*,:root,body,html{--text:#0f0f0f;--background:#dedede;--primary:#f7c54f;--main:#afafaf;box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}html{display:block}body,html{height:100%}img{height:3rem;width:3rem}button,input{border:none;color:#000;font-size:1rem}button{cursor:pointer}.header-wrapper{height:3.875rem;left:0;position:fixed;right:0;top:0;z-index:100}.header-wrapper:after{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(4px);background-color:#fff6;content:"";height:2.5rem;left:0;position:absolute;right:0;top:0;z-index:99}.header{background-color:#f7c54f;background-color:var(--primary);border-radius:1rem;flex-direction:row;flex-shrink:0;font-size:1.25rem;height:3rem;justify-content:space-between;margin:.875rem .875rem 0;position:fixed;width:calc(100% - 1.75rem);z-index:100}.header,.header-section{align-items:center;display:flex}.header-section.auth,.header-section.icon{flex-basis:0;flex-grow:1}@media (max-width:420px){.header-section.auth,.header-section.icon{flex-basis:1;flex-grow:0}}.header-section.icon{align-items:center;display:flex;height:100%;margin:0 .5rem}.header-section.icon img{height:36px;width:36px}.header-section.middle-nav{display:flex;gap:.5rem;height:100%}.header-btn{background-color:#f7c54f;background-color:var(--primary);border-radius:.5rem;color:#0f0f0f;color:var(--text);cursor:pointer;font-size:1rem;font-weight:500;padding:.125rem .375rem;position:relative}.header-btn.line{background-color:initial;border-radius:none;font-size:1.125rem;height:100%}.header-btn.line.active:after,.header-btn.line:hover:after{background-color:#0f0f0f;background-color:var(--text);border-top-left-radius:.5rem;border-top-right-radius:.5rem;bottom:0;content:"";height:.375rem;left:5px;position:absolute;right:5px;z-index:-1}.header-btn.line.active{cursor:default}.header-section.auth{align-items:center;display:flex;height:100%;justify-content:flex-end;margin:0 .75rem 0 .5rem}.header-btn.auth{text-wrap:nowrap;flex-shrink:0}.header-btn.logout{background-color:#92783b8c}.header-btn.logout:hover{background-color:#92783bbf}.header-btn.auth:hover{background-color:#92783b8c}@media (max-width:600px){.header{height:2.5rem}.header-section.icon img{height:24px;width:24px}.header-btn.auth,.header-btn.line,.header-btn.logout{font-size:.75rem}}.feedback-section{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#8dbfea8a;border-top-left-radius:2rem;bottom:0;display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:1rem 2rem 1.5rem 1rem;position:fixed;right:0;transition:transform .25s;width:31rem}.feedback-section.submitted{background-color:#d9eed7}.feedback-section.closed{transform:translate(calc(100% - 4.5rem),calc(100% - 4.5rem))}.feedback-title{align-items:center;display:flex;gap:.75rem}.feedback-toggle{align-items:center;background-color:#e8e8e8;border:2px solid #afafaf;border:2px solid var(--main);border-radius:1000px;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.feedback-toggle svg{height:1.5rem;width:1.5rem}.feedback-title span{font-size:1.25rem;font-weight:500}.feedback-form form{display:flex;flex-direction:column;gap:.5rem}.feedback-form form textarea{border:2px solid #afafaf;border:2px solid var(--main);border-radius:.5rem;font-size:1rem;outline:none;padding:.5rem;resize:none}.feedback-form form textarea:focus{border:2px solid #0f0f0f;border:2px solid var(--text)}.submit-section{display:flex;flex-direction:row;justify-content:space-between}.submit-section button{align-items:center;background-color:initial;border-radius:.5rem;color:#0f0f0f;color:var(--text);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.submit-section button svg{height:1.25rem;width:1.25rem}.submit-section button:hover{background-color:#8dbfea}.feedback-section.submitted .feedback-form .submit-section button:hover{background-color:#7e907c80}@media (max-width:550px){.feedback-section{padding:1rem;width:100%}.feedback-section.closed{transform:translate(calc(100% - 3.5rem),calc(100% - 3.5rem))}.feedback-title span{font-size:1rem}.feedback-toggle{padding:.25rem}.feedback-toggle svg{height:1rem;width:1rem}.feedback-form form textarea,.submit-section button{font-size:.875rem}.submit-section button svg{height:1rem;width:1rem}}.App{height:100dvh;overflow-y:scroll;position:relative}.App,.landing{display:flex;flex-direction:column;width:100%}.landing{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:2rem;padding:5rem 1.5rem}::-webkit-scrollbar{display:none}.demon-wrap{flex-direction:column;margin-bottom:4rem}.demon-container,.demon-wrap{align-items:center;display:flex}.demon-container{flex-direction:row;gap:1.5rem;max-width:1200px;position:relative;width:100%}.demon-text{color:#454545;flex-shrink:0;font-size:1.125rem}.demon-bar{background-color:#6a6a6a;border-radius:1000px;height:.125rem;position:relative}.demon-bar.start{width:5rem}.demon-bar.end{width:100%}.wrapper{align-items:center;flex-direction:column}.maintain,.wrapper{display:flex;width:100%}.maintain{gap:1.5rem;max-width:1200px;position:relative}.maintain.hero{align-items:center}.hero-first{font-size:2.75rem;font-weight:500;padding:1rem .5rem 0}.second-line{margin-left:2.5rem}.hero-cta{background-color:#71b3ed;border-radius:.5rem;display:flex;font-size:1.125rem;gap:.5rem;margin-left:5rem;margin-top:1rem;padding:.65rem 1.25rem}.hero-cta:hover{background-color:#5298d7;cursor:pointer}.hero-second{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:1.5rem .5rem 0}.hero-first,.hero-second{padding-bottom:0;width:95%}.input-box{align-items:center;background-color:#d9eafb;border-bottom:3px solid #71b3ed;border-radius:1.5rem;display:flex;gap:.25rem;height:4.75rem;padding:1rem;position:relative;width:90%;z-index:5}.in-text{font-size:1.8rem;font-weight:500}.type-bar{height:75%;transition:background-color .2s;width:.4rem}.type-bar.changing{background-color:#000}.subject-nav{border-radius:2rem;bottom:-3.875rem;display:flex;gap:.5rem;left:0;padding:.5rem;position:absolute}.subject-nav-btn{align-items:center;background-color:#d7d7d7;border-radius:.5rem;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.subject-nav-btn svg{height:1.5rem;width:1.5rem}.subject-nav-btn:hover{background-color:#b1b1b1}.path-wrapper{height:16rem;position:relative;width:16rem}.flow-path{height:16rem;position:absolute;width:12rem}@media (max-width:1100px){.hero-first{font-size:2.5rem}}@media (max-width:1000px){.hero-first{font-size:2.125rem}.in-text{font-size:1.5rem}}@media (max-width:880px){.maintain{flex-direction:column;gap:1.25rem}.hero-first{font-size:2.5rem;font-weight:400;padding:1.5rem .5rem 0}.in-text{font-size:1.8rem}}@media (max-width:570px){.hero-first{font-size:2.125rem}.in-text{font-size:1.5rem}}@media (max-width:500px){.hero-first{font-size:1.5rem}}.wrapper.contain{min-height:38rem;position:relative}.maintain.subject-select{display:flex;height:38rem;overflow:hidden;position:absolute;width:95%}.bounding-wrapper{min-height:100rem;width:100%}.bounding-box{grid-gap:1.5rem;background-color:#ceddef;border-radius:1rem;border-top:3px solid #2172b9;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));min-height:38rem;overflow:hidden;padding:1rem;width:100%}.bounding-box:after{background:linear-gradient(0deg,#ceddef 0,#ceddef 50%,#ceddef00);border:6px solid #fff;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;border-top:none;bottom:-6px;content:"";height:4.5rem;left:-6px;position:absolute;right:-6px}.and-more{align-items:center;bottom:.5rem;display:flex;font-size:1rem;font-weight:500;gap:.125rem;justify-content:center;left:1.5rem;position:absolute;right:1.5rem;z-index:5}.and-more svg{height:1.25rem;width:1.25rem}@media (max-width:460px){.bounding-box{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}}.show-topic-card{border-radius:.5rem;display:flex;flex-direction:column;position:relative;transition:opacity .5s}.show-topic-card.hide{opacity:0}.show-topic-card.unhide{opacity:1}.show-topic-card .topic-name{cursor:default;font-size:1.5rem;font-weight:500;line-height:normal;padding:.5rem;text-align:left;width:100%}.show-subtopic-list{display:flex;flex-direction:column;gap:.5rem;height:100%;padding:.5rem;position:relative}.show-subtopic-list div{flex-grow:1}.show-subtopic-list div:hover{cursor:default}.show-subtopic{align-items:center;background-color:#b1c7de;border-radius:.25rem;display:flex;flex-direction:column;gap:.5rem;justify-content:space-between;padding:.5rem}.show-subtopic .subtopic-title{cursor:default;font-style:italic;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.show-subtopic .bottom-info{font-size:1rem;font-weight:600;text-align:right;width:100%}.show-subtopic.unlocked{animation:showQuickPulse .75s linear;background-color:#adcff3;box-shadow:0 0 0 #77b1f0}@keyframes showQuickPulse{0%{box-shadow:0 0 0 #77b1f0}50%{box-shadow:0 0 .25rem #77b1f0}to{box-shadow:0 0 0 #77b1f0}}.show-bottom-quiz-button{align-items:center;background-color:#f7e4ad;border-radius:.25rem;cursor:default;display:flex;justify-content:center;padding:.5rem;position:relative}.show-bottom-quiz-button .quiz-text{text-align:center}@media (max-width:460px){.show-topic-card .topic-name{font-size:1.25rem}.show-bottom-quiz-button,.show-subtopic .subtopic-title{font-size:.75rem}}.maintain.text{align-items:center;flex-direction:column}.text-path-wrapper{display:flex;height:6.5rem;justify-content:center;position:relative;width:1.25rem;z-index:5}.text-flow-path{height:auto;width:auto}.show-text{display:flex;flex-direction:column;gap:1rem;height:24rem;overflow:hidden;position:relative;width:95%}.show-text:after{background:linear-gradient(0deg,#fff 0,#fff0);bottom:0;content:"";height:4.5rem;left:0;position:absolute;right:0}.show-header-wrap{padding:0 1.25rem}.learn-content.show,.show-header-wrap{border-radius:1rem;transition:opacity .5s,background-color .3s}.learn-content.show{margin-top:.5rem;overflow:hidden}.show-header-wrap.hide{background-color:#f0f0f0}.show-header-wrap.hide .learn-header-text{opacity:0}.learn-content.show.hide{background-color:#e5e5e5}.learn-content.show.hide .learn-para{opacity:0}.maintain.quiz{flex-direction:column;margin:6rem 0}.quiz-example-wrap{display:flex;flex-direction:column;gap:1rem;position:relative;width:100%}.quiz-bar-wrap{display:flex;gap:1.25rem;width:100%}.quiz-bar-wrap.second{flex-direction:row-reverse}.quiz-side-info{align-items:center;display:flex;font-size:2rem;font-weight:500;justify-content:center;max-width:14rem;min-width:14rem}.quiz-side-info.first{text-align:left}.quiz-side-info.second{text-align:right}.question-show{background-color:#f5f5f5;border-radius:1rem;display:flex;flex-direction:column;flex-grow:1;gap:1.5rem;justify-content:space-around;padding:1rem}.question-show div{transition:opacity .3s}.question-show.hide div{opacity:0}.quiz-question-text.show{text-align:left}.quiz-answer-options.show,.quiz-answer-options.show button{color:#000}@media (max-width:940px){.quiz-bar-wrap,.quiz-bar-wrap.second{flex-direction:column}.quiz-side-info.first,.quiz-side-info.second{margin-bottom:1.5rem;max-width:100%;text-align:center}.quiz-side-info.second{margin-top:1.5rem}.quiz-question-text.show{font-size:1.5rem}.quiz-answer-options.show button{font-size:1.125rem}}@media (max-width:650px){.quiz-side-info{font-size:1.675rem}.quiz-question-text.show{font-size:1.25rem}.quiz-answer-options.show button{font-size:1rem}}@media (max-width:570px){.quiz-side-info{font-size:1.5rem}.quiz-question-text.show{font-size:1.125rem}}.cta{align-items:center;display:flex;flex-direction:column;gap:1.25rem;margin-bottom:10rem;margin-top:6rem;width:100%}@media (max-width:700px){.cta{margin-bottom:6rem;margin-top:4rem}}.cta-text{display:flex;flex-direction:column;gap:1rem}.cta-title{font-size:3rem;text-align:center}.cta-title span{font-style:italic}.dont-break{white-space:nowrap}.cta-subtitle{font-size:1.5rem;font-weight:500;text-align:center}.bottom-cta{align-items:center;background-color:#71b3ed;border-radius:.75rem;color:#000;display:flex;font-size:1.5rem;gap:.75rem;margin-top:1rem;padding:.65rem 1.25rem}.bottom-cta svg{height:1.75rem;width:1.75rem}.bottom-cta:hover{background-color:#5298d7;color:#000;cursor:pointer}@media (max-width:940px){.cta-title{font-size:2.5rem}.bottom-cta,.cta-subtitle{font-size:1.25rem}.bottom-cta svg{height:1.5rem;width:1.5rem}}@media (max-width:770px){.cta-title{font-size:2.25rem}.bottom-cta,.cta-subtitle{font-size:1.125rem}.bottom-cta svg{height:1.25rem;width:1.25rem}}.auth-page{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#000000d4;display:flex;flex-direction:column;justify-content:center}.auth-background,.auth-page{height:100dvh;position:fixed;width:100%;z-index:100}.auth-background{cursor:pointer}.auth-wrapper{display:flex;flex-direction:column;gap:2.5rem;z-index:200}.auth-header{display:flex;gap:1.5rem;margin-bottom:.5rem;width:100%}.auth-header button{background-color:initial;border:none;border-bottom:.5rem solid #0000;cursor:pointer;flex:1 1;font-size:1.5rem;padding:.75rem}.auth-header button.selected,.auth-header button:hover{border-bottom:.5rem solid var(--primary)}.auth-form{display:flex;flex-direction:column;gap:1rem;width:100%}.first-and-last{display:flex;flex-direction:row;gap:1rem}.auth-form input{background-color:initial;border-bottom:1px solid var(--text);font-size:1rem;padding:.5rem;width:100%}.auth-form input:focus{outline:none}.auth-form input::placeholder{color:#595959}.auth-form button{background-color:var(--primary);border:2px solid var(--primary);border-radius:.5rem;cursor:pointer;font-size:1.25rem;outline:none;padding:.2rem;width:100%}.auth-form button:focus{border:2px solid var(--text)}.auth-form button:disabled{cursor:default;opacity:.6}.auth-form .password-input::placeholder{font-family:Poppins,sans-serif}.auth-form .password-input{font-family:Roboto Mono}.password-field{display:flex}.password-field input{background-color:initial;border-bottom:1px solid var(--text);flex-grow:1;font-size:1rem;padding:.5rem .1rem .5rem .5rem}.password-field button{align-items:center;background-color:initial;border:none;border-bottom:1px solid var(--text);border-radius:0;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.password-field button svg{height:1.25rem;width:1.25rem}.password-field button:focus{border:none;border-bottom:1px solid var(--text);outline:none}.allowed-text{display:flex;font-size:1rem;font-style:italic;gap:.25rem}.allowed-text div{padding:.1rem}.allowed-text div svg{background-color:var(--primary);border-radius:1000px;flex-grow:1;height:20px;opacity:.8;padding:.1rem;width:20px}.allowed-text span{font-size:.85rem}.google-header{align-items:center;cursor:default;display:flex}.google-continue{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;width:100%}.get-started-main{color:#fff;font-size:3rem}.get-started-sub{color:#b5b5b5;font-size:1.25rem}.google-section{flex-direction:column}.google-button,.google-section{align-items:center;display:flex}.google-button{background-color:#fff;border:none;border-radius:1000px;color:#000;cursor:pointer;font-size:1.25rem;gap:.5rem;padding:.75rem 1.25rem}.google-button img{height:2rem;width:2rem}@media (max-width:500px){.get-started-main{font-size:2.5rem}.get-started-sub{font-size:1rem}.google-button{font-size:1rem;padding:.5rem 1rem}.google-button img{height:1.5rem;width:1.5rem}}.exit-page-line{display:flex;justify-content:flex-end}.exit-page-line button{align-items:center;background-color:initial;border:none;border-radius:.25rem;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;margin:1.25rem 1.25rem 0 0}.exit-page-line button:hover{background-color:#b3b3b3cc}.exit-page-line button svg{height:2rem;width:2rem}.or-section{display:flex;gap:.75rem;padding:.5rem 0;width:100%}.or-line{align-items:center;display:flex;flex-grow:1}.or-line div{background-color:var(--text);border-radius:1000px;height:1px;width:100%}.pricing-page-wrap{height:100dvh;overflow-y:scroll}.pricing-page,.pricing-page-wrap{display:flex;flex-direction:column;width:100%}.pricing-page{align-items:center;flex:1 1;height:100%;margin-top:3.875rem;padding:1.5rem;position:relative}.pricing-page::-webkit-scrollbar{display:none}.main-pricing-wrap{max-width:800px}.main-pricing-wrap,.top-pricing-text{display:flex;flex-direction:column;width:100%}.top-pricing-text{align-items:center;gap:1.5rem;margin:4rem 0;text-align:center}.pricing-disclaimer{font-size:2.5rem}.pricing-bringin{font-size:1.5rem;font-weight:500}@media (max-width:700px){.top-pricing-text{margin:3rem 0}.pricing-disclaimer{font-size:2rem}.pricing-bringin{font-size:1.25rem}}@media (max-width:600px){.top-pricing-text{margin:2rem 0}.pricing-disclaimer{font-size:1.75rem}.pricing-bringin{font-size:1rem}}@media (max-width:500px){.pricing-disclaimer{font-size:1.5rem}.pricing-bringin{font-size:.875rem}}.pricing-form{background-color:#e5e5e5;border-radius:1rem;box-shadow:0 0 40px 0 #0003;margin-bottom:6rem;padding:2rem;width:100%}.pricing-form-box{display:flex;flex-direction:column}.pricing-question,.pricing-thank-you{font-size:1.75rem;text-align:center}.pricing-question{margin-bottom:2rem}@media (max-width:700px){.pricing-form{padding:1.5rem}.pricing-question,.pricing-thank-you{font-size:1.5rem}}@media (max-width:600px){.pricing-form{padding:1rem}.pricing-question,.pricing-thank-you{font-size:1.25rem}}@media (max-width:500px){.pricing-question{font-size:1rem}}.pricing-amount{height:8rem;margin-bottom:2.75rem;width:100%}.price-box,.pricing-amount{align-items:center;display:flex;justify-content:center}.price-box{border-radius:1rem;color:#000;font-size:4rem;padding:.5rem .75rem}@media (max-width:700px){.pricing-amount{height:6rem;margin-bottom:2rem}.price-box{font-size:3rem}}@media (max-width:600px){.pricing-amount{height:5rem;margin-bottom:1.75rem}.price-box{font-size:2.5rem}}@media (max-width:500px){.pricing-amount{height:4rem;margin-bottom:1.5rem}.price-box{font-size:2rem}}.price-box.normal-price{background-color:#ace4aa;width:10rem}.price-box.ahh-man-price{background-color:#e8abab;font-size:2.5rem;width:15rem}.price-box.oh-yeah-price{background-color:#ababe8;font-size:2.5rem;width:15rem}@media (max-width:700px){.price-box.normal-price{width:8rem}.price-box.ahh-man-price,.price-box.oh-yeah-price{font-size:2rem;width:12rem}}@media (max-width:600px){.price-box.normal-price{width:6rem}.price-box.ahh-man-price,.price-box.oh-yeah-price{font-size:1.75rem;width:10rem}}@media (max-width:500px){.price-box.normal-price{width:5rem}.price-box.ahh-man-price,.price-box.oh-yeah-price{font-size:1.5rem;width:8rem}}.pricing-slider-wrap{margin-bottom:2.5rem;width:100%}.slider{-webkit-appearance:none;appearance:none;border-radius:1000px;height:1rem;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#71b3ed;border-radius:100%;cursor:pointer;height:1.5rem;width:1.5rem}.slider::-moz-range-thumb{background-color:#71b3ed;border-radius:100%;cursor:pointer;height:1.5rem;width:1.5rem}@media (max-width:700px){.pricing-slider-wrap{margin-bottom:2rem}.slider{height:.75rem}.slider::-webkit-slider-thumb{height:1rem;width:1rem}.slider::-moz-range-thumb{height:1rem;width:1rem}}@media (max-width:600px){.pricing-slider-wrap{margin-bottom:1.75rem}}.slider::-webkit-slider-thumb:hover{background-color:#5298d7}.slider::-moz-range-thumb:hover{background-color:#5298d7}.pricing-thanks{font-size:1.75rem;font-weight:500;margin-bottom:1.25rem;text-align:center}@media (max-width:700px){.pricing-thanks{font-size:1.5rem}}@media (max-width:600px){.pricing-thanks{font-size:1.25rem}}@media (max-width:500px){.pricing-thanks{font-size:1rem}}.pricing-bottom-btn-wrap{display:flex;justify-content:center}.pricing-send{align-items:center;background-color:#71b3ed;border-radius:.75rem;color:#000;display:flex;font-size:1.5rem;gap:.75rem;margin-top:.75rem;padding:.65rem 1.25rem}.pricing-send svg{height:1.75rem;width:1.75rem}@media (max-width:700px){.pricing-send{font-size:1.25rem;gap:.675rem;margin-top:.675rem;padding:.5rem 1rem}.pricing-send svg{height:1.5rem;width:1.5rem}}@media (max-width:600px){.pricing-send{font-size:1rem;gap:.5rem;margin-top:.5rem;padding:.375rem .75rem}.pricing-send svg{height:1.25rem;width:1.25rem}}.pricing-send:hover{background-color:#5298d7;cursor:pointer}.subject-page-wrap{height:100dvh;overflow-y:scroll}.subject-page,.subject-page-wrap{display:flex;flex-direction:column;width:100%}.subject-page{flex:1 1;margin-top:3.875rem;position:relative}.subject-page::-webkit-scrollbar{display:none}.main-back-button{align-items:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background-color:#ffffffb3;border:none;border-radius:.5rem;color:var(--text);cursor:pointer;display:flex;flex-direction:row;font-size:1rem;font-weight:500;gap:.25rem;left:1.5rem;padding:.5rem;position:absolute;top:.5rem;z-index:5}.main-back-button svg{height:1.25rem;width:1.25rem}@media (max-width:700px){.main-back-button{font-size:.75rem;left:1rem;padding:.25rem;top:.5rem}.main-back-button svg{height:1rem;width:1rem}}.main-back-button:hover{background-color:#a0a0a0b3}.subject-page-title{align-items:center;display:flex;flex-direction:column;font-size:2rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem .25rem 0}.subject-page-title .upper-title{text-align:center;text-transform:uppercase}@media (max-width:800px){.subject-page-title{padding-top:3rem}}@media (max-width:700px){.subject-page-title{font-size:1.75rem}}@media (max-width:500px){.subject-page-title{font-size:1.675rem}}.trial-topic-count{flex-direction:row;font-size:1.125rem;font-weight:500;gap:.25rem}.trial-topic-count,.trial-topic-count-number{align-items:center;display:flex;justify-content:center}.trial-topic-count-number{background-color:#cceec9;border-radius:.25rem;height:1.625rem;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;min-width:1.5rem;padding:0 .375rem}@media (max-width:700px){.trial-topic-count{font-size:1rem}.trial-topic-count-number{height:1.25rem;min-width:1.25rem}}@media (max-width:500px){.trial-topic-count{font-size:.75rem}.trial-topic-count-number{height:1rem;min-width:1rem}}.trial-topic-count-number.zero{background-color:#d4d4d4}.subject-page-topic-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));margin-bottom:6rem;padding:1.5rem;width:100%}@media (max-width:500px){.subject-page-topic-list{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}}.topic-card{border-radius:.5rem;display:flex;flex-direction:column;position:relative}.topic-card .topic-name{font-size:1.5rem;font-weight:500;line-height:normal;padding:.5rem;text-align:left;width:100%}.subtopic-list{display:flex;flex-direction:column;gap:.5rem;height:100%;padding:.5rem;position:relative}.subtopic-list.locked:before{background-color:#95959566;border-radius:.5rem;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.subtopic-list.locked .subtopic{filter:grayscale(50%);opacity:.7}.unlock-topic-button{align-items:center;backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);background-color:#ffffff4d;border:1px solid #ffffff4d;border-radius:1rem;box-shadow:0 4px 30px #0000001a;display:flex;height:3rem;justify-content:center;left:50%;padding:.75rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:3rem;z-index:5}.unlock-topic-button.enabled:hover{background-color:#ffffff80}.unlock-topic-button.disabled{background-color:#cdcdcd4d;cursor:default}.unlock-topic-button svg{height:1.25rem;width:1.25rem}.subtopic-list button{flex-grow:1}.subtopic{align-items:center;background-color:#b1c7de;border-radius:.25rem;display:flex;flex-direction:column;gap:.5rem;justify-content:space-between;padding:.5rem}.subtopic .subtopic-title{font-style:italic;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.subtopic .bottom-info{font-size:1rem;font-weight:600;text-align:right;width:100%}.subtopic.generating{animation:bgColor 2s linear infinite;background-color:#adcff3;cursor:default}@keyframes bgColor{0%{background-color:#adcff3}50%{background-color:#77b1f0}to{background-color:#adcff3}}.subtopic.locked{cursor:default;opacity:.6}.subtopic.unlocked{animation:quickPulse 1s linear;background-color:#adcff3;box-shadow:0 0 0 #77b1f0;cursor:pointer}.subtopic.complete{background-color:#d9eed7;cursor:pointer}@keyframes quickPulse{0%{box-shadow:0 0 0 #77b1f0}50%{box-shadow:0 0 .75rem #77b1f0}to{box-shadow:0 0 0 #77b1f0}}.subtopic.generating .subtopic-title,.subtopic.unlocked .subtopic-title{font-size:1.05rem}.subtopic.unlocked:hover{box-shadow:0 0 1.5rem #8cace180}.bottom-quiz-button{align-items:center;background-color:#f7e4ad;border-radius:.25rem;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:relative}.bottom-quiz-button.locked{cursor:default;opacity:.6}.bottom-quiz-button.complete{background-color:#d9eed7;cursor:pointer}.bottom-quiz-button.unlocked:hover{box-shadow:0 0 1.5rem #f7e4ad}.quiz-text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.quiz-score{align-items:center;display:flex;flex-direction:row;font-weight:500;gap:1rem;justify-content:center;padding-top:.5rem}.quiz-score div{background-color:#c4d6c2;border-radius:.25rem;padding:.25rem .5rem}@media (max-width:460px){.topic-card .topic-name{font-size:1.25rem}.subtopic-title{font-size:.75rem}.subtopic.generating .subtopic-title,.subtopic.unlocked .subtopic-title{font-size:.85rem}.bottom-quiz-button,.subtopic .bottom-info{font-size:.75rem}}.onboard-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100dvh;position:relative;width:100%}.onboard-background{bottom:2rem;display:flex;flex-wrap:wrap;justify-content:space-around;left:2rem;position:fixed;right:2rem;top:4rem}.onboard-background .word{color:#fff;cursor:default;display:flex;font-size:1.5rem;font-weight:500;padding:.5rem;-webkit-user-select:none;user-select:none}@keyframes wordPulse{0%{color:#fff}50%{color:#6fa5d1}to{color:#fff}}.pulse{animation:wordPulse 3s ease-in-out}@media (max-width:1700px){.onboard-background .word{font-size:1.25rem}}@media (max-width:1200px){.onboard-background .word{font-size:1.125rem}}@media (max-width:1000px){.onboard-background .word{font-size:1rem}}@media (max-width:800px){.onboard-background .word{font-size:.875rem}}@media (max-width:600px){.onboard-background .word{font-size:.75rem}}@media (max-width:500px){.onboard-background .word{font-size:.5rem}}@media (max-width:400px){.onboard-background .word{font-size:.375rem}}.home-nav{left:.75rem;position:absolute;top:.75rem;z-index:5}.back-to-home{align-items:center;background-color:initial;border:none;border-radius:.5rem;color:var(--text);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.25rem .5rem}.back-to-home svg{height:1.25rem;width:1.25rem}@media (max-width:600px){.home-nav{left:.5rem;top:.5rem}.back-to-home{font-size:.875rem;gap:.375rem}.back-to-home svg{height:1rem;width:1rem}}@media (max-width:500px){.home-nav{left:.25rem;top:.25rem}.back-to-home{font-size:.75rem;gap:.25rem}.back-to-home svg{height:.875rem;width:.875rem}}.back-to-home:hover{background-color:var(--main)}.middle-wrapper{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#fff6;border-radius:2rem;box-shadow:0 0 1rem #fff;display:flex;flex-direction:column;justify-content:center;max-width:min(60rem,100%);padding:4rem 2rem;position:relative}@media (max-width:700px){.middle-wrapper{border-radius:1.5rem;padding:2rem 1rem}}.middle-section{align-items:center;display:flex;flex-direction:column;gap:2rem;width:100%}.new-title{font-size:2rem;font-weight:500;text-align:center}.span-dont-wrap{white-space:nowrap}.middle-section .subject-input{border:2px solid var(--text);border-radius:.5rem;font-size:1.25rem;max-width:700px;padding:.75rem;width:100%}.middle-section .next-button{background-color:#dbdbdb;border:2px solid #dbdbdb;border-radius:.5rem;color:var(--text);font-size:1.5rem;padding:.5rem;width:10rem}@media (max-width:700px){.middle-section{gap:1.5rem}.new-title{font-size:1.75rem}.middle-section .subject-input{font-size:1rem;padding:.675rem}.middle-section .next-button{font-size:1.25rem;padding:.375rem;width:8rem}}@media (max-width:600px){.new-title{font-size:1.5rem}.middle-section .subject-input{font-size:.875rem;padding:.5rem}.middle-section .next-button{font-size:1rem;padding:.25rem;width:6rem}}@media (max-width:500px){.new-title{font-size:1.25rem}.middle-section .subject-input{font-size:.75rem;padding:.375rem}.middle-section .next-button{font-size:.875rem;padding:.25rem;width:5rem}}.middle-section .next-button:hover{border:2px solid var(--text);cursor:pointer}.middle-section .next-button:disabled{color:var(--main);cursor:default;opacity:.7}.middle-section .next-button:disabled:hover{border:2px solid #dbdbdb}.loading-specific{align-items:center;display:flex;flex-direction:column;gap:2rem;width:100%}.loading-title{font-size:2rem;font-weight:500;text-align:center}@media (max-width:700px){.loading-title{font-size:1.75rem}}@media (max-width:600px){.loading-title{font-size:1.5rem}}@media (max-width:500px){.loading-title{font-size:1.25rem}}.subject-bar{background-color:#a7c7e7;border-radius:.5rem;display:flex;flex-direction:row;font-size:1.5rem;max-width:36rem;padding:.5rem 1.5rem}.subject-bar .subject-top-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subject-bold{font-weight:500}.specific-title{font-size:1.75rem;font-weight:500;text-align:center}@media (max-width:700px){.subject-bar{font-size:1.25rem;padding:.375rem 1.25rem}.specific-title{font-size:1.5rem}}@media (max-width:600px){.subject-bar{font-size:1rem;padding:.25rem 1rem}.specific-title{font-size:1.25rem}}@media (max-width:500px){.subject-bar{font-size:.875rem;padding:.25rem .75rem}.specific-title{font-size:1rem}}.specific-list{display:flex;flex-wrap:wrap;width:100%}.topic-button{align-items:center;border:none;border-radius:.25rem;cursor:pointer;flex-grow:1;flex-shrink:0;font-size:1.25rem;justify-content:center;margin:.5rem;max-width:100%;overflow:hidden;padding:.5rem;position:relative;text-overflow:ellipsis;white-space:nowrap}@media (max-width:700px){.topic-button{font-size:1rem;margin:.375rem;padding:.375rem}}@media (max-width:600px){.topic-button{font-size:.875rem;margin:.25rem;padding:.25rem}}@media (max-width:500px){.topic-button{border-radius:.125rem;font-size:.75rem;margin:.25rem;padding:.25rem}}@media (max-width:400px){.topic-button{font-size:.675rem;margin:.125rem;padding:.125rem}}.next-button.create{border:2px solid var(--background);border-radius:.5rem;font-size:1.25rem;padding:.5rem;width:28rem}@media (max-width:700px){.next-button.create{font-size:1rem;padding:.375rem;width:22rem}}@media (max-width:600px){.next-button.create{font-size:.875rem;padding:.25rem;width:18rem}}@media (max-width:500px){.next-button.create{border-radius:.25rem;font-size:.75rem;padding:.25rem;width:16rem}}@media (max-width:400px){.next-button.create{font-size:.675rem;padding:.125rem;width:14rem}}.topic-button:hover{background-color:#a7c7e7}.topic-button.selected{background-color:#0096ff}.creation-title{font-size:1.5rem;font-weight:500;text-align:center}@media (max-width:700px){.creation-title{font-size:1.25rem}}@media (max-width:600px){.creation-title{font-size:1rem}}@media (max-width:500px){.creation-title{font-size:.875rem}}@media (max-width:400px){.creation-title{font-size:.75rem}}.learn-page.standard{--bg-color:#fff;--text-color:#151515;--button-color:#adcff3;--button-hover-color:#77b1f0;--waiting-start-color:#151515;--waiting-pulse-color:#1515154d}.learn-page.sepia{--bg-color:#ead9c6;--text-color:#151515;--button-color:#dcc1a7;--button-hover-color:#d4b595;--waiting-start-color:#151515;--waiting-pulse-color:#1515154d}.learn-page.dark{--bg-color:#151515;--text-color:#fff;--button-color:#959595;--button-text-color:#151515;--button-hover-color:#5c5c5c;--waiting-start-color:#fff;--waiting-pulse-color:#ffffff4d}.learn-page{align-items:center;background-color:var(--bg-color);color:var(--text-color);height:100dvh;position:fixed;width:100%}.learn-page,.learn-wrap{display:flex;flex-direction:column}.learn-wrap{height:100%;max-width:min(1000px,80%);overflow-y:scroll;position:relative}.learn-header{background-color:var(--bg-color);display:flex;flex-direction:column;gap:.25rem;padding:1rem .5rem .5rem;position:fixed;width:min(1000px,80%)}@media (max-width:700px){.learn-header{padding:.5rem}}.top-bar-wrap{align-items:center;display:flex;flex-direction:row;gap:.5rem;width:100%}.go-back-topic-nav{align-items:center;background-color:var(--button-color);border-radius:.5rem;color:var(--button-text-color);display:flex;flex-shrink:0;gap:.25rem;height:100%;justify-content:center;padding:.25rem .5rem}.go-back-topic-nav svg{fill:var(--button-text-color);height:1.25rem;width:1.25rem}@media (max-width:700px){.go-back-topic-nav{font-size:.75rem;padding:.125rem .25rem;width:60px}.go-back-topic-nav svg{height:.75rem;width:.75rem}}.go-back-topic-nav:hover{background-color:var(--button-hover-color);cursor:pointer}.learn-header-text{align-items:baseline;display:flex;flex-grow:1;gap:.125rem;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.learn-header-text span{text-wrap:nowrap;font-size:1rem;font-weight:300;overflow:hidden;text-overflow:ellipsis}@media (max-width:700px){.learn-header-text span{font-size:.875rem}}@media (max-width:600px){.learn-header-text span{font-size:.75rem}}@media (max-width:500px){.learn-header-text span{font-size:.625rem}}.learn-header-text .middle-dash{flex-shrink:0}.learn-header-text .main-subtopic-title{font-size:1.25rem;font-weight:400}@media (max-width:700px){.learn-header-text .main-subtopic-title{font-size:1rem}}@media (max-width:600px){.learn-header-text .main-subtopic-title{font-size:.875rem}}@media (max-width:500px){.learn-header-text .main-subtopic-title{font-size:.75rem}}.learn-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:3.5rem;padding:.5rem 1.25rem 3rem}@media (max-width:700px){.learn-content{margin-top:2rem}}.learn-content::-webkit-scrollbar{display:none}.learn-para{font-size:1.25rem;line-height:1.75;text-align:justify;width:100%}@media (max-width:750px){.learn-wrap{max-width:95%}.learn-header{width:95%}.learn-para{font-size:1rem}}@media (max-width:600px){.learn-para{font-size:.875rem}}@media (max-width:500px){.learn-para{font-size:.75rem}}.next-nav-section{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end;width:100%}.next-note{animation:waitingTextColor 2s linear infinite;flex-shrink:0;font-size:1rem;font-style:italic;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@keyframes waitingTextColor{0%{color:var(--waiting-start-color)}50%{color:var(--waiting-pulse-color)}to{color:var(--waiting-start-color)}}.go-to-next-button{align-items:center;background-color:var(--button-color);border-radius:.5rem;color:var(--button-text-color);display:flex;flex-shrink:0;font-size:1rem;gap:.25rem;height:100%;justify-content:center;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:.25rem .5rem;width:50%}.go-to-next-button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.go-to-next-button svg{fill:var(--button-text-color);flex-shrink:0}@media (max-width:700px){.go-to-next-button{font-size:.75rem;padding:.125rem .25rem}.next-note{font-size:.75rem}.go-to-next-button svg{height:.75rem;width:.75rem}}@media (max-width:600px){.go-to-next-button,.next-note{font-size:.625rem}.go-to-next-button svg{height:.625rem;width:.625rem}}.go-to-next-button.unlocked:hover{background-color:var(--button-hover-color);cursor:pointer}.go-to-next-button.waiting{cursor:default;opacity:.5}.quiz-page-wrapper{height:100dvh}.quiz-header-section,.quiz-page-wrapper{display:flex;flex-direction:column;gap:.25rem;width:100%}.quiz-header-section{align-items:center;justify-content:center;padding:.5rem;position:-webkit-sticky;position:sticky}.main-subject-line{font-size:2.25rem;font-weight:500;text-align:center;text-transform:uppercase}.main-topic-line{font-size:1.5rem;text-align:center}@media (max-width:700px){.main-subject-line{font-size:1.75rem}.main-topic-line{font-size:1.25rem}}@media (max-width:600px){.main-subject-line{font-size:1.5rem}.main-topic-line{font-size:1rem}}@media (max-width:500px){.main-subject-line{font-size:1.25rem}.main-topic-line{font-size:.875rem}}.quiz-progress-bar{align-items:center;display:flex;justify-content:center;width:100%}.quiz-dot-wrapper{display:flex;gap:.625rem;padding:.5rem}.quiz-progress-dot{align-items:center;background-color:#cecece;border-radius:1000px;display:flex;height:2rem;justify-content:center;width:2rem}@media (max-width:720px){.quiz-progress-dot{font-size:.75rem;height:1.5rem;width:1.5rem}}@media (max-width:600px){.quiz-progress-dot{font-size:.625rem;height:1.25rem;width:1.25rem}}@media (max-width:500px){.quiz-progress-dot{font-size:.5rem;height:1rem;width:1rem}}.quiz-progress-dot.correct{background-color:#97dd97}.quiz-progress-dot.incorrect{background-color:#f99}.quiz-progress-dot.current{border:2px solid #000}@media (max-width:720px){.quiz-progress-dot.current{border:1.5px solid #000}}.quiz-middle-ready,.quiz-question-section{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:1rem 2rem 12rem}@media (max-width:700px){.quiz-middle-ready,.quiz-question-section{padding:1rem 2rem 8rem}}@media (max-width:600px){.quiz-middle-ready,.quiz-question-section{padding:1rem 2rem 6rem}}.quiz-middle-wrapper,.quiz-question-wrapper{display:flex;flex-direction:column;gap:1rem}.quiz-middle-title{font-size:2.25rem;font-weight:500;text-align:center}@media (max-width:700px){.quiz-middle-title{font-size:1.75rem}}@media (max-width:600px){.quiz-middle-title{font-size:1.5rem}}@media (max-width:500px){.quiz-middle-title{font-size:1.25rem}}.quiz-ready-options{display:flex;flex-direction:row;gap:1rem}.quiz-ready-button{align-items:center;background-color:#cecece;border-radius:.5rem;display:flex;flex-direction:row;flex-grow:1;font-size:1.25rem;gap:.5rem;justify-content:center;padding:.5rem}@media (max-width:700px){.quiz-ready-button{font-size:1rem}}@media (max-width:600px){.quiz-ready-button{font-size:.875rem}}@media (max-width:500px){.quiz-ready-button{font-size:.75rem}}.quiz-ready-button:hover{background-color:#b2b2b2;cursor:pointer}.quiz-ready-button svg{height:1.25rem;width:1.25rem}@media (max-width:700px){.quiz-ready-button svg{height:1rem;width:1rem}}.quiz-ready-button.start-quiz-button{background-color:#71b3ed}.quiz-ready-button.start-quiz-button:hover{background-color:#52a6f0}.quiz-question-wrapper{max-width:50rem;width:100%}.quiz-question-number{font-size:1.25rem;font-weight:500}.quiz-question-text{font-size:1.5rem;font-weight:500;text-align:justify}.quiz-answer-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.quiz-answer-option{word-wrap:break-word;border-radius:.5rem;cursor:default;font-size:1.25rem;padding:.5rem;text-align:center;white-space:normal}@media (max-width:700px){.quiz-answer-options{gap:.75rem}.quiz-question-number{font-size:1rem}.quiz-question-text{font-size:1.25rem}.quiz-answer-option{font-size:1rem;padding:.375rem}}@media (max-width:600px){.quiz-answer-options{gap:.5rem}.quiz-question-number{font-size:.875rem}.quiz-question-text{font-size:1rem}.quiz-answer-option{font-size:.875rem;padding:.25rem}}@media (max-width:500px){.quiz-answer-options{gap:.375rem}.quiz-question-number{font-size:.75rem}.quiz-question-text{font-size:.875rem}.quiz-answer-option{font-size:.75rem}}.quiz-answer-option.pending{background-color:#97c8ea;cursor:pointer}.quiz-answer-option.correct{background-color:#97dd97}.quiz-answer-option.incorrect{background-color:#f99}.quiz-answer-option.unanswered{background-color:#cecece}.quiz-answer-option.pending:hover{background-color:#72b7e8}.quiz-nav-buttons{display:flex;justify-content:space-between}.quiz-nav-button{align-items:center;background-color:#cecece;border-radius:.5rem;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.5rem}.quiz-nav-button.locked{cursor:default;opacity:.6}.quiz-nav-button svg{height:1.25rem;width:1.25rem}@media (max-width:700px){.quiz-nav-button{font-size:.875rem;padding:.375rem .5rem}.quiz-nav-button svg{height:1rem;width:1rem}}@media (max-width:600px){.quiz-nav-button{font-size:.75rem;padding:.25rem .5rem}.quiz-nav-button svg{height:.875rem;width:.875rem}}@media (max-width:500px){.quiz-nav-button{font-size:.625rem;padding:.125rem .375rem}.quiz-nav-button svg{height:.75rem;width:.75rem}}.quiz-nav-button.unlocked:hover{background-color:#b2b2b2}.app-wrap{height:100dvh;overflow-y:scroll}.app-page,.app-wrap{display:flex;flex-direction:column;width:100%}.app-page{flex:1 1;height:100%;margin-top:3.875rem;position:relative}.app-page::-webkit-scrollbar{display:none}.subjects-container{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.subject-begin-section,.subject-list-section{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1rem 1.75rem}.subject-begin-section{display:none}.subject-title-wrap{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:space-between}.subject-list-title{align-items:center;display:flex;font-size:1.75rem;font-weight:500;gap:.75rem;margin-left:.5rem}.subject-list-title .subject-list-count{align-items:center;background-color:#d4d4d4;border-radius:.5rem;display:flex;font-size:1.25rem;font-weight:400;height:2rem;justify-content:center;padding:.25rem .5rem}@media (max-width:700px){.subject-list-title{font-size:1.25rem;gap:.5rem}.subject-list-title .subject-list-count{border-radius:.25rem;font-size:1.25rem;height:1.75rem;padding:.25rem .375rem}}@media (max-width:500px){.subject-list-title{font-size:.75rem}.subject-list-title .subject-list-count{font-size:.875rem;height:1.25rem;padding:.125rem .25rem}}.trial-subject-count{flex-direction:row;font-size:1.125rem;font-weight:500;gap:.5rem}.trial-subject-count,.trial-subject-count-number{align-items:center;display:flex;justify-content:center}.trial-subject-count-number{background-color:#cceec9;border-radius:.25rem;height:1.75rem;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;min-width:1.5rem;padding:0 .375rem}.trial-subject-count-number.zero{background-color:#d4d4d4}@media (max-width:700px){.trial-subject-count{font-size:1rem;gap:.375rem}.trial-subject-count-number{height:1.5rem;min-width:1.25rem}}@media (max-width:650px){.trial-subject-count .remain-text{display:none}}@media (max-width:500px){.trial-subject-count{font-size:.75rem;gap:.25rem}.trial-subject-count-number{height:1.25rem;min-width:1rem}}.subject-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(24rem,1fr));width:100%}@media (max-width:700px){.subject-list{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr))}}@media (max-width:600px){.subject-list{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr))}}@media (max-width:500px){.subject-list{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}}.no-subject-wrap{display:flex;flex-direction:column;gap:1rem;padding-left:.5rem}.no-subject{font-size:1.25rem;margin-bottom:.5rem}.begin-subject{align-items:center;border:2px solid var(--main);border-radius:.5rem;display:flex;font-size:1.25rem;gap:1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin-bottom:8rem;padding:1rem}@media (max-width:700px){.begin-subject{font-size:1rem;padding:.5rem}}.begin-subject-title{color:#000}.begin-subject.zeroed{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.begin-subject.mellow,.begin-subject.zeroed{background-color:#e8e8e8}.begin-subject.hidden{display:none}.begin-subject:hover{box-shadow:var(--main) 0 0 .75rem;cursor:pointer}.begin-subject svg{height:1.75rem;width:1.75rem}.subject-card{background-color:#d9eed7;border:2px solid #00c700;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;height:19rem;padding:.75rem 2rem 0;position:relative}@media (max-width:700px){.subject-card{height:14.5rem;padding:.5rem 1.5rem 0}}.subject-card:hover{box-shadow:0 0 1.5rem #00c70080}.subject-card-title{font-size:1.5rem;font-weight:500;line-height:normal;text-align:left;text-transform:uppercase;width:100%}@media (max-width:700px){.subject-card-title{font-size:1rem}}.subject-card-title div{color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.subject-card-topic-list{display:flex;flex-direction:column;gap:.5rem;height:100%;overflow-y:auto;padding:.5rem 0 1rem;width:100%}.subject-card-topic-list::-webkit-scrollbar{display:none}.subject-card-topic-line{color:#000;display:flex;font-size:1rem;gap:2rem;justify-content:space-between}@media (max-width:700px){.subject-card-topic-line{font-size:.75rem}}.subject-card-topic-name{font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subject-card-topic-count{font-weight:600}.subject-card-title:after{background:linear-gradient(180deg,#d9eed7 0,#d9eed700);content:"";height:1rem;left:0;position:absolute;right:0}.subject-card:after{background:linear-gradient(0deg,#d9eed7 0,#d9eed700);border:2px solid #00c700;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;border-top:none;bottom:-2px;content:"";height:2rem;left:-2px;position:absolute;right:-2px}