.cx{--cx-gutter:1rem;--cx-edge:max(var(--cx-gutter), calc((100% - 90rem) / 2 + var(--cx-gutter)));--cx-fade:min(var(--cx-edge), 6rem);inline-size:100%;position:relative}@media (min-width:48rem){.cx{--cx-gutter:1.5rem}}@media (min-width:64rem){.cx{--cx-gutter:2rem}}@media (min-width:90rem){.cx{--cx-gutter:3rem}}.cx-paper{--cx-ground:var(--color-paper)}.cx-ink{--cx-ground:var(--color-ink)}.cx-head{justify-content:space-between;align-items:center;gap:1rem;margin-block-end:1.5rem;display:flex}.cx-head>p{flex:auto;min-inline-size:0}.cx-pause{min-block-size:44px;min-inline-size:44px;color:var(--muted);transition:color .2s var(--ease-out);flex:none;align-items:center;gap:.5rem;margin-inline-end:-.5rem;padding-inline:.5rem;display:inline-flex}.cx-pause:hover{color:var(--color-gold)}.cx-viewport{background:var(--cx-ground);overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-inline:var(--cx-edge);-webkit-mask-image:linear-gradient(to right, transparent calc(var(--cx-edge) - var(--cx-fade)), #000 var(--cx-edge), #000 calc(100% - var(--cx-edge)), transparent calc(100% - var(--cx-edge) + var(--cx-fade)));-webkit-mask-image:linear-gradient(to right, transparent calc(var(--cx-edge) - var(--cx-fade)), #000 var(--cx-edge), #000 calc(100% - var(--cx-edge)), transparent calc(100% - var(--cx-edge) + var(--cx-fade)));mask-image:linear-gradient(to right, transparent calc(var(--cx-edge) - var(--cx-fade)), #000 var(--cx-edge), #000 calc(100% - var(--cx-edge)), transparent calc(100% - var(--cx-edge) + var(--cx-fade)));overflow:auto hidden;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cx-viewport::-webkit-scrollbar{display:none}.cx-viewport:focus-visible{outline:2px solid var(--color-gold);outline-offset:-2px}.cx-track{will-change:transform;inline-size:max-content;animation:cx-roll var(--cx-duration,54s) linear infinite;margin:0;padding:0;list-style:none;animation-play-state:paused;display:flex}.cx[data-rolling=true] .cx-track{animation-play-state:running}.cx[data-reduced=true] .cx-track{animation:none}.cx[data-direction=right] .cx-track{animation-direction:reverse}.cx-item{flex:none}@keyframes cx-roll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.cx .cx-track{animation:none!important}.cx[data-reduced-layout=wrap] .cx-viewport{overflow:visible;-webkit-mask-image:none;mask-image:none}.cx[data-reduced-layout=wrap] .cx-track{flex-wrap:wrap;inline-size:auto;transform:none}.cx[data-reduced-layout=wrap] .cx-item[aria-hidden=true]{display:none}}
