.watch-stage{position:relative;display:grid;min-inline-size:0;block-size:calc(100dvh - 4rem);grid-template-columns:clamp(14rem,18vw,18rem) minmax(0,1fr);gap:1rem;transition:grid-template-columns .15s ease-out}.watch-stage:has(.watch-chapter-rail[data-collapsed]){grid-template-columns:4rem minmax(0,1fr)}.watch-stage--without-rail{grid-template-columns:minmax(0,1fr)}.watch-chapter-overlay{position:fixed;inset-block:0;inset-inline-start:0;inset-inline-end:auto;inline-size:min(22rem,86vw);max-inline-size:none;max-block-size:none;margin:0;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));overflow-y:auto;border:0;border-radius:0;background:var(--color-neutral);color:var(--color-neutral-content)}.watch-chapter-overlay-backdrop{background:color-mix(in oklch,var(--color-neutral) 64%,transparent)}.watch-chapter-overlay header p,.watch-chapter-overlay header>div>div{color:var(--color-neutral-content);opacity:.75}.video-row{container-type:inline-size}.video-row-carousel{display:flex;min-width:0;gap:1rem;overflow-x:auto;overscroll-behavior-inline:contain;padding:.25rem;scroll-padding-inline:.25rem;scroll-behavior:smooth;scroll-snap-type:inline proximity;scrollbar-width:none}.video-row-carousel::-webkit-scrollbar{display:none}.video-row-carousel__item{flex:0 0 100%;min-width:0;scroll-snap-align:start}.video-row-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem 1rem;min-width:0;padding-inline:.25rem}.watch-stage-overlay-actions{position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem;z-index:20;display:none;gap:.5rem}@media(max-width:80rem){.watch-stage{block-size:auto;aspect-ratio:16 / 9;grid-template-columns:minmax(0,1fr)}.watch-stage .watch-chapter-rail{display:none}.watch-stage-overlay-actions{display:flex}}@container (min-width: 36rem){.video-row-carousel__item{flex-basis:calc((100% - 1rem)/2)}.video-row-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 54rem){.video-row-carousel__item{flex-basis:calc((100% - 2rem) / 3)}.video-row-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width: 80rem){.video-row-carousel__item{flex-basis:calc((100% - 3rem)/4)}.video-row-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.watch-stage{transition:none}.video-row-carousel{scroll-behavior:auto}}