*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{color:#08090c;background:#f7f7f5;font-family:Schibsted,system-ui,sans-serif;overflow:hidden}#root{place-items:center;display:grid}.demo-shell{aspect-ratio:16/9;width:min(100vw,177.778dvh);position:relative}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #6ee7a8!important}.poster-play{aspect-ratio:1;color:#f7f7f5;background:#08090c;border:1px solid #fff3;border-radius:50%;place-items:center;width:clamp(52px,7vw,84px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 24px #08090c1f}.poster-play:hover{background:#287a57}.keyboard-seek{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.keyboard-seek:focus{clip-path:none;accent-color:#6ee7a8;background:#08090c;width:50%;height:28px;bottom:10px;left:20%}.load-state{background:#f7f7f5;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:clamp(14px,2vw,24px);display:flex;position:absolute;inset:0}.load-state p{margin:0}.load-state button{color:#fff;background:#08090c;border:0;border-radius:24px;padding:10px 22px}