.App{border-top:1px solid transparent;width:100%;height:100%}.App,.App .main{position:relative}.App .main{height:calc(100vh - 210px);margin:0 40px}.App .main .center,.App .main .left,.App .main .right{height:100%;float:left}.App .main .left{width:250px;margin-left:-100%}.App .main .center{width:100%;float:left;height:100%}.App .main .center .center-inner{margin:0 320px 0 250px;height:100%}.App .main .right{float:left;width:320px;height:100%;margin-left:-320px}.App .main:after{content:"";clear:both}.App a,.App button{cursor:pointer}.App .backdrop{visibility:hidden;opacity:0;transition:all .5s;position:absolute;z-index:9;width:100%;height:100%;left:0;top:0;background:#000}@media screen and (max-width:769px){.App{width:100vw;height:100vh;overflow:hidden}.App .main{height:calc(100vh - 121px);width:100vw;position:relative;margin-left:0}.App .main .left,.App .main .right{height:100vh;top:-121px;width:320px;position:absolute;z-index:10;right:0;margin:0;opacity:0;transform:translateX(100%);transition:all .5s;float:none}.App .main .left.showRight,.App .main .right.showRight{opacity:1;transform:translateX(0)}.App .main .center{width:100vw;margin:0}.App .main .center .center-inner{margin:0}.App .showRight.backdrop{visibility:visible;opacity:.3}}.container{background-image:radial-gradient(#fefefe 30%,#d6e3f4);position:relative;min-width:300px;border:3px solid #004236;border-radius:40px;overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:100%}.container .hide{opacity:0}.container .hidden{display:none}.container #WebGL-output{box-sizing:border-box;contain:content;margin:0;padding:0;width:100%;height:100%;background-image:url(/assets/watermark.png),radial-gradient(#fefefe 30%,#d6e3f4);background-size:30% auto,100% 100%;background-position:50%;background-repeat:no-repeat;border-radius:40px;overflow:hidden}.container #WebGL-output.hide{opacity:0}.container .suspend-btn{position:absolute;top:50%;margin-top:-100px;right:10px;width:100px}.container .suspend-btn>button{width:100px;height:100px;background:transparent;border:none;font-size:13px}.container .suspend-btn>button>img{width:30px;height:30px}.container .suspend-btn.min>button{width:100px;height:65px}.container .description{position:absolute;left:20%;width:60%;bottom:10px;font-size:16px;color:#555;text-align:center;transition:opacity .4s linear}.container .bar{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(#fefefe 30%,#d6e3f4);border-radius:40px;overflow:hidden;z-index:2}.container .bar p{text-align:center}@media screen and (max-width:500px){.container{box-sizing:border-box;border-radius:0;border-width:0}.container .suspend-btn{top:0;left:0;right:0;width:100%;margin-top:10px;text-align:center}.container .suspend-btn>button{width:80px}.container .suspend-btn:after{content:"";clear:both}.container .description{width:calc(100% - 120px);left:50px;bottom:20px}}.progress-bar{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.progress-bar .loading{text-align:left;width:300px}.progress-bar .loading span{display:inline-block;background:#6396d6;width:20px;height:20px;line-height:20px;font-size:12px;text-align:center;color:#fff;text-shadow:1px 1px 0 #000;border-radius:3px;position:relative;transform:translateY(0);will-change:transform;box-shadow:inset 0 1px 1px -1px #fff,inset 0 -3px 1px -1px rgba(0,0,0,.5)}.progress-bar .loading span.char1{-webkit-animation:foo 2s ease infinite,bar 3s linear infinite;animation:foo 2s ease infinite,bar 3s linear infinite;-webkit-animation-delay:.1s;animation-delay:.1s}.progress-bar .loading span.char2{-webkit-animation:foo 2s ease infinite,bar 3s linear infinite;animation:foo 2s ease infinite,bar 3s linear infinite;-webkit-animation-delay:.2s;animation-delay:.2s}.progress-bar .loading span.char3{-webkit-animation:foo 2s ease infinite,bar 3s linear infinite;animation:foo 2s ease infinite,bar 3s linear infinite;-webkit-animation-delay:.3s;animation-delay:.3s}.progress-bar .loading span.char4{-webkit-animation:foo 2s ease infinite,bar 3s linear infinite;animation:foo 2s ease infinite,bar 3s linear infinite;-webkit-animation-delay:.4s;animation-delay:.4s}.progress-bar .loading span.char5{-webkit-animation:foo 2s ease infinite,bar 3s linear infinite;animation:foo 2s ease infinite,bar 3s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s}.progress-bar .loading span.char6{-webkit-animation:foo 2s ease infinite,bar 3s linear infinite;animation:foo 2s ease infinite,bar 3s linear infinite;-webkit-animation-delay:.6s;animation-delay:.6s}.progress-bar .loading span.char7{-webkit-animation:foo 2s ease infinite,bar 3s linear infinite;animation:foo 2s ease infinite,bar 3s linear infinite;-webkit-animation-delay:.7s;animation-delay:.7s}.progress-bar .loading span.char8{-webkit-animation:foo 2s ease infinite,bar 3s linear infinite;animation:foo 2s ease infinite,bar 3s linear infinite;-webkit-animation-delay:.8s;animation-delay:.8s}.progress-bar .loading span.char9{-webkit-animation:foo 2s ease infinite,bar 3s linear infinite;animation:foo 2s ease infinite,bar 3s linear infinite;-webkit-animation-delay:.9s;animation-delay:.9s}.progress-bar .loading span.char10{-webkit-animation:foo 2s ease infinite,bar 3s linear infinite;animation:foo 2s ease infinite,bar 3s linear infinite;-webkit-animation-delay:1s;animation-delay:1s}.progress-bar .progress .progress-outside{position:relative;margin-bottom:15px;width:300px;height:5px;background:#e0eaf6;border-radius:10px;box-shadow:0 0 2px 0 #407cca;overflow:hidden}.progress-bar .progress .progress-outside .progress-inner{position:absolute;border-radius:10px;background:#407cca;height:100%;width:100%;transform:scale(.01);transform-origin:left center;transition:all .6s linear;will-change:transform}.progress-bar .progress-text{text-align:center;color:#407cca;font-size:50px}@-webkit-keyframes foo{10%{transform:translateY(-6px)}50%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes foo{10%{transform:translateY(-6px)}50%{transform:translateY(0)}to{transform:translateY(0)}}@-webkit-keyframes bar{10%{opacity:0}50%{opacity:.8}to{opacity:.8}}@keyframes bar{10%{opacity:0}50%{opacity:.8}to{opacity:.8}}.right-selectors{background:#eef3fb;border-radius:40px;overflow:hidden;position:relative;height:100%;margin-left:20px;padding:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.right-selectors .child{overflow-y:scroll;overflow-x:hidden;width:calc(100% + 25px);height:100%}.right-selectors .title-name{text-align:left;margin:10px 5px 0;padding:5px;border-bottom:1px solid #949497;top:0;z-index:3;font-size:20px}.right-selectors .description{padding:30px;font-size:1em;line-height:2em}.right-selectors::-webkit-scrollbar{width:0!important}@media screen and (max-width:769px){.right-selectors{box-sizing:border-box;border-radius:0}}.main-selector a,.sub-selector a{width:55px}.out-container{width:100%;height:calc(100% - 60px);overflow:hidden}.main-selector{height:185px}.main-selector.vertical{height:100%}.main-selector.vertical ul.selector{white-space:pre-wrap}.sub-selector{height:90px}.main-selector,.sub-selector{margin:3px 25px 3px 3px;width:calc(100% - 25px)}.main-selector.vertical,.sub-selector.vertical{width:100%}.main-selector ul.selector,.sub-selector ul.selector{margin:1px -6px;padding:0;white-space:nowrap}.main-selector ul.selector>li,.sub-selector ul.selector>li{vertical-align:top;display:inline-block}.main-selector ul.selector>li a,.sub-selector ul.selector>li a{display:block;margin:3px 7px}.main-selector ul.selector>li a.selected>div,.sub-selector ul.selector>li a.selected>div{box-shadow:1px 1px 0 0 #000,-1px -1px 0 0 #000,1px -1px 0 0 #000,-1px 1px 0 0 #000}.main-selector ul.selector>li a.selected>div:after,.sub-selector ul.selector>li a.selected>div:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2QjNBRTVGNUIyMjA2ODExODA4M0MxNEM3Njg3Rjc2MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozRDREQTJGNzhCRDIxMUU5QjZGOEUzMTQwMjZFODIxRCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozRDREQTJGNjhCRDIxMUU5QjZGOEUzMTQwMjZFODIxRCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkIzQUU1RjVCMjIwNjgxMTgwODNDMTRDNzY4N0Y3NjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkIzQUU1RjVCMjIwNjgxMTgwODNDMTRDNzY4N0Y3NjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6xV50XAAADt0lEQVR42tSaW0gUURjHx9EM7aIWGZVEN0kNtOhCQVpZUUEEXSEiMhCqtxKiCHoRQoiISugppMLIbgRRD0EUmL1kog8RZQQZWCaZ3Sw1c/p/+s0yDHt2z5mZnZn9ww9315mz5z/nzPm+882mGIaheawJYCbIA7lgDH8+BL6ATvAB9Hr5pWketbMYrAeloBBMBZmCY/tBN3gDnoFH4Dn466YDKS5GJAfsAfvAEpcX4iW4Bq6Cj45aICOKZIAq0GF4r25QDXJU+6Vqohy0GYnXO7BdpW+67BQE1TyfS7TEaw64DS6CDJkTdMlV6A44yYb81CHwEExza4Ru6AdgqxacSnkmzHJqhJbPu9xQ0CriC5rrxMglsEoLj8jMDZCuYqQK7NbCp9XgtGxALOZIO1YLrzbyIiAcEXpfG7AJiuwNHO1FqrWnQHYj20BZgCY6wDqe1tSPJsFx+eCgKEVJA61GcHoPCmwRezLoEhzfCbKiRfa1YGGAI0Hz/rXt8x7wR3DOdLAr2tSqDJkJUg3vbUTaH8k2LEPYG5LpZFIjcf6Qeb45IitAdshG4rhEG6mg3Dq1ViahCVNlViMlSWqCtIBGRufcZXaSmjBXrylkZBKTjCZIEykr1vlFZpKaMCtB2bplKxtPrWANB6FvITERiYdpkiZawGbQxe/p7z2JJdsPE5HIPshVwFg6ZTFBegq2xBkZ30xAAzp35mecAwujfBbLjJ8m+kdyMoR3HbTESQUGQYUglSi1pTdu0w5VjWTB5hdclzhhOI6ZPm7UTxOkJmuu1SxZpKsDFYJptgFs8mk62ReiSDW+UaHiWMevL9v+J9rNJdIE6Yk1jU8H7QrDGWua+TGdTPXyFiQytWgJvqVwFWJNM79GQuOiXY99z54PBhSviGhkanzamJWJHivUO2jMbsYvE40gxfxee4GuALQ5qGsZXLEfz4HQD5VHbvQodS1aOs85aJTumR0+mmiwmhCVTMdxybQopOXSz2AR+BSviN3Hq1F/SI1U2k3EqsZTpD8QQhMnwH1RGi8SPSo+FiIT5zk2aapGSPQs4mgITJwBh+NtrGQa2Qt+BWCANnxHZC6m7OPpem30aVGzjybaOaOWCge6QsMtXNWjx9TfE2hgAJwFy8Fj+ZCs/hMOYi64AL56mHLQxuwKKHbSJzc/qiHlcUTfqY3+Qkg1tfnHKRE9Br8J3jrtiFsjVs0Dy8BSMB/MAFmWzRt1+gcHM5r/LziDeOXFl3tpJNr9RxXMVH4/DH6zIc/1X4ABAAcx3CbHSOfvAAAAAElFTkSuQmCC);background-size:100% 100%;content:"";position:absolute;z-index:3;border-radius:50%;width:12px;height:12px}.main-selector ul.selector>li a>div,.sub-selector ul.selector>li a>div{width:92%;padding-bottom:92%;border-radius:5px;border:2px solid #fff;box-shadow:1px 1px 0 0 #adaeb2,-1px -1px 0 0 #adaeb2,1px -1px 0 0 #adaeb2,-1px 1px 0 0 #adaeb2;position:relative}.main-selector ul.selector>li a>div>img,.sub-selector ul.selector>li a>div>img{object-fit:contain;position:absolute;background:#000;width:100%;height:100%}.main-selector ul.selector>li a>p,.sub-selector ul.selector>li a>p{overflow:hidden;white-space:pre-wrap;font-size:10px;text-align:center;height:26px;margin:2px -5px}.empty p span{display:inline-block;background:#eee;width:80px;height:1em}.empty li{text-align:center}.empty li div,.empty li p{background:#eee}.empty li p{border-radius:1px;width:35px;height:.8em;display:inline-block}.header{height:180px;border-top:20px solid transparent;box-sizing:border-box;text-align:center}.header h1{margin:0;padding:5px 0;background:#004236;font-size:40px;color:#fff;letter-spacing:.3em}.header ul.top-menu{display:flex;display:-ms-flex;align-items:center;justify-content:space-between;height:110px;margin-left:40px;margin-right:40px;padding:0}.header ul.top-menu li a{display:inline-block;width:6em;height:2em;line-height:2em;border:1px solid #004236;border-radius:1em;font-size:25px;text-align:center}.header ul.top-menu li a.selected{background-color:#004236;color:#fff}.header ul.top-menu li a:hover{background-color:#00ab68;color:#fff}.header ul.top-menu li:first-child{justify-items:flex-start}.header ul.top-menu li:last-child{justify-items:flex-end}@media screen and (max-width:769px){.header{height:120px;border-top:20px solid transparent}.header h1{font-size:20px!important}.header ul.top-menu{height:70px;margin-left:10px;margin-right:10px}.header ul.top-menu li a{font-size:10px;width:4em}}.footer{display:none}@media screen and (max-width:769px){.footer{display:block;position:fixed;right:20px;bottom:20px}.footer .round{border-radius:50%;width:50px;height:50px;background-color:#7dace6;border:none;color:#fff;font-size:15px}}.left-menu{background:#eef3fb;font-size:20px;margin-right:20px;height:100%;border-radius:40px;overflow:hidden}.left-menu ul{margin:0;padding:0;width:calc(100% + 25px);height:100%;overflow-y:scroll;overflow-x:hidden}.left-menu ul>li{width:100%;margin-bottom:8px;list-style:none;transition:background .3s linear,opacity .3s linear;border-top:1px solid #c0cdde;border-bottom:1px solid #c0cdde}.left-menu ul>li:first-child{color:#fff;background:#004236}.left-menu ul>li.selected{color:#fff;background:linear-gradient(90deg,#00ab68,#004236)}.left-menu ul>li:hover{color:#fff;background:#00ab68}.left-menu ul>li a{width:calc(100% - 25px);height:3em;line-height:3em;text-align:center;display:inline-block}@media screen and (max-width:769px){.left-menu{box-sizing:border-box;border-radius:0;margin-right:0}}

/*! normalize.css v9.0.1 | MIT License | github.com/csstools/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}svg:not(:root){overflow:hidden}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}template{display:none}*{margin:0;padding:0;font-family:sans-serif}li{list-style:none}
/*# sourceMappingURL=main.0c466bd4.chunk.css.map */