*{box-sizing:border-box}html{overflow:hidden}body,html{height:100%}body{font-family:Spoqa Han Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#app{color:#dad8de;background-color:#19171c;height:100vh;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}#app a{color:#b19dd8}#app .pannel{padding:12px;background-color:#0e0c13;-ms-flex:0 0 auto;flex:0 0 auto}#app .menu.pannel{height:100%;min-height:100%;text-align:center;padding:24px 0;margin:0;width:80px}#app .menu.pannel .menu-item i{font-size:28px}#app .menu.pannel .menu-item p{margin:0;font-size:12px}#app .menu.pannel .menu-item:hover{cursor:pointer}#app .hello.pannel{width:360px;margin:12px 0 12px 12px;padding:16px 12px}#app .hello.pannel *{word-break:break-all}#app .hello.pannel h1,#app .hello.pannel h2,#app .hello.pannel h3{margin:24px 0 0;font-weight:400}#app .hello.pannel h1{margin:0}#app .hello.pannel ul{margin:8px 0}#app .hello.pannel li,#app .hello.pannel p{font-size:14px}#app .chat.pannel{height:calc(100% - 24px);margin:12px 0 12px 12px;padding:12px;width:360px}#app .modal{visibility:hidden;position:fixed;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,.4)}#app .modal .modal-content{padding:12px;background-color:#19171c;margin:10vh auto;width:480px}#app .modal .modal-content h1,#app .modal .modal-content h2{margin:0 0 12px;font-weight:400}#app .modal .modal-content input{height:32px;border:0;padding:0 12px;font-size:12px}#app .modal .modal-content button{margin:4px;border:0;padding:8px 12px;background:#6441a4;color:#dad8de;font-size:12px}#app .modal .modal-content button:hover{cursor:pointer}#app .modal .modal-content .close-btn{float:right}#app .modal .modal-content .close-btn:hover{cursor:pointer}#app .modal.active{visibility:initial}.header-area[data-v-024c2c7f]{padding:8px 0;border-bottom:1px solid #392e5c}.header-area h3[data-v-024c2c7f]{margin:0;font-weight:400}.header-area button[data-v-024c2c7f]{border:0;padding:0 6px 0 0;height:12px;font-size:12px;background:transparent;color:#b19dd8}.header-area button[data-v-024c2c7f]:hover{text-decoration:underline;cursor:pointer}.chat-area[data-v-024c2c7f]{height:calc(100vh - 106px);overflow:scroll;word-wrap:break-all}.chat-area .message p[data-v-024c2c7f]{font-size:14px;margin:12px 0}.chat-area .message .info-message[data-v-024c2c7f]{text-align:center}
/*# sourceMappingURL=app.572e7aff4935f9df780ef90a65c024a7.css.map */