.focus-marquee{--marquee-gap:1rem;--marquee-card:clamp(12rem,22vw,18rem);width:100%;height:calc(var(--marquee-card) + var(--marquee-gap));display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 2rem calc(100% - 2rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 2rem calc(100% - 2rem),#0000)}.focus-marquee__list{align-items:flex-start;gap:var(--marquee-gap);padding-right:var(--marquee-gap);animation:focus-marquee-travel var(--marquee-duration,60s)linear infinite;flex:none;animation-play-state:paused;display:flex}.focus-marquee__item{width:var(--marquee-card);-webkit-user-select:none;user-select:none;flex:none}.focus-marquee[data-playing=true] .focus-marquee__list{animation-play-state:running}.focus-marquee[data-reverse=true] .focus-marquee__list{animation-direction:reverse}.focus-marquee[data-browsing=true]{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--muted-foreground)var(--muted);cursor:grab;overflow:auto hidden}.focus-marquee[data-browsing=true]:active{cursor:grabbing}.focus-marquee[data-dragging=true]{scroll-snap-type:none}.focus-marquee[data-browsing=true] .focus-marquee__list{padding-bottom:var(--marquee-gap);animation:none}.focus-marquee[data-browsing=true] .focus-marquee__item{scroll-snap-align:start}.focus-marquee[data-browsing=true] [data-marquee-clone]{display:none}@media (hover:hover) and (pointer:fine){.focus-marquee:hover .focus-marquee__list{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.focus-marquee{overflow-x:auto}.focus-marquee__list{animation:none}.focus-marquee [data-marquee-clone]{display:none}}@keyframes focus-marquee-travel{to{transform:translate(-100%)}}