.video-player-shell{margin-bottom:var(--space-6);--player-scrim: color-mix(in srgb, var(--color-night-deep) 88%, transparent);--player-scrim-soft: color-mix(in srgb, var(--color-night-deep) 34%, transparent);--player-scrim-fade: var(--space-7);--player-bar-room: 5.5rem;--player-glyph: 20px;--player-time-size: var(--text-sm);--player-cover-button: 72px}@media(pointer:coarse){.video-player-shell{--player-bar-room: 6rem}}@container player (max-height: 400px){.video-controls,.video-player-shell__cover{--player-glyph: 16px;--player-time-size: var(--text-xs);--player-cover-button: 60px;--player-scrim-fade: var(--space-5);--player-bar-room: 5rem}}.video-player-shell__stage{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--color-night);border-radius:var(--radius-md);overflow:hidden;container:player / size}.video-player-shell__stage:focus-visible{outline-color:var(--color-accent-300);outline-offset:-4px}.video-player-shell__stage iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.video-player-shell__surface{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background:transparent}.video-player-shell__cover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding-bottom:var(--player-bar-room);background:var(--color-night);cursor:pointer}.video-player-shell__cover .btn{width:var(--player-cover-button);height:var(--player-cover-button);min-height:0;padding:0;border-radius:var(--radius-pill)}.video-player-shell__cover .btn svg{width:calc(var(--player-cover-button) * .39);height:calc(var(--player-cover-button) * .39)}.video-player-shell__stage[data-cover] .video-controls{background:none}.video-controls{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--player-scrim-fade) var(--space-3) var(--space-3);background:linear-gradient(to top,var(--player-scrim) 0,var(--player-scrim) calc(100% - var(--player-scrim-fade)),var(--player-scrim-soft) calc(100% - var(--player-scrim-fade) * .45),transparent 100%);pointer-events:none}.video-controls>*{pointer-events:auto}.video-controls__row{display:flex;align-items:center;gap:var(--space-2)}.video-controls__end{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.video-controls__volume{display:flex;align-items:center;gap:var(--space-1)}.video-controls__time{margin:0 var(--space-1);font-size:var(--player-time-size);color:var(--color-on-night);font-variant-numeric:tabular-nums;white-space:nowrap}.video-controls__time-sep,.video-controls__time-total{color:var(--color-night-muted)}.video-controls__button{background:transparent;border:1.5px solid transparent;color:var(--color-on-night);min-width:44px;min-height:44px;padding:var(--space-2);border-radius:var(--radius-pill)}.video-controls__button svg{display:block;width:var(--player-glyph);height:var(--player-glyph)}.video-controls__button:hover{background:#ffffff29;color:var(--color-on-night)}.video-controls__button[aria-pressed=true]{background:var(--color-accent-fill);color:var(--color-on-accent)}.video-controls__button[aria-pressed=true]:hover{background:var(--color-accent-fill-hover);color:var(--color-on-accent)}@media(pointer:coarse){.video-controls__button{min-width:48px;min-height:48px}}.video-controls__range{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:0;box-shadow:none;min-height:0;margin:0;padding:0;height:20px;cursor:pointer;--track: 4px;--thumb: 10px}.video-controls__range:hover,.video-controls__range:focus-visible{--track: 7px;--thumb: 14px}.video-controls__range:active{--thumb: 16px}.video-controls__range:focus,.video-controls__range:hover{border:0;box-shadow:none}.video-controls__range--seek{width:100%;display:block}.video-controls__range--volume{width:76px}.video-controls__range:disabled{cursor:default;opacity:.6}.video-controls__range::-webkit-slider-runnable-track{height:var(--track);border-radius:var(--radius-pill);background:linear-gradient(to right,var(--color-accent-500) calc(var(--played, 0) * 100%),rgb(255 255 255 / .34) calc(var(--played, 0) * 100%),rgb(255 255 255 / .34) calc(var(--buffered, 0) * 100%),var(--color-night-line) calc(var(--buffered, 0) * 100%))}.video-controls__range::-moz-range-track{height:var(--track);border-radius:var(--radius-pill);background:linear-gradient(to right,var(--color-accent-500) calc(var(--played, 0) * 100%),rgb(255 255 255 / .34) calc(var(--played, 0) * 100%),rgb(255 255 255 / .34) calc(var(--buffered, 0) * 100%),var(--color-night-line) calc(var(--buffered, 0) * 100%))}.video-controls__range::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);border-radius:50%;border:0;background:var(--color-accent-500);margin-top:calc((var(--track) - var(--thumb)) / 2)}.video-controls__range::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border-radius:50%;border:0;background:var(--color-accent-500)}@media(pointer:coarse){.video-controls__range{height:44px;--track: 6px;--thumb: 16px}}@container player (max-height: 400px){.video-controls__range{--track: 5px;--thumb: 12px}.video-controls__range:hover,.video-controls__range:focus-visible{--track: 6px;--thumb: 14px}}@media(hover:hover)and (pointer:fine){.video-controls__range--volume{width:0;visibility:hidden;opacity:0;transition:opacity var(--transition-fast),visibility 0s linear .14s}.video-controls__volume:hover .video-controls__range--volume,.video-controls__volume:focus-within .video-controls__range--volume{width:76px;visibility:visible;opacity:1;transition:opacity var(--transition-fast),visibility 0s}}@media(max-width:639px){.video-controls__range--volume{display:none}}.video-controls{visibility:hidden;opacity:0;transform:translateY(var(--space-2));transition:opacity var(--transition-base),transform var(--transition-base),visibility 0s linear .22s}.video-player-shell__stage[data-controls=shown] .video-controls,.video-player-shell__stage:focus-within .video-controls{visibility:visible;opacity:1;transform:none;transition:opacity var(--transition-fast),transform var(--transition-fast),visibility 0s}@supports selector(:has(:focus-visible)){.video-player-shell__stage[data-controls=hidden]:focus-within:not(:focus-visible):not(:has(:focus-visible)) .video-controls{visibility:hidden;opacity:0;transform:translateY(var(--space-2))}}.video-player-shell__stage[data-controls=hidden]:not(:focus-within),.video-player-shell__stage[data-controls=hidden]:not(:focus-within) .video-player-shell__surface{cursor:none}@media(prefers-reduced-motion:reduce){.video-controls,.video-player-shell__stage[data-controls=shown] .video-controls,.video-player-shell__stage:focus-within .video-controls{transition:none;transform:none}}.video-player-shell__stage:fullscreen,.video-player-shell__stage[data-expanded=true]{aspect-ratio:auto;border-radius:0;background:var(--color-night-deep)}.video-player-shell__stage:fullscreen{width:100%;height:100%}.video-player-shell__stage[data-expanded=true]{position:fixed;top:0;right:0;bottom:0;left:0;width:auto;height:auto;z-index:var(--z-window)}.video-player-shell__stage:fullscreen .video-controls,.video-player-shell__stage[data-expanded=true] .video-controls{padding:var(--player-scrim-fade) max(var(--space-5),env(safe-area-inset-right)) max(var(--space-5),env(safe-area-inset-bottom)) max(var(--space-5),env(safe-area-inset-left))}.video-player-shell__stage:fullscreen .video-player-shell__cover,.video-player-shell__stage[data-expanded=true] .video-player-shell__cover{padding-bottom:var(--space-9);--player-cover-button: clamp(72px, 12vmin, 96px)}.video-player-shell__fallback{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-ink-500)}