.marquee{--m-bg:#141414;--m-color:#ffffff;--m-gap:48px;--m-sep:'';--m-sep-color:#f5a623;--m-fade:64px;position:relative;display:flex;width:100%;overflow:hidden;padding-block:0.85rem;background:var(--m-bg);color:var(--m-color);touch-action:pan-y}.marquee[data-fade]::before,.marquee[data-fade]::after{content:"";position:absolute;top:0;bottom:0;width:var(--m-fade);z-index:2;pointer-events:none}.marquee[data-fade]::before{left:0;background:linear-gradient(90deg,var(--m-bg),transparent)}.marquee[data-fade]::after{right:0;background:linear-gradient(270deg,var(--m-bg),transparent)}.marquee__track{display:flex;flex-wrap:nowrap;align-items:center;width:max-content;transform:translate3d(0,0,0);will-change:transform;-webkit-user-select:none;user-select:none}.marquee__item{display:inline-flex;align-items:center;white-space:nowrap}.marquee__item::after{content:var(--m-sep);display:inline-block;margin-inline:calc(var(--m-gap) / 2);color:var(--m-sep-color);pointer-events:none}.marquee[data-drag="on"] .marquee__track{cursor:grab}.marquee.is-dragging .marquee__track{cursor:grabbing}.marquee__item a{-webkit-user-drag:none;color:inherit}@media (prefers-reduced-motion:reduce){.marquee__track{will-change:auto}}