@import url(https://use.fontawesome.com/releases/v5.6.3/css/all.css);@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap);.nav-links{display:flex;flex-direction:row;justify-content:center;align-items:center;//margin-top:8px;padding:13px 20px}.nav-links>button{margin-top:8px}.nav-links>a{margin:0 10px}.top-bar{display:flex;justify-content:flex-end;padding:10px 20px;background-color:#fff}.auth-status{margin-left:auto}.auth-link{color:inherit}.router-link-exact-active{color:green}.board-list{width:768px;margin:auto}.board-detail{display:flex;flex-direction:column;align-items:center}.board-contents{padding:12px 8px;border-bottom:1px solid #eee;width:100%;max-width:1200px;margin:0 auto}.editor-container,.w3-input{width:100%}.w3-input{margin-bottom:10px}.common-buttons{padding:8px;text-align:right}.pagination{display:flex;justify-content:center}.pagination .w3-button{color:#333;text-decoration:none;padding:5px 10px;margin:2px;border:1px solid #ddd;cursor:pointer}.pagination .w3-green{background-color:#4caf50;color:#fff}#review-button{position:absolute;right:90px;top:30%;background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:5px 10px;cursor:pointer}#review-button:hover{background-color:#0056b3}#voice-recognition-button{position:absolute;right:50px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px;color:#555}#voice-recognition-button i{font-size:18px}#voice-recognition-button:hover{background-color:#e0e0e0}.chatbot-interface{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f9f9f9;font-family:Arial,sans-serif}.chat-container{width:95%;max-width:900px;height:80vh;background-color:#fff;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.chat-box{padding:20px;flex:1;overflow-y:auto}.chat-box,.user-message{display:flex;flex-direction:column}.user-message{align-items:flex-end;margin-bottom:10px;position:relative;max-width:80%;width:-moz-fit-content;width:fit-content;align-self:flex-end}.user-message .message-content{padding:10px;border-radius:10px;background-color:#2d9a47;text-align:left;color:#e9ecea}.bot-message{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:10px;position:relative;max-width:80%;width:-moz-fit-content;width:fit-content;align-self:flex-start}.bot-message .message-content{padding:10px;border-radius:10px;background-color:#5f67d1;text-align:left;color:#e9ecea;border:1px solid #ddd}.timestamp{font-size:.8em;color:#888;margin-top:5px;margin-left:0}.input-container{display:flex;padding:10px;border-top:1px solid #ddd;background-color:#f9f9f9}textarea{flex:1;line-height:1.3;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}button{background-color:#007bff;border:none;color:#fff;padding:0 15px;margin-left:10px;border-radius:5px}button img{width:24px;height:24px}button:hover{background-color:#0056b3}.bot-message p,.user-message p{margin:0;word-break:break-word}.gpt-logo{width:40px;height:40px;margin-right:10px;align-self:flex-start}body,html{background-color:#f9f9f9}body,button,dd,div,dl,dt,fieldset,form,h1,html,input,p,table,tbody,td,textarea,th,thead{margin:0;padding:0;border:0;box-sizing:border-box}table{border-collapse:collapse;border-spacing:0;width:100%;font-size:14px;font-family:Noto Sans KR,sans-serif}textarea{border:none;resize:none}li,ul{margin:0;padding:0;list-style:none}a,button{font-size:16px}button{cursor:pointer}input:disabled{background-color:#d3d3d3;cursor:not-allowed}#app{padding-top:60px;height:100%}.sign-in-page{max-width:100vw;display:flex;justify-content:center;margin:auto;padding:45px 60px 60px;background-color:#fff;border:1px solid #ededed}.sign-in-page h3{margin-bottom:20px;text-align:left}.sign-in-page form fieldset input{margin-bottom:8px}.sign-in-page form fieldset input[type=password],.sign-in-page form fieldset input[type=text]{width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:8px;padding:5px 12px;color:#495057;border:1px solid #ced4da;border-radius:.25rem;font-size:14px}.sign-in-page form fieldset input[type=password]{margin-bottom:16px}.sign-in-page form fieldset button[type=submit]{width:100%;margin-bottom:8px;padding:.75rem;font-size:16px;font-weight:700;color:#fff;border-radius:.25rem;background-color:#414141;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.sign-in-page form fieldset button[type=submit]:hover{background-color:#181818}.sign-in-page>p{font-size:16px;text-align:left}.sign-up-page{width:456px;height:396px;margin:auto;padding:45px 60px 60px;background-color:#fff;border:1px solid #ededed}.sign-up-page h3{margin-bottom:20px;text-align:left}.sign-up-page form fieldset input{margin-bottom:8px}.sign-up-page form fieldset input[type=email],.sign-up-page form fieldset input[type=password],.sign-up-page form fieldset input[type=text]{width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:8px;padding:5px 12px;color:#495057;border:1px solid #ced4da;border-radius:.25rem;font-size:14px}.sign-up-page form fieldset button[type=submit]{width:100%;margin:16px 0 8px;padding:.75rem;font-size:16px;font-weight:700;color:#fff;border-radius:.25rem;background-color:#414141;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.sign-up-page form fieldset button[type=submit]:hover{background-color:#181818}.sign-up-page>p{font-size:16px;text-align:left}.app-header{position:fixed;top:0;left:0;width:100%;height:60px;border-bottom:1px solid #ededed;background-color:#fff}.app-header h1{position:absolute;left:20px;top:12px;font-size:26px}.app-header>div{position:absolute;top:20px;right:20px}.app-header>div>strong>button{font-size:14px}.app-header>div>strong>button:focus{outline:none}.app-header>div>strong>button>i{padding-left:8px}.app-header>div>strong>button>.fa-sort-up{margin-bottom:-1px;vertical-align:bottom}.app-header>div>strong>button>.fa-sort-down{margin-top:-1px;vertical-align:top}.app-header>div>ul{position:absolute;top:44px;left:0;width:100%;box-shadow:0 4px 10px -4px rgba(0,0,0,.2)}.app-header>div>ul>li>button{width:100%;padding:10px;font-size:14px;text-align:left}.app-header>div>ul>li>button:focus{outline:none}.post-list-page{width:940px;margin:60px auto 0;padding:40px 30px 60px;background-color:#fff;box-shadow:0 4px 10px -4px rgba(0,0,0,.2)}.post-list-page:after{content:"";display:block;clear:both}.post-list-page h1{margin-bottom:20px;text-align:left;font-size:24px}.post-list-page>div{background-color:#fff}.post-list-page>div table{width:100%}.post-list-page>div table thead{font-size:14px;font-weight:400;color:#fff;background-color:#888}.post-list-page>div table thead th{position:relative;padding:10px}.post-list-page>div table thead th:after{content:"|";position:absolute;right:0;color:#c3b9b9}.post-list-page>div table thead th:last-child:after{content:""}.post-list-page>div table tbody td{padding:20px;font-weight:400;border-bottom:1px solid #ededed}.post-list-page>div table tbody td:nth-child(2){text-align:left}.post-list-page>a{margin-top:13px;float:right;padding:.5rem 1.75rem;background-color:#414141;border-radius:.25rem;color:#fff;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.post-list-page>a:hover{background-color:#181818}.post-view-page{width:940px;margin:60px auto 0;padding:40px 30px 60px;background-color:#fff;box-shadow:0 4px 10px -4px rgba(0,0,0,.2);text-align:right}.post-view-page h1{margin-bottom:12px;text-align:left;font-size:24px}.post-view-page>p{text-align:center;margin:1rem 0}.post-view-page .post-view>div{padding:20px;text-align:left;font-size:14px;border-bottom:2px solid #868e96}.post-view-page .post-view>div>h1{font-size:24px}.post-view-page .post-view>div>span{display:block;margin-bottom:2px;color:#868e96}.post-view-page .post-view>div>strong{font-weight:400;color:#868e96}.post-view-page .post-view>p{margin-bottom:20px;padding:20px;text-align:left}.post-view-page a,.post-view-page button{display:inline-block;padding:.5rem 1.75rem;background-color:#414141;border-radius:.25rem;color:#fff;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.post-view-page>a:hover,.post-view-page>button:hover{background-color:#181818}.post-view-page>ul{text-align:left;margin-top:20px;border-top:1px solid #ced4da}.post-view-page>ul>li{overflow:hidden;padding:20px;border-bottom:1px solid #ced4da}.post-view-page>.comments .comment-item{position:relative}.post-view-page>.comments .comment-item>strong{margin-right:5px}.post-view-page>.comments .comment-item>span{font-size:14px;vertical-align:bottom}.post-view-page>.comments .comment-item textarea,.post-view-page>.comments .comment-item textarea+button,.post-view-page>.comments .comment-item>p{margin-top:.5rem}.post-view-page>.comments .comment-item textarea{display:inline-block;border:1px solid #868e96;width:85%;padding:10px;height:60px;vertical-align:top;font-size:14px}.post-view-page>.comments .comment-item textarea+button{display:inline-block;border:1px solid #666;padding:10px;width:14%;height:60px;background-color:#414141;color:#fff;border-radius:.25rem;font-size:1rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.post-view-page>.comments .comment-item textarea+button:hover{background-color:#181818}.post-view-page>.comments .comment-item>ul{position:absolute;right:0;top:0;overflow:hidden}.post-view-page>.comments .comment-item>ul li{position:relative;float:left;padding:0 10px 0 0;margin:0 10px 0 0}.post-view-page>.comments .comment-item>ul li:after{position:absolute;right:0;top:2px;content:"|";color:#868e96}.post-view-page>.comments .comment-item>ul li:last-child{margin-right:0;padding-right:0}.post-view-page>.comments .comment-item>ul li:last-child:after{content:""}.post-view-page>.comments .comment-item>ul li button{color:#868e96}.post-view-page>.comments .comment-item>ul li button:hover{color:#2c3e50}.comment-form{position:relative;margin-top:20px;padding-right:100px;overflow:hidden}.comment-form textarea{width:100%;height:60px;border:1px solid #868e96;padding:10px;font-size:14px}.comment-form button{position:absolute;right:0;top:0;height:60px;width:96px;background-color:#414141;color:#fff;font-size:16px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.comment-form button:hover{background-color:#181818}.comments button{background-color:transparent;color:#000;font-size:12px;padding:0;border-radius:0;transition:opacity .3s ease-in-out;outline:0}.post-create-page{width:940px;padding:40px 30px 60px;margin:60px auto 0;background-color:#fff;border:1px solid #ededed}.post-create-page:after{content:"";display:block;clear:both}.post-create-page h1{margin-bottom:20px;text-align:left;font-size:24px}.post-create-page form fieldset input{margin-bottom:8px}.post-create-page label{display:inline-block;width:100%;text-align:left;font-size:14px}.post-create-page form fieldset input[type=text],.post-create-page form fieldset textarea{width:100%;margin-bottom:8px;padding:5px 12px;color:#495057;border:1px solid #ced4da;border-radius:.25rem;font-size:14px}.post-create-page form fieldset input[type=text]{height:calc(1.5em + .75rem + 2px)}.post-create-page form fieldset a,.post-create-page form fieldset button[type=submit]{float:right;height:38px;box-sizing:border-box;margin:16px 0 8px;padding:.5rem 1.75rem;font-size:16px;font-weight:700;color:#fff;border-radius:.25rem;background-color:#414141;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.post-create-page form fieldset a{text-decoration:none;margin-right:4px}.post-create-page form fieldset a:hover,.post-create-page form fieldset button[type=submit]:hover{background-color:#181818}.post-edit-page{width:940px;padding:40px 30px 60px;margin:60px auto 0;background-color:#fff;border:1px solid #ededed}.post-edit-page h1{margin-bottom:20px;text-align:left;font-size:24px}.post-edit-page form fieldset input{margin-bottom:8px}.post-edit-page label{display:inline-block;width:100%;text-align:left;font-size:14px}.post-edit-page form fieldset input[type=text],.post-edit-page form fieldset textarea{width:100%;margin-bottom:8px;padding:5px 12px;color:#495057;border:1px solid #ced4da;border-radius:.25rem;font-size:14px}.post-edit-page form fieldset input[type=text]{height:calc(1.5em + .75rem + 2px)}.post-edit-page form fieldset a,.post-edit-page form fieldset button[type=submit]{float:right;height:38px;box-sizing:border-box;margin:16px 0 8px;padding:.5rem .75rem;padding:.5rem 1.75rem;font-size:16px;font-weight:700;color:#fff;border-radius:.25rem;background-color:#414141;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.post-edit-page form fieldset a{text-decoration:none;margin-right:4px}.post-edit-page form fieldset a:hover,.post-edit-page form fieldset button[type=submit]:hover{background-color:#181818}section.notice{padding:40px 0}.page-title{margin-bottom:60px}.page-title h3{font-size:24px;color:#333;font-weight:700;text-align:center;margin-bottom:20px}#board-search .search-window{padding:15px 0;background-color:#f9f9f9}#board-search .search-window .search-wrap{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%}#board-search .search-select{height:40px;padding:0 10px;font-size:14px;border:none;border-right:1px solid #ccc;background-color:#fff;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:Noto Sans KR,sans-serif}#board-search .search-window .search-wrap input{height:40px;width:240px;padding:0 10px;border:none;outline:none;font-family:Noto Sans KR,sans-serif}#board-search .search-wrap .btn i{font-size:18px;color:#333}#board-search .search-window .search-wrap input:focus{border-color:#333;outline:0;border-width:1px}#board-search .search-window .search-wrap .btn{height:40px;padding:0 16px;font-size:14px;background-color:#333;color:#fff;border:none;cursor:pointer}.board-table{font-size:13px;width:100%;border-top:1px solid #ccc;border-bottom:1px solid #ccc}.board-table a{color:#333;display:inline-block;line-height:1.4;word-break:break-all;vertical-align:middle}.board-table a:hover{text-decoration:underline}.board-table th{background-color:#f1f1f1;font-weight:700}.board-table .th-num{width:100px;text-align:center}.board-table .th-date{width:200px}.board-table td,.board-table th{padding:14px;border-bottom:1px solid #ddd}.board-table tbody td{border-top:1px solid #e7e7e7;text-align:center}.board-table tbody th{padding-left:28px;padding-right:14px;border-top:1px solid #e7e7e7;text-align:left}.board-table tbody th p{display:none}.board-table tbody tr:hover{background-color:#f9f9f9}.btn{display:inline-block;padding:0 30px;font-size:15px;font-weight:400;background:transparent;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;text-transform:uppercase;border-radius:0;transition:all .3s}.btn-dark{background:#555;color:#fff}.btn-dark:focus,.btn-dark:hover{background:#373737;border-color:#373737;color:#fff}.btn-primary{background-color:#007bff;color:#fff;padding:10px 20px;border:none;cursor:pointer;text-align:center;font-size:14px;border-radius:4px}.btn-primary:hover{background-color:#0056b3}*{list-style:none;text-decoration:none}.clearfix:after{content:"";display:block;clear:both}.container,.container-right{width:1700px;margin:0 auto}.container-right{text-align:right;padding:20px 0}.blind{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}@media print{body{margin:0!important}}.w3-input{box-sizing:border-box}.main-container{font-family:Lato;width:-moz-fit-content;width:fit-content;margin-right:auto}.ck-content{font-family:Lato;line-height:1.6;word-break:break-word}.editor-container_classic-editor .editor-container__editor{min-width:795px;max-width:795px}.editor-container_include-block-toolbar{margin-left:0}.board-contents h1,.board-contents p{color:#000}.board-contents h2,.board-contents h3,.board-contents h4,.board-contents h5,.board-contents h6,.board-contents ol,.board-contents p,.board-contents ul{text-align:left}.nav-tabs{width:80%;margin:0 auto}.nav-tabs,.tabs{border-bottom:2px solid #ddd}.tabs{display:flex;list-style:none;padding:0;margin:0}.tabs li{padding:10px 20px;cursor:pointer;border:1px solid transparent;border-bottom:none}.tabs li.active{border-color:#ddd;border-bottom:2px solid #fff;font-weight:700}.tab-content{padding:20px;border:1px solid #ddd}.tbl_wrp{margin-top:20px;background-color:#060c1c;padding:15px;position:relative;display:flex;flex-direction:column}.table{width:100%;border-collapse:separate;border-spacing:0;color:#fff}.table-header{background-color:#a8d0db;color:#000;text-align:left}.table-header th{padding:10px}.role-row{background-color:#060c1c}.role-row td{padding:10px;text-align:left;border-top:1px solid #333}.add-role-button{margin-top:10px;padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;align-self:flex-end}.add-role-button:hover{background-color:#45a049}.tbl_wrp{background-color:#2c2f33;padding:30px;border-radius:10px;max-width:80%;margin:20px auto;font-family:Roboto,sans-serif;color:#fff}.form-group2 label{font-weight:500;color:#b0b3b8;margin-bottom:5px;display:block;text-align:left}.form-control2{background-color:#fff;border:1px solid #555;border-radius:5px;color:#2c2f33;padding:8px;font-size:14px;margin-bottom:15px;width:100%}.form-group2 span{display:flex;align-items:center}input[type=checkbox]{margin-right:5px}.form-group2 .col-sm-offset-1 .btn{background-color:#4a4e69;color:#fff;padding:8px 16px;font-size:14px;border-radius:5px;text-decoration:none;margin-left:10px;transition:background-color .3s}.form-group2 .col-sm-offset-1 .btn:hover{background-color:#6a6f89}.form-group2{margin-bottom:15px}.select-wrapper{width:100%}select.form-control2{background-color:#1e2125;color:#fff;border:1px solid #555;border-radius:5px;padding:8px;width:100%}.hover-underline:hover{text-decoration:underline;cursor:pointer}.container-error{display:flex;align-items:center;justify-content:center;height:100vh;width:100%}.stack-container-error{position:relative;width:420px;height:210px;transition:width 1s,height 1s}.error-error{width:400px;padding:40px;text-align:center}.error-error h1{font-size:125px;margin:0;font-weight:700}.error-error h2{margin:-30px 0 0;font-size:47px;letter-spacing:12px}.writing-error{width:320px;height:200px;background-color:#3f3f3f;border:1px solid #bbb;border-radius:6px 6px 4px 4px;position:relative}.writing-error .topbar-error{position:absolute;width:100%;height:12px;background-color:#f1f1f1;border-top-left-radius:4px;border-top-right-radius:4px}.writing-error .topbar-error div{height:6px;width:6px;border-radius:50%;margin:3px;float:left}.writing-error .topbar-error .green-error{background-color:#60d060}.writing-error .topbar-error .red-error{background-color:red}.writing-error .topbar-error .yellow-error{background-color:#e6c015}.writing-error .code-error{padding:15px}.writing-error .code-error ul{list-style:none;margin:0;padding:0}.writing-error .code-error ul li{background-color:#9e9e9e;width:0;height:7px;border-radius:6px;margin:10px 0}.perspec-error{perspective:1000px}.explode-error{animation:explode-error .5s ease-in-out forwards}.writeLine-error{animation:writeLine-error .4s linear forwards}.card-error{animation:tiltcard-error .5s ease-in-out 1s forwards;position:absolute}@keyframes tiltcard-error{0%{transform:rotateY(0deg)}to{transform:rotateY(-30deg)}}@keyframes explode-error{0%{transform:translate(0) scale(1)}to{transform:translate(var(--spreaddist),var(--vertdist)) scale(var(--scaledist))}}@keyframes writeLine-error{0%{width:0}to{width:var(--linelength)}}.ck-editor__editable{min-height:650px!important;min-width:1200px!important}.ck-content{color:#000!important}.ck-content .ck-placeholder{display:none!important}.ck-content h1,.ck-content p{color:#000!important}.ck-content h1{text-align:left}.ck-editor__top{min-width:1200px}.ck-content p.ck-heading_paragraph{text-align:left!important;color:#000!important}.ck.ck-content ul,.ck.ck-content ul li{list-style-type:inherit}.ck.ck-content ul{padding-left:40px}.ck.ck-content ol,.ck.ck-content ol li{list-style-type:decimal}.ck.ck-content ol{padding-left:40px}#blackhole[data-v-c75252d8]{height:100%;width:100%;position:relative;display:flex}.centerHover[data-v-c75252d8]{width:255px;height:255px;background-color:transparent;border-radius:50%;position:absolute;left:50%;top:50%;margin-top:-128px;margin-left:-128px;z-index:2;cursor:pointer;line-height:255px;text-align:center;transition:all .5s}.centerHover.open[data-v-c75252d8]{opacity:0;pointer-events:none}.centerHover:hover span[data-v-c75252d8]{color:#ddd}.centerHover:hover span[data-v-c75252d8]:after,.centerHover:hover span[data-v-c75252d8]:before{background-color:#ddd}.centerHover span[data-v-c75252d8]{color:#666;font-family:serif;font-size:18px;position:relative;transition:all .5s}.centerHover span[data-v-c75252d8]:before{margin-right:12px}.centerHover span[data-v-c75252d8]:after,.centerHover span[data-v-c75252d8]:before{content:"";display:inline-block;height:1px;width:16px;margin-bottom:4px;background-color:#666;transition:all .5s}.centerHover span[data-v-c75252d8]:after{margin-left:12px}[data-v-c75252d8] canvas{position:relative;z-index:1;width:100%;height:100%;margin:auto}#loginForm{width:500px;margin:auto}input[type=email][data-v-01e5d1e4],input[type=password][data-v-01e5d1e4],input[type=text][data-v-01e5d1e4]{display:block;width:100%}.sign-in-page *{box-sizing:border-box;position:relative;padding:0;margin:0}.sign-in-page body,.sign-in-page html{max-width:100vw;overflow-x:hidden}.sign-in-page body{min-height:100vh;background:#fff;color:#333;line-height:1.5;font-family:Roboto,-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif}.sign-in-page button,.sign-in-page input{border:none;outline:none;background:none;font-family:inherit}.sign-in-page .demo-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;min-height:50vh;padding:20px;background:#ededed;border:1px solid #ccc}.sign-in-page .animated-border{--bw:var(--border-width,3px);z-index:2;position:absolute;inset:0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,var(--bw) var(--bw),var(--bw) calc(100% - var(--bw)),calc(100% - var(--bw)) calc(100% - var(--bw)),calc(100% - var(--bw)) var(--bw),var(--bw) var(--bw))}.sign-in-page .animated-border:before{content:"";position:absolute;left:50%;top:50%;width:150%;padding-bottom:150%;background:conic-gradient(from 270deg,#ff4800 10%,#dfd902 35%,#20dc68,#0092f4,#da54d8 72% 75%,#ff4800 95%);animation:rotateBtnBg 2s linear infinite;transform:translate(-50%,-50%)}.sign-in-page .local-container{width:850px;max-width:100%}@media(max-width:768px){.sign-in-page .local-container{width:100%}}.sign-in-page .demo{--switcher-width:260px;--arrow-offset:30px;--anim-time:1.2s;--transition-transform:transform var(--anim-time) ease-in-out;--transition-opacity:opacity 0s calc(var(--anim-time)/2);--btn-height:36px;height:550px;filter:drop-shadow(0 0 10px rgba(0,0,0,.3))}.sign-in-page .demo button{display:block;margin:0 auto;height:var(--btn-height);color:#fff;font-size:15px;cursor:pointer}.sign-in-page .demo__inner{--demoX1:0;--demoX2:calc(100% - var(--arrow-offset));--demoX3:100%;--demoX4:calc(100% - var(--arrow-offset));--demoX5:0;--demoX6:0;overflow:hidden;height:100%;padding-right:var(--switcher-width);background:#fff;transition:clip-path var(--anim-time) ease-in-out;will-change:clip-path;clip-path:polygon(var(--demoX1) 0,var(--demoX2) 0,var(--demoX3) 50%,var(--demoX4) 100%,var(--demoX5) 100%,var(--demoX6) 50%)}.sign-in-page .demo.s--switched .sign-in-page .demo__inner{--demoX1:var(--arrow-offset);--demoX2:100%;--demoX3:100%;--demoX4:100%;--demoX5:var(--arrow-offset);--demoX6:0}@media(max-width:768px){.sign-in-page .demo__inner{padding-right:0;height:auto;clip-path:none;background:none}}.sign-in-page .demo__forms{height:100%;transition:var(--transition-transform);will-change:transform}@media(max-width:768px){.sign-in-page .demo__forms{height:auto;transform:none!important}}.sign-in-page .demo.s--switched .sign-in-page .demo__forms{transform:translateX(var(--switcher-width))}@media(max-width:768px){.sign-in-page .demo.s--switched .sign-in-page .demo__forms{transform:none}}.sign-in-page .demo__form{position:absolute;inset:0;transition:var(--transition-opacity)}@media(max-width:768px){.sign-in-page .demo__form{position:relative;inset:auto;background:#fff;margin-top:0;padding-bottom:20px;opacity:1!important;pointer-events:auto!important}.sign-in-page .demo__form:first-child{display:block}.sign-in-page .demo.s--switched .sign-in-page .demo__form:first-child,.sign-in-page .demo__form:last-child{display:none}.sign-in-page .demo.s--switched .sign-in-page .demo__form:last-child{display:block}}.sign-in-page .demo.s--switched .sign-in-page .demo__form:first-child,.sign-in-page .demo__form:last-child{opacity:0;pointer-events:none}.sign-in-page .demo.s--switched .sign-in-page .demo__form:last-child{opacity:1;pointer-events:auto}.sign-in-page .demo__form-content{width:var(--switcher-width);margin:0 auto}@media(max-width:768px){.sign-in-page .demo__form-content{width:90%}.sign-in-page .demo__switcher{position:relative;height:auto;clip-path:none;background:transparent}.sign-in-page .demo__switcher:before{content:none}.sign-in-page .demo__switcher-inner{transform:none!important;height:auto}}.sign-in-page .demo__switcher-content{overflow:hidden;position:absolute;right:0;top:0;display:flex;flex-direction:column;justify-content:center;-moz-column-gap:20px;column-gap:20px;width:var(--switcher-width);height:100%}@media(max-width:768px){.sign-in-page .demo__switcher-content{position:relative;right:auto;top:auto;width:100%;height:auto;padding:0;flex-direction:column;justify-content:flex-start;background:none}}.sign-in-page .demo__switcher__mobile-tabs{display:none;width:100%}@media(max-width:768px){.sign-in-page .demo__switcher__mobile-tabs{display:flex;justify-content:space-around;height:50px;background:#2a2a2a}}.sign-in-page .demo__switcher__mobile-tabs .tab-button{flex-grow:1;height:100%;background:transparent;color:hsla(0,0%,100%,.6);font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent}.sign-in-page .demo__switcher__mobile-tabs .tab-button.is-active{color:#fff;border-bottom-color:#d4af7a}@media(max-width:768px){.sign-in-page .demo__switcher-btn,.sign-in-page .demo__switcher-text{display:none}}.sign-in-page .form{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:50px 0;row-gap:20px;text-align:center;transition:transform var(--anim-time,1.2s);will-change:transform}@media(max-width:768px){.sign-in-page .form{height:auto;padding:30px 0;transition:none}}.sign-in-page .form__heading{font-size:20px;font-weight:700}.sign-in-page .form__field{width:100%}.sign-in-page .form__field-label{font-size:12px;color:#cfcfcf;text-transform:uppercase}.sign-in-page .form__field-input{display:block;width:100%;max-width:100%;margin-top:5px;padding-bottom:5px;font-size:16px;border-bottom:1px solid rgba(0,0,0,.4);text-align:center}.sign-in-page .form__submit{width:100%;background:#d4af7a}.bubble{margin-bottom:10px;border:1px solid #ccc;padding:10px;border-radius:10px;background-color:#f1f1f1;display:block;max-width:80%;width:-moz-fit-content;width:fit-content;word-wrap:break-word;opacity:0;transform:translateY(100%);transition:opacity 1s ease-in-out,transform 1s ease-in-out}.bubble.visible{opacity:1;transform:translateY(0)}body,html{font-family:Roboto,sans-serif;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.invisible{opacity:0}.scroll-bar::-webkit-scrollbar{background-color:#c8c8c8;width:20px}.scroll-bar::-webkit-scrollbar-thumb{background-color:#5a5a5a}#chat-wrapper{background-color:hsla(0,0%,100%,.829);height:calc(100% - 220px);overflow:auto;width:90%;position:relative;margin:auto;top:60px}#chat-wrapper #chat-bot-mood{left:0;padding:20px;position:absolute;top:-60px;white-space:nowrap;z-index:10}#chat-wrapper #chat-bot-mood.friendly #chat-bot-mood-icon{background:linear-gradient(90deg,#03a9f4,#4caf50)}#chat-wrapper #chat-bot-mood.friendly #chat-bot-mood-label #chat-bot-mood-value{color:#03a9f4}#chat-wrapper #chat-bot-mood.suspicious #chat-bot-mood-icon{background:linear-gradient(90deg,#d32f2f,#ff6f00)}#chat-wrapper #chat-bot-mood.suspicious #chat-bot-mood-label #chat-bot-mood-value{color:#d32f2f}#chat-wrapper #chat-bot-mood .draggable{position:absolute;cursor:move}#chat-wrapper #chat-bot-mood.boastful #chat-bot-mood-icon{background:linear-gradient(90deg,#ff6f00,#fbc02d)}#chat-wrapper #chat-bot-mood.boastful #chat-bot-mood-label #chat-bot-mood-value{color:#ff6f00}#chat-wrapper #chat-bot-mood #chat-bot-mood-icon{border-radius:30px;height:30px;margin-left:10px;width:30px}#chat-wrapper #chat-bot-mood #chat-bot-mood-icon,#chat-wrapper #chat-bot-mood #chat-bot-mood-label{box-shadow:0 1px 6px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.12);display:inline-block;vertical-align:top}#chat-wrapper #chat-bot-mood #chat-bot-mood-label{background-color:#fff;border-radius:20px;height:20px;margin-left:5px;padding:5px 15px}#chat-wrapper #chat-bot-mood #chat-bot-mood-label h1{display:inline-block;font-size:.9em;font-weight:300;height:20px;line-height:20px;margin:0;vertical-align:top}#chat-wrapper #chat-bot-mood #chat-bot-mood-label #chat-bot-mood-text{color:#3c3c3c}#chat-wrapper #letter-pool,#chat-wrapper #temp-letter-pool{backface-visibility:hidden;height:100%;left:0;overflow:hidden;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:1}#chat-wrapper #letter-pool .pool-letter,#chat-wrapper #letter-pool .temp-letter,#chat-wrapper #temp-letter-pool .pool-letter,#chat-wrapper #temp-letter-pool .temp-letter{color:#d2d2d2;display:inline-block;font-weight:300;position:absolute}#chat-wrapper #letter-overlay{height:100%;left:0;pointer-events:none;position:absolute;overflow:hidden;top:0;width:100%;z-index:5}#chat-wrapper #letter-overlay .overlay-letter{color:#d2d2d2;font-weight:300;position:absolute;transition:all 1.5s,opacity .5s;transition-timing-function:ease-in-out}#chat-wrapper #letter-overlay .overlay-letter.in-flight{animation:pulse-letter 1s ease-in-out;color:#d2d2d2}#chat-wrapper #chat-message-window{height:calc(100% - 90px);overflow:hidden;position:relative;width:100%}#chat-wrapper #chat-message-window #message-input-wrapper{bottom:0;height:150px;left:0;position:absolute;width:100%;z-index:2}#chat-wrapper #chat-message-window #message-input-wrapper #message-input{left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);display:flex;padding:5px 10px;align-items:center;background-color:#fff;border-radius:30px;box-shadow:0 1px 6px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.12);min-height:100px;height:auto;line-height:50px;overflow:hidden;width:500px}#chat-wrapper #chat-message-window #message-input-wrapper #message-input.send-enabled #send-message-button:after,#chat-wrapper #chat-message-window #message-input-wrapper #message-input.send-enabled #send-message-button:before{left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);animation:pulse 3s ease-in-out infinite;border-radius:100px;content:"";height:30px;width:30px}#chat-wrapper #chat-message-window #message-input-wrapper #message-input.send-enabled #send-message-button i{color:#03a9f4}#chat-wrapper #chat-message-window #message-input-wrapper #message-input textarea{flex:1;margin-right:35px;line-height:1.2;font-size:14px;padding:10px;width:100%;height:100px;border:1px solid #e6e6e6;border-radius:5px;resize:none;box-sizing:border-box}#chat-wrapper #chat-message-window #message-input-wrapper #message-input #message-input-field{border:none;color:#b4b4b4;font-size:1em;font-weight:300;margin-left:20px;outline:none;width:330px}#chat-wrapper #chat-message-window #message-input-wrapper #message-input #message-input-field::-moz-placeholder{color:#b4b4b4}#chat-wrapper #chat-message-window #message-input-wrapper #message-input #message-input-field::placeholder{color:#b4b4b4}#chat-wrapper #chat-message-window #message-input-wrapper #message-input #send-message-button{cursor:pointer;height:50px;position:absolute;right:0;text-align:center;top:0;width:50px}#chat-wrapper #chat-message-window #message-input-wrapper #message-input #send-message-button i{color:#e6e6e6;height:50px;line-height:50px;font-size:2em;transition:all .5s;width:50px}#chat-wrapper #chat-message-window #chat-message-column-wrapper{bottom:90px;top:0;left:0;position:absolute;width:100%;z-index:1;flex:1;overflow:hidden}#chat-wrapper #chat-message-window #chat-message-column-wrapper #chat-message-column{display:flex;flex-direction:column-reverse;padding:20px;width:calc(100% - 40px);height:100%;position:absolute;overflow:hidden}#chat-wrapper #chat-message-window #chat-message-column-wrapper #chat-message-column.static{overflow-y:auto;position:absolute}#chat-wrapper #chat-message-window #chat-message-column-wrapper #chat-message-column .initial-message{position:absolute;left:300px;top:600px}#chat-wrapper #chat-message-window #chat-message-column-wrapper #chat-message-column .message{animation:expand .5s ease-in-out;margin-bottom:20px;white-space:nowrap}#chat-wrapper #chat-message-window #chat-message-column-wrapper #chat-message-column .message.received{text-align:left}#chat-wrapper #chat-message-window #chat-message-column-wrapper #chat-message-column .message.received.friendly .profile-icon{background:linear-gradient(90deg,#03a9f4,#4caf50);margin-right:15px}#chat-wrapper #chat-message-window #chat-message-column-wrapper #chat-message-column .message.received.suspicious .profile-icon{background:linear-gradient(90deg,#d32f2f,#ff6f00);margin-right:15px}#chat-wrapper #chat-message-window #chat-message-column-wrapper #chat-message-column .message.received.boastful .profile-icon{background:linear-gradient(90deg,#ff6f00,#fbc02d);margin-right:15px}#chat-wrapper #chat-message-window #chat-message-column-wrapper #chat-message-column .message.received .profile-icon i{font-size:1.5em;margin-right:15px}#chat-wrapper #chat-message-window #chat-message-column-wrapper #chat-message-column .message.received .profile-icon i:before{display:inline-block;transform:rotate(90deg)}#chat-wrapper #chat-message-window #chat-message-column-wrapper #chat-message-column .message.received .content{background-color:#fff;border-radius:25px;display:inline-block;max-width:300px;padding:15px 20px;position:relative;text-align:left;transition:all .5s;vertical-align:top;white-space:normal;z-index:1}#chat-wrapper #chat-message-window #chat-message-column-wrapper #chat-message-column .message.sent{text-align:right}#chat-wrapper #chat-message-window #chat-message-column-wrapper #chat-message-column .message.sent .profile-icon{background:linear-gradient(90deg,#ab47bc,#03a9f4)}#chat-wrapper #chat-message-window #chat-message-column-wrapper #chat-message-column .message.sent .profile-icon i{font-size:1.25em}#chat-wrapper #chat-message-window #chat-message-column-wrapper #chat-message-column .message.sent .content{animation:bounceInLeft 1s ease-in-out forwards;animation-delay:.5s;margin-right:20px}#chat-wrapper #chat-message-window #chat-message-column-wrapper #chat-message-column .message.sent.proofread .content{background-color:#dff5eb;border:1px solid #c3e6cb;color:#fff;margin-right:10px}#chat-wrapper #chat-message-window #chat-message-column-wrapper #chat-message-column .message.sent.proofread .profile-icon{display:none}#chat-wrapper #chat-message-window #chat-message-column-wrapper #chat-message-column .message .profile-icon{animation:bounceIn 1s ease-in-out;animation-delay:.25s;border-radius:100px;box-shadow:0 1px 6px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.12);display:inline-block;height:50px;position:relative;vertical-align:top;width:50px;z-index:2}#chat-wrapper #chat-message-window #chat-message-column-wrapper #chat-message-column .message .profile-icon i{color:#fff;height:50px;line-height:50px;text-align:center;width:50px}#chat-wrapper #chat-message-window #chat-message-column-wrapper #chat-message-column .message .content{background-color:#fff;border-radius:25px;box-shadow:0 1px 6px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.12);display:inline-block;max-width:300px;padding:15px 20px;position:relative;text-align:left;transition:all .5s;vertical-align:top;white-space:normal;z-index:1}#chat-wrapper #chat-message-window #chat-message-column-wrapper #chat-message-column .message .content .text{color:#b4b4b4;font-size:1em;font-weight:300;margin:0;min-height:20px;word-wrap:break-word}#chat-wrapper #chat-message-window #chat-message-column-wrapper #chat-message-column .message .content .text span{height:20px}@keyframes flash-dot{0%,to{background-color:#c8c8c8}50%{background-color:hsla(0,0%,78%,.5)}}@keyframes expand{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes translate{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(3,169,244,.5)}to{box-shadow:0 0 0 20px rgba(3,169,244,0)}}@keyframes pulse-letter{0%,to{color:#d2d2d2}50%{color:#03a9f4}}.company-logo,.navbar img{height:50px!important;width:auto!important}*{font-family:Lato,Arial,sans-serif}h1,p{color:#fff;text-align:center;line-height:1.4}h1{font-size:2.2rem}h2{color:#000;font-size:1.3rem;text-align:center;line-height:1.4;margin-bottom:10px}.page-wrapper{width:100%;height:auto}.nav-wrapper{width:100%;position:sticky;top:0;background-color:#fff}.grad-bar{width:100%;height:5px;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradbar 15s ease infinite}.navbar{display:grid;grid-template-columns:1fr 3fr;align-items:center;height:50px;overflow:hidden}.navbar img{height:16px;width:auto;justify-self:start;margin-left:20px}.navbar ul{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);justify-self:end}.nav-item a{color:#000;font-size:.9rem;font-weight:400;text-decoration:none;transition:color .3s ease-out}.nav-item a:hover{color:#3498db}.headline{height:50vh;min-height:350px;background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.7)),url(https://images.unsplash.com/photo-1435224668334-0f82ec57b605?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1yZWxhdGVkfDd8fHxlbnwwfHx8fA%3D%3D&w=1000&q=80);background-size:cover;flex-direction:column;justify-content:center}.features,.headline{width:100%;display:flex}.features{height:auto;background-color:#f1f1f1;padding:50px 20px;justify-content:space-around}.feature-container{flex-basis:30%;margin-top:10px}.feature-container p{color:#000;text-align:center;line-height:1.4;margin-bottom:15px}.feature-container img{width:100%;margin-bottom:15px}#search-icon{font-size:.9rem;margin-top:3px;margin-left:15px;transition:color .3s ease-out}#search-icon:hover{color:#3498db;cursor:pointer}.search{transform:translate(-45%);-webkit-transform:translate(-45%);color:#3498db}.no-search,.search{transition:transform .7s ease-in-out}.no-search{transform:translate(0)}.search-input{position:absolute;top:-4px;right:-185px;opacity:0;z-index:-1;transition:opacity .9s ease}.search-active{opacity:1;z-index:0}input{border:0;border-left:1px solid #ccc;border-radius:0;outline:0;padding:5px}.menu-toggle .bar{width:25px;height:3px;background-color:#3f3f3f;margin:5px auto;transition:all .3s ease-in-out}.menu-toggle{justify-self:end;margin-right:25px;display:none}.menu-toggle:hover{cursor:pointer}#mobile-menu.is-active .bar:nth-child(2){opacity:0}#mobile-menu.is-active .bar:first-child{transform:translateY(8px) rotate(45deg)}#mobile-menu.is-active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@keyframes gradbar{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media only screen and (max-width:720px){.features{flex-direction:column;padding:50px}h1{font-size:1.9rem}h2{font-size:1rem}p{font-size:.8rem}.navbar ul{display:flex;flex-direction:column;position:fixed;justify-content:start;top:55px;background-color:#fff;width:100%;height:calc(100vh - 55px);transform:translate(-101%);text-align:center;overflow:hidden;transition:transform .3s ease-in-out}.navbar li{padding:15px}.navbar li:first-child{margin-top:50px}.navbar li a{font-size:1rem}.bar,.menu-toggle{display:block;cursor:pointer}.mobile-nav{transform:translate(0)!important}.headline{height:20vh}.feature-container p{margin-bottom:25px}.feature-container{margin-top:20px}.feature-container:nth-child(2){order:-1}#search-icon,.search-input{display:none}}*{margin:0;padding:0;box-sizing:border-box}.footer{position:relative;width:100%;margin-top:50px}.footer .heading{max-width:1010px;width:90%;text-transform:uppercase;margin:0 auto;margin-bottom:3rem;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.footer .content{display:flex;justify-content:space-evenly;margin:1.5rem}.footer .content *{text-align:left}.footer .content h4{font-family:Malgun Gothic,sans-serif;font-weight:700}.footer .heading h2{font-family:Calibri,sans-serif;font-weight:700;text-align:left}.footer .content p{margin-bottom:1.3rem;color:rgba(0,0,0,.829)}.footer .content a{text-decoration:none;color:rgba(0,0,0,.829)}.footer .content a:hover{border-bottom:1px solid rgba(0,0,0,.829)}.footer .content h4{margin-bottom:1.3rem;font-size:19px}footer{text-align:center;margin-bottom:2rem}footer hr{margin:2rem 0}@media(max-width:767px){.footer .content{display:flex;flex-direction:column;font-size:14px}.footer{position:unset}}@media(min-width:768px)and (max-width:1024px){.footer,.footer .content{font-size:14px}}@media(orientation:landscape)and (max-height:500px){.footer{position:unset}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;overflow-y:auto}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}