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;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{width:min(100%, 100rem, calc((100svh - var(--watch-reserved-height)) * 16 / 9));background:var(--color-zinc-50);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:#ffffff1f;--media-control-height:20px;--media-focus-box-shadow:inset 0 0 0 2px var(--color-zinc-300);--media-range-track-height:3px;--media-range-thumb-width:10px;--media-range-thumb-height:10px;--media-range-track-background:#ffffff38;--media-range-bar-color:var(--color-zinc-100);--media-time-range-buffered-color:#ffffff59;--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{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){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:#18181bbf;--media-control-hover-background:#27272ae6;--media-control-height:28px;border:1px solid #ffffff2e;border-radius:50%;padding:18px}.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-zinc-900);margin:0;font-size:clamp(1.0625rem,2cqi,1.25rem);font-weight:700;line-height:1.45}.watch-download{border:1px solid var(--color-sky-100);background:var(--color-sky-50);min-height:36px;color:var(--color-sky-700);white-space:nowrap;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-sky-200);background:var(--color-sky-100);color:var(--color-sky-800)}.watch-download:active{background:var(--color-sky-200)}.watch-download:focus-visible{outline:2px solid var(--color-sky-600);outline-offset:3px}@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-download{transition:none}}
