/**
 * dot-bounce.css
 * Single bouncing dot. Loaded only when the dot animation is used.
 */

.dot-bounce {
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 32px;
    height: 32px;
    margin-left: -16px;             /* centre horizontally */
    border-radius: 50%;
    background: var(--primary, #252525);
    transform-origin: 50% 100%;     /* squash from contact point */
}