@tailwind base;
@tailwind components;
@tailwind utilities;

body {
    @apply antialiased;
}

.logo-marquee {
    position: relative;
}

.logo-marquee-track {
    display: inline-flex;
    min-width: max-content;
    justify-content: flex-start;
    animation: none;
}

.logo-marquee-track.is-centered {
    justify-content: center;
}

.logo-marquee-track.is-animated {
    animation: logo-marquee-scroll 25s linear infinite;
}

@keyframes logo-marquee-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}