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