vidply 1.0.35 → 1.0.36

package/dist/vidply.css

@@ -1723,9 +1723,84 @@
 /* Fullscreen Styles */
 .vidply-player.vidply-fullscreen,
 .vidply-player:fullscreen {
+    background: #000;
     height: 100vh;
     max-width: none;
     width: 100vw;
+    z-index: 2147483647; /* Maximum z-index to ensure we're above everything */
+}
+
+/* Video wrapper also needs black background in fullscreen to prevent letterbox areas showing gray */
+.vidply-player.vidply-fullscreen .vidply-video-wrapper,
+.vidply-player:fullscreen .vidply-video-wrapper {
+    background: #000 !important;
+}
+
+/* Fullscreen backdrop - the pseudo-element behind the fullscreen element */
+.vidply-player:fullscreen::backdrop {
+    background: #000;
+}
+
+/* Webkit/Safari prefix for backdrop */
+.vidply-player:-webkit-full-screen::backdrop {
+    background: #000;
+}
+
+/* Hide fixed/sticky positioned elements when any vidply player is fullscreen */
+/* This ensures headers, nav bars, and other fixed elements don't appear above the player */
+:root:has(.vidply-player:fullscreen) .fixed-top,
+:root:has(.vidply-player:fullscreen) .fixed-bottom,
+:root:has(.vidply-player:fullscreen) .sticky-top,
+:root:has(.vidply-player:fullscreen) [style*="position: fixed"],
+:root:has(.vidply-player:fullscreen) [style*="position:fixed"] {
+    display: none !important;
+}
+
+/* Same for webkit fullscreen */
+:root:has(.vidply-player:-webkit-full-screen) .fixed-top,
+:root:has(.vidply-player:-webkit-full-screen) .fixed-bottom,
+:root:has(.vidply-player:-webkit-full-screen) .sticky-top,
+:root:has(.vidply-player:-webkit-full-screen) [style*="position: fixed"],
+:root:has(.vidply-player:-webkit-full-screen) [style*="position:fixed"] {
+    display: none !important;
+}
+
+/* Fallback: Also hide elements when pseudo-fullscreen class is applied (for iOS/Safari fallback) */
+:root:has(.vidply-player.vidply-fullscreen) .fixed-top,
+:root:has(.vidply-player.vidply-fullscreen) .fixed-bottom,
+:root:has(.vidply-player.vidply-fullscreen) .sticky-top {
+    display: none !important;
+}
+
+/* Additional fallback using body class for browsers that don't support :has() */
+body.vidply-fullscreen-active .fixed-top,
+body.vidply-fullscreen-active .fixed-bottom,
+body.vidply-fullscreen-active .sticky-top,
+body.vidply-fullscreen-active [class*="fixed-"] {
+    display: none !important;
+}
+
+/* Set body and html to black background when in fullscreen */
+body.vidply-fullscreen-active,
+html:has(body.vidply-fullscreen-active) {
+    background: #000 !important;
+}
+
+/* Also target when :has() is supported */
+body:has(.vidply-player.vidply-fullscreen),
+html:has(.vidply-player.vidply-fullscreen) {
+    background: #000 !important;
+}
+
+/* Hide all other video players when one is in fullscreen mode */
+/* This prevents stacking context issues where other players show through */
+body.vidply-fullscreen-active .vidply-player:not(.vidply-fullscreen) {
+    visibility: hidden !important;
+}
+
+/* Same rule using :has() for browsers that support it */
+body:has(.vidply-player.vidply-fullscreen) .vidply-player:not(.vidply-fullscreen) {
+    visibility: hidden !important;
 }
 
 /* Pseudo-fullscreen for iOS and browsers without Fullscreen API support */

package/dist/vidply.esm.min.meta.json

@@ -362,7 +362,7 @@
       "format": "esm"
     },
     "src/core/Player.js": {
-      "bytes": 221656,
+      "bytes": 225107,
       "imports": [
         {
           "path": "src/utils/EventEmitter.js",
@@ -624,7 +624,7 @@
           "bytesInOutput": 19331
         },
         "src/core/Player.js": {
-          "bytesInOutput": 79498
+          "bytesInOutput": 80905
         },
         "src/features/PlaylistManager.js": {
           "bytesInOutput": 24397
@@ -633,7 +633,7 @@
           "bytesInOutput": 1869
         }
       },
-      "bytes": 211759
+      "bytes": 213166
     },
     "dist/prod/vidply.de-WCUZUF3T.min.js": {
       "imports": [],

package/dist/vidply.min.css

@@ -3,4 +3,4 @@
  * (c) 2026 Matthias Peltzer
  * Released under GPL-2.0-or-later License
  */
-:root{--vidply-active-bg:var(--vidply-white-05);--vidply-bg-caption:var(--vidply-black-80);--vidply-bg-controls:linear-gradient(180deg, rgb(var(--vidply-black-rgb), 0) 0%, rgb(var(--vidply-black-rgb), 0.9) 100%);--vidply-bg-dialog:rgb(20 20 20 / 98%);--vidply-bg-dialog-dark:rgb(18 18 18 / 98%);--vidply-bg-menu:rgb(20 20 20 / 98%);--vidply-bg-menu-rgb:20,20,20;--vidply-bg-overlay:var(--vidply-black-80);--vidply-bg-playlist:#1a1a1a;--vidply-bg-playlist-header:var(--vidply-black-40);--vidply-bg-track-info:linear-gradient(180deg, var(--vidply-black-80) 0%, var(--vidply-black-60) 100%);--vidply-bg-transcript:rgb(30 30 30 / 98%);--vidply-black:#000;--vidply-black-30:rgb(var(--vidply-black-rgb), 0.3);--vidply-black-40:rgb(var(--vidply-black-rgb), 0.4);--vidply-black-50:rgb(var(--vidply-black-rgb), 0.5);--vidply-black-60:rgb(var(--vidply-black-rgb), 0.6);--vidply-black-80:rgb(var(--vidply-black-rgb), 0.8);--vidply-black-90:rgb(var(--vidply-black-rgb), 0.9);--vidply-black-98:rgb(var(--vidply-black-rgb), 0.98);--vidply-black-rgb:0,0,0;--vidply-border:var(--vidply-white-15);--vidply-border-focus:var(--vidply-primary-light);--vidply-border-hover:var(--vidply-white-30);--vidply-border-light:var(--vidply-white-10);--vidply-button-size:1.875rem;--vidply-button-size-mobile:2.25rem;--vidply-button-size-small:2rem;--vidply-focus-outline:0.125rem solid var(--vidply-primary-light);--vidply-focus-outline-player:0.1875rem solid var(--vidply-primary-light);--vidply-focus-outline-white:0.125rem solid var(--vidply-primary-light);--vidply-font-base:0.8125rem;--vidply-font-lg:1rem;--vidply-font-md:0.875rem;--vidply-font-sm:0.75rem;--vidply-font-xl:1.125rem;--vidply-font-xs:0.6875rem;--vidply-font-xxl:1.25rem;--vidply-gap-lg:0.75rem;--vidply-gap-md:0.5rem;--vidply-gap-sm:0.375rem;--vidply-gap-xl:1rem;--vidply-gap-xs:0.25rem;--vidply-gap-xxl:1.25rem;--vidply-header-height:1.75rem;--vidply-hover-bg:var(--vidply-white-10);--vidply-icon-size:1.625rem;--vidply-icon-size-mobile:1.375rem;--vidply-icon-size-small:1.25rem;--vidply-icon-size-xs:1.125rem;--vidply-padding-lg:0.75rem;--vidply-padding-md:0.5rem;--vidply-padding-sm:0.25rem;--vidply-padding-xl:1rem;--vidply-padding-xxl:1.25rem;--vidply-primary:#0a406e;--vidply-primary-10:rgb(var(--vidply-primary-rgb), 0.1);--vidply-primary-15:rgb(var(--vidply-primary-rgb), 0.15);--vidply-primary-20:rgb(var(--vidply-primary-rgb), 0.2);--vidply-primary-25:rgb(var(--vidply-primary-rgb), 0.25);--vidply-primary-30:rgb(var(--vidply-primary-rgb), 0.3);--vidply-primary-40:rgb(var(--vidply-primary-rgb), 0.4);--vidply-primary-50:rgb(var(--vidply-primary-rgb), 0.5);--vidply-primary-60:rgb(var(--vidply-primary-rgb), 0.6);--vidply-primary-70:rgb(var(--vidply-primary-rgb), 0.7);--vidply-primary-80:rgb(var(--vidply-primary-rgb), 0.8);--vidply-primary-dark:#083358;--vidply-primary-dark-rgb:8,51,88;--vidply-primary-light:#71b7e2;--vidply-primary-rgb:10,64,110;--vidply-radius-lg:0.5rem;--vidply-radius-md:0.375rem;--vidply-radius-sm:0.25rem;--vidply-radius-xl:0.75rem;--vidply-scrollbar-thumb:var(--vidply-white);--vidply-scrollbar-thumb-hover:var(--vidply-white-90);--vidply-scrollbar-track:#404040;--vidply-scrollbar-track-transcript:#555;--vidply-shadow-lg:0 0.75rem 3rem var(--vidply-black-80);--vidply-shadow-md:0 0.25rem 0.75rem var(--vidply-black-40);--vidply-shadow-sm:0 0.125rem 0.25rem var(--vidply-black-30);--vidply-text-disabled:var(--vidply-white-60);--vidply-text-muted:var(--vidply-white-70);--vidply-text-primary:var(--vidply-white);--vidply-text-secondary:var(--vidply-white-90);--vidply-text-subtle:var(--vidply-white-50);--vidply-transition-default:all 0.2s ease;--vidply-transition-fast:all 0.1s ease;--vidply-transition-normal:all 0.15s ease;--vidply-transition-slow:all 0.2s ease;--vidply-transition-slower:all 0.3s ease;--vidply-white:#fff;--vidply-white-05:rgb(var(--vidply-white-rgb), 0.05);--vidply-white-08:rgb(var(--vidply-white-rgb), 0.08);--vidply-white-10:rgb(var(--vidply-white-rgb), 0.1);--vidply-white-15:rgb(var(--vidply-white-rgb), 0.15);--vidply-white-20:rgb(var(--vidply-white-rgb), 0.2);--vidply-white-25:rgb(var(--vidply-white-rgb), 0.25);--vidply-white-30:rgb(var(--vidply-white-rgb), 0.3);--vidply-white-40:rgb(var(--vidply-white-rgb), 0.4);--vidply-white-50:rgb(var(--vidply-white-rgb), 0.5);--vidply-white-60:rgb(var(--vidply-white-rgb), 0.6);--vidply-white-70:rgb(var(--vidply-white-rgb), 0.7);--vidply-white-80:rgb(var(--vidply-white-rgb), 0.8);--vidply-white-90:rgb(var(--vidply-white-rgb), 0.9);--vidply-white-95:rgb(var(--vidply-white-rgb), 0.95);--vidply-white-rgb:255,255,255;--vidply-z-base:1;--vidply-z-controls:30;--vidply-z-menu:20;--vidply-z-menu-fullscreen:1000;--vidply-z-menu-high:100;--vidply-z-overlay:2;--vidply-z-playlist:15;--vidply-z-transcript:5}.vidply-flex-center{align-items:center;display:flex;justify-content:center}.vidply-flex-between{align-items:center;display:flex;justify-content:space-between}.vidply-flex-start{align-items:center;display:flex;justify-content:flex-start}.vidply-icon-button{align-items:center;background:0 0;border:none;border-radius:var(--vidply-radius-sm);color:var(--vidply-text-muted);cursor:pointer;display:flex;height:var(--vidply-header-height);justify-content:center;padding:var(--vidply-padding-sm);transition:var(--vidply-transition-slow);width:var(--vidply-header-height)}.vidply-icon-button:hover{background:var(--vidply-hover-bg);color:var(--vidply-white)}.vidply-icon-button:focus{outline:var(--vidply-focus-outline-white);outline-offset:0.125rem}.vidply-icon-button .vidply-icon{height:var(--vidply-icon-size-xs);width:var(--vidply-icon-size-xs)}.vidply-draggable-header{align-items:center;background:#282828;border-bottom:.0625rem solid var(--vidply-border-light);cursor:move;display:flex;justify-content:space-between;padding:var(--vidply-padding-xl) var(--vidply-padding-xxl);touch-action:none;user-select:none}.vidply-draggable-header:focus,.vidply-draggable-header:focus-visible{box-shadow:0 0 0 .25rem rgb(91 144 255 / 35%);outline:.1875rem solid var(--vidply-primary-light);outline-offset:0.125rem}.vidply-draggable-header h3{color:var(--vidply-white);font-size:var(--vidply-font-lg);font-weight:600;height:.0625rem;left:-625rem;margin:0;overflow:hidden;position:absolute;width:.0625rem}.vidply-resize-handle{position:absolute;z-index:10}.vidply-resize-handle-ne,.vidply-resize-handle-nw,.vidply-resize-handle-se,.vidply-resize-handle-sw{height:1rem;width:1rem}.vidply-resize-handle-n,.vidply-resize-handle-s{cursor:ns-resize;height:.5rem;left:1rem;right:1rem}.vidply-resize-handle-e,.vidply-resize-handle-w{bottom:1rem;cursor:ew-resize;top:1rem;width:.5rem}.vidply-resize-handle-n{top:-.25rem}.vidply-resize-handle-s{bottom:-.25rem}.vidply-resize-handle-e{right:-.25rem}.vidply-resize-handle-w{left:-.25rem}.vidply-resize-handle-ne{cursor:nesw-resize;right:-.5rem;top:-.5rem}.vidply-resize-handle-nw{cursor:nwse-resize;left:-.5rem;top:-.5rem}.vidply-resize-handle-se{bottom:-.5rem;cursor:nwse-resize;right:-.5rem}.vidply-resize-handle-sw{bottom:-.5rem;cursor:nesw-resize;left:-.5rem}.vidply-resizable .vidply-resize-handle::after{background:var(--vidply-primary-light);border-radius:50%;content:'';height:.375rem;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:.375rem}.vidply-resizable:hover .vidply-resize-handle::after{opacity:.8}.vidply-resizable .vidply-resize-handle:hover::after{opacity:1}.vidply-popup-settings-menu{background:var(--vidply-bg-menu);border:.0625rem solid var(--vidply-border);border-radius:var(--vidply-radius-md);box-shadow:var(--vidply-shadow-lg);display:none;min-width:15rem;padding:var(--vidply-gap-sm);position:absolute;z-index:100}.vidply-popup-settings-menu::after{border-bottom:.375rem solid var(--vidply-bg-menu);border-left:.375rem solid transparent;border-right:.375rem solid transparent;bottom:100%;content:'';height:0;left:.5rem;position:absolute;width:0}.vidply-popup-settings-menu.vidply-menu-above::after{border-bottom:none;border-top:.375rem solid var(--vidply-bg-menu);bottom:auto;top:100%}.vidply-popup-settings-item{align-items:flex-start;background:0 0;border:none;border-radius:var(--vidply-radius-sm);color:var(--vidply-white);cursor:pointer;display:flex;font-size:var(--vidply-font-base);gap:var(--vidply-gap-md);padding:var(--vidply-padding-md) .625rem;text-align:left;transition:var(--vidply-transition-normal);width:100%}.vidply-popup-settings-item:hover{background:var(--vidply-primary-20)}.vidply-popup-settings-item:hover span{text-decoration:underline}.vidply-popup-settings-item:focus{background:var(--vidply-primary-25);outline:0}.vidply-popup-settings-item:focus span{text-decoration:underline}.vidply-popup-settings-item .vidply-icon{flex-grow:0.2;height:var(--vidply-icon-size-small);opacity:.9;width:var(--vidply-icon-size-small)}.vidply-popup-settings-item span{flex:1}.vidply-player{background:var(--vidply-black);box-sizing:border-box;color:var(--vidply-text-primary);contain:layout style;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;line-height:1.5;max-width:100%;overflow:visible;position:relative;text-size-adjust:100%;width:100%}.vidply-player:focus{outline:0}.vidply-player:focus-visible{outline:var(--vidply-focus-outline-player);outline-offset:0.25rem}.vidply-player *,.vidply-player ::after,.vidply-player ::before{box-sizing:inherit}.vidply-player.vidply-audio{background:linear-gradient(135deg,var(--vidply-primary-20) 0,rgb(var(--vidply-primary-dark-rgb),.2) 100%);height:auto}.vidply-player audio,.vidply-player video{display:block;height:100%;object-fit:contain;width:100%}@media (width <= 48rem),(width < 48rem){.vidply-player{isolation:isolate;overflow:visible}.vidply-player audio,.vidply-player video{flex:0 0 auto;height:auto!important;order:1}.vidply-player.vidply-fullscreen video,.vidply-player:fullscreen video{flex:1 1 auto!important;height:100%!important}}.vidply-player video::cue{display:none}.vidply-player video::-webkit-media-text-track-container{display:none!important}.vidply-player video::-webkit-media-text-track-display{display:none!important}.vidply-video-wrapper{background:linear-gradient(135deg,var(--vidply-black) 0,#2a2a2a 100%);height:100%;order:1;position:relative;width:100%;z-index:1}.vidply-player.vidply-video:not(.vidply-fullscreen,:fullscreen) .vidply-video-wrapper{height:auto}@media (orientation:landscape){.vidply-player.vidply-fullscreen .vidply-video-wrapper,.vidply-player:fullscreen .vidply-video-wrapper{overflow:visible}}.vidply-video-wrapper.vidply-forced-poster{background-image:var(--vidply-poster-image);background-position:center;background-repeat:no-repeat;background-size:cover}.vidply-video-wrapper.vidply-forced-poster>video{opacity:0}.vidply-player.vidply-video.vidply-audio-content .vidply-video-wrapper{height:auto!important;min-height:7.5rem!important;overflow:hidden}.vidply-player.vidply-video.vidply-audio-content .vidply-video-wrapper.vidply-forced-poster{background-position:center;background-size:cover}.vidply-player.vidply-video.vidply-audio-content video{display:none!important}.vidply-video-wrapper>div[id^=vimeo-player-],.vidply-video-wrapper>iframe[id^=youtube-player-]{aspect-ratio:16/9;height:auto;max-height:none!important;position:relative;width:100%!important}.vidply-video-wrapper>div[id^=vimeo-player-] iframe,.vidply-video-wrapper>div[id^=youtube-player-] iframe{aspect-ratio:16/9;display:block;height:auto!important;position:relative;width:100%!important}.vidply-video-wrapper>iframe.vidply-soundcloud-iframe{height:clamp(6rem,18vh,12rem);width:100%!important}.vidply-video-wrapper>iframe.vidply-soundcloud-iframe.vidply-soundcloud-playlist{height:clamp(12.5rem,45vh,28rem)}.vidply-player.vidply-external-controls .vidply-controls{display:none!important}@media (width <= 48rem),(width < 48rem){.vidply-video-wrapper{display:block;height:auto;min-height:12.5rem;overflow:visible;position:relative;z-index:2}.vidply-player.vidply-audio .vidply-video-wrapper{min-height:0}.vidply-player video{display:block;height:auto!important;position:relative;width:100%}.vidply-player.vidply-fullscreen .vidply-video-wrapper,.vidply-player:fullscreen .vidply-video-wrapper{bottom:0!important;display:flex!important;height:100%!important;left:0!important;min-height:0!important;position:absolute!important;right:0!important;top:0!important}.vidply-player.vidply-fullscreen video,.vidply-player:fullscreen video{height:100%!important;left:0!important;position:absolute!important;top:0!important;width:100%!important}}.vidply-player.vidply-audio .vidply-video-wrapper{overflow:visible}.vidply-player.vidply-audio .vidply-fullscreen{display:none}.vidply-play-overlay{border:.125rem solid var(--vidply-primary);border-radius:50%;cursor:pointer;filter:drop-shadow(0 .5rem 2rem rgb(0 0 0 / 30%));left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s cubic-bezier(.4, 0, .2, 1);z-index:var(--vidply-z-overlay)}.vidply-play-overlay:hover{filter:drop-shadow(0 .75rem 3rem rgb(0 0 0 / 40%));transform:translate(-50%,-50%) scale(1.1)}.vidply-play-overlay:hover .vidply-play-overlay-bg{fill:rgb(255 255 255 / 100%)}.vidply-play-overlay:active{transform:translate(-50%,-50%) scale(.95)}.vidply-player.vidply-audio .vidply-play-overlay{display:none}.vidply-controls{background:linear-gradient(to top,var(--vidply-black-90) 0,var(--vidply-black-50) 100%);bottom:0;left:0;opacity:0;overflow:visible;padding:1.25rem 1rem 1rem;pointer-events:none;position:absolute;right:0;transition:opacity .3s;z-index:var(--vidply-z-controls)}.vidply-controls.vidply-controls-visible,.vidply-player.vidply-paused .vidply-controls,.vidply-player:hover .vidply-controls{opacity:1;pointer-events:auto}.vidply-audio .vidply-controls{background:var(--vidply-black-50);opacity:1;pointer-events:auto;position:relative}@media (width <= 48rem),(width < 48rem){.vidply-controls{background:var(--vidply-black-90);border-top:.0625rem solid var(--vidply-border-light);bottom:auto;left:0;opacity:1;order:2;padding:.75rem;pointer-events:auto;position:relative;right:0;width:100%;z-index:10}.vidply-controls-buttons,.vidply-controls-left,.vidply-controls-right{position:relative}}.vidply-progress-time-wrapper{align-items:center;display:flex;gap:1.25rem;margin-bottom:var(--vidply-gap-lg);width:100%}.vidply-progress-container{background:var(--vidply-white-20);border-radius:.1875rem;cursor:pointer;flex:1;height:.5625rem;margin-right:.5rem;position:relative;transition:height .2s}.vidply-progress-container:focus,.vidply-progress-container:hover{height:.6875rem;outline:var(--vidply-focus-outline-white);outline-offset:0.125rem}.vidply-progress-buffered{background:var(--vidply-white-40);border-radius:.1875rem;height:100%;left:0;position:absolute;top:0;transition:width .2s;width:0}.vidply-progress-played{background:var(--vidply-primary-light);border-radius:.1875rem;height:100%;left:0;position:absolute;top:0;transition:width .1s linear;width:0}.vidply-progress-handle{background:var(--vidply-white);border-radius:50%;box-shadow:var(--vidply-shadow-sm);height:.9375rem;opacity:0;position:absolute;right:-.375rem;top:50%;transform:translateY(-50%);transition:opacity .2s;width:.9375rem}.vidply-progress-container:focus .vidply-progress-handle,.vidply-progress-container:hover .vidply-progress-handle{opacity:1}.vidply-progress-tooltip{background:var(--vidply-black-90);border-radius:.25rem;bottom:.75rem;color:var(--vidply-white);display:none;font-size:.75rem;overflow:hidden;padding:0;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}.vidply-progress-preview{background-position:center;background-size:cover;border-radius:.25rem .25rem 0 0;display:none;height:5rem;min-width:8.888888889rem;width:8.888888889rem}.vidply-progress-tooltip-time{background:var(--vidply-black-90);border-radius:0 0 .25rem .25rem;padding:.25rem .5rem;text-align:center;width:100%}.vidply-controls-buttons{align-items:center;display:flex;gap:var(--vidply-gap-md);justify-content:space-between}.vidply-controls-left,.vidply-controls-right{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--vidply-gap-md);overflow:visible;position:relative}.vidply-button{align-items:center;background:0 0;border:none;border-radius:var(--vidply-radius-sm);color:var(--vidply-white);cursor:pointer;display:inline-flex;justify-content:center;margin:.0625rem;min-height:var(--vidply-button-size);min-width:var(--vidply-button-size);padding:0;transition:background-color .2s,transform .1s}.vidply-button:hover{background:var(--vidply-hover-bg)}.vidply-button:active{transform:scale(.95)}.vidply-button:focus{outline:var(--vidply-focus-outline-white);outline-offset:0.125rem}.vidply-button:disabled{cursor:not-allowed;opacity:.5}.vidply-button-text{display:none}.vidply-tooltip{background:#e0e0e0;border-radius:var(--vidply-radius-sm);color:#000;font-size:var(--vidply-font-xs);left:50%;opacity:0;padding:.375rem .5rem;pointer-events:none;position:absolute;top:calc(100% + .5rem);transform:translateX(-50%) translateY(-.25rem);transition:opacity var(--vidply-transition-fast),transform var(--vidply-transition-fast);white-space:nowrap;z-index:calc(var(--vidply-z-menu) + 1)}.vidply-tooltip::before{border-color:transparent transparent #e0e0e0;border-style:solid;border-width:0 .375rem .375rem;content:'';left:50%;position:absolute;top:-.375rem;transform:translateX(-50%)}.vidply-tooltip-visible{opacity:1;transform:translateX(-50%) translateY(0)}.vidply-player.vidply-fullscreen .vidply-tooltip,.vidply-player:fullscreen .vidply-tooltip{bottom:calc(100% + .5rem);top:auto;transform:translateX(-50%) translateY(.25rem)}.vidply-player.vidply-fullscreen .vidply-tooltip-visible,.vidply-player:fullscreen .vidply-tooltip-visible{transform:translateX(-50%) translateY(0)}.vidply-player.vidply-fullscreen .vidply-tooltip::before,.vidply-player:fullscreen .vidply-tooltip::before{border-color:#e0e0e0 transparent transparent;border-width:.375rem .375rem 0;bottom:-.375rem;top:auto}.vidply-button,.vidply-icon-button,.vidply-sign-language-close,.vidply-sign-language-settings,.vidply-transcript-close,.vidply-transcript-settings{position:relative}.vidply-icon{display:inline-block;fill:currentcolor;height:var(--vidply-icon-size);width:var(--vidply-icon-size)}.vidply-icon svg{display:block;height:100%;width:100%}@media (forced-colors:active){.vidply-controls button .vidply-icon svg{background:Canvas;border-radius:.1875rem;color:CanvasText;fill:currentcolor;padding:.125rem}.vidply-sign-language-close .vidply-icon svg,.vidply-sign-language-settings .vidply-icon svg,.vidply-transcript-close .vidply-icon svg,.vidply-transcript-settings .vidply-icon svg{background:Canvas;border-radius:.125rem;color:CanvasText;fill:currentcolor;padding:.125rem}}.vidply-volume-slider{background:var(--vidply-white-20);border-radius:.1875rem;cursor:pointer;height:6.25rem;margin:0 auto;padding:0 .3125rem;position:relative;touch-action:none;width:.375rem}.vidply-volume-slider:focus{outline:var(--vidply-focus-outline-white);outline-offset:0.125rem}.vidply-volume-track{height:100%;position:relative;width:100%}.vidply-volume-fill{background:var(--vidply-primary-light);border-radius:.125rem;bottom:0;height:80%;left:0;position:absolute;transition:height .1s;width:100%}.vidply-volume-handle{background:var(--vidply-white);border-radius:50%;box-shadow:var(--vidply-shadow-sm);height:.625rem;left:50%;position:absolute;top:-.25rem;transform:translateX(-50%);width:.625rem}.vidply-time{align-items:center;color:var(--vidply-white);display:flex;flex-shrink:0;font-size:var(--vidply-font-base);font-variant-numeric:tabular-nums;gap:var(--vidply-gap-xs);padding:0 var(--vidply-padding-sm);user-select:none;white-space:nowrap}.vidply-speed{gap:var(--vidply-gap-xs)}.vidply-speed-text{height:.0625rem;left:-625rem;overflow:hidden;position:absolute;width:.0625rem}.vidply-menu-backdrop{animation:.2s fadeIn;background:rgb(0 0 0 / 50%);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:19}.vidply-menu-backdrop.visible{display:block}@media (width <= 48rem),(width < 48rem){.vidply-menu-backdrop{display:none!important}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.vidply-menu{backdrop-filter:blur(0.625rem);background:var(--vidply-bg-menu);border:.0625rem solid var(--vidply-border);border-radius:.5rem;bottom:calc(100% + .5rem);box-shadow:var(--vidply-shadow-lg),0 0 0 .0625rem var(--vidply-white-10);max-height:15.625rem;min-width:12.5rem;-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;padding:.5rem 0;pointer-events:auto;position:absolute;right:50%;touch-action:pan-y;transform:translateX(50%);z-index:var(--vidply-z-menu)}.vidply-menu.vidply-menu-below{bottom:auto;top:calc(100% + .5rem)}.vidply-menu.vidply-menu-below::after{border-bottom:.375rem solid var(--vidply-bg-menu);border-top:none;bottom:auto;top:-.375rem}.vidply-volume-menu{min-width:unset;overflow-x:hidden;overflow-y:hidden;padding:1rem .75rem;pointer-events:auto;right:50%;transform:translateX(50%);width:2.1875rem;z-index:var(--vidply-z-menu-high)}.vidply-player.vidply-audio .vidply-menu{max-height:9.375rem;bottom:auto;top:calc(100% + .5rem)}.vidply-menu-item{align-items:center;background:0 0;border:none;color:var(--vidply-white);cursor:pointer;display:flex;font-size:var(--vidply-font-md);font-weight:400;justify-content:space-between;padding:var(--vidply-gap-lg) var(--vidply-gap-xl);text-align:left;transition:var(--vidply-transition-normal);white-space:nowrap;width:100%}.vidply-menu-item:hover{background:var(--vidply-primary-20);color:var(--vidply-white)}.vidply-menu-item:focus{background:var(--vidply-primary-25);color:var(--vidply-white);outline:.125rem solid var(--vidply-primary-light);outline-offset:-0.125rem}.vidply-menu-item:active{background:var(--vidply-primary-30)}.vidply-captions-menu .vidply-menu-item:focus,.vidply-captions-menu .vidply-menu-item:hover,.vidply-menu-item:focus .vidply-chapter-title,.vidply-menu-item:hover .vidply-chapter-title,.vidply-speed-menu .vidply-menu-item:focus,.vidply-speed-menu .vidply-menu-item:hover{text-decoration:underline}.vidply-menu-item-active{background:var(--vidply-primary-15);color:var(--vidply-primary-light)}.vidply-menu-item-active .vidply-icon{color:var(--vidply-primary-light);height:1.25rem;width:1.25rem}.vidply-menu-item-with-value{align-items:center;display:flex;gap:var(--vidply-gap-xxl);justify-content:space-between}.vidply-menu-item-label{align-items:center;display:flex;flex:1;gap:.625rem}.vidply-menu-item-label .vidply-icon{height:1.5rem;opacity:.9;width:1.5rem}.vidply-menu-item-value{background:var(--vidply-white-10);border-radius:var(--vidply-radius-sm);color:var(--vidply-text-muted);font-size:var(--vidply-font-base);font-weight:500;padding:.125rem var(--vidply-gap-md);white-space:nowrap}.vidply-overflow-menu{margin-left:auto;order:999}.vidply-overflow-menu-list{left:auto!important;max-width:calc(100vw - 1.25rem);right:0!important;transform:none!important;z-index:1000}.vidply-overflow-menu-list .vidply-menu-item{display:flex;gap:var(--vidply-gap-lg);justify-content:flex-start;text-align:left}.vidply-overflow-menu-list .vidply-menu-item .vidply-icon{flex:0}.vidply-overflow-menu-list .vidply-menu-item .vidply-icon svg{height:1.125rem;width:1.125rem}.vidply-overflow-menu-list .vidply-menu-item .vidply-icon:not(:has(svg)){align-items:center;display:flex;font-size:var(--vidply-font-md);font-weight:700;justify-content:center;min-width:var(--vidply-icon-size-xs)}.vidply-overflow-menu-list .vidply-menu-item span{flex:1;overflow-wrap:break-word;text-align:left;white-space:normal}.vidply-chapter-time{color:var(--vidply-text-muted);display:inline-block;font-family:'Courier New',monospace;font-size:var(--vidply-font-base);font-weight:500;margin-right:var(--vidply-gap-lg);min-width:3.75rem}.vidply-chapter-title{color:var(--vidply-white-95);flex:1}.vidply-caption-style-menu.vidply-settings-menu{background:var(--vidply-bg-menu);padding:var(--vidply-padding-xl)}.vidply-style-group{margin-bottom:var(--vidply-padding-xl)}.vidply-style-group:last-child{margin-bottom:0}.vidply-style-group label{font-weight:500;letter-spacing:.01em}.vidply-style-group input[type=color],.vidply-style-group input[type=range],.vidply-style-select{-webkit-appearance:none;appearance:none}.vidply-style-select{outline:0;transition:border-color .2s,background .2s}.vidply-style-select:hover{background:var(--vidply-white-15);border-color:var(--vidply-border-hover)}.vidply-style-select:focus{background:var(--vidply-white-15);border-color:var(--vidply-border-focus)}.vidply-style-group input[type=color]{outline:0;transition:border-color .2s}.vidply-style-group input[type=color]:hover{border-color:var(--vidply-border-hover)}.vidply-style-group input[type=color]:focus{border-color:var(--vidply-border-focus);outline:var(--vidply-focus-outline-white);outline-offset:0.125rem}.vidply-style-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--vidply-primary);border:.125rem solid var(--vidply-white);border-radius:50%;box-shadow:var(--vidply-shadow-sm);cursor:pointer;height:1rem;transition:transform .15s,background .15s;width:1rem}.vidply-style-group input[type=range]::-webkit-slider-thumb:hover{background:var(--vidply-primary-80);transform:scale(1.15)}.vidply-style-group input[type=range]::-moz-range-thumb{background:var(--vidply-primary);border:.125rem solid var(--vidply-white);border-radius:50%;box-shadow:var(--vidply-shadow-sm);cursor:pointer;height:1rem;transition:transform .15s,background .15s;width:1rem}.vidply-style-group input[type=range]::-moz-range-thumb:hover{background:var(--vidply-primary-80);transform:scale(1.15)}.vidply-style-group input[type=range]::-webkit-slider-runnable-track{background:var(--vidply-white-20);border-radius:.1875rem;height:.375rem;width:100%}.vidply-style-group input[type=range]::-moz-range-track{background:var(--vidply-white-20);border-radius:.1875rem;height:.375rem;width:100%}.vidply-captions{background:var(--vidply-bg-caption);border-radius:.25rem;bottom:1rem;color:var(--vidply-white);display:none;font-family:sans-serif;font-size:100%;left:50%;line-height:1.4;max-width:90%;padding:.5rem 1rem;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);transition:bottom .3s;z-index:4}.vidply-player.vidply-audio .vidply-captions{background:var(--vidply-bg-transcript);border:.0625rem solid var(--vidply-border);border-radius:.5rem;bottom:auto;font-size:1rem;left:0;line-height:1.6;max-height:9.375rem;max-width:100%;min-width:23.125rem;overflow-y:auto;padding:1rem 1.25rem;position:relative;scroll-behavior:smooth;text-align:left;top:0;transform:none;width:100%}.vidply-player.vidply-audio .vidply-caption-cue{background:0 0;border-radius:0;margin-bottom:.75rem;padding:.5rem 0;transition:background .3s,padding .3s}.vidply-player.vidply-audio .vidply-caption-cue.vidply-caption-active{background:var(--vidply-primary-15);border-left:.1875rem solid var(--vidply-primary);border-radius:.25rem;padding:.5rem .75rem}.vidply-captions:empty{display:none}@media (width >= 48rem){.vidply-controls-visible .vidply-captions{bottom:6rem}}@media (width <= 48rem),(width < 48rem){.vidply-captions{left:50%;max-width:95%;position:absolute;transform:translateX(-50%);width:100%;z-index:5}.vidply-player.vidply-audio .vidply-captions{font-size:.875rem;left:0;max-height:7.5rem;min-width:18.75rem;padding:.75rem 1rem;position:relative;transform:none;width:100%}.vidply-player.vidply-audio .vidply-caption-cue{margin-bottom:.5rem}.vidply-play-overlay{transform:translate(-50%,-50%) scale(.65)}.vidply-play-overlay:hover{transform:translate(-50%,-50%) scale(.75)}.vidply-play-overlay:active{transform:translate(-50%,-50%) scale(.6)}}.vidply-settings-overlay{align-items:center;animation:.2s vidply-fade-in;backdrop-filter:blur(0.5rem);background:var(--vidply-bg-overlay);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}@keyframes vidply-fade-in{from{opacity:0}to{opacity:1}}.vidply-settings-dialog{animation:.3s vidply-slide-up;background:var(--vidply-bg-dialog);border:.0625rem solid var(--vidply-border);border-radius:.75rem;box-shadow:var(--vidply-shadow-lg);max-height:80%;max-width:31.25rem;-webkit-overflow-scrolling:touch;overflow-y:auto;padding:1.5rem;touch-action:pan-y;width:90%}@keyframes vidply-slide-up{from{transform:translateY(1.25rem);opacity:0}to{transform:translateY(0);opacity:1}}.vidply-settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--vidply-gap-xxl)}.vidply-settings-header h2{color:var(--vidply-white);font-size:var(--vidply-font-xxl);font-weight:600;margin:0}.vidply-settings-close{min-height:auto;min-width:auto;padding:.25rem}.vidply-settings-content{display:flex;flex-direction:column;gap:var(--vidply-gap-xxl)}.vidply-settings-section{display:flex;flex-direction:column;gap:var(--vidply-gap-lg)}.vidply-settings-section h3{color:var(--vidply-white);font-size:var(--vidply-font-lg);font-weight:600;margin:0}.vidply-settings-section label{color:var(--vidply-white-90);display:block;font-size:var(--vidply-font-md);margin-bottom:var(--vidply-gap-xs)}.vidply-settings-color,.vidply-settings-range,.vidply-settings-select{background:var(--vidply-white-10);border:.0625rem solid var(--vidply-white-20);border-radius:var(--vidply-radius-md);color:var(--vidply-white);font-size:var(--vidply-font-md);padding:var(--vidply-gap-md) var(--vidply-gap-lg);transition:var(--vidply-transition-slow);width:100%}.vidply-settings-select option{background:#fff;color:#000}.vidply-settings-color:hover,.vidply-settings-range:hover,.vidply-settings-select:hover{background:var(--vidply-white-15);border-color:var(--vidply-border-hover)}.vidply-settings-color:focus,.vidply-settings-range:focus,.vidply-settings-select:focus{background:var(--vidply-white-15);border-color:var(--vidply-border-focus);box-shadow:0 0 0 .1875rem var(--vidply-primary-20);outline:0}.vidply-settings-control{display:flex;flex-direction:column;gap:var(--vidply-gap-md)}.vidply-settings-value{color:var(--vidply-text-muted);display:inline-block;font-size:var(--vidply-font-base);min-width:2.5rem;text-align:right}.vidply-settings-footer{border-top:.0625rem solid var(--vidply-white-10);display:flex;justify-content:flex-end;margin-top:var(--vidply-gap-xxl);padding-top:var(--vidply-gap-xxl)}.vidply-settings-footer .vidply-button{background:var(--vidply-white-10);border-radius:var(--vidply-radius-md);min-width:auto;padding:.625rem var(--vidply-gap-xxl)}.vidply-settings-footer .vidply-button:hover{background:var(--vidply-white-20)}.vidply-player.vidply-fullscreen,.vidply-player:fullscreen{height:100vh;max-width:none;width:100vw}.vidply-player.vidply-fullscreen:not(:fullscreen){background:#000;bottom:0;left:0;margin:0!important;padding:0!important;position:fixed!important;right:0;top:0;transform:translate3d(0,0,0);z-index:999999}@media (orientation:landscape){.vidply-player.vidply-fullscreen:not(:fullscreen){position:fixed!important}.vidply-player.vidply-fullscreen,.vidply-player:fullscreen{display:flex!important;flex-direction:column!important;height:100%!important}.vidply-player.vidply-fullscreen .vidply-controls,.vidply-player:fullscreen .vidply-controls{background:linear-gradient(to top,var(--vidply-black-90) 0,var(--vidply-black-50) 100%)!important;border-top:none!important;bottom:0!important;left:0!important;opacity:0!important;order:0!important;padding:1.25rem 1rem 1rem!important;pointer-events:none!important;position:absolute!important;right:0!important;transition:opacity .3s!important;width:100%!important;z-index:20!important}.vidply-player.vidply-fullscreen .vidply-controls.vidply-controls-visible,.vidply-player.vidply-fullscreen.vidply-paused .vidply-controls,.vidply-player:fullscreen .vidply-controls.vidply-controls-visible,.vidply-player:fullscreen.vidply-paused .vidply-controls{opacity:1!important;pointer-events:auto!important}@media (hover:hover) and (pointer:fine){.vidply-player.vidply-fullscreen:hover .vidply-controls,.vidply-player:fullscreen:hover .vidply-controls{opacity:1!important;pointer-events:auto!important}}.vidply-player.vidply-fullscreen .vidply-controls-buttons,.vidply-player:fullscreen .vidply-controls-buttons{display:flex!important;justify-content:space-between!important;width:100%!important}.vidply-player.vidply-fullscreen .vidply-controls-left,.vidply-player.vidply-fullscreen .vidply-controls-right,.vidply-player:fullscreen .vidply-controls-left,.vidply-player:fullscreen .vidply-controls-right{display:flex!important;flex-wrap:nowrap!important;gap:.5rem!important}.vidply-player.vidply-fullscreen .vidply-controls-left>*,.vidply-player.vidply-fullscreen .vidply-controls-right>*,.vidply-player:fullscreen .vidply-controls-left>*,.vidply-player:fullscreen .vidply-controls-right>*{display:inline-flex!important}.vidply-player.vidply-fullscreen .vidply-controls-right>.vidply-overflow-menu[style*="display: none"],.vidply-player:fullscreen .vidply-controls-right>.vidply-overflow-menu[style*="display: none"]{display:none!important}.vidply-player.vidply-fullscreen .vidply-menu,.vidply-player:fullscreen .vidply-menu{display:flex!important;flex-direction:column!important}.vidply-player.vidply-fullscreen .vidply-menu-item,.vidply-player:fullscreen .vidply-menu-item{align-items:center!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;width:100%!important}.vidply-player.vidply-fullscreen .vidply-menu-item-label,.vidply-player:fullscreen .vidply-menu-item-label{align-items:center!important;display:flex!important;flex-direction:row!important;gap:.625rem!important;justify-content:flex-start!important}.vidply-player.vidply-fullscreen .vidply-menu-item .vidply-icon,.vidply-player:fullscreen .vidply-menu-item .vidply-icon{margin-left:auto!important;order:1!important}.vidply-player.vidply-fullscreen .vidply-captions,.vidply-player:fullscreen .vidply-captions{bottom:1rem!important;transition:bottom .3s!important}.vidply-player.vidply-fullscreen.vidply-controls-visible .vidply-captions,.vidply-player.vidply-fullscreen.vidply-paused .vidply-captions,.vidply-player:fullscreen.vidply-controls-visible .vidply-captions,.vidply-player:fullscreen.vidply-paused .vidply-captions{bottom:6rem!important}.vidply-player.vidply-fullscreen .vidply-video-wrapper,.vidply-player:fullscreen .vidply-video-wrapper{align-items:center!important;bottom:0!important;display:flex!important;flex:1!important;height:100%!important;justify-content:center!important;left:0!important;position:absolute!important;right:0!important;top:0!important}.vidply-player.vidply-fullscreen video,.vidply-player:fullscreen video{height:100%!important;object-fit:contain!important;width:100%!important}}@media (orientation:portrait){.vidply-player.vidply-fullscreen:not(:fullscreen){position:fixed!important}.vidply-player.vidply-fullscreen,.vidply-player:fullscreen{display:flex!important;flex-direction:column!important;height:100vh!important;width:100vw!important}.vidply-player.vidply-fullscreen .vidply-video-wrapper,.vidply-player:fullscreen .vidply-video-wrapper{align-items:center!important;bottom:0!important;display:flex!important;height:100%!important;justify-content:center!important;left:0!important;position:absolute!important;right:0!important;top:0!important;width:100%!important;z-index:1!important}.vidply-player.vidply-fullscreen video,.vidply-player:fullscreen video{height:100%!important;max-height:100%!important;max-width:100%!important;object-fit:contain!important;position:relative!important;width:100%!important}.vidply-player.vidply-fullscreen .vidply-controls,.vidply-player:fullscreen .vidply-controls{bottom:0!important;left:0!important;position:absolute!important;right:0!important;z-index:30!important}.vidply-player.vidply-fullscreen .vidply-playlist-panel,.vidply-player:fullscreen .vidply-playlist-panel{bottom:5rem!important;left:0!important;margin:0!important;position:absolute!important;right:0!important;z-index:15!important}}.vidply-player.vidply-fullscreen .vidply-transcript-window,.vidply-player:fullscreen .vidply-transcript-window{bottom:5rem!important;height:auto!important;left:auto!important;max-height:calc(100vh - 11.25rem)!important;max-width:26.25rem;position:fixed!important;right:1.25rem!important;top:auto!important;width:26.25rem}.vidply-loading{display:none;height:3.125rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:3.125rem}.vidply-player.vidply-buffering .vidply-loading{display:block}.vidply-loading::after{animation:.8s linear infinite vidply-spin;border:.25rem solid var(--vidply-white-20);border-radius:50%;border-top-color:var(--vidply-white);content:'';display:block;height:100%;width:100%}@keyframes vidply-spin{to{transform:rotate(360deg)}}.vidply-sr-only{height:.0625rem;left:-625rem;overflow:hidden;position:absolute;width:.0625rem}@media (prefers-contrast:high){.vidply-controls{background:var(--vidply-black)}.vidply-button:focus{outline:solid .1875rem}.vidply-progress-played{background:currentcolor}}@media (prefers-reduced-motion:reduce){.vidply-player *,.vidply-player ::after,.vidply-player ::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media (width <= 48rem),(width < 48rem){.vidply-controls{padding:1rem .75rem .75rem}.vidply-time{font-size:var(--vidply-font-xs)}.vidply-speed-text{display:none}.vidply-settings-dialog{animation:.3s slideUpFromBottom;border-radius:1rem 1rem 0 0;bottom:0;margin:0;max-height:90vh;max-width:100%;padding:1.25rem;position:fixed;top:auto;width:100%}.vidply-settings-overlay{align-items:flex-end}.vidply-menu{border-radius:.5rem;bottom:calc(100% + .25rem);left:50%;max-height:15.625rem;min-width:12.5rem;position:absolute;right:auto;top:auto;transform:translateX(-50%);width:auto;z-index:15}.vidply-volume-menu{min-width:unset!important;width:3.125rem!important}.vidply-menu::before{display:none}.vidply-caption-style-menu.vidply-settings-menu{left:50%;max-width:calc(100vw - 2.5rem);min-width:17.5rem;padding:1rem;transform:translateX(-50%);width:auto}.vidply-style-group{margin-bottom:1.25rem}.vidply-style-group label{font-size:.875rem;margin-bottom:.5rem}.vidply-style-group input[type=color],.vidply-style-select{font-size:1rem;padding:.75rem}.vidply-controls-buttons{flex-direction:row;flex-wrap:nowrap;gap:.5rem;width:100%}.vidply-controls-left,.vidply-controls-right{flex-wrap:nowrap;gap:var(--vidply-gap-xs);width:100%}.vidply-button{min-height:var(--vidply-button-size-mobile);min-width:var(--vidply-button-size-mobile);padding:.3125rem}.vidply-icon{height:var(--vidply-icon-size-mobile);width:var(--vidply-icon-size-mobile)}.vidply-sign-language-settings-item[data-setting=keyboard-drag]{display:none!important}}@keyframes slideUpFromBottom{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (width <= 56rem) and (orientation:landscape),(width <= 56rem) and (orientation:landscape){.vidply-menu{max-height:50vh}.vidply-transcript-window{max-height:70vh}.vidply-settings-dialog{max-height:80vh}.vidply-player.vidply-fullscreen .vidply-playlist-panel,.vidply-player:fullscreen .vidply-playlist-panel{bottom:4.375rem;max-height:30vh;-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;padding:.625rem 0;touch-action:pan-x}.vidply-player.vidply-fullscreen .vidply-playlist-list,.vidply-player:fullscreen .vidply-playlist-list{flex-direction:row;flex-wrap:nowrap;gap:.5rem;padding:0 .625rem}.vidply-player.vidply-fullscreen .vidply-playlist-item,.vidply-player:fullscreen .vidply-playlist-item{flex-shrink:0;max-width:11.25rem;min-width:11.25rem;width:11.25rem}.vidply-player.vidply-fullscreen .vidply-playlist-item-button,.vidply-player:fullscreen .vidply-playlist-item-button{flex-direction:column;gap:0;padding:0}.vidply-player.vidply-fullscreen .vidply-playlist-thumbnail,.vidply-player:fullscreen .vidply-playlist-thumbnail{border-radius:.5rem .5rem 0 0;height:6.25rem;width:100%}.vidply-player.vidply-fullscreen .vidply-playlist-item-info,.vidply-player:fullscreen .vidply-playlist-item-info{padding:.5rem}.vidply-player.vidply-fullscreen .vidply-playlist-header,.vidply-player:fullscreen .vidply-playlist-header{flex-shrink:0;font-size:.6875rem;padding:0 .625rem .5rem}}@media (width <= 30rem),(width <= 30rem){.vidply-speed-text{display:none}.vidply-button{min-height:var(--vidply-button-size-small);min-width:var(--vidply-button-size-small);padding:var(--vidply-padding-sm)}.vidply-icon{height:var(--vidply-icon-size-small);width:var(--vidply-icon-size-small)}}.vidply-player :focus-visible,.vidply-player [role=button]:hover,.vidply-player [role=link]:hover,.vidply-player [tabindex]:not([tabindex="-1"]):hover,.vidply-player a:hover,.vidply-player button:hover,.vidply-player input:hover,.vidply-player select:hover,.vidply-player textarea:hover{outline:var(--vidply-focus-outline-white);outline-offset:0.125rem}@media print{.vidply-controls{display:none}}.vidply-track-artwork{background-color:var(--vidply-black);background-position:center;background-repeat:no-repeat;background-size:cover;border-bottom:.0625rem solid var(--vidply-border-light);height:clamp(7.5rem,22vh,12rem);order:1;overflow:hidden;position:relative;transition:background-image .3s ease-in-out;width:100%}.vidply-track-artwork::after{background:linear-gradient(180deg,transparent 0,var(--vidply-black-30) 100%);bottom:0;content:'';left:0;pointer-events:none;position:absolute;right:0;top:0}.vidply-track-info{background:var(--vidply-bg-track-info);border-bottom:.0625rem solid var(--vidply-border-light);order:2;padding:1rem 1.25rem}.vidply-track-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.25rem}.vidply-track-number{color:var(--vidply-text-muted);font-size:.75rem;letter-spacing:.0313rem;text-transform:uppercase}.vidply-track-duration{color:var(--vidply-text-muted);font-size:.75rem;font-variant-numeric:tabular-nums}.vidply-track-title{color:var(--vidply-white);font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.vidply-track-artist{color:var(--vidply-white-80);font-size:.875rem}.vidply-track-description{-webkit-box-orient:vertical;color:var(--vidply-white-60);display:-webkit-box;font-size:.8125rem;-webkit-line-clamp:2;line-height:1.4;margin-top:.5rem;max-height:3.5em;overflow:hidden}.vidply-playlist-panel{background:var(--vidply-bg-playlist);border-top:.0625rem solid var(--vidply-border-light);max-height:25rem;order:3;-webkit-overflow-scrolling:touch;overflow-y:auto;position:relative;touch-action:pan-y;transition:opacity .3s,transform .3s;z-index:var(--vidply-z-base);scrollbar-color:var(--vidply-scrollbar-thumb) var(--vidply-scrollbar-track);scrollbar-width:thin}@supports (-webkit-touch-callout:none){.vidply-playlist-panel{transform:none;flex-shrink:0;z-index:auto;position:relative;display:block}.vidply-player.vidply-has-playlist{contain:style;isolation:auto;min-height:0;height:auto!important;overflow:visible}@media (width <= 48rem),(width < 48rem){.vidply-player.vidply-has-playlist{isolation:auto}}.vidply-player.vidply-has-playlist .vidply-playlist-panel{max-width:100%;width:100%;flex-basis:auto;float:none}}.vidply-player.vidply-fullscreen .vidply-playlist-panel,.vidply-player:fullscreen .vidply-playlist-panel{backdrop-filter:blur(0.625rem);background:linear-gradient(to top,rgb(0 0 0 / 95%) 0,rgb(0 0 0 / 90%) 100%);border:none;border-top:.0625rem solid var(--vidply-border);bottom:5rem;left:0;max-height:50vh;opacity:0;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:absolute!important;right:0;touch-action:pan-y;transform:translateY(1.25rem);z-index:var(--vidply-z-playlist);scroll-behavior:smooth}.vidply-player.vidply-fullscreen .vidply-playlist-panel.vidply-playlist-fullscreen-visible,.vidply-player:fullscreen .vidply-playlist-panel.vidply-playlist-fullscreen-visible{opacity:1;transform:translateY(0)}.vidply-player.vidply-fullscreen .vidply-menu,.vidply-player:fullscreen .vidply-menu{z-index:var(--vidply-z-menu-fullscreen)}.vidply-player.vidply-fullscreen>.vidply-menu,.vidply-player:fullscreen>.vidply-menu{position:absolute}.vidply-player.vidply-fullscreen .vidply-playlist-list,.vidply-player:fullscreen .vidply-playlist-list{display:flex;flex-direction:row;gap:.75rem;-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;padding:.5rem 1rem;scroll-snap-type:x mandatory}.vidply-player.vidply-fullscreen .vidply-playlist-header,.vidply-player:fullscreen .vidply-playlist-header{background:var(--vidply-black-50);border-bottom:.0625rem solid var(--vidply-border);font-size:.75rem;padding:.625rem 1rem}.vidply-player.vidply-fullscreen .vidply-playlist-item,.vidply-player:fullscreen .vidply-playlist-item{flex:0 0 auto;max-width:20rem;min-width:17.5rem;scroll-snap-align:start}.vidply-player.vidply-fullscreen .vidply-playlist-item-button,.vidply-player:fullscreen .vidply-playlist-item-button{align-items:stretch;background:var(--vidply-black-40);border-radius:.5rem;flex-direction:column;gap:.5rem;overflow:hidden;padding:0;transition:.2s}.vidply-player.vidply-fullscreen .vidply-playlist-item-button:hover,.vidply-player:fullscreen .vidply-playlist-item-button:hover{background:var(--vidply-white-10);box-shadow:0 .5rem 1.5rem var(--vidply-black-60);transform:translateY(-.25rem)}.vidply-player.vidply-fullscreen .vidply-playlist-thumbnail-container,.vidply-player:fullscreen .vidply-playlist-thumbnail-container{position:relative;width:100%}.vidply-player.vidply-fullscreen .vidply-playlist-thumbnail,.vidply-player:fullscreen .vidply-playlist-thumbnail{border-radius:0;height:10rem;width:100%}.vidply-player.vidply-fullscreen .vidply-playlist-duration-badge,.vidply-player:fullscreen .vidply-playlist-duration-badge{bottom:.375rem;font-size:.75rem;padding:.1875rem .375rem;right:.375rem}.vidply-player.vidply-fullscreen .vidply-playlist-item-info,.vidply-player:fullscreen .vidply-playlist-item-info{padding:.75rem}.vidply-player.vidply-fullscreen .vidply-playlist-item-description,.vidply-player:fullscreen .vidply-playlist-item-description{display:none}.vidply-player.vidply-fullscreen .vidply-playlist-item-title,.vidply-player:fullscreen .vidply-playlist-item-title{-webkit-box-orient:vertical;display:-webkit-box;font-size:.875rem;font-weight:600;-webkit-line-clamp:2;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.vidply-player.vidply-fullscreen .vidply-playlist-item-artist,.vidply-player:fullscreen .vidply-playlist-item-artist{font-size:.75rem;opacity:.8}.vidply-player.vidply-fullscreen .vidply-playlist-item-icon,.vidply-player:fullscreen .vidply-playlist-item-icon{display:none!important}.vidply-player.vidply-fullscreen .vidply-playlist-panel::-webkit-scrollbar,.vidply-player:fullscreen .vidply-playlist-panel::-webkit-scrollbar{height:.5rem;width:.625rem}.vidply-player.vidply-fullscreen .vidply-playlist-panel::-webkit-scrollbar-track,.vidply-player:fullscreen .vidply-playlist-panel::-webkit-scrollbar-track{background:0 0}.vidply-player.vidply-fullscreen .vidply-playlist-panel::-webkit-scrollbar-thumb,.vidply-player:fullscreen .vidply-playlist-panel::-webkit-scrollbar-thumb{background:var(--vidply-white-30);border-radius:.3125rem}.vidply-player.vidply-fullscreen .vidply-playlist-panel::-webkit-scrollbar-thumb:hover,.vidply-player:fullscreen .vidply-playlist-panel::-webkit-scrollbar-thumb:hover{background:var(--vidply-white-50)}.vidply-player.vidply-fullscreen .vidply-playlist-list::-webkit-scrollbar,.vidply-player:fullscreen .vidply-playlist-list::-webkit-scrollbar{height:.375rem}.vidply-player.vidply-fullscreen .vidply-playlist-list::-webkit-scrollbar-track,.vidply-player:fullscreen .vidply-playlist-list::-webkit-scrollbar-track{background:0 0}.vidply-player.vidply-fullscreen .vidply-playlist-list::-webkit-scrollbar-thumb,.vidply-player:fullscreen .vidply-playlist-list::-webkit-scrollbar-thumb{background:var(--vidply-white-20);border-radius:.1875rem}.vidply-player.vidply-fullscreen .vidply-playlist-list::-webkit-scrollbar-thumb:hover,.vidply-player:fullscreen .vidply-playlist-list::-webkit-scrollbar-thumb:hover{background:var(--vidply-white-40)}.vidply-player.vidply-fullscreen .vidply-playlist-item-active .vidply-playlist-item-button,.vidply-player:fullscreen .vidply-playlist-item-active .vidply-playlist-item-button{background:var(--vidply-primary-15);border:.125rem solid var(--vidply-primary-light)}.vidply-player.vidply-fullscreen .vidply-playlist-item-active .vidply-playlist-item-title,.vidply-player:fullscreen .vidply-playlist-item-active .vidply-playlist-item-title{color:var(--vidply-primary-light)}.vidply-playlist-header{background:var(--vidply-bg-playlist-header);border-bottom:.0625rem solid var(--vidply-border-light);color:var(--vidply-white-90);font-size:.8125rem;font-weight:600;letter-spacing:.0313rem;padding:.75rem 1rem;position:sticky;text-transform:uppercase;top:0;z-index:2}.vidply-playlist-list{list-style:none;margin:0;padding:.25rem 0}.vidply-playlist-item{border-left:.1875rem solid transparent;position:relative}.vidply-playlist-item-button{align-items:center;background:0 0;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:var(--vidply-transition-default);width:100%}.vidply-playlist-item-button:hover{background:var(--vidply-white-08)}.vidply-playlist-item:hover{border-left-color:var(--vidply-primary)}.vidply-playlist-item-button:focus{background:var(--vidply-white-08);outline:0}.vidply-playlist-item-button:focus-visible{background:var(--vidply-white-08);outline:var(--vidply-focus-outline-white);outline-offset:-0.125rem;z-index:1}.vidply-playlist-item:has(:focus-visible){border-left-color:var(--vidply-primary);z-index:1}.vidply-playlist-list:focus [aria-selected=true],.vidply-playlist-list:focus-visible [aria-selected=true]{background:var(--vidply-primary-20);border-left-color:var(--vidply-primary);outline:var(--vidply-focus-outline-white);outline-offset:-0.125rem;z-index:2}.vidply-playlist-list:focus{outline:.125rem solid var(--vidply-primary);outline-offset:0.125rem}.vidply-playlist-list:focus-visible{outline:.125rem solid var(--vidply-primary);outline-offset:0.125rem}.vidply-playlist-item-active{border-left-color:var(--vidply-primary)}.vidply-playlist-item-active .vidply-playlist-item-button{background:var(--vidply-primary-15)}.vidply-playlist-item-active .vidply-playlist-item-button:hover{background:var(--vidply-primary-20)}.vidply-playlist-item-active .vidply-playlist-item-button:focus{background:var(--vidply-primary-20);outline:0}.vidply-playlist-item-active .vidply-playlist-item-button:focus-visible{background:var(--vidply-primary-20);outline:var(--vidply-focus-outline-white);outline-offset:-0.125rem}.vidply-playlist-thumbnail-container{flex-shrink:0;position:relative}.vidply-playlist-thumbnail{align-items:center;background-color:var(--vidply-white-10);background-position:center;background-size:cover;border-radius:.25rem;display:flex;flex-shrink:0;height:2.8125rem;justify-content:center;overflow:hidden;width:5rem}.vidply-playlist-thumbnail-icon{color:var(--vidply-text-subtle);height:2rem;transition:var(--vidply-transition-default);width:2rem}.vidply-playlist-item-button:hover .vidply-playlist-thumbnail-icon{color:var(--vidply-text-muted);transform:scale(1.1)}.vidply-playlist-item-active .vidply-playlist-thumbnail-icon{color:var(--vidply-primary-light)}.vidply-playlist-duration-badge{background:rgb(0 0 0 / 80%);border-radius:.1875rem;bottom:.125rem;color:var(--vidply-white);font-family:var(--vidply-font-family);font-size:.625rem;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.02em;line-height:1;padding:.125rem .25rem;position:absolute;right:.125rem}.vidply-playlist-item-info{display:block;flex:1;min-width:0}.vidply-playlist-item-title-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.vidply-playlist-item-title{color:var(--vidply-white);display:block;flex:1;font-size:.875rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vidply-playlist-item-active .vidply-playlist-item-title{color:var(--vidply-primary-light)}.vidply-playlist-item-duration{color:var(--vidply-text-disabled);flex-shrink:0;font-size:.6875rem;font-variant-numeric:tabular-nums}.vidply-playlist-item-artist{color:var(--vidply-text-disabled);display:block;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vidply-playlist-item-description{-webkit-box-orient:vertical;color:var(--vidply-text-subtle);display:-webkit-box;font-size:.6875rem;-webkit-line-clamp:2;line-height:1.4;margin-top:.25rem;overflow:hidden;text-overflow:ellipsis}.vidply-playlist-item-icon{flex-shrink:0;height:1.25rem;opacity:0;transition:opacity .2s;width:1.25rem}.vidply-playlist-item-active .vidply-playlist-item-icon{color:var(--vidply-primary-light);opacity:1}.vidply-playlist-panel::-webkit-scrollbar{width:.5rem}.vidply-playlist-panel::-webkit-scrollbar-track{background:var(--vidply-scrollbar-track)}.vidply-playlist-panel::-webkit-scrollbar-thumb{background:var(--vidply-scrollbar-thumb);border-radius:.25rem}.vidply-playlist-panel::-webkit-scrollbar-thumb:hover{background:var(--vidply-scrollbar-thumb-hover)}.vidply-player.vidply-audio.vidply-has-playlist{min-height:12.5rem}.vidply-player.vidply-audio.vidply-has-playlist audio{display:none}.vidply-player.vidply-audio.vidply-has-playlist .vidply-video-wrapper{flex:1}.vidply-player.vidply-audio.vidply-has-playlist .vidply-controls{margin-top:auto}.vidply-transcript-window{backdrop-filter:blur(0.625rem);background:var(--vidply-bg-transcript);border:.0625rem solid var(--vidply-border);border-radius:.5rem;box-shadow:0 .625rem 2.5rem var(--vidply-black-60);display:none;flex-direction:column;min-width:26.25rem;order:4;position:fixed;top:0;width:26.25rem;z-index:var(--vidply-z-transcript)}.vidply-player.vidply-audio .vidply-transcript-window{min-height:12.5rem}.vidply-transcript-header{align-items:center;background:#282828;border-bottom:.0625rem solid var(--vidply-border-light);border-radius:var(--vidply-radius-lg) var(--vidply-radius-lg) 0 0;cursor:move;display:flex;justify-content:space-between;padding:var(--vidply-padding-xl) var(--vidply-padding-xxl);touch-action:none;user-select:none;position:relative}.vidply-transcript-header:focus,.vidply-transcript-header:focus-visible{box-shadow:0 0 0 .25rem rgb(91 144 255 / 35%);outline:.1875rem solid var(--vidply-primary-light);outline-offset:0.125rem}.vidply-transcript-header h3{color:var(--vidply-white);font-size:var(--vidply-font-lg);font-weight:600;height:.0625rem;left:-625rem;margin:0;overflow:hidden;position:absolute;width:.0625rem}.vidply-transcript-close{align-items:center;background:0 0;border:none;border-radius:var(--vidply-radius-sm);color:var(--vidply-text-muted);cursor:pointer;display:flex;height:var(--vidply-header-height);justify-content:center;padding:var(--vidply-padding-sm);transition:var(--vidply-transition-slow);width:var(--vidply-header-height)}.vidply-transcript-close:hover{background:var(--vidply-hover-bg);color:var(--vidply-white)}.vidply-transcript-close:focus{outline:var(--vidply-focus-outline-white);outline-offset:0.125rem}.vidply-transcript-close .vidply-icon{height:var(--vidply-icon-size-xs);width:var(--vidply-icon-size-xs)}.vidply-transcript-content{flex:1;-webkit-overflow-scrolling:touch;overflow-y:auto;padding:.75rem 0;touch-action:pan-y;scrollbar-color:var(--vidply-scrollbar-thumb) var(--vidply-scrollbar-track-transcript);scrollbar-width:thin}.vidply-transcript-entry{background:0 0;border:none;border-left:.1875rem solid transparent;color:inherit;cursor:pointer;display:block;font:inherit;padding:.75rem 1.25rem;text-align:left;transition:background .2s;width:100%}.vidply-transcript-entry:focus,.vidply-transcript-entry:hover{background:var(--vidply-active-bg)}.vidply-transcript-entry-active{background:var(--vidply-primary-15);border-left-color:var(--vidply-primary-light)}.vidply-transcript-time{color:var(--vidply-primary-light);font-family:'Courier New',monospace;font-size:100%;font-weight:600;margin-bottom:.25rem;margin-right:.5rem}.vidply-transcript-text{color:var(--vidply-white-90);font-size:100%;line-height:1.6}.vidply-transcript-entry-active .vidply-transcript-text{color:var(--vidply-white);text-decoration:underline}.vidply-transcript-entry:focus .vidply-transcript-text,.vidply-transcript-entry:hover .vidply-transcript-text{text-decoration:underline}.vidply-transcript-description{background:rgb(100 149 237 / 8%);border-left:.1875rem solid #8bb3fb}.vidply-transcript-description .vidply-transcript-text{color:#8bb3fb;font-style:italic;opacity:.9}.vidply-transcript-description .vidply-transcript-time{color:#8bb3fb}.vidply-transcript-description:focus,.vidply-transcript-description:hover{background:rgb(100 149 237 / 14%)}.vidply-transcript-description:focus .vidply-transcript-text,.vidply-transcript-description:hover .vidply-transcript-text{opacity:1}.vidply-transcript-description.vidply-transcript-entry-active{background:rgb(100 149 237 / 18%);border-left-color:#6495ed}.vidply-transcript-description.vidply-transcript-entry-active .vidply-transcript-text{color:rgb(135 206 250);opacity:1}.vidply-transcript-content::-webkit-scrollbar{width:.5rem}.vidply-transcript-content::-webkit-scrollbar-track{background:var(--vidply-scrollbar-track-transcript)}.vidply-transcript-content::-webkit-scrollbar-thumb{background:var(--vidply-scrollbar-thumb);border-radius:.25rem}.vidply-transcript-content::-webkit-scrollbar-thumb:hover{background:var(--vidply-scrollbar-thumb-hover)}.vidply-transcript-header-left{align-items:flex-start;display:flex;gap:1rem;position:relative}.vidply-transcript-autoscroll-label{align-items:center;align-self:center;cursor:pointer;display:flex;gap:.375rem;user-select:none;white-space:nowrap}.vidply-transcript-autoscroll-label input[type=checkbox]{cursor:pointer;height:1rem;margin:0;width:1rem}.vidply-transcript-autoscroll-text{color:var(--vidply-text-muted);font-size:.8125rem;transition:color .2s}.vidply-transcript-autoscroll-label:hover .vidply-transcript-autoscroll-text{color:var(--vidply-white)}.vidply-transcript-language-wrapper{align-items:center;align-self:center;display:flex;flex-direction:row;gap:.5rem}.vidply-transcript-language-label{color:var(--vidply-text-muted);cursor:pointer;font-size:.8125rem;font-weight:400;margin-left:.5rem;white-space:nowrap}.vidply-transcript-language-select{background:var(--vidply-bg-menu);border:.0625rem solid var(--vidply-border);border-radius:.25rem;color:var(--vidply-text);font-size:.875rem;max-width:7.5rem;padding:.25rem .5rem}.vidply-transcript-language-select:focus{outline:var(--vidply-focus-outline);outline-offset:0.125rem}.vidply-transcript-settings{align-items:center;align-self:center;background:0 0;border:none;border-radius:var(--vidply-radius-sm);color:var(--vidply-text-muted);cursor:pointer;display:flex;height:var(--vidply-header-height);justify-content:center;padding:var(--vidply-padding-sm);position:relative;transition:var(--vidply-transition-slow);width:var(--vidply-header-height)}.vidply-transcript-settings:hover{background:var(--vidply-hover-bg);color:var(--vidply-white)}.vidply-transcript-settings:focus{outline:var(--vidply-focus-outline-white);outline-offset:0.125rem}.vidply-transcript-settings .vidply-icon{height:var(--vidply-icon-size-xs);width:var(--vidply-icon-size-xs)}.vidply-transcript-settings-menu{background:var(--vidply-bg-menu);border:.0625rem solid var(--vidply-border);border-radius:var(--vidply-radius-md);box-shadow:var(--vidply-shadow-lg);display:none;min-width:15rem;padding:var(--vidply-gap-sm);position:absolute;z-index:100}.vidply-transcript-settings-menu::after{border-bottom:.375rem solid var(--vidply-bg-menu);border-left:.375rem solid transparent;border-right:.375rem solid transparent;bottom:100%;content:'';height:0;left:.5rem;position:absolute;width:0}.vidply-transcript-settings-menu.vidply-menu-above::after{border-bottom:none;border-top:.375rem solid var(--vidply-bg-menu);bottom:auto;top:100%}.vidply-transcript-settings-item{align-items:flex-start;background:0 0;border:none;border-radius:var(--vidply-radius-sm);color:var(--vidply-white);cursor:pointer;display:flex;font-size:var(--vidply-font-base);gap:var(--vidply-gap-md);padding:var(--vidply-padding-md) .625rem;text-align:left;transition:var(--vidply-transition-normal);width:100%}.vidply-transcript-settings-item:hover{background:var(--vidply-primary-20)}.vidply-transcript-settings-item:hover span{text-decoration:underline}.vidply-transcript-settings-item:focus{background:var(--vidply-primary-25);outline:.125rem solid var(--vidply-primary-light);outline-offset:-0.125rem}.vidply-transcript-settings-item:focus span{text-decoration:underline}.vidply-transcript-settings-item .vidply-icon{flex-grow:0.2;height:var(--vidply-icon-size-small);opacity:.9;width:var(--vidply-icon-size-small)}.vidply-transcript-settings-item span{flex:1}.vidply-transcript-move-mode{animation:.5s ease-in-out 2 transcriptPulse;box-shadow:0 0 0 .1875rem var(--vidply-primary-light),0 .625rem 2.5rem var(--vidply-black-60)}@keyframes transcriptPulse{0%,100%{box-shadow:0 0 0 .1875rem var(--vidply-primary-light),0 .625rem 2.5rem var(--vidply-black-60)}50%{box-shadow:0 0 0 .375rem var(--vidply-primary-light),0 .625rem 2.5rem var(--vidply-black-60)}}.vidply-transcript-resize-handle{position:absolute;z-index:10}.vidply-transcript-resize-ne,.vidply-transcript-resize-nw,.vidply-transcript-resize-se,.vidply-transcript-resize-sw{height:1rem;width:1rem}.vidply-transcript-resize-n,.vidply-transcript-resize-s{cursor:ns-resize;height:.5rem;left:1rem;right:1rem}.vidply-transcript-resize-e,.vidply-transcript-resize-w{bottom:1rem;cursor:ew-resize;top:1rem;width:.5rem}.vidply-transcript-resize-n{top:-.25rem}.vidply-transcript-resize-s{bottom:-.25rem}.vidply-transcript-resize-e{right:-.25rem}.vidply-transcript-resize-w{left:-.25rem}.vidply-transcript-resize-ne{cursor:nesw-resize;right:-.5rem;top:-.5rem}.vidply-transcript-resize-nw{cursor:nwse-resize;left:-.5rem;top:-.5rem}.vidply-transcript-resize-se{bottom:-.5rem;cursor:nwse-resize;right:-.5rem}.vidply-transcript-resize-sw{bottom:-.5rem;cursor:nesw-resize;left:-.5rem}.vidply-transcript-resizable .vidply-transcript-resize-handle::after{background:var(--vidply-primary-light);border-radius:50%;content:'';height:.375rem;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:.375rem}.vidply-transcript-resizable:hover .vidply-transcript-resize-handle::after{opacity:.8}.vidply-transcript-resizable .vidply-transcript-resize-handle:hover::after{opacity:1}.vidply-transcript-resizing{box-shadow:0 0 0 .125rem var(--vidply-primary-light),0 .625rem 2.5rem var(--vidply-black-60);transition:none!important}.vidply-transcript-resizing .vidply-transcript-content{pointer-events:none}.vidply-transcript-keyboard-drag{box-shadow:0 0 0 .1875rem var(--vidply-primary-light),0 .625rem 2.5rem var(--vidply-black-60)}.vidply-transcript-drag-indicator{background:linear-gradient(135deg,var(--vidply-primary) 0,var(--vidply-primary-light) 100%);border-radius:0 0 .375rem .375rem;color:var(--vidply-white);font-size:.75rem;font-weight:600;left:0;padding:.5rem .75rem;position:absolute;right:0;text-align:center;top:100%;z-index:1000}.vidply-transcript-move-tooltip{animation:.3s fadeInDown;background:var(--vidply-black-90);border-radius:.25rem;color:var(--vidply-white);font-size:.75rem;left:50%;padding:.375rem .75rem;position:absolute;text-align:center;top:100%;transform:translateX(-50%);white-space:nowrap;z-index:1000}.vidply-transcript-resize-tooltip{animation:.3s fadeInDown;background:var(--vidply-primary);border-radius:.25rem;color:var(--vidply-white);font-size:.75rem;left:50%;padding:.375rem .75rem;position:absolute;text-align:center;top:100%;transform:translateX(-50%);white-space:nowrap;z-index:1000}@keyframes fadeInDown{from{opacity:0;transform:translateX(-50%) translateY(-.625rem)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.vidply-transcript-style-dialog{background:var(--vidply-bg-menu);border:.0625rem solid var(--vidply-border);border-radius:.5rem;box-shadow:var(--vidply-shadow-lg);display:none;left:0;max-height:31.25rem;min-width:17.5rem;overflow-y:auto;padding:.75rem;position:absolute;top:100%;width:auto;z-index:100}.vidply-transcript-style-dialog::after{border-color:transparent transparent var(--vidply-bg-menu) transparent;border-style:solid;border-width:0 .5rem .5rem;content:'';height:0;left:.75rem;position:absolute;top:-.5rem;width:0}.vidply-transcript-style-title{border-bottom:.0625rem solid var(--vidply-border);color:var(--vidply-white);font-size:.875rem;font-weight:600;margin:0 0 .75rem;padding-bottom:.5rem}.vidply-transcript-style-group{margin-bottom:.75rem}.vidply-transcript-style-group:last-child{margin-bottom:0}.vidply-transcript-style-group label{color:var(--vidply-white-90);display:block;font-size:.75rem;font-weight:500;margin-bottom:.375rem}.vidply-transcript-style-select{background:var(--vidply-bg-menu);border:.0625rem solid var(--vidply-border);border-radius:.25rem;color:var(--vidply-text);font-size:.875rem;padding:.25rem .5rem;transition:var(--vidply-transition-default);width:100%}.vidply-transcript-style-select:hover{background:var(--vidply-white-15);border-color:var(--vidply-border-hover)}.vidply-transcript-style-select:focus{background:var(--vidply-white-15);border-color:var(--vidply-border-focus);box-shadow:0 0 0 .1875rem var(--vidply-primary-20);outline:var(--vidply-focus-outline);outline-offset:0.125rem}.vidply-transcript-style-color{border:.0625rem solid var(--vidply-border);border-radius:.25rem;cursor:pointer;height:2rem;outline:0;padding:.25rem;transition:var(--vidply-transition-default);width:100%}.vidply-transcript-style-color:hover{border-color:var(--vidply-border-hover);box-shadow:0 0 0 .0625rem var(--vidply-primary-20)}.vidply-transcript-style-color:focus{border-color:var(--vidply-border-focus);box-shadow:0 0 0 .1875rem var(--vidply-primary-20);outline:var(--vidply-focus-outline);outline-offset:0.125rem}.vidply-transcript-style-range-container{align-items:center;display:flex;gap:.75rem}.vidply-transcript-style-range{-webkit-appearance:none;appearance:none;background:var(--vidply-white-20);border-radius:.1875rem;cursor:pointer;flex:1;height:.375rem;outline:0;transition:var(--vidply-transition-default)}.vidply-transcript-style-range:hover{background:var(--vidply-white-25)}.vidply-transcript-style-range:focus{background:var(--vidply-white-30);box-shadow:0 0 0 .125rem var(--vidply-primary-20)}.vidply-transcript-style-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--vidply-primary-light);border:.125rem solid var(--vidply-white);border-radius:50%;box-shadow:var(--vidply-shadow-sm);cursor:pointer;height:1rem;transition:.15s;width:1rem}.vidply-transcript-style-range::-webkit-slider-thumb:hover{background:var(--vidply-primary);transform:scale(1.15)}.vidply-transcript-style-range::-moz-range-thumb{background:var(--vidply-primary-light);border:.125rem solid var(--vidply-white);border-radius:50%;box-shadow:var(--vidply-shadow-sm);cursor:pointer;height:1rem;transition:.15s;width:1rem}.vidply-transcript-style-range::-moz-range-thumb:hover{background:var(--vidply-primary);transform:scale(1.15)}.vidply-transcript-style-value{color:var(--vidply-text-muted);font-size:.8125rem;font-weight:600;min-width:2.5rem;text-align:right}.vidply-transcript-style-close{background:var(--vidply-primary);border:none;border-radius:.25rem;color:var(--vidply-white);cursor:pointer;font-size:.8125rem;font-weight:600;margin-top:.75rem;padding:.5rem 1rem;transition:var(--vidply-transition-default);width:100%}.vidply-transcript-style-close:hover{background:var(--vidply-primary-light);transform:translateY(-.0625rem)}.vidply-transcript-style-close:active{transform:translateY(0)}.vidply-transcript-style-close:focus{box-shadow:0 0 0 .1875rem var(--vidply-primary-20);outline:var(--vidply-focus-outline);outline-offset:0.125rem}.vidply-sign-language-wrapper{background:0 0;border-radius:.5rem;height:auto;max-width:none;min-height:6.25rem;overflow:visible;position:absolute;touch-action:none;transition:opacity .3s;width:17.5rem;z-index:3}.vidply-fullscreen .vidply-sign-language-wrapper{max-width:none}.vidply-sign-language-wrapper:focus{outline:.125rem solid var(--vidply-primary);outline-offset:0.125rem}.vidply-sign-language-header{align-items:center;background:#282828;border-bottom:.0625rem solid var(--vidply-border-light);border-radius:var(--vidply-radius-lg) var(--vidply-radius-lg) 0 0;cursor:move;display:flex;justify-content:space-between;padding:var(--vidply-padding-xl) var(--vidply-padding-xxl);position:relative;touch-action:none;user-select:none}.vidply-sign-language-header *{touch-action:none}.vidply-sign-language-header:focus,.vidply-sign-language-header:focus-visible{box-shadow:0 0 0 .25rem rgb(91 144 255 / 35%);outline:.1875rem solid var(--vidply-primary-light);outline-offset:0.125rem}.vidply-sign-language-header-left{align-items:flex-start;display:flex;gap:1rem;position:relative}.vidply-sign-language-selector-wrapper{align-items:center;align-self:center;display:flex;flex-direction:row;gap:.5rem}.vidply-sign-language-label{color:var(--vidply-white);font-size:.75rem;font-weight:500;white-space:nowrap}.vidply-sign-language-select{background:var(--vidply-bg-menu);border:.0625rem solid var(--vidply-border);border-radius:.25rem;color:var(--vidply-text);font-size:.875rem;padding:.25rem .5rem}.vidply-sign-language-select:focus{outline:var(--vidply-focus-outline);outline-offset:0.125rem}.vidply-sign-language-settings{align-items:center;align-self:center;background:0 0;border:none;border-radius:var(--vidply-radius-sm);color:var(--vidply-text-muted);cursor:pointer;display:flex;height:var(--vidply-header-height);justify-content:center;padding:var(--vidply-padding-sm);transition:var(--vidply-transition-slow);width:var(--vidply-header-height)}.vidply-sign-language-settings:hover{background:var(--vidply-hover-bg);color:var(--vidply-white)}.vidply-sign-language-settings:focus{outline:var(--vidply-focus-outline-white);outline-offset:0.125rem}.vidply-sign-language-settings .vidply-icon{height:var(--vidply-icon-size-xs);width:var(--vidply-icon-size-xs)}.vidply-sign-language-settings-menu{background:var(--vidply-bg-menu);border:.0625rem solid var(--vidply-border);border-radius:var(--vidply-radius-md);box-shadow:var(--vidply-shadow-lg);display:none;min-width:15rem;padding:var(--vidply-gap-sm);position:absolute;z-index:100}.vidply-sign-language-settings-menu::after{border-bottom:.375rem solid var(--vidply-bg-menu);border-left:.375rem solid transparent;border-right:.375rem solid transparent;bottom:100%;content:'';height:0;left:48%;position:absolute;width:0}.vidply-sign-language-settings-menu.vidply-menu-above::after{border-bottom:none;border-top:.375rem solid var(--vidply-bg-menu);bottom:auto;top:100%}.vidply-sign-language-settings-item{align-items:flex-start;background:0 0;border:none;border-radius:var(--vidply-radius-sm);color:var(--vidply-white);cursor:pointer;display:flex;font-size:var(--vidply-font-base);gap:var(--vidply-gap-md);padding:var(--vidply-padding-md) .625rem;text-align:left;transition:var(--vidply-transition-normal);width:100%}.vidply-sign-language-settings-item:hover{background:var(--vidply-primary-20)}.vidply-sign-language-settings-item:hover span{text-decoration:underline}.vidply-sign-language-settings-item:focus{background:var(--vidply-primary-25);outline:0}.vidply-sign-language-settings-item:focus span{text-decoration:underline}.vidply-sign-language-settings-item .vidply-icon{flex-grow:0.2;height:var(--vidply-icon-size-small);opacity:.9;width:var(--vidply-icon-size-small)}.vidply-sign-language-settings-item span,.vidply-sign-language-settings-text{flex:1}.vidply-sign-language-header h3{color:var(--vidply-white);font-size:var(--vidply-font-lg);font-weight:600;height:.0625rem;left:-625rem;margin:0;overflow:hidden;position:absolute;width:.0625rem}.vidply-sign-language-close{align-items:center;background:0 0;border:none;border-radius:var(--vidply-radius-sm);color:var(--vidply-text-muted);cursor:pointer;display:flex;height:var(--vidply-header-height);justify-content:center;padding:var(--vidply-padding-sm);transition:var(--vidply-transition-slow);width:var(--vidply-header-height)}.vidply-sign-language-close:hover{background:var(--vidply-hover-bg);color:var(--vidply-white)}.vidply-sign-language-close:focus{outline:var(--vidply-focus-outline-white);outline-offset:0.125rem}.vidply-sign-language-close .vidply-icon{height:var(--vidply-icon-size-xs);width:var(--vidply-icon-size-xs)}.vidply-sign-language-video{background:var(--vidply-black);border:.125rem solid var(--vidply-white-30);border-radius:0 0 .5rem .5rem;border-top:none;box-shadow:0 .25rem .75rem var(--vidply-black-60);cursor:default;display:block;height:auto;overflow:hidden;pointer-events:auto;width:100%}.vidply-sign-resize-handle{position:absolute;touch-action:none;z-index:10}.vidply-sign-resize-ne,.vidply-sign-resize-nw,.vidply-sign-resize-se,.vidply-sign-resize-sw{height:1rem;width:1rem}.vidply-sign-resize-n,.vidply-sign-resize-s{cursor:ns-resize;height:.5rem;left:1rem;right:1rem}.vidply-sign-resize-e,.vidply-sign-resize-w{bottom:1rem;cursor:ew-resize;top:1rem;width:.5rem}.vidply-sign-resize-n{top:-.25rem}.vidply-sign-resize-s{bottom:-.25rem}.vidply-sign-resize-e{right:-.25rem}.vidply-sign-resize-w{left:-.25rem}.vidply-sign-resize-ne{cursor:nesw-resize;right:-.5rem;top:-.5rem}.vidply-sign-resize-nw{cursor:nwse-resize;left:-.5rem;top:-.5rem}.vidply-sign-resize-se{bottom:-.5rem;cursor:nwse-resize;right:-.5rem}.vidply-sign-resize-sw{bottom:-.5rem;cursor:nesw-resize;left:-.5rem}.vidply-sign-resizable .vidply-sign-resize-handle::after{background:var(--vidply-primary-light);border-radius:50%;content:'';height:.375rem;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:.375rem}.vidply-sign-resizable:hover .vidply-sign-resize-handle::after{opacity:.8}.vidply-sign-resizable .vidply-sign-resize-handle:hover::after{opacity:1}.vidply-sign-dragging .vidply-sign-language-header{cursor:grabbing!important}.vidply-sign-dragging .vidply-sign-language-video{opacity:.9}.vidply-sign-resizing .vidply-sign-language-video{cursor:nwse-resize!important}.vidply-sign-move-mode{box-shadow:0 0 0 .125rem var(--vidply-primary-light),0 .625rem 2.5rem var(--vidply-black-60)}.vidply-sign-resizing{box-shadow:0 0 0 .125rem var(--vidply-primary-light),0 .625rem 2.5rem var(--vidply-black-60);transition:none!important}.vidply-sign-keyboard-drag,.vidply-sign-keyboard-resize{box-shadow:0 0 0 .1875rem var(--vidply-primary),0 .25rem .75rem var(--vidply-black-60)}.vidply-sign-keyboard-drag::after,.vidply-sign-keyboard-resize::after{align-items:center;background:var(--vidply-primary);border-radius:.25rem;color:var(--vidply-white);display:flex;font-size:.75rem;font-weight:600;justify-content:center;left:50%;padding:.25rem .5rem;pointer-events:none;position:absolute;top:-1.75rem;transform:translateX(-50%);white-space:nowrap;z-index:10}.vidply-sign-keyboard-drag::after{content:'DRAG MODE (Arrow keys to move, ESC to exit)'}.vidply-sign-keyboard-resize::after{content:'RESIZE MODE (Arrow keys to resize, ESC to exit)'}.vidply-sign-position-bottom-right{bottom:5.9375rem;right:1rem}.vidply-sign-position-bottom-left{bottom:5.9375rem;left:1rem}.vidply-sign-position-top-right{right:1rem;top:1rem}.vidply-sign-position-top-left{left:1rem;top:1rem}@media (width <= 48rem),(width < 48rem){.vidply-sign-language-wrapper{min-width:7.5rem;width:35%}.vidply-sign-position-bottom-left,.vidply-sign-position-bottom-right{bottom:7.875rem!important}.vidply-playlist-thumbnail{height:2.125rem;width:3.75rem}.vidply-playlist-item{gap:.625rem;padding:.625rem .75rem}.vidply-track-artwork{height:clamp(6.5rem,20vh,10rem)}.vidply-track-info{padding:.75rem 1rem}.vidply-track-title{font-size:1rem}.vidply-player.vidply-fullscreen .vidply-playlist-panel,.vidply-player:fullscreen .vidply-playlist-panel{bottom:6.25rem;max-height:35vh;-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;padding:.75rem 0;position:absolute!important;touch-action:pan-x}.vidply-player.vidply-fullscreen .vidply-playlist-list,.vidply-player:fullscreen .vidply-playlist-list{flex-direction:row;flex-wrap:nowrap;gap:.5rem;-webkit-overflow-scrolling:touch;padding:0 .75rem;scroll-behavior:smooth;touch-action:pan-x}.vidply-player.vidply-fullscreen .vidply-playlist-item,.vidply-player:fullscreen .vidply-playlist-item{flex-shrink:0;max-width:7.5rem;min-width:7.5rem;scroll-snap-align:start;width:7.5rem}.vidply-player.vidply-fullscreen .vidply-playlist-item-button,.vidply-player:fullscreen .vidply-playlist-item-button{flex-direction:column;gap:0;padding:0}.vidply-player.vidply-fullscreen .vidply-playlist-thumbnail,.vidply-player:fullscreen .vidply-playlist-thumbnail{border-radius:.5rem;flex-shrink:0;height:5.625rem;width:100%}.vidply-player.vidply-fullscreen .vidply-playlist-item-info,.vidply-player:fullscreen .vidply-playlist-item-info{display:none}.vidply-player.vidply-fullscreen .vidply-playlist-item:not(:has(.vidply-playlist-thumbnail)) .vidply-playlist-item-info,.vidply-player:fullscreen .vidply-playlist-item:not(:has(.vidply-playlist-thumbnail)) .vidply-playlist-item-info{align-items:center;display:flex;flex-direction:column;height:5.625rem;justify-content:center;padding:.5rem;text-align:center}.vidply-player.vidply-fullscreen .vidply-playlist-item:not(:has(.vidply-playlist-thumbnail)) .vidply-playlist-item-title,.vidply-player:fullscreen .vidply-playlist-item:not(:has(.vidply-playlist-thumbnail)) .vidply-playlist-item-title{font-size:.6875rem;-webkit-line-clamp:3}.vidply-player.vidply-fullscreen .vidply-playlist-item:not(:has(.vidply-playlist-thumbnail)) .vidply-playlist-item-artist,.vidply-player:fullscreen .vidply-playlist-item:not(:has(.vidply-playlist-thumbnail)) .vidply-playlist-item-artist{font-size:.5625rem}.vidply-player.vidply-fullscreen .vidply-playlist-header,.vidply-player:fullscreen .vidply-playlist-header{flex-shrink:0;font-size:.6875rem;padding:0 .75rem .5rem}.vidply-transcript-window{border:none;border-radius:0;border-top:.0625rem solid var(--vidply-border-light);box-shadow:none;min-width:18.75rem;order:3;position:relative;width:100%;z-index:5}.vidply-transcript-header{border-radius:0;padding:.75rem 1rem;cursor:default!important}.vidply-transcript-content{max-height:25rem}.vidply-player.vidply-fullscreen .vidply-transcript-header,.vidply-player:fullscreen .vidply-transcript-header{cursor:move!important}}
+:root{--vidply-active-bg:var(--vidply-white-05);--vidply-bg-caption:var(--vidply-black-80);--vidply-bg-controls:linear-gradient(180deg, rgb(var(--vidply-black-rgb), 0) 0%, rgb(var(--vidply-black-rgb), 0.9) 100%);--vidply-bg-dialog:rgb(20 20 20 / 98%);--vidply-bg-dialog-dark:rgb(18 18 18 / 98%);--vidply-bg-menu:rgb(20 20 20 / 98%);--vidply-bg-menu-rgb:20,20,20;--vidply-bg-overlay:var(--vidply-black-80);--vidply-bg-playlist:#1a1a1a;--vidply-bg-playlist-header:var(--vidply-black-40);--vidply-bg-track-info:linear-gradient(180deg, var(--vidply-black-80) 0%, var(--vidply-black-60) 100%);--vidply-bg-transcript:rgb(30 30 30 / 98%);--vidply-black:#000;--vidply-black-30:rgb(var(--vidply-black-rgb), 0.3);--vidply-black-40:rgb(var(--vidply-black-rgb), 0.4);--vidply-black-50:rgb(var(--vidply-black-rgb), 0.5);--vidply-black-60:rgb(var(--vidply-black-rgb), 0.6);--vidply-black-80:rgb(var(--vidply-black-rgb), 0.8);--vidply-black-90:rgb(var(--vidply-black-rgb), 0.9);--vidply-black-98:rgb(var(--vidply-black-rgb), 0.98);--vidply-black-rgb:0,0,0;--vidply-border:var(--vidply-white-15);--vidply-border-focus:var(--vidply-primary-light);--vidply-border-hover:var(--vidply-white-30);--vidply-border-light:var(--vidply-white-10);--vidply-button-size:1.875rem;--vidply-button-size-mobile:2.25rem;--vidply-button-size-small:2rem;--vidply-focus-outline:0.125rem solid var(--vidply-primary-light);--vidply-focus-outline-player:0.1875rem solid var(--vidply-primary-light);--vidply-focus-outline-white:0.125rem solid var(--vidply-primary-light);--vidply-font-base:0.8125rem;--vidply-font-lg:1rem;--vidply-font-md:0.875rem;--vidply-font-sm:0.75rem;--vidply-font-xl:1.125rem;--vidply-font-xs:0.6875rem;--vidply-font-xxl:1.25rem;--vidply-gap-lg:0.75rem;--vidply-gap-md:0.5rem;--vidply-gap-sm:0.375rem;--vidply-gap-xl:1rem;--vidply-gap-xs:0.25rem;--vidply-gap-xxl:1.25rem;--vidply-header-height:1.75rem;--vidply-hover-bg:var(--vidply-white-10);--vidply-icon-size:1.625rem;--vidply-icon-size-mobile:1.375rem;--vidply-icon-size-small:1.25rem;--vidply-icon-size-xs:1.125rem;--vidply-padding-lg:0.75rem;--vidply-padding-md:0.5rem;--vidply-padding-sm:0.25rem;--vidply-padding-xl:1rem;--vidply-padding-xxl:1.25rem;--vidply-primary:#0a406e;--vidply-primary-10:rgb(var(--vidply-primary-rgb), 0.1);--vidply-primary-15:rgb(var(--vidply-primary-rgb), 0.15);--vidply-primary-20:rgb(var(--vidply-primary-rgb), 0.2);--vidply-primary-25:rgb(var(--vidply-primary-rgb), 0.25);--vidply-primary-30:rgb(var(--vidply-primary-rgb), 0.3);--vidply-primary-40:rgb(var(--vidply-primary-rgb), 0.4);--vidply-primary-50:rgb(var(--vidply-primary-rgb), 0.5);--vidply-primary-60:rgb(var(--vidply-primary-rgb), 0.6);--vidply-primary-70:rgb(var(--vidply-primary-rgb), 0.7);--vidply-primary-80:rgb(var(--vidply-primary-rgb), 0.8);--vidply-primary-dark:#083358;--vidply-primary-dark-rgb:8,51,88;--vidply-primary-light:#71b7e2;--vidply-primary-rgb:10,64,110;--vidply-radius-lg:0.5rem;--vidply-radius-md:0.375rem;--vidply-radius-sm:0.25rem;--vidply-radius-xl:0.75rem;--vidply-scrollbar-thumb:var(--vidply-white);--vidply-scrollbar-thumb-hover:var(--vidply-white-90);--vidply-scrollbar-track:#404040;--vidply-scrollbar-track-transcript:#555;--vidply-shadow-lg:0 0.75rem 3rem var(--vidply-black-80);--vidply-shadow-md:0 0.25rem 0.75rem var(--vidply-black-40);--vidply-shadow-sm:0 0.125rem 0.25rem var(--vidply-black-30);--vidply-text-disabled:var(--vidply-white-60);--vidply-text-muted:var(--vidply-white-70);--vidply-text-primary:var(--vidply-white);--vidply-text-secondary:var(--vidply-white-90);--vidply-text-subtle:var(--vidply-white-50);--vidply-transition-default:all 0.2s ease;--vidply-transition-fast:all 0.1s ease;--vidply-transition-normal:all 0.15s ease;--vidply-transition-slow:all 0.2s ease;--vidply-transition-slower:all 0.3s ease;--vidply-white:#fff;--vidply-white-05:rgb(var(--vidply-white-rgb), 0.05);--vidply-white-08:rgb(var(--vidply-white-rgb), 0.08);--vidply-white-10:rgb(var(--vidply-white-rgb), 0.1);--vidply-white-15:rgb(var(--vidply-white-rgb), 0.15);--vidply-white-20:rgb(var(--vidply-white-rgb), 0.2);--vidply-white-25:rgb(var(--vidply-white-rgb), 0.25);--vidply-white-30:rgb(var(--vidply-white-rgb), 0.3);--vidply-white-40:rgb(var(--vidply-white-rgb), 0.4);--vidply-white-50:rgb(var(--vidply-white-rgb), 0.5);--vidply-white-60:rgb(var(--vidply-white-rgb), 0.6);--vidply-white-70:rgb(var(--vidply-white-rgb), 0.7);--vidply-white-80:rgb(var(--vidply-white-rgb), 0.8);--vidply-white-90:rgb(var(--vidply-white-rgb), 0.9);--vidply-white-95:rgb(var(--vidply-white-rgb), 0.95);--vidply-white-rgb:255,255,255;--vidply-z-base:1;--vidply-z-controls:30;--vidply-z-menu:20;--vidply-z-menu-fullscreen:1000;--vidply-z-menu-high:100;--vidply-z-overlay:2;--vidply-z-playlist:15;--vidply-z-transcript:5}.vidply-flex-center{align-items:center;display:flex;justify-content:center}.vidply-flex-between{align-items:center;display:flex;justify-content:space-between}.vidply-flex-start{align-items:center;display:flex;justify-content:flex-start}.vidply-icon-button{align-items:center;background:0 0;border:none;border-radius:var(--vidply-radius-sm);color:var(--vidply-text-muted);cursor:pointer;display:flex;height:var(--vidply-header-height);justify-content:center;padding:var(--vidply-padding-sm);transition:var(--vidply-transition-slow);width:var(--vidply-header-height)}.vidply-icon-button:hover{background:var(--vidply-hover-bg);color:var(--vidply-white)}.vidply-icon-button:focus{outline:var(--vidply-focus-outline-white);outline-offset:0.125rem}.vidply-icon-button .vidply-icon{height:var(--vidply-icon-size-xs);width:var(--vidply-icon-size-xs)}.vidply-draggable-header{align-items:center;background:#282828;border-bottom:.0625rem solid var(--vidply-border-light);cursor:move;display:flex;justify-content:space-between;padding:var(--vidply-padding-xl) var(--vidply-padding-xxl);touch-action:none;user-select:none}.vidply-draggable-header:focus,.vidply-draggable-header:focus-visible{box-shadow:0 0 0 .25rem rgb(91 144 255 / 35%);outline:.1875rem solid var(--vidply-primary-light);outline-offset:0.125rem}.vidply-draggable-header h3{color:var(--vidply-white);font-size:var(--vidply-font-lg);font-weight:600;height:.0625rem;left:-625rem;margin:0;overflow:hidden;position:absolute;width:.0625rem}.vidply-resize-handle{position:absolute;z-index:10}.vidply-resize-handle-ne,.vidply-resize-handle-nw,.vidply-resize-handle-se,.vidply-resize-handle-sw{height:1rem;width:1rem}.vidply-resize-handle-n,.vidply-resize-handle-s{cursor:ns-resize;height:.5rem;left:1rem;right:1rem}.vidply-resize-handle-e,.vidply-resize-handle-w{bottom:1rem;cursor:ew-resize;top:1rem;width:.5rem}.vidply-resize-handle-n{top:-.25rem}.vidply-resize-handle-s{bottom:-.25rem}.vidply-resize-handle-e{right:-.25rem}.vidply-resize-handle-w{left:-.25rem}.vidply-resize-handle-ne{cursor:nesw-resize;right:-.5rem;top:-.5rem}.vidply-resize-handle-nw{cursor:nwse-resize;left:-.5rem;top:-.5rem}.vidply-resize-handle-se{bottom:-.5rem;cursor:nwse-resize;right:-.5rem}.vidply-resize-handle-sw{bottom:-.5rem;cursor:nesw-resize;left:-.5rem}.vidply-resizable .vidply-resize-handle::after{background:var(--vidply-primary-light);border-radius:50%;content:'';height:.375rem;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:.375rem}.vidply-resizable:hover .vidply-resize-handle::after{opacity:.8}.vidply-resizable .vidply-resize-handle:hover::after{opacity:1}.vidply-popup-settings-menu{background:var(--vidply-bg-menu);border:.0625rem solid var(--vidply-border);border-radius:var(--vidply-radius-md);box-shadow:var(--vidply-shadow-lg);display:none;min-width:15rem;padding:var(--vidply-gap-sm);position:absolute;z-index:100}.vidply-popup-settings-menu::after{border-bottom:.375rem solid var(--vidply-bg-menu);border-left:.375rem solid transparent;border-right:.375rem solid transparent;bottom:100%;content:'';height:0;left:.5rem;position:absolute;width:0}.vidply-popup-settings-menu.vidply-menu-above::after{border-bottom:none;border-top:.375rem solid var(--vidply-bg-menu);bottom:auto;top:100%}.vidply-popup-settings-item{align-items:flex-start;background:0 0;border:none;border-radius:var(--vidply-radius-sm);color:var(--vidply-white);cursor:pointer;display:flex;font-size:var(--vidply-font-base);gap:var(--vidply-gap-md);padding:var(--vidply-padding-md) .625rem;text-align:left;transition:var(--vidply-transition-normal);width:100%}.vidply-popup-settings-item:hover{background:var(--vidply-primary-20)}.vidply-popup-settings-item:hover span{text-decoration:underline}.vidply-popup-settings-item:focus{background:var(--vidply-primary-25);outline:0}.vidply-popup-settings-item:focus span{text-decoration:underline}.vidply-popup-settings-item .vidply-icon{flex-grow:0.2;height:var(--vidply-icon-size-small);opacity:.9;width:var(--vidply-icon-size-small)}.vidply-popup-settings-item span{flex:1}.vidply-player{background:var(--vidply-black);box-sizing:border-box;color:var(--vidply-text-primary);contain:layout style;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;line-height:1.5;max-width:100%;overflow:visible;position:relative;text-size-adjust:100%;width:100%}.vidply-player:focus{outline:0}.vidply-player:focus-visible{outline:var(--vidply-focus-outline-player);outline-offset:0.25rem}.vidply-player *,.vidply-player ::after,.vidply-player ::before{box-sizing:inherit}.vidply-player.vidply-audio{background:linear-gradient(135deg,var(--vidply-primary-20) 0,rgb(var(--vidply-primary-dark-rgb),.2) 100%);height:auto}.vidply-player audio,.vidply-player video{display:block;height:100%;object-fit:contain;width:100%}@media (width <= 48rem),(width < 48rem){.vidply-player{isolation:isolate;overflow:visible}.vidply-player audio,.vidply-player video{flex:0 0 auto;height:auto!important;order:1}.vidply-player.vidply-fullscreen video,.vidply-player:fullscreen video{flex:1 1 auto!important;height:100%!important}}.vidply-player video::cue{display:none}.vidply-player video::-webkit-media-text-track-container{display:none!important}.vidply-player video::-webkit-media-text-track-display{display:none!important}.vidply-video-wrapper{background:linear-gradient(135deg,var(--vidply-black) 0,#2a2a2a 100%);height:100%;order:1;position:relative;width:100%;z-index:1}.vidply-player.vidply-video:not(.vidply-fullscreen,:fullscreen) .vidply-video-wrapper{height:auto}@media (orientation:landscape){.vidply-player.vidply-fullscreen .vidply-video-wrapper,.vidply-player:fullscreen .vidply-video-wrapper{overflow:visible}}.vidply-video-wrapper.vidply-forced-poster{background-image:var(--vidply-poster-image);background-position:center;background-repeat:no-repeat;background-size:cover}.vidply-video-wrapper.vidply-forced-poster>video{opacity:0}.vidply-player.vidply-video.vidply-audio-content .vidply-video-wrapper{height:auto!important;min-height:7.5rem!important;overflow:hidden}.vidply-player.vidply-video.vidply-audio-content .vidply-video-wrapper.vidply-forced-poster{background-position:center;background-size:cover}.vidply-player.vidply-video.vidply-audio-content video{display:none!important}.vidply-video-wrapper>div[id^=vimeo-player-],.vidply-video-wrapper>iframe[id^=youtube-player-]{aspect-ratio:16/9;height:auto;max-height:none!important;position:relative;width:100%!important}.vidply-video-wrapper>div[id^=vimeo-player-] iframe,.vidply-video-wrapper>div[id^=youtube-player-] iframe{aspect-ratio:16/9;display:block;height:auto!important;position:relative;width:100%!important}.vidply-video-wrapper>iframe.vidply-soundcloud-iframe{height:clamp(6rem,18vh,12rem);width:100%!important}.vidply-video-wrapper>iframe.vidply-soundcloud-iframe.vidply-soundcloud-playlist{height:clamp(12.5rem,45vh,28rem)}.vidply-player.vidply-external-controls .vidply-controls{display:none!important}@media (width <= 48rem),(width < 48rem){.vidply-video-wrapper{display:block;height:auto;min-height:12.5rem;overflow:visible;position:relative;z-index:2}.vidply-player.vidply-audio .vidply-video-wrapper{min-height:0}.vidply-player video{display:block;height:auto!important;position:relative;width:100%}.vidply-player.vidply-fullscreen .vidply-video-wrapper,.vidply-player:fullscreen .vidply-video-wrapper{bottom:0!important;display:flex!important;height:100%!important;left:0!important;min-height:0!important;position:absolute!important;right:0!important;top:0!important}.vidply-player.vidply-fullscreen video,.vidply-player:fullscreen video{height:100%!important;left:0!important;position:absolute!important;top:0!important;width:100%!important}}.vidply-player.vidply-audio .vidply-video-wrapper{overflow:visible}.vidply-player.vidply-audio .vidply-fullscreen{display:none}.vidply-play-overlay{border:.125rem solid var(--vidply-primary);border-radius:50%;cursor:pointer;filter:drop-shadow(0 .5rem 2rem rgb(0 0 0 / 30%));left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s cubic-bezier(.4, 0, .2, 1);z-index:var(--vidply-z-overlay)}.vidply-play-overlay:hover{filter:drop-shadow(0 .75rem 3rem rgb(0 0 0 / 40%));transform:translate(-50%,-50%) scale(1.1)}.vidply-play-overlay:hover .vidply-play-overlay-bg{fill:rgb(255 255 255 / 100%)}.vidply-play-overlay:active{transform:translate(-50%,-50%) scale(.95)}.vidply-player.vidply-audio .vidply-play-overlay{display:none}.vidply-controls{background:linear-gradient(to top,var(--vidply-black-90) 0,var(--vidply-black-50) 100%);bottom:0;left:0;opacity:0;overflow:visible;padding:1.25rem 1rem 1rem;pointer-events:none;position:absolute;right:0;transition:opacity .3s;z-index:var(--vidply-z-controls)}.vidply-controls.vidply-controls-visible,.vidply-player.vidply-paused .vidply-controls,.vidply-player:hover .vidply-controls{opacity:1;pointer-events:auto}.vidply-audio .vidply-controls{background:var(--vidply-black-50);opacity:1;pointer-events:auto;position:relative}@media (width <= 48rem),(width < 48rem){.vidply-controls{background:var(--vidply-black-90);border-top:.0625rem solid var(--vidply-border-light);bottom:auto;left:0;opacity:1;order:2;padding:.75rem;pointer-events:auto;position:relative;right:0;width:100%;z-index:10}.vidply-controls-buttons,.vidply-controls-left,.vidply-controls-right{position:relative}}.vidply-progress-time-wrapper{align-items:center;display:flex;gap:1.25rem;margin-bottom:var(--vidply-gap-lg);width:100%}.vidply-progress-container{background:var(--vidply-white-20);border-radius:.1875rem;cursor:pointer;flex:1;height:.5625rem;margin-right:.5rem;position:relative;transition:height .2s}.vidply-progress-container:focus,.vidply-progress-container:hover{height:.6875rem;outline:var(--vidply-focus-outline-white);outline-offset:0.125rem}.vidply-progress-buffered{background:var(--vidply-white-40);border-radius:.1875rem;height:100%;left:0;position:absolute;top:0;transition:width .2s;width:0}.vidply-progress-played{background:var(--vidply-primary-light);border-radius:.1875rem;height:100%;left:0;position:absolute;top:0;transition:width .1s linear;width:0}.vidply-progress-handle{background:var(--vidply-white);border-radius:50%;box-shadow:var(--vidply-shadow-sm);height:.9375rem;opacity:0;position:absolute;right:-.375rem;top:50%;transform:translateY(-50%);transition:opacity .2s;width:.9375rem}.vidply-progress-container:focus .vidply-progress-handle,.vidply-progress-container:hover .vidply-progress-handle{opacity:1}.vidply-progress-tooltip{background:var(--vidply-black-90);border-radius:.25rem;bottom:.75rem;color:var(--vidply-white);display:none;font-size:.75rem;overflow:hidden;padding:0;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}.vidply-progress-preview{background-position:center;background-size:cover;border-radius:.25rem .25rem 0 0;display:none;height:5rem;min-width:8.888888889rem;width:8.888888889rem}.vidply-progress-tooltip-time{background:var(--vidply-black-90);border-radius:0 0 .25rem .25rem;padding:.25rem .5rem;text-align:center;width:100%}.vidply-controls-buttons{align-items:center;display:flex;gap:var(--vidply-gap-md);justify-content:space-between}.vidply-controls-left,.vidply-controls-right{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--vidply-gap-md);overflow:visible;position:relative}.vidply-button{align-items:center;background:0 0;border:none;border-radius:var(--vidply-radius-sm);color:var(--vidply-white);cursor:pointer;display:inline-flex;justify-content:center;margin:.0625rem;min-height:var(--vidply-button-size);min-width:var(--vidply-button-size);padding:0;transition:background-color .2s,transform .1s}.vidply-button:hover{background:var(--vidply-hover-bg)}.vidply-button:active{transform:scale(.95)}.vidply-button:focus{outline:var(--vidply-focus-outline-white);outline-offset:0.125rem}.vidply-button:disabled{cursor:not-allowed;opacity:.5}.vidply-button-text{display:none}.vidply-tooltip{background:#e0e0e0;border-radius:var(--vidply-radius-sm);color:#000;font-size:var(--vidply-font-xs);left:50%;opacity:0;padding:.375rem .5rem;pointer-events:none;position:absolute;top:calc(100% + .5rem);transform:translateX(-50%) translateY(-.25rem);transition:opacity var(--vidply-transition-fast),transform var(--vidply-transition-fast);white-space:nowrap;z-index:calc(var(--vidply-z-menu) + 1)}.vidply-tooltip::before{border-color:transparent transparent #e0e0e0;border-style:solid;border-width:0 .375rem .375rem;content:'';left:50%;position:absolute;top:-.375rem;transform:translateX(-50%)}.vidply-tooltip-visible{opacity:1;transform:translateX(-50%) translateY(0)}.vidply-player.vidply-fullscreen .vidply-tooltip,.vidply-player:fullscreen .vidply-tooltip{bottom:calc(100% + .5rem);top:auto;transform:translateX(-50%) translateY(.25rem)}.vidply-player.vidply-fullscreen .vidply-tooltip-visible,.vidply-player:fullscreen .vidply-tooltip-visible{transform:translateX(-50%) translateY(0)}.vidply-player.vidply-fullscreen .vidply-tooltip::before,.vidply-player:fullscreen .vidply-tooltip::before{border-color:#e0e0e0 transparent transparent;border-width:.375rem .375rem 0;bottom:-.375rem;top:auto}.vidply-button,.vidply-icon-button,.vidply-sign-language-close,.vidply-sign-language-settings,.vidply-transcript-close,.vidply-transcript-settings{position:relative}.vidply-icon{display:inline-block;fill:currentcolor;height:var(--vidply-icon-size);width:var(--vidply-icon-size)}.vidply-icon svg{display:block;height:100%;width:100%}@media (forced-colors:active){.vidply-controls button .vidply-icon svg{background:Canvas;border-radius:.1875rem;color:CanvasText;fill:currentcolor;padding:.125rem}.vidply-sign-language-close .vidply-icon svg,.vidply-sign-language-settings .vidply-icon svg,.vidply-transcript-close .vidply-icon svg,.vidply-transcript-settings .vidply-icon svg{background:Canvas;border-radius:.125rem;color:CanvasText;fill:currentcolor;padding:.125rem}}.vidply-volume-slider{background:var(--vidply-white-20);border-radius:.1875rem;cursor:pointer;height:6.25rem;margin:0 auto;padding:0 .3125rem;position:relative;touch-action:none;width:.375rem}.vidply-volume-slider:focus{outline:var(--vidply-focus-outline-white);outline-offset:0.125rem}.vidply-volume-track{height:100%;position:relative;width:100%}.vidply-volume-fill{background:var(--vidply-primary-light);border-radius:.125rem;bottom:0;height:80%;left:0;position:absolute;transition:height .1s;width:100%}.vidply-volume-handle{background:var(--vidply-white);border-radius:50%;box-shadow:var(--vidply-shadow-sm);height:.625rem;left:50%;position:absolute;top:-.25rem;transform:translateX(-50%);width:.625rem}.vidply-time{align-items:center;color:var(--vidply-white);display:flex;flex-shrink:0;font-size:var(--vidply-font-base);font-variant-numeric:tabular-nums;gap:var(--vidply-gap-xs);padding:0 var(--vidply-padding-sm);user-select:none;white-space:nowrap}.vidply-speed{gap:var(--vidply-gap-xs)}.vidply-speed-text{height:.0625rem;left:-625rem;overflow:hidden;position:absolute;width:.0625rem}.vidply-menu-backdrop{animation:.2s fadeIn;background:rgb(0 0 0 / 50%);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:19}.vidply-menu-backdrop.visible{display:block}@media (width <= 48rem),(width < 48rem){.vidply-menu-backdrop{display:none!important}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.vidply-menu{backdrop-filter:blur(0.625rem);background:var(--vidply-bg-menu);border:.0625rem solid var(--vidply-border);border-radius:.5rem;bottom:calc(100% + .5rem);box-shadow:var(--vidply-shadow-lg),0 0 0 .0625rem var(--vidply-white-10);max-height:15.625rem;min-width:12.5rem;-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;padding:.5rem 0;pointer-events:auto;position:absolute;right:50%;touch-action:pan-y;transform:translateX(50%);z-index:var(--vidply-z-menu)}.vidply-menu.vidply-menu-below{bottom:auto;top:calc(100% + .5rem)}.vidply-menu.vidply-menu-below::after{border-bottom:.375rem solid var(--vidply-bg-menu);border-top:none;bottom:auto;top:-.375rem}.vidply-volume-menu{min-width:unset;overflow-x:hidden;overflow-y:hidden;padding:1rem .75rem;pointer-events:auto;right:50%;transform:translateX(50%);width:2.1875rem;z-index:var(--vidply-z-menu-high)}.vidply-player.vidply-audio .vidply-menu{max-height:9.375rem;bottom:auto;top:calc(100% + .5rem)}.vidply-menu-item{align-items:center;background:0 0;border:none;color:var(--vidply-white);cursor:pointer;display:flex;font-size:var(--vidply-font-md);font-weight:400;justify-content:space-between;padding:var(--vidply-gap-lg) var(--vidply-gap-xl);text-align:left;transition:var(--vidply-transition-normal);white-space:nowrap;width:100%}.vidply-menu-item:hover{background:var(--vidply-primary-20);color:var(--vidply-white)}.vidply-menu-item:focus{background:var(--vidply-primary-25);color:var(--vidply-white);outline:.125rem solid var(--vidply-primary-light);outline-offset:-0.125rem}.vidply-menu-item:active{background:var(--vidply-primary-30)}.vidply-captions-menu .vidply-menu-item:focus,.vidply-captions-menu .vidply-menu-item:hover,.vidply-menu-item:focus .vidply-chapter-title,.vidply-menu-item:hover .vidply-chapter-title,.vidply-speed-menu .vidply-menu-item:focus,.vidply-speed-menu .vidply-menu-item:hover{text-decoration:underline}.vidply-menu-item-active{background:var(--vidply-primary-15);color:var(--vidply-primary-light)}.vidply-menu-item-active .vidply-icon{color:var(--vidply-primary-light);height:1.25rem;width:1.25rem}.vidply-menu-item-with-value{align-items:center;display:flex;gap:var(--vidply-gap-xxl);justify-content:space-between}.vidply-menu-item-label{align-items:center;display:flex;flex:1;gap:.625rem}.vidply-menu-item-label .vidply-icon{height:1.5rem;opacity:.9;width:1.5rem}.vidply-menu-item-value{background:var(--vidply-white-10);border-radius:var(--vidply-radius-sm);color:var(--vidply-text-muted);font-size:var(--vidply-font-base);font-weight:500;padding:.125rem var(--vidply-gap-md);white-space:nowrap}.vidply-overflow-menu{margin-left:auto;order:999}.vidply-overflow-menu-list{left:auto!important;max-width:calc(100vw - 1.25rem);right:0!important;transform:none!important;z-index:1000}.vidply-overflow-menu-list .vidply-menu-item{display:flex;gap:var(--vidply-gap-lg);justify-content:flex-start;text-align:left}.vidply-overflow-menu-list .vidply-menu-item .vidply-icon{flex:0}.vidply-overflow-menu-list .vidply-menu-item .vidply-icon svg{height:1.125rem;width:1.125rem}.vidply-overflow-menu-list .vidply-menu-item .vidply-icon:not(:has(svg)){align-items:center;display:flex;font-size:var(--vidply-font-md);font-weight:700;justify-content:center;min-width:var(--vidply-icon-size-xs)}.vidply-overflow-menu-list .vidply-menu-item span{flex:1;overflow-wrap:break-word;text-align:left;white-space:normal}.vidply-chapter-time{color:var(--vidply-text-muted);display:inline-block;font-family:'Courier New',monospace;font-size:var(--vidply-font-base);font-weight:500;margin-right:var(--vidply-gap-lg);min-width:3.75rem}.vidply-chapter-title{color:var(--vidply-white-95);flex:1}.vidply-caption-style-menu.vidply-settings-menu{background:var(--vidply-bg-menu);padding:var(--vidply-padding-xl)}.vidply-style-group{margin-bottom:var(--vidply-padding-xl)}.vidply-style-group:last-child{margin-bottom:0}.vidply-style-group label{font-weight:500;letter-spacing:.01em}.vidply-style-group input[type=color],.vidply-style-group input[type=range],.vidply-style-select{-webkit-appearance:none;appearance:none}.vidply-style-select{outline:0;transition:border-color .2s,background .2s}.vidply-style-select:hover{background:var(--vidply-white-15);border-color:var(--vidply-border-hover)}.vidply-style-select:focus{background:var(--vidply-white-15);border-color:var(--vidply-border-focus)}.vidply-style-group input[type=color]{outline:0;transition:border-color .2s}.vidply-style-group input[type=color]:hover{border-color:var(--vidply-border-hover)}.vidply-style-group input[type=color]:focus{border-color:var(--vidply-border-focus);outline:var(--vidply-focus-outline-white);outline-offset:0.125rem}.vidply-style-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--vidply-primary);border:.125rem solid var(--vidply-white);border-radius:50%;box-shadow:var(--vidply-shadow-sm);cursor:pointer;height:1rem;transition:transform .15s,background .15s;width:1rem}.vidply-style-group input[type=range]::-webkit-slider-thumb:hover{background:var(--vidply-primary-80);transform:scale(1.15)}.vidply-style-group input[type=range]::-moz-range-thumb{background:var(--vidply-primary);border:.125rem solid var(--vidply-white);border-radius:50%;box-shadow:var(--vidply-shadow-sm);cursor:pointer;height:1rem;transition:transform .15s,background .15s;width:1rem}.vidply-style-group input[type=range]::-moz-range-thumb:hover{background:var(--vidply-primary-80);transform:scale(1.15)}.vidply-style-group input[type=range]::-webkit-slider-runnable-track{background:var(--vidply-white-20);border-radius:.1875rem;height:.375rem;width:100%}.vidply-style-group input[type=range]::-moz-range-track{background:var(--vidply-white-20);border-radius:.1875rem;height:.375rem;width:100%}.vidply-captions{background:var(--vidply-bg-caption);border-radius:.25rem;bottom:1rem;color:var(--vidply-white);display:none;font-family:sans-serif;font-size:100%;left:50%;line-height:1.4;max-width:90%;padding:.5rem 1rem;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);transition:bottom .3s;z-index:4}.vidply-player.vidply-audio .vidply-captions{background:var(--vidply-bg-transcript);border:.0625rem solid var(--vidply-border);border-radius:.5rem;bottom:auto;font-size:1rem;left:0;line-height:1.6;max-height:9.375rem;max-width:100%;min-width:23.125rem;overflow-y:auto;padding:1rem 1.25rem;position:relative;scroll-behavior:smooth;text-align:left;top:0;transform:none;width:100%}.vidply-player.vidply-audio .vidply-caption-cue{background:0 0;border-radius:0;margin-bottom:.75rem;padding:.5rem 0;transition:background .3s,padding .3s}.vidply-player.vidply-audio .vidply-caption-cue.vidply-caption-active{background:var(--vidply-primary-15);border-left:.1875rem solid var(--vidply-primary);border-radius:.25rem;padding:.5rem .75rem}.vidply-captions:empty{display:none}@media (width >= 48rem){.vidply-controls-visible .vidply-captions{bottom:6rem}}@media (width <= 48rem),(width < 48rem){.vidply-captions{left:50%;max-width:95%;position:absolute;transform:translateX(-50%);width:100%;z-index:5}.vidply-player.vidply-audio .vidply-captions{font-size:.875rem;left:0;max-height:7.5rem;min-width:18.75rem;padding:.75rem 1rem;position:relative;transform:none;width:100%}.vidply-player.vidply-audio .vidply-caption-cue{margin-bottom:.5rem}.vidply-play-overlay{transform:translate(-50%,-50%) scale(.65)}.vidply-play-overlay:hover{transform:translate(-50%,-50%) scale(.75)}.vidply-play-overlay:active{transform:translate(-50%,-50%) scale(.6)}}.vidply-settings-overlay{align-items:center;animation:.2s vidply-fade-in;backdrop-filter:blur(0.5rem);background:var(--vidply-bg-overlay);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}@keyframes vidply-fade-in{from{opacity:0}to{opacity:1}}.vidply-settings-dialog{animation:.3s vidply-slide-up;background:var(--vidply-bg-dialog);border:.0625rem solid var(--vidply-border);border-radius:.75rem;box-shadow:var(--vidply-shadow-lg);max-height:80%;max-width:31.25rem;-webkit-overflow-scrolling:touch;overflow-y:auto;padding:1.5rem;touch-action:pan-y;width:90%}@keyframes vidply-slide-up{from{transform:translateY(1.25rem);opacity:0}to{transform:translateY(0);opacity:1}}.vidply-settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--vidply-gap-xxl)}.vidply-settings-header h2{color:var(--vidply-white);font-size:var(--vidply-font-xxl);font-weight:600;margin:0}.vidply-settings-close{min-height:auto;min-width:auto;padding:.25rem}.vidply-settings-content{display:flex;flex-direction:column;gap:var(--vidply-gap-xxl)}.vidply-settings-section{display:flex;flex-direction:column;gap:var(--vidply-gap-lg)}.vidply-settings-section h3{color:var(--vidply-white);font-size:var(--vidply-font-lg);font-weight:600;margin:0}.vidply-settings-section label{color:var(--vidply-white-90);display:block;font-size:var(--vidply-font-md);margin-bottom:var(--vidply-gap-xs)}.vidply-settings-color,.vidply-settings-range,.vidply-settings-select{background:var(--vidply-white-10);border:.0625rem solid var(--vidply-white-20);border-radius:var(--vidply-radius-md);color:var(--vidply-white);font-size:var(--vidply-font-md);padding:var(--vidply-gap-md) var(--vidply-gap-lg);transition:var(--vidply-transition-slow);width:100%}.vidply-settings-select option{background:#fff;color:#000}.vidply-settings-color:hover,.vidply-settings-range:hover,.vidply-settings-select:hover{background:var(--vidply-white-15);border-color:var(--vidply-border-hover)}.vidply-settings-color:focus,.vidply-settings-range:focus,.vidply-settings-select:focus{background:var(--vidply-white-15);border-color:var(--vidply-border-focus);box-shadow:0 0 0 .1875rem var(--vidply-primary-20);outline:0}.vidply-settings-control{display:flex;flex-direction:column;gap:var(--vidply-gap-md)}.vidply-settings-value{color:var(--vidply-text-muted);display:inline-block;font-size:var(--vidply-font-base);min-width:2.5rem;text-align:right}.vidply-settings-footer{border-top:.0625rem solid var(--vidply-white-10);display:flex;justify-content:flex-end;margin-top:var(--vidply-gap-xxl);padding-top:var(--vidply-gap-xxl)}.vidply-settings-footer .vidply-button{background:var(--vidply-white-10);border-radius:var(--vidply-radius-md);min-width:auto;padding:.625rem var(--vidply-gap-xxl)}.vidply-settings-footer .vidply-button:hover{background:var(--vidply-white-20)}.vidply-player.vidply-fullscreen,.vidply-player:fullscreen{background:#000;height:100vh;max-width:none;width:100vw;z-index:2147483647}.vidply-player.vidply-fullscreen .vidply-video-wrapper,.vidply-player:fullscreen .vidply-video-wrapper{background:#000!important}.vidply-player:fullscreen::backdrop{background:#000}.vidply-player:-webkit-full-screen::backdrop{background:#000}:root:has(.vidply-player:fullscreen) .fixed-bottom,:root:has(.vidply-player:fullscreen) .fixed-top,:root:has(.vidply-player:fullscreen) .sticky-top,:root:has(.vidply-player:fullscreen) [style*="position: fixed"],:root:has(.vidply-player:fullscreen) [style*="position:fixed"]{display:none!important}:root:has(.vidply-player:-webkit-full-screen) .fixed-bottom,:root:has(.vidply-player:-webkit-full-screen) .fixed-top,:root:has(.vidply-player:-webkit-full-screen) .sticky-top,:root:has(.vidply-player:-webkit-full-screen) [style*="position: fixed"],:root:has(.vidply-player:-webkit-full-screen) [style*="position:fixed"]{display:none!important}:root:has(.vidply-player.vidply-fullscreen) .fixed-bottom,:root:has(.vidply-player.vidply-fullscreen) .fixed-top,:root:has(.vidply-player.vidply-fullscreen) .sticky-top{display:none!important}body.vidply-fullscreen-active .fixed-bottom,body.vidply-fullscreen-active .fixed-top,body.vidply-fullscreen-active .sticky-top,body.vidply-fullscreen-active [class*=fixed-]{display:none!important}body.vidply-fullscreen-active,html:has(body.vidply-fullscreen-active){background:#000!important}body:has(.vidply-player.vidply-fullscreen),html:has(.vidply-player.vidply-fullscreen){background:#000!important}body.vidply-fullscreen-active .vidply-player:not(.vidply-fullscreen){visibility:hidden!important}body:has(.vidply-player.vidply-fullscreen) .vidply-player:not(.vidply-fullscreen){visibility:hidden!important}.vidply-player.vidply-fullscreen:not(:fullscreen){background:#000;bottom:0;left:0;margin:0!important;padding:0!important;position:fixed!important;right:0;top:0;transform:translate3d(0,0,0);z-index:999999}@media (orientation:landscape){.vidply-player.vidply-fullscreen:not(:fullscreen){position:fixed!important}.vidply-player.vidply-fullscreen,.vidply-player:fullscreen{display:flex!important;flex-direction:column!important;height:100%!important}.vidply-player.vidply-fullscreen .vidply-controls,.vidply-player:fullscreen .vidply-controls{background:linear-gradient(to top,var(--vidply-black-90) 0,var(--vidply-black-50) 100%)!important;border-top:none!important;bottom:0!important;left:0!important;opacity:0!important;order:0!important;padding:1.25rem 1rem 1rem!important;pointer-events:none!important;position:absolute!important;right:0!important;transition:opacity .3s!important;width:100%!important;z-index:20!important}.vidply-player.vidply-fullscreen .vidply-controls.vidply-controls-visible,.vidply-player.vidply-fullscreen.vidply-paused .vidply-controls,.vidply-player:fullscreen .vidply-controls.vidply-controls-visible,.vidply-player:fullscreen.vidply-paused .vidply-controls{opacity:1!important;pointer-events:auto!important}@media (hover:hover) and (pointer:fine){.vidply-player.vidply-fullscreen:hover .vidply-controls,.vidply-player:fullscreen:hover .vidply-controls{opacity:1!important;pointer-events:auto!important}}.vidply-player.vidply-fullscreen .vidply-controls-buttons,.vidply-player:fullscreen .vidply-controls-buttons{display:flex!important;justify-content:space-between!important;width:100%!important}.vidply-player.vidply-fullscreen .vidply-controls-left,.vidply-player.vidply-fullscreen .vidply-controls-right,.vidply-player:fullscreen .vidply-controls-left,.vidply-player:fullscreen .vidply-controls-right{display:flex!important;flex-wrap:nowrap!important;gap:.5rem!important}.vidply-player.vidply-fullscreen .vidply-controls-left>*,.vidply-player.vidply-fullscreen .vidply-controls-right>*,.vidply-player:fullscreen .vidply-controls-left>*,.vidply-player:fullscreen .vidply-controls-right>*{display:inline-flex!important}.vidply-player.vidply-fullscreen .vidply-controls-right>.vidply-overflow-menu[style*="display: none"],.vidply-player:fullscreen .vidply-controls-right>.vidply-overflow-menu[style*="display: none"]{display:none!important}.vidply-player.vidply-fullscreen .vidply-menu,.vidply-player:fullscreen .vidply-menu{display:flex!important;flex-direction:column!important}.vidply-player.vidply-fullscreen .vidply-menu-item,.vidply-player:fullscreen .vidply-menu-item{align-items:center!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;width:100%!important}.vidply-player.vidply-fullscreen .vidply-menu-item-label,.vidply-player:fullscreen .vidply-menu-item-label{align-items:center!important;display:flex!important;flex-direction:row!important;gap:.625rem!important;justify-content:flex-start!important}.vidply-player.vidply-fullscreen .vidply-menu-item .vidply-icon,.vidply-player:fullscreen .vidply-menu-item .vidply-icon{margin-left:auto!important;order:1!important}.vidply-player.vidply-fullscreen .vidply-captions,.vidply-player:fullscreen .vidply-captions{bottom:1rem!important;transition:bottom .3s!important}.vidply-player.vidply-fullscreen.vidply-controls-visible .vidply-captions,.vidply-player.vidply-fullscreen.vidply-paused .vidply-captions,.vidply-player:fullscreen.vidply-controls-visible .vidply-captions,.vidply-player:fullscreen.vidply-paused .vidply-captions{bottom:6rem!important}.vidply-player.vidply-fullscreen .vidply-video-wrapper,.vidply-player:fullscreen .vidply-video-wrapper{align-items:center!important;bottom:0!important;display:flex!important;flex:1!important;height:100%!important;justify-content:center!important;left:0!important;position:absolute!important;right:0!important;top:0!important}.vidply-player.vidply-fullscreen video,.vidply-player:fullscreen video{height:100%!important;object-fit:contain!important;width:100%!important}}@media (orientation:portrait){.vidply-player.vidply-fullscreen:not(:fullscreen){position:fixed!important}.vidply-player.vidply-fullscreen,.vidply-player:fullscreen{display:flex!important;flex-direction:column!important;height:100vh!important;width:100vw!important}.vidply-player.vidply-fullscreen .vidply-video-wrapper,.vidply-player:fullscreen .vidply-video-wrapper{align-items:center!important;bottom:0!important;display:flex!important;height:100%!important;justify-content:center!important;left:0!important;position:absolute!important;right:0!important;top:0!important;width:100%!important;z-index:1!important}.vidply-player.vidply-fullscreen video,.vidply-player:fullscreen video{height:100%!important;max-height:100%!important;max-width:100%!important;object-fit:contain!important;position:relative!important;width:100%!important}.vidply-player.vidply-fullscreen .vidply-controls,.vidply-player:fullscreen .vidply-controls{bottom:0!important;left:0!important;position:absolute!important;right:0!important;z-index:30!important}.vidply-player.vidply-fullscreen .vidply-playlist-panel,.vidply-player:fullscreen .vidply-playlist-panel{bottom:5rem!important;left:0!important;margin:0!important;position:absolute!important;right:0!important;z-index:15!important}}.vidply-player.vidply-fullscreen .vidply-transcript-window,.vidply-player:fullscreen .vidply-transcript-window{bottom:5rem!important;height:auto!important;left:auto!important;max-height:calc(100vh - 11.25rem)!important;max-width:26.25rem;position:fixed!important;right:1.25rem!important;top:auto!important;width:26.25rem}.vidply-loading{display:none;height:3.125rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:3.125rem}.vidply-player.vidply-buffering .vidply-loading{display:block}.vidply-loading::after{animation:.8s linear infinite vidply-spin;border:.25rem solid var(--vidply-white-20);border-radius:50%;border-top-color:var(--vidply-white);content:'';display:block;height:100%;width:100%}@keyframes vidply-spin{to{transform:rotate(360deg)}}.vidply-sr-only{height:.0625rem;left:-625rem;overflow:hidden;position:absolute;width:.0625rem}@media (prefers-contrast:high){.vidply-controls{background:var(--vidply-black)}.vidply-button:focus{outline:solid .1875rem}.vidply-progress-played{background:currentcolor}}@media (prefers-reduced-motion:reduce){.vidply-player *,.vidply-player ::after,.vidply-player ::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media (width <= 48rem),(width < 48rem){.vidply-controls{padding:1rem .75rem .75rem}.vidply-time{font-size:var(--vidply-font-xs)}.vidply-speed-text{display:none}.vidply-settings-dialog{animation:.3s slideUpFromBottom;border-radius:1rem 1rem 0 0;bottom:0;margin:0;max-height:90vh;max-width:100%;padding:1.25rem;position:fixed;top:auto;width:100%}.vidply-settings-overlay{align-items:flex-end}.vidply-menu{border-radius:.5rem;bottom:calc(100% + .25rem);left:50%;max-height:15.625rem;min-width:12.5rem;position:absolute;right:auto;top:auto;transform:translateX(-50%);width:auto;z-index:15}.vidply-volume-menu{min-width:unset!important;width:3.125rem!important}.vidply-menu::before{display:none}.vidply-caption-style-menu.vidply-settings-menu{left:50%;max-width:calc(100vw - 2.5rem);min-width:17.5rem;padding:1rem;transform:translateX(-50%);width:auto}.vidply-style-group{margin-bottom:1.25rem}.vidply-style-group label{font-size:.875rem;margin-bottom:.5rem}.vidply-style-group input[type=color],.vidply-style-select{font-size:1rem;padding:.75rem}.vidply-controls-buttons{flex-direction:row;flex-wrap:nowrap;gap:.5rem;width:100%}.vidply-controls-left,.vidply-controls-right{flex-wrap:nowrap;gap:var(--vidply-gap-xs);width:100%}.vidply-button{min-height:var(--vidply-button-size-mobile);min-width:var(--vidply-button-size-mobile);padding:.3125rem}.vidply-icon{height:var(--vidply-icon-size-mobile);width:var(--vidply-icon-size-mobile)}.vidply-sign-language-settings-item[data-setting=keyboard-drag]{display:none!important}}@keyframes slideUpFromBottom{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (width <= 56rem) and (orientation:landscape),(width <= 56rem) and (orientation:landscape){.vidply-menu{max-height:50vh}.vidply-transcript-window{max-height:70vh}.vidply-settings-dialog{max-height:80vh}.vidply-player.vidply-fullscreen .vidply-playlist-panel,.vidply-player:fullscreen .vidply-playlist-panel{bottom:4.375rem;max-height:30vh;-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;padding:.625rem 0;touch-action:pan-x}.vidply-player.vidply-fullscreen .vidply-playlist-list,.vidply-player:fullscreen .vidply-playlist-list{flex-direction:row;flex-wrap:nowrap;gap:.5rem;padding:0 .625rem}.vidply-player.vidply-fullscreen .vidply-playlist-item,.vidply-player:fullscreen .vidply-playlist-item{flex-shrink:0;max-width:11.25rem;min-width:11.25rem;width:11.25rem}.vidply-player.vidply-fullscreen .vidply-playlist-item-button,.vidply-player:fullscreen .vidply-playlist-item-button{flex-direction:column;gap:0;padding:0}.vidply-player.vidply-fullscreen .vidply-playlist-thumbnail,.vidply-player:fullscreen .vidply-playlist-thumbnail{border-radius:.5rem .5rem 0 0;height:6.25rem;width:100%}.vidply-player.vidply-fullscreen .vidply-playlist-item-info,.vidply-player:fullscreen .vidply-playlist-item-info{padding:.5rem}.vidply-player.vidply-fullscreen .vidply-playlist-header,.vidply-player:fullscreen .vidply-playlist-header{flex-shrink:0;font-size:.6875rem;padding:0 .625rem .5rem}}@media (width <= 30rem),(width <= 30rem){.vidply-speed-text{display:none}.vidply-button{min-height:var(--vidply-button-size-small);min-width:var(--vidply-button-size-small);padding:var(--vidply-padding-sm)}.vidply-icon{height:var(--vidply-icon-size-small);width:var(--vidply-icon-size-small)}}.vidply-player :focus-visible,.vidply-player [role=button]:hover,.vidply-player [role=link]:hover,.vidply-player [tabindex]:not([tabindex="-1"]):hover,.vidply-player a:hover,.vidply-player button:hover,.vidply-player input:hover,.vidply-player select:hover,.vidply-player textarea:hover{outline:var(--vidply-focus-outline-white);outline-offset:0.125rem}@media print{.vidply-controls{display:none}}.vidply-track-artwork{background-color:var(--vidply-black);background-position:center;background-repeat:no-repeat;background-size:cover;border-bottom:.0625rem solid var(--vidply-border-light);height:clamp(7.5rem,22vh,12rem);order:1;overflow:hidden;position:relative;transition:background-image .3s ease-in-out;width:100%}.vidply-track-artwork::after{background:linear-gradient(180deg,transparent 0,var(--vidply-black-30) 100%);bottom:0;content:'';left:0;pointer-events:none;position:absolute;right:0;top:0}.vidply-track-info{background:var(--vidply-bg-track-info);border-bottom:.0625rem solid var(--vidply-border-light);order:2;padding:1rem 1.25rem}.vidply-track-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.25rem}.vidply-track-number{color:var(--vidply-text-muted);font-size:.75rem;letter-spacing:.0313rem;text-transform:uppercase}.vidply-track-duration{color:var(--vidply-text-muted);font-size:.75rem;font-variant-numeric:tabular-nums}.vidply-track-title{color:var(--vidply-white);font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.vidply-track-artist{color:var(--vidply-white-80);font-size:.875rem}.vidply-track-description{-webkit-box-orient:vertical;color:var(--vidply-white-60);display:-webkit-box;font-size:.8125rem;-webkit-line-clamp:2;line-height:1.4;margin-top:.5rem;max-height:3.5em;overflow:hidden}.vidply-playlist-panel{background:var(--vidply-bg-playlist);border-top:.0625rem solid var(--vidply-border-light);max-height:25rem;order:3;-webkit-overflow-scrolling:touch;overflow-y:auto;position:relative;touch-action:pan-y;transition:opacity .3s,transform .3s;z-index:var(--vidply-z-base);scrollbar-color:var(--vidply-scrollbar-thumb) var(--vidply-scrollbar-track);scrollbar-width:thin}@supports (-webkit-touch-callout:none){.vidply-playlist-panel{transform:none;flex-shrink:0;z-index:auto;position:relative;display:block}.vidply-player.vidply-has-playlist{contain:style;isolation:auto;min-height:0;height:auto!important;overflow:visible}@media (width <= 48rem),(width < 48rem){.vidply-player.vidply-has-playlist{isolation:auto}}.vidply-player.vidply-has-playlist .vidply-playlist-panel{max-width:100%;width:100%;flex-basis:auto;float:none}}.vidply-player.vidply-fullscreen .vidply-playlist-panel,.vidply-player:fullscreen .vidply-playlist-panel{backdrop-filter:blur(0.625rem);background:linear-gradient(to top,rgb(0 0 0 / 95%) 0,rgb(0 0 0 / 90%) 100%);border:none;border-top:.0625rem solid var(--vidply-border);bottom:5rem;left:0;max-height:50vh;opacity:0;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:absolute!important;right:0;touch-action:pan-y;transform:translateY(1.25rem);z-index:var(--vidply-z-playlist);scroll-behavior:smooth}.vidply-player.vidply-fullscreen .vidply-playlist-panel.vidply-playlist-fullscreen-visible,.vidply-player:fullscreen .vidply-playlist-panel.vidply-playlist-fullscreen-visible{opacity:1;transform:translateY(0)}.vidply-player.vidply-fullscreen .vidply-menu,.vidply-player:fullscreen .vidply-menu{z-index:var(--vidply-z-menu-fullscreen)}.vidply-player.vidply-fullscreen>.vidply-menu,.vidply-player:fullscreen>.vidply-menu{position:absolute}.vidply-player.vidply-fullscreen .vidply-playlist-list,.vidply-player:fullscreen .vidply-playlist-list{display:flex;flex-direction:row;gap:.75rem;-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;padding:.5rem 1rem;scroll-snap-type:x mandatory}.vidply-player.vidply-fullscreen .vidply-playlist-header,.vidply-player:fullscreen .vidply-playlist-header{background:var(--vidply-black-50);border-bottom:.0625rem solid var(--vidply-border);font-size:.75rem;padding:.625rem 1rem}.vidply-player.vidply-fullscreen .vidply-playlist-item,.vidply-player:fullscreen .vidply-playlist-item{flex:0 0 auto;max-width:20rem;min-width:17.5rem;scroll-snap-align:start}.vidply-player.vidply-fullscreen .vidply-playlist-item-button,.vidply-player:fullscreen .vidply-playlist-item-button{align-items:stretch;background:var(--vidply-black-40);border-radius:.5rem;flex-direction:column;gap:.5rem;overflow:hidden;padding:0;transition:.2s}.vidply-player.vidply-fullscreen .vidply-playlist-item-button:hover,.vidply-player:fullscreen .vidply-playlist-item-button:hover{background:var(--vidply-white-10);box-shadow:0 .5rem 1.5rem var(--vidply-black-60);transform:translateY(-.25rem)}.vidply-player.vidply-fullscreen .vidply-playlist-thumbnail-container,.vidply-player:fullscreen .vidply-playlist-thumbnail-container{position:relative;width:100%}.vidply-player.vidply-fullscreen .vidply-playlist-thumbnail,.vidply-player:fullscreen .vidply-playlist-thumbnail{border-radius:0;height:10rem;width:100%}.vidply-player.vidply-fullscreen .vidply-playlist-duration-badge,.vidply-player:fullscreen .vidply-playlist-duration-badge{bottom:.375rem;font-size:.75rem;padding:.1875rem .375rem;right:.375rem}.vidply-player.vidply-fullscreen .vidply-playlist-item-info,.vidply-player:fullscreen .vidply-playlist-item-info{padding:.75rem}.vidply-player.vidply-fullscreen .vidply-playlist-item-description,.vidply-player:fullscreen .vidply-playlist-item-description{display:none}.vidply-player.vidply-fullscreen .vidply-playlist-item-title,.vidply-player:fullscreen .vidply-playlist-item-title{-webkit-box-orient:vertical;display:-webkit-box;font-size:.875rem;font-weight:600;-webkit-line-clamp:2;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.vidply-player.vidply-fullscreen .vidply-playlist-item-artist,.vidply-player:fullscreen .vidply-playlist-item-artist{font-size:.75rem;opacity:.8}.vidply-player.vidply-fullscreen .vidply-playlist-item-icon,.vidply-player:fullscreen .vidply-playlist-item-icon{display:none!important}.vidply-player.vidply-fullscreen .vidply-playlist-panel::-webkit-scrollbar,.vidply-player:fullscreen .vidply-playlist-panel::-webkit-scrollbar{height:.5rem;width:.625rem}.vidply-player.vidply-fullscreen .vidply-playlist-panel::-webkit-scrollbar-track,.vidply-player:fullscreen .vidply-playlist-panel::-webkit-scrollbar-track{background:0 0}.vidply-player.vidply-fullscreen .vidply-playlist-panel::-webkit-scrollbar-thumb,.vidply-player:fullscreen .vidply-playlist-panel::-webkit-scrollbar-thumb{background:var(--vidply-white-30);border-radius:.3125rem}.vidply-player.vidply-fullscreen .vidply-playlist-panel::-webkit-scrollbar-thumb:hover,.vidply-player:fullscreen .vidply-playlist-panel::-webkit-scrollbar-thumb:hover{background:var(--vidply-white-50)}.vidply-player.vidply-fullscreen .vidply-playlist-list::-webkit-scrollbar,.vidply-player:fullscreen .vidply-playlist-list::-webkit-scrollbar{height:.375rem}.vidply-player.vidply-fullscreen .vidply-playlist-list::-webkit-scrollbar-track,.vidply-player:fullscreen .vidply-playlist-list::-webkit-scrollbar-track{background:0 0}.vidply-player.vidply-fullscreen .vidply-playlist-list::-webkit-scrollbar-thumb,.vidply-player:fullscreen .vidply-playlist-list::-webkit-scrollbar-thumb{background:var(--vidply-white-20);border-radius:.1875rem}.vidply-player.vidply-fullscreen .vidply-playlist-list::-webkit-scrollbar-thumb:hover,.vidply-player:fullscreen .vidply-playlist-list::-webkit-scrollbar-thumb:hover{background:var(--vidply-white-40)}.vidply-player.vidply-fullscreen .vidply-playlist-item-active .vidply-playlist-item-button,.vidply-player:fullscreen .vidply-playlist-item-active .vidply-playlist-item-button{background:var(--vidply-primary-15);border:.125rem solid var(--vidply-primary-light)}.vidply-player.vidply-fullscreen .vidply-playlist-item-active .vidply-playlist-item-title,.vidply-player:fullscreen .vidply-playlist-item-active .vidply-playlist-item-title{color:var(--vidply-primary-light)}.vidply-playlist-header{background:var(--vidply-bg-playlist-header);border-bottom:.0625rem solid var(--vidply-border-light);color:var(--vidply-white-90);font-size:.8125rem;font-weight:600;letter-spacing:.0313rem;padding:.75rem 1rem;position:sticky;text-transform:uppercase;top:0;z-index:2}.vidply-playlist-list{list-style:none;margin:0;padding:.25rem 0}.vidply-playlist-item{border-left:.1875rem solid transparent;position:relative}.vidply-playlist-item-button{align-items:center;background:0 0;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:var(--vidply-transition-default);width:100%}.vidply-playlist-item-button:hover{background:var(--vidply-white-08)}.vidply-playlist-item:hover{border-left-color:var(--vidply-primary)}.vidply-playlist-item-button:focus{background:var(--vidply-white-08);outline:0}.vidply-playlist-item-button:focus-visible{background:var(--vidply-white-08);outline:var(--vidply-focus-outline-white);outline-offset:-0.125rem;z-index:1}.vidply-playlist-item:has(:focus-visible){border-left-color:var(--vidply-primary);z-index:1}.vidply-playlist-list:focus [aria-selected=true],.vidply-playlist-list:focus-visible [aria-selected=true]{background:var(--vidply-primary-20);border-left-color:var(--vidply-primary);outline:var(--vidply-focus-outline-white);outline-offset:-0.125rem;z-index:2}.vidply-playlist-list:focus{outline:.125rem solid var(--vidply-primary);outline-offset:0.125rem}.vidply-playlist-list:focus-visible{outline:.125rem solid var(--vidply-primary);outline-offset:0.125rem}.vidply-playlist-item-active{border-left-color:var(--vidply-primary)}.vidply-playlist-item-active .vidply-playlist-item-button{background:var(--vidply-primary-15)}.vidply-playlist-item-active .vidply-playlist-item-button:hover{background:var(--vidply-primary-20)}.vidply-playlist-item-active .vidply-playlist-item-button:focus{background:var(--vidply-primary-20);outline:0}.vidply-playlist-item-active .vidply-playlist-item-button:focus-visible{background:var(--vidply-primary-20);outline:var(--vidply-focus-outline-white);outline-offset:-0.125rem}.vidply-playlist-thumbnail-container{flex-shrink:0;position:relative}.vidply-playlist-thumbnail{align-items:center;background-color:var(--vidply-white-10);background-position:center;background-size:cover;border-radius:.25rem;display:flex;flex-shrink:0;height:2.8125rem;justify-content:center;overflow:hidden;width:5rem}.vidply-playlist-thumbnail-icon{color:var(--vidply-text-subtle);height:2rem;transition:var(--vidply-transition-default);width:2rem}.vidply-playlist-item-button:hover .vidply-playlist-thumbnail-icon{color:var(--vidply-text-muted);transform:scale(1.1)}.vidply-playlist-item-active .vidply-playlist-thumbnail-icon{color:var(--vidply-primary-light)}.vidply-playlist-duration-badge{background:rgb(0 0 0 / 80%);border-radius:.1875rem;bottom:.125rem;color:var(--vidply-white);font-family:var(--vidply-font-family);font-size:.625rem;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.02em;line-height:1;padding:.125rem .25rem;position:absolute;right:.125rem}.vidply-playlist-item-info{display:block;flex:1;min-width:0}.vidply-playlist-item-title-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.vidply-playlist-item-title{color:var(--vidply-white);display:block;flex:1;font-size:.875rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vidply-playlist-item-active .vidply-playlist-item-title{color:var(--vidply-primary-light)}.vidply-playlist-item-duration{color:var(--vidply-text-disabled);flex-shrink:0;font-size:.6875rem;font-variant-numeric:tabular-nums}.vidply-playlist-item-artist{color:var(--vidply-text-disabled);display:block;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vidply-playlist-item-description{-webkit-box-orient:vertical;color:var(--vidply-text-subtle);display:-webkit-box;font-size:.6875rem;-webkit-line-clamp:2;line-height:1.4;margin-top:.25rem;overflow:hidden;text-overflow:ellipsis}.vidply-playlist-item-icon{flex-shrink:0;height:1.25rem;opacity:0;transition:opacity .2s;width:1.25rem}.vidply-playlist-item-active .vidply-playlist-item-icon{color:var(--vidply-primary-light);opacity:1}.vidply-playlist-panel::-webkit-scrollbar{width:.5rem}.vidply-playlist-panel::-webkit-scrollbar-track{background:var(--vidply-scrollbar-track)}.vidply-playlist-panel::-webkit-scrollbar-thumb{background:var(--vidply-scrollbar-thumb);border-radius:.25rem}.vidply-playlist-panel::-webkit-scrollbar-thumb:hover{background:var(--vidply-scrollbar-thumb-hover)}.vidply-player.vidply-audio.vidply-has-playlist{min-height:12.5rem}.vidply-player.vidply-audio.vidply-has-playlist audio{display:none}.vidply-player.vidply-audio.vidply-has-playlist .vidply-video-wrapper{flex:1}.vidply-player.vidply-audio.vidply-has-playlist .vidply-controls{margin-top:auto}.vidply-transcript-window{backdrop-filter:blur(0.625rem);background:var(--vidply-bg-transcript);border:.0625rem solid var(--vidply-border);border-radius:.5rem;box-shadow:0 .625rem 2.5rem var(--vidply-black-60);display:none;flex-direction:column;min-width:26.25rem;order:4;position:fixed;top:0;width:26.25rem;z-index:var(--vidply-z-transcript)}.vidply-player.vidply-audio .vidply-transcript-window{min-height:12.5rem}.vidply-transcript-header{align-items:center;background:#282828;border-bottom:.0625rem solid var(--vidply-border-light);border-radius:var(--vidply-radius-lg) var(--vidply-radius-lg) 0 0;cursor:move;display:flex;justify-content:space-between;padding:var(--vidply-padding-xl) var(--vidply-padding-xxl);touch-action:none;user-select:none;position:relative}.vidply-transcript-header:focus,.vidply-transcript-header:focus-visible{box-shadow:0 0 0 .25rem rgb(91 144 255 / 35%);outline:.1875rem solid var(--vidply-primary-light);outline-offset:0.125rem}.vidply-transcript-header h3{color:var(--vidply-white);font-size:var(--vidply-font-lg);font-weight:600;height:.0625rem;left:-625rem;margin:0;overflow:hidden;position:absolute;width:.0625rem}.vidply-transcript-close{align-items:center;background:0 0;border:none;border-radius:var(--vidply-radius-sm);color:var(--vidply-text-muted);cursor:pointer;display:flex;height:var(--vidply-header-height);justify-content:center;padding:var(--vidply-padding-sm);transition:var(--vidply-transition-slow);width:var(--vidply-header-height)}.vidply-transcript-close:hover{background:var(--vidply-hover-bg);color:var(--vidply-white)}.vidply-transcript-close:focus{outline:var(--vidply-focus-outline-white);outline-offset:0.125rem}.vidply-transcript-close .vidply-icon{height:var(--vidply-icon-size-xs);width:var(--vidply-icon-size-xs)}.vidply-transcript-content{flex:1;-webkit-overflow-scrolling:touch;overflow-y:auto;padding:.75rem 0;touch-action:pan-y;scrollbar-color:var(--vidply-scrollbar-thumb) var(--vidply-scrollbar-track-transcript);scrollbar-width:thin}.vidply-transcript-entry{background:0 0;border:none;border-left:.1875rem solid transparent;color:inherit;cursor:pointer;display:block;font:inherit;padding:.75rem 1.25rem;text-align:left;transition:background .2s;width:100%}.vidply-transcript-entry:focus,.vidply-transcript-entry:hover{background:var(--vidply-active-bg)}.vidply-transcript-entry-active{background:var(--vidply-primary-15);border-left-color:var(--vidply-primary-light)}.vidply-transcript-time{color:var(--vidply-primary-light);font-family:'Courier New',monospace;font-size:100%;font-weight:600;margin-bottom:.25rem;margin-right:.5rem}.vidply-transcript-text{color:var(--vidply-white-90);font-size:100%;line-height:1.6}.vidply-transcript-entry-active .vidply-transcript-text{color:var(--vidply-white);text-decoration:underline}.vidply-transcript-entry:focus .vidply-transcript-text,.vidply-transcript-entry:hover .vidply-transcript-text{text-decoration:underline}.vidply-transcript-description{background:rgb(100 149 237 / 8%);border-left:.1875rem solid #8bb3fb}.vidply-transcript-description .vidply-transcript-text{color:#8bb3fb;font-style:italic;opacity:.9}.vidply-transcript-description .vidply-transcript-time{color:#8bb3fb}.vidply-transcript-description:focus,.vidply-transcript-description:hover{background:rgb(100 149 237 / 14%)}.vidply-transcript-description:focus .vidply-transcript-text,.vidply-transcript-description:hover .vidply-transcript-text{opacity:1}.vidply-transcript-description.vidply-transcript-entry-active{background:rgb(100 149 237 / 18%);border-left-color:#6495ed}.vidply-transcript-description.vidply-transcript-entry-active .vidply-transcript-text{color:rgb(135 206 250);opacity:1}.vidply-transcript-content::-webkit-scrollbar{width:.5rem}.vidply-transcript-content::-webkit-scrollbar-track{background:var(--vidply-scrollbar-track-transcript)}.vidply-transcript-content::-webkit-scrollbar-thumb{background:var(--vidply-scrollbar-thumb);border-radius:.25rem}.vidply-transcript-content::-webkit-scrollbar-thumb:hover{background:var(--vidply-scrollbar-thumb-hover)}.vidply-transcript-header-left{align-items:flex-start;display:flex;gap:1rem;position:relative}.vidply-transcript-autoscroll-label{align-items:center;align-self:center;cursor:pointer;display:flex;gap:.375rem;user-select:none;white-space:nowrap}.vidply-transcript-autoscroll-label input[type=checkbox]{cursor:pointer;height:1rem;margin:0;width:1rem}.vidply-transcript-autoscroll-text{color:var(--vidply-text-muted);font-size:.8125rem;transition:color .2s}.vidply-transcript-autoscroll-label:hover .vidply-transcript-autoscroll-text{color:var(--vidply-white)}.vidply-transcript-language-wrapper{align-items:center;align-self:center;display:flex;flex-direction:row;gap:.5rem}.vidply-transcript-language-label{color:var(--vidply-text-muted);cursor:pointer;font-size:.8125rem;font-weight:400;margin-left:.5rem;white-space:nowrap}.vidply-transcript-language-select{background:var(--vidply-bg-menu);border:.0625rem solid var(--vidply-border);border-radius:.25rem;color:var(--vidply-text);font-size:.875rem;max-width:7.5rem;padding:.25rem .5rem}.vidply-transcript-language-select:focus{outline:var(--vidply-focus-outline);outline-offset:0.125rem}.vidply-transcript-settings{align-items:center;align-self:center;background:0 0;border:none;border-radius:var(--vidply-radius-sm);color:var(--vidply-text-muted);cursor:pointer;display:flex;height:var(--vidply-header-height);justify-content:center;padding:var(--vidply-padding-sm);position:relative;transition:var(--vidply-transition-slow);width:var(--vidply-header-height)}.vidply-transcript-settings:hover{background:var(--vidply-hover-bg);color:var(--vidply-white)}.vidply-transcript-settings:focus{outline:var(--vidply-focus-outline-white);outline-offset:0.125rem}.vidply-transcript-settings .vidply-icon{height:var(--vidply-icon-size-xs);width:var(--vidply-icon-size-xs)}.vidply-transcript-settings-menu{background:var(--vidply-bg-menu);border:.0625rem solid var(--vidply-border);border-radius:var(--vidply-radius-md);box-shadow:var(--vidply-shadow-lg);display:none;min-width:15rem;padding:var(--vidply-gap-sm);position:absolute;z-index:100}.vidply-transcript-settings-menu::after{border-bottom:.375rem solid var(--vidply-bg-menu);border-left:.375rem solid transparent;border-right:.375rem solid transparent;bottom:100%;content:'';height:0;left:.5rem;position:absolute;width:0}.vidply-transcript-settings-menu.vidply-menu-above::after{border-bottom:none;border-top:.375rem solid var(--vidply-bg-menu);bottom:auto;top:100%}.vidply-transcript-settings-item{align-items:flex-start;background:0 0;border:none;border-radius:var(--vidply-radius-sm);color:var(--vidply-white);cursor:pointer;display:flex;font-size:var(--vidply-font-base);gap:var(--vidply-gap-md);padding:var(--vidply-padding-md) .625rem;text-align:left;transition:var(--vidply-transition-normal);width:100%}.vidply-transcript-settings-item:hover{background:var(--vidply-primary-20)}.vidply-transcript-settings-item:hover span{text-decoration:underline}.vidply-transcript-settings-item:focus{background:var(--vidply-primary-25);outline:.125rem solid var(--vidply-primary-light);outline-offset:-0.125rem}.vidply-transcript-settings-item:focus span{text-decoration:underline}.vidply-transcript-settings-item .vidply-icon{flex-grow:0.2;height:var(--vidply-icon-size-small);opacity:.9;width:var(--vidply-icon-size-small)}.vidply-transcript-settings-item span{flex:1}.vidply-transcript-move-mode{animation:.5s ease-in-out 2 transcriptPulse;box-shadow:0 0 0 .1875rem var(--vidply-primary-light),0 .625rem 2.5rem var(--vidply-black-60)}@keyframes transcriptPulse{0%,100%{box-shadow:0 0 0 .1875rem var(--vidply-primary-light),0 .625rem 2.5rem var(--vidply-black-60)}50%{box-shadow:0 0 0 .375rem var(--vidply-primary-light),0 .625rem 2.5rem var(--vidply-black-60)}}.vidply-transcript-resize-handle{position:absolute;z-index:10}.vidply-transcript-resize-ne,.vidply-transcript-resize-nw,.vidply-transcript-resize-se,.vidply-transcript-resize-sw{height:1rem;width:1rem}.vidply-transcript-resize-n,.vidply-transcript-resize-s{cursor:ns-resize;height:.5rem;left:1rem;right:1rem}.vidply-transcript-resize-e,.vidply-transcript-resize-w{bottom:1rem;cursor:ew-resize;top:1rem;width:.5rem}.vidply-transcript-resize-n{top:-.25rem}.vidply-transcript-resize-s{bottom:-.25rem}.vidply-transcript-resize-e{right:-.25rem}.vidply-transcript-resize-w{left:-.25rem}.vidply-transcript-resize-ne{cursor:nesw-resize;right:-.5rem;top:-.5rem}.vidply-transcript-resize-nw{cursor:nwse-resize;left:-.5rem;top:-.5rem}.vidply-transcript-resize-se{bottom:-.5rem;cursor:nwse-resize;right:-.5rem}.vidply-transcript-resize-sw{bottom:-.5rem;cursor:nesw-resize;left:-.5rem}.vidply-transcript-resizable .vidply-transcript-resize-handle::after{background:var(--vidply-primary-light);border-radius:50%;content:'';height:.375rem;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:.375rem}.vidply-transcript-resizable:hover .vidply-transcript-resize-handle::after{opacity:.8}.vidply-transcript-resizable .vidply-transcript-resize-handle:hover::after{opacity:1}.vidply-transcript-resizing{box-shadow:0 0 0 .125rem var(--vidply-primary-light),0 .625rem 2.5rem var(--vidply-black-60);transition:none!important}.vidply-transcript-resizing .vidply-transcript-content{pointer-events:none}.vidply-transcript-keyboard-drag{box-shadow:0 0 0 .1875rem var(--vidply-primary-light),0 .625rem 2.5rem var(--vidply-black-60)}.vidply-transcript-drag-indicator{background:linear-gradient(135deg,var(--vidply-primary) 0,var(--vidply-primary-light) 100%);border-radius:0 0 .375rem .375rem;color:var(--vidply-white);font-size:.75rem;font-weight:600;left:0;padding:.5rem .75rem;position:absolute;right:0;text-align:center;top:100%;z-index:1000}.vidply-transcript-move-tooltip{animation:.3s fadeInDown;background:var(--vidply-black-90);border-radius:.25rem;color:var(--vidply-white);font-size:.75rem;left:50%;padding:.375rem .75rem;position:absolute;text-align:center;top:100%;transform:translateX(-50%);white-space:nowrap;z-index:1000}.vidply-transcript-resize-tooltip{animation:.3s fadeInDown;background:var(--vidply-primary);border-radius:.25rem;color:var(--vidply-white);font-size:.75rem;left:50%;padding:.375rem .75rem;position:absolute;text-align:center;top:100%;transform:translateX(-50%);white-space:nowrap;z-index:1000}@keyframes fadeInDown{from{opacity:0;transform:translateX(-50%) translateY(-.625rem)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.vidply-transcript-style-dialog{background:var(--vidply-bg-menu);border:.0625rem solid var(--vidply-border);border-radius:.5rem;box-shadow:var(--vidply-shadow-lg);display:none;left:0;max-height:31.25rem;min-width:17.5rem;overflow-y:auto;padding:.75rem;position:absolute;top:100%;width:auto;z-index:100}.vidply-transcript-style-dialog::after{border-color:transparent transparent var(--vidply-bg-menu) transparent;border-style:solid;border-width:0 .5rem .5rem;content:'';height:0;left:.75rem;position:absolute;top:-.5rem;width:0}.vidply-transcript-style-title{border-bottom:.0625rem solid var(--vidply-border);color:var(--vidply-white);font-size:.875rem;font-weight:600;margin:0 0 .75rem;padding-bottom:.5rem}.vidply-transcript-style-group{margin-bottom:.75rem}.vidply-transcript-style-group:last-child{margin-bottom:0}.vidply-transcript-style-group label{color:var(--vidply-white-90);display:block;font-size:.75rem;font-weight:500;margin-bottom:.375rem}.vidply-transcript-style-select{background:var(--vidply-bg-menu);border:.0625rem solid var(--vidply-border);border-radius:.25rem;color:var(--vidply-text);font-size:.875rem;padding:.25rem .5rem;transition:var(--vidply-transition-default);width:100%}.vidply-transcript-style-select:hover{background:var(--vidply-white-15);border-color:var(--vidply-border-hover)}.vidply-transcript-style-select:focus{background:var(--vidply-white-15);border-color:var(--vidply-border-focus);box-shadow:0 0 0 .1875rem var(--vidply-primary-20);outline:var(--vidply-focus-outline);outline-offset:0.125rem}.vidply-transcript-style-color{border:.0625rem solid var(--vidply-border);border-radius:.25rem;cursor:pointer;height:2rem;outline:0;padding:.25rem;transition:var(--vidply-transition-default);width:100%}.vidply-transcript-style-color:hover{border-color:var(--vidply-border-hover);box-shadow:0 0 0 .0625rem var(--vidply-primary-20)}.vidply-transcript-style-color:focus{border-color:var(--vidply-border-focus);box-shadow:0 0 0 .1875rem var(--vidply-primary-20);outline:var(--vidply-focus-outline);outline-offset:0.125rem}.vidply-transcript-style-range-container{align-items:center;display:flex;gap:.75rem}.vidply-transcript-style-range{-webkit-appearance:none;appearance:none;background:var(--vidply-white-20);border-radius:.1875rem;cursor:pointer;flex:1;height:.375rem;outline:0;transition:var(--vidply-transition-default)}.vidply-transcript-style-range:hover{background:var(--vidply-white-25)}.vidply-transcript-style-range:focus{background:var(--vidply-white-30);box-shadow:0 0 0 .125rem var(--vidply-primary-20)}.vidply-transcript-style-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--vidply-primary-light);border:.125rem solid var(--vidply-white);border-radius:50%;box-shadow:var(--vidply-shadow-sm);cursor:pointer;height:1rem;transition:.15s;width:1rem}.vidply-transcript-style-range::-webkit-slider-thumb:hover{background:var(--vidply-primary);transform:scale(1.15)}.vidply-transcript-style-range::-moz-range-thumb{background:var(--vidply-primary-light);border:.125rem solid var(--vidply-white);border-radius:50%;box-shadow:var(--vidply-shadow-sm);cursor:pointer;height:1rem;transition:.15s;width:1rem}.vidply-transcript-style-range::-moz-range-thumb:hover{background:var(--vidply-primary);transform:scale(1.15)}.vidply-transcript-style-value{color:var(--vidply-text-muted);font-size:.8125rem;font-weight:600;min-width:2.5rem;text-align:right}.vidply-transcript-style-close{background:var(--vidply-primary);border:none;border-radius:.25rem;color:var(--vidply-white);cursor:pointer;font-size:.8125rem;font-weight:600;margin-top:.75rem;padding:.5rem 1rem;transition:var(--vidply-transition-default);width:100%}.vidply-transcript-style-close:hover{background:var(--vidply-primary-light);transform:translateY(-.0625rem)}.vidply-transcript-style-close:active{transform:translateY(0)}.vidply-transcript-style-close:focus{box-shadow:0 0 0 .1875rem var(--vidply-primary-20);outline:var(--vidply-focus-outline);outline-offset:0.125rem}.vidply-sign-language-wrapper{background:0 0;border-radius:.5rem;height:auto;max-width:none;min-height:6.25rem;overflow:visible;position:absolute;touch-action:none;transition:opacity .3s;width:17.5rem;z-index:3}.vidply-fullscreen .vidply-sign-language-wrapper{max-width:none}.vidply-sign-language-wrapper:focus{outline:.125rem solid var(--vidply-primary);outline-offset:0.125rem}.vidply-sign-language-header{align-items:center;background:#282828;border-bottom:.0625rem solid var(--vidply-border-light);border-radius:var(--vidply-radius-lg) var(--vidply-radius-lg) 0 0;cursor:move;display:flex;justify-content:space-between;padding:var(--vidply-padding-xl) var(--vidply-padding-xxl);position:relative;touch-action:none;user-select:none}.vidply-sign-language-header *{touch-action:none}.vidply-sign-language-header:focus,.vidply-sign-language-header:focus-visible{box-shadow:0 0 0 .25rem rgb(91 144 255 / 35%);outline:.1875rem solid var(--vidply-primary-light);outline-offset:0.125rem}.vidply-sign-language-header-left{align-items:flex-start;display:flex;gap:1rem;position:relative}.vidply-sign-language-selector-wrapper{align-items:center;align-self:center;display:flex;flex-direction:row;gap:.5rem}.vidply-sign-language-label{color:var(--vidply-white);font-size:.75rem;font-weight:500;white-space:nowrap}.vidply-sign-language-select{background:var(--vidply-bg-menu);border:.0625rem solid var(--vidply-border);border-radius:.25rem;color:var(--vidply-text);font-size:.875rem;padding:.25rem .5rem}.vidply-sign-language-select:focus{outline:var(--vidply-focus-outline);outline-offset:0.125rem}.vidply-sign-language-settings{align-items:center;align-self:center;background:0 0;border:none;border-radius:var(--vidply-radius-sm);color:var(--vidply-text-muted);cursor:pointer;display:flex;height:var(--vidply-header-height);justify-content:center;padding:var(--vidply-padding-sm);transition:var(--vidply-transition-slow);width:var(--vidply-header-height)}.vidply-sign-language-settings:hover{background:var(--vidply-hover-bg);color:var(--vidply-white)}.vidply-sign-language-settings:focus{outline:var(--vidply-focus-outline-white);outline-offset:0.125rem}.vidply-sign-language-settings .vidply-icon{height:var(--vidply-icon-size-xs);width:var(--vidply-icon-size-xs)}.vidply-sign-language-settings-menu{background:var(--vidply-bg-menu);border:.0625rem solid var(--vidply-border);border-radius:var(--vidply-radius-md);box-shadow:var(--vidply-shadow-lg);display:none;min-width:15rem;padding:var(--vidply-gap-sm);position:absolute;z-index:100}.vidply-sign-language-settings-menu::after{border-bottom:.375rem solid var(--vidply-bg-menu);border-left:.375rem solid transparent;border-right:.375rem solid transparent;bottom:100%;content:'';height:0;left:48%;position:absolute;width:0}.vidply-sign-language-settings-menu.vidply-menu-above::after{border-bottom:none;border-top:.375rem solid var(--vidply-bg-menu);bottom:auto;top:100%}.vidply-sign-language-settings-item{align-items:flex-start;background:0 0;border:none;border-radius:var(--vidply-radius-sm);color:var(--vidply-white);cursor:pointer;display:flex;font-size:var(--vidply-font-base);gap:var(--vidply-gap-md);padding:var(--vidply-padding-md) .625rem;text-align:left;transition:var(--vidply-transition-normal);width:100%}.vidply-sign-language-settings-item:hover{background:var(--vidply-primary-20)}.vidply-sign-language-settings-item:hover span{text-decoration:underline}.vidply-sign-language-settings-item:focus{background:var(--vidply-primary-25);outline:0}.vidply-sign-language-settings-item:focus span{text-decoration:underline}.vidply-sign-language-settings-item .vidply-icon{flex-grow:0.2;height:var(--vidply-icon-size-small);opacity:.9;width:var(--vidply-icon-size-small)}.vidply-sign-language-settings-item span,.vidply-sign-language-settings-text{flex:1}.vidply-sign-language-header h3{color:var(--vidply-white);font-size:var(--vidply-font-lg);font-weight:600;height:.0625rem;left:-625rem;margin:0;overflow:hidden;position:absolute;width:.0625rem}.vidply-sign-language-close{align-items:center;background:0 0;border:none;border-radius:var(--vidply-radius-sm);color:var(--vidply-text-muted);cursor:pointer;display:flex;height:var(--vidply-header-height);justify-content:center;padding:var(--vidply-padding-sm);transition:var(--vidply-transition-slow);width:var(--vidply-header-height)}.vidply-sign-language-close:hover{background:var(--vidply-hover-bg);color:var(--vidply-white)}.vidply-sign-language-close:focus{outline:var(--vidply-focus-outline-white);outline-offset:0.125rem}.vidply-sign-language-close .vidply-icon{height:var(--vidply-icon-size-xs);width:var(--vidply-icon-size-xs)}.vidply-sign-language-video{background:var(--vidply-black);border:.125rem solid var(--vidply-white-30);border-radius:0 0 .5rem .5rem;border-top:none;box-shadow:0 .25rem .75rem var(--vidply-black-60);cursor:default;display:block;height:auto;overflow:hidden;pointer-events:auto;width:100%}.vidply-sign-resize-handle{position:absolute;touch-action:none;z-index:10}.vidply-sign-resize-ne,.vidply-sign-resize-nw,.vidply-sign-resize-se,.vidply-sign-resize-sw{height:1rem;width:1rem}.vidply-sign-resize-n,.vidply-sign-resize-s{cursor:ns-resize;height:.5rem;left:1rem;right:1rem}.vidply-sign-resize-e,.vidply-sign-resize-w{bottom:1rem;cursor:ew-resize;top:1rem;width:.5rem}.vidply-sign-resize-n{top:-.25rem}.vidply-sign-resize-s{bottom:-.25rem}.vidply-sign-resize-e{right:-.25rem}.vidply-sign-resize-w{left:-.25rem}.vidply-sign-resize-ne{cursor:nesw-resize;right:-.5rem;top:-.5rem}.vidply-sign-resize-nw{cursor:nwse-resize;left:-.5rem;top:-.5rem}.vidply-sign-resize-se{bottom:-.5rem;cursor:nwse-resize;right:-.5rem}.vidply-sign-resize-sw{bottom:-.5rem;cursor:nesw-resize;left:-.5rem}.vidply-sign-resizable .vidply-sign-resize-handle::after{background:var(--vidply-primary-light);border-radius:50%;content:'';height:.375rem;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:.375rem}.vidply-sign-resizable:hover .vidply-sign-resize-handle::after{opacity:.8}.vidply-sign-resizable .vidply-sign-resize-handle:hover::after{opacity:1}.vidply-sign-dragging .vidply-sign-language-header{cursor:grabbing!important}.vidply-sign-dragging .vidply-sign-language-video{opacity:.9}.vidply-sign-resizing .vidply-sign-language-video{cursor:nwse-resize!important}.vidply-sign-move-mode{box-shadow:0 0 0 .125rem var(--vidply-primary-light),0 .625rem 2.5rem var(--vidply-black-60)}.vidply-sign-resizing{box-shadow:0 0 0 .125rem var(--vidply-primary-light),0 .625rem 2.5rem var(--vidply-black-60);transition:none!important}.vidply-sign-keyboard-drag,.vidply-sign-keyboard-resize{box-shadow:0 0 0 .1875rem var(--vidply-primary),0 .25rem .75rem var(--vidply-black-60)}.vidply-sign-keyboard-drag::after,.vidply-sign-keyboard-resize::after{align-items:center;background:var(--vidply-primary);border-radius:.25rem;color:var(--vidply-white);display:flex;font-size:.75rem;font-weight:600;justify-content:center;left:50%;padding:.25rem .5rem;pointer-events:none;position:absolute;top:-1.75rem;transform:translateX(-50%);white-space:nowrap;z-index:10}.vidply-sign-keyboard-drag::after{content:'DRAG MODE (Arrow keys to move, ESC to exit)'}.vidply-sign-keyboard-resize::after{content:'RESIZE MODE (Arrow keys to resize, ESC to exit)'}.vidply-sign-position-bottom-right{bottom:5.9375rem;right:1rem}.vidply-sign-position-bottom-left{bottom:5.9375rem;left:1rem}.vidply-sign-position-top-right{right:1rem;top:1rem}.vidply-sign-position-top-left{left:1rem;top:1rem}@media (width <= 48rem),(width < 48rem){.vidply-sign-language-wrapper{min-width:7.5rem;width:35%}.vidply-sign-position-bottom-left,.vidply-sign-position-bottom-right{bottom:7.875rem!important}.vidply-playlist-thumbnail{height:2.125rem;width:3.75rem}.vidply-playlist-item{gap:.625rem;padding:.625rem .75rem}.vidply-track-artwork{height:clamp(6.5rem,20vh,10rem)}.vidply-track-info{padding:.75rem 1rem}.vidply-track-title{font-size:1rem}.vidply-player.vidply-fullscreen .vidply-playlist-panel,.vidply-player:fullscreen .vidply-playlist-panel{bottom:6.25rem;max-height:35vh;-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;padding:.75rem 0;position:absolute!important;touch-action:pan-x}.vidply-player.vidply-fullscreen .vidply-playlist-list,.vidply-player:fullscreen .vidply-playlist-list{flex-direction:row;flex-wrap:nowrap;gap:.5rem;-webkit-overflow-scrolling:touch;padding:0 .75rem;scroll-behavior:smooth;touch-action:pan-x}.vidply-player.vidply-fullscreen .vidply-playlist-item,.vidply-player:fullscreen .vidply-playlist-item{flex-shrink:0;max-width:7.5rem;min-width:7.5rem;scroll-snap-align:start;width:7.5rem}.vidply-player.vidply-fullscreen .vidply-playlist-item-button,.vidply-player:fullscreen .vidply-playlist-item-button{flex-direction:column;gap:0;padding:0}.vidply-player.vidply-fullscreen .vidply-playlist-thumbnail,.vidply-player:fullscreen .vidply-playlist-thumbnail{border-radius:.5rem;flex-shrink:0;height:5.625rem;width:100%}.vidply-player.vidply-fullscreen .vidply-playlist-item-info,.vidply-player:fullscreen .vidply-playlist-item-info{display:none}.vidply-player.vidply-fullscreen .vidply-playlist-item:not(:has(.vidply-playlist-thumbnail)) .vidply-playlist-item-info,.vidply-player:fullscreen .vidply-playlist-item:not(:has(.vidply-playlist-thumbnail)) .vidply-playlist-item-info{align-items:center;display:flex;flex-direction:column;height:5.625rem;justify-content:center;padding:.5rem;text-align:center}.vidply-player.vidply-fullscreen .vidply-playlist-item:not(:has(.vidply-playlist-thumbnail)) .vidply-playlist-item-title,.vidply-player:fullscreen .vidply-playlist-item:not(:has(.vidply-playlist-thumbnail)) .vidply-playlist-item-title{font-size:.6875rem;-webkit-line-clamp:3}.vidply-player.vidply-fullscreen .vidply-playlist-item:not(:has(.vidply-playlist-thumbnail)) .vidply-playlist-item-artist,.vidply-player:fullscreen .vidply-playlist-item:not(:has(.vidply-playlist-thumbnail)) .vidply-playlist-item-artist{font-size:.5625rem}.vidply-player.vidply-fullscreen .vidply-playlist-header,.vidply-player:fullscreen .vidply-playlist-header{flex-shrink:0;font-size:.6875rem;padding:0 .75rem .5rem}.vidply-transcript-window{border:none;border-radius:0;border-top:.0625rem solid var(--vidply-border-light);box-shadow:none;min-width:18.75rem;order:3;position:relative;width:100%;z-index:5}.vidply-transcript-header{border-radius:0;padding:.75rem 1rem;cursor:default!important}.vidply-transcript-content{max-height:25rem}.vidply-player.vidply-fullscreen .vidply-transcript-header,.vidply-player:fullscreen .vidply-transcript-header{cursor:move!important}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vidply",
-  "version": "1.0.35",
+  "version": "1.0.36",
   "description": "Universal, accessible video & audio player with ES6 modules",
   "type": "module",
   "main": "dist/prod/vidply.esm.min.js",

package/src/core/Player.js

@@ -1612,6 +1612,9 @@ export class Player extends EventEmitter {
         this.state.fullscreen = true;
         this.container.classList.add(`${this.options.classPrefix}-fullscreen`);
         
+        // Add body class for CSS targeting (fallback for browsers without :has() support)
+        document.body.classList.add('vidply-fullscreen-active');
+        
         // Store current scroll position for restoration later
         this._originalScrollX = window.scrollX || window.pageXOffset;
         this._originalScrollY = window.scrollY || window.pageYOffset;
@@ -1622,11 +1625,15 @@ export class Player extends EventEmitter {
         this._originalBodyWidth = document.body.style.width;
         this._originalBodyHeight = document.body.style.height;
         this._originalHtmlOverflow = document.documentElement.style.overflow;
+        this._originalBodyBackground = document.body.style.background;
+        this._originalHtmlBackground = document.documentElement.style.background;
         
         document.body.style.overflow = 'hidden';
         document.body.style.width = '100%';
         document.body.style.height = '100%';
+        document.body.style.background = '#000';
         document.documentElement.style.overflow = 'hidden';
+        document.documentElement.style.background = '#000';
         
         // On iOS, also lock the viewport and scroll to top
         this._originalViewport = document.querySelector('meta[name="viewport"]')?.getAttribute('content');
@@ -1638,11 +1645,62 @@ export class Player extends EventEmitter {
         // Scroll to top on iOS to prevent positioning issues
         window.scrollTo(0, 0);
         
+        // Make all other page content inert to prevent keyboard focus escaping to background
+        this._makeBackgroundInert();
+        
         this.emit('fullscreenchange', true);
         this.emit('enterfullscreen');
     }
+    
+    /**
+     * Makes all page content except the fullscreen player inert (non-focusable)
+     * This prevents keyboard navigation from focusing on hidden background elements
+     */
+    _makeBackgroundInert() {
+        this._inertElements = [];
+        
+        // Find all siblings and ancestors' siblings that should be made inert
+        let current = this.container;
+        while (current && current !== document.body && current !== document.documentElement) {
+            const parent = current.parentElement;
+            if (parent) {
+                // Make all siblings inert
+                Array.from(parent.children).forEach(sibling => {
+                    if (sibling !== current && 
+                        sibling.nodeType === Node.ELEMENT_NODE &&
+                        !sibling.hasAttribute('inert') &&
+                        sibling.tagName !== 'SCRIPT' &&
+                        sibling.tagName !== 'STYLE' &&
+                        sibling.tagName !== 'LINK' &&
+                        sibling.tagName !== 'META') {
+                        sibling.setAttribute('inert', '');
+                        this._inertElements.push(sibling);
+                    }
+                });
+            }
+            current = parent;
+        }
+    }
+    
+    /**
+     * Restores interactivity to elements that were made inert during fullscreen
+     */
+    _restoreBackgroundInteractivity() {
+        if (this._inertElements) {
+            this._inertElements.forEach(el => {
+                el.removeAttribute('inert');
+            });
+            this._inertElements = [];
+        }
+    }
 
     _disablePseudoFullscreen() {
+        // Remove body class for CSS targeting
+        document.body.classList.remove('vidply-fullscreen-active');
+        
+        // Restore interactivity to background elements
+        this._restoreBackgroundInteractivity();
+        
         // Restore body scrolling
         if (this._originalBodyOverflow !== undefined) {
             document.body.style.overflow = this._originalBodyOverflow;
@@ -1664,6 +1722,14 @@ export class Player extends EventEmitter {
             document.documentElement.style.overflow = this._originalHtmlOverflow;
             delete this._originalHtmlOverflow;
         }
+        if (this._originalBodyBackground !== undefined) {
+            document.body.style.background = this._originalBodyBackground;
+            delete this._originalBodyBackground;
+        }
+        if (this._originalHtmlBackground !== undefined) {
+            document.documentElement.style.background = this._originalHtmlBackground;
+            delete this._originalHtmlBackground;
+        }
         
         // Restore viewport settings
         if (this._originalViewport !== undefined) {
@@ -4459,8 +4525,16 @@ export class Player extends EventEmitter {
                 
                 if (isFullscreen) {
                     this.container.classList.add(`${this.options.classPrefix}-fullscreen`);
+                    // Add body class for CSS targeting (fallback for browsers without :has() support)
+                    document.body.classList.add('vidply-fullscreen-active');
+                    // Make background content inert to prevent keyboard focus escaping
+                    this._makeBackgroundInert();
                 } else {
                     this.container.classList.remove(`${this.options.classPrefix}-fullscreen`);
+                    // Remove body class for CSS targeting
+                    document.body.classList.remove('vidply-fullscreen-active');
+                    // Restore background interactivity
+                    this._restoreBackgroundInteractivity();
                     // Clean up pseudo-fullscreen state when exiting
                     this._disablePseudoFullscreen();
                 }