.wrapper[data-v-701fe2c5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.message[data-v-701fe2c5]{padding:.5rem;border-radius:8px 8px 8px 0;background-color:#8ec5fc;color:#fff;margin:0 0 0 auto}.subtext[data-v-701fe2c5]{font-size:.75rem;text-align:right;color:grey}body{margin:0;padding:0;font-family:Dosis,sans-serif}#app{height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fbda61;background-image:linear-gradient(45deg,#fbda61,#ff5acd)}.title{font-family:Pattaya,sans-serif;font-size:3rem;margin-bottom:1rem}.footer,.title{text-align:center;color:#fff}.footer{margin-top:1rem;font-size:.8rem}.footer a{color:#fff}.container{width:100%;max-width:600px;height:85vh;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width:450px){.container{height:95vh}}.cardbox{background-color:#fff;border-radius:10px;height:100%;-webkit-box-shadow:2px 2px 20px rgba(0,0,0,.3);box-shadow:2px 2px 20px rgba(0,0,0,.3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding:.5rem;margin:0 10px}.chat{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:scroll}.chat .msg{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:.5rem}.chat .msg.bot{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.tip{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tip p{margin:auto;text-align:center;color:grey}.form,.form input{display:-webkit-box;display:-ms-flexbox;display:flex}.form input{-webkit-box-flex:1;-ms-flex:1;flex:1;font-family:Dosis,sans-serif;font-size:1rem;padding:.5rem;border-radius:8px 0 0 8px;border:1px solid #d3d3d3}.form input:focus{outline-width:0}.form button{font-family:Pattaya,sans-serif;font-size:1rem;background-color:#039be5;color:#fff;border:none;border-radius:0 8px 8px 0}.form button:focus{outline-width:0}.spinner{-webkit-transform:scale(.5);transform:scale(.5);text-align:center}.spinner>div{width:18px;height:18px;background-color:#fff;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s ease-in-out infinite both;animation:sk-bouncedelay 1.4s ease-in-out infinite both}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}