html{background-size:cover;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(../../static/media/inter-cyrillic-ext-wght-normal.92dcb004dd66a14761da.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(../../static/media/inter-cyrillic-wght-normal.dd1eb0afa10711830d27.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(../../static/media/inter-greek-ext-wght-normal.f8ed8c6b512a482bd1ae.woff2) format("woff2-variations");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(../../static/media/inter-greek-wght-normal.8cf014c12c3518f736ab.woff2) format("woff2-variations");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(../../static/media/inter-vietnamese-wght-normal.03627a8b5fe27d055e5c.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(../../static/media/inter-latin-ext-wght-normal.fbd6dc6ea3a2a849b6fc.woff2) format("woff2-variations");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(../../static/media/inter-latin-wght-normal.e62404dc3261fb537f3a.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.icon-button{background-color:initial;border:none;height:50px;margin:0;padding:5px 0 0;position:relative;width:50px;img{content:var(--normal_url);display:inline-block;height:50px;width:50px;&:active{content:var(--pressed_url)}}}.thumbnail-button{background-color:initial;border:none;margin:0;padding:5px;img{height:40px;width:40px}}.thumbnail-button.selected{border:thin solid #ff0;border-radius:20px}.main-menu-bar{display:flex;flex-direction:row;flex-wrap:nowrap}.main-menu-bar,.sub-menu-bar,.treemenu{position:absolute}.treemenu{--depth:0;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;min-width:100px;z-index:10}.grid{display:inline-flex;flex-wrap:wrap}.default-bg{background-color:#fff3;border-radius:40px;margin:3px;padding:2px 4px}@media (max-aspect-ratio:1/1){.sub-sub-menu{margin-top:72px!important}.sub-menu-bar.sub-menu-bar-show>.default-bg{margin-top:72px}}@media (min-aspect-ratio:1/1){.sub-sub-menu{margin-top:72px!important}.sub-menu-bar.sub-menu-bar-show>.default-bg{margin-top:72px}.default-bg .tab-head,.default-bg.tab-head{display:block!important;margin-top:72px!important;position:static!important;top:auto!important}#memo-textarea{margin-top:72px!important}}@media (orientation:portrait) and (max-width:767px){.default-bg .tab-head,.default-bg.tab-head{display:block!important;margin-top:72px!important;position:static!important;top:auto!important}.default-bg .tab-head:has(>.icon-button),.default-bg.tab-head:has(>.icon-button){margin-top:0!important;width:100px}.default-bg.tab-body .grid[style*="--size: 50px"]{width:100px!important}.sub-sub-menu{margin-top:72px!important}.default-bg:has(#lettering){margin-top:72px!important}#memo-textarea{margin-top:72px!important}}@media (orientation:portrait) and (min-width:768px){.default-bg .tab-head,.default-bg.tab-head{display:block!important;margin-top:72px!important;position:static!important;top:auto!important}.default-bg .tab-head:has(>.icon-button),.default-bg.tab-head:has(>.icon-button){margin-top:0!important;width:100px}.default-bg.tab-body .grid[style*="--size: 50px"]{width:100px!important}.sub-sub-menu{margin-top:72px!important}.default-bg:has(#lettering){margin-top:72px!important}#memo-textarea{margin-top:72px!important}}@media (orientation:portrait) and (max-width:1752px){.default-bg .tab-head,.default-bg.tab-head{display:block!important;margin-top:0!important;position:static!important;top:auto!important}.default-bg .tab-head:has(>.icon-button),.default-bg.tab-head:has(>.icon-button){margin-top:0!important;width:100px}.default-bg.tab-body .grid[style*="--size: 50px"]{width:100px!important}.sub-sub-menu{margin-top:10px!important}.default-bg:has(#lettering){margin-top:0!important}#memo-textarea{margin-top:10px!important}}@media (orientation:portrait) and (pointer:coarse) and (min-width:600px){.main-menu-bar{z-index:10}.main-menu-bar,.main-menu-bar-show{bottom:80px!important}.main-menu-bar-hide{bottom:-300px!important}.sub-menu-bar{bottom:100px!important;display:flex}.sub-menu-bar-show{bottom:80px!important}.sub-menu-bar-hide{bottom:-300px!important}.sub-menu-bar.sub-menu-bar-show:has(>.sub-sub-menu>.default-bg:nth-child(2):last-child)>.hide-on-landscape{margin-top:100px}.default-bg .tab-head,.default-bg.tab-head{display:block!important;margin-top:72px!important;position:static!important;top:auto!important}.default-bg .tab-head:has(>.icon-button),.default-bg.tab-head:has(>.icon-button){margin-top:0!important;width:100px}.default-bg.tab-body .grid[style*="--size: 50px"]{width:100px!important}.sub-sub-menu{margin-top:200px!important}.default-bg:has(#lettering){margin-top:200px!important}#memo-textarea{margin-top:200px!important}}.default-bg2{--bg_url:url(../../static/media/buttons_basepanel_minimize.8eb6958435172d4b2a10.png);border-image:var(--bg_url);border-image-repeat:stretch;border-image-slice:49% fill;border-style:solid;border-width:40px}.treemenu-button{border:none;height:20px;margin:5px}.spinner{height:100%;left:0;position:absolute;width:100%}.spinner-wheel{animation:wheel 2s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:20px;width:20px}@keyframes wheel{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tab{display:flex;flex-flow:column;height:100%;width:100%}.tab .tab-head{display:flex;flex-wrap:wrap}.tab .tab-body{display:inline-flex;max-height:100px;overflow:scroll;scrollbar-width:none}.colorpicker-popup{--clientX:0;--clientY:0;background-color:#fff;border-radius:30px;display:flex;flex-wrap:wrap;height:200px;position:fixed}.cover{bottom:0;left:0;position:fixed;right:0;top:0}.debug-bar{display:flex;flex-wrap:wrap;z-index:1}@media (orientation:landscape){.main-menu-bar{top:0}.sub-menu-bar{bottom:0;max-width:210px;right:0;top:0}.hide-on-landscape{display:none}.grid{width:100%}.debug-bar{bottom:0;left:0;position:absolute}.treemenu{left:calc(100px*var(--depth));min-width:150px;top:calc(100% + 20px*var(--depth))}.colorpicker-popup{left:calc(var(--clientX) - 200px);top:max(0px,calc(var(--clientY) - 100px));width:225px}.spinner-wheel{bottom:0;margin:10px;position:absolute;right:0}}@media (orientation:portrait){.main-menu-bar{bottom:0}.mobile-bottom-rotation-bar{justify-content:flex-end;left:10px!important;width:220px!important}.mobile-bottom-bar,.mobile-bottom-rotation-bar{bottom:10px!important;right:10px!important}.main-menu-bar-hide{bottom:-300px;transition:1s}.main-menu-bar-show{bottom:0;transition:1s}.sub-menu-bar{bottom:0;display:flex;left:0;right:0}.sub-menu-bar-hide{bottom:-300px;transition:1s}.sub-menu-bar-show{bottom:0;transition:1s}.grid{--size:160px;flex-direction:column;height:var(--size)}.debug-bar{left:0;position:absolute;top:0}.treemenu{bottom:calc(100% + 20px*var(--depth));left:calc(100px*var(--depth));min-width:150px}.sub-sub-menu{display:flex;flex-direction:column-reverse}.hide-on-landscape{display:flex;flex-direction:column;justify-content:center}.colorpicker-popup{bottom:auto;height:200px;left:max(0px,min(calc(var(--clientX) - 100px),calc(100vw - 200px)));top:max(0px,min(calc(var(--clientY) - 100px),calc(100vh - 200px)));width:225px}.spinner-wheel{margin:10px;position:absolute;right:0;top:0}}.loader{animation:mltShdSpin 1.7s ease infinite,round 1.7s ease infinite;border-radius:50%;color:#ff3d00;font-size:45px;height:1em;overflow:hidden;position:relative;text-indent:-9999em;transform:translateZ(0);width:1em}@media (min-width:900px) and (max-width:1400px) and (orientation:portrait){.main-menu-bar{z-index:10}.main-menu-bar,.main-menu-bar-show{bottom:60px!important}.main-menu-bar-hide{bottom:-300px!important}.mobile-bottom-bar,.mobile-bottom-rotation-bar{bottom:0!important;z-index:20}.sub-menu-bar-show{bottom:60px!important}}@keyframes mltShdSpin{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@keyframes round{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:961px) and (min-width:802px){.mobile-bottom-bar{bottom:0;justify-content:center;left:0;right:0;width:100%}.mobile-bottom-bar .default-bg{align-items:center;justify-content:center;margin:0;padding:0}.mobile-bottom-rotation-bar{bottom:0;justify-content:center;left:0;right:0;width:100%}.mobile-bottom-rotation-bar .default-bg{align-items:center;justify-content:center;margin:0;padding:0}}@media (max-width:768px){.mobile-button-group{margin-bottom:100px;width:100%}.sub-menu-bar{margin-bottom:100px}.colorpicker-popup{bottom:200px!important;top:auto!important}.lift-up{transform:translateY(-50px)}}
/*# sourceMappingURL=main.201e5795.css.map*/