root:{

}

.carousel-track-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    overflow: hidden;
}

/* Forzamos alineación a la izquierda durante la animación */
.is-animating .carousel-track-wrapper {
    justify-content: flex-start;
}

.carousel-track {
    display: flex;
    width: max-content;
    will-change: transform;
}

@keyframes infinite-scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(var(--total-width));
    }
}

.animate-infinite-scroll {
    animation: infinite-scroll 30s linear infinite;
}

.search-box-types-cont-clone {
    display: none;
}

.is-animating .search-box-types-cont-clone {
    display: flex;
}