div.video-controller{position:relative;margin:auto;width:100%}div.video-controller button{position:absolute;top:50%;left:50%;transform:translate(calc(-50% - .2rem),-50%);background-color:var(--colorX);border-radius:.5rem;width:4rem;height:2.5rem}div.video-controller button>i{color:var(--color0)}div.video-controller button:active,div.video-controller button:focus,div.video-controller button:hover{background-color:var(--color2);color:var(--color1)}div.video-controller button i{display:grid;place-content:center}div.video-controller button.autoplay{opacity:1;background-color:var(--color1-t2);width:100%;height:100%;display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;color:var(--colorX);font-size:2rem;font-weight:700;z-index:1}div.video-controller button.autoplay.unmute{opacity:0}div.video-controller button.autoplay+iframe{position:absolute;top:0;left:0;width:100%;height:100%}dialog.video{height:100vh;width:100vw;max-height:100vh!important;max-width:100vw!important;padding:5vw}dialog.video:before{content:"🎬"!important}dialog.video::-webkit-backdrop{background:rgba(0,0,0,.95)}dialog.video::backdrop{background:rgba(0,0,0,.95)}dialog.video>button.close{margin:1rem!important}dialog.video>.player{width:100%;height:100%}dialog.video>.video{border-radius:2rem;z-index:2;max-width:calc(100vh * 1.77777);max-height:calc(100vw / 1.77777);margin:auto}dialog.video>.ambient-light{position:absolute;width:100%;height:100%;border-radius:inherit;pointer-events:none;scale:1.2;z-index:1;filter:blur(100px) opacity(.5) saturate(400%)}@media (max-width:500px){dialog.video>button.close{margin:0!important}}