@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Balsamiq+Sans&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}.hide-react-player{height:0!important;overflow:hidden!important;width:0!important}.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)*.04688);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)*.035);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)*.023);font-weight:500;height:calc(var(--screen-height)*.08413);padding:0 calc(var(--screen-width)*.07) 0 calc(var(--screen-width)*.07);width:90%}.student-login-input:focus{outline:calc(var(--screen-width)*.00625) solid #a7e4e1}.student-login-input-icon{align-items:center;display:flex;height:calc(var(--screen-width)*.04);justify-content:center;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}.toggle-password-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:calc(var(--screen-width)*.01563);top:50%;transform:translateY(-50%)}.toggle-password-btn:active img,.toggle-password-btn:hover img{filter:brightness(0)}.toggle-password-btn img{height:calc(var(--screen-width)*.035);width:calc(var(--screen-width)*.035)}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}.playback-popup-rectangle{align-items:center;background-color:#a7e4e1;border:calc(var(--screen-width)*.01) solid #000;border-radius:calc(var(--screen-width)*.04);display:flex;flex-direction:column;height:calc(var(--screen-height)*.47);position:absolute;top:calc(var(--screen-height)*.19);width:calc(var(--screen-width)*.57)}.playback-text{color:#000;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.06);font-weight:600;margin-bottom:calc(var(--screen-height)*.025);margin-top:calc(var(--screen-height)*.06);text-align:center}.playback-timeline-group{height:5%;width:85%}.playback-image-button{padding-bottom:calc(var(--screen-height)*.035);width:calc(var(--screen-width)*.08)}.playback-duration-group{align-items:center;color:#000;display:flex;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-height)*.04);gap:calc(var(--screen-width)*.02);justify-content:space-between}.text-button{background-color:#fff;border:calc(var(--screen-width)*.01) solid #000;border-radius:calc(var(--screen-width)*.03);padding:calc(var(--screen-height)*.02) calc(var(--screen-height)*.02);width:calc(var(--screen-width)*.21)}.text-button:hover{background-color:#d2d2d2}.playback-buttons{font-size:calc(var(--screen-height)*.045);font-weight:500;justify-content:space-between;position:absolute;top:calc(var(--screen-height)*.7);width:calc(var(--screen-width)*.53)}.playback-buttons,.title-text-style{display:flex;font-family:Fredoka,sans-serif;text-align:center}.title-text-style{align-items:center;font-size:calc(var(--screen-height)*.12);font-weight:600;position:relative}.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}.credits-page-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)}.credits-page-container .title-text-outer-container{margin:calc(var(--screen-height)*-.05) auto 0 auto;padding:0;width:100%}.scrollable-credits{background-color:#fff;border:calc(var(--screen-width)*.007) solid #000;border-radius:calc(var(--screen-width)*.01);display:flex;flex-direction:column;height:calc(var(--screen-height)*.52);margin:calc(var(--screen-height)*.03) auto calc(var(--screen-height)*.03) auto;overflow-x:hidden;overflow-y:scroll;padding-bottom:calc(var(--screen-height)*.05);white-space:nowrap;width:calc(var(--screen-width)*.75)}.scrollable-credits::-webkit-scrollbar{width:calc(var(--screen-width)*.01953)}.scrollable-credits::-webkit-scrollbar-track{background:linear-gradient(90deg,#0000 40%,#000 0,#000 60%,#0000 0)}.scrollable-credits::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#c2d2a3;border:calc(var(--screen-width)*.00469) solid #0000;border-radius:calc(var(--screen-width)*.01016)}.scrollable-credits::-webkit-scrollbar-thumb:hover{background-color:#96a872}@-moz-document url-prefix(){.scrollable-credits{scrollbar-color:#c2d2a3 #0000;scrollbar-width:thin}}.credit-container{margin-bottom:calc(var(--screen-height)*.05)}.credit-title{font-size:calc(var(--screen-width)*.04);justify-content:center;margin-top:calc(var(--screen-height)*.08);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:calc(var(--screen-width)*.03);margin-top:calc(var(--screen-height)*.05)}.credit-back-btn{background-color:initial;border:none;height:20vh;position:absolute;top:80vh;width:15vw}.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_Teacher_Default.dff713daa83cb91065ba.png) no-repeat 50%;background-size:cover;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;height:var(--screen-height);justify-content:center;position:relative;width:100vw;width:var(--screen-width)}.mitos-logo-login{height:auto;left:14.92188vw;left:calc(var(--screen-width)*.14922);position:absolute;top:2.64423vh;top:calc(var(--screen-height)*.02644);width:70.23438vw;width:calc(var(--screen-width)*.70234)}.teacher-login-title{color:#000;font-family:Fredoka,sans-serif;font-size:4vw;font-size:calc(var(--screen-width)*.04);font-weight:600;margin-bottom:5vh;margin-bottom:calc(var(--screen-height)*.05);margin-top:27vh;margin-top:calc(var(--screen-height)*.27);position:relative;text-align:center;text-shadow:none}.teacher-login-form{align-items:center;display:flex;flex-direction:column;gap:2.3vh;gap:calc(var(--screen-height)*.023);width:39.0625vw;width:calc(var(--screen-width)*.39063)}.teacher-login-input-container{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.teacher-login-input{background:#fff;border:.23438vw solid #c2d2a3;border:calc(var(--screen-width)*.00234) solid var(--light-green);border-radius:.7vw;border-radius:calc(var(--screen-width)*.007);font-family:Fredoka,sans-serif;font-size:2.5vw;font-size:calc(var(--screen-width)*.025);font-weight:500;height:9.73558vh;height:calc(var(--screen-height)*.09736);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:#a1d63c;border-color:var(--neon-green);box-shadow:0 0 .5vw #228b224d;box-shadow:0 0 calc(var(--screen-width)*.005) #228b224d}.teacher-login-input::placeholder{color:#b7b7b7;color:var(--light-grey);font-size:2.5vw;font-size:calc(var(--screen-width)*.025)}.password-container{margin-bottom:-1vh;margin-bottom:calc(var(--screen-height)*-.01)}.teacher-login-input[type=password],.teacher-login-input[type=text]{padding:0 5.5vw 0 7vw;padding:0 calc(var(--screen-width)*.055) 0 calc(var(--screen-width)*.07)}.teacher-login-icon{align-items:center;display:flex;height:4vw;height:calc(var(--screen-width)*.04);justify-content:center;left:5%;position:absolute;top:50%;transform:translateY(-50%);width:4vw;width:calc(var(--screen-width)*.04);z-index:1}.forgot-password-link{align-self:flex-end;color:#649712;color:var(--muted-green);font-family:Fredoka,sans-serif;font-size:2vw;font-size:calc(var(--screen-width)*.02);font-weight:500;margin-bottom:3vh;margin-bottom:calc(var(--screen-height)*.03);text-decoration:none;transition:color .3s ease}.forgot-password-link:hover{color:#a1d63c;color:var(--neon-green)}.no-account-container{font-family:Fredoka,sans-serif;font-size:2.3vw;font-size:calc(var(--screen-width)*.023);font-weight:500;text-align:center}.no-account-container span{color:#000}.no-account-container a{color:#649712;color:var(--muted-green);font-size:2.3vw;font-size:calc(var(--screen-width)*.023);font-weight:500;margin-left:.5vw;margin-left:calc(var(--screen-width)*.005);text-decoration:none;transition:color .3s ease}.no-account-container a:hover{color:#a1d63c;color:var(--neon-green)}:root{--green-overlay:#c2d2a3;--button-color:#649712;--popup-border-color:#c2d2a3}.custom-popup-overlay{background-color:#0006;left:0;position:fixed;top:0;z-index:9999}.custom-popup-container,.custom-popup-overlay{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.custom-popup-white-rectangle{background-color:#fff;border:3.84solid #c2d2a3;border:calc(var(--screen-width)*.003)solid var(--popup-border-color);border-radius:12.8;border-radius:calc(var(--screen-width)*.01);box-shadow:0 3.9936 11.9808 #00000026;box-shadow:0 calc(var(--screen-height)*.0048) calc(var(--screen-height)*.0144) #00000026;height:508.352;height:calc(var(--screen-height)*.611);overflow:hidden;position:relative;width:570.88;width:calc(var(--screen-width)*.446)}.custom-popup-green-overlay{background-color:#c2d2a3;background-color:var(--green-overlay);height:25%;left:0;position:absolute;top:0;width:100%}.custom-popup-circle{align-items:center;background-color:#fff;border-radius:50%;display:flex;justify-content:center;left:50%;position:absolute;top:100%;transform:translate(-50%,-50%)}.custom-popup-circle,.custom-popup-icon{height:192;height:calc(var(--screen-width)*.15);width:192;width:calc(var(--screen-width)*.15)}.custom-popup-icon{object-fit:contain}.custom-popup-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;left:0;padding-top:204.8;padding-top:calc(var(--screen-width)*.16);position:absolute;top:0;width:100%}.custom-popup-title{font-size:32;font-size:calc(var(--screen-width)*.025);font-weight:500;margin-bottom:4.992;margin-bottom:calc(var(--screen-height)*.006)}.custom-popup-message,.custom-popup-title{color:#000;font-family:Fredoka,sans-serif;font-family:var(--font-family);max-width:550.4;max-width:calc(var(--screen-width)*.43);text-align:center;word-break:break-word}.custom-popup-message{font-size:25.6;font-size:calc(var(--screen-width)*.02)}.custom-popup-confirmation-actions{display:flex;gap:56.32;gap:calc(var(--screen-width)*.044);justify-content:center;margin-bottom:33.28;margin-bottom:calc(var(--screen-height)*.04);margin-top:auto}.custom-popup-white-rectangle[data-type=success]{border-color:#c2d2a3!important}.custom-popup-white-rectangle[data-type=success] .custom-popup-green-overlay{background-color:#c2d2a3!important}.custom-popup-white-rectangle[data-type=error]{border-color:#f47878!important}.custom-popup-white-rectangle[data-type=error] .custom-popup-green-overlay{background-color:#f47878!important}.custom-popup-white-rectangle[data-type=warning]{border-color:#fef3c7!important}.custom-popup-white-rectangle[data-type=warning] .custom-popup-green-overlay{background-color:#fef3c7!important}.custom-popup-white-rectangle[data-type=delete]{border-color:#f47878!important}.custom-popup-white-rectangle[data-type=delete] .custom-popup-green-overlay{background-color:#f47878!important}:root{--screen-width:1280;--screen-height:832;--font-family:"Fredoka",sans-serif;--color-green-primary:#649712;--color-green-light:#c2d2a3;--color-green-hover:#a1d63c;--color-grey-secondary:#e4e4e4;--color-grey-hover:#f3f3f3;--color-grey-dark:#696969;--color-danger:#ff3d3d;--color-danger-hover:#faa}.btn{align-items:center;border:none;border-radius:8.96;border-radius:calc(var(--screen-width)*.007);color:#fff;cursor:pointer;display:inline-flex;font-family:Fredoka,sans-serif;font-family:var(--font-family);font-weight:500;gap:6.4;gap:calc(var(--screen-width)*.005);justify-content:center;text-align:center;transition:background-color .3s ease;white-space:nowrap;width:auto}.btn--sm{font-size:20.48;font-size:calc(var(--screen-width)*.016);height:44;height:calc(var(--screen-height)*.05288);padding:9.984 25.6;padding:calc(var(--screen-height)*.012) calc(var(--screen-width)*.02)}.btn--lg{font-size:57.6;font-size:calc(var(--screen-width)*.045);height:100;height:calc(var(--screen-height)*.12019);padding:12.48 38.4;padding:calc(var(--screen-height)*.015) calc(var(--screen-width)*.03)}.btn--primary{background-color:#649712;background-color:var(--color-green-primary);color:#fff}.btn--primary:hover{background-color:#a1d63c;background-color:var(--color-green-hover);transform:translateY(-1.664);transform:translateY(calc(var(--screen-height)*-.002))}.btn--secondary{background-color:#e4e4e4;background-color:var(--color-grey-secondary);color:#696969;color:var(--color-grey-dark)}.btn--secondary:hover{background-color:#f3f3f3;background-color:var(--color-grey-hover);color:#000;transform:translateY(-1.664);transform:translateY(calc(var(--screen-height)*-.002))}.btn--danger{background-color:#ff3d3d;background-color:var(--color-danger);color:#fff}.btn--danger:hover{background-color:#faa;background-color:var(--color-danger-hover);transform:translateY(-1.664);transform:translateY(calc(var(--screen-height)*-.002))}.btn--light{background-color:#c2d2a3;background-color:var(--color-green-light);color:#000}.btn--light:hover,.btn--outline{background-color:#fff;border:2.56 solid #c2d2a3;border:calc(var(--screen-width)*.002) solid var(--color-green-light);color:#649712;color:var(--color-green-primary);transform:translateY(-1.664);transform:translateY(calc(var(--screen-height)*-.002))}.btn--outline:hover{background-color:#c2d2a3;background-color:var(--color-green-light);color:#000}.btn--text{background:none;border:none;color:#649712;color:var(--color-green-primary);padding:0}.btn--text:hover{color:#a1d63c;color:var(--color-green-hover)}.btn:disabled{background-color:#e4e4e4;background-color:var(--color-grey-secondary);color:#696969;color:var(--color-grey-dark);cursor:not-allowed;pointer-events:none;transform:none}.btn--text:disabled{background:none}.btn__icon{align-items:center;display:flex}.btn__icon img,.btn__icon svg{height:auto;width:25.6;width:calc(var(--screen-width)*.02)}.btn:has(.btn__icon){padding:9.984 19.2;padding:calc(var(--screen-height)*.012) calc(var(--screen-width)*.015)}.btn--text:has(.btn__icon){padding:0}.btn--text .btn__icon img{filter:brightness(0) saturate(100%) invert(55%) sepia(90%) saturate(500%) hue-rotate(45deg) brightness(75%) contrast(95%)}.btn--text .btn__icon svg{color:#649712;color:var(--color-green-primary)}.btn--text:hover .btn__icon svg{color:#e4e4e4;color:var(--color-grey-secondary)}.btn--text:hover .btn__icon img{filter:brightness(0) saturate(100%) invert(74%) sepia(68%) saturate(400%) hue-rotate(35deg) brightness(105%) contrast(95%)}.btn--light .btn__icon img{filter:brightness(0) saturate(100%)}.btn--light .btn__icon svg{color:#000}.btn--light:hover .btn__icon svg{color:#649712;color:var(--color-green-primary)}.btn--light:hover .btn__icon img{filter:invert(55%) sepia(90%) saturate(500%) hue-rotate(45deg) brightness(75%) contrast(95%)}.btn--menu,.btn__text{align-items:center;display:flex}.btn--menu{background-color:#fff;border-radius:0;color:#649712;color:var(--color-green-primary);font-weight:500;justify-content:flex-start;width:100%}.btn--menu:hover{background-color:#c2d2a3;background-color:var(--color-green-light);color:#000}.btn--menu--danger{color:#ff3d3d;color:var(--color-danger)}.btn--menu .btn__icon svg{color:#649712;color:var(--color-green-primary)}.btn--menu--danger .btn__icon svg{color:#ff3d3d;color:var(--color-danger)}.btn--menu:hover .btn__icon svg{color:#000}.btn--menu .btn__icon img{filter:invert(55%) sepia(90%) saturate(500%) hue-rotate(45deg) brightness(75%) contrast(95%)}.btn--menu--danger .btn__icon img{filter:invert(59%) sepia(65%) saturate(3500%) hue-rotate(320deg)}.btn--menu:hover .btn__icon img{filter:brightness(0) saturate(100%)}.spinning-circle{animation:spin 1s linear infinite;border:25.6 solid #0000;border-top:25.6 solid #000;border:calc(var(--screen-width)*.02) solid #0000;border-radius:50%;border-top-color:#000;height:25.6;height:calc(var(--screen-width)*.02);width:25.6;width:calc(var(--screen-width)*.02)}.icon-btn{align-items:center;background:#0000;border:none;border-radius:calc(var(--screen-width)*.007);cursor:pointer;display:flex;flex-shrink:0;height:auto;justify-content:center;padding:0;width:calc(var(--screen-width)*.035)}.icon-btn--filled{background-color:#649712}.icon-btn--filled:hover{background-color:#a1d63c}.icon-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.icon-btn img,.icon-btn svg{height:100%;object-fit:contain;width:100%}.icon-btn svg{color:#8b8686}.icon-btn:active svg,.icon-btn:hover svg{color:#000}.icon-btn:active img,.icon-btn:hover img{filter:brightness(0) saturate(100%)}.icon-btn--white svg{color:#fff}.icon-btn--white:active svg,.icon-btn--white:hover svg{color:#000}.icon-btn--white img{filter:brightness(0) invert(1)}.icon-btn--white:active img,.icon-btn--white:hover img{filter:brightness(0)}.teacher-signup-container{align-items:center;background:url(../../static/media/BG_Teacher_Default.dff713daa83cb91065ba.png) no-repeat 50%;background-size:cover;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;height:var(--screen-height);justify-content:center;position:relative;width:100vw;width:var(--screen-width)}.teacher-signup-container .title-text-outer-container{margin-bottom:3vh;margin-bottom:calc(var(--screen-height)*.03);padding:0;width:100%}.teacher-signup-container .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:7vw;grid-column-gap:calc(var(--screen-width)*.07);column-gap:7vw;column-gap:calc(var(--screen-width)*.07);display:grid;grid-template-columns:1fr 1fr;margin:0 auto 5vh;margin:0 auto calc(var(--screen-height)*.05) auto;max-width:70vw;max-width:calc(var(--screen-width)*.7);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:.23438vw solid #c2d2a3;border:calc(var(--screen-width)*.00234) solid var(--light-green);border-radius:.7vw;border-radius:calc(var(--screen-width)*.007);font-family:Fredoka,sans-serif;font-size:2.2vw;font-size:calc(var(--screen-width)*.022);font-weight:500;height:8.53365vh;height:calc(var(--screen-height)*.08534);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-signup-input:focus{border-color:#a1d63c;border-color:var(--neon-green);box-shadow:0 0 .5vw #228b224d;box-shadow:0 0 calc(var(--screen-width)*.005) #228b224d}.teacher-signup-input::placeholder{color:#b7b7b7;color:var(--light-grey);font-size:2.2vw;font-size:calc(var(--screen-width)*.022)}.signup-password-container .teacher-signup-input{padding:0 5.5vw 0 7vw;padding:0 calc(var(--screen-width)*.055) 0 calc(var(--screen-width)*.07)}.teacher-signup-icon{align-items:center;display:flex;height:4vw;height:calc(var(--screen-width)*.04);justify-content:center;left:5%;position:absolute;top:50%;transform:translateY(-50%);width:4vw;width:calc(var(--screen-width)*.04);z-index:1}.teacher-signup-footer{bottom:3.5vh;bottom:calc(var(--screen-height)*.035);font-family:Fredoka,sans-serif;font-size:2.3vw;font-size:calc(var(--screen-width)*.023);font-weight:500;position:absolute;text-align:center}.teacher-signup-footer span{color:#000}.teacher-signup-footer a{color:#649712;color:var(--muted-green);font-size:2.3vw;font-size:calc(var(--screen-width)*.023);font-weight:500;margin-left:.5vw;margin-left:calc(var(--screen-width)*.005);text-decoration:none;transition:color .3s ease}.teacher-signup-footer a:hover{color:#a1d63c;color:var(--neon-green)}.teacher-forgot-password-container{align-items:center;background:url(../../static/media/BG_Teacher_Default.dff713daa83cb91065ba.png) no-repeat 50%;background-size:cover;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;height:var(--screen-height);justify-content:center;position:relative;width:100vw;width:var(--screen-width)}.teacher-forgot-password-container .title-text-outer-container{padding:0;width:100%}.teacher-forgot-password-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;gap:4.8vh;gap:calc(var(--screen-height)*.048);margin-top:3vw;margin-top:calc(var(--screen-width)*.03);width:37.65625vw;width:calc(var(--screen-width)*.37656)}.teacher-forgot-password-input-container{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.teacher-forgot-password-input{background:#fff;border:.23438vw solid #c2d2a3;border:calc(var(--screen-width)*.00234) solid var(--light-green);border-radius:.7vw;border-radius:calc(var(--screen-width)*.007);font-family:Fredoka,sans-serif;font-size:2.5vw;font-size:calc(var(--screen-width)*.025);font-weight:500;height:11.05769vh;height:calc(var(--screen-height)*.11058);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:#a1d63c;border-color:var(--neon-green);box-shadow:0 0 .5vw #228b224d;box-shadow:0 0 calc(var(--screen-width)*.005) #228b224d}.teacher-forgot-password-input::placeholder{color:#b7b7b7;color:var(--light-grey);font-size:2.5vw;font-size:calc(var(--screen-width)*.025)}.teacher-forgot-password-icon{align-items:center;display:flex;height:4vw;height:calc(var(--screen-width)*.04);justify-content:center;left:5%;position:absolute;top:50%;transform:translateY(-50%);width:4vw;width:calc(var(--screen-width)*.04);z-index:1}.remember-password-container{bottom:3.5vh;bottom:calc(var(--screen-height)*.035);font-family:Fredoka,sans-serif;font-size:2.3vw;font-size:calc(var(--screen-width)*.023);font-weight:500;position:absolute;text-align:center}.remember-password-container span{color:#000}.remember-password-container a{color:#649712;color:var(--muted-green);font-size:2.3vw;font-size:calc(var(--screen-width)*.023);font-weight:500;margin-left:.5vw;margin-left:calc(var(--screen-width)*.005);text-decoration:none;transition:color .3s ease}.remember-password-container a:hover{color:#a1d63c;color:var(--neon-green)}.teacher-reset-password-container{align-items:center;background:url(../../static/media/BG_Teacher_Default.dff713daa83cb91065ba.png) no-repeat 50%;background-size:cover;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;height:var(--screen-height);justify-content:center;position:relative;width:100vw;width:var(--screen-width)}.teacher-reset-password-container .title-text-outer-container{margin-bottom:3vh;margin-bottom:calc(var(--screen-height)*.03);margin-top:-10vh;margin-top:calc(var(--screen-height)*-.1);padding:0;width:100%}.teacher-reset-password-container .title-text-style{font-size:6vw;font-size:calc(var(--screen-width)*.06);justify-content:center}.teacher-reset-password-form{align-items:center;display:flex;flex-direction:column;gap:2vh;gap:calc(var(--screen-height)*.02);margin-bottom:4vh;margin-bottom:calc(var(--screen-height)*.04);width:37.65625vw;width:calc(var(--screen-width)*.37656)}.teacher-reset-password-input-container{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.teacher-reset-password-input{background:#fff;border:.23438vw solid #c2d2a3;border:calc(var(--screen-width)*.00234) solid var(--light-green);border-radius:.7vw;border-radius:calc(var(--screen-width)*.007);font-family:Fredoka,sans-serif;font-size:2.5vw;font-size:calc(var(--screen-width)*.025);font-weight:500;height:9.73558vh;height:calc(var(--screen-height)*.09736);outline:none;padding:0 2.8vw 0 7vw;padding:0 calc(var(--screen-width)*.028) 0 calc(var(--screen-width)*.07);transition:border-color .3s ease;width:90%}.teacher-reset-password-input:focus{border-color:#a1d63c;border-color:var(--neon-green);box-shadow:0 0 .5vw #228b224d;box-shadow:0 0 calc(var(--screen-width)*.005) #228b224d}.teacher-reset-password-input::placeholder{color:#b7b7b7;color:var(--light-grey);font-size:2.5vw;font-size:calc(var(--screen-width)*.025)}.teacher-reset-password-icon{height:4vw;height:calc(var(--screen-width)*.04);left:5%;top:50%;transform:translateY(-50%);width:4vw;width:calc(var(--screen-width)*.04);z-index:1}.reset-multiple-code-container,.teacher-reset-password-icon{align-items:center;display:flex;justify-content:center;position:absolute}.reset-multiple-code-container{bottom:3.5vh;bottom:calc(var(--screen-height)*.035);flex-direction:column;gap:1vh;gap:calc(var(--screen-height)*.01)}.reset-back-to-login-container,.reset-resend-code-container{font-family:Fredoka,sans-serif;font-size:2.3vw;font-size:calc(var(--screen-width)*.023);font-weight:500;text-align:center}.reset-back-to-login-container span{color:#000}.reset-back-to-login-container a{color:#649712;color:var(--muted-green);font-size:2.3vw;font-size:calc(var(--screen-width)*.023);font-weight:500;margin-left:.5vw;margin-left:calc(var(--screen-width)*.005);text-decoration:none;transition:color .3s ease}.reset-back-to-login-container a:hover{color:#a1d63c;color:var(--neon-green)}:root{--screen-width:100vw;--screen-height:100vh;--light-green:#c2d2a3;--muted-green:#649712;--neon-green:#a1d63c;--light-grey:#b7b7b7;--dark-grey:#696969}.teacher-verify-container{align-items:center;background:url(../../static/media/BG_Teacher_Default.dff713daa83cb91065ba.png) no-repeat 50%;background-size:cover;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;height:var(--screen-height);justify-content:center;position:relative;width:100vw;width:var(--screen-width)}.teacher-verify-container .title-text-outer-container{padding:0;width:100%}.teacher-verify-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;gap:2.3vh;gap:calc(var(--screen-height)*.023);margin:3vh auto 12vh;margin:calc(var(--screen-height)*.03) auto calc(var(--screen-height)*.12) auto;width:37.65625vw;width:calc(var(--screen-width)*.37656)}.teacher-verify-input-container{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.teacher-verify-input{background:#fff;border:.23438vw solid #c2d2a3;border:calc(var(--screen-width)*.00234) solid var(--light-green);border-radius:.7vw;border-radius:calc(var(--screen-width)*.007);font-family:Fredoka,sans-serif;font-size:2.5vw;font-size:calc(var(--screen-width)*.025);font-weight:500;height:9.73558vh;height:calc(var(--screen-height)*.09736);outline:none;padding:0 2.8vw 0 7vw;padding:0 calc(var(--screen-width)*.028) 0 calc(var(--screen-width)*.07);transition:border-color .3s ease;width:90%}.teacher-verify-input:focus{border-color:#a1d63c;border-color:var(--neon-green);box-shadow:0 0 .5vw #228b224d;box-shadow:0 0 calc(var(--screen-width)*.005) #228b224d}.teacher-verify-input::placeholder{color:#b7b7b7;color:var(--light-grey);font-size:2.5vw;font-size:calc(var(--screen-width)*.025)}.teacher-verify-icon{align-items:center;display:flex;height:4vw;height:calc(var(--screen-width)*.04);justify-content:center;left:5%;position:absolute;top:50%;transform:translateY(-50%);width:4vw;width:calc(var(--screen-width)*.04);z-index:1}.email-display{background-color:#fffc;border:.23438vw solid #c2d2a3;border:calc(var(--screen-width)*.00234) solid var(--light-green);border-radius:.7vw;border-radius:calc(var(--screen-width)*.007);color:#696969;color:var(--dark-grey);font-family:Fredoka,sans-serif;font-size:2.5vw;font-size:calc(var(--screen-width)*.025);margin:0;padding:1vh 2vw;padding:calc(var(--screen-height)*.01) calc(var(--screen-width)*.02);text-align:center}.multiple-code-container{align-items:center;bottom:3.5vh;bottom:calc(var(--screen-height)*.035);display:flex;flex-direction:column;gap:1vh;gap:calc(var(--screen-height)*.01);justify-content:center;position:absolute}.back-to-login-container,.resend-code-container{font-family:Fredoka,sans-serif;font-size:2.3vw;font-size:calc(var(--screen-width)*.023);font-weight:500;text-align:center}.back-to-login-container span{color:#000}.back-to-login-container a{color:#649712;color:var(--muted-green);font-size:2.3vw;font-size:calc(var(--screen-width)*.023);font-weight:500;margin-left:.5vw;margin-left:calc(var(--screen-width)*.005);text-decoration:none;transition:color .3s ease}.back-to-login-container a:hover{color:#a1d63c;color:var(--neon-green)}.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{direction:ltr;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);unicode-bidi:isolate;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%}.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)}.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}.header-container{left:0;position:absolute;top:0;width:100%}.header-grid{box-sizing:border-box;display:grid;grid-template-columns:auto 1fr auto}.green-rectangle,.header-grid{align-items:center;padding:calc(var(--screen-width)*.01)}.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)*.015)}.green-rectangle-text{color:#000;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-height)*.04);font-weight:600}.helper-buttons-container{align-items:center;display:flex;gap:calc(var(--screen-width)*.01);height:calc(var(--screen-width)*.06);justify-content:flex-end}: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:calc(var(--screen-height) - var(--screen-width)*.06 - var(--screen-height)*.1);justify-content:center;width:var(--screen-width)}.picture-btn-container-2{display:flex;gap:calc(var(--screen-width)*.015);justify-content:center}.two-options-container{display:flex;gap:calc(var(--screen-width)*.1);justify-content:center}.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{color:#000;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.035);font-weight:600;margin:0}.nav-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:calc(var(--screen-width)*.018);height:calc(var(--screen-height)*.08);width:calc(var(--screen-width)*.18)}.nav-button .btn__icon img{width:calc(var(--screen-width)*.03)}.nav-button--active{background-color:#c2d2a3;color:#000}.nav-button--active .btn__icon img{filter:brightness(0) saturate(100%)}.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}.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)}.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)}.classes-container{left:calc(var(--screen-width)*.18);top:calc(var(--screen-height)*.12)}.classes-container,.classes-loading{background:#fff;bottom:0;display:flex;flex-direction:column;position:absolute;right:0}.classes-loading{border-radius:calc(var(--screen-width)*.005);color:#666;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;justify-content:center}.loading-spinner{display:flex;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);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;padding-bottom:calc(var(--screen-height)*.02);padding-left:calc(var(--screen-height)*.04);padding-top:calc(var(--screen-height)*.04)}.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,transform .2s ease}.add-class-btn:hover{background-color:#a8c28a;transform:translateY(-2px)}.plus-icon{font-size:calc(var(--screen-width)*.02);font-weight:700;margin-right:calc(var(--screen-width)*.01)}.add-class-text{font-size:calc(var(--screen-width)*.016)}.classes-grid-container{flex:1 1;margin-top:calc(var(--screen-height)*.02);overflow-y:auto;padding-left:calc(var(--screen-height)*.04);padding-right:calc(var(--screen-height)*.04)}.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))}.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-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}.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}.add-class-content{width:100%}.color-section{margin-bottom:calc(var(--screen-height)*.04)}.color-palette{flex-wrap:nowrap;overflow-x:auto}@media (max-width:768px){.add-class-content{max-width:calc(var(--screen-width)*.8)}}@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)}}.add-student-modal{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;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;padding:calc(var(--screen-height)*.03) calc(var(--screen-width)*.03);width:90%}.add-student-content h3{font-size:calc(var(--screen-width)*.022);margin:0 0 calc(var(--screen-height)*.02) 0;text-align:center}.add-student-content h3,.add-student-content h4{color:#333;font-family:Fredoka,sans-serif;font-weight:600}.add-student-content h4{font-size:calc(var(--screen-width)*.018);margin:0 0 calc(var(--screen-height)*.015) 0}.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}.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{color:#000;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.025);font-weight:500;margin:0}.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)}.color-section,.edit-class-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{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}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:calc(var(--screen-height)*.015) 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-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)}}@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}.add-student-content{padding:calc(var(--screen-height)*.02) calc(var(--screen-width)*.02);width:95%}}.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}@media (max-width:480px){.add-student-content{padding:calc(var(--screen-height)*.015) calc(var(--screen-width)*.015);width:98%}}.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}.overview-grid{grid-gap:calc(var(--screen-width)*.014);display:grid;gap:calc(var(--screen-width)*.014);grid-template-columns:repeat(2,auto)}.overview-error,.overview-message{font-family:Fredoka,sans-serif;grid-column:1/-1;padding:1rem}.overview-error{color:#c62828}.overview-loading{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:2rem}.small-card{width:calc(var(--screen-width)*.29844)}.card,.small-card{background-color:#fff;border:calc(var(--screen-width)*.00234) solid #c2d2a3;border-radius:calc(var(--screen-width)*.0125);display:flex;flex-direction:column;font-family:Fredoka,sans-serif;height:calc(var(--screen-height)*.34615);overflow:hidden}.card{width:calc(var(--screen-width)*.43359)}.words-table{background:#fff;border-collapse:collapse;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.012);height:100%;min-width:0;width:100%}.words-table thead{background:#649712;color:#fff;position:sticky;top:0;z-index:10}.words-table th{border-bottom:none;font-size:calc(var(--screen-width)*.015);font-weight:500;padding:calc(var(--screen-height)*.012) calc(var(--screen-width)*.012);text-align:left;white-space:nowrap}.words-table td{border-bottom:calc(var(--screen-width)*.00078) solid #f0f0f0;padding:calc(var(--screen-height)*.01) calc(var(--screen-width)*.012);vertical-align:middle;white-space:nowrap}.words-table td,.words-table th{border-right:calc(var(--screen-width)*.00234) solid #c2d2a3}.words-table td:last-child,.words-table th:last-child{border-right:none}.words-table tbody tr:last-child td{border-bottom:none}.words-table tbody tr:nth-child(odd){background-color:#fff}.words-table tbody tr:nth-child(2n){background-color:#ebefe4}.words-table tbody tr:hover{background-color:#f8f9fa}.card-body{gap:calc(var(--screen-height)*.02163)}.card-body,.lesson-card-body{display:flex;flex-direction:column;height:100%;padding:calc(var(--screen-height)*.01563) calc(var(--screen-width)*.01719)}.lesson-card-body{gap:calc(var(--screen-height)*.00481)}.small-card-body{display:flex;flex-direction:column;gap:calc(var(--screen-height)*.02163);height:100%;padding:calc(var(--screen-height)*.01563) calc(var(--screen-width)*.01719)}.controls{align-items:flex-start;display:flex;justify-content:space-between}.module-select{appearance:none;background-color:#c2d2a3;background-position:right calc(var(--screen-width)*.00781) center;background-repeat:no-repeat;background-size:calc(var(--screen-width)*.00625);border:none;border-radius:calc(var(--screen-width)*.00781);cursor:pointer;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.0125);outline:none;padding:calc(var(--screen-height)*.00361) calc(var(--screen-width)*.01953) calc(var(--screen-height)*.0024) calc(var(--screen-width)*.01563)}.legend{display:flex;gap:calc(var(--screen-height)*.00962);justify-content:flex-end}.legend-item{align-items:center;border-radius:calc(var(--screen-width)*.00391);color:#fff;display:flex;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.00938);height:calc(var(--screen-height)*.02404);justify-content:center;width:calc(var(--screen-width)*.01563)}.column-legend{display:flex;flex-direction:column;gap:calc(var(--screen-height)*.00481)}.column-legend-item{align-items:center;border-radius:calc(var(--screen-width)*.00391);color:#fff;display:flex;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.00938);height:calc(var(--screen-height)*.02404);justify-content:center;width:calc(var(--screen-width)*.05781)}.small-chart-container{height:calc(var(--screen-height)*.19591);position:relative;width:calc(var(--screen-width)*.2625)}.small-chart-container svg{display:block;height:100%;width:100%}.small-chart-container .domain{stroke:#649712}.small-chart-container .tick text{fill:#000;font-family:Fredoka,sans-serif;font-weight:400}.small-chart-container .tick line{display:none}.chart-container{height:calc(var(--screen-height)*.20793);position:relative;width:calc(var(--screen-width)*.41641)}.chart-container svg{display:block;height:100%;width:100%}.chart-container .domain{stroke:#649712}.chart-container .tick text{fill:#000;font-family:Fredoka,sans-serif;font-weight:400}.chart-container .tick line{display:none}.tooltip{background-color:#fff;border:calc(var(--screen-width)*.00078) solid #649712;border-radius:calc(var(--screen-width)*.00391);box-shadow:0 calc(var(--screen-height)*.0024) calc(var(--screen-height)*.00721) #00000026;color:#000;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.00938);font-weight:500;opacity:0;padding:calc(var(--screen-height)*.00962);pointer-events:none;position:absolute}.enrolled-students-section,.students-table-outer-wrapper{display:flex;flex-direction:column;max-height:100%;min-height:0}.students-table-outer-wrapper{background-color:#c2d2a3;border-radius:calc(var(--screen-height)*.015);overflow:hidden;padding:calc(var(--screen-height)*.046) calc(var(--screen-height)*.004) calc(var(--screen-height)*.004)}.enrolled-students-section .section-title{color:#000;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.02);font-weight:500;margin-bottom:calc(var(--screen-height)*.02)}.enrolled-students-section .students-table-container{background:#fff;border:none;border-radius:0 0 calc(var(--screen-height)*.011) calc(var(--screen-height)*.011);clip-path:inset(0 0 0 0 round 0 0 calc(var(--screen-height)*.011) calc(var(--screen-height)*.011));max-height:100%;min-height:0;overflow-x:auto;overflow-y:auto}.enrolled-students-section .students-table{border:none;border-collapse:initial;border-spacing:0;display:table;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.012);width:100%}.enrolled-students-section .students-table thead{background:#649712;border:none;color:#fff;position:sticky;top:0;z-index:10}.enrolled-students-section .students-table tbody{background-color:#fff}.enrolled-students-section .students-table th{border-right:calc(var(--screen-width)*.003) solid #c2d2a3;font-weight:600;padding:calc(var(--screen-height)*.012) calc(var(--screen-width)*.012);text-align:left;white-space:nowrap}.enrolled-students-section .students-table th:last-child{border-right:none}.enrolled-students-section .students-table thead th.sortable{cursor:pointer;padding-right:calc(var(--screen-width)*.02);position:relative;-webkit-user-select:none;user-select:none}.enrolled-students-section .students-table thead th.sortable:hover{background-color:#5a8a10}.sort-icon{margin-left:8px;opacity:.3;transition:opacity .2s,transform .2s;vertical-align:middle}.sort-icon.active{opacity:1}.enrolled-students-section .students-table td{border-right:calc(var(--screen-width)*.003) solid #c2d2a3;box-sizing:border-box;padding:calc(var(--screen-height)*.01) calc(var(--screen-width)*.012);vertical-align:middle;white-space:nowrap}.enrolled-students-section .students-table tbody td.students-table__td-action{height:1px;padding:0 calc(var(--screen-width)*.012)}.enrolled-students-section .students-table td:last-child{border-right:none}.enrolled-students-section .students-table tbody tr:hover{background-color:#f8f9fa}.enrolled-students-section .no-students{background:#fff;color:#666;font-style:italic;padding:calc(var(--screen-height)*.03) 0;text-align:center}.enrolled-students-section .enroll-actions{align-items:center;display:flex;justify-content:space-between;padding:calc(var(--screen-height)*.02) calc(var(--screen-width)*.025)}.enrolled-students-section .students-table thead{background-color:#649712}.enrolled-students-section .students-table thead th{background-color:#649712;border-right:calc(var(--screen-width)*.003) solid #c2d2a3;color:#fff;font-weight:600;padding:calc(var(--screen-height)*.012) calc(var(--screen-width)*.012);text-align:left;white-space:nowrap}.enrolled-students-section .students-table thead th:last-child{border-right:none}.enrolled-students-section .students-table tbody td.students-table__td-action,.enrolled-students-section .students-table thead th.students-table__th-action{min-width:4.25rem;text-align:center;vertical-align:middle;width:calc(var(--screen-width)*.07)}.enrolled-students-section .students-table tbody td.students-table__td-action .students-table__icon-btn{display:inline-flex;margin-left:auto;margin-right:auto;width:fit-content}.enrolled-students-section .students-table tbody tr:nth-child(2n){background-color:#c2d2a340}.enrolled-students-section .students-table__icon-btn{align-items:center;background:#0000;border:none;border-radius:calc(var(--screen-width)*.006);color:#3d5c0c;cursor:pointer;display:inline-flex;justify-content:center;min-height:0;padding:calc(var(--screen-height)*.005);transition:background-color .15s ease,color .15s ease}.enrolled-students-section .students-table__icon-btn:hover:not(:disabled){background-color:#64971226;color:#2d4509}.enrolled-students-section .students-table__icon-btn:disabled{cursor:not-allowed;opacity:.45}.enrolled-students-section .students-table__icon-btn--remove{color:#8b2942}.enrolled-students-section .students-table__icon-btn--remove:hover:not(:disabled){background-color:#8b29421f;color:#6a1f33}.student-container{overflow:auto;padding:calc(var(--screen-height)*.03)}.student-header{align-items:center;background-color:#4d8fa7;border-radius:0;display:flex;left:0;padding:calc(var(--screen-height)*.018) calc(var(--screen-width)*.03);position:absolute;right:0;top:0;z-index:11}.student-avatar{margin-right:calc(var(--screen-width)*.02)}.student-container .student-avatar .avatar-placeholder{background:#fff;border:3px solid #fffc;border-radius:50%;height:calc(var(--screen-width)*.06);width:calc(var(--screen-width)*.06)}.student-information{flex:1 1}.student-name-text{color:#fff;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.02);font-weight:500;margin:0 0 calc(var(--screen-height)*.005) 0}.student-username-subtext{color:#fff;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.016);margin:0}.student-header-right{align-items:flex-end;display:flex;flex-direction:column;margin-left:auto}.student-time-login-subtext{color:#fff;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.013);font-weight:400;margin:0 0 calc(var(--screen-width)*.01) auto}.student-content{gap:calc(var(--screen-height)*.03);margin-top:calc(var(--screen-height)*.18)}.student-card,.student-content{display:flex;flex-direction:column}.student-card{background-color:#fff;border:calc(var(--screen-width)*.00234) solid #c2d2a3;border-radius:calc(var(--screen-width)*.0125);font-family:Fredoka,sans-serif;height:auto;overflow:hidden}.card-title{background-color:#c2d2a3;color:#000;font-size:calc(var(--screen-width)*.01563);font-weight:600;padding:calc(var(--screen-height)*.01683) calc(var(--screen-width)*.01719)}.student-table{background:#fff;border-collapse:collapse;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.012);height:100%;min-width:0;width:100%}.student-table thead{background:#649712;color:#fff;position:sticky;top:0;z-index:10}.student-table th{border-bottom:none;font-size:calc(var(--screen-width)*.015);font-weight:500;padding:calc(var(--screen-height)*.012) calc(var(--screen-width)*.012);text-align:left;white-space:nowrap}.student-table td{border-bottom:calc(var(--screen-width)*.00078) solid #f0f0f0;padding:calc(var(--screen-height)*.01) calc(var(--screen-width)*.012);vertical-align:middle;white-space:nowrap}.student-table td,.student-table th{border-right:calc(var(--screen-width)*.00234) solid #c2d2a3}.student-table td:last-child,.student-table th:last-child{border-right:none}.student-table td:nth-child(3){max-width:calc(var(--screen-width)*.25);white-space:normal;word-break:break-word}.student-table td:nth-child(2),.student-table td:nth-child(4){text-align:center}.student-table tbody tr:last-child td{border-bottom:none}.student-table tbody tr:nth-child(odd){background-color:#fff}.student-table tbody tr:nth-child(2n){background-color:#ebefe4}.student-table tbody tr:hover{background-color:#f8f9fa}.lesson-row{align-items:center;display:flex;justify-content:space-between}.lesson-text{flex:1 1}.lesson-square{border:calc(var(--screen-width)*.00234) solid #649712;border-radius:calc(var(--screen-width)*.004);height:calc(var(--screen-width)*.018);width:calc(var(--screen-width)*.018)}.lesson-square.empty{background-color:#fff}.lesson-square.filled{background-color:#649712}.dropdown-progress-container{grid-gap:calc(var(--screen-width)*.01);display:grid;gap:calc(var(--screen-width)*.01)}.dropdown-container{flex-shrink:0}.progress-container{align-items:center;display:flex;gap:calc(var(--screen-width)*.01)}.progress-bar{background:none;border:calc(var(--screen-width)*.00234) solid #4d8fa7;border-radius:calc(var(--screen-width)*.02);flex:1 1;height:calc(var(--screen-height)*.02);overflow:hidden}.progress-fill{background:#4f8fa3;height:100%}.progress-text{color:#000;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.015);font-weight:500}.dropdown-student{position:relative}.dropdown-student-title{align-items:center;color:#000;cursor:pointer;display:flex;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.015);font-weight:500;gap:calc(var(--screen-width)*.00938);position:relative}.dropdown-student-menu{background:#fff;border:calc(var(--screen-width)*.00234) solid #649712;border-radius:calc(var(--screen-width)*.00469);color:#649712;display:none;left:0;position:absolute;width:100%;z-index:11}.dropdown-student.open .dropdown-student-menu{display:block}.dropdown-student-item{border-radius:calc(var(--screen-width)*.00469);cursor:pointer;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.013);font-weight:500;padding:calc(var(--screen-height)*.015)}.dropdown-student-item:hover{background:#ebefe4;color:#000}.class-display-container{background:#fff;bottom:0;display:flex;flex-direction:column;left:calc(var(--screen-width)*.18);overflow:hidden;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}.header-button{color:#fff}.header-button:hover{color:#000}.header-button img{filter:brightness(0) invert(1)!important}.header-button:hover img{filter:brightness(0) saturate(100%)!important}.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{min-height:0;overflow-y:auto;padding:calc(var(--screen-height)*.02) calc(var(--screen-height)*.04) calc(var(--screen-height)*.04)}.class-display-loading,.main-content{display:flex;flex:1 1;flex-direction:column}.class-display-loading{align-items:center;color:#666;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-text{border-radius:0;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.02);font-weight:500}.class-column{align-items:center;box-sizing:border-box;display:flex;margin-top:calc(var(--screen-height)*.03);padding-left:calc(var(--screen-width)*.03);padding-right:calc(var(--screen-width)*.03);width:100%}.class-column-left{align-items:center;display:flex;gap:calc(var(--screen-width)*.01)}.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__hint{color:#649712;font-family:Fredoka,sans-serif;font-weight:600;margin-top:0;text-align:left}.modal-add-student__hint strong{color:#696969}.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__actions{display:flex;gap:calc(var(--screen-width)*.02);justify-content:center;margin-top:calc(var(--screen-height)*.025)}.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)}}.modal-list-csv{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.modal-list-csv__content{background:#fff;border-radius:calc(var(--screen-width)*.01);box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:720px;padding:calc(var(--screen-height)*.03) calc(var(--screen-width)*.03);width:90%}.modal-list-csv__title{font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.022);font-weight:600;margin-bottom:calc(var(--screen-height)*.02);text-align:center}.modal-list-csv__table-wrapper{border:1px solid #e0e0e0;border-radius:calc(var(--screen-width)*.005);flex:1 1;overflow-y:scroll}.modal-list-csv__table{border-collapse:collapse;font-family:Fredoka,sans-serif;width:100%}.modal-list-csv__table thead tr:first-child th:first-child{border-top-left-radius:calc(var(--screen-width)*.005)}.modal-list-csv__table thead tr:first-child th:last-child{border-top-right-radius:calc(var(--screen-width)*.005)}.modal-list-csv__table thead th{background:#649712;color:#fff;font-weight:600;padding:calc(var(--screen-height)*.012);position:sticky;text-align:left;top:0;white-space:nowrap;z-index:10}.modal-list-csv__table td{border-bottom:1px solid #eee;padding:calc(var(--screen-height)*.01)}.modal-list-csv__table input{border:1px solid #ccc;border-radius:4px;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.014);min-width:0;padding:6px 8px;width:100%}.modal-list-csv__table td input{box-sizing:border-box;font-family:inherit;font-size:inherit;width:100%}.modal-list-csv__empty{color:#888;font-style:italic;padding:calc(var(--screen-height)*.02);text-align:center}.modal-list-csv__actions{display:flex;gap:calc(var(--screen-width)*.02);justify-content:center;margin-top:calc(var(--screen-height)*.025)}.modal-list-csv__cancel,.modal-list-csv__submit{transition:background-color .3s ease}.modal-list-csv__cancel,.modal-list-csv__submit,.modal-list-csv__upload-btn{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)}.modal-list-csv__upload-btn{background:#0000;border:2px solid #c2d2a3;color:#649712;transition:all .3s ease}.modal-list-csv__submit{background:#649712;border:none;color:#fff}.modal-list-csv__submit:hover:not(:disabled){background:#5a8a10}.modal-list-csv__upload-btn:hover{background:#c2d2a31a}.modal-list-csv__submit:disabled{background:#ccc;cursor:not-allowed}.modal-list-csv__cancel{background:#f5f5f5;border:1px solid #ddd;color:#666}.modal-list-csv__cancel:hover{background:#e0e0e0}.modal-list-csv__upload-zone{align-items:center;background:#fafafa;border:2px dashed #c2d2a3;border-radius:calc(var(--screen-width)*.01);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:calc(var(--screen-height)*.02);justify-content:center;padding:calc(var(--screen-height)*.05);transition:all .3s ease}.modal-list-csv__upload-zone.dragging{background:#eef7e1;border-color:#649712}.modal-list-csv__upload-icon{height:auto;width:calc(var(--screen-width)*.05)}.modal-list-csv__upload-zone p{color:#666;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.016);text-align:center}.modal-list-csv__results{color:#333;display:flex;flex:1 1;flex-direction:column;font-family:Fredoka,sans-serif;gap:calc(var(--screen-height)*.02);min-height:0;overflow:hidden}.modal-list-csv__loading{align-items:center;color:#666;display:flex;flex-direction:column;font-family:Fredoka,sans-serif;justify-content:center;padding:calc(var(--screen-height)*.05)}.modal-list-csv__loading .loading-spinner--class-display{margin-bottom:calc(var(--screen-height)*.02)}.modal-list-csv__json-result{background:#f8f8f8;border:1px solid #ddd;border-radius:calc(var(--screen-width)*.005);font-family:monospace;font-size:calc(var(--screen-width)*.012);max-height:40vh;overflow:auto;padding:calc(var(--screen-height)*.02);white-space:pre-wrap;word-break:break-all}.help-container{background:#fff;bottom:0;left:calc(var(--screen-width)*.18);overflow-y:auto;padding:calc(var(--screen-height)*.03);position:absolute;right:0;scrollbar-color:#c2d2a3 #0000;top:calc(var(--screen-height)*.12)}.help-container::-webkit-scrollbar{height:calc(var(--screen-width)*.21641);width:calc(var(--screen-width)*.01923)}.help-container::-webkit-scrollbar-track{background:#0000}.help-container::-webkit-scrollbar-thumb{background-color:#c2d2a3;border-radius:calc(var(--screen-width)*.00391)}.help-container::-webkit-scrollbar-thumb:hover{background-color:#649712}.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}.error-message{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:calc(var(--screen-width)*.005);color:#c62828;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)*.02)}.help-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}.help-avatar{margin-right:calc(var(--screen-width)*.02)}.help-container .help-avatar .avatar-placeholder{background:#fff;border:3px solid #fffc;border-radius:50%;height:calc(var(--screen-width)*.06);width:calc(var(--screen-width)*.06)}.help-welcome{flex:1 1}.help-welcome-text{font-size:calc(var(--screen-width)*.02);font-weight:500;margin:0 0 calc(var(--screen-height)*.005) 0}.help-welcome-subtext,.help-welcome-text{color:#fff;font-family:Fredoka,sans-serif}.help-welcome-subtext{font-size:calc(var(--screen-width)*.016);margin:0}.help-content{margin-top:calc(var(--screen-height)*.15);padding:0 calc(var(--screen-width)*.01)}.help-title{color:#000;font-size:calc(var(--screen-width)*.02);font-weight:500;margin:0 0 calc(var(--screen-height)*.03) 0}.help-title,.helpcard{font-family:Fredoka,sans-serif}.helpcard{background-color:#fff;border:calc(var(--screen-width)*.00234) solid #c2d2a3;border-radius:calc(var(--screen-width)*.0125);display:flex;flex-direction:column;height:calc(var(--screen-height)*.77284);overflow:hidden;width:calc(var(--screen-width)*.74609)}.helpcard-title{background-color:#c2d2a3;color:#000;font-size:calc(var(--screen-width)*.01563);font-weight:600;padding:calc(var(--screen-height)*.01683) calc(var(--screen-width)*.01719)}.dropdown,.dropdown-title{position:relative}.dropdown-title{align-items:center;background-color:#c2d2a3;color:#000;cursor:pointer;display:flex;gap:calc(var(--screen-width)*.00938)}.dropdown-icon{height:auto;width:calc(var(--screen-width)*.01094)}.dropdown-icon.open{transform:rotate(180deg)}.dropdown-menu{background:#fff;border:calc(var(--screen-width)*.00078) solid #c2d2a3;border-radius:0 0 calc(var(--screen-width)*.00469) calc(var(--screen-width)*.00469);border-top:none;color:#649712;display:none;left:0;position:absolute;top:100%;width:100%;z-index:100}.dropdown.open .dropdown-menu{display:block}.dropdown-item{cursor:pointer;padding:calc(var(--screen-height)*.015)}.dropdown-item:hover{background:#ebefe4;color:#000}.help-table{background:#fff;border-collapse:collapse;font-family:Fredoka,sans-serif;font-size:calc(var(--screen-width)*.012);height:100%;min-width:0;width:100%}.help-table thead{background:#649712;color:#fff;position:sticky;top:0;z-index:10}.help-table th{border-bottom:none;font-size:calc(var(--screen-width)*.015);font-weight:500;padding:calc(var(--screen-height)*.012) calc(var(--screen-width)*.012);text-align:left}.help-table td{padding:calc(var(--screen-height)*.01) calc(var(--screen-width)*.012);vertical-align:top}.help-table td.score-cell{vertical-align:middle}.help-table td,.help-table th{border-right:calc(var(--screen-width)*.00234) solid #c2d2a3}.help-table td:last-child,.help-table th:last-child,.help-table th:nth-child(2){border-right:none}.help-table tbody tr:hover{background-color:#f8f9fa}.help-table tbody tr{border-bottom:calc(var(--screen-width)*.00234) solid #c2d2a3}.help-table tbody tr:last-child{border-bottom:none}.help-table tbody tr:first-child .score-cell{background-color:#84adab}.help-table tbody tr:nth-child(2) .score-cell{background-color:#848bad}.help-table tbody tr:nth-child(3) .score-cell{background-color:#d0a972}.no-data{color:#666;font-style:italic;padding:calc(var(--screen-height)*.03)!important;text-align:center}.score-cell{font-size:calc(var(--screen-width)*.01563);font-weight:600;text-align:center;width:calc(var(--screen-width)*.09375)}.criteria-cell,.examples-cell{padding:calc(var(--screen-height)*.02404);vertical-align:top}.level-title{font-size:calc(var(--screen-width)*.01563);font-weight:600;margin-bottom:calc(var(--screen-height)*.01202)}.criteria-cell ul,.examples-cell ul{margin:0;padding-left:calc(var(--screen-width)*.02734)}.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.882468a6.css.map*/