.cs-root{--cs-w:clamp(234px, 55.8vw, 504px);--cs-gap:24px;--cs-fade:clamp(96px, calc(100vw - var(--cs-edge,0px) - var(--cs-w) - 12px), 320px);--cs-tick-pitch:24px;--cs-edge:max(0px, calc((100vw - min(100vw - 2 * var(--layout-padding), var(--layout-work-max))) / 2));--cs-bleed:var(--cs-edge);--cs-bleed-l:min(160px, var(--cs-edge))}.cs-viewport{margin-inline:calc(-1 * var(--layout-padding));perspective:1400px;touch-action:pan-y;--cs-mask:linear-gradient(to right, #0000 0, #0000001b calc(var(--cs-bleed-l,0px) * .2), #0000005a calc(var(--cs-bleed-l,0px) * .4), #000000a5 calc(var(--cs-bleed-l,0px) * .6), #000000e4 calc(var(--cs-bleed-l,0px) * .8), #000 var(--cs-bleed-l,0px), #000 calc(100% - var(--cs-fade) * 1), #000000f8 calc(100% - var(--cs-fade) * .9), #000000e4 calc(100% - var(--cs-fade) * .8), #000000c8 calc(100% - var(--cs-fade) * .7), #000000a5 calc(100% - var(--cs-fade) * .6), #00000080 calc(100% - var(--cs-fade) * .5), #0000005a calc(100% - var(--cs-fade) * .4), #00000037 calc(100% - var(--cs-fade) * .3), #0000001b calc(100% - var(--cs-fade) * .2), #00000007 calc(100% - var(--cs-fade) * .1), #0000 calc(100% - var(--cs-fade) * 0));-webkit-mask-image:var(--cs-mask);mask-image:var(--cs-mask);-webkit-mask-image:var(--cs-mask);position:relative;overflow:hidden}.cs-viewport:before,.cs-viewport:after{content:"";z-index:300;pointer-events:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);position:absolute;inset-block:0}.cs-viewport:after{width:var(--cs-fade);inset-inline-end:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 80%);mask-image:linear-gradient(90deg,#0000,#000 80%)}.cs-viewport:before{width:var(--cs-bleed-l,0px);inset-inline-start:0;-webkit-mask-image:linear-gradient(270deg,#0000,#000 80%);mask-image:linear-gradient(270deg,#0000,#000 80%)}@media (prefers-reduced-transparency:reduce){.cs-viewport:before,.cs-viewport:after{display:none}}.cs-inset{padding-inline:var(--layout-padding)}@media (hover:hover){.cs-viewport{cursor:grab}.cs-viewport[data-dragging],.cs-viewport[data-dragging] *{cursor:grabbing}}.cs-viewport{-webkit-user-select:none;user-select:none}.cs-viewport img,.cs-viewport video{-webkit-user-drag:none;user-drag:none}@media (min-width:640px){.cs-viewport{margin-inline:calc(-6px - var(--cs-bleed-l,0px)) calc(-6px - var(--cs-bleed,0px));padding:6px}.cs-inset{padding-inline:var(--cs-bleed-l,0px) 0}}@media (min-width:640px) and (max-height:520px){.cs-root{--cs-w:min(clamp(234px, 55.8vw, 504px), 80vh)}}.cs-stage{height:calc(var(--cs-w) * .75);position:relative}.cs-card{width:var(--cs-w);text-align:start;height:100%;cursor:inherit;transform-origin:0;visibility:hidden;will-change:transform, opacity;backface-visibility:hidden;border-radius:var(--radius-media,12px);background:0 0;border:0;padding:0;position:absolute;inset-block-start:0;inset-inline-start:0}.cs-stage>.cs-card:first-child{visibility:visible;z-index:100;--cs-ord:1}.cs-card:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.cs-media{border-radius:inherit;background:linear-gradient(145deg, var(--color-neutral-50), var(--color-neutral-100));position:absolute;inset:0;overflow:hidden}.cs-veil{border-radius:inherit;background:var(--color-bg-page,#fff);opacity:var(--cs-veil,0);pointer-events:none;position:absolute;inset:0}.cs-pill{text-overflow:ellipsis;white-space:nowrap;background:color-mix(in srgb, var(--color-neutral-900) 66%, transparent);max-width:58%;color:var(--color-neutral-0);-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2);opacity:var(--cs-show,0);border-radius:999px;padding:4px 10px;transition:opacity .16s;position:absolute;inset-block-end:12px;overflow:hidden}@media (hover:hover){.cs-card:hover{--cs-show:1}}@media (hover:none){.cs-card[data-active]{--cs-show:1}}.cs-card:focus-visible{--cs-show:1}.cs-pill[data-secondary]{color:color-mix(in srgb, var(--color-neutral-0) 88%, transparent)}@media (prefers-reduced-transparency:reduce){.cs-pill{background:var(--color-neutral-900);-webkit-backdrop-filter:none;backdrop-filter:none}}.cs-ticks{width:calc(var(--cs-tick-pitch) * var(--cs-n,12));max-width:min(100%, var(--cs-w));cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;height:32px;display:flex}.cs-ticks:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:4px}.cs-tick{flex:0 1 var(--cs-tick-pitch);justify-content:center;align-items:center;min-width:0;height:100%;display:flex}.cs-tick-line{background:color-mix(in srgb, var(--color-primary-600) calc(var(--w,0) * 100%), var(--color-neutral-900));width:.75px;height:18px;opacity:calc(.3 + .7 * var(--w,0));transform:scale(calc(1 + .3333 * var(--w,0)), calc(1 + .45 * var(--w,0)));will-change:transform, opacity}@media (max-width:639px){.cs-root{--cs-w:min(80vw, 420px);--cs-gap:12px;--cs-fade:0px;--cs-bleed-l:0px}.cs-viewport{margin-block-end:-28px;padding-block-end:28px}.cs-viewport:before{display:none}.cs-viewport:after{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:auto;inset-inline-start:calc(var(--layout-padding) + var(--cs-w) - 2px);inset-inline-end:0;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 70%);mask-image:linear-gradient(90deg,#0000 0,#000 70%)}.cs-card{box-shadow:0 1px 2px #0000000f,0 6px 18px #00000014}.cs-pill{opacity:calc(var(--cs-show,0) * var(--cs-ord,0))}.cs-numeral{opacity:var(--cs-ord,0)}.cs-ticks{width:100%;max-width:none;height:48px}.cs-tick{flex:1 1 0}.cs-tick-line{height:22px}}@media (prefers-reduced-motion:reduce){.cs-pill{transition:none}.cs-card,.cs-tick-line{will-change:auto}.cs-viewport{perspective:none}}