.video-player{position:relative;width:100%;height:100%;background:transparent;color:#fff}.video-player video{display:block;width:100%;height:100%;object-fit:contain}.video-player[data-has-frame=false] video{opacity:0}.video-player:fullscreen{display:flex;align-items:center;justify-content:center;background:#000}.video-player:fullscreen video{width:100%;height:100%}.video-controls{position:absolute;inset:auto 0 0;padding:28px 10px 7px;background:linear-gradient(transparent,#000c);color:#fff}.video-control-row{display:flex;align-items:center;gap:1px;min-width:0}.video-control-row button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:36px;border:0;border-radius:4px;padding:6px;color:#fff;background:transparent}.video-control-row button:hover{background:#ffffff20}.video-control-row svg{width:20px;height:20px}.video-time{flex:1;white-space:nowrap;padding:0 3px;font:10px/1.2 var(--video-body-font),sans-serif;font-variant-numeric:tabular-nums}.video-controls input[type=range]{accent-color:#fff;cursor:pointer}.video-controls .video-seek{display:block;width:100%;height:16px;margin:0}.video-volume-group{position:relative}.video-volume-popover{display:none;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:12px 10px;background:#181818;border:1px solid #ffffff40;border-radius:5px}.video-volume-popover input{display:block;width:80px;height:18px}.video-volume-group:focus-within .video-volume-popover,.video-volume-group:hover .video-volume-popover{display:block}.video-controls :is(button,input):focus-visible{outline:2px solid #fff;outline-offset:1px}.video-player-message{position:absolute;left:12px;right:12px;top:12px;background:#111e;color:#fff;font:13px/1.5 sans-serif;padding:12px;border-radius:5px}.video-player:fullscreen .video-controls{padding:40px max(16px,calc((100vw - 900px) / 2)) 16px}@media(max-width:360px){.video-control-row button{width:29px;padding:5px}.video-controls{padding-inline:7px}.video-time{font-size:9px;padding:0 1px}}