*{box-sizing:border-box}html,body{height:100%;margin:0;background:#f2f2ef}body{font-family:system-ui,sans-serif}#player{position:relative;width:100%;height:100%;overflow:hidden}video{width:100%;height:100%;display:block;object-fit:contain}button{position:absolute;right:12px;bottom:12px;width:42px;height:42px;border:1px solid #ffffff70;border-radius:50%;color:white;background:#111a;cursor:pointer;font-size:15px;display:grid;place-items:center;opacity:.65}button:hover,button:focus-visible{opacity:1;outline:2px solid white;outline-offset:2px}button[data-state="blocked"],button[data-state="loading"],button[data-state="error"]{right:calc(50% - 24px);bottom:calc(50% - 24px);width:48px;height:48px;opacity:1}button[data-state="loading"] span{animation:loading 1s linear infinite;font-size:28px}@keyframes loading{to{transform:rotate(360deg)}}#message{position:absolute;bottom:64px;left:12px;right:12px;padding:10px 14px;background:#111c;color:#fff;border-radius:8px;text-align:center;font-size:13px}#message[hidden]{display:none}@media(prefers-reduced-motion:reduce){button{opacity:1}button[data-state="loading"] span{animation:none}}
body.white-studio-portrait{background:#fff}