.statify-scene{background:#090a0d;color:#fff;height:100%;min-height:24rem;overflow:hidden;position:relative;width:100%}.statify-scene-canvas{display:block;height:100%;min-height:0;outline:none;width:100%}.statify-scene-error,.statify-scene-status{align-self:center;display:grid;grid-area:1/1;justify-self:center;z-index:2}.statify-scene-status{font-size:2rem}.statify-scene-error{background:rgba(0,0,0,.75);border:1px solid;color:#ff8b7d;max-width:min(32rem,90%);padding:1rem 1.5rem}.statify-scene-navigation:hover{opacity:1}.statify-scene-navigation{align-self:end;background:var(--panel-background);bottom:0;display:block;font-size:.7rem;opacity:0;overflow:inherit;padding:.25rem;pointer-events:none;position:absolute;transition:opacity .25s linear;width:100%;z-index:1}.statify-scene-add-spot.with-spots{flex-grow:0;width:3rem}.statify-scene-row{display:flex;gap:.2rem;margin-bottom:.1rem;pointer-events:auto}.statify-scene-option{appearance:none;background:var(--button-background);border:1px solid var(--button-border);border-radius:var(--button-radius);box-sizing:border-box;color:var(--button-color);cursor:pointer;flex-grow:1;font:inherit;font-weight:700;height:var(--button-height);text-align:center;text-transform:uppercase}.statify-scene-option.active{background:var(--button-active-background);border:1px solid var(--button-active-background);color:var(--button-active-foreground)}.statify-scene-controls summary{appearance:none;background:rgba(12,13,18,.82);border:1px solid hsla(0,0%,100%,.55);box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;font-weight:700;min-height:2.75rem;padding:.6rem 1rem;text-align:center;text-transform:uppercase}.statify-scene-controls summary:focus-visible,.statify-scene-controls summary:hover,.statify-scene-option:focus-visible,.statify-scene-option:hover{border:1px solid var(--button-hover)}.statify-scene-option:disabled{cursor:wait;opacity:.5}.statify-scene-controls{background:rgba(12,13,18,.9);pointer-events:auto}.statify-scene-controls summary{display:block;list-style:none}.statify-scene-controls summary::-webkit-details-marker{display:none}.statify-scene-controls-body{border:1px solid hsla(0,0%,100%,.35);border-top:0;display:grid;gap:.75rem;padding:1rem}@media (max-width:640px){.statify-scene-navigation{padding:.4rem}}button{border:var(--button-border);color:var(--button-color)}.button.active{background:var(--button-active-background);color:var(--button-active-foreground)}.statify-scene-row:before{align-content:center;align-self:center;background:var(--legend-background);border:1px solid var(--legend-background);border-radius:var(--button-radius);box-sizing:border-box;color:var(--legend-color);content:var(--icon);flex-grow:0;flex-shrink:0;font-family:Font Awesome\ 5 Free;font-weight:900;height:var(--button-height);text-align:center;width:3rem}aside.statify-scene-html{background:rgba(0,0,0,.5);border-bottom:1px solid var(--border-color);padding:.5rem;position:absolute;top:0;width:100%}:root{--panel-background:rgba(0,0,0,.6);--button-color:#fff;--button-border:#444;--button-active-foreground:#000;--button-active-background:#fff;--button-hover:#fff;--button-background:transparent;--legend-background:#fff;--legend-color:#000;--button-height:1.5rem;--button-radius:0}.statify-scene-spots{--button-color:#ff0;--button-active-foreground:#000;--button-active-background:#ff0;--button-hover:#ff0;--icon:"\f3c5"}.statify-scene-cameras{--button-color:red;--button-active-foreground:#fff;--button-active-background:red;--button-hover:red;--icon:"\f030"}.statify-scene-scenes{--button-color:#04f;--button-active-foreground:#fff;--button-active-background:#04f;--button-hover:#04f;--icon:"\f1b3"}.statify-scene-animations{--button-color:#0c0;--button-active-foreground:#fff;--button-active-background:#0c0;--button-hover:#0c0;--icon:"\f008"}