.vjs-theme-percus{--vjs-percus-bg:rgba(28,28,28,.55);--vjs-percus-fg:#fff;--vjs-percus-accent:#fff;--vjs-percus-radius:24px;--vjs-percus-bar-height:48px;--vjs-percus-gap:12px}.vjs-theme-percus.vjs-paused .vjs-control-bar,.vjs-theme-percus.vjs-user-active .vjs-control-bar{transition:none;opacity:1}.vjs-theme-percus .vjs-control-bar{position:absolute;bottom:12px;left:12px;right:12px;width:auto;height:var(--vjs-percus-bar-height);background:var(--vjs-percus-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--vjs-percus-radius);padding:0 var(--vjs-percus-gap);color:var(--vjs-percus-fg);display:flex;align-items:center;gap:2px}.vjs-theme-percus .vjs-button{min-width:36px;height:36px;padding:0;cursor:pointer;color:var(--vjs-percus-fg)}.vjs-theme-percus .vjs-button>.vjs-icon-placeholder:before{line-height:36px;font-size:1.4em}.vjs-theme-percus .vjs-button:hover{color:var(--vjs-percus-fg);opacity:.85}.vjs-theme-percus .vjs-play-control{order:1}.vjs-theme-percus .vjs-skip-backward-10{order:2}.vjs-theme-percus .vjs-skip-forward-10{order:3}.vjs-theme-percus .vjs-current-time{order:4;display:block;padding:0 6px}.vjs-theme-percus .vjs-progress-control{order:5;flex:1;min-width:40px;margin:0 6px}.vjs-theme-percus .vjs-time-divider{display:none}.vjs-theme-percus .vjs-duration{order:6;display:block;padding:0 6px}.vjs-theme-percus .vjs-ab-loop-button{order:6}.vjs-theme-percus .vjs-playback-rate{order:7}.vjs-theme-percus .vjs-volume-panel{order:8}.vjs-theme-percus .vjs-subs-caps-button{order:9}.vjs-theme-percus .vjs-picture-in-picture-control{order:10}.vjs-theme-percus .vjs-fullscreen-control{order:11}.vjs-theme-percus .vjs-remaining-time{display:none}.vjs-theme-percus .vjs-current-time,.vjs-theme-percus .vjs-duration{font-size:13px;line-height:36px;font-variant-numeric:tabular-nums;color:#f5f5f5}.vjs-theme-percus .vjs-progress-control .vjs-progress-holder{height:3px;margin:0;background:hsla(0,0%,100%,.22);border-radius:999px;transition:height .15s}.vjs-theme-percus .vjs-progress-control:hover .vjs-progress-holder{height:5px}.vjs-theme-percus .vjs-play-progress{background-color:var(--vjs-percus-accent);border-radius:999px}.vjs-theme-percus .vjs-load-progress{background:hsla(0,0%,100%,.35);border-radius:999px}.vjs-theme-percus .vjs-load-progress div{background:transparent}.vjs-theme-percus .vjs-play-progress:before{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:var(--vjs-percus-accent);border-radius:50%;opacity:0;transition:opacity .15s}.vjs-theme-percus .vjs-progress-control:hover .vjs-play-progress:before{opacity:1}.vjs-theme-percus .vjs-playback-rate .vjs-playback-rate-value{line-height:36px;font-size:14px;font-weight:600}.vjs-theme-percus .vjs-volume-panel{display:flex;align-items:center}.vjs-theme-percus .vjs-volume-bar{background:hsla(0,0%,100%,.25);border-radius:999px;height:3px}.vjs-theme-percus .vjs-volume-level{background:var(--vjs-percus-accent);border-radius:999px}.vjs-theme-percus .vjs-skip-backward-10 .vjs-icon-placeholder:before,.vjs-theme-percus .vjs-skip-forward-10 .vjs-icon-placeholder:before{font-size:1.4em}.vjs-theme-percus.vjs-fullscreen .vjs-control-bar{bottom:0;left:0;right:0;border-radius:0;padding:0 16px;height:56px;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);backdrop-filter:none;-webkit-backdrop-filter:none}.vjs-theme-percus .vjs-big-play-button{background:rgba(28,28,28,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-radius:50%;width:72px;height:72px;line-height:72px;font-size:2.2em}.vjs-theme-percus .vjs-big-play-button:focus,.vjs-theme-percus:hover .vjs-big-play-button{background:rgba(28,28,28,.75)}.vjs-theme-percus .vjs-ab-loop-button{min-width:40px;font-weight:700}.vjs-theme-percus .vjs-ab-loop-button .vjs-icon-placeholder{display:inline-block;line-height:36px;font-size:12px;letter-spacing:.5px}.vjs-theme-percus .vjs-ab-loop-button .vjs-icon-placeholder:before{content:none}.vjs-theme-percus .vjs-ab-loop-button.vjs-ab-on{color:#fbbf24}.vjs-theme-percus .vjs-ab-loop-button.vjs-ab-active{color:#34d399}.vjs-theme-percus .vjs-ab-toast{position:absolute;top:12px;left:50%;transform:translateX(-50%) translateY(-4px);max-width:90%;padding:8px 14px;border-radius:8px;background:rgba(0,0,0,.82);color:#fff;font-size:13px;line-height:1.3;white-space:nowrap;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.vjs-theme-percus .vjs-ab-toast.vjs-ab-toast-show{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:480px){.vjs-theme-percus .vjs-ab-toast{font-size:11px;white-space:normal;text-align:center}}.vjs-theme-percus .vjs-ab-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;height:12px;border-radius:2px;z-index:2;pointer-events:none}.vjs-theme-percus .vjs-ab-marker-a{background:#fbbf24}.vjs-theme-percus .vjs-ab-marker-b{background:#34d399}.vjs-theme-percus .vjs-ab-region{position:absolute;top:0;height:100%;background:rgba(52,211,153,.4);border-radius:999px;z-index:1;pointer-events:none}.vjs-theme-percus .vjs-seek-preview{position:absolute;bottom:64px;transform:translateX(-50%);z-index:30;padding:4px;border-radius:8px;background:hsla(0,0%,8%,.92);box-shadow:0 4px 16px rgba(0,0,0,.5);pointer-events:none}.vjs-theme-percus .vjs-seek-preview-canvas{display:block;width:160px;height:90px;border-radius:4px;background:#000;-o-object-fit:cover;object-fit:cover}.vjs-theme-percus .vjs-seek-preview-time{margin-top:3px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;color:#fff}@media (max-width:480px){.vjs-theme-percus .vjs-control-bar{bottom:8px;left:8px;right:8px;padding:0 8px}.vjs-theme-percus .vjs-current-time,.vjs-theme-percus .vjs-duration{font-size:11px}}