.video-controls{position:absolute;left:28px;bottom:64px;z-index:6;display:flex;align-items:center;gap:8px;width:min(340px,calc(100% - 56px));padding:0;border:0;border-radius:0;background:none;color:#fff;pointer-events:auto;opacity:1;transition:opacity 220ms ease;filter:drop-shadow(0 1px 2px #0009)}
.video-controls[hidden]{display:none!important}
.video-controls[data-idle=true]{opacity:0;pointer-events:none}
.video-controls:focus-within{opacity:1;pointer-events:auto}
#lightbox .video-controls button,#preview .video-controls button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;padding:13px;border:0;border-radius:0;background:transparent;color:#fff;cursor:pointer}
.video-controls svg{width:18px;height:18px;pointer-events:none}
.video-controls button:hover{opacity:.7;background:transparent!important}
.video-controls button:focus-visible,.video-controls input:focus-visible{outline:1px solid white!important;outline-offset:2px}
.video-controls .video-seek{appearance:none;-webkit-appearance:none;flex:1;min-width:0;width:100%;height:44px;padding:0;margin:0;cursor:pointer;border:0;border-radius:0;background:transparent;color:#fff}
.video-seek::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,#fff var(--played,0%),#ffffff50 var(--played,0%));border:0;border-radius:0}
.video-seek::-webkit-slider-thumb{-webkit-appearance:none;width:6px;height:6px;margin-top:-2px;background:#fff;border:0;border-radius:50%;opacity:0;transition:opacity 150ms ease}
.video-seek:hover::-webkit-slider-thumb,.video-seek:focus-visible::-webkit-slider-thumb{opacity:1}
.video-seek::-moz-range-track{height:2px;background:#ffffff50;border:0}
.video-seek::-moz-range-progress{height:2px;background:#fff}
.video-seek::-moz-range-thumb{width:6px;height:6px;background:#fff;border:0;border-radius:50%;opacity:0}
.video-seek:hover::-moz-range-thumb,.video-seek:focus-visible::-moz-range-thumb{opacity:1}
.video-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:700px){.video-controls{left:12px;bottom:calc(52px + env(safe-area-inset-bottom));width:min(280px,calc(100% - 24px));gap:4px}}
@media(prefers-reduced-motion:reduce){.video-controls,.video-seek::-webkit-slider-thumb{transition:none}}