.Inspector{grid-gap:2px;color:#fefefe;background:#43454f;grid-template:"views header""views sidepanel"1fr"explorer sidepanel"20rem"explorer footer"/1fr 17rem;width:100vw;height:100vh;font-family:monospace,sans-serif;font-size:.75rem;display:grid}.Inspector>*{background:#212830}.Inspector ul,.Inspector li,.Inspector p,.Inspector h3,.Inspector pre,.Inspector hr{margin:0;padding:0}.Inspector .header{background-color:#121212;grid-area:header;align-items:center;gap:3rem;padding:.25rem .5rem;display:flex}.Inspector .views{grid-area:views;display:flex;overflow:hidden}.Inspector .views .game,.Inspector .views .gameDebug{background:repeating-conic-gradient(#121212 0% 25%,#1e1e1e 0% 50%) 50%/20px 20px;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.Inspector .sidepanel{grid-area:sidepanel;padding:.5rem}.Inspector .explorer{grid-area:explorer;padding:.5rem}.Inspector .explorer>*{height:100%}.Inspector footer{color:#7b7d88;text-align:center;grid-area:footer;padding:.25rem;font-size:.6rem}.Alert{border:1px solid #fefefe;border-radius:.25rem;align-items:center;padding:.5rem .75rem;display:flex}.Alert .icon{margin-right:.5rem}.Alert .icon svg{vertical-align:middle;font-size:1.25rem}.Alert.info{color:#c8fcff;border-color:#02dee8}.Alert.info .icon svg{fill:#02dee8}.Alert.success{color:#d0ffe9;border-color:#16fd91}.Alert.success .icon svg{fill:#16fd91}.Alert.warning{color:#ffedd1;border-color:#fda417}.Alert.warning .icon svg{fill:#fda417}.Alert.error{color:#ffd3d1;border-color:#fd2117}.Alert.error .icon svg{fill:#fd2117}.Button{color:#fefefe;cursor:pointer;font-family:inherit;font-size:unset;background:0 0;border:1px solid #fefefe;border-radius:2px;padding:.25rem .5rem}.Button:hover{background-color:#ffffff15}.Button:active{background-color:#ffffff30}.Button:disabled{color:#5e5f68;border-color:#5e5f68}.Checkbox label{cursor:pointer;align-items:center;display:inline-flex}.Checkbox input{display:none}.Checkbox .label{margin-left:.25rem}.Checkbox .checkboxControl{height:.75rem;display:inline-block}.Checkbox.box .checkboxControl{background-color:#0000;border:1px solid #fefefe;border-radius:2px;width:.75rem;transition:background-color .15s}.Checkbox.switch .checkboxControl{background-color:#ffffff65;border-radius:1rem;width:1.75rem;transition:background-color .15s;position:relative}.Checkbox.switch .checkboxControl:after{content:"";background-color:#fefefe;border-radius:50%;width:1rem;height:1rem;transition:left .15s ease-out,background-color .25s;display:block;position:absolute;top:-.125rem;left:0}.Checkbox.checked.box .checkboxControl{background-color:#e9026e}.Checkbox.checked.switch .checkboxControl{background-color:#fffc}.Checkbox.checked.switch .checkboxControl:after{background-color:#e9026e;left:calc(100% - 1rem)}.Checkbox.disabled{opacity:.5;filter:saturate(70%);pointer-events:none}.Divider{border:none;margin:0}.Divider.horizontal{border-top:1px solid #43454f;width:100%}.Divider.vertical{height:inherit;border-left:1px solid #43454f;display:inline-block}.Option{padding:.25rem .5rem}.Option:hover{background-color:#ffffff15}.Option.selected{color:#e9026e}.Range{cursor:col-resize;border:1px solid #fefefe;border-radius:2px;padding:.25rem;position:relative}.Range .contentWrapper{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.Range .contentWrapper .label{-webkit-user-select:none;user-select:none;flex:1;margin-right:2rem}.Range .contentWrapper .value{-webkit-user-select:none;user-select:none}.Range .contentWrapper input{color:inherit;text-align:right;width:3rem;font-family:inherit;font-size:inherit;background-color:#0000;border:0}.Range .fillBar{background-color:#e9026e;height:100%;position:absolute;top:0;left:0}.Select{align-items:center;display:inline-flex}.Select .label{margin-right:.25rem}.Select .dropdown{color:#fefefe;cursor:pointer;border:1px solid #fefefe;border-radius:2px;padding:.25rem .5rem;display:inline-block;position:relative}.Select .dropdown .selection{align-items:center;display:flex}.Select .dropdown .selection:after{content:"";border-top:.25rem solid #fff;border-left:.25rem solid #0000;border-right:.25rem solid #0000;width:0;height:0;margin-left:.25rem;transition:transform .25s;transform:rotate(0)}.Select .dropdown .options{background:#212830;border:1px solid #fefefe;border-radius:2px;display:none;position:absolute;top:calc(100% + .25rem);right:0}.Select .dropdown.open .selection:after{transform:rotate(180deg)}.Select .dropdown.open .options{width:max-content;display:block}.Stack{flex-direction:column;display:inline-flex}.Table{border-collapse:collapse;gap:.25rem;display:grid}.Table .THead,.Table .TRow,.Table .TBody{display:contents}.Tabs{flex-direction:column;height:100%;display:flex}.Tabs .tabNav{border-bottom:1px solid #43454f}.Tabs .tabNav button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;border-top:1px solid #0000;padding:.25rem .5rem;position:relative}.Tabs .tabNav button.hasIcon svg{margin-top:-1px;font-size:1rem;position:absolute}.Tabs .tabNav button.hasIcon .title{margin-left:1.25rem}.Tabs .tabNav button:after{content:attr(title);color:#0000;visibility:hidden;height:1px;font-weight:700;display:block;overflow:hidden}.Tabs .tabNav button:hover{background-color:#33363a;border-top-color:#888}.Tabs .tabNav button.active{border-top-color:#e9026e;font-weight:700}.Tabs .tabContent{flex:1;padding:.5rem 0;overflow:auto}.Tabs .tabContent .tabView{height:100%;display:none;position:relative}.Tabs .tabContent .tabView.active{display:block}.Console{background-color:#121212;border-radius:.25rem;flex-direction:column;width:100%;height:100%;padding:.25rem;display:flex;position:absolute}.Console .log{flex:1;overflow:auto}.Console .log .logContents{grid-template-columns:1.5rem 1fr;display:grid}.Console .log .logContents .logLine{display:contents}.Console .log .logContents .logLine.warn{color:#fda417}.Console .log .logContents .logLine.error{color:#fd2117}.Console .log .logContents .logLine.info{color:#02dee8}.Console .log .logContents .logLine .kind{padding:.125rem 0}.Console .log .logContents .logLine .kind svg{vertical-align:middle}.Console .log .logContents .logLine .content{white-space:preserve;tab-size:2rem;padding:.125rem 0}.Console .inputWrapper{border-top:1px solid #43454f;align-items:center;padding-top:.25rem;display:flex}.Console .inputWrapper svg{margin-right:.25rem;font-size:1rem}.Console .inputWrapper input{background-color:inherit;color:#fefefe;border:0;outline:0;flex:1}.Invaders{aspect-ratio:16/9;max-width:100%;max-height:100%;position:relative}.Invaders .hud{pointer-events:none;padding:1rem;font-size:2rem;display:none;position:absolute;top:0;left:0}.Invaders canvas{width:100%}.DefaultLoadingComponent{text-transform:uppercase;justify-content:center;align-items:center;height:100%;font-size:2rem;display:flex}*{box-sizing:border-box}html{height:100%;font-family:Arial,sans-serif;font-size:100%}html body{color:#eee;background-color:#121212;height:100%;margin:0}html body #root{height:100%}