.swoopDot {
    width: 12px;
    height: 12px;
    background-color: #0A78C7;
    border-radius:100%;
    position: absolute;
    top: 50%;
    transform: translatey(-50%) translatex(-50%);
}
.swoopActive {
    transition: all 500ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    transition-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
.swoopReverse {
    transition: all 500ms cubic-bezier(0.190, 0.675, 0.055, 0.550);
    transition-timing-function: cubic-bezier(0.190, 0.675, 0.055, 0.550);
}