.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;height:100vh}#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 div strong{font:700 36px "Poppins",sans-serif;line-height:42px;margin-top:16px}#page-auth aside div 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;transition:border .1s}#page-auth .main-content form input:focus{border:2px solid #835afd;outline:0}#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 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:3 1;height:1px;background:#a8a8b3;margin-right:16px}#page-auth .separator:after{content:"";flex:3 1;height:1px;background:#a8a8b3;margin-left:16px}@media (max-width:768px){#page-auth{flex-direction:column}#page-auth aside{display:flex;flex-direction:row;align-items:center;padding:15px;grid-gap:50px;gap:50px}#page-auth aside img{max-width:20%}#page-auth aside>div strong{font-size:25px;line-height:32px;margin-top:10px}#page-auth aside>div p{font-size:16px;line-height:25px;margin-top:10px}#page-auth main{padding:30px}}@media (max-width:425px){#page-auth aside{padding:15px;grid-gap:20px;gap:20px}#page-auth aside>div strong{font-size:20px;line-height:20px;margin-top:10px}#page-auth aside>div p{font-size:14px;line-height:25px;margin-top:10px}}.question{background:#fefefe;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.3);padding:24px}.question+.question{margin-top:8px}.question.highlighted{background:rgba(131,90,253,.34901960784313724);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:42px;height:42px;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 .2;transition:filter .2;transition:filter .2,-webkit-filter .2}.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(.8);filter:brightness(.8)}.room-code{height:40px;border-radius:8px;overflow:hidden;background:#fff;border:1px solid #835afd;cursor:pointer;display:flex;transition:background .1s}.room-code:active{background:#d5c9fb}.room-code div{background:#835afd;padding:0 12px;display:flex;justify-content:center;align-items:center;height:100%}.room-code span{display:block;align-self:center;flex:1 1;padding:0 16px 0 12px;width:235px;font-size:14px;font-weight:500}#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}#page-room header .content>div{display:flex;grid-gap:16px;gap:16px}#page-room header .content>div button{height:40px}#page-room main{max-width:800px;margin:0 auto}#page-room main .room-title{margin:32px 0 24px;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-color:#e559f9;border-radius:99px;padding:8px 16px;color:#fff;font-weight:500;font-size:14px}#page-room main form textarea{width:100%;border:1px solid #bea8ff;padding:16px;border-radius:8px;background:#fefefe;box-shadow:0 2px 12px rgba(0,0,0,.04);resize:none;min-height:130px;transition:border .1s}#page-room main form textarea:focus{border:1px solid #835afd;outline:0}#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:42px;height:42px;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:14;font-weight:500;cursor:pointer}#page-room main .question-list{margin-top:32px}#page-room main .question-list:last-child{margin-bottom:32px}#page-room .likes{display:flex;justify-content:center;align-items:center;grid-gap:4px;gap:4px}@media (max-width:768px){#page-room header .content{flex-direction:column;align-items:center}#page-room header .content>div{flex-direction:column}#page-room header .content>img{margin-bottom:20px}#page-room main .room-title{flex-direction:column;margin:32px}#page-room main form{display:flex;flex-direction:column;align-items:center}#page-room main form textarea{margin:10px auto;width:90%;border:1px solid #bea8ff}#page-room main form .form-footer{width:90%}#page-room main .question-list{display:flex;flex-direction:column;justify-content:center;flex-direction:center;align-items:center;margin:32px}#page-room main .question-list .question{width:100%;word-wrap:break-word}}@media (max-width:425px){#page-room main form .form-footer{display:flex;flex-direction:column;grid-gap:20px;gap:20px}#page-room main form .form-footer .user-info{margin-bottom:20px}#page-room main .question-list .question footer{display:flex;flex-direction:column;grid-gap:10px;gap:10px}}.modal{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:20px;gap:20px;position:absolute;background-color:#f8f8f8;height:362px;width:590px;border-radius:6px}.modal strong{color:#29292e;font-size:24px;line-height:34px}.modal .button-modal{display:flex;grid-gap:10px;gap:10px;margin-top:20px}.modal .button-modal button{cursor:pointer;border-radius:8px;height:48px;width:140px;border:none;outline:none;font-size:16px;font-family:"Roboto",sans-serif;font-weight:500;margin-bottom:15px}.modal .button-modal .btn-cancel{color:#737380;background:#dbdcdd}.modal .button-modal .btn-delete{color:#f8f8f8;background:#d73754}.overlay{display:flex;justify-content:center;align-items:center;position:fixed;background-color:rgba(8,8,8,.9);top:0;left:0;right:0;bottom:0}.ReactModal__Overlay{opacity:0;transition:opacity .2s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}@media (max-width:425px){.modal{height:65%;width:89%}.modal span{margin-left:12px}.modal button{cursor:pointer;border-radius:8px;max-height:48px;max-width:120px}}*{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.5cbb4ce3.chunk.css.map */