.editor{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:60px 0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10}.editor-break{width:100%;order:4}.editor-form,.editor-list{width:calc(50vw - 30px);max-width:360px;min-width:240px;height:calc(50vw - 30px);max-height:360px;min-height:240px;margin:0 10px;position:relative}.editor-form{order:1;overflow:hidden;pointer-events:none}.editor-form div,.editor-form figure,.editor-form form{width:100%;height:100%;position:absolute;top:0;left:0}.editor-form div{z-index:-2}.editor-form figure,.editor-form form textarea{margin:0;padding:0;pointer-events:all}.editor-form form textarea{text-align:center;white-space:break-spaces;word-wrap:break-word;background:transparent;border:none;outline:none;width:85%;overflow:hidden;resize:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}.editor-list{order:3;overflow-y:auto}.editor-list::-webkit-scrollbar{width:28px}.editor-list::-webkit-scrollbar-track{margin:20px 0}.editor-list button figure,.editor-list ul li figure{width:100%;height:100%;margin:0;padding:0;position:absolute;bottom:0;left:0;transition:height .05s,box-shadow .05s}.editor-list button:hover figure,.editor-list ul li:hover figure{height:calc(100% - 8px)}.editor-list button:active figure,.editor-list ul li:active figure{height:calc(100% - 10px)}.editor-list button figure.overlay,.editor-list ul li figure.overlay{z-index:100}.editor-list button span,.editor-list ul li span{position:absolute;top:45%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:99;transition:top .05s}.editor-list button:hover span,.editor-list ul li:hover span{top:calc(45% + 8px)}.editor-list button:active span,.editor-list ul li:active span{top:calc(45% + 10px)}.editor-list button{font-size:24px;background:transparent;border:none;width:180px;height:80px;margin:0;padding:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:hand;cursor:pointer}.editor-list ul{width:calc(100% - 40px);display:grid;grid-template-columns:repeat(3,auto);grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;grid-row-gap:20px;row-gap:20px;list-style-type:none;margin:20px 0 20px 20px;padding:0}.editor-list ul li{font-size:48px;width:100%;padding-top:100%;position:relative;vertical-align:top;cursor:hand;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.editor-menu{order:5}.editor-menu ul{width:340px;display:grid;grid-template-columns:repeat(5,auto);grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;list-style-type:none;margin:20px 0 0;padding:0}.editor-menu ul li{background:#fff;width:100%;padding-top:100%;position:relative;cursor:hand;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.editor-menu ul li span{font-size:24px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (max-width:540px){.editor{width:auto;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start}.editor-break{width:0}.editor-form,.editor-list{width:calc(100vw - 40px);min-width:0;min-height:0;margin:0;transition:height .2s}.editor-menu{order:2}.editor-menu ul{width:calc(100vw - 40px);max-width:360px;margin:10px 0}}@media (max-height:560px),(max-width:540px){.editor{top:0;-webkit-transform:translate(-50%);transform:translate(-50%)}.editor-list::-webkit-scrollbar{width:18px}.editor-list::-webkit-scrollbar-track{margin:10px 0}.editor-list ul{width:calc(100% - 20px);grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;grid-row-gap:10px;row-gap:10px;margin:10px 0 10px 10px}}@media (min-width:780px) and (max-height:560px){.editor-form,.editor-list{width:calc(100vh - 200px);height:calc(100vh - 200px)}}.mirror{display:grid;grid-template-columns:repeat(3,auto);grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;position:absolute;top:-9999px;left:-9999px;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.mirror>div{display:inline-block;position:relative}.mirror>div figure{width:100%;height:100%;top:0;left:0}.mirror>div figure,.mirror>div p{margin:0;padding:0;position:absolute}.mirror>div p{text-align:center;white-space:break-spaces;word-wrap:break-word;width:85%;overflow:hidden;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.status{position:absolute;top:8px;left:10px;z-index:100;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.status ul{-webkit-mask:linear-gradient(90deg,#000 80%,transparent);mask:linear-gradient(90deg,#000 80%,transparent);width:180px;list-style-type:none;overflow:hidden;margin:0;padding:0 0 8px}.status ul:before{content:attr(aria-label);font-weight:700}.status ul:before,.status ul li{white-space:nowrap}.status ul li figure{border-radius:50%;width:8px;height:8px;display:inline-block;margin:0;position:relative;top:2px}.app{width:100vw;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}.app>figure{position:absolute;top:0;left:0}.app>figure,body{width:100%;height:100%;margin:0;padding:0}body{color:#333343;font-family:"Lucida Console",Monaco,monospace;font-size:10px;letter-spacing:0;line-height:13px;background:#d1dff4;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/*# sourceMappingURL=main.41c386a9.chunk.css.map */