/* Keep Plyr's native event bindings and accessible controls; use the shared design on every resource video. */
/* Clear the measured two-row control bar, including the chapter/progress timeline. */
:is(.ot-hub,.rv-page) .rv-default-player .plyr__captions{bottom:calc(var(--rv-controls-height,120px) + 8px);padding:0 12px;font-size:clamp(12px,2.5cqw,18px);pointer-events:none}
:is(.ot-hub,.rv-page) .rv-default-player.plyr .plyr__controls:not(:empty)~.plyr__captions{transform:none}
:is(.ot-hub,.rv-page) .rv-default-player.plyr--hide-controls .plyr__captions{bottom:8px}
:is(.ot-hub,.rv-page) .rv-default-player .plyr__caption{line-height:1.4}
:is(.ot-hub,.rv-page) .rv-default-player{--plyr-color-main:#fff;--plyr-video-control-color:#fff;--plyr-video-control-color-hover:#fff;--plyr-video-control-background-hover:#ffffff26;--plyr-range-fill-background:#fff;--plyr-range-thumb-height:12px;--plyr-control-icon-size:18px;--plyr-control-spacing:8px;container-type:inline-size;border-radius:14px;background:#000}
:is(.ot-hub,.rv-page) .rv-default-player .plyr__controls{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;padding:42px 12px 12px;background:linear-gradient(transparent,#000b 48%,#000e);color:white}
:is(.ot-hub,.rv-page) .rv-default-player .plyr__progress__container{flex:0 0 100%;width:100%;min-width:0;padding:0 4px 8px;margin:0;order:-1}
:is(.ot-hub,.rv-page) .rv-default-player .plyr__progress{width:100%;margin:0}
:is(.ot-hub,.rv-page) .rv-default-player .plyr__controls>[data-plyr="play"]{flex:0 0 16%;min-height:48px;margin:0;border-radius:30px;background:#fff;color:#111;display:flex;align-items:center;justify-content:center}
:is(.ot-hub,.rv-page) .rv-default-player .plyr__controls>[data-plyr="play"]:hover{background:#e8ecea;color:#111}
:is(.ot-hub,.rv-page) .rv-default-player .plyr__control--overlaid{display:none}
:is(.ot-hub,.rv-page) .plyr.rv-awaiting-play .plyr__controls{display:none}
:is(.ot-hub,.rv-page) .plyr.rv-awaiting-play .plyr__poster{opacity:1;background-size:cover}
:is(.ot-hub,.rv-page) .plyr.rv-awaiting-play .plyr__control--overlaid{display:grid;place-items:center;opacity:1;visibility:visible;width:68px;height:68px;min-width:0;padding:20px;border:0;border-radius:50%;background:#fff;color:#777;box-shadow:0 3px 16px #0003;transform:translate(-50%,-50%)}
:is(.ot-hub,.rv-page) .plyr.rv-awaiting-play .plyr__control--overlaid:hover{background:#fff;color:#136761;box-shadow:0 0 0 7px #ffffff40}
:is(.ot-hub,.rv-page) .plyr.rv-awaiting-play .plyr__control--overlaid svg{width:26px;height:26px;left:0;margin-left:4px}
:is(.ot-hub,.rv-page) .rv-default-player .rv-player-transport,:is(.ot-hub,.rv-page) .rv-default-player .rv-player-tools{display:flex;align-items:center;justify-content:space-evenly;gap:3px;min-width:0;background:#1b1b1bec;border-radius:20px;padding:5px 8px}
:is(.ot-hub,.rv-page) .rv-default-player .rv-player-transport{flex:1 1 auto}
:is(.ot-hub,.rv-page) .rv-default-player .rv-player-tools{flex:1.4 1 auto}
:is(.ot-hub,.rv-page) .rv-default-player .plyr__control{border-radius:9px;min-width:30px;padding:8px}
:is(.ot-hub,.rv-page) .rv-default-player .rv-player-time{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 7px;font-size:12px;font-weight:600;line-height:1.35;white-space:nowrap}
:is(.ot-hub,.rv-page) .rv-default-player .rv-player-time .plyr__time{margin:0;padding:0;font-size:inherit;text-align:left;min-width:0}
:is(.ot-hub,.rv-page) .rv-default-player .rv-player-time .plyr__time--current::after{content:' /'}
:is(.ot-hub,.rv-page) .rv-default-player .rv-player-time .plyr__time--duration::before{content:none}
:is(.ot-hub,.rv-page) .rv-default-player .plyr__volume{flex:0 1 auto;width:auto;min-width:0;max-width:none;margin:0}
:is(.ot-hub,.rv-page) .rv-default-player .plyr__volume input{max-width:55px;min-width:32px}
:is(.ot-hub,.rv-page) .rv-default-player .plyr__menu{margin:0}
:is(.ot-hub,.rv-page) .rv-default-player .plyr__menu__container{--plyr-video-control-color:#243c3a;--plyr-video-control-color-hover:#243c3a;--plyr-video-control-background-hover:#e6efeb;color:#243c3a}
/* Keep menu labels/values clear of arrows, independent of compact toolbar padding. */
:is(.ot-hub,.rv-page) .rv-default-player .plyr__menu__container .plyr__control--forward{padding:8px 32px 8px 12px;min-width:160px}
:is(.ot-hub,.rv-page) .rv-default-player .plyr__menu__container .plyr__control--back{padding:8px 12px 8px 32px}
:is(.ot-hub,.rv-page) .rv-default-player .plyr__menu__container .plyr__menu__value{margin-right:0;padding-left:24px;flex-shrink:0}
:is(.ot-hub,.rv-page) .rv-default-player button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@container(max-width:600px){:is(.ot-hub,.rv-page) .rv-default-player .plyr__volume input{display:none}:is(.ot-hub,.rv-page) .rv-default-player .plyr__controls{gap:6px;padding:32px 8px 8px}:is(.ot-hub,.rv-page) .rv-default-player .rv-player-transport,:is(.ot-hub,.rv-page) .rv-default-player .rv-player-tools{padding:4px;gap:0}:is(.ot-hub,.rv-page) .rv-default-player .plyr__control{padding:7px;min-width:28px}}
@container(max-width:400px){:is(.ot-hub,.rv-page) .rv-default-player{--plyr-control-icon-size:15px}:is(.ot-hub,.rv-page) .rv-default-player .plyr__controls>[data-plyr="play"]{flex-basis:13%;min-height:40px}:is(.ot-hub,.rv-page) .rv-default-player .rv-player-time{font-size:10px;padding:0 3px}:is(.ot-hub,.rv-page) .rv-default-player .plyr__control{padding:6px;min-width:24px}}
