#page-auth{display:-webkit-flex;display:flex;-webkit-align-items:stretch;align-items:stretch;height:100vh}@media (max-width:727px){#page-auth{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:column;flex-direction:column}#page-auth aside{overflow:hidden;padding:0 1rem!important;-webkit-flex:3 1!important;flex:3 1!important}#page-auth aside img{display:none}#page-auth main{-webkit-flex:8 1;flex:8 1}}#page-auth aside{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:7 1;flex:7 1;background-color:var(--purple);color:var(--white);padding:120px 80px}#page-auth aside img{max-width:320px}#page-auth aside strong{font:700 2rem "Poppins",sans-serif}#page-auth main{-webkit-flex:8 1;flex:8 1;padding:0 2rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}#page-auth .main-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%;max-width:320px;text-align:center}#page-auth .main-content>img{-webkit-align-self:center;align-self:center}#page-auth .main-content h2{font-size:24px;margin:4rem 0 1.5rem;font-family:"Poppins",sans-serif}#page-auth .main-content form input{height:50px;border-radius:8px;padding:0 1rem;background-color:var(--white);border:1px solid var(--gray)}#page-auth .main-content form button{margin-top:1rem}#page-auth .main-content form button,#page-auth .main-content form input{width:100%}#page-auth .main-content p{font-size:.875rem;color:var(--medium-gray);margin-top:1rem}#page-auth .main-content p a{display:inline-block;color:var(--pink);margin-left:.5rem}#page-auth .main-content .create-room{margin-top:4rem;height:50px;border-radius:.5rem;font-weight:500;background-color:var(--red);color:var(--white);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;cursor:pointer;border:0;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s}#page-auth .main-content .create-room img{margin-right:.5rem}#page-auth .main-content .create-room:hover{-webkit-filter:brightness(.9);filter:brightness(.9)}#page-auth .main-content .separator{font-size:14px;color:var(--gray);margin:2rem 0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}#page-auth .main-content .separator:after,#page-auth .main-content .separator:before{content:"";-webkit-flex:1 1;flex:1 1;height:1px;background-color:var(--gray);margin-right:1rem}#page-auth .main-content .separator:after{margin-left:1rem}.button{height:50px;border-radius:.5rem;font-weight:500;background-color:var(--purple);color:var(--white);padding:0 2rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;cursor:pointer;border:0;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s}.button img{margin-right:.5rem}.button.outlined{background-color:var(---white);border:1px solid var(--purple);color:var(--purple)}.button:not(:disabled):hover{-webkit-filter:brightness(.9);filter:brightness(.9)}.button:disabled{opacity:.6;cursor:not-allowed}.room-code{height:2.5rem;border-radius:.5rem;overflow:hidden;background-color:var(--white);border:1px solid var(--purple);cursor:pointer}.room-code,.room-code div{display:-webkit-flex;display:flex}.room-code div{background-color:var(--purple);padding:0 .75rem;height:100%;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.room-code span{display:block;-webkit-align-self:center;align-self:center;-webkit-flex:1 1;flex:1 1;padding:0 1rem 0 .7rem;width:230px;font-size:.875rem;font-weight:500}.question{background-color:var(--light-gray);border-radius:.5rem;box-shadow:0 2px 12px rgba(0,0,0,.04);padding:1.5rem}.question+.question{margin-top:.5rem}.question:last-child{margin-bottom:5rem}.question.highlighted{background-color:#f4f0ff;border:1px solid var(--purple)}.question.highlighted footer .user-info span{color:var(--dark-gray)}.question.answered{background-color:var(--gray)}.question p{color:var(--dark-gray)}.question footer{-webkit-justify-content:space-between;justify-content:space-between;margin-top:1.5rem}.question footer,.question footer .user-info{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.question footer .user-info img{width:2rem;height:2rem;border-radius:50%}.question footer .user-info span{margin-left:.5rem;color:var(--medium-gray);font-size:.875rem}.question footer button{border:0;background-color:transparent;cursor:pointer;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.question footer button.like-button{display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end;color:var(--gray);grid-gap:.5rem;gap:.5rem}.question footer button.like-button.liked{color:var(--purple)}.question footer button.like-button.liked svg path{stroke:var(--purple)}.question footer button:hover{-webkit-filter:brightness(.7);filter:brightness(.7)}#page-room header .content>div{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-gap:1rem;gap:1rem}#page-room header .content>div button{height:2.5rem}@media (max-width:727px){#page-room main{padding:0 1rem}}#page-room header{padding:1.5rem;border-bottom:1px solid var(--gray)}#page-room header .content{max-width:1120px;margin:0 auto;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}#page-room header .content>img{max-height:2.275rem}#page-room main{max-width:800px;margin:0 auto}#page-room main .room-title{margin:2rem 0 1.5rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}#page-room main .room-title h1{font-family:"Poppins",sans-serif;font-size:1.5rem;color:var(--dark-gray)}#page-room main .room-title span{margin-left:1rem;background-color:var(--pink);color:var(--white);border-radius:9999px;padding:.5rem 1rem;font-weight:500;font-size:.875rem}#page-room main form textarea{width:100%;border:0;padding:1rem;border-radius:.5rem;background-color:var(--light-gray);box-shadow:0 2px 12px rgba(0,0,0,.04);resize:vertical;min-height:130px}#page-room main form .form-footer{-webkit-justify-content:space-between;justify-content:space-between;margin-top:1rem}#page-room main form .form-footer,#page-room main form .form-footer .user-info{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}#page-room main form .form-footer .user-info img{width:2rem;height:2rem;border-radius:50%}#page-room main form .form-footer .user-info span{margin-left:.5rem;color:var(--dark-gray);font-weight:500;font-size:.875rem}#page-room main form .form-footer>div{display:-webkit-flex;display:flex;grid-gap:1rem;gap:1rem}#page-room main form .form-footer>span{font-size:.875rem;color:var(--medium-gray);font-weight:500}#page-room main form .form-footer>span button{background-color:transparent;border:none;color:var(--purple);text-decoration:underline;font-size:.875rem;font-weight:500}:root{--light-gray:#f8f8f8;--gray:#a8a8b3;--medium-gray:#737380;--dark-gray:#29292e;--purple:#835afd;--red:#ea4335;--pink:#e559f9;--white:#fff}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f8f8f8;background-color:var(--light-gray);color:#29292e;color:var(--dark-gray)}body,button,input,textarea{font:400 16px "Roboto",sans-serif}
/*# sourceMappingURL=main.7dc0b9b2.chunk.css.map */