@instructure/studio-player 1.5.4 → 1.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/StudioPlayer/utils/formatSpokenTime.d.ts +12 -0
- package/dist/en-aHQfTfLy.js +177 -0
- package/dist/index-B_Cm1zX8.css +1 -0
- package/dist/studio-player.es.js +3702 -3664
- package/dist/types.d.ts +2 -0
- package/dist/{vidstack-CW95SyGp.js → vidstack-8s6P_CC9.js} +6224 -6210
- package/dist/{vidstack-audio-DbPc3idL.js → vidstack-audio-B1ai7_n3.js} +2 -2
- package/dist/{vidstack-dash-jo1859zo.js → vidstack-dash-DpscB_tK.js} +2 -2
- package/dist/{vidstack-google-cast-CsCVUqMF.js → vidstack-google-cast-BL3V-630.js} +1 -1
- package/dist/{vidstack-hls-DSVUi5_h.js → vidstack-hls-CrUcpjme.js} +2 -2
- package/dist/{vidstack-html-BSHnIZtr.js → vidstack-html-0xYhXehh.js} +1 -1
- package/dist/{vidstack-video-q8xqLJoa.js → vidstack-video-D76qkNcW.js} +2 -2
- package/dist/{vidstack-vimeo-BA-4I7ZM.js → vidstack-vimeo-CpP-MjQb.js} +1 -1
- package/dist/{vidstack-youtube-BAC5Q-v0.js → vidstack-youtube-4AkWRL18.js} +1 -1
- package/package.json +1 -1
- package/dist/en-CaeIL8Kf.js +0 -175
- package/dist/index-CHcLlAMr.css +0 -1
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Formats time (in seconds) to human-readable spoken time with translated time units.
|
|
3
|
+
* Supports pluralization for all time units based on locale definitions.
|
|
4
|
+
* Used for accessibility labels on time-related components.
|
|
5
|
+
*
|
|
6
|
+
* @param seconds - Time in seconds
|
|
7
|
+
* @param t - Translation function from i18next with pluralization support (e.g., useTranslation().t)
|
|
8
|
+
* @returns Spoken time string (e.g., "1 hour 23 minutes 45 seconds")
|
|
9
|
+
*/
|
|
10
|
+
export declare function formatSpokenTime(seconds?: number, t?: (key: string, options?: {
|
|
11
|
+
count: number;
|
|
12
|
+
}) => string): string;
|
|
@@ -0,0 +1,177 @@
|
|
|
1
|
+
const t = "No results found", n = "{{count}} result found", o = "{{count}} results found", s = 'Playing from $t(HOURS, { "count": {{hours}} }), $t(MINUTES, { "count": {{minutes}} }) and $t(SECONDS, { "count": {{seconds}} }).', c = 'Playing from $t(MINUTES, { "count": {{minutes}} }) and $t(SECONDS, { "count": {{seconds}} }).', e = 'Playing from $t(SECONDS, { "count": {{seconds}} }).', A = 'Transcript lines container. There $t(TRANSCRIPT_LINES, { "count": {{count}} }) inside this container. To navigate inside this container use down arrow key.', E = "{{currentTime}} out of {{duration}}", S = "Search result {{current}} of {{total}}", T = "Action", a = "Add annotation at {{time}}", _ = "Add question at {{time}}", N = "Annotations", O = "Auto", u = "Auto ({{quality}})", r = "Back", i = "Captions", P = "Caption Language", C = "Manage Captions", R = "Delete {{language}}", I = "Font Size", U = "Caption Language: {{language}}", L = "{{language}} (automatic)", l = "Clear Search", M = "Close", d = "Comments", D = "Continue", p = "Decrease Playback Speed", g = "Decrease Volume by {{percent}}%", m = "Down Arrow", G = "Fullscreen", Y = "{{count}} hour", h = "{{count}} hours", y = "Increase Playback Speed", H = "Increase Volume by {{percent}}%", f = "Invert Colors", V = "Jump to specific percentage (1-10%, 2-20%, etc)", B = "Jump to Start", K = "Actions for {{title}}", k = "Keyboard Shortcuts", b = "Language", F = "Left Arrow", w = "Main Menu", Q = "{{count}} minute", J = "{{count}} minutes", W = "Mute", $ = "Muted", v = "Next Caption Language", q = "Next search result", x = "Off", z = "On Top", Z = "Open annotation at {{time}}", X = "Open completed quiz at {{time}}", j = "Open quiz at {{time}}", tt = "Pause", nt = "Play", ot = "Playback Speed", st = "Playback Speed: {{speed}}x", ct = "Previous Caption Language", et = "Previous search result", At = "Quality", Et = "Quality Menu", St = "Replay", Tt = "Reset Playback Speed", at = "Right Arrow", _t = "Search in transcript", Nt = "{{count}} second", Ot = "{{count}} seconds", ut = "Seek backward: {{seconds}} seconds", rt = "Seek forward: {{seconds}} seconds", it = "Settings", Pt = "Shortcut", Ct = "Media details and tools", Rt = "Space", It = "Playback speed menu", Ut = "Start Autoscroll", Lt = "Toggle Captions", lt = "Toggle Muted", Mt = "Toggle Play/Pause", dt = "is {{count}} transcript line", Dt = "are {{count}} transcript lines", pt = "Transcript Options", gt = "Up Arrow", mt = "Video Settings", Gt = "Volume", Yt = "Volume: {{volume}}%", ht = {
|
|
2
|
+
A11Y_SEARCH_NO_RESULTS: t,
|
|
3
|
+
A11Y_SEARCH_RESULTS_FOUND: n,
|
|
4
|
+
A11Y_SEARCH_RESULTS_FOUND_other: o,
|
|
5
|
+
A11Y_TIMESTAMP_JUMP_HOURS: s,
|
|
6
|
+
A11Y_TIMESTAMP_JUMP_MINUTES: c,
|
|
7
|
+
A11Y_TIMESTAMP_JUMP_SECONDS: e,
|
|
8
|
+
A11Y_TRANSCRIPT_LINES: A,
|
|
9
|
+
A11Y_DURATION: E,
|
|
10
|
+
A11Y_SEARCH_HITS: S,
|
|
11
|
+
ACTION: T,
|
|
12
|
+
ADD_ANNOTATION_AT: a,
|
|
13
|
+
ADD_QUESTION_AT: _,
|
|
14
|
+
ANNOTATIONS: N,
|
|
15
|
+
AUTO: O,
|
|
16
|
+
AUTO_QUALITY: u,
|
|
17
|
+
BACK: r,
|
|
18
|
+
CAPTIONS: i,
|
|
19
|
+
CAPTIONS_LANGUAGE: P,
|
|
20
|
+
CAPTIONS_MANAGE: C,
|
|
21
|
+
CAPTION_DELETE: R,
|
|
22
|
+
CAPTION_FONT_SIZE: I,
|
|
23
|
+
CAPTION_LANGUAGE: U,
|
|
24
|
+
CAPTION_LANGUAGE_AUTOMATIC: L,
|
|
25
|
+
CLEAR_SEARCH: l,
|
|
26
|
+
CLOSE: M,
|
|
27
|
+
COMMENTS: d,
|
|
28
|
+
CONTINUE: D,
|
|
29
|
+
DECREASE_PLAYBACK_SPEED: p,
|
|
30
|
+
DECREASE_VOLUME: g,
|
|
31
|
+
DOWN_ARROW: m,
|
|
32
|
+
FULLSCREEN: G,
|
|
33
|
+
HOURS: Y,
|
|
34
|
+
HOURS_other: h,
|
|
35
|
+
INCREASE_PLAYBACK_SPEED: y,
|
|
36
|
+
INCREASE_VOLUME: H,
|
|
37
|
+
INVERT_COLORS: f,
|
|
38
|
+
JUMP_TO_PERCENTAGE: V,
|
|
39
|
+
JUMP_TO_START: B,
|
|
40
|
+
KEBAB_MENU: K,
|
|
41
|
+
KEYBOARD_SHORTCUTS: k,
|
|
42
|
+
LANGUAGE: b,
|
|
43
|
+
LEFT_ARROW: F,
|
|
44
|
+
MAIN_MENU: w,
|
|
45
|
+
MINUTES: Q,
|
|
46
|
+
MINUTES_other: J,
|
|
47
|
+
MUTE: W,
|
|
48
|
+
MUTED: $,
|
|
49
|
+
NEXT_CAPTION_LANGUAGE: v,
|
|
50
|
+
NEXT_HIT: q,
|
|
51
|
+
OFF: x,
|
|
52
|
+
ON_TOP: z,
|
|
53
|
+
OPEN_ANNOTATION_AT: Z,
|
|
54
|
+
OPEN_COMPLETED_QUIZ_AT: X,
|
|
55
|
+
OPEN_QUIZ_AT: j,
|
|
56
|
+
PAUSE: tt,
|
|
57
|
+
PLAY: nt,
|
|
58
|
+
PLAYBACK_SPEED: ot,
|
|
59
|
+
PLAYBACK_SPEED_MESSAGE: st,
|
|
60
|
+
PREVIOUS_CAPTION_LANGUAGE: ct,
|
|
61
|
+
PREVIOUS_HIT: et,
|
|
62
|
+
QUALITY: At,
|
|
63
|
+
QUALITY_MENU: Et,
|
|
64
|
+
REPLAY: St,
|
|
65
|
+
RESET_PLAYBACK_SPEED: Tt,
|
|
66
|
+
RIGHT_ARROW: at,
|
|
67
|
+
SEARCH_TRANSCRIPT_PLACEHOLDER: _t,
|
|
68
|
+
SECONDS: Nt,
|
|
69
|
+
SECONDS_other: Ot,
|
|
70
|
+
SEEK_BACKWARD: ut,
|
|
71
|
+
SEEK_FORWARD: rt,
|
|
72
|
+
SETTINGS: it,
|
|
73
|
+
SHORTCUT: Pt,
|
|
74
|
+
SIDEBAR: Ct,
|
|
75
|
+
SPACE: Rt,
|
|
76
|
+
SPEED_MENU: It,
|
|
77
|
+
START_AUTOSCROLL: Ut,
|
|
78
|
+
TOGGLE_CAPTIONS: Lt,
|
|
79
|
+
TOGGLE_MUTED: lt,
|
|
80
|
+
TOGGLE_PLAY_PAUSE: Mt,
|
|
81
|
+
TRANSCRIPT_LINES: dt,
|
|
82
|
+
TRANSCRIPT_LINES_other: Dt,
|
|
83
|
+
TRANSCRIPT_OPTIONS: pt,
|
|
84
|
+
UP_ARROW: gt,
|
|
85
|
+
VIDEO_SETTINGS: mt,
|
|
86
|
+
VOLUME: Gt,
|
|
87
|
+
VOLUME_VALUE: Yt
|
|
88
|
+
};
|
|
89
|
+
export {
|
|
90
|
+
E as A11Y_DURATION,
|
|
91
|
+
S as A11Y_SEARCH_HITS,
|
|
92
|
+
t as A11Y_SEARCH_NO_RESULTS,
|
|
93
|
+
n as A11Y_SEARCH_RESULTS_FOUND,
|
|
94
|
+
o as A11Y_SEARCH_RESULTS_FOUND_other,
|
|
95
|
+
s as A11Y_TIMESTAMP_JUMP_HOURS,
|
|
96
|
+
c as A11Y_TIMESTAMP_JUMP_MINUTES,
|
|
97
|
+
e as A11Y_TIMESTAMP_JUMP_SECONDS,
|
|
98
|
+
A as A11Y_TRANSCRIPT_LINES,
|
|
99
|
+
T as ACTION,
|
|
100
|
+
a as ADD_ANNOTATION_AT,
|
|
101
|
+
_ as ADD_QUESTION_AT,
|
|
102
|
+
N as ANNOTATIONS,
|
|
103
|
+
O as AUTO,
|
|
104
|
+
u as AUTO_QUALITY,
|
|
105
|
+
r as BACK,
|
|
106
|
+
i as CAPTIONS,
|
|
107
|
+
P as CAPTIONS_LANGUAGE,
|
|
108
|
+
C as CAPTIONS_MANAGE,
|
|
109
|
+
R as CAPTION_DELETE,
|
|
110
|
+
I as CAPTION_FONT_SIZE,
|
|
111
|
+
U as CAPTION_LANGUAGE,
|
|
112
|
+
L as CAPTION_LANGUAGE_AUTOMATIC,
|
|
113
|
+
l as CLEAR_SEARCH,
|
|
114
|
+
M as CLOSE,
|
|
115
|
+
d as COMMENTS,
|
|
116
|
+
D as CONTINUE,
|
|
117
|
+
p as DECREASE_PLAYBACK_SPEED,
|
|
118
|
+
g as DECREASE_VOLUME,
|
|
119
|
+
m as DOWN_ARROW,
|
|
120
|
+
G as FULLSCREEN,
|
|
121
|
+
Y as HOURS,
|
|
122
|
+
h as HOURS_other,
|
|
123
|
+
y as INCREASE_PLAYBACK_SPEED,
|
|
124
|
+
H as INCREASE_VOLUME,
|
|
125
|
+
f as INVERT_COLORS,
|
|
126
|
+
V as JUMP_TO_PERCENTAGE,
|
|
127
|
+
B as JUMP_TO_START,
|
|
128
|
+
K as KEBAB_MENU,
|
|
129
|
+
k as KEYBOARD_SHORTCUTS,
|
|
130
|
+
b as LANGUAGE,
|
|
131
|
+
F as LEFT_ARROW,
|
|
132
|
+
w as MAIN_MENU,
|
|
133
|
+
Q as MINUTES,
|
|
134
|
+
J as MINUTES_other,
|
|
135
|
+
W as MUTE,
|
|
136
|
+
$ as MUTED,
|
|
137
|
+
v as NEXT_CAPTION_LANGUAGE,
|
|
138
|
+
q as NEXT_HIT,
|
|
139
|
+
x as OFF,
|
|
140
|
+
z as ON_TOP,
|
|
141
|
+
Z as OPEN_ANNOTATION_AT,
|
|
142
|
+
X as OPEN_COMPLETED_QUIZ_AT,
|
|
143
|
+
j as OPEN_QUIZ_AT,
|
|
144
|
+
tt as PAUSE,
|
|
145
|
+
nt as PLAY,
|
|
146
|
+
ot as PLAYBACK_SPEED,
|
|
147
|
+
st as PLAYBACK_SPEED_MESSAGE,
|
|
148
|
+
ct as PREVIOUS_CAPTION_LANGUAGE,
|
|
149
|
+
et as PREVIOUS_HIT,
|
|
150
|
+
At as QUALITY,
|
|
151
|
+
Et as QUALITY_MENU,
|
|
152
|
+
St as REPLAY,
|
|
153
|
+
Tt as RESET_PLAYBACK_SPEED,
|
|
154
|
+
at as RIGHT_ARROW,
|
|
155
|
+
_t as SEARCH_TRANSCRIPT_PLACEHOLDER,
|
|
156
|
+
Nt as SECONDS,
|
|
157
|
+
Ot as SECONDS_other,
|
|
158
|
+
ut as SEEK_BACKWARD,
|
|
159
|
+
rt as SEEK_FORWARD,
|
|
160
|
+
it as SETTINGS,
|
|
161
|
+
Pt as SHORTCUT,
|
|
162
|
+
Ct as SIDEBAR,
|
|
163
|
+
Rt as SPACE,
|
|
164
|
+
It as SPEED_MENU,
|
|
165
|
+
Ut as START_AUTOSCROLL,
|
|
166
|
+
Lt as TOGGLE_CAPTIONS,
|
|
167
|
+
lt as TOGGLE_MUTED,
|
|
168
|
+
Mt as TOGGLE_PLAY_PAUSE,
|
|
169
|
+
dt as TRANSCRIPT_LINES,
|
|
170
|
+
Dt as TRANSCRIPT_LINES_other,
|
|
171
|
+
pt as TRANSCRIPT_OPTIONS,
|
|
172
|
+
gt as UP_ARROW,
|
|
173
|
+
mt as VIDEO_SETTINGS,
|
|
174
|
+
Gt as VOLUME,
|
|
175
|
+
Yt as VOLUME_VALUE,
|
|
176
|
+
ht as default
|
|
177
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._annotation-overlay_mg9r8_1{--border-radius: var(--radius-3);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;border-radius:var(--border-radius)}._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_12udo_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_12udo_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_12udo_12 header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}:is(._keyboard-shortcuts-overlay_12udo_12 header) h2{font-size:1rem;font-weight:500;margin:0}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_12udo_12 header) h2{font-size:1.5rem}}._keyboard-shortcuts-overlay_12udo_12 table{width:100%;max-width:54rem;padding:0;border-collapse:collapse}@container player (width > 400px) and (height > 300px){._keyboard-shortcuts-overlay_12udo_12 table{padding:2rem}}:is(._keyboard-shortcuts-overlay_12udo_12 table) tr{border-bottom:1px solid rgba(232 234 236 / .2)}:is(._keyboard-shortcuts-overlay_12udo_12 table) tbody tr:last-child{border-bottom:none}:is(._keyboard-shortcuts-overlay_12udo_12 table) th,:is(._keyboard-shortcuts-overlay_12udo_12 table) td{text-align:left;font-size:.75rem;line-height:1.5}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_12udo_12 table) th,:is(._keyboard-shortcuts-overlay_12udo_12 table) td{font-size:.875rem}}@container player (width >= 720px) and (height > 300px){:is(._keyboard-shortcuts-overlay_12udo_12 table) th,:is(._keyboard-shortcuts-overlay_12udo_12 table) td{font-size:1rem}}._keyboard-shortcuts-overlay_12udo_12 ._screen-reader-content_12udo_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}._keyboard-shortcuts-button_12udo_91{opacity:0;margin-right:auto}._keyboard-shortcuts-button_12udo_91:focus-visible{opacity:1;pointer-events:auto}._kebab-menu-button_12udo_101{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-2);border:1px solid var(--controls-layout-border-color);background-color:var(--controls-layout-bg-color);opacity:1;pointer-events:auto;transition:opacity;transition-duration:0s;transition-timing-function:linear;transition-delay:0s;cursor:pointer;color:inherit}._kebab-menu-button_12udo_101 svg{color:var(--media-button-icon-color);flex-shrink:0}._kebab-menu-button_12udo_101:focus-visible{outline:var(--focus-ring)}._kebab-menu-button_12udo_101:hover{background-color:var(--media-button-icon-hover-color, #e0e0e0)}._kebab-menu_12udo_101{display:flex;flex-direction:column;min-width:200px;pointer-events:auto;background-color:var(--settings-menu-bg-color, white);border:1px solid var(--controls-layout-border-color);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_12udo_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:var(--text-body-color, #273540);touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._kebab-menu-item_12udo_151:hover,._kebab-menu-item_12udo_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] ._kebab-menu-button_12udo_101,[data-media-player][data-playing] ._kebab-menu-button_12udo_101[aria-expanded=true]{opacity:0;transition-delay:2s;transition-duration:.2s}[data-media-player][data-fullscreen]:not([data-paused]) ._kebab-menu-button_12udo_101{opacity:0;transition-delay:0s;transition-duration:.2s}[data-media-player][data-playing] ._kebab-menu-button_12udo_101[aria-expanded=true]{transition-delay:0s;opacity:1}@media (pointer: fine){[data-media-player][data-fullscreen][data-controls] ._kebab-menu-button_12udo_101,[data-media-player][data-playing] ._kebab-menu-button_12udo_101:focus-visible,[data-media-player][data-playing]:not([data-fullscreen]):hover ._kebab-menu-button_12udo_101{transition-delay:0s;opacity:1}}._close-button_12udo_209{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_12udo_223{fill:var(--settings-menu-bg-color, #273540);filter:drop-shadow(0px 1px 0px var(--controls-layout-border-color))}._container_15ptq_1{display:flex;gap:1rem;flex:1 0 auto;pointer-events:none}._button_15ptq_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}._button_15ptq_8:focus-visible{outline:var(--focus-ring, 2px solid #2b7abc)}._captions_1mt3b_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_1mt3b_1{transition-delay:0s;padding-bottom:calc(var(--spacing-3) + var(--captions-fullscreen-offset))}._captions_1mt3b_1[aria-hidden=true]{display:none}._captions_1mt3b_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_1t0mq_1{box-sizing:border-box;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;visibility:hidden;container:comments / size}@container player (min-width: 425px){._comments-overlay_1t0mq_1{visibility:visible}}._comments-container_1t0mq_20{box-sizing:border-box;display:flex;flex-direction:column;gap:.25rem;width:15rem;margin-right:3.4375rem}@container player (width >= 460px){._comments-container_1t0mq_20{width:23.4375rem}}@media (hover: none) and (orientation: portrait) and (max-width: 720px){[data-fullscreen] ._comments-overlay_1t0mq_1{justify-content:end}}[data-fullscreen][data-controls]:not(:has([data-pins])) ._comments-overlay_1t0mq_1{padding-bottom:calc(var(--spacing-3) + var(--comments-fullscreen-offset));transition-delay:.3s}._comment_1t0mq_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 comments (height >= 490px){._comment_1t0mq_1{grid-template-areas:"text text" "avatar name"}}._comment-text_1t0mq_64{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 comments (height >= 300px){._comment-text_1t0mq_64{-webkit-line-clamp:2;line-clamp:2;font-size:var(--comments-font-size-large)}}._comment-author-avatar_1t0mq_84{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 comments (height > 300px){._comment-author-avatar_1t0mq_84{width:var(--comments-avatar-size-xs);height:var(--comments-avatar-size-xs)}}@container comments (height >= 540px){._comment-author-avatar_1t0mq_84{width:var(--comments-avatar-size-s);height:var(--comments-avatar-size-s)}}._comment-author-name_1t0mq_108{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 comments (height > 490px){._comment-author-name_1t0mq_108{display:inline}}._settings-menu_1eq3c_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);color:var(--primary-text-color);filter:drop-shadow(0 .125rem .1875rem rgba(0 0 0 / .5));border:1px solid var(--controls-layout-border-color)}._settings-menu_1eq3c_1:focus-visible{outline:2px solid var(--settings-menu-focus-color, #0078d4)}@container player (width > 400px) and (height > 300px){._settings-menu_1eq3c_1{font-size:1rem;line-height:1.5rem}}@container player (width < 300px){._settings-menu_1eq3c_1{max-width:calc(100% - 8px)}}._menu-heading_1eq3c_38{display:block;margin:0 var(--spacing-2);padding-top:var(--spacing-2);padding-bottom:.5625rem;border-bottom:.0625rem solid var(--settings-menu-heading-separator-color);font-weight:700}._check-icon_1eq3c_49,._trash-icon_1eq3c_50{width:1.25rem;height:1.25rem}._check-icon_1eq3c_49{visibility:hidden}._trash-icon_1eq3c_50{color:var(--warning-color)}._menu-item-multiline-label-wrapper_1eq3c_63{display:flex;flex-direction:column;text-align:start}._menu-item-secondary-label_1eq3c_69{display:block;color:var(--secondary-text-color);font-size:.875rem}._menu-item-label_1eq3c_75{display:block}._menu-item_1eq3c_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_1eq3c_63:hover,._menu-item_1eq3c_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_1eq3c_63:hover,._menu-item_1eq3c_63:focus-visible) ._trash-icon_1eq3c_50{color:var(--settings-media-hover-color)}._menu-item_1eq3c_63[aria-checked=true] ._check-icon_1eq3c_49{visibility:visible}._menu-item_1eq3c_63:hover ._menu-item-secondary-label_1eq3c_69{color:var(--secondary-text-hover-color)}._menu-back-button_1eq3c_116{display:flex;align-items:center;gap:var(--spacing-1);padding:6px 11px;color:var(--text-body-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_1eq3c_116:hover,._menu-back-button_1eq3c_116:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._arrow_1eq3c_142{fill:#fff}._menu-hint_16n6u_1{color:var(--settings-media-submenu-hint-color, #9ea6ad)}._menu-button_16n6u_5{position:relative;display:flex;align-items:center;width:100%;gap:var(--spacing-1);padding:.375rem .6875rem;color:var(--text-body-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_16n6u_5:disabled{cursor:default;opacity:.5}._menu-button_16n6u_5:hover:not(:disabled),._menu-button_16n6u_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_16n6u_5:hover:not(:disabled) ._menu-hint_16n6u_1,._menu-button_16n6u_5:focus:not(:disabled) ._menu-hint_16n6u_1{color:var(--settings-media-hover-color, white)}._menu-label_16n6u_42{flex-grow:1;text-align:left}._menu-icon_16n6u_47{width:1.125rem;height:1.125rem}._switch-track_olfik_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_olfik_1{margin:-.125rem 0}}[data-darkmode=true] ._switch-track_olfik_1{background-color:#1f2124;box-shadow:#9ea6ad 0 0 0 .0625rem inset}._switch-thumb_olfik_22{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_olfik_36{width:.875rem;height:.875rem;color:var(--settings-submenu-color)}._switch-body_olfik_42{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(--text-body-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_olfik_42[aria-checked=true] ._switch-track_olfik_1{background-color:#03893d}._switch-body_olfik_42[aria-checked=true] ._switch-icon_olfik_36{color:#03893d}._switch-body_olfik_42[aria-checked=true] ._switch-thumb_olfik_22{transform:translate(1rem,.125rem)}._switch-body_olfik_42:hover,._switch-body_olfik_42:focus-visible{color:var(--settings-media-hover-color);background-color:var(--settings-media-hover-bg-color)}[aria-checked=true]:is(._switch-body_olfik_42:hover,._switch-body_olfik_42:focus-visible) ._switch-track_olfik_1{background-color:#e8e8e8}._switch-label_olfik_83{flex-grow:1}._menu-icon_olfik_87{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_17kjz_1{position:relative;display:flex;flex-direction:column;height:100%}._header_17kjz_8{display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing-1, .5rem);padding:var(--spacing-1, .5rem)}._transcript-search_17kjz_16{position:relative;flex:1 1 auto}._transcript-search_17kjz_16>svg{position:absolute;top:50%;left:var(--spacing-1, .5rem);transform:translateY(-50%);color:var(--text-body-color, #a1a8ab)}._transcript-search_17kjz_16 input{margin-bottom:0;box-sizing:border-box;min-height:2.375rem;padding:0 var(--spacing-4, 2rem);color:var(--text-body-color, #273540);border-radius:var(--radius-2, .24rem);border:1px solid var(--input-border-color, #d7dade);background-color:var(--input-bg-color, #fff);width:100%;height:100%;font-size:14px}:is(._transcript-search_17kjz_16 input)::placeholder{color:var(--input-placeholder-color, #a1a8ab)}:is(._transcript-search_17kjz_16 input):focus-visible{outline:var(--focus-ring, 2px solid #2b7abc);outline-offset:-2px}._search-wrapper_17kjz_59{display:flex;gap:var(--spacing-1, .5rem)}._transcript-search-clear-button_17kjz_64{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_17kjz_64:focus-visible{outline:var(--focus-ring, 2px solid #2b7abc);outline-offset:-2px}._transcript-search-clear-button_17kjz_64>svg{color:var(--text-body-color, #273540)}._transcript-search-widget_17kjz_91{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_17kjz_91>output{color:var(--pin-color-2, #586874)}._transcript-search-widget-button_17kjz_104{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_17kjz_104>svg{flex-shrink:0;color:var(--text-body-color, #273540)}._transcript-search-widget-button_17kjz_104:hover{background-color:var(--media-button-icon-hover-color, #e0e0e0)}._transcript-search-widget-button_17kjz_104:focus-visible{outline:var(--focus-ring, 2px solid #2b7abc);outline-offset:-2px}._transcript-search-widget-button_17kjz_104:disabled{opacity:.5;cursor:default}._transcript-list_17kjz_139{margin:0;padding:0 var(--spacing-0, .25rem) 0 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_17kjz_139:focus-visible{outline:var(--focus-ring, 2px solid #2b7abc);outline-offset:-2px}._transcript-list_17kjz_139{scrollbar-color:var(--text-data-point-color) transparent}._transcript-list_17kjz_139::-webkit-scrollbar{width:8px}._transcript-list_17kjz_139::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-2, .25rem)}._transcript-list_17kjz_139::-webkit-scrollbar-thumb{background:var(--text-data-point-color, #a1a8ab);border-radius:var(--radius-2, .25rem)}._transcript-line_17kjz_172{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:.6875rem var(--spacing-1, .5rem);border:none;background:transparent;border-radius:var(--radius-2, .25rem)}._transcript-line_17kjz_172>span{font-size:12px;line-height:18px;color:var(--transcript-timestamp-color, #0e68b3)}._transcript-line_17kjz_172>p{font-size:14px;line-height:20px;margin:0}._transcript-line_17kjz_172:focus-visible{outline:var(--focus-ring, 2px solid #2b7abc);outline-offset:-2px}._transcript-line_17kjz_172:hover{background-color:var(--media-button-icon-hover-color, #e8eaec);cursor:pointer}._transcript-line_17kjz_172[aria-current=true]{background-color:var(--brand-color, #2b7abc);color:var(--brand-text-color, white)}._transcript-line_17kjz_172[aria-current=true]>span{color:inherit}._transcript-line_17kjz_172[aria-current=true]:focus-visible{outline:2px solid var(--brand-text-color, white);outline-offset:-4px}._auto-scroll-button_17kjz_223{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_17kjz_223>svg{color:var(--brand-text-color, white)}._auto-scroll-button_17kjz_223: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(--transcript-search-text-color)}::highlight(search-results-current){background-color:var(--transcript-search-highlight-current-color, #f9bb58);color:var(--transcript-search-text-color)}._output_17kjz_265{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._rolling-transcript-kebab-menu_4qrwl_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_4qrwl_1 svg{color:var(--media-button-icon-color);flex-shrink:0}._rolling-transcript-kebab-menu_4qrwl_1:hover{background-color:var(--media-button-icon-hover-color, #e0e0e0)}._rolling-transcript-kebab-menu_4qrwl_1:focus-visible{outline:var(--focus-ring, 2px solid #2b7abc);outline-offset:-2px}._rolling-transcript-kebab-menu-container_4qrwl_28{position:relative;z-index:10;background-color:var(--settings-menu-bg-color, white);border-radius:var(--radius-2, .25rem);padding-top:var(--spacing-0, .25rem);padding-bottom:var(--spacing-0, .25rem);filter:drop-shadow(0 .125rem .1875rem rgba(0 0 0 / .5));min-width:200px;border:1px solid var(--controls-layout-border-color, #8d959f)}._rolling-transcript-kebab-menu-item_4qrwl_40{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;background-color:transparent;cursor:pointer;text-align:left;color:var(--text-body-color, #273540)}._rolling-transcript-kebab-menu-item_4qrwl_40>svg{flex-shrink:0;width:18px;height:18px}._rolling-transcript-kebab-menu-item_4qrwl_40:hover{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._rolling-transcript-kebab-menu-item_4qrwl_40:focus-visible{outline:var(--focus-ring, 2px solid #2b7abc);outline-offset:-2px}._rolling-transcript-kebab-arrow_4qrwl_75{fill:var(--settings-menu-bg-color, #fff);filter:drop-shadow(0px 1px 0px var(--controls-layout-border-color, #8d959f))}._studio-player-sidebar_1fcpy_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)}[data-fullscreen] ._studio-player-sidebar_1fcpy_1{margin-left:0}._small-layout-overlay_1giz1_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_1giz1_1{visibility:visible}}._small-layout-button_1giz1_14{width:5rem;height:5rem;background-color:#1616164d;display:flex;align-items:center;justify-content:center;border-radius:50%}._small-layout-icon-play_1giz1_24,._small-layout-icon-pause_1giz1_30{width:3rem;height:3rem;color:#fff}._small-layout-timestamp_1giz1_36{position:absolute;left:0;bottom:0;margin:.5rem;display:flex;background:#000c;color:#fff;padding:.375rem .75rem;border-radius:var(--radius-2)}._time-display-group_1giz1_49{display:contents}._full-screen-close-icon_1giz1_53{display:none}[data-fullscreen] ._full-screen-close-icon_1giz1_53{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_1giz1_53,[data-media-player][data-playing] ._small-layout-button_1giz1_14,[data-media-player][data-playing] ._small-layout-timestamp_1giz1_36{animation:_fade-out_1giz1_1 1s;animation-delay:.5s;animation-fill-mode:forwards}@keyframes _fade-out_1giz1_1{0%{opacity:1}to{opacity:0}}@keyframes _fade-in_1tdj4_1{0%{opacity:0}to{opacity:1}}@keyframes _appear_1tdj4_1{to{transform:scaleX(1)}}._tabs_1tdj4_17{display:grid;grid-template-rows:auto 1fr;overflow:hidden;flex-grow:1}._tabs-list_1tdj4_24{display:flex;list-style:none;margin:0 var(--spacing-1);border-bottom:1px solid var(--tabs-border-color)}._tabs-tab_1tdj4_31{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_1tdj4_31: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_1tdj4_31:focus-visible{outline:none}._tabs-tab_1tdj4_31:focus-visible:before{opacity:1;transform:scale(1)}._tabs-tab_1tdj4_31[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_1tdj4_1 .2s ease-out forwards}._tabs-panel_1tdj4_80{overflow:auto;color:var(--primary-text-color, #2d3b45)}._tabs-panel_1tdj4_80:not([hidden]){animation:_fade-in_1tdj4_1 .3s ease-in}._time-indicator_1eqqx_1{display:flex;color:var(--text-body-color);-webkit-user-select:none;user-select:none}._comment-markers_p3cgm_1{position:relative;width:100%;height:.375rem;-webkit-user-select:none;user-select:none;pointer-events:none;margin-top:0;display:none}@container player (min-width: 425px){._comment-markers_p3cgm_1{margin-top:.375rem;display:flex}}._comment-marker_p3cgm_1{position:absolute;height:100%;width:.375rem;background-color:var(--comments-indicator-color);border-radius:50%}._timeline-wrapper_p3cgm_24,._timeline-wrapper-compact_p3cgm_25{position:relative;display:flex;flex-direction:column;align-items:center;grid-area:slider}._timeline-wrapper_p3cgm_24{padding:0 var(--spacing-1)}._timeline-wrapper-compact_p3cgm_25{padding:0 var(--spacing-3)}@container player (min-width: 425px){._timeline-wrapper-compact_p3cgm_25:has(._comment-markers_p3cgm_1){margin-top:-.375rem}._timeline-wrapper-compact_p3cgm_25 ._comment-markers_p3cgm_1{margin-top:0}}@container player (width > 400px) and (height > 300px){._timeline-wrapper-compact_p3cgm_25{padding:0 var(--spacing-3)}}._track_p3cgm_55{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_p3cgm_68{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_p3cgm_82{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_p3cgm_82[data-active] ._track_p3cgm_55{border-radius:var(--radius-2);height:.625rem}._root_p3cgm_82[data-focus] ._track_p3cgm_55{outline:var(--focus-ring);outline-offset:1px;border-radius:2px}._root_p3cgm_82[data-active] ._thumb_p3cgm_68{opacity:1}._track-inner_p3cgm_112{position:absolute;will-change:width;height:100%}._progress_p3cgm_118{z-index:0;width:var(--slider-progress, 0%);background-color:var(--timeline-track-progress-bg-color, #adb2b6)}._track-fill_p3cgm_124{z-index:1;width:var(--slider-fill, 0%);background-color:var(--timeline-track-fill-bg-color, #2b7abc)}._pins_p3cgm_130{display:flex;position:relative;height:2rem;width:100%;-webkit-user-select:none;user-select:none;margin-top:.25rem}._pin-button_p3cgm_139{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_p3cgm_139:hover,._pin-button_p3cgm_139:focus-visible{transform:translate(-50%) scale(1.25);z-index:1}._pin-button_p3cgm_139:focus-visible{outline:var(--focus-ring);border-radius:var(--radius-2)}._annotation-pin_p3cgm_165{fill:var(--pin-color-1);stroke:var(--pin-color-2)}._annotation-pin_p3cgm_165:focus-visible{outline:var(--focus-ring)}._quiz-pin_p3cgm_174{fill:var(--pin-color-2);stroke:var(--controls-layout-bg-color)}._quiz-pin_p3cgm_174:focus-visible{outline:var(--focus-ring)}._annotation-pin-child_p3cgm_183{fill:var(--pin-color-3)}._quiz-pin-child_p3cgm_187{fill:#fff;font-size:.875rem}._interactive-pin-container_p3cgm_192{position:absolute;top:0;right:0;bottom:0;left:0;padding:0 var(--spacing-2);pointer-events:none}._interactive-pin-wrapper_p3cgm_199{position:relative;width:100%;height:100%}._interactive-pin-icon_p3cgm_205{transform-box:fill-box;transform-origin:center;transition:transform .2s ease-out}._interactive-pin-icon_p3cgm_205[data-open=true]{transform:rotate(45deg)}._interactive-pin_p3cgm_192{filter:drop-shadow(0 3px 6px rgba(0 0 0 / .16)) drop-shadow(0 3px 6px rgba(0 0 0 / .1))}._interactive-pin_p3cgm_192>._bg_p3cgm_219{fill:var(--timeline-thumb-color)}._interactive-pin_p3cgm_192>._symbol_p3cgm_223{stroke:var(--controls-layout-bg-color)}._interactive-pin-button_p3cgm_228{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_p3cgm_228:hover,._interactive-pin-button_p3cgm_228:focus-visible) ._interactive-pin_p3cgm_192>._bg_p3cgm_219{fill:#225f92}._interactive-pin-button_p3cgm_228:focus-visible{outline:var(--focus-ring);border-radius:var(--radius-2)}._interactive-pin-menu_p3cgm_257{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_p3cgm_257:focus-visible{outline:var(--focus-ring)}._interactive-pin-menu-item_p3cgm_278{-webkit-user-select:none;user-select:none;font-family:inherit;font-size:1rem;display:flex;align-items:center;gap:.25rem;color:var(--pin-color-3);padding:.375rem .625rem;border-radius:var(--radius-2);border:1px solid var(--interactive-menu-item-border-color);background-color:var(--interactive-menu-item-bg-color);cursor:pointer}._interactive-pin-menu-item_p3cgm_278:hover{background-color:var(--interactive-menu-item-hover-bg-color)}._interactive-pin-menu-item_p3cgm_278:focus-visible{outline:var(--focus-ring)}._arrow_p3cgm_303{fill:var(--settings-menu-bg-color, white)}._tooltip_p3cgm_307{background-color:var(--tooltip-bg-color);color:#fff;padding:.375rem .75rem;border-radius:var(--radius-2);font-size:.875rem;pointer-events:none}._tooltip-arrow_p3cgm_316{fill:var(--tooltip-bg-color)}._wrapper_1ld4n_1{display:flex;align-items:center}._track_1ld4n_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_1ld4n_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_1ld4n_32{width:var(--slider-fill, 0%);will-change:width;height:100%;background-color:var(--volume-track-fill-bg-color, #2d3b45)}._root_1ld4n_39{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 (hover: none){._root_1ld4n_39{display:none}}@container player (width < 425px){._root_1ld4n_39{display:none}}._root_1ld4n_39[data-active] ._track_1ld4n_6{border-radius:.125rem;height:.3125rem}._root_1ld4n_39[data-focus]{outline:none}._root_1ld4n_39[data-focus] ._track_1ld4n_6{outline:var(--focus-ring);outline-offset:1px;border-radius:2px}._root_1ld4n_39[data-active] ._thumb_1ld4n_18{opacity:1}._wrapper_1ld4n_1:hover [data-media-volume-slider],[data-media-volume-slider][data-active]{margin-left:.5rem;width:4rem}._root_cuap3_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_cuap3_1{padding:var(--controls-layout-padding-medium)}}._root_cuap3_1{will-change:transform,opacity}[data-fullscreen] ._root_cuap3_1{border-bottom-left-radius:0;border-bottom-right-radius:0}._normal_cuap3_24{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_cuap3_24{padding-top:0}}._compact_cuap3_35{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"left-controls slider right-controls"}@container player (width > 425px){._compact_cuap3_35{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"left-controls indicators slider right-controls"}}[data-fullscreen] ._root_cuap3_1{padding:var(--controls-layout-padding-large)}[data-fullscreen] ._root_cuap3_1[data-controls-layout=normal]{padding-top:var(--controls-layout-padding-small)}[data-fullscreen] ._root_cuap3_1:not(:has([data-pins])){position:absolute;bottom:0;width:100%;opacity:0;transition:opacity .3s ease-in-out}[data-fullscreen][data-controls] ._root_cuap3_1,[data-fullscreen]:has([role=dialog]) ._root_cuap3_1{z-index:1;opacity:1}._left-controls_cuap3_67{display:flex;grid-area:left-controls}@container player (width > 400px) and (height > 300px){._left-controls_cuap3_67{gap:.5rem}}._right-controls_cuap3_76{display:flex;grid-area:right-controls}@container player (width > 400px) and (height > 300px){._right-controls_cuap3_76{gap:.5rem}}._indicators_cuap3_85{grid-area:indicators;font-size:1rem;overflow:hidden;display:none;margin-left:.75rem}@container player (width > 425px){._indicators_cuap3_85{display:block}}@container (height > 300px){._indicators_cuap3_85{margin-left:1rem}}._audio-layout-wrapper_1tj9s_1{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)}[data-media-player]{--brand-color: #2b7abc;--brand-text-color: white;--text-color: #273540;--text-body-color: var(--text-color);--primary-text-color: #2d3b45;--text-data-point-color: #a1a8ab;--border-color-1: #d7dade;--light-color-1: #f5f5f5;--light-color-2: #e8eaec;--light-color-3: #8d959f;--darkmode-background: #111213;--darkmode-element-bg-color-1: #0f1316;--darkmode-element-bg-color-2: #1f2124;--darkmode-element-border-color-1: #565d64;--input-bg-color: var(--brand-text-color);--input-placeholder-color: var(--text-data-point-color);--input-border-color: var(--border-color-1);--interactive-menu-item-border-color: var(--border-color-1);--interactive-menu-item-bg-color: var(--light-color-1);--interactive-menu-item-hover-bg-color: var(--light-color-2);--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-menu-heading-separator-color: #c7cdd1;--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-text-color);--comments-indicator-color: #64707a;--comments-avatar-size-xss: 1.25rem;--comments-avatar-size-xs: 1.875rem;--comments-avatar-size-s: 2.5rem;--controls-layout-bg-color: var(--light-color-1);--controls-layout-border-color: var(--light-color-3);--controls-layout-padding-small: .25rem;--controls-layout-padding-medium: .5rem;--controls-layout-padding-large: .75rem;--sidebar-border-color: var(--border-color-1);--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;--tabs-border-color: var(--border-color-1);--transcript-timestamp-color: #0e68b3;--transcript-search-highlight-color: #ecf721;--transcript-search-highlight-current-color: #f9bb58;--transcript-search-text-color: var(--text-body-color);display:flex;font-family:Lato,sans-serif;outline:none;container:player / size;width:100%;height:100%;overflow:hidden;text-rendering:geometricPrecision;border-radius:var(--radius-3)}[data-media-player]:focus-visible{outline:var(--focus-ring)}[data-media-player][data-fullscreen],[data-media-player][data-darkmode=true]{background-color:var(--darkmode-background);--text-body-color: var(--brand-text-color);--primary-text-color: var(--brand-text-color);--controls-layout-bg-color: var(--darkmode-background);--settings-menu-bg-color: var(--darkmode-element-bg-color-1);--settings-menu-heading-separator-color: var( --darkmode-element-border-color-1 );--settings-submenu-color: var(--text-color);--settings-media-submenu-hint-color: var(--pin-light-color);--sidebar-border-color: var(--darkmode-background);--tabs-border-color: var(--darkmode-element-border-color-1);--controls-layout-border-color: var(--darkmode-element-border-color-1);--input-bg-color: var(--darkmode-element-bg-color-2);--input-placeholder-color: var(--darkmode-element-border-color-1);--input-border-color: var(--darkmode-element-border-color-1);--media-button-icon-hover-color: var(--darkmode-element-bg-color-2);--media-button-icon-color: var(--brand-text-color);--transcript-search-text-color: var(--darkmode-background);--transcript-timestamp-color: #5089d6;--pin-color-1: var(--darkmode-element-bg-color-1);--interactive-menu-item-border-color: var(--darkmode-element-bg-color-2);--interactive-menu-item-bg-color: var(--darkmode-element-bg-color-1);--interactive-menu-item-hover-bg-color: var(--darkmode-element-bg-color-2);--volume-track-bg-color: var(--darkmode-element-border-color-1);--volume-thumb-bg-color: var(--light-color-1);--volume-track-fill-bg-color: var(--light-color-1);--comments-indicator-color: #868686;--timeline-track-bg-color: #333;--timeline-track-progress-bg-color: #666}._main-layout_1bpv2_176{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] img[data-poster]{background-color:#000}[data-media-provider] img[data-poster],[data-media-provider] video,[data-media-provider] iframe{width:100%;height:100%;object-fit:contain;position:absolute}[data-media-provider]{transform:translateZ(0)}[data-fullscreen] [data-media-provider],[data-darkmode=true] [data-media-provider]{border-top-left-radius:0;border-top-right-radius:0}.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}.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}
|