.dot.svelte-qqt35s {
    width: .6rem;
    height: .6rem;
    border-radius: 1000px;
    background: currentColor;
    position: absolute
}

.loader.svelte-qqt35s {
    display: flex;
    gap: var(--spacing-4);
    padding-right: var(--ds-spacing-1-5, .3rem)
}

.dot-one.svelte-qqt35s {
    animation: svelte-qqt35s-spin .8s infinite linear
}

.dot-two.svelte-qqt35s {
    animation: svelte-qqt35s-spin .8s -.4s infinite linear
}

@keyframes svelte-qqt35s-spin {
    0%,
    to {
        transform: translateY(-50%) scale(.4)
    }
    25% {
        transform: translate(-1.15rem, -50%) scale(1)
    }
    50% {
        transform: translateY(-50%) scale(1.5)
    }
    75% {
        transform: translate(1.15rem, -50%) scale(1)
    }
}

@keyframes svelte-3k7g21-wobble {
    25% {
        transform: scale(1.3)
    }
    50% {
        transform: scale(1.3) rotate(-10deg)
    }
}

.wobble.svelte-3k7g21 {
    animation-name: svelte-3k7g21-wobble;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.87, -.41, .19, 1.44);
    max-height: 20px
}