@import url('./brand/fonts.css');
:root{color-scheme:dark;font-family:"Nunito Sans",sans-serif;color:#eee8dc;background:#08090d}
*{box-sizing:border-box}
html,body,#presentation,.done-surface{width:100%;height:100%;margin:0;overflow:hidden;cursor:none!important}
body:focus{outline:none}
#presentation{position:relative}
.done-surface{position:absolute;inset:0;background:#08090d}
.done-surface canvas{display:block;width:100%;height:100%;cursor:none!important}
.status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
#controls{position:absolute;z-index:10;right:24px;bottom:24px;width:min(420px,calc(100% - 48px));max-height:calc(100% - 48px);overflow:auto;padding:20px;background:#151a24f7;border:1px solid #dddfed40;box-shadow:0 12px 48px #0008;font-size:14px;cursor:auto!important}
#controls *{cursor:auto!important}
#controls button,#controls select{cursor:pointer!important;font:inherit;color:inherit;background:#242b39;border:1px solid #eeeeee45;border-radius:3px;min-height:42px;padding:9px 12px}
#controls button:hover{background:#343e50}
#controls button[aria-pressed="true"]{background:#48536a;border-color:#e2d1a1}
#controls button:disabled{opacity:.5}
#controls button:focus-visible,#controls select:focus-visible{outline:2px solid #e2d1a1;outline-offset:3px}
.operator-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:700}
.operator-heading #close{padding:0;min-width:42px;font-size:24px;background:transparent;border:0}
.hint{font-size:12px;line-height:1.5;color:#d1d2dc}
#controls label{display:block;margin:18px 0 7px}
#controls select{width:100%}
.transport{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}
#fullscreen{margin-top:18px}
#error{padding:10px;background:#572c38;border:1px solid #e5a5b9;font-size:13px;line-height:1.4}
@media(max-width:600px){#controls{right:16px;bottom:16px;width:calc(100% - 32px);max-height:calc(100% - 32px);padding:16px}}