.video-player{position:relative}
.video-player>video::-webkit-media-controls,.video-player>video::-webkit-media-controls-enclosure,.video-player>video::-webkit-media-controls-start-playback-button{display:none!important}
.video-buttons{position:absolute;right:4px;bottom:4px;display:flex;gap:0;z-index:2}
.video-buttons button{display:grid;place-items:center;width:44px;height:44px;padding:11px;border:0;border-radius:0;background:transparent;color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 1px 3px #000) drop-shadow(0 0 2px #000)}
.video-buttons svg{display:block;width:22px;height:22px}
.video-buttons button[hidden]{display:none}
.video-buttons button:hover,.video-buttons button:focus-visible{color:#c0ff43}
.video-buttons button:focus-visible{outline:1px solid currentColor;outline-offset:-4px}
dialog.video-fullscreen{position:fixed;inset:0;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;padding:0;border:0;background:#000;color:#fff;overflow:hidden}
dialog.video-fullscreen::backdrop{background:#000}
dialog.video-fullscreen .media-surface.video-expanded{position:relative;display:block;width:100%;height:100%;max-width:none;max-height:none;min-height:0;aspect-ratio:auto;margin:0;background:#000}
dialog.video-fullscreen .media-surface.video-expanded>video{display:block;width:100%;height:100%;max-height:none;object-fit:contain}
dialog.video-fullscreen .video-buttons{right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom))}