.marquee{position:relative;overflow:hidden;padding:var(--sp-sm) 0;mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 92%,transparent 100%)}.marquee__track{display:flex;gap:var(--sp-sm);width:max-content;animation:marquee-scroll 40s linear infinite}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__item{display:inline-flex;align-items:center;gap:.5em;padding:.5em 1.2em;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border);white-space:nowrap;flex-shrink:0;transition:border-color var(--duration-sm),color var(--duration-sm)}.marquee__item:hover{border-color:var(--accent);color:var(--text)}.sec--dark .marquee__item{background:rgb(255 255 255 / .04);border-color:var(--border-dark);color:var(--text-dim-on-dark)}.sec--dark .marquee__item:hover{border-color:var(--accent);color:var(--text-on-dark)}.marquee--reverse .marquee__track{animation-direction:reverse}@keyframes marquee-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.marquee__track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}.marquee{mask-image:none;-webkit-mask-image:none}}