.m-marquee{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(20%,#000),color-stop(80%,#000),to(rgba(0,0,0,0)));-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0),#000 20%,#000 80%,rgba(0,0,0,0));mask-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(20%,#000),color-stop(80%,#000),to(rgba(0,0,0,0)));mask-image:linear-gradient(90deg,#0000,#000 20%,#000 80%,#0000);overflow:hidden}.m-marquee__card{--m-marquee-duration:calc(var(--m-marquee-speed)*1s);--m-marquee-duration-per-card:calc(var(--m-marquee-duration)/var(--m-marquee-cards-count));--m-marquee-delay:calc(var(--m-marquee-duration-per-card)*-1*(var(--m-marquee-cards-count) - var(--m-marquee-card-index)));-webkit-box-flex:0;-webkit-animation:marquee var(--m-marquee-duration) var(--m-marquee-delay) linear infinite;animation:marquee var(--m-marquee-duration) var(--m-marquee-delay) linear infinite;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.m-marquee__card--clickable{cursor:pointer}.m-marquee__card--horizontal{height:5.9375rem;padding:0 .25rem;width:10.5rem}@media (min-width:768px){.m-marquee__card--horizontal{height:6.625rem;padding:0 .375rem;width:11.875rem}}@media (min-width:1440px){.m-marquee__card--horizontal{height:8.875rem;width:15.75rem}}.m-marquee__card--horizontal .m-marquee__image{border-radius:.75rem}.m-marquee__card--vertical{height:15.75rem;padding:0 .5rem;width:12.875rem}.m-marquee__image{border-radius:1.25rem;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@-webkit-keyframes marquee{0%{translate:calc(100%*(var(--m-marquee-cards-count) - var(--m-marquee-card-index)))}to{translate:calc(-100%*var(--m-marquee-card-index))}}@keyframes marquee{0%{translate:calc(100%*(var(--m-marquee-cards-count) - var(--m-marquee-card-index)))}to{translate:calc(-100%*var(--m-marquee-card-index))}}
