.trio-marquee{background:transparent}.trio-marquee__inner{align-items:center;display:flex;gap:34px;overflow:hidden;padding-block:48px 34px}.trio-marquee__label{color:var(--trio-primary);flex-shrink:0;font-family:var(--trio-font-body);font-size:.72rem;font-weight:700;letter-spacing:.11em;margin:0;padding-left:40px;text-transform:uppercase}.trio-marquee__viewport{flex:1;mask-image:linear-gradient(90deg,transparent 0,var(--trio-ink) 12%,var(--trio-ink) 82%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,var(--trio-ink) 12%,var(--trio-ink) 82%,transparent 100%);overflow:hidden;position:relative}.trio-marquee__viewport:focus-visible{outline:2px solid var(--trio-primary);outline-offset:4px}.trio-marquee__track{animation-iteration-count:infinite;animation-name:trio-marquee-scroll;animation-timing-function:linear;display:flex;gap:62px;width:max-content}.trio-marquee__viewport:focus .trio-marquee__track,.trio-marquee__viewport:focus-within .trio-marquee__track,.trio-marquee__viewport:hover .trio-marquee__track{animation-play-state:paused}.trio-marquee__item{color:color-mix(in srgb,var(--trio-n-600) 40%,var(--trio-n-500));font-family:var(--trio-font-mono-doc);font-size:.94rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}@keyframes trio-marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.trio-marquee__track{animation:none;flex-wrap:wrap;gap:14px 34px;width:100%}.trio-marquee__viewport{mask-image:none;-webkit-mask-image:none}.trio-marquee__item[aria-hidden=true]{display:none}}@media (max-width:680px){.trio-marquee__inner{align-items:flex-start;flex-direction:column;gap:14px;padding-block:32px 24px}.trio-marquee__label{padding-left:16px}.trio-marquee__viewport{align-self:stretch;width:100%}.trio-marquee__track{gap:40px}}