vidply 1.0.33 → 1.0.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/dist/dev/{vidply.HLSRenderer-LIFBU6UD.js → vidply.HLSRenderer-YGWCAICA.js} +3 -3
  2. package/dist/dev/{vidply.HTML5Renderer-YWMVYWFS.js → vidply.HTML5Renderer-PMNFHAKW.js} +3 -3
  3. package/dist/dev/{vidply.SoundCloudRenderer-CD7VJKNS.js → vidply.SoundCloudRenderer-HCMKXHSX.js} +2 -4
  4. package/dist/dev/vidply.SoundCloudRenderer-HCMKXHSX.js.map +7 -0
  5. package/dist/dev/{vidply.TranscriptManager-R7NJRU7E.js → vidply.TranscriptManager-EIIN5YOF.js} +3 -3
  6. package/dist/dev/{vidply.VimeoRenderer-VPH4RNES.js → vidply.VimeoRenderer-SLEBCZTT.js} +2 -3
  7. package/dist/dev/vidply.VimeoRenderer-SLEBCZTT.js.map +7 -0
  8. package/dist/dev/{vidply.YouTubeRenderer-6MGKEFTZ.js → vidply.YouTubeRenderer-E6F4UGVF.js} +2 -3
  9. package/dist/dev/vidply.YouTubeRenderer-E6F4UGVF.js.map +7 -0
  10. package/dist/dev/{vidply.chunk-PMRKJBGH.js → vidply.chunk-AXXU22HR.js} +92 -15
  11. package/dist/dev/{vidply.chunk-PMRKJBGH.js.map → vidply.chunk-AXXU22HR.js.map} +2 -2
  12. package/dist/dev/{vidply.chunk-UVO24MXU.js → vidply.chunk-IIN4G4UQ.js} +2 -2
  13. package/dist/dev/{vidply.de-CEGBLV67.js → vidply.de-YBEYEXBL.js} +2 -2
  14. package/dist/dev/{vidply.es-2QCQKZ4U.js → vidply.es-QA4YSA5S.js} +2 -2
  15. package/dist/dev/vidply.esm.js +56 -68
  16. package/dist/dev/vidply.esm.js.map +2 -2
  17. package/dist/dev/{vidply.fr-FJAZRL4L.js → vidply.fr-LAM3XJZI.js} +2 -2
  18. package/dist/dev/{vidply.ja-2XQOW53T.js → vidply.ja-FTBFZD66.js} +2 -2
  19. package/dist/legacy/vidply.js +142 -74
  20. package/dist/legacy/vidply.js.map +3 -3
  21. package/dist/legacy/vidply.min.js +2 -2
  22. package/dist/legacy/vidply.min.meta.json +20 -20
  23. package/dist/prod/{vidply.HLSRenderer-ESR6NAMI.min.js → vidply.HLSRenderer-D2KTBEEI.min.js} +2 -2
  24. package/dist/prod/{vidply.HTML5Renderer-6ROXQSQY.min.js → vidply.HTML5Renderer-ZSV6PDOH.min.js} +2 -2
  25. package/dist/prod/vidply.SoundCloudRenderer-D2FNOEG6.min.js +6 -0
  26. package/dist/prod/{vidply.TranscriptManager-B65LKXGG.min.js → vidply.TranscriptManager-VXCTCJ7X.min.js} +2 -2
  27. package/dist/prod/vidply.VimeoRenderer-QELFZVDU.min.js +6 -0
  28. package/dist/prod/vidply.YouTubeRenderer-ZL6YUHTF.min.js +6 -0
  29. package/dist/prod/{vidply.chunk-7HVHEUHH.min.js → vidply.chunk-SQVOYVKH.min.js} +1 -1
  30. package/dist/prod/{vidply.chunk-IQKD4GUB.min.js → vidply.chunk-Z6BHMOGK.min.js} +2 -2
  31. package/dist/prod/{vidply.de-IHKC573T.min.js → vidply.de-WCUZUF3T.min.js} +1 -1
  32. package/dist/prod/{vidply.es-3IJCQLJ7.min.js → vidply.es-54CIIDMO.min.js} +1 -1
  33. package/dist/prod/vidply.esm.min.js +4 -4
  34. package/dist/prod/{vidply.fr-NC4VEAPH.min.js → vidply.fr-7FYGFFK2.min.js} +1 -1
  35. package/dist/prod/{vidply.ja-4ZC6ZQLV.min.js → vidply.ja-E4UTAURP.min.js} +1 -1
  36. package/dist/vidply.css +219 -109
  37. package/dist/vidply.esm.min.meta.json +50 -50
  38. package/dist/vidply.min.css +2 -2
  39. package/package.json +3 -3
  40. package/src/controls/ControlBar.js +3 -0
  41. package/src/controls/KeyboardManager.js +19 -0
  42. package/src/core/Player.js +1 -64
  43. package/src/core/SignLanguageManager.js +18 -4
  44. package/src/features/PlaylistManager.js +31 -19
  45. package/src/index.js +3 -1
  46. package/src/renderers/SoundCloudRenderer.js +0 -2
  47. package/src/renderers/VimeoRenderer.js +0 -1
  48. package/src/renderers/YouTubeRenderer.js +0 -1
  49. package/src/styles/vidply.css +218 -108
  50. package/src/utils/DraggableResizable.js +123 -12
  51. package/dist/dev/vidply.SoundCloudRenderer-CD7VJKNS.js.map +0 -7
  52. package/dist/dev/vidply.VimeoRenderer-VPH4RNES.js.map +0 -7
  53. package/dist/dev/vidply.YouTubeRenderer-6MGKEFTZ.js.map +0 -7
  54. package/dist/prod/vidply.SoundCloudRenderer-MOR2CUFH.min.js +0 -6
  55. package/dist/prod/vidply.VimeoRenderer-3HBMM2WR.min.js +0 -6
  56. package/dist/prod/vidply.YouTubeRenderer-MFC2GMAC.min.js +0 -6
  57. /package/dist/dev/{vidply.HLSRenderer-LIFBU6UD.js.map → vidply.HLSRenderer-YGWCAICA.js.map} +0 -0
  58. /package/dist/dev/{vidply.HTML5Renderer-YWMVYWFS.js.map → vidply.HTML5Renderer-PMNFHAKW.js.map} +0 -0
  59. /package/dist/dev/{vidply.TranscriptManager-R7NJRU7E.js.map → vidply.TranscriptManager-EIIN5YOF.js.map} +0 -0
  60. /package/dist/dev/{vidply.chunk-UVO24MXU.js.map → vidply.chunk-IIN4G4UQ.js.map} +0 -0
  61. /package/dist/dev/{vidply.de-CEGBLV67.js.map → vidply.de-YBEYEXBL.js.map} +0 -0
  62. /package/dist/dev/{vidply.es-2QCQKZ4U.js.map → vidply.es-QA4YSA5S.js.map} +0 -0
  63. /package/dist/dev/{vidply.fr-FJAZRL4L.js.map → vidply.fr-LAM3XJZI.js.map} +0 -0
  64. /package/dist/dev/{vidply.ja-2XQOW53T.js.map → vidply.ja-FTBFZD66.js.map} +0 -0
package/dist/vidply.min.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * VidPly - Styles
3
- * (c) 2025 Matthias Peltzer
3
+ * (c) 2026 Matthias Peltzer
4
4
  * Released under GPL-2.0-or-later License
5
5
  */
6
- :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-overlay:2;--vidply-z-transcript:5;--vidply-z-playlist:15;--vidply-z-menu:20;--vidply-z-controls:30;--vidply-z-menu-high:100;--vidply-z-menu-fullscreen:1000}.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{aspect-ratio:auto;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%}.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}@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{aspect-ratio:16/3!important;height:auto!important;min-height:0!important;overflow:hidden}.vidply-player.vidply-video.vidply-audio-content .vidply-video-wrapper.vidply-forced-poster{background-size:cover;background-position:center}.vidply-player.vidply-video.vidply-audio-content video{display:none!important}.vidply-video-wrapper>div[id^=vimeo-player-],.vidply-video-wrapper>div[id^=youtube-player-]{width:100%!important;aspect-ratio:16/9;max-height:100%}.vidply-video-wrapper>div[id^=vimeo-player-] iframe,.vidply-video-wrapper>div[id^=youtube-player-] iframe{width:100%!important;height:100%!important}.vidply-video-wrapper>iframe.vidply-soundcloud-iframe{width:100%!important;aspect-ratio:16/3;max-height:100%}.vidply-video-wrapper>iframe.vidply-soundcloud-iframe.vidply-soundcloud-playlist{aspect-ratio:16/9}.vidply-player.vidply-external-controls .vidply-controls{display:none!important}@media (width < 48rem){.vidply-player{isolation:isolate;overflow:visible}.vidply-player audio,.vidply-player video{flex:0 0 auto;height:auto;order:1}.vidply-player.vidply-fullscreen video,.vidply-player:fullscreen video{flex:1 1 auto!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important}.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;position:relative;width:100%}.vidply-player.vidply-fullscreen .vidply-video-wrapper,.vidply-player:fullscreen .vidply-video-wrapper{display:flex!important;height:100%!important;min-height:0!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important}}.vidply-player.vidply-audio .vidply-video-wrapper{overflow:visible}.vidply-player.vidply-audio .vidply-fullscreen{display:none}.vidply-play-overlay{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);border:.125rem solid var(--vidply-primary);border-radius:50%}.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){.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;padding:0;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;overflow:hidden}.vidply-progress-preview{background-size:cover;background-position:center;border-radius:.25rem .25rem 0 0;display:none;height:5rem;width:8.888888889rem;min-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){.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::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;z-index:1000;transform:none!important}.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){.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;position:fixed!important;right:0;top:0;z-index:999999;transform:translate3d(0,0,0);margin:0!important;padding:0!important}@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{height:100vh!important;width:100vw!important;display:flex!important;flex-direction:column!important}.vidply-player.vidply-fullscreen .vidply-video-wrapper,.vidply-player:fullscreen .vidply-video-wrapper{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;z-index:1!important;display:flex!important;align-items:center!important;justify-content:center!important}.vidply-player.vidply-fullscreen video,.vidply-player:fullscreen video{position:relative!important;width:100%!important;height:100%!important;object-fit:contain!important;max-width:100%!important;max-height:100%!important}.vidply-player.vidply-fullscreen .vidply-controls,.vidply-player:fullscreen .vidply-controls{position:absolute!important;bottom:0!important;left:0!important;right:0!important;z-index:30!important}.vidply-player.vidply-fullscreen .vidply-playlist-panel,.vidply-player:fullscreen .vidply-playlist-panel{position:absolute!important;bottom:5rem!important;left:0!important;right:0!important;z-index:15!important;margin:0!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){.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)}}@keyframes slideUpFromBottom{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (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;padding:.625rem 0;overflow-y:hidden;overflow-x:auto;touch-action:pan-x;-webkit-overflow-scrolling:touch}.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{width:11.25rem;min-width:11.25rem;max-width:11.25rem;flex-shrink:0}.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{height:6.25rem;width:100%;border-radius:.5rem .5rem 0 0}.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{padding:0 .625rem .5rem;font-size:.6875rem;flex-shrink:0}}@media (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{aspect-ratio:16/3;background-color:var(--vidply-black);background-position:center;background-repeat:no-repeat;background-size:cover;border-bottom:.0625rem solid var(--vidply-border-light);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{color:var(--vidply-white-60);font-size:.8125rem;line-height:1.4;margin-top:.5rem;max-height:3.5em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.vidply-playlist-panel{background:var(--vidply-bg-playlist);border-top:.0625rem solid var(--vidply-border-light);max-height:25rem;transform:translate3d(0,0,0);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}.vidply-player.vidply-fullscreen .vidply-playlist-panel,.vidply-player:fullscreen .vidply-playlist-panel{background:linear-gradient(to top,rgb(0 0 0 / 95%) 0,rgb(0 0 0 / 90%) 100%);backdrop-filter:blur(0.625rem);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;padding:.5rem 1rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.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;min-width:17.5rem;max-width:20rem;scroll-snap-align:start}.vidply-player.vidply-fullscreen .vidply-playlist-item-button,.vidply-player:fullscreen .vidply-playlist-item-button{flex-direction:column;align-items:stretch;gap:.5rem;padding:0;background:var(--vidply-black-40);border-radius:.5rem;overflow:hidden;transition:.2s}.vidply-player.vidply-fullscreen .vidply-playlist-item-button:hover,.vidply-player:fullscreen .vidply-playlist-item-button:hover{background:var(--vidply-white-10);transform:translateY(-.25rem);box-shadow:0 .5rem 1.5rem var(--vidply-black-60)}.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{width:100%;height:10rem;border-radius:0}.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{font-size:.875rem;font-weight:600;margin-bottom:.25rem;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.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{border:.125rem solid var(--vidply-primary-light);background:var(--vidply-primary-15)}.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;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: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;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){.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{aspect-ratio:16/3}.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;padding:.75rem 0;overflow-y:hidden;overflow-x:auto;position:absolute!important;touch-action:pan-x;-webkit-overflow-scrolling:touch}.vidply-player.vidply-fullscreen .vidply-playlist-list,.vidply-player:fullscreen .vidply-playlist-list{flex-direction:row;flex-wrap:nowrap;gap:.5rem;padding:0 .75rem;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;touch-action:pan-x}.vidply-player.vidply-fullscreen .vidply-playlist-item,.vidply-player:fullscreen .vidply-playlist-item{width:7.5rem;min-width:7.5rem;max-width:7.5rem;flex-shrink:0;scroll-snap-align:start}.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{height:5.625rem;width:100%;flex-shrink:0;border-radius:.5rem}.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{display:flex;flex-direction:column;padding:.5rem;justify-content:center;align-items:center;text-align:center;height:5.625rem}.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{padding:0 .75rem .5rem;font-size:.6875rem;flex-shrink:0}.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}}
6
+ :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}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vidply",
3
- "version": "1.0.33",
3
+ "version": "1.0.35",
4
4
  "description": "Universal, accessible video & audio player with ES6 modules",
5
5
  "type": "module",
6
6
  "main": "dist/prod/vidply.esm.min.js",
@@ -11,8 +11,8 @@
11
11
  ],
12
12
  "scripts": {
13
13
  "dev": "npx serve . -p 3000",
14
- "start": "npm run build:js && npm run build:css && npm run dev",
15
- "build": "npm run build:js && npm run build:css",
14
+ "start": "npm run clean && npm run build:js && npm run build:css && npm run dev",
15
+ "build": "npm run clean && npm run build:js && npm run build:css",
16
16
  "build:js": "node build/build.js",
17
17
  "build:css": "node build/build-css.js",
18
18
  "watch": "node build/watch.js",
package/src/controls/ControlBar.js CHANGED
@@ -145,6 +145,9 @@ export class ControlBar {
145
145
  // Ensure menu doesn't go off top or bottom
146
146
  if (menuRect.top < 10) {
147
147
  menu.style.top = '10px';
148
+ // Important: clear bottom constraint, otherwise top+bottom will squeeze the menu height
149
+ // into a tiny strip on some mobile layouts.
150
+ menu.style.bottom = 'auto';
148
151
  }
149
152
 
150
153
  if (menuRect.bottom > viewportHeight - 10) {
package/src/controls/KeyboardManager.js CHANGED
@@ -46,6 +46,25 @@ export class KeyboardManager {
46
46
  if (playlistButton) {
47
47
  return; // Let the playlist handle keyboard events
48
48
  }
49
+
50
+ // Don't steal arrow keys when the sign-language overlay is in keyboard drag/resize mode.
51
+ // DraggableResizable listens on the overlay itself, but we run in CAPTURE phase, so we must opt out here.
52
+ const signWrapper = activeElement.closest('.vidply-sign-language-wrapper');
53
+ if (signWrapper) {
54
+ const draggable = this.player.signLanguageManager?.draggable;
55
+ if (draggable?.keyboardDragMode || draggable?.keyboardResizeMode) {
56
+ return;
57
+ }
58
+ }
59
+
60
+ // Same idea for the transcript floating window (it also uses DraggableResizable).
61
+ const transcriptWindow = activeElement.closest('.vidply-transcript-window');
62
+ if (transcriptWindow) {
63
+ const draggable = this.player.transcriptManager?.draggableResizable;
64
+ if (draggable?.keyboardDragMode || draggable?.keyboardResizeMode) {
65
+ return;
66
+ }
67
+ }
49
68
  }
50
69
 
51
70
  const key = e.key;
package/src/core/Player.js CHANGED
@@ -588,6 +588,7 @@ export class Player extends EventEmitter {
588
588
  this.container.classList.add(`${this.options.classPrefix}-responsive`);
589
589
  }
590
590
 
591
+
591
592
  // Create video wrapper (for proper positioning of controls)
592
593
  this.videoWrapper = DOMUtils.createElement('div', {
593
594
  className: `${this.options.classPrefix}-video-wrapper`
@@ -639,35 +640,10 @@ export class Player extends EventEmitter {
639
640
  : this.options.height;
640
641
  }
641
642
 
642
- // If no explicit height is set, ensure video players still have a stable layout box
643
- // even before any media is loaded (important for deferLoad + playlists).
644
- // We use the element's width/height attributes (e.g. from TYPO3) as aspect ratio.
645
- if (this.element.tagName === 'VIDEO' && !this.options.height) {
646
- const wAttr = parseInt(this.element.getAttribute('width') || '', 10);
647
- const hAttr = parseInt(this.element.getAttribute('height') || '', 10);
648
- if (Number.isFinite(wAttr) && Number.isFinite(hAttr) && wAttr > 0 && hAttr > 0) {
649
- // Only set if not already defined by CSS/inline style
650
- if (!this.container.style.aspectRatio) {
651
- this.container.style.aspectRatio = `${wAttr} / ${hAttr}`;
652
- }
653
-
654
- // The actual visual box is the videoWrapper (the video element is 100% height).
655
- // Give the wrapper the same aspect ratio so posters render correctly before metadata is loaded.
656
- if (this.videoWrapper && !this.videoWrapper.style.aspectRatio) {
657
- this.videoWrapper.style.aspectRatio = `${wAttr} / ${hAttr}`;
658
- // Override default CSS height:100% (which depends on parent having a height)
659
- this.videoWrapper.style.height = 'auto';
660
- }
661
- }
662
- }
663
-
664
643
  // Set poster (convert relative paths to absolute URLs)
665
644
  if (this.options.poster && this.element.tagName === 'VIDEO') {
666
645
  const resolvedPoster = this.resolvePosterPath(this.options.poster);
667
646
  this.element.poster = resolvedPoster;
668
- // If we intentionally have no media loaded yet (e.g. deferLoad/playlist),
669
- // use poster aspect ratio to size the wrapper so the poster isn't stretched.
670
- this.applyPosterAspectRatio(resolvedPoster);
671
647
  }
672
648
 
673
649
  // Create centered play button overlay (only for video)
@@ -711,45 +687,6 @@ export class Player extends EventEmitter {
711
687
  }, { once: true });
712
688
  }
713
689
 
714
- /**
715
- * Apply aspect ratio to the video wrapper based on the poster's intrinsic size.
716
- * This helps render correct poster sizing before media metadata is available.
717
- */
718
- applyPosterAspectRatio(posterUrl) {
719
- try {
720
- if (!posterUrl) return;
721
- if (this.element.tagName !== 'VIDEO') return;
722
- if (!this.videoWrapper) return;
723
-
724
- // If user explicitly configured dimensions, don't override.
725
- if (this.options.width || this.options.height) return;
726
-
727
- // Avoid repeated work
728
- if (this._posterAspectAppliedFor === posterUrl) return;
729
- this._posterAspectAppliedFor = posterUrl;
730
-
731
- const img = new Image();
732
- img.decoding = 'async';
733
- img.onload = () => {
734
- const w = img.naturalWidth;
735
- const h = img.naturalHeight;
736
- if (!w || !h) return;
737
-
738
- // Apply to wrapper (the actual layout box)
739
- this.videoWrapper.style.aspectRatio = `${w} / ${h}`;
740
- this.videoWrapper.style.height = 'auto';
741
-
742
- // Also apply to container if not explicitly set
743
- if (this.container && !this.container.style.aspectRatio) {
744
- this.container.style.aspectRatio = `${w} / ${h}`;
745
- }
746
- };
747
- img.src = posterUrl;
748
- } catch (e) {
749
- // ignore
750
- }
751
- }
752
-
753
690
  createPlayButtonOverlay() {
754
691
  // Create complete SVG play button from Icons.js
755
692
  this.playButtonOverlay = createPlayOverlay();
package/src/core/SignLanguageManager.js CHANGED
@@ -459,8 +459,11 @@ export class SignLanguageManager {
459
459
  _setupInteraction() {
460
460
  const isMobile = window.innerWidth < 768;
461
461
  const isFullscreen = this.player.state.fullscreen;
462
-
463
- if (isMobile && !isFullscreen) {
462
+
463
+ // Historically, drag/resize was disabled on mobile unless fullscreen to avoid scroll conflicts.
464
+ // Now that we support touch/pointer dragging with proper `touch-action` handling, enable it
465
+ // by default on iOS/Android as well. Allow opting out via option.
466
+ if (isMobile && !isFullscreen && this.player?.options?.signLanguageDragOnMobile === false) {
464
467
  if (this.draggable) {
465
468
  this.draggable.destroy();
466
469
  this.draggable = null;
@@ -473,7 +476,9 @@ export class SignLanguageManager {
473
476
  const classPrefix = this.player.options.classPrefix;
474
477
 
475
478
  this.draggable = new DraggableResizable(this.wrapper, {
476
- dragHandle: this.header,
479
+ // Allow dragging from anywhere on the sign-language window (better for touch).
480
+ // We still block dragging when interacting with controls via `onDragStart` below.
481
+ dragHandle: this.wrapper,
477
482
  resizeHandles: this.resizeHandles,
478
483
  constrainToViewport: true,
479
484
  maintainAspectRatio: true,
@@ -761,9 +766,18 @@ export class SignLanguageManager {
761
766
  hasTextClass: true,
762
767
  onClick: () => {
763
768
  this.toggleKeyboardDragMode();
764
- this.hideSettingsMenu();
769
+ // Keep focus off the settings button so arrow keys go to the draggable overlay.
770
+ this.hideSettingsMenu({ focusButton: false });
771
+ // If we just enabled keyboard drag mode, focus the overlay.
772
+ if (this.draggable?.keyboardDragMode) {
773
+ setTimeout(() => {
774
+ this.wrapper?.focus?.({ preventScroll: true });
775
+ }, 20);
776
+ }
765
777
  }
766
778
  });
779
+ // Allow CSS to hide this option on touch/mobile where dragging is always enabled
780
+ dragOption.setAttribute('data-setting', 'keyboard-drag');
767
781
  dragOption.setAttribute('role', 'switch');
768
782
  dragOption.setAttribute('aria-checked', 'false');
769
783
  this._removeTooltipFromMenuItem(dragOption);