@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;300&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{position:relative}.bg{background-image:url(Media/bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;left:0;opacity:1;position:absolute;right:0;top:0;transition:opacity 1.5s;z-index:-999}.bg,.main{height:100vh;width:100vw}.main{display:flex;flex-direction:row}.main .left-side,.main .right-side{border-width:3px;flex-basis:5%}.main .middle-side{align-items:center;display:flex;flex-grow:1;justify-content:center}.btn{background-color:#542bb4;color:#fff;cursor:pointer;display:inline-block;padding:1rem 1.2rem}.btn-sm{padding:.3rem .8rem}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.8)}::-webkit-scrollbar-corner{display:none}@keyframes full-screen-loading-rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.full-screen-loading{align-items:center;background-color:rgba(0,0,0,.6);bottom:0;display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100vh;justify-content:center;left:0;position:absolute;right:0;top:0;width:100vw;z-index:999}.full-screen-loading.hide{display:none}.full-screen-loading .rotate{align-items:center;border-radius:50%;display:flex;height:15vw;justify-content:center;margin:2rem;position:relative;width:15vw}.full-screen-loading .rotate:before{background-image:url(Media/clock.svg);content:""}.full-screen-loading .rotate:after{animation-duration:2s;animation-iteration-count:infinite;animation-name:full-screen-loading-rotate;animation-timing-function:linear;border:10px solid transparent;border-radius:50%;border-top-color:#712780;content:"";height:100%;position:absolute;width:100%}.full-screen-loading.light-color .rotate:after{border-top-color:#eaa6f7!important}.full-screen-loading .rotate .bg{background-image:url(Media/clock.svg);height:100%;width:100%}.full-screen-loading.light-color .rotate .bg{filter:invert(1)}.full-screen-loading #loading-info{font-size:1.5rem;margin-bottom:1.5rem}.full-screen-loading.light-color #loading-info{color:#fff}.full-screen-loading #cancel-btn{background-color:#712780!important;color:#000!important}.full-screen-loading.light-color #cancel-btn{background-color:#eaa6f7!important;color:#fff!important}.full-screen-loading #cancel-btn.hide{display:none}.main .left-side{border-right-style:solid;flex-direction:column;overflow:hidden}.main .left-side,.main .left-side .item{align-items:center;display:flex;justify-content:center}.main .left-side .item{border-style:solid;border-width:1px;cursor:pointer;font-size:4vh;height:8vh;margin:5px 0;transition:all .5s ease;transition-property:opacity,transform;width:8vh}.main .left-side .item.selected{border-color:#f08484;border-width:3px}.main .left-side .item.clicked{opacity:.5;transform:scale(2)}.main .left-side .item.fade-to-top{opacity:0;transform:translateY(-1000px)}.main .left-side .item.fade-to-bottom{opacity:0;transform:translateY(1000px)}.main .right-side{border-left-style:solid;display:flex;flex-direction:column;justify-content:space-between;position:relative;text-align:center}.main .top{flex-grow:1;overflow-y:auto}.main .right-side .top::-webkit-scrollbar{width:0}.main .right-side .bottom{border-top-style:solid;border-width:1px}.main .right-side .item{align-items:center;border-radius:50%;border-style:solid;border-width:1px;cursor:pointer;display:flex;height:auto;justify-content:center;margin:3vh auto;overflow:hidden;padding:5px;width:80%}.main .right-side .item.canvas-progress{border-style:none;cursor:wait;padding:3px;position:relative}.main .right-side .item canvas{bottom:0;left:0;position:absolute;right:0;top:0;transform:rotate(-90deg)}.main .right-side .item canvas.hide{display:none}.main .right-side .item.activate{background-color:#000;border-color:#e75959;border-width:3px}.main .right-side .item.disable{cursor:not-allowed;position:relative}.main .right-side .item.disable:after{background-image:url(Media/not-allowed.svg);background-position:50%;background-size:cover;bottom:0;content:"";height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.main .right-side img{height:auto;width:100%}.main .right-side img.activate{filter:invert(1)}.main .middle-side .display-svg{align-items:center;border-style:solid;border-width:1px;display:flex;height:90%;justify-content:space-between;position:relative;text-align:center;width:90%}.main .middle-side .display-svg svg{margin:auto;transition:transform .5s ease}.main .middle-side .display-svg #text-container{align-items:flex-end;display:flex;flex-direction:column;height:100%;padding:.5rem 1.5rem;position:absolute;right:0;top:0;width:50%}.main .middle-side .display-svg #text-container textarea{border-radius:10px;cursor:pointer;font-size:1.2rem;height:95%;margin-bottom:.5rem;opacity:0;resize:none;transition:opacity 1s;width:100%}.main .middle-side .display-svg #text-container .bottom-group{height:5%}.main .middle-side .display-svg #text-container .bottom-group img{cursor:pointer;height:100%;margin-left:.5rem}.prompt-out-area{background-color:rgba(0,0,0,.6);bottom:0;height:100vh;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease-in;width:100vw;z-index:99}.prompt-out-area.fade-in{opacity:1}.prompt-out-area.flex-center{align-items:center;display:flex!important;justify-content:center}.prompt-out-area .search-char{background:#fff;border-radius:10px;border-style:solid;font-size:1.2rem;padding:1.5rem 2.5rem}.prompt-out-area div.hide{display:none}.prompt-out-area .search-char .title{border-bottom-style:solid;border-width:1px;font-size:1.8rem;margin-bottom:1.2rem}.prompt-out-area .search-char input{font-size:1.5rem;height:2rem;width:100%}.prompt-out-area .wait-ttf-file{background-color:hsla(0,0%,66%,.8);border-color:#000;border-radius:10px;border-style:solid;font-family:Inter,sans-serif;height:90%;width:70%}.prompt-out-area .wait-ttf-file .title{align-items:center;border-bottom:solid;border-width:1px;display:flex;font-size:2.2rem;height:15%;justify-content:center}.prompt-out-area .wait-ttf-file .inner{height:85%;position:relative}.prompt-out-area .wait-ttf-file .inner:after{clear:both;content:""}.prompt-out-area .wait-ttf-file .inner .frontend-ff{align-items:center;bottom:0;display:flex;font-size:.8rem;justify-content:center;padding-bottom:5px;padding-right:1rem;position:absolute;right:0}.prompt-out-area .wait-ttf-file .inner .frontend-ff label{margin-right:.5rem;user-select:none}.prompt-out-area .wait-ttf-file .inner .file-area{float:left;height:100%;padding:2rem;width:50%}.prompt-out-area .wait-ttf-file .inner .file-area>div{align-items:center;border-width:1px;display:flex;height:100%;justify-content:center;width:100%}.prompt-out-area .wait-ttf-file .inner .file-area #drop-file{border-style:dotted;cursor:pointer;font-size:2rem}.prompt-out-area .wait-ttf-file .inner .file-area #file-url{border-style:solid;flex-direction:column;font-size:1.2rem}.prompt-out-area .wait-ttf-file .inner .file-area #file-url div{padding:0 2.5rem}.prompt-out-area .wait-ttf-file .inner .file-area #file-url div *{margin:.3rem 0}.prompt-out-area .wait-ttf-file .inner .file-area #file-url input{height:2rem;width:100%}.prompt-out-area .show-glyph-info{font-family:cwTeXYen,Inter,sans-serif;height:80%;width:80%}.prompt-out-area .show-glyph-info .title{align-items:center;border-bottom-style:solid;border-width:1px;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:15%;justify-content:center}.prompt-out-area .show-glyph-info .inner-main{align-items:center;display:flex;flex-direction:row;height:85%;justify-content:center}.prompt-out-area .show-glyph-info .inner-main .inner{background-color:hsla(0,0%,99%,.869);height:100%;padding:1rem;width:50%}.prompt-out-area .show-glyph-info .inner-main .svg-area{align-items:center;border-right-style:solid;border-width:1px;color:#000;display:flex;justify-content:center;width:49%}.prompt-out-area .show-glyph-info .inner-main .svg-area svg{max-height:100%;max-width:100%}.prompt-out-area .show-glyph-info .inner-main .info-area{overflow-y:auto}.prompt-out-area .show-glyph-info .inner-main .info-area::-webkit-scrollbar{width:0}.prompt-out-area .show-glyph-info .inner-main .info-area div.info-item{word-wrap:break-word;border-bottom-style:solid;border-width:1px;font-size:1.2rem;margin-bottom:1rem}.prompt-out-area .btn-with-checkbox{align-items:center;display:flex;justify-content:center}.prompt-out-area .btn-with-checkbox div{margin:0 .5rem}.prompt-out-area .btn-with-checkbox .label-container{align-items:center;display:flex;justify-content:center}.prompt-out-area .btn-with-checkbox .label-container input{margin-left:.2rem;width:auto}.prompt-out-area .function-editor-prompt{background-color:hsla(0,0%,100%,.668);border-style:solid;border-width:2px;height:80%;width:80%}.prompt-out-area .function-editor-prompt .title{align-items:center;border-bottom-style:solid;border-width:2px;display:flex;font-size:3rem;height:10%;justify-content:center}.prompt-out-area .function-editor-prompt .inner-main{display:flex;flex-direction:row;height:90%;padding:1.5rem}.prompt-out-area .function-editor-prompt .inner-main .function-body{border-radius:10px;border-style:solid;flex-grow:1;padding:1rem}.prompt-out-area .function-editor-prompt .inner-main .function-body textarea{font-size:1.2rem;height:100%;resize:none;width:100%}.prompt-out-area .function-editor-prompt .inner-main .control-panel{border-radius:10px;border-style:solid;font-size:1.2rem;overflow-y:auto;padding:2rem 1.2rem}.prompt-out-area .function-editor-prompt .inner-main .control-panel .item{margin-bottom:1rem}.prompt-out-area .function-editor-prompt .inner-main .control-panel .item.flex-item{align-items:center;display:flex}.prompt-out-area .function-editor-prompt .inner-main .control-panel .item input{height:1.5rem}.prompt-out-area .function-editor-prompt .inner-main .control-panel .item .svg-btn-container,.prompt-out-area .function-editor-prompt .inner-main .control-panel .item img{border-style:solid;border-width:1px;cursor:pointer;display:inline-block;height:5rem;margin:.5rem;max-width:50%}.prompt-out-area .path-editor-prompt{height:90%;padding:.5rem;width:60%}.prompt-out-area .path-editor-prompt .inner-main{justify-content:space-between}.prompt-out-area .path-editor-prompt .inner-main .editor-left{align-items:center;background-color:#fff;border-radius:10px;border-style:solid;border-width:1px;display:flex;height:100%;justify-content:center;padding:.5rem;width:85%}.prompt-out-area .path-editor-prompt .inner-main .editor-left svg{max-height:100%;max-width:100%}.prompt-out-area .path-editor-prompt .inner-main .editor-right{border-radius:10px;border-style:solid;border-width:1px;height:100%;padding:.5rem;width:10%}.prompt-out-area .path-editor-prompt .inner-main .editor-right .path-editor-btn{align-items:center;border-radius:50%;border-style:solid;border-width:1px;cursor:pointer;display:flex;justify-content:center;margin:1rem 0;overflow:hidden;padding:.5rem}.prompt-out-area .path-editor-prompt .inner-main .editor-right img{height:auto;width:100%}