body:has(.watch-page){background:#fff;min-height:100svh}.watch-page{--watch-reserved-height:7rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;isolation:isolate;min-height:100svh;color:var(--color-zinc-900);background:#fff;justify-content:center;align-items:center;padding:1.25rem clamp(1rem,2vw,1.5rem);display:flex;position:relative}.watch-page:before{content:"";z-index:-1;pointer-events:none;opacity:.5;background-image:linear-gradient(to right, var(--color-zinc-200) 1px, transparent 1px), linear-gradient(to bottom, var(--color-zinc-200) 1px, transparent 1px);background-position:top;background-size:5.5rem 5.5rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 85%);mask-image:linear-gradient(#0000008c,#0000 85%)}.watch-stage{--watch-accent:var(--color-accent-blue-link);width:min(100%, 100rem, calc((100svh - var(--watch-reserved-height)) * 16 / 9));background:var(--color-surface);box-shadow:0 0 0 1px var(--color-zinc-200);border-radius:.5rem;margin:0;container-type:inline-size}.watch-player{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--media-font-family:var(--font-sans);--media-primary-color:var(--color-zinc-100);--media-secondary-color:transparent;--media-control-background:transparent;--media-control-hover-background:#ffffff1a;--media-control-height:20px;--media-focus-box-shadow:inset 0 0 0 2px var(--watch-accent);--media-range-track-height:3px;--media-range-track-border-radius:999px;--media-range-thumb-width:10px;--media-range-thumb-height:10px;--media-range-track-background:#ffffff2e;--media-range-bar-color:var(--media-primary-color);--media-range-thumb-background:var(--media-primary-color);--media-time-range-buffered-color:#ffffff47;--media-control-transition-in:opacity .16s ease;--media-control-transition-out:opacity .24s ease;--media-loading-indicator-icon-height:36px;aspect-ratio:16/9;background:#000;border-radius:.5rem;width:100%;display:block;position:relative;overflow:hidden}.watch-player video{object-fit:contain;width:100%;height:100%;display:block}.watch-player:not(:defined)>:not(video){display:none}.watch-controls{background:linear-gradient(#0000,#000000b8);align-self:stretch;padding:1.5rem .625rem .5rem}.watch-controls media-time-range{--media-range-bar-color:color-mix(in oklab, var(--color-sky-300) 40%, var(--color-zinc-200));--media-range-thumb-transition:opacity .14s ease;width:100%;height:24px;padding:10px;display:block}.watch-controls media-control-bar{align-items:center;width:100%;display:flex}.watch-controls media-control-bar>:not(.watch-control-spacer){border-radius:.375rem;padding:10px}.watch-controls media-volume-range{width:5rem}.watch-controls media-time-display{font-variant-numeric:tabular-nums;font-size:.75rem}.watch-control-spacer{flex:1}.watch-start{--media-control-background:#18181bb8;--media-control-hover-background:#18181be0;--media-control-height:24px;border:1px solid #ffffff3d;border-radius:50%;padding:16px}.watch-player[mediahasplayed] .watch-start,.watch-player[medialoading]:not([mediapaused]) .watch-start{display:none}.watch-player:fullscreen{border-radius:0}.watch-caption{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(.75rem,2cqi,1.5rem);padding:.5rem .75rem;display:grid}.watch-caption h1{letter-spacing:-.02em;color:var(--color-pub-title);margin:0;font-size:clamp(1.0625rem,2cqi,1.25rem);font-weight:600;line-height:1.45}.watch-download{border:1px solid var(--color-zinc-200);min-height:36px;color:var(--color-accent-blue-dark);white-space:nowrap;background:#fff;border-radius:.5rem;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.watch-download:hover{border-color:var(--color-accent-blue-light);background:color-mix(in srgb, var(--color-accent-blue-light) 40%, white)}.watch-download:active{background:var(--color-accent-blue-light)}.watch-download:focus-visible{outline:2px solid var(--watch-accent);outline-offset:3px}@media (hover:hover){.watch-controls media-time-range:not(:hover,:focus-within){--media-range-thumb-opacity:0}}@container not (min-width:600px){.watch-download{width:36px;padding:0}.watch-download span{display:none}}@container not (min-width:500px){.watch-controls media-volume-range{display:none}}@media not (min-height:500px){.watch-page{--watch-reserved-height:9rem;padding-block:.75rem}}@media (prefers-reduced-motion:reduce){.watch-player{--media-control-transition-in:none;--media-control-transition-out:none}.watch-controls media-time-range{--media-range-thumb-transition:none}.watch-download{transition:none}}