.btn{border:none;font-size:15px;font-weight:700;cursor:pointer}.btn:focus{outline:none}.btn-small{padding:10px 26px;border-radius:2px}.btn-large{padding:14px 30px;border-radius:2px}.btn-round{border-radius:20px 20px 20px 2px}.btn-blue{background:#5e4ae3;color:#fff}.btn-pink{background:#ff206e;color:#fff}.btn-blue-outline{border:1px solid #5e4ae3;color:#5e4ae3;background:none}.btn-blue-text{color:#5e4ae3;background:transparent}.btn-pink-text{color:#ff206e;background:transparent}.btn-underline:hover{text-decoration:underline}.btn-icon{background:transparent;padding:20px}@media(max-width:540px){.btn-small{font-size:12px}}body{margin:0;background:#ebefef}*{font-family:usual,sans-serif;box-sizing:border-box;-webkit-font-smoothing:antialiased}.max-width{max-width:1020px;margin:0 auto;padding:0 20px}.main{padding-top:260px;display:flex;flex-direction:column;justify-content:center;align-items:center}.main span{font-size:20px;font-weight:600;color:#2a2d34}.main h2{color:#2a2d34;margin:0;text-align:center}.main button,.main form{margin-top:20px}.main form{display:flex}.main form input{padding:14px;border:none;font-size:18px;margin-right:10px;border-radius:6px;font-weight:600;box-shadow:0 10px 16px rgba(42,45,52,.1)}.main form input:focus{outline:none}.main form button{margin:0;box-shadow:0 10px 16px rgba(42,45,52,.1)}@media(max-width:540px){.main form{flex-direction:column}.main form input{margin:0 0 10px}}.sign-in-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;align-items:center;background:rgba(42,45,52,.3)}.sign-in-modal .sign-in-modal-container{position:relative;background:#fff;padding:60px;display:flex;flex-direction:column;border-radius:6px}.sign-in-modal h3{margin-top:0}.sign-in-modal .close{position:absolute;top:0;right:0}.sign-in-modal .back{position:absolute;top:0;left:0}.sign-in-modal form{display:flex;flex-direction:column;min-width:300px}.sign-in-modal label{font-size:12px;color:rgba(42,45,52,.4)}.sign-in-modal input{background:rgba(235,239,239,.7);border:none;border-radius:2px;padding:14px;margin:8px 0 16px;font-size:15px}.sign-in-modal input:focus{outline:none;box-shadow:0 0 0 1px #5e4ae3}.sign-in-modal button{text-align:center}.sign-in-modal i{color:rgba(42,45,52,.4)}.sign-in-modal .btn-blue-outline{width:100%;margin-top:10px}@media(max-width:540px){.sign-in-modal{justify-content:stretch;padding:20px}.sign-in-modal .sign-in-modal-container{padding:60px 40px 40px;flex:1 1}.sign-in-modal form{min-width:unset;flex:1 1}}.top-bar{background:#fff;position:fixed;top:0;right:0;left:0;z-index:1;-webkit-filter:drop-shadow(0 10px 16px rgba(42,45,52,.05));filter:drop-shadow(0 10px 16px rgba(42,45,52,.05))}.top-bar .top-bar-content{display:flex;align-items:center;height:80px}.top-bar .top-bar-content strong{position:relative;background:#8884ff;border-radius:2px 2px 2px 0;color:#fff;padding:4px 8px;text-transform:uppercase;font-weight:800;font-size:15px;cursor:pointer}.top-bar .top-bar-content strong:after{content:"";border-left:8px solid #8884ff;border-bottom:8px solid transparent;position:absolute;bottom:-8px;left:0}.top-bar .top-bar-content span{font-weight:600;margin-right:auto;margin-left:30px;color:#2a2d34}.top-bar .no-user span{color:rgba(42,45,52,.3)}@media(max-width:540px){.top-bar .top-bar-content strong{font-size:10px}.top-bar .top-bar-content span{font-size:14px;margin-left:10px}.top-bar .top-bar-content.no-user span{display:none}.top-bar .top-bar-content.no-user button{margin-left:auto}}.chat-bubble{position:relative;background:hsla(0,0%,100%,.75);padding:20px;margin-bottom:10px;max-width:600px;width:80%;border-radius:4px}.chat-bubble div{display:flex;align-items:center;margin:0 0 10px}.chat-bubble .chat-bubble-author{font-size:12px;font-weight:600;color:#ff206e}.chat-bubble i{font-size:5px;margin:0 10px;color:rgba(255,32,110,.5)}.chat-bubble .chat-bubble-timestamp{font-size:10px}.chat-bubble .chat-bubble-message{margin:10px 0 0;font-size:14px;line-height:1.5}.chat-bubble.chat-bubble-current{margin-left:auto;background:rgba(136,132,255,.15)}.chat-bubble.chat-bubble-current .chat-bubble-author{color:#5e4ae3}.chat-bubble.chat-bubble-current i{color:rgba(94,74,227,.5)}@media(max-width:540px){.chat-bubble{max-width:80%}.chat-bubble .chat-bubble-message{font-size:14px}}@media(max-width:400px){.chat-bubble{max-width:90%}}.chat{display:flex;flex-direction:column;padding:130px 0 120px}.chat .chat-info{position:fixed;top:80px;left:0;right:0;width:100%;z-index:1;background:rgba(255,32,110,.1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chat .chat-info .chat-info-container{padding:10px 20px}.chat .chat-info .chat-name-container{color:#ff206e;font-size:12px}.chat .chat-info .chat-name{font-weight:700}.chat .chat-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.chat .chat-no-messages{text-align:center;padding-top:160px}.chat .chat-no-messages h2{color:rgba(42,45,52,.2)}.chat .chat-input{display:flex;align-items:center;position:fixed;bottom:30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);box-shadow:0 10px 16px rgba(42,45,52,.1);background:#fff;padding:0 20px;border-radius:6px}.chat .chat-input textarea{border:none;resize:none;width:400px;font-size:15px;padding:20px 0;margin-right:10px;line-height:1.5}.chat .chat-input textarea:focus{outline:none}@media(max-width:540px){.chat{padding:130px 0 100px}.chat .chat-input{left:0;right:0;bottom:0;-webkit-transform:unset;transform:unset}}
/*# sourceMappingURL=main.49f25f2c.chunk.css.map */