.dot-flashing[data-v-76dc1603] {
    position: relative;
    width: .85rem;
    height: .85rem;
    border-radius: 100%;
    display: inline-block;
    animation: dot-flashing-76dc1603 1.25s infinite linear alternate;
    animation-delay: .5s
}

.dot-flashing[data-v-76dc1603]:before,.dot-flashing[data-v-76dc1603]:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    width: .85rem;
    height: .85rem;
    border-radius: 100%;
    color: var(--color-primary-DEFAULT);
    animation: dot-flashing-76dc1603 1.25s infinite linear alternate
}

.dot-flashing[data-v-76dc1603]:before {
    left: -1.4875rem;
    animation-delay: 0s
}

.dot-flashing[data-v-76dc1603]:after {
    left: 1.4875rem;
    animation-delay: 1s
}

@keyframes dot-flashing-76dc1603 {
    0% {
        background-color: var(--color-primary-DEFAULT)
    }

    60%,to {
        background-color: #fff
    }
}