.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}#page-auth{display:flex;align-items:stretch;min-height:100vh}#page-auth aside{flex:7 1;background:#835afd;color:#fff;display:flex;flex-direction:column;align-items:center;padding:128px 80px}#page-auth aside img{max-width:320px}#page-auth aside strong{font:700 36px "poppins"}#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 .mainContent{display:flex;flex-direction:column;width:100%;max-width:320px;align-items:stretch;text-align:center}#page-auth .mainContent>img{align-self:center}#page-auth .mainContent h2{font-size:24px;margin:64px 0 24px;font-family:"Poppins",sans-serif}#page-auth .mainContent form input{height:50px;border-radius:8px;padding:0 16px;background:#fff;border:1px solid #a8a8b3}#page-auth .mainContent form button{margin-top:16px}#page-auth .mainContent form button,#page-auth .mainContent form input{width:100%}#page-auth .mainContent p{font-size:14px;color:#737380;margin-top:16px}#page-auth .mainContent p a{color:#e559f9;text-decoration:none}.CreateRoom{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}.CreateRoom img{margin-right:8px}.CreateRoom:hover{-webkit-filter:brightness(.9);filter:brightness(.9)}.Separator{font-size:14px;color:#a8a8b3;margin:32px 0;display:flex;align-items:center}.Separator:before{margin-right:16px}.Separator:after,.Separator:before{content:"";flex:1 1;height:1px;background:#a8a8b3}.Separator:after{margin-left:16px}@media (max-width:1000px){#page-auth{flex-direction:column;align-items:center}#page-auth aside{width:100%;height:100%;padding:0 5rem;justify-content:center}#page-auth aside img{max-width:100px}#page-auth aside strong{font-size:1.5rem}#page-auth aside p{font-size:1.3rem;margin-top:12px}#page-auth main{width:100%;padding:0 3rem;height:100%}#page-auth main .mainContent{grid-gap:1.5rem;gap:1.5rem}#page-auth main .mainContent h2,#page-auth main .mainContent p{margin:0}.CreateRoom{margin-top:0}.Separator{margin:0}}.RoomCode{height:40px;border-radius:8px;overflow:hidden;background-color:#fff;border:1px solid #835afd;cursor:pointer;display:flex}.RoomCode div{background:#835afd;padding:0 12px;display:flex;justify-content:center;align-items:center;height:100%}.RoomCode span{display:block;align-self:center;flex:1 1;padding:0 16px 0 12px;width:230px;font-size:14px;font-weight:500}.copy{background:#835afd;color:#fff}.question{background-color:#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 .userInfo span{color:#29292e}.question.answered{background:#dbdcdd}.question p{color:#29292e}.question footer{justify-content:space-between;margin-top:24px}.question footer,.question footer .userInfo{display:flex;align-items:center}.question footer .userInfo img{width:32px;height:32px;border-radius:50%}.question footer .userInfo span{margin-left:8px;color:#737380;font-size:14px}.question footer>div{display:flex;grid-gap:1rem;gap:1rem}.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.likeButton{display:flex;align-items:baseline;color:#737380;grid-gap:.5rem;gap:.5rem}.question footer button.likeButton.liked{color:#835afd}.question footer button.likeButton.liked svg path{stroke:#835afd}.question footer button:hover{-webkit-filter:brightness(.7);filter:brightness(.7)}#pageRoom header{padding:24px;border-bottom:1px solid #e2e2e2}#pageRoom .content{max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}#pageRoom .content>img{max-height:45px}#pageRoom .content>div{display:flex;grid-gap:1rem;gap:1rem}#pageRoom .content>div>button{height:40px}#pageRoom main{max-width:800px;margin:0 auto}#pageRoom main .roomTitle{margin:32px 0 24px;display:flex;align-items:center}#pageRoom main .roomTitle h1{font-family:"Poppins",sans-serif;font-size:24px;color:#29292e}#pageRoom main .roomTitle span{margin-left:16px;background:#e559e5;border-radius:2rem;padding:8px 16px;color:#fff;font-weight:500;font-size:14px}#pageRoom 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}#pageRoom main form .formFooter{display:flex;justify-content:space-between;align-items:center;margin-top:16px}#pageRoom main form .formFooter .userInfo{display:flex;align-items:center}#pageRoom main form .formFooter .userInfo img{width:32px;height:32px;border-radius:50%}#pageRoom main form .formFooter .userInfo span{margin-left:8px;color:#29292e;font-weight:500;font-size:14px}#pageRoom main form .formFooter>span{font-size:14px;color:#737380}#pageRoom main form .formFooter>span button{background:transparent;border:0;color:#835afd;font-size:14px;font-weight:500;cursor:pointer}#pageRoom main .questionList{margin-top:32px}@media (max-width:1000px){#pageRoom header{padding:12px}#pageRoom .content{max-width:1120px;margin:0 auto;display:flex;justify-content:space-around}#pageRoom .content>div{display:flex;flex-direction:column}}.Modal{position:fixed;z-index:5;inset:0;width:100%;height:100%;background:rgba(0,0,0,.87);justify-content:center}.Modal,.ModalContainer{display:flex;align-items:center}.ModalContainer{position:absolute;border:1px solid #f3f3f3;background:#fff;border-radius:2rem;padding:1.5rem;flex-direction:column}.ModalContainer .image{width:100%;display:flex;justify-content:center;max-height:50px}.ModalContainer h1{margin-top:24px;margin-bottom:12px;font-size:2rem;font-family:"Poppins";font-weight:700;text-align:center;color:#29292e}.ModalContainer p{color:#737380;font-family:"Roboto";font-size:16px;margin-bottom:40px}.ModalContainer .ButtonsModal{display:flex;justify-content:space-around;grid-gap:2rem;gap:2rem;width:50%}.ModalContainer .ButtonsModal button{border:none;padding:1rem;border-radius:.5rem;font-family:"Roboto";font-size:1.2rem;font-weight:400;background:#dbdcdd;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s}.ModalContainer .ButtonsModal button:hover{-webkit-filter:brightness(.8);filter:brightness(.8)}.ModalContainer .ButtonsModal button:first-child{background-color:#dbdcdd}.ModalContainer .ButtonsModal button:last-child{background-color:#e73f5d;color:#fefefe}#NotFound{height:90vh;width:100%;overflow:hidden}#NotFound header{align-items:center;padding:.5rem 2rem;height:10%;min-height:80px;border-bottom:1px solid #a8a8b3}#NotFound header,#NotFound header>div{display:flex;width:100%}#NotFound header>div img{width:100px}#NotFound header>div:last-child{justify-content:flex-end}#NotFound main{width:100%;height:100%;max-height:80vh;display:flex;justify-content:center;align-items:center}#NotFound main div{width:200px;height:200px;display:flex;flex-direction:column;align-items:center}#NotFound main div h1,#NotFound main div p{text-align:center}#NotFound main div img{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}body{background:#f8f8f8;color:#292920}body,button,input,textarea{font:400 16px "Roboto",sans-serif}
/*# sourceMappingURL=main.6e01b427.chunk.css.map */