.bono-plyr{color-scheme:dark;--bono-video-zoom:1;--bono-video-x:0px;--bono-video-y:0px;--plyr-color-main:#00b2ff;--plyr-video-background:#000;--plyr-video-controls-background:linear-gradient(transparent,rgba(0,0,0,.82));--plyr-video-control-color:#fff;--plyr-video-control-color-hover:#fff;--plyr-video-control-background-hover:#00b2ff;--plyr-range-fill-background:#00b2ff;--plyr-range-thumb-background:#fff;--plyr-video-range-track-background:rgba(255,255,255,.25);--plyr-control-spacing:9px;--plyr-control-icon-size:19px;--plyr-font-size-time:13px;outline:0;background:#000;overflow:hidden}
.bono-plyr:focus-visible{outline:2px solid #00b2ff;outline-offset:-2px}
.bono-plyr,.bono-plyr .plyr__video-wrapper{width:100%;height:100%;background:#000}
.bono-plyr .plyr__video-wrapper{overflow:hidden;touch-action:manipulation}
.bono-plyr video{width:100%;height:100%;object-fit:contain;background:#000;transform:translate3d(var(--bono-video-x),var(--bono-video-y),0) scale(var(--bono-video-zoom));transform-origin:50% 50%;transition:transform .14s ease-out;will-change:transform}
.bono-plyr--pinching video,.bono-plyr--panning video{transition:none}
.bono-plyr.plyr--fullscreen-active .plyr__video-wrapper{touch-action:none}
.bono-plyr .plyr__poster{background-color:#000;background-size:contain}
.bono-plyr .plyr__controls{align-items:center;gap:2px;padding:44px 14px 13px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.82))}
.bono-plyr .plyr__controls>.plyr__control:first-child{margin-right:0}
.bono-plyr .plyr__controls .plyr__controls__item{flex:0 0 auto;margin-left:0}
.bono-plyr .plyr__controls .plyr__progress__container{flex:1 1 auto;min-width:90px;margin:0 7px;padding:0}
.bono-plyr .plyr__controls .plyr__time{font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 4px;font-weight:600;text-shadow:0 1px 2px #000}
.bono-plyr .plyr__time+.plyr__time:before{margin-right:8px}
.bono-plyr .plyr__control{flex-shrink:0}
.bono-plyr .plyr__volume{display:flex;position:relative;width:auto;min-width:0;max-width:none}
.bono-plyr .plyr__volume input[type=range]{position:absolute;z-index:2;left:50%;bottom:70px;display:block;width:72px;margin:0;opacity:0;pointer-events:none;transform:translateX(-50%) rotate(-90deg);transform-origin:center;transition:opacity .12s ease}
.bono-plyr .plyr__volume:before{content:"";position:absolute;z-index:1;left:50%;bottom:31px;width:34px;height:92px;border-radius:6px;background:rgba(0,0,0,.82);opacity:0;pointer-events:none;transform:translateX(-50%);transition:opacity .12s ease}
.bono-plyr .plyr__volume.bono-volume-open:before,.bono-plyr .plyr__volume.bono-volume-open input[type=range],.bono-plyr .plyr__volume:focus-within:before,.bono-plyr .plyr__volume:focus-within input[type=range]{opacity:1;pointer-events:auto}
.bono-plyr.plyr--full-ui input[type=range]{color:var(--plyr-color-main,#00b2ff);background:transparent}
.bono-plyr .plyr__progress input[type=range]{color:var(--plyr-color-main,#00b2ff)}
.bono-plyr .plyr__control--overlaid{background:var(--plyr-color-main,#00b2ff);color:#fff}
.bono-plyr.bono-plyr--buffering .plyr__control--overlaid{opacity:0;visibility:hidden;pointer-events:none}
.bono-plyr .pb-overlay{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);max-width:90%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 20px;border-radius:8px;background:rgba(0,0,0,.82);color:#fff;text-align:center;pointer-events:none}
.bono-plyr .pb-overlay[hidden]{display:none}
.bono-plyr .pb-overlay button{pointer-events:auto}
.bono-plyr .playback-status{font-size:.875rem;margin:0}
.bono-plyr .pb-skip-tip{position:absolute;z-index:7;top:50%;transform:translate(-50%,-50%);padding:8px 14px;border-radius:6px;background:rgba(0,0,0,.7);color:#fff;font-size:13px;font-weight:700;white-space:nowrap;pointer-events:none;animation:pb-fade .6s forwards}
@keyframes pb-fade{0%{opacity:1}65%{opacity:.82}100%{opacity:0}}
@media(max-width:760px){.bono-plyr .plyr__volume input[type=range]{display:none}.bono-plyr .plyr__volume:before{display:none}.bono-plyr{--plyr-control-spacing:6px;--plyr-control-icon-size:18px;--plyr-font-size-time:12px}.bono-plyr .plyr__controls{gap:0;padding:34px 7px 7px}.bono-plyr .plyr__control{padding:6px}.bono-plyr .plyr__controls .plyr__progress__container{min-width:38px;margin:0 4px}.bono-plyr .plyr__controls .plyr__time{padding:0 3px}.bono-plyr .plyr__control--overlaid{padding:15px}.bono-plyr .pb-skip-tip{font-size:12px;padding:7px 11px}}
@media(max-width:390px){.bono-plyr{--plyr-control-icon-size:17px;--plyr-font-size-time:11px}.bono-plyr .plyr__controls{padding-left:4px;padding-right:4px}.bono-plyr .plyr__control{padding:5px}.bono-plyr .plyr__controls .plyr__progress__container{min-width:28px;margin:0 2px}}