#page-auth{align-items:stretch;display:flex;height:100vh}#page-auth aside{background:#835afd;color:#fff;display:flex;flex:7 1;flex-direction:column;justify-content:center;padding:120px 80px}#page-auth aside img{max-width:320px}#page-auth aside strong{font:700 36px Poppins,sans-serif;line-height:42px;margin-top:16px}#page-auth aside p{color:#f8f8f8;font-size:24px;line-height:32px;margin-top:16px}#page-auth main{align-items:center;display:flex;flex:8 1;justify-content:center;padding:0 32px}#page-auth .main-content{align-items:stretch;display:flex;flex-direction:column;max-width:320px;text-align:center;width:100%}#page-auth .main-content>img{align-self:center}#page-auth .main-content h2{font-family:Poppins,sans-serif;font-size:24px;margin:64px 0 24px}#page-auth .main-content form input{background:#fff;border:1px solid #a8a8b3;border-radius:8px;height:50px;padding:0 16px}#page-auth .main-content form button{margin-top:16px}#page-auth .main-content form button,#page-auth .main-content form input{width:100%}#page-auth .main-content p{color:#737380;font-size:14px;margin-top:16px}#page-auth .main-content p a{color:#e559f9}#page-auth .create-room{align-items:center;background:#ea4335;border:0;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;height:50px;justify-content:center;margin-top:64px;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s}#page-auth .create-room img{margin-right:8px}#page-auth .create-room:hover{-webkit-filter:brightness(.9);filter:brightness(.9)}#page-auth .separator{align-items:center;color:#a8a8b3;display:flex;font-size:14px;margin:32px 0}#page-auth .separator:before{background:#a8a8c3;content:"";flex:1 1;height:1px;margin-right:16px}#page-auth .separator:after{background:#a8a8c3;content:"";flex:1 1;height:1px;margin-left:16px}.button{align-items:center;background:#835afd;border:0;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;height:50px;justify-content:center;padding:0 32px;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.button img{margin-right:8px}.button.outlined{background:#fff;border:1px solid #835afd;color:#835afd}.button:not(:disabled):hover{-webkit-filter:brightness(.9);filter:brightness(.9)}.button:disabled{cursor:not-allowed;opacity:.6}.question{background:#fefefe;border-radius:8px;box-shadow:0 2px 12px 0,0,0,.04;padding:24px}.question+.question{margin-top:8px}.question.answered{background:#dbdcdd}.question.highlighted{background:#f4f0ff;border:1px solid #835afd}.question.highlighted footer .user-info span,.question p{color:#29292e}.question footer{justify-content:space-between;margin-top:24px}.question footer,.question footer .user-info{align-items:center;display:flex}.question footer .user-info img{border-radius:50%;height:32px;width:32px}.question footer .user-info span{color:#737380;font-size:14px;margin-left:8px}.question footer>div{display:flex;gap:16px}.question footer button{background:transparent;border:0;cursor:pointer;gap:8px;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s}.question footer button.like-button{align-items:flex-end;color:#737380;display:flex}.question footer button.like-button.liked{color:#835afd}.question footer button.like-button.liked svg path{stroke:#835afd}.question footer button:hover{-webkit-filter:brightness(.7);filter:brightness(.7)}.room-code{align-items:stretch;background:#fff;border:1px solid #835afd;border-radius:8px;cursor:pointer;display:flex;height:40px;overflow:hidden}.room-code div{align-items:center;background:#835afd;display:flex;justify-content:center;padding:0 12px}.room-code span{align-self:center;display:block;flex:1 1;font-size:14px;font-weight:500;padding:0 16px 0 12px;width:230px}#page-room header{border-bottom:1px solid #e2e2e2;padding:24px}#page-room header .content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1120px}#page-room header .content>img{max-height:45px}#page-room header .content>div{display:flex;gap:16px}#page-room header .content>div button{height:40px}#page-room main{margin:0 auto;max-width:800px}#page-room main .room-title{align-items:center;display:flex;margin:32px 0 24px}#page-room main .room-title h1{color:#29292e;font-family:Poppins,sans-serif;font-size:24px}#page-room main .room-title span{background:#e559f9;border-radius:9999px;color:#fff;font-size:14px;font-weight:500;margin-left:16px;padding:8px 16px}#page-room main form textarea{background:#fefefe;border:0;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.04);min-height:130px;padding:16px;resize:vertical;width:100%}#page-room main form .form-footer{align-items:center;display:flex;justify-content:space-between;margin-top:16px}#page-room main form .form-footer .user-info{align-items:center;display:flex}#page-room main form .form-footer .user-info img{border-radius:50%;height:32px;width:32px}#page-room main form .form-footer .user-info span{color:#29292e;font-size:14px;font-weight:500;margin-left:8px}#page-room main form .form-footer>span{color:#737380;font-size:14px;font-weight:500}#page-room main form .form-footer>span button{background:transparent;border:0;color:#835afd;cursor:pointer;font-weight:500;text-decoration:underline}#page-room main .question-list{margin-top:32px}*{box-sizing:border-box;margin:0;padding:0}body{background:#f8f8f8;color:#29292e}body,button,input,textarea{font:400 16px Roboto,sans-serif}
/*# sourceMappingURL=main.c38627c9.css.map*/