.loader.svelte-l367ym.svelte-l367ym {
    width: 4.75rem;
    height: .75rem;
    background-color: var(--grey-400);
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    border-radius: var(--border-radius-lg)
}

.loader.svelte-l367ym .loader-animation.svelte-l367ym {
    border-radius: var(--border-radius-lg);
    position: absolute;
    background-color: var(--white);
    top: .125rem;
    bottom: .125rem;
    left: .125rem;
    width: 1rem;
    transform: translate(0);
    animation: svelte-l367ym-slide .8s infinite;
    will-change: transform
}

.loader.svelte-l367ym .loader-animation.no-animation-chromatic.svelte-l367ym {
    animation-play-state: paused
}

@keyframes svelte-l367ym-slide {
    0% {
        transform: translate(0)
    }
    5% {
        transform: translate(0)
    }
    50% {
        transform: translate(3.5rem)
    }
    55% {
        transform: translate(3.5rem)
    }
    to {
        transform: translate(0)
    }
}