@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);#app{font-family:Open Sans,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}a{background-color:initial}b,strong{font-weight:bolder}code{font-family:monospace,monospace;font-size:1em}img{border-style:none}button,input,optgroup,select{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{color:inherit;display:table;max-width:100%;white-space:normal}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[hidden],template{display:none}html{box-sizing:border-box;font-family:sans-serif}*,:after,:before{box-sizing:inherit}h1,h2,h3,p{margin:0}button{background:transparent;padding:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}ul{list-style:none;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{border-width:0;border-color:#e2e8f0}*,:after,:before,img{border-style:solid}input::placeholder{color:#a0aec0}[role=button],button{cursor:pointer}h1,h2,h3{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select{padding:0;line-height:inherit;color:inherit}code{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}canvas,img,object,svg{display:block;vertical-align:middle}img{max-width:100%;height:auto}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}.rounded{border-radius:.25rem}.border{border-width:1px}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.flex-shrink{flex-shrink:1}.overflow-hidden{overflow:hidden}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.resize{resize:both}.italic{font-style:italic}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.visible{visibility:visible}.RightPanel-select--fontFamily{display:inline-block;position:relative;margin:.2em .25em;&>select{display:block;position:relative;appearance:none;border:none;border-radius:2px;box-shadow:0 1px 5px 0 rgba(0,0,0,.15);padding:.2em .5em;width:17em;height:1.75em;background-color:#fff5f9;color:#61253c;font-size:1em;cursor:pointer;&:invalid{color:#8e8e8e}}&:after{z-index:1;display:block;content:" ";position:absolute;width:.5em;height:.5em;margin-top:-.375em;right:.625em;top:50%;border:1px solid #444;border-right:0;border-top:0;pointer-events:none;transform:rotate(-45deg);transform-origin:center}}.RightPanel-select--fontStyle{display:inline-block;position:relative;margin:0 4em .2em .25em;&>select{display:block;position:relative;appearance:none;border:none;border-radius:2px;box-shadow:0 1px 5px 0 rgba(0,0,0,.15);padding:.2em .5em;width:8em;max-width:100%;height:1.75em;background-color:#fff5f9;color:#61253c;font-size:1em;cursor:pointer;&:invalid{color:#8e8e8e}}&:after{z-index:1;display:block;content:" ";position:absolute;width:.5em;height:.5em;margin-top:-.375em;right:.625em;top:50%;border:1px solid #444;border-right:0;border-top:0;pointer-events:none;transform:rotate(-45deg);transform-origin:center}}.RightPanel-select--fontSize{display:inline-block;position:relative;margin:0 .2em .2em .2em;&>select{display:block;position:relative;appearance:none;border:none;border-radius:2px;box-shadow:0 1px 5px 0 rgba(0,0,0,.15);padding:.2em .5em;width:4em;max-width:100%;height:1.75em;background-color:#fff5f9;color:#61253c;font-size:1em;cursor:pointer;&:invalid{color:#8e8e8e}}&:after{z-index:1;display:block;content:" ";position:absolute;width:.5em;height:.5em;margin-top:-.375em;right:.625em;top:50%;border:1px solid #444;border-right:0;border-top:0;pointer-events:none;transform:rotate(-45deg);transform-origin:center}}button:focus{outline:none}.btn{font-weight:700;padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;padding-right:1rem;border-radius:.25rem}.btn-blue{background-color:#4299e1;color:#fff}.btn-blue:hover{background-color:#2b6cb0}.Config-addFontBtn{background-color:#4299e1;margin-left:1rem;height:2.5em}.Config-addFontBtn,.Config-addFontBtn:hover{color:#fff;font-weight:600;padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;padding-right:1rem;border-width:1px;border-color:#e2e8f0;border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.Config-addFontBtn:hover{background-color:#90cdf4}.Config-testArea{max-width:24rem;border-radius:.25rem;overflow:hidden;padding-top:.5rem;padding-bottom:.5rem;padding-left:.75rem;padding-right:.75rem;background-color:#e2e8f0}.Config-fontName{background-color:#fff;color:#1a202c}.Config-fontName,.Config-fontName--selected{padding-top:.25rem;padding-bottom:.25rem;padding-left:1rem;padding-right:1rem;border-width:1px;border-color:#e2e8f0;border-radius:.25rem;font-family:sans-serif;margin-left:1em}.Config-fontName--selected{background-color:#2b6cb0;color:#fff}.Config-fontName:hover{background-color:#f7fafc;color:#1a202c;padding-top:.25rem;padding-bottom:.25rem;padding-left:1rem;padding-right:1rem;border-width:1px;border-color:#e2e8f0;border-radius:.25rem;font-family:sans-serif;margin-left:1em}.DefaultLayout-langDropdown{border-radius:.25rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);position:absolute}.DefaultLayout-langmenuItem{padding-left:1rem;padding-right:1rem;padding-top:.5rem;padding-bottom:.5rem;display:block;color:#000;background-color:#fff;min-width:100%;padding:.5em 1em}.DefaultLayout-langmenuItem:hover{background-color:#e2e8f0}.LeftPanel[data-v-0c414dc0]{height:calc(100vh - 3rem);background-color:#fff5f9;border-right:1px solid #e198b4;overflow:auto;line-height:1.3}.LeftPanel-category[data-v-0c414dc0]{background-color:#ffd6e6;text-align:center;padding:.25rem 0;font-size:.9em}.LeftPanel-layer[data-v-0c414dc0]{font-weight:500;padding:.25rem 0;color:#61253c}.LeftPanel-balloonName[data-v-0c414dc0]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 2rem);margin-left:.2em}.LeftPanel-elementName[data-v-0c414dc0]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 2em);margin-left:.5em}.LeftPanel-textAreaName[data-v-0c414dc0]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 3.7em);margin-left:.2em}.LeftPanel-customName[data-v-0c414dc0]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 3.75em);margin-left:.2em}.LeftPanel-balloonElement[data-v-0c414dc0]{margin:.25rem 0;padding:0 .15rem}.LeftPanel-elementSelected[data-v-0c414dc0]{background-color:#61253c;color:#fff5f9}.LeftPanel-elementSelected--alt[data-v-0c414dc0]{background-color:#eea1be;color:#fff5f9}.LeftPanel-accordionBtn[data-v-0c414dc0]{font-size:1.25em;color:unset}.LeftPanel-item--active[data-v-0c414dc0],.LeftPanel-item[data-v-0c414dc0]{display:flex;flex-flow:row nowrap;align-items:center;width:100%;padding:.1em .2em;font-size:.9em}.LeftPanel-item--active[data-v-0c414dc0]{background-color:#61253c;color:#fff5f9}.LeftPanel-item--textArea[data-v-0c414dc0]{display:flex;flex-flow:row nowrap;align-items:center;width:100%;font-size:.9em;padding:.1em 0 .1em 1.25em}.LeftPanel-item--textArea--active[data-v-0c414dc0]{display:flex;flex-flow:row nowrap;width:100%;font-size:.9em;padding:.1em 0 .1em 1.25em;background-color:#61253c;color:#fff5f9}.LeftPanel-item--balloons[data-v-0c414dc0]{display:flex;flex-flow:row wrap}.LeftPanel-layerControl[data-v-0c414dc0]{flex:0 1 2rem;z-index:5;display:flex;flex-flow:row nowrap}.LeftPanel-layerControlBtn[data-v-0c414dc0]{padding:0 .1em;font-size:.9em;color:#e6568d}.LeftPanel-layerControlBtn--alt[data-v-0c414dc0]{padding:0 .1em;font-size:.9em;color:#ffc6dc}.list-enter-active[data-v-0c414dc0],.list-leave-active[data-v-0c414dc0]{transition:all .2s}.list-enter[data-v-0c414dc0],.list-leave-to[data-v-0c414dc0]{opacity:0;transform:translateY(-1em)}.RightPanel[data-v-01231502]{font-size:.85rem;background-color:#fff5f9;box-shadow:-2px 2px 10px 1px rgba(0,0,0,.4);border-radius:1px;border:1px solid #e198b4;overflow:auto}.RightPanel-layer[data-v-01231502]{font-weight:500;padding:.5rem .1rem}.RightPanel-category[data-v-01231502]{background-color:#ffd6e6;text-align:center;padding:.25rem 0}.RightPanel-content[data-v-01231502]{font-weight:500;padding:.5rem .1rem}.RightPanel-currentColor[data-v-01231502]{height:2rem;border-radius:2px}.RightPanel-colorType[data-v-01231502]{width:50%}.RightPanel-fonts[data-v-01231502]{display:flex;flex-flow:row wrap}.RightPanel-colors[data-v-01231502]{display:flex;flex-flow:row wrap;padding:.5rem}.RightPanel-description[data-v-01231502]{color:#61253c;text-align:center;padding-bottom:.2em;font-size:.9em}.textArea[data-v-3d3528b1]{z-index:20;position:absolute;writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;background-color:#fff}.downloadContainer[data-v-6a0e1dd5]{position:absolute;top:100px;left:calc(100vw - 5rem)}.scrollContainer[data-v-6a0e1dd5]{width:100%;height:calc(100vh - 3rem);overflow:auto}.largeContainer[data-v-6a0e1dd5]{overflow:hidden}.EditorLayout[data-v-fb030d90]{display:flex;flex-flow:row wrap}.EditorLayout-topbar[data-v-fb030d90]{background-color:#61424e;height:3rem;position:fixed;top:0;z-index:10;width:100%;display:flex;flex-flow:row nowrap;justify-content:flex-start}.EditorLayout-mainArea[data-v-fb030d90]{margin-top:3rem;width:100vw;display:flex;flex-flow:row nowrap}.EditorLayout-toolbar[data-v-fb030d90]{align-self:center;padding-right:1rem}.EditorLayout-toolbarBtn[data-v-fb030d90]{font-size:1.125rem;color:#fff;padding:.875rem;cursor:default;&:hover{background-color:#e198b4}}.EditorLayout-leftPanel[data-v-fb030d90]{width:15rem;flex-shrink:0}.EditorLayout-rightPanel[data-v-fb030d90]{z-index:10;width:15rem;position:fixed;top:3rem;left:calc(100vw - 15rem)}.EditorLayout-rightPanel--inactive[data-v-fb030d90]{display:none}.EditorLayout-footer[data-v-fb030d90]{text-align:center}.EditorLayout-msg[data-v-fb030d90]{color:#fff}.EditorLayout-downloadModal[data-v-fb030d90]{z-index:20;position:absolute;top:0;left:0;height:100vh;width:100vw;background-color:rgba(0,0,0,.8);color:#fff;display:flex;justify-content:center;align-items:center;font-size:2em}.DefaultLayout[data-v-7092855e]{display:flex;flex-flow:column nowrap}.DefaultLayout-nav[data-v-7092855e]{background-color:#000;height:3rem;display:flex;flex-flow:row nowrap}.DefaultLayout-langSelector[data-v-7092855e]{align-self:center;margin-left:auto}.DefaultLayout-text[data-v-7092855e]{padding:0 .5em}.DefaultLayout-btn[data-v-7092855e]{color:#fff;padding:1em;&:hover{color:#000}}.DefaultLayout-btn--active[data-v-7092855e]{padding:1em;color:#000}.DefaultLayout-footer[data-v-7092855e]{text-align:center;font-size:.9em;color:[object Object];margin:2em 0}.DefaultLayout-footerAnchor[data-v-7092855e]{color:[object Object]}.Config-page[data-v-b58761f8]{padding:1rem}.Config-heading[data-v-b58761f8]{font-size:2rem;margin-bottom:.5rem}.Config-fontInput[data-v-b58761f8]{width:100%;display:block;font-size:1em;text-align:start;border-radius:5px;color:#999;border:none;background-color:#f0f0f0;height:2.25em;padding:0 .5em;appearance:none;max-width:21.25em;&:focus{text-align:start;color:#000}}.Config-explanation[data-v-b58761f8]{max-width:40em}.Config-inputArea[data-v-b58761f8]{display:flex;flex-flow:row nowrap;align-items:center;margin:1rem 1rem 1rem 0;flex:2 0 auto}.Config-mainArea[data-v-b58761f8]{display:flex;flex-flow:row wrap;margin-bottom:.5rem}.Config-previewDescription[data-v-b58761f8]{font-size:.8em;padding-top:.2em}.Config-fontItem[data-v-b58761f8]{display:flex;flex-flow:row nowrap;align-items:center;padding:.25em 0}.Thumbnail-text[data-v-1f1f1649]{margin-top:.5em;display:flex;align-items:center;justify-content:center}.Thumbnail-description[data-v-1f1f1649]{text-align:center;font-size:1.25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;flex:0 0 calc(100% - 0.8em)}.Thumbnail-trashIcon[data-v-1f1f1649]{font-size:.8em;margin-right:auto;flex:0 1 .8em}.Thumbnail-image[data-v-1f1f1649]{background-size:cover;background-repeat:no-repeat;background-position:top;width:100%;height:240px;border-radius:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.25)}.Upload-fileInput[data-v-254dc02e]{display:none}.Upload-faIcon[data-v-254dc02e]{font-size:8em}.Upload-dragZone[data-v-254dc02e]{width:360px;height:240px;border:2px dashed #61424e;color:#a16d81}.Upload-dragZone[data-v-254dc02e],.Upload-hint[data-v-254dc02e]{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.Upload-hint[data-v-254dc02e]{width:100%}.Upload-dragged[data-v-254dc02e]{cursor:copy}.Upload-clickText[data-v-254dc02e],.Upload-dragText[data-v-254dc02e]{margin:1em 0}.Upload-submit[data-v-254dc02e]{margin:1rem 0}.Home-page[data-v-3f013a86]{margin:1rem}.Home-thumbnailGrid[data-v-3f013a86]{margin-bottom:1rem;display:grid;grid-template-columns:repeat(auto-fill,360px);gap:2rem 3rem;justify-content:center}.Home-usageBar[data-v-3f013a86]{border-radius:2px;background-size:35px 20px,100% 100%,100% 100%}.Home-usageBar[data-v-3f013a86]:after{content:"80%";position:absolute;right:0;top:-125%}.Home-UploadBox[data-v-3f013a86]{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;width:360px;height:240px;border:2px dashed #61424e;color:#a16d81;font-size:8em}