.video-controls{display:flex;align-items:center;gap:var(--space-2xs);padding:6px var(--space-sm);opacity:0;transition:opacity .2s ease}.video-controls--visible{opacity:1}.video-controls__btn{background:none;border:none;padding:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.85;transition:opacity .15s ease;position:relative;z-index:7}.video-controls__btn:hover{opacity:1}.video-controls__seek{flex:1;min-width:0;height:4px;appearance:none;background:linear-gradient(to right,white var(--seek-progress, 0%),rgb(255 255 255 / 40%) var(--seek-progress, 0%));border-radius:2px;cursor:pointer;position:relative;z-index:7}.video-controls__seek:focus-visible{outline:2px solid white;outline-offset:2px}.video-controls__seek::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}.video-controls__seek::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:none}.video-controls__time{font-size:12px;color:#fff;white-space:nowrap;flex-shrink:0;font-family:var(--font-family-numeric);opacity:.85}