/* Clip the black player and composited video to the same rounded edge. */
.video-pilot-player{position:relative;background:#000;border-radius:10px;overflow:hidden;isolation:isolate;clip-path:inset(0 round 10px)}
.video-pilot-player video{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;margin:0!important;border-radius:inherit}
.video-pilot-player{aspect-ratio:16/9;margin:12px 0}
.video-cover-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;display:flex;align-items:center;gap:10px;min-height:56px;padding:12px 22px;border:1px solid rgba(255,255,255,.75);border-radius:999px;background:rgba(35,27,21,.82);color:#fff;font:600 15px/1.4 sans-serif;white-space:nowrap;box-shadow:0 3px 18px #0004}
.video-cover-play img{filter:brightness(0) invert(1)}
.video-cover-play[hidden],.video-playback-status[hidden]{display:none}
.video-playback-status{position:absolute;inset:auto 8px 10px;text-align:center;color:#fff;font-size:12px;text-shadow:0 1px 4px #000;pointer-events:none;background:#0009;border-radius:5px;padding:3px}
.video-pilot-player video:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.video-pilot-controls{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:8px;padding:6px 8px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.8));font:12px/1.3 sans-serif}
.video-pilot-controls[hidden],.video-pilot-controls button[hidden]{display:none}
.video-pilot-controls button{border:0;border-radius:4px;min-width:44px;min-height:44px;padding:4px;color:#fff;background:transparent;font:inherit;cursor:pointer}
.video-pilot-controls button:focus-visible,.video-pilot-controls input:focus-visible{outline:2px solid #fff}
.video-pilot-controls span{white-space:nowrap;font-variant-numeric:tabular-nums}
.video-pilot-controls input[type=range]{width:0;min-width:30px;flex:1;margin:0;padding:0;accent-color:#fff;cursor:pointer}
.video-pilot-player:fullscreen{border-radius:0;clip-path:none;display:flex;align-items:center;justify-content:center}
.video-pilot-player:fullscreen video{max-height:100vh;object-fit:contain}
.video-pilot-expanded{position:fixed;inset:0;z-index:10000;width:100vw;height:100vh;height:100dvh;margin:0;aspect-ratio:auto;border-radius:0;clip-path:none;display:flex;align-items:center;justify-content:center}
.video-pilot-expanded video{max-height:100%;object-fit:contain}
.video-pilot-expanded-page{overflow:hidden}