@instructure/studio-player 1.2.2 → 1.2.4

package/dist/StudioPlayer/StudioPlayer.d.ts

@@ -1,2 +1,2 @@
 import { StudioPlayerProps } from './StudioPlayer.types';
-export declare function StudioPlayer({ title, playerRef, src, captions, thumbnail, hideFullScreen, comments, locale, annotations, quizMarkers, interactive, onAnnotationClick, onQuizMarkerClick, onQuizMarkerShow, onInteractivePinClick, onCaptionsDelete, interactiveMenuElements, kebabMenuElements, darkMode, autoLoadCaptionSrc, forceComments, disableCaptionSettings, disableStorage, startAt, crossOrigin, captionOffsetOverride, disableInteractivePinRanges, customOverlay, controlsLayout, hideQuizMarkers, ytPfEduApiKey, }: StudioPlayerProps): import("react/jsx-runtime").JSX.Element;
+export declare function StudioPlayer({ title, playerRef, src, captions, thumbnail, hideFullScreen, comments, locale, annotations, quizMarkers, interactive, onAnnotationClick, onQuizMarkerClick, onQuizMarkerShow, onInteractivePinClick, onCaptionsDelete, interactiveMenuElements, kebabMenuElements, darkMode, autoLoadCaptionSrc, forceComments, disableCaptionSettings, disableStorage, startAt, crossOrigin, captionOffsetOverride, disableInteractivePinRanges, customOverlay, controlsLayout, hideQuizMarkers, ytPfEduEncryptedPayload, }: StudioPlayerProps): import("react/jsx-runtime").JSX.Element;

package/dist/StudioPlayer/StudioPlayer.types.d.ts

@@ -42,5 +42,5 @@ export type StudioPlayerProps = {
     onCaptionsDelete?: (caption: CaptionMetaData) => void;
     controlsLayout?: 'normal' | 'compact';
     hideQuizMarkers?: boolean;
-    ytPfEduApiKey?: string;
+    ytPfEduEncryptedPayload?: string;
 };

package/dist/index-CFsTCjSJ.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_1hs9n_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_1hs9n_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_1hs9n_11 header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}:is(._keyboard-shortcuts-overlay_1hs9n_11 header) h2{font-size:1rem;font-weight:500;margin:0}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_1hs9n_11 header) h2{font-size:1.5rem}}._keyboard-shortcuts-overlay_1hs9n_11 table{width:100%;max-width:54rem;padding:0;border-collapse:collapse}@container player (width > 400px) and (height > 300px){._keyboard-shortcuts-overlay_1hs9n_11 table{padding:2rem}}:is(._keyboard-shortcuts-overlay_1hs9n_11 table) tr{border-bottom:1px solid rgba(232 234 236 / .2)}:is(._keyboard-shortcuts-overlay_1hs9n_11 table) tbody tr:last-child{border-bottom:none}:is(._keyboard-shortcuts-overlay_1hs9n_11 table) th,:is(._keyboard-shortcuts-overlay_1hs9n_11 table) td{text-align:left;font-size:.75rem;line-height:1.5}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_1hs9n_11 table) th,:is(._keyboard-shortcuts-overlay_1hs9n_11 table) td{font-size:.875rem}}@container player (width >= 720px) and (height > 300px){:is(._keyboard-shortcuts-overlay_1hs9n_11 table) th,:is(._keyboard-shortcuts-overlay_1hs9n_11 table) td{font-size:1rem}}._keyboard-shortcuts-overlay_1hs9n_11 ._screen-reader-content_1hs9n_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_1hs9n_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_1hs9n_90:focus-visible{outline:var(--focus-ring)}._keyboard-shortcuts-button_1hs9n_106{opacity:0;margin-right:auto}._keyboard-shortcuts-button_1hs9n_106:focus-visible{opacity:1;pointer-events:auto}._kebab-menu-button_1hs9n_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_1hs9n_116 svg{flex-shrink:0}._kebab-menu-button_1hs9n_116:hover{background-color:var(--media-button-icon-hover-color, #e0e0e0)}._kebab-menu_1hs9n_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_1hs9n_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_1hs9n_150:hover,._kebab-menu-item_1hs9n_150:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}[data-media-player][data-playing]:not([data-hover]) ._kebab-menu-button_1hs9n_116:not(:focus-visible,[aria-expanded=true]),[data-media-player][data-fullscreen][data-playing]:not([data-controls]) ._kebab-menu-button_1hs9n_116:not(:focus-visible,[aria-expanded=true]){opacity:0;transition-duration:.2s}._close-button_1hs9n_189{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_1hs9n_203{fill:#fff}._captions_guhpx_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_guhpx_1{transition-delay:0s;padding-bottom:calc(var(--spacing-3) + var(--captions-fullscreen-offset))}._captions_guhpx_1[aria-hidden=true]{display:none}._captions_guhpx_1 [data-part=cue]{color:var(--captions-color, white);text-align:center;max-width:50ch;line-height:1.5;font-size:calc(clamp(.875rem,4cqh,2rem) * var(--captions-font-size-multiplier, 1));padding:0 var(--spacing-2);background-color:var(--captions-background-color, rgba(22 22 22 / .75));border-radius:var(--radius-2);white-space:pre-wrap}._comments-overlay_z1669_1{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--spacing-3);display:flex;align-items:end;pointer-events:none;transition:padding .1s ease-in-out;transition-delay:0s}._comments-container_z1669_12{display:flex;flex-direction:column;gap:.25rem;width:15rem;margin-right:3.4375rem}@container player (width >= 460px){._comments-container_z1669_12{width:23.4375rem}}@media (hover: none) and (orientation: portrait) and (max-width: 720px){[data-fullscreen] ._comments-overlay_z1669_1{justify-content:end}}[data-fullscreen][data-controls]:not(:has([data-pins])) ._comments-overlay_z1669_1{padding-bottom:calc(var(--spacing-3) + var(--comments-fullscreen-offset));transition-delay:.3s}._comment_z1669_1{display:grid;grid-template-areas:"avatar text";grid-template-columns:auto 1fr;align-items:center;padding:var(--spacing-1);gap:var(--spacing-1);border-radius:var(--radius-2);background-color:var(--comments-background-color);cursor:pointer;border:1px solid #666;pointer-events:auto}@container player (height > 540px){._comment_z1669_1{grid-template-areas:"text text" "avatar name"}}._comment-text_z1669_55{grid-area:text;color:var(--comments-color);font-size:var(--comments-font-size-small);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;-webkit-user-select:none;user-select:none}@container player (height >= 400px){._comment-text_z1669_55{-webkit-line-clamp:2;line-clamp:2;font-size:var(--comments-font-size-large)}}._comment-author-avatar_z1669_75{grid-area:avatar;box-sizing:border-box;display:inline-block;object-fit:cover;width:var(--comments-avatar-size-xss);height:var(--comments-avatar-size-xss);border-radius:50%;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;contain:paint}@container player (height >= 400px){._comment-author-avatar_z1669_75{width:var(--comments-avatar-size-s);height:var(--comments-avatar-size-s)}}@container player (height > 540px){._comment-author-avatar_z1669_75{width:var(--comments-avatar-size-xs);height:var(--comments-avatar-size-xs)}}._comment-author-name_z1669_99{grid-area:name;color:var(--comments-author-color);font-size:var(--comments-font-size-large);font-weight:700;line-height:1.5;display:none}@container player (height > 540px){._comment-author-name_z1669_99{display:inline}}._settings-menu_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_14jdq_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:var(--spacing-4);flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;pointer-events:none}._feedback-message_14jdq_14{font-weight:300;position:absolute;top:10%;display:flex;justify-content:center;align-items:center;padding:var(--spacing-2);background-color:var(--feedback-message-bg-color, black);color:var(--feedback-message-color, white);border-radius:var(--radius-2);font-size:1rem;line-height:1.5;opacity:.75}._feedback-icon_14jdq_30{box-sizing:border-box;display:inline-flex;color:var(--feedback-icon-color, white);padding:var(--spacing-3);width:4.5rem;height:4.5rem;background-color:var(--feedback-icon-bg-color, black);border-radius:var(--radius-rounded);animation:_feedback-icon-animation_14jdq_1 .2s linear;animation-fill-mode:forwards;will-change:transform,opacity}._feedback-icon_14jdq_30:has(.right){align-self:end}._feedback-icon_14jdq_30:has(.left){align-self:start}._feedback-icon_14jdq_30>svg{width:100%;height:100%}@keyframes _feedback-icon-animation_14jdq_1{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:.5}}@media (max-width: 425px){[data-fullscreen] ._full-screen-button_1xm32_2{display:none}}[data-media-player][data-view-type=audio] ._full-screen-button_1xm32_2{display:none}._gestures-container_1fn3b_1{display:contents}._gesture_1fn3b_1{position:absolute;top:0;right:0;bottom:0;left:0}[data-fullscreen] ._gesture_1fn3b_1{top:3.625rem}button._play-pause-button_vj8da_1{border:none;background:none}._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_2yz4f_1{display:flex;position:relative;width:100%;height:.375rem;-webkit-user-select:none;user-select:none;pointer-events:none;margin-top:.375rem}._comment-marker_2yz4f_1{position:absolute;height:100%;width:.375rem;background-color:var(--comments-indicator-color);border-radius:50%}[data-darkmode=true] ._comment-marker_2yz4f_1,[data-fullscreen] ._comment-marker_2yz4f_1{background-color:var(--comments-indicator-color-darkmode)}._timeline-wrapper_2yz4f_24,._timeline-wrapper-compact_2yz4f_25{position:relative;display:flex;flex-direction:column;align-items:center;grid-area:slider}._timeline-wrapper_2yz4f_24{padding:0 var(--spacing-1)}._timeline-wrapper-compact_2yz4f_25{padding:0 var(--spacing-3)}._timeline-wrapper-compact_2yz4f_25:has(._comment-markers_2yz4f_1){margin-top:-.375rem}._timeline-wrapper-compact_2yz4f_25 ._comment-markers_2yz4f_1{margin-top:0}@container player (width > 400px) and (height > 300px){._timeline-wrapper-compact_2yz4f_25{padding:0 var(--spacing-3)}}._track_2yz4f_53{width:100%;height:.25rem;will-change:height;position:relative;background-color:var(--timeline-track-bg-color, #ccd0d2);border-radius:var(--radius-1);contain:strict;transition:height .15s,border-radius .15s}._thumb_2yz4f_66{position:absolute;width:1.125rem;height:1.125rem;background-color:var(--timeline-thumb-color, #2b7abc);border-radius:var(--radius-rounded);cursor:pointer;opacity:0;transform:translate(-50%) translateZ(0);transition:opacity .15s ease-in;left:var(--slider-fill);will-change:left}._root_2yz4f_80{display:inline-flex;width:100%;height:1.25rem;position:relative;align-items:center;contain:layout style;outline:none;cursor:pointer;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._root_2yz4f_80[data-active] ._track_2yz4f_53{border-radius:var(--radius-2);height:.625rem}._root_2yz4f_80[data-focus] ._track_2yz4f_53{outline:var(--focus-ring);outline-offset:1px;border-radius:2px}._root_2yz4f_80[data-active] ._thumb_2yz4f_66{opacity:1}._track-inner_2yz4f_110{position:absolute;will-change:width;height:100%}._progress_2yz4f_116{z-index:0;width:var(--slider-progress, 0%);background-color:var(--timeline-track-progress-bg-color, #adb2b6)}._track-fill_2yz4f_122{z-index:1;width:var(--slider-fill, 0%);background-color:var(--timeline-track-fill-bg-color, #2b7abc)}:is([data-fullscreen] ._root_2yz4f_80,[data-darkmode=true] ._root_2yz4f_80) ._track_2yz4f_53{background-color:#333}:is([data-fullscreen] ._root_2yz4f_80,[data-darkmode=true] ._root_2yz4f_80) ._progress_2yz4f_116{background-color:#666}._pins_2yz4f_139{display:flex;position:relative;height:2rem;width:100%;-webkit-user-select:none;user-select:none;margin-top:.25rem}._pin-button_2yz4f_148{display:flex;background-color:transparent;border:none;padding:0;position:absolute;transform:translate(-50%);cursor:pointer;transition:transform .2s ease-out;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._pin-button_2yz4f_148:hover,._pin-button_2yz4f_148:focus-visible{transform:translate(-50%) scale(1.25);z-index:1}._pin-button_2yz4f_148:focus-visible{outline:var(--focus-ring);border-radius:var(--radius-2)}._annotation-pin_2yz4f_174{fill:var(--pin-color-1);stroke:var(--pin-color-2)}._annotation-pin_2yz4f_174:focus-visible{outline:var(--focus-ring)}._quiz-pin_2yz4f_183{fill:var(--pin-color-2);stroke:var(--controls-layout-bg-color)}._quiz-pin_2yz4f_183:focus-visible{outline:var(--focus-ring)}._annotation-pin-child_2yz4f_192{fill:var(--pin-color-3)}._quiz-pin-child_2yz4f_196{fill:#fff;font-size:.875rem}._interactive-pin-container_2yz4f_201{position:absolute;top:0;right:0;bottom:0;left:0;padding:0 var(--spacing-2);pointer-events:none}._interactive-pin-wrapper_2yz4f_208{position:relative;width:100%;height:100%}._interactive-pin-icon_2yz4f_214{transform-box:fill-box;transform-origin:center;transition:transform .2s ease-out}._interactive-pin-icon_2yz4f_214[data-open=true]{transform:rotate(45deg)}._interactive-pin_2yz4f_201{filter:drop-shadow(0 3px 6px rgba(0 0 0 / .16)) drop-shadow(0 3px 6px rgba(0 0 0 / .1))}._interactive-pin_2yz4f_201>._bg_2yz4f_228{fill:var(--timeline-thumb-color)}._interactive-pin_2yz4f_201>._symbol_2yz4f_232{stroke:var(--controls-layout-bg-color)}._interactive-pin-button_2yz4f_237{position:absolute;cursor:pointer;transform:translate(-50%);background-color:transparent;border:none;padding:0;display:flex;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;pointer-events:auto;top:-8px}:is(._interactive-pin-button_2yz4f_237:hover,._interactive-pin-button_2yz4f_237:focus-visible) ._interactive-pin_2yz4f_201>._bg_2yz4f_228{fill:#225f92}._interactive-pin-button_2yz4f_237:focus-visible{outline:var(--focus-ring);border-radius:var(--radius-2)}._interactive-pin-menu_2yz4f_266{box-sizing:border-box;display:flex;flex-direction:column;gap:.25rem;background-color:var(--settings-menu-bg-color, white);padding:.75rem .5rem;border-radius:var(--radius-2);width:200px;z-index:1000;pointer-events:auto;filter:drop-shadow(0 .125rem .1875rem rgba(0 0 0 / .5))}._interactive-pin-menu_2yz4f_266:focus-visible{outline:var(--focus-ring)}._interactive-pin-menu-item_2yz4f_287{-webkit-user-select:none;user-select:none;font-family:inherit;font-size:1rem;text-rendering:geometricprecision;display:flex;align-items:center;gap:.25rem;color:var(--pin-color-3);padding:.375rem .625rem;border-radius:var(--radius-2);border:1px solid #d7dade;background-color:var(--pin-color-1);cursor:pointer}._interactive-pin-menu-item_2yz4f_287:hover{background-color:#e8eaec}._interactive-pin-menu-item_2yz4f_287:focus-visible{outline:var(--focus-ring)}._arrow_2yz4f_313{fill:#fff}._tooltip_2yz4f_317{background-color:var(--tooltip-bg-color);color:#fff;padding:.375rem .75rem;border-radius:var(--radius-2);font-size:.875rem;pointer-events:none}._tooltip-arrow_2yz4f_326{fill:var(--tooltip-bg-color)}._wrapper_trdhg_1{display:flex;align-items:center}._track_trdhg_6{width:100%;height:.25rem;will-change:height;background-color:var(--volume-track-bg-color, #ccd0d2);border-radius:var(--radius-1);contain:strict;transition:height .15s,border-radius .15s}._thumb_trdhg_18{position:absolute;width:.875rem;height:.875rem;background-color:var(--volume-thumb-bg-color, #2d3b45);border-radius:var(--radius-rounded);cursor:pointer;opacity:0;transform:translate(-50%) translateZ(0);transition:opacity .15s ease-in;left:var(--slider-fill);will-change:left}._track-fill_trdhg_32{width:var(--slider-fill, 0%);will-change:width;height:100%;background-color:var(--volume-track-fill-bg-color, #2d3b45)}:is([data-fullscreen],[data-darkmode=true]) ._track_trdhg_6{background-color:#666}:is([data-fullscreen],[data-darkmode=true]) ._track-fill_trdhg_32,:is([data-fullscreen],[data-darkmode=true]) ._thumb_trdhg_18{background-color:#f5f5f5}._root_trdhg_51{display:inline-flex;height:1.25rem;align-items:center;contain:layout style;cursor:pointer;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;width:0;will-change:width,margin;transition:all .15s;box-sizing:border-box}@media (max-width: 425px) and (hover: none){._root_trdhg_51{display:none}}._root_trdhg_51[data-active] ._track_trdhg_6{border-radius:.125rem;height:.3125rem}._root_trdhg_51[data-focus]{outline:none}._root_trdhg_51[data-focus] ._track_trdhg_6{outline:var(--focus-ring);outline-offset:1px;border-radius:2px}._root_trdhg_51[data-active] ._thumb_trdhg_18{opacity:1}._wrapper_trdhg_1:hover [data-media-volume-slider],[data-media-volume-slider][data-active]{margin-left:.5rem;width:4rem}._root_narhv_1{background-color:var(--controls-layout-bg-color, #f5f5f5);padding:var(--controls-layout-padding-small);box-sizing:border-box;display:grid;align-items:center;border-bottom-left-radius:var(--radius-3);border-bottom-right-radius:var(--radius-3)}@container player (width > 400px) and (height > 300px){._root_narhv_1{padding:var(--controls-layout-padding-medium)}}[data-fullscreen] ._root_narhv_1{border-bottom-left-radius:0;border-bottom-right-radius:0}._normal_narhv_22{grid-template-columns:auto 1fr auto;grid-template-areas:"slider slider slider" "left-controls indicators right-controls"}@container player (width > 400px) and (height > 300px){._normal_narhv_22{padding-top:0}}._compact_narhv_33{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"left-controls slider right-controls"}@container player (width > 425px){._compact_narhv_33{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"left-controls indicators slider right-controls"}}[data-fullscreen] ._root_narhv_1,._root_narhv_1[data-darkmode=true]{background-color:#000;padding:var(--controls-layout-padding-large)}[data-fullscreen] ._root_narhv_1[data-controls-layout=normal]{padding-top:var(--controls-layout-padding-small)}[data-fullscreen] ._root_narhv_1:not(:has([data-pins])){position:fixed;bottom:0;width:100%;opacity:0;transition:opacity .3s ease-in-out}[data-fullscreen][data-controls] ._root_narhv_1,[data-fullscreen]:has([role=dialog]) ._root_narhv_1{opacity:1}._left-controls_narhv_66{display:flex;grid-area:left-controls}@container player (width > 400px) and (height > 300px){._left-controls_narhv_66{gap:.5rem}}._right-controls_narhv_75{display:flex;grid-area:right-controls}@container player (width > 400px) and (height > 300px){._right-controls_narhv_75{gap:.5rem}}._indicators_narhv_84{grid-area:indicators;font-size:1rem;overflow:hidden;display:none;margin-left:.25rem}@container player (width > 425px){._indicators_narhv_84{display:block}}@container (height > 300px){._indicators_narhv_84{margin-left:1rem}}[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;--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;--controls-layout-padding-small: .25rem;--controls-layout-padding-medium: .5rem;--controls-layout-padding-large: .75rem;--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: .625rem;--radius-rounded: 50%;--media-button-area-size-small: 2rem;--media-button-area-size-medium: 2.5rem;--media-button-icon-size-small: 1rem;--media-button-icon-size-medium: 1.25rem;--action-buttons-color: #0374b5;--action-buttons-hover-color: #235f93;--action-buttons-border-color: #025483;--warning-color: #e62429;--pin-color-1: #f2f4f4;--pin-color-2: #586874;--pin-color-3: #273540;--pin-light-color: #9ea6ad;--tooltip-bg-color: #334451;--focus-ring: 2px solid var(--focus-outline-color);outline:none;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-3);border-top-right-radius:var(--radius-3)}[data-media-provider] video,[data-media-provider] iframe{width:100%;height:100%;object-fit:contain;position:absolute}[data-fullscreen] [data-media-provider]{border-top-left-radius:0;border-top-right-radius:0}.audio-layout-wrapper{display:flex;align-items:center;justify-content:center;position:relative;background-color:var(--controls-layout-bg-color);width:100%;border-top-left-radius:var(--radius-3);border-top-right-radius:var(--radius-3)}.controls-button{background-color:transparent;border:none;border-radius:var(--radius-2);cursor:pointer;margin:0;display:flex;align-items:center;justify-content:center;transition:background-color .2s;width:var(--media-button-area-size-small);height:var(--media-button-area-size-small)}.controls-button[data-hover],.controls-button:hover{background-color:var(--media-button-icon-hover-color, #e0e0e0)}.controls-button:focus-visible,.controls-button[data-focus]{outline:var(--focus-ring)}.controls-button-icon{color:var(--media-button-icon-color);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)}}[data-fullscreen] .controls-button{width:var(--media-button-area-size-medium);height:var(--media-button-area-size-medium)}[data-fullscreen]:not([data-controls]){cursor:none}:is([data-fullscreen],[data-darkmode=true]) .controls-button-icon{color:#fff}:is([data-fullscreen],[data-darkmode=true]) .controls-button[data-hover],:is([data-fullscreen],[data-darkmode=true]) .controls-button:hover{background-color:#ffffff26}.icon-rotate{transition:transform .2s ease-out}.controls-button[aria-expanded=true] .icon-rotate{transform:rotate(60deg);transition:transform .1s ease-in}.vds-blocker{top:0;right:0;bottom:0;left:0;position:absolute;pointer-events:none}

package/dist/studio-player.es.js

@@ -1,4 +1,4 @@
-import './index-Bc3X9mWo.css';var jl = Object.defineProperty;
+import './index-CFsTCjSJ.css';var jl = Object.defineProperty;
 var Yl = (te, ge, we) => ge in te ? jl(te, ge, { enumerable: !0, configurable: !0, writable: !0, value: we }) : te[ge] = we;
 var Or = (te, ge, we) => Yl(te, typeof ge != "symbol" ? ge + "" : ge, we);
 import { jsx as ve, jsxs as ln, Fragment as mi } from "react/jsx-runtime";
@@ -6,8 +6,8 @@ import { createContext as Ya, useContext as Ka, useState as _r, useCallback as Z
 import { initReactI18next as zl, useTranslation as Hn } from "react-i18next";
 import Wl from "i18next";
 import Ql from "i18next-resources-to-backend";
-import { S as Dr, U as Xl, W as $l, X as Jl, Z as ia, _ as Wn, $ as ec, a0 as tc, a1 as nc, a2 as rc, a3 as ic, a4 as ac, a5 as oc, a6 as ra, a7 as Va, a8 as sc, a9 as Ps, aa as uc, ab as xs, ac as Fs, ad as lc, ae as cc, af as fc, ag as Ss, ah as As, ai as dc, aj as qa, ak as gc, al as hc } from "./vidstack-DPuv2JRL.js";
-import { am as Th } from "./vidstack-DPuv2JRL.js";
+import { S as Dr, U as Xl, W as $l, X as Jl, Z as ia, _ as Wn, $ as ec, a0 as tc, a1 as nc, a2 as rc, a3 as ic, a4 as ac, a5 as oc, a6 as ra, a7 as Va, a8 as sc, a9 as Ps, aa as uc, ab as xs, ac as Fs, ad as lc, ae as cc, af as fc, ag as Ss, ah as As, ai as dc, aj as qa, ak as gc, al as hc } from "./vidstack-DFQqpjQI.js";
+import { am as Th } from "./vidstack-DFQqpjQI.js";
 import { useFloating as aa, autoUpdate as oa, shift as za, offset as Wa, arrow as Qa, useMergeRefs as Xa, useListNavigation as ks, useDismiss as $a, useInteractions as Ja, FloatingFocusManager as eo, FloatingArrow as to, detectOverflow as mc } from "@floating-ui/react";
 var Ha = { exports: {} };
 /*! For license information please see dash.all.min.js.LICENSE.txt */
@@ -18574,7 +18574,7 @@ function nf() {
     }
   ) : null;
 }
-const rf = "_captions_11eq9_1", af = {
+const rf = "_captions_guhpx_1", af = {
   captions: rf
 }, of = (te, ge) => te ? ge.top : ge.bottom;
 function Ys({ captions: te }) {
@@ -19452,53 +19452,53 @@ function Xd() {
     /* @__PURE__ */ ve(ra, { type: "duration" })
   ] });
 }
-const $d = "_comment-markers_g0hly_1", Jd = "_comment-marker_g0hly_1", eg = "_timeline-wrapper_g0hly_24", tg = "_timeline-wrapper-compact_g0hly_25", ng = "_track_g0hly_53", rg = "_thumb_g0hly_66", ig = "_root_g0hly_80", ag = "_track-inner_g0hly_110", og = "_progress_g0hly_116", sg = "_track-fill_g0hly_122", ug = "_pins_g0hly_139", lg = "_pin-button_g0hly_148", cg = "_annotation-pin_g0hly_174", fg = "_quiz-pin_g0hly_183", dg = "_annotation-pin-child_g0hly_192", gg = "_quiz-pin-child_g0hly_196", hg = "_interactive-pin-container_g0hly_201", mg = "_interactive-pin-wrapper_g0hly_208", pg = "_interactive-pin-icon_g0hly_214", yg = "_interactive-pin_g0hly_201", _g = "_bg_g0hly_228", Eg = "_symbol_g0hly_232", vg = "_interactive-pin-button_g0hly_237", Tg = "_interactive-pin-menu_g0hly_266", bg = "_interactive-pin-menu-item_g0hly_287", Sg = "_arrow_g0hly_313", Ag = "_tooltip_g0hly_317", Ig = "_tooltip-arrow_g0hly_326", Mn = {
-  "comment-markers": "_comment-markers_g0hly_1",
+const $d = "_comment-markers_2yz4f_1", Jd = "_comment-marker_2yz4f_1", eg = "_timeline-wrapper_2yz4f_24", tg = "_timeline-wrapper-compact_2yz4f_25", ng = "_track_2yz4f_53", rg = "_thumb_2yz4f_66", ig = "_root_2yz4f_80", ag = "_track-inner_2yz4f_110", og = "_progress_2yz4f_116", sg = "_track-fill_2yz4f_122", ug = "_pins_2yz4f_139", lg = "_pin-button_2yz4f_148", cg = "_annotation-pin_2yz4f_174", fg = "_quiz-pin_2yz4f_183", dg = "_annotation-pin-child_2yz4f_192", gg = "_quiz-pin-child_2yz4f_196", hg = "_interactive-pin-container_2yz4f_201", mg = "_interactive-pin-wrapper_2yz4f_208", pg = "_interactive-pin-icon_2yz4f_214", yg = "_interactive-pin_2yz4f_201", _g = "_bg_2yz4f_228", Eg = "_symbol_2yz4f_232", vg = "_interactive-pin-button_2yz4f_237", Tg = "_interactive-pin-menu_2yz4f_266", bg = "_interactive-pin-menu-item_2yz4f_287", Sg = "_arrow_2yz4f_313", Ag = "_tooltip_2yz4f_317", Ig = "_tooltip-arrow_2yz4f_326", Mn = {
+  "comment-markers": "_comment-markers_2yz4f_1",
   commentMarkers: $d,
-  "comment-marker": "_comment-marker_g0hly_1",
+  "comment-marker": "_comment-marker_2yz4f_1",
   commentMarker: Jd,
-  "timeline-wrapper": "_timeline-wrapper_g0hly_24",
+  "timeline-wrapper": "_timeline-wrapper_2yz4f_24",
   timelineWrapper: eg,
-  "timeline-wrapper-compact": "_timeline-wrapper-compact_g0hly_25",
+  "timeline-wrapper-compact": "_timeline-wrapper-compact_2yz4f_25",
   timelineWrapperCompact: tg,
   track: ng,
   thumb: rg,
   root: ig,
-  "track-inner": "_track-inner_g0hly_110",
+  "track-inner": "_track-inner_2yz4f_110",
   trackInner: ag,
   progress: og,
-  "track-fill": "_track-fill_g0hly_122",
+  "track-fill": "_track-fill_2yz4f_122",
   trackFill: sg,
   pins: ug,
-  "pin-button": "_pin-button_g0hly_148",
+  "pin-button": "_pin-button_2yz4f_148",
   pinButton: lg,
-  "annotation-pin": "_annotation-pin_g0hly_174",
+  "annotation-pin": "_annotation-pin_2yz4f_174",
   annotationPin: cg,
-  "quiz-pin": "_quiz-pin_g0hly_183",
+  "quiz-pin": "_quiz-pin_2yz4f_183",
   quizPin: fg,
-  "annotation-pin-child": "_annotation-pin-child_g0hly_192",
+  "annotation-pin-child": "_annotation-pin-child_2yz4f_192",
   annotationPinChild: dg,
-  "quiz-pin-child": "_quiz-pin-child_g0hly_196",
+  "quiz-pin-child": "_quiz-pin-child_2yz4f_196",
   quizPinChild: gg,
-  "interactive-pin-container": "_interactive-pin-container_g0hly_201",
+  "interactive-pin-container": "_interactive-pin-container_2yz4f_201",
   interactivePinContainer: hg,
-  "interactive-pin-wrapper": "_interactive-pin-wrapper_g0hly_208",
+  "interactive-pin-wrapper": "_interactive-pin-wrapper_2yz4f_208",
   interactivePinWrapper: mg,
-  "interactive-pin-icon": "_interactive-pin-icon_g0hly_214",
+  "interactive-pin-icon": "_interactive-pin-icon_2yz4f_214",
   interactivePinIcon: pg,
-  "interactive-pin": "_interactive-pin_g0hly_201",
+  "interactive-pin": "_interactive-pin_2yz4f_201",
   interactivePin: yg,
   bg: _g,
   symbol: Eg,
-  "interactive-pin-button": "_interactive-pin-button_g0hly_237",
+  "interactive-pin-button": "_interactive-pin-button_2yz4f_237",
   interactivePinButton: vg,
-  "interactive-pin-menu": "_interactive-pin-menu_g0hly_266",
+  "interactive-pin-menu": "_interactive-pin-menu_2yz4f_266",
   interactivePinMenu: Tg,
-  "interactive-pin-menu-item": "_interactive-pin-menu-item_g0hly_287",
+  "interactive-pin-menu-item": "_interactive-pin-menu-item_2yz4f_287",
   interactivePinMenuItem: bg,
   arrow: Sg,
   tooltip: Ag,
-  "tooltip-arrow": "_tooltip-arrow_g0hly_326",
+  "tooltip-arrow": "_tooltip-arrow_2yz4f_326",
   tooltipArrow: Ig
 };
 function Ds() {
@@ -20388,13 +20388,13 @@ function eh() {
     /* @__PURE__ */ ve(vf, { comments: te.comments })
   ] });
 }
-const th = "_root_oemub_1", nh = "_normal_oemub_17", rh = "_compact_oemub_28", ih = "_left-controls_oemub_58", ah = "_right-controls_oemub_67", oh = "_indicators_oemub_76", gi = {
+const th = "_root_narhv_1", nh = "_normal_narhv_22", rh = "_compact_narhv_33", ih = "_left-controls_narhv_66", ah = "_right-controls_narhv_75", oh = "_indicators_narhv_84", gi = {
   root: th,
   normal: nh,
   compact: rh,
-  "left-controls": "_left-controls_oemub_58",
+  "left-controls": "_left-controls_narhv_66",
   leftControls: ih,
-  "right-controls": "_right-controls_oemub_67",
+  "right-controls": "_right-controls_narhv_75",
   rightControls: ah,
   indicators: oh
 };
@@ -20435,6 +20435,7 @@ function uh({
     {
       "data-darkmode": te,
       "data-testid": "controls-layout",
+      "data-controls-layout": we,
       className: Ai(gi.root, {
         [gi.normal]: we === "normal",
         [gi.compact]: we === "compact"
@@ -20508,7 +20509,7 @@ function _h({
   customOverlay: K,
   controlsLayout: ae = "compact",
   hideQuizMarkers: j = !1,
-  ytPfEduApiKey: ee
+  ytPfEduEncryptedPayload: ee
 }) {
   const { contextValue: ue, shortcuts: Ae, storage: Q } = Xg(
     Mt,
@@ -20526,7 +20527,7 @@ function _h({
     [st]
   ), Ze = Zn(
     (qe) => {
-      qa(qe) ? qe.library = yc.MediaPlayer : As(qe) && (typeof ee == "string" && ee.length > 0 ? (qe.apiKey = ee, qe.education = !0) : qe.cookies = !0);
+      qa(qe) ? qe.library = yc.MediaPlayer : As(qe) && (typeof ee == "string" && ee.length > 0 ? (qe.encryptedPayload = ee, qe.education = !0) : qe.cookies = !0);
     },
     []
   );
@@ -20560,7 +20561,7 @@ function _h({
       children: /* @__PURE__ */ ve(Ec, { contextValue: ue, children: /* @__PURE__ */ ln(
         gc,
         {
-          "data-version": "1.2.2",
+          "data-version": "1.2.4",
           crossOrigin: P,
           storage: x ? null : Q,
           title: te,

package/dist/{vidstack-DPuv2JRL.js → vidstack-DFQqpjQI.js}

@@ -7,7 +7,7 @@ var y = (n, e, t) => Qw(n, typeof e != "symbol" ? e + "" : e, t), cl = (n, e, t)
 var s = (n, e, t) => (cl(n, e, "read from private field"), t ? t.call(n) : e.get(n)), c = (n, e, t) => e.has(n) ? zu("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(n) : e.set(n, t), u = (n, e, t, i) => (cl(n, e, "write to private field"), i ? i.call(n, t) : e.set(n, t), t), a = (n, e, t) => (cl(n, e, "access private method"), t);
 import { jsx as N, Fragment as zw, jsxs as Jr } from "react/jsx-runtime";
 import * as $ from "react";
-import { g as Yw, a as Xw, i as Yu, h as Jw, b as Zw, c as tT, d as eT, e as iT, f as sT } from "./vidstack-google-cast-D_aHtaU6.js";
+import { g as Yw, a as Xw, i as Yu, h as Jw, b as Zw, c as tT, d as eT, e as iT, f as sT } from "./vidstack-google-cast-DsFCd0_r.js";
 const li = Symbol(0);
 let mh = !1, $l = !1, Qe = null, Qn = null, Ae = null, ye = 0, jn = [], $u = {};
 const nT = () => {
@@ -2994,7 +2994,7 @@ class G$ {
     return "audio";
   }
   async load(e) {
-    return new (await import("./vidstack-audio-o6qtD3rg.js")).AudioProvider(this.target, e);
+    return new (await import("./vidstack-audio-C8BDTOBT.js")).AudioProvider(this.target, e);
   }
 }
 class Du {
@@ -3009,7 +3009,7 @@ class Du {
     return "video";
   }
   async load(e) {
-    return new (await import("./vidstack-video-CFc1rkyw.js")).VideoProvider(this.target, e);
+    return new (await import("./vidstack-video-detMAOO-.js")).VideoProvider(this.target, e);
   }
 }
 const Mh = class Mh extends Du {
@@ -3021,7 +3021,7 @@ const Mh = class Mh extends Du {
     return Mh.supported && ca(t);
   }
   async load(t) {
-    return new (await import("./vidstack-hls-BitBIC4G.js")).HLSProvider(this.target, t);
+    return new (await import("./vidstack-hls-DOGlQvLk.js")).HLSProvider(this.target, t);
   }
 };
 y(Mh, "supported", Mu());
@@ -3845,7 +3845,7 @@ const qh = class qh extends Du {
     return qh.supported && Lu(t);
   }
   async load(t) {
-    return new (await import("./vidstack-dash-BREZS9yq.js")).DASHProvider(this.target, t);
+    return new (await import("./vidstack-dash-CcyKz4DV.js")).DASHProvider(this.target, t);
   }
 };
 y(qh, "supported", FT());
@@ -3871,10 +3871,10 @@ class av {
     return "video";
   }
   async load(e) {
-    return new (await import("./vidstack-vimeo-Cc7TgCsS.js").then((t) => t.p)).VimeoProvider(this.target, e);
+    return new (await import("./vidstack-vimeo-BIMDkpy7.js").then((t) => t.p)).VimeoProvider(this.target, e);
   }
   async loadPoster(e, t, i) {
-    const { resolveVimeoVideoId: r, getVimeoVideoInfo: o } = await import("./vidstack-vimeo-Cc7TgCsS.js").then((d) => d.u);
+    const { resolveVimeoVideoId: r, getVimeoVideoInfo: o } = await import("./vidstack-vimeo-BIMDkpy7.js").then((d) => d.u);
     if (!R(e.src)) return null;
     const { videoId: h, hash: l } = r(e.src);
     return h ? o(h, i, l).then((d) => d ? d.poster : null) : null;
@@ -3905,10 +3905,10 @@ class ov {
     return "video";
   }
   async load(e) {
-    return new (await import("./vidstack-youtube-NipQnFnY.js").then((t) => t.p)).YouTubeProvider(this.target, e);
+    return new (await import("./vidstack-youtube-ICZwIt3U.js").then((t) => t.p)).YouTubeProvider(this.target, e);
   }
   async loadPoster(e, t, i) {
-    const { findYouTubePoster: r, resolveYouTubeVideoId: o } = await import("./vidstack-youtube-NipQnFnY.js").then((l) => l.u), h = R(e.src) && o(e.src);
+    const { findYouTubePoster: r, resolveYouTubeVideoId: o } = await import("./vidstack-youtube-ICZwIt3U.js").then((l) => l.u), h = R(e.src) && o(e.src);
     return h ? r(h, i) : null;
   }
 }
@@ -9543,7 +9543,7 @@ class Mk {
   async load(e) {
     if (!s(this, Rs))
       throw Error("[vidstack] google cast player was not initialized");
-    return new (await import("./vidstack-google-cast-D_aHtaU6.js").then((t) => t.p)).GoogleCastProvider(s(this, Rs), e);
+    return new (await import("./vidstack-google-cast-DsFCd0_r.js").then((t) => t.p)).GoogleCastProvider(s(this, Rs), e);
   }
 }
 Rs = new WeakMap(), Yt = new WeakSet(), _w = async function(e) {

package/dist/{vidstack-audio-o6qtD3rg.js → vidstack-audio-C8BDTOBT.js}

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

package/dist/{vidstack-dash-BREZS9yq.js → vidstack-dash-CcyKz4DV.js}

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

package/dist/{vidstack-google-cast-D_aHtaU6.js → vidstack-google-cast-DsFCd0_r.js}

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

package/dist/{vidstack-hls-BitBIC4G.js → vidstack-hls-DOGlQvLk.js}

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

package/dist/{vidstack-html-PIku4DdT.js → vidstack-html-C4pIs4NF.js}

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

package/dist/{vidstack-video-CFc1rkyw.js → vidstack-video-detMAOO-.js}

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

package/dist/{vidstack-vimeo-Cc7TgCsS.js → vidstack-vimeo-BIMDkpy7.js}

@@ -1,42 +1,42 @@
 var me = Object.defineProperty;
-var W = (r) => {
-  throw TypeError(r);
+var W = (a) => {
+  throw TypeError(a);
 };
-var ke = (r, c, e) => c in r ? me(r, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[c] = e;
-var b = (r, c, e) => ke(r, typeof c != "symbol" ? c + "" : c, e), j = (r, c, e) => c.has(r) || W("Cannot " + e);
-var s = (r, c, e) => (j(r, c, "read from private field"), e ? e.call(r) : c.get(r)), d = (r, c, e) => c.has(r) ? W("Cannot add the same private member more than once") : c instanceof WeakSet ? c.add(r) : c.set(r, e), f = (r, c, e, t) => (j(r, c, "write to private field"), t ? t.call(r, e) : c.set(r, e), e), h = (r, c, e) => (j(r, c, "access private method"), e);
-import { E as ve, d as we, x as Y, T as g, R as Te, p as Pe, y as x, c as A, a as Ce, z as G, L as M, l as $e, B as ge, C as Ee, I as Re, Q as J } from "./vidstack-DPuv2JRL.js";
+var ke = (a, c, e) => c in a ? me(a, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[c] = e;
+var b = (a, c, e) => ke(a, typeof c != "symbol" ? c + "" : c, e), j = (a, c, e) => c.has(a) || W("Cannot " + e);
+var s = (a, c, e) => (j(a, c, "read from private field"), e ? e.call(a) : c.get(a)), d = (a, c, e) => c.has(a) ? W("Cannot add the same private member more than once") : c instanceof WeakSet ? c.add(a) : c.set(a, e), f = (a, c, e, t) => (j(a, c, "write to private field"), t ? t.call(a, e) : c.set(a, e), e), h = (a, c, e) => (j(a, c, "access private method"), e);
+import { E as ve, d as we, x as Y, T as g, R as Te, p as Pe, y as x, c as A, a as Ce, z as G, L as M, l as $e, B as ge, C as Ee, I as Re, Q as J } from "./vidstack-DFQqpjQI.js";
 const Ve = /(?:https:\/\/)?(?:player\.)?vimeo(?:\.com)?\/(?:video\/)?(\d+)(?:(?:\?hash=|\?h=|\/)(.*))?/, O = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Map();
-function K(r) {
-  const c = r.match(Ve);
+function K(a) {
+  const c = a.match(Ve);
   return { videoId: c == null ? void 0 : c[1], hash: c == null ? void 0 : c[2] };
 }
-async function X(r, c, e) {
-  if (O.has(r)) return O.get(r);
-  if (_.has(r)) return _.get(r);
-  let t = `https://vimeo.com/api/oembed.json?url=https://player.vimeo.com/video/${r}`;
+async function X(a, c, e) {
+  if (O.has(a)) return O.get(a);
+  if (_.has(a)) return _.get(a);
+  let t = `https://vimeo.com/api/oembed.json?url=https://player.vimeo.com/video/${a}`;
   e && (t = t.concat(`?h=${e}`));
   const n = window.fetch(t, {
     mode: "cors",
     signal: c.signal
-  }).then((a) => a.json()).then((a) => {
+  }).then((r) => r.json()).then((r) => {
     var N, U;
-    const l = /vimeocdn.com\/video\/(.*)?_/, p = (U = (N = a == null ? void 0 : a.thumbnail_url) == null ? void 0 : N.match(l)) == null ? void 0 : U[1], C = p ? `https://i.vimeocdn.com/video/${p}_1920x1080.webp` : "", $ = {
-      title: (a == null ? void 0 : a.title) ?? "",
-      duration: (a == null ? void 0 : a.duration) ?? 0,
+    const l = /vimeocdn.com\/video\/(.*)?_/, p = (U = (N = r == null ? void 0 : r.thumbnail_url) == null ? void 0 : N.match(l)) == null ? void 0 : U[1], C = p ? `https://i.vimeocdn.com/video/${p}_1920x1080.webp` : "", $ = {
+      title: (r == null ? void 0 : r.title) ?? "",
+      duration: (r == null ? void 0 : r.duration) ?? 0,
       poster: C,
-      pro: a.account_type !== "basic"
+      pro: !0
     };
-    return O.set(r, $), $;
-  }).finally(() => _.delete(r));
-  return _.set(r, n), n;
+    return O.set(a, $), $;
+  }).finally(() => _.delete(a));
+  return _.set(a, n), n;
 }
 const Ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getVimeoVideoInfo: X,
   resolveVimeoVideoId: K
 }, Symbol.toStringTag, { value: "Module" }));
-var o, y, m, w, E, S, k, R, I, T, v, V, i, Z, H, ee, te, P, se, ie, ne, Q, oe, he, ae, re, ce, q, ue, le, fe, L, de, F, pe, B, ye, be, u, D, z;
+var o, y, m, w, E, S, k, R, I, T, v, V, i, Z, H, ee, te, P, se, ie, ne, Q, oe, he, re, ae, ce, q, ue, le, fe, L, de, F, pe, B, ye, be, u, D, z;
 class Se extends ve {
   constructor(e, t) {
     super(e);
@@ -138,15 +138,15 @@ class Se extends ve {
     return "https://player.vimeo.com";
   }
   buildParams() {
-    const { keyDisabled: e } = s(this, o).$props, { playsInline: t, nativeControls: n } = s(this, o).$state, a = n();
+    const { keyDisabled: e } = s(this, o).$props, { playsInline: t, nativeControls: n } = s(this, o).$state, r = n();
     return {
       title: this.title,
       byline: this.byline,
       color: this.color,
       portrait: this.portrait,
-      controls: a,
+      controls: r,
       h: this.hash,
-      keyboard: a && !e(),
+      keyboard: r && !e(),
       transparent: !0,
       playsinline: t(),
       dnt: !this.cookies
@@ -170,9 +170,9 @@ o = new WeakMap(), y = new WeakMap(), m = new WeakMap(), w = new WeakMap(), E =
   const e = s(this, y).call(this);
   if (!e) return;
   const t = G(), n = new AbortController();
-  return f(this, V, t), X(e, n, s(this, w)).then((a) => {
-    t.resolve(a);
-  }).catch((a) => {
+  return f(this, V, t), X(e, n, s(this, w)).then((r) => {
+    t.resolve(r);
+  }).catch((r) => {
     t.reject();
   }), () => {
     t.reject(), n.abort();
@@ -183,17 +183,17 @@ o = new WeakMap(), y = new WeakMap(), m = new WeakMap(), w = new WeakMap(), E =
     return $e(n, "change", () => {
       var l;
       if (n.auto) return;
-      const a = (l = n.selected) == null ? void 0 : l.id;
-      a && h(this, i, u).call(this, "setQuality", a);
+      const r = (l = n.selected) == null ? void 0 : l.id;
+      r && h(this, i, u).call(this, "setQuality", r);
     });
 }, te = function() {
   h(this, i, u).call(this, "getCurrentTime");
 }, P = new WeakMap(), se = function(e, t) {
   if (s(this, P) && e === 0) return;
-  const { realCurrentTime: n, paused: a, bufferedEnd: l, seekableEnd: p, live: C } = s(this, o).$state;
+  const { realCurrentTime: n, paused: r, bufferedEnd: l, seekableEnd: p, live: C } = s(this, o).$state;
   if (n() === e) return;
   const $ = n();
-  s(this, o).notify("time-change", e, t), Math.abs($ - e) > 1.5 && (s(this, o).notify("seeking", e, t), !a() && l() < e && s(this, o).notify("waiting", void 0, t)), !C() && p() - e < 0.01 && (s(this, o).notify("end", void 0, t), f(this, P, !0), setTimeout(() => {
+  s(this, o).notify("time-change", e, t), Math.abs($ - e) > 1.5 && (s(this, o).notify("seeking", e, t), !r() && l() < e && s(this, o).notify("waiting", void 0, t)), !C() && p() - e < 0.01 && (s(this, o).notify("end", void 0, t), f(this, P, !0), setTimeout(() => {
     f(this, P, !1);
   }, 500));
 }, ie = function(e, t) {
@@ -201,24 +201,24 @@ o = new WeakMap(), y = new WeakMap(), m = new WeakMap(), w = new WeakMap(), E =
 }, ne = function(e) {
   var n;
   const t = s(this, y).call(this);
-  (n = s(this, V)) == null || n.promise.then((a) => {
-    if (!a) return;
-    const { title: l, poster: p, duration: C, pro: $ } = a;
+  (n = s(this, V)) == null || n.promise.then((r) => {
+    if (!r) return;
+    const { title: l, poster: p, duration: C, pro: $ } = r;
     s(this, m).set($), s(this, o).notify("title-change", l, e), s(this, o).notify("poster-change", p, e), s(this, o).notify("duration-change", C, e), h(this, i, Q).call(this, C, e);
   }).catch(() => {
     t === s(this, y).call(this) && (h(this, i, u).call(this, "getVideoTitle"), h(this, i, u).call(this, "getDuration"));
   });
 }, Q = function(e, t) {
-  const { nativeControls: n } = s(this, o).$state, a = n();
+  const { nativeControls: n } = s(this, o).$state, r = n();
   f(this, k, new g(0, e));
   const l = {
     buffered: new g(0, 0),
     seekable: s(this, k),
     duration: e
   };
-  s(this, o).delegate.ready(l, t), a || h(this, i, u).call(this, "_hideOverlay"), h(this, i, u).call(this, "getQualities"), h(this, i, u).call(this, "getChapters");
+  s(this, o).delegate.ready(l, t), r || h(this, i, u).call(this, "_hideOverlay"), h(this, i, u).call(this, "getQualities"), h(this, i, u).call(this, "getChapters");
 }, oe = function(e, t, n) {
-  var a;
+  var r;
   switch (e) {
     case "getVideoTitle":
       const l = t;
@@ -247,13 +247,13 @@ o = new WeakMap(), y = new WeakMap(), m = new WeakMap(), w = new WeakMap(), E =
       h(this, i, pe).call(this, t, n);
       break;
   }
-  (a = h(this, i, z).call(this, e)) == null || a.resolve();
+  (r = h(this, i, z).call(this, e)) == null || r.resolve();
 }, he = function() {
   for (const e of Ee)
     h(this, i, u).call(this, "addEventListener", e);
-}, ae = function(e) {
-  s(this, R).stop(), s(this, o).notify("pause", void 0, e);
 }, re = function(e) {
+  s(this, R).stop(), s(this, o).notify("pause", void 0, e);
+}, ae = function(e) {
   s(this, R).start(), s(this, o).notify("play", void 0, e);
 }, ce = function(e) {
   const { paused: t } = s(this, o).$state;
@@ -273,8 +273,8 @@ o = new WeakMap(), y = new WeakMap(), m = new WeakMap(), w = new WeakMap(), E =
   const { paused: t } = s(this, o).$state;
   t() && s(this, o).notify("play", void 0, e), s(this, o).notify("waiting", void 0, e);
 }, L = function(e, t, n) {
-  const a = { volume: e, muted: t };
-  s(this, o).notify("volume-change", a, n);
+  const r = { volume: e, muted: t };
+  s(this, o).notify("volume-change", r, n);
 }, // #onTextTrackChange(track: VimeoTextTrack, trigger: Event) {
 //   const textTrack = this.#ctx.textTracks.toArray().find((t) => t.language === track.language);
 //   if (textTrack) textTrack.mode = track.mode;
@@ -304,8 +304,8 @@ de = function(e) {
     kind: "chapters",
     default: !0
   }), { seekableEnd: n } = s(this, o).$state;
-  for (let a = 0; a < e.length; a++) {
-    const l = e[a], p = e[a + 1];
+  for (let r = 0; r < e.length; r++) {
+    const l = e[r], p = e[r + 1];
     t.addCue(
       new window.VTTCue(
         l.startTime,
@@ -321,12 +321,12 @@ de = function(e) {
   s(this, o).qualities[J.enableAuto] = e.some((n) => n.id === "auto") ? () => h(this, i, u).call(this, "setQuality", "auto") : void 0;
   for (const n of e) {
     if (n.id === "auto") continue;
-    const a = +n.id.slice(0, -1);
-    isNaN(a) || s(this, o).qualities[M.add](
+    const r = +n.id.slice(0, -1);
+    isNaN(r) || s(this, o).qualities[M.add](
       {
         id: n.id,
-        width: a * (16 / 9),
-        height: a,
+        width: r * (16 / 9),
+        height: r,
         codec: "avc1,h.264",
         bitrate: -1
       },
@@ -336,8 +336,8 @@ de = function(e) {
   h(this, i, B).call(this, e.find((n) => n.active), t);
 }, B = function({ id: e } = {}, t) {
   if (!e) return;
-  const n = e === "auto", a = s(this, o).qualities.getById(e);
-  n ? (s(this, o).qualities[J.setAuto](n, t), s(this, o).qualities[M.select](void 0, !0, t)) : s(this, o).qualities[M.select](a ?? void 0, !0, t);
+  const n = e === "auto", r = s(this, o).qualities.getById(e);
+  n ? (s(this, o).qualities[J.setAuto](n, t), s(this, o).qualities[M.select](void 0, !0, t)) : s(this, o).qualities[M.select](r ?? void 0, !0, t);
 }, ye = function(e, t, n) {
   switch (e) {
     case "ready":
@@ -347,13 +347,13 @@ de = function(e) {
       h(this, i, ne).call(this, n);
       break;
     case "play":
-      h(this, i, re).call(this, n);
+      h(this, i, ae).call(this, n);
       break;
     case "playProgress":
       h(this, i, ce).call(this, n);
       break;
     case "pause":
-      h(this, i, ae).call(this, n);
+      h(this, i, re).call(this, n);
       break;
     case "loadProgress":
       h(this, i, q).call(this, t.seconds, n);
@@ -402,11 +402,11 @@ de = function(e) {
   }
 }, be = function(e, t) {
   var l;
-  const { message: n, method: a } = e;
-  a === "setPlaybackRate" && s(this, m).set(!1), a && ((l = h(this, i, z).call(this, a)) == null || l.reject(n));
+  const { message: n, method: r } = e;
+  r === "setPlaybackRate" && s(this, m).set(!1), r && ((l = h(this, i, z).call(this, r)) == null || l.reject(n));
 }, u = async function(e, t) {
-  let n = G(), a = s(this, v).get(e);
-  return a || s(this, v).set(e, a = []), a.push(n), this.postMessage({
+  let n = G(), r = s(this, v).get(e);
+  return r || s(this, v).set(e, r = []), r.push(n), this.postMessage({
     method: e,
     value: t
   }), n.promise;

package/dist/{vidstack-youtube-NipQnFnY.js → vidstack-youtube-ICZwIt3U.js}

@@ -3,9 +3,9 @@ var z = (a) => {
   throw TypeError(a);
 };
 var H = (a, o, e) => o in a ? G(a, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[o] = e;
-var b = (a, o, e) => H(a, typeof o != "symbol" ? o + "" : o, e), E = (a, o, e) => o.has(a) || z("Cannot " + e);
+var w = (a, o, e) => H(a, typeof o != "symbol" ? o + "" : o, e), E = (a, o, e) => o.has(a) || z("Cannot " + e);
 var s = (a, o, e) => (E(a, o, "read from private field"), e ? e.call(a) : o.get(a)), p = (a, o, e) => o.has(a) ? z("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(a) : o.set(a, e), l = (a, o, e, t) => (E(a, o, "write to private field"), t ? t.call(a, e) : o.set(a, e), e), r = (a, o, e) => (E(a, o, "access private method"), e);
-import { E as Q, d as W, x as X, p as Z, y as ee, a as te, J as se, z as ie, Y as w, K as ae, M as _, T as j, O as ne } from "./vidstack-DPuv2JRL.js";
+import { E as Q, d as W, x as X, p as Z, y as ee, a as te, J as se, z as ie, Y as k, K as ae, M as _, T as j, O as ne } from "./vidstack-DFQqpjQI.js";
 const oe = /(?:youtu\.be|youtube|youtube\.com|youtube-nocookie\.com)(?:\/shorts)?\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=|)((?:\w|-){11})/, C = /* @__PURE__ */ new Map(), R = /* @__PURE__ */ new Map();
 function B(a) {
   var o;
@@ -38,19 +38,19 @@ const ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   findYouTubePoster: re,
   resolveYouTubeVideoId: B
 }, Symbol.toStringTag, { value: "Module" }));
-var n, k, P, S, T, g, y, M, i, he, ce, F, U, m, K, L, I, Y, V, J, N, D, $, q;
+var n, g, P, S, v, b, y, M, i, he, ce, F, U, m, L, I, J, Y, V, N, q, D, $, K;
 class de extends Q {
   constructor(e, t) {
     super(e);
     p(this, i);
-    b(this, "$$PROVIDER_TYPE", "YOUTUBE");
-    b(this, "scope", W());
+    w(this, "$$PROVIDER_TYPE", "YOUTUBE");
+    w(this, "scope", W());
     p(this, n);
-    p(this, k, X(""));
+    p(this, g, X(""));
     p(this, P, -1);
     p(this, S, null);
-    p(this, T, -1);
-    p(this, g, !1);
+    p(this, v, -1);
+    p(this, b, !1);
     p(this, y, /* @__PURE__ */ new Map());
     /**
      * Sets the player's interface language. The parameter value is an ISO 639-1 two-letter
@@ -63,23 +63,23 @@ class de extends Q {
      *
      * @defaultValue 'en'
      */
-    b(this, "language", "en");
-    b(this, "color", "red");
+    w(this, "language", "en");
+    w(this, "color", "red");
     /**
      * Whether cookies should be enabled on the embed. This is turned off by default to be
      * GDPR-compliant.
      *
      * @defaultValue `false`
      */
-    b(this, "cookies", !1);
+    w(this, "cookies", !1);
     /**
      * Whether the embed should use YouTube Education. This is turned off by default.
      *
      * @defaultValue `false`
      */
-    b(this, "education", !1);
+    w(this, "education", !1);
     /**
-     * An API key to use for the embed. This is mandatory for YouTube Education
+     * The encrypted payload to use for the embed. This is mandatory for YouTube Education
      * to work as expected.
      *
      * @defaultValue `undefined`
@@ -88,12 +88,12 @@ class de extends Q {
     l(this, n, t);
   }
   /**
-   * Set an API key to use for the embed. This is mandatory for YouTube Education
-   * to work as expected.
+   * Set the encrypted payload to use for the embed. It must be encrypted according to YouTube dev guide.
+   * This is mandatory for YouTube Education to work as expected.
    *
    * @defaultValue `undefined`
    */
-  set apiKey(e) {
+  set encryptedPayload(e) {
     l(this, M, e);
   }
   get currentSrc() {
@@ -103,7 +103,7 @@ class de extends Q {
     return "youtube";
   }
   get videoId() {
-    return s(this, k).call(this);
+    return s(this, g).call(this);
   }
   preconnect() {
     Z(this.getOrigin());
@@ -138,11 +138,11 @@ class de extends Q {
   }
   async loadSource(e) {
     if (!te(e.src)) {
-      l(this, S, null), s(this, k).set("");
+      l(this, S, null), s(this, g).set("");
       return;
     }
     const t = B(e.src);
-    s(this, k).set(t ?? ""), l(this, S, e);
+    s(this, g).set(t ?? ""), l(this, S, e);
   }
   getOrigin() {
     switch (!0) {
@@ -170,6 +170,7 @@ class de extends Q {
       iv_load_policy: d ? 1 : 3,
       mute: t() ? 1 : 0,
       playsinline: u() ? 1 : 0,
+      videoId: s(this, g).call(this),
       embed_config: r(this, i, U).call(this)
     };
   }
@@ -182,26 +183,26 @@ class de extends Q {
     const { title: u, intrinsicDuration: h, playbackRate: d } = s(this, n).$state;
     if (ae(e.videoData) && e.videoData.title !== u() && s(this, n).notify("title-change", e.videoData.title, t), _(e.duration) && e.duration !== h()) {
       if (_(e.videoLoadedFraction)) {
-        const f = ((c = e.progressState) == null ? void 0 : c.loaded) ?? e.videoLoadedFraction * e.duration, v = new j(0, e.duration);
-        r(this, i, Y).call(this, f, v, t);
+        const f = ((c = e.progressState) == null ? void 0 : c.loaded) ?? e.videoLoadedFraction * e.duration, T = new j(0, e.duration);
+        r(this, i, Y).call(this, f, T, t);
       }
       s(this, n).notify("duration-change", e.duration, t);
     }
     if (_(e.playbackRate) && e.playbackRate !== d() && s(this, n).notify("rate-change", e.playbackRate, t), e.progressState) {
-      const { current: f, seekableStart: v, seekableEnd: O, loaded: A, duration: x } = e.progressState;
-      r(this, i, I).call(this, f, t), r(this, i, Y).call(this, A, new j(v, O), t), x !== h() && s(this, n).notify("duration-change", x, t);
+      const { current: f, seekableStart: T, seekableEnd: O, loaded: A, duration: x } = e.progressState;
+      r(this, i, J).call(this, f, t), r(this, i, Y).call(this, A, new j(T, O), t), x !== h() && s(this, n).notify("duration-change", x, t);
     }
-    if (_(e.volume) && ne(e.muted) && !s(this, g)) {
+    if (_(e.volume) && ne(e.muted) && !s(this, b)) {
       const f = {
         muted: e.muted,
         volume: e.volume / 100
       };
       s(this, n).notify("volume-change", f, t);
     }
-    _(e.playerState) && e.playerState !== s(this, P) && r(this, i, N).call(this, e.playerState, t);
+    _(e.playerState) && e.playerState !== s(this, P) && r(this, i, q).call(this, e.playerState, t);
   }
 }
-n = new WeakMap(), k = new WeakMap(), P = new WeakMap(), S = new WeakMap(), T = new WeakMap(), g = new WeakMap(), y = new WeakMap(), M = new WeakMap(), i = new WeakSet(), he = function(e) {
+n = new WeakMap(), g = new WeakMap(), P = new WeakMap(), S = new WeakMap(), v = new WeakMap(), b = new WeakMap(), y = new WeakMap(), M = new WeakMap(), i = new WeakSet(), he = function(e) {
   var t;
   (t = r(this, i, $).call(this, "playVideo")) == null || t.reject(e);
 }, ce = function(e) {
@@ -209,7 +210,7 @@ n = new WeakMap(), k = new WeakMap(), P = new WeakMap(), S = new WeakMap(), T =
   (t = r(this, i, $).call(this, "pauseVideo")) == null || t.reject(e);
 }, F = function() {
   r(this, i, D).call(this);
-  const e = s(this, k).call(this);
+  const e = s(this, g).call(this);
   if (!e) {
     this.src.set("");
     return;
@@ -218,7 +219,7 @@ n = new WeakMap(), k = new WeakMap(), P = new WeakMap(), S = new WeakMap(), T =
 }, U = function() {
   const e = s(this, M);
   if (!se(e))
-    return JSON.stringify({ apiKey: e });
+    return JSON.stringify({ enc: e });
 }, m = function(e, t) {
   let u = ie(), h = s(this, y).get(e);
   return h || s(this, y).set(e, h = []), h.push(u), this.postMessage({
@@ -226,13 +227,13 @@ n = new WeakMap(), k = new WeakMap(), P = new WeakMap(), S = new WeakMap(), T =
     func: e,
     args: t ? [t] : void 0
   }), u.promise;
-}, K = function(e) {
-  s(this, n).notify("loaded-metadata"), s(this, n).notify("loaded-data"), s(this, n).delegate.ready(void 0, e);
 }, L = function(e) {
+  s(this, n).notify("loaded-metadata"), s(this, n).notify("loaded-data"), s(this, n).delegate.ready(void 0, e);
+}, I = function(e) {
   var t;
   (t = r(this, i, $).call(this, "pauseVideo")) == null || t.resolve(), s(this, n).notify("pause", void 0, e);
-}, I = function(e, t) {
-  const { duration: u, realCurrentTime: h } = s(this, n).$state, d = s(this, P) === w.Ended, c = d ? u() : e;
+}, J = function(e, t) {
+  const { duration: u, realCurrentTime: h } = s(this, n).$state, d = s(this, P) === k.Ended, c = d ? u() : e;
   s(this, n).notify("time-change", c, t), !d && Math.abs(c - h()) > 1 && s(this, n).notify("seeking", c, t);
 }, Y = function(e, t, u) {
   const h = {
@@ -244,47 +245,47 @@ n = new WeakMap(), k = new WeakMap(), P = new WeakMap(), S = new WeakMap(), T =
   d() && e > c() && r(this, i, V).call(this, u);
 }, V = function(e) {
   const { paused: t, realCurrentTime: u } = s(this, n).$state;
-  window.clearTimeout(s(this, T)), l(this, T, window.setTimeout(
+  window.clearTimeout(s(this, v)), l(this, v, window.setTimeout(
     () => {
-      s(this, n).notify("seeked", u(), e), l(this, T, -1);
+      s(this, n).notify("seeked", u(), e), l(this, v, -1);
     },
     t() ? 100 : 0
   ));
-}, J = function(e) {
+}, N = function(e) {
   const { seeking: t } = s(this, n).$state;
   t() && r(this, i, V).call(this, e), s(this, n).notify("pause", void 0, e), s(this, n).notify("end", void 0, e);
-}, N = function(e, t) {
+}, q = function(e, t) {
   var O;
-  const { paused: u, seeking: h } = s(this, n).$state, d = e === w.Playing, c = e === w.Buffering, f = r(this, i, q).call(this, "playVideo"), v = u() && (c || d);
-  if (c && s(this, n).notify("waiting", void 0, t), h() && d && r(this, i, V).call(this, t), s(this, g) && d) {
-    this.pause(), l(this, g, !1), this.setMuted(s(this, n).$state.muted());
+  const { paused: u, seeking: h } = s(this, n).$state, d = e === k.Playing, c = e === k.Buffering, f = r(this, i, K).call(this, "playVideo"), T = u() && (c || d);
+  if (c && s(this, n).notify("waiting", void 0, t), h() && d && r(this, i, V).call(this, t), s(this, b) && d) {
+    this.pause(), l(this, b, !1), this.setMuted(s(this, n).$state.muted());
     return;
   }
-  if (!f && v) {
-    l(this, g, !0), this.setMuted(!0);
+  if (!f && T) {
+    l(this, b, !0), this.setMuted(!0);
     return;
   }
-  switch (v && ((O = r(this, i, $).call(this, "playVideo")) == null || O.resolve(), s(this, n).notify("play", void 0, t)), e) {
-    case w.Cued:
-      r(this, i, K).call(this, t);
+  switch (T && ((O = r(this, i, $).call(this, "playVideo")) == null || O.resolve(), s(this, n).notify("play", void 0, t)), e) {
+    case k.Cued:
+      r(this, i, L).call(this, t);
       break;
-    case w.Playing:
+    case k.Playing:
       s(this, n).notify("playing", void 0, t);
       break;
-    case w.Paused:
-      r(this, i, L).call(this, t);
+    case k.Paused:
+      r(this, i, I).call(this, t);
       break;
-    case w.Ended:
-      r(this, i, J).call(this, t);
+    case k.Ended:
+      r(this, i, N).call(this, t);
       break;
   }
   l(this, P, e);
 }, D = function() {
-  l(this, P, -1), l(this, T, -1), l(this, g, !1);
+  l(this, P, -1), l(this, v, -1), l(this, b, !1);
 }, $ = function(e) {
   var t;
   return (t = s(this, y).get(e)) == null ? void 0 : t.shift();
-}, q = function(e) {
+}, K = function(e) {
   var t;
   return !!((t = s(this, y).get(e)) != null && t.length);
 };

package/package.json

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

package/dist/index-Bc3X9mWo.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_1hs9n_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_1hs9n_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_1hs9n_11 header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}:is(._keyboard-shortcuts-overlay_1hs9n_11 header) h2{font-size:1rem;font-weight:500;margin:0}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_1hs9n_11 header) h2{font-size:1.5rem}}._keyboard-shortcuts-overlay_1hs9n_11 table{width:100%;max-width:54rem;padding:0;border-collapse:collapse}@container player (width > 400px) and (height > 300px){._keyboard-shortcuts-overlay_1hs9n_11 table{padding:2rem}}:is(._keyboard-shortcuts-overlay_1hs9n_11 table) tr{border-bottom:1px solid rgba(232 234 236 / .2)}:is(._keyboard-shortcuts-overlay_1hs9n_11 table) tbody tr:last-child{border-bottom:none}:is(._keyboard-shortcuts-overlay_1hs9n_11 table) th,:is(._keyboard-shortcuts-overlay_1hs9n_11 table) td{text-align:left;font-size:.75rem;line-height:1.5}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_1hs9n_11 table) th,:is(._keyboard-shortcuts-overlay_1hs9n_11 table) td{font-size:.875rem}}@container player (width >= 720px) and (height > 300px){:is(._keyboard-shortcuts-overlay_1hs9n_11 table) th,:is(._keyboard-shortcuts-overlay_1hs9n_11 table) td{font-size:1rem}}._keyboard-shortcuts-overlay_1hs9n_11 ._screen-reader-content_1hs9n_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_1hs9n_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_1hs9n_90:focus-visible{outline:var(--focus-ring)}._keyboard-shortcuts-button_1hs9n_106{opacity:0;margin-right:auto}._keyboard-shortcuts-button_1hs9n_106:focus-visible{opacity:1;pointer-events:auto}._kebab-menu-button_1hs9n_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_1hs9n_116 svg{flex-shrink:0}._kebab-menu-button_1hs9n_116:hover{background-color:var(--media-button-icon-hover-color, #e0e0e0)}._kebab-menu_1hs9n_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_1hs9n_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_1hs9n_150:hover,._kebab-menu-item_1hs9n_150:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}[data-media-player][data-playing]:not([data-hover]) ._kebab-menu-button_1hs9n_116:not(:focus-visible,[aria-expanded=true]),[data-media-player][data-fullscreen][data-playing]:not([data-controls]) ._kebab-menu-button_1hs9n_116:not(:focus-visible,[aria-expanded=true]){opacity:0;transition-duration:.2s}._close-button_1hs9n_189{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_1hs9n_203{fill:#fff}._captions_11eq9_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_11eq9_1{transition-delay:0s;padding-bottom:calc(var(--spacing-3) + var(--captions-fullscreen-offset))}._captions_11eq9_1[aria-hidden=true]{display:none}._captions_11eq9_1 [data-part=cue]{color:var(--captions-color, white);text-align:center;max-width:50ch;line-height:1.5;font-size:calc(clamp(.875rem,4cqh,2rem) * var(--captions-font-size-multiplier, 1));padding:var(--spacing-2);background-color:var(--captions-background-color, rgba(22 22 22 / .75));border-radius:var(--radius-2);white-space:pre-wrap}._comments-overlay_z1669_1{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--spacing-3);display:flex;align-items:end;pointer-events:none;transition:padding .1s ease-in-out;transition-delay:0s}._comments-container_z1669_12{display:flex;flex-direction:column;gap:.25rem;width:15rem;margin-right:3.4375rem}@container player (width >= 460px){._comments-container_z1669_12{width:23.4375rem}}@media (hover: none) and (orientation: portrait) and (max-width: 720px){[data-fullscreen] ._comments-overlay_z1669_1{justify-content:end}}[data-fullscreen][data-controls]:not(:has([data-pins])) ._comments-overlay_z1669_1{padding-bottom:calc(var(--spacing-3) + var(--comments-fullscreen-offset));transition-delay:.3s}._comment_z1669_1{display:grid;grid-template-areas:"avatar text";grid-template-columns:auto 1fr;align-items:center;padding:var(--spacing-1);gap:var(--spacing-1);border-radius:var(--radius-2);background-color:var(--comments-background-color);cursor:pointer;border:1px solid #666;pointer-events:auto}@container player (height > 540px){._comment_z1669_1{grid-template-areas:"text text" "avatar name"}}._comment-text_z1669_55{grid-area:text;color:var(--comments-color);font-size:var(--comments-font-size-small);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;-webkit-user-select:none;user-select:none}@container player (height >= 400px){._comment-text_z1669_55{-webkit-line-clamp:2;line-clamp:2;font-size:var(--comments-font-size-large)}}._comment-author-avatar_z1669_75{grid-area:avatar;box-sizing:border-box;display:inline-block;object-fit:cover;width:var(--comments-avatar-size-xss);height:var(--comments-avatar-size-xss);border-radius:50%;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;contain:paint}@container player (height >= 400px){._comment-author-avatar_z1669_75{width:var(--comments-avatar-size-s);height:var(--comments-avatar-size-s)}}@container player (height > 540px){._comment-author-avatar_z1669_75{width:var(--comments-avatar-size-xs);height:var(--comments-avatar-size-xs)}}._comment-author-name_z1669_99{grid-area:name;color:var(--comments-author-color);font-size:var(--comments-font-size-large);font-weight:700;line-height:1.5;display:none}@container player (height > 540px){._comment-author-name_z1669_99{display:inline}}._settings-menu_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_14jdq_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:var(--spacing-4);flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;pointer-events:none}._feedback-message_14jdq_14{font-weight:300;position:absolute;top:10%;display:flex;justify-content:center;align-items:center;padding:var(--spacing-2);background-color:var(--feedback-message-bg-color, black);color:var(--feedback-message-color, white);border-radius:var(--radius-2);font-size:1rem;line-height:1.5;opacity:.75}._feedback-icon_14jdq_30{box-sizing:border-box;display:inline-flex;color:var(--feedback-icon-color, white);padding:var(--spacing-3);width:4.5rem;height:4.5rem;background-color:var(--feedback-icon-bg-color, black);border-radius:var(--radius-rounded);animation:_feedback-icon-animation_14jdq_1 .2s linear;animation-fill-mode:forwards;will-change:transform,opacity}._feedback-icon_14jdq_30:has(.right){align-self:end}._feedback-icon_14jdq_30:has(.left){align-self:start}._feedback-icon_14jdq_30>svg{width:100%;height:100%}@keyframes _feedback-icon-animation_14jdq_1{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:.5}}@media (max-width: 425px){[data-fullscreen] ._full-screen-button_1xm32_2{display:none}}[data-media-player][data-view-type=audio] ._full-screen-button_1xm32_2{display:none}._gestures-container_1fn3b_1{display:contents}._gesture_1fn3b_1{position:absolute;top:0;right:0;bottom:0;left:0}[data-fullscreen] ._gesture_1fn3b_1{top:3.625rem}button._play-pause-button_vj8da_1{border:none;background:none}._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_g0hly_1{display:flex;position:relative;width:100%;height:.375rem;-webkit-user-select:none;user-select:none;pointer-events:none;margin-top:.375rem}._comment-marker_g0hly_1{position:absolute;height:100%;width:.375rem;background-color:var(--comments-indicator-color);border-radius:50%}[data-darkmode=true] ._comment-marker_g0hly_1,[data-fullscreen] ._comment-marker_g0hly_1{background-color:var(--comments-indicator-color-darkmode)}._timeline-wrapper_g0hly_24,._timeline-wrapper-compact_g0hly_25{position:relative;display:flex;flex-direction:column;align-items:center;grid-area:slider}._timeline-wrapper_g0hly_24,._timeline-wrapper-compact_g0hly_25{padding:0 var(--spacing-1)}._timeline-wrapper-compact_g0hly_25:has(._comment-markers_g0hly_1){margin-top:-.375rem}._timeline-wrapper-compact_g0hly_25 ._comment-markers_g0hly_1{margin-top:0}@container player (width > 400px) and (height > 300px){._timeline-wrapper-compact_g0hly_25{padding:0 var(--spacing-3)}}._track_g0hly_53{width:100%;height:.25rem;will-change:height;position:relative;background-color:var(--timeline-track-bg-color, #ccd0d2);border-radius:var(--radius-1);contain:strict;transition:height .15s,border-radius .15s}._thumb_g0hly_66{position:absolute;width:1.125rem;height:1.125rem;background-color:var(--timeline-thumb-color, #2b7abc);border-radius:var(--radius-rounded);cursor:pointer;opacity:0;transform:translate(-50%) translateZ(0);transition:opacity .15s ease-in;left:var(--slider-fill);will-change:left}._root_g0hly_80{display:inline-flex;width:100%;height:1.25rem;position:relative;align-items:center;contain:layout style;outline:none;cursor:pointer;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._root_g0hly_80[data-active] ._track_g0hly_53{border-radius:var(--radius-2);height:.625rem}._root_g0hly_80[data-focus] ._track_g0hly_53{outline:var(--focus-ring);outline-offset:1px;border-radius:2px}._root_g0hly_80[data-active] ._thumb_g0hly_66{opacity:1}._track-inner_g0hly_110{position:absolute;will-change:width;height:100%}._progress_g0hly_116{z-index:0;width:var(--slider-progress, 0%);background-color:var(--timeline-track-progress-bg-color, #adb2b6)}._track-fill_g0hly_122{z-index:1;width:var(--slider-fill, 0%);background-color:var(--timeline-track-fill-bg-color, #2b7abc)}:is([data-fullscreen] ._root_g0hly_80,[data-darkmode=true] ._root_g0hly_80) ._track_g0hly_53{background-color:#333}:is([data-fullscreen] ._root_g0hly_80,[data-darkmode=true] ._root_g0hly_80) ._progress_g0hly_116{background-color:#666}._pins_g0hly_139{display:flex;position:relative;height:2rem;width:100%;-webkit-user-select:none;user-select:none;margin-top:.25rem}._pin-button_g0hly_148{display:flex;background-color:transparent;border:none;padding:0;position:absolute;transform:translate(-50%);cursor:pointer;transition:transform .2s ease-out;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._pin-button_g0hly_148:hover,._pin-button_g0hly_148:focus-visible{transform:translate(-50%) scale(1.25);z-index:1}._pin-button_g0hly_148:focus-visible{outline:var(--focus-ring);border-radius:var(--radius-2)}._annotation-pin_g0hly_174{fill:var(--pin-color-1);stroke:var(--pin-color-2)}._annotation-pin_g0hly_174:focus-visible{outline:var(--focus-ring)}._quiz-pin_g0hly_183{fill:var(--pin-color-2);stroke:var(--controls-layout-bg-color)}._quiz-pin_g0hly_183:focus-visible{outline:var(--focus-ring)}._annotation-pin-child_g0hly_192{fill:var(--pin-color-3)}._quiz-pin-child_g0hly_196{fill:#fff;font-size:.875rem}._interactive-pin-container_g0hly_201{position:absolute;top:0;right:0;bottom:0;left:0;padding:0 var(--spacing-2);pointer-events:none}._interactive-pin-wrapper_g0hly_208{position:relative;width:100%;height:100%}._interactive-pin-icon_g0hly_214{transform-box:fill-box;transform-origin:center;transition:transform .2s ease-out}._interactive-pin-icon_g0hly_214[data-open=true]{transform:rotate(45deg)}._interactive-pin_g0hly_201{filter:drop-shadow(0 3px 6px rgba(0 0 0 / .16)) drop-shadow(0 3px 6px rgba(0 0 0 / .1))}._interactive-pin_g0hly_201>._bg_g0hly_228{fill:var(--timeline-thumb-color)}._interactive-pin_g0hly_201>._symbol_g0hly_232{stroke:var(--controls-layout-bg-color)}._interactive-pin-button_g0hly_237{position:absolute;cursor:pointer;transform:translate(-50%);background-color:transparent;border:none;padding:0;display:flex;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;pointer-events:auto;top:-8px}:is(._interactive-pin-button_g0hly_237:hover,._interactive-pin-button_g0hly_237:focus-visible) ._interactive-pin_g0hly_201>._bg_g0hly_228{fill:#225f92}._interactive-pin-button_g0hly_237:focus-visible{outline:var(--focus-ring);border-radius:var(--radius-2)}._interactive-pin-menu_g0hly_266{box-sizing:border-box;display:flex;flex-direction:column;gap:.25rem;background-color:var(--settings-menu-bg-color, white);padding:.75rem .5rem;border-radius:var(--radius-2);width:200px;z-index:1000;pointer-events:auto;filter:drop-shadow(0 .125rem .1875rem rgba(0 0 0 / .5))}._interactive-pin-menu_g0hly_266:focus-visible{outline:var(--focus-ring)}._interactive-pin-menu-item_g0hly_287{-webkit-user-select:none;user-select:none;font-family:inherit;font-size:1rem;text-rendering:geometricprecision;display:flex;align-items:center;gap:.25rem;color:var(--pin-color-3);padding:.375rem .625rem;border-radius:var(--radius-2);border:1px solid #d7dade;background-color:var(--pin-color-1);cursor:pointer}._interactive-pin-menu-item_g0hly_287:hover{background-color:#e8eaec}._interactive-pin-menu-item_g0hly_287:focus-visible{outline:var(--focus-ring)}._arrow_g0hly_313{fill:#fff}._tooltip_g0hly_317{background-color:var(--tooltip-bg-color);color:#fff;padding:.375rem .75rem;border-radius:var(--radius-2);font-size:.875rem;pointer-events:none}._tooltip-arrow_g0hly_326{fill:var(--tooltip-bg-color)}._wrapper_trdhg_1{display:flex;align-items:center}._track_trdhg_6{width:100%;height:.25rem;will-change:height;background-color:var(--volume-track-bg-color, #ccd0d2);border-radius:var(--radius-1);contain:strict;transition:height .15s,border-radius .15s}._thumb_trdhg_18{position:absolute;width:.875rem;height:.875rem;background-color:var(--volume-thumb-bg-color, #2d3b45);border-radius:var(--radius-rounded);cursor:pointer;opacity:0;transform:translate(-50%) translateZ(0);transition:opacity .15s ease-in;left:var(--slider-fill);will-change:left}._track-fill_trdhg_32{width:var(--slider-fill, 0%);will-change:width;height:100%;background-color:var(--volume-track-fill-bg-color, #2d3b45)}:is([data-fullscreen],[data-darkmode=true]) ._track_trdhg_6{background-color:#666}:is([data-fullscreen],[data-darkmode=true]) ._track-fill_trdhg_32,:is([data-fullscreen],[data-darkmode=true]) ._thumb_trdhg_18{background-color:#f5f5f5}._root_trdhg_51{display:inline-flex;height:1.25rem;align-items:center;contain:layout style;cursor:pointer;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;width:0;will-change:width,margin;transition:all .15s;box-sizing:border-box}@media (max-width: 425px) and (hover: none){._root_trdhg_51{display:none}}._root_trdhg_51[data-active] ._track_trdhg_6{border-radius:.125rem;height:.3125rem}._root_trdhg_51[data-focus]{outline:none}._root_trdhg_51[data-focus] ._track_trdhg_6{outline:var(--focus-ring);outline-offset:1px;border-radius:2px}._root_trdhg_51[data-active] ._thumb_trdhg_18{opacity:1}._wrapper_trdhg_1:hover [data-media-volume-slider],[data-media-volume-slider][data-active]{margin-left:.5rem;width:4rem}._root_oemub_1{background-color:var(--controls-layout-bg-color, #f5f5f5);padding:var(--controls-layout-padding-small);box-sizing:border-box;display:grid;align-items:center;border-bottom-left-radius:var(--radius-3);border-bottom-right-radius:var(--radius-3)}@container player (width > 400px) and (height > 300px){._root_oemub_1{padding:var(--controls-layout-padding-medium)}}._normal_oemub_17{grid-template-columns:auto 1fr auto;grid-template-areas:"slider slider slider" "left-controls indicators right-controls"}@container player (width > 400px) and (height > 300px){._normal_oemub_17{padding-top:0}}._compact_oemub_28{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"left-controls slider right-controls"}@container player (width > 425px){._compact_oemub_28{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"left-controls indicators slider right-controls"}}[data-fullscreen] ._root_oemub_1,[data-darkmode=true]._root_oemub_1{background-color:#000;padding:var(--controls-layout-padding-large);padding-top:0}[data-fullscreen] ._root_oemub_1:not(:has([data-pins])){position:fixed;bottom:0;width:100%;opacity:0;transition:opacity .3s ease-in-out}[data-fullscreen][data-controls] ._root_oemub_1,[data-fullscreen]:has([role=dialog]) ._root_oemub_1{opacity:1}._left-controls_oemub_58{display:flex;grid-area:left-controls}@container player (width > 400px) and (height > 300px){._left-controls_oemub_58{gap:.5rem}}._right-controls_oemub_67{display:flex;grid-area:right-controls}@container player (width > 400px) and (height > 300px){._right-controls_oemub_67{gap:.5rem}}._indicators_oemub_76{grid-area:indicators;font-size:1rem;overflow:hidden;display:none;margin-left:.25rem}@container player (width > 425px){._indicators_oemub_76{display:block}}@container (height > 300px){._indicators_oemub_76{margin-left:1rem}}[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;--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;--controls-layout-padding-small: .25rem;--controls-layout-padding-medium: .5rem;--controls-layout-padding-large: .75rem;--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: .625rem;--radius-rounded: 50%;--media-button-area-size-small: 2rem;--media-button-area-size-medium: 2.5rem;--media-button-icon-size-small: 1rem;--media-button-icon-size-medium: 1.25rem;--action-buttons-color: #0374b5;--action-buttons-hover-color: #235f93;--action-buttons-border-color: #025483;--warning-color: #e62429;--pin-color-1: #f2f4f4;--pin-color-2: #586874;--pin-color-3: #273540;--pin-light-color: #9ea6ad;--tooltip-bg-color: #334451;--focus-ring: 2px solid var(--focus-outline-color);outline:none;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-3);border-top-right-radius:var(--radius-3)}[data-media-provider] video,[data-media-provider] iframe{width:100%;height:100%;object-fit:contain;position:absolute}.audio-layout-wrapper{display:flex;align-items:center;justify-content:center;position:relative;background-color:var(--controls-layout-bg-color);width:100%;border-top-left-radius:var(--radius-3);border-top-right-radius:var(--radius-3)}.controls-button{background-color:transparent;border:none;border-radius:var(--radius-2);cursor:pointer;margin:0;display:flex;align-items:center;justify-content:center;transition:background-color .2s;width:var(--media-button-area-size-small);height:var(--media-button-area-size-small)}.controls-button[data-hover],.controls-button:hover{background-color:var(--media-button-icon-hover-color, #e0e0e0)}.controls-button:focus-visible,.controls-button[data-focus]{outline:var(--focus-ring)}.controls-button-icon{color:var(--media-button-icon-color);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)}}[data-fullscreen] .controls-button{width:var(--media-button-area-size-medium);height:var(--media-button-area-size-medium)}[data-fullscreen]:not([data-controls]){cursor:none}:is([data-fullscreen],[data-darkmode=true]) .controls-button-icon{color:#fff}:is([data-fullscreen],[data-darkmode=true]) .controls-button[data-hover],:is([data-fullscreen],[data-darkmode=true]) .controls-button:hover{background-color:#ffffff26}.icon-rotate{transition:transform .2s ease-out}.controls-button[aria-expanded=true] .icon-rotate{transform:rotate(60deg);transition:transform .1s ease-in}.vds-blocker{top:0;right:0;bottom:0;left:0;position:absolute;pointer-events:none}