@instructure/studio-player 0.2.12 → 0.2.13

package/dist/index-D-eUgNCk.css

@@ -0,0 +1 @@
+._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)}}._captions_13epz_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:var(--captions-flex-direction, column);align-items:center;padding:var(--spacing-3)}._captions_13epz_1[aria-hidden=true]{display:none}._captions_13epz_1 [data-part=cue-display]{display:inline-block;padding:var(--spacing-2);background-color:var(--captions-background-color, rgba(22 22 22 / .75));border-radius:var(--radius-2)}._captions_13epz_1 [data-part=cue]{color:var(--captions-color, white);text-align:center;max-width:50ch;line-height:1.5;font-size:calc(var(--captions-base-font-size-small) * var(--captions-font-size-multiplier, 1))}@container player (width > 425px){._captions_13epz_1 [data-part=cue]{font-size:calc(var(--captions-base-font-size-normal) * var(--captions-font-size-multiplier, 1))}}._comments-overlay_2woxe_1{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--spacing-1);display:flex;align-items:end}._comments-container_2woxe_9{display:flex;flex-direction:column;gap:.25rem;width:15.625rem}@container player (width >= 900px) and (height >= 640px){._comments-container_2woxe_9{width:23.4375rem}}@media (hover: none) and (orientation: portrait) and (max-width: 720px){[data-fullscreen] ._comments-overlay_2woxe_1{justify-content:end}}._comment_2woxe_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}@container player (width >= 720px) and (height >= 540px){._comment_2woxe_1{grid-template-areas:"text text" "avatar name"}}._comment-text_2woxe_45{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_2woxe_45{-webkit-line-clamp:2;line-clamp:2}}@container player (width >= 900px) and (height >= 640px){._comment-text_2woxe_45{font-size:var(--comments-font-size-normal)}}._comment-author-avatar_2woxe_68{grid-area:avatar;box-sizing:border-box;display:inline-block;object-fit:cover;width:1.25rem;height:1.25rem;border-radius:50%;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;contain:paint}@container player (width >= 900px) and (height >= 640px){._comment-author-avatar_2woxe_68{width:1.875rem;height:1.875rem}}._comment-author-name_2woxe_87{grid-area:name;color:var(--comments-author-color);font-size:var(--comments-font-size-small);font-weight:700;line-height:1.5;display:none}@container player (width >= 720px) and (height >= 540px){._comment-author-name_2woxe_87{display:inline}}@container player (width >= 900px) and (height >= 640px){._comment-author-name_2woxe_87{font-size:var(--comments-font-size-normal)}}._root_1x28e_1{background-color:var(--controls-layout-bg-color, #f5f5f5);padding:var(--spacing-1);display:grid;align-items:center;grid-template-columns:auto 1fr auto;grid-template-areas:"slider slider slider" "left-controls indicators right-controls";row-gap:.25rem;column-gap:1rem;border-bottom-left-radius:var(--radius-2);border-bottom-right-radius:var(--radius-2)}@container player (width >= 420px) and (height <= 300px){._root_1x28e_1{grid-template-columns:auto auto 1fr auto;grid-template-areas:"left-controls indicators slider right-controls"}}[data-fullscreen] ._root_1x28e_1,[data-darkmode=true]._root_1x28e_1{background-color:#000}._left-controls_1x28e_28{display:flex;gap:.25rem;grid-area:left-controls}._right-controls_1x28e_34{display:flex;gap:.25rem;grid-area:right-controls}._indicators_1x28e_40{grid-area:indicators;font-size:.875rem}@container player (width > 425px) and (height > 300px){._indicators_1x28e_40{font-size:1rem}}@container player (width >= 420px) and (height <= 300px){div._normal-timeline_1x28e_49{display:none}}div._compact-timeline_1x28e_55{display:none}@container player (width >= 420px) and (height <= 300px){div._compact-timeline_1x28e_55{display:flex;padding-bottom:0}}._menu-hint_k49ve_1{color:var(--settings-media-submenu-hint-color, #9ea6ad)}._menu-button_k49ve_5{position:relative;display:flex;align-items:center;width:100%;gap:var(--spacing-1);padding:6px 11px;color:var(--settings-submenu-color, #2d3b45);font-size:1rem;line-height:1.5;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_k49ve_5:hover,._menu-button_k49ve_5:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._menu-button_k49ve_5:hover ._menu-hint_k49ve_1,._menu-button_k49ve_5:focus ._menu-hint_k49ve_1{color:var(--settings-media-hover-color, white)}._menu-label_k49ve_37{flex-grow:1;text-align:left}._menu-icon_k49ve_42{width:1.125rem;height:1.125rem}._switch-track_vptv3_1{position:relative;background-color:#e8e8e8;width:2.625rem;height:1.75rem;border-radius:.875rem;will-change:background-color;transition:background-color .2s}._switch-thumb_vptv3_11{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_vptv3_25{width:.875rem;height:.875rem;color:var(--settings-submenu-color)}._switch-body_vptv3_31{display:flex;align-items:center;gap:var(--spacing-1);padding:.375rem .6875rem;color:var(--settings-submenu-color);font-size:1rem;line-height:1.5;cursor:pointer;outline:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._switch-body_vptv3_31[aria-checked=true] ._switch-track_vptv3_1{background-color:#03893d}._switch-body_vptv3_31[aria-checked=true] ._switch-icon_vptv3_25{color:#03893d}._switch-body_vptv3_31[aria-checked=true] ._switch-thumb_vptv3_11{transform:translate(1rem,.125rem)}._switch-body_vptv3_31:hover,._switch-body_vptv3_31:focus-visible{color:var(--settings-media-hover-color);background-color:var(--settings-media-hover-bg-color)}[aria-checked=true]:is(._switch-body_vptv3_31:hover,._switch-body_vptv3_31:focus-visible) ._switch-track_vptv3_1{background-color:#e8e8e8}._switch-label_vptv3_68{flex-grow:1}._menu-icon_vptv3_72{width:1.125rem;height:1.125rem}._main-menu_7h96l_1,._menu-container_1bjr3_1,._menu-options_1bjr3_6{display:flex;flex-direction:column}._menu-heading_1bjr3_11{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:block;margin:0 var(--spacing-2);padding-top:var(--spacing-2);padding-bottom:.5625rem;border-bottom:.0625rem solid #c7cdd1;font-weight:700;line-height:1.5}._check-icon_1bjr3_27{width:1.25rem;height:1.25rem;visibility:hidden}._menu-item-label_1bjr3_33{display:block}._menu-item_1bjr3_33{-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:1rem;line-height:1.5;font-family:inherit;color:inherit}._menu-item_1bjr3_33:hover,._menu-item_1bjr3_33:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._menu-item_1bjr3_33[aria-checked=true] ._check-icon_1bjr3_27{visibility:visible}._menu-back-button_1bjr3_66{display:flex;align-items:center;gap:var(--spacing-1);padding:6px 11px;color:var(--settings-submenu-color, #2d3b45);font-size:1rem;line-height:1.5;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;font-family:inherit}._menu-back-button_1bjr3_66:hover,._menu-back-button_1bjr3_66:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._settings-menu_hxlsv_1{display:flex;flex-direction:column;background-color:var(--settings-menu-bg-color, white);padding-top:.25rem;padding-bottom:.25rem;border-radius:var(--radius-2);width:294px;z-index:1000;filter:drop-shadow(0 .125rem .1875rem rgba(0 0 0 / .5))}._arrow_hxlsv_15{fill:#fff}._feedback-overlay_v4lbu_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_v4lbu_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_v4lbu_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-3);animation:_feedback-icon-animation_v4lbu_1 .4s linear;animation-fill-mode:forwards;will-change:transform,opacity}._feedback-icon_v4lbu_30:has(.right){align-self:end}._feedback-icon_v4lbu_30:has(.left){align-self:start}._feedback-icon_v4lbu_30>svg{width:100%;height:100%}@keyframes _feedback-icon-animation_v4lbu_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}._keyboard-shortcuts-overlay_dr03d_1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;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}._keyboard-shortcuts-overlay_dr03d_1 header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}:is(._keyboard-shortcuts-overlay_dr03d_1 header) h2{font-size:1rem;font-weight:500;margin:0}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_dr03d_1 header) h2{font-size:1.5rem}}._keyboard-shortcuts-overlay_dr03d_1 table{width:100%;max-width:54rem;padding:0;border-collapse:collapse}@container player (width > 400px) and (height > 300px){._keyboard-shortcuts-overlay_dr03d_1 table{padding:2rem}}:is(._keyboard-shortcuts-overlay_dr03d_1 table) tr{border-bottom:1px solid rgba(232 234 236 / .2)}:is(._keyboard-shortcuts-overlay_dr03d_1 table) tbody tr:last-child{border-bottom:none}:is(._keyboard-shortcuts-overlay_dr03d_1 table) th,:is(._keyboard-shortcuts-overlay_dr03d_1 table) td{text-align:left;font-size:.75rem;line-height:1.5}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_dr03d_1 table) th,:is(._keyboard-shortcuts-overlay_dr03d_1 table) td{font-size:.875rem}}@container player (width >= 720px) and (height > 300px){:is(._keyboard-shortcuts-overlay_dr03d_1 table) th,:is(._keyboard-shortcuts-overlay_dr03d_1 table) td{font-size:1rem}}._keyboard-shortcuts-overlay_dr03d_1 ._screen-reader-content_dr03d_66{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_dr03d_80{position:absolute;top:1rem;right:1rem;z-index:1;opacity:0;width:2.25rem;height:2.25rem;pointer-events:none;border-radius:var(--radius-2);border:1px solid #d7dade;background:var(--controls-layout-bg-color)}._keyboard-shortcuts-button_dr03d_80:focus-visible{opacity:1;pointer-events:auto}[data-media-player][data-view-type=audio] ._keyboard-shortcuts-button_dr03d_80{display:none}._close-button_dr03d_106{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}@media (max-width: 425px) and (hover: none){button._play-pause-button_kyuc5_1{display:none}}._poster_195hi_1{width:100%;height:100%;object-fit:contain;position:absolute;display:none}._poster_195hi_1[data-visible]{display:block}._small-layout-overlay_1vli4_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;visibility:hidden;align-items:center;justify-content:center}@media (max-width: 425px) and (hover: none){._small-layout-overlay_1vli4_1{visibility:visible}}._small-layout-button_1vli4_14{width:5rem;height:5rem;background-color:#1616164d;display:flex;align-items:center;justify-content:center;border-radius:50%}._small-layout-icon-play_1vli4_24,._small-layout-icon-pause_1vli4_30{width:3rem;height:3rem;color:#fff}._full-screen-close-icon_1vli4_36{display:none}[data-fullscreen] ._full-screen-close-icon_1vli4_36{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_1vli4_36,[data-media-player][data-playing] ._small-layout-button_1vli4_14{animation:_fade-out_1vli4_1 1s;animation-delay:1.5s;animation-fill-mode:forwards}[data-media-player][data-playing] ._small-layout-icon-play_1vli4_24,[data-media-player][data-paused] ._small-layout-icon-pause_1vli4_30{display:none}@keyframes _fade-out_1vli4_1{0%{opacity:1}to{opacity:0}}._time-indicator_1rlpb_1{display:flex;color:#556572;-webkit-user-select:none;user-select:none}[data-fullscreen] ._time-indicator_1rlpb_1,[data-darkmode=true] ._time-indicator_1rlpb_1{color:#fff}._comment-markers_49pse_1{display:flex;position:relative;width:100%;height:.375rem;-webkit-user-select:none;user-select:none;pointer-events:none}@container player (width >= 420px) and (height <= 300px){._comment-markers_49pse_1{display:none}}._comment-marker_49pse_1{position:absolute;height:100%;background:linear-gradient(90deg,#2b7abc,#abd9ff);border-radius:.125rem}._timeline-wrapper_49pse_21{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 var(--spacing-1);grid-area:slider;padding-bottom:.375rem}._timeline-wrapper_49pse_21:has(._comment-markers_49pse_1){padding-bottom:0}._track_49pse_35{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_49pse_48{position:absolute;width:1.125rem;height:1.125rem;background-color:var(--timeline-thumb-color, #2b7abc);border-radius:var(--radius-3);cursor:pointer;opacity:0;transform:translate(-50%) translateZ(0);transition:opacity .15s ease-in;left:var(--slider-fill);will-change:left}._root_49pse_62{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_49pse_62[data-active] ._track_49pse_35{border-radius:var(--radius-2);height:.625rem}._root_49pse_62[data-focus] ._track_49pse_35{outline:2px solid var(--focus-outline-color);outline-offset:1px;border-radius:2px}._root_49pse_62[data-active] ._thumb_49pse_48{opacity:1}._track-inner_49pse_92{position:absolute;will-change:width;height:100%}._progress_49pse_98{z-index:0;width:var(--slider-progress, 0%);background-color:var(--timeline-track-progress-bg-color, #adb2b6)}._track-fill_49pse_104{z-index:1;width:var(--slider-fill, 0%);background-color:var(--timeline-track-fill-bg-color, #2b7abc)}:is([data-fullscreen] ._root_49pse_62,[data-darkmode=true] ._root_49pse_62) ._track_49pse_35{background-color:#333}:is([data-fullscreen] ._root_49pse_62,[data-darkmode=true] ._root_49pse_62) ._progress_49pse_98{background-color:#666}._pins_49pse_121{display:flex;position:relative;height:2rem;width:100%;-webkit-user-select:none;user-select:none;margin-top:var(--spacing-1)}@container player (width >= 420px) and (height <= 300px){._pins_49pse_121{display:none}}._pin-button_49pse_134{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_49pse_134:hover{transform:translate(-50%) scale(1.25);z-index:1}._annotation-pin_49pse_154{fill:var(--pin-color-1);stroke:var(--pin-color-2)}._quiz-pin_49pse_159{fill:var(--pin-color-2);stroke:none}._annotation-pin-child_49pse_164{fill:var(--pin-color-3)}._quiz-pin-child_49pse_168{fill:#fff;font-size:.875rem}._interactive-pin-container_49pse_173{position:absolute;top:0;right:0;bottom:0;left:0;padding:0 var(--spacing-1)}@container player (width >= 420px) and (height <= 300px){._interactive-pin-container_49pse_173{display:none}}._interactive-pin-wrapper_49pse_183{position:relative;width:100%;height:100%}._interactive-pin-icon_49pse_189{transform-box:fill-box;transform-origin:center;transition:transform .2s ease-out}._interactive-pin-icon_49pse_189[data-open=true]{transform:rotate(45deg)}._interactive-pin_49pse_173{filter:drop-shadow(0 3px 6px rgba(0 0 0 / .16)) drop-shadow(0 3px 6px rgba(0 0 0 / .1))}._interactive-pin_49pse_173>._bg_49pse_203{fill:var(--timeline-thumb-color)}._interactive-pin_49pse_173>._symbol_49pse_207{stroke:var(--controls-layout-bg-color)}._interactive-pin-button_49pse_212{position:absolute;cursor:pointer;transform:translate(-50%);background-color:transparent;border:none;padding:0;display:flex;z-index:1;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._interactive-pin-button_49pse_212:hover ._interactive-pin_49pse_173>._bg_49pse_203{fill:#225f92}._interactive-pin-menu_49pse_232{display:flex;flex-direction:column;gap:.25rem;background-color:var(--settings-menu-bg-color, white);padding:.75rem .5rem;border-radius:var(--radius-2);width:169px;z-index:1000;filter:drop-shadow(0 .125rem .1875rem rgba(0 0 0 / .5))}._interactive-pin-menu-item_49pse_246{font-family:inherit;font-size:14px;text-rendering:geometricprecision;display:flex;align-items:center;gap:.25rem;color:var(--pin-color-3);padding:4px 6px;border-radius:var(--radius-2);border:1px solid #d7dade;background-color:var(--pin-color-1);cursor:pointer}._interactive-pin-menu-item_49pse_246:hover{background-color:#e8eaec}._arrow_49pse_267{fill:#fff}._wrapper_12cb0_1{display:flex;align-items:center}._track_12cb0_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_12cb0_18{position:absolute;width:.875rem;height:.875rem;background-color:var(--volume-thumb-bg-color, #2d3b45);border-radius:var(--radius-3);cursor:pointer;opacity:0;transform:translate(-50%) translateZ(0);transition:opacity .15s ease-in;left:var(--slider-fill);will-change:left}._track-fill_12cb0_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_12cb0_6{background-color:#666}:is([data-fullscreen],[data-darkmode=true]) ._track-fill_12cb0_32,:is([data-fullscreen],[data-darkmode=true]) ._thumb_12cb0_18{background-color:#f5f5f5}._root_12cb0_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_12cb0_51{display:none}}._root_12cb0_51[data-active] ._track_12cb0_6{border-radius:.125rem;height:.3125rem}._root_12cb0_51[data-focus]{outline:none}._root_12cb0_51[data-focus] ._track_12cb0_6{outline:2px solid var(--focus-outline-color);outline-offset:1px;border-radius:2px}._root_12cb0_51[data-active] ._thumb_12cb0_18{opacity:1}._wrapper_12cb0_1:hover [data-media-volume-slider],[data-media-volume-slider][data-active]{margin-left:.5rem;width:4rem}[data-media-player]{--volume-track-bg-color: #ccd0d2;--volume-track-fill-bg-color: #2d3b45;--volume-thumb-bg-color: #2d3b45;--feedback-message-bg-color: black;--feedback-message-color: white;--feedback-icon-color: white;--feedback-icon-bg-color: black;--timeline-track-bg-color: #ccd0d2;--timeline-track-progress-bg-color: #adb2b6;--timeline-track-fill-bg-color: #2b7abc;--timeline-progress-bg-color: #adb2b6;--timeline-thumb-color: #2b7abc;--settings-menu-bg-color: white;--settings-submenu-color: #2d3b45;--settings-media-hover-color: white;--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: white;--captions-base-font-size-small: .75rem;--captions-base-font-size-normal: 1rem;--comments-background-color: rgba(0 0 0 / .8);--comments-color: white;--comments-font-size-small: .75rem;--comments-font-size-normal: .875rem;--comments-author-color: #c7cdd1;--controls-layout-bg-color: #f5f5f5;--media-button-icon-color: #2d3b45;--media-button-icon-hover-color: #e0e0e0;--focus-outline-color: #2b7abc;--spacing-1: .5rem;--spacing-2: .625rem;--spacing-3: 1rem;--spacing-4: 2rem;--radius-1: .0625rem;--radius-2: .25rem;--radius-3: 50%;--media-button-area-size-small: 2rem;--media-button-area-size-medium: 2.5rem;--media-button-area-size-large: 3rem;--media-button-icon-size-small: 1rem;--media-button-icon-size-medium: 1.5rem;--media-button-icon-size-large: 1.5rem;--action-buttons-color: #0374b5;--action-buttons-hover-color: #235f93;--action-buttons-border-color: #025483;--pin-color-1: #f2f4f4;--pin-color-2: #556572;--pin-color-3: #273540;outline:none;border-radius:var(--radius-2);position:relative;font-family:Lato,sans-serif;display:grid;container:player / size;width:100%;height:100%;grid-template-rows:1fr auto}[data-media-provider]{display:flex;position:relative;background-color:#000;contain:paint;border-top-left-radius:var(--radius-2);border-top-right-radius:var(--radius-2)}[data-media-provider] video,[data-media-provider] iframe{width:100%;height:100%;object-fit:contain;position:absolute}[data-media-player][data-view-type=audio]{container-type:normal;height:initial}[data-media-player][data-view-type=audio] [data-media-provider]{display:none}.controls-button{background-color:transparent;border:none;border-radius:var(--radius-2);cursor:pointer;padding:var(--spacing-1);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)}@container player (width > 400px) and (height > 300px){.controls-button{width:var(--media-button-area-size-medium);height:var(--media-button-area-size-medium)}}@container player (width >= 720px) and (height > 300px){.controls-button{width:var(--media-button-area-size-large);height:var(--media-button-area-size-large)}}.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:2px solid var(--focus-outline-color)}.controls-button-icon{color:var(--media-button-icon-color);width:var(--media-button-icon-size-small);height:var(--media-button-icon-size-small)}@container player (width > 400px) and (height > 300px){.controls-button-icon{width:var(--media-button-icon-size-medium);height:var(--media-button-icon-size-medium)}}@container player (width >= 720px) and (height > 300px){.controls-button-icon{width:var(--media-button-icon-size-large);height:var(--media-button-icon-size-large)}}: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}

package/dist/studio-player.es.js

@@ -1,9 +1,9 @@
-import './index-DAULLpyh.css';var De = Object.defineProperty;
+import './index-D-eUgNCk.css';var De = Object.defineProperty;
 var ze = (e, n, o) => n in e ? De(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
 var N = (e, n, o) => ze(e, typeof n != "symbol" ? n + "" : n, o);
 import { jsx as t, jsxs as s, Fragment as ee } from "react/jsx-runtime";
-import { createContext as te, useContext as x, useState as M, useCallback as p, useEffect as R, useMemo as Z, useRef as ve } from "react";
-import { useMediaPlayer as q, Spinner as Y, useMediaRemote as W, useMediaState as _, isTrackCaptionKind as Ue, Track as je, Captions as qe, usePlaybackRateOptions as We, useCaptionOptions as Ge, useVideoQualityOptions as Qe, useMediaStore as Ce, FullscreenButton as ge, PlayButton as Ye, Poster as Xe, Time as re, TimeSlider as A, MuteButton as Je, VolumeSlider as z, MediaPlayer as et, MediaProvider as tt } from "@vidstack/react";
+import { createContext as te, useContext as x, useState as T, useCallback as p, useEffect as E, useMemo as Z, useRef as ve } from "react";
+import { useMediaPlayer as W, Spinner as X, useMediaRemote as G, useMediaState as _, isTrackCaptionKind as Ue, Track as je, Captions as qe, usePlaybackRateOptions as We, useCaptionOptions as Ge, useVideoQualityOptions as Qe, useMediaStore as Ce, FullscreenButton as ge, PlayButton as Ye, Poster as Xe, Time as re, TimeSlider as A, MuteButton as Je, VolumeSlider as z, MediaPlayer as et, MediaProvider as tt } from "@vidstack/react";
 import { initReactI18next as nt, useTranslation as v } from "react-i18next";
 import ot from "i18next";
 import it from "i18next-resources-to-backend";
@@ -49,7 +49,7 @@ function C() {
     );
   return e;
 }
-const Me = te(null);
+const Te = te(null);
 function ut({
   hideFullScreen: e,
   comments: n,
@@ -82,10 +82,10 @@ function ut({
     forceComments: y,
     disableCaptionSettings: k
   };
-  return /* @__PURE__ */ t(Me.Provider, { value: b, children: g });
+  return /* @__PURE__ */ t(Te.Provider, { value: b, children: g });
 }
 function S() {
-  const e = x(Me);
+  const e = x(Te);
   if (!e)
     throw new Error(
       "useStudioPlayerPropsContext must be used within a StudioPlayerPropsContextProvider"
@@ -103,7 +103,7 @@ const dt = "_annotation-overlay_1kxzn_1", mt = {
   };
 };
 function pt({ annotations: e }) {
-  const n = q(), o = C(), i = S(), [a, c] = M(
+  const n = W(), o = C(), i = S(), [a, c] = T(
     null
   ), l = p(
     (m) => {
@@ -113,7 +113,7 @@ function pt({ annotations: e }) {
   ), u = () => {
     i.interactive || (n == null || n.play(), o.enableInteractions()), c(null);
   };
-  return R(() => {
+  return E(() => {
     if (!n)
       return;
     const m = [];
@@ -146,10 +146,10 @@ const _t = "_media-buffering-indicator_1fwjr_1", ft = "_media-buffering-spinner_
   mediaBufferingTrackFill: gt
 };
 function bt() {
-  return /* @__PURE__ */ t("div", { className: U.mediaBufferingIndicator, children: /* @__PURE__ */ s(Y.Root, { className: U.mediaBufferingSpinner, size: 96, children: [
-    /* @__PURE__ */ t(Y.Track, { className: U.mediaBufferingTrack, width: 8 }),
+  return /* @__PURE__ */ t("div", { className: U.mediaBufferingIndicator, children: /* @__PURE__ */ s(X.Root, { className: U.mediaBufferingSpinner, size: 96, children: [
+    /* @__PURE__ */ t(X.Track, { className: U.mediaBufferingTrack, width: 8 }),
     /* @__PURE__ */ t(
-      Y.TrackFill,
+      X.TrackFill,
       {
         className: U.mediaBufferingTrackFill,
         width: 8
@@ -157,7 +157,7 @@ function bt() {
     )
   ] }) });
 }
-const Te = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
+const Me = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
   /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104418", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
   /* @__PURE__ */ t("g", { clipPath: "url(#clip0_149_104418)", children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.5 21.8125V2.3125C22.5 1.9 22.1625 1.5625 21.75 1.5625H2.25C1.8375 1.5625 1.5 1.9 1.5 2.3125V21.8125C1.5 22.225 1.8375 22.5625 2.25 22.5625H21.75C22.1625 22.5625 22.5 22.225 22.5 21.8125ZM21.75 0.0625C22.9905 0.0625 24 1.072 24 2.3125V21.8125C24 23.053 22.9905 24.0625 21.75 24.0625H2.25C1.0095 24.0625 0 23.053 0 21.8125V2.3125C0 1.072 1.0095 0.0625 2.25 0.0625H21.75ZM10.744 10.6709H8.74403V10.0042H6.07736V14.0042H8.74403V13.3375H10.744V14.6709C10.744 15.4042 10.144 16.0042 9.41069 16.0042H5.41069C4.67736 16.0042 4.07736 15.4042 4.07736 14.6709V9.33753C4.07736 8.6042 4.67736 8.0042 5.41069 8.0042H9.41069C10.144 8.0042 10.744 8.6042 10.744 9.33753V10.6709ZM19.8065 10.6709H17.8065V10.0042H15.1399V14.0042H17.8065V13.3375H19.8065V14.6709C19.8065 15.4042 19.2065 16.0042 18.4732 16.0042H14.4732C13.7399 16.0042 13.1399 15.4042 13.1399 14.6709V9.33753C13.1399 8.6042 13.7399 8.0042 14.4732 8.0042H18.4732C19.2065 8.0042 19.8065 8.6042 19.8065 9.33753V10.6709Z", fill: "currentColor" }) })
 ] }), Ie = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
@@ -165,7 +165,7 @@ const Te = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0
   /* @__PURE__ */ t("g", { clipPath: "url(#clip0_149_104406)", children: /* @__PURE__ */ t("path", { d: "M21.3333 0H2.66666C1.18666 0 0 1.35 0 3V21C0 22.65 1.18666 24 2.66666 24H21.3333C22.8 24 24 22.65 24 21V3C24 1.35 22.8 0 21.3333 0ZM10.6667 10.6667H8.66666V10H6V14H8.66666V13.3333H10.6667V14.6667C10.6667 15.4 10.0667 16 9.33334 16H5.33334C4.6 16 4 15.4 4 14.6667V9.33334C4 8.6 4.6 8 5.33334 8H9.33334C10.0667 8 10.6667 8.6 10.6667 9.33334V10.6667ZM20.0042 10.6667H18.0042V10H15.3375V14H18.0042V13.3333H20.0042V14.6667C20.0042 15.4 19.4042 16 18.6708 16H14.6708C13.9375 16 13.3375 15.4 13.3375 14.6667V9.33334C13.3375 8.6 13.9375 8 14.6708 8H18.6708C19.4042 8 20.0042 8.6 20.0042 9.33334V10.6667Z", fill: "currentColor" }) })
 ] });
 function wt() {
-  const e = W(), n = _("textTrack"), o = _("hasCaptions"), i = n && Ue(n), a = C(), c = p(
+  const e = G(), n = _("textTrack"), o = _("hasCaptions"), i = n && Ue(n), a = C(), c = p(
     (l) => {
       e.toggleCaptions(l.nativeEvent);
     },
@@ -180,7 +180,7 @@ function wt() {
       "aria-label": "Captions",
       "aria-pressed": i ? "true" : "false",
       tabIndex: a.state.interactionsDisabled ? -1 : 0,
-      children: i ? /* @__PURE__ */ t(Ie, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Te, { className: "controls-button-icon" })
+      children: i ? /* @__PURE__ */ t(Ie, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Me, { className: "controls-button-icon" })
     }
   ) : null;
 }
@@ -216,8 +216,8 @@ function Lt({ captions: e }) {
     ) : null
   ] });
 }
-const B = [0.5, 0.75, 1, 1.25, 1.5, 2], xt = [0.5, 1, 2, 3, 4], Se = 5, Pt = (e) => {
-  const [, n] = M({});
+const V = [0.5, 0.75, 1, 1.25, 1.5, 2], xt = [0.5, 1, 2, 3, 4], Se = 5, Pt = (e) => {
+  const [, n] = T({});
   return Z(() => {
     let o = [];
     return {
@@ -241,9 +241,9 @@ const B = [0.5, 0.75, 1, 1.25, 1.5, 2], xt = [0.5, 1, 2, 3, 4], Se = 5, Pt = (e)
     const c = a.detail.currentTime;
     c >= e.timestamp && c < e.timestamp + n && !i && (o.add(e), i = !0), (c < e.timestamp || c >= e.timestamp + n) && i && (o.remove(e), i = !1);
   };
-}, Mt = (e, n = 5) => {
-  const o = q(), i = Pt(n);
-  return R(() => {
+}, Tt = (e, n = 5) => {
+  const o = W(), i = Pt(n);
+  return E(() => {
     if (!o)
       return;
     const a = [];
@@ -261,51 +261,51 @@ const B = [0.5, 0.75, 1, 1.25, 1.5, 2], xt = [0.5, 1, 2, 3, 4], Se = 5, Pt = (e)
       i.clear();
     };
   }, [o, i, e]), i;
-}, Tt = "_comments-overlay_2woxe_1", It = "_comments-container_2woxe_9", St = "_comment_2woxe_1", Ht = "_comment-text_2woxe_45", Vt = "_comment-author-avatar_2woxe_68", Bt = "_comment-author-name_2woxe_87", E = {
+}, Mt = "_comments-overlay_2woxe_1", It = "_comments-container_2woxe_9", St = "_comment_2woxe_1", Ht = "_comment-text_2woxe_45", Rt = "_comment-author-avatar_2woxe_68", Vt = "_comment-author-name_2woxe_87", B = {
   "comments-overlay": "_comments-overlay_2woxe_1",
-  commentsOverlay: Tt,
+  commentsOverlay: Mt,
   "comments-container": "_comments-container_2woxe_9",
   commentsContainer: It,
   comment: St,
   "comment-text": "_comment-text_2woxe_45",
   commentText: Ht,
   "comment-author-avatar": "_comment-author-avatar_2woxe_68",
-  commentAuthorAvatar: Vt,
+  commentAuthorAvatar: Rt,
   "comment-author-name": "_comment-author-name_2woxe_87",
-  commentAuthorName: Bt
+  commentAuthorName: Vt
 };
-function Et({ comment: e }) {
-  return /* @__PURE__ */ s("div", { className: E.comment, onClick: () => {
+function Bt({ comment: e }) {
+  return /* @__PURE__ */ s("div", { className: B.comment, onClick: () => {
     var n;
     return (n = e.onClick) == null ? void 0 : n.call(e, e);
   }, children: [
     /* @__PURE__ */ t(
       "img",
       {
-        className: E.commentAuthorAvatar,
+        className: B.commentAuthorAvatar,
         src: e.user.avatar,
         alt: e.user.name
       }
     ),
-    /* @__PURE__ */ t("span", { className: E.commentText, children: e.text }),
-    /* @__PURE__ */ t("span", { className: E.commentAuthorName, children: e.user.name })
+    /* @__PURE__ */ t("span", { className: B.commentText, children: e.text }),
+    /* @__PURE__ */ t("span", { className: B.commentAuthorName, children: e.user.name })
   ] });
 }
-const Rt = 5;
+const Et = 5;
 function At({ comments: e }) {
-  const n = C(), o = Mt(e, Rt), i = !!_("textTrack"), a = o.map((c) => /* @__PURE__ */ t(Et, { comment: c }, c.id));
+  const n = C(), o = Tt(e, Et), i = !!_("textTrack"), a = o.map((c) => /* @__PURE__ */ t(Bt, { comment: c }, c.id));
   return e.length > 0 && n.state.commentsEnabled ? /* @__PURE__ */ t(
     "div",
     {
-      className: E.commentsOverlay,
+      className: B.commentsOverlay,
       style: {
         flexDirection: n.state.captionPositionOnTop && i ? "column-reverse" : "column"
       },
-      children: /* @__PURE__ */ t("div", { className: E.commentsContainer, children: i ? a.slice(-4) : a })
+      children: /* @__PURE__ */ t("div", { className: B.commentsContainer, children: i ? a.slice(-4) : a })
     }
   ) : null;
 }
-const Ot = "_root_1x28e_1", Ft = "_left-controls_1x28e_28", Zt = "_right-controls_1x28e_34", $t = "_indicators_1x28e_40", Kt = "_normal-timeline_1x28e_49", Dt = "_compact-timeline_1x28e_55", V = {
+const Ot = "_root_1x28e_1", Ft = "_left-controls_1x28e_28", Zt = "_right-controls_1x28e_34", $t = "_indicators_1x28e_40", Kt = "_normal-timeline_1x28e_49", Dt = "_compact-timeline_1x28e_55", R = {
   root: Ot,
   "left-controls": "_left-controls_1x28e_28",
   leftControls: Ft,
@@ -322,20 +322,20 @@ function zt({
   playerRef: n,
   showCaptionsButton: o = !0
 }) {
-  const i = q();
-  return R(() => {
+  const i = W();
+  return E(() => {
     i && (i.remoteControl.pauseControls(), n && (n.current = i));
-  }, [i, n]), /* @__PURE__ */ s("div", { "data-darkmode": e, className: V.root, children: [
-    /* @__PURE__ */ t(he, { className: V.normalTimeline }),
-    /* @__PURE__ */ s("div", { className: V.leftControls, children: [
-      /* @__PURE__ */ t(uo, {}),
-      /* @__PURE__ */ t(pi, {})
+  }, [i, n]), /* @__PURE__ */ s("div", { "data-darkmode": e, className: R.root, children: [
+    /* @__PURE__ */ t(he, { className: R.normalTimeline }),
+    /* @__PURE__ */ s("div", { className: R.leftControls, children: [
+      /* @__PURE__ */ t(mo, {}),
+      /* @__PURE__ */ t(_i, {})
     ] }),
-    /* @__PURE__ */ t("div", { className: V.indicators, children: /* @__PURE__ */ t(Lo, {}) }),
-    /* @__PURE__ */ t(he, { className: V.compactTimeline }),
-    /* @__PURE__ */ s("div", { className: V.rightControls, children: [
+    /* @__PURE__ */ t("div", { className: R.indicators, children: /* @__PURE__ */ t(xo, {}) }),
+    /* @__PURE__ */ t(he, { className: R.compactTimeline }),
+    /* @__PURE__ */ s("div", { className: R.rightControls, children: [
       o && /* @__PURE__ */ t(wt, {}),
-      /* @__PURE__ */ t(Rn, {}),
+      /* @__PURE__ */ t(En, {}),
       /* @__PURE__ */ t(Xn, {})
     ] })
   ] });
@@ -383,7 +383,7 @@ function Xt() {
       label: i("CAPTIONS"),
       hint: (o == null ? void 0 : o.label) ?? i("OFF"),
       onClick: a,
-      Icon: Te
+      Icon: Me
     }
   ) : null;
 }
@@ -466,7 +466,7 @@ function dn() {
   ) : null;
 }
 function H(e) {
-  R(() => {
+  E(() => {
     const n = (o) => {
       o.key === "Escape" && (e == null || e());
     };
@@ -488,7 +488,7 @@ function pn() {
     /* @__PURE__ */ t(en, {})
   ] });
 }
-const G = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.1347 3.00061L6.55157 13.5825L0.865302 7.89624L0 8.76154L6.55157 15.3131L17.9988 3.86469L17.1347 3.00061Z", fill: "currentColor" }) }), K = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.037 3.03704L6.07407 9L12.037 14.963L11 16L4 9L11 2L12.037 3.03704Z", fill: "currentColor" }) }), _n = "_menu-container_1bjr3_1", fn = "_menu-options_1bjr3_6", vn = "_menu-heading_1bjr3_11", Cn = "_check-icon_1bjr3_27", gn = "_menu-item-label_1bjr3_33", bn = "_menu-item_1bjr3_33", wn = "_menu-back-button_1bjr3_66", r = {
+const Q = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.1347 3.00061L6.55157 13.5825L0.865302 7.89624L0 8.76154L6.55157 15.3131L17.9988 3.86469L17.1347 3.00061Z", fill: "currentColor" }) }), K = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.037 3.03704L6.07407 9L12.037 14.963L11 16L4 9L11 2L12.037 3.03704Z", fill: "currentColor" }) }), _n = "_menu-container_1bjr3_1", fn = "_menu-options_1bjr3_6", vn = "_menu-heading_1bjr3_11", Cn = "_check-icon_1bjr3_27", gn = "_menu-item-label_1bjr3_33", bn = "_menu-item_1bjr3_33", wn = "_menu-back-button_1bjr3_66", r = {
   "menu-container": "_menu-container_1bjr3_1",
   menuContainer: _n,
   "menu-options": "_menu-options_1bjr3_6",
@@ -506,7 +506,7 @@ const G = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0
 };
 function kn() {
   const e = x(P), n = We({
-    rates: B,
+    rates: V,
     normalLabel: "1x"
   }), { t: o } = v();
   return H(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
@@ -534,7 +534,7 @@ function kn() {
         },
         className: r.menuItem,
         children: [
-          /* @__PURE__ */ t(G, { className: r.checkIcon }),
+          /* @__PURE__ */ t(Q, { className: r.checkIcon }),
           /* @__PURE__ */ t("span", { className: r.menuItemLabel, children: a })
         ]
       },
@@ -612,7 +612,7 @@ function Nn() {
     /* @__PURE__ */ t(Pn, {})
   ] }) : null;
 }
-function Mn() {
+function Tn() {
   const e = x(P), n = Ge(), { t: o } = v();
   return H(e == null ? void 0 : e.backToCaptions), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
     /* @__PURE__ */ s(
@@ -639,7 +639,7 @@ function Mn() {
         },
         className: r.menuItem,
         children: [
-          /* @__PURE__ */ t(G, { className: r.checkIcon }),
+          /* @__PURE__ */ t(Q, { className: r.checkIcon }),
           /* @__PURE__ */ t("span", { className: r.menuItemLabel, children: a })
         ]
       },
@@ -647,7 +647,7 @@ function Mn() {
     )) })
   ] }) : null;
 }
-function Tn() {
+function Mn() {
   const e = C(), n = x(P), { t: o } = v();
   return H(n == null ? void 0 : n.backToCaptions), n ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
     /* @__PURE__ */ s(
@@ -674,7 +674,7 @@ function Tn() {
         },
         className: r.menuItem,
         children: [
-          /* @__PURE__ */ t(G, { className: r.checkIcon }),
+          /* @__PURE__ */ t(Q, { className: r.checkIcon }),
           /* @__PURE__ */ s("span", { className: r.menuItemLabel, children: [
             i * 100,
             "%"
@@ -712,7 +712,7 @@ function In() {
         },
         className: r.menuItem,
         children: [
-          /* @__PURE__ */ t(G, { className: r.checkIcon }),
+          /* @__PURE__ */ t(Q, { className: r.checkIcon }),
           /* @__PURE__ */ t("span", { className: r.menuItemLabel, children: c })
         ]
       },
@@ -724,23 +724,23 @@ const Sn = {
   main: pn,
   speed: kn,
   captions: Nn,
-  captionLanguage: Mn,
-  captionFontSize: Tn,
+  captionLanguage: Tn,
+  captionFontSize: Mn,
   quality: In
 };
 function Hn() {
-  const [e, n] = M("main"), [o, i] = M(!1), a = p(() => {
-    i((T) => !T);
-  }, []), c = p((T) => {
-    n(T);
+  const [e, n] = T("main"), [o, i] = T(!1), a = p(() => {
+    i((M) => !M);
+  }, []), c = p((M) => {
+    n(M);
   }, []), l = p(() => {
     n("captions");
   }, []), u = p(() => {
     n("main");
   }, []), m = Z(() => Sn[e], [e]), h = ve(null), { refs: g, floatingStyles: y, context: k } = be({
     open: o,
-    onOpenChange: (T) => {
-      i(T), u();
+    onOpenChange: (M) => {
+      i(M), u();
     },
     placement: "top-end",
     whileElementsMounted: we,
@@ -766,12 +766,12 @@ function Hn() {
     getFloatingProps: w
   };
 }
-const Vn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.0692 12C21.0692 11.4776 21.0212 10.944 20.9238 10.4104L23.5511 8.13318L21.0579 3.87247L17.7431 4.97788C16.9059 4.28329 15.9515 3.73553 14.9449 3.37271L14.2616 0H9.28941L8.60612 3.37129C7.58823 3.73553 6.65082 4.27482 5.80659 4.97647L2.49318 3.87247L0 8.13318L2.62729 10.4104C2.52988 10.944 2.48188 11.4776 2.48188 12C2.48188 12.5224 2.52988 13.056 2.62729 13.5896L0 15.8668L2.49318 20.1275L5.808 19.0221C6.64518 19.7167 7.59953 20.2645 8.60612 20.6273L9.28941 24H14.2616L14.9449 20.6287C15.9614 20.2645 16.9002 19.7252 17.7445 19.0235L21.0579 20.1289L23.5511 15.8682L20.9238 13.5911C21.0212 13.056 21.0692 12.5224 21.0692 12ZM11.7755 16.9412C9.05082 16.9412 6.83435 14.7247 6.83435 12C6.83435 9.2753 9.05082 7.05883 11.7755 7.05883C14.5002 7.05883 16.7167 9.2753 16.7167 12C16.7167 14.7247 14.5002 16.9412 11.7755 16.9412Z", fill: "currentColor" }) }), Bn = "_settings-menu_hxlsv_1", En = "_arrow_hxlsv_15", de = {
+const Rn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.0692 12C21.0692 11.4776 21.0212 10.944 20.9238 10.4104L23.5511 8.13318L21.0579 3.87247L17.7431 4.97788C16.9059 4.28329 15.9515 3.73553 14.9449 3.37271L14.2616 0H9.28941L8.60612 3.37129C7.58823 3.73553 6.65082 4.27482 5.80659 4.97647L2.49318 3.87247L0 8.13318L2.62729 10.4104C2.52988 10.944 2.48188 11.4776 2.48188 12C2.48188 12.5224 2.52988 13.056 2.62729 13.5896L0 15.8668L2.49318 20.1275L5.808 19.0221C6.64518 19.7167 7.59953 20.2645 8.60612 20.6273L9.28941 24H14.2616L14.9449 20.6287C15.9614 20.2645 16.9002 19.7252 17.7445 19.0235L21.0579 20.1289L23.5511 15.8682L20.9238 13.5911C21.0212 13.056 21.0692 12.5224 21.0692 12ZM11.7755 16.9412C9.05082 16.9412 6.83435 14.7247 6.83435 12C6.83435 9.2753 9.05082 7.05883 11.7755 7.05883C14.5002 7.05883 16.7167 9.2753 16.7167 12C16.7167 14.7247 14.5002 16.9412 11.7755 16.9412Z", fill: "currentColor" }) }), Vn = "_settings-menu_hxlsv_1", Bn = "_arrow_hxlsv_15", de = {
   "settings-menu": "_settings-menu_hxlsv_1",
-  settingsMenu: Bn,
-  arrow: En
+  settingsMenu: Vn,
+  arrow: Bn
 };
-function Rn() {
+function En() {
   const {
     Page: e,
     arrowRef: n,
@@ -798,7 +798,7 @@ function Rn() {
         "aria-expanded": m,
         tabIndex: k != null && k.state.interactionsDisabled ? -1 : 0,
         ...u(),
-        children: /* @__PURE__ */ t(Vn, { className: "controls-button-icon icon-rotate" })
+        children: /* @__PURE__ */ t(Rn, { className: "controls-button-icon icon-rotate" })
       }
     ),
     m && /* @__PURE__ */ t(at, { context: a, initialFocus: -1, modal: !1, children: /* @__PURE__ */ s(
@@ -831,15 +831,15 @@ function Rn() {
 }
 function He(e, n = 1e3) {
   return function() {
-    const i = _("lastKeyboardAction"), [a, c] = M(!1), l = p(() => c(!1), []);
-    return R(() => {
+    const i = _("lastKeyboardAction"), [a, c] = T(!1), l = p(() => c(!1), []);
+    return E(() => {
       c(!!i);
       const u = setTimeout(l, n);
       return () => clearTimeout(u);
     }, [i, n]), a ? /* @__PURE__ */ t(e, {}) : null;
   };
 }
-const oe = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), ie = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), Ve = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1179 1.41211V22.589H11.2943L5.64717 16.9418V7.05928L11.2943 1.41211H14.1179ZM4.23537 7.05928V16.9418H2.11769C0.957618 16.9418 0.0189406 16.0147 0.00028305 14.8592L0 14.8241V9.17696C0 8.01689 0.927077 7.07822 2.0826 7.05956L2.11769 7.05928H4.23537ZM22.3744 7.93711L24 9.56119L21.5623 11.9988L24 14.4365L22.3744 16.0621L19.9383 13.6245L17.5006 16.0621L15.875 14.4365L18.3127 11.9988L15.875 9.56119L17.5006 7.93711L19.9383 10.3748L22.3744 7.93711Z", fill: "currentColor" }) }), Be = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 6.98017V16.8627L11.2943 22.5099H14.1179V1.33301H11.2943L5.64714 6.98017ZM0 9.09785V14.745C0 15.9168 0.945899 16.8627 2.11768 16.8627H4.23537V6.98017H2.11768C0.945899 6.98017 0 7.92607 0 9.09785ZM18.3527 11.9207C18.3527 10.6134 17.8388 9.36962 16.9056 8.4209L17.9094 7.43123C19.1066 8.64396 19.7645 10.2393 19.7645 11.9207C19.7645 13.6036 19.1066 15.1989 17.9094 16.4116L16.9056 15.422C17.8388 14.4732 18.3527 13.2295 18.3527 11.9207Z", fill: "currentColor" }) }), Ee = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 16.8627V6.98017L11.2943 1.33301H14.1179V22.5099H11.2943L5.64714 16.8627ZM0 14.745V9.09785C0 7.92607 0.945899 6.98017 2.11768 6.98017H4.23537V16.8627H2.11768C0.945899 16.8627 0 15.9168 0 14.745ZM16.9056 8.4209C17.8388 9.36962 18.3527 10.6134 18.3527 11.9207C18.3527 13.2295 17.8388 14.4732 16.9056 15.422L17.9094 16.4116C19.1066 15.1989 19.7645 13.6036 19.7645 11.9207C19.7645 10.2393 19.1066 8.64396 17.9094 7.43123L16.9056 8.4209ZM19.9016 5.43185L20.8997 4.43372C22.9002 6.43422 24 9.09403 24 11.9219C24 14.7497 22.9002 17.4081 20.8997 19.4086L19.9016 18.4104C21.6353 16.6782 22.5882 14.3727 22.5882 11.9219C22.5882 9.46957 21.6353 7.16553 19.9016 5.43185Z", fill: "currentColor" }) }), An = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.691 3.99987V10.5281L0 4.00655V20.2596L10.691 13.7367V20.2663L23.9987 12.1331L10.691 3.99987Z", fill: "currentColor" }) }), On = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.309 3.99987L0 12.1331L13.309 20.2663V13.7367L23.9987 20.2596V4.00655L13.309 10.5281V3.99987Z", fill: "currentColor" }) }), Fn = "_feedback-overlay_v4lbu_1", Zn = "_feedback-message_v4lbu_14", $n = "_feedback-icon_v4lbu_30", Kn = "_feedback-icon-animation_v4lbu_1", L = {
+const oe = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), ie = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), Re = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1179 1.41211V22.589H11.2943L5.64717 16.9418V7.05928L11.2943 1.41211H14.1179ZM4.23537 7.05928V16.9418H2.11769C0.957618 16.9418 0.0189406 16.0147 0.00028305 14.8592L0 14.8241V9.17696C0 8.01689 0.927077 7.07822 2.0826 7.05956L2.11769 7.05928H4.23537ZM22.3744 7.93711L24 9.56119L21.5623 11.9988L24 14.4365L22.3744 16.0621L19.9383 13.6245L17.5006 16.0621L15.875 14.4365L18.3127 11.9988L15.875 9.56119L17.5006 7.93711L19.9383 10.3748L22.3744 7.93711Z", fill: "currentColor" }) }), Ve = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 6.98017V16.8627L11.2943 22.5099H14.1179V1.33301H11.2943L5.64714 6.98017ZM0 9.09785V14.745C0 15.9168 0.945899 16.8627 2.11768 16.8627H4.23537V6.98017H2.11768C0.945899 6.98017 0 7.92607 0 9.09785ZM18.3527 11.9207C18.3527 10.6134 17.8388 9.36962 16.9056 8.4209L17.9094 7.43123C19.1066 8.64396 19.7645 10.2393 19.7645 11.9207C19.7645 13.6036 19.1066 15.1989 17.9094 16.4116L16.9056 15.422C17.8388 14.4732 18.3527 13.2295 18.3527 11.9207Z", fill: "currentColor" }) }), Be = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 16.8627V6.98017L11.2943 1.33301H14.1179V22.5099H11.2943L5.64714 16.8627ZM0 14.745V9.09785C0 7.92607 0.945899 6.98017 2.11768 6.98017H4.23537V16.8627H2.11768C0.945899 16.8627 0 15.9168 0 14.745ZM16.9056 8.4209C17.8388 9.36962 18.3527 10.6134 18.3527 11.9207C18.3527 13.2295 17.8388 14.4732 16.9056 15.422L17.9094 16.4116C19.1066 15.1989 19.7645 13.6036 19.7645 11.9207C19.7645 10.2393 19.1066 8.64396 17.9094 7.43123L16.9056 8.4209ZM19.9016 5.43185L20.8997 4.43372C22.9002 6.43422 24 9.09403 24 11.9219C24 14.7497 22.9002 17.4081 20.8997 19.4086L19.9016 18.4104C21.6353 16.6782 22.5882 14.3727 22.5882 11.9219C22.5882 9.46957 21.6353 7.16553 19.9016 5.43185Z", fill: "currentColor" }) }), An = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.691 3.99987V10.5281L0 4.00655V20.2596L10.691 13.7367V20.2663L23.9987 12.1331L10.691 3.99987Z", fill: "currentColor" }) }), On = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.309 3.99987L0 12.1331L13.309 20.2663V13.7367L23.9987 20.2596V4.00655L13.309 10.5281V3.99987Z", fill: "currentColor" }) }), Fn = "_feedback-overlay_v4lbu_1", Zn = "_feedback-message_v4lbu_14", $n = "_feedback-icon_v4lbu_30", Kn = "_feedback-icon-animation_v4lbu_1", L = {
   "feedback-overlay": "_feedback-overlay_v4lbu_1",
   feedbackOverlay: Fn,
   "feedback-message": "_feedback-message_v4lbu_14",
@@ -862,7 +862,7 @@ function Dn() {
     case "volumeUp":
     case "volumeDown":
     case "toggleMuted":
-      return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t(Ve, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(Ee, {}) : /* @__PURE__ */ t(Be, {}) });
+      return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t(Re, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(Be, {}) : /* @__PURE__ */ t(Ve, {}) });
     case "seekForward":
     case "seekForward10":
       return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(An, { className: "right" }) });
@@ -930,20 +930,22 @@ const Jn = "_gestures-container_1fn3b_1", eo = "_gesture_1fn3b_1", me = {
   gesture: eo
 };
 function to() {
-  const e = W(), n = () => {
+  const e = G(), n = () => {
     e.togglePaused();
   };
   return /* @__PURE__ */ t("div", { className: me.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: me.gesture, onClick: n }) });
 }
-const no = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.76472 10.5294C5.05696 10.5294 5.29413 10.2922 5.29413 9.99999V8.94117C5.29413 8.64893 5.05696 8.41175 4.76472 8.41175H3.7059C3.41366 8.41175 3.17649 8.64893 3.17649 8.94117V9.99999C3.17649 10.2922 3.41366 10.5294 3.7059 10.5294H4.76472ZM11.1177 10.5294C11.4099 10.5294 11.6471 10.2922 11.6471 9.99999V8.94117C11.6471 8.64893 11.4099 8.41175 11.1177 8.41175H10.0588C9.76661 8.41175 9.52944 8.64893 9.52944 8.94117V9.99999C9.52944 10.2922 9.76661 10.5294 10.0588 10.5294H11.1177ZM14.8235 9.99999C14.8235 10.2922 14.5864 10.5294 14.2941 10.5294H13.2353C12.9431 10.5294 12.7059 10.2922 12.7059 9.99999V8.94117C12.7059 8.64893 12.9431 8.41175 13.2353 8.41175H14.2941C14.5864 8.41175 14.8235 8.64893 14.8235 8.94117V9.99999ZM14.8235 13.1765C14.8235 13.4687 14.5864 13.7059 14.2941 13.7059H13.2353C12.9431 13.7059 12.7059 13.4687 12.7059 13.1765V12.1176C12.7059 11.8254 12.9431 11.5882 13.2353 11.5882H14.2941C14.5864 11.5882 14.8235 11.8254 14.8235 12.1176V13.1765ZM11.6471 13.1765C11.6471 13.4687 11.4099 13.7059 11.1177 13.7059H6.88239C6.59015 13.7059 6.35297 13.4687 6.35297 13.1765V12.1176C6.35297 11.8254 6.59015 11.5882 6.88239 11.5882H11.1177C11.4099 11.5882 11.6471 11.8254 11.6471 12.1176V13.1765ZM5.29413 13.1765C5.29413 13.4687 5.05696 13.7059 4.76472 13.7059H3.7059C3.41366 13.7059 3.17649 13.4687 3.17649 13.1765V12.1176C3.17649 11.8254 3.41366 11.5882 3.7059 11.5882H4.76472C5.05696 11.5882 5.29413 11.8254 5.29413 12.1176V13.1765ZM6.88238 8.41175C6.59015 8.41175 6.35297 8.64893 6.35297 8.94117V9.99999C6.35297 10.2922 6.59015 10.5294 6.88238 10.5294H7.94121C8.23344 10.5294 8.47062 10.2922 8.47062 9.99999V8.94117C8.47062 8.64893 8.23344 8.41175 7.94121 8.41175H6.88238ZM16.4118 5.23529H9.57494C9.71471 4.42 10.1933 4.17118 10.8254 3.85565C11.6629 3.43741 12.7059 2.91541 12.7059 1H11.6471C11.6471 2.26106 11.1039 2.53212 10.3511 2.90906C9.59824 3.28494 8.68659 3.75506 8.50871 5.23529H1.58824C0.712588 5.23529 0 5.94788 0 6.82353V15.2941C0 16.1698 0.712588 16.8824 1.58824 16.8824H16.4118C17.2874 16.8824 18 16.1698 18 15.2941V6.82353C18 5.94788 17.2874 5.23529 16.4118 5.23529Z", fill: "currentColor" }) }), Re = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.94968 7.74766L3.99993 2.79791L2.79785 3.99999L7.7476 8.94974L2.79785 13.8995L3.99993 15.1016L8.94968 10.1518L13.8994 15.1016L15.1015 13.8995L10.1518 8.94974L15.1015 3.99999L13.8994 2.79791L8.94968 7.74766Z", fill: "currentColor" }) }), oo = "_keyboard-shortcuts-overlay_y5kv6_1", io = "_keyboard-shortcuts-button_y5kv6_67", ao = "_close-button_y5kv6_93", J = {
-  "keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_y5kv6_1",
+const no = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.76472 10.5294C5.05696 10.5294 5.29413 10.2922 5.29413 9.99999V8.94117C5.29413 8.64893 5.05696 8.41175 4.76472 8.41175H3.7059C3.41366 8.41175 3.17649 8.64893 3.17649 8.94117V9.99999C3.17649 10.2922 3.41366 10.5294 3.7059 10.5294H4.76472ZM11.1177 10.5294C11.4099 10.5294 11.6471 10.2922 11.6471 9.99999V8.94117C11.6471 8.64893 11.4099 8.41175 11.1177 8.41175H10.0588C9.76661 8.41175 9.52944 8.64893 9.52944 8.94117V9.99999C9.52944 10.2922 9.76661 10.5294 10.0588 10.5294H11.1177ZM14.8235 9.99999C14.8235 10.2922 14.5864 10.5294 14.2941 10.5294H13.2353C12.9431 10.5294 12.7059 10.2922 12.7059 9.99999V8.94117C12.7059 8.64893 12.9431 8.41175 13.2353 8.41175H14.2941C14.5864 8.41175 14.8235 8.64893 14.8235 8.94117V9.99999ZM14.8235 13.1765C14.8235 13.4687 14.5864 13.7059 14.2941 13.7059H13.2353C12.9431 13.7059 12.7059 13.4687 12.7059 13.1765V12.1176C12.7059 11.8254 12.9431 11.5882 13.2353 11.5882H14.2941C14.5864 11.5882 14.8235 11.8254 14.8235 12.1176V13.1765ZM11.6471 13.1765C11.6471 13.4687 11.4099 13.7059 11.1177 13.7059H6.88239C6.59015 13.7059 6.35297 13.4687 6.35297 13.1765V12.1176C6.35297 11.8254 6.59015 11.5882 6.88239 11.5882H11.1177C11.4099 11.5882 11.6471 11.8254 11.6471 12.1176V13.1765ZM5.29413 13.1765C5.29413 13.4687 5.05696 13.7059 4.76472 13.7059H3.7059C3.41366 13.7059 3.17649 13.4687 3.17649 13.1765V12.1176C3.17649 11.8254 3.41366 11.5882 3.7059 11.5882H4.76472C5.05696 11.5882 5.29413 11.8254 5.29413 12.1176V13.1765ZM6.88238 8.41175C6.59015 8.41175 6.35297 8.64893 6.35297 8.94117V9.99999C6.35297 10.2922 6.59015 10.5294 6.88238 10.5294H7.94121C8.23344 10.5294 8.47062 10.2922 8.47062 9.99999V8.94117C8.47062 8.64893 8.23344 8.41175 7.94121 8.41175H6.88238ZM16.4118 5.23529H9.57494C9.71471 4.42 10.1933 4.17118 10.8254 3.85565C11.6629 3.43741 12.7059 2.91541 12.7059 1H11.6471C11.6471 2.26106 11.1039 2.53212 10.3511 2.90906C9.59824 3.28494 8.68659 3.75506 8.50871 5.23529H1.58824C0.712588 5.23529 0 5.94788 0 6.82353V15.2941C0 16.1698 0.712588 16.8824 1.58824 16.8824H16.4118C17.2874 16.8824 18 16.1698 18 15.2941V6.82353C18 5.94788 17.2874 5.23529 16.4118 5.23529Z", fill: "currentColor" }) }), Ee = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.94968 7.74766L3.99993 2.79791L2.79785 3.99999L7.7476 8.94974L2.79785 13.8995L3.99993 15.1016L8.94968 10.1518L13.8994 15.1016L15.1015 13.8995L10.1518 8.94974L15.1015 3.99999L13.8994 2.79791L8.94968 7.74766Z", fill: "currentColor" }) }), oo = "_keyboard-shortcuts-overlay_dr03d_1", io = "_screen-reader-content_dr03d_66", ao = "_keyboard-shortcuts-button_dr03d_80", so = "_close-button_dr03d_106", q = {
+  "keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_dr03d_1",
   keyboardShortcutsOverlay: oo,
-  "keyboard-shortcuts-button": "_keyboard-shortcuts-button_y5kv6_67",
-  keyboardShortcutsButton: io,
-  "close-button": "_close-button_y5kv6_93",
-  closeButton: ao
+  "screen-reader-content": "_screen-reader-content_dr03d_66",
+  screenReaderContent: io,
+  "keyboard-shortcuts-button": "_keyboard-shortcuts-button_dr03d_80",
+  keyboardShortcutsButton: ao,
+  "close-button": "_close-button_dr03d_106",
+  closeButton: so
 };
-function so({ onClose: e }) {
+function co({ onClose: e }) {
   const { t: n } = v();
   H(e);
   const o = (i) => {
@@ -952,9 +954,11 @@ function so({ onClose: e }) {
   return /* @__PURE__ */ s(
     "div",
     {
-      className: J.keyboardShortcutsOverlay,
+      className: q.keyboardShortcutsOverlay,
       tabIndex: 0,
       ref: o,
+      role: "dialog",
+      "aria-label": n("KEYBOARD_SHORTCUTS"),
       children: [
         /* @__PURE__ */ s("header", { children: [
           /* @__PURE__ */ t("h2", { children: n("KEYBOARD_SHORTCUTS") }),
@@ -962,14 +966,15 @@ function so({ onClose: e }) {
             "button",
             {
               type: "button",
-              className: J.closeButton,
+              className: q.closeButton,
               onClick: e,
               "aria-label": n("CLOSE"),
-              children: /* @__PURE__ */ t(Re, {})
+              children: /* @__PURE__ */ t(Ee, {})
             }
           )
         ] }),
         /* @__PURE__ */ s("table", { children: [
+          /* @__PURE__ */ t("caption", { className: q.screenReaderContent, children: n("KEYBOARD_SHORTCUTS") }),
           /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ s("tr", { children: [
             /* @__PURE__ */ t("th", { children: n("ACTION") }),
             /* @__PURE__ */ t("th", { children: n("SHORTCUT") })
@@ -1056,8 +1061,8 @@ function so({ onClose: e }) {
     }
   );
 }
-function co() {
-  const [e, n] = M(!1), [o, i] = M(!1), [a, c] = M(!1), l = C(), u = _("playing"), m = W(), { t: h } = v(), g = p(() => {
+function lo() {
+  const [e, n] = T(!1), [o, i] = T(!1), [a, c] = T(!1), l = C(), u = _("playing"), m = G(), { t: h } = v(), g = p(() => {
     n(!0), l.disableInteractions(), u && (c(!0), m.pause());
   }, [u, m, l]), y = p(() => {
     n(!1), i(!0), l.enableInteractions(), a && (c(!1), m.play());
@@ -1065,31 +1070,31 @@ function co() {
     (b) => o && (b == null ? void 0 : b.focus()),
     [o]
   );
-  return e ? /* @__PURE__ */ t(so, { onClose: y }) : /* @__PURE__ */ t(
+  return e ? /* @__PURE__ */ t(co, { onClose: y }) : /* @__PURE__ */ t(
     "button",
     {
       ref: k,
       "aria-label": h("KEYBOARD_SHORTCUTS"),
       type: "button",
-      className: J.keyboardShortcutsButton,
+      className: q.keyboardShortcutsButton,
       onClick: g,
       tabIndex: l.state.interactionsDisabled ? -1 : 0,
       children: /* @__PURE__ */ t(no, {})
     }
   );
 }
-const lo = "_play-pause-button_kyuc5_1", ro = {
+const ro = "_play-pause-button_kyuc5_1", uo = {
   "play-pause-button": "_play-pause-button_kyuc5_1",
-  playPauseButton: lo
+  playPauseButton: ro
 };
-function uo() {
-  const e = q(), n = C(), o = _("paused"), { t: i } = v();
+function mo() {
+  const e = W(), n = C(), o = _("paused"), { t: i } = v();
   return e ? /* @__PURE__ */ t(
     Ye,
     {
       "aria-label": i(o ? "PLAY" : "PAUSE"),
       tabIndex: n.state.interactionsDisabled ? -1 : 0,
-      className: `${ro.playPauseButton} controls-button`,
+      className: `${uo.playPauseButton} controls-button`,
       onKeyDown: (a) => {
         a.key === " " && (e == null || e.$state.lastKeyboardAction.set({
           action: "togglePaused",
@@ -1100,91 +1105,91 @@ function uo() {
     }
   ) : null;
 }
-const mo = "_poster_195hi_1", ho = {
-  poster: mo
+const ho = "_poster_195hi_1", po = {
+  poster: ho
 };
-function po({ src: e }) {
+function _o({ src: e }) {
   const n = _("source");
-  return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(Xe, { src: e, className: ho.poster });
+  return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(Xe, { src: e, className: po.poster });
 }
-const _o = "_small-layout-overlay_1vli4_1", fo = "_small-layout-button_1vli4_14", vo = "_small-layout-icon-play_1vli4_24", Co = "_small-layout-icon-pause_1vli4_30", go = "_full-screen-close-icon_1vli4_36", bo = "_fade-out_1vli4_1", O = {
+const fo = "_small-layout-overlay_1vli4_1", vo = "_small-layout-button_1vli4_14", Co = "_small-layout-icon-play_1vli4_24", go = "_small-layout-icon-pause_1vli4_30", bo = "_full-screen-close-icon_1vli4_36", wo = "_fade-out_1vli4_1", O = {
   "small-layout-overlay": "_small-layout-overlay_1vli4_1",
-  smallLayoutOverlay: _o,
+  smallLayoutOverlay: fo,
   "small-layout-button": "_small-layout-button_1vli4_14",
-  smallLayoutButton: fo,
+  smallLayoutButton: vo,
   "small-layout-icon-play": "_small-layout-icon-play_1vli4_24",
-  smallLayoutIconPlay: vo,
+  smallLayoutIconPlay: Co,
   "small-layout-icon-pause": "_small-layout-icon-pause_1vli4_30",
-  smallLayoutIconPause: Co,
+  smallLayoutIconPause: go,
   "full-screen-close-icon": "_full-screen-close-icon_1vli4_36",
-  fullScreenCloseIcon: go,
+  fullScreenCloseIcon: bo,
   "fade-out": "_fade-out_1vli4_1",
-  fadeOut: bo
+  fadeOut: wo
 };
-function wo() {
+function ko() {
   return /* @__PURE__ */ s("div", { className: O.smallLayoutOverlay, children: [
-    /* @__PURE__ */ t(ge, { className: O.fullScreenCloseIcon, children: /* @__PURE__ */ t(Re, {}) }),
+    /* @__PURE__ */ t(ge, { className: O.fullScreenCloseIcon, children: /* @__PURE__ */ t(Ee, {}) }),
     /* @__PURE__ */ s("i", { className: O.smallLayoutButton, children: [
       /* @__PURE__ */ t(ie, { className: O.smallLayoutIconPlay }),
       /* @__PURE__ */ t(oe, { className: O.smallLayoutIconPause })
     ] })
   ] });
 }
-const ko = "_time-indicator_1rlpb_1", yo = {
+const yo = "_time-indicator_1rlpb_1", Lo = {
   "time-indicator": "_time-indicator_1rlpb_1",
-  timeIndicator: ko
+  timeIndicator: yo
 };
-function Lo() {
-  return /* @__PURE__ */ s("div", { className: yo.timeIndicator, children: [
+function xo() {
+  return /* @__PURE__ */ s("div", { className: Lo.timeIndicator, children: [
     /* @__PURE__ */ t(re, { type: "current" }),
     "/",
     /* @__PURE__ */ t(re, { type: "duration" })
   ] });
 }
-const xo = "_comment-markers_49pse_1", Po = "_comment-marker_49pse_1", No = "_timeline-wrapper_49pse_21", Mo = "_track_49pse_35", To = "_thumb_49pse_48", Io = "_root_49pse_62", So = "_track-inner_49pse_92", Ho = "_progress_49pse_98", Vo = "_track-fill_49pse_104", Bo = "_pins_49pse_121", Eo = "_pin-button_49pse_134", Ro = "_annotation-pin_49pse_154", Ao = "_quiz-pin_49pse_159", Oo = "_annotation-pin-child_49pse_164", Fo = "_quiz-pin-child_49pse_168", Zo = "_interactive-pin-container_49pse_173", $o = "_interactive-pin-wrapper_49pse_183", Ko = "_interactive-pin-icon_49pse_189", Do = "_interactive-pin_49pse_173", zo = "_bg_49pse_203", Uo = "_symbol_49pse_207", jo = "_interactive-pin-button_49pse_212", qo = "_interactive-pin-menu_49pse_232", Wo = "_interactive-pin-menu-item_49pse_246", Go = "_arrow_49pse_267", d = {
+const Po = "_comment-markers_49pse_1", No = "_comment-marker_49pse_1", To = "_timeline-wrapper_49pse_21", Mo = "_track_49pse_35", Io = "_thumb_49pse_48", So = "_root_49pse_62", Ho = "_track-inner_49pse_92", Ro = "_progress_49pse_98", Vo = "_track-fill_49pse_104", Bo = "_pins_49pse_121", Eo = "_pin-button_49pse_134", Ao = "_annotation-pin_49pse_154", Oo = "_quiz-pin_49pse_159", Fo = "_annotation-pin-child_49pse_164", Zo = "_quiz-pin-child_49pse_168", $o = "_interactive-pin-container_49pse_173", Ko = "_interactive-pin-wrapper_49pse_183", Do = "_interactive-pin-icon_49pse_189", zo = "_interactive-pin_49pse_173", Uo = "_bg_49pse_203", jo = "_symbol_49pse_207", qo = "_interactive-pin-button_49pse_212", Wo = "_interactive-pin-menu_49pse_232", Go = "_interactive-pin-menu-item_49pse_246", Qo = "_arrow_49pse_267", d = {
   "comment-markers": "_comment-markers_49pse_1",
-  commentMarkers: xo,
+  commentMarkers: Po,
   "comment-marker": "_comment-marker_49pse_1",
-  commentMarker: Po,
+  commentMarker: No,
   "timeline-wrapper": "_timeline-wrapper_49pse_21",
-  timelineWrapper: No,
+  timelineWrapper: To,
   track: Mo,
-  thumb: To,
-  root: Io,
+  thumb: Io,
+  root: So,
   "track-inner": "_track-inner_49pse_92",
-  trackInner: So,
-  progress: Ho,
+  trackInner: Ho,
+  progress: Ro,
   "track-fill": "_track-fill_49pse_104",
   trackFill: Vo,
   pins: Bo,
   "pin-button": "_pin-button_49pse_134",
   pinButton: Eo,
   "annotation-pin": "_annotation-pin_49pse_154",
-  annotationPin: Ro,
+  annotationPin: Ao,
   "quiz-pin": "_quiz-pin_49pse_159",
-  quizPin: Ao,
+  quizPin: Oo,
   "annotation-pin-child": "_annotation-pin-child_49pse_164",
-  annotationPinChild: Oo,
+  annotationPinChild: Fo,
   "quiz-pin-child": "_quiz-pin-child_49pse_168",
-  quizPinChild: Fo,
+  quizPinChild: Zo,
   "interactive-pin-container": "_interactive-pin-container_49pse_173",
-  interactivePinContainer: Zo,
+  interactivePinContainer: $o,
   "interactive-pin-wrapper": "_interactive-pin-wrapper_49pse_183",
-  interactivePinWrapper: $o,
+  interactivePinWrapper: Ko,
   "interactive-pin-icon": "_interactive-pin-icon_49pse_189",
-  interactivePinIcon: Ko,
+  interactivePinIcon: Do,
   "interactive-pin": "_interactive-pin_49pse_173",
-  interactivePin: Do,
-  bg: zo,
-  symbol: Uo,
+  interactivePin: zo,
+  bg: Uo,
+  symbol: jo,
   "interactive-pin-button": "_interactive-pin-button_49pse_212",
-  interactivePinButton: jo,
+  interactivePinButton: qo,
   "interactive-pin-menu": "_interactive-pin-menu_49pse_232",
-  interactivePinMenu: qo,
+  interactivePinMenu: Wo,
   "interactive-pin-menu-item": "_interactive-pin-menu-item_49pse_246",
-  interactivePinMenuItem: Wo,
-  arrow: Go
-}, Qo = {
+  interactivePinMenuItem: Go,
+  arrow: Qo
+}, Yo = {
   annotation: d.annotationPin,
   quiz: d.quizPin
 };
@@ -1206,7 +1211,7 @@ function Ae({
       children: /* @__PURE__ */ s(
         "svg",
         {
-          className: Qo[e],
+          className: Yo[e],
           width: "26",
           height: "32",
           viewBox: "0 0 26 32",
@@ -1220,7 +1225,7 @@ function Ae({
     }
   );
 }
-function Yo(e) {
+function Xo(e) {
   return /* @__PURE__ */ t(Ae, { type: "annotation", ...e, children: /* @__PURE__ */ t(
     "path",
     {
@@ -1233,7 +1238,7 @@ function Yo(e) {
     }
   ) });
 }
-function Xo(e) {
+function Jo(e) {
   return /* @__PURE__ */ t(Ae, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: d.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
     "text",
     {
@@ -1247,7 +1252,7 @@ function Xo(e) {
     }
   ) });
 }
-function Jo(e, n) {
+function ei(e, n) {
   return e.map((o, i) => ({
     id: o.id,
     time: o.time,
@@ -1256,7 +1261,7 @@ function Jo(e, n) {
     onClick: () => n(o)
   }));
 }
-function ei(e, n) {
+function ti(e, n) {
   const o = /* @__PURE__ */ new Map();
   e.forEach((c) => {
     var u;
@@ -1276,12 +1281,12 @@ function ei(e, n) {
     }), a++;
   }), i;
 }
-function ti(e, n, o, i) {
+function ni(e, n, o, i) {
   switch (e.type) {
     case "annotation": {
       const a = () => i ? e.onClick() : o.seek(e.time);
       return /* @__PURE__ */ t(
-        Yo,
+        Xo,
         {
           position: e.time / n * 100,
           onClick: a
@@ -1291,7 +1296,7 @@ function ti(e, n, o, i) {
     }
     case "quiz":
       return /* @__PURE__ */ t(
-        Xo,
+        Jo,
         {
           position: e.time / n * 100,
           ordinal: e.ordinal,
@@ -1304,17 +1309,17 @@ function ti(e, n, o, i) {
       return null;
   }
 }
-function ni() {
-  const e = W(), n = _("duration"), o = S(), i = Z(() => [
-    ...Jo(
+function oi() {
+  const e = G(), n = _("duration"), o = S(), i = Z(() => [
+    ...ei(
       o.annotations,
       o.onAnnotationClick
     ),
-    ...ei(o.quizMarkers, o.onQuizMarkerClick)
-  ].sort((c, l) => c.time - l.time).map((c) => ti(c, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
+    ...ti(o.quizMarkers, o.onQuizMarkerClick)
+  ].sort((c, l) => c.time - l.time).map((c) => ni(c, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
   return /* @__PURE__ */ t("div", { className: d.pins, children: i });
 }
-function oi() {
+function ii() {
   const e = _("duration"), n = S(), o = C();
   return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: d.commentMarkers, children: n.comments.map((i) => {
     const a = Math.min(
@@ -1334,8 +1339,8 @@ function oi() {
     );
   }) }) : null;
 }
-function ii({ currentTime: e, position: n }) {
-  const [o, i] = M(!1), a = S(), c = p(() => a.interactiveMenuElements.length > 0 ? i((b) => !b) : a.onInteractivePinClick(e), [
+function ai({ currentTime: e, position: n }) {
+  const [o, i] = T(!1), a = S(), c = p(() => a.interactiveMenuElements.length > 0 ? i((b) => !b) : a.onInteractivePinClick(e), [
     a.interactiveMenuElements,
     a.onInteractivePinClick,
     e
@@ -1457,20 +1462,20 @@ function ii({ currentTime: e, position: n }) {
     )
   ] });
 }
-function ai() {
+function si() {
   const e = _("duration"), n = _("currentTime"), o = n / e * 100;
-  return /* @__PURE__ */ t("div", { className: d.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: d.interactivePinWrapper, children: /* @__PURE__ */ t(ii, { currentTime: n, position: o }) }) });
+  return /* @__PURE__ */ t("div", { className: d.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: d.interactivePinWrapper, children: /* @__PURE__ */ t(ai, { currentTime: n, position: o }) }) });
 }
-function si() {
+function ci() {
   const e = _("paused"), n = C();
-  return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(ai, {}) : null;
+  return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(si, {}) : null;
 }
-const ci = `${d.progress} ${d.trackInner}`, li = `${d.trackFill} ${d.trackInner}`;
+const li = `${d.progress} ${d.trackInner}`, ri = `${d.trackFill} ${d.trackInner}`;
 function he({ className: e }) {
   const n = C(), { hasAnnotations: o, hasQuizmarkers: i, interactive: a } = S(), c = e ? `${d.timelineWrapper} ${e}` : d.timelineWrapper;
   return /* @__PURE__ */ s("div", { className: c, children: [
-    a ? /* @__PURE__ */ t(si, {}) : null,
-    a || o || i ? /* @__PURE__ */ t(ni, {}) : null,
+    a ? /* @__PURE__ */ t(ci, {}) : null,
+    a || o || i ? /* @__PURE__ */ t(oi, {}) : null,
     /* @__PURE__ */ s(
       A.Root,
       {
@@ -1478,25 +1483,25 @@ function he({ className: e }) {
         tabIndex: n.state.interactionsDisabled ? -1 : 0,
         children: [
           /* @__PURE__ */ s(A.Track, { className: d.track, children: [
-            /* @__PURE__ */ t(A.Progress, { className: ci }),
-            /* @__PURE__ */ t(A.TrackFill, { className: li })
+            /* @__PURE__ */ t(A.Progress, { className: li }),
+            /* @__PURE__ */ t(A.TrackFill, { className: ri })
           ] }),
           /* @__PURE__ */ t(A.Thumb, { className: d.thumb })
         ]
       }
     ),
-    /* @__PURE__ */ t(oi, {})
+    /* @__PURE__ */ t(ii, {})
   ] });
 }
-const ri = "_wrapper_12cb0_1", ui = "_track_12cb0_6", di = "_thumb_12cb0_18", mi = "_track-fill_12cb0_32", hi = "_root_12cb0_51", F = {
-  wrapper: ri,
-  track: ui,
-  thumb: di,
+const ui = "_wrapper_12cb0_1", di = "_track_12cb0_6", mi = "_thumb_12cb0_18", hi = "_track-fill_12cb0_32", pi = "_root_12cb0_51", F = {
+  wrapper: ui,
+  track: di,
+  thumb: mi,
   "track-fill": "_track-fill_12cb0_32",
-  trackFill: mi,
-  root: hi
+  trackFill: hi,
+  root: pi
 };
-function pi() {
+function _i() {
   const e = _("volume"), n = _("muted"), o = C(), i = n || e === 0, { t: a } = v();
   return /* @__PURE__ */ s("div", { className: F.wrapper, children: [
     /* @__PURE__ */ t(
@@ -1505,7 +1510,7 @@ function pi() {
         tabIndex: o.state.interactionsDisabled ? -1 : 0,
         className: "controls-button",
         "aria-label": a(i ? "VOLUME" : "MUTE"),
-        children: i ? /* @__PURE__ */ t(Ve, { className: "controls-button-icon" }) : e < 0.5 ? /* @__PURE__ */ t(Be, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Ee, { className: "controls-button-icon" })
+        children: i ? /* @__PURE__ */ t(Re, { className: "controls-button-icon" }) : e < 0.5 ? /* @__PURE__ */ t(Ve, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Be, { className: "controls-button-icon" })
       }
     ),
     /* @__PURE__ */ s(
@@ -1559,8 +1564,8 @@ const pe = {
   decreasePlaybackRate: {
     keys: ["a"],
     onKeyUp({ event: e, player: n, remote: o }) {
-      const a = B.indexOf(n.playbackRate) - 1;
-      a >= 0 && (o.changePlaybackRate(B[a]), n.$state.lastKeyboardAction.set({
+      const a = V.indexOf(n.playbackRate) - 1;
+      a >= 0 && (o.changePlaybackRate(V[a]), n.$state.lastKeyboardAction.set({
         action: "decreasePlaybackRate",
         event: e
       }));
@@ -1569,8 +1574,8 @@ const pe = {
   increasePlaybackRate: {
     keys: ["d"],
     onKeyUp({ event: e, player: n, remote: o }) {
-      const a = B.indexOf(n.playbackRate) + 1;
-      a < B.length && (o.changePlaybackRate(B[a]), n.$state.lastKeyboardAction.set({
+      const a = V.indexOf(n.playbackRate) + 1;
+      a < V.length && (o.changePlaybackRate(V[a]), n.$state.lastKeyboardAction.set({
         action: "increasePlaybackRate",
         event: e
       }));
@@ -1607,7 +1612,7 @@ const pe = {
 function _e(e) {
   return typeof e == "number" && !isNaN(e);
 }
-function _i(e, n = 1e3) {
+function fi(e, n = 1e3) {
   let o = !1;
   return () => {
     o || (e(), o = !0, setTimeout(() => {
@@ -1626,7 +1631,7 @@ const fe = {
   invert: !1,
   comments: !1
 };
-class fi {
+class vi {
   constructor() {
     N(this, "playerId", "studio-player");
     N(this, "mediaId", null);
@@ -1638,7 +1643,7 @@ class fi {
       const n = (this.time ?? 0).toString();
       localStorage.setItem(this.mediaId, n);
     });
-    N(this, "saveTimeThrottled", _i(this.saveTime, 1e3));
+    N(this, "saveTimeThrottled", fi(this.saveTime, 1e3));
     // only used for useStudioPlayer hook's state initialization
     N(this, "initializeState", (n) => {
       const o = localStorage.getItem(this.playerId);
@@ -1726,8 +1731,8 @@ class fi {
     localStorage.setItem(this.playerId, n);
   }
 }
-function vi(e, n, o, i) {
-  const a = Z(() => new fi(), []), [c, l] = M(
+function Ci(e, n, o, i) {
+  const a = Z(() => new vi(), []), [c, l] = T(
     a.initializeState(i)
   ), u = p(
     (f) => {
@@ -1793,9 +1798,9 @@ function vi(e, n, o, i) {
     storage: a
   };
 }
-const Ci = {}, X = () => {
+const gi = {}, J = () => {
 };
-function Ni({
+function Ti({
   title: e,
   playerRef: n,
   src: o,
@@ -1807,24 +1812,24 @@ function Ni({
   annotations: m = [],
   quizMarkers: h = [],
   interactive: g = !1,
-  onAnnotationClick: y = X,
-  onQuizMarkerClick: k = X,
-  onInteractivePinClick: b = X,
+  onAnnotationClick: y = J,
+  onQuizMarkerClick: k = J,
+  onInteractivePinClick: b = J,
   interactiveMenuElements: f = [],
   darkMode: w = !1,
-  autoLoadCaptionSrc: T = "",
+  autoLoadCaptionSrc: M = "",
   forceComments: ae,
-  disableCaptionSettings: Q,
+  disableCaptionSettings: Y,
   startAt: Oe,
   crossOrigin: Fe
 }) {
-  const { contextValue: se, shortcuts: Ze, storage: $e } = vi(
+  const { contextValue: se, shortcuts: Ze, storage: $e } = Ci(
     c,
     ae ?? !1,
-    Q ?? !1,
+    Y ?? !1,
     Oe
   ), { i18n: ce } = v();
-  return R(() => {
+  return E(() => {
     ce.changeLanguage(u);
   }, [ce, u]), /* @__PURE__ */ t(
     ut,
@@ -1840,7 +1845,7 @@ function Ni({
       interactiveMenuElements: f,
       darkMode: w,
       forceComments: ae ?? !1,
-      disableCaptionSettings: Q ?? !1,
+      disableCaptionSettings: Y ?? !1,
       children: /* @__PURE__ */ t(rt, { contextValue: se, children: /* @__PURE__ */ s(
         et,
         {
@@ -1853,27 +1858,27 @@ function Ni({
           keyDisabled: se.state.interactionsDisabled,
           onTextTracksChange: (D) => {
             const le = D == null ? void 0 : D.findIndex(
-              (Ke) => Ke.src === T
+              (Ke) => Ke.src === M
             );
             le > -1 && (D[le].mode = "showing");
           },
           children: [
-            /* @__PURE__ */ t(co, {}),
-            /* @__PURE__ */ s(tt, { className: Ci.mediaProvider, children: [
-              /* @__PURE__ */ t(po, { src: a }),
+            /* @__PURE__ */ t(lo, {}),
+            /* @__PURE__ */ s(tt, { className: gi.mediaProvider, children: [
+              /* @__PURE__ */ t(_o, { src: a }),
               /* @__PURE__ */ t(qn, {}),
               /* @__PURE__ */ t(bt, {}),
               /* @__PURE__ */ t(Lt, { captions: i }),
               /* @__PURE__ */ t(to, {}),
               /* @__PURE__ */ t(At, { comments: l }),
-              /* @__PURE__ */ t(wo, {})
+              /* @__PURE__ */ t(ko, {})
             ] }),
             /* @__PURE__ */ t(
               zt,
               {
                 darkMode: w,
                 playerRef: n,
-                showCaptionsButton: !Q
+                showCaptionsButton: !Y
               }
             ),
             /* @__PURE__ */ t(pt, { annotations: m })
@@ -1886,6 +1891,6 @@ function Ni({
 export {
   xt as CAPTION_FONT_SIZE_MULTIPLIERS,
   Se as COMMENT_DURATION,
-  B as PLAYBACK_RATES,
-  Ni as StudioPlayer
+  V as PLAYBACK_RATES,
+  Ti as StudioPlayer
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/studio-player",
-  "version": "0.2.12",
+  "version": "0.2.13",
   "private": false,
   "description": "Next generation media player for Instructure",
   "module": "./dist/studio-player.es.js",

package/dist/index-DAULLpyh.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)}}._captions_13epz_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:var(--captions-flex-direction, column);align-items:center;padding:var(--spacing-3)}._captions_13epz_1[aria-hidden=true]{display:none}._captions_13epz_1 [data-part=cue-display]{display:inline-block;padding:var(--spacing-2);background-color:var(--captions-background-color, rgba(22 22 22 / .75));border-radius:var(--radius-2)}._captions_13epz_1 [data-part=cue]{color:var(--captions-color, white);text-align:center;max-width:50ch;line-height:1.5;font-size:calc(var(--captions-base-font-size-small) * var(--captions-font-size-multiplier, 1))}@container player (width > 425px){._captions_13epz_1 [data-part=cue]{font-size:calc(var(--captions-base-font-size-normal) * var(--captions-font-size-multiplier, 1))}}._comments-overlay_2woxe_1{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--spacing-1);display:flex;align-items:end}._comments-container_2woxe_9{display:flex;flex-direction:column;gap:.25rem;width:15.625rem}@container player (width >= 900px) and (height >= 640px){._comments-container_2woxe_9{width:23.4375rem}}@media (hover: none) and (orientation: portrait) and (max-width: 720px){[data-fullscreen] ._comments-overlay_2woxe_1{justify-content:end}}._comment_2woxe_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}@container player (width >= 720px) and (height >= 540px){._comment_2woxe_1{grid-template-areas:"text text" "avatar name"}}._comment-text_2woxe_45{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_2woxe_45{-webkit-line-clamp:2;line-clamp:2}}@container player (width >= 900px) and (height >= 640px){._comment-text_2woxe_45{font-size:var(--comments-font-size-normal)}}._comment-author-avatar_2woxe_68{grid-area:avatar;box-sizing:border-box;display:inline-block;object-fit:cover;width:1.25rem;height:1.25rem;border-radius:50%;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;contain:paint}@container player (width >= 900px) and (height >= 640px){._comment-author-avatar_2woxe_68{width:1.875rem;height:1.875rem}}._comment-author-name_2woxe_87{grid-area:name;color:var(--comments-author-color);font-size:var(--comments-font-size-small);font-weight:700;line-height:1.5;display:none}@container player (width >= 720px) and (height >= 540px){._comment-author-name_2woxe_87{display:inline}}@container player (width >= 900px) and (height >= 640px){._comment-author-name_2woxe_87{font-size:var(--comments-font-size-normal)}}._root_1x28e_1{background-color:var(--controls-layout-bg-color, #f5f5f5);padding:var(--spacing-1);display:grid;align-items:center;grid-template-columns:auto 1fr auto;grid-template-areas:"slider slider slider" "left-controls indicators right-controls";row-gap:.25rem;column-gap:1rem;border-bottom-left-radius:var(--radius-2);border-bottom-right-radius:var(--radius-2)}@container player (width >= 420px) and (height <= 300px){._root_1x28e_1{grid-template-columns:auto auto 1fr auto;grid-template-areas:"left-controls indicators slider right-controls"}}[data-fullscreen] ._root_1x28e_1,[data-darkmode=true]._root_1x28e_1{background-color:#000}._left-controls_1x28e_28{display:flex;gap:.25rem;grid-area:left-controls}._right-controls_1x28e_34{display:flex;gap:.25rem;grid-area:right-controls}._indicators_1x28e_40{grid-area:indicators;font-size:.875rem}@container player (width > 425px) and (height > 300px){._indicators_1x28e_40{font-size:1rem}}@container player (width >= 420px) and (height <= 300px){div._normal-timeline_1x28e_49{display:none}}div._compact-timeline_1x28e_55{display:none}@container player (width >= 420px) and (height <= 300px){div._compact-timeline_1x28e_55{display:flex;padding-bottom:0}}._menu-hint_k49ve_1{color:var(--settings-media-submenu-hint-color, #9ea6ad)}._menu-button_k49ve_5{position:relative;display:flex;align-items:center;width:100%;gap:var(--spacing-1);padding:6px 11px;color:var(--settings-submenu-color, #2d3b45);font-size:1rem;line-height:1.5;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_k49ve_5:hover,._menu-button_k49ve_5:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._menu-button_k49ve_5:hover ._menu-hint_k49ve_1,._menu-button_k49ve_5:focus ._menu-hint_k49ve_1{color:var(--settings-media-hover-color, white)}._menu-label_k49ve_37{flex-grow:1;text-align:left}._menu-icon_k49ve_42{width:1.125rem;height:1.125rem}._switch-track_vptv3_1{position:relative;background-color:#e8e8e8;width:2.625rem;height:1.75rem;border-radius:.875rem;will-change:background-color;transition:background-color .2s}._switch-thumb_vptv3_11{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_vptv3_25{width:.875rem;height:.875rem;color:var(--settings-submenu-color)}._switch-body_vptv3_31{display:flex;align-items:center;gap:var(--spacing-1);padding:.375rem .6875rem;color:var(--settings-submenu-color);font-size:1rem;line-height:1.5;cursor:pointer;outline:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._switch-body_vptv3_31[aria-checked=true] ._switch-track_vptv3_1{background-color:#03893d}._switch-body_vptv3_31[aria-checked=true] ._switch-icon_vptv3_25{color:#03893d}._switch-body_vptv3_31[aria-checked=true] ._switch-thumb_vptv3_11{transform:translate(1rem,.125rem)}._switch-body_vptv3_31:hover,._switch-body_vptv3_31:focus-visible{color:var(--settings-media-hover-color);background-color:var(--settings-media-hover-bg-color)}[aria-checked=true]:is(._switch-body_vptv3_31:hover,._switch-body_vptv3_31:focus-visible) ._switch-track_vptv3_1{background-color:#e8e8e8}._switch-label_vptv3_68{flex-grow:1}._menu-icon_vptv3_72{width:1.125rem;height:1.125rem}._main-menu_7h96l_1,._menu-container_1bjr3_1,._menu-options_1bjr3_6{display:flex;flex-direction:column}._menu-heading_1bjr3_11{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:block;margin:0 var(--spacing-2);padding-top:var(--spacing-2);padding-bottom:.5625rem;border-bottom:.0625rem solid #c7cdd1;font-weight:700;line-height:1.5}._check-icon_1bjr3_27{width:1.25rem;height:1.25rem;visibility:hidden}._menu-item-label_1bjr3_33{display:block}._menu-item_1bjr3_33{-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:1rem;line-height:1.5;font-family:inherit;color:inherit}._menu-item_1bjr3_33:hover,._menu-item_1bjr3_33:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._menu-item_1bjr3_33[aria-checked=true] ._check-icon_1bjr3_27{visibility:visible}._menu-back-button_1bjr3_66{display:flex;align-items:center;gap:var(--spacing-1);padding:6px 11px;color:var(--settings-submenu-color, #2d3b45);font-size:1rem;line-height:1.5;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;font-family:inherit}._menu-back-button_1bjr3_66:hover,._menu-back-button_1bjr3_66:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._settings-menu_hxlsv_1{display:flex;flex-direction:column;background-color:var(--settings-menu-bg-color, white);padding-top:.25rem;padding-bottom:.25rem;border-radius:var(--radius-2);width:294px;z-index:1000;filter:drop-shadow(0 .125rem .1875rem rgba(0 0 0 / .5))}._arrow_hxlsv_15{fill:#fff}._feedback-overlay_v4lbu_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_v4lbu_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_v4lbu_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-3);animation:_feedback-icon-animation_v4lbu_1 .4s linear;animation-fill-mode:forwards;will-change:transform,opacity}._feedback-icon_v4lbu_30:has(.right){align-self:end}._feedback-icon_v4lbu_30:has(.left){align-self:start}._feedback-icon_v4lbu_30>svg{width:100%;height:100%}@keyframes _feedback-icon-animation_v4lbu_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}._keyboard-shortcuts-overlay_y5kv6_1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;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}._keyboard-shortcuts-overlay_y5kv6_1 header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}:is(._keyboard-shortcuts-overlay_y5kv6_1 header) h2{font-size:1rem;font-weight:500;margin:0}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_y5kv6_1 header) h2{font-size:1.5rem}}._keyboard-shortcuts-overlay_y5kv6_1 table{width:100%;max-width:54rem;padding:0;border-collapse:collapse}@container player (width > 400px) and (height > 300px){._keyboard-shortcuts-overlay_y5kv6_1 table{padding:2rem}}:is(._keyboard-shortcuts-overlay_y5kv6_1 table) tr{border-bottom:1px solid rgba(232 234 236 / .2)}:is(._keyboard-shortcuts-overlay_y5kv6_1 table) tbody tr:last-child{border-bottom:none}:is(._keyboard-shortcuts-overlay_y5kv6_1 table) th,:is(._keyboard-shortcuts-overlay_y5kv6_1 table) td{text-align:left;font-size:.75rem;line-height:1.5}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_y5kv6_1 table) th,:is(._keyboard-shortcuts-overlay_y5kv6_1 table) td{font-size:.875rem}}@container player (width >= 720px) and (height > 300px){:is(._keyboard-shortcuts-overlay_y5kv6_1 table) th,:is(._keyboard-shortcuts-overlay_y5kv6_1 table) td{font-size:1rem}}._keyboard-shortcuts-button_y5kv6_67{position:absolute;top:1rem;right:1rem;z-index:1;opacity:0;width:2.25rem;height:2.25rem;pointer-events:none;border-radius:var(--radius-2);border:1px solid #d7dade;background:var(--controls-layout-bg-color)}._keyboard-shortcuts-button_y5kv6_67:focus-visible{opacity:1;pointer-events:auto}[data-media-player][data-view-type=audio] ._keyboard-shortcuts-button_y5kv6_67{display:none}._close-button_y5kv6_93{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}@media (max-width: 425px) and (hover: none){button._play-pause-button_kyuc5_1{display:none}}._poster_195hi_1{width:100%;height:100%;object-fit:contain;position:absolute;display:none}._poster_195hi_1[data-visible]{display:block}._small-layout-overlay_1vli4_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;visibility:hidden;align-items:center;justify-content:center}@media (max-width: 425px) and (hover: none){._small-layout-overlay_1vli4_1{visibility:visible}}._small-layout-button_1vli4_14{width:5rem;height:5rem;background-color:#1616164d;display:flex;align-items:center;justify-content:center;border-radius:50%}._small-layout-icon-play_1vli4_24,._small-layout-icon-pause_1vli4_30{width:3rem;height:3rem;color:#fff}._full-screen-close-icon_1vli4_36{display:none}[data-fullscreen] ._full-screen-close-icon_1vli4_36{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_1vli4_36,[data-media-player][data-playing] ._small-layout-button_1vli4_14{animation:_fade-out_1vli4_1 1s;animation-delay:1.5s;animation-fill-mode:forwards}[data-media-player][data-playing] ._small-layout-icon-play_1vli4_24,[data-media-player][data-paused] ._small-layout-icon-pause_1vli4_30{display:none}@keyframes _fade-out_1vli4_1{0%{opacity:1}to{opacity:0}}._time-indicator_1rlpb_1{display:flex;color:#556572;-webkit-user-select:none;user-select:none}[data-fullscreen] ._time-indicator_1rlpb_1,[data-darkmode=true] ._time-indicator_1rlpb_1{color:#fff}._comment-markers_49pse_1{display:flex;position:relative;width:100%;height:.375rem;-webkit-user-select:none;user-select:none;pointer-events:none}@container player (width >= 420px) and (height <= 300px){._comment-markers_49pse_1{display:none}}._comment-marker_49pse_1{position:absolute;height:100%;background:linear-gradient(90deg,#2b7abc,#abd9ff);border-radius:.125rem}._timeline-wrapper_49pse_21{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 var(--spacing-1);grid-area:slider;padding-bottom:.375rem}._timeline-wrapper_49pse_21:has(._comment-markers_49pse_1){padding-bottom:0}._track_49pse_35{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_49pse_48{position:absolute;width:1.125rem;height:1.125rem;background-color:var(--timeline-thumb-color, #2b7abc);border-radius:var(--radius-3);cursor:pointer;opacity:0;transform:translate(-50%) translateZ(0);transition:opacity .15s ease-in;left:var(--slider-fill);will-change:left}._root_49pse_62{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_49pse_62[data-active] ._track_49pse_35{border-radius:var(--radius-2);height:.625rem}._root_49pse_62[data-focus] ._track_49pse_35{outline:2px solid var(--focus-outline-color);outline-offset:1px;border-radius:2px}._root_49pse_62[data-active] ._thumb_49pse_48{opacity:1}._track-inner_49pse_92{position:absolute;will-change:width;height:100%}._progress_49pse_98{z-index:0;width:var(--slider-progress, 0%);background-color:var(--timeline-track-progress-bg-color, #adb2b6)}._track-fill_49pse_104{z-index:1;width:var(--slider-fill, 0%);background-color:var(--timeline-track-fill-bg-color, #2b7abc)}:is([data-fullscreen] ._root_49pse_62,[data-darkmode=true] ._root_49pse_62) ._track_49pse_35{background-color:#333}:is([data-fullscreen] ._root_49pse_62,[data-darkmode=true] ._root_49pse_62) ._progress_49pse_98{background-color:#666}._pins_49pse_121{display:flex;position:relative;height:2rem;width:100%;-webkit-user-select:none;user-select:none;margin-top:var(--spacing-1)}@container player (width >= 420px) and (height <= 300px){._pins_49pse_121{display:none}}._pin-button_49pse_134{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_49pse_134:hover{transform:translate(-50%) scale(1.25);z-index:1}._annotation-pin_49pse_154{fill:var(--pin-color-1);stroke:var(--pin-color-2)}._quiz-pin_49pse_159{fill:var(--pin-color-2);stroke:none}._annotation-pin-child_49pse_164{fill:var(--pin-color-3)}._quiz-pin-child_49pse_168{fill:#fff;font-size:.875rem}._interactive-pin-container_49pse_173{position:absolute;top:0;right:0;bottom:0;left:0;padding:0 var(--spacing-1)}@container player (width >= 420px) and (height <= 300px){._interactive-pin-container_49pse_173{display:none}}._interactive-pin-wrapper_49pse_183{position:relative;width:100%;height:100%}._interactive-pin-icon_49pse_189{transform-box:fill-box;transform-origin:center;transition:transform .2s ease-out}._interactive-pin-icon_49pse_189[data-open=true]{transform:rotate(45deg)}._interactive-pin_49pse_173{filter:drop-shadow(0 3px 6px rgba(0 0 0 / .16)) drop-shadow(0 3px 6px rgba(0 0 0 / .1))}._interactive-pin_49pse_173>._bg_49pse_203{fill:var(--timeline-thumb-color)}._interactive-pin_49pse_173>._symbol_49pse_207{stroke:var(--controls-layout-bg-color)}._interactive-pin-button_49pse_212{position:absolute;cursor:pointer;transform:translate(-50%);background-color:transparent;border:none;padding:0;display:flex;z-index:1;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._interactive-pin-button_49pse_212:hover ._interactive-pin_49pse_173>._bg_49pse_203{fill:#225f92}._interactive-pin-menu_49pse_232{display:flex;flex-direction:column;gap:.25rem;background-color:var(--settings-menu-bg-color, white);padding:.75rem .5rem;border-radius:var(--radius-2);width:169px;z-index:1000;filter:drop-shadow(0 .125rem .1875rem rgba(0 0 0 / .5))}._interactive-pin-menu-item_49pse_246{font-family:inherit;font-size:14px;text-rendering:geometricprecision;display:flex;align-items:center;gap:.25rem;color:var(--pin-color-3);padding:4px 6px;border-radius:var(--radius-2);border:1px solid #d7dade;background-color:var(--pin-color-1);cursor:pointer}._interactive-pin-menu-item_49pse_246:hover{background-color:#e8eaec}._arrow_49pse_267{fill:#fff}._wrapper_12cb0_1{display:flex;align-items:center}._track_12cb0_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_12cb0_18{position:absolute;width:.875rem;height:.875rem;background-color:var(--volume-thumb-bg-color, #2d3b45);border-radius:var(--radius-3);cursor:pointer;opacity:0;transform:translate(-50%) translateZ(0);transition:opacity .15s ease-in;left:var(--slider-fill);will-change:left}._track-fill_12cb0_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_12cb0_6{background-color:#666}:is([data-fullscreen],[data-darkmode=true]) ._track-fill_12cb0_32,:is([data-fullscreen],[data-darkmode=true]) ._thumb_12cb0_18{background-color:#f5f5f5}._root_12cb0_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_12cb0_51{display:none}}._root_12cb0_51[data-active] ._track_12cb0_6{border-radius:.125rem;height:.3125rem}._root_12cb0_51[data-focus]{outline:none}._root_12cb0_51[data-focus] ._track_12cb0_6{outline:2px solid var(--focus-outline-color);outline-offset:1px;border-radius:2px}._root_12cb0_51[data-active] ._thumb_12cb0_18{opacity:1}._wrapper_12cb0_1:hover [data-media-volume-slider],[data-media-volume-slider][data-active]{margin-left:.5rem;width:4rem}[data-media-player]{--volume-track-bg-color: #ccd0d2;--volume-track-fill-bg-color: #2d3b45;--volume-thumb-bg-color: #2d3b45;--feedback-message-bg-color: black;--feedback-message-color: white;--feedback-icon-color: white;--feedback-icon-bg-color: black;--timeline-track-bg-color: #ccd0d2;--timeline-track-progress-bg-color: #adb2b6;--timeline-track-fill-bg-color: #2b7abc;--timeline-progress-bg-color: #adb2b6;--timeline-thumb-color: #2b7abc;--settings-menu-bg-color: white;--settings-submenu-color: #2d3b45;--settings-media-hover-color: white;--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: white;--captions-base-font-size-small: .75rem;--captions-base-font-size-normal: 1rem;--comments-background-color: rgba(0 0 0 / .8);--comments-color: white;--comments-font-size-small: .75rem;--comments-font-size-normal: .875rem;--comments-author-color: #c7cdd1;--controls-layout-bg-color: #f5f5f5;--media-button-icon-color: #2d3b45;--media-button-icon-hover-color: #e0e0e0;--focus-outline-color: #2b7abc;--spacing-1: .5rem;--spacing-2: .625rem;--spacing-3: 1rem;--spacing-4: 2rem;--radius-1: .0625rem;--radius-2: .25rem;--radius-3: 50%;--media-button-area-size-small: 2rem;--media-button-area-size-medium: 2.5rem;--media-button-area-size-large: 3rem;--media-button-icon-size-small: 1rem;--media-button-icon-size-medium: 1.5rem;--media-button-icon-size-large: 1.5rem;--action-buttons-color: #0374b5;--action-buttons-hover-color: #235f93;--action-buttons-border-color: #025483;--pin-color-1: #f2f4f4;--pin-color-2: #556572;--pin-color-3: #273540;outline:none;border-radius:var(--radius-2);position:relative;font-family:Lato,sans-serif;display:grid;container:player / size;width:100%;height:100%;grid-template-rows:1fr auto}[data-media-provider]{display:flex;position:relative;background-color:#000;contain:paint;border-top-left-radius:var(--radius-2);border-top-right-radius:var(--radius-2)}[data-media-provider] video,[data-media-provider] iframe{width:100%;height:100%;object-fit:contain;position:absolute}[data-media-player][data-view-type=audio]{container-type:normal;height:initial}[data-media-player][data-view-type=audio] [data-media-provider]{display:none}.controls-button{background-color:transparent;border:none;border-radius:var(--radius-2);cursor:pointer;padding:var(--spacing-1);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)}@container player (width > 400px) and (height > 300px){.controls-button{width:var(--media-button-area-size-medium);height:var(--media-button-area-size-medium)}}@container player (width >= 720px) and (height > 300px){.controls-button{width:var(--media-button-area-size-large);height:var(--media-button-area-size-large)}}.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:2px solid var(--focus-outline-color)}.controls-button-icon{color:var(--media-button-icon-color);width:var(--media-button-icon-size-small);height:var(--media-button-icon-size-small)}@container player (width > 400px) and (height > 300px){.controls-button-icon{width:var(--media-button-icon-size-medium);height:var(--media-button-icon-size-medium)}}@container player (width >= 720px) and (height > 300px){.controls-button-icon{width:var(--media-button-icon-size-large);height:var(--media-button-icon-size-large)}}: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}