@import url(https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap);:root{--screen-height:0;--screen-width:0;--background-image:"./assets/backgrounds/BG_Border_Default.png"}body{background:url(../../static/media/BG_Border_Default.5799b6898f69f8b062e2.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.screen-space{display:flex;height:99vh;width:99vw}.fixed-ratio{display:flex;height:0;height:var(--screen-height);margin:auto;outline:5px solid #000;overflow:clip;position:relative;width:0;width:var(--screen-width)}mark{background-color:initial;color:#ffc702}.student-login-container{align-items:center;background:url(../../static/media/BG_Higher_Grass.c883c3c05f523f8f512a.png) no-repeat 50%;background-size:cover;box-sizing:border-box;display:flex;flex-direction:column;height:var(--screen-height);justify-content:center;position:relative;width:var(--screen-width)}.mitos-logo-sign-in{height:auto;left:calc(var(--screen-width)*.14922);position:absolute;top:calc(var(--screen-height)*.05529);width:calc(var(--screen-width)*.70234)}.sign-btn{background-color:#a7e4e1;border:calc(var(--screen-width)*.00391) solid #000;border-radius:calc(var(--screen-width)*.00781);cursor:pointer;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.04297);font-weight:500;height:calc(var(--screen-height)*.12019);text-align:center;transition:background-color .3s ease,transform .2s ease;width:calc(var(--screen-width)*.19531)}.sign-btn.spanish{font-size:calc(var(--screen-width)*.02734)}.sign-btn:hover{background-color:#587e86;color:#fff;transform:scale(1.05)}.credits-btn{align-items:center;background:none;border:none;bottom:calc(var(--screen-height)*.03005);color:#000;cursor:pointer;display:flex;flex-direction:column;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.02344);font-weight:600;height:calc(var(--screen-height)*.20072);left:calc(var(--screen-width)*.03906);position:absolute;width:calc(var(--screen-width)*.12422)}.credit-icon-container{align-items:center;display:flex;height:calc(var(--screen-height)*.1226);justify-content:center;width:calc(var(--screen-width)*.08906)}.credits-btn img{max-height:100%;max-width:100%;min-height:100%;min-width:100%;object-fit:contain}.credits-btn:hover{filter:drop-shadow(0 0 8px #a7e4e1) drop-shadow(0 0 8px #a7e4e1) drop-shadow(0 0 8px #a7e4e1);transform:scale(1.05)}.language-toggle{display:flex;justify-content:center;width:100%}.student-login-form{align-items:center;display:flex;flex-direction:column;gap:calc(var(--screen-height)*.06);margin-top:calc(var(--screen-height)*.25);width:calc(var(--screen-width)*.33125)}.student-login-input-container{align-items:center;display:flex;justify-content:center;padding-bottom:calc(var(--screen-height)*.005);position:relative;width:100%}.student-login-input{background-color:#fff;border:calc(var(--screen-width)*.00391) solid #000;border-radius:calc(var(--screen-width)*.00781);font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.025);height:calc(var(--screen-height)*.08413);padding:0 calc(var(--screen-width)*.02) 0 calc(var(--screen-width)*.07);width:90%}.student-login-input:focus{outline:calc(var(--screen-width)*.00625) solid #a7e4e1}.student-login-input-container img{height:calc(var(--screen-width)*.04);left:5%;position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--screen-width)*.04);z-index:1}.student-login-input-container input::placeholder{color:#b3b3b3;font-size:calc(var(--screen-width)*.022)}body,html{height:100%;margin:0;overflow:hidden;padding:0}.mitos-title{display:flex;justify-content:center;margin:5vh auto;position:relative;width:70vw}.section-container{font-family:Comic Sans MS;margin:0 auto}.input-container{height:auto;margin:0 auto 1vh;min-height:50px;min-width:200px;position:relative;width:28vw}.input-label{color:#587e86;display:block;font-family:Comic Sans MS,cursive;font-size:14px;font-weight:700;margin-bottom:5px}.signup-form{overflow-y:auto}.col-container{grid-gap:4vh;display:grid;grid-template-columns:repeat(2,1fr);margin:3% 10%}.col-container>:last-child{grid-column:span 2;margin:0 auto}.input{background-color:#fff;border-color:#000;border-radius:5px;border-width:5px;box-sizing:border-box;font-family:Comic Sans MS;font-size:25px;height:4vh;min-height:50px;padding-left:50px;width:100%}.red-border{border-color:red}.input-container input::placeholder{font-size:25px}.icon{height:30px;left:10px;position:absolute;top:25%;width:30px}.button-container{margin:3vh auto}.button,.button-container{align-items:center;display:flex;justify-content:center}.button{background-color:#a7e4e1;border-color:#000;border-radius:8px;border-width:3px;cursor:pointer;font-family:Comic Sans MS,cursive;font-size:18px;font-weight:700;height:50px;margin:0 auto;padding:10px 20px;transition:all .3s ease;width:200px}.button:hover{background-color:#8dd4d0;box-shadow:0 4px 8px #0003;transform:scale(1.05)}.button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.auth-btn{align-items:center;background-color:#a7e4e1;border-color:#000;border-radius:8px;border-width:3px;cursor:pointer;display:flex;font-family:Comic Sans MS,cursive;font-size:18px;font-weight:700;height:50px;justify-content:center;margin:0 auto;padding:10px 20px;transition:all .3s ease;width:200px;&:hover{background-color:#587e86}}.no-underline{color:#587e86;font-size:20px;text-decoration:none}.forgot-password{margin-top:1vh;max-width:400px;text-align:right}.no-account{font-size:20px;margin-top:3vh;text-align:center}.auth-container{align-items:center;display:flex;justify-content:center;position:relative}#container-cloud{margin-top:15vh}.inside-container{min-height:35px;min-width:200px;padding-top:5%;width:30%}.cloud{min-width:300px;width:45%}.cloud-text{font-family:Comic Sans MS;font-size:2vw;max-width:30rem;position:absolute;text-align:center}.credit-container{display:block;top:82vh}.credit-btn{background-color:initial;border:none;height:20vh;left:3vw;position:absolute;top:77vh;width:15vw}.credit-btn img{align-items:center;justify-items:center;max-height:100%;max-width:100%}.credit-icon{object-fit:contain;position:flex}.auth-header{left:20px;position:absolute;right:20px;top:20px;z-index:10}.auth-title-container{align-items:center;background-color:#ffffffe6;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:10px 20px}.auth-title{color:#587e86;font-family:Comic Sans MS,cursive;font-size:18px;font-weight:700}.auth-icon{color:#587e86;font-family:Courier New,monospace;font-size:16px}.create-account-title,.teacher-login-title{color:#587e86;font-family:Comic Sans MS,cursive;font-size:28px;font-weight:700;margin:20px 0;text-shadow:2px 2px 4px #0000004d}.create-account-title{text-align:center}.confirm-signup-title,.forgot-password-title,.reset-password-title{color:#587e86;font-family:Comic Sans MS,cursive;font-size:28px;font-weight:700;margin:20px 0;text-align:center;text-shadow:2px 2px 4px #0000004d}.two-column-form{display:flex;gap:20px;margin:0 auto;max-width:800px}.form-column{display:flex;flex:1 1;flex-direction:column;gap:15px}.left-column{margin-right:10px}.right-column{margin-left:10px}.email-display{border:2px solid #a7e4e1;border-radius:5px;font-size:16px;padding:8px 12px}.email-display,.name-display{color:#587e86;font-family:Comic Sans MS,cursive;margin:10px 0}.name-display{font-size:18px;font-weight:700;text-align:center}.instruction-text{background-color:#fffc;border-radius:5px;color:#587e86;font-family:Comic Sans MS,cursive;font-size:14px;line-height:1.4;margin:15px 0;padding:10px;text-align:center}.forgot-password-link{color:#587e86;font-weight:700}.forgot-password-link:hover{color:#a7e4e1}@media (max-width:768px){.two-column-form{flex-direction:column;gap:10px}.form-column{margin:0}.auth-title{font-size:16px}.confirm-signup-title,.create-account-title,.forgot-password-title,.reset-password-title,.teacher-login-title{font-size:24px}.input-container{width:80vw}.input-label{font-size:12px}.input{font-size:18px;padding-left:40px}.icon{height:25px;left:8px;width:25px}.auth-btn{font-size:16px;height:45px;width:150px}}.popup-bg{align-items:center;background-image:linear-gradient(#00000080,#00000080),url(../../static/media/Grayed_Out_Rectangle.8787aec4d00587f6805f.gif);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:var(--screen-height);justify-content:center;left:0;position:absolute;top:0;width:var(--screen-width);z-index:1}.popup-container{position:relative}.popup-container,.popup-rectangle{margin-bottom:auto;margin-top:auto}.popup-rectangle{background-color:#a7e4e1;border:calc(var(--screen-width)*.01) solid #000;border-radius:calc(var(--screen-width)*.04);height:calc(var(--screen-height)*.47);object-fit:contain;position:absolute;top:calc(var(--screen-height)*.19);width:calc(var(--screen-width)*.57)}.popup-title{font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.05);font-weight:600;margin:calc(var(--screen-height)*.08) auto calc(var(--screen-height)*.04) auto}.popup-text,.popup-title{color:#000;text-align:center}.popup-text{font-family:Balsamiq Sans,sans-serif;font-size:calc(var(--screen-width)*.03);font-weight:400;margin:calc(var(--screen-height)*.01) calc(var(--screen-width)*.03) auto calc(var(--screen-width)*.03)}.continue-btn{height:calc(var(--screen-height)*.15);position:absolute;top:calc(var(--screen-height)*.71)}.popup-bg-2{align-items:center;background-image:linear-gradient(#00000080,#00000080);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:var(--screen-height);justify-content:center;left:0;position:absolute;top:0;width:var(--screen-width);z-index:20}.popup-title-2{color:#000;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.07);font-weight:600;margin-top:calc(var(--screen-height)*.15);text-align:center}.popup-title-2-sm{margin-top:calc(var(--screen-height)*.1)}.general-popup-rectangle{background-color:#a7e4e1;border:calc(var(--screen-width)*.01) solid #000;border-radius:calc(var(--screen-width)*.04);height:calc(var(--screen-height)*.5);margin-bottom:auto;margin-top:auto;object-fit:contain;position:absolute;top:calc(var(--screen-height)*.25);width:calc(var(--screen-width)*.57)}.popup-title-3{align-items:center;color:#000;display:flex;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.05);font-weight:600;height:100%;justify-content:center;margin:0;padding:calc(var(--screen-height)*.02);text-align:center}.scrollable-credits{background-color:#fff;border:calc(var(--screen-width)*.007) solid #000;border-radius:calc(var(--screen-width)*.01);display:block;height:calc(var(--screen-height)*.57);margin:auto;overflow-x:hidden;overflow-y:scroll;scrollbar-color:#c2d2a3 #0000;white-space:nowrap;width:calc(var(--screen-width)*.75)}.credit-container{margin-bottom:calc(var(--screen-height)*.05)}.credit-title{font-size:4vw;justify-content:center;margin-top:1.2em;text-decoration:underline}.credit-names,.credit-title{color:#000;font-family:Balsamiq Sans,sans-serif;font-weight:500;text-align:center}.credit-names{font-size:3vw;margin-top:1em}.credit-back-btn{background-color:initial;border:none;height:20vh;position:absolute;top:80vh;width:15vw}.background{background-repeat:no-repeat!important;background-size:cover!important;height:var(--screen-height);width:var(--screen-width)}.default-bg{--background-image:url(../../static/media/BG_Default.8469f1d647e62f73f7dd.png);background:var(--background-image)}.high-grass-bg{background:url(../../static/media/BG_Higher_Grass.c883c3c05f523f8f512a.png)}.volcano-bg{background:url(../../static/media/BG_Volcano.88cda88068ce6e4895f9.png)}.logo-outline{-webkit-text-stroke-width:10px;-webkit-text-stroke-color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#c2d2a3;display:inline-block;font-family:Fredoka,sans-serif;font-size:225px;font-style:normal;font-weight:600;line-height:normal;text-align:center}.logo{left:calc(var(--screen-width)*.26563);top:calc(var(--screen-height)*.04808);width:calc(var(--screen-width)*.46875)}.dancing,.logo{position:absolute}.dancing{left:calc(var(--screen-width)*.3125);top:calc(var(--screen-height)*.27284);width:calc(var(--screen-width)*.34375)}.load_bar{appearance:none;background-color:#ddd;border:calc(var(--screen-height)*.00721) solid #000;border-radius:calc(var(--screen-height)*.01202);height:calc(var(--screen-height)*.07212);left:calc(var(--screen-width)*.10938);overflow:hidden;position:absolute;top:calc(var(--screen-height)*.79327);width:calc(var(--screen-width)*.78125)}.load_bar::-webkit-progress-bar{background-color:#ddd;border-radius:10px}.load_bar::-webkit-progress-value{background-color:#a7e4e1;border-radius:4px}.load_bar::-moz-progress-bar{background-color:#a7e4e1;border-radius:4px}.load-text{-webkit-text-stroke:0 #000;-webkit-text-stroke:var(--paragraph-stroke-weight,0) var(--paragraph-stroke-color,#000);color:#000;color:var(--paragraph-color,#000);font-family:Balsamiq Sans,sans-serif;font-size:calc(var(--screen-width)*.04);left:calc(var(--screen-width)*.34375);text-align:center;top:calc(var(--screen-height)*.81731)}.buttons_container,.load-text{position:absolute;width:calc(var(--screen-width)*.3125)}.buttons_container{display:flex;flex-direction:column;gap:calc(var(--screen-height)*.02);left:calc(var(--screen-width)*.54688);top:calc(var(--screen-height)*.16827)}.character{left:calc(var(--screen-width)*.07813);position:absolute;top:calc(var(--screen-height)*.12019);width:calc(var(--screen-width)*.34375)}.button-paragraph{-webkit-text-stroke:0 #000;-webkit-text-stroke:var(--paragraph-stroke-weight,0) var(--paragraph-stroke-color,#000);all:unset;align-items:center;background-color:#fff;background-color:var(--paragraph-background-color,#fff);border:calc(var(--screen-width)*.005) solid var(--paragraph-border-color,#000);border-radius:calc(var(--screen-width)*.1);color:#000;color:var(--paragraph-color,#000);cursor:pointer;font-family:Balsamiq Sans,sans-serif;font-size:calc(var(--screen-width)*.03);height:100%;justify-content:center;padding:calc(var(--screen-width)*.02)}.button-paragraph,.footer{display:flex;text-align:center;width:100%}.footer{background-color:#fff;bottom:0;height:calc(var(--screen-height)*.2);justify-content:space-between;left:0;position:absolute}.button-left{left:calc(var(--screen-width)*.02)}.button-left,.button-right{bottom:calc(var(--screen-height)*.04);cursor:pointer;height:auto;position:absolute;width:calc(var(--screen-width)*.08)}.button-right{right:calc(var(--screen-width)*.02)}.blue-rectangle{align-items:center;background-color:#a7e4e1;border:calc(var(--screen-width)*.005) solid #000;border-radius:calc(var(--screen-width)*.01);display:flex;height:calc(var(--screen-height)*.07);justify-content:center;left:calc(var(--screen-width)*.1);min-width:calc(var(--screen-width)*.2);padding-left:calc(var(--screen-width)*.01);padding-right:calc(var(--screen-width)*.01);position:absolute;top:calc(var(--screen-height)*-.05)}.blue-rectangle-text{color:#000;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.04);font-weight:600;text-align:center}.exit-rectangle{background-color:#a7e4e1;border:calc(var(--screen-width)*.005) solid #000;border-radius:calc(var(--screen-width)*.01);cursor:pointer;flex-shrink:0;height:40%;margin:calc(var(--screen-height)*.045) calc(var(--screen-width)*.04);padding:calc(var(--screen-width)*.005) calc(var(--screen-width)*.01);&:hover{background-color:#587e86}}.exit-rectangle-text{color:#000;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.035);font-weight:600;text-align:center}.main-text{left:12%;position:absolute;top:25%;width:75%}.ending-text,.main-text{font-family:Balsamiq Sans,sans-serif;font-size:calc(var(--screen-width)*.033);text-align:left}.ending-text{margin-left:calc(var(--screen-width)*.12);margin-top:calc(var(--screen-height)*.05);min-width:0}.hint-popup{border:.8vw solid #000;border-radius:3vw;font-size:3.3vw;height:30vh;left:32vw;padding:3.2vw;top:-55vh;transition:visibility 0s,opacity .5s linear;visibility:hidden;width:33vw}.hint-button,.hint-popup{background-color:#a7e4e1;color:#000;font-family:Fredoka,sans-serif;font-weight:500;position:absolute}.hint-button{border:.5vw solid #000;border-radius:9vw;cursor:pointer;font-size:4.5vw;left:10vw;padding:.05vh 1.8vw;top:-5.5vh}.highlighted{filter:drop-shadow(3px 3px 0 #FFC702) drop-shadow(-3px -3px 0 #FFC702) drop-shadow(-3px 3px 0 #FFC702) drop-shadow(3px -3px 0 #FFC702) drop-shadow(3px 0 0 #FFC702) drop-shadow(-3px 0 0 #FFC702) drop-shadow(0 3px 0 #FFC702) drop-shadow(0 -3px 0 #FFC702)}.red-text{color:red}.yellow-text{color:#ffc702}.green-text{color:#649712}.blue-text{color:#0038ff}.underline-text{text-decoration:underline}.teacher-login-container{align-items:center;background:url(../../static/media/BG_Default.8469f1d647e62f73f7dd.png) no-repeat 50%;background-size:cover;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;height:var(--screen-height);justify-content:flex-start;padding-top:5vh;padding-top:calc(var(--screen-height)*.05);position:relative;width:100vw;width:var(--screen-width)}.mitos-logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:5vh;margin-bottom:calc(var(--screen-height)*.05);width:100%}.mitos-logo{height:auto;max-width:500px;min-width:200px;width:50vw;width:calc(var(--screen-width)*.5)}.teacher-login-title{color:#000;font-family:Fredoka,sans-serif;font-size:4vw;font-size:calc(var(--screen-width)*.04);font-weight:500;margin-bottom:6vh;margin-bottom:calc(var(--screen-height)*.06);margin-top:15vh;margin-top:calc(var(--screen-height)*.15);text-align:center;text-shadow:none}.teacher-login-form{align-items:center;display:flex;flex-direction:column;max-width:300px;width:25vw;width:calc(var(--screen-width)*.25)}.teacher-login-input-container{align-items:center;display:flex;justify-content:center;margin-bottom:3vh;margin-bottom:calc(var(--screen-height)*.03);position:relative;width:100%}.teacher-login-input{background:#fff;border:2px solid #90ee90;border:2px solid var(--light-green);border-radius:1vw;border-radius:calc(var(--screen-width)*.01);font-family:Fredoka,sans-serif;font-size:2.5vw;font-size:calc(var(--screen-width)*.025);height:8vh;height:calc(var(--screen-height)*.08);outline:none;padding:0 2vw 0 7vw;padding:0 calc(var(--screen-width)*.02) 0 calc(var(--screen-width)*.07);transition:border-color .3s ease;width:90%}.teacher-login-input:focus{border-color:#228b22;border-color:var(--dark-green);box-shadow:0 0 .5vw #228b224d;box-shadow:0 0 calc(var(--screen-width)*.005) #228b224d}.teacher-login-input::placeholder{color:#d3d3d3;color:var(--light-grey);font-size:2.2vw;font-size:calc(var(--screen-width)*.022)}.teacher-login-icon{height:3vw;height:calc(var(--screen-width)*.03);left:10%;position:absolute;top:50%;transform:translateY(-50%);width:3vw;width:calc(var(--screen-width)*.03);z-index:1}.forgot-password-link{align-self:flex-end;color:#6b8e23;color:var(--muted-green);font-family:Fredoka,sans-serif;font-size:1.8vw;font-size:calc(var(--screen-width)*.018);margin-bottom:4vh;margin-bottom:calc(var(--screen-height)*.04);text-decoration:none;transition:color .3s ease}.forgot-password-link:hover{color:#228b22;color:var(--dark-green)}.teacher-login-button{background:#6b8e23;background:var(--muted-green);border:none;border-radius:1.5vw;border-radius:calc(var(--screen-width)*.015);color:#fff;cursor:pointer;display:block;font-family:Fredoka,sans-serif;font-size:4.5vw;font-size:calc(var(--screen-width)*.045);font-weight:500;height:12vh;height:calc(var(--screen-height)*.12);margin:0 auto 4vh;margin:0 auto calc(var(--screen-height)*.04) auto;transition:background-color .3s ease,transform .2s ease;width:20vw;width:calc(var(--screen-width)*.2)}.teacher-login-button:disabled{font-size:3vw;font-size:calc(var(--screen-width)*.03)}.teacher-login-button:hover{background:#228b22;background:var(--dark-green);transform:translateY(-.2vh);transform:translateY(calc(var(--screen-height)*-.002))}.teacher-login-button:disabled{background:#d3d3d3;background:var(--light-grey);cursor:not-allowed;transform:none}.no-account-container{font-family:Fredoka,sans-serif;font-size:1.8vw;font-size:calc(var(--screen-width)*.018);text-align:center}.no-account-container span{color:#000}.no-account-container a{color:#6b8e23;color:var(--muted-green);font-size:2.5vw;font-size:calc(var(--screen-width)*.025);font-weight:700;margin-left:.5vw;margin-left:calc(var(--screen-width)*.005);text-decoration:none;transition:color .3s ease}.no-account-container a:hover{color:#228b22;color:var(--dark-green)}@media (max-width:768px){.teacher-login-container{padding-top:12vh;padding-top:calc(var(--screen-height)*.12)}.mitos-logo-container{top:8vh;top:calc(var(--screen-height)*.08)}.teacher-login-form{width:80vw;width:calc(var(--screen-width)*.8)}.mitos-logo{width:40vw;width:calc(var(--screen-width)*.4)}.teacher-login-title{font-size:3.5vw;font-size:calc(var(--screen-width)*.035);margin-top:12vh;margin-top:calc(var(--screen-height)*.12)}.teacher-login-input{font-size:2.2vw;font-size:calc(var(--screen-width)*.022)}.teacher-login-button,.teacher-login-input{height:6vh;height:calc(var(--screen-height)*.06)}.teacher-login-button{font-size:2vw;font-size:calc(var(--screen-width)*.02)}}@media (max-width:480px){.teacher-login-container{padding-top:15vh;padding-top:calc(var(--screen-height)*.15)}.mitos-logo-container{top:10vh;top:calc(var(--screen-height)*.1)}.teacher-login-form{width:90vw;width:calc(var(--screen-width)*.9)}.mitos-logo{width:45vw;width:calc(var(--screen-width)*.45)}.teacher-login-title{font-size:3vw;font-size:calc(var(--screen-width)*.03);margin-top:10vh;margin-top:calc(var(--screen-height)*.1)}.teacher-login-input{font-size:2vw;font-size:calc(var(--screen-width)*.02);height:5vh;height:calc(var(--screen-height)*.05);padding-left:4vw;padding-left:calc(var(--screen-width)*.04)}.teacher-login-icon{height:2.5vw;height:calc(var(--screen-width)*.025);left:1.5vw;left:calc(var(--screen-width)*.015);width:2.5vw;width:calc(var(--screen-width)*.025)}}.teacher-signup-container{background:url(../../static/media/BG_Default.8469f1d647e62f73f7dd.png) no-repeat 50%;background-size:cover;height:100vh;height:var(--screen-height);position:relative;width:100vw;width:var(--screen-width)}.teacher-signup-container,.teacher-signup-form-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.teacher-signup-form-container{background:#0000;max-width:55vw;max-width:calc(var(--screen-width)*.55);padding:8vh 4vh 4vh;padding:calc(var(--screen-height)*.08) calc(var(--screen-height)*.04) calc(var(--screen-height)*.04);width:75%}.teacher-signup-form{margin-bottom:4vh;margin-bottom:calc(var(--screen-height)*.04);margin-left:auto;margin-right:auto;max-width:60vw;max-width:calc(var(--screen-width)*.6)}.teacher-signup-title{color:#c2d2a3;font-family:Fredoka,sans-serif;font-size:6vw;font-size:calc(var(--screen-width)*.06);font-weight:500;letter-spacing:.2vw;letter-spacing:calc(var(--screen-width)*.002);margin:0 0 4vh;margin:0 0 calc(var(--screen-height)*.04) 0;margin-top:-4vh;margin-top:calc(var(--screen-height)*-.04);text-align:center;white-space:nowrap}.teacher-signup-form .title-text-outer-container{margin:0 0 4vh;margin:0 0 calc(var(--screen-height)*.04) 0;margin-top:-20vh;margin-top:calc(var(--screen-height)*-.2);padding:0;width:100%}.teacher-signup-form .title-text-style{font-size:6vw;font-size:calc(var(--screen-width)*.06);justify-content:center}.teacher-signup-form{grid-row-gap:2vw;grid-row-gap:calc(var(--screen-width)*.02);grid-column-gap:8vw;grid-column-gap:calc(var(--screen-width)*.08);column-gap:8vw;column-gap:calc(var(--screen-width)*.08);display:grid;grid-template-columns:1fr 1fr;margin-bottom:8vh;margin-bottom:calc(var(--screen-height)*.08);row-gap:2vw;row-gap:calc(var(--screen-width)*.02);width:100%}.teacher-signup-form .email-field{grid-column:1/-1;justify-self:center;width:50%}.teacher-signup-input-container{align-items:center;display:flex;position:relative}.teacher-signup-input{background:#fff;border:2px solid #90ee90;border:2px solid var(--light-green);border-radius:1vw;border-radius:calc(var(--screen-width)*.01);font-family:Fredoka,sans-serif;font-size:2.5vw;font-size:calc(var(--screen-width)*.025);height:8vh;height:calc(var(--screen-height)*.08);outline:none;padding:0 2vw 0 7vw;padding:0 calc(var(--screen-width)*.02) 0 calc(var(--screen-width)*.07);transition:border-color .3s ease;width:100%}.teacher-signup-input:focus{border-color:#228b22;border-color:var(--dark-green);box-shadow:0 0 .5vw #228b224d;box-shadow:0 0 calc(var(--screen-width)*.005) #228b224d}.teacher-signup-input::placeholder{color:#d3d3d3;color:var(--light-grey);font-size:2.2vw;font-size:calc(var(--screen-width)*.022)}.teacher-signup-icon{height:3vw;height:calc(var(--screen-width)*.03);left:1.8vw;left:calc(var(--screen-width)*.018);position:absolute;width:3vw;width:calc(var(--screen-width)*.03);z-index:1}.teacher-signup-button{background:#6b8e23;background:var(--muted-green);border:none;border-radius:1.5vw;border-radius:calc(var(--screen-width)*.015);color:#fff;cursor:pointer;display:block;font-family:Fredoka,sans-serif;font-size:4.5vw;font-size:calc(var(--screen-width)*.045);font-weight:500;height:12vh;height:calc(var(--screen-height)*.12);margin:0 auto;transition:background-color .3s ease,transform .2s ease;width:20vw;width:calc(var(--screen-width)*.2)}.teacher-signup-button:hover{background:#228b22;background:var(--dark-green);transform:translateY(-.2vh);transform:translateY(calc(var(--screen-height)*-.002))}.teacher-signup-button:disabled{background:#d3d3d3;background:var(--light-grey);cursor:not-allowed;font-size:3vw;font-size:calc(var(--screen-width)*.03);transform:none}.teacher-signup-footer{font-family:Fredoka,sans-serif;font-size:1.8vw;font-size:calc(var(--screen-width)*.018);margin-top:1vh;margin-top:calc(var(--screen-height)*.01);text-align:center}.teacher-signup-footer span{color:#696969;color:var(--dark-grey)}.teacher-signup-footer a{color:#228b22;color:var(--dark-green);font-weight:700;margin-left:.5vw;margin-left:calc(var(--screen-width)*.005);text-decoration:none}.teacher-signup-footer a:hover{text-decoration:underline}@media (max-width:768px){.teacher-signup-form{column-gap:0;grid-template-columns:1fr;row-gap:1vw;row-gap:calc(var(--screen-width)*.01)}.teacher-signup-form .email-field{grid-column:1;width:100%}.teacher-signup-title{font-size:5vw;font-size:calc(var(--screen-width)*.05);padding:.8vh 1.2vw;padding:calc(var(--screen-height)*.008) calc(var(--screen-width)*.012)}.teacher-signup-form-container{margin:2vh;margin:calc(var(--screen-height)*.02);padding:2vh;padding:calc(var(--screen-height)*.02)}.teacher-signup-input{font-size:2.2vw;font-size:calc(var(--screen-width)*.022)}.teacher-signup-button,.teacher-signup-input{height:6vh;height:calc(var(--screen-height)*.06)}.teacher-signup-button{font-size:1.4vw;font-size:calc(var(--screen-width)*.014)}}@media (max-width:480px){.teacher-signup-title{font-size:4.5vw;font-size:calc(var(--screen-width)*.045)}.teacher-signup-form-container{padding:1.5vh;padding:calc(var(--screen-height)*.015)}.teacher-signup-input{font-size:2vw;font-size:calc(var(--screen-width)*.02);height:5vh;height:calc(var(--screen-height)*.05);padding-left:4vw;padding-left:calc(var(--screen-width)*.04)}.teacher-signup-icon{height:3vw;height:calc(var(--screen-width)*.03);left:1.5vw;left:calc(var(--screen-width)*.015);width:3vw;width:calc(var(--screen-width)*.03)}}.title-text-style{align-items:center;display:flex;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-height)*.12);font-weight:600;position:relative;text-align:center}.lesson-title-outer-container{display:flex;height:calc(var(--screen-height)*.5);justify-content:center;margin:calc(var(--screen-height)*.15) auto calc(var(--screen-height)*.05);width:calc(var(--screen-width)*.7)}.title-text-outer-container{align-items:center;display:flex;justify-content:center;min-height:calc(var(--screen-height)*.15);padding:calc(var(--screen-height)*.07) 0 0;width:var(--screen-width)}.backpack-title-text-outer-container{display:flex;justify-content:center;padding:calc(var(--screen-height)*.03) 0 0;width:var(--screen-width)}.title-text-style .black-text{color:#000;position:absolute}.title-text-style .yellow-outline{-webkit-text-stroke:calc(var(--screen-height)*.03) #ffc702;color:#ffc702}.title-text-style .green-text{color:#c2d2a3;position:absolute}.title-text-style .black-outline{-webkit-text-stroke:calc(var(--screen-width)*.018) #000;color:#fff}.teacher-forgot-password-container{background:url(../../static/media/BG_Default.8469f1d647e62f73f7dd.png) no-repeat 50%;background-size:cover;height:100vh;height:var(--screen-height);position:relative;width:100vw;width:var(--screen-width)}.teacher-forgot-password-container,.teacher-forgot-password-form-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.teacher-forgot-password-form-container{background:#0000;max-width:55vw;max-width:calc(var(--screen-width)*.55);padding:8vh 4vh 4vh;padding:calc(var(--screen-height)*.08) calc(var(--screen-height)*.04) calc(var(--screen-height)*.04);width:75%}.teacher-forgot-password-form-container .title-text-outer-container{margin:0 0 4vh;margin:0 0 calc(var(--screen-height)*.04) 0;margin-top:-20vh;margin-top:calc(var(--screen-height)*-.2);padding:0;width:100%}.teacher-forgot-password-form-container .title-text-style{font-size:6vw;font-size:calc(var(--screen-width)*.06);justify-content:center}.teacher-forgot-password-form{align-items:center;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:40vw;max-width:calc(var(--screen-width)*.4);width:100%}.teacher-forgot-password-input-container{align-items:center;display:flex;justify-content:center;margin-bottom:3vh;margin-bottom:calc(var(--screen-height)*.03);position:relative;width:100%}.teacher-forgot-password-input{background:#fff;border:2px solid #90ee90;border:2px solid var(--light-green);border-radius:1vw;border-radius:calc(var(--screen-width)*.01);font-family:Fredoka,sans-serif;font-size:2.5vw;font-size:calc(var(--screen-width)*.025);height:8vh;height:calc(var(--screen-height)*.08);outline:none;padding:0 2vw 0 7vw;padding:0 calc(var(--screen-width)*.02) 0 calc(var(--screen-width)*.07);transition:border-color .3s ease;width:90%}.teacher-forgot-password-input:focus{border-color:#228b22;border-color:var(--dark-green);box-shadow:0 0 .5vw #228b224d;box-shadow:0 0 calc(var(--screen-width)*.005) #228b224d}.teacher-forgot-password-input::placeholder{color:#d3d3d3;color:var(--light-grey);font-size:2.2vw;font-size:calc(var(--screen-width)*.022)}.teacher-forgot-password-icon{height:3vw;height:calc(var(--screen-width)*.03);left:5%;position:absolute;top:50%;transform:translateY(-50%);width:3vw;width:calc(var(--screen-width)*.03);z-index:1}.teacher-forgot-password-button{background:#6b8e23;background:var(--muted-green);border:none;border-radius:1.5vw;border-radius:calc(var(--screen-width)*.015);color:#fff;cursor:pointer;display:block;font-family:Fredoka,sans-serif;font-size:2.5vw;font-size:calc(var(--screen-width)*.025);font-weight:500;height:12vh;height:calc(var(--screen-height)*.12);margin:0 auto 4vh;margin:0 auto calc(var(--screen-height)*.04) auto;transition:background-color .3s ease,transform .2s ease;width:20vw;width:calc(var(--screen-width)*.2)}.teacher-forgot-password-button:hover{background:#228b22;background:var(--dark-green);transform:translateY(-.2vh);transform:translateY(calc(var(--screen-height)*-.002))}.teacher-forgot-password-button:disabled{background:#d3d3d3;background:var(--light-grey);cursor:not-allowed;font-size:2vw;font-size:calc(var(--screen-width)*.02);transform:none}.remember-password-container{bottom:10vh;bottom:calc(var(--screen-height)*.1);font-family:Fredoka,sans-serif;font-size:1.8vw;font-size:calc(var(--screen-width)*.018);left:50%;position:absolute;text-align:center;transform:translateX(-50%);width:100%}.remember-password-container span{color:#696969;color:var(--dark-grey)}.remember-password-container a{color:#6b8e23;color:var(--muted-green);font-weight:700;margin-left:.5vw;margin-left:calc(var(--screen-width)*.005);text-decoration:none;transition:color .3s ease}.remember-password-container a:hover{color:#228b22;color:var(--dark-green)}@media (max-width:768px){.teacher-forgot-password-form{width:80vw;width:calc(var(--screen-width)*.8)}.teacher-forgot-password-input{font-size:2.2vw;font-size:calc(var(--screen-width)*.022);height:6vh;height:calc(var(--screen-height)*.06)}.teacher-forgot-password-button{font-size:2vw;font-size:calc(var(--screen-width)*.02);height:6vh;height:calc(var(--screen-height)*.06)}}@media (max-width:480px){.teacher-forgot-password-form{width:90vw;width:calc(var(--screen-width)*.9)}.teacher-forgot-password-input{font-size:2vw;font-size:calc(var(--screen-width)*.02);height:5vh;height:calc(var(--screen-height)*.05);padding-left:4vw;padding-left:calc(var(--screen-width)*.04)}.teacher-forgot-password-icon{height:2.5vw;height:calc(var(--screen-width)*.025);left:1.5vw;left:calc(var(--screen-width)*.015);width:2.5vw;width:calc(var(--screen-width)*.025)}}.teacher-reset-password-container{background:url(../../static/media/BG_Default.8469f1d647e62f73f7dd.png) no-repeat 50%;background-size:cover;height:100vh;height:var(--screen-height);position:relative;width:100vw;width:var(--screen-width)}.teacher-reset-password-container,.teacher-reset-password-form-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.teacher-reset-password-form-container{background:#0000;max-width:40vw;max-width:calc(var(--screen-width)*.4);padding:5vh 4vh 4vh;padding:calc(var(--screen-height)*.05) calc(var(--screen-height)*.04) calc(var(--screen-height)*.04);width:75%}.teacher-reset-password-form-container .title-text-outer-container{margin:0 0 6vh;margin:0 0 calc(var(--screen-height)*.06) 0;padding:0;width:100%}.teacher-reset-password-form-container .title-text-style{font-size:5vw;font-size:calc(var(--screen-width)*.05);justify-content:center}.teacher-reset-password-form{align-items:center;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:30vw;max-width:calc(var(--screen-width)*.3);width:100%}.teacher-reset-password-input-container{align-items:center;display:flex;justify-content:center;margin-bottom:3vh;margin-bottom:calc(var(--screen-height)*.03);position:relative;width:100%}.teacher-reset-password-input{background:#fff;border:2px solid #90ee90;border:2px solid var(--light-green);border-radius:1vw;border-radius:calc(var(--screen-width)*.01);font-family:Fredoka,sans-serif;font-size:2.5vw;font-size:calc(var(--screen-width)*.025);height:8vh;height:calc(var(--screen-height)*.08);outline:none;padding:0 2vw 0 7vw;padding:0 calc(var(--screen-width)*.02) 0 calc(var(--screen-width)*.07);transition:border-color .3s ease;width:90%}.teacher-reset-password-input:focus{border-color:#228b22;border-color:var(--dark-green);box-shadow:0 0 .5vw #228b224d;box-shadow:0 0 calc(var(--screen-width)*.005) #228b224d}.teacher-reset-password-input::placeholder{color:#d3d3d3;color:var(--light-grey);font-size:2.2vw;font-size:calc(var(--screen-width)*.022)}.teacher-reset-password-icon{height:3vw;height:calc(var(--screen-width)*.03);left:10%;position:absolute;top:50%;transform:translateY(-50%);width:3vw;width:calc(var(--screen-width)*.03);z-index:1}.teacher-reset-password-button{background:#6b8e23;background:var(--muted-green);border:none;border-radius:1.5vw;border-radius:calc(var(--screen-width)*.015);color:#fff;cursor:pointer;display:block;font-family:Fredoka,sans-serif;font-size:2.5vw;font-size:calc(var(--screen-width)*.025);font-weight:500;height:12vh;height:calc(var(--screen-height)*.12);margin:0 auto 4vh;margin:0 auto calc(var(--screen-height)*.04) auto;transition:background-color .3s ease,transform .2s ease;width:20vw;width:calc(var(--screen-width)*.2)}.teacher-reset-password-button:hover{background:#228b22;background:var(--dark-green);transform:translateY(-.2vh);transform:translateY(calc(var(--screen-height)*-.002))}.teacher-reset-password-button:disabled{background:#d3d3d3;background:var(--light-grey);cursor:not-allowed;font-size:2vw;font-size:calc(var(--screen-width)*.02);transform:none}.resend-code-container{margin-bottom:3vh;margin-bottom:calc(var(--screen-height)*.03)}.resend-code-link{font-family:Fredoka,sans-serif;font-size:1.8vw;font-size:calc(var(--screen-width)*.018)}.resend-code-link:disabled{color:#d3d3d3;color:var(--light-grey);cursor:not-allowed}@media (max-width:768px){.teacher-reset-password-form{width:80vw;width:calc(var(--screen-width)*.8)}.teacher-reset-password-form-container .title-text-style{font-size:4vw;font-size:calc(var(--screen-width)*.04)}.teacher-reset-password-input{font-size:2.2vw;font-size:calc(var(--screen-width)*.022);height:6vh;height:calc(var(--screen-height)*.06)}.teacher-reset-password-button{font-size:2vw;font-size:calc(var(--screen-width)*.02);height:6vh;height:calc(var(--screen-height)*.06)}}@media (max-width:480px){.teacher-reset-password-form{width:90vw;width:calc(var(--screen-width)*.9)}.teacher-reset-password-form-container .title-text-style{font-size:3.5vw;font-size:calc(var(--screen-width)*.035)}.teacher-reset-password-input{font-size:2vw;font-size:calc(var(--screen-width)*.02);height:5vh;height:calc(var(--screen-height)*.05);padding-left:4vw;padding-left:calc(var(--screen-width)*.04)}.teacher-reset-password-icon{height:2.5vw;height:calc(var(--screen-width)*.025);left:1.5vw;left:calc(var(--screen-width)*.015);width:2.5vw;width:calc(var(--screen-width)*.025)}}:root{--light-green:#90ee90;--muted-green:#6b8e23;--dark-green:#228b22;--light-grey:#d3d3d3;--dark-grey:#696969}.teacher-verify-container{background:url(../../static/media/BG_Default.8469f1d647e62f73f7dd.png) no-repeat 50%;background-size:cover;height:100vh;height:var(--screen-height);position:relative;width:100vw;width:var(--screen-width)}.teacher-verify-container,.teacher-verify-form-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.teacher-verify-form-container{background:#0000;max-width:55vw;max-width:calc(var(--screen-width)*.55);padding:8vh 4vh 4vh;padding:calc(var(--screen-height)*.08) calc(var(--screen-height)*.04) calc(var(--screen-height)*.04);width:75%}.teacher-verify-form-container .title-text-outer-container{margin:0 0 4vh;margin:0 0 calc(var(--screen-height)*.04) 0;margin-top:-20vh;margin-top:calc(var(--screen-height)*-.2);padding:0;width:100%}.teacher-verify-form-container .title-text-style{font-size:6vw;font-size:calc(var(--screen-width)*.06);justify-content:center}.teacher-verify-form{align-items:center;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:40vw;max-width:calc(var(--screen-width)*.4);width:100%}.teacher-verify-input-container{align-items:center;display:flex;justify-content:center;margin-bottom:3vh;margin-bottom:calc(var(--screen-height)*.03);position:relative;width:100%}.teacher-verify-input-container+.teacher-verify-input-container{margin-bottom:4vh;margin-bottom:calc(var(--screen-height)*.04)}.teacher-verify-input{background:#fff;border:2px solid #90ee90;border:2px solid var(--light-green);border-radius:1vw;border-radius:calc(var(--screen-width)*.01);font-family:Fredoka,sans-serif;font-size:2.5vw;font-size:calc(var(--screen-width)*.025);height:8vh;height:calc(var(--screen-height)*.08);outline:none;padding:0 2vw 0 7vw;padding:0 calc(var(--screen-width)*.02) 0 calc(var(--screen-width)*.07);transition:border-color .3s ease;width:90%}.teacher-verify-input:focus{border-color:#228b22;border-color:var(--dark-green);box-shadow:0 0 .5vw #228b224d;box-shadow:0 0 calc(var(--screen-width)*.005) #228b224d}.teacher-verify-input::placeholder{color:#d3d3d3;color:var(--light-grey);font-size:2.2vw;font-size:calc(var(--screen-width)*.022)}.teacher-verify-icon{height:3vw;height:calc(var(--screen-width)*.03);left:5%;position:absolute;top:50%;transform:translateY(-50%);width:3vw;width:calc(var(--screen-width)*.03);z-index:1}.email-display{background-color:#fffc;border:1px solid #90ee90;border:1px solid var(--light-green);border-radius:1vw;border-radius:calc(var(--screen-width)*.01);color:#696969;color:var(--dark-grey);font-family:Fredoka,sans-serif;font-size:1.8vw;font-size:calc(var(--screen-width)*.018);margin-bottom:4vh;margin-bottom:calc(var(--screen-height)*.04);padding:1vh 2vw;padding:calc(var(--screen-height)*.01) calc(var(--screen-width)*.02);text-align:center}.teacher-verify-button{background:#6b8e23;background:var(--muted-green);border:none;border-radius:1.5vw;border-radius:calc(var(--screen-width)*.015);color:#fff;cursor:pointer;display:block;font-family:Fredoka,sans-serif;font-size:2.5vw;font-size:calc(var(--screen-width)*.025);font-weight:500;height:12vh;height:calc(var(--screen-height)*.12);margin:0 auto 4vh;margin:0 auto calc(var(--screen-height)*.04) auto;transition:background-color .3s ease,transform .2s ease;width:20vw;width:calc(var(--screen-width)*.2)}.teacher-verify-button:hover{background:#228b22;background:var(--dark-green);transform:translateY(-.2vh);transform:translateY(calc(var(--screen-height)*-.002))}.teacher-verify-button:disabled{background:#d3d3d3;background:var(--light-grey);cursor:not-allowed;font-size:3vw;font-size:calc(var(--screen-width)*.03);transform:none}.resend-code-container{font-family:Fredoka,sans-serif;font-size:1.8vw;font-size:calc(var(--screen-width)*.018);margin-bottom:2vh;margin-bottom:calc(var(--screen-height)*.02);text-align:center}.resend-code-container span{color:#696969;color:var(--dark-grey)}.resend-code-link{background:none;border:none;color:#6b8e23;color:var(--muted-green);cursor:pointer;font-weight:700;margin-left:.5vw;margin-left:calc(var(--screen-width)*.005);text-decoration:none;transition:color .3s ease}.resend-code-link:hover{color:#228b22;color:var(--dark-green)}.back-to-login-container{font-family:Fredoka,sans-serif;font-size:1.8vw;font-size:calc(var(--screen-width)*.018);text-align:center}.back-to-login-container span{color:#696969;color:var(--dark-grey)}.back-to-login-container a{color:#6b8e23;color:var(--muted-green);font-weight:700;margin-left:.5vw;margin-left:calc(var(--screen-width)*.005);text-decoration:none;transition:color .3s ease}.back-to-login-container a:hover{color:#228b22;color:var(--dark-green)}@media (max-width:768px){.teacher-verify-form{width:80vw;width:calc(var(--screen-width)*.8)}.teacher-verify-input{font-size:2.2vw;font-size:calc(var(--screen-width)*.022)}.teacher-verify-button,.teacher-verify-input{height:6vh;height:calc(var(--screen-height)*.06)}.teacher-verify-button{font-size:2vw;font-size:calc(var(--screen-width)*.02)}}@media (max-width:480px){.teacher-verify-form{width:90vw;width:calc(var(--screen-width)*.9)}.teacher-verify-input{font-size:2vw;font-size:calc(var(--screen-width)*.02);height:5vh;height:calc(var(--screen-height)*.05);padding-left:4vw;padding-left:calc(var(--screen-width)*.04)}.teacher-verify-icon{height:2.5vw;height:calc(var(--screen-width)*.025);left:1.5vw;left:calc(var(--screen-width)*.015);width:2.5vw;width:calc(var(--screen-width)*.025)}}.lesson-page-body{display:flex;flex-direction:column;height:var(--screen-height);width:var(--screen-width)}.lesson-title{display:flex}.lesson-play-button{background-color:#a7e4e1;border:calc(var(--screen-width)*.007) solid #000;border-radius:calc(var(--screen-width)*.01);color:#000;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.05);font-weight:500;height:auto;margin:0 auto;padding:calc(var(--screen-height)*.01) calc(var(--screen-width)*.025);width:auto;&:hover{background-color:#587e86}}.scrollable-page-body{display:flex;flex-direction:column;height:var(--screen-height);width:var(--screen-width)}.backpack-scrollable-page-body,.scrollable-item-selection{height:calc(var(--screen-height)*.6)}.scrollable-item-selection{background-color:#fff;border:calc(var(--screen-width)*.01) solid #000;border-radius:calc(var(--screen-width)*.01);display:flex;margin:calc(var(--screen-width)*.01) auto;overflow-x:scroll;overflow-y:hidden;padding-left:calc(var(--screen-width)*.01);padding-right:calc(var(--screen-width)*.01);scrollbar-color:#c2d2a3 #0000;white-space:nowrap;width:calc(var(--screen-width)*.75)}.green-back-button{cursor:pointer;height:auto;left:calc(var(--screen-width)*.03);position:absolute;top:calc(var(--screen-height)*.85);width:calc(var(--screen-width)*.07)}.module-tutorial{height:calc(var(--screen-height)*.5);margin:calc(var(--screen-height)*.01) auto;width:calc(var(--screen-width)*.7)}.green-title-rectangle{background-color:#c2d2a3;border:calc(var(--screen-width)*.005) solid #000;border-radius:calc(var(--screen-width)*.01);color:#000;display:flex;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.03);font-weight:600;height:7%;justify-content:center;margin:calc(var(--screen-width)*.02) auto calc(var(--screen-height)*.01);text-align:center;width:fit-content};.green-bar-icon{margin:auto calc(var(--screen-width)*.01) auto 0;object-fit:contain}.green-bar-title{display:flex;margin:auto calc(var(--screen-width)*.01)}.tutorial-toc{height:calc(var(--screen-height)*.47);margin:calc(var(--screen-height)*.03) auto}.scrollable-topic-list{background-color:#fff;border:calc(var(--screen-width)*.007) solid #000;border-radius:calc(var(--screen-width)*.005);direction:rtl;height:calc(var(--screen-height)*.6);margin:calc(var(--screen-height)*.08) auto;overflow-x:hidden;overflow-y:auto;scrollbar-color:#c2d2a3 #0000;width:calc(var(--screen-width)*.8)}.topic-list-instance{display:flex;height:calc(var(--screen-height)*.1);justify-content:left;margin:calc(var(--screen-height)*.02) calc(var(--screen-width)*.04)}.topic-text{font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.04);font-weight:550;margin:calc(var(--screen-height)*0) calc(var(--screen-width)*.02);white-space:nowrap}.checkbox-toc{height:auto;left:calc(var(--screen-width)*.01);top:calc(var(--screen-height)*.15);width:calc(var(--screen-width)*.05)}.dots-spacing{background:radial-gradient(circle at center calc(var(--screen-height)*.06),#999 8%,#0000 8%);background-repeat:repeat-x;background-size:calc(var(--screen-height)*.02);width:100%}.label-rectangle{background-color:#a7e4e1;border:.5vw solid #000;border-radius:1vw;display:block;margin-left:51.41vw;margin-top:40vh;width:38.91vw}.label-text{color:red;font-family:Fredoka,sans-serif;font-size:5vw;font-weight:600;padding:2vh 0;text-align:center}.mc-container{display:flex;flex-direction:column;margin-left:calc(var(--screen-width)*.6);margin-top:calc(var(--screen-width)*.1);position:absolute;text-align:center;width:calc(var(--screen-width)*.3)}.mc-container-half{margin-left:calc(var(--screen-width)*.5);margin-top:calc(var(--screen-width)*.11);width:calc(var(--screen-width)*.45)}.mc-container-third{margin-left:calc(var(--screen-width)*.7);margin-top:calc(var(--screen-width)*.15);width:auto}.mc-btn{background-color:#f0f8ff;border-radius:calc(var(--screen-width)*.05);border-width:calc(var(--screen-width)*.005);display:block;font-family:Balsamiq Sans;font-size:calc(var(--screen-width)*.026);font-weight:400;margin-bottom:calc(var(--screen-height)*.02);padding:calc(var(--screen-width)*.02) calc(var(--screen-width)*.03);&:hover{background-color:#a7e4e1}}.horizontal-mc-container{flex-direction:column;position:absolute;width:var(--screen-width)}.horizontal-mc-container,.question-rectangle{align-items:center;display:flex;justify-content:center}.question-rectangle{background-color:#a7e4e1;border:calc(var(--screen-width)*.005) solid #000;border-radius:calc(var(--screen-width)*.01);height:calc(var(--screen-width)*.065);margin-top:calc(var(--screen-height)*.19);max-width:calc(var(--screen-width)*.65);padding:calc(var(--screen-height)*.01) calc(var(--screen-width)*.05)}.question-text{color:#000;font-family:Balsamiq Sans,sans-serif;font-size:calc(var(--screen-width)*.028);font-weight:400;text-align:center}.picture-btn-container{align-items:center;display:flex;gap:calc(var(--screen-width)*.09);justify-content:center;margin-top:calc(var(--screen-height)*.06)}.picture-btn{align-items:center;background-color:#f0f8ff;border:calc(var(--screen-width)*.005) solid #000;border-radius:calc(var(--screen-width)*.05);display:grid;font-family:Fredoka;font-size:calc(var(--screen-width)*.02);font-weight:600;grid-template-rows:1fr auto;height:calc(var(--screen-height)*.2885);padding:calc(var(--screen-width)*.005) calc(var(--screen-width)*.005);text-overflow:ellipsis;width:calc(var(--screen-width)*.23);&:hover{background-color:#a7e4e1}}.picture-btn img{align-items:center;justify-items:center;max-height:100%;max-width:100%}.picture-container{display:flex;height:calc(var(--screen-height)*.1923);justify-content:center;margin-top:0;object-fit:contain;text-align:center;width:auto}.left-right-question-container{align-items:center;display:flex;flex-direction:column;height:calc(var(--screen-height)*.8);justify-content:center;position:absolute;width:var(--screen-width)}.higher-question-rectangle{align-items:center;background-color:#a7e4e1;border:calc(var(--screen-width)*.005) solid #000;border-radius:calc(var(--screen-width)*.02);display:flex;justify-content:center;padding:calc(var(--screen-height)*.03) calc(var(--screen-width)*.02)}.left-right-container{display:flex;justify-content:space-between;margin:calc(var(--screen-height)*.1) calc(var(--screen-width)*.05);width:90%}.left-right-display-container{display:flex;justify-content:space-between;margin:calc(var(--screen-height)*.4) calc(var(--screen-width)*.05);position:absolute;width:calc(var(--screen-width)*.9)}.left-right-btn{background-color:#f0f8ff;border-radius:calc(var(--screen-width)*.04);border-width:calc(var(--screen-width)*.005);display:block;font-family:Balsamiq Sans;font-size:calc(var(--screen-width)*.035);font-weight:600;height:calc(var(--screen-height)*.1863);padding:calc(var(--screen-height)*.01) calc(var(--screen-width)*.01);width:calc(var(--screen-width)*.2148);&:hover{background-color:#a7e4e1}}.smaller-font-btn{font-size:calc(var(--screen-width)*.025)}.display-btn{cursor:default;pointer-events:none}.paragraph-text{-webkit-text-stroke:0 #000;-webkit-text-stroke:var(--paragraph-stroke-weight,0) var(--paragraph-stroke-color,#000);color:#000;color:var(--paragraph-color,#000);font-family:Balsamiq Sans,sans-serif;font-size:calc(var(--screen-width)*.03);text-align:center;word-spacing:-.1em}.paragraph-background{background-color:#a7e4e1;background-color:var(--paragraph-background-color,#a7e4e1);border:calc(var(--screen-width)*.005) solid var(--paragraph-border-color,#000);border-radius:calc(var(--screen-width)*.013);height:100%;margin:auto;padding:calc(var(--screen-width)*.01);padding:calc(var(--screen-width)*.005)!important;width:100%}.paragraph-parent{margin:calc(var(--screen-width)*.12)}.paragraph-text-only{margin:auto;max-width:fit-content;padding:0}.clickable-cards-container{align-items:center;display:flex;gap:calc(var(--screen-width)*.04);height:calc(var(--screen-height)*.8);justify-content:center;position:relative;width:100%}.clickable-card{align-items:center;display:inline-flex;height:auto;justify-content:center;width:auto}.revealed-wrapper{height:calc(var(--screen-height)*.8);width:100%}.click-reveal-container,.revealed-wrapper{align-items:center;display:flex;justify-content:center}.click-reveal-container{flex-direction:column;height:calc(var(--screen-height)*.23);width:calc(var(--screen-width)*.19)}.property-grid{grid-gap:calc(var(--screen-height)*.09);align-items:center;display:grid;gap:calc(var(--screen-height)*.09);grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);height:auto;justify-items:center;left:55%;position:absolute;top:45%;transform:translate(-50%,-50%);width:60%}.click-reveal-box{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:100%}.click-reveal-box,.hidden-state{background-color:#587e86}.click-reveal-top{align-items:center;display:flex;height:30%;justify-content:center;width:100%}.click-reveal-placeholder{color:#fff;font-family:Balsamiq Sans,sans-serif;font-size:calc(var(--screen-width)*.035);text-align:center}.click-reveal-bottom{background-color:#e6f0f3;height:65%;justify-content:center;width:90%}.click-reveal-bottom,.revealed{align-items:center;display:flex}.revealed{background-color:#587e86;border:none!important;box-shadow:none!important;flex-direction:column;justify-content:flex-start;outline:none!important;padding-top:calc(var(--screen-height)*.01)}.click-reveal-title{word-wrap:break-word;color:#fff;display:flex;flex-wrap:wrap;font-family:Balsamiq Sans,sans-serif;font-size:calc(var(--screen-width)*.035);margin:0 auto;overflow:hidden;overflow-wrap:break-word;text-align:center;white-space:nowrap;word-break:break-word}.click-reveal-images{align-items:center;display:flex;gap:calc(var(--screen-width)*.0003);justify-content:center;padding-bottom:calc(var(--screen-height)*.02)}.inner-images{height:calc(var(--screen-width)*.1);object-fit:cover;padding-left:5%;width:90%}.click-reveal-image{background:none!important;border:none!important;display:block!important;height:auto!important;max-width:100%;object-fit:contain;width:48%!important}.dual-image-container{align-items:center;display:flex;flex-direction:column;height:calc(var(--screen-height)*.45);justify-content:center;padding-left:calc(var(--screen-width)*.42);padding-top:calc(var(--screen-height)*.22);width:calc(var(--screen-width)*.42)}.dual-image-title{color:#fff;font-family:Balsamiq Sans,sans-serif;font-size:calc(var(--screen-width)*.05);margin:calc(var(--screen-height)*.03) auto calc(var(--screen-height)*.01) auto;text-align:center}.dual-images{align-items:center;display:flex;gap:calc(var(--screen-width)*.005);justify-content:center;padding-bottom:calc(var(--screen-height)*.02)}.dual-image-inner-images{height:calc(var(--screen-width)*.2);object-fit:cover;padding-left:3%;width:95%}.draggable{touch-action:none}.dd-component{--cell-size:calc(var(--screen-height)*0.15);--drop-width:calc(var(--screen-width)*0.11);--drop-height:calc(var(--screen-height)*0.15)}.dd-container{align-items:center;box-sizing:border-box;display:flex;font-family:Arial,sans-serif;height:calc(var(--screen-height)*1);justify-content:center;overflow:hidden;width:100%}.test-draggable{height:60px;left:0;object-fit:contain;position:absolute;top:0;width:60px}.dd-draggable-items{display:flex;flex-wrap:wrap;gap:calc(var(--screen-height)*.012);justify-content:center;width:calc(var(--screen-width)*.3)}.dd-draggable-item{border:none;border-radius:0;box-shadow:none;cursor:grab;height:var(--cell-size);outline:none;width:calc(var(--cell-size)*.5)}.dd-drop-zone{border-radius:0}.dd-drop-zone,.dd-dropped-item-container,.dd-empty-slot{align-items:center;display:flex;height:calc(var(--screen-height)*.12);justify-content:center;width:calc(var(--screen-width)*.078)}.dd-dropped-item-container,.dd-empty-slot{border:calc(var(--screen-width)*.00078) solid #eee;border-radius:0}.dd-draggable-item.dd-hidden{visibility:hidden}.dd-layout{align-items:center;display:flex;flex-direction:column;height:100%;position:relative;width:100%}.dd-top-images{gap:calc(var(--screen-width)*.02);left:0;position:absolute;right:0;top:calc(var(--screen-height)*.02)}.dd-main-content,.dd-top-images{display:flex;justify-content:center}.dd-main-content{align-items:center;height:calc(var(--screen-height)*.6);margin-top:calc(var(--screen-height)*.15);position:relative;width:100%}.dd-left-images,.dd-right-images{display:flex;flex-direction:column;gap:calc(var(--screen-height)*.02);justify-content:center;position:absolute;top:50%;transform:translateY(-50%)}.dd-left-images{right:calc(50% + var(--screen-width)*.225)}.dd-right-images{left:calc(50% + var(--screen-width)*.225)}.dd-grid{grid-column-gap:calc(var(--screen-height)*.07);column-gap:calc(var(--screen-height)*.07);display:grid;grid-template-rows:repeat(2,1fr);height:calc(var(--screen-height)*.4);width:calc(var(--screen-width)*.3)}.dd-grid-4{grid-template-columns:repeat(2,1fr)}.dd-grid-8{grid-template-columns:repeat(4,1fr)}.dd-droppable-container{box-sizing:border-box;height:100%;width:100%}.dd-droppable-container,.dd-droppable-zone{align-items:center;display:flex;justify-content:center;position:relative}.dd-droppable-zone{height:calc(var(--screen-width)*.12);margin-top:calc(var(--screen-height)*-.02)}.dd-grid-4 .dd-droppable-zone{width:calc(var(--screen-width)*.12)}.dd-grid-8 .dd-droppable-zone{box-sizing:border-box;height:calc(var(--screen-width)*.06);margin-left:calc(var(--screen-width)*-.015);margin-top:calc(var(--screen-width)*.015);width:calc(var(--screen-width)*.06)}.dd-draggable-item,.dd-dropped-item,.dd-placeholder-item{align-items:center;background-color:initial;border:none;box-sizing:border-box;display:flex;height:calc(var(--screen-width)*.12);justify-content:center;width:calc(var(--screen-width)*.19)}.dd-draggable-item img,.dd-dropped-item img{max-height:100%;max-width:100%;object-fit:contain}.dd-draggable-layer{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:100}.dd-drag-overlay{z-index:1000}.dd-drag-overlay,.dd-drag-overlay .dd-draggable-item{border:none!important;box-shadow:none!important;outline:none!important}.dd-drag-overlay,.dd-drag-overlay .dd-draggable-item{background-color:initial;transform:scale(1.05)}.dd-drop-placeholder{color:#8b4513;font-size:calc(var(--screen-width)*.011)}.dd-draggable-wrapper{position:relative;touch-action:none;z-index:1000}.dd-draggable-layer>*{pointer-events:auto}.dd-placeholder-item{height:calc(var(--screen-width)*.12);visibility:hidden;width:calc(var(--screen-width)*.19)}.dd-droppable-container:active,.dd-droppable-container:focus,.dd-droppable-container:hover{background-color:initial!important;border:none!important;outline:none!important}.dd-drag-overlay img,.dd-draggable-item img{border:none!important;box-shadow:none!important;outline:none!important}.dd-grid-8 .dd-draggable-item img,.dd-grid-8 .dd-dropped-item img{height:calc(var(--screen-width)*.09);width:calc(var(--screen-width)*.09)}.timer-click-container{--base-width:1280;--base-height:832;height:100%;position:relative;width:100%}.timer{align-items:center;background-color:#fff;border:calc(var(--screen-width)*(6/var(--base-width))) solid #000;border-radius:calc(var(--screen-width)*(60/var(--base-width)));display:flex;font-family:Balsamiq Sans,cursive;font-size:calc(var(--screen-width)*(60/var(--base-width)));font-weight:700;justify-content:space-between;left:calc(var(--screen-width)*.04);padding:calc(var(--screen-height)*(15/var(--base-height))) calc(var(--screen-width)*(25/var(--base-width)));position:absolute;top:calc(var(--screen-height)*.15);width:calc(var(--screen-width)*(195/var(--base-width)))}.timer-icon{left:calc(var(--screen-width)*.01);position:absolute;width:calc(var(--screen-width)*.06)}.papers-container{height:100%;left:calc(var(--screen-width)*.1);position:relative;width:100%}.papers-container img{transition:transform .2s ease}.papers-container img:hover{transform:scale(1.05)}.timer-text{margin-left:auto}:root{--base-width:1000;--base-height:750}.match{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;font-family:Balsamiq Sans,cursive;gap:calc(var(--screen-height)*.02667);gap:calc(var(--screen-height)*(20/var(--base-height)));height:100%;overflow:hidden;padding-top:calc(var(--screen-height)*(150/var(--base-height)));width:100%}.match__draggables{margin-bottom:calc(var(--screen-height)*(30/var(--base-height)));overflow:hidden}.match__draggables,.match__droppables{display:flex;flex-wrap:nowrap;gap:calc(var(--screen-width)*.02);gap:calc(var(--screen-width)*(20/var(--base-width)));justify-content:center;width:100%}.match__droppables{overflow-x:auto}.match__pair{align-items:center;display:flex;flex-direction:column;gap:calc(var(--screen-height)*.01333);gap:calc(var(--screen-height)*(10/var(--base-height)))}.match__image{height:calc(var(--screen-height)*.26667);height:calc(var(--screen-height)*(200/var(--base-height)));object-fit:contain}.match__image,.match__item{width:calc(var(--screen-width)*.2);width:calc(var(--screen-width)*(200/var(--base-width)))}.match__item{align-items:center;background-color:#a7e4e1;border:calc(var(--screen-width)*(4/var(--base-width))) solid #000;border-radius:calc(var(--screen-width)*.005);border-radius:calc(var(--screen-width)*(5/var(--base-width)));color:#000;cursor:move;display:flex;font-family:Balsamiq Sans,cursive;font-size:calc(var(--screen-width)*.06);font-size:calc(var(--screen-width)*(60/var(--base-width)));font-weight:900;height:calc(var(--screen-height)*.10667);height:calc(var(--screen-height)*(80/var(--base-height)));justify-content:center;-webkit-user-select:none;user-select:none}.match__item--dragging{opacity:.5}.match__item--droppable{background-color:#fff;cursor:default}.match__pair--no-sprite .match__item--droppable{background-color:#a7e4e1;margin-bottom:calc(var(--screen-height)*(90/var(--base-height)))}.match__item--placeholder{visibility:hidden}.match__wrapper{position:relative;touch-action:none;z-index:1}.match__overlay{z-index:1000}.match__overlay .match__item{box-shadow:0 calc(var(--screen-height)*.00267) calc(var(--screen-height)*.00667) #0003;box-shadow:0 calc(var(--screen-height)*(2/var(--base-height))) calc(var(--screen-height)*(5/var(--base-height))) #0003;transform:scale(1.05)}.match__placeholder-text{color:#8b4513;font-size:calc(var(--screen-width)*.014);font-size:calc(var(--screen-width)*(14/var(--base-width)))}.match__droppables::-webkit-scrollbar{height:calc(var(--screen-height)*.01067);height:calc(var(--screen-height)*(8/var(--base-height)))}.match__droppables::-webkit-scrollbar-thumb{background-color:#a7e4e1;border-radius:calc(var(--screen-width)*.004);border-radius:calc(var(--screen-width)*(4/var(--base-width)))}.match__droppables::-webkit-scrollbar-track{background-color:#f1f1f1}.speaking-button-container{display:flex;height:100%;width:calc(var(--screen-width)*.05)}.postit-container{align-items:center;display:flex;height:calc(var(--screen-height)*.56611);justify-content:center;left:calc(var(--screen-width)*.52109);position:absolute;top:calc(var(--screen-height)*.16827);width:calc(var(--screen-width)*.34766)}.postit-container img{max-height:100%;max-width:100%}.postit-image img{object-fit:cover}.postit-record-btn{position:absolute;top:calc(var(--screen-height)*.09615);width:calc(var(--screen-width)*.07813)}.postit-record-text-container{align-items:center;display:flex;height:calc(var(--screen-height)*.27163);left:calc(var(--screen-width)*.07813);position:absolute;top:calc(var(--screen-height)*.15625);width:calc(var(--screen-width)*.18594)}.postit-record-text{color:#000;font-family:Balsamiq Sans,sans-serif;font-size:calc(var(--screen-width)*.024);font-weight:500;object-fit:contain;text-align:center}.vocab-pencil{left:calc(var(--screen-width)*.77344);position:absolute;top:calc(var(--screen-height)*.16827);width:calc(var(--screen-width)*.21)}.vocab-speech-bubble{margin-left:0;margin-top:0;position:absolute;width:calc(var(--screen-width)*.08)}.vocab-text{color:red;font-family:Balsamiq Sans,sans-serif;font-weight:600;object-fit:contain;position:absolute}.vocab-word-text{font-size:calc(var(--screen-width)*.034);text-align:center;top:calc(var(--screen-height)*.06);vertical-align:middle;white-space:pre-line}.vocab-syllable{bottom:calc(var(--screen-height)*.14)}.vocab-pronunciation,.vocab-syllable{font-size:calc(var(--screen-width)*.024)}.vocab-pronunciation{bottom:calc(var(--screen-height)*.06);text-align:center;vertical-align:middle;white-space:pre-line}.record-btn{left:calc(var(--screen-width)*.7);position:absolute;top:calc(var(--screen-height)*.57933);width:calc(var(--screen-width)*.07969)}.checkbox{display:flex;height:calc(var(--screen-height)*.095);position:relative}.title-checkbox{display:flex;padding:calc(var(--screen-height)*.015);position:absolute;right:1;top:0}.green-rectangle{background-color:#c2d2a3;border:calc(var(--screen-width)*.005) solid #000;border-radius:calc(var(--screen-width)*.01);display:flex;margin-right:calc(var(--screen-width)*.02);padding:calc(var(--screen-width)*.01)}.green-rectangle-text{color:#000;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-height)*.04);font-weight:600;position:relative}:root{--base-width:1280;--base-height:832}.drag-in-container{font-family:Balsamiq Sans,cursive;height:100%;overflow:hidden;position:relative;width:100%}.draggable-wrapper{cursor:grab;position:absolute;touch-action:none;z-index:2}.draggable-wrapper img{pointer-events:auto;position:absolute;-webkit-user-select:none;user-select:none}.draggable-wrapper:active{cursor:grabbing;z-index:1000}.rock-dropzone{position:absolute;z-index:1}.rock-dropzone img{height:100%;pointer-events:none;position:relative;width:100%}.rock-dropzone.can-drop{background-color:#00ff001a}.draggable-wrapper.dropped{animation:fadeOut .3s ease forwards}.rock-container{align-items:flex-start;display:flex;justify-content:center;margin:calc(var(--screen-height)*.2) auto 0;padding:calc(var(--screen-height)*.02) 0;position:absolute;top:0;width:calc(var(--screen-width))}.rock{width:100%;z-index:1}.pickaxe,.rock{height:auto;object-fit:contain}.pickaxe{margin-top:calc(var(--screen-height)*.23);touch-action:none;width:calc(var(--screen-width)*.25);z-index:3}.rock-hover-area{align-items:flex-start;display:flex;height:calc(var(--screen-width)*.3);justify-content:center;position:relative;width:calc(var(--screen-width)*.3)}.diamond-container{height:100%;position:relative;width:100%}.diamond{width:calc(var(--screen-width)*.3);z-index:2}.diamond,.sparkles{animation:fadeIn .3s forwards;height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-30%)}.sparkles{opacity:.8;width:calc(var(--screen-width)*.25);z-index:3}.diamond-label{animation:fadeIn .3s forwards;background:#fff;border:4px solid #587e86;border-radius:8px;color:#333;font-family:Balsamiq Sans,sans-serif;font-size:calc(var(--screen-height)*.05);left:50%;padding:10px 30px;position:absolute;top:0;transform:translateX(-50%);-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:3}.diamond-label:contains("shiny"){padding:10px 50px}.shiny-label{padding:10px 50px!important}.rocky-container{align-items:center;display:flex;height:calc(var(--screen-height)*.5);justify-content:center;margin:calc(var(--screen-height)*.2) auto 0;padding:calc(var(--screen-height)*.02) 0;position:relative;width:calc(var(--screen-width)*.8)}.rocky-wrapper{left:50%;position:absolute;transform:translateX(-50%)}.rocky{width:calc(var(--screen-width)*.35)}.rocky,.rocky-state-dull{height:auto;object-fit:contain}.rocky-state-dull{filter:brightness(.9);width:calc(var(--screen-width)*.4)}.rocky-state-semi{filter:brightness(.95);height:auto;object-fit:contain;transform:translateX(calc(var(--screen-width)*.009));width:calc(var(--screen-width)*.5)}.rocky-state-shiny{filter:brightness(1);height:auto;object-fit:contain;transform:translate(calc(var(--screen-width)*.015),calc(var(--screen-height)*.01));width:calc(var(--screen-width)*.43)}.tool-wrapper{position:absolute;right:calc(var(--screen-width)*-.05);top:calc(var(--screen-height)*.1)}.tool{height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;width:calc(var(--screen-width)*.4)}.image-box-click-drag{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.drag-drop-container-ibcd{align-items:center;display:flex;flex-direction:column;gap:5.775vw;position:absolute;top:calc(var(--screen-height)*.45);transform:translateY(-50%)}.draggable-items-ibcd{grid-gap:1.8vw;gap:1.8vw;grid-template-columns:repeat(3,calc(var(--screen-width)*.2448))}.draggable-items-ibcd,.draggable-items-success{display:grid;height:calc(var(--screen-height)*.15);justify-content:center}.draggable-items-success{grid-gap:4vw;gap:4vw;grid-template-columns:repeat(3,auto)}.draggable-item-ibcd{align-items:center;cursor:grab;display:flex;height:calc(var(--screen-height)*.15);justify-content:center;overflow:visible;width:100%}.draggable-item-ibcd img{max-height:100%;max-width:100%;object-fit:contain}.draggable-items-ibcd>:first-child .draggable-item img{overflow:visible;transform:scale(2.2)}.draggable-items-ibcd>:nth-child(2) .draggable-item img{overflow:visible;transform:scale(1.2)}.draggable-items-ibcd>:nth-child(3) .draggable-item img{overflow:visible;transform:scale(1.4)}.droppable-boxes-ibcd{grid-gap:4vw;display:grid;gap:4vw;grid-template-columns:repeat(3,auto);justify-content:center}.dd-droppable-container-ibcd{width:calc(var(--screen-width)*.2148)}.dd-droppable-zone-ibcd{width:100%}.droppable-box-ibcd,.droppable-box-success{align-items:center;border-radius:0;display:flex;height:calc(var(--screen-height)*.231);justify-content:center;width:calc(var(--screen-width)*.2148)}.droppable-box-ibcd p{word-wrap:break-word;line-height:1.4;margin:0;max-width:100%;text-align:center}.dropped-item-ibcd{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.dropped-item-ibcd img{max-height:90%;max-width:90%;object-fit:contain}p.success-text{font-size:calc(var(--screen-width)*.023);padding:calc(var(--screen-width)*.015) calc(var(--screen-width)*.003)}.mc-colored-box-container{align-items:center;display:flex;flex-direction:column;font-family:Balsamiq Sans;gap:calc(var(--screen-height)*.03);justify-content:center;margin-top:calc(var(--screen-height)*.03)}.question-box{display:block;font-size:calc(var(--screen-width)*.025);line-height:1.2;min-height:calc(var(--screen-height)*.1);overflow-wrap:break-word;text-align:left;width:calc(var(--screen-width)*.8)}.answer-box{background-color:#a7cf9e;border:calc(var(--screen-width)*.0008) dashed #87b86bb3;border-radius:calc(var(--screen-height)*.002);color:#4a677e;display:inline-block;font-size:inherit;font-weight:700;height:1em;line-height:normal;margin:0 calc(var(--screen-width)*.01);min-width:calc(var(--screen-width)*.04);padding:calc(var(--screen-height)*.004) calc(var(--screen-width)*.018);text-align:center;vertical-align:middle;white-space:nowrap}.answer-box.filled{background-color:#87b86b;border:none;box-shadow:0 1px 3px #0003;color:#fff}.options-colored-container{align-items:center;display:flex;flex-direction:column;gap:calc(var(--screen-height)*.024);width:calc(var(--screen-width)*.4)}.option-colored-button{word-wrap:break-word;align-items:center;background-color:#d4e4b7;border:calc(var(--screen-width)*.004) solid #000;border-radius:calc(var(--screen-width)*.01);cursor:pointer;display:flex;font-family:Balsamiq Sans;font-size:calc(var(--screen-width)*.025);height:calc(var(--screen-height)*.14);justify-content:center;line-height:1.2;padding:calc(var(--screen-height)*.012) calc(var(--screen-width)*.01);text-align:center;transition:.3s;white-space:normal;width:calc(var(--screen-width)*.35)}.option-colored-button:hover{background-color:#b7d49e}.option-colored-button.selected{background-color:#87b86b;color:#fff}.mc-sentence-container{flex-direction:column;gap:calc(var(--screen-height)*.03);margin-top:calc(var(--screen-height)*.05)}.mc-sentence-container,.question-box{align-items:center;display:flex;font-family:Balsamiq Sans;justify-content:center}.question-box{word-wrap:break-word;background-color:#a7e4e1;border:calc(var(--screen-width)*.005) solid #000;border-radius:calc(var(--screen-height)*.01);font-size:calc(var(--screen-width)*.035);height:auto;margin-top:calc(var(--screen-height)*.175);padding:calc(var(--screen-height)*.015);text-align:center;width:70%}.options-container{flex-direction:row;gap:calc(var(--screen-width)*.022);margin-top:calc(var(--screen-height)*.025)}.option-button,.options-container{display:flex;justify-content:center}.option-button{align-items:center;background-color:#fff;border:calc(var(--screen-width)*.005) solid #000;border-radius:calc(var(--screen-height)*1);cursor:pointer;font-family:Balsamiq Sans;font-size:calc(var(--screen-width)*.02875);height:calc(var(--screen-height)*.13);padding:calc(var(--screen-height)*.02) calc(var(--screen-width)*.05);text-align:center;transition:.3s;width:calc(var(--screen-width)*.225)}.option-button:hover{background-color:#f0f0f0}.option-button.selected{background-color:#87b86b;color:#fff}.correct-answer{background-color:#87b86b!important;color:#fff!important}.incorrect-answer{background-color:#ff4d4d!important;color:#fff!important}.horizontal-mc-picture-container{align-items:center;display:flex;flex-direction:column;height:var(--screen-height);justify-content:center;width:var(--screen-width)}.picture-btn-container-2{gap:calc(var(--screen-width)*.015)}.picture-btn-container-2,.two-options-container{display:flex;justify-content:center;margin-top:calc(var(--screen-height)*.18)}.two-options-container{gap:calc(var(--screen-width)*.1)}.mcp-button-img-container{align-items:center;display:flex;flex-direction:column;gap:calc(var(--screen-height)*.03)}.picture-btn-2{align-items:center;background-color:#f0f8ff;border:calc(var(--screen-width)*.005) solid #000;border-radius:calc(var(--screen-width)*.04);display:flex;font-family:Balsamiq Sans;font-size:calc(var(--screen-width)*.023);font-weight:500;height:100%;justify-content:center;padding:0 calc(var(--screen-width)*.01);text-align:center;transition:background-color .3s ease;width:calc(var(--screen-width)*.28)}.picture-btn-2:hover{background-color:#a7e4e1}.picture-container-2{align-items:center;display:flex;height:calc(var(--screen-height)*.31);justify-content:center;object-fit:contain;width:calc(var(--screen-width)*.28)}.picture-container-2 img{max-height:100%;max-width:100%;object-fit:contain}.correct-btn,.mcp-button-img-container:hover .picture-btn-2{background-color:#a7e4e1}.inactive-btn{cursor:default;opacity:.8}.inactive-btn:hover{background-color:inherit}.texttop-mc-container{flex-direction:column;height:var(--screen-height);margin:calc(var(--screen-height)*-.07) 0 0 0;padding:0;text-align:center;width:var(--screen-width)}.texttop-mc-container,.texttop-question-rectangle{align-items:center;display:flex;justify-content:center}.texttop-question-rectangle{background-color:#a7e4e1;border:calc(var(--screen-width)*.005) solid #000;border-radius:calc(var(--screen-width)*.01);margin:0 calc(var(--screen-width)*.05) calc(var(--screen-height)*.04);padding:calc(var(--screen-height)*.01) calc(var(--screen-width)*.04);width:calc(var(--screen-width)*.5)}.texttop-question-text{color:#000;font-family:Balsamiq Sans,sans-serif;font-size:calc(var(--screen-width)*.028);font-weight:400;text-align:center}.texttop-mc-content{align-items:center;display:flex;justify-content:space-around;margin-top:calc(var(--screen-height)*.05);width:100%}.texttop-picture-btn{align-items:center;background-color:#f0f8ff;border-radius:calc(var(--screen-width)*.05);border-width:calc(var(--screen-width)*.005);display:flex;flex-direction:column;font-family:Balsamiq Sans;font-size:calc(var(--screen-width)*.032);font-weight:400;height:calc(var(--screen-height)*.35);justify-content:flex-start;margin-top:calc(var(--screen-height)*-.1);padding:calc(var(--screen-height)*.03);width:calc(var(--screen-width)*.3)}.texttop-picture-btn img{height:70%;object-fit:contain;order:2;width:100%}.texttop-picture-btn:hover{background-color:#a7e4e1}.inactive-btn{opacity:.5;pointer-events:none}.multi-image-matching-drag{align-items:center;height:100%;justify-content:center;position:relative;width:100%}.draggable-item-outer-wrapper{position:absolute}.draggable-item-mim{align-items:center;display:flex;font-family:Balsamiq Sans;justify-content:center}.media-mim{position:absolute}.droppable-box-mim{align-items:center;display:flex;font-family:Balsamiq Sans;justify-content:center}.prefix-matching-container{align-items:center;display:flex;flex-direction:column;font-family:Balsamiq Sans,cursive;gap:calc(var(--screen-height)*(20/var(--base-height)));padding-top:calc(var(--screen-height)*(170/var(--base-height)))}.prefixes{display:flex;gap:calc(var(--screen-width)*(75/var(--base-width)));justify-content:center;margin-bottom:calc(var(--screen-height)*(20/var(--base-height)))}.base-words{flex-direction:column;gap:calc(var(--screen-height)*(20/var(--base-height)))}.base-words,.prefix-item{align-items:center;display:flex}.prefix-item{background-color:#a7e4e1;border:calc(var(--screen-width)*(4/var(--base-width))) solid #000;border-radius:calc(var(--screen-width)*(5/var(--base-width)));cursor:move;font-size:calc(var(--screen-width)*(40/var(--base-width)));height:calc(var(--screen-height)*(67/var(--base-height)));justify-content:center;-webkit-user-select:none;user-select:none;width:calc(var(--screen-width)*(120/var(--base-width)))}.word-container{align-items:flex-start;display:flex;gap:calc(var(--screen-width)*(5/var(--base-width)))}.prefix-slot{height:calc(var(--screen-height)*(75/var(--base-height)));width:calc(var(--screen-width)*(100/var(--base-width)))}.prefix-placeholder{border:calc(var(--screen-width)*(4/var(--base-width))) dashed #666;border-radius:calc(var(--screen-width)*(5/var(--base-width)));height:-webkit-fill-available;width:100%}.base-word{background-color:#a7e4e1;border:calc(var(--screen-width)*(4/var(--base-width))) solid #000;border-radius:calc(var(--screen-width)*(5/var(--base-width)));font-size:calc(var(--screen-width)*(40/var(--base-width)));min-width:calc(var(--screen-width)*(200/var(--base-width)));padding:calc(var(--screen-width)*(10/var(--base-width)));text-align:center}.placeholder-item{pointer-events:none;visibility:hidden}.draggable-prefix-wrapper{position:relative;touch-action:none;z-index:1}.prefix-item.dragging{opacity:.5}.prefix-item.clickable{cursor:pointer}.prefix-item.clickable:hover{transform:scale(1.05);transition:transform .2s ease}.base-word.combined{min-width:calc(var(--screen-width)*(200/var(--base-width)));transition:all .3s ease}.sk-fill-in-the-blanks-container{align-items:center;display:flex;gap:calc(var(--screen-width)*.1);height:var(--screen-height);width:var(--screen-width)}.sk-text-box{align-items:center;background-color:#a7e4e1;border:calc(var(--screen-width)*.005) solid #000;border-radius:calc(var(--screen-width)*.008);display:flex;font-family:Balsamiq Sans;font-size:calc(var(--screen-width)*.037);height:auto;justify-content:center;margin-bottom:calc(var(--screen-width)*.08);margin-left:calc(var(--screen-width)*.1);padding:calc(var(--screen-width)*.04) calc(var(--screen-width)*.015);text-align:center;width:calc(var(--screen-width)*.7)}.sk-letter-buttons-container,.sk-no-buttons-container{display:flex;flex-wrap:wrap;gap:calc(var(--screen-width)*.01);margin-bottom:calc(var(--screen-width)*.06);margin-right:calc(var(--screen-width)*.1)}.sk-no-buttons-container{width:calc(var(--screen-width)*.57)}.sk-circle-letter-btn{border:calc(var(--screen-width)*.004) solid #000;border-radius:calc(var(--screen-width)*.1);font-family:Balsamiq Sans;font-size:calc(var(--screen-width)*.025);height:calc(var(--screen-width)*.06);text-align:center;width:calc(var(--screen-width)*.06)}.sk-circle-letter-btn:disabled{background-color:#ccc}.sk-circle-letter-btn:hover:not(:disabled){background-color:#b2dfdb}.play-sound-container{--base-width:1280;--base-height:832;height:100%;position:relative;width:100%}.sprites-container{height:100%;left:calc(var(--screen-width)*.1);position:relative;width:100%}.sprites-container img{transition:transform .2s ease}.sprites-container img:hover{transform:scale(1.05)}.image-matching-container{display:flex;flex-direction:column;height:var(--screen-height);position:relative;width:var(--screen-width)}.timer-container{align-items:center;background:#fff;border:calc(var(--screen-width)*.005) solid #000;border-radius:calc(var(--screen-width)*.04);display:flex;flex-direction:row;height:calc(var(--screen-height)*.12);margin-left:calc(var(--screen-height)*.025);margin-top:calc(var(--screen-height)*.15);width:calc(var(--screen-height)*.34)}.bucket-dropzone{bottom:calc(var(--screen-height)*.24);height:calc(var(--screen-height)*.4);left:calc(var(--screen-height)*.04);position:absolute}.image-draggable-item img:hover{transform:scale(1.05)}.invisible-item{visibility:hidden}.clickable-images-container{gap:calc(var(--screen-width)*.04);position:relative}.clickable-images-container,.clickable-images-wrapper{align-items:center;display:flex;height:calc(var(--screen-height)*.8);justify-content:center;width:100%}.image-wrapper{align-items:center;display:flex;flex-direction:column;position:relative}.clickable-image{height:calc(var(--screen-height)*.29);max-height:calc(var(--screen-height)*.4);max-width:calc(var(--screen-width)*.3);object-fit:contain;width:calc(var(--screen-width)*.22)}.clickable-image:hover{transform:scale(1.0125)}.image-label{background:#fff;border:calc(var(--screen-width)*.004) solid #4e727a;border-radius:calc(var(--screen-width)*.00725);font-family:Balsamiq Sans;font-size:calc(var(--screen-height)*.035);left:50%;padding:calc(var(--screen-height)*.015) calc(var(--screen-width)*.0375);position:absolute;top:80%;transform:translate(-50%,-100%);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;white-space:nowrap}.sentences-container{align-items:center;display:flex;flex-direction:column;gap:calc(var(--screen-height)*.05);margin-top:calc(var(--screen-height)*.17);width:100%}.sentence-box{align-items:center;background:#a7e4e1;border:calc(var(--screen-width)*.0035) solid #000;border-radius:calc(var(--screen-width)*.004);display:flex;font-family:Balsamiq Sans,sans-serif;font-size:calc(var(--screen-height)*.048);justify-content:center;min-width:calc(var(--screen-width)*.3);padding:calc(var(--screen-height)*.01) calc(var(--screen-width)*.02);transition:transform calc(var(--screen-height)*.0002) ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.sentence-box.drag-over{background:#8ed1ce;transform:scale(calc(1 + var(--screen-width)*.0001))}.blank-space{display:inline-block;margin-right:calc(var(--screen-width)*.01);min-width:calc(var(--screen-width)*.1);text-align:center}.labels-container{display:flex;gap:calc(var(--screen-width)*.05);justify-content:center;margin-top:calc(var(--screen-height)*.07);width:calc(var(--screen-width))}.drag-label{background:#fff;border:calc(var(--screen-width)*.0035) solid #000;border-radius:calc(var(--screen-width)*.04);cursor:grab;font-family:Balsamiq Sans,sans-serif;font-size:calc(var(--screen-height)*.04);padding:calc(var(--screen-height)*.01) calc(var(--screen-width)*.02);position:relative;transform-origin:center center;transition:transform calc(var(--screen-height)*.0002) ease;-webkit-user-select:none;user-select:none}.drag-label:hover{transform:scale(calc(1 + var(--screen-width)*.0001))}.mc-freeform-container{height:100%;position:relative;width:100%}.freeform-clickable{transition:transform .1s ease-in-out}.freeform-clickable:hover{filter:brightness(1.1);transform:scale(1.05)}.freeform-clickable:active{transform:scale(.95)}.draggable-word-wrapper{position:absolute}.dd-draggable-word-idd{display:grid;place-items:center;text-align:center}.dd-draggable-word-idd-2{align-items:center;display:center;justify-content:center}.droppable-box-label-idd{transform:translateY(calc(var(--screen-height)*-.007))}.droppable-box-idd-2,.droppable-box-label-idd{align-items:center;display:flex;justify-content:center}.droppable-box-wrapper-idd{position:absolute}.image__bg__click__drag__match__draggable__images{display:flex;gap:calc(var(--screen-width)*(90/var(--base-width)));justify-content:center;margin-top:calc(var(--screen-height)*(-380/var(--base-height)));overflow:visible;width:100%;z-index:-1}.image__bg__click__drag__match__item__image{height:calc(var(--screen-height)*(265/var(--base-height)));width:calc(var(--screen-width)*(240/var(--base-width)))}.image__bg__click__drag__match__item__match__item--placeholder{margin-top:calc(var(--screen-height)*(-30/var(--base-height)));position:relative;visibility:visible;z-index:1}.image__bg__click__drag__match__item__image--placeholder,.image__bg__click__drag__match__item__match__item--placeholder{height:calc(var(--screen-height)*(240/var(--base-height)));width:calc(var(--screen-width)*(240/var(--base-width)))}.image__bg__click__drag__match__wrapper{overflow:visible}.image__bg__click__drag__match__item--droppable{background-color:#fff;cursor:default}.image__bg__click__drag__match__droppables{display:flex;flex-wrap:nowrap;gap:calc(var(--screen-width)*(30/var(--base-width)));height:calc(var(--screen-height)*(550/var(--base-height)));justify-content:center;margin-top:calc(var(--screen-height)*(100/var(--base-height)));overflow-x:auto;width:100%}.image__bg__click__drag__match__image{height:calc(var(--screen-height)*(285/var(--base-height)));object-fit:contain;width:calc(var(--screen-width)*(285/var(--base-width)))}.image__bg__click__drag__match__image__completed{height:calc(var(--screen-height)*(475/var(--base-height)));margin-top:calc(var(--screen-height)*(-15/var(--base-height)));object-fit:contain;width:calc(var(--screen-width)*(285/var(--base-width)))}.image__bg__click__drag__match__box{height:40%;width:40%}.image__bg__click__drag__match__overlay{z-index:1000}.image__bg__click__drag__match__overlay .match__item{box-shadow:0 calc(var(--screen-height)*(2/var(--base-height))) calc(var(--screen-height)*(5/var(--base-height))) #0003;transform:scale(1.05)}.character-btn{background-color:#f0f8ff;border:none;font-family:Balsamiq Sans;font-size:calc(var(--screen-width)*.02);font-weight:600;text-overflow:ellipsis;width:calc(var(--screen-width)*.5);&:hover{background-color:#a7e4e1;transform:scale(1.05)}}.character-btn img{align-items:center;height:calc(var(--screen-height)*.3);justify-items:center;padding-bottom:calc(var(--screen-height)*.01);width:calc(var(--screen-width)*.2)}.helper-btn-container{display:flex;position:absolute;right:calc(var(--screen-width)*.01);top:calc(var(--screen-height)*.4)}.helper-btns{display:flex;height:calc(var(--screen-height)*.15);justify-content:center}.header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;display:flex;height:calc(var(--screen-height)*.12);justify-content:space-between;left:calc(var(--screen-width)*.18);padding:0 calc(var(--screen-width)*.03);position:absolute;right:0;top:0;z-index:98}.header-title{font-size:calc(var(--screen-width)*.035);font-weight:600;margin:0}.header-title,.student-site-button{color:#000;font-family:Fredoka,sans-serif}.student-site-button{background-color:#c2d2a3;border:none;border-radius:calc(var(--screen-width)*.005);cursor:pointer;font-size:calc(var(--screen-width)*.018);font-weight:500;padding:calc(var(--screen-height)*.02) calc(var(--screen-width)*.025);transition:all .3s ease}.student-site-button:hover{background-color:#b8c89a;transform:translateY(-1px)}.student-site-button{align-items:center;display:flex;gap:calc(var(--screen-width)*.01)}.external-link-icon{filter:brightness(0) saturate(100%) invert(0) sepia(0) saturate(0) hue-rotate(93deg) brightness(0) contrast(100%);height:calc(var(--screen-width)*.015);width:calc(var(--screen-width)*.015)}.nav-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:0;color:#6b7280;cursor:pointer;display:flex;font-size:calc(var(--screen-width)*.018);font-weight:500;height:calc(var(--screen-height)*.08);padding:calc(var(--screen-height)*.025) calc(var(--screen-width)*.015);position:relative;transition:all .3s ease;width:calc(var(--screen-width)*.18)}.nav-button:hover{background:#fff}.nav-button.active{background-color:#c2d2a3;color:#000}.nav-icon{filter:brightness(0) saturate(100%) invert(39%) sepia(94%) saturate(1234%) hue-rotate(86deg) brightness(94%) contrast(86%);height:calc(var(--screen-width)*.025);margin-right:calc(var(--screen-width)*.008);width:calc(var(--screen-width)*.025)}.nav-button.active .nav-icon{filter:brightness(0) saturate(100%) invert(0) sepia(0) saturate(0) hue-rotate(93deg) brightness(0) contrast(100%)}.nav-label{color:#649712;font-family:Fredoka,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;white-space:nowrap}.nav-button.active .nav-label{color:#000}.green-line{background-color:#c2d2a3;height:100%;left:calc(var(--screen-width)*.18);position:absolute;top:0;width:calc(var(--screen-width)*.004);z-index:99}.sidebar-navigation{display:flex;flex-direction:column;gap:0;left:0;z-index:100}.profile-container,.sidebar-navigation{position:absolute;top:calc(var(--screen-height)*.12)}.profile-container{background:#fff;bottom:0;left:calc(var(--screen-width)*.18);padding:calc(var(--screen-height)*.03);right:0}.loading-message{align-items:center;color:#666;display:flex;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.02);height:100%;justify-content:center}.profile-header{align-items:center;background-color:#649712;border-radius:0;display:flex;left:0;padding:calc(var(--screen-height)*.018) calc(var(--screen-width)*.03);position:absolute;right:0;top:0}.profile-avatar{margin-right:calc(var(--screen-width)*.02)}.profile-content{margin-top:calc(var(--screen-height)*.15);padding:0 calc(var(--screen-width)*.01)}.profile-title{color:#000;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.02);font-weight:500;margin:0 0 calc(var(--screen-height)*.03) 0}.profile-fields{display:flex;flex-direction:column;gap:calc(var(--screen-height)*.015);margin-bottom:calc(var(--screen-height)*.02)}.profile-field{align-items:center;background-color:#c2d2a3;border:none;border-radius:calc(var(--screen-width)*.01);box-shadow:none;display:flex;padding:calc(var(--screen-height)*.015) calc(var(--screen-width)*.025);position:relative;transition:all .3s ease}.profile-field.editing{background-color:#fff;border:2px solid #649712;box-shadow:none}.field-icon{filter:brightness(0) saturate(100%) invert(0) sepia(0) saturate(0) hue-rotate(93deg) brightness(0) contrast(100%);height:calc(var(--screen-width)*.025);margin-right:calc(var(--screen-width)*.015);transition:all .3s ease;width:calc(var(--screen-width)*.025)}.profile-field.editing .field-icon{filter:brightness(0) saturate(100%) invert(39%) sepia(94%) saturate(1234%) hue-rotate(86deg) brightness(94%) contrast(86%)}.field-input{-webkit-focus-ring-color:#0000!important;-webkit-tap-highlight-color:transparent!important;appearance:none!important;color:#000;flex:1 1;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.016);transition:all .3s ease}.field-input,.profile-field.editing .field-input{background:#0000!important;background-color:initial!important;border:none!important;box-shadow:none!important;outline:none!important}.profile-field.editing .field-input{color:#649712}.field-input:disabled{background:#0000!important;background-color:initial!important;border:none!important;box-shadow:none!important;color:#000;cursor:default;outline:none!important}.profile-field.editing .field-input:disabled{background:#0000!important;background-color:initial!important;color:#649712}.field-input::placeholder{color:#666;font-size:calc(var(--screen-width)*.016)}.profile-field.editing .field-input::placeholder{color:#649712;font-size:calc(var(--screen-width)*.016)}.password-reset-button{background-color:#649712;border:none;border-radius:calc(var(--screen-width)*.008);color:#fff;cursor:pointer;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.014);font-weight:500;padding:calc(var(--screen-height)*.012) calc(var(--screen-width)*.02);position:absolute;right:calc(var(--screen-width)*.06);top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:10}.password-reset-button:hover{background-color:#5a8a0f;transform:translateY(-50%) scale(1.05)}.k-badge{align-items:center;background-color:#ff6b35;border-radius:50%;color:#fff;display:flex;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.012);font-weight:600;height:calc(var(--screen-width)*.02);justify-content:center;position:absolute;right:calc(var(--screen-width)*.025);top:50%;transform:translateY(-50%);width:calc(var(--screen-width)*.02)}.profile-actions{display:flex;gap:calc(var(--screen-width)*.015);justify-content:flex-end;padding-top:calc(var(--screen-height)*.01)}.cancel-button{border-radius:calc(var(--screen-width)*.01)}.cancel-button,.profile-container .profile-actions .edit-button{align-items:center;cursor:pointer;display:flex;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.016);font-weight:500;padding:calc(var(--screen-height)*.015) calc(var(--screen-width)*.025);transition:all .3s ease}.profile-container .profile-actions .edit-button{background-color:#c2d2a3!important;border:none;border-radius:calc(var(--screen-width)*.01);color:#000}.profile-container .profile-actions .edit-button:hover{background-color:#a8c484!important;transform:translateY(-1px)}.profile-container .profile-actions .edit-button:disabled{background-color:#e0e0e0!important;cursor:not-allowed;transform:none}.profile-container .profile-actions .edit-button:disabled:hover{background-color:#e0e0e0!important;transform:none}.edit-icon{filter:brightness(0) saturate(100%) invert(0) sepia(0) saturate(0) hue-rotate(93deg) brightness(0) contrast(100%);height:calc(var(--screen-width)*.02);width:calc(var(--screen-width)*.02)}.edit-icon,.spinning-circle{margin-right:calc(var(--screen-width)*.01)}:root{--screen-width:100vw;--screen-height:100vh;--green-overlay:#c2d2a3;--button-color:#649712;--font-family:"Fredoka",sans-serif}.custom-popup-overlay{background-color:#0006;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.custom-popup-container,.custom-popup-overlay{align-items:center;display:flex;justify-content:center}.custom-popup-container{height:100%;width:100%}.custom-popup-white-rectangle{background-color:#fff;border-radius:20px;box-shadow:0 4px 12px #00000026;height:400px;overflow:hidden;position:relative;width:400px}.custom-popup-green-overlay{background-color:#c2d2a3;background-color:var(--green-overlay);border-radius:20px 20px 0 0;height:25%;left:0;position:absolute;top:0;width:100%}.custom-popup-circle{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:12vw;height:calc(var(--screen-width)*.12);justify-content:center;left:50%;position:absolute;top:90%;transform:translate(-50%,-50%);width:12vw;width:calc(var(--screen-width)*.12);z-index:2}.custom-popup-icon{height:11vw;height:calc(var(--screen-width)*.11);object-fit:contain;width:11vw;width:calc(var(--screen-width)*.11)}.custom-popup-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-end;left:0;padding:1.5vw;padding:calc(var(--screen-width)*.015);position:absolute;top:0;width:100%;z-index:1}.custom-popup-title{color:#000;font-size:2vw;font-size:calc(var(--screen-width)*.02);font-weight:600;margin-bottom:.5vh;margin-bottom:calc(var(--screen-height)*.005)}.custom-popup-message,.custom-popup-title{font-family:Fredoka,sans-serif;font-family:var(--font-family);text-align:center}.custom-popup-message{color:#444;font-size:1.7vw;font-size:calc(var(--screen-width)*.017);margin-bottom:4vh;margin-bottom:calc(var(--screen-height)*.04)}.custom-popup-button{align-items:center;background-color:#649712;background-color:var(--button-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Fredoka,sans-serif;font-family:var(--font-family);font-size:18px;font-weight:500;gap:8px;padding:12px 20px;transition:background-color .2s ease}.custom-popup-button:hover{background-color:#5a8a10}.custom-popup-confirmation-actions{display:flex;gap:16px;justify-content:center;margin-top:24px}.custom-popup-confirmation-btn{border:none;border-radius:8px;cursor:pointer;font-family:Fredoka,sans-serif;font-family:var(--font-family);font-size:18px;font-weight:500;min-width:120px;padding:12px 20px;transition:background-color .2s ease}.custom-popup-confirmation-btn.primary{background-color:#649712;background-color:var(--button-color);color:#fff}.custom-popup-confirmation-btn.primary:hover{background-color:#5a8a10}.custom-popup-confirmation-btn.danger{background-color:#ef4444;color:#fff}.custom-popup-confirmation-btn.danger:hover{background-color:#dc2626}.custom-popup-confirmation-btn.secondary{background-color:#6b7280;color:#fff}.custom-popup-confirmation-btn.secondary:hover{background-color:#4b5563}.custom-popup-white-rectangle[data-type=success] .custom-popup-green-overlay{background-color:#c8e6c9!important}.custom-popup-white-rectangle[data-type=success] .custom-popup-circle{border:4px solid #6b9e2a}.custom-popup-white-rectangle[data-type=success] .custom-popup-button{background-color:#6b9e2a}.custom-popup-white-rectangle[data-type=success] .custom-popup-button:hover{background-color:#5a8a10}.custom-popup-white-rectangle[data-type=warning] .custom-popup-green-overlay{background-color:#fef3c7!important}.custom-popup-white-rectangle[data-type=warning] .custom-popup-circle{border:4px solid #f59e0b}@media (max-width:768px){.custom-popup-white-rectangle{height:320px;width:320px}.custom-popup-circle{height:95px;top:75%;width:95px}.custom-popup-icon{height:75px;width:75px}.custom-popup-title{font-size:20px;font-weight:600}.custom-popup-message{font-size:16px}.custom-popup-button{font-size:16px;padding:10px 16px}.custom-popup-confirmation-actions{flex-direction:column;gap:12px}.custom-popup-confirmation-btn{font-size:16px;min-width:100px;padding:10px 16px}}.add-student-button,.cancel-button,.edit-button,.save-button,.upload-csv-button{align-items:center;border:none;border-radius:calc(var(--screen-width)*.01);cursor:pointer;display:flex;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.016);font-weight:500;gap:calc(var(--screen-width)*.01);padding:calc(var(--screen-height)*.015) calc(var(--screen-width)*.025);transition:all .3s ease}.edit-button{background-color:#c2d2a3!important;color:#000}.edit-button:hover{background-color:#a8c484!important;transform:translateY(-1px)}.edit-button:disabled{cursor:not-allowed}.edit-button:disabled,.edit-button:disabled:hover{background-color:#e0e0e0!important;transform:none}.upload-csv-button{background-color:#c2d2a3;color:#000}.upload-csv-button:hover{background-color:#a8c28a;transform:translateY(-1px)}.cancel-button{background-color:#f5f5f5;border:1px solid #ddd;color:#666}.cancel-button:hover{background-color:#e0e0e0;transform:translateY(-1px)}.save-button{background-color:#c2d2a3!important;color:#000}.save-button:hover{background-color:#a8c484!important;transform:translateY(-1px)}.save-button:disabled{cursor:not-allowed}.save-button:disabled,.save-button:disabled:hover{background-color:#e0e0e0!important;transform:none}.add-student-button{background-color:#c2d2a3;color:#000}.add-student-button:hover{background-color:#a8c28a;transform:translateY(-1px)}.edit-icon,.icon,.save-icon{filter:brightness(0) saturate(100%) invert(0) sepia(0) saturate(0) hue-rotate(93deg) brightness(0) contrast(100%);height:calc(var(--screen-width)*.02);width:calc(var(--screen-width)*.02)}.plus-icon{font-size:calc(var(--screen-width)*.018)}.spinning-circle{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#000;height:calc(var(--screen-width)*.02);width:calc(var(--screen-width)*.02)}@media (max-width:768px){.add-student-button,.cancel-button,.edit-button,.save-button{font-size:calc(var(--screen-width)*.014);padding:calc(var(--screen-height)*.012) calc(var(--screen-width)*.02)}}.classes-container{left:calc(var(--screen-width)*.18);padding:calc(var(--screen-height)*.03);top:calc(var(--screen-height)*.12)}.classes-container,.classes-loading{background:#fff;bottom:0;position:absolute;right:0}.classes-loading{border-radius:calc(var(--screen-width)*.005);color:#666;flex-direction:column;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.02);left:0;top:0;z-index:10}.classes-loading,.loading-spinner{align-items:center;display:flex;justify-content:center}.loading-spinner{margin-bottom:calc(var(--screen-height)*.02)}.spinner-ring{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-top-color:#649712;height:calc(var(--screen-width)*.02);margin:0 calc(var(--screen-width)*.005);width:calc(var(--screen-width)*.02)}.loading-text{color:#666;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.016)}.classes-header{align-items:center;background-color:#649712;border-radius:0;display:flex;left:0;padding:calc(var(--screen-height)*.018) calc(var(--screen-width)*.03);position:absolute;right:0;top:0}.classes-avatar{margin-right:calc(var(--screen-width)*.02)}.classes-container .classes-avatar .avatar-placeholder{background:#fff;border:3px solid #fffc;border-radius:50%;height:calc(var(--screen-width)*.06);width:calc(var(--screen-width)*.06)}.classes-welcome{flex:1 1}.welcome-text{color:#000;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.02);font-weight:500;margin:0 0 calc(var(--screen-height)*.005) 0}.welcome-subtext{color:#06c;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.016);margin:0}.add-class-section{align-items:center;display:flex;gap:calc(var(--screen-width)*.02);justify-content:flex-start;margin-bottom:calc(var(--screen-height)*.03);margin-top:calc(var(--screen-height)*.15)}.add-class-btn{transition:background-color .3s ease,transform .2s ease}.add-class-btn:hover{background-color:#a8c28a;transform:translateY(-2px)}.plus-icon{font-size:calc(var(--screen-width)*.02)}.add-class-text{font-size:calc(var(--screen-width)*.016)}.classes-grid{grid-gap:calc(var(--screen-width)*.02);display:grid;gap:calc(var(--screen-width)*.02);grid-template-columns:repeat(auto-fill,minmax(calc(var(--screen-width)*.22),1fr));margin-top:calc(var(--screen-height)*.02)}.class-card{animation:fadeIn .3s ease-in-out;background:#fff;border:2px solid #e0e0e0;border-radius:calc(var(--screen-width)*.01);max-width:calc(var(--screen-width)*.25);min-width:calc(var(--screen-width)*.2);overflow:hidden;padding:0;transition:all .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.class-card.deleting{animation:fadeOut .3s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.class-card:hover{border-color:#649712;box-shadow:0 calc(var(--screen-width)*.005) calc(var(--screen-width)*.01) #64971233}.class-header{align-items:flex-start;box-sizing:border-box;display:flex;height:calc(var(--screen-height)*.12);justify-content:flex-end;padding:calc(var(--screen-height)*.015);position:relative}.no-classes{color:#666;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.016);grid-column:1/-1;padding:calc(var(--screen-height)*.05);text-align:center}@media (max-width:768px){.classes-grid{grid-template-columns:repeat(auto-fill,minmax(calc(var(--screen-width)*.4),1fr))}.modal-content{width:calc(var(--screen-width)*.8)}.welcome-text{font-size:calc(var(--screen-width)*.018)}.add-class-btn{font-size:calc(var(--screen-width)*.014)}}@media (max-width:480px){.classes-grid{grid-template-columns:1fr}.modal-content{width:calc(var(--screen-width)*.9)}.welcome-text{font-size:calc(var(--screen-width)*.016)}.add-class-btn{font-size:calc(var(--screen-width)*.012)}}.class-menu-container{position:relative}.class-menu-button{align-items:center;background:none;background:#fff3;border:none;border-radius:50%;cursor:pointer;display:flex;height:calc(var(--screen-width)*.04);justify-content:center;padding:0;position:relative;transition:all .2s ease;width:calc(var(--screen-width)*.04)}.class-menu-button:hover{background:#ffffff4d;transform:scale(1.1)}.class-menu-button svg{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(0) hue-rotate(93deg) brightness(100%) contrast(100%);height:60%;width:60%}.class-menu-circle{height:100%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.class-menu-circle svg{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(0) hue-rotate(93deg) brightness(100%) contrast(100%);height:100%;width:100%}.class-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:calc(var(--screen-width)*.005);box-shadow:0 4px 12px #00000026;min-width:calc(var(--screen-width)*.12);overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.dropdown-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.014);gap:calc(var(--screen-width)*.008);padding:calc(var(--screen-height)*.012) calc(var(--screen-width)*.015);text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-item.edit-item{color:#649712}.dropdown-item.delete-item{color:#ef4444}.class-content{background:#fff;box-sizing:border-box;padding:calc(var(--screen-height)*.02) calc(var(--screen-width)*.015)}.class-name{color:#000;font-size:calc(var(--screen-width)*.016);font-weight:600;margin:0 0 calc(var(--screen-height)*.008) 0}.class-code,.class-name{font-family:Fredoka,sans-serif;line-height:1.2}.class-code{color:#666;font-size:calc(var(--screen-width)*.013);margin:0}.add-class-container{background:#fff;bottom:0;left:calc(var(--screen-width)*.18);overflow-y:auto;padding:calc(var(--screen-height)*.03);position:absolute;right:0;top:calc(var(--screen-height)*.12)}.add-class-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:calc(var(--screen-height)*.04)}.add-class-title{color:#000;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.025);font-weight:500;margin:0}.error-message{background-color:#ffebee;border:1px solid #ffcdd2;color:#c62828;padding:calc(var(--screen-height)*.015) calc(var(--screen-width)*.02)}.add-class-content{width:100%}.color-palette{flex-wrap:nowrap;overflow-x:auto}.action-buttons{align-items:center;border-top:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:calc(var(--screen-height)*.04);padding-top:calc(var(--screen-height)*.02)}.enroll-btn{background-color:#c2d2a3;border:none;border-radius:calc(var(--screen-width)*.01);color:#000;cursor:pointer;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.016);font-weight:500;padding:calc(var(--screen-height)*.015) calc(var(--screen-width)*.025);transition:background-color .3s ease}.enroll-btn:hover{background-color:#a8c28a}.add-class-btn{align-items:center;background-color:#c2d2a3;border:none;border-radius:calc(var(--screen-width)*.01);color:#000;cursor:pointer;display:flex;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.016);font-weight:500;padding:calc(var(--screen-height)*.015) calc(var(--screen-width)*.025);transition:background-color .3s ease}.add-class-btn:hover:not(:disabled){background-color:#a8c28a}.add-class-btn:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.enrolled-students-section{border-top:2px solid #f0f0f0;margin-top:calc(var(--screen-height)*.04);padding-top:calc(var(--screen-height)*.02)}@media (max-width:768px){.add-class-content{max-width:calc(var(--screen-width)*.8)}.action-buttons{flex-direction:column;gap:calc(var(--screen-height)*.02)}.add-class-btn,.enroll-btn{width:100%}}@media (max-width:480px){.add-class-content{max-width:calc(var(--screen-width)*.9)}.color-palette{justify-content:center}.student-item{align-items:flex-start;flex-direction:column;gap:calc(var(--screen-height)*.01)}}.student-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:calc(var(--screen-width)*.005);box-sizing:border-box;max-height:calc(var(--screen-height)*.35);overflow-y:auto;width:100%}.student-table{background:#fff;border-collapse:collapse;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.012);min-width:600px;width:100%}.table-header{background-color:#649712;color:#fff}.table-header th{border:none;font-weight:600;padding:calc(var(--screen-height)*.015) calc(var(--screen-width)*.01);text-align:left}.student-table tbody tr{border-bottom:1px solid #e0e0e0}.even-row{background-color:#f8f9fa}.odd-row{background-color:#fff}.student-table td{border:none;padding:calc(var(--screen-height)*.012) calc(var(--screen-width)*.01)}.no-students{padding:calc(var(--screen-height)*.03) 0}.notification-btn{background:#007bff;font-size:calc(var(--screen-width)*.012)}.notification-btn,.remove-btn{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:calc(var(--screen-width)*.025);justify-content:center;width:calc(var(--screen-width)*.025)}.remove-btn{background:#dc3545;font-size:calc(var(--screen-width)*.014)}.enroll-actions{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:calc(var(--screen-height)*.02) calc(var(--screen-width)*.025)}.add-student-btn{align-items:center;background-color:#28a745;border:none;border-radius:calc(var(--screen-width)*.005);color:#fff;cursor:pointer;display:flex;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.014);font-weight:500;padding:calc(var(--screen-height)*.012) calc(var(--screen-width)*.02);transition:background-color .3s ease}.add-student-btn:hover{background-color:#218838}.plus-icon{font-weight:700;margin-right:calc(var(--screen-width)*.01)}.save-btn{align-items:center;background-color:#c2d2a3;border:none;border-radius:calc(var(--screen-width)*.005);color:#000;cursor:pointer;display:flex;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.014);font-weight:500;padding:calc(var(--screen-height)*.012) calc(var(--screen-width)*.02);transition:background-color .3s ease}.save-btn:hover{background-color:#a8c28a}.check-icon{font-weight:700;margin-right:calc(var(--screen-width)*.01)}.add-student-modal{display:flex}.add-student-content{padding:calc(var(--screen-height)*.03) calc(var(--screen-width)*.03)}.add-student-content h4{color:#333;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.018);font-weight:600;margin:0 0 calc(var(--screen-height)*.015) 0}.cancel-btn,.fetch-btn{min-width:120px}.student-not-found{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:calc(var(--screen-width)*.005);margin-top:calc(var(--screen-height)*.02);padding:calc(var(--screen-height)*.015) calc(var(--screen-width)*.02);text-align:center}.student-not-found p{color:#c62828;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.014);font-weight:500;margin:0}.edit-class-container{background:#fff;bottom:0;left:calc(var(--screen-width)*.18);overflow-y:auto;padding:calc(var(--screen-height)*.03);position:absolute;right:0;top:calc(var(--screen-height)*.12)}.edit-class-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:calc(var(--screen-height)*.04)}.edit-class-title{font-size:calc(var(--screen-width)*.025);margin:0}.back-button,.edit-class-title{color:#000;font-family:Fredoka,sans-serif;font-weight:500}.back-button{align-items:center;background-color:#c2d2a3;border:none;border-radius:calc(var(--screen-width)*.01);cursor:pointer;display:flex;font-size:calc(var(--screen-width)*.016);padding:calc(var(--screen-height)*.012) calc(var(--screen-width)*.02);transition:background-color .3s ease}.back-button:hover{background-color:#a8c28a}.back-arrow{font-size:calc(var(--screen-width)*.02);margin-right:calc(var(--screen-width)*.01)}.edit-class-content{width:100%}.input-section{margin-bottom:calc(var(--screen-height)*.04)}.form-group{margin-bottom:calc(var(--screen-height)*.02)}.class-input{border:2px solid #c2d2a3;border-radius:calc(var(--screen-width)*.01);box-sizing:border-box;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.016);padding:calc(var(--screen-height)*.015) calc(var(--screen-width)*.02);transition:border-color .3s ease;width:100%}.class-input:focus{border-color:#a8c28a;box-shadow:0 0 0 3px #c2d2a31a;outline:none}.class-input::placeholder{color:#999;font-size:calc(var(--screen-width)*.016)}.edit-class-section,.enrolled-students-section{box-sizing:border-box;margin-bottom:calc(var(--screen-height)*.03);width:100%}.color-section{margin-bottom:calc(var(--screen-height)*.04)}.section-title{color:#000;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.02);font-weight:500;margin:0 0 calc(var(--screen-height)*.02) 0}.color-palette{display:flex;flex-wrap:wrap;gap:calc(var(--screen-width)*.015);justify-content:flex-start;overflow:visible}.color-option{border:2px solid #e0e0e0;border-radius:calc(var(--screen-width)*.008);cursor:pointer;flex-shrink:0;height:calc(var(--screen-width)*.05);transition:all .3s ease;width:calc(var(--screen-width)*.05)}.color-option:hover{border-color:#333;transform:scale(1.1)}.color-option.selected{border:3px solid #333;transform:scale(1.1)}.enrolled-students-section .section-title{color:#000;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.02);font-weight:500;margin:0 0 calc(var(--screen-height)*.02) 0}.students-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:calc(var(--screen-width)*.005);box-sizing:border-box;max-height:calc(var(--screen-height)*.35);overflow-y:auto;width:100%}.students-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(var(--screen-height)*.2);padding:calc(var(--screen-height)*.04)}.students-loading .spinning-circle{animation:spin 1s linear infinite;border:3px solid #0000;border-radius:50%;border-top-color:#649712;height:calc(var(--screen-width)*.04);margin-bottom:calc(var(--screen-height)*.02);width:calc(var(--screen-width)*.04)}.students-loading p{color:#666;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.016);margin:0;text-align:center}.students-table{background:#fff;border-collapse:collapse;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.012);min-width:600px;width:100%}.students-table thead{background:#649712;color:#fff;position:sticky;top:0;z-index:10}.students-table th{border-bottom:1px solid #5a8a10;font-weight:600;padding:calc(var(--screen-height)*.012) calc(var(--screen-width)*.012);text-align:left;white-space:nowrap}.students-table td{border-bottom:1px solid #f0f0f0;padding:calc(var(--screen-height)*.01) calc(var(--screen-width)*.012);vertical-align:middle;white-space:nowrap}.students-table tbody tr:hover{background-color:#f8f9fa}.no-students{color:#666;font-style:italic;padding:calc(var(--screen-height)*.03)!important;text-align:center}.student-actions{display:flex;gap:calc(var(--screen-width)*.008)}.action-btn{background:none;border:none;border-radius:calc(var(--screen-width)*.003);cursor:pointer;font-size:calc(var(--screen-width)*.016);padding:calc(var(--screen-height)*.005);transition:background-color .2s ease}.action-btn:hover{background-color:#f0f0f0}.remove-student-btn{align-items:center;background:none;border:none;border-radius:calc(var(--screen-width)*.003);color:#dc2626;cursor:pointer;display:flex;font-size:calc(var(--screen-width)*.018);font-weight:700;height:calc(var(--screen-width)*.025);justify-content:center;padding:calc(var(--screen-height)*.005);transition:all .2s ease;width:calc(var(--screen-width)*.025)}.remove-student-btn:hover{background-color:#fef2f2;color:#b91c1c;transform:scale(1.1)}.view-btn{color:#649712}.add-btn{color:#007bff;font-size:calc(var(--screen-width)*.018);font-weight:700}.error-message{background:#fee;border:1px solid #fcc;border-radius:calc(var(--screen-width)*.005);color:#c33;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.014);margin-bottom:calc(var(--screen-height)*.02);padding:calc(var(--screen-height)*.015) calc(var(--screen-width)*.015)}.add-student-button-container,.edit-students-button-container{display:flex;justify-content:center;margin-top:calc(var(--screen-height)*.02)}.action-buttons-container{align-items:center;display:flex;justify-content:space-between;margin-top:calc(var(--screen-height)*.03)}.left-buttons,.right-buttons{display:flex;gap:calc(var(--screen-width)*.015)}@media (max-width:1200px){.edit-class-container{left:calc(var(--screen-width)*.18);padding:calc(var(--screen-height)*.015) calc(var(--screen-width)*.012)}.edit-class-content,.edit-class-header{padding:calc(var(--screen-height)*.018) calc(var(--screen-width)*.012)}.students-table{min-width:500px}.students-loading .spinning-circle{height:calc(var(--screen-width)*.035);width:calc(var(--screen-width)*.035)}}@media (max-width:768px){.edit-class-container{left:calc(var(--screen-width)*.18);padding:calc(var(--screen-height)*.01) calc(var(--screen-width)*.008)}.input-section{margin-bottom:calc(var(--screen-height)*.02)}.color-palette{gap:calc(var(--screen-width)*.01);justify-content:center}.color-option{height:calc(var(--screen-width)*.04);width:calc(var(--screen-width)*.04)}.students-table{font-size:calc(var(--screen-width)*.011);min-width:400px}.students-table td,.students-table th{padding:calc(var(--screen-height)*.008) calc(var(--screen-width)*.008)}.section-title{font-size:calc(var(--screen-width)*.018)}.edit-class-title{font-size:calc(var(--screen-width)*.02)}.students-loading .spinning-circle{height:calc(var(--screen-width)*.03);width:calc(var(--screen-width)*.03)}.students-loading p{font-size:calc(var(--screen-width)*.014)}.add-student-button,.edit-students-button{font-size:calc(var(--screen-width)*.014);padding:calc(var(--screen-height)*.01) calc(var(--screen-width)*.016)}.cancel-button{font-size:calc(var(--screen-width)*.014);padding:calc(var(--screen-height)*.012) calc(var(--screen-width)*.02)}}@media (max-width:480px){.edit-class-container{left:calc(var(--screen-width)*.18);padding:calc(var(--screen-height)*.008) calc(var(--screen-width)*.006)}.edit-class-header{flex-direction:column;gap:calc(var(--screen-height)*.01);text-align:center}.students-table{font-size:calc(var(--screen-width)*.01);min-width:300px}.students-table-container{max-height:calc(var(--screen-height)*.3)}.students-loading .spinning-circle{height:calc(var(--screen-width)*.025);width:calc(var(--screen-width)*.025)}.students-loading p{font-size:calc(var(--screen-width)*.012)}.add-student-button,.edit-students-button{font-size:calc(var(--screen-width)*.012);padding:calc(var(--screen-height)*.008) calc(var(--screen-width)*.014)}.cancel-button{font-size:calc(var(--screen-width)*.012);padding:calc(var(--screen-height)*.01) calc(var(--screen-width)*.018)}.add-student-content{padding:calc(var(--screen-height)*.02) calc(var(--screen-width)*.02);width:95%}.add-student-confirm-btn,.back-btn,.cancel-btn,.fetch-btn{font-size:calc(var(--screen-width)*.014);min-width:100px;padding:calc(var(--screen-height)*.01) calc(var(--screen-width)*.016)}}.add-student-modal{align-items:center;background-color:#00000080;display:grid;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:10000}.add-student-content{background:#fff;border-radius:calc(var(--screen-width)*.01);box-shadow:0 4px 20px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.add-student-content-header{align-items:center;background-color:#d4e2b6;display:grid;grid-template-columns:1fr auto 1fr;position:relative}.add-student-content-header .cancel-btn{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:1rem;grid-column:3;justify-self:end;padding:.2rem .5rem}.add-student-content-header h3{place-items:center}.add-student-content h3{color:#333;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.022);font-weight:600;margin:0 0 calc(var(--screen-height)*.02) 0;text-align:center}.id-input-section{display:flex;flex-direction:column;gap:calc(var(--screen-height)*.015);margin:calc(var(--screen-height)*.03) calc(var(--screen-width)*.03)}.id-input-section label{color:#333;font-weight:500}.id-input,.id-input-section label{font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.016)}.id-input{border:2px solid #c2d2a3;border-radius:calc(var(--screen-width)*.008);padding:calc(var(--screen-height)*.012) calc(var(--screen-width)*.015);transition:border-color .3s ease}.id-input:focus{border-color:#a8c484;outline:none}.id-actions{display:flex;gap:calc(var(--screen-width)*.015);justify-content:center}.cancel-btn,.fetch-btn{border:none;border-radius:calc(var(--screen-width)*.008);cursor:pointer;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.016);font-weight:500;justify-content:right;min-width:15px;padding:calc(var(--screen-height)*.012) calc(var(--screen-width)*.02);transition:all .3s ease}.fetch-btn{background-color:#649712;color:#fff}.fetch-btn:hover{background-color:#5a8a10}.fetch-btn:disabled{background-color:#ccc;cursor:not-allowed}.cancel-btn{background-color:#f5f5f5;border:1px solid #ddd;color:#666}.cancel-btn:hover{background-color:#e0e0e0}.student-confirmation{text-align:center}.student-confirmation h4{color:#333;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.018);font-weight:600;margin:0 0 calc(var(--screen-height)*.015) 0}.student-info{background-color:#f8f9fa;border-radius:calc(var(--screen-width)*.008);margin-bottom:calc(var(--screen-height)*.02);padding:calc(var(--screen-height)*.015) calc(var(--screen-width)*.015)}.student-info p{color:#333;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.016);margin:calc(var(--screen-height)*.005) 0}.confirmation-actions{display:flex;gap:calc(var(--screen-width)*.015);justify-content:center}.add-student-confirm-btn,.back-btn{border:none;border-radius:calc(var(--screen-width)*.008);cursor:pointer;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.016);font-weight:500;min-width:120px;padding:calc(var(--screen-height)*.012) calc(var(--screen-width)*.02);transition:all .3s ease}.add-student-confirm-btn{background-color:#649712;color:#fff}.add-student-confirm-btn:hover{background-color:#5a8a10}.back-btn{background-color:#f5f5f5;border:1px solid #ddd;color:#666}.back-btn:hover{background-color:#e0e0e0}@media (max-width:480px){.add-student-content{padding:calc(var(--screen-height)*.015) calc(var(--screen-width)*.015);width:98%}.add-student-confirm-btn,.back-btn,.cancel-btn,.fetch-btn{font-size:calc(var(--screen-width)*.011)}}.pending-addition{background-color:#e8f5e8!important;border-left:4px solid #4caf50}.pending-removal{background-color:#ffebee!important;border-left:4px solid #f44336;opacity:.7}.pending-indicator{color:#666;font-size:.9em;font-style:italic}.class-display-container{background:#fff;bottom:0;left:calc(var(--screen-width)*.18);overflow-y:auto;position:absolute;right:0;top:calc(var(--screen-height)*.12)}.class-display-header{--header-bg-color:#649712;align-items:center;background-color:var(--header-bg-color);border-radius:0;display:flex;left:0;padding:calc(var(--screen-height)*.018) calc(var(--screen-width)*.03);right:0;top:0}.profile-container .profile-avatar .avatar-placeholder{background:#fff;border:3px solid #fffc;border-radius:50%;height:calc(var(--screen-width)*.06);width:calc(var(--screen-width)*.06)}.profile-welcome{align-items:center;display:flex;flex:1 1;justify-content:space-between;width:100%}.profile-welcome-left{align-items:flex-start;display:flex;flex-direction:column}.profile-welcome-right{align-items:center;display:flex;margin-left:auto}.class-name-text{color:#000;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.02);font-weight:500;margin:0 0 calc(var(--screen-height)*.005) 0}.class-name-subtext{color:#fff;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.016);margin:0}.nav-button-group{align-items:center;display:inline-flex;padding:0}.segmentedControl{background-color:#fff;border:calc(var(--screen-height)*.004) solid #c2d2a3;border-radius:calc(var(--screen-height)*.015)!important;display:inline-flex;gap:0;position:relative}.segmentedControl .MuiToggleButton-root{align-items:center;background-color:initial;border:none;border-radius:0;color:#649712;display:flex;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.015);padding:calc(var(--screen-height)*.002) calc(var(--screen-width)*.01);text-transform:none;z-index:0}.segmentedControl .Mui-selected{background-color:#c2d2a3!important;border-radius:calc(var(--screen-height)*.012)!important;color:#000!important;font-size:calc(var(--screen-width)*.02);z-index:1}.main-content{display:flex;flex-direction:column;padding:calc(var(--screen-height)*.03) calc(var(--screen-width)*.03)}.class-display-loading{align-items:center;color:#666;display:flex;flex:1 1;flex-direction:column;font-family:Fredoka,sans-serif;justify-content:center;min-height:200px}.loading-spinner--class-display{height:calc(var(--screen-width)*.055);margin-bottom:calc(var(--screen-height)*.02);position:relative;width:calc(var(--screen-width)*.055)}.loading-spinner--class-display .spinner-ring{animation:class-display-spinner-spin 1.2s linear infinite;border:3px solid #0000;border-radius:50%;box-sizing:border-box;position:absolute;transform-origin:center center}.loading-spinner--class-display .spinner-ring:first-child{animation-delay:0s;border-top-color:#3498db;height:calc(var(--screen-width)*.055);left:0;top:0;width:calc(var(--screen-width)*.055)}.loading-spinner--class-display .spinner-ring:nth-child(2){animation-delay:.15s;border-top-color:#2ecc71;height:calc(var(--screen-width)*.036);left:50%;margin-left:calc(var(--screen-width)*-.018);margin-top:calc(var(--screen-width)*-.018);top:50%;width:calc(var(--screen-width)*.036)}.loading-spinner--class-display .spinner-ring:nth-child(3){animation-delay:.3s;border-top-color:#f39c12;height:calc(var(--screen-width)*.018);left:50%;margin-left:calc(var(--screen-width)*-.009);margin-top:calc(var(--screen-width)*-.009);top:50%;width:calc(var(--screen-width)*.018)}@keyframes class-display-spinner-spin{to{transform:rotate(1turn)}}.class-display-loading .loading-text{font-size:calc(var(--screen-width)*.016)}.manage-students{background-color:#c2d2a3;border:none;border-radius:calc(var(--screen-height)*.015);color:#000;cursor:pointer;font-size:calc(var(--screen-width)*.018);padding:calc(var(--screen-height)*.01) calc(var(--screen-width)*.005)}.manage-students,.manage-text{font-family:Fredoka,sans-serif;font-weight:500}.manage-text{border-radius:0;font-size:calc(var(--screen-width)*.02)}.class-column{align-items:center;box-sizing:border-box;display:flex;margin-top:calc(var(--screen-height)*.03);padding-left:calc(var(--screen-width)*.02);padding-right:calc(var(--screen-width)*.02);width:100%}.class-column-left{align-items:center;display:flex;gap:calc(var(--screen-width)*.02)}.class-column-right{margin-left:auto}.modal-add-student{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.modal-add-student__content{background:#fff;border-radius:calc(var(--screen-width)*.01);box-shadow:0 4px 20px #0000004d;max-height:80vh;max-width:480px;overflow-y:auto;padding:calc(var(--screen-height)*.03) calc(var(--screen-width)*.03);width:90%}.modal-add-student__title{color:#333;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.022);font-weight:600;margin:0 0 calc(var(--screen-height)*.02) 0;text-align:center}.modal-add-student__form{display:flex;flex-direction:column;gap:calc(var(--screen-height)*.015)}.modal-add-student__label{color:#333;font-weight:500}.modal-add-student__input,.modal-add-student__label{font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.016)}.modal-add-student__input{border:2px solid #c2d2a3;border-radius:calc(var(--screen-width)*.008);padding:calc(var(--screen-height)*.012) calc(var(--screen-width)*.015);transition:border-color .3s ease}.modal-add-student__input:focus{border-color:#a8c28a;box-shadow:0 0 0 3px #c2d2a326;outline:none}.modal-add-student__password-wrap{align-items:center;display:flex;gap:calc(var(--screen-width)*.01);position:relative}.modal-add-student__password-wrap .modal-add-student__input{flex:1 1;padding-right:calc(var(--screen-width)*.08)}.modal-add-student__toggle-password{align-items:center;background:none;border:none;border-radius:calc(var(--screen-width)*.008);color:#666;cursor:pointer;display:flex;justify-content:center;padding:calc(var(--screen-height)*.005);position:absolute;right:calc(var(--screen-width)*.015);top:50%;transform:translateY(-50%);transition:color .2s ease,background-color .2s ease}.modal-add-student__toggle-password:hover{background-color:#c2d2a333;color:#649712}.modal-add-student__toggle-password:focus{outline:none}.modal-add-student__actions{display:flex;gap:calc(var(--screen-width)*.02);justify-content:center;margin-top:calc(var(--screen-height)*.025)}.modal-add-student__cancel,.modal-add-student__submit{border:none;border-radius:calc(var(--screen-width)*.008);cursor:pointer;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.016);font-weight:500;min-width:140px;padding:calc(var(--screen-height)*.012) calc(var(--screen-width)*.025);transition:background-color .3s ease}.modal-add-student__submit{background-color:#649712;color:#fff}.modal-add-student__submit:hover:not(:disabled){background-color:#5a8a10}.modal-add-student__submit:disabled{background-color:#ccc;cursor:not-allowed}.modal-add-student__cancel{background-color:#f5f5f5;border:1px solid #ddd;color:#666}.modal-add-student__cancel:hover{background-color:#e0e0e0}.modal-add-student .modal-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(var(--screen-height)*.28);padding:calc(var(--screen-height)*.012) 0}.modal-add-student .modal-loading .loading-spinner{flex-shrink:0;height:calc(var(--screen-width)*.055);margin-bottom:calc(var(--screen-height)*.02);position:relative;width:calc(var(--screen-width)*.055)}.modal-add-student .modal-loading .spinner-ring{animation:modal-spinner-spin 1.2s linear infinite;border:3px solid #0000;border-radius:50%;box-sizing:border-box;position:absolute;transform-origin:center center}.modal-add-student .modal-loading .spinner-ring:first-child{border-top-color:#3498db}.modal-add-student .modal-loading .spinner-ring:nth-child(2){border-top-color:#2ecc71}.modal-add-student .modal-loading .spinner-ring:nth-child(3){border-top-color:#f39c12}.modal-add-student .modal-loading .spinner-ring:first-child{animation-delay:0s;height:calc(var(--screen-width)*.055);left:0;top:0;width:calc(var(--screen-width)*.055)}.modal-add-student .modal-loading .spinner-ring:nth-child(2){animation-delay:.15s;height:calc(var(--screen-width)*.036);left:50%;margin-left:calc(var(--screen-width)*-.018);margin-top:calc(var(--screen-width)*-.018);top:50%;width:calc(var(--screen-width)*.036)}.modal-add-student .modal-loading .spinner-ring:nth-child(3){animation-delay:.3s;height:calc(var(--screen-width)*.018);left:50%;margin-left:calc(var(--screen-width)*-.009);margin-top:calc(var(--screen-width)*-.009);top:50%;width:calc(var(--screen-width)*.018)}@keyframes modal-spinner-spin{to{transform:rotate(1turn)}}.teacher-dashboard{height:var(--screen-height);overflow:hidden;position:relative;width:var(--screen-width)}.mitos-logo{display:flex;left:calc(var(--screen-width)*.02);position:absolute;top:calc(var(--screen-height)*.04);z-index:10}.logo-image{height:calc(var(--screen-height)*.05);width:auto}.page-placeholder{background:#fff;color:#666;font-size:calc(var(--screen-width)*.025)}.loading-container,.page-placeholder{align-items:center;bottom:0;display:flex;font-family:Fredoka,sans-serif;justify-content:center;left:calc(var(--screen-width)*.18);position:absolute;right:0;top:calc(var(--screen-height)*.12)}.loading-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;flex-direction:column}.loading-spinner{height:80px;margin-bottom:20px;position:relative;width:80px}.spinner-ring{animation:spin 1.2s linear infinite;border:4px solid #0000;border-radius:50%;border-top-color:#4a90e2;height:100%;position:absolute;width:100%}.spinner-ring:first-child{animation-delay:0s}.spinner-ring:nth-child(2){animation-delay:.2s;border-top-color:#7ed321;height:60px;left:10px;top:10px;width:60px}.spinner-ring:nth-child(3){animation-delay:.4s;border-top-color:#f5a623;height:40px;left:20px;top:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{animation:pulse 2s ease-in-out infinite;color:#333;font-size:calc(var(--screen-width)*.018);font-weight:500;text-align:center}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@media (max-width:768px){.loading-spinner{height:60px;width:60px}.spinner-ring:nth-child(2){height:45px;left:7.5px;top:7.5px;width:45px}.spinner-ring:nth-child(3){height:30px;left:15px;top:15px;width:30px}.loading-text{font-size:calc(var(--screen-width)*.025)}}@media (max-width:480px){.loading-spinner{height:50px;width:50px}.spinner-ring:nth-child(2){height:37.5px;left:6.25px;top:6.25px;width:37.5px}.spinner-ring:nth-child(3){height:25px;left:12.5px;top:12.5px;width:25px}.loading-text{font-size:calc(var(--screen-width)*.03)}}
/*# sourceMappingURL=main.9e820619.css.map*/