@instructure/studio-player 1.1.14 → 1.1.15

package/README.md

@@ -60,13 +60,13 @@ There are 4 predefined icons currently: `media`, `transcript`, `share`, `delete`
   {
     id: 'media',
     text: 'Download Media',
-    icon: 'transcript',
+    icon: 'media',
     onClick: id => console.log('Clicked', id),
   },
   {
     id: 'transcript',
     text: 'Download Transcript',
-    icon: 'media',
+    icon: 'transcript',
     onClick: id => console.log('Clicked', id),
   },
 ];

package/dist/index-DhrDIAdb.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)}}._controls-overlay_5ywul_1{display:flex;position:absolute;gap:.5rem;padding:1rem;top:0;right:0;bottom:0;left:0;justify-content:end;pointer-events:none}._keyboard-shortcuts-overlay_5ywul_11{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000000b3;color:#fff;padding:1.5rem;-webkit-user-select:none;user-select:none;overflow-y:auto;display:flex;flex-direction:column;align-items:center;z-index:1}._keyboard-shortcuts-overlay_5ywul_11 header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}:is(._keyboard-shortcuts-overlay_5ywul_11 header) h2{font-size:1rem;font-weight:500;margin:0}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_5ywul_11 header) h2{font-size:1.5rem}}._keyboard-shortcuts-overlay_5ywul_11 table{width:100%;max-width:54rem;padding:0;border-collapse:collapse}@container player (width > 400px) and (height > 300px){._keyboard-shortcuts-overlay_5ywul_11 table{padding:2rem}}:is(._keyboard-shortcuts-overlay_5ywul_11 table) tr{border-bottom:1px solid rgba(232 234 236 / .2)}:is(._keyboard-shortcuts-overlay_5ywul_11 table) tbody tr:last-child{border-bottom:none}:is(._keyboard-shortcuts-overlay_5ywul_11 table) th,:is(._keyboard-shortcuts-overlay_5ywul_11 table) td{text-align:left;font-size:.75rem;line-height:1.5}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_5ywul_11 table) th,:is(._keyboard-shortcuts-overlay_5ywul_11 table) td{font-size:.875rem}}@container player (width >= 720px) and (height > 300px){:is(._keyboard-shortcuts-overlay_5ywul_11 table) th,:is(._keyboard-shortcuts-overlay_5ywul_11 table) td{font-size:1rem}}._keyboard-shortcuts-overlay_5ywul_11 ._screen-reader-content_5ywul_76{width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;position:absolute;top:0;inset-inline-start:0;overflow:hidden;clip:rect(0 0 0 0);border:0}._controls-button_5ywul_90{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-2);border:1px solid #d7dade;background:var(--controls-layout-bg-color)}._controls-button_5ywul_90:focus-visible{outline:var(--focus-ring)}._keyboard-shortcuts-button_5ywul_106{opacity:0;margin-right:auto}._keyboard-shortcuts-button_5ywul_106:focus-visible{opacity:1;pointer-events:auto}._kebab-menu-button_5ywul_116{opacity:1;pointer-events:auto;transition:opacity;transition-duration:0s;transition-timing-function:linear;transition-delay:0s;cursor:pointer;color:inherit}._kebab-menu-button_5ywul_116 svg{flex-shrink:0}._kebab-menu-button_5ywul_116:hover{background-color:var(--media-button-icon-hover-color, #e0e0e0)}._kebab-menu_5ywul_116{display:flex;flex-direction:column;min-width:200px;pointer-events:auto;background-color:var(--settings-menu-bg-color, white);border-radius:var(--radius-2);padding-top:.25rem;padding-bottom:.25rem;z-index:1000;filter:drop-shadow(0 .125rem .1875rem rgba(0 0 0 / .5))}._kebab-menu-item_5ywul_150{font-family:inherit;font-size:1rem;height:36px;text-rendering:geometricprecision;display:flex;align-items:center;gap:.5rem;padding:0 11px;border:none;outline:none;background-color:transparent;cursor:pointer;color:inherit;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._kebab-menu-item_5ywul_150:hover,._kebab-menu-item_5ywul_150:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}[data-media-player]:not([data-controls],[data-paused]) ._kebab-menu-button_5ywul_116{opacity:0;transition-duration:.3s}[data-media-player][data-playing]:not([data-hover]) ._kebab-menu-button_5ywul_116:not(:focus-visible,[aria-expanded=true]){opacity:0;transition-delay:1.5s;transition-duration:.2s}._close-button_5ywul_190{background-color:transparent;border:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;width:2.25rem;height:2.25rem}._arrow_5ywul_204{fill:#fff}._captions_1adqy_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);transition:padding-bottom .1s ease-in-out;transition-delay:.3s}[data-fullscreen][data-controls]:not(:has([data-pins])) ._captions_1adqy_1{transition-delay:0s;padding-bottom:calc(var(--spacing-3) + var(--captions-fullscreen-offset))}._captions_1adqy_1[aria-hidden=true]{display:none}._captions_1adqy_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));padding:var(--spacing-2);background-color:var(--captions-background-color, rgba(22 22 22 / .75));border-radius:var(--radius-2);white-space:pre-wrap}@container player (width > 425px){._captions_1adqy_1 [data-part=cue]{font-size:calc(var(--captions-base-font-size-normal) * var(--captions-font-size-multiplier, 1))}}._comments-overlay_d788a_1{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--spacing-3);display:flex;align-items:end;pointer-events:none;transition:padding .1s ease-in-out;transition-delay:0s}._comments-container_d788a_12{display:flex;flex-direction:column;gap:.25rem;width:15rem}@container player (width >= 460px){._comments-container_d788a_12{width:23.4375rem}}._comments-container_d788a_12._kebab_d788a_22{margin-right:3.4375rem}[data-controls] ._comments-overlay_d788a_1{padding-right:calc(var(--spacing-3) + var(--spacing-3) + 34px);transition-delay:.3s}@media (hover: none) and (orientation: portrait) and (max-width: 720px){[data-fullscreen] ._comments-overlay_d788a_1{justify-content:end}}[data-fullscreen][data-controls]:not(:has([data-pins])) ._comments-overlay_d788a_1{padding-bottom:calc(var(--spacing-3) + var(--comments-fullscreen-offset));transition-delay:.3s}._comment_d788a_1{display:grid;grid-template-areas:"avatar text";grid-template-columns:auto 1fr;align-items:center;padding:var(--spacing-1);gap:var(--spacing-1);border-radius:var(--radius-2);background-color:var(--comments-background-color);cursor:pointer;border:1px solid #666;pointer-events:auto}@container player (height > 540px){._comment_d788a_1{grid-template-areas:"text text" "avatar name"}}._comment-text_d788a_63{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_d788a_63{-webkit-line-clamp:2;line-clamp:2;font-size:var(--comments-font-size-large)}}._comment-author-avatar_d788a_83{grid-area:avatar;box-sizing:border-box;display:inline-block;object-fit:cover;width:var(--comments-avatar-size-xss);height:var(--comments-avatar-size-xss);border-radius:50%;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;contain:paint}@container player (height >= 400px){._comment-author-avatar_d788a_83{width:var(--comments-avatar-size-s);height:var(--comments-avatar-size-s)}}@container player (height > 540px){._comment-author-avatar_d788a_83{width:var(--comments-avatar-size-xs);height:var(--comments-avatar-size-xs)}}._comment-author-name_d788a_107{grid-area:name;color:var(--comments-author-color);font-size:var(--comments-font-size-large);font-weight:700;line-height:1.5;display:none}@container player (height > 540px){._comment-author-name_d788a_107{display:inline}}._settings-menu_1awmq_1{display:flex;flex-direction:column;font-size:.875rem;line-height:1.25rem;background-color:var(--settings-menu-bg-color, white);padding-top:.25rem;padding-bottom:.25rem;border-radius:var(--radius-2);width:294px;z-index:1000;overflow:auto;filter:drop-shadow(0 .125rem .1875rem rgba(0 0 0 / .5))}._settings-menu_1awmq_1:focus-visible{outline:2px solid var(--settings-menu-focus-color, #0078d4)}@container player (width > 400px) and (height > 300px){._settings-menu_1awmq_1{font-size:1rem;line-height:1.5rem}}@container player (height <= 300px){._settings-menu_1awmq_1{max-height:calc(100% - 56px)}}@container player (width < 300px){._settings-menu_1awmq_1{max-width:calc(100% - 8px)}}._menu-heading_1awmq_36{display:block;margin:0 var(--spacing-2);padding-top:var(--spacing-2);padding-bottom:.5625rem;border-bottom:.0625rem solid #c7cdd1;font-weight:700}._check-icon_1awmq_47,._trash-icon_1awmq_48{width:1.25rem;height:1.25rem}._check-icon_1awmq_47{visibility:hidden}._trash-icon_1awmq_48{color:var(--warning-color)}._menu-item-label_1awmq_61{display:block}._menu-item_1awmq_61{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;outline:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;padding:6px 11px;gap:var(--spacing-2);cursor:pointer;font-size:inherit;line-height:inherit;font-family:inherit;color:inherit}._menu-item_1awmq_61:hover,._menu-item_1awmq_61:focus-visible{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}:is(._menu-item_1awmq_61:hover,._menu-item_1awmq_61:focus-visible) ._trash-icon_1awmq_48{color:var(--settings-media-hover-color)}._menu-item_1awmq_61[aria-checked=true] ._check-icon_1awmq_47{visibility:visible}._menu-back-button_1awmq_98{display:flex;align-items:center;gap:var(--spacing-1);padding:6px 11px;color:var(--settings-submenu-color, #2d3b45);font-size:inherit;line-height:inherit;font-family:inherit;cursor:pointer;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._menu-back-button_1awmq_98:hover,._menu-back-button_1awmq_98:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._arrow_1awmq_124{fill:#fff}._menu-hint_1wiu5_1{color:var(--settings-media-submenu-hint-color, #9ea6ad)}._menu-button_1wiu5_5{position:relative;display:flex;align-items:center;width:100%;gap:var(--spacing-1);padding:.375rem .6875rem;color:var(--settings-submenu-color, #2d3b45);font-size:inherit;line-height:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit}._menu-button_1wiu5_5:hover,._menu-button_1wiu5_5:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._menu-button_1wiu5_5:hover ._menu-hint_1wiu5_1,._menu-button_1wiu5_5:focus ._menu-hint_1wiu5_1{color:var(--settings-media-hover-color, white)}._menu-label_1wiu5_37{flex-grow:1;text-align:left}._menu-icon_1wiu5_42{width:1.125rem;height:1.125rem}._switch-track_7nhpo_1{position:relative;background-color:#e8e8e8;width:2.625rem;height:1.75rem;border-radius:.875rem;will-change:background-color;transition:background-color .2s;box-shadow:#d7dade 0 0 0 .0625rem inset;margin:-.25rem 0}@container player (width > 400px) and (height > 300px){._switch-track_7nhpo_1{margin:-.125rem 0}}._switch-thumb_7nhpo_17{background-color:#fff;width:1.5rem;height:1.5rem;border-radius:.75rem;transform:translate(.125rem,.125rem);box-shadow:#e8eaec 0 0 0 .0625rem inset;will-change:transform;transition:transform .2s;display:flex;align-items:center;justify-content:center}._switch-icon_7nhpo_31{width:.875rem;height:.875rem;color:var(--settings-submenu-color)}._switch-body_7nhpo_37{display:flex;align-items:center;border:none;background-color:transparent;text-align:left;font-family:inherit;gap:var(--spacing-1);padding:.375rem .6875rem;color:var(--settings-submenu-color);font-size:inherit;line-height:inherit;cursor:pointer;outline:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._switch-body_7nhpo_37[aria-checked=true] ._switch-track_7nhpo_1{background-color:#03893d}._switch-body_7nhpo_37[aria-checked=true] ._switch-icon_7nhpo_31{color:#03893d}._switch-body_7nhpo_37[aria-checked=true] ._switch-thumb_7nhpo_17{transform:translate(1rem,.125rem)}._switch-body_7nhpo_37:hover,._switch-body_7nhpo_37:focus-visible{color:var(--settings-media-hover-color);background-color:var(--settings-media-hover-bg-color)}[aria-checked=true]:is(._switch-body_7nhpo_37:hover,._switch-body_7nhpo_37:focus-visible) ._switch-track_7nhpo_1{background-color:#e8e8e8}._switch-label_7nhpo_78{flex-grow:1}._menu-icon_7nhpo_82{width:1.125rem;height:1.125rem}._feedback-overlay_3kkqe_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_3kkqe_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_3kkqe_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_3kkqe_1 .2s linear;animation-fill-mode:forwards;will-change:transform,opacity}._feedback-icon_3kkqe_30:has(.right){align-self:end}._feedback-icon_3kkqe_30:has(.left){align-self:start}._feedback-icon_3kkqe_30>svg{width:100%;height:100%}@keyframes _feedback-icon-animation_3kkqe_1{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:.5}}@media (max-width: 425px){[data-fullscreen] ._full-screen-button_1xm32_2{display:none}}[data-media-player][data-view-type=audio] ._full-screen-button_1xm32_2{display:none}._gestures-container_1fn3b_1{display:contents}._gesture_1fn3b_1{position:absolute;top:0;right:0;bottom:0;left:0}[data-fullscreen] ._gesture_1fn3b_1{top:3.625rem}button._play-pause-button_vj8da_1{border:none;background:none}._small-layout-overlay_cmaq3_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;visibility:hidden;align-items:center;justify-content:center}@container player (max-width: 425px){._small-layout-overlay_cmaq3_1{visibility:visible}}._small-layout-button_cmaq3_14{width:5rem;height:5rem;background-color:#1616164d;display:flex;align-items:center;justify-content:center;border-radius:50%}._small-layout-icon-play_cmaq3_24,._small-layout-icon-pause_cmaq3_30{width:3rem;height:3rem;color:#fff}._small-layout-timestamp_cmaq3_36{position:absolute;left:0;bottom:0;margin:.5rem;display:flex;background:#000c;color:#fff;padding:.375rem .75rem;border-radius:var(--radius-2)}._full-screen-close-icon_cmaq3_49{display:none}[data-fullscreen] ._full-screen-close-icon_cmaq3_49{background-color:transparent;border:none;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;padding:1.25rem;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}[data-fullscreen][data-playing] ._full-screen-close-icon_cmaq3_49,[data-media-player][data-playing] ._small-layout-button_cmaq3_14,[data-media-player][data-playing] ._small-layout-timestamp_cmaq3_36{animation:_fade-out_cmaq3_1 1s;animation-delay:.5s;animation-fill-mode:forwards}@keyframes _fade-out_cmaq3_1{0%{opacity:1}to{opacity:0}}._time-indicator_1uygf_1{display:flex;color:#586874;-webkit-user-select:none;user-select:none}[data-fullscreen] ._time-indicator_1uygf_1,[data-darkmode=true] ._time-indicator_1uygf_1{color:#fff}._comment-markers_tqdlg_1{display:flex;position:relative;width:100%;height:.375rem;-webkit-user-select:none;user-select:none;pointer-events:none}._comment-marker_tqdlg_1{position:absolute;height:100%;width:.375rem;background-color:var(--comments-indicator-color);border-radius:50%}[data-darkmode=true] ._comment-marker_tqdlg_1,[data-fullscreen] ._comment-marker_tqdlg_1{background-color:var(--comments-indicator-color-darkmode)}._timeline-wrapper_tqdlg_23,._timeline-wrapper-compact_tqdlg_24{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 var(--spacing-2);grid-area:slider}._track_tqdlg_33{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_tqdlg_46{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_tqdlg_60{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_tqdlg_60[data-active] ._track_tqdlg_33{border-radius:var(--radius-2);height:.625rem}._root_tqdlg_60[data-focus] ._track_tqdlg_33{outline:var(--focus-ring);outline-offset:1px;border-radius:2px}._root_tqdlg_60[data-active] ._thumb_tqdlg_46{opacity:1}._track-inner_tqdlg_90{position:absolute;will-change:width;height:100%}._progress_tqdlg_96{z-index:0;width:var(--slider-progress, 0%);background-color:var(--timeline-track-progress-bg-color, #adb2b6)}._track-fill_tqdlg_102{z-index:1;width:var(--slider-fill, 0%);background-color:var(--timeline-track-fill-bg-color, #2b7abc)}:is([data-fullscreen] ._root_tqdlg_60,[data-darkmode=true] ._root_tqdlg_60) ._track_tqdlg_33{background-color:#333}:is([data-fullscreen] ._root_tqdlg_60,[data-darkmode=true] ._root_tqdlg_60) ._progress_tqdlg_96{background-color:#666}._pins_tqdlg_119{display:flex;position:relative;height:2rem;width:100%;-webkit-user-select:none;user-select:none}._pin-button_tqdlg_127{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_tqdlg_127:hover,._pin-button_tqdlg_127:focus-visible{transform:translate(-50%) scale(1.25);z-index:1}._pin-button_tqdlg_127:focus-visible{outline:var(--focus-ring);border-radius:var(--radius-2)}._annotation-pin_tqdlg_153{fill:var(--pin-color-1);stroke:var(--pin-color-2)}._annotation-pin_tqdlg_153:focus-visible{outline:var(--focus-ring)}._quiz-pin_tqdlg_162{fill:var(--pin-color-2);stroke:var(--controls-layout-bg-color)}._quiz-pin_tqdlg_162:focus-visible{outline:var(--focus-ring)}._annotation-pin-child_tqdlg_171{fill:var(--pin-color-3)}._quiz-pin-child_tqdlg_175{fill:#fff;font-size:.875rem}._interactive-pin-container_tqdlg_180{position:absolute;top:0;right:0;bottom:0;left:0;padding:0 var(--spacing-2);pointer-events:none}._interactive-pin-wrapper_tqdlg_187{position:relative;width:100%;height:100%}._interactive-pin-icon_tqdlg_193{transform-box:fill-box;transform-origin:center;transition:transform .2s ease-out}._interactive-pin-icon_tqdlg_193[data-open=true]{transform:rotate(45deg)}._interactive-pin_tqdlg_180{filter:drop-shadow(0 3px 6px rgba(0 0 0 / .16)) drop-shadow(0 3px 6px rgba(0 0 0 / .1))}._interactive-pin_tqdlg_180>._bg_tqdlg_207{fill:var(--timeline-thumb-color)}._interactive-pin_tqdlg_180>._symbol_tqdlg_211{stroke:var(--controls-layout-bg-color)}._interactive-pin-button_tqdlg_216{position:absolute;cursor:pointer;transform:translate(-50%);background-color:transparent;border:none;padding:0;display:flex;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;pointer-events:auto;top:-12px}:is(._interactive-pin-button_tqdlg_216:hover,._interactive-pin-button_tqdlg_216:focus-visible) ._interactive-pin_tqdlg_180>._bg_tqdlg_207{fill:#225f92}._interactive-pin-button_tqdlg_216:focus-visible{outline:var(--focus-ring);border-radius:var(--radius-2)}._interactive-pin-menu_tqdlg_245{box-sizing:border-box;display:flex;flex-direction:column;gap:.25rem;background-color:var(--settings-menu-bg-color, white);padding:.75rem .5rem;border-radius:var(--radius-2);width:200px;z-index:1000;pointer-events:auto;filter:drop-shadow(0 .125rem .1875rem rgba(0 0 0 / .5))}._interactive-pin-menu_tqdlg_245:focus-visible{outline:var(--focus-ring)}._interactive-pin-menu-item_tqdlg_266{-webkit-user-select:none;user-select:none;font-family:inherit;font-size:1rem;text-rendering:geometricprecision;display:flex;align-items:center;gap:.25rem;color:var(--pin-color-3);padding:.375rem .625rem;border-radius:var(--radius-2);border:1px solid #d7dade;background-color:var(--pin-color-1);cursor:pointer}._interactive-pin-menu-item_tqdlg_266:hover{background-color:#e8eaec}._interactive-pin-menu-item_tqdlg_266:focus-visible{outline:var(--focus-ring)}._arrow_tqdlg_292{fill:#fff}._tooltip_tqdlg_296{background-color:var(--tooltip-bg-color);color:#fff;padding:.375rem .75rem;border-radius:var(--radius-2);font-size:.875rem;pointer-events:none}._tooltip-arrow_tqdlg_305{fill:var(--tooltip-bg-color)}._timeline-wrapper-compact_tqdlg_24:has(._comment-markers_tqdlg_1){margin-top:-.375rem}._wrapper_1ijfr_1{display:flex;align-items:center}._track_1ijfr_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_1ijfr_16{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_1ijfr_30{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_1ijfr_6{background-color:#666}:is([data-fullscreen],[data-darkmode=true]) ._track-fill_1ijfr_30,:is([data-fullscreen],[data-darkmode=true]) ._thumb_1ijfr_16{background-color:#f5f5f5}._root_1ijfr_49{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_1ijfr_49{display:none}}._root_1ijfr_49[data-active] ._track_1ijfr_6{border-radius:.125rem;height:.3125rem}._root_1ijfr_49[data-focus]{outline:none}._root_1ijfr_49[data-focus] ._track_1ijfr_6{outline:var(--focus-ring);outline-offset:1px;border-radius:2px}._root_1ijfr_49[data-active] ._thumb_1ijfr_16{opacity:1}._wrapper_1ijfr_1:hover [data-media-volume-slider],[data-media-volume-slider][data-active]{margin-left:.5rem;width:4rem}._root_1nwjd_1{background-color:var(--controls-layout-bg-color, #f5f5f5);padding:var(--spacing-1);box-sizing:border-box;display:grid;align-items:center;row-gap:.25rem;column-gap:1rem;border-bottom-left-radius:var(--radius-2);border-bottom-right-radius:var(--radius-2)}._normal_1nwjd_15{grid-template-columns:auto 1fr auto;grid-template-areas:"slider slider slider" "left-controls indicators right-controls"}._compact_1nwjd_22{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"left-controls slider right-controls"}@container player (width > 425px){._compact_1nwjd_22{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"left-controls indicators slider right-controls"}}[data-fullscreen] ._root_1nwjd_1,[data-darkmode=true]._root_1nwjd_1{background-color:#000}[data-fullscreen] ._root_1nwjd_1:not(:has([data-pins])){position:fixed;bottom:0;width:100%;opacity:0;transition:opacity .3s ease-in-out}[data-fullscreen][data-controls] ._root_1nwjd_1{opacity:1}._left-controls_1nwjd_49{display:flex;gap:.25rem;grid-area:left-controls}._right-controls_1nwjd_55{display:flex;gap:.25rem;grid-area:right-controls}._indicators_1nwjd_61{grid-area:indicators;font-size:1rem;overflow:hidden;display:none}@container player (width > 425px){._indicators_1nwjd_61{display:block}}[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-font-size-large: 1rem;--comments-author-color: white;--comments-indicator-color: #64707a;--comments-indicator-color-darkmode: #868686;--comments-avatar-size-xss: 1.25rem;--comments-avatar-size-xs: 1.875rem;--comments-avatar-size-s: 2.5rem;--controls-layout-bg-color: #f5f5f5;--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;--warning-color: #e62429;--pin-color-1: #f2f4f4;--pin-color-2: #586874;--pin-color-3: #273540;--pin-light-color: #9ea6ad;--tooltip-bg-color: #334451;--focus-ring: 2px solid var(--focus-outline-color);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;overflow:hidden}[data-media-player]:focus-visible{outline:var(--focus-ring)}[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}.audio-layout-wrapper{display:flex;align-items:center;justify-content:center;position:relative;background-color:var(--controls-layout-bg-color);width:100%;border-top-left-radius:var(--radius-2);border-top-right-radius:var(--radius-2)}.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)}}.controls-button[data-hover],.controls-button:hover{background-color:var(--media-button-icon-hover-color, #e0e0e0)}.controls-button:focus-visible,.controls-button[data-focus]{outline:var(--focus-ring)}.controls-button-icon{color:var(--media-button-icon-color);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)}}[data-fullscreen] .controls-button{width:var(--media-button-area-size-large);height:var(--media-button-area-size-large)}[data-fullscreen]:not([data-controls]){cursor:none}:is([data-fullscreen],[data-darkmode=true]) .controls-button-icon{color:#fff}:is([data-fullscreen],[data-darkmode=true]) .controls-button[data-hover],:is([data-fullscreen],[data-darkmode=true]) .controls-button:hover{background-color:#ffffff26}.icon-rotate{transition:transform .2s ease-out}.controls-button[aria-expanded=true] .icon-rotate{transform:rotate(60deg);transition:transform .1s ease-in}.vds-blocker{top:0;right:0;bottom:0;left:0;position:absolute;pointer-events:none}

package/dist/studio-player.es.js

@@ -1,4 +1,4 @@
-import './index-CXoy768z.css';var jl = Object.defineProperty;
+import './index-DhrDIAdb.css';var jl = Object.defineProperty;
 var Yl = (re, he, Re) => he in re ? jl(re, he, { enumerable: !0, configurable: !0, writable: !0, value: Re }) : re[he] = Re;
 var Or = (re, he, Re) => Yl(re, typeof he != "symbol" ? he + "" : he, Re);
 import { A as Kl, u as Dr, s as Va, a as oa, b as $n, i as zl, T as Wl, C as Ql, c as Xl, d as $l, e as Jl, F as ec, f as aa, g as Ka, t as di, v as ta, h as tc, j as ws, k as Rs, l as nc, m as ja, M as rc, n as ic } from "./vidstack-CpEp8jXV.js";
@@ -3968,7 +3968,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               return r.__proto__ || Object.getPrototypeOf(r);
             }, rr(i);
           }
-          var Zr = "static", Tr = "dynamic", Ir = "cmsd-", or = Ir + Zr, wi = Ir + Tr, ti = "stream", Ri = ["mb", "st", "sf", "v"], Ci = { video: "v", audio: "a", text: "tt", stream: ti }, Ni = /^[-0-9]/;
+          var Zr = "static", Tr = "dynamic", Ir = "cmsd-", sr = Ir + Zr, wi = Ir + Tr, ti = "stream", Ri = ["mb", "st", "sf", "v"], Ci = { video: "v", audio: "a", text: "tt", stream: ti }, Ni = /^[-0-9]/;
           function ni() {
             var i, r, l, _, w = this.context, I = (0, m.Z)(w).getInstance();
             function y() {
@@ -4022,7 +4022,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                 if (oe && oe.groups) {
                   var V = oe.groups.key.toLowerCase(), ce = oe.groups.value;
                   switch (V) {
-                    case or:
+                    case sr:
                       te = H(ce), I.trigger(o.Z.CMSD_STATIC_HEADER, te);
                       break;
                     case wi:
@@ -4237,13 +4237,13 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             } };
           }
           Bn.__dashjs_factory_name = "URLLoader";
-          var sr = E.Z.getClassFactory(Bn);
-          function ur(i) {
-            return ur = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
+          var ur = E.Z.getClassFactory(Bn);
+          function lr(i) {
+            return lr = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
               return typeof r;
             } : function(r) {
               return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
-            }, ur(i);
+            }, lr(i);
           }
           function wr(i, r) {
             return wr = Object.setPrototypeOf || function(l, _) {
@@ -4251,7 +4251,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             }, wr(i, r);
           }
           function br(i, r) {
-            return !r || ur(r) !== "object" && typeof r != "function" ? function(l) {
+            return !r || lr(r) !== "object" && typeof r != "function" ? function(l) {
               if (l === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
               return l;
             }(i) : r;
@@ -4323,7 +4323,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               l && l.abort();
             }, reset: function() {
               l && (l.abort(), l = null);
-            } }, l = sr(_).create({ errHandler: i.errHandler, errors: R, dashMetrics: i.dashMetrics, mediaPlayerModel: i.mediaPlayerModel, requestModifier: i.requestModifier, urlUtils: y, constants: t.Z, boxParser: i.boxParser, dashConstants: i.dashConstants, requestTimeout: i.settings.get().streaming.fragmentRequestTimeout }), r;
+            } }, l = ur(_).create({ errHandler: i.errHandler, errors: R, dashMetrics: i.dashMetrics, mediaPlayerModel: i.mediaPlayerModel, requestModifier: i.requestModifier, urlUtils: y, constants: t.Z, boxParser: i.boxParser, dashConstants: i.dashConstants, requestTimeout: i.settings.get().streaming.fragmentRequestTimeout }), r;
           }
           _i.__dashjs_factory_name = "FragmentLoader";
           var ri = E.Z.getClassFactory(_i);
@@ -4906,7 +4906,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                 return r.error(k), [];
               }
             }, initialize: function() {
-              y = sr(te).create({ errHandler: R, dashMetrics: F, mediaPlayerModel: H, requestModifier: N, errors: Q }), Z.on(n.Z.FRAGMENT_LOADING_STARTED, ge, i), Z.on(n.Z.MANIFEST_LOADING_STARTED, q, i), Z.on(n.Z.MANIFEST_LOADING_FINISHED, oe, i), Z.on(n.Z.THROUGHPUT_MEASUREMENT_STORED, V, i);
+              y = ur(te).create({ errHandler: R, dashMetrics: F, mediaPlayerModel: H, requestModifier: N, errors: Q }), Z.on(n.Z.FRAGMENT_LOADING_STARTED, ge, i), Z.on(n.Z.MANIFEST_LOADING_STARTED, q, i), Z.on(n.Z.MANIFEST_LOADING_FINISHED, oe, i), Z.on(n.Z.THROUGHPUT_MEASUREMENT_STORED, V, i);
             } }, r = (0, h.Z)(te).getInstance().getLogger(i), se(), i;
           }
           xi.__dashjs_factory_name = "ContentSteeringController";
@@ -6536,7 +6536,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           }(S.Z);
           function Do(i) {
             i = i || {};
-            var r = this.context, l = (0, m.Z)(r).getInstance(), _ = sr(r).create({ errHandler: i.errHandler, dashMetrics: i.dashMetrics, mediaPlayerModel: i.mediaPlayerModel, requestModifier: i.requestModifier, errors: Q });
+            var r = this.context, l = (0, m.Z)(r).getInstance(), _ = ur(r).create({ errHandler: i.errHandler, dashMetrics: i.dashMetrics, mediaPlayerModel: i.mediaPlayerModel, requestModifier: i.requestModifier, errors: Q });
             return { load: function(w, I, y) {
               var R = function(H, G) {
                 I.resolved = !0, I.resolvedContent = H || null, l.trigger(o.Z.XLINK_ELEMENT_LOADED, { element: I, resolveObject: y, error: H || G ? null : new ae.Z(Q.XLINK_LOADER_LOADING_FAILURE_ERROR_CODE, Q.XLINK_LOADER_LOADING_FAILURE_ERROR_MESSAGE + w) });
@@ -7362,7 +7362,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               } });
             }, reset: function() {
               H.off(o.Z.XLINK_READY, Z, r), N && N.reset(), w && (w.reset(), w = null), _ && (_.abort(), _ = null);
-            } }, l = R.getLogger(r), H.on(o.Z.XLINK_READY, Z, r), _ = sr(y).create({ errHandler: i.errHandler, dashMetrics: i.dashMetrics, mediaPlayerModel: i.mediaPlayerModel, requestModifier: i.requestModifier, urlUtils: G, constants: t.Z, dashConstants: e.Z, errors: Q, requestTimeout: i.settings.get().streaming.manifestRequestTimeout }), w = vu(y).create({ errHandler: U, dashMetrics: i.dashMetrics, mediaPlayerModel: i.mediaPlayerModel, requestModifier: i.requestModifier, settings: i.settings }), I = null, r;
+            } }, l = R.getLogger(r), H.on(o.Z.XLINK_READY, Z, r), _ = ur(y).create({ errHandler: i.errHandler, dashMetrics: i.dashMetrics, mediaPlayerModel: i.mediaPlayerModel, requestModifier: i.requestModifier, urlUtils: G, constants: t.Z, dashConstants: e.Z, errors: Q, requestTimeout: i.settings.get().streaming.manifestRequestTimeout }), w = vu(y).create({ errHandler: U, dashMetrics: i.dashMetrics, mediaPlayerModel: i.mediaPlayerModel, requestModifier: i.requestModifier, settings: i.settings }), I = null, r;
           }
           ko.__dashjs_factory_name = "ManifestLoader";
           var qu = E.Z.getClassFactory(ko);
@@ -8226,7 +8226,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             return i = { setConfig: function(q) {
               q.baseURLController && (U = q.baseURLController), q.dashMetrics && (I = q.dashMetrics), q.mediaPlayerModel && (y = q.mediaPlayerModel), q.errHandler && (l = q.errHandler), q.boxParser && (_ = q.boxParser), q.debug && (r = q.debug.getLogger(i)), q.requestModifier && (w = q.requestModifier), q.errors && (F = q.errors), q.urlUtils && (N = q.urlUtils), q.constants && (H = q.constants), q.dashConstants && (G = q.dashConstants);
             }, initialize: function() {
-              R = sr(Z).create({ errHandler: l, dashMetrics: I, mediaPlayerModel: y, requestModifier: w, boxParser: _, errors: F, urlUtils: N, constants: H, dashConstants: G });
+              R = ur(Z).create({ errHandler: l, dashMetrics: I, mediaPlayerModel: y, requestModifier: w, boxParser: _, errors: F, urlUtils: N, constants: H, dashConstants: G });
             }, loadInitialization: function(q, oe) {
               return new Promise(function(V) {
                 fe(q, oe, V);
@@ -8314,7 +8314,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               if (!(U.baseURLController && U.dashMetrics && U.mediaPlayerModel && U.errHandler)) throw new Error(t.Z.MISSING_CONFIG_ERROR);
               H = U.baseURLController, I = U.dashMetrics, y = U.mediaPlayerModel, _ = U.errHandler, F = U.errors, r = U.debug.getLogger(i), w = U.requestModifier;
             }, initialize: function() {
-              R = sr(G).create({ errHandler: _, dashMetrics: I, mediaPlayerModel: y, requestModifier: w, errors: F });
+              R = ur(G).create({ errHandler: _, dashMetrics: I, mediaPlayerModel: y, requestModifier: w, errors: F });
             }, loadInitialization: function(U, Z) {
               return new Promise(function(fe) {
                 var te = null, le = U ? H.resolve(U.path) : null, ge = U ? U.range.split("-") : null, q = { range: { start: ge ? parseFloat(ge[0]) : null, end: ge ? parseFloat(ge[1]) : null }, request: te, url: le ? le.url : void 0, init: !0, mediaType: Z };
@@ -11499,12 +11499,12 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               Jt.trigger(dn.KEY_MESSAGE, { data: un });
               var En = un.messageType ? un.messageType : "license-request", jn = un.message, Cn = un.sessionToken, Xn = Qn(Gt), Fn = St.getLicenseServerModelInstance(Gt, Xn, En), pr = { sessionToken: Cn, messageType: En };
               if (jn && jn.byteLength !== 0) {
-                if (!Fn) return Rt.debug("DRM: License server request not required for this message (type = " + Ft.data.messageType + ").  Session ID = " + Cn.getSessionId()), void or(pr);
+                if (!Fn) return Rt.debug("DRM: License server request not required for this message (type = " + Ft.data.messageType + ").  Session ID = " + Cn.getSessionId()), void sr(pr);
                 if (St.isClearKey(Gt)) {
                   var Kn = St.processClearKeyLicenseRequest(Gt, Xn, jn);
-                  if (Kn && Kn.keyPairs && Kn.keyPairs.length > 0) return Rt.debug("DRM: ClearKey license request handled by application!"), or(pr), void tn.updateKeySession(Cn, Kn);
+                  if (Kn && Kn.keyPairs && Kn.keyPairs.length > 0) return Rt.debug("DRM: ClearKey license request handled by application!"), sr(pr), void tn.updateKeySession(Cn, Kn);
                 }
-                (function(Bn, sr, ur) {
+                (function(Bn, ur, lr) {
                   var wr = Bn.sessionToken, br = Bn.messageType ? Bn.messageType : "license-request", Rr = { sessionToken: wr, messageType: br }, Ur = Gt ? Gt.systemString : null, _i = function(kn, Yr, oi, Kr, xi) {
                     var Sr = null, Fi = Kr.message;
                     if (kn && kn.serverURL) {
@@ -11516,35 +11516,35 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                       (Sr = Gt.getLicenseServerURLFromInitData(ki)) || (Sr = Kr.laURL);
                     }
                     return Sr = xi.getServerURLFromMessage(Sr, Fi, Yr);
-                  }(ur, br, wr, Bn, sr);
+                  }(lr, br, wr, Bn, ur);
                   if (_i) {
                     var ri = {}, ii = !1;
-                    ur && Ri(ri, ur.httpRequestHeaders);
+                    lr && Ri(ri, lr.httpRequestHeaders);
                     var Di = Bn.message;
                     Ri(ri, Gt.getRequestHeadersFromMessage(Di)), Object.keys(ri).forEach(function(kn) {
                       kn.toLowerCase() === "authorization" && (ii = !0);
-                    }), ur && typeof ur.withCredentials == "boolean" && (ii = ur.withCredentials);
+                    }), lr && typeof lr.withCredentials == "boolean" && (ii = lr.withCredentials);
                     var Oi = function(kn) {
                       if (tn) if (kn.status >= 200 && kn.status <= 299) {
                         var Yr = B.Z.parseHttpHeaders(kn.getAllResponseHeaders ? kn.getAllResponseHeaders() : null), oi = new S(kn.responseURL, Yr, kn.response);
                         Ni(fn.getLicenseResponseFilters(), oi).then(function() {
-                          var Kr = sr.getLicenseMessage(oi.data, Ur, br);
-                          Kr !== null ? (or(Rr), tn.updateKeySession(wr, Kr)) : Ci(kn, Rr, Ur, br, sr);
+                          var Kr = ur.getLicenseMessage(oi.data, Ur, br);
+                          Kr !== null ? (sr(Rr), tn.updateKeySession(wr, Kr)) : Ci(kn, Rr, Ur, br, ur);
                         });
-                      } else Ci(kn, Rr, Ur, br, sr);
+                      } else Ci(kn, Rr, Ur, br, ur);
                     }, ca = function(kn) {
-                      or(Rr, new c.Z(n.MEDIA_KEY_MESSAGE_LICENSER_ERROR_CODE, n.MEDIA_KEY_MESSAGE_LICENSER_ERROR_MESSAGE + Ur + ' update, XHR aborted. status is "' + kn.statusText + '" (' + kn.status + "), readyState is " + kn.readyState));
+                      sr(Rr, new c.Z(n.MEDIA_KEY_MESSAGE_LICENSER_ERROR_CODE, n.MEDIA_KEY_MESSAGE_LICENSER_ERROR_MESSAGE + Ur + ' update, XHR aborted. status is "' + kn.statusText + '" (' + kn.status + "), readyState is " + kn.readyState));
                     }, fa = function(kn) {
-                      or(Rr, new c.Z(n.MEDIA_KEY_MESSAGE_LICENSER_ERROR_CODE, n.MEDIA_KEY_MESSAGE_LICENSER_ERROR_MESSAGE + Ur + ' update, XHR error. status is "' + kn.statusText + '" (' + kn.status + "), readyState is " + kn.readyState));
-                    }, Mi = Gt.getLicenseRequestFromMessage(Di), Pi = sr.getHTTPMethod(br), da = sr.getResponseType(Ur, br), Ei = ur && !isNaN(ur.httpTimeout) ? ur.httpTimeout : 8e3, Li = wr.getSessionId() || null, ai = new d(_i, Pi, da, ri, ii, br, Li, Mi), ga = isNaN(jt.get().streaming.retryAttempts[x.w.LICENSE]) ? 3 : jt.get().streaming.retryAttempts[x.w.LICENSE];
+                      sr(Rr, new c.Z(n.MEDIA_KEY_MESSAGE_LICENSER_ERROR_CODE, n.MEDIA_KEY_MESSAGE_LICENSER_ERROR_MESSAGE + Ur + ' update, XHR error. status is "' + kn.statusText + '" (' + kn.status + "), readyState is " + kn.readyState));
+                    }, Mi = Gt.getLicenseRequestFromMessage(Di), Pi = ur.getHTTPMethod(br), da = ur.getResponseType(Ur, br), Ei = lr && !isNaN(lr.httpTimeout) ? lr.httpTimeout : 8e3, Li = wr.getSessionId() || null, ai = new d(_i, Pi, da, ri, ii, br, Li, Mi), ga = isNaN(jt.get().streaming.retryAttempts[x.w.LICENSE]) ? 3 : jt.get().streaming.retryAttempts[x.w.LICENSE];
                     Ni(fn.getLicenseRequestFilters(), ai).then(function() {
                       wi(ai, ga, Ei, Oi, ca, fa);
                     });
-                  } else or(Rr, new c.Z(n.MEDIA_KEY_MESSAGE_NO_LICENSE_SERVER_URL_ERROR_CODE, n.MEDIA_KEY_MESSAGE_NO_LICENSE_SERVER_URL_ERROR_MESSAGE));
+                  } else sr(Rr, new c.Z(n.MEDIA_KEY_MESSAGE_NO_LICENSE_SERVER_URL_ERROR_CODE, n.MEDIA_KEY_MESSAGE_NO_LICENSE_SERVER_URL_ERROR_MESSAGE));
                 })(un, Fn, Xn);
-              } else or(pr, new c.Z(n.MEDIA_KEY_MESSAGE_NO_CHALLENGE_ERROR_CODE, n.MEDIA_KEY_MESSAGE_NO_CHALLENGE_ERROR_MESSAGE));
+              } else sr(pr, new c.Z(n.MEDIA_KEY_MESSAGE_NO_CHALLENGE_ERROR_CODE, n.MEDIA_KEY_MESSAGE_NO_CHALLENGE_ERROR_MESSAGE));
             }
-            function or(Ft, un) {
+            function sr(Ft, un) {
               Jt.trigger(dn.LICENSE_REQUEST_COMPLETE, { data: Ft, error: un });
             }
             function wi(Ft, un, En, jn, Cn, Xn) {
@@ -11556,9 +11556,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               for (var Kn in Fn.open(Ft.method, Ft.url, !0), Fn.responseType = Ft.responseType, Fn.withCredentials = Ft.withCredentials, En > 0 && (Fn.timeout = En), Ft.headers) Fn.setRequestHeader(Kn, Ft.headers[Kn]);
               if (jt.get().streaming.cmcd && jt.get().streaming.cmcd.enabled && jt.get().streaming.cmcd.mode === L.Z.CMCD_MODE_HEADER) {
                 var Bn = Dt.getHeaderParameters({ url: Ft.url, type: x.w.LICENSE });
-                if (Bn) for (var sr in Bn) {
-                  var ur = Bn[sr];
-                  ur && Fn.setRequestHeader(sr, ur);
+                if (Bn) for (var ur in Bn) {
+                  var lr = Bn[ur];
+                  lr && Fn.setRequestHeader(ur, lr);
                 }
               }
               var wr = function() {
@@ -11584,7 +11584,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             }
             function Ci(Ft, un, En, jn, Cn) {
               var Xn = "NONE", Fn = null;
-              Ft.response && (Xn = Cn.getErrorResponse(Ft.response, En, jn), Fn = { serverResponse: Ft.response || null, responseCode: Ft.status || null, responseText: Ft.statusText || null }), or(un, new c.Z(n.MEDIA_KEY_MESSAGE_LICENSER_ERROR_CODE, n.MEDIA_KEY_MESSAGE_LICENSER_ERROR_MESSAGE + En + ' update, XHR complete. status is "' + Ft.statusText + '" (' + Ft.status + "), readyState is " + Ft.readyState + ".  Response is " + Xn, Fn));
+              Ft.response && (Xn = Cn.getErrorResponse(Ft.response, En, jn), Fn = { serverResponse: Ft.response || null, responseCode: Ft.status || null, responseText: Ft.statusText || null }), sr(un, new c.Z(n.MEDIA_KEY_MESSAGE_LICENSER_ERROR_CODE, n.MEDIA_KEY_MESSAGE_LICENSER_ERROR_MESSAGE + En + ' update, XHR complete. status is "' + Ft.statusText + '" (' + Ft.status + "), readyState is " + Ft.readyState + ".  Response is " + Xn, Fn));
             }
             function Ni(Ft, un) {
               return Ft ? Ft.reduce(function(En, jn) {
@@ -12298,8 +12298,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                   }
                 }
                 if (!jt) {
-                  var or = "Key system access denied! -- No valid audio/video content configurations detected!";
-                  Kt.trigger(St.KEY_SYSTEM_ACCESS_COMPLETE, { error: or }), Dt({ error: or });
+                  var sr = "Key system access denied! -- No valid audio/video content configurations detected!";
+                  Kt.trigger(St.KEY_SYSTEM_ACCESS_COMPLETE, { error: sr }), Dt({ error: sr });
                 }
               });
             }, selectKeySystem: function(sn) {
@@ -12407,8 +12407,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                   }
                 }
                 if (!An) {
-                  var or = "Key system access denied! -- No valid audio/video content configurations detected!";
-                  Kt.trigger(St.KEY_SYSTEM_ACCESS_COMPLETE, { error: or }), fn({ error: or });
+                  var sr = "Key system access denied! -- No valid audio/video content configurations detected!";
+                  Kt.trigger(St.KEY_SYSTEM_ACCESS_COMPLETE, { error: sr }), fn({ error: sr });
                 }
               });
             }, selectKeySystem: function(Dt) {
@@ -18147,7 +18147,7 @@ function hc({
   };
   return /* @__PURE__ */ ve(Us.Provider, { value: $, children: m });
 }
-function lr() {
+function or() {
   const re = Qa(Us);
   if (!re)
     throw new Error(
@@ -18166,7 +18166,7 @@ const mc = "_annotation-overlay_1kxzn_1", pc = {
   };
 };
 function _c({ annotations: re }) {
-  const he = Dr(), Re = Wn(), tt = lr(), [ut, Mt] = _r(
+  const he = Dr(), Re = Wn(), tt = or(), [ut, Mt] = _r(
     null
   ), Pe = Zn(
     (C) => {
@@ -18257,24 +18257,24 @@ function Ic(re) {
   const he = Mr(() => ({ Escape: re }), [re]);
   return ao(he);
 }
-const Gs = (re) => /* @__PURE__ */ ve("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...re, children: /* @__PURE__ */ ve("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" }) }), wc = "_controls-overlay_1a2fb_1", Rc = "_keyboard-shortcuts-overlay_1a2fb_11", Cc = "_screen-reader-content_1a2fb_76", Nc = "_controls-button_1a2fb_90", Dc = "_keyboard-shortcuts-button_1a2fb_106", Oc = "_kebab-menu-button_1a2fb_116", Mc = "_kebab-menu_1a2fb_116", Pc = "_kebab-menu-item_1a2fb_150", Lc = "_close-button_1a2fb_190", xc = "_arrow_1a2fb_204", Fr = {
-  "controls-overlay": "_controls-overlay_1a2fb_1",
+const Gs = (re) => /* @__PURE__ */ ve("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...re, children: /* @__PURE__ */ ve("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" }) }), wc = "_controls-overlay_5ywul_1", Rc = "_keyboard-shortcuts-overlay_5ywul_11", Cc = "_screen-reader-content_5ywul_76", Nc = "_controls-button_5ywul_90", Dc = "_keyboard-shortcuts-button_5ywul_106", Oc = "_kebab-menu-button_5ywul_116", Mc = "_kebab-menu_5ywul_116", Pc = "_kebab-menu-item_5ywul_150", Lc = "_close-button_5ywul_190", xc = "_arrow_5ywul_204", Fr = {
+  "controls-overlay": "_controls-overlay_5ywul_1",
   controlsOverlay: wc,
-  "keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_1a2fb_11",
+  "keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_5ywul_11",
   keyboardShortcutsOverlay: Rc,
-  "screen-reader-content": "_screen-reader-content_1a2fb_76",
+  "screen-reader-content": "_screen-reader-content_5ywul_76",
   screenReaderContent: Cc,
-  "controls-button": "_controls-button_1a2fb_90",
+  "controls-button": "_controls-button_5ywul_90",
   controlsButton: Nc,
-  "keyboard-shortcuts-button": "_keyboard-shortcuts-button_1a2fb_106",
+  "keyboard-shortcuts-button": "_keyboard-shortcuts-button_5ywul_106",
   keyboardShortcutsButton: Dc,
-  "kebab-menu-button": "_kebab-menu-button_1a2fb_116",
+  "kebab-menu-button": "_kebab-menu-button_5ywul_116",
   kebabMenuButton: Oc,
-  "kebab-menu": "_kebab-menu_1a2fb_116",
+  "kebab-menu": "_kebab-menu_5ywul_116",
   kebabMenu: Mc,
-  "kebab-menu-item": "_kebab-menu-item_1a2fb_150",
+  "kebab-menu-item": "_kebab-menu-item_5ywul_150",
   kebabMenuItem: Pc,
-  "close-button": "_close-button_1a2fb_190",
+  "close-button": "_close-button_5ywul_190",
   closeButton: Lc,
   arrow: xc
 };
@@ -18437,7 +18437,7 @@ const Kc = {
   shortcuts: /* @__PURE__ */ ve(Gc, {})
 };
 function zc({ openShortcuts: re, shouldFocus: he }) {
-  const [Re, tt] = _r(!1), [ut, Mt] = _r(null), Pe = Wn(), Ee = lr(), C = () => {
+  const [Re, tt] = _r(!1), [ut, Mt] = _r(null), Pe = Wn(), Ee = or(), C = () => {
     tt(!Re), Pe.setGlobalKeysDisabled(!Re);
   }, ie = Nr(null), v = Nr([]), { refs: t, floatingStyles: e, context: p } = sa({
     open: Re,
@@ -18575,36 +18575,37 @@ function Qc() {
     }
   ) : null;
 }
-const Xc = "_captions_1qij2_1", $c = {
+const Xc = "_captions_1adqy_1", $c = {
   captions: Xc
 }, Jc = (re, he) => re ? he.top : he.bottom;
 function Ys({ captions: re }) {
-  const he = re.length > 0, Re = Wn(), { captionOffsetOverride: tt } = lr(), ut = Re.state.captionPositionOnTop, Mt = Jc(
-    ut,
+  const he = re.length > 0, Re = Wn(), { captionOffsetOverride: tt, controlsLayout: ut } = or(), Mt = Re.state.captionPositionOnTop, Pe = Jc(
+    Mt,
     tt ?? {}
   );
   return /* @__PURE__ */ ln(pi, { children: [
-    re.map((Pe) => /* @__PURE__ */ ve(
+    re.map((Ee) => /* @__PURE__ */ ve(
       Wl,
       {
         kind: "subtitles",
-        type: Pe.type,
-        language: Pe.language,
-        label: Pe.label,
-        src: Pe.src
+        type: Ee.type,
+        language: Ee.language,
+        label: Ee.label,
+        src: Ee.src
       },
-      Pe.label
+      Ee.label
     )),
     he ? /* @__PURE__ */ ve(
       "div",
       {
         style: {
           display: "contents",
-          ...Mt ? { "--caption-offset": Mt } : {},
+          ...Pe ? { "--caption-offset": Pe } : {},
           "--captions-font-size-multiplier": Re.state.captionsFontSizeMultiplier ?? 1,
           "--captions-flex-direction": Re.state.captionPositionOnTop ? "column" : "column-reverse",
           "--captions-color": Re.state.captionsInvertColors ? "rgba(22, 22, 22)" : "white",
-          "--captions-background-color": Re.state.captionsInvertColors ? "rgba(255, 255, 255, 0.75)" : "rgba(22, 22, 22, 0.75)"
+          "--captions-background-color": Re.state.captionsInvertColors ? "rgba(255, 255, 255, 0.75)" : "rgba(22, 22, 22, 0.75)",
+          "--captions-fullscreen-offset": ut === "normal" ? "5.5rem" : "4rem"
         },
         children: /* @__PURE__ */ ve(Ql, { className: $c.captions })
       }
@@ -18658,18 +18659,18 @@ const mi = [0.5, 0.75, 1, 1.25, 1.5, 2], ef = [0.5, 1, 2, 3, 4], tf = 5, nf = (r
       ut.abort(), tt.clear();
     };
   }, [Re, tt, re]), tt;
-}, of = "_comments-overlay_bymws_1", sf = "_comments-container_bymws_10", uf = "_kebab_bymws_20", lf = "_comment_bymws_1", cf = "_comment-text_bymws_51", ff = "_comment-author-avatar_bymws_71", df = "_comment-author-name_bymws_95", Vr = {
-  "comments-overlay": "_comments-overlay_bymws_1",
+}, of = "_comments-overlay_d788a_1", sf = "_comments-container_d788a_12", uf = "_kebab_d788a_22", lf = "_comment_d788a_1", cf = "_comment-text_d788a_63", ff = "_comment-author-avatar_d788a_83", df = "_comment-author-name_d788a_107", Vr = {
+  "comments-overlay": "_comments-overlay_d788a_1",
   commentsOverlay: of,
-  "comments-container": "_comments-container_bymws_10",
+  "comments-container": "_comments-container_d788a_12",
   commentsContainer: sf,
   kebab: uf,
   comment: lf,
-  "comment-text": "_comment-text_bymws_51",
+  "comment-text": "_comment-text_d788a_63",
   commentText: cf,
-  "comment-author-avatar": "_comment-author-avatar_bymws_71",
+  "comment-author-avatar": "_comment-author-avatar_d788a_83",
   commentAuthorAvatar: ff,
-  "comment-author-name": "_comment-author-name_bymws_95",
+  "comment-author-name": "_comment-author-name_d788a_107",
   commentAuthorName: df
 };
 function gf({ comment: re }) {
@@ -18694,13 +18695,14 @@ function mf({
   comments: re,
   isKebabMenuVisible: he
 }) {
-  const Re = Wn(), tt = af(re, hf), ut = !!$n("textTrack"), Mt = tt.map((Pe) => /* @__PURE__ */ ve(gf, { comment: Pe }, Pe.id));
+  const Re = Wn(), { controlsLayout: tt } = or(), ut = af(re, hf), Mt = !!$n("textTrack"), Pe = ut.map((Ee) => /* @__PURE__ */ ve(gf, { comment: Ee }, Ee.id));
   return re.length > 0 && Re.state.commentsEnabled ? /* @__PURE__ */ ve(
     "div",
     {
       className: Vr.commentsOverlay,
       style: {
-        flexDirection: Re.state.captionPositionOnTop && ut ? "column-reverse" : "column"
+        flexDirection: Re.state.captionPositionOnTop && Mt ? "column-reverse" : "column",
+        "--comments-fullscreen-offset": tt === "normal" ? "5.5rem" : "4rem"
       },
       children: /* @__PURE__ */ ve(
         "div",
@@ -18708,7 +18710,7 @@ function mf({
           className: Ii(Vr.commentsContainer, {
             [Vr.kebab]: he
           }),
-          children: ut ? Mt.slice(-3) : Mt
+          children: Mt ? Pe.slice(-3) : Pe
         }
       )
     }
@@ -18897,7 +18899,7 @@ function oo({
 }
 const jf = (re) => /* @__PURE__ */ ve("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...re, children: /* @__PURE__ */ ve("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 0V12.7489H5.44V18L10.5007 12.7489H16.582V0H1ZM2 1H15.58V11.7339H9.98655L6.52667 15.25V11.7339H2V1ZM5.24963 5.35011H12.3323V4.24835H5.24963V5.35011ZM5.24963 8.18462H9.50067V7.08285H5.24963V8.18462Z", fill: "currentColor" }) });
 function Yf() {
-  const { t: re } = Hn(), he = lr(), Re = Wn();
+  const { t: re } = Hn(), he = or(), Re = Wn();
   return !he.forceComments && he.hasComments ? /* @__PURE__ */ ve(
     oo,
     {
@@ -19004,7 +19006,7 @@ function ed() {
   );
 }
 function td() {
-  const re = lr(), { t: he } = Hn();
+  const re = or(), { t: he } = Hn();
   return /* @__PURE__ */ ln(Jr, { heading: he("CAPTIONS"), children: [
     /* @__PURE__ */ ve($f, {}),
     /* @__PURE__ */ ve(Xf, {}),
@@ -19048,7 +19050,7 @@ const jr = () => {
   return re;
 };
 function id() {
-  const re = jr(), he = lr(), { t: Re } = Hn();
+  const re = jr(), he = or(), { t: Re } = Hn();
   return Pr(() => {
     he.captions.length === 0 && re.backToMain();
   }, [he.captions]), /* @__PURE__ */ ve(Jr, { heading: Re("CAPTIONS_MANAGE"), children: he.captions.map((tt) => /* @__PURE__ */ ln(
@@ -19345,7 +19347,7 @@ const Sd = (re) => /* @__PURE__ */ ve("svg", { width: 24, height: 24, viewBox: "
   fullScreenButton: Id
 };
 function Rd() {
-  const re = $n("fullscreen"), he = Dr(), Re = Wn(), tt = lr(), { t: ut } = Hn();
+  const re = $n("fullscreen"), he = Dr(), Re = Wn(), tt = or(), { t: ut } = Hn();
   return tt.hideFullScreen ? null : /* @__PURE__ */ ve(
     "button",
     {
@@ -19510,7 +19512,7 @@ const Yd = "_comment-markers_tqdlg_1", Kd = "_comment-marker_tqdlg_1", zd = "_ti
   tooltipArrow: Eg
 };
 function Ps() {
-  const re = $n("duration"), he = lr(), Re = Wn();
+  const re = $n("duration"), he = or(), Re = Wn();
   return re > 0 && he.hasComments && Re.state.commentsEnabled ? /* @__PURE__ */ ve("div", { className: Mn.commentMarkers, children: he.comments.map((tt) => /* @__PURE__ */ ve(
     "span",
     {
@@ -19523,7 +19525,7 @@ function Ps() {
   )) }) : null;
 }
 const vg = ac(function({ currentTime: he, position: Re }, tt) {
-  const [ut, Mt] = _r(!1), [Pe, Ee] = _r(null), C = lr(), ie = Wn(), v = Zn(() => {
+  const [ut, Mt] = _r(!1), [Pe, Ee] = _r(null), C = or(), ie = Wn(), v = Zn(() => {
     C.interactiveMenuElements.length > 0 ? Mt((L) => (ie.setGlobalKeysDisabled(!L), !L)) : C.onInteractivePinClick(he);
   }, [
     C.interactiveMenuElements,
@@ -19689,7 +19691,7 @@ const vg = ac(function({ currentTime: he, position: Re }, tt) {
 };
 function bg() {
   var Ee;
-  const re = $n("duration"), he = $n("currentTime"), Re = he / re * 100, { disableInteractivePinRanges: tt } = lr(), ut = !tt.some(
+  const re = $n("duration"), he = $n("currentTime"), Re = he / re * 100, { disableInteractivePinRanges: tt } = or(), ut = !tt.some(
     ([C, ie]) => he >= C && he <= ie
   ), { wasPinFocused: Mt, focusCallback: Pe } = Tg();
   return ut ? /* @__PURE__ */ ve("div", { className: Mn.interactivePinContainer, children: /* @__PURE__ */ ve("div", { className: Mn.interactivePinWrapper, children: /* @__PURE__ */ ve(
@@ -19851,7 +19853,7 @@ function Dg(re, he, Re, tt) {
   }
 }
 function Og() {
-  const re = oa(), he = $n("duration"), Re = lr(), tt = Mr(() => [
+  const re = oa(), he = $n("duration"), Re = or(), tt = Mr(() => [
     ...Cg(
       Re.annotations,
       Re.onAnnotationClick
@@ -20329,7 +20331,7 @@ const qg = (re) => /* @__PURE__ */ ve("svg", { width: 56, height: 72, viewBox: "
   /* @__PURE__ */ ve("path", { d: "M14.7142857,14.2824 L14.7142857,13 L13.2857143,13.2548 L13.2857143,23.0912 C12.8642857,22.9106 12.3785714,22.8 11.8571429,22.8 C10.2771429,22.8 9,23.7408 9,24.9 C9,26.0592 10.2771429,27 11.8571429,27 C12.3785714,27 12.8642857,26.8894 13.2857143,26.7088 C14.1371429,26.3448 14.7142857,25.6756 14.7142857,24.9 L14.7142857,17.0824 C17.5714286,17.0824 19,20 19,21.4 C19,15.8 16.1428571,14.2824 14.7142857,14.2824", id: "Fill-776", fill: "#384A58" })
 ] }) }) });
 function Hg() {
-  const re = lr();
+  const re = or();
   return /* @__PURE__ */ ln("div", { className: "audio-layout-wrapper", children: [
     /* @__PURE__ */ ve(qg, {}),
     /* @__PURE__ */ ve(Js, {}),
@@ -20340,7 +20342,7 @@ function Hg() {
   ] });
 }
 function Vg() {
-  const re = lr(), he = re.kebabMenuElements.length > 0;
+  const re = or(), he = re.kebabMenuElements.length > 0;
   return /* @__PURE__ */ ln(pi, { children: [
     /* @__PURE__ */ ve(Js, {}),
     /* @__PURE__ */ ve(Bs, {}),
@@ -20367,7 +20369,7 @@ const jg = "_root_1nwjd_1", Yg = "_normal_1nwjd_15", Kg = "_compact_1nwjd_22", z
   indicators: Qg
 };
 function Xg() {
-  const re = Dr(), he = lr();
+  const re = Dr(), he = or();
   Pr(() => {
     const Re = () => {
       const tt = he.startAt;
@@ -20384,7 +20386,7 @@ function $g({
   controlsLayout: Re,
   showCaptionsButton: tt
 }) {
-  const ut = Dr(), Mt = Wn(), { hasAnnotations: Pe, hasQuizmarkers: Ee, interactive: C } = lr(), ie = Mt.state.interactionsDisabled || Mt.state.isKeyboardShortcutsOpen;
+  const ut = Dr(), Mt = Wn(), { hasAnnotations: Pe, hasQuizmarkers: Ee, interactive: C } = or(), ie = Mt.state.interactionsDisabled || Mt.state.isKeyboardShortcutsOpen;
   return Xg(), Pr(() => {
     const v = new AbortController();
     return ut && (ut.remoteControl.pauseControls(), ut.addEventListener(
@@ -20453,7 +20455,7 @@ function eh(re, he, Re, tt, ut) {
   };
 }
 function th() {
-  const re = Dr(), { quizMarkers: he, onQuizMarkerShow: Re } = lr(), [tt, ut] = _r(
+  const re = Dr(), { quizMarkers: he, onQuizMarkerShow: Re } = or(), [tt, ut] = _r(
     he.reduce((Mt, Pe) => (Mt[Pe.id] = !1, Mt), {})
   );
   Pr(() => {
@@ -20573,7 +20575,7 @@ function dh({
       children: /* @__PURE__ */ ve(gc, { contextValue: ee, children: /* @__PURE__ */ ln(
         rc,
         {
-          "data-version": "1.1.14",
+          "data-version": "1.1.15",
           crossOrigin: L,
           storage: x ? null : Ae,
           title: re,

package/package.json

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

package/dist/index-CXoy768z.css

@@ -1 +0,0 @@
-._annotation-overlay_1kxzn_1{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;user-select:none;z-index:1;background-color:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center}._media-buffering-indicator_1fwjr_1{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;z-index:1;background-color:#00000080;transition:opacity .2s ease}[data-media-player][data-buffering] ._media-buffering-spinner_1fwjr_17{pointer-events:none;animation:_media-buffering-spin_1fwjr_17 1s linear infinite}._media-buffering-track_1fwjr_22{color:#f5f5f5;opacity:.25}._media-buffering-track-fill_1fwjr_27{color:var(--media-brand, #f5f5f5);opacity:.75}[data-media-player][data-buffering] ._media-buffering-indicator_1fwjr_1{opacity:1}@keyframes _media-buffering-spin_1fwjr_17{to{transform:rotate(360deg)}}._controls-overlay_1a2fb_1{display:flex;position:absolute;gap:.5rem;padding:1rem;top:0;right:0;bottom:0;left:0;justify-content:end;pointer-events:none}._keyboard-shortcuts-overlay_1a2fb_11{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000000b3;color:#fff;padding:1.5rem;-webkit-user-select:none;user-select:none;overflow-y:auto;display:flex;flex-direction:column;align-items:center;z-index:1}._keyboard-shortcuts-overlay_1a2fb_11 header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}:is(._keyboard-shortcuts-overlay_1a2fb_11 header) h2{font-size:1rem;font-weight:500;margin:0}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_1a2fb_11 header) h2{font-size:1.5rem}}._keyboard-shortcuts-overlay_1a2fb_11 table{width:100%;max-width:54rem;padding:0;border-collapse:collapse}@container player (width > 400px) and (height > 300px){._keyboard-shortcuts-overlay_1a2fb_11 table{padding:2rem}}:is(._keyboard-shortcuts-overlay_1a2fb_11 table) tr{border-bottom:1px solid rgba(232 234 236 / .2)}:is(._keyboard-shortcuts-overlay_1a2fb_11 table) tbody tr:last-child{border-bottom:none}:is(._keyboard-shortcuts-overlay_1a2fb_11 table) th,:is(._keyboard-shortcuts-overlay_1a2fb_11 table) td{text-align:left;font-size:.75rem;line-height:1.5}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_1a2fb_11 table) th,:is(._keyboard-shortcuts-overlay_1a2fb_11 table) td{font-size:.875rem}}@container player (width >= 720px) and (height > 300px){:is(._keyboard-shortcuts-overlay_1a2fb_11 table) th,:is(._keyboard-shortcuts-overlay_1a2fb_11 table) td{font-size:1rem}}._keyboard-shortcuts-overlay_1a2fb_11 ._screen-reader-content_1a2fb_76{width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;position:absolute;top:0;inset-inline-start:0;overflow:hidden;clip:rect(0 0 0 0);border:0}._controls-button_1a2fb_90{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-2);border:1px solid #d7dade;background:var(--controls-layout-bg-color)}._controls-button_1a2fb_90:focus-visible{outline:var(--focus-ring)}._keyboard-shortcuts-button_1a2fb_106{opacity:0;margin-right:auto}._keyboard-shortcuts-button_1a2fb_106:focus-visible{opacity:1;pointer-events:auto}._kebab-menu-button_1a2fb_116{opacity:1;pointer-events:auto;transition:opacity;transition-duration:0s;transition-timing-function:linear;transition-delay:0s;cursor:pointer;color:inherit}._kebab-menu-button_1a2fb_116 svg{flex-shrink:0}._kebab-menu-button_1a2fb_116:hover{background-color:var(--media-button-icon-hover-color, #e0e0e0)}._kebab-menu_1a2fb_116{display:flex;flex-direction:column;min-width:200px;pointer-events:auto;background-color:var(--settings-menu-bg-color, white);border-radius:var(--radius-2);padding-top:.25rem;padding-bottom:.25rem;z-index:1000;filter:drop-shadow(0 .125rem .1875rem rgba(0 0 0 / .5))}._kebab-menu-item_1a2fb_150{font-family:inherit;font-size:1rem;height:36px;text-rendering:geometricprecision;display:flex;align-items:center;gap:.5rem;padding:0 11px;border:none;outline:none;background-color:transparent;cursor:pointer;color:inherit;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._kebab-menu-item_1a2fb_150:hover,._kebab-menu-item_1a2fb_150:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}[data-media-player]:not([data-controls]) ._kebab-menu-button_1a2fb_116{opacity:0;transition-duration:.3s}[data-media-player][data-playing]:not([data-hover]) ._kebab-menu-button_1a2fb_116:not(:focus-visible,[aria-expanded=true]){opacity:0;transition-delay:1.5s;transition-duration:.2s}._close-button_1a2fb_190{background-color:transparent;border:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;width:2.25rem;height:2.25rem}._arrow_1a2fb_204{fill:#fff}._captions_1qij2_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(--caption-offset, var(--spacing-3))}._captions_1qij2_1[aria-hidden=true]{display:none}._captions_1qij2_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));padding:var(--spacing-2);background-color:var(--captions-background-color, rgba(22 22 22 / .75));border-radius:var(--radius-2);white-space:pre-wrap}@container player (width > 425px){._captions_1qij2_1 [data-part=cue]{font-size:calc(var(--captions-base-font-size-normal) * var(--captions-font-size-multiplier, 1))}}._comments-overlay_bymws_1{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--spacing-3);display:flex;align-items:end;pointer-events:none}._comments-container_bymws_10{display:flex;flex-direction:column;gap:.25rem;width:15rem}@container player (width >= 460px){._comments-container_bymws_10{width:23.4375rem}}._comments-container_bymws_10._kebab_bymws_20{margin-right:3.4375rem}@media (hover: none) and (orientation: portrait) and (max-width: 720px){[data-fullscreen] ._comments-overlay_bymws_1{justify-content:end}}._comment_bymws_1{display:grid;grid-template-areas:"avatar text";grid-template-columns:auto 1fr;align-items:center;padding:var(--spacing-1);gap:var(--spacing-1);border-radius:var(--radius-2);background-color:var(--comments-background-color);cursor:pointer;border:1px solid #666;pointer-events:auto}@container player (height > 540px){._comment_bymws_1{grid-template-areas:"text text" "avatar name"}}._comment-text_bymws_51{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_bymws_51{-webkit-line-clamp:2;line-clamp:2;font-size:var(--comments-font-size-large)}}._comment-author-avatar_bymws_71{grid-area:avatar;box-sizing:border-box;display:inline-block;object-fit:cover;width:var(--comments-avatar-size-xss);height:var(--comments-avatar-size-xss);border-radius:50%;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;contain:paint}@container player (height >= 400px){._comment-author-avatar_bymws_71{width:var(--comments-avatar-size-s);height:var(--comments-avatar-size-s)}}@container player (height > 540px){._comment-author-avatar_bymws_71{width:var(--comments-avatar-size-xs);height:var(--comments-avatar-size-xs)}}._comment-author-name_bymws_95{grid-area:name;color:var(--comments-author-color);font-size:var(--comments-font-size-large);font-weight:700;line-height:1.5;display:none}@container player (height > 540px){._comment-author-name_bymws_95{display:inline}}._settings-menu_1awmq_1{display:flex;flex-direction:column;font-size:.875rem;line-height:1.25rem;background-color:var(--settings-menu-bg-color, white);padding-top:.25rem;padding-bottom:.25rem;border-radius:var(--radius-2);width:294px;z-index:1000;overflow:auto;filter:drop-shadow(0 .125rem .1875rem rgba(0 0 0 / .5))}._settings-menu_1awmq_1:focus-visible{outline:2px solid var(--settings-menu-focus-color, #0078d4)}@container player (width > 400px) and (height > 300px){._settings-menu_1awmq_1{font-size:1rem;line-height:1.5rem}}@container player (height <= 300px){._settings-menu_1awmq_1{max-height:calc(100% - 56px)}}@container player (width < 300px){._settings-menu_1awmq_1{max-width:calc(100% - 8px)}}._menu-heading_1awmq_36{display:block;margin:0 var(--spacing-2);padding-top:var(--spacing-2);padding-bottom:.5625rem;border-bottom:.0625rem solid #c7cdd1;font-weight:700}._check-icon_1awmq_47,._trash-icon_1awmq_48{width:1.25rem;height:1.25rem}._check-icon_1awmq_47{visibility:hidden}._trash-icon_1awmq_48{color:var(--warning-color)}._menu-item-label_1awmq_61{display:block}._menu-item_1awmq_61{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;outline:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;padding:6px 11px;gap:var(--spacing-2);cursor:pointer;font-size:inherit;line-height:inherit;font-family:inherit;color:inherit}._menu-item_1awmq_61:hover,._menu-item_1awmq_61:focus-visible{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}:is(._menu-item_1awmq_61:hover,._menu-item_1awmq_61:focus-visible) ._trash-icon_1awmq_48{color:var(--settings-media-hover-color)}._menu-item_1awmq_61[aria-checked=true] ._check-icon_1awmq_47{visibility:visible}._menu-back-button_1awmq_98{display:flex;align-items:center;gap:var(--spacing-1);padding:6px 11px;color:var(--settings-submenu-color, #2d3b45);font-size:inherit;line-height:inherit;font-family:inherit;cursor:pointer;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._menu-back-button_1awmq_98:hover,._menu-back-button_1awmq_98:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._arrow_1awmq_124{fill:#fff}._menu-hint_1wiu5_1{color:var(--settings-media-submenu-hint-color, #9ea6ad)}._menu-button_1wiu5_5{position:relative;display:flex;align-items:center;width:100%;gap:var(--spacing-1);padding:.375rem .6875rem;color:var(--settings-submenu-color, #2d3b45);font-size:inherit;line-height:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit}._menu-button_1wiu5_5:hover,._menu-button_1wiu5_5:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._menu-button_1wiu5_5:hover ._menu-hint_1wiu5_1,._menu-button_1wiu5_5:focus ._menu-hint_1wiu5_1{color:var(--settings-media-hover-color, white)}._menu-label_1wiu5_37{flex-grow:1;text-align:left}._menu-icon_1wiu5_42{width:1.125rem;height:1.125rem}._switch-track_7nhpo_1{position:relative;background-color:#e8e8e8;width:2.625rem;height:1.75rem;border-radius:.875rem;will-change:background-color;transition:background-color .2s;box-shadow:#d7dade 0 0 0 .0625rem inset;margin:-.25rem 0}@container player (width > 400px) and (height > 300px){._switch-track_7nhpo_1{margin:-.125rem 0}}._switch-thumb_7nhpo_17{background-color:#fff;width:1.5rem;height:1.5rem;border-radius:.75rem;transform:translate(.125rem,.125rem);box-shadow:#e8eaec 0 0 0 .0625rem inset;will-change:transform;transition:transform .2s;display:flex;align-items:center;justify-content:center}._switch-icon_7nhpo_31{width:.875rem;height:.875rem;color:var(--settings-submenu-color)}._switch-body_7nhpo_37{display:flex;align-items:center;border:none;background-color:transparent;text-align:left;font-family:inherit;gap:var(--spacing-1);padding:.375rem .6875rem;color:var(--settings-submenu-color);font-size:inherit;line-height:inherit;cursor:pointer;outline:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._switch-body_7nhpo_37[aria-checked=true] ._switch-track_7nhpo_1{background-color:#03893d}._switch-body_7nhpo_37[aria-checked=true] ._switch-icon_7nhpo_31{color:#03893d}._switch-body_7nhpo_37[aria-checked=true] ._switch-thumb_7nhpo_17{transform:translate(1rem,.125rem)}._switch-body_7nhpo_37:hover,._switch-body_7nhpo_37:focus-visible{color:var(--settings-media-hover-color);background-color:var(--settings-media-hover-bg-color)}[aria-checked=true]:is(._switch-body_7nhpo_37:hover,._switch-body_7nhpo_37:focus-visible) ._switch-track_7nhpo_1{background-color:#e8e8e8}._switch-label_7nhpo_78{flex-grow:1}._menu-icon_7nhpo_82{width:1.125rem;height:1.125rem}._feedback-overlay_3kkqe_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_3kkqe_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_3kkqe_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_3kkqe_1 .2s linear;animation-fill-mode:forwards;will-change:transform,opacity}._feedback-icon_3kkqe_30:has(.right){align-self:end}._feedback-icon_3kkqe_30:has(.left){align-self:start}._feedback-icon_3kkqe_30>svg{width:100%;height:100%}@keyframes _feedback-icon-animation_3kkqe_1{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:.5}}@media (max-width: 425px){[data-fullscreen] ._full-screen-button_1xm32_2{display:none}}[data-media-player][data-view-type=audio] ._full-screen-button_1xm32_2{display:none}._gestures-container_1fn3b_1{display:contents}._gesture_1fn3b_1{position:absolute;top:0;right:0;bottom:0;left:0}[data-fullscreen] ._gesture_1fn3b_1{top:3.625rem}button._play-pause-button_vj8da_1{border:none;background:none}._small-layout-overlay_cmaq3_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;visibility:hidden;align-items:center;justify-content:center}@container player (max-width: 425px){._small-layout-overlay_cmaq3_1{visibility:visible}}._small-layout-button_cmaq3_14{width:5rem;height:5rem;background-color:#1616164d;display:flex;align-items:center;justify-content:center;border-radius:50%}._small-layout-icon-play_cmaq3_24,._small-layout-icon-pause_cmaq3_30{width:3rem;height:3rem;color:#fff}._small-layout-timestamp_cmaq3_36{position:absolute;left:0;bottom:0;margin:.5rem;display:flex;background:#000c;color:#fff;padding:.375rem .75rem;border-radius:var(--radius-2)}._full-screen-close-icon_cmaq3_49{display:none}[data-fullscreen] ._full-screen-close-icon_cmaq3_49{background-color:transparent;border:none;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;padding:1.25rem;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}[data-fullscreen][data-playing] ._full-screen-close-icon_cmaq3_49,[data-media-player][data-playing] ._small-layout-button_cmaq3_14,[data-media-player][data-playing] ._small-layout-timestamp_cmaq3_36{animation:_fade-out_cmaq3_1 1s;animation-delay:.5s;animation-fill-mode:forwards}@keyframes _fade-out_cmaq3_1{0%{opacity:1}to{opacity:0}}._time-indicator_1uygf_1{display:flex;color:#586874;-webkit-user-select:none;user-select:none}[data-fullscreen] ._time-indicator_1uygf_1,[data-darkmode=true] ._time-indicator_1uygf_1{color:#fff}._comment-markers_tqdlg_1{display:flex;position:relative;width:100%;height:.375rem;-webkit-user-select:none;user-select:none;pointer-events:none}._comment-marker_tqdlg_1{position:absolute;height:100%;width:.375rem;background-color:var(--comments-indicator-color);border-radius:50%}[data-darkmode=true] ._comment-marker_tqdlg_1,[data-fullscreen] ._comment-marker_tqdlg_1{background-color:var(--comments-indicator-color-darkmode)}._timeline-wrapper_tqdlg_23,._timeline-wrapper-compact_tqdlg_24{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 var(--spacing-2);grid-area:slider}._track_tqdlg_33{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_tqdlg_46{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_tqdlg_60{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_tqdlg_60[data-active] ._track_tqdlg_33{border-radius:var(--radius-2);height:.625rem}._root_tqdlg_60[data-focus] ._track_tqdlg_33{outline:var(--focus-ring);outline-offset:1px;border-radius:2px}._root_tqdlg_60[data-active] ._thumb_tqdlg_46{opacity:1}._track-inner_tqdlg_90{position:absolute;will-change:width;height:100%}._progress_tqdlg_96{z-index:0;width:var(--slider-progress, 0%);background-color:var(--timeline-track-progress-bg-color, #adb2b6)}._track-fill_tqdlg_102{z-index:1;width:var(--slider-fill, 0%);background-color:var(--timeline-track-fill-bg-color, #2b7abc)}:is([data-fullscreen] ._root_tqdlg_60,[data-darkmode=true] ._root_tqdlg_60) ._track_tqdlg_33{background-color:#333}:is([data-fullscreen] ._root_tqdlg_60,[data-darkmode=true] ._root_tqdlg_60) ._progress_tqdlg_96{background-color:#666}._pins_tqdlg_119{display:flex;position:relative;height:2rem;width:100%;-webkit-user-select:none;user-select:none}._pin-button_tqdlg_127{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_tqdlg_127:hover,._pin-button_tqdlg_127:focus-visible{transform:translate(-50%) scale(1.25);z-index:1}._pin-button_tqdlg_127:focus-visible{outline:var(--focus-ring);border-radius:var(--radius-2)}._annotation-pin_tqdlg_153{fill:var(--pin-color-1);stroke:var(--pin-color-2)}._annotation-pin_tqdlg_153:focus-visible{outline:var(--focus-ring)}._quiz-pin_tqdlg_162{fill:var(--pin-color-2);stroke:var(--controls-layout-bg-color)}._quiz-pin_tqdlg_162:focus-visible{outline:var(--focus-ring)}._annotation-pin-child_tqdlg_171{fill:var(--pin-color-3)}._quiz-pin-child_tqdlg_175{fill:#fff;font-size:.875rem}._interactive-pin-container_tqdlg_180{position:absolute;top:0;right:0;bottom:0;left:0;padding:0 var(--spacing-2);pointer-events:none}._interactive-pin-wrapper_tqdlg_187{position:relative;width:100%;height:100%}._interactive-pin-icon_tqdlg_193{transform-box:fill-box;transform-origin:center;transition:transform .2s ease-out}._interactive-pin-icon_tqdlg_193[data-open=true]{transform:rotate(45deg)}._interactive-pin_tqdlg_180{filter:drop-shadow(0 3px 6px rgba(0 0 0 / .16)) drop-shadow(0 3px 6px rgba(0 0 0 / .1))}._interactive-pin_tqdlg_180>._bg_tqdlg_207{fill:var(--timeline-thumb-color)}._interactive-pin_tqdlg_180>._symbol_tqdlg_211{stroke:var(--controls-layout-bg-color)}._interactive-pin-button_tqdlg_216{position:absolute;cursor:pointer;transform:translate(-50%);background-color:transparent;border:none;padding:0;display:flex;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;pointer-events:auto;top:-12px}:is(._interactive-pin-button_tqdlg_216:hover,._interactive-pin-button_tqdlg_216:focus-visible) ._interactive-pin_tqdlg_180>._bg_tqdlg_207{fill:#225f92}._interactive-pin-button_tqdlg_216:focus-visible{outline:var(--focus-ring);border-radius:var(--radius-2)}._interactive-pin-menu_tqdlg_245{box-sizing:border-box;display:flex;flex-direction:column;gap:.25rem;background-color:var(--settings-menu-bg-color, white);padding:.75rem .5rem;border-radius:var(--radius-2);width:200px;z-index:1000;pointer-events:auto;filter:drop-shadow(0 .125rem .1875rem rgba(0 0 0 / .5))}._interactive-pin-menu_tqdlg_245:focus-visible{outline:var(--focus-ring)}._interactive-pin-menu-item_tqdlg_266{-webkit-user-select:none;user-select:none;font-family:inherit;font-size:1rem;text-rendering:geometricprecision;display:flex;align-items:center;gap:.25rem;color:var(--pin-color-3);padding:.375rem .625rem;border-radius:var(--radius-2);border:1px solid #d7dade;background-color:var(--pin-color-1);cursor:pointer}._interactive-pin-menu-item_tqdlg_266:hover{background-color:#e8eaec}._interactive-pin-menu-item_tqdlg_266:focus-visible{outline:var(--focus-ring)}._arrow_tqdlg_292{fill:#fff}._tooltip_tqdlg_296{background-color:var(--tooltip-bg-color);color:#fff;padding:.375rem .75rem;border-radius:var(--radius-2);font-size:.875rem;pointer-events:none}._tooltip-arrow_tqdlg_305{fill:var(--tooltip-bg-color)}._timeline-wrapper-compact_tqdlg_24:has(._comment-markers_tqdlg_1){margin-top:-.375rem}._wrapper_1ijfr_1{display:flex;align-items:center}._track_1ijfr_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_1ijfr_16{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_1ijfr_30{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_1ijfr_6{background-color:#666}:is([data-fullscreen],[data-darkmode=true]) ._track-fill_1ijfr_30,:is([data-fullscreen],[data-darkmode=true]) ._thumb_1ijfr_16{background-color:#f5f5f5}._root_1ijfr_49{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_1ijfr_49{display:none}}._root_1ijfr_49[data-active] ._track_1ijfr_6{border-radius:.125rem;height:.3125rem}._root_1ijfr_49[data-focus]{outline:none}._root_1ijfr_49[data-focus] ._track_1ijfr_6{outline:var(--focus-ring);outline-offset:1px;border-radius:2px}._root_1ijfr_49[data-active] ._thumb_1ijfr_16{opacity:1}._wrapper_1ijfr_1:hover [data-media-volume-slider],[data-media-volume-slider][data-active]{margin-left:.5rem;width:4rem}._root_1nwjd_1{background-color:var(--controls-layout-bg-color, #f5f5f5);padding:var(--spacing-1);box-sizing:border-box;display:grid;align-items:center;row-gap:.25rem;column-gap:1rem;border-bottom-left-radius:var(--radius-2);border-bottom-right-radius:var(--radius-2)}._normal_1nwjd_15{grid-template-columns:auto 1fr auto;grid-template-areas:"slider slider slider" "left-controls indicators right-controls"}._compact_1nwjd_22{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"left-controls slider right-controls"}@container player (width > 425px){._compact_1nwjd_22{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"left-controls indicators slider right-controls"}}[data-fullscreen] ._root_1nwjd_1,[data-darkmode=true]._root_1nwjd_1{background-color:#000}[data-fullscreen] ._root_1nwjd_1:not(:has([data-pins])){position:fixed;bottom:0;width:100%;opacity:0;transition:opacity .3s ease-in-out}[data-fullscreen][data-controls] ._root_1nwjd_1{opacity:1}._left-controls_1nwjd_49{display:flex;gap:.25rem;grid-area:left-controls}._right-controls_1nwjd_55{display:flex;gap:.25rem;grid-area:right-controls}._indicators_1nwjd_61{grid-area:indicators;font-size:1rem;overflow:hidden;display:none}@container player (width > 425px){._indicators_1nwjd_61{display:block}}[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-font-size-large: 1rem;--comments-author-color: white;--comments-indicator-color: #64707a;--comments-indicator-color-darkmode: #868686;--comments-avatar-size-xss: 1.25rem;--comments-avatar-size-xs: 1.875rem;--comments-avatar-size-s: 2.5rem;--controls-layout-bg-color: #f5f5f5;--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;--warning-color: #e62429;--pin-color-1: #f2f4f4;--pin-color-2: #586874;--pin-color-3: #273540;--pin-light-color: #9ea6ad;--tooltip-bg-color: #334451;--focus-ring: 2px solid var(--focus-outline-color);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;overflow:hidden}[data-media-player]:focus-visible{outline:var(--focus-ring)}[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}.audio-layout-wrapper{display:flex;align-items:center;justify-content:center;position:relative;background-color:var(--controls-layout-bg-color);width:100%;border-top-left-radius:var(--radius-2);border-top-right-radius:var(--radius-2)}.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)}}.controls-button[data-hover],.controls-button:hover{background-color:var(--media-button-icon-hover-color, #e0e0e0)}.controls-button:focus-visible,.controls-button[data-focus]{outline:var(--focus-ring)}.controls-button-icon{color:var(--media-button-icon-color);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)}}[data-fullscreen] .controls-button{width:var(--media-button-area-size-large);height:var(--media-button-area-size-large)}[data-fullscreen]:not([data-controls]){cursor:none}:is([data-fullscreen],[data-darkmode=true]) .controls-button-icon{color:#fff}:is([data-fullscreen],[data-darkmode=true]) .controls-button[data-hover],:is([data-fullscreen],[data-darkmode=true]) .controls-button:hover{background-color:#ffffff26}.icon-rotate{transition:transform .2s ease-out}.controls-button[aria-expanded=true] .icon-rotate{transform:rotate(60deg);transition:transform .1s ease-in}.vds-blocker{top:0;right:0;bottom:0;left:0;position:absolute;pointer-events:none}