.anz-category-marquee{
    position:relative;
    width:100%;
    max-width:1100px;
    margin:0 auto;
    overflow:hidden;
}

.anz-category-marquee::before,
.anz-category-marquee::after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:70px;
    z-index:2;
    pointer-events:none;
}

.anz-category-marquee::before{
    left:0;
    background:linear-gradient(90deg,#050403 0%,rgba(5,4,3,0) 100%);
}

.anz-category-marquee::after{
    right:0;
    background:linear-gradient(270deg,#050403 0%,rgba(5,4,3,0) 100%);
}

.anz-category-marquee-viewport{
    width:100%;
    overflow:hidden;
}

.anz-marquee-track{
    display:flex!important;
    grid-template-columns:none!important;
    align-items:stretch!important;
    gap:16px!important;
    width:max-content!important;
    will-change:transform;
}

.anz-marquee-track.is-running{
    animation:anz-category-marquee var(--anz-marquee-duration,36s) linear infinite;
}

.anz-marquee-track > .anz-marquee-item{
    flex:0 0 260px!important;
    width:260px!important;
    min-width:260px!important;
    margin:0!important;
}

@keyframes anz-category-marquee{
    from{
        transform:translate3d(0,0,0);
    }
    to{
        transform:translate3d(calc(-1 * var(--anz-marquee-distance)),0,0);
    }
}

@media(max-width:980px){
    .anz-marquee-track > .anz-marquee-item{
        flex-basis:230px!important;
        width:230px!important;
        min-width:230px!important;
    }
}

@media(max-width:640px){
    .anz-category-marquee::before,
    .anz-category-marquee::after{
        width:34px;
    }

    .anz-marquee-track{
        gap:12px!important;
    }

    .anz-marquee-track > .anz-marquee-item{
        flex-basis:82vw!important;
        width:82vw!important;
        min-width:82vw!important;
    }
}

@media(prefers-reduced-motion:reduce){
    .anz-marquee-track.is-running{
        animation:none!important;
    }
}