.dialog{backdrop-filter:blur(3px);background-color:hsla(180,1%,57%,.529);height:100%;left:0;margin:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1000}.dialog>.content{color:#5e6160;height:100%;overflow-y:auto;padding:10px}.dialog>.content>.banner{background-color:hsla(0,0%,40%,.349);height:25px;margin-top:10px;padding:2px 10px}.dialog>.content>.banner>span{color:#f9f6f6;line-height:23px}.dialog>.content>.banner>button{float:right}body{font-family:sans-serif;height:100dvh;margin:0}.no-select{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}.hide{display:none}*,:after,:before{box-sizing:border-box;margin:0;padding:0}ul{list-style-position:inside}.dragging{cursor:move}.container{display:flex;flex-direction:column;height:100dvh;overflow-y:hidden;position:relative}.container .content>header{background:linear-gradient(180deg,#cfcfcf,#dcdcdc 10%,#e8e8e8 90%,#cfcfcf);display:flex;flex-flow:column;position:relative}.container .content>header>.btn-group{display:flex}.container>footer{background:#eaeaea;border-top:1px solid #dcdbdb;display:flex;flex-direction:row;font-family:Open Sans,sans-serif;font-size:.8em;height:26px;line-height:26px}.container>footer>div{height:26px;margin-left:5px}.container>footer>div.separator{border-left:1px solid #d8d8d8;display:flex;flex-flow:row-reverse;flex-grow:1;padding-right:10px}@media screen and (max-width:420px){.nav-link.right{text-align:initial}.nav-link.fill{flex-grow:0}footer>div{height:auto}}.menu{background-color:#f9f9f9;box-shadow:0 2px 18px rgba(0,0,0,.1);display:flex}.menu>ul>li:hover:not(.filler):not(.header){border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8}.menu ul{display:flex;font-size:0;list-style-type:none;width:100%}.menu ul>li{border-left:1px solid #f9f9f9;border-right:1px solid #f9f9f9;color:#333;display:flex;font-family:Open Sans,sans-serif;font-size:1rem;font-weight:400;padding:0 4px;position:relative}.menu ul>li ul{background-color:#e7e7e7;box-shadow:7px 7px 7px #aba7a7;display:none;z-index:99999}.menu ul>li>i[class^=fa]{font-size:.8em;line-height:24px}.menu ul>li:hover:not(.filler):not(.header){background-color:#e7e7e7}.menu ul>li:hover:not(.filler):not(.header)>a{cursor:pointer}.menu ul>li:hover:not(.filler):not(.header)>i{color:#c72828;cursor:pointer;font-weight:900}.menu ul>li:hover:not(.filler):not(.header) ul{border-bottom:1px solid #d8d8d8;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;display:block;left:0;margin-left:-1px;position:absolute;top:24px;width:200px}.menu ul>li:hover:not(.filler):not(.header) ul li{background-color:#e7e7e7;border-left:revert;border-right:revert;display:block}.menu ul>li:hover:not(.filler):not(.header) ul li:last-child{margin-bottom:5px}.menu ul>li:hover:not(.filler):not(.header) ul li:hover{background-color:#ccc}.menu ul>li.header{border-left:revert;border-right:revert;padding:0}.menu ul>li.header>span{background-color:#008b8b!important;color:#fff;height:24px;line-height:27px;padding:0 4px}.menu ul>li.filler{flex-grow:1;font-size:.75rem;line-height:24px}.menu ul>li a,.menu ul>li a:visited{color:inherit;display:flex;flex-grow:1;line-height:24px;text-decoration:none}.menu ul>li.right{float:right}.menu ul>li i.mobile{content:url(../img/mobile.png);display:inline-block;height:24px}.menu>ul>li.icon>i{content:url(../img/menu.png)}.menu>ul>li.icon{display:none}@media screen and (max-width:600px){.menu ul>li{background-color:initial!important}.menu ul>li:not(:first-child){display:none}.menu ul>li.icon{display:flex;flex:1;justify-content:flex-end;padding:0}.menu ul>li.icon>i{height:24px}.menu ul.open,.menu ul.open li{flex-direction:column}.menu ul.open li{display:flex}.menu ul.open li>i[class^=fa]{color:#000!important;padding:0 4px;position:absolute;right:0}.menu ul.open li ul{display:none!important}.menu ul.open li.header{flex-direction:row}.menu ul.open li.expand:not(.filler):not(.header) ul{background-color:initial!important;border:initial;display:flex!important;flex-direction:column;left:auto;margin-left:10px;position:static;top:auto;width:auto}.menu ul.open li.icon{position:absolute;right:0}}body{line-height:normal;overflow-y:hidden}.container{overflow:hidden}.container>.content{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;position:relative}.container>.content>header{display:flex;flex-direction:row;height:30px}.container>.content>section{background-color:#33334c;display:flex;flex-grow:1;height:100%;position:relative}.container>.content>section>canvas{outline:none}#renderCanvas{touch-action:none}html-props .lines>div>input.error{border-color:red;outline-color:red}html-props .lines>div>button:hover{cursor:pointer}html-cons .lines>div.info{color:#228b22}html-cons .lines>div.error{color:red}html-cons .lines>div.log{color:gray}html-cons .lines>div.header{border-bottom:1px solid #303030;color:#5f9ea0;margin-top:10px}html-win-scroll .lines>div{width:100%}div.expandable{padding:2px 0;position:relative}div.expandable:hover{cursor:pointer}.hover-1{--h:1em;color:transparent;line-height:var(--h);overflow:hidden;text-shadow:0 calc(var(--_t, 0em)*-1) #000,0 calc(var(--h) - var(--_t, 0em)) #1095c1;transition:.2s}.alt{text-shadow:0 var(--_t,0) #000,0 calc(var(--_t, 0em) - var(--h)) #1095c1}.hover-1:hover{--_t:var(--h);padding:2px 4px}.hover-2{--h:1em;background:linear-gradient(#477a91 0 0) bottom/100% calc(100% - var(--_i, 1)*100%) no-repeat;color:transparent;line-height:var(--h);overflow:hidden;text-shadow:0 var(--_i,var(--h)) #fff,0 0 RGB(0 0 0/var(--_i,1));transition:.2s}.hover-2:hover{--_i:0;padding:2px 4px}[slot=win-main]{position:relative;width:100%}[slot=win-main] .json-key{background-color:#e9e9e9;border:1px solid #cfcece;display:inline-block;font-size:1em;position:relative}[slot=win-main] .json-key>div>i:hover,[slot=win-main] .json-key>span:hover{cursor:pointer}[slot=win-main] .json-key>div{display:none}[slot=win-main] .json-key>div.show{display:inline-block}[slot=win-main] .json-key>div>i{background-color:#faebd7;margin-left:1px}[slot=win-main] .json-key>div>i[class~=fa-times]{background-color:red}[slot=win-main] .json-key>[data-index^=jsonk-]:hover,[slot=win-main] .json-key>input{background-color:teal;color:#fff}[slot=win-main]>div.group>div{width:max-content}