/**
 * Shared active-playback player. Native video controls are the no-JS fallback; the behavior module
 * reveals this control layer only after successful hydration.
 */
.apb-rx-player{position:relative;width:100%;margin:0;color:var(--apb-rx-accent-contrast,#fff);background:var(--apb-rx-ink,#111);border-radius:var(--apb-rx-radius,16px);overflow:hidden;box-shadow:var(--apb-rx-shadow-2,0 2px 6px rgba(11,13,18,.12))}
.apb-rx-player [hidden]{display:none!important}
.apb-rx-player:focus{outline:none}
.apb-rx-player:focus-visible{outline:3px solid color-mix(in srgb,var(--apb-rx-brand) 68%,white);outline-offset:3px}
.apb-rx-player-stage{position:relative;aspect-ratio:16/9;display:grid;place-items:center;background:var(--apb-rx-ink,#111);overflow:hidden}
.apb-rx-player-media,.apb-rx-player-poster{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;background:var(--apb-rx-ink,#111)}
.apb-rx-player[data-player-ready="true"] .apb-rx-player-media{cursor:pointer}
.apb-rx-player-big-play{position:relative;z-index:3;display:grid;place-items:center;width:64px;height:64px;padding:0;border:0;border-radius:50%;color:var(--apb-rx-accent-contrast,#fff);background:var(--apb-rx-brand);box-shadow:var(--apb-rx-shadow-2,0 2px 6px rgba(11,13,18,.12));cursor:pointer;transition:transform var(--apb-rx-t,.28s) var(--apb-rx-ease),opacity var(--apb-rx-t,.28s) var(--apb-rx-ease)}
.apb-rx-player-big-play:hover{transform:scale(1.06)}
.apb-rx-player-big-play:focus-visible,.apb-rx-player-btn:focus-visible,.apb-rx-player-error button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.apb-rx-player-big-play svg{width:26px;height:26px;margin-inline-start:3px}
.apb-rx-player-controls{position:absolute;z-index:4;inset-inline:0;inset-block-end:0;padding:10px 12px 8px;background:color-mix(in srgb,var(--apb-rx-ink,#111) 84%,transparent);opacity:1;transform:none;transition:opacity var(--apb-rx-t,.28s) var(--apb-rx-ease),transform var(--apb-rx-t,.28s) var(--apb-rx-ease)}
.apb-rx-player[data-controls-visible="false"] .apb-rx-player-controls{opacity:0;transform:translateY(6px);pointer-events:none}
.apb-rx-player-seek{display:block;width:100%;margin-block-end:3px}
.apb-rx-player input[type="range"]{--apb-player-progress:0%;--apb-player-buffered:0%;display:block;width:100%;height:12px;margin:0;accent-color:var(--apb-rx-brand);cursor:pointer;background:transparent}
.apb-rx-player input[type="range"]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:color-mix(in srgb,currentColor 28%,transparent)}
.apb-rx-player input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-block-start:-5px;border:0;border-radius:50%;background:currentColor}
.apb-rx-player input[type="range"]::-moz-range-track{height:4px;border-radius:999px;background:color-mix(in srgb,currentColor 22%,transparent)}
.apb-rx-player input[type="range"]::-moz-range-progress{height:4px;border-radius:999px;background:var(--apb-rx-brand)}
.apb-rx-player input[type="range"]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:currentColor}
.apb-rx-player-control-row{display:flex;align-items:center;gap:4px;min-width:0}
.apb-rx-player-btn{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;padding:0;border:0;border-radius:8px;color:inherit;background:transparent;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.apb-rx-player-btn:hover{background:color-mix(in srgb,currentColor 14%,transparent)}
.apb-rx-player-btn svg{width:18px;height:18px}
.apb-rx-player-btn.is-muted{opacity:.62}
.apb-rx-player-time{font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}
.apb-rx-player-spacer{flex:1}
.apb-rx-player-volume{width:64px}
.apb-rx-player-volume input[type="range"]{height:12px}
.apb-rx-player-speed{width:38px}
.apb-rx-player-cc[aria-pressed="true"]{background:var(--apb-rx-brand);color:var(--apb-rx-accent-contrast,#fff)}
.apb-rx-player-status,.apb-rx-player-error{position:absolute;z-index:5;inset:50% auto auto 50%;transform:translate(-50%,-50%);padding:9px 12px;border-radius:10px;background:color-mix(in srgb,var(--apb-rx-ink,#111) 88%,transparent);font-size:13px;font-weight:650;text-align:center}
.apb-rx-player-status::before{content:"";display:inline-block;width:12px;height:12px;margin-inline-end:8px;border:2px solid color-mix(in srgb,currentColor 36%,transparent);border-block-start-color:currentColor;border-radius:50%;vertical-align:-2px;animation:apb-rx-player-spin .8s linear infinite}
.apb-rx-player-error{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:min(240px,78%)}
.apb-rx-player-error button{border:0;border-radius:8px;padding:7px 11px;color:var(--apb-rx-accent-contrast,#fff);background:var(--apb-rx-brand);font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.apb-rx-player.is-fullscreen{border-radius:0}
.apb-rx-player.is-fullscreen .apb-rx-player-stage{width:100%;height:100%;aspect-ratio:auto}
.apb-rx-player.is-fullscreen .apb-rx-player-media{object-fit:contain}
.apb-rx-player.is-fullscreen .apb-rx-player-controls{padding:0 14px}
.apb-rx-player.is-fullscreen .apb-rx-player-seek{height:24px;margin-block-end:0}
.apb-rx-player.is-fullscreen .apb-rx-player-seek input[type="range"]{height:24px}
.apb-rx-player.is-fullscreen .apb-rx-player-volume input[type="range"]{height:24px}
.apb-rx-player.is-fullscreen .apb-rx-player-control-row{gap:3px}
.apb-rx-player.is-fullscreen .apb-rx-player-btn{width:28px;height:28px}
.apb-rx-player.is-fullscreen .apb-rx-player-btn svg{width:17px;height:17px}
.apb-rx-player.is-fullscreen[data-controls-visible="false"],.apb-rx-player.is-fullscreen[data-controls-visible="false"] .apb-rx-player-media{cursor:none}
.apb-rx-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@keyframes apb-rx-player-spin{to{transform:rotate(360deg)}}
@media(max-width:620px){
  .apb-rx-player-controls{padding:8px 9px 6px}
  .apb-rx-player-volume{display:none}
  .apb-rx-player-control-row{gap:2px}
  .apb-rx-player-btn{width:32px;height:32px}
  .apb-rx-player-time{font-size:11px}
}
@media(max-width:410px){
  .apb-rx-player-control-row [data-player-pip]{display:none}
  .apb-rx-player-speed{width:36px}
}
@media(prefers-reduced-motion:reduce){
  .apb-rx-player-controls,.apb-rx-player-big-play{transition:none}
  .apb-rx-player[data-controls-visible="false"] .apb-rx-player-controls{transform:none}
  .apb-rx-player-status::before{animation-duration:1.6s}
}
