/* Scoped to player chrome; retain the icon font and existing playback controls. */
.video-react .video-react-control-bar{background:linear-gradient(180deg,rgba(21,36,48,.97),rgba(13,24,34,.98))!important;border-top:1px solid rgba(88,161,219,.22);box-shadow:0 -3px 16px #0003;align-items:center;min-height:46px;padding:0 8px;box-sizing:border-box;gap:2px}
.video-react .video-react-time-control,.video-react .video-react-time-divider,.video-react .video-react-menu-content,.video-react .wonulla-wireless-button,.video-react .video-react-control-bar span{font-family:Roboto,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.video-react .video-react-time-control,.video-react .video-react-time-divider{font-size:13px!important;font-weight:500;line-height:46px;color:#d3e0ec}
.video-react .video-react-control-bar .video-react-control{height:44px;min-height:44px;flex-shrink:0;color:#f4f8fc}
.video-react .video-react-control-bar button{border-radius:6px;transition:background-color .16s,color .16s;cursor:pointer}
.video-react .video-react-control-bar button:hover{background-color:rgba(41,142,234,.2);color:#69b8ff}
.video-react .video-react-control-bar button:focus-visible{outline:2px solid #298eea;outline-offset:-3px}
.video-react .video-react-progress-control{flex:1 1 auto!important;min-width:30px;height:44px;align-self:center}
.video-react .video-react-progress-holder{height:5px;border-radius:5px;background:#425063;margin:0 12px}
.video-react .video-react-play-progress{background:#298eea;border-radius:5px}
.video-react .video-react-load-progress{background:#71829488;border-radius:5px}
.video-react .video-react-load-progress div{background:#71829488}
.video-react .video-react-play-progress:before{color:#f2f7ff;font-size:11px;top:-3px;text-shadow:0 0 6px #298eea88}
.video-react .video-react-volume-level{background:#298eea}
.video-react .video-react-control-bar .wonulla-wireless-button{font-size:12px;line-height:1;font-weight:600;min-height:40px;border:1px solid #42637b;border-radius:6px;margin:0 3px;padding:0 10px!important;height:32px}
.video-react .video-react-control-bar .video-react-menu-content{background:#132331;border:1px solid #36546d;border-radius:8px;box-shadow:0 8px 24px #0006}
@media(max-width:600px){.video-react .video-react-control-bar{min-height:44px;padding:0 3px;gap:0}.video-react .video-react-control-bar .video-react-control{height:44px}.video-react .video-react-progress-holder{margin:0 6px}.video-react .video-react-control-bar .wonulla-wireless-button{padding:0 6px!important;min-width:42px;margin:0 1px}.video-react .video-react-time-control{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.video-react .video-react-control-bar button{transition:none}}
.video-react .video-react-control-bar .video-react-control:before{line-height:44px;font-size:20px}
.video-react .video-react-control-bar .video-react-control:not(.video-react-progress-control):not(.video-react-time-control):not(.video-react-time-divider){min-width:40px}

/* Separate, full-area touch targets for each player action. */
.video-react .video-react-control-bar button:not(.video-react-menu-item),
.video-react .video-react-control-bar .video-react-volume-menu-button{
 box-sizing:border-box;min-width:44px;width:44px;min-height:44px;height:44px;
 border:1px solid #3b566d;border-radius:7px;background-color:#182e40;
 margin:0 2px;padding:0;flex-shrink:0;color:#f4f8fc;
}
.video-react .video-react-control-bar .wonulla-quality-button,
.video-react .video-react-control-bar .wonulla-next-button{display:flex;align-items:center;justify-content:center;font-size:18px}
.video-react .video-react-control-bar .wonulla-wireless-button{width:auto;padding:0 10px!important}
.video-react .video-react-control-bar{min-height:54px}
.video-react .video-react-control-bar button:hover,
.video-react .video-react-control-bar .video-react-volume-menu-button:hover{background-color:#224967;border-color:#69b8ff}
@media(max-width:600px){.video-react .video-react-control-bar{padding:0 2px;gap:0}.video-react .video-react-control-bar button:not(.video-react-menu-item),.video-react .video-react-control-bar .video-react-volume-menu-button{margin:0 1px}.video-react .video-react-control-bar .wonulla-wireless-button{padding:0 6px!important}}

/* Match seek-preview timestamps to the elapsed/duration typography. */
.video-react .video-react-mouse-display:after,
.video-react .video-react-play-progress:after,
.video-react .video-react-time-tooltip{font-family:Roboto,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.02em}

/* Prevent site-wide button sizing from stretching custom player actions. */
.video-react .video-react-control-bar button:not(.video-react-menu-item):not(.wonulla-wireless-button),
.video-react .video-react-control-bar .video-react-volume-menu-button{
 flex:0 0 40px!important;width:40px!important;min-width:40px!important;max-width:40px!important;
 height:40px!important;min-height:40px!important;padding:0!important;
}
.video-react .video-react-control-bar .wonulla-wireless-button{flex:0 0 auto!important;width:auto!important;max-width:86px!important}
.video-react .video-react-control-bar .video-react-progress-control{flex:1 1 0%!important;width:auto!important;min-width:24px!important}
.video-react .video-react-control-bar{min-height:48px}
.video-react .video-react-control-bar .video-react-control:before{line-height:40px}

/* Invisible hit areas at rest; highlight only the control being used. */
.video-react .video-react-control-bar button:not(.video-react-menu-item),
.video-react .video-react-control-bar .video-react-volume-menu-button{
 border-color:transparent!important;background-color:transparent!important;box-shadow:none;
}
.video-react .video-react-control-bar button:not(.video-react-menu-item):hover,
.video-react .video-react-control-bar button:not(.video-react-menu-item):focus-visible,
.video-react .video-react-control-bar .video-react-volume-menu-button:hover,
.video-react .video-react-control-bar .video-react-volume-menu-button:focus-visible{
 background-color:rgba(41,142,234,.2)!important;color:#69b8ff;
}