body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Quicksand,sans-serif;margin:0}#root{height:auto;width:100%}.logoLink{align-items:center;display:flex;text-decoration:none}.logoLink h1{color:#8b8f97;font-size:50px;letter-spacing:-5px;margin:0;text-decoration:none}:root{--color-yellow:#f3c03b;--color-faded-yellow:#f3c03b1a;--color-dark-blue:#174ea6;--color-blue:#276fbf;--color-faded-blue:#276fbf1a;--color-red:#aa4747;--color-faded-red:#aa47471a;--color-white:#fff;--color-off-white:#faf9f6;--color-black:#000;--color-soft-black:#3b444b;--color-background-gray:#f7f6f0;--color-footer-link:#8e8e8e;--color-chalkboard-green:#4d6941;--color-chalkboard-green-faded:#4d69411a;--font-size-paragraph-desktop:18px;--font-size-large-header:30px;--font-size-title-desktop:24px;--font-size-paragraph-mobile:16px;--font-size-title-mobile:20px;--font-size-xs:12px;--button-border-radius:4px;--dashboard-shadow:0 2px 8px #0000000a;--color-dark-bg:#181a1b;--color-dark-bg-alt:#20232a;--color-dark-bg-hover:#1e293b;--color-dark-text:#f5f7fa;--color-dark-text-muted:#b0b8c1;--color-dark-blue:#3b82f6;--color-dark-blue-hover:#2563eb;--color-dark-accent:#60a5fa;--color-dark-border:#3b82f6;--color-dark-shadow:0 4px 24px #60a5fa21;scroll-behavior:smooth}@media screen and (max-width:1024px){.desktop-nav{display:none!important}}.desktop-nav{align-items:center;box-shadow:0 0 10px 1px #b9c4cf;display:flex;justify-content:space-between;padding:10px 20px}.desktop-nav .logo{align-items:center;display:flex;text-decoration:none;width:30%}.desktop-nav img{height:60px}.desktop-nav h1{color:var(--color-black);font-family:Source Sans Pro,monospace;font-size:40px;margin:0 0 0 10px}.desktop-nav .center-nav-links{display:flex;font-size:20px;gap:20px;justify-content:center;width:40%}.desktop-nav .center-nav-links .dropdown{align-items:center;display:flex;gap:5px}.desktop-nav .center-nav-links a{color:var(--color-black);text-decoration:none}.desktop-nav .center-nav-links a:hover{color:var(--color-blue);text-decoration:underline}.desktop-nav .right-nav-links{align-items:center;display:flex;font-size:20px;gap:20px;justify-content:flex-end;width:30%}.desktop-nav .right-nav-links .nav-login{background-color:var(--color-yellow);border-radius:4px;color:var(--color-black);padding:10px 16px;text-decoration:none}.desktop-nav .right-nav-links .nav-login:hover{opacity:.8}.desktop-nav .right-nav-links .nav-signup-btn{background-color:var(--color-blue);border:none;border-radius:4px;color:#fff;padding:10px 16px;text-decoration:none}.desktop-nav .right-nav-links .nav-signup-btn:hover{color:#fff;opacity:.8;text-decoration:none}.dropdown-menu{background-color:#000;display:none;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;top:0;z-index:1000}.dropdown:hover .dropdown-menu{display:flex}.footer{background:var(--color-white);border-top:1px solid #0000001a;display:grid;grid-template-columns:.5fr 1fr;grid-template-rows:1fr;padding:10px 20px;width:auto}.footerLogoNewsletter{display:flex;flex-direction:column;gap:10px;grid-area:1/1/1/2;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.footer .logo{align-items:center;color:var(--color-black);display:flex;gap:10px;text-decoration:none}.footer img{height:60px}.footer h1{font-family:Source Sans Pro,monospace;font-size:40px;margin:0}.siteLinks{display:flex;flex-wrap:wrap;grid-area:1/2/1/2;justify-content:space-evenly;width:100%}.communityLinks,.companyLinks,.footer>.socialLinks,.usefulLinks{display:flex;flex-direction:column;text-align:left;width:15%}.communityLinks p,.companyLinks p,.socialLinks p,.usefulLinks p{font-size:var(--font-size-paragraph-desktop);font-weight:700;margin:30px 0 20px;padding:0}.communityLinks a,.companyLinks a,.socialLinks a,.usefulLinks a{color:var(--color-footer-link);font-weight:500;margin:0 0 5px;text-decoration:none}.communityLinks a:hover,.companyLinks a:hover,.socialLinks a:hover,.usefulLinks a:hover{color:var(--color-blue);text-decoration:underline}.socialLinks div{display:flex;gap:10px}.socialLinks .socialIcon{border:1px solid;border-radius:50%;color:var(--color-footer-link);height:30px;padding:10px 12px}.socialLinks div a:first-child:hover .socialIcon{color:var(--color-red)}.socialLinks div a:nth-child(2):hover .socialIcon{color:var(--color-blue)}.siteLinksDropdowns{display:none;flex-direction:column;gap:5px;margin-top:10px}.communityLinks .dropdownContent,.companyLinks .dropdownContent,.usefulLinks .dropdownContent{display:flex}.dropdownToggle{cursor:pointer;font-weight:700;margin-bottom:5px}.copyright{background-color:var(--color-white);padding:0 20px 10px}.copyright p{color:var(--color-footer-link);font-size:var(--font-size-paragraph-desktop);margin:0;padding:0}@media screen and (max-width:1024px){.footer{grid-template-columns:1fr;grid-template-rows:.5fr 1fr}.footerLogoNewsletter{grid-area:1/1/2/1}.siteLinks{display:none}.communityLinks,.companyLinks,.footer>.socialLinks,.usefulLinks{display:flex;flex-direction:column;text-align:left;width:100%}.siteLinksDropdowns{flex-direction:column;grid-area:2/1/2/1;width:100%}.siteLinksDropdowns,.siteLinksDropdowns p{display:flex;justify-content:space-between}.siteLinksDropdowns p{font-size:var(--font-size-paragraph-mobile)}.dropdownContent{display:flex;flex-wrap:wrap;gap:20px}.socialLinks p{font-size:var(--font-size-paragraph-mobile)}.socialLinks .socialIcon{height:25px}.copyright p{font-size:var(--font-size-paragraph-mobile);margin:0}}@media screen and (max-width:375px){.footer img{height:40px}.footer h1{font-family:Source Sans Pro,monospace;font-size:var(--font-size-title-desktop);margin:0}}#mc-embedded-subscribe-form{margin:0!important;max-width:100%}#mc_embed_signup_scroll p{font-size:var(--font-size-paragraph-desktop);font-weight:700;margin:0 0 5px;padding:0}.mc-field-group{min-height:30px!important;width:100%!important}.mc-field-group input{border-radius:4px!important}#mc_embed_signup .foot{display:flex!important}#mc_embed_signup .foot input{background-color:var(--color-yellow);font-size:var(--font-size-paragraph-desktop);font-weight:700;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;padding:2px 20px!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}#mc_embed_signup .foot input:hover{background-color:var(--color-yellow);opacity:.8!important}@media screen and (max-width:375px){#mc_embed_signup_scroll p{font-size:var(--font-size-paragraph-mobile)}.mc-field-group{min-height:20px!important;width:100%!important}#mc_embed_signup .foot input{font-size:var(--font-size-paragraph-mobile)}}@media screen and (max-width:665px){.navMobile{align-items:center;background-color:var(--color-blue);box-shadow:0 1px 4px #92a1b026;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;padding:0 20px 0 0}.navMobile .logo{height:80px}.hamburgerLines,.hamburgerX{color:var(--color-white);height:35px}.menu-items-mobile{background-color:var(--color-blue);border-top:1px solid var(--color-white);display:flex;flex-direction:column;justify-content:space-between;position:absolute;right:0;z-index:10}.menu-items-mobile .siteLinks{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-start;margin-top:10px}.menu-items-mobile .link{color:var(--color-white);font-style:normal;font-weight:700;margin:20px 20px 0 0;text-decoration:none}.menu-items-mobile .link,.navSocials{font-size:var(--font-size-title-mobile)}.navSocials{align-items:flex-end;color:#fff;display:flex;flex-direction:column;margin-bottom:5%}.navSocialLink{border:1px solid var(--color-white);border-radius:4px;color:#fff;margin:10px 20px;padding:8px 16px;text-decoration:none}.menu-items-desktop{display:none}.footerContainer{background-color:#f3c03b;padding:20px 10%}.footerHeader{color:#000;font-size:20px;font-weight:700}.footerText{color:#000;font-size:16px}.pageLinks{padding:10px 0 0}.footerList{padding-left:0!important}.footerLink{color:#000;text-decoration:none}footer p{color:#000;margin:0;padding:20px 0 0}footer li{border:1px solid #000;border-radius:12px;display:flex;font-size:20px;justify-content:space-between;list-style:none;margin:0 0 10px;padding:10px}footer li,footer li:active{background-color:initial}.arrowIcon{align-self:center;color:#000;float:right;padding:0}.footerBrands{color:#000;height:35px;margin:10px 25px 0 0}.Copyright{color:#000;font-size:16px}}@media screen and (min-width:666px) and (max-width:1025px){.navMobile{align-items:center;background-color:var(--color-blue);box-shadow:0 1px 4px #92a1b026;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;padding:0 20px 0 0}.navMobile .logo{height:80px}.hamburgerLines,.hamburgerX{color:var(--color-white);height:35px}.menu-items-mobile{background-color:var(--color-blue);display:flex;flex-direction:column;justify-content:space-between;position:absolute;right:0;z-index:10}.menu-items-mobile .siteLinks{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-start;margin-top:20px}.menu-items-mobile .link{color:var(--color-white);font-style:normal;font-weight:700;margin:10px 20px 0 0;text-decoration:none}.menu-items-mobile .link,.navSocials{font-size:var(--font-size-title-mobile)}.navSocials{align-items:flex-end;color:#fff;display:flex;flex-direction:column;margin-bottom:5%}.navSocialLink{border:1px solid var(--color-white);border-radius:4px;color:#fff;margin:10px 20px;padding:8px 16px;text-decoration:none}.menu-items-desktop{display:none!important}footer{background-color:#f3c03b;display:flex;justify-content:center;padding:50px 0}.arrowIcon,.footerAbout,.footerHeader{display:none}.footerList{display:flex;justify-content:center;padding:0}.footerList .footerLink{border:none;color:#000;font-size:20px;font-weight:700;list-style:none;margin:0 20px;padding:0;text-decoration:none}.footerList .footerLink:hover{text-decoration:underline;transition:.3s ease-in-out}.socials{display:flex;justify-content:center}.footerBrands{color:#000;height:30px;margin:30px 10px 0}.Copyright{display:flex;flex-direction:column;font-weight:700;justify-content:center;text-align:center}footer p{color:#000;margin:10px 0;padding:10px 0 0}}@media screen and (min-width:1025px){.menu-items-mobile,.navMobile,.navbar{display:none}.navbar{background-color:#f3c03b;height:80px}.nav-container,.nav-container .hamburger-lines{display:none}.menu-items-desktop{display:flex;flex-direction:row;justify-content:space-between;list-style:none}.menu-items-desktop .menulogo{height:80px}.menu-items-desktop ul{align-items:center;display:flex;list-style:none}.menu-items-desktop .login{background-color:#276fbf;border:1px solid #276fbf;border-radius:5px;color:#fff!important;padding:8px 15px;transition:.2s ease-in-out}.menu-items-desktop .login:hover{background-color:#fff;border-radius:5px;color:#276fbf!important;padding:8px 15px;text-decoration:none!important;text-shadow:none!important}.menu-items-desktop li{margin:0 30px}.menu-items-desktop li .link-desktop{color:#000;font-size:20px;font-weight:400;text-decoration:none}.menu-items-desktop li .link-desktop:hover{text-decoration:underline}footer{background-color:#f3c03b;display:flex;justify-content:center;padding:50px 0}.arrowIcon,.footerAbout,.footerHeader{display:none}.footerList{display:flex;justify-content:center;padding:0}.footerList .footerLink{border:none;border-bottom:1px solid #0000;color:#000;font-size:20px;font-weight:700;list-style:none;margin:0 20px;padding:0 0 3px;text-decoration:none;transition:.2s ease-in-out}.footerList .footerLink:hover{border-bottom:1px solid #000}.socials{display:flex;justify-content:center}.footerBrands{color:#000;height:25px;margin:10px 10px 0}.Copyright{flex-direction:column;font-weight:700;justify-content:center}.Copyright,.Copyright div{align-items:center;display:flex;font-size:12px}footer p{color:#000;margin:5px 1px;padding:10px 4px}}.dropdown{cursor:pointer;display:inline-block;position:relative}.dropdown-menu{background-color:#fff;border-radius:5px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;left:0;min-width:150px;opacity:0;overflow:hidden;position:absolute;top:100%;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility .3s;visibility:hidden}.dropdown:hover .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible;z-index:100}.dropdown-menu a{color:#000;font-size:14px;padding:10px 15px;text-decoration:none;transition:background-color .2s ease-in-out;z-index:100}.dropdown-menu a:hover{background-color:#f0f0f0;color:#276fbf;z-index:100}*{font-family:Quicksand,sans-serif;font-style:normal}.app{display:flex;font-family:Quicksand;overflow-x:hidden}.page{margin:auto;text-align:center}.spacing{background-color:#d6e1ee}.header{font-size:100px;margin:0;text-align:center;text-decoration:underline;width:auto}.plaintext{font-size:40px;text-align:center}.coloredBkg{background-color:#292f36;margin-left:calc(-50vw + 50%);padding:50px 0;width:99.5vw}.coloredBkgContainer{margin:auto;text-align:center;width:80%}.plaintext-alt{color:#fff;font-size:40px;text-align:center}.listitems{color:#fff;font-size:35px;list-style:circle #000;padding:0 0 50px;text-align:left}.header-alt{color:#f9be2c;font-size:100px;margin:0;text-align:center;text-decoration:underline;width:auto}.btn-yellow{background-color:#ab8830;font-size:50px;height:120px;margin-top:30px;padding:0 120px;width:auto}.btnlink{color:#000;text-decoration:none}.divider{align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}.divider div hr{border-color:#000;border-width:thin;width:80%}.divider-logo{height:100px;justify-self:center}.bkgImgDiv{position:relative;text-align:left;z-index:1}.fullWidthImg{height:-webkit-fill-available;left:0;position:absolute;z-index:2}.fullWidthImg,.overlay{margin-left:calc(-50vw + 50%);width:100vw}.overlay{background-color:#0009;color:#fff;display:block;padding-top:50px;position:relative;z-index:3}.overlayTxt{margin:auto;padding:50px 0;width:80%}@media screen and (min-width:1024px){.page{text-align:-webkit-center;width:100%}.bkgImgDiv{grid-column-gap:0;grid-row-gap:0;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;height:550px;overflow:hidden;position:relative}.fullWidthImg{grid-area:1/1/2/2;height:-webkit-fill-available;left:0;margin:0;position:absolute;width:120%}.overlay{background-color:#0009;color:#fff;display:block;grid-area:1/2/2/3;justify-self:right;padding-top:50px;width:80%;z-index:3}.overlay .header{font-size:50px;margin:0;text-align:center;text-decoration:underline;width:auto}.overlay .overlayTxt{font-size:20px;margin:auto;padding:50px 0;width:90%}.babblebotSignup{height:200px;padding-top:20px}}.floating-books-banner{align-items:center;display:flex;justify-content:center;min-height:80dvh;overflow:hidden;position:relative}.floating-books-banner-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .5s ease-in-out}.fade-in-text{animation:fadeInUp 1.5s ease-in-out}.banner-content{margin:0 auto}.banner-content b{color:var(--color-blue)}.banner-content p{font-size:24px;margin:0 auto;text-align:center;width:55%}.banner-buttons{display:flex;gap:20px;justify-content:center;margin-top:20px}.banner-signup-btn{background-color:var(--color-blue);border-radius:5px;color:var(--color-white);font-size:18px;padding:10px 20px;text-decoration:none}.banner-signup-btn:hover{opacity:.8}.banner-generator-btn{background-color:var(--color-yellow);border:none;border-radius:5px;color:var(--color-black);font-size:18px;padding:10px 20px;text-decoration:none}.banner-generator-btn:hover{opacity:.8}@media screen and (max-width:768px){.floating-books-banner{min-height:90vh}.floating-books-banner-background{background-repeat:no-repeat;background-size:auto!important;height:100%;width:100%}.banner-content p{font-size:var(--font-size-title-mobile);margin:0 auto;text-align:center;width:80%}.banner-buttons,.banner-generator-btn,.banner-signup-btn{font-size:var(--font-size-paragraph-mobile)}}@media screen and (max-device-width:450px){.subBannerContainer{background-color:#276fbf;display:flex;justify-content:center}.subBannerText{font-size:16px!important}.subBannerText b{color:#f9be2c;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000}}@media screen and (min-device-width:451px) and (max-device-width:1023px){.subBannerContainer{background-color:#276fbf;display:flex;justify-content:center}.subBannerText{font-size:20px!important;padding:0 5%}.subBannerText b{color:#f9be2c;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000}}@media screen and (min-device-width:1024px){.subBannerContainer{background-color:#276fbf;display:flex;justify-content:center}.subBannerText{font-size:20px}.subBannerText b{color:#f9be2c;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000}}@media screen and (min-width:1024px){.featuresContainer{display:flex;margin-bottom:125px;position:relative}.feature{padding:3% 5%;width:33.33%}.feature .featureIcon{color:var(--color-black);height:75px}.feature h3{font-size:var(--font-size-title-desktop)}.feature h3,.feature p{color:var(--color-black)}.feature p{font-size:var(--font-size-paragraph-desktop);font-weight:600}.buildClass{background-color:var(--color-blue)}.createStory{background-color:var(--color-red)}.assessStudent{background-color:var(--color-yellow)}.feature.buildClass.visible{transition-delay:0s;z-index:3}.feature.createStory.visible{transition-delay:2s;z-index:2}.feature.assessStudent.visible{transition-delay:3s;z-index:1}}@media screen and (max-width:1023px){.featuresContainer{display:block;margin-bottom:100px}.feature{display:flex;flex-direction:column;padding:3% 5%}.feature .featureIcon{height:60px}.feature h3{font-size:var(--font-size-title-mobile);margin-bottom:0}.feature p{font-size:var(--font-size-paragraph-mobile);margin:20px auto;width:60%}.buildClass{background-color:var(--color-blue)}.createStory{background-color:var(--color-red)}.assessStudent{background-color:var(--color-yellow)}}@media screen and (max-width:451px){.feature{padding:25px 3% 0}.feature .featureIcon{height:50px}.feature p{margin:25px auto;width:100%}}.whatsNextContainer{display:flex;flex-direction:column;margin:0;padding:25px 0 225px}.whatsNextContainer h2{font-size:30px;font-weight:bolder;margin-bottom:30px}.updatesContainer{display:flex;height:auto;justify-content:space-between;margin:auto;width:80%}.updates{border:1px solid #000;border-radius:8px;padding:24px;position:relative;width:27%}.updates .updatesIcon{height:50px;margin:10px 0 0}.updates h3{font-size:var(--font-size-title-desktop)}.updates p{font-size:var(--font-size-paragraph-desktop)}.community-update{background-color:#f3c03b1a;border:2px solid var(--color-yellow);transform:translateY(50px)}.dashboards-update{background-color:#aa47471a;border:2px solid var(--color-red);transform:translateY(20)}.auto-assess-update{background-color:#276fbf1a;border:2px solid var(--color-blue);transform:translateY(100px)}.updates .community{color:#f3c03b;position:relative;z-index:2}.updates .community2{color:#276fbf;left:20%;position:absolute;rotate:-10deg;top:6%}.updates .community3{color:#aa4747;position:absolute;right:20%;rotate:10deg;top:6%}.updates .audio{background-color:initial;color:#276fbf}.updates .dashboard{color:#aa4747}.updates:hover{transition:.5s}@media (max-width:1024px){.whatsNextContainer{display:flex;flex-direction:column;padding:0 0 20px}.whatsNextContainer h2{font-size:24px;font-weight:bolder;margin-bottom:10px}.updatesContainer{align-items:center;align-self:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:80%}.updates{border-radius:8px;height:-webkit-fill-available;margin:10px;padding:24px;position:relative;width:40%}.auto-assess-update,.community-update{transform:translateY(0)}.updates .updatesIcon{height:60px;margin:10px 0 0}.updates h3{font-size:24px}.updates p{font-size:20px}.updates .community{color:#f3c03b;position:relative;z-index:2}.updates .community2{color:#276fbf;left:20%;position:absolute;rotate:-10deg;top:6%}.updates .community3{color:#aa4747;position:absolute;right:20%;rotate:10deg;top:6%}.updates .audio{color:#276fbf}.updates .dashboard{color:#aa4747}}@media (max-width:850px){.updatesContainer{width:80%}.updates{width:100%}}@media (max-width:450px){.whatsNextContainer{padding:50px 0;text-align:-webkit-center}.whatsNextContainer h2{font-size:var(--font-size-title-mobile)}.updatesContainer{align-items:center;display:flex;width:90%}.updates{border-radius:8px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:10px auto;padding:20px;position:relative;width:100%}.auto-assess-update,.community-update{transform:translateY(0)}.updates .updatesIcon{height:60px;margin:10px 0 0}.updates h3{font-size:var(--font-size-title-mobile)}.updates p{font-size:var(--font-size-paragraph-mobile)}.updates .community{color:#f3c03b;position:relative;z-index:2}.updates .community2{color:#276fbf;left:20%;position:absolute;rotate:-10deg;top:6%}.updates .community3{color:#aa4747;position:absolute;right:20%;rotate:10deg;top:6%}.updates .audio{color:#276fbf}.updates .dashboard{color:#aa4747}}@media screen and (min-device-width:1024px){.newDemo{grid-column-gap:100px;grid-row-gap:0;background-color:var(--color-white);display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;margin:125px auto;width:80%}.demoStructure{grid-area:1/1/2/2;text-align:left}.demoInput{background-color:#fff;border:none;border-bottom:1px solid #000;border-radius:4px 4px 0 0;font-size:20px;margin-bottom:30px;width:100%}.demoStructure .decodableGenerator{font-size:30px;font-weight:700;margin-bottom:5px;margin-top:0}.demoStructure p{font-size:var(--font-size-paragraph-desktop);margin:10px 0 5px}#buttonContainer{display:flex;gap:10px;justify-content:left}.demoButton{background-color:var(--color-yellow);padding:8px 12px}.clearButton,.demoButton{border:none;border-radius:var(--button-border-radius);font-size:var(--font-size-paragraph-desktop);transition:.2s ease-in-out}.clearButton{background-color:var(--color-red);color:var(--color-white);padding:8px 20px}.clearButton:hover,.demoButton:hover{cursor:pointer;opacity:.8}.demoContent{text-wrap:wrap;background-color:#f3c03b1a;border:4px solid var(--color-yellow);border-radius:4px;color:var(--color-yellow);font-weight:700;grid-area:1/2/2/3;padding:3%;text-align:left}.defaultGeneratorText{font-size:var(--font-size-title-desktop)}.defaultGeneratorText,.loadingMessage{align-items:center;display:flex;height:100%;justify-content:center;margin:0;padding:0}.loadingMessage{flex-direction:column;gap:5px}.loadingMessage p{margin:0;padding:0}.demoStoryArea,.loadingMessage p{font-size:var(--font-size-title-desktop)}.demoStoryArea{position:relative;width:100%}.demoStoryArea p{margin:2px 0}}@media screen and (max-width:1023px){.newDemo{grid-row-gap:20px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr .5fr;height:auto!important;margin:0 auto;padding:100px 0;width:80%}.newDemo .lds-ellipsis{place-self:center}.demoStructure{grid-area:1/1/1/1;margin:0 auto;text-align:left}.decodableGenerator{font-size:var(--font-size-title-mobile)}.demoStructure p{margin:5px 0}.demoInput,.demoStructure p{font-size:var(--font-size-paragraph-mobile)}.demoInput{color:var(--color-black);margin-bottom:10px;padding:5px 2px;width:100%}.demoInput option{font-size:var(--font-size-paragraph-mobile)}#buttonContainer{align-items:center;display:flex;gap:10px}.demoButton{background-color:var(--color-yellow);color:var(--color-black)}.clearButton,.demoButton{border:none;border-radius:4px;font-size:var(--font-size-paragraph-mobile);padding:8px 12px}.clearButton{background-color:var(--color-red);color:var(--color-white)}.loadingMessage{align-items:center;display:flex;flex-direction:column;gap:5px;height:100%;justify-content:center;margin:0;padding:3%}.loadingMessage p{font-size:var(--font-size-title-mobile);font-weight:700;margin:0;padding:0}.demoContent{background-color:#f3c03b1a;border:2px solid;border-radius:4px;color:var(--color-yellow);grid-area:2/1/2/1;height:auto;text-align:-webkit-center}.demoStoryArea{font-size:var(--font-size-title-mobile);font-weight:700;padding:3%;text-align:left}.demoStoryArea p{margin:5px 0}.defaultGeneratorText{align-items:center;display:flex;font-size:var(--font-size-title-mobile);font-weight:700;height:100%;justify-content:center;margin:0}}.loader{align-items:center;display:flex;justify-content:center;width:100%}.lds-ellipsis{height:80px}.lds-ellipsis div{top:33px}.pageBreakSection{align-items:center;display:flex;justify-content:space-around;margin:0 0 125px}.pageBreakSection hr{width:500px}.pageBreakSection img{height:100px}@media screen and (max-width:1023px){.pageBreakSection hr{width:250px}}@media screen and (max-width:450px){.pageBreakSection{margin:0 0 100px}.pageBreakSection hr{width:100px}}.why-it-works-container{grid-column-gap:100px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:.2fr 1fr;margin:0 auto 125px;width:80%}.why-it-works-container h2{font-size:var(--font-size-large-header);font-weight:700;grid-area:1/1/1/4;margin:0}.image-content-side{grid-area:2/1/2/2;place-self:left}.text-content-side{background-color:#4d694133;border:2px solid var(--color-chalkboard-green);border-radius:8px;grid-area:2/2/2/4;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:20px 0 0;padding:30px 20px 10px}.listed-item{display:grid;grid-template-columns:.2fr 1fr;grid-template-rows:.2fr 1fr;margin:0 0 20px;text-align:left}.listed-item-icon{grid-area:1/1/1/1;height:var(--font-size-title-desktop);place-self:center}.listed-item h4,.listed-item-icon{color:var(--color-chalkboard-green)}.listed-item h4{font-size:var(--font-size-title-desktop);grid-area:1/2/1/2;margin:0}.listed-item p{font-size:var(--font-size-paragraph-desktop);font-weight:450;grid-area:2/2/2/3;margin:2px 0 0}@media screen and (max-width:1024px){.why-it-works-container h2{margin:0 0 30px}.image-content-side img{height:300px}}@media screen and (max-width:960px){.why-it-works-container{grid-template-columns:1fr;grid-template-rows:.2fr .5fr 1fr;margin:0 auto 100px}.why-it-works-container h2{font-size:24px;grid-area:1/1/1/2}.image-content-side{grid-area:2/1/2/1}.text-content-side{grid-area:3/1/3/1}.text-content-side h4{font-size:var(--font-size-title-mobile)}.text-content-side p{font-size:var(--font-size-paragraph-mobile)}}@media screen and (max-width:426px){.why-it-works-container h2{font-size:var(--font-size-title-mobile)}.why-it-works-container{grid-template-rows:.1fr .4fr 1fr;width:90%}.image-content-side img{height:auto;max-width:80%}}.poweredBySection{background-color:var(--color-faded-blue);padding:25px 0}.poweredBySection h3{font-size:var(--font-size-title-desktop);margin-bottom:50px}.curriculumCards{display:flex;flex-wrap:wrap;gap:1.5%;justify-content:center;margin:auto;padding:0 0 25px;width:80%}.curriculumCard{background-color:var(--color-white);border-radius:8px;margin:1.5% 0 0;padding:10px;width:30%}.curriculumImgContainer{background-color:var(--color-faded-blue);border-radius:4px}.curriculumLogo{background-position:50%;background-repeat:no-repeat;background-size:contain;height:200px;margin:auto;width:80%}.curriculumInfo{text-align:left}.curriculumInfo h5{font-size:var(--font-size-paragraph-desktop);margin:16px 0 8px}.curriculumInfo p{-webkit-box-orient:vertical;-webkit-line-clamp:5;display:-webkit-box;font-size:var(--font-size-paragraph-mobile);margin:0;overflow:hidden;padding:0;width:100%}.curriculumSiteLink{margin:10px 0}@media (max-width:1024px){.curriculumCard{width:28%}}@media (max-width:768px){.curriculumCards{justify-content:flex-start;margin:auto}.curriculumCard{width:45%}}@media (max-width:588px){.poweredBySection{margin-top:75px}.poweredBySection h3{font-size:var(--font-size-title-mobile);margin:25px auto;width:80%}.curriculumCards{gap:10px;width:90%}.curriculumCard{width:100%}}.quote-form-section{display:flex;justify-content:center;margin:auto;min-height:60dvh;padding:125px 0;position:relative;width:100%;z-index:2}.quote-form{height:100%}.waving-babblebot{left:0;position:absolute;top:0;transform:rotate(-45deg);z-index:-1}.quote-form-container{background:var(--color-white);border:1px solid var(--color-blue);border-radius:12px;color:var(--pure-white);max-width:60%;min-height:550px;padding:1rem;width:60%}.quote-form-title{color:var(--color-blue);font-size:var(--font-size-title-desktop);margin:1rem 0 2rem;text-align:center}.progress-indicator{margin:auto;position:relative;width:60%}.progress-bar{align-items:center;background:var(--color-white);border:1px solid var(--color-black);display:flex;height:4px;overflow:hidden;position:relative;width:98%}.progress{background:linear-gradient(-150deg,var(--color-blue),var(--color-yellow));height:100%;left:0;min-width:50px;top:0;transition:width .4s cubic-bezier(.4,0,.2,1);width:0;z-index:2}.progress,.steps{position:absolute}.steps{display:flex;justify-content:space-between;top:-200%;width:100%}.step{align-items:center;background-color:var(--color-white);border:1px solid var(--color-blue);border-radius:50%;display:flex;font-weight:700;height:30px;justify-content:center;width:30px;z-index:5}.step.active{background:var(--color-blue);color:var(--color-white)}.form-step{display:flex;flex-direction:column;justify-content:center;margin:auto;width:60%}.form-step h2{font-size:var(--font-size-paragraph-desktop);margin:3rem 0 1rem;text-align:center}.input-container{min-height:300px}.input-container h2{margin:0 0 1rem}.quote-text-input{position:relative}.quote-text-input label{color:var(--color-black);left:.5rem;position:absolute;top:.75rem;transition:all .2s ease-in-out}.quote-text-input input{background-color:var(--color-white);border:1px solid var(--color-blue);border-radius:8px;box-shadow:none;color:var(--color-black);font-size:var(--font-size-paragraph-desktop);height:24px;margin:0 auto 1rem;padding:.5rem;width:-webkit-fill-available}.quote-text-input input:focus{border-color:var(--color-blue);outline:none}.quote-text-input{&:focus-within{label{background-color:var(--color-white);border-radius:4px;color:var(--color-blue);font-size:var(--font-size-xs);left:.5rem;padding:0 4px;top:-.5rem}}}.filled label{background-color:var(--color-white);border-radius:4px;color:var(--color-blue);font-size:var(--font-size-xs);left:.5rem;padding:0 4px;top:-.5rem}.button-group{display:flex;justify-content:space-between}.next-step-button{align-self:flex-end;background-color:initial;border:1px solid var(--color-blue);border-radius:.5rem;color:var(--color-blue);font-size:var(--font-size-paragraph-desktop);margin-bottom:1rem;padding:.5rem 2rem;transition:all .2s ease-in-out}.next-step-button:hover{background-color:var(--color-blue);color:var(--color-white);cursor:pointer}.next-step-button:disabled{cursor:not-allowed;opacity:.5}.prev-step-button{align-self:flex-start;background-color:initial;border:1px solid var(--color-red);border-radius:.5rem;color:var(--color-red);font-size:var(--font-size-paragraph-desktop);margin-bottom:1rem;padding:.5rem 2rem;transition:all .2s ease-in-out}.prev-step-button:hover{background-color:var(--color-red);color:var(--color-white);cursor:pointer}.services-header{font-size:var(--font-size-paragraph-desktop);margin:0 0 1rem;padding:0}.contact-services-options{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.contact-services-options .contact-service-option{align-items:center;background-color:var(--color-yellow);border:1px solid var(--color-black);border-radius:1.5rem;display:flex;flex-direction:row;padding:.5rem 1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact-services-options .contact-service-option input{margin-right:.5rem}.contact-services-options .contact-service-option input.checked .contact-service-option{background-color:var(--color-blue);border:1px solid var(--color-blue);color:var(--pure-white)}.quote-textarea textarea{background-color:var(--color-white);border:1px solid var(--color-blue);border-radius:8px;box-shadow:none;color:var(--pure-white);font-size:var(--font-size-paragraph-desktop);height:50px;margin:0 auto 2rem;padding:.5rem;resize:vertical;width:-webkit-fill-available}.review-details{text-align:left}.loader-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.loader-container p{color:var(--pure-white);font-size:var(--font-base);text-align:center}@media (max-width:1024px){.quote-form-section{padding:150px 0 125px}.quote-form-container{max-width:80%;width:80%}.waving-babblebot{height:50%;left:50%;top:-1rem;transform:rotate(0deg);transform:translate(-50%)}}@media (max-width:900px){.quote-form-container{bottom:auto;max-width:98vw;min-width:0;padding:.5rem;width:90%}.form-step{min-width:0;width:95%}.progress-indicator{width:90%}}@media (max-width:600px){.quote-form-container{border-radius:0;max-width:90%;min-width:0;padding:.5rem;width:90%}.form-step{margin:0;padding:0;width:100%}.progress-indicator{width:100%}.input-container{min-height:0}.quote-text-input input,.quote-textarea textarea{font-size:1rem;padding:.5rem}.button-group{flex-direction:column;gap:.5rem}.next-step-button,.prev-step-button{font-size:1rem;margin-bottom:.5rem;padding:.75rem 0;width:100%}.steps{top:-330%}.contact-services-options .contact-service-option{width:100%}}@media (max-width:450px){.waving-babblebot{height:30%;top:1rem}.steps{top:-230%}}.signupPage{align-items:center;background-color:var(--color-faded-yellow);gap:20px;justify-content:center;min-height:90dvh}.registerContainer,.signupPage{display:flex;flex-direction:column}.registerContainer{backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(20px);background:var(--color-white);border-radius:8px;box-shadow:0 4px 30px #0000001a;text-align:center;width:30%}.signUpHeader{background-color:var(--color-yellow);border-radius:8px 8px 0 0;color:var(--color-white);font-size:var(--font-size-title-desktop);font-weight:700;margin:0 0 32px;padding:10px 0}.nameInputs{display:flex;gap:20px}.registerInput{border:1px solid var(--color-black);border-radius:4px;font-size:var(--font-size-paragraph-desktop);height:30px;margin:0 auto;padding:2px 1%;text-align:left;text-align:initial;width:98%}.showPass{display:flex;justify-content:flex-end;width:100%}.showPass button{align-items:center;display:flex;gap:8px}.registerBtn{align-self:center;background-color:var(--color-yellow);border:1px solid var(--color-yellow);border-radius:4px;color:var(--color-white);font-size:var(--font-size-paragraph-desktop);font-weight:700;padding:6px 12px;width:100%}.registerBtn:hover{cursor:pointer;opacity:.8}.alreadyHaveAnAccountContainer{align-items:center;display:flex;font-size:var(--font-size-xs);justify-content:center;padding-bottom:8px}.alreadyHaveAnAccountContainer p{margin-right:5px}.alreadyHaveAnAccountContainer .signUpLink{text-decoration:none}@media (max-width:1024px){.registerContainer{width:50%}}@media (max-width:900px){.registerContainer{width:60%}}@media (max-width:500px){.inputButtonContainer,.registerContainer{width:90%}}.plansPage{display:flex;flex-direction:column;justify-content:center;min-height:80dvh;padding:50px 0;position:relative;width:100%}.plansBkg{background-position:top;background-size:cover;height:50%;left:0;position:absolute;top:0;width:100%;z-index:-1}.plansBkgContent{margin:0 auto;padding:20px 0;text-align:center}.plansBkgContent h2{color:var(--color-white);font-size:var(--font-size-large-header)}.plansBkgContent p{color:var(--color-white);font-size:var(--font-size-paragraph-desktop);margin:10px auto;max-width:60%}.plansContainer{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;padding:125px 0 0;width:80%}.plan{background-color:var(--color-off-white);border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;margin-top:20px;min-width:29%;padding:20px}.plan h3{font-size:var(--font-size-title-desktop);margin:0}.plan .maxStudents{font-weight:700;margin:2px 0 0}.plan .maxStudents span{color:#276fbf}.plan b{font-size:var(--font-size-large-header)}.plan button{background-color:#276fbf;border:1px solid #276fbf;border-radius:4px;color:#fff;padding:8px 50px;transition:.2s ease-in-out}.plan button:disabled{background-color:#276fbf;opacity:.7}.plan button:hover{background-color:#fff;border:1px solid #276fbf;color:#276fbf;cursor:pointer}.plan .planIncludes{font-weight:700}.plan ul{font-weight:500;list-style-type:circle}.plan ul li{margin-bottom:5px}.plan ul li::marker{color:var(--color-blue)}@media (max-width:1185px){.plansContainer{width:90%}.plansBkg{height:40%}.plan{min-width:45%}}@media (max-width:900px){.plansContainer{width:90%}.plan{min-width:40%}.plansBkg{background-position:100% 0;height:30%}.plansBkgContent p{max-width:80%}}@media screen and (max-width:600px){.plansContainer{align-items:center;flex-direction:column;padding-top:200px;width:90%}.plan{margin-top:20px;width:80%}}@media (max-width:350px){.plansContainer{padding-top:275px}}.studentSignInPage{align-items:center;background-color:var(--color-faded-blue);display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:90dvh}.signInOptions{background-color:var(--color-white);border:1px solid var(--color-blue);border-radius:17px;display:flex;gap:0;justify-content:space-between}.signInOptions button{background-color:var(--color-white);border:none;border-radius:16px;color:var(--color-black);cursor:pointer;font-size:var(--font-size-paragraph-desktop);padding:8px 16px}.signInOptions button:disabled{background-color:var(--color-blue);color:var(--color-white);cursor:not-allowed}.signInContainer{backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(20px);background:var(--color-white);border-radius:8px;box-shadow:0 4px 30px #0000001a;display:flex;flex-direction:column;text-align:center;width:30%}.signInHeader{background-color:var(--color-blue);border-radius:8px 8px 0 0;color:var(--color-white);font-size:var(--font-size-title-desktop);font-weight:700;margin:0 0 32px;padding:10px 0}.inputButtonContainer{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;margin:0 auto;padding:0 0 32px;width:80%}.signInContainer .signInInput{border:1px solid var(--color-black);border-radius:4px;font-size:var(--font-size-paragraph-desktop);height:30px;margin:0 auto;padding:2px 0;text-align:center;width:98%}.passwordActions{display:flex;justify-content:space-between;text-align:left;width:100%}.passwordActions a{color:var(--color-footer-link);font-size:var(--font-size-xs);margin:0;text-decoration:none}.signInButton{align-self:center;background-color:var(--color-blue);border:1px solid var(--color-blue);border-radius:4px;color:#fff;font-size:var(--font-size-paragraph-desktop);padding:6px 12px;width:100%}.signInButton:hover{cursor:pointer;opacity:.8}.noAccountLink{font-size:var(--font-size-xs);margin:0 0 20px}.showHideBtn{background-color:initial;border:none}.loginError{padding:10px 0}.studentListContainer{backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(20px);background:var(--color-white);border-radius:8px;box-shadow:0 4px 30px #0000001a;display:flex;flex-direction:column;text-align:center;width:30%}.studentListHeader{background-color:var(--color-blue);border-radius:8px 8px 0 0;color:var(--color-white);font-size:var(--font-size-title-desktop);font-weight:700;padding:10px 0}.studentList{display:flex;flex-wrap:wrap;font-size:20px;gap:10px;justify-content:center;list-style-type:none;margin:0;max-height:300px;overflow-x:hidden;overflow-y:scroll;padding:20px 0;scrollbar-width:thin;width:100%}.studentList li{border:1px solid #000;border-radius:8px;margin:0;padding:10px 0;width:45%}.studentList li:hover{background-color:var(--color-faded-blue);cursor:pointer}.backButton{align-self:center;background-color:var(--color-blue);border:1px solid var(--color-blue);border-radius:4px;color:#fff;font-size:var(--font-size-paragraph-desktop);padding:6px 24px}.backButton:hover{cursor:pointer;opacity:.8}.addStudentBtn{background-color:#44af69;border:1px solid #000;border-radius:4px;color:#fff;font-size:20px;margin-left:10px;padding:8px 16px;transition:.2s ease-in-out}.addStudentBtn:hover{background-color:#fff;border:1px solid #44af69;color:#44af69;cursor:pointer}@media (max-width:900px){.signInContainer{width:60%}}@media (max-width:500px){.signInContainer{width:80%}}.teamContainer{min-height:90dvh}.meetTheTeam{padding:10px 10%}.meetTheTeam h2{font-size:30px;margin:0 auto;padding:20px 0;width:100%}.meetTheTeam p{font-size:20px;margin:0;padding:0 0 20px;width:80%}.leadershipSection{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;width:80%}.leadersLeft{grid-area:1/1/2/2}.leadersRight{grid-area:1/2/2/3}.sorBoardSection{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;width:80%}.sorTopLeft{grid-area:1/1/2/2}.sorTopRight{grid-area:1/2/2/3}.sorBottomLeft{grid-area:2/1/3/2}.leadershipCard{align-items:center;border-radius:8px;display:flex;margin:10px 0}.leadershipCard img{border-radius:50%;height:75px;margin:0 10px 0 0;width:75px}.leadershipCard .leadershipCardText{display:flex;flex-direction:column;justify-content:center}.leadershipCard .leadershipCardText h3{font-size:18px;margin:0}.leadershipCard .leadershipCardText a{color:var(--color-blue);text-decoration:none}@media screen and (max-width:768px){.meetTheTeam p{width:100%}}.customBanner{height:300px;width:100%}.bannerContent{display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;width:80%}.bannerContent h1{color:var(--color-white);font-size:var(--font-size-large-header);margin-bottom:10px}.bannerContent p{color:var(--color-white);font-size:var(--font-size-paragraph-desktop);margin-top:10px;width:75%}@media (max-width:450px){.bannerContent{align-items:center;height:100%;justify-content:center;margin:0 auto;text-align:center;width:90%}.bannerContent h1{font-size:var(--font-size-title-desktop)}.bannerContent p{font-size:var(--font-size-paragraph-mobile);width:90%}}.aboutBabbleBotContainer{color:#333;font-family:Arial,sans-serif;line-height:1.6;margin:0 auto;max-width:1200px;min-height:80dvh;padding:20px}.aboutNavBar{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px;width:100%}.navButton{background-color:initial;border:3px solid #41403e;border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;color:#0078d7;font-size:1rem;font-weight:700;margin:0 .5rem;padding:10px 20px;text-decoration:none;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.navButton:hover{background-color:#0078d7;box-shadow:2px 8px 4px -6px #0000004d;color:#fff}.navButton.lined.thick{border:3px solid #41403e}.navButton.active{background-color:#0078d7;border:3px solid #005bb5;box-shadow:3px 3px 6px #0003;color:#fff}.landingContent{background-color:#fff;border-radius:10px;padding:20px;text-align:center}.landingContent h1{color:#0078d7;font-size:2rem;margin-bottom:10px}.landingContent p{font-size:1.2rem}.aiSection,.callToActionSection,.heroSection,.scienceSection{border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-bottom:30px;padding:20px}.heroSection{background-color:#f9f9f9;text-align:center}.heroSection h1{color:#0078d7;font-size:2.5rem}.heroSection p{font-size:1.2rem;margin-top:10px}.aiSection,.scienceSection{background-color:#fff}.aiSection h2,.scienceSection h2{color:#0078d7;font-size:2rem;margin-bottom:10px}.aiSection p,.scienceSection p{font-size:1.1rem}.callToActionSection{background-color:#0078d7;color:#fff;padding:30px 20px;text-align:center}.callToActionSection h2{font-size:2rem;margin-bottom:10px}.callToActionSection p{font-size:1.2rem;margin-bottom:20px}.featuresSection{animation:slideInLeft 1s forwards;background-color:#f1f1f1;border-radius:10px;padding:30px 20px}.featuresSection h2{color:#0078d7;font-size:2rem;margin-bottom:20px}.featuresList{font-size:1.1rem;list-style-type:none;margin-top:10px;padding:0}.featuresList li{margin:10px 0;padding-left:25px;position:relative}.featuresList li:before{color:#0078d7;content:"✔";font-size:1.2rem;left:0;position:absolute;top:0}.section{animation:fadeIn 1s forwards;background-color:#fff;border-radius:10px;margin-bottom:60px;opacity:0;padding:20px;transform:translateY(20px)}.section h1,.section h2{color:#0078d7;margin-bottom:15px}.section p{font-size:1.1rem;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.introSection{animation:fadeIn 1s forwards}.multilingualSection{animation:slideInRight 1s forwards}.privacySection{animation:fadeIn 1.5s forwards}.storySection{animation:slideInUp 1.5s forwards}.subPageContainer{animation:fadeIn 1s forwards;background-color:#fff;border-radius:10px;color:#333;font-family:Arial,sans-serif;line-height:1.6;margin:20px auto;max-width:1200px;min-height:80dvh;opacity:0;padding:20px;transform:translateY(20px)}.subPageContainer h2{color:#0078d7;font-size:2rem;margin-bottom:15px;text-align:center}.subPageContainer p{font-size:1.1rem;margin:10px 0;text-align:justify}.nextLessonContainer{align-items:center;border-bottom:3px solid #000;border-top:3px solid #000;display:flex;justify-content:space-around}.nextLessonContainer button{background-color:#f9be2c;border:none;border-radius:5px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:8px 16px}@media screen and (min-width:1024px){.demoContainer{background-color:beige;padding:50px 0}.demoContainer h2{color:#292f36;font-size:40px;margin:0;padding:0;text-decoration:underline wavy #292f36;-webkit-text-decoration:underline wavy #292f36}.weekInput{background-color:beige;border:2px solid #292f36;border-radius:10px;font-size:25px;padding:12px 8px}.weekInput option{color:#292f36;padding:3px 0}.selectHeader{color:#292f36;font-size:25px}.storyOptionContainer{display:flex}.storyOptionSelect{align-items:center;display:flex;justify-content:space-evenly;padding:10px 0}.storyOption{align-items:center;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:#292f36;border:none;border-radius:10px;border-radius:16px;box-shadow:0 10px 10px #00000080;color:#fff;display:flex;flex:1 0 20%;flex-direction:column;font-size:30px;max-width:250px;min-width:200px;padding:25px;transition:all .2s ease-in-out}.storyOption:hover{cursor:pointer;transform:scale(1.1)}.storyOption p{color:#292f36}.storyOption .buttonIcon{color:#f3c03b;height:75px;padding:50px 0;pointer-events:none}.storyOption div{background-color:#276fbf;border-radius:0 0 13px 13px;padding:20px 0;width:100%}.lds-ellipsis{display:inline-block;height:80px;position:relative;width:80px}.lds-ellipsis div{animation-timing-function:cubic-bezier(0,1,1,0);background:#292f36;border-radius:50%;color:#292f36;height:13px;position:absolute;top:33px;width:13px}.lds-ellipsis div:first-child{animation:lds-ellipsis1 .6s infinite;left:8px}.lds-ellipsis div:nth-child(2){animation:lds-ellipsis2 .6s infinite;left:8px}.lds-ellipsis div:nth-child(3){animation:lds-ellipsis2 .6s infinite;left:32px}.lds-ellipsis div:nth-child(4){animation:lds-ellipsis3 .6s infinite;left:56px}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.welcomeBannerContainer{grid-column-gap:0;grid-row-gap:0;background-repeat:repeat-x;background-size:contain;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;height:400px}.wb-left{grid-area:1/1/2/2}.wb-right{align-items:flex-end;display:flex;grid-area:1/2/2/3;justify-content:center;position:relative}.wb-right img{height:200px}.thoughtBubbleOne{height:10px;left:325px;top:220px;width:10px}.thoughtBubbleOne,.thoughtBubbleThree{animation:fadeInAnimation 3s ease;animation-fill-mode:forwards;animation-iteration-count:1;background-color:#fff;border:#000;border-radius:50%;position:absolute}.thoughtBubbleThree{align-items:center;display:flex;font-size:25px;height:75px;justify-content:center;left:200px;top:150px;width:200px}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}.studentLessonsBody{grid-column-gap:10px;grid-row-gap:10px;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:repeat(3,1fr);width:100%}.lessonCard{align-items:normal;background-color:#eeeeeee6;border:2px solid #000;border-radius:10px;grid-area:1/1/2/2;height:-moz-fit-content;min-width:-moz-fit-content;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 20px}.lessonCard,.lessonCard div{display:flex;flex-direction:column}.lessonCard div p button{background-color:#f9be2c;border:none;border-radius:5px;float:right;font-size:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:8px 16px;transition:.2s ease-in-out;width:20%}.lessonCard div p button:hover{background-color:#fbd26b;cursor:pointer}.lessonCard h3,.lessonCard p{font-size:30px;margin:0;padding:0}.lessonCard div .previousScore{font-size:50px;text-decoration:none}.studentStats{background-color:#eeeeeee6;border:2px solid #000;border-radius:10px;display:flex;flex-wrap:wrap;grid-area:2/1/3/2;max-height:200px;padding:20px}.studentStats audio{align-self:baseline;padding-top:50px}.studentStats audio::-webkit-media-controls-panel{background-color:initial}.studentStats p{font-size:20px;margin:0;padding:0;text-decoration:underline}.studentStats h3{font-size:30px;margin:0}.studentStats div{display:flex;max-height:200px;overflow:hidden}.studentLessonContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:20px 0}.startCreatingBtn button{background-color:#f9be2c;border:none;border-radius:5px;font-size:30px;padding:8px 12px}.storyOptionContainer .storyOption{background-color:#f7f7f7;border:2px solid #276fbf;margin:10px 20px;padding:0}.lessonSelectHeader{font-size:30px;margin:0 0 40px;text-align:center}}.pageNotFoundSection{align-items:center;display:flex;flex-direction:row-reverse;height:80dvh;justify-content:center}.pageNotFoundSection img{height:60%}.pageNotFoundSection div{text-align:center}.pageNotFoundSection div h1{font-size:24px;margin:0}.pageNotFoundSection div p{font-size:18px;margin:10px auto 20px}.blogPage{min-height:75dvh}.blogPage,.blogSection{align-items:center;display:flex;flex-direction:column}.postsContainer{display:flex;flex:1 0 25%;flex-wrap:wrap;justify-content:space-between;width:80%}.post{border-radius:4px;margin:20px 0;transition:.2s ease-in-out;width:30%}.post:hover{box-shadow:0 2px 2px 0;cursor:pointer;transform:translateY(-5px)}.postDetails{padding:3px 0 0;transition:.2s ease-in-out}.postDetails .tagsContainer{display:flex;flex-wrap:wrap;font-size:12px;height:auto;padding:0 10px}.postDetails .tagsContainer p{align-items:center;border:1px solid var(--color-footer-link);border-radius:16px;color:var(--color-footer-link);margin:4px 5px 4px 0;padding:1px 5px;text-align:center}.post .postImg{background-color:#fffdf4;background-position:top;background-repeat:no-repeat;background-size:cover;border-radius:4px 4px 0 0;max-height:200px;min-height:200px;width:100%}.post .postTitle{font-size:var(--font-size-paragraph-desktop);margin:0;padding:0 10px}.post .postBody{-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:1;word-wrap:break-word;display:-webkit-box;margin:5px 0;overflow:hidden;padding:0 10px;text-overflow:ellipsis}.post .postAuthor{color:#a9a9a9;font-size:14px;margin:5px 0;padding:0 10px}.pagination{display:flex;padding:0}.pagination .active{background-color:var(--color-blue);color:#fff;font-weight:700}.pagination .active button{color:#fff}.pagination li{align-content:center;border:1px solid var(--color-blue);border-radius:50%;height:25px;list-style:none;margin:0 3px;text-align:center;transition:.2s ease-in-out;width:25px}.pagination li:hover{background-color:var(--color-faded-blue)}.pagination li button{color:var(--color-blue);text-decoration:none}.fullBlog .heroSection{background-position:50%;background-repeat:no-repeat;background-size:cover;margin:20px auto;min-height:300px;width:80%}.titleWrapper{align-items:flex-start;display:flex;flex-direction:column;gap:5px;margin:0 auto;text-align:center;width:80%}.titleWrapper h2{font-size:var(--font-size-large-header);margin-bottom:0}.fullBlog .tagsContainer{display:flex;font-size:var(--font-size-paragraph-mobile);gap:10px}.fullBlog .tagsContainer p{align-items:center;background-color:initial;border:1px solid var(--color-footer-link);border-radius:16px;color:var(--color-footer-link);padding:4px 16px;text-align:center}.postAuthor{margin:0}.bodyContent{margin:0 auto 50px;width:80%}@media (max-width:1024px){.postsContainer{gap:10px;justify-content:center;width:90%}.post{border:1px solid var(--color-black);margin:10px 0;width:45%}.fullBlog .heroSection{min-height:200px}.fullBlog .bodyContent{width:80%}.fullBlog .titleWrapper h2{font-size:var(--font-size-title-mobile)}.fullBlog .titleWrapper .tagsContainer p{font-size:var(--font-size-xs)}}@media (max-width:768px){.postsContainer{justify-content:center;width:90%}.post{border:1px solid var(--color-black);margin:10px 0;width:100%}.fullBlog .heroSection{min-height:150px}.fullBlog .titleWrapper{text-align:left;width:90%}.fullBlog .bodyContent{width:90%}}.studentDashPage{min-height:90vh;position:relative}.studentDash{align-content:center;display:flex;flex-direction:row;margin:auto;width:100%}.studentDashLeft{margin-top:10%;position:relative}.speechBubble{background-color:#fff;border:1px solid #000;border-radius:.4em;font-size:20px;margin:0 -50px 0 0;padding:40px;position:absolute;right:0;top:0}.speechBubble:after{border:31px solid #0000;border-bottom:0;border-left:0;border-top-color:#fff;bottom:0;content:"";height:0;left:30%;margin-bottom:-31px;margin-left:-15.5px;position:absolute;width:0}.studentDashRight{align-items:center;display:flex;justify-content:center;margin:0 7%;width:100%}.currentLesson{align-items:center;background:radial-gradient(circle at 100%,#276fbf,#276fbf 50%,#fff 75%);border:2px solid #000;border-radius:8px;display:flex;font-size:25px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;padding:10px;width:80%}.lessonDetails{display:flex}.lessonDetails .detailIcon{color:#276fbf;height:60px;margin-right:15px}.currentLesson p{font-weight:700;margin:5px}.currentLesson button{font-size:20px;padding:8px 34px;place-self:end}.studentProfile{align-items:center;background-color:#eeeeeee6;border:2px solid #000;border-radius:10px;display:flex;flex-direction:column;grid-area:1/2/3/3;padding:20px}.studentProfile .profilePic{border:1px solid #000;border-radius:50%;height:50px}.studentDetails{display:flex;justify-content:space-evenly;margin:10px 0;width:100%}.studentDetails div{align-items:center;display:flex;flex-direction:column;text-align:center}.studentDetails div h4{margin:5px 0}.studentDetails div p{align-content:center;font-size:24px;margin:0}.streakContainer{position:relative}.streakIcon{border:none;color:#ef7c10;height:48px}.streakNum{background-color:#eeeeeee6;border-radius:50%;color:#000;font-weight:700;position:absolute;top:18px}.studentDetails .gradeNum{background-color:#264941;border:2px solid #966115;color:#fff;font-weight:700;height:45px;width:70px}.wordOfTheDay{align-items:center;display:flex;font-size:20px;margin:10px 0}.word{margin:0 0 0 5px;text-decoration:underline}.word:hover{color:#276fbf;cursor:help}.studentNav{background-color:#eee;border-bottom:1px solid #000;border-left:1px solid #000;border-radius:0 0 8px 8px;border-right:1px solid #000;left:50%;padding:10px;position:absolute}.studentNavIcon{color:#000;height:30px;padding:0 10px;position:relative;transition:.2s ease-in-out}.studentNavIcon:hover{color:#276fbf;cursor:pointer;transform:scale(1.05)}.selectionContainer{display:flex;padding-top:5px}#backgroundSelect{background-color:#eee;border:1px solid #000;border-radius:0 0 8px 8px;border-top:none;margin-right:125px;padding:0 10px;position:absolute;right:0;top:0}.backgroundImgContainer{display:flex;padding:10px}#backgroundSelect .individualImgContainer{padding:5px 0}.individualImgContainer{align-items:center;display:flex;flex-direction:column}.individualImgContainer:hover{background-color:#3e36361a;border-radius:4px;cursor:pointer}.individualImgContainer p{font-size:14px;font-weight:700;margin:0;text-align:center}#backgroundSelect img{height:25px;margin:0 10px;width:50px}#profilePicSelect{background-color:#eee;border:1px solid #000;border-radius:0 0 8px 8px;border-top:none;left:0;margin-left:125px;padding:0 10px;position:absolute;top:0}.profileImgContainer{display:flex;padding:10px}#profilePicSelect img{height:40px;margin:0 10px;width:40px}@media screen and (max-width:450px){.signInPage{align-items:center;display:flex;justify-content:center;min-height:80vh;text-align:-webkit-center}.studentSigninContainer{background-color:#fff;border:1px solid #292f36;border-radius:30px;display:flex;flex-direction:column;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;padding:50px 0}.studentSignInHeader{color:#292f36;font-size:20px;font-weight:700;margin-bottom:50px;padding-bottom:0}.studentSigninContainer .classCode{border:none;border-bottom:1px solid #000;border-radius:0;font-size:16px;height:20px;place-self:center;width:70%}.submitClassCodeBtn{align-self:center;background-color:#276fbf;border:none;border-radius:8px;color:#fff;font-size:20px;margin:20px 0 10px;padding:8px 12px;width:35%}.submitClassCodeBtn:hover{background-color:initial;border:1px inset #276fbf;color:#000;cursor:pointer}.studentSigninContainer p{font-size:12px}.studentListContainer{background-color:#fff;border:1px solid #000;border-radius:8px 8px 0 0;display:flex;flex-direction:column;margin-bottom:20px}.studentListHeader{background-color:#276fbf;border-radius:8px 8px 0 0;color:#fff;font-size:30px;font-weight:700;padding:20px 0;position:-webkit-sticky;position:sticky;text-align:center}.studentList{font-size:20px;list-style-type:none;margin:0;max-height:300px;overflow-x:hidden;overflow-y:scroll;padding:0}.studentList li{border:1px solid #000;margin:0 0 5px;padding:10px 0}.studentList li:hover{cursor:pointer}.studentList li:last-child{margin:0}.backButton{background-color:#276fbf;border:1px solid #000;border-radius:4px;color:#fff;font-size:20px;padding:8px 16px}.backButton:hover{background-color:#fff;border:1px solid #276fbf;color:#276fbf;cursor:pointer;transition:.3s ease-in-out}.studentWelcomeBanner{background-position:50%;max-height:150px;min-height:150px;position:relative;width:100%}.studentWelcomeHeader{align-items:center;background-color:#fff;border-radius:24px 24px 0 0;bottom:0;display:flex;justify-content:space-between;left:7%;padding:0 30px 0 10px;position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.studentWelcomeHeader img{height:50px}.studentWelcomeHeader h2{font-size:24px}.studentInfoHeader{background-color:#fff;border-radius:0 0 24px 24px;display:flex;left:7%;padding:0 20px;position:absolute;top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.studentInfoHeader b{display:none}.streakContainer{align-items:center;display:flex;margin-right:20px}.streakContainer p{background-color:#fff;font-size:18px;font-weight:700;margin:0 0 0 10px;text-shadow:0 -1px 3px #fff,0 -2px 6px #ff3,0 -6px 12px #f90,0 -10px 20px #c33}@keyframes flicker{0%,to{text-shadow:0 -1px 3px #fff,0 -2px 6px #ff3,0 -6px 12px #f90,0 -10px 20px #c33}50%{text-shadow:0 -2px 6px #fff,0 -4px 12px #ff3,0 -8px 16px #f90,0 -12px 24px #c33}}.streakContainer p{animation:flicker 2s infinite}.gradeContainer{align-items:center;display:flex;margin-left:10px}.gradeContainer p{background-color:#264941;border:2px solid #966115;color:#fff;font-size:18px;font-weight:700;margin:10px 0 10px 5px;padding:6px 16px}}@media screen and (min-width:451px) and (max-width:1023px){.signInPage{align-items:center;display:flex;justify-content:center;min-height:90vh;text-align:-webkit-center}.studentSigninContainer{background-color:#fff;border:1px solid #292f36;border-radius:30px;display:flex;flex-direction:column;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;padding:100px 50px;width:50%}.studentSignInHeader{color:#292f36;font-size:30px;font-weight:700;margin-bottom:50px;padding-bottom:0}.studentSigninContainer .classCode{border:none;border-bottom:1px solid #000;border-radius:0;font-size:large;height:30px;place-self:center;width:70%}.submitClassCodeBtn{align-self:center;background-color:#276fbf;border:1px inset #276fbf;border-radius:8px;color:#fff;font-size:20px;margin:30px 0 20px;padding:8px 12px;width:50%}.submitClassCodeBtn:hover{background-color:initial;border:1px inset #276fbf;color:#000;cursor:pointer}.studentListContainer{background-color:#fff;border:1px solid #000;border-radius:8px 8px 0 0;display:flex;flex-direction:column;margin-bottom:20px}.studentListHeader{background-color:#276fbf;border-radius:8px 8px 0 0;color:#fff;font-size:30px;font-weight:700;padding:20px 0;position:-webkit-sticky;position:sticky;text-align:center}.studentList{font-size:20px;list-style-type:none;margin:0;max-height:300px;overflow-x:hidden;overflow-y:scroll;padding:0}.studentList li{border:1px solid #000;margin:0 0 5px;padding:10px 0}.studentList li:hover{cursor:pointer}.studentList li:last-child{margin:0}.backButton{background-color:#276fbf;border:1px solid #000;border-radius:4px;color:#fff;font-size:20px;padding:8px 16px;transition:.2s ease-in-out}.backButton:hover{background-color:#fff;border:1px solid #276fbf;color:#276fbf;cursor:pointer}.addStudentBtn{background-color:#44af69;border:1px solid #000;border-radius:4px;color:#fff;font-size:20px;margin-left:10px;padding:8px 16px;transition:.2s ease-in-out}.addStudentBtn:hover{background-color:#fff;border:1px solid #44af69;color:#44af69;cursor:pointer}}@media screen and (min-width:1024px){.studentDashElementsContainer{display:flex;justify-content:space-between;padding:0 7%}.sideNavContainer{width:22%}.mainContentContainer{width:70%}.studentWelcomeBanner{background-position:50%;max-height:150px;min-height:150px;position:relative;width:100%}.studentWelcomeHeader{align-items:center;background-color:#fff;border-radius:24px 24px 0 0;bottom:0;display:flex;justify-content:space-between;left:7%;padding:0 30px 0 10px;position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.studentWelcomeHeader img{height:75px}.studentWelcomeHeader h2{font-size:30px}.studentInfoHeader{background-color:#fff;border-radius:24px 24px 0 0;bottom:0;display:flex;padding:0 20px;position:absolute;right:7%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.streakContainer{align-items:center;display:flex;margin-right:20px}.streakContainer p{background-color:#fff;font-size:24px;font-weight:700;margin:0 0 0 10px;text-shadow:0 -1px 3px #fff,0 -2px 6px #ff3,0 -6px 12px #f90,0 -10px 20px #c33}@keyframes flicker{0%,to{text-shadow:0 -1px 3px #fff,0 -2px 6px #ff3,0 -6px 12px #f90,0 -10px 20px #c33}50%{text-shadow:0 -2px 6px #fff,0 -4px 12px #ff3,0 -8px 16px #f90,0 -12px 24px #c33}}.streakContainer p{animation:flicker 2s infinite}.gradeContainer{align-items:center;display:flex;margin-left:10px}.gradeContainer p{background-color:#264941;border:2px solid #966115;color:#fff;font-size:24px;font-weight:700;margin:10px 0 10px 5px;padding:6px 16px}.quickStartContainer{margin:50px 0 0}.quickStartButtonContainer{display:flex;flex-direction:column;padding:0 50px 0 0}.quickStartContainer h3{margin-bottom:0}.quickStartButtonContainer button{align-items:center;background-color:#fff;border:1px solid #8b8b8bbf;border-radius:4px;color:#8b8b8bbf;display:flex;font-weight:600;margin:0 0 10px;padding:8px 12px;text-align:left;transition:.2s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.quickStartButtonContainer button:hover{background-color:#8b8b8bbf;color:#fff;cursor:pointer}.quickStartButtonIcon{height:20px;margin-right:10px}.navigationContainer h3{margin-bottom:0}.navigationLinks{display:flex;flex-direction:column;padding:0 50px 0 0}.navigationLinks button{align-items:center;background-color:#fff;border:none;border-radius:4px;display:flex;padding:8px 12px;text-align:left;transition:.2s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navigationLinks button:hover{cursor:pointer;text-decoration:underline}}.badgesContainer{margin:50px 0 0}.badgesContainer h3{margin-bottom:0}.badgesContainer div{align-content:center;align-items:center;display:flex}.icon-wrapper p{font-size:10px;left:25%;position:absolute;top:10%}.badge{height:100px;width:100px}.subjectCardSectionContainer{margin:50px 0 0}.subjectCardSectionContainer h3{margin-bottom:0}.cardContainer{display:flex;flex:1 0 20%;flex-wrap:wrap}.card{border:1px solid #8b8b8bbf;border-radius:4px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;transition:.2s ease-in-out;width:20%}.card:hover{cursor:pointer;transform:scale(1.01)}.cardTop{align-items:center;border-bottom:1px solid #8b8b8bbf;display:flex;justify-content:center;padding:20px 0}.cardIcon{color:#f3c03b;height:75px}.cardBottom{background-color:#8b8b8b0d;padding:10px}.cardBottom h5{margin:0}.cardBottom h5 .subjectIcon{margin-right:5px}.cardBottom p{font-size:14px;margin:2px 0}.progressBar{align-items:center;display:flex}.progressBar p{margin-right:5px}.studentSettingsContainer{margin:50px 0 0}.studentSettingsContainer h3{margin-bottom:0}.settingsContainer{display:flex;flex-direction:column}.settingRow{align-items:center;display:flex;justify-content:space-between}.settingRow select{border:none;border-bottom:1px solid #8b8b8bbf;padding:0 10px 2px 0}#studentSidebar{background-color:#fff;border-left:1px solid #8b8b8bbf;display:flex;flex-direction:column;height:100%;position:absolute;right:0;top:0}.sidebarCloseButton{align-items:center;background-color:initial;border:none;color:#8b8b8bbf;display:flex;font-size:30px;padding:0 0 0 10px;text-align:left;width:100%}.sidebarBanner{align-items:center;display:flex;justify-content:center;max-height:150px;overflow:hidden}.sidebarBanner .bannerIcon{color:#f3c03b;height:250px}.subjectContentContainer{padding:25px 10% 0}.subjectIcon{color:#6d6d6d}.subjectContentContainer h3{font-size:25px;margin:2px 0}.subjectContent{max-width:100%}.contentRow{align-items:center;display:flex;justify-content:space-between}.contentRow p{margin:2px 0}.subjectSidebarButtonContainer{margin-top:20px;width:100%}.subjectSidebarButtonContainer button{align-items:center;background-color:#fff;border:1px solid #8b8b8bbf;border-radius:4px;color:#8b8b8bbf;display:flex;font-weight:600;margin:0 0 10px;padding:8px 12px;text-align:left;transition:.2s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:100%}.subjectSidebarButtonContainer button:hover{background-color:#8b8b8bbf;color:#fff;cursor:pointer}.generateBtn{background-color:#f3c03b;border:none;border-radius:4px;font-size:20px;padding:8px 12px;transition:.2s ease-in-out}.generateBtn:hover{background-color:#f3c03bcc;cursor:pointer;transform:scale(1.2)}.generatedContentSection{border:none;display:flex;margin:-5px 0 5px}.bookCover{background-size:cover;border-radius:12px;box-shadow:0 4px 0 4px;padding:15px 5px 2px;position:relative;width:80%}.bookPages{background-color:#fff;border:1px solid #000;box-shadow:inset 0 -10px 10px -3px;margin:-5px auto 2px;padding:0 5px}.Outer{margin:-5px auto 5px}.generatedImgArea{background-color:#fff;border:1px solid #000;border-radius:0 8px 0 0;border-right:none;box-shadow:inset -15px 0 15px -10px;padding:100px 0;position:relative;width:50%}.recording{display:none!important}.recordingIndicator{left:25px;position:absolute;top:25px}.audio-recorder .audio-recorder-mic{display:none!important}.leftArrow{background-color:#f3c03b;border-radius:50%;bottom:25px;left:25px;padding:10px;position:absolute;transition:.2s ease-in-out}.leftArrow:hover{cursor:pointer;transform:scale(1.2)}.rightArrow{background-color:#f3c03b;border-radius:50%;bottom:25px;margin:0;padding:10px;position:absolute;right:25px;transition:.2s ease-in-out}.rightArrow:hover{cursor:pointer;transform:scale(1.2)}.generatedStoryArea{background-color:#fff;border:1px solid;border-left:none;border-radius:8px 0 0 0;box-shadow:inset 15px 0 15px -10px;font-size:30px;font-weight:700;position:relative;width:50%}.finishBtn,.generatedStoryArea{align-items:center;display:flex;justify-content:center}.finishBtn{background-color:initial;border:none;bottom:25px;position:absolute;right:25px}.finishIcon{color:#aa4747;height:35px;transition:.2s ease-in-out}.finishIcon:hover{cursor:pointer;transform:scale(1.5)}.practiceBook{margin:50px auto 0;max-width:80%}.practiceBook h2{margin:0}.lessonWrapper{align-items:center;margin-top:50px}.contentContainer,.lessonWrapper{display:flex;flex-direction:column}.contentContainer{border:1px solid #8b8b8bbf;border-radius:8px;box-shadow:0 4px 11px -1px #45454578;height:350px;justify-content:space-between;padding:20px;width:350px}.contentContainer span{align-self:flex-end;position:relative}.contentContainer #definition{background-color:#fff;border:1px solid #8b8b8bbf;padding:5px;position:absolute;width:200px;z-index:5}.contentContainer span .definitionIcon{color:#8b8b8bbf;height:25px}.contentContainer span .definitionIcon:hover{color:#000;cursor:pointer}.contentContainer h1{align-self:center;font-size:60px}.contentContainer button{align-self:flex-end;background-color:#fff;border:1px solid #276fbf;border-radius:4px;padding:5px 10px;transition:.2s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contentContainer button:hover{background-color:#276fbf;border:1px solid #276fbf;cursor:pointer}.contentContainer button:hover .playIcon{color:#fff}.contentContainer button .playIcon{color:#276fbf;height:25px}.buttonsContainer{display:flex;gap:10px;justify-content:center;margin:30px 0 0;width:100%}.buttonsContainer .arrowBtns{color:#276fbf;height:25px}.buttonsContainer .practicePrevNextBtns:disabled{border:1px solid #8b8b8bbf}.buttonsContainer .practicePrevNextBtns:disabled .arrowBtns{color:#8b8b8bbf}.buttonsContainer button{background-color:#fff;border:1px solid #276fbf;padding:2px 0;transition:.2s ease-in-out;width:20%}.buttonsContainer .practicePrevNextBtns:hover:not([disabled]){background-color:#276fbf;cursor:pointer}.buttonsContainer .practicePrevNextBtns:hover:not([disabled]) .arrowBtns{color:#fff}.buttonsContainer .practiceFinishIcon{color:#aa4747;height:20px}.buttonsContainer .practiceFinishBtn{border:1px solid #aa4747}.buttonsContainer .practiceFinishBtn:hover{background-color:#aa4747;cursor:pointer}.buttonsContainer .practiceFinishBtn:hover .practiceFinishIcon{color:#fff}.studentProgressChart{align-items:flex-start;background-color:var(--color-white);border-radius:8px;display:flex;flex-direction:column;gap:16px;margin-bottom:25px;min-height:450px;overflow-x:auto;position:relative}.tileHeading{align-items:center;background:#fff;display:flex;justify-content:space-between;left:0;padding-bottom:8px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:3}.chartSubtext{color:#888;font-size:12px;margin:0 0 8px;text-align:center}.tableHeadings{background:#f7fafd;border-bottom:1px solid #e0e7ef;font-size:15px;font-weight:600;position:-webkit-sticky;position:sticky;top:56px;z-index:2}.studentHeading{align-items:center;background:#0000;border:none;color:#276fbf;font-size:15px;font-weight:600;min-width:200px;padding-right:10px}.objectiveHeading{background:#f7fafd;color:#888;cursor:help;font-size:13px;font-weight:500;text-align:center;transition:color .2s}.objectiveHeading:hover{color:#276fbf}.progressTable{border-collapse:collapse;width:100%}.studentRow{align-items:center;border-bottom:1px solid #f0f0f0;display:grid;padding:10px 0}.studentRow:hover{background:#f7fafd}.studentNameButton{background-color:#fff;border-radius:4px;left:0;margin-right:10px;min-width:175px;position:-webkit-sticky;position:sticky;text-align:left;transition:.2s ease-in-out;z-index:2}.studentNameButton button{background-color:initial;border:none;color:#000;cursor:pointer;font-size:1rem;font-weight:500;height:40px;margin:0 5px;text-align:left;width:100%}.studentNameButton button:hover{color:#276fbf}.objectiveTile{border:1px solid #e0e7ef;border-radius:6px;cursor:pointer;display:inline-block;height:20px;margin:0 auto;text-align:center;transition:background .3s,border .2s;width:40px}.objectiveTile:hover{border:1.5px solid #276fbf;box-shadow:0 2px 8px #276fbf12}.chunkButtons{align-items:center;display:flex;margin-right:10px}.chunkButtons p{margin:0 5px}.chunkButtons button{align-items:center;background-color:#7070701a;border:none;border-radius:50%;display:flex;height:28px;justify-content:center;margin:0 5px;padding:5px;transition:.2s ease-in-out;width:28px}.chunkButtons button:hover{background-color:#7070704d;cursor:pointer}.chevronArrows{height:16px}body[data-theme=dark] .studentProgressChart{background-color:var(--color-dark-bg-alt);color:var(--color-dark-text)}body[data-theme=dark] .tileHeading{background:var(--color-dark-bg-alt);color:var(--color-dark-text)}body[data-theme=dark] .chartSubtext{color:var(--color-dark-text-muted)}body[data-theme=dark] .tableHeadings{background:var(--color-dark-bg-hover);border-bottom:1px solid var(--color-dark-border);color:var(--color-dark-text)}body[data-theme=dark] .studentHeading{background:#0000;color:var(--color-dark-accent)}body[data-theme=dark] .objectiveHeading{background:var(--color-dark-bg-hover);color:var(--color-dark-text-muted);cursor:help;font-size:13px;font-weight:500;padding-top:4px;text-align:center;transition:color .2s}body[data-theme=dark] .objectiveHeading:hover{color:var(--color-dark-accent)}body[data-theme=dark] .progressTable{background:#0000;color:var(--color-dark-text)}body[data-theme=dark] .studentRow{background:var(--color-dark-bg-alt);transition:background .2s}body[data-theme=dark] .studentRow:hover{background:var(--color-dark-bg-hover)}body[data-theme=dark] .studentNameButton{background-color:var(--color-dark-bg-alt)}body[data-theme=dark] .studentNameButton button{background-color:initial;border:none;color:var(--color-dark-text)}body[data-theme=dark] .studentNameButton button:hover{color:var(--color-dark-accent)}body[data-theme=dark] .objectiveTile{background:var(--color-dark-bg-alt);border:1px solid var(--color-dark-border);color:var(--color-dark-text)}body[data-theme=dark] .objectiveTile:hover{border:1.5px solid var(--color-dark-accent);box-shadow:0 2px 8px var(--color-dark-shadow)}body[data-theme=dark] .chunkButtons{background:#0000}body[data-theme=dark] .chunkButtons button{background-color:#60a5fa14;color:var(--color-dark-text)}body[data-theme=dark] .chunkButtons button:hover{background-color:#60a5fa38}body[data-theme=dark] .chevronArrows{filter:brightness(1.5)}body[data-theme=dark] .studentProgressChart,body[data-theme=dark] .studentProgressChart *{scrollbar-color:var(--color-dark-accent) var(--color-dark-bg-alt);scrollbar-width:thin}body[data-theme=dark] .studentProgressChart::-webkit-scrollbar{background:var(--color-dark-bg-alt);border-radius:8px;height:10px;width:10px}body[data-theme=dark] .studentProgressChart::-webkit-scrollbar-thumb{background:var(--color-dark-accent);border-radius:8px}body[data-theme=dark] .studentProgressChart::-webkit-scrollbar-thumb:hover{background:var(--color-dark-blue)}body[data-theme=dark] .studentProgressChart::-webkit-scrollbar-corner{background:var(--color-dark-bg-alt)}.quickDataContainer{display:flex;gap:10px;justify-content:space-between}.quickDataCard{background-color:var(--color-white);border-radius:4px;box-shadow:var(--dashboard-shadow);flex:0 1 33%;height:100%;padding:10px}.quickDataCard h4{font-size:var(--font-size-paragraph-desktop);font-weight:400;margin:0}.quickDataCard p{font-size:var(--font-size-title-desktop);font-weight:700;margin:5px 0 0}.missedStructureCard{border-radius:4px;height:webkit-fill-available;padding:10px;width:auto}.missedStructureCard h3{margin:0 0 10px}.phonemeTable div,.phonemeTableHeaders{display:flex;justify-content:space-between}.phonemeTable div{align-items:center}.phonemeTable .tableEntry p{margin:0}.phonemeTable .percentageEntry{background-color:var(--color-background-gray);margin:5px 0 16px}.classStatsContainer{display:flex;flex-direction:row;gap:10px;height:100%;justify-content:space-between;max-width:100%}.unitChart{background-color:var(--color-white);border-radius:4px;box-shadow:var(--dashboard-shadow);display:flex;flex:0 1 1/3;flex-direction:column;padding:10px}.unitChart h3{margin-bottom:50px}.barChart{background-color:var(--color-white);border-radius:4px;box-shadow:var(--dashboard-shadow);padding:10px;width:100%}.barChart h3{margin-bottom:50px}body[data-theme=dark] .quickDataCard{background-color:var(--color-dark-bg-alt);box-shadow:var(--color-dark-shadow);color:var(--color-dark-text)}body[data-theme=dark] .quickDataCard h4,body[data-theme=dark] .quickDataCard p{color:var(--color-dark-text)}body[data-theme=dark] .missedStructureCard{background-color:var(--color-dark-bg-alt);color:var(--color-dark-text)}body[data-theme=dark] .missedStructureCard h3{color:var(--color-dark-accent)}body[data-theme=dark] .phonemeTable .percentageEntry{background-color:var(--color-dark-bg-hover);color:var(--color-dark-text)}body[data-theme=dark] .classStatsContainer{background:#0000}body[data-theme=dark] .unitChart{background-color:var(--color-dark-bg-alt);box-shadow:var(--color-dark-shadow);color:var(--color-dark-text)}body[data-theme=dark] .unitChart h3{color:var(--color-dark-accent)}body[data-theme=dark] .barChart{background-color:var(--color-dark-bg-alt);box-shadow:var(--color-dark-shadow);color:var(--color-dark-text)}body[data-theme=dark] .barChart h3{color:var(--color-dark-accent)}.classRosterContainer{display:flex;flex-direction:column;gap:24px;margin:50px auto 0}.headerAndButtons{align-items:center;display:flex;justify-content:space-between}.headerAndButtons h2{font-size:1.5rem;font-weight:700}.headerButtons{align-items:center;background:#2563eb;background:var(--color-blue,#2563eb);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;margin-left:.7rem;padding:.6rem 1.2rem;transition:background .2s}.headerButtons:focus,.headerButtons:hover{background:#174ea6}.buttonIcon{font-size:1.1rem}.addStudentForm{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;margin-bottom:1.5rem}.newStudentInput{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;min-width:140px;padding:.7rem 1rem;transition:border .2s}.newStudentInput:focus{background:#fff;border:1.5px solid #2563eb;border:1.5px solid var(--color-blue,#2563eb);outline:none}.confirmAddStudentBtn{background:#2563eb;background:var(--color-blue,#2563eb)}.cancelAddStudentBtn,.confirmAddStudentBtn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.7rem 1.5rem;transition:background .2s}.cancelAddStudentBtn{background:#ef4444}.confirmAddStudentBtn:focus,.confirmAddStudentBtn:hover{background:#174ea6}.roster{background:#0000;border-radius:0;box-shadow:none;gap:12px;list-style:none;margin:0 0 16px;padding:0}.individualStudent,.roster{display:flex;flex-direction:column}.individualStudent{background:var(--color-white);border-radius:8px;box-shadow:0 2px 8px #0000000a;gap:.5rem;padding:1.1rem 1.3rem;transition:box-shadow .2s}.individualStudent:hover{box-shadow:0 4px 16px #2563eb14}.editing{justify-content:space-between}.editing,.editing form{align-items:center;display:flex}.editing form{flex-wrap:wrap;gap:1rem}.editing label{font-size:.98rem;font-weight:500;margin-right:.3rem}.editing input{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;margin-right:.7rem;min-width:110px;padding:.5rem .8rem;transition:border .2s}.editing input:focus{background:#fff;border:1.5px solid #2563eb;border:1.5px solid var(--color-blue,#2563eb);outline:none}.individualStudentButtons{display:flex;gap:.7rem}.editCancelBtn,.editConfirmBtn{background:#2563eb;background:var(--color-blue,#2563eb);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.5rem 1.2rem;transition:background .2s}.editCancelBtn{background:#ef4444}.editConfirmBtn:focus,.editConfirmBtn:hover{background:#174ea6}.editCancelBtn:focus,.editCancelBtn:hover{background:#b91c1c}.notEditing{align-items:center;display:flex;justify-content:space-between}.notEditing p{font-size:1.08rem;font-weight:500;margin:0}.notEditing span{font-size:var(--font-size-xs)}.studentBtn{background:#0000;border:none;color:#2563eb;color:var(--color-blue,#2563eb);cursor:pointer;font-size:1.2rem;margin-left:.5rem;transition:color .2s}.studentBtn:focus,.studentBtn:hover{color:#ef4444}.studentBtnIcon{pointer-events:none}.modalOverlay{align-items:center;background:#00000040;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modalContent{background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001f;max-width:350px;padding:2rem 2.5rem;text-align:center}.modalButtons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}@media (max-width:1120px){.editing{gap:1rem}.editing,.editing form{align-items:flex-start;flex-direction:column}}@media (max-width:768px){.headerAndButtons{align-items:flex-start;flex-direction:column}.headerAndButtons div{display:flex;flex-wrap:wrap;gap:12px}.headerAndButtons div .headerButtons{margin-left:0}.addStudentForm{justify-content:flex-start}.addStudentForm,.editing form{gap:.7rem}.addStudentForm,.editing,.editing form{align-items:stretch;flex-direction:column}.editing{gap:1rem}}@media (max-width:700px){.addStudentForm,.editing form{align-items:stretch;flex-direction:column;gap:.7rem}}@media (max-width:500px){.notEditing{align-items:flex-start;flex-direction:column;gap:1rem}.notEditing div{display:flex;gap:.5rem}.notEditing div .studentBtn{margin-left:0}.modalContent{width:70%}}body[data-theme=dark] .configureClassContainerModern,body[data-theme=dark] .profileSectionModern,body[data-theme=dark] .settingRowModern,body[data-theme=dark] .settingsContainerModern,body[data-theme=dark] .settingsPageModern{background:var(--color-dark-bg-alt)!important;color:var(--color-dark-text)!important}body[data-theme=dark] .profileLabelModern{color:var(--color-dark-text-muted)!important}body[data-theme=dark] .profileValueModern{color:var(--color-dark-accent)!important}body[data-theme=dark] input,body[data-theme=dark] select{background:var(--color-dark-bg-alt);border:1px solid var(--color-dark-border);color:var(--color-dark-text)}body[data-theme=dark] .confirmClassBtnModern{background:var(--color-dark-blue);color:var(--color-white)}body[data-theme=dark] .confirmClassBtnModern:disabled{background:#3b4d5c;color:#888}body[data-theme=dark] .settingsHeaderModern{color:var(--color-dark-text)}body[data-theme=dark] .settingRowModern label{color:var(--color-dark-accent)}body[data-theme=dark] .settingRowModern select{background:var(--color-dark-bg-alt);border:1px solid var(--color-dark-border);color:var(--color-dark-text)}body[data-theme=dark] .settingRowModern select:focus{border:1.5px solid var(--color-dark-accent);outline:none}body[data-theme=dark] .tooltipModern .tooltiptextModern{background-color:var(--color-dark-bg-hover);border:1px solid var(--color-dark-accent);color:var(--color-dark-text)}body[data-theme=dark] .phonemicSoundsSection h2,body[data-theme=dark] .profileInfoModern h2,body[data-theme=dark] .storySettingsSection h2{color:var(--color-dark-text)}.settingsPageModern{background:#fff;border-radius:18px;box-shadow:0 4px 24px #00000014,0 1.5px 4px #0000000a;display:flex;flex-direction:column;gap:32px;margin:32px auto;padding:32px 28px 28px}.profileSectionModern{align-items:center;border-bottom:1px solid #e0e7ef;display:flex;gap:24px;padding-bottom:24px}.profilePicModern img{object-fit:cover}.profilePicModern img,.profilePicModern svg{background:#f7fafd;border:3px solid #276fbf;border-radius:50%;height:80px;width:80px}.profilePicModern svg{padding:8px}.logoutBtnModern{background:var(--color-dark-blue);border:none;border-radius:8px;color:var(--color-white);cursor:pointer;font-size:1rem;font-weight:600;justify-self:flex-end;padding:10px 16px;transition:background .2s,color .2s}.profileInfoModern h2{color:#222;font-size:1.6rem;font-weight:700;margin:0 0 8px}.profileDetailModern{align-items:center;display:flex;gap:8px;margin-bottom:4px}.profileLabelModern{color:#888;font-weight:500;min-width:90px}.profileValueModern{color:#276fbf;font-weight:600}.settingsContainerModern{display:flex;flex-direction:column;gap:24px}.settingsHeaderModern{color:#222;font-size:1.2rem;font-weight:700;margin-bottom:12px}.configureClassContainerModern{display:flex;flex-direction:column;gap:18px}.settingRowModern{align-items:center;background:#f7fafd;border-radius:8px;box-shadow:0 1px 4px #276fbf08;display:flex;gap:18px;justify-content:space-between;padding:14px 18px}.settingRowModern label{align-items:center;color:#276fbf;display:flex;font-weight:600;gap:8px;margin-bottom:0}.settingRowModern select{background:#fff;border:1px solid #e0e7ef;border-radius:6px;color:#222;font-size:1rem;font-weight:500;min-width:120px;padding:6px 10px;transition:border .2s}.settingRowModern select:focus{border:1.5px solid #276fbf;outline:none}.confirmClassBtnModern{background:#276fbf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px 0;transition:background .2s}.confirmClassBtnModern:disabled{background:#b3c7e6;cursor:not-allowed}.tooltipModern{display:inline-block;margin-left:6px;position:relative}.tooltipModern .tooltiptextModern{background-color:#222;border-radius:6px;bottom:125%;color:#fff;font-size:.95rem;left:50%;margin-left:-110px;opacity:0;padding:8px 10px;position:absolute;text-align:left;transition:opacity .2s;visibility:hidden;width:220px;z-index:10}.tooltipModern:hover .tooltiptextModern{opacity:1;visibility:visible}.curriculumPage{margin:0 auto;width:80%}.headerInfo{align-items:center;display:flex;justify-content:space-between;margin:0 0 20px}.editSaveBtn{background-color:initial;border:none;position:absolute;right:20px}.editSaveBtn .icons{height:20px}.editSaveBtn .icons:hover{cursor:pointer;transform:scale(1.1)}.headerInfo label{font-size:20px;margin-right:20px}.headerInfo input{border:1px solid #000;border-radius:4px;font-size:18px;text-align:center;width:100px}.headerInfo button{background-color:#276fbf;border:1px solid #000;border-radius:4px;color:#fff;font-size:large;padding:8px 24px}.headerInfo button:hover{background-color:#fff;border:1px solid #276fbf;color:#276fbf;cursor:pointer;transition:.2s ease-in-out}.curriculumCreatorContainer{display:flex;flex-direction:row-reverse;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:50px}.boxesContainer{flex:1 1;height:80vh;margin-top:50px;overflow-y:scroll}.objectiveBox{align-items:center;background-color:#fff;border:1px solid #000;border-radius:8px;display:flex;height:50px;margin-bottom:10px;padding:10px;position:relative}.draggablesContainer{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 50px 0 0;width:50%}.draggablesContainer p{font-size:25px;margin:0 0 20px}.draggablesContainer div{margin-bottom:20px}.droppedPhonemes{display:flex;justify-content:space-around}.blockContainer{background-color:#fff;border:1px solid #000;border-radius:4px;display:flex;flex-wrap:wrap;min-height:100px;padding:10px}.draggablesContainer .consonantblends div{background-color:#aa4747}.draggablesContainer .consonantblends div,.draggablesContainer .consonants div{align-content:center;border:1px solid #000;border-radius:4px;color:#fff;margin:5px;max-height:30px;padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.draggablesContainer .consonants div{background-color:#276fbf}.draggablesContainer .shortvowels div{background-color:#f3c03b}.draggablesContainer .longvowels div,.draggablesContainer .shortvowels div{align-content:center;border:1px solid #000;border-radius:4px;color:#fff;margin:5px;max-height:30px;padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.draggablesContainer .longvowels div{background-color:#4caf50}.draggablesContainer .prefixes div{background-color:#bdadea}.draggablesContainer .prefixes div,.draggablesContainer .suffixes div{align-content:center;border:1px solid #000;border-radius:4px;color:#fff;margin:5px;max-height:30px;padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.draggablesContainer .suffixes div{background-color:#ba5624}.consonantblends div:hover,.consonants div:hover,.longvowels div:hover,.prefixes div:hover,.shortvowels div:hover,.suffixes div:hover{cursor:grab}.consonantblends div:active,.consonants div:active,.longvowels div:active,.prefixes div:active,.shortvowels div:active,.suffixes div:active{cursor:grabbing}.droppedPhonemes div{align-content:center;background-color:#556b2f;border:1px solid #000;border-radius:4px;color:#fff;margin:5px 5px 5px 20px;max-height:30px;padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.teacherStoryGenerationContainer{background:#fff;border-radius:14px;box-shadow:0 4px 24px #00000014;display:flex;flex-direction:column;gap:24px;margin:40px auto;padding:32px 28px 24px}.phonemicSoundsSection h2,.storySettingsSection h2{font-size:1.4rem;font-weight:700;margin-bottom:.2rem}.phonemicSoundsSection p,.storySettingsSection p{color:#555;font-size:1rem;margin-bottom:1.2rem;margin-top:0}.topicAndSetting{display:flex;gap:1.2rem;margin-bottom:1.2rem}.topicAndSetting input{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:.7rem 1rem;transition:border .2s}.topicAndSetting input:focus{background:#fff;border:1.5px solid #2563eb;border:1.5px solid var(--color-blue,#2563eb);outline:none}.custom-dropdown{cursor:pointer;display:flex;flex-direction:column;margin-bottom:10px;position:relative;width:100%}.dropdown-selected{align-items:center;background:#f9fafb;border:1px solid var(--color-soft-black);border-radius:6px;display:flex;font-size:1rem;justify-content:space-between;min-height:36px;padding:10px 14px;transition:border .2s}.dropdown-selected:active,.dropdown-selected:focus{border:1.5px solid #2563eb;border:1.5px solid var(--color-blue,#2563eb);outline:none}.dropdown-arrow{margin-left:8px}.dropdown-list{background:#fff;border:1.5px solid #2563eb;border:1.5px solid var(--color-blue,#2563eb);border-radius:6px;box-shadow:0 2px 8px #2563eb14;left:0;max-height:220px;overflow-y:auto;position:absolute;right:0;top:110%;z-index:10}.dropdown-item{cursor:pointer;font-size:1rem;padding:10px 14px;transition:background .15s}.dropdown-item:hover{background:#e0e7ff;background:var(--color-faded-blue,#e0e7ff)}.soundDropdownsContainer{display:flex;flex-wrap:wrap;gap:16px;margin-top:1rem}.soundDropdowns{flex:1 1 25%;margin-bottom:1rem}.soundDropdowns h4{color:#2563eb;color:var(--color-blue,#2563eb);font-size:1rem;font-weight:600;margin-bottom:.3rem}.selectedStructures{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;margin-top:.5rem}.selectedStructure{background:#e0e7ff;background:var(--color-faded-blue,#e0e7ff);border:none;border-radius:16px;color:#1e293b;cursor:pointer;display:inline-block;font-size:.98rem;padding:.3rem .9rem;transition:background .2s,color .2s}.selectedStructure:hover{background:var(--color-red);color:#fff}.teacherStoryGenerateBtn{background:#2563eb;background:var(--color-blue,#2563eb);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1.5rem;padding:.9rem 2.2rem;transition:background .2s}.teacherStoryGenerateBtn:focus,.teacherStoryGenerateBtn:hover{background:#174ea6;opacity:1}.lds-ellipsis{display:inline-block;height:40px;position:relative;width:80px}.lds-ellipsis div{animation-timing-function:cubic-bezier(0,1,1,0);background:#2563eb;background:var(--color-blue,#2563eb);border-radius:50%;height:13px;position:absolute;top:18px;width:13px}.lds-ellipsis div:first-child{animation:lds-ellipsis1 .6s infinite;left:8px}.lds-ellipsis div:nth-child(2){animation:lds-ellipsis2 .6s infinite;left:8px}.lds-ellipsis div:nth-child(3){animation:lds-ellipsis2 .6s infinite;left:32px}.lds-ellipsis div:nth-child(4){animation:lds-ellipsis3 .6s infinite;left:56px}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis2{0%{transform:translateX(0)}to{transform:translateX(24px)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@media (max-width:700px){.teacherStoryGenerationContainer{padding:18px 6vw}.soundDropdownsContainer,.topicAndSetting{flex-direction:column;gap:.7rem}}body[data-theme=dark] .teacherStoryGenerationContainer{background:var(--color-dark-bg-alt);box-shadow:var(--color-dark-shadow);color:var(--color-dark-text)}body[data-theme=dark] .phonemicSoundsSection h2,body[data-theme=dark] .storySettingsSection h2{color:var(--color-dark-text)}body[data-theme=dark] .phonemicSoundsSection p,body[data-theme=dark] .storySettingsSection p{color:var(--color-dark-text-muted)}body[data-theme=dark] .topicAndSetting input{background:var(--color-dark-bg-alt);border:1px solid var(--color-dark-border);color:var(--color-dark-text)}body[data-theme=dark] .topicAndSetting input:focus{background:var(--color-dark-bg);border:1.5px solid var(--color-dark-accent);color:var(--color-dark-text)}body[data-theme=dark] .custom-dropdown{background:#0000}body[data-theme=dark] .dropdown-selected{background:var(--color-dark-bg-alt);border:1px solid var(--color-dark-border);color:var(--color-dark-text)}body[data-theme=dark] .dropdown-selected:active,body[data-theme=dark] .dropdown-selected:focus{border:1.5px solid var(--color-dark-accent)}body[data-theme=dark] .dropdown-list{border:1.5px solid var(--color-dark-accent);box-shadow:var(--color-dark-shadow)}body[data-theme=dark] .dropdown-item,body[data-theme=dark] .dropdown-list{background:var(--color-dark-bg-alt);color:var(--color-dark-text)}body[data-theme=dark] .dropdown-item:hover{background:var(--color-dark-bg-hover);color:var(--color-dark-accent)}body[data-theme=dark] .soundDropdowns h4{color:var(--color-dark-accent)}body[data-theme=dark] .selectedStructure{background:var(--color-dark-bg-hover);color:var(--color-dark-accent)}body[data-theme=dark] .selectedStructure:hover{background:var(--color-red);color:var(--color-white)}body[data-theme=dark] .teacherStoryGenerateBtn{background:var(--color-dark-blue);color:var(--color-white)}body[data-theme=dark] .teacherStoryGenerateBtn:focus,body[data-theme=dark] .teacherStoryGenerateBtn:hover{background:var(--color-dark-blue-hover)}body[data-theme=dark] .lds-ellipsis div{background:var(--color-dark-accent)}.libraryList{margin:0 auto}.libraryHeaderButton{align-items:center;display:flex;justify-content:space-between;margin-top:50px}.libraryHeaderButton button{background-color:var(--color-blue);border:none;border-radius:4px;color:var(--color-white);font-size:var(--font-size-paragraph-desktop);padding:8px 16px;transition:.2s ease-in-out}.libraryHeaderButton button:hover{background-color:var(--color-dark-blue);cursor:pointer}.searchBarContainer{align-items:center;border-bottom:2px solid var(--color-soft-black);display:flex;gap:8px;margin-top:20px;width:50%}.searchIcon{color:#888;margin:0 0 1px}.librarySearch{background-color:initial;border:none;font-size:var(--font-size-paragraph-desktop);outline:none;padding:4px 0;width:100%}.searchBarContainer:focus-within{border-bottom:2px solid var(--color-blue)}.searchBarContainer:focus-within .searchIcon{color:var(--color-blue)}.libraryList ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:space-between;list-style-type:none;padding:0}.libraryList li{background-color:var(--color-white);border-radius:4px;box-shadow:var(--dashboard-shadow);cursor:pointer;flex-direction:column;padding:16px;transition:.2s ease-in-out}.libraryList li:hover{transform:scale(1.025)}.phonemeContainer{display:flex;justify-content:center}.phonemeContainer p{color:var(--footer-link);font-size:var(--font-size-paragraph-desktop)}.libraryList li .phonemeTitleDivider{border:1px solid var(--color-blue);width:50%}.libraryList li .title{font-size:var(--font-size-title-desktop)}.libraryList li{border-radius:8px;flex:0 1 20%;overflow-x:hidden;overflow-y:hidden;position:relative;text-align:center}.libraryList li,.modal{align-items:center;display:flex;justify-content:center}.modal{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%}.modalContent{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;max-width:500px;padding:20px;width:90%}.modalContent .closeButton{align-self:end}.deleteButton,.exportButton{border:none;border-radius:5px;cursor:pointer;margin:10px;padding:10px 20px}.closeButton{background-color:initial;border:none;cursor:pointer;margin:0 0 20px;padding:0}.closeButton:hover{transform:scale(1.1);transition:.2s ease-in-out}.closeButtonIcon{height:20px}.deleteButton{background-color:#f44336;border:1px solid #f44336;color:#fff}.deleteButton:hover{background-color:initial;border:1px solid #f44336;color:#f44336;transition:.2s ease-in-out}.exportButton{background-color:#4caf50;border:1px solid #4caf50;color:#fff}.exportButton:hover{background-color:initial;border:1px solid #4caf50;color:#4caf50;transition:.2s ease-in-out}.modalContent ul{justify-content:center}.modalContent li{background-color:initial;border:none;box-shadow:none;margin:0;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:0 10px}.modalContent li:before{border:none;display:none}.modalContent li:after{display:none}@media (max-width:1100px){.libraryList li{flex:1 1 27%}}@media (max-width:768px){.searchBarContainer{width:100%}}@media (max-width:525px){.libraryList li{flex:1 1 45%}}@media (max-width:375px){.libraryHeaderButton{align-items:flex-start;flex-direction:column}}.lessonDetailsDisplay{grid-column-gap:10px;grid-row-gap:10px;display:grid;grid-template-columns:2fr 2fr 1fr;grid-template-rows:repeat(2,1fr);margin:20px 0 0}.dataContainer .dataInnerContainer{border:1px solid #000;border-radius:10px;display:flex;flex-direction:column;margin:0 0 10px;padding:5px}.dataInnerContainer p{color:#353839;font-size:20px}.generatedStory{background-color:#fff;border-radius:10px;grid-area:1/1/3/2;padding:10px}.transcript{grid-area:1/2/3/3;padding:10px}.erroredWords{background-color:#fff;border-radius:10px;max-height:150px;padding:10px}.erroredWords .erroredWordsAndCorrections{display:flex;flex-direction:column;flex-wrap:wrap;max-height:100px}.notes{background-color:#fff;border-radius:10px;padding:10px}.notes textarea{border:1px solid #0000001a;min-height:100px;min-width:500px;resize:none}.score{grid-area:1/3/2/4}.audio,.score{background-color:#fff;border-radius:10px;padding:10px}.audio{grid-area:2/3/3/4}.dataInnerContainer h3{border-bottom:1px solid #000;margin:0 0 10px;padding:0 10px 0 0}.dataInnerContainer p{margin:0}.clearErroredWordsButton button{background-color:#aa474733;border:1px solid #0000001a;border-radius:4px;padding:8px 12px}.clearErroredWordsButton button:hover{background-color:#aa47471a;cursor:pointer}body[data-theme=dark] .lessonDetailsDisplay{background:#0000;color:var(--color-dark-text)}body[data-theme=dark] .dataContainer .dataInnerContainer{background:var(--color-dark-bg-alt);border:1px solid var(--color-dark-border);color:var(--color-dark-text)}body[data-theme=dark] .dataInnerContainer p{color:var(--color-dark-text)}body[data-theme=dark] .erroredWords,body[data-theme=dark] .generatedStory,body[data-theme=dark] .notes,body[data-theme=dark] .transcript{background-color:var(--color-dark-bg-alt);color:var(--color-dark-text)}body[data-theme=dark] .notes textarea{background:var(--color-dark-bg-alt);border:1px solid var(--color-dark-border);color:var(--color-dark-text)}body[data-theme=dark] .audio,body[data-theme=dark] .score{background-color:var(--color-dark-bg-alt);color:var(--color-dark-text)}body[data-theme=dark] .dataInnerContainer h3{border-bottom:1px solid var(--color-dark-border);color:var(--color-dark-accent)}body[data-theme=dark] .clearErroredWordsButton button{background-color:#aa474733;border:1px solid var(--color-dark-border);color:var(--color-dark-text)}body[data-theme=dark] .clearErroredWordsButton button:hover{background-color:#aa47474d;color:var(--color-white)}.individualStudentPage{min-height:80vh;padding:50px 0 0}.individualStudentView{margin:auto;max-width:90%}.exitBtn{background-color:#276fbf;border:1px solid #276fbf;border-radius:4px;color:#fff;padding:8px 12px;transition:.2s ease-in-out}.exitBtn:hover{background-color:#fff;color:#276fbf;cursor:pointer}.studentHeading{justify-content:space-between}.studentHeading,.studentHeading div{align-items:baseline;display:flex}.studentHeading div p{margin-left:5px}.confirmExitPopup{background-color:#fff;border:1px solid #000;border-radius:4px;left:40%;padding:20px;position:absolute;top:40%;z-index:5}.confirmExitPopup div{display:flex;justify-content:space-between}.confirmExitPopup div .confirmExitBtn{background-color:#6da34d;border:1px solid #6da34d;border-radius:4px;color:#fff;font-size:16px;padding:8px 12px;text-decoration:none;transition:.2s ease-in-out}.confirmExitPopup div .confirmExitBtn:hover{background-color:#fff;color:#6da34d;cursor:pointer}.confirmExitPopup div .cancelExitBtn{background-color:#aa4747;border:1px solid #aa4747;border-radius:4px;color:#fff;font-size:16px;padding:8px 12px;transition:.2s ease-in-out}.confirmExitPopup div .cancelExitBtn:hover{background-color:#fff;color:#aa4747;cursor:pointer}.lessonBtns{align-items:center;display:flex;justify-content:space-between;margin:10px 0 0}.objectiveButton{background-color:#fff;border:1px solid #0000001a;border-radius:4px;margin:5px 5px 0 0;padding:8px 12px;text-align:center}.objectiveButton:hover{cursor:pointer}.objectiveButton:hover,.objectiveButtonContainer .active{background-color:#0000001a}.editSaveBtns button{border-radius:8px;color:#000;margin:0 8px 0 0;padding:8px 12px}.editSaveBtns .editLesson:hover{background-color:#0000001a;cursor:pointer}.editSaveBtns .editLesson{background-color:#fff;border:1px solid #0000001a;color:#000}.editSaveBtns .saveLesson{background-color:#6da34d33;border:1px solid #0000001a}.editSaveBtns .saveLesson:hover{background-color:#6da34d1a;cursor:pointer}.prevNextBtns{align-items:center;display:flex;grid-area:3/3/3/4;justify-content:flex-end}.prevNextBtns p{margin:5px}.prevNextBtns button{background-color:#fff;border:1px solid #0000001a;border-radius:50%;padding:8px 12px}.prevNextBtns button:hover{background-color:#0000001a;cursor:pointer}.prevNextBtns button p{margin:0}.prevNextBtns button:first-child{transform:scaleX(-1)}.clickable-word{cursor:pointer;transition:background-color .3s ease}.clickable-word:hover{background-color:#0000001a}.clickable-word.errored{color:#aa4747;font-weight:700}.individualStudentCharts{margin:20px auto;width:90%}.studentStats{border:none;display:flex;flex-direction:column}body[data-theme=dark] .individualStudentPage{color:var(--color-dark-text)}body[data-theme=dark] .individualStudentView{background:#0000;color:var(--color-dark-text)}body[data-theme=dark] .exitBtn{background-color:var(--color-dark-blue);border:1px solid var(--color-dark-blue);color:var(--color-white)}body[data-theme=dark] .exitBtn:hover{background-color:var(--color-dark-bg-alt);border:1px solid var(--color-dark-blue);color:var(--color-dark-blue)}body[data-theme=dark] .studentHeading{color:var(--color-dark-text)}body[data-theme=dark] .studentHeading div p{color:var(--color-dark-text-muted)}body[data-theme=dark] .confirmExitPopup{background-color:var(--color-dark-bg-alt);border:1px solid var(--color-dark-border);box-shadow:var(--color-dark-shadow);color:var(--color-dark-text)}body[data-theme=dark] .confirmExitPopup div .confirmExitBtn{background-color:var(--color-chalkboard-green);border:1px solid var(--color-chalkboard-green);color:var(--color-white)}body[data-theme=dark] .confirmExitPopup div .confirmExitBtn:hover{background-color:var(--color-dark-bg-alt);border:1px solid var(--color-chalkboard-green);color:var(--color-chalkboard-green)}body[data-theme=dark] .confirmExitPopup div .cancelExitBtn{background-color:var(--color-red);border:1px solid var(--color-red);color:var(--color-white)}body[data-theme=dark] .confirmExitPopup div .cancelExitBtn:hover{background-color:var(--color-dark-bg-alt);border:1px solid var(--color-red);color:var(--color-red)}body[data-theme=dark] .lessonBtns{color:var(--color-dark-text)}body[data-theme=dark] .objectiveButton{background-color:var(--color-dark-bg-alt);border:1px solid var(--color-dark-border);color:var(--color-dark-text)}body[data-theme=dark] .objectiveButton:hover{background-color:var(--color-dark-bg-hover)}body[data-theme=dark] .objectiveButtonContainer .active{background-color:var(--color-dark-accent);color:var(--color-white)}body[data-theme=dark] .editSaveBtns button{color:var(--color-dark-text)}body[data-theme=dark] .editSaveBtns .editLesson{background-color:var(--color-dark-bg-alt);border:1px solid var(--color-dark-border);color:var(--color-dark-text)}body[data-theme=dark] .editSaveBtns .editLesson:hover{background-color:var(--color-dark-bg-hover)}body[data-theme=dark] .editSaveBtns .saveLesson{background-color:#4d69414d;border:1px solid var(--color-dark-border);color:var(--color-dark-text)}body[data-theme=dark] .editSaveBtns .saveLesson:hover{background-color:#4d694133}body[data-theme=dark] .prevNextBtns button{background-color:var(--color-dark-bg-alt);border:1px solid var(--color-dark-border);color:var(--color-dark-text)}body[data-theme=dark] .prevNextBtns button:hover{background-color:var(--color-dark-bg-hover)}body[data-theme=dark] .clickable-word:hover{background-color:#60a5fa33}body[data-theme=dark] .clickable-word.errored{color:#ef4444}.ticketsContainer{margin:auto;width:100%}.ticketInfoContainer{margin-bottom:5px;width:100%}.ticketMainInfo{background-color:#fff;border:2px solid #000;border-radius:4px;display:flex;justify-content:space-between;padding:0 10px;width:100%}.ticketMainInfo:hover{background-color:#f5f5f5;cursor:pointer}.ticketDescription{background-color:#fff;border:1px solid #000;border-top:none;display:flex;margin:auto;padding:10px;width:95%}.ticketDescription p{margin:0}.ticketInfoRow{align-items:baseline;padding:0 0 10px}.ticketInfoTitle{font-size:20px;font-weight:700;margin:0;min-width:15%}.ticketIssue{font-weight:700}.statusContainer{align-items:center;display:flex;flex-direction:row-reverse;font-weight:700}.statusColor{border:1px solid #000;border-radius:50%;height:10px;margin-right:5px;width:10px}.formContainer{margin-top:50px}.supportTitle{font-size:2rem;font-weight:700;margin-bottom:.5rem;text-align:center}.supportSubtitle{color:#555;font-size:1rem;margin-bottom:2rem;text-align:center}.supportForm{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;display:flex;flex-direction:column;gap:1.2rem;margin:40px auto;padding:32px 28px 24px}.modernRow{display:flex;gap:1rem}.modernInputGroup{display:flex;flex:1 1;flex-direction:column;gap:.3rem}.supportFormInput{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:.7rem 1rem;transition:border .2s}.supportFormInput:focus{background:#fff;border:1.5px solid #2563eb;border:1.5px solid var(--color-blue,#2563eb);outline:none}.supportTextArea{min-height:90px;resize:vertical}.formSubmitButton.modernSubmitBtn{background:#2563eb;background:var(--color-blue,#2563eb);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:.5rem;padding:.9rem 0;transition:background .2s}.formSubmitButton.modernSubmitBtn:focus,.formSubmitButton.modernSubmitBtn:hover{background:#174ea6}.statusMessage.modernStatus{color:var(--color-blue);font-weight:500;margin-top:1rem;text-align:center}@media (max-width:600px){.modernSupportForm{padding:18px 6vw}.modernRow{flex-direction:column;gap:.5rem}}.ticketsModernContainer{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;margin:40px auto;padding:32px 24px 24px}.ticketsHeaderRow{justify-content:space-between;margin-bottom:18px}.ticketsFilterDropdown,.ticketsHeaderRow{align-items:center;display:flex}.ticketsDropdown{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:6px 12px}.ticketsCategoryList{margin-top:10px}.ticketsCategorySection{margin-bottom:2rem}.ticketsCategoryTitle{color:var(--color-black);font-size:1.2rem;font-weight:600;margin-bottom:.7rem}.ticketsEmpty{color:#888;font-size:1rem;margin-bottom:1rem}.ticketCard{background:#f8fafc;border-left:5px solid #2563eb;border-radius:8px;box-shadow:0 2px 8px #0000000a;cursor:pointer;margin-bottom:1rem;transition:box-shadow .2s}.ticketCard.open{box-shadow:0 4px 16px #2563eb14}.ticketCardHeader{align-items:center;display:flex;font-size:1.1rem;font-weight:500;justify-content:space-between;padding:1rem 1.2rem}.ticketFeature{font-weight:600;margin-right:1rem}.ticketStatusBadge{border-radius:12px;color:#fff;display:inline-block;font-size:.95rem;font-weight:500;margin-left:.5rem;padding:2px 10px}.ticketExpand{color:#2563eb;font-size:1.2rem;margin-left:1rem}.ticketCardBody{background:#fff;border-radius:0 0 8px 8px;border-top:1px solid #e5e7eb;padding:.8rem 1.2rem 1.2rem}.ticketInfoRow{display:flex;font-size:1rem;gap:.5rem;margin-bottom:.5rem}.ticketInfoLabel{color:#2563eb;display:inline-block;font-weight:600;min-width:110px}body[data-theme=dark] .supportForm,body[data-theme=dark] .ticketsModernContainer{background:var(--color-dark-bg-alt);box-shadow:var(--color-dark-shadow);color:var(--color-dark-text)}body[data-theme=dark] .supportTitle{color:var(--color-dark-text)}body[data-theme=dark] .supportSubtitle{color:var(--color-dark-text-muted)}body[data-theme=dark] .supportFormInput,body[data-theme=dark] .ticketsDropdown{background:var(--color-dark-bg-alt);border:1px solid var(--color-dark-border);color:var(--color-dark-text)}body[data-theme=dark] .supportFormInput:focus,body[data-theme=dark] .ticketsDropdown:focus{background:var(--color-dark-bg);border:1.5px solid var(--color-dark-accent);color:var(--color-dark-text)}body[data-theme=dark] .supportTextArea{background:var(--color-dark-bg-alt);border:1px solid var(--color-dark-border);color:var(--color-dark-text)}body[data-theme=dark] .formSubmitButton.modernSubmitBtn{background:var(--color-dark-blue);color:var(--color-white)}body[data-theme=dark] .formSubmitButton.modernSubmitBtn:focus,body[data-theme=dark] .formSubmitButton.modernSubmitBtn:hover{background:var(--color-dark-blue-hover)}body[data-theme=dark] .statusMessage.modernStatus{color:var(--color-dark-accent)}body[data-theme=dark] .ticketsHeaderRow{color:var(--color-dark-text)}body[data-theme=dark] .ticketsCategoryTitle{color:var(--color-dark-accent)}body[data-theme=dark] .ticketsEmpty{color:var(--color-dark-text-muted)}body[data-theme=dark] .ticketCard{background:var(--color-dark-bg-hover);border-left:5px solid var(--color-dark-blue);box-shadow:0 2px 8px var(--color-dark-shadow);color:var(--color-dark-text)}body[data-theme=dark] .ticketCard.open{box-shadow:0 4px 16px var(--color-dark-shadow)}body[data-theme=dark] .ticketCardHeader{color:var(--color-dark-text)}body[data-theme=dark] .ticketFeature{color:var(--color-dark-accent)}body[data-theme=dark] .ticketStatusBadge{background:var(--color-dark-blue);color:var(--color-white)}body[data-theme=dark] .ticketExpand{color:var(--color-dark-accent)}body[data-theme=dark] .ticketCardBody{background:var(--color-dark-bg-alt);border-top:1px solid var(--color-dark-border);color:var(--color-dark-text)}body[data-theme=dark] .ticketInfoLabel{color:var(--color-dark-accent)}.teacherDashLayout{min-height:100dvh;position:relative}.teacherDashLayout,.teacherDashLayoutContent{background-color:var(--color-background-gray)}.teacherDashLayoutContent{margin:auto;max-width:1500px;min-height:80dvh;width:80%}.teacherWelcomeInfo{align-items:center;display:flex;justify-content:space-between;margin:20px 0}.teacherWelcomeInfo b{color:var(--color-blue);font-size:var(--font-size-title-desktop)}.class-data{grid-column-gap:10px;grid-row-gap:10px;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:.3fr repeat(4,1fr)}.quick-data-container{grid-area:1/1/2/5}.class-charts-container{grid-area:2/1/4/5}.class-phoneme-container{grid-area:1/5/4/7}.class-phoneme-container,.progress-chart-container{background-color:var(--color-white);border-radius:4px;box-shadow:var(--dashboard-shadow)}.progress-chart-container{grid-area:4/1/6/7;margin-bottom:20px;padding:10px}.upgrade{position:relative}.blurred-phonemes{filter:blur(10px);opacity:.5;pointer-events:none}.upgrade-overlay{align-items:center;display:flex;flex-direction:column;height:90%;justify-content:center;position:absolute;text-align:center;z-index:5}.upgrade-overlay h2{margin-bottom:10px}.upgrade-overlay p{margin-bottom:20px}.upgrade-overlay .upgrade-link{background:var(--color-blue);border-radius:4px;color:#fff;padding:10px 20px;text-decoration:none;transition:background .2s}.upgrade-overlay .upgrade-link:hover{background:var(--color-dark-blue)}body[data-theme=dark]{background:var(--color-dark-bg);color:var(--color-dark-text)}body[data-theme=dark] .sidebar{background:linear-gradient(180deg,var(--color-dark-bg-alt) 0,var(--color-dark-bg) 100%);box-shadow:2px 0 16px var(--color-dark-shadow)}body[data-theme=dark] .logo-link-container img,body[data-theme=dark] .sidebar-link-label{background:var(--color-dark-bg-alt);box-shadow:0 2px 8px var(--color-dark-shadow)}body[data-theme=dark] .sidebar-link-label{color:var(--color-dark-text)}body[data-theme=dark] .sidebar-navigation-icon{background:#0000;color:var(--color-dark-accent)}body[data-theme=dark] .sidebar-navigation-icon.active-page,body[data-theme=dark] .sidebar-navigation-icon:hover{background:var(--color-dark-blue);box-shadow:0 2px 8px var(--color-dark-shadow);color:var(--color-white)}body[data-theme=dark] .profile-container{background:var(--color-dark-bg-alt);box-shadow:0 2px 8px var(--color-dark-shadow)}body[data-theme=dark] .profile-container h3{color:var(--color-dark-accent)}body[data-theme=dark] .profile-container:focus,body[data-theme=dark] .profile-container:hover{background:var(--color-dark-blue);box-shadow:0 4px 16px var(--color-dark-shadow)}body[data-theme=dark] .profile-container:focus h3,body[data-theme=dark] .profile-container:hover h3{color:var(--color-white)}body[data-theme=dark] .teacherDashLayoutContent{background-color:var(--color-dark-bg-alt);color:var(--color-dark-text)}body[data-theme=dark] .teacher-dash-outlet{background:#0000;color:var(--color-dark-text)}body[data-theme=dark] .teacherWelcomeInfo b{color:var(--color-dark-accent)}body[data-theme=dark] .class-phoneme-container,body[data-theme=dark] .progress-chart-container{background-color:var(--color-dark-bg-alt);box-shadow:0 2px 8px var(--color-dark-shadow);color:var(--color-dark-text)}body[data-theme=dark] .libraryHeaderButton button{background-color:var(--color-dark-blue);color:var(--color-white)}body[data-theme=dark] .libraryHeaderButton button:hover{background-color:var(--color-dark-blue-hover)}body[data-theme=dark] .class-phoneme-container,body[data-theme=dark] .progress-chart-container{box-shadow:var(--color-dark-shadow)}.babbleboard-nav{align-items:center;background-color:#fff;border-radius:50px;box-shadow:0 2px 8px #0000001a;display:flex;font-family:Quicksand,sans-serif;justify-content:space-between;margin:0 auto;max-width:1500px;padding:10px 20px;position:-webkit-sticky;position:sticky;top:24px;width:80%;z-index:10}.babbleboard-nav_logo-container{align-items:center;display:flex;gap:10px}.babbleboard-nav_logo-container h1{color:var(--color-black);font-size:24px;font-size:var(--font-size-title-desktop,24px);margin:0}.babbleboard-nav img{height:50px}.babbleboard-nav .babbleboard-nav_links{align-items:center;display:flex;gap:20px}.babbleboard-nav .babbleboard-nav_link{color:var(--color-black);text-decoration:none}.babbleboard-nav .babbleboard-nav_link:hover{text-decoration:underline}.active-nav-link{color:#2563eb;color:var(--color-blue,#2563eb);font-weight:600;padding-bottom:2px;text-decoration:none}.babbleboard-nav_link-with-icon{align-items:center;display:flex;gap:.3rem}.babbleboard-nav_link-with-icon+.active-nav-link{color:#2563eb;color:var(--color-blue,#2563eb)}.babbleboard-nav_dropdown-container{cursor:pointer;display:inline-block;position:relative}.babbleboard-nav_dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #0000001a;left:0;margin-top:.5rem;min-width:140px;padding:.5rem 0;position:absolute;top:100%;z-index:100}.babbleboard-nav_dropdown-link{color:#1e293b;display:block;font-size:1rem;padding:.6rem 1.2rem;text-decoration:none;transition:background .15s,color .15s}.babbleboard-nav_dropdown-link:hover{background:#e0e7ff;background:var(--color-faded-blue,#e0e7ff);color:#2563eb;color:var(--color-blue,#2563eb)}.babbleboard-nav_logout{background-color:var(--color-black);border-radius:30px;color:var(--color-white);font-weight:700;padding:8px 16px;text-decoration:none}.babbleboard-nav_logout:hover{background-color:#000c}.babbleboard-nav_hamburger,.babbleboard-nav_mobile-menu{display:none}@media (max-width:950px){.babbleboard-nav .babbleboard-nav_links{display:none}.babbleboard-nav_hamburger{display:block}.babbleboard-nav_mobile-menu{border-radius:12px;box-shadow:0 2px 8px #0000001a}.babbleboard-nav_hamburger{height:24px;padding:10px;width:24px}.babbleboard-nav_mobile-menu{background-color:var(--color-white);display:block;flex-direction:column;margin:auto;padding:40px 20px 20px;width:70%}.babbleboard-nav_mobile-links{align-items:flex-start;display:flex;flex-direction:column;gap:10px;z-index:8}.babbleboard-nav_mobile-link{color:var(--color-black);font-size:18px;padding:12px 0;text-decoration:none}.babbleboard-nav_mobile-logout{align-self:center;background-color:var(--color-black);border-radius:8px;color:var(--color-white);font-weight:700;text-align:center;text-decoration:none;width:100%}}@media (max-width:450px){.babbleboard-nav_logo-container h1{display:none}}.legalDoc{margin:0;padding:30px 10%}.legalDoc h1{color:var(--color-blue);margin-top:0}.ppContactList{margin-bottom:0}.sitemap{height:80vh;padding:30px}.sitemap p{font-size:20px}ul li a{color:#276fbf;font-weight:500;text-decoration:none}ul li a:hover{color:#aa4747}
/*# sourceMappingURL=main.12945acf.css.map*/