:root{font-family:Chivo,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;text-decoration:inherit}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#fff}h1{font-size:3.2em;line-height:1.1}.b{font-weight:700}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}*{box-sizing:border-box;cursor:inherit}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(97,218,251,.6666666667))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.read-the-docs{color:#888}.login-page{width:100vw;height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-page .login-left{background-color:#fff;display:flex;align-items:center;justify-content:center}.login-page .login-left .teacher-label{position:absolute;left:0;top:5rem;background-color:#f0f5ed;color:#306a42;font-size:1.2rem;width:fit-content;padding:.5rem 2rem .5rem 3rem;border-radius:0 1.2rem 1.2rem 0}.login-page .login-left .login-container{display:flex;flex-direction:column;gap:1rem}.login-page .login-left .login-container .title{font-size:1.6rem;font-weight:500;color:#306a42}.login-page .login-left .login-container .sub-title{font-size:.8rem;color:gray}.button{display:flex;background-color:red;color:#fff;border-radius:1rem;padding:.2rem .7rem;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;width:fit-content;height:fit-content;font-size:.8rem;align-items:center}.button:hover{background-color:#8b0000;box-shadow:inset 0 2rem .2rem .05rem #0000001a}.button:active{box-shadow:inset 0 0 .2rem .05rem #0003}.button.disabled{cursor:not-allowed;background-color:#888!important;color:#223526}.button.blue{background-color:#3c889f}.button.red{background-color:#db6864}.button.green{background-color:#7cb883}.button.green.secondary{background-color:#f6fbf3;color:#223526}.input-field-container{display:flex;flex-direction:column}.input-field-container .input-field{border:solid 1px gray;border-radius:.2rem;padding:.5rem;background-color:#fff;width:fit-content}.input-field-container .input-field .input{all:unset;color:#000}.input-field-container .input-field.error{border-color:#db6864;animation:.2s shake ease-in-out}.input-field-container .error-message{color:#db6864;font-size:.6rem}.background-svg{position:absolute;display:flex;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden;justify-content:flex-end;background-size:contain;background-repeat:no-repeat;background-position:center}.room-management-page{display:flex;flex-direction:column;flex-wrap:wrap;align-content:center;justify-content:center;width:100vw;height:100vh;padding:3rem}.room-management-page .sessions-page{display:flex;flex-direction:column;gap:3rem;width:100%;height:100%}.room-management-page .sessions-page .header{display:flex;flex-direction:column}.room-management-page .sessions-page .header .title{font-size:2rem;font-weight:600;color:#306a42}.room-management-page .sessions-page .header .subtitle{font-size:1rem;font-weight:300;color:gray}.room-management-page .sessions-page .sessions-container{display:flex;height:80%;flex-direction:column;border-radius:.7rem;padding:3rem;background-color:#fff;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}.room-management-page .sessions-page .sessions-container .sessions-header{display:flex;justify-content:space-between}.room-management-page .sessions-page .sessions-container .sessions-header .sessions-header-left{display:flex;flex-direction:column;gap:1rem}.room-management-page .sessions-page .sessions-container .sessions-header .sessions-header-left .sessions-title{font-size:1.2rem;font-weight:400;color:#306a42}.room-management-page .sessions-page .sessions-container .sessions-header .sessions-header-left .create-session{display:flex;border-radius:.7rem;padding:.5rem;gap:.2rem;height:fit-content;align-self:flex-end;font-size:.8rem;color:#000;background-color:#f5fff3;box-shadow:0 4px 4px -1px #0c0c0d0d,0 4px 4px -1px #0c0c0d1a;align-items:center;cursor:pointer;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out}.room-management-page .sessions-page .sessions-container .sessions-header .sessions-header-left .create-session:active{box-shadow:none}.room-management-page .sessions-page .sessions-container .sessions-header .sessions-header-left .create-session:hover{background-color:#e5f7d9}.room-management-page .sessions-page .sessions-container .sessions-header .sessions-info-container{display:flex;gap:1rem}.room-management-page .sessions-page .sessions-container .sessions-header .sessions-info-container .session-info{display:flex;gap:.5rem;padding:.5rem 2rem;text-align:center;flex-direction:column;border-radius:.7rem}.room-management-page .sessions-page .sessions-container .sessions-header .sessions-info-container .session-info .info-title{font-size:1.5rem;color:#047857}.room-management-page .sessions-page .sessions-container .sessions-header .sessions-info-container .session-info .info-subtitle{font-size:.8rem;color:gray}.room-management-page .sessions-page .sessions-container .sessions-list{display:flex;flex-direction:column;height:100%;width:100%;align-items:center;margin-top:2rem;gap:.5rem;overflow-y:auto}.room-management-page .sessions-page .sessions-container .sessions-list .session-row{display:flex;justify-content:space-between;align-items:center;border-radius:.7rem;width:99%;padding:1rem;box-shadow:0 1px 4px #0000000d,0 1px 4px #0000001a}.room-management-page .sessions-page .sessions-container .sessions-list .session-row .session-row-left{display:flex;align-items:center;gap:1rem}.room-management-page .sessions-page .sessions-container .sessions-list .session-row .session-row-left .session-info-container{display:flex;flex-direction:column}.room-management-page .sessions-page .sessions-container .sessions-list .session-row .session-row-left .session-info-container .session-code{font-weight:600}.room-management-page .sessions-page .sessions-container .sessions-list .session-row .session-row-left .session-info-container .session-status{font-size:.8rem;color:#818488}.room-management-page .sessions-page .sessions-container .sessions-list .session-row .session-row-left .icon-container{border-radius:50%;background-color:#f8f8f8;color:#8e8e93;display:flex;justify-content:center;align-items:center;padding:.5rem;width:2.5rem;height:2.5rem}.room-management-page .sessions-page .sessions-container .sessions-list .session-row .session-row-right{display:flex;gap:1rem;align-items:center}.room-management-page .sessions-page .sessions-container .sessions-list .session-row .session-row-right .date{font-size:.8rem;color:#818488}.room-management-page .sessions-page .sessions-container .sessions-list .session-row .session-row-right .icon{font-size:.8rem;color:#000;cursor:pointer;transition:rotate .3s ease-in-out}.room-management-page .sessions-page .sessions-container .sessions-list .session-row .session-row-right .icon:hover{rotate:180deg}.room-management-page .create-session-page{display:flex;flex-direction:column;gap:1rem;align-self:center;justify-self:center;max-width:25%;min-width:20rem}.room-management-page .create-session-page .create-session-title{font-size:2rem;font-weight:600;color:#306a42;align-self:center}.room-management-page .create-session-page .create-session-subtitle{font-size:.8rem;font-weight:300;color:#49454f}.dropdown-container{position:relative;font-family:Arial,sans-serif}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.dropdown-header{border:solid 1px gray;border-radius:.2rem;padding:.5rem;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:16px;width:fit-content;min-width:10rem}.dropdown-header.error{border-color:#db6864;animation:.2s shake ease-in-out}.dropdown-menu{position:absolute;top:100%;left:0;right:0;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026;border-radius:0 0 .2rem .2rem;background-color:#fff;z-index:1;max-height:200px;overflow-y:auto;width:fit-content;min-width:10rem}.dropdown-item{padding:.5rem;transition:background-color .3s ease;cursor:pointer}.dropdown-item:hover{background-color:#f6fbf3}.dropdown-arrow{font-size:12px;color:gray}.session-lobby-page{display:flex;gap:2rem;flex-direction:column;flex-wrap:wrap;padding:3rem;width:100vw;height:100%}.session-lobby-page .back-button{position:absolute;display:flex;align-items:center;justify-content:center;top:2rem;left:2rem;border-radius:50%;background-color:#f6fbf3;color:#223526;box-shadow:0 4px 4px -1px #0000000d,0 4px 4px -1px #0000001a;cursor:pointer;padding:.5rem;width:2rem;height:2rem}.session-lobby-page .back-button:hover{background-color:#f0f5ed}.session-lobby-page .connected-players-container{display:flex;border-radius:2rem 0 0 2rem;padding:.7rem;align-items:center;width:fit-content;position:absolute;right:0;top:3rem;box-shadow:0 4px 4px -1px #0000000d,0 4px 4px -1px #0000001a;gap:2rem}.session-lobby-page .connected-players-container .connected-players-left{display:flex;align-items:center}.session-lobby-page .connected-players-container .connected-players-left .icon{font-size:1.8rem}.session-lobby-page .connected-players-container .connected-players-left .connected-players-number{display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#f0f5ed;position:relative;padding:.5rem;width:2rem;height:2rem;text-align:center;right:.3rem;color:#306a42;font-size:.8rem}.session-lobby-page .header{display:flex;flex-direction:column}.session-lobby-page .header .title{font-size:2rem;font-weight:600;color:#306a42}.session-lobby-page .header .subtitle{font-size:1rem;font-weight:300;color:gray}.session-lobby-page .games-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-self:center;max-width:80%}.session-lobby-page .games-container .game-container-session{display:grid;grid-auto-flow:row;border-radius:.7rem;box-shadow:0 4px 4px -1px #0000000d,0 4px 4px -1px #0000001a}.session-lobby-page .games-container .game-container-session .game-container-top{display:flex;border-radius:.7rem .7rem 0 0;align-items:center;justify-content:center;height:fit-content;padding:1rem}.session-lobby-page .games-container .game-container-session .game-container-bottom{display:flex;flex-direction:column;background-color:#fff;border-radius:0 0 .7rem .7rem;padding:1rem;gap:.5rem}.session-lobby-page .games-container .game-container-session .game-container-bottom .game-container-header{display:flex;flex-direction:column;margin-bottom:.5rem}.session-lobby-page .games-container .game-container-session .game-container-bottom .game-container-header .game-container-title{font-size:.8rem;font-weight:600;color:#000}.session-lobby-page .games-container .game-container-session .game-container-bottom .game-container-header .game-container-subtitle{font-size:.8rem;font-weight:300;color:gray}.session-lobby-page .games-container .game-container-session .game-container-bottom .game-container-status{font-size:.8rem;font-weight:300;color:#306a42;display:flex;padding:.1rem .5rem;border-radius:.7rem;width:fit-content}.session-lobby-page .games-container .game-container-session .game-container-bottom .game-container-status.played{background-color:#f6fbf3}.session-lobby-page .games-container .game-container-session .game-container-bottom .game-container-status.not-played{background-color:#dde5da}.session-lobby-page .games-container .game-container-session .game-container-bottom .play-game-button{justify-content:center;width:100%;font-size:1rem}.session-lobby-page .games-container .game-title{font-size:1.5rem;font-weight:700}.session-lobby-page .table-container{display:flex;flex-direction:column;min-width:20rem;align-content:center;gap:1rem}.session-lobby-page .table-container .table{background-color:#fff}.session-lobby-page .table-container .table .column-layout{grid-template-columns:3fr 1fr}.player-lobby-page{display:flex;flex-direction:column;gap:1rem;height:100vh;width:100vw;padding:1rem 5rem;justify-content:space-around}.player-lobby-page .title-container{display:flex;font-size:1.5rem;font-weight:600;justify-content:space-between}.player-lobby-page .body-container{display:flex;align-content:center;justify-content:center;height:80%}.player-lobby-page .body-container .listen-container{display:flex;flex-direction:column;gap:1rem;padding:2rem;background-color:#fff;border-radius:.7rem;font-weight:600;text-align:center;align-items:center;height:fit-content;align-self:center;font-size:1.2rem;max-width:30rem}.player-lobby-page .body-container .listen-container .icon{scale:.8}.popup-title{display:flex;font-size:1.2rem;font-weight:600;justify-self:center;margin-bottom:1rem}.popup-body{display:flex;flex-direction:column;width:100%}.game-container{display:grid;grid-template-columns:1fr 1fr minmax(0,0fr);align-items:center;gap:2rem;justify-items:center;width:100%;height:100%;transition:grid-template-columns .2s ease-in-out}.game-container.expanded-small{grid-template-columns:20rem 35rem 30rem}.game-container.expanded-large{grid-template-columns:20rem 35rem 42rem}.game-container .content-container{display:flex;flex-direction:column;box-shadow:0 4px 4px -1px #0c0c0d0d,0 4px 4px -1px #0c0c0d1a;height:100%;width:100%;border-radius:.7rem;visibility:visible;transition:opacity 1s ease-in-out;opacity:1}.game-container .content-container.disabled{overflow:hidden;opacity:0}.game-container .content-container .content-container-header{display:flex;border-radius:.7rem .7rem 0 0;font-size:1.2rem;font-weight:600;background-color:#f0f5ed;padding:1rem 2rem;justify-content:center;transition:padding 1s ease-in-out}.game-container .content-container .content-container-header.disabled{padding:0}.game-container .content-container .content-container-body{border-radius:0 0 .7rem .7rem;display:flex;flex-direction:column;gap:1rem;align-items:center;background-color:#fff;padding:2rem 0;width:100%;height:100%;transition:padding .5s ease-in-out}.game-container .content-container .content-container-body .character-color{color:#3a656e}.game-container .content-container .content-container-body .character-color.poor{color:#7cb883}.game-container .content-container .content-container-body .character-color.middle{color:#ff9f43}.game-container .content-container .content-container-body .character-color.rich{color:#db6864}.game-container .content-container .content-container-body .user-type-container{display:flex;flex-direction:column;width:100%}.game-container .content-container .content-container-body .user-type-container .user-type-header{display:flex;justify-content:center;align-items:center;padding:.5rem;background-color:#f0f5ed}.game-container .content-container .content-container-body .user-type-container .user-type-body{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;justify-items:center;padding:1rem}.game-container .content-container .content-container-body .user-type-container .user-type-body .user-type{display:flex;flex-direction:column;gap:.5rem;font-size:.6rem}.game-container .content-container .content-container-body .user-type-container .user-type-body .user-type .rich{color:#db6864}.game-container .content-container .content-container-body .user-type-container .user-type-body .user-type .middle{color:#ff9f43}.game-container .content-container .content-container-body .user-type-container .user-type-body .user-type .poor{color:#7cb883}.game-container .content-container .content-container-body.disabled{padding:0}.game-container .player-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.game-container .cards-container-submit{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center;padding:1rem;border-radius:50%;background-color:gray}.game-container .table-container-player{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;overflow-x:scroll}.game-container .table-container-player .table-header{display:grid;grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));width:100%}.game-container .table-container-player .table-header .table-header-cell{display:flex;align-items:center;text-align:center;justify-content:center;font-size:.8rem;padding:.4rem .2rem;background-color:#f6fbf3}.game-container .table-container-player .table-header .table-header-cell.first{background-color:#dde5da}.game-container .table-container-player .table-body{display:flex;flex-direction:column;width:100%;overflow-y:auto;max-height:30rem}.game-container .table-container-player .table-body .table-body-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(7rem,1fr))}.game-container .table-container-player .table-body .table-body-row .table-body-cell{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;font-size:.8rem;padding:.5rem .2rem}.game-container .table-container-player .total-points-row{display:flex;width:100%;padding:.2rem;background-color:#f6fbf3;align-items:center;justify-content:center}.draggable-card{width:3rem;height:5rem;background-color:#7cb883;cursor:pointer;z-index:1000;border-radius:.5rem;transition:width .2s ease-in-out,height .2s ease-in-out,box-shadow .2s ease-in-out;touch-action:none}.draggable-card.dragging{box-shadow:-.1rem .2rem .5rem .1rem #0c0c0d33;z-index:1001;position:relative;width:3.3rem;height:5.5rem}.submit-pot{display:flex;align-items:center;justify-content:center;border:2px solid lightgray;border-radius:50%;background-color:#fff;position:absolute;width:20rem;height:20rem}.submit-pot .submit-pot-inner{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center;padding:1rem;border-radius:50%;background-color:#fff;width:15rem;height:15rem;position:absolute;border:2px dashed lightgray;transition:width .5s,height .5s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.submit-pot .rotating-container{animation:spin 20s linear infinite;width:17rem;height:17rem}.submit-pot .cancel-rotation{animation:spin 20s linear infinite reverse}.submit-pot .non-rotating-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center;width:100%;max-height:13rem;overflow-y:auto}.submit-pot .non-rotating-container .submit-text{width:4.5rem;height:7.5rem;display:flex;align-items:center;border-radius:.7rem;justify-content:center;background-color:#7cb883;color:#fff;font-size:1.2rem}.player{font-size:2rem;opacity:50%}.player.submitted{opacity:100%}.player.gray{color:#97d5a4}.player.green,.player.poor{color:#7cb883}.player.middle{color:#ff9f43}.player.rich{color:#db6864}.card-holder{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-content:start;padding:1rem;border-radius:.5rem;background-color:gray;width:100%;height:100%}.card-holder.blue{background-color:#fff}.card-holder.dark-blue{background-color:#f0f5ed}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.popup-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0000001a;position:relative;max-width:500px;width:100%;text-align:center;animation:fadeIn .3s ease-in-out}.popup-content .footer-container{display:flex;justify-content:space-evenly;align-items:center;margin-top:1rem}.popup-content h2{margin-bottom:10px}.popup-close{position:absolute;top:0;right:.7rem;font-size:1.5rem;background:none;border:none;cursor:pointer;color:#6b7280}.popup-close:hover{color:#223526}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.result-screen{width:100%;height:60%;display:flex;flex-direction:column;gap:2rem;align-items:center}.result-screen .outer-border{width:70%;background-color:#7cb883;border-radius:.7rem;padding-left:.7rem;box-shadow:0 4px 4px -1px #0c0c0d0d,0 4px 4px -1px #0c0c0d1a}.result-screen .total-score-container{padding:.7rem 1.2rem;background-color:#fff;border-radius:.2rem .7rem .7rem .2rem;font-size:1.2rem;font-weight:600}.result-screen .graph-container{width:70%;background-color:#fff;border-radius:.7rem;box-shadow:0 4px 4px -1px #0c0c0d0d,0 4px 4px -1px #0c0c0d1a;padding:2rem 2rem 2rem 0;display:flex;flex-direction:column;align-items:flex-end}.result-screen .result-screen-footer{display:flex;gap:1rem;justify-content:center;align-items:center}.debate-container{display:flex;flex-direction:column;gap:1rem;height:100%;padding:5rem;align-items:center}.debate-container .outer-border{background-color:#7cb883;border-radius:.7rem;padding-left:.7rem;box-shadow:0 4px 4px -1px #0c0c0d0d,0 4px 4px -1px #0c0c0d1a}.debate-container .question-container{padding:.7rem 1.2rem;background-color:#fff;border-radius:.2rem .7rem .7rem .2rem;font-size:1.2rem;font-weight:600}.debate-container .answer-container{width:40rem;height:25rem;box-shadow:0 4px 4px -1px #0c0c0d0d,0 4px 4px -1px #0c0c0d1a;border-radius:.7rem;padding:1rem;background-color:#fff}.debate-container .answer-container .answer-input{width:100%;height:100%;background-color:#fff;border:.1rem dashed rgb(124,184,131);border-radius:.7rem;resize:none;color:#000}.debate-container .answer-container .answer-input:focus{outline:none;box-shadow:inset 0 0 5px 3px #f6fbf3}.teacher-game-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;padding:3rem;gap:1rem}.teacher-game-page .title{align-self:flex-start;font-weight:600;font-size:1.5rem}.teacher-game-page .sub-title{align-self:flex-start;font-size:.8rem;font-weight:300;margin-bottom:2rem}.game-page{display:flex;flex-direction:column;gap:2rem;align-items:center}.game-page .content-container{display:flex;flex-direction:column;padding:1rem;border-radius:.7rem;box-shadow:0 4px 4px -1px #0c0c0d0d,0 4px 4px -1px #0c0c0d1a;background-color:#fff;max-height:40rem}.game-page .content-container .header{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.game-page .content-container .header .header-card{display:flex;flex-direction:column;gap:.5rem;border-radius:.7rem;padding:.5rem 1rem;box-shadow:0 4px 4px -4px #0c0c0d0d,0 16px 32px -4px #0c0c0d1a}.game-page .content-container .header .header-card .title{font-size:.8rem;color:#223526;font-weight:400}.game-page .content-container .header .header-card .sub-title{font-size:1.2rem;color:#223526;font-weight:600;margin:0}.game-page .content-container .users-container{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;justify-content:center;align-items:center;padding:1rem;overflow-y:auto;height:100%}.game-page .content-container .users-container .player-card{display:flex;gap:1rem;border-radius:.7rem;box-shadow:0 4px 4px -1px #0c0c0d0d,0 4px 4px -1px #0c0c0d1a;align-items:center;padding:1rem}.game-page .content-container .users-container .player-card .player-info{display:flex;flex-direction:column;justify-content:space-between;width:6rem}.game-page .content-container .users-container .player-card .player-info .title{font-size:1rem;font-weight:600;color:#223526;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.game-page .content-container .users-container .player-card .player-info .sub-title{font-size:.8rem;font-weight:400;color:#223526;margin:0}.game-page .footer-container{display:flex;gap:1rem;justify-content:center;align-items:center}.debate-screen{display:flex;flex-direction:column;gap:2rem;align-items:center}.debate-screen .cards-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.debate-screen .cards-container .card{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:#fff;border-radius:1rem;box-shadow:0 4px 4px -4px #0c0c0d0d,0 16px 32px -4px #0c0c0d1a;max-width:30rem}.debate-screen .cards-container .card .card-header,.debate-screen .cards-container .card .card-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.debate-screen .cards-container .card .card-footer .card-footer-action{display:flex;flex-direction:row;gap:.5rem;color:#6b7280;align-items:center;cursor:pointer}.debate-screen .cards-container .card .card-footer .card-footer-action:hover{text-decoration:underline}.debate-screen .cards-container .card .card-footer .card-footer-stats{display:flex;flex-direction:row;gap:1rem}.debate-screen .cards-container .card .card-footer .card-footer-stats .stats{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#6b7280;font-size:.6rem}.debate-screen .cards-container .card .card-footer .card-footer-stats .stats .green{font-size:.8rem;font-weight:400;color:#7cb883}.debate-screen .cards-container .card .card-footer .card-footer-stats .stats .red{font-size:.8rem;font-weight:400;color:#db6864}.explanation-screen{display:flex;flex-direction:column;align-items:center}.explanation-screen .explanations-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem}.explanation-screen .explanations-container .explanation-container:nth-child(n+4){grid-column:span 3}.explanation-screen .explanations-container .button-container{display:flex;justify-content:flex-end;grid-column-start:3}.explanation-screen .explanations-container .explanation-container{display:flex;flex-direction:column;padding:1rem;border-radius:.7rem;box-shadow:0 4px 4px -1px #0c0c0d0d,0 4px 4px -1px #0c0c0d1a;background-color:#fff}.explanation-screen .explanations-container .explanation-container .explanation-header{display:flex;align-items:center;gap:1rem}.explanation-screen .explanations-container .explanation-container .explanation-header .icon{scale:.8;display:flex;align-items:center;justify-content:center}.explanation-screen .explanations-container .explanation-container .explanation-header .title{font-size:1rem;font-weight:600;align-self:center;margin:0;flex-grow:1}.explanation-screen .explanations-container .explanation-container .explanation-body{font-size:.8rem;font-weight:300}.listen-container{display:flex;flex-direction:column;gap:1rem;padding:2rem;background-color:#fff;border-radius:.7rem;font-weight:600;text-align:center;align-items:center;height:fit-content;align-self:center;font-size:1.2rem;max-width:30rem;box-shadow:0 4px 4px -1px #0c0c0d0d,0 4px 4px -1px #0c0c0d1a}.listen-container .icon{scale:.8}.text-card-container{display:flex;flex-direction:column;border:solid 2px;padding:1rem;background-color:#fff;height:fit-content;transition:box-shadow .3s ease-in-out,translate .3s ease-in-out;width:100%}.text-card-container.is-toolbar{width:fit-content}.text-card-container.green{border-color:#7cb883;color:#7cb883;box-shadow:8px 4px #7cb883}.text-card-container.blue{border-color:#3c889f;color:#3c889f;box-shadow:8px 4px #3c889f}.text-card-container.red{border-color:#db6864;color:#db6864;box-shadow:8px 4px #db6864}.text-card-container.gray{border-color:gray;color:gray;box-shadow:8px 4px gray}.has-hover{cursor:pointer}.has-hover:hover{translate:-8px -4px;box-shadow:16px 8px}.join-session-page{width:100vw;height:100vh;display:grid;grid-template-columns:1fr 1fr}.join-session-page .join-session-left{background-color:#fff;display:flex;align-items:center;justify-content:center}.join-session-page .join-session-left .student-label{position:absolute;left:0;top:5rem;background-color:#f0f5ed;color:#306a42;font-size:1.2rem;width:fit-content;padding:.5rem 2rem .5rem 3rem;border-radius:0 1.2rem 1.2rem 0}.join-session-page .join-session-left .join-session-container{display:flex;flex-direction:column;gap:1rem}.join-session-page .join-session-left .join-session-container .title{font-size:1.6rem;font-weight:500;color:#306a42}.join-session-page .join-session-left .join-session-container .sub-title{font-size:.8rem;color:gray}.join-session-page .join-session-left .join-session-container .join-session-footer{display:flex;gap:1rem}.join-session-page .join-session-left .join-session-container .join-session-footer .error-message{color:#db6864;font-size:.8rem;align-self:center}.admin-dashboard{display:flex;flex-direction:column;padding:4rem;width:100vw;height:100vh}.admin-dashboard .back-button{position:absolute;display:flex;align-items:center;justify-content:center;top:2rem;left:2rem;border-radius:50%;background-color:#f6fbf3;color:#223526;box-shadow:0 4px 4px -1px #0000000d,0 4px 4px -1px #0000001a;cursor:pointer;padding:.5rem;width:2rem;height:2rem}.admin-dashboard .back-button:hover{background-color:#f0f5ed}.admin-dashboard .page-title{font-size:2rem;font-weight:600;color:#306a42}.admin-dashboard .page-subtitle{font-size:1rem;font-weight:300;color:gray;margin-bottom:3rem}.admin-dashboard .dashboard-home{display:flex;gap:1rem}.admin-dashboard .dashboard-home .info-container{display:flex;flex-direction:column;background-color:#f5fff3;padding:1rem;width:50%;min-width:20rem;align-content:center;gap:1rem;max-width:fit-content;border-radius:.7rem;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}.admin-dashboard .dashboard-home .info-container .title{font-size:1.2rem;font-weight:300;color:#000}.admin-dashboard .dashboard-home .info-container .subtitle{font-size:1rem;font-weight:300;color:gray}.admin-dashboard .dashboard-home .info-container .footer{align-self:flex-end}.popup-container-school{display:flex;flex-direction:column;gap:2rem}.popup-container-school .popup-header{display:flex;flex-direction:column;gap:.5rem}.popup-container-school .popup-header .popup-title{font-size:1.5rem;font-weight:600;color:#306a42}.popup-container-school .popup-header .popup-subtitle{font-size:.8rem;color:gray}.popup-container-school .popup-body{display:flex;flex-direction:row;align-items:center;gap:1rem}.admin-page{display:flex;flex-direction:column}.admin-page .table-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.admin-page .register-container{display:flex;flex-direction:column;gap:1rem;border-bottom:1px solid gray;padding-bottom:1rem;margin-bottom:1rem}.table-container{display:flex;flex-direction:column;background-color:#fff;border-radius:.7rem;min-width:20rem;align-content:center;box-shadow:0 4px 4px -1px #0c0c0d0d,0 4px 4px -1px #0c0c0d1a}.table-container .table-header{display:grid;grid-template-columns:5rem repeat(3,1fr) 5rem;background-color:#f0f5ed;font-weight:600;padding:.5rem 2rem;border-radius:.7rem .7rem 0 0}.table-container .user-list{display:flex;flex-direction:column;height:100%;width:100%;align-items:center;padding:1rem;gap:.5rem;overflow-y:auto}.table-container .user-list .user-row{display:grid;grid-template-columns:5rem repeat(3,1fr) 5rem;align-items:center;width:100%;border-radius:.7rem;padding:1rem;box-shadow:0 1px 4px #0000000d,0 1px 4px #0000001a}.table-container .user-list .user-row .user-icon{font-size:1.5rem;color:#7cb883}.table-container .user-list .user-row .trash-icon{color:gray;cursor:pointer}.table-container .user-list .user-row .trash-icon:hover{color:#db6864}