@instructure/studio-player 1.3.11 → 1.4.0

package/dist/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, ReactSVGElement } from 'react';
-export type { VideoMimeType, MediaRemoteControl, MediaPlayerInstance, MediaCrossOrigin, } from '@vidstack/react';
+export type { MediaCrossOrigin, MediaPlayerInstance, MediaRemoteControl, VideoMimeType, } from '@vidstack/react';
 export type CaptionSourceType = 'youtube' | 'standard';
 export type CaptionMetaData = {
     src?: string;
@@ -64,4 +64,4 @@ export type TabSlot = {
     default?: boolean;
 };
 export type FeedbackAction = 'togglePaused' | 'seekForward' | 'seekForward10' | 'seekBackward' | 'seekBackward10' | 'volumeChange' | 'captionsChange' | 'playbackRateChange';
-export { type StudioPlayerContextType } from './StudioPlayer/context';
+export type { StudioPlayerContextType } from './StudioPlayer/context';

package/dist/{vidstack-D3W_YeLC.js → vidstack-CW95SyGp.js}

@@ -8,7 +8,7 @@ var d = (f, s, n) => (hR(f, s, "read from private field"), n ? n.call(f) : s.get
 import { jsx as lt, Fragment as xj, jsxs as hy } from "react/jsx-runtime";
 import * as ue from "react";
 import RP from "react";
-import { g as Rj, a as Dj, i as AA, h as Mj, b as Lj, c as $j, d as Oj, e as Aj, f as Pj } from "./vidstack-google-cast-CCM7gfCP.js";
+import { g as Rj, a as Dj, i as AA, h as Mj, b as Lj, c as $j, d as Oj, e as Aj, f as Pj } from "./vidstack-google-cast-CsCVUqMF.js";
 const wo = Symbol(0);
 let Qb = !1, xR = !1, bl = null, ov = null, Ns = null, rs = 0, rv = [], kM = {};
 const _j = () => {
@@ -2996,7 +2996,7 @@ class C5 {
     return "audio";
   }
   async load(s) {
-    return new (await import("./vidstack-audio-B3Oa47JQ.js")).AudioProvider(this.target, s);
+    return new (await import("./vidstack-audio-DbPc3idL.js")).AudioProvider(this.target, s);
   }
 }
 class VM {
@@ -3011,7 +3011,7 @@ class VM {
     return "video";
   }
   async load(s) {
-    return new (await import("./vidstack-video-BZp9e059.js")).VideoProvider(this.target, s);
+    return new (await import("./vidstack-video-q8xqLJoa.js")).VideoProvider(this.target, s);
   }
 }
 const l0 = class l0 extends VM {
@@ -3023,7 +3023,7 @@ const l0 = class l0 extends VM {
     return l0.supported && ky(n);
   }
   async load(n) {
-    return new (await import("./vidstack-hls-DuxbO4TZ.js")).HLSProvider(this.target, n);
+    return new (await import("./vidstack-hls-DSVUi5_h.js")).HLSProvider(this.target, n);
   }
 };
 Z(l0, "supported", PM());
@@ -3847,7 +3847,7 @@ const d0 = class d0 extends VM {
     return d0.supported && _M(n);
   }
   async load(n) {
-    return new (await import("./vidstack-dash-xVTNHQep.js")).DASHProvider(this.target, n);
+    return new (await import("./vidstack-dash-jo1859zo.js")).DASHProvider(this.target, n);
   }
 };
 Z(d0, "supported", vB());
@@ -3873,10 +3873,10 @@ class U5 {
     return "video";
   }
   async load(s) {
-    return new (await import("./vidstack-vimeo-C3xENYD1.js").then((n) => n.p)).VimeoProvider(this.target, s);
+    return new (await import("./vidstack-vimeo-BA-4I7ZM.js").then((n) => n.p)).VimeoProvider(this.target, s);
   }
   async loadPoster(s, n, o) {
-    const { resolveVimeoVideoId: h, getVimeoVideoInfo: v } = await import("./vidstack-vimeo-C3xENYD1.js").then((D) => D.u);
+    const { resolveVimeoVideoId: h, getVimeoVideoInfo: v } = await import("./vidstack-vimeo-BA-4I7ZM.js").then((D) => D.u);
     if (!Ze(s.src)) return null;
     const { videoId: y, hash: k } = h(s.src);
     return y ? v(y, o, k).then((D) => D ? D.poster : null) : null;
@@ -3907,10 +3907,10 @@ class z5 {
     return "video";
   }
   async load(s) {
-    return new (await import("./vidstack-youtube-CPj5eETM.js").then((n) => n.p)).YouTubeProvider(this.target, s);
+    return new (await import("./vidstack-youtube-BAC5Q-v0.js").then((n) => n.p)).YouTubeProvider(this.target, s);
   }
   async loadPoster(s, n, o) {
-    const { findYouTubePoster: h, resolveYouTubeVideoId: v } = await import("./vidstack-youtube-CPj5eETM.js").then((k) => k.u), y = Ze(s.src) && v(s.src);
+    const { findYouTubePoster: h, resolveYouTubeVideoId: v } = await import("./vidstack-youtube-BAC5Q-v0.js").then((k) => k.u), y = Ze(s.src) && v(s.src);
     return y ? h(y, o) : null;
   }
 }
@@ -28666,7 +28666,7 @@ class fQ {
   async load(s) {
     if (!d(this, Od))
       throw Error("[vidstack] google cast player was not initialized");
-    return new (await import("./vidstack-google-cast-CCM7gfCP.js").then((n) => n.p)).GoogleCastProvider(d(this, Od), s);
+    return new (await import("./vidstack-google-cast-CsCVUqMF.js").then((n) => n.p)).GoogleCastProvider(d(this, Od), s);
   }
 }
 Od = new WeakMap(), Hr = new WeakSet(), $V = async function(s) {
@@ -28849,9 +28849,9 @@ export {
   Ze as a,
   R6 as a0,
   sQ as a1,
-  JQ as a2,
-  XQ as a3,
-  ZQ as a4,
+  XQ as a2,
+  ZQ as a3,
+  JQ as a4,
   qM as a5,
   qQ as a6,
   M6 as a7,

package/dist/{vidstack-audio-B3Oa47JQ.js → vidstack-audio-DbPc3idL.js}

@@ -1,8 +1,8 @@
 var o = Object.defineProperty;
 var a = (i, e, t) => e in i ? o(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
 var r = (i, e, t) => a(i, typeof e != "symbol" ? e + "" : e, t);
-import { s as p, H as d } from "./vidstack-D3W_YeLC.js";
-import { H as u } from "./vidstack-html-DbliDeJH.js";
+import { s as p, H as d } from "./vidstack-CW95SyGp.js";
+import { H as u } from "./vidstack-html-BSHnIZtr.js";
 class n extends u {
   constructor(t, s) {
     super(t, s);

package/dist/{vidstack-dash-xVTNHQep.js → vidstack-dash-jo1859zo.js}

@@ -5,8 +5,8 @@ var u = (e) => {
 var g = (e, s, t) => s in e ? S(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
 var h = (e, s, t) => g(e, typeof s != "symbol" ? s + "" : s, t), d = (e, s, t) => s.has(e) || u("Cannot " + t);
 var i = (e, s, t) => (d(e, s, "read from private field"), t ? t.call(e) : s.get(e)), a = (e, s, t) => s.has(e) ? u("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, t), p = (e, s, t, n) => (d(e, s, "write to private field"), n ? n.call(e, t) : s.set(e, t), t);
-import { D as f, i as m, a as l, p as y, b as D, c as x } from "./vidstack-D3W_YeLC.js";
-import { VideoProvider as v } from "./vidstack-video-BZp9e059.js";
+import { D as f, i as m, a as l, p as y, b as D, c as x } from "./vidstack-CW95SyGp.js";
+import { VideoProvider as v } from "./vidstack-video-q8xqLJoa.js";
 const $ = "https://cdn.jsdelivr.net";
 var c, r, o;
 class b extends v {

package/dist/{vidstack-google-cast-CCM7gfCP.js → vidstack-google-cast-CsCVUqMF.js}

@@ -5,7 +5,7 @@ var U = (r) => {
 var ct = (r, t, s) => t in r ? ht(r, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[t] = s;
 var _ = (r, t, s) => ct(r, typeof t != "symbol" ? t + "" : t, s), D = (r, t, s) => t.has(r) || U("Cannot " + s);
 var e = (r, t, s) => (D(r, t, "read from private field"), s ? s.call(r) : t.get(r)), d = (r, t, s) => t.has(r) ? U("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, s), u = (r, t, s, n) => (D(r, t, "write to private field"), n ? n.call(r, s) : t.set(r, s), s), a = (r, t, s) => (D(r, t, "access private method"), s);
-import { l as ut, d as dt, T as E, R as lt, G as ft, k as F, o as mt, e as x, c as I, f as gt } from "./vidstack-D3W_YeLC.js";
+import { l as ut, d as dt, T as E, R as lt, G as ft, k as F, o as mt, e as x, c as I, f as gt } from "./vidstack-CW95SyGp.js";
 function Tt() {
   return "https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1";
 }

package/dist/{vidstack-hls-DuxbO4TZ.js → vidstack-hls-DSVUi5_h.js}

@@ -5,8 +5,8 @@ var u = (e) => {
 var g = (e, s, t) => s in e ? S(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
 var a = (e, s, t) => g(e, typeof s != "symbol" ? s + "" : s, t), d = (e, s, t) => s.has(e) || u("Cannot " + t);
 var i = (e, s, t) => (d(e, s, "read from private field"), t ? t.call(e) : s.get(e)), h = (e, s, t) => s.has(e) ? u("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, t), p = (e, s, t, n) => (d(e, s, "write to private field"), n ? n.call(e, t) : s.set(e, t), t);
-import { g as f, h as m, a as l, p as y, j as L, c as x } from "./vidstack-D3W_YeLC.js";
-import { VideoProvider as v } from "./vidstack-video-BZp9e059.js";
+import { g as f, h as m, a as l, p as y, j as L, c as x } from "./vidstack-CW95SyGp.js";
+import { VideoProvider as v } from "./vidstack-video-q8xqLJoa.js";
 const $ = "https://cdn.jsdelivr.net";
 var c, r, o;
 class j extends v {

package/dist/{vidstack-html-DbliDeJH.js → vidstack-html-BSHnIZtr.js}

@@ -6,7 +6,7 @@ var p = (i, e, t) => e in i ? l(i, e, { enumerable: !0, configurable: !0, writab
 var d = (i, e, t) => p(i, typeof e != "symbol" ? e + "" : e, t), S = (i, e, t) => e.has(i) || m("Cannot " + t);
 var h = (i, e, t) => e.has(i) ? m("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(i) : e.set(i, t);
 var n = (i, e, t) => (S(i, e, "access private method"), t);
-import { A as y, d as v, m as f, N as T, o as b, n as c, q as $, a as M } from "./vidstack-D3W_YeLC.js";
+import { A as y, d as v, m as f, N as T, o as b, n as c, q as $, a as M } from "./vidstack-CW95SyGp.js";
 var r, u;
 class g {
   constructor(e, t) {

package/dist/{vidstack-video-BZp9e059.js → vidstack-video-q8xqLJoa.js}

@@ -1,8 +1,8 @@
 var n = Object.defineProperty;
 var o = (s, t, e) => t in s ? n(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
 var i = (s, t, e) => o(s, typeof t != "symbol" ? t + "" : t, e);
-import { s as c, H as u, r as P, V as p, F as d, P as h, t as l, u as f, v as V, w as y, o as I } from "./vidstack-D3W_YeLC.js";
-import { H as v } from "./vidstack-html-DbliDeJH.js";
+import { s as c, H as u, r as P, V as p, F as d, P as h, t as l, u as f, v as V, w as y, o as I } from "./vidstack-CW95SyGp.js";
+import { H as v } from "./vidstack-html-BSHnIZtr.js";
 class m extends v {
   constructor(e, r) {
     super(e, r);

package/dist/{vidstack-vimeo-C3xENYD1.js → vidstack-vimeo-BA-4I7ZM.js}

@@ -5,7 +5,7 @@ var W = (a) => {
 var ke = (a, c, e) => c in a ? me(a, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[c] = e;
 var b = (a, c, e) => ke(a, typeof c != "symbol" ? c + "" : c, e), j = (a, c, e) => c.has(a) || W("Cannot " + e);
 var s = (a, c, e) => (j(a, c, "read from private field"), e ? e.call(a) : c.get(a)), d = (a, c, e) => c.has(a) ? W("Cannot add the same private member more than once") : c instanceof WeakSet ? c.add(a) : c.set(a, e), f = (a, c, e, t) => (j(a, c, "write to private field"), t ? t.call(a, e) : c.set(a, e), e), h = (a, c, e) => (j(a, c, "access private method"), e);
-import { E as ve, d as we, x as Y, T as g, R as Te, p as Pe, y as x, c as A, a as Ce, z as G, L as M, l as $e, B as ge, C as Ee, I as Re, Q as J } from "./vidstack-D3W_YeLC.js";
+import { E as ve, d as we, x as Y, T as g, R as Te, p as Pe, y as x, c as A, a as Ce, z as G, L as M, l as $e, B as ge, C as Ee, I as Re, Q as J } from "./vidstack-CW95SyGp.js";
 const Ve = /(?:https:\/\/)?(?:player\.)?vimeo(?:\.com)?\/(?:video\/)?(\d+)(?:(?:\?hash=|\?h=|\/)(.*))?/, O = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Map();
 function K(a) {
   const c = a.match(Ve);

package/dist/{vidstack-youtube-CPj5eETM.js → vidstack-youtube-BAC5Q-v0.js}

@@ -5,7 +5,7 @@ var z = (a) => {
 var W = (a, n, e) => n in a ? Q(a, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[n] = e;
 var m = (a, n, e) => W(a, typeof n != "symbol" ? n + "" : n, e), E = (a, n, e) => n.has(a) || z("Cannot " + e);
 var s = (a, n, e) => (E(a, n, "read from private field"), e ? e.call(a) : n.get(a)), p = (a, n, e) => n.has(a) ? z("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(a) : n.set(a, e), l = (a, n, e, t) => (E(a, n, "write to private field"), t ? t.call(a, e) : n.set(a, e), e), r = (a, n, e) => (E(a, n, "access private method"), e);
-import { E as X, d as Z, x as ee, p as te, y as se, a as ie, J as ae, z as oe, Y as k, K as ne, M as C, T as j, O as re } from "./vidstack-D3W_YeLC.js";
+import { E as X, d as Z, x as ee, p as te, y as se, a as ie, J as ae, z as oe, Y as k, K as ne, M as C, T as j, O as re } from "./vidstack-CW95SyGp.js";
 const ue = /(?:youtu\.be|youtube|youtube\.com|youtube-nocookie\.com)(?:\/shorts)?\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=|)((?:\w|-){11})/, Y = /* @__PURE__ */ new Map(), R = /* @__PURE__ */ new Map();
 function B(a) {
   var n;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/studio-player",
-  "version": "1.3.11",
+  "version": "1.4.0",
   "private": false,
   "description": "Next generation media player for Instructure",
   "module": "./dist/studio-player.es.js",
@@ -16,11 +16,11 @@
     }
   },
   "lint-staged": {
-    "*.css": "pnpm stylelint"
+    "*.{ts,tsx,js,jsx,json,css}": "pnpm lint:fix"
   },
   "license": "MIT",
   "devDependencies": {
-    "@eslint/js": "^9.18.0",
+    "@biomejs/biome": "^2.2.6",
     "@playwright/test": "^1.55.0",
     "@storybook/addon-actions": "^8.6.11",
     "@storybook/addon-essentials": "^8.6.11",
@@ -42,21 +42,12 @@
     "@vitejs/plugin-react-swc": "^3.7.2",
     "@vitest/expect": "^3.0.2",
     "dotenv": "^16.4.7",
-    "eslint": "^9.18.0",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-playwright": "^2.2.2",
-    "eslint-plugin-react": "^7.37.4",
-    "globals": "^15.14.0",
     "happy-dom": "^16.6.0",
     "husky": "^9.1.7",
     "lint-staged": "^15.4.1",
     "postcss-nesting": "^13.0.1",
     "storybook": "^8.6.11",
-    "stylelint": "^16.13.2",
-    "stylelint-config-css-modules": "^4.4.0",
-    "stylelint-config-standard": "^37.0.0",
     "typescript": "^5.7.3",
-    "typescript-eslint": "^8.20.0",
     "unplugin-icons": "^0.19.3",
     "vite": "^6.0.9",
     "vite-plugin-dts": "^4.5.0",
@@ -80,15 +71,16 @@
   "scripts": {
     "build": "NODE_ENV=production vite build",
     "check:types": "tsc --noEmit",
-    "lint": "pnpm check:types && eslint",
+    "lint": "pnpm check:types && biome check .",
+    "lint:fix": "pnpm check:types && biome check --write .",
+    "format": "biome format --write .",
+    "format:check": "biome format .",
     "storybook": "storybook dev -p 6006",
     "storybook:build": "storybook build",
     "test": "vitest",
     "test:ci": "vitest --disable-console-intercept --no-watch",
     "test:pw": "pnpm exec playwright test --project=firefox",
     "test:pw:ui": "pnpm test:pw --ui",
-    "test:pw:show-report": " pnpm exec playwright show-report",
-    "stylelint": "stylelint 'src/**/*.css'",
-    "stylelint:fix": "stylelint 'src/**/*.css' --fix"
+    "test:pw:show-report": " pnpm exec playwright show-report"
   }
 }

package/dist/index-CI_7mUas.css

@@ -1 +0,0 @@
-._annotation-overlay_1kxzn_1{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;user-select:none;z-index:1;background-color:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center}._media-buffering-indicator_1fwjr_1{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;z-index:1;background-color:#00000080;transition:opacity .2s ease}[data-media-player][data-buffering] ._media-buffering-spinner_1fwjr_17{pointer-events:none;animation:_media-buffering-spin_1fwjr_17 1s linear infinite}._media-buffering-track_1fwjr_22{color:#f5f5f5;opacity:.25}._media-buffering-track-fill_1fwjr_27{color:var(--media-brand, #f5f5f5);opacity:.75}[data-media-player][data-buffering] ._media-buffering-indicator_1fwjr_1{opacity:1}@keyframes _media-buffering-spin_1fwjr_17{to{transform:rotate(360deg)}}._controls-overlay_1hbsa_1{display:flex;position:absolute;gap:.5rem;padding:1rem;top:0;right:0;bottom:0;left:0;align-items:start;justify-content:end;pointer-events:none}._keyboard-shortcuts-overlay_1hbsa_12{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000000b3;color:#fff;padding:1.5rem;-webkit-user-select:none;user-select:none;overflow-y:auto;display:flex;flex-direction:column;align-items:center;z-index:1}._keyboard-shortcuts-overlay_1hbsa_12 header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}:is(._keyboard-shortcuts-overlay_1hbsa_12 header) h2{font-size:1rem;font-weight:500;margin:0}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_1hbsa_12 header) h2{font-size:1.5rem}}._keyboard-shortcuts-overlay_1hbsa_12 table{width:100%;max-width:54rem;padding:0;border-collapse:collapse}@container player (width > 400px) and (height > 300px){._keyboard-shortcuts-overlay_1hbsa_12 table{padding:2rem}}:is(._keyboard-shortcuts-overlay_1hbsa_12 table) tr{border-bottom:1px solid rgba(232 234 236 / .2)}:is(._keyboard-shortcuts-overlay_1hbsa_12 table) tbody tr:last-child{border-bottom:none}:is(._keyboard-shortcuts-overlay_1hbsa_12 table) th,:is(._keyboard-shortcuts-overlay_1hbsa_12 table) td{text-align:left;font-size:.75rem;line-height:1.5}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_1hbsa_12 table) th,:is(._keyboard-shortcuts-overlay_1hbsa_12 table) td{font-size:.875rem}}@container player (width >= 720px) and (height > 300px){:is(._keyboard-shortcuts-overlay_1hbsa_12 table) th,:is(._keyboard-shortcuts-overlay_1hbsa_12 table) td{font-size:1rem}}._keyboard-shortcuts-overlay_1hbsa_12 ._screen-reader-content_1hbsa_77{width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;position:absolute;top:0;inset-inline-start:0;overflow:hidden;clip:rect(0 0 0 0);border:0}._controls-button_1hbsa_91{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-2);border:1px solid #d7dade;background:var(--controls-layout-bg-color)}._controls-button_1hbsa_91:focus-visible{outline:var(--focus-ring)}._keyboard-shortcuts-button_1hbsa_107{opacity:0;margin-right:auto}._keyboard-shortcuts-button_1hbsa_107:focus-visible{opacity:1;pointer-events:auto}._kebab-menu-button_1hbsa_117{opacity:1;pointer-events:auto;transition:opacity;transition-duration:0s;transition-timing-function:linear;transition-delay:0s;cursor:pointer;color:inherit}._kebab-menu-button_1hbsa_117 svg{flex-shrink:0}._kebab-menu-button_1hbsa_117:hover{background-color:var(--media-button-icon-hover-color, #e0e0e0)}._kebab-menu_1hbsa_117{display:flex;flex-direction:column;min-width:200px;pointer-events:auto;background-color:var(--settings-menu-bg-color, white);border-radius:var(--radius-2);padding-top:.25rem;padding-bottom:.25rem;z-index:1000;filter:drop-shadow(0 .125rem .1875rem rgba(0 0 0 / .5))}._kebab-menu-item_1hbsa_151{font-family:inherit;font-size:1rem;line-height:1;height:36px;text-rendering:geometricprecision;display:flex;align-items:center;gap:.5rem;padding:0 11px;border:none;outline:none;background-color:transparent;cursor:pointer;color:inherit;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._kebab-menu-item_1hbsa_151:hover,._kebab-menu-item_1hbsa_151:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}[data-media-player][data-playing]:not([data-hover]) ._kebab-menu-button_1hbsa_117:not(:focus-visible,[aria-expanded=true]),[data-media-player][data-fullscreen][data-playing]:not([data-controls]) ._kebab-menu-button_1hbsa_117:not(:focus-visible,[aria-expanded=true]){opacity:0;transition-duration:.2s}._close-button_1hbsa_191{background-color:transparent;border:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;width:2.25rem;height:2.25rem}._arrow_1hbsa_205{fill:#fff}._container_12srz_1{display:flex;gap:1rem;flex:1 0 auto;pointer-events:none}._button_12srz_8{-webkit-user-select:none;user-select:none;font-family:inherit;font-size:1rem;line-height:1;pointer-events:auto;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border-radius:4px;background-color:#000c}._captions_mb7hs_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:var(--captions-justify-content, end);align-items:center;padding:var(--spacing-3);transition:padding-bottom .1s ease-in-out;transition-delay:.3s}[data-fullscreen][data-controls]:not(:has([data-pins])) ._captions_mb7hs_1{transition-delay:0s;padding-bottom:calc(var(--spacing-3) + var(--captions-fullscreen-offset))}._captions_mb7hs_1[aria-hidden=true]{display:none}._captions_mb7hs_1 [data-part=cue]{color:var(--captions-color, white);text-align:center;max-width:50ch;line-height:1.5;font-size:calc(clamp(.875rem,4cqh,2rem) * var(--captions-font-size-multiplier, 1));padding:0 var(--spacing-2);background-color:var(--captions-background-color, rgba(22 22 22 / .75));border-radius:var(--radius-2);white-space:pre-wrap}._comments-overlay_z1669_1{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--spacing-3);display:flex;align-items:end;pointer-events:none;transition:padding .1s ease-in-out;transition-delay:0s}._comments-container_z1669_12{display:flex;flex-direction:column;gap:.25rem;width:15rem;margin-right:3.4375rem}@container player (width >= 460px){._comments-container_z1669_12{width:23.4375rem}}@media (hover: none) and (orientation: portrait) and (max-width: 720px){[data-fullscreen] ._comments-overlay_z1669_1{justify-content:end}}[data-fullscreen][data-controls]:not(:has([data-pins])) ._comments-overlay_z1669_1{padding-bottom:calc(var(--spacing-3) + var(--comments-fullscreen-offset));transition-delay:.3s}._comment_z1669_1{display:grid;grid-template-areas:"avatar text";grid-template-columns:auto 1fr;align-items:center;padding:var(--spacing-1);gap:var(--spacing-1);border-radius:var(--radius-2);background-color:var(--comments-background-color);cursor:pointer;border:1px solid #666;pointer-events:auto}@container player (height > 540px){._comment_z1669_1{grid-template-areas:"text text" "avatar name"}}._comment-text_z1669_55{grid-area:text;color:var(--comments-color);font-size:var(--comments-font-size-small);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;-webkit-user-select:none;user-select:none}@container player (height >= 400px){._comment-text_z1669_55{-webkit-line-clamp:2;line-clamp:2;font-size:var(--comments-font-size-large)}}._comment-author-avatar_z1669_75{grid-area:avatar;box-sizing:border-box;display:inline-block;object-fit:cover;width:var(--comments-avatar-size-xss);height:var(--comments-avatar-size-xss);border-radius:50%;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;contain:paint}@container player (height >= 400px){._comment-author-avatar_z1669_75{width:var(--comments-avatar-size-s);height:var(--comments-avatar-size-s)}}@container player (height > 540px){._comment-author-avatar_z1669_75{width:var(--comments-avatar-size-xs);height:var(--comments-avatar-size-xs)}}._comment-author-name_z1669_99{grid-area:name;color:var(--comments-author-color);font-size:var(--comments-font-size-large);font-weight:700;line-height:1.5;display:none}@container player (height > 540px){._comment-author-name_z1669_99{display:inline}}._settings-menu_1f6ct_1{display:flex;flex-direction:column;font-size:.875rem;line-height:1.25rem;background-color:var(--settings-menu-bg-color, white);padding-top:.25rem;padding-bottom:.25rem;border-radius:var(--radius-2);width:294px;z-index:1000;overflow:auto;max-height:80cqh;max-width:calc(100% - 8px);filter:drop-shadow(0 .125rem .1875rem rgba(0 0 0 / .5))}._settings-menu_1f6ct_1:focus-visible{outline:2px solid var(--settings-menu-focus-color, #0078d4)}@container player (width > 400px) and (height > 300px){._settings-menu_1f6ct_1{font-size:1rem;line-height:1.5rem}}@container player (height <= 300px){._settings-menu_1f6ct_1{max-height:calc(100% - 56px)}}@container player (width < 300px){._settings-menu_1f6ct_1{max-width:calc(100% - 8px)}}._menu-heading_1f6ct_38{display:block;margin:0 var(--spacing-2);padding-top:var(--spacing-2);padding-bottom:.5625rem;border-bottom:.0625rem solid #c7cdd1;font-weight:700}._check-icon_1f6ct_49,._trash-icon_1f6ct_50{width:1.25rem;height:1.25rem}._check-icon_1f6ct_49{visibility:hidden}._trash-icon_1f6ct_50{color:var(--warning-color)}._menu-item-multiline-label-wrapper_1f6ct_63{display:flex;flex-direction:column;text-align:start}._menu-item-secondary-label_1f6ct_69{display:block;color:var(--secondary-text-color);font-size:.875rem}._menu-item-label_1f6ct_75{display:block}._menu-item_1f6ct_63{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;outline:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;padding:6px 11px;gap:var(--spacing-2);cursor:pointer;font-size:inherit;line-height:inherit;font-family:inherit;color:inherit}._menu-item_1f6ct_63:hover,._menu-item_1f6ct_63:focus-visible{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}:is(._menu-item_1f6ct_63:hover,._menu-item_1f6ct_63:focus-visible) ._trash-icon_1f6ct_50{color:var(--settings-media-hover-color)}._menu-item_1f6ct_63[aria-checked=true] ._check-icon_1f6ct_49{visibility:visible}._menu-item_1f6ct_63:hover ._menu-item-secondary-label_1f6ct_69{color:var(--secondary-text-hover-color)}._menu-back-button_1f6ct_116{display:flex;align-items:center;gap:var(--spacing-1);padding:6px 11px;color:var(--settings-submenu-color, #2d3b45);font-size:inherit;line-height:inherit;font-family:inherit;cursor:pointer;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._menu-back-button_1f6ct_116:hover,._menu-back-button_1f6ct_116:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._arrow_1f6ct_142{fill:#fff}._menu-hint_an2ow_1{color:var(--settings-media-submenu-hint-color, #9ea6ad)}._menu-button_an2ow_5{position:relative;display:flex;align-items:center;width:100%;gap:var(--spacing-1);padding:.375rem .6875rem;color:var(--settings-submenu-color, #2d3b45);font-size:inherit;line-height:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit}._menu-button_an2ow_5:disabled{cursor:default;opacity:.5}._menu-button_an2ow_5:hover:not(:disabled),._menu-button_an2ow_5:focus:not(:disabled){color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._menu-button_an2ow_5:hover:not(:disabled) ._menu-hint_an2ow_1,._menu-button_an2ow_5:focus:not(:disabled) ._menu-hint_an2ow_1{color:var(--settings-media-hover-color, white)}._menu-label_an2ow_42{flex-grow:1;text-align:left}._menu-icon_an2ow_47{width:1.125rem;height:1.125rem}._switch-track_7nhpo_1{position:relative;background-color:#e8e8e8;width:2.625rem;height:1.75rem;border-radius:.875rem;will-change:background-color;transition:background-color .2s;box-shadow:#d7dade 0 0 0 .0625rem inset;margin:-.25rem 0}@container player (width > 400px) and (height > 300px){._switch-track_7nhpo_1{margin:-.125rem 0}}._switch-thumb_7nhpo_17{background-color:#fff;width:1.5rem;height:1.5rem;border-radius:.75rem;transform:translate(.125rem,.125rem);box-shadow:#e8eaec 0 0 0 .0625rem inset;will-change:transform;transition:transform .2s;display:flex;align-items:center;justify-content:center}._switch-icon_7nhpo_31{width:.875rem;height:.875rem;color:var(--settings-submenu-color)}._switch-body_7nhpo_37{display:flex;align-items:center;border:none;background-color:transparent;text-align:left;font-family:inherit;gap:var(--spacing-1);padding:.375rem .6875rem;color:var(--settings-submenu-color);font-size:inherit;line-height:inherit;cursor:pointer;outline:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._switch-body_7nhpo_37[aria-checked=true] ._switch-track_7nhpo_1{background-color:#03893d}._switch-body_7nhpo_37[aria-checked=true] ._switch-icon_7nhpo_31{color:#03893d}._switch-body_7nhpo_37[aria-checked=true] ._switch-thumb_7nhpo_17{transform:translate(1rem,.125rem)}._switch-body_7nhpo_37:hover,._switch-body_7nhpo_37:focus-visible{color:var(--settings-media-hover-color);background-color:var(--settings-media-hover-bg-color)}[aria-checked=true]:is(._switch-body_7nhpo_37:hover,._switch-body_7nhpo_37:focus-visible) ._switch-track_7nhpo_1{background-color:#e8e8e8}._switch-label_7nhpo_78{flex-grow:1}._menu-icon_7nhpo_82{width:1.125rem;height:1.125rem}._feedback-overlay_14jdq_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:var(--spacing-4);flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;pointer-events:none}._feedback-message_14jdq_14{font-weight:300;position:absolute;top:10%;display:flex;justify-content:center;align-items:center;padding:var(--spacing-2);background-color:var(--feedback-message-bg-color, black);color:var(--feedback-message-color, white);border-radius:var(--radius-2);font-size:1rem;line-height:1.5;opacity:.75}._feedback-icon_14jdq_30{box-sizing:border-box;display:inline-flex;color:var(--feedback-icon-color, white);padding:var(--spacing-3);width:4.5rem;height:4.5rem;background-color:var(--feedback-icon-bg-color, black);border-radius:var(--radius-rounded);animation:_feedback-icon-animation_14jdq_1 .2s linear;animation-fill-mode:forwards;will-change:transform,opacity}._feedback-icon_14jdq_30:has(.right){align-self:end}._feedback-icon_14jdq_30:has(.left){align-self:start}._feedback-icon_14jdq_30>svg{width:100%;height:100%}@keyframes _feedback-icon-animation_14jdq_1{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:.5}}@media (max-width: 425px){[data-fullscreen] ._full-screen-button_1xm32_2{display:none}}[data-media-player][data-view-type=audio] ._full-screen-button_1xm32_2{display:none}._gestures-container_1fn3b_1{display:contents}._gesture_1fn3b_1{position:absolute;top:0;right:0;bottom:0;left:0}[data-fullscreen] ._gesture_1fn3b_1{top:3.625rem}button._play-pause-button_vj8da_1{border:none;background:none}._rolling-transcript_xdl5f_1{position:relative;display:flex;flex-direction:column;height:100%}._header_xdl5f_8{display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing-1, .5rem);padding:var(--spacing-1, .5rem);border-bottom:1px solid var(--sidebar-border-color, #d7dade)}._transcript-search_xdl5f_17{position:relative;flex:1 1 auto}._transcript-search_xdl5f_17>svg{position:absolute;top:50%;left:var(--spacing-1, .5rem);transform:translateY(-50%)}._transcript-search_xdl5f_17 input{box-sizing:border-box;min-height:2.375rem;padding:0 var(--spacing-4, 2rem);border-radius:var(--radius-2, .24rem);border:1px solid var(--sidebar-border-color, #d7dade);width:100%;height:100%;font-size:14px}:is(._transcript-search_xdl5f_17 input)::placeholder{color:var(--text-data-point-color, #a1a8ab)}:is(._transcript-search_xdl5f_17 input):focus-visible{outline:var(--focus-ring, 2px solid #2b7abc);outline-offset:-2px}._search-wrapper_xdl5f_54{display:flex;gap:var(--spacing-1, .5rem)}._transcript-search-clear-button_xdl5f_59{position:absolute;top:50%;right:var(--spacing-0, .25rem);transform:translateY(-50%);background:transparent;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;cursor:pointer;border-radius:var(--radius-2, 4px)}._transcript-search-clear-button_xdl5f_59:focus-visible{outline:var(--focus-ring, 2px solid #2b7abc);outline-offset:-2px}._transcript-search-clear-button_xdl5f_59>svg{color:var(--text-body-color, #273540)}._transcript-search-widget_xdl5f_86{font-family:Lato,sans-serif;display:flex;align-items:center;gap:12px;padding-left:1rem;-webkit-user-select:none;user-select:none}._transcript-search-widget_xdl5f_86>span{color:var(--text-data-point-color, #a1a8ab)}._transcript-search-widget-button_xdl5f_99{font-family:Lato,sans-serif;background-color:transparent;border:none;border-radius:var(--radius-2, .25rem);cursor:pointer;margin:0;display:flex;align-items:center;justify-content:center;transition:background-color .2s;width:38px;height:38px}._transcript-search-widget-button_xdl5f_99>svg{flex-shrink:0;color:var(--text-body-color, #273540)}._transcript-search-widget-button_xdl5f_99:hover{background-color:var(--media-button-icon-hover-color, #e0e0e0)}._transcript-search-widget-button_xdl5f_99:focus-visible{outline:var(--focus-ring, 2px solid #2b7abc);outline-offset:-2px}._transcript-search-widget-button_xdl5f_99:disabled{opacity:.5;cursor:default}._transcript-list_xdl5f_134{margin:0;padding:0;padding-left:var(--spacing-1, .5rem);list-style:none;display:flex;flex-direction:column;gap:var(--spacing-0, .25rem);overflow-y:auto;scroll-behavior:smooth;border-radius:var(--radius-2, .25rem)}._transcript-list_xdl5f_134:focus-visible{outline:var(--focus-ring, 2px solid #2b7abc);outline-offset:-2px}._transcript-line_xdl5f_152{font-family:Lato,sans-serif;color:var(--text-body-color, #273540);width:100%;text-align:left;display:flex;-webkit-user-select:none;user-select:none;align-items:center;gap:var(--spacing-1, .5rem);padding:var(--spacing-1, .5rem);border:none;background:transparent;border-radius:var(--radius-2, .25rem)}._transcript-line_xdl5f_152>span{font-size:12px;line-height:18px;color:var(--transcript-timestamp-color, #0e68b3)}._transcript-line_xdl5f_152>p{font-size:14px;line-height:20px;margin:0}._transcript-line_xdl5f_152:focus-visible{outline:var(--focus-ring, 2px solid #2b7abc);outline-offset:-2px}._transcript-line_xdl5f_152:hover{background-color:var(--transcript-hover-color, #e8eaec);cursor:pointer}._transcript-line_xdl5f_152[aria-current=true]{background-color:var(--brand-color, #2b7abc);color:var(--brand-text-color, white)}._transcript-line_xdl5f_152[aria-current=true]>span{color:inherit}._transcript-line_xdl5f_152[aria-current=true]:focus-visible{outline:2px solid var(--brand-text-color, white);outline-offset:-4px}._auto-scroll-button_xdl5f_203{position:absolute;bottom:4px;right:4px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-rounded, 50%);border:1px solid var(--transcipt-timestamp-color, #0e68b3);background:var(--brand-color, #2b7abc);cursor:pointer;box-shadow:0 3px 6px #00000040,0 3px 6px #0000001a}._auto-scroll-button_xdl5f_203>svg{color:var(--brand-text-color, white)}._auto-scroll-button_xdl5f_203:focus-visible{outline:2px solid var(--brand-text-color, white);outline-offset:-4px}::highlight(search-results){background-color:var(--transcript-search-highlight-color, #ecf721);color:var(--text-body-color, #273540)}::highlight(search-results-current){background-color:var(--transcript-search-highlight-current-color, #f9bb58);color:var(--text-body-color, #273540)}._rolling-transcript-kebab-menu_h7k7t_1{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:var(--radius-2, .25rem);background-color:transparent;cursor:pointer;flex-shrink:0}._rolling-transcript-kebab-menu_h7k7t_1:hover{background-color:var(--media-button-icon-hover-color, #e0e0e0)}._rolling-transcript-kebab-menu_h7k7t_1:focus-visible{outline:var(--focus-ring, 2px solid #2b7abc);outline-offset:-2px}._rolling-transcript-kebab-menu-container_h7k7t_23{position:relative;z-index:10;background-color:var(--background-color, white);border:1px solid var(--sidebar-border-color, #d7dade);border-radius:var(--radius-2, .25rem);padding:var(--spacing-0, .25rem);box-shadow:0 2px 8px #00000026,0 0 1px #0000001a;min-width:200px}._rolling-transcript-kebab-menu-item_h7k7t_36{font-family:inherit;font-size:1rem;line-height:1;height:36px;text-rendering:geometricprecision;display:flex;align-items:center;gap:var(--spacing-1, .5rem);width:100%;padding:var(--spacing-1, .5rem);border:none;border-radius:var(--radius-2, .25rem);background-color:transparent;cursor:pointer;text-align:left;color:var(--text-body-color, #273540)}._rolling-transcript-kebab-menu-item_h7k7t_36>svg{flex-shrink:0;width:18px;height:18px}._rolling-transcript-kebab-menu-item_h7k7t_36:hover{background-color:var(--transcript-hover-color, #e8eaec)}._rolling-transcript-kebab-menu-item_h7k7t_36:focus-visible{outline:var(--focus-ring, 2px solid #2b7abc);outline-offset:-2px}._rolling-transcript-kebab-arrow_h7k7t_71{fill:var(--background-color, white)}._studio-player-sidebar_d8nun_1{width:var(--sidebar-size, 280px);display:flex;flex:1 0 auto;overflow-x:hidden;overflow-y:auto;margin-left:var(--spacing-3);background:var(--settings-menu-bg-color);border-radius:var(--radius-3);border:1px solid var(--sidebar-border-color)}._small-layout-overlay_cmaq3_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;visibility:hidden;align-items:center;justify-content:center}@container player (max-width: 425px){._small-layout-overlay_cmaq3_1{visibility:visible}}._small-layout-button_cmaq3_14{width:5rem;height:5rem;background-color:#1616164d;display:flex;align-items:center;justify-content:center;border-radius:50%}._small-layout-icon-play_cmaq3_24,._small-layout-icon-pause_cmaq3_30{width:3rem;height:3rem;color:#fff}._small-layout-timestamp_cmaq3_36{position:absolute;left:0;bottom:0;margin:.5rem;display:flex;background:#000c;color:#fff;padding:.375rem .75rem;border-radius:var(--radius-2)}._full-screen-close-icon_cmaq3_49{display:none}[data-fullscreen] ._full-screen-close-icon_cmaq3_49{background-color:transparent;border:none;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;padding:1.25rem;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}[data-fullscreen][data-playing] ._full-screen-close-icon_cmaq3_49,[data-media-player][data-playing] ._small-layout-button_cmaq3_14,[data-media-player][data-playing] ._small-layout-timestamp_cmaq3_36{animation:_fade-out_cmaq3_1 1s;animation-delay:.5s;animation-fill-mode:forwards}@keyframes _fade-out_cmaq3_1{0%{opacity:1}to{opacity:0}}@keyframes _fade-in_17mci_1{0%{opacity:0}to{opacity:1}}@keyframes _appear_17mci_1{to{transform:scaleX(1)}}._tabs_17mci_17{display:grid;grid-template-rows:auto 1fr;overflow:hidden;flex-grow:1}._tabs-list_17mci_24{display:flex;list-style:none;padding:0 var(--spacing-1);margin:0;border-bottom:1px solid var(--sidebar-border-color)}._tabs-tab_17mci_32{color:var(--primary-text-color, #2d3b45);padding:1rem 1.25rem;cursor:pointer;background-color:transparent;border:none;font-family:inherit;font-size:1rem;line-height:1;position:relative}._tabs-tab_17mci_32:before{pointer-events:none;content:"";position:absolute;border:.125rem solid var(--focus-outline-color, #2b7abc);border-radius:.25rem;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;transition:all .2s;transform:scale(.8);opacity:0}._tabs-tab_17mci_32:focus-visible{outline:none}._tabs-tab_17mci_32:focus-visible:before{opacity:1;transform:scale(1)}._tabs-tab_17mci_32[aria-selected=true]:after{content:"";position:absolute;bottom:0;left:0;display:block;height:.25rem;width:100%;background-color:var(--focus-outline-color, #2b7abc);transform:scaleX(0);animation:_appear_17mci_1 .2s ease-out forwards}._tabs-panel_17mci_81{overflow:auto}._tabs-panel_17mci_81:not([hidden]){animation:_fade-in_17mci_1 .3s ease-in}._time-indicator_1uygf_1{display:flex;color:#586874;-webkit-user-select:none;user-select:none}[data-fullscreen] ._time-indicator_1uygf_1,[data-darkmode=true] ._time-indicator_1uygf_1{color:#fff}._comment-markers_2yz4f_1{display:flex;position:relative;width:100%;height:.375rem;-webkit-user-select:none;user-select:none;pointer-events:none;margin-top:.375rem}._comment-marker_2yz4f_1{position:absolute;height:100%;width:.375rem;background-color:var(--comments-indicator-color);border-radius:50%}[data-darkmode=true] ._comment-marker_2yz4f_1,[data-fullscreen] ._comment-marker_2yz4f_1{background-color:var(--comments-indicator-color-darkmode)}._timeline-wrapper_2yz4f_24,._timeline-wrapper-compact_2yz4f_25{position:relative;display:flex;flex-direction:column;align-items:center;grid-area:slider}._timeline-wrapper_2yz4f_24{padding:0 var(--spacing-1)}._timeline-wrapper-compact_2yz4f_25{padding:0 var(--spacing-3)}._timeline-wrapper-compact_2yz4f_25:has(._comment-markers_2yz4f_1){margin-top:-.375rem}._timeline-wrapper-compact_2yz4f_25 ._comment-markers_2yz4f_1{margin-top:0}@container player (width > 400px) and (height > 300px){._timeline-wrapper-compact_2yz4f_25{padding:0 var(--spacing-3)}}._track_2yz4f_53{width:100%;height:.25rem;will-change:height;position:relative;background-color:var(--timeline-track-bg-color, #ccd0d2);border-radius:var(--radius-1);contain:strict;transition:height .15s,border-radius .15s}._thumb_2yz4f_66{position:absolute;width:1.125rem;height:1.125rem;background-color:var(--timeline-thumb-color, #2b7abc);border-radius:var(--radius-rounded);cursor:pointer;opacity:0;transform:translate(-50%) translateZ(0);transition:opacity .15s ease-in;left:var(--slider-fill);will-change:left}._root_2yz4f_80{display:inline-flex;width:100%;height:1.25rem;position:relative;align-items:center;contain:layout style;outline:none;cursor:pointer;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._root_2yz4f_80[data-active] ._track_2yz4f_53{border-radius:var(--radius-2);height:.625rem}._root_2yz4f_80[data-focus] ._track_2yz4f_53{outline:var(--focus-ring);outline-offset:1px;border-radius:2px}._root_2yz4f_80[data-active] ._thumb_2yz4f_66{opacity:1}._track-inner_2yz4f_110{position:absolute;will-change:width;height:100%}._progress_2yz4f_116{z-index:0;width:var(--slider-progress, 0%);background-color:var(--timeline-track-progress-bg-color, #adb2b6)}._track-fill_2yz4f_122{z-index:1;width:var(--slider-fill, 0%);background-color:var(--timeline-track-fill-bg-color, #2b7abc)}:is([data-fullscreen] ._root_2yz4f_80,[data-darkmode=true] ._root_2yz4f_80) ._track_2yz4f_53{background-color:#333}:is([data-fullscreen] ._root_2yz4f_80,[data-darkmode=true] ._root_2yz4f_80) ._progress_2yz4f_116{background-color:#666}._pins_2yz4f_139{display:flex;position:relative;height:2rem;width:100%;-webkit-user-select:none;user-select:none;margin-top:.25rem}._pin-button_2yz4f_148{display:flex;background-color:transparent;border:none;padding:0;position:absolute;transform:translate(-50%);cursor:pointer;transition:transform .2s ease-out;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._pin-button_2yz4f_148:hover,._pin-button_2yz4f_148:focus-visible{transform:translate(-50%) scale(1.25);z-index:1}._pin-button_2yz4f_148:focus-visible{outline:var(--focus-ring);border-radius:var(--radius-2)}._annotation-pin_2yz4f_174{fill:var(--pin-color-1);stroke:var(--pin-color-2)}._annotation-pin_2yz4f_174:focus-visible{outline:var(--focus-ring)}._quiz-pin_2yz4f_183{fill:var(--pin-color-2);stroke:var(--controls-layout-bg-color)}._quiz-pin_2yz4f_183:focus-visible{outline:var(--focus-ring)}._annotation-pin-child_2yz4f_192{fill:var(--pin-color-3)}._quiz-pin-child_2yz4f_196{fill:#fff;font-size:.875rem}._interactive-pin-container_2yz4f_201{position:absolute;top:0;right:0;bottom:0;left:0;padding:0 var(--spacing-2);pointer-events:none}._interactive-pin-wrapper_2yz4f_208{position:relative;width:100%;height:100%}._interactive-pin-icon_2yz4f_214{transform-box:fill-box;transform-origin:center;transition:transform .2s ease-out}._interactive-pin-icon_2yz4f_214[data-open=true]{transform:rotate(45deg)}._interactive-pin_2yz4f_201{filter:drop-shadow(0 3px 6px rgba(0 0 0 / .16)) drop-shadow(0 3px 6px rgba(0 0 0 / .1))}._interactive-pin_2yz4f_201>._bg_2yz4f_228{fill:var(--timeline-thumb-color)}._interactive-pin_2yz4f_201>._symbol_2yz4f_232{stroke:var(--controls-layout-bg-color)}._interactive-pin-button_2yz4f_237{position:absolute;cursor:pointer;transform:translate(-50%);background-color:transparent;border:none;padding:0;display:flex;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;pointer-events:auto;top:-8px}:is(._interactive-pin-button_2yz4f_237:hover,._interactive-pin-button_2yz4f_237:focus-visible) ._interactive-pin_2yz4f_201>._bg_2yz4f_228{fill:#225f92}._interactive-pin-button_2yz4f_237:focus-visible{outline:var(--focus-ring);border-radius:var(--radius-2)}._interactive-pin-menu_2yz4f_266{box-sizing:border-box;display:flex;flex-direction:column;gap:.25rem;background-color:var(--settings-menu-bg-color, white);padding:.75rem .5rem;border-radius:var(--radius-2);width:200px;z-index:1000;pointer-events:auto;filter:drop-shadow(0 .125rem .1875rem rgba(0 0 0 / .5))}._interactive-pin-menu_2yz4f_266:focus-visible{outline:var(--focus-ring)}._interactive-pin-menu-item_2yz4f_287{-webkit-user-select:none;user-select:none;font-family:inherit;font-size:1rem;text-rendering:geometricprecision;display:flex;align-items:center;gap:.25rem;color:var(--pin-color-3);padding:.375rem .625rem;border-radius:var(--radius-2);border:1px solid #d7dade;background-color:var(--pin-color-1);cursor:pointer}._interactive-pin-menu-item_2yz4f_287:hover{background-color:#e8eaec}._interactive-pin-menu-item_2yz4f_287:focus-visible{outline:var(--focus-ring)}._arrow_2yz4f_313{fill:#fff}._tooltip_2yz4f_317{background-color:var(--tooltip-bg-color);color:#fff;padding:.375rem .75rem;border-radius:var(--radius-2);font-size:.875rem;pointer-events:none}._tooltip-arrow_2yz4f_326{fill:var(--tooltip-bg-color)}._wrapper_trdhg_1{display:flex;align-items:center}._track_trdhg_6{width:100%;height:.25rem;will-change:height;background-color:var(--volume-track-bg-color, #ccd0d2);border-radius:var(--radius-1);contain:strict;transition:height .15s,border-radius .15s}._thumb_trdhg_18{position:absolute;width:.875rem;height:.875rem;background-color:var(--volume-thumb-bg-color, #2d3b45);border-radius:var(--radius-rounded);cursor:pointer;opacity:0;transform:translate(-50%) translateZ(0);transition:opacity .15s ease-in;left:var(--slider-fill);will-change:left}._track-fill_trdhg_32{width:var(--slider-fill, 0%);will-change:width;height:100%;background-color:var(--volume-track-fill-bg-color, #2d3b45)}:is([data-fullscreen],[data-darkmode=true]) ._track_trdhg_6{background-color:#666}:is([data-fullscreen],[data-darkmode=true]) ._track-fill_trdhg_32,:is([data-fullscreen],[data-darkmode=true]) ._thumb_trdhg_18{background-color:#f5f5f5}._root_trdhg_51{display:inline-flex;height:1.25rem;align-items:center;contain:layout style;cursor:pointer;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;width:0;will-change:width,margin;transition:all .15s;box-sizing:border-box}@media (max-width: 425px) and (hover: none){._root_trdhg_51{display:none}}._root_trdhg_51[data-active] ._track_trdhg_6{border-radius:.125rem;height:.3125rem}._root_trdhg_51[data-focus]{outline:none}._root_trdhg_51[data-focus] ._track_trdhg_6{outline:var(--focus-ring);outline-offset:1px;border-radius:2px}._root_trdhg_51[data-active] ._thumb_trdhg_18{opacity:1}._wrapper_trdhg_1:hover [data-media-volume-slider],[data-media-volume-slider][data-active]{margin-left:.5rem;width:4rem}._root_1y8fp_1{background-color:var(--controls-layout-bg-color, #f5f5f5);padding:var(--controls-layout-padding-small);box-sizing:border-box;display:grid;align-items:center;border-bottom-left-radius:var(--radius-3);border-bottom-right-radius:var(--radius-3)}@container player (width > 400px) and (height > 300px){._root_1y8fp_1{padding:var(--controls-layout-padding-medium)}}[data-fullscreen] ._root_1y8fp_1{border-bottom-left-radius:0;border-bottom-right-radius:0}._normal_1y8fp_22{grid-template-columns:auto 1fr auto;grid-template-areas:"slider slider slider" "left-controls indicators right-controls"}@container player (width > 400px) and (height > 300px){._normal_1y8fp_22{padding-top:0}}._compact_1y8fp_33{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"left-controls slider right-controls"}@container player (width > 425px){._compact_1y8fp_33{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"left-controls indicators slider right-controls"}}[data-fullscreen] ._root_1y8fp_1,._root_1y8fp_1[data-darkmode=true]{background-color:#000;padding:var(--controls-layout-padding-large)}[data-fullscreen] ._root_1y8fp_1[data-controls-layout=normal]{padding-top:var(--controls-layout-padding-small)}[data-fullscreen] ._root_1y8fp_1:not(:has([data-pins])){position:fixed;bottom:0;width:100%;opacity:0;transition:opacity .3s ease-in-out}[data-fullscreen][data-controls] ._root_1y8fp_1,[data-fullscreen]:has([role=dialog]) ._root_1y8fp_1{opacity:1}._left-controls_1y8fp_66{display:flex;grid-area:left-controls}@container player (width > 400px) and (height > 300px){._left-controls_1y8fp_66{gap:.5rem}}._right-controls_1y8fp_75{display:flex;grid-area:right-controls}@container player (width > 400px) and (height > 300px){._right-controls_1y8fp_75{gap:.5rem}}._indicators_1y8fp_84{grid-area:indicators;font-size:1rem;overflow:hidden;display:none;margin-left:.75rem}@container player (width > 425px){._indicators_1y8fp_84{display:block}}@container (height > 300px){._indicators_1y8fp_84{margin-left:1rem}}[data-media-player]{--brand-color: #2b7abc;--brand-text-color: white;--text-body-color: #273540;--primary-text-color: #2d3b45;--text-data-point-color: #a1a8ab;--volume-track-bg-color: #ccd0d2;--volume-track-fill-bg-color: var(--primary-text-color);--volume-thumb-bg-color: var(--primary-text-color);--feedback-message-bg-color: black;--feedback-message-color: var(--brand-text-color);--feedback-icon-color: var(--brand-text-color);--feedback-icon-bg-color: black;--timeline-track-bg-color: #ccd0d2;--timeline-track-progress-bg-color: #adb2b6;--timeline-track-fill-bg-color: var(--brand-color);--timeline-progress-bg-color: #adb2b6;--timeline-thumb-color: var(--brand-color);--settings-menu-bg-color: var(--brand-text-color);--settings-submenu-color: var(--primary-text-color);--settings-media-hover-color: var(--brand-text-color);--settings-media-hover-bg-color: rgb(43 122 188);--settings-media-submenu-hint-color: var(--settings-submenu-color);--captions-background-color: rgba(22 22 22 / .75);--captions-color: var(--brand-text-color);--comments-background-color: rgba(0 0 0 / .8);--comments-color: white;--comments-font-size-small: .75rem;--comments-font-size-normal: .875rem;--comments-font-size-large: 1rem;--comments-author-color: var(--brand-color-text-color);--comments-indicator-color: #64707a;--comments-indicator-color-darkmode: #868686;--comments-avatar-size-xss: 1.25rem;--comments-avatar-size-xs: 1.875rem;--comments-avatar-size-s: 2.5rem;--controls-layout-bg-color: #f5f5f5;--controls-layout-padding-small: .25rem;--controls-layout-padding-medium: .5rem;--controls-layout-padding-large: .75rem;--sidebar-border-color: #d7dade;--sidebar-size: 300px;--media-button-icon-color: var(--primary-text-color);--media-button-icon-hover-color: #e0e0e0;--focus-outline-color: var(--brand-color);--spacing-0: .25rem;--spacing-1: .5rem;--spacing-2: .625rem;--spacing-3: 1rem;--spacing-4: 2rem;--radius-1: .0625rem;--radius-2: .25rem;--radius-3: .625rem;--radius-rounded: 50%;--media-button-area-size-small: 2rem;--media-button-area-size-medium: 2.5rem;--media-button-icon-size-small: 1rem;--media-button-icon-size-medium: 1.25rem;--action-buttons-color: #0374b5;--action-buttons-hover-color: #235f93;--action-buttons-border-color: #025483;--warning-color: #e62429;--pin-color-1: #f2f4f4;--pin-color-2: #586874;--pin-color-3: var(--text-body-color);--pin-light-color: #9ea6ad;--tooltip-bg-color: #334451;--focus-ring: 2px solid var(--focus-outline-color);--secondary-text-color: #586874;--secondary-text-hover-color: #f2f4f4;--transcript-timestamp-color: #0e68b3;--transcript-hover-color: #e8eaec;--transcript-search-highlight-color: #ecf721;--transcript-search-highlight-current-color: #f9bb58;display:flex;font-family:Lato,sans-serif;outline:none;container:player / size;width:100%;height:100%;overflow:hidden}[data-media-player]:focus-visible{outline:var(--focus-ring)}._main-layout_ncwus_109{container:main-layout / normal;display:grid;grid-template-rows:1fr auto;position:relative;width:100%;height:100%}[data-media-provider]{display:flex;position:relative;background-color:#000;contain:paint;border-top-left-radius:var(--radius-3);border-top-right-radius:var(--radius-3)}[data-media-provider] video,[data-media-provider] iframe{width:100%;height:100%;object-fit:contain;position:absolute}[data-fullscreen] [data-media-provider]{border-top-left-radius:0;border-top-right-radius:0}.audio-layout-wrapper{display:flex;align-items:center;justify-content:center;position:relative;background-color:var(--controls-layout-bg-color);width:100%;border-top-left-radius:var(--radius-3);border-top-right-radius:var(--radius-3)}.controls-button{background-color:transparent;border:none;border-radius:var(--radius-2);cursor:pointer;margin:0;display:flex;align-items:center;justify-content:center;transition:background-color .2s;width:var(--media-button-area-size-small);height:var(--media-button-area-size-small)}.controls-button[data-hover],.controls-button:hover{background-color:var(--media-button-icon-hover-color, #e0e0e0)}.controls-button:focus-visible,.controls-button[data-focus]{outline:var(--focus-ring)}.controls-button-icon{color:var(--media-button-icon-color);min-width:var(--media-button-icon-size-small);min-height:var(--media-button-icon-size-small)}@container player (width > 400px) and (height > 300px){.controls-button-icon{min-width:var(--media-button-icon-size-medium);min-height:var(--media-button-icon-size-medium)}}[data-fullscreen] .controls-button{width:var(--media-button-area-size-medium);height:var(--media-button-area-size-medium)}[data-fullscreen]:not([data-controls]){cursor:none}:is([data-fullscreen],[data-darkmode=true]) .controls-button-icon{color:#fff}:is([data-fullscreen],[data-darkmode=true]) .controls-button[data-hover],:is([data-fullscreen],[data-darkmode=true]) .controls-button:hover{background-color:#ffffff26}.icon-rotate{transition:transform .2s ease-out}.controls-button[aria-expanded=true] .icon-rotate{transform:rotate(60deg);transition:transform .1s ease-in}.vds-blocker{top:0;right:0;bottom:0;left:0;position:absolute;pointer-events:none}