#main-app{display:flex;height:100%;-webkit-user-select:none;user-select:none}header{flex:1 1 auto;padding:0 40pt;text-align:center;z-index:-5}#config-panel{position:relative;color:#fff;background-color:#00000080;padding:10pt;width:20vw;min-width:200pt;height:100%;z-index:10;transition:margin-right .5s ease}#config-panel-content{width:100%}#config-toggle{position:absolute;top:0;left:-40pt;color:#fff;background-color:#00000080;font-size:1.2em;border:none;border-radius:0 0 0 10pt;width:40pt;height:40pt}.config-option{display:flex;justify-content:space-evenly;align-items:center;width:100%;text-align:center}.config-option *{flex:1 1 auto}#reset-pos-button{margin-bottom:1em}#edit-button{margin-top:2em}input[type=number]{background-color:transparent;color:#fff;border:none;border-radius:5px;min-width:0;margin:0 10pt;padding:auto;font-family:Saeada;font-size:1.2em;text-align:center}input[type=number]:focus{outline:2px solid white}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.config-slider-input{padding:3pt;width:fit-content;max-width:2em;text-align:right}@media screen and (max-width: 900px){#config-panel{position:absolute;background-color:#121212;width:calc(100% - 20pt);min-width:0;transition:top .5s ease}#config-panel-content{width:100%;height:calc(40% - 40pt);overflow-x:scroll}#config-toggle{background-color:#121212;border-radius:0 10pt 0 0;left:0;top:-40pt}}.armature-node{position:absolute;background-color:transparent;border:5px solid #ffffff;border-radius:100%;width:14px;height:14px;z-index:5}.armature-edit:hover{border-color:#faa}.armature-selected,.armature-selected:hover{border-color:red}.body-node{position:absolute;background-color:#fff;border-radius:100%;z-index:-1}.body-head{z-index:0}.body-leg{position:absolute;border-radius:10pt;z-index:-2}.creature-eye{position:absolute;background-color:#fff;border-radius:100%;pointer-events:none}.creature-eye-pupil{background-color:#000;z-index:4}:root{background-color:#242424;color:#fff}#root{position:relative;overflow:hidden;height:100%}@font-face{font-family:TimKid;src:url(/CreatureSandbox/TimKid.ttf)}@font-face{font-family:Saeada;src:url(/CreatureSandbox/LTSaeada-Light.otf)}html,body{height:100%;overscroll-behavior:none}body{margin:0;font-family:Saeada;letter-spacing:1px}h1,h2,button{font-family:TimKid}button{padding:8pt;font-size:1.2em}