/*!
 * VidPly v1.0.0 - Styles
 * (c) 2025 Matthias Peltzer
 * Released under GPL-2.0-or-later License
 */
:root{--vidply-active-bg:var(--vidply-white-05);--vidply-bg-caption:var(--vidply-black-80);--vidply-bg-controls:linear-gradient(180deg, rgb(var(--vidply-black-rgb), 0) 0%, rgb(var(--vidply-black-rgb), 0.9) 100%);--vidply-bg-dialog:rgb(20 20 20 / 98%);--vidply-bg-dialog-dark:rgb(18 18 18 / 98%);--vidply-bg-menu:rgb(20 20 20 / 98%);--vidply-bg-menu-rgb:20,20,20;--vidply-bg-overlay:var(--vidply-black-80);--vidply-bg-playlist:#1a1a1a;--vidply-bg-playlist-header:var(--vidply-black-40);--vidply-bg-track-info:linear-gradient(180deg, var(--vidply-black-80) 0%, var(--vidply-black-60) 100%);--vidply-bg-transcript:rgb(30 30 30 / 98%);--vidply-black:#000;--vidply-black-30:rgb(var(--vidply-black-rgb), 0.3);--vidply-black-40:rgb(var(--vidply-black-rgb), 0.4);--vidply-black-50:rgb(var(--vidply-black-rgb), 0.5);--vidply-black-60:rgb(var(--vidply-black-rgb), 0.6);--vidply-black-80:rgb(var(--vidply-black-rgb), 0.8);--vidply-black-90:rgb(var(--vidply-black-rgb), 0.9);--vidply-black-98:rgb(var(--vidply-black-rgb), 0.98);--vidply-black-rgb:0,0,0;--vidply-border:var(--vidply-white-15);--vidply-border-focus:var(--vidply-primary-light);--vidply-border-hover:var(--vidply-white-30);--vidply-border-light:var(--vidply-white-10);--vidply-button-size:30px;--vidply-button-size-mobile:36px;--vidply-button-size-small:32px;--vidply-focus-outline:2px solid var(--vidply-primary-light);--vidply-focus-outline-player:3px solid var(--vidply-primary-light);--vidply-focus-outline-white:2px solid var(--vidply-primary-light);--vidply-font-base:13px;--vidply-font-lg:16px;--vidply-font-md:14px;--vidply-font-sm:12px;--vidply-font-xl:18px;--vidply-font-xs:11px;--vidply-font-xxl:20px;--vidply-gap-lg:12px;--vidply-gap-md:8px;--vidply-gap-sm:6px;--vidply-gap-xl:16px;--vidply-gap-xs:4px;--vidply-gap-xxl:20px;--vidply-header-height:28px;--vidply-hover-bg:var(--vidply-white-10);--vidply-icon-size:26px;--vidply-icon-size-mobile:22px;--vidply-icon-size-small:20px;--vidply-icon-size-xs:18px;--vidply-padding-lg:12px;--vidply-padding-md:8px;--vidply-padding-sm:4px;--vidply-padding-xl:16px;--vidply-padding-xxl:20px;--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:8px;--vidply-radius-md:6px;--vidply-radius-sm:4px;--vidply-radius-xl:12px;--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 12px 48px var(--vidply-black-80);--vidply-shadow-md:0 4px 12px var(--vidply-black-40);--vidply-shadow-sm:0 2px 4px 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:2px}.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:1px 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 4px rgb(91 144 255 / 35%);outline:3px solid var(--vidply-primary-light);outline-offset:2px}.vidply-draggable-header h3{color:var(--vidply-white);font-size:var(--vidply-font-lg);font-weight:600;height:1px;left:-10000px;margin:0;overflow:hidden;position:absolute;width:1px}.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:16px;width:16px}.vidply-resize-handle-n,.vidply-resize-handle-s{cursor:ns-resize;height:8px;left:16px;right:16px}.vidply-resize-handle-e,.vidply-resize-handle-w{bottom:16px;cursor:ew-resize;top:16px;width:8px}.vidply-resize-handle-n{top:-4px}.vidply-resize-handle-s{bottom:-4px}.vidply-resize-handle-e{right:-4px}.vidply-resize-handle-w{left:-4px}.vidply-resize-handle-ne{cursor:nesw-resize;right:-8px;top:-8px}.vidply-resize-handle-nw{cursor:nwse-resize;left:-8px;top:-8px}.vidply-resize-handle-se{bottom:-8px;cursor:nwse-resize;right:-8px}.vidply-resize-handle-sw{bottom:-8px;cursor:nesw-resize;left:-8px}.vidply-resizable .vidply-resize-handle::after{background:var(--vidply-primary-light);border-radius:50%;content:'';height:6px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:6px}.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:1px solid var(--vidply-border);border-radius:var(--vidply-radius-md);box-shadow:var(--vidply-shadow-lg);display:none;min-width:240px;padding:var(--vidply-gap-sm);position:absolute;z-index:100}.vidply-popup-settings-menu::after{border-bottom:6px solid var(--vidply-bg-menu);border-left:6px solid transparent;border-right:6px solid transparent;bottom:100%;content:'';height:0;left:8px;position:absolute;width:0}.vidply-popup-settings-menu.vidply-menu-above::after{border-bottom:none;border-top:6px 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) 10px;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:16px;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:4px}.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%}@media (width < 768px){.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;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;overflow:hidden;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}@media (width < 768px){.vidply-video-wrapper{display:block;height:auto;min-height:200px;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-fullscreen video,.vidply-player:fullscreen video{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!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 8px 32px 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 12px 48px 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:20px 16px 16px;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 < 768px){.vidply-controls{background:var(--vidply-black-90);border-top:1px solid var(--vidply-border-light);bottom:auto;left:0;opacity:1;order:2;padding:12px;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:var(--vidply-gap-lg);margin-bottom:var(--vidply-gap-lg);width:100%}.vidply-progress-container{background:var(--vidply-white-20);border-radius:3px;cursor:pointer;flex:1;height:9px;position:relative;transition:height .2s}.vidply-progress-container:focus,.vidply-progress-container:hover{height:11px;outline:var(--vidply-focus-outline-white);outline-offset:2px}.vidply-progress-buffered{background:var(--vidply-white-40);border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:width .2s;width:0}.vidply-progress-played{background:var(--vidply-primary-light);border-radius:3px;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:15px;opacity:0;position:absolute;right:-6px;top:50%;transform:translateY(-50%);transition:opacity .2s;width:15px}.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:4px;bottom:12px;color:var(--vidply-white);display:none;font-size:12px;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}.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:1px;min-height:var(--vidply-button-size);min-width:var(--vidply-button-size);padding:0;position:relative;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:2px}.vidply-button:disabled{cursor:not-allowed;opacity:.5}.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:3px;color:CanvasText;fill:currentcolor;padding:2px}.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:2px;color:CanvasText;fill:currentcolor;padding:2px}}.vidply-volume-slider{background:var(--vidply-white-20);border-radius:3px;cursor:pointer;height:100px;margin:0 auto;padding:0 5px;position:relative;touch-action:none;width:6px}.vidply-volume-slider:focus{outline:var(--vidply-focus-outline-white);outline-offset:2px}.vidply-volume-track{height:100%;position:relative;width:100%}.vidply-volume-fill{background:var(--vidply-primary-light);border-radius:2px;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:10px;left:50%;position:absolute;top:-4px;transform:translateX(-50%);width:10px}.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:1px;left:-10000px;overflow:hidden;position:absolute;width:1px}.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 < 768px){.vidply-menu-backdrop{display:none!important}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.vidply-menu{backdrop-filter:blur(10px);background:var(--vidply-bg-menu);border:1px solid var(--vidply-border);border-radius:8px;bottom:calc(100% + 8px);box-shadow:var(--vidply-shadow-lg),0 0 0 1px var(--vidply-white-10);max-height:250px;min-width:200px;-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;padding:8px 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:6px solid var(--vidply-bg-menu);border-top:none;bottom:auto;top:-6px}.vidply-volume-menu{min-width:unset;overflow-x:hidden;overflow-y:hidden;padding:16px 12px;pointer-events:auto;right:50%;transform:translateX(50%);width:35px;z-index:var(--vidply-z-menu-high)}.vidply-player.vidply-audio .vidply-menu{max-height:150px;bottom:auto;top:calc(100% + 8px)}.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:2px solid var(--vidply-primary-light);outline-offset:-2px}.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:20px;width:20px}.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:10px}.vidply-menu-item-label .vidply-icon{height:24px;opacity:.9;width:24px}.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:2px 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 - 20px);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:18px;width:18px}.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:60px}.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:2px}.vidply-style-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--vidply-primary);border:2px solid var(--vidply-white);border-radius:50%;box-shadow:var(--vidply-shadow-sm);cursor:pointer;height:16px;transition:transform .15s,background .15s;width:16px}.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:2px solid var(--vidply-white);border-radius:50%;box-shadow:var(--vidply-shadow-sm);cursor:pointer;height:16px;transition:transform .15s,background .15s;width:16px}.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:3px;height:6px;width:100%}.vidply-style-group input[type=range]::-moz-range-track{background:var(--vidply-white-20);border-radius:3px;height:6px;width:100%}.vidply-captions{background:var(--vidply-bg-caption);border-radius:4px;bottom:16px;color:var(--vidply-white);display:none;font-family:sans-serif;font-size:100%;left:50%;line-height:1.4;max-width:90%;padding:8px 16px;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:1px solid var(--vidply-border);border-radius:8px;bottom:auto;font-size:16px;left:0;line-height:1.6;max-height:150px;max-width:100%;min-width:370px;overflow-y:auto;padding:16px 20px;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:12px;padding:8px 0;transition:background .3s,padding .3s}.vidply-player.vidply-audio .vidply-caption-cue.vidply-caption-active{background:var(--vidply-primary-15);border-left:3px solid var(--vidply-primary);border-radius:4px;padding:8px 12px}.vidply-captions:empty{display:none}@media (width >= 768px){.vidply-controls-visible .vidply-captions{bottom:96px}}@media (width < 768px){.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:14px;left:0;max-height:120px;min-width:300px;padding:12px 16px;position:relative;transform:none;width:100%}.vidply-player.vidply-audio .vidply-caption-cue{margin-bottom:8px}.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(8px);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:1px solid var(--vidply-border);border-radius:12px;box-shadow:var(--vidply-shadow-lg);max-height:80%;max-width:500px;-webkit-overflow-scrolling:touch;overflow-y:auto;padding:24px;touch-action:pan-y;width:90%}@keyframes vidply-slide-up{from{transform:translateY(20px);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:4px}.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:1px 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 3px 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:40px;text-align:right}.vidply-settings-footer{border-top:1px 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:10px 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);-webkit-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:20px 16px 16px!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:8px!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:10px!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:16px!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:96px!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:80px!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:80px!important;height:auto!important;left:auto!important;max-height:calc(100vh - 180px)!important;max-width:420px;position:fixed!important;right:20px!important;top:auto!important;width:420px}.vidply-loading{display:none;height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}.vidply-player.vidply-buffering .vidply-loading{display:block}.vidply-loading::after{animation:.8s linear infinite vidply-spin;border:4px 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:1px;left:-10000px;overflow:hidden;position:absolute;width:1px}@media (prefers-contrast:high){.vidply-controls{background:var(--vidply-black)}.vidply-button:focus{outline:solid 3px}.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 (prefers-color-scheme:dark){.vidply-settings-dialog{background:var(--vidply-bg-dialog-dark)}}@media (width < 768px){.vidply-controls{padding:16px 12px 12px}.vidply-time{font-size:var(--vidply-font-xs)}.vidply-speed-text{display:none}.vidply-settings-dialog{animation:.3s slideUpFromBottom;border-radius:16px 16px 0 0;bottom:0;margin:0;max-height:90vh;max-width:100%;padding:20px;position:fixed;top:auto;width:100%}.vidply-settings-overlay{align-items:flex-end}.vidply-menu{border-radius:8px;bottom:calc(100% + 4px);left:50%;max-height:250px;min-width:200px;position:absolute;right:auto;top:auto;transform:translateX(-50%);width:auto;z-index:15}.vidply-volume-menu{min-width:unset!important;width:50px!important}.vidply-menu::before{display:none}.vidply-caption-style-menu.vidply-settings-menu{left:50%;max-width:calc(100vw - 40px);min-width:280px;padding:16px;transform:translateX(-50%);width:auto}.vidply-style-group{margin-bottom:20px}.vidply-style-group label{font-size:14px;margin-bottom:8px}.vidply-style-group input[type=color],.vidply-style-select{font-size:16px;padding:12px}.vidply-controls-buttons{flex-direction:row;flex-wrap:nowrap;gap:8px;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:5px}.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 <= 896px) 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:70px;max-height:30vh;padding:10px 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:8px;padding:0 10px}.vidply-player.vidply-fullscreen .vidply-playlist-item,.vidply-player:fullscreen .vidply-playlist-item{width:180px;min-width:180px;max-width:180px;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:100px;width:100%;border-radius:8px 8px 0 0}.vidply-player.vidply-fullscreen .vidply-playlist-item-info,.vidply-player:fullscreen .vidply-playlist-item-info{padding:8px}.vidply-player.vidply-fullscreen .vidply-playlist-header,.vidply-player:fullscreen .vidply-playlist-header{padding:0 10px 8px;font-size:11px;flex-shrink:0}}@media (width <= 480px){.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:2px}@media print{.vidply-controls{display:none}}.vidply-track-info{background:var(--vidply-bg-track-info);border-bottom:1px solid var(--vidply-border-light);order:2;padding:16px 20px}.vidply-track-number{color:var(--vidply-text-muted);font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.vidply-track-title{color:var(--vidply-white);font-size:18px;font-weight:600;margin-bottom:4px}.vidply-track-artist{color:var(--vidply-white-80);font-size:14px}.vidply-playlist-panel{background:var(--vidply-bg-playlist);border-top:1px solid var(--vidply-border-light);max-height:400px;transform:translate3d(0,0,0);-webkit-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(10px);border:none;border-top:1px solid var(--vidply-border);bottom:80px;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(20px);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:12px;padding:8px 16px;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:1px solid var(--vidply-border);font-size:12px;padding:10px 16px}.vidply-player.vidply-fullscreen .vidply-playlist-item,.vidply-player:fullscreen .vidply-playlist-item{flex:0 0 auto;min-width:280px;max-width:320px;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:8px;padding:0;background:var(--vidply-black-40);border-radius:8px;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(-4px);box-shadow:0 8px 24px var(--vidply-black-60)}.vidply-player.vidply-fullscreen .vidply-playlist-thumbnail,.vidply-player:fullscreen .vidply-playlist-thumbnail{width:100%;height:160px;border-radius:0}.vidply-player.vidply-fullscreen .vidply-playlist-item-info,.vidply-player:fullscreen .vidply-playlist-item-info{padding:12px}.vidply-player.vidply-fullscreen .vidply-playlist-item-title,.vidply-player:fullscreen .vidply-playlist-item-title{font-size:14px;font-weight:600;margin-bottom:4px;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:12px;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:8px;width:10px}.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:5px}.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:6px}.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:3px}.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:2px 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:1px solid var(--vidply-border-light);color:var(--vidply-white-90);font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;position:sticky;text-transform:uppercase;top:0;z-index:2}.vidply-playlist-list{list-style:none;margin:0;padding:4px 0}.vidply-playlist-item{border-left:3px 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:12px;padding:12px 16px;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:-2px;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:-2px;z-index:2}.vidply-playlist-list:focus{outline:2px solid var(--vidply-primary);outline-offset:2px}.vidply-playlist-list:focus-visible{outline:2px solid var(--vidply-primary);outline-offset:2px}.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:-2px}.vidply-playlist-thumbnail{align-items:center;background-color:var(--vidply-white-10);background-position:center;background-size:cover;border-radius:4px;display:flex;flex-shrink:0;height:45px;justify-content:center;overflow:hidden;width:80px}.vidply-playlist-thumbnail-icon{color:var(--vidply-text-subtle);height:32px;transition:var(--vidply-transition-default);width:32px}.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-item-info{display:block;flex:1;min-width:0}.vidply-playlist-item-title{color:var(--vidply-white);display:block;font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vidply-playlist-item-active .vidply-playlist-item-title{color:var(--vidply-primary-light)}.vidply-playlist-item-artist{color:var(--vidply-text-disabled);display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vidply-playlist-item-icon{flex-shrink:0;height:20px;opacity:0;transition:opacity .2s;width:20px}.vidply-playlist-item-active .vidply-playlist-item-icon{color:var(--vidply-primary-light);opacity:1}.vidply-playlist-panel::-webkit-scrollbar{width:8px}.vidply-playlist-panel::-webkit-scrollbar-track{background:var(--vidply-scrollbar-track)}.vidply-playlist-panel::-webkit-scrollbar-thumb{background:var(--vidply-scrollbar-thumb);border-radius:4px}.vidply-playlist-panel::-webkit-scrollbar-thumb:hover{background:var(--vidply-scrollbar-thumb-hover)}.vidply-player.vidply-audio.vidply-has-playlist{min-height:200px}.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(10px);background:var(--vidply-bg-transcript);border:1px solid var(--vidply-border);border-radius:8px;box-shadow:0 10px 40px var(--vidply-black-60);display:none;flex-direction:column;min-width:420px;order:4;position:fixed;top:0;width:420px;z-index:var(--vidply-z-transcript)}.vidply-player.vidply-audio .vidply-transcript-window{min-height:200px}.vidply-transcript-header{align-items:center;background:#282828;border-bottom:1px 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 4px rgb(91 144 255 / 35%);outline:3px solid var(--vidply-primary-light);outline-offset:2px}.vidply-transcript-header h3{color:var(--vidply-white);font-size:var(--vidply-font-lg);font-weight:600;height:1px;left:-10000px;margin:0;overflow:hidden;position:absolute;width:1px}.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:2px}.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:12px 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:3px solid transparent;color:inherit;cursor:pointer;display:block;font:inherit;padding:12px 20px;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:4px;margin-right:8px}.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:3px 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:8px}.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:4px}.vidply-transcript-content::-webkit-scrollbar-thumb:hover{background:var(--vidply-scrollbar-thumb-hover)}.vidply-transcript-header-left{align-items:flex-start;display:flex;gap:16px;position:relative}.vidply-transcript-autoscroll-label{align-items:center;align-self:center;cursor:pointer;display:flex;gap:6px;user-select:none;white-space:nowrap}.vidply-transcript-autoscroll-label input[type=checkbox]{cursor:pointer;height:16px;margin:0;width:16px}.vidply-transcript-autoscroll-text{color:var(--vidply-text-muted);font-size:13px;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:8px}.vidply-transcript-language-label{color:var(--vidply-text-muted);cursor:pointer;font-size:13px;font-weight:400;margin-left:8px;white-space:nowrap}.vidply-transcript-language-select{background:var(--vidply-bg-menu);border:1px solid var(--vidply-border);border-radius:4px;color:var(--vidply-text);font-size:14px;max-width:120px;padding:4px 8px}.vidply-transcript-language-select:focus{outline:var(--vidply-focus-outline);outline-offset:2px}.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:2px}.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:1px solid var(--vidply-border);border-radius:var(--vidply-radius-md);box-shadow:var(--vidply-shadow-lg);display:none;min-width:240px;padding:var(--vidply-gap-sm);position:absolute;z-index:100}.vidply-transcript-settings-menu::after{border-bottom:6px solid var(--vidply-bg-menu);border-left:6px solid transparent;border-right:6px solid transparent;bottom:100%;content:'';height:0;left:8px;position:absolute;width:0}.vidply-transcript-settings-menu.vidply-menu-above::after{border-bottom:none;border-top:6px 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) 10px;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:2px solid var(--vidply-primary-light);outline-offset:-2px}.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 3px var(--vidply-primary-light),0 10px 40px var(--vidply-black-60)}@keyframes transcriptPulse{0%,100%{box-shadow:0 0 0 3px var(--vidply-primary-light),0 10px 40px var(--vidply-black-60)}50%{box-shadow:0 0 0 6px var(--vidply-primary-light),0 10px 40px 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:16px;width:16px}.vidply-transcript-resize-n,.vidply-transcript-resize-s{cursor:ns-resize;height:8px;left:16px;right:16px}.vidply-transcript-resize-e,.vidply-transcript-resize-w{bottom:16px;cursor:ew-resize;top:16px;width:8px}.vidply-transcript-resize-n{top:-4px}.vidply-transcript-resize-s{bottom:-4px}.vidply-transcript-resize-e{right:-4px}.vidply-transcript-resize-w{left:-4px}.vidply-transcript-resize-ne{cursor:nesw-resize;right:-8px;top:-8px}.vidply-transcript-resize-nw{cursor:nwse-resize;left:-8px;top:-8px}.vidply-transcript-resize-se{bottom:-8px;cursor:nwse-resize;right:-8px}.vidply-transcript-resize-sw{bottom:-8px;cursor:nesw-resize;left:-8px}.vidply-transcript-resizable .vidply-transcript-resize-handle::after{background:var(--vidply-primary-light);border-radius:50%;content:'';height:6px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:6px}.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 2px var(--vidply-primary-light),0 10px 40px 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 3px var(--vidply-primary-light),0 10px 40px 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 6px 6px;color:var(--vidply-white);font-size:12px;font-weight:600;left:0;padding:8px 12px;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:4px;color:var(--vidply-white);font-size:12px;left:50%;padding:6px 12px;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:4px;color:var(--vidply-white);font-size:12px;left:50%;padding:6px 12px;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(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.vidply-transcript-style-dialog{background:var(--vidply-bg-menu);border:1px solid var(--vidply-border);border-radius:8px;box-shadow:var(--vidply-shadow-lg);display:none;left:0;max-height:500px;min-width:280px;overflow-y:auto;padding:12px;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 8px 8px;content:'';height:0;left:12px;position:absolute;top:-8px;width:0}.vidply-transcript-style-title{border-bottom:1px solid var(--vidply-border);color:var(--vidply-white);font-size:14px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.vidply-transcript-style-group{margin-bottom:12px}.vidply-transcript-style-group:last-child{margin-bottom:0}.vidply-transcript-style-group label{color:var(--vidply-white-90);display:block;font-size:12px;font-weight:500;margin-bottom:6px}.vidply-transcript-style-select{background:var(--vidply-bg-menu);border:1px solid var(--vidply-border);border-radius:4px;color:var(--vidply-text);font-size:14px;padding:4px 8px;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 3px var(--vidply-primary-20);outline:var(--vidply-focus-outline);outline-offset:2px}.vidply-transcript-style-color{border:1px solid var(--vidply-border);border-radius:4px;cursor:pointer;height:32px;outline:0;padding:4px;transition:var(--vidply-transition-default);width:100%}.vidply-transcript-style-color:hover{border-color:var(--vidply-border-hover);box-shadow:0 0 0 1px var(--vidply-primary-20)}.vidply-transcript-style-color:focus{border-color:var(--vidply-border-focus);box-shadow:0 0 0 3px var(--vidply-primary-20);outline:var(--vidply-focus-outline);outline-offset:2px}.vidply-transcript-style-range-container{align-items:center;display:flex;gap:12px}.vidply-transcript-style-range{-webkit-appearance:none;appearance:none;background:var(--vidply-white-20);border-radius:3px;cursor:pointer;flex:1;height:6px;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 2px var(--vidply-primary-20)}.vidply-transcript-style-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--vidply-primary-light);border:2px solid var(--vidply-white);border-radius:50%;box-shadow:var(--vidply-shadow-sm);cursor:pointer;height:16px;transition:.15s;width:16px}.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:2px solid var(--vidply-white);border-radius:50%;box-shadow:var(--vidply-shadow-sm);cursor:pointer;height:16px;transition:.15s;width:16px}.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:13px;font-weight:600;min-width:40px;text-align:right}.vidply-transcript-style-close{background:var(--vidply-primary);border:none;border-radius:4px;color:var(--vidply-white);cursor:pointer;font-size:13px;font-weight:600;margin-top:12px;padding:8px 16px;transition:var(--vidply-transition-default);width:100%}.vidply-transcript-style-close:hover{background:var(--vidply-primary-light);transform:translateY(-1px)}.vidply-transcript-style-close:active{transform:translateY(0)}.vidply-transcript-style-close:focus{box-shadow:0 0 0 3px var(--vidply-primary-20);outline:var(--vidply-focus-outline);outline-offset:2px}.vidply-sign-language-wrapper{background:0 0;border-radius:8px;height:auto;max-width:none;min-height:100px;overflow:visible;position:absolute;transition:opacity .3s;width:280px;z-index:3}.vidply-fullscreen .vidply-sign-language-wrapper{max-width:none}.vidply-sign-language-wrapper:focus{outline:2px solid var(--vidply-primary);outline-offset:2px}.vidply-sign-language-header{align-items:center;background:#282828;border-bottom:1px 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 4px rgb(91 144 255 / 35%);outline:3px solid var(--vidply-primary-light);outline-offset:2px}.vidply-sign-language-header-left{align-items:flex-start;display:flex;gap:16px;position:relative}.vidply-sign-language-selector-wrapper{align-items:center;align-self:center;display:flex;flex-direction:row;gap:8px}.vidply-sign-language-label{color:var(--vidply-white);font-size:12px;font-weight:500;white-space:nowrap}.vidply-sign-language-select{background:var(--vidply-bg-menu);border:1px solid var(--vidply-border);border-radius:4px;color:var(--vidply-text);font-size:14px;padding:4px 8px}.vidply-sign-language-select:focus{outline:var(--vidply-focus-outline);outline-offset:2px}.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:2px}.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:1px solid var(--vidply-border);border-radius:var(--vidply-radius-md);box-shadow:var(--vidply-shadow-lg);display:none;min-width:240px;padding:var(--vidply-gap-sm);position:absolute;z-index:100}.vidply-sign-language-settings-menu::after{border-bottom:6px solid var(--vidply-bg-menu);border-left:6px solid transparent;border-right:6px 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:6px 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) 10px;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:1px;left:-10000px;margin:0;overflow:hidden;position:absolute;width:1px}.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:2px}.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:2px solid var(--vidply-white-30);border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px 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:16px;width:16px}.vidply-sign-resize-n,.vidply-sign-resize-s{cursor:ns-resize;height:8px;left:16px;right:16px}.vidply-sign-resize-e,.vidply-sign-resize-w{bottom:16px;cursor:ew-resize;top:16px;width:8px}.vidply-sign-resize-n{top:-4px}.vidply-sign-resize-s{bottom:-4px}.vidply-sign-resize-e{right:-4px}.vidply-sign-resize-w{left:-4px}.vidply-sign-resize-ne{cursor:nesw-resize;right:-8px;top:-8px}.vidply-sign-resize-nw{cursor:nwse-resize;left:-8px;top:-8px}.vidply-sign-resize-se{bottom:-8px;cursor:nwse-resize;right:-8px}.vidply-sign-resize-sw{bottom:-8px;cursor:nesw-resize;left:-8px}.vidply-sign-resizable .vidply-sign-resize-handle::after{background:var(--vidply-primary-light);border-radius:50%;content:'';height:6px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:6px}.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 2px var(--vidply-primary-light),0 10px 40px var(--vidply-black-60)}.vidply-sign-resizing{box-shadow:0 0 0 2px var(--vidply-primary-light),0 10px 40px var(--vidply-black-60);transition:none!important}.vidply-sign-keyboard-drag,.vidply-sign-keyboard-resize{box-shadow:0 0 0 3px var(--vidply-primary),0 4px 12px var(--vidply-black-60)}.vidply-sign-keyboard-drag::after,.vidply-sign-keyboard-resize::after{align-items:center;background:var(--vidply-primary);border-radius:4px;color:var(--vidply-white);display:flex;font-size:12px;font-weight:600;justify-content:center;left:50%;padding:4px 8px;pointer-events:none;position:absolute;top:-28px;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:95px;right:16px}.vidply-sign-position-bottom-left{bottom:95px;left:16px}.vidply-sign-position-top-right{right:16px;top:16px}.vidply-sign-position-top-left{left:16px;top:16px}@media (width < 768px){.vidply-sign-language-wrapper{min-width:120px;width:35%}.vidply-sign-position-bottom-left,.vidply-sign-position-bottom-right{bottom:126px!important}.vidply-playlist-thumbnail{height:34px;width:60px}.vidply-playlist-item{gap:10px;padding:10px 12px}.vidply-track-info{padding:12px 16px}.vidply-track-title{font-size:16px}.vidply-player.vidply-fullscreen .vidply-playlist-panel,.vidply-player:fullscreen .vidply-playlist-panel{bottom:100px;max-height:35vh;padding:12px 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:8px;padding:0 12px;-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:120px;min-width:120px;max-width:120px;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:90px;width:100%;flex-shrink:0;border-radius:8px}.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:8px;justify-content:center;align-items:center;text-align:center;height:90px}.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:11px;-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:9px}.vidply-player.vidply-fullscreen .vidply-playlist-header,.vidply-player:fullscreen .vidply-playlist-header{padding:0 12px 8px;font-size:11px;flex-shrink:0}.vidply-transcript-window{border:none;border-radius:0;border-top:1px solid var(--vidply-border-light);box-shadow:none;min-width:300px;order:3;position:relative;width:100%;z-index:5}.vidply-transcript-header{border-radius:0;padding:12px 16px;cursor:default!important}.vidply-transcript-content{max-height:400px}.vidply-player.vidply-fullscreen .vidply-transcript-header,.vidply-player:fullscreen .vidply-transcript-header{cursor:move!important}}