.marquee{block-size:var(--marquee-item-height);display:flex;margin-top:2.5rem;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);overflow-x:hidden;position:relative}.marquee__item{--marquee-item-offset:max(calc(var(--marquee-item-width)*var(--marquee-items)),calc(100% + var(--marquee-item-width)));--marquee-delay:calc(var(--marquee-duration)/var(--marquee-items)*(var(--marquee-items) - var(--marquee-item-index))*-1);animation:go linear var(--marquee-duration) var(--marquee-delay,0s) infinite;inset-inline-start:var(--marquee-item-offset);position:absolute;transform:translateX(-50%)}@keyframes go{to{inset-inline-start:calc(var(--marquee-item-width)*-1)}}body{background-color:#000}