.marquee{position:relative;padding-block:1.1rem;border-block:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee__track{display:flex;align-items:center;gap:3rem;width:max-content;animation:marquee-scroll var(--marquee-duration, 36s) linear infinite;will-change:transform}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__item{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--font-display);font-size:var(--step-0);font-weight:500;letter-spacing:-.01em;color:var(--text-muted);white-space:nowrap;transition:color var(--speed) var(--ease-out)}.marquee__item:hover{color:var(--text)}.marquee__dot{width:5px;height:5px;border-radius:50%;background:var(--gradient-brand);flex-shrink:0}@media(prefers-reduced-motion:reduce){.marquee__track{animation:none;justify-content:center;flex-wrap:wrap;width:100%}}