.marquee{display:flex;width:100%;block-size:var(--marquee-item-height);margin-block:35px;position:relative;overflow-x:hidden;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.marquee--8{--marquee-item-width:120px;--marquee-item-height:70px;--marquee-duration:30s;--marquee-items:7}.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);position:absolute;inset-inline-start:var(--marquee-item-offset);transform:translateX(-50%);animation:go linear var(--marquee-duration) var(--marquee-delay,0s) infinite}.marquee--8 .marquee__item:first-of-type{--marquee-item-index:1}.marquee--8 .marquee__item:nth-of-type(2){--marquee-item-index:2}.marquee--8 .marquee__item:nth-of-type(3){--marquee-item-index:3}.marquee--8 .marquee__item:nth-of-type(4){--marquee-item-index:4}.marquee--8 .marquee__item:nth-of-type(5){--marquee-item-index:5}.marquee--8 .marquee__item:nth-of-type(6){--marquee-item-index:6}.marquee--8 .marquee__item:nth-of-type(7){--marquee-item-index:7}@keyframes go{to{inset-inline-start:calc(var(--marquee-item-width)*-1)}}