@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Amiri+Quran&display=swap";@import"https://fonts.googleapis.com/css2?family=Lateef:wght@200;300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Scheherazade+New:wght@400;500;600;700&display=swap";@keyframes floatButton{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.heroSection{width:95%;min-height:90vh;margin:5rem auto;padding:3.2rem;border-radius:.8rem;background:linear-gradient(135deg,#F7EEE4,linear-gradient(to bottom,#266075,rgb(25.4967741935,64.4129032258,78.5032258065)));flex-direction:column;align-items:center;gap:2.4rem;overflow:hidden;text-align:center;position:relative;user-select:none}.heroSection,.heroSection-buttons{display:flex;justify-content:center}.heroSection-buttons{flex-wrap:wrap;gap:1.6rem;z-index:5}.heroSection-buttons a,.heroSection-buttons button{padding:.8rem;border-radius:.8rem;background:#f7eee4;color:#266075;box-shadow:5px 5px 5px 0 #266075;border:2px solid #266075;animation:floatButton 5s ease-in-out infinite;transition:all .3s ease}.heroSection-buttons a:hover,.heroSection-buttons button:hover{background:#266075;color:#fff;transform:translateY(-10px) scale(1.1);animation:none;box-shadow:2px 2px 5px 0 #266075}.heroSection-title{font-size:min(10vw,150px);z-index:5;font-variant:small-caps}.heroSection-title:hover{text-decoration:underline;text-decoration-color:#fabf48}.heroSection-downButton{position:relative;font-size:min(10vw,100px);animation:floatButton 5s ease-in-out infinite;z-index:5}.heroSection-downButton>:first-child{border-radius:50%;box-shadow:0 5px 5px 5px #266075}.heroSection-downButton:hover{transform:translateY(-10px) scale(1.1);animation:none}.heroSection-downButton:hover>:first-child{border-radius:50%;box-shadow:0 5px 5px 5px #fabf48}.particle{position:absolute;background-color:#266075;border-radius:50%;opacity:.25;animation:floatParticles ease-in-out infinite;z-index:0}@keyframes floatParticles{0%{transform:translateY(0) scale(1);opacity:.5}50%{transform:translateY(-20px) scale(1.2);opacity:.8}to{transform:translateY(0) scale(1);opacity:.5}}.homePage{max-width:100vw}.homePage,.homePageBanner{display:flex;flex-direction:column;align-items:center}.homePageBanner{width:95%;padding:2.4rem;margin:1.6rem;min-height:20vh;background:linear-gradient(180deg,#F7EEE4,rgb(241.1714285714,225.6142857143,208.3285714286));justify-content:space-evenly;border:1px solid #266075;border-radius:5px;position:relative;z-index:10}.homePageBanner p{text-align:center;max-width:760px;background-color:#f7eee4;z-index:10}.homePageBanner-text{text-transform:uppercase;padding:1.6rem;text-align:center;letter-spacing:.5rem;max-width:70rem;z-index:10}.homePageBanner-buttons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;width:100%;z-index:10}.homePageBanner-buttons a{margin:.8rem}.titleText{font-size:3rem;font-weight:800;letter-spacing:1vw}.buttonMain,.titleText{text-transform:uppercase}.buttonMain{color:#000;background-color:#f7eee4;padding:10px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #000;border-radius:4px;letter-spacing:2px;transition:all .3s;transform-origin:bottom;box-shadow:0 5px 5px rgba(24,1,1,.2);min-width:15rem;font-size:2rem;text-wrap:nowrap}.buttonMain:hover{background-color:#fabf48;box-shadow:0 10px 5px rgba(32,32,32,.4);transform:scale(1.1);color:#fff;border-color:#fff}.buttonMain:active{transform:scale(1.05);box-shadow:0 8px 5px rgba(32,32,32,.6)}.headingPrimary{text-transform:uppercase;font-size:3rem;font-weight:300}.mainMenu{width:4rem;border-radius:3px;border:1px solid;transition:all .3s;position:relative;margin:.5rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:300;box-shadow:2px 2px 8px rgba(0,0,0,.1);z-index:100}.mainMenu,.mainMenu:hover{color:#266075;background-color:#fabf48}.mainMenu:hover{height:3.5rem}.mainMenu:hover .mainMenu-col1{display:block;width:20rem;transform:scale(1)}.mainMenu:hover .mainMenu-icon{animation:rotate-0-90 .5s ease forwards}.mainMenu-icon{margin:auto;animation:rotate-90-0 .5s ease forwards;position:relative}.mainMenu li{height:4rem;border:1px solid #266075;border-top:0 solid #266075;background-color:#f7eee4}.mainMenu li.mainMenu-lastLink{border-radius:0 0 40px 0}.mainMenu-arrow{display:flex;flex-direction:column;align-items:center;margin-left:10px;margin-bottom:4px;transform:rotate(90deg);transition:all .3s;animation:rotate-0-90 .5s ease forwards}.mainMenu-col1{display:block;transform:scale(0);transition:transform .3s;transform-origin:top left;position:absolute;top:100%;border-top:1px solid #000;left:-1px;border-radius:0 0 40px 0;background-color:#d4c0a8;z-index:100}.mainMenu a{position:relative;height:100%;width:100%;display:flex;flex-direction:row;align-items:center;background-color:rgba(0,0,0,0);text-transform:uppercase;color:#266075;text-align:left;padding-left:10px;border-radius:inherit;transition:all .3s;font-size:1.8rem;z-index:5;overflow:hidden}.mainMenu a:before{content:"";height:100%;width:0;left:-30px;background-color:#fabf48;position:absolute;z-index:-1;transition:all .5s;border-radius:30px}.mainMenu a:hover:before{width:150%}.mainMenu a:hover{letter-spacing:.4rem;color:#266075}.mainMenu-col2{transform:scaleX(0);transition:transform .3s;position:relative;width:100%;transform-origin:left;border-radius:0 0 40px 0;border-top:1px solid #266075;visibility:hidden;padding-left:2rem}.mainMenu-col2 li{background-color:#f7eee4}@media(min-width:480px){.mainMenu-col2{position:absolute;top:0;left:100%;display:block;padding-left:0}}.mainMenu-nestedCol{position:relative;color:#266075}.mainMenu-nestedCol:hover{background-color:#f7eee4;height:auto!important}@media(min-width:480px){.mainMenu-nestedCol:hover{height:4rem!important}}.mainMenu-nestedCol:hover .mainMenu-col2{transform:scaleX(1);visibility:visible}.mainMenu-nestedCol:hover .mainMenu-arrow{position:relative;right:0;animation:rotate-90-0 .5s ease forwards}@keyframes rotate-90-0{0%{transform:rotate(90deg)}70%{transform:rotate(-10deg)}to{transform:rotate(0deg)}}@keyframes rotate-0-90{0%{transform:rotate(0deg)}70%{transform:rotate(100deg)}to{transform:rotate(90deg)}}@keyframes slide-in-left{0%{width:0}to{width:100%}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes scaleFromRight{0%{transform:scaleX(0);transform-origin:right}90%{transform:scaleX(1.1);transform-origin:right}to{transform:scaleX(1);transform-origin:right}}@keyframes scaleFromLeft{0%{transform:scaleX(0);transform-origin:left}90%{transform:scaleX(1.1);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes infinite-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.buttonSecondary{color:#f7eee4;background-color:rgba(0,0,0,0);padding:10px 20px;position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #000;border-radius:3px;overflow:hidden;transition:all .3s;font-size:2rem}.buttonSecondary:before{content:"";height:100%;width:0;left:-30px;background-color:red;position:absolute;z-index:-1;transition:all .5s;border-radius:30px}.buttonSecondary:hover{border-color:#fff;box-shadow:0 30px 5px 10px green;transform:scale(1.1)}.buttonSecondary:hover:before{width:150%}.buttonSecondary:active{box-shadow:0 20px 5px 5px green;transform:scale(1.05)}html{font-size:62.5%;scroll-behavior:smooth}*,:after,:before{margin:0;padding:0;box-sizing:border-box;text-decoration:none;color:inherit}body{box-sizing:border-box;max-width:100vw;background-color:#f7eee4;color:#000}ol,ul{list-style:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button{background:none;border:none;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer;outline:none;text-align:inherit}h1,h1 h2 h3 h4 h5 h6{margin:0;margin-block-start:0;margin-block-end:0}.dragging{touch-action:none;overflow:hidden}.troBL{transform-origin:bottom left}.troBR{transform-origin:bottom right}.troTL{transform-origin:top left}.troTR{transform-origin:top right}.troT{transform-origin:top}.troB{transform-origin:bottom}.troL{transform-origin:left}.troR{transform-origin:right}.hidden{display:none}.visible{display:block}.showcase{margin-top:1.6rem;background:linear-gradient(180deg,#F7EEE4,rgb(241.1714285714,225.6142857143,208.3285714286));display:flex;flex-direction:column;flex-wrap:nowrap;width:95%;border-radius:.8rem}.showcase:last-child{margin-bottom:1.6rem}.showcase p{margin:.8rem 0}@media(min-width:480px){.showcase{flex-direction:row}}.showcase-column{border-bottom:5px solid #fabf48;overflow:hidden;width:100%;padding:.8rem 1.6rem;position:relative;display:flex;flex-direction:column}@media(min-width:480px){.showcase-column{width:50%;border-right:5px solid #266075;border-bottom:none}}.showcase-column a{align-self:flex-start}.showcase-column:last-child{border:none}.to-bottom{margin-top:auto}.subtitleText{text-transform:uppercase;font-size:2.5rem;font-weight:300}.buttonAction{padding:.5rem 1rem;border-radius:5px;border:1px solid #000;background-color:#f7eee4}.buttonAction:hover{background-color:#266075}.buttonAction:active{background-color:#fabf48;border-color:green}.buttonAction.loading{opacity:50%;background-color:aqua}.tooltip{display:none;position:fixed;pointer-events:none;color:#266075;border-radius:5px;background-color:#f7eee4;border-bottom:1px solid #266075;padding:.4rem;text-align:center;z-index:1000;font-size:1.2rem;animation:fade-in .3s ease-out;text-wrap:nowrap}.topBar{position:fixed;height:4rem;background:#266075;top:0;font-size:2rem;color:#f7eee4;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100vw;transition:transform .3s;z-index:100;box-shadow:0 10px 10px rgba(0,0,0,.2)}.topBar-title{font-size:2.5rem;font-weight:700;height:100%}.topBar-user{display:flex;flex-direction:row;align-items:center;padding-right:1.6rem}.topBar-username{margin:.5rem}.topBar-useravatar{display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:100%;border:1px solid #f7eee4;padding:2px;width:3rem;height:3rem;background-color:#fabf48;color:#266075;text-transform:uppercase;cursor:pointer}.topBar-useravatar:hover{transform:scale(1.1)}.topBar-useravatar:hover .topBar-avatarMenu{transform:scale(1)}.topBar-avatarMenu{transform:scale(0);transform-origin:top right;position:absolute;top:100%;right:0;transition:all .3s;display:flex;flex-direction:column;color:#266075;border:1px solid #266075}.topBar-avatarMenuItem{text-wrap:nowrap;transition:all .3s;height:4rem;padding:0 .8rem}.topBar-avatarMenuItem:hover{background-color:#fabf48;color:#266075;letter-spacing:.2rem}.topBar-avatarMenuItem:active{transform:scale(.9)}.topBar.notShowing{transform:translateY(-100%)}.topBar.showing{transform:translateY(0)}.defaultPage{flex-direction:column;align-items:center;margin-top:4rem;background-color:#f7eee4}.defaultPage,.defaultPageSideAds{display:flex;width:100%;padding-bottom:4rem;min-height:100vh}.defaultPageSideAds{position:relative;margin-top:5rem;flex-direction:row;justify-content:space-between}.logo.gray{filter:grayscale(100%)}.logo.inline{width:4rem;height:4rem}.buttonLink{background-color:rgba(0,0,0,0);text-decoration:underline;transition:all .3s;padding:1rem 0;font-size:1.5rem;letter-spacing:.15rem;min-height:2rem;display:inline-block}.buttonLink:hover{background-color:#fabf48;color:#266075}.buttonLink:active{background-color:rgba(0,0,0,0)}.footer{max-width:100vw;align-items:center;flex-direction:column;color:#f7eee4}.footer,.footer-buttons{display:flex;background:linear-gradient(180deg,#266075,rgb(25.4967741935,64.4129032258,78.5032258065))}.footer-buttons{flex-direction:row;justify-content:center;width:100%}@media(min-width:768px){.footer-buttons>*{margin:0 2rem!important}}.footer-buttons>*{margin:0 .5rem!important;font-size:1.6rem!important}.footer-columns{display:flex;flex-direction:column;width:100%;overflow:hidden;background:linear-gradient(180deg,#266075,rgb(25.4967741935,64.4129032258,78.5032258065));border-top:5px solid #f7eee4}@media(min-width:480px){.footer-columns{flex-direction:row}}.footer-about{background:linear-gradient(180deg,#266075,rgb(25.4967741935,64.4129032258,78.5032258065));padding:2rem;width:100%;display:flex;align-items:center;flex-direction:column}@media(min-width:480px){.footer-about{width:50%;align-items:flex-start;border-right:5px solid #f7eee4}}.footer-contacts{display:flex;align-items:center;flex-direction:column;padding:2rem;background:linear-gradient(180deg,#266075,rgb(25.4967741935,64.4129032258,78.5032258065))}body{font-family:Poppins,sans-serif;font-size:1.6rem}.justified{text-align:justify}.last-center{text-align-last:center}.last-left{text-align-last:left}.last-right{text-align-last:right}.uppercased{text-transform:uppercase}.heading-level1{font-size:3rem}.heading-level2{font-size:2.5rem}.heading-level3{font-size:2rem}.heading.centered{text-align:center}.text{font-size:1.6rem}.text.italic{font-style:italic}.text.underline{text-decoration:underline}.text.light{color:#fff}.text.dark{color:#f7eee4}.textAlignCenter{text-align:center}.vertically-align{display:flex;align-items:center}h1 h2 h3 h4 h5 h6{color:#266075}.nowrap{text-wrap:nowrap}.mt-small{margin-top:.5rem}.mt-large{margin-top:1rem}.mb-small{margin-bottom:.5rem}.mb-large{margin-bottom:1rem}.ml-md,.ml-sm{margin-left:1.6rem}.m-sm{margin:.8rem}.m-md{margin:1.6rem}.m-lg{margin:2.4rem}.mt-sm{margin-top:.8rem}.mt-md{margin-top:1.6rem}.mt-l,.mt-lg{margin-top:2.4rem}.mb-sm{margin-bottom:.8rem}.mb-md{margin-bottom:1.6rem}.mb-l{margin-bottom:2.4rem}.mr-sm{margin-right:.8rem}.mr-md{margin-right:1.6rem}.mr-lg{margin-right:2.4rem}.socialMediaLinks{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;font-size:2rem}.socialMediaLinks a{margin:.8rem}article{font-size:1.6rem}.heading-1{font-size:2rem;margin-bottom:1rem;margin-top:4rem;border-bottom:1px solid #266075}.heading-1,.heading-2{text-transform:uppercase}.heading-2{font-size:1.8rem;margin-bottom:2rem;margin-top:1rem}.heading-3{font-size:1.6rem;margin-bottom:1rem;margin-top:1rem}.paragraph{line-height:1.6;font-size:1.6rem;margin-bottom:3rem}.link{color:teal;text-decoration:underline}.list{padding-left:2rem;list-style-type:decimal}.list-item{margin-bottom:.5rem}.blockquote{border-left:4px solid #ddd;padding-left:1rem;font-style:italic;font-size:1.6rem}.pre{padding:1rem;border-radius:4px;overflow-x:auto;font-size:1.6rem;background-color:#0d1117}.image,.pre{max-width:100%}.image{height:auto}.articlePage{padding:1.6rem;color:#000;display:flex;flex-direction:column;align-items:center;max-width:80rem}.article-header{color:#000;background-color:#fdd789;width:95%}.article-title{font-size:3rem;margin-top:1.6rem}.article-subtitle,.article-title{text-align:center;padding:1.6rem;text-transform:uppercase}.article-subtitle{font-size:2rem;margin-bottom:.8rem}.article-metaData{text-align:center;font-style:italic;text-transform:uppercase}.article-nav{background-color:#fdd789;color:#000;margin-top:3.2rem;padding:2.4rem;border:2px solid #266075}.article-nav-item{margin:.8rem}.article-nav-item:hover{background-color:#fabf48;color:#266075}.article-nav-number{display:inline-block;width:3rem}.article-nav-link{text-decoration:underline}.article-navigation{display:flex;justify-content:space-between;margin-top:3.2rem;width:100%}.article-navigation-spacer{visibility:hidden}.article-navigation-title{color:#266075;margin-top:1rem}.article-navigation-item{display:flex;flex-direction:column;align-items:center;max-width:45%;text-align:center}.article-navigation .cta-button{width:15rem}.custom-image-wrapper{display:flex;justify-content:center}.custom-image{width:90%;height:auto;object-fit:contain}.inputField{background-color:#fff;color:#000;border-radius:3px;border:1px solid #252525;padding:.5rem 1rem}.inputField-label{text-transform:uppercase;position:absolute;bottom:2.5rem;font-size:1rem;transition:all .3s;padding:.5rem 1rem}.inputField.invalidated{background-color:#f85858}.inputField.validated{background-color:#80eb80}.inputField-container{position:relative}.inputField:disabled{background-color:#969696;cursor:not-allowed}.inputSlider{min-width:30rem}.inputSlider-value{padding-left:1.6rem}.radioButton{appearance:none;width:3.25rem;height:3.25rem;border:2px solid #266075;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.radioButton,.radioButton:checked{background-color:#f7eee4}.radioButton:before{content:"";width:1.5rem;height:1.5rem;background-color:#266075;border-radius:50%;transform:scale(0)}.radioButton:checked:before{transform:scale(1)}.radioButton:hover{border:4px solid #266075}.radioButton:disabled{pointer-events:none}.buttonToggles{display:inline-flex;flex-direction:row;border-radius:2.5rem;font-size:2rem;border:1px solid #266075;color:#266075;background-color:#f7eee4;justify-content:flex-start;padding:2px}.buttonToggles-button{background-color:rgba(0,0,0,0);border:none;min-width:2rem;white-space:nowrap;overflow:hidden;width:auto;border-radius:2.5rem;padding:.8rem;font-size:1.6rem;display:flex;flex-direction:column;align-items:center;margin-left:.4rem;margin-right:.4rem}.buttonToggles-button:focus{background-color:#fdd789}.buttonToggles-button:hover{background-color:#fdd789;cursor:pointer}.buttonToggles-button:first-child{margin-left:0}.buttonToggles-button:last-child{margin-right:0}.buttonToggles-radio{display:none}.buttonToggles .selected{background-color:#fabf48;border:1px solid #266075}.calculator{padding:2rem;border:1px solid #266075;border-radius:3px;max-width:80rem}.calculator p{margin-top:.8rem}.calculator ul{margin-left:2.4rem;list-style:circle}.calculator h1{margin-top:1.6rem}.calculator h2{margin-top:.8rem}.calculatorsList{width:95%}@media(min-width:768px){.calculatorsList{width:max(500px,95% - 240px - 2.4rem)}}@media(min-width:768px)and (min-width:1024px){.calculatorsList{width:min(700px,95% - 320px - 2.4rem)}}.calculatorsList-ol{list-style:decimal}.calculatorsList-ol>*{margin-left:3.2rem}.inlineInput{padding:.4rem;min-width:2rem;color:#000}.calculator-sliderParent{display:flex;flex-direction:row;justify-content:space-around}.calculator-row-inputs{display:flex;flex-direction:row;gap:.8rem}.calculator-row-inputs input{margin-left:.8rem}.calculator-row-inputs label{display:flex;flex-direction:row}.calculator-row-inputs.no-gap{gap:0}.select-container label{text-transform:uppercase;padding-right:.8rem}.selectMain{background:linear-gradient(180deg,#F7EEE4,rgb(241.1714285714,225.6142857143,208.3285714286));border:1px solid #fabf48;border-radius:.8rem;max-width:100%}.selectMain option{background-color:#f7eee4;color:#266075}.selectMain-option{background:linear-gradient(180deg,#F7EEE4,rgb(241.1714285714,225.6142857143,208.3285714286));color:#f7eee4}.notes-container{display:flex;flex-direction:column;flex-grow:0;align-items:center;width:100%;min-height:100vh}.notes-iconContainer{font-size:2rem;border:1px solid #266075;border-radius:1.6rem}.notes-icon,.notes-iconContainer{display:flex;flex-direction:row;align-items:center}.notes-icon{margin:0 .8rem}.notes-icon:hover{transform:scale(1.1)}.notes-icon.selected{color:#fabf48}.notes-carousel{display:flex;flex-direction:column;align-items:center;overflow:hidden}@media(min-width:480px){.notes-carousel{flex-direction:row}}.notes-carousel-topText{text-transform:uppercase;margin:.8rem}.notes-carousel-select{display:inline}.notes-carousel-select>*{min-width:3.2rem}.notes-carousel-button{font-size:3rem;color:#fabf48;display:flex;flex-direction:row;align-items:center;justify-content:center;width:15rem;height:3rem}.notes-carousel-button.next:hover{background:linear-gradient(0deg,#969696,transparent);border-radius:0 0 3rem 3rem}.notes-carousel-button.previous:hover{background:linear-gradient(180deg,#969696,transparent);border-radius:3rem 3rem 0 0}.notes-carousel-button>*{transform:rotate(90deg)}@media(min-width:480px){.notes-carousel-button{height:9rem;width:3rem}.notes-carousel-button.next:hover{background:linear-gradient(90deg,#969696,transparent);border-radius:0 3rem 3rem 0}.notes-carousel-button.previous:hover{background:linear-gradient(270deg,#969696,transparent);border-radius:3rem 0 0 3rem}.notes-carousel-button>*{transform:none}}.notes-carousel-button.disabled{color:gray;cursor:not-allowed}.notes-carousel-button.disabled:hover{background:rgba(0,0,0,0)}.notes-grid{display:flex;flex-direction:column;align-items:center}@media(min-width:480px){.notes-grid{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start}}.notes-grid>*{margin:1.6rem}.notes-topToolbar{display:flex;flex-direction:row;justify-content:space-between;width:95%;margin:.8rem 0}.note{display:flex;max-width:95vw;flex-direction:column;border:1px solid #266075;border-radius:1.6rem;overflow:hidden;align-items:center;position:relative;padding-bottom:3rem}.note,.note-front{background:linear-gradient(180deg,#F7EEE4,rgb(241.1714285714,225.6142857143,208.3285714286))}.note-front{display:block;text-transform:uppercase;padding:1rem 2rem;font-size:2rem;text-align:left;width:100%;cursor:pointer}.note-status{right:0}.note-edit,.note-status{position:absolute;bottom:0}.note-edit{font-size:2rem;left:0;color:#fabf48;padding-left:.8rem}.note-back{padding:1.6rem;width:100%;background-color:#f7eee4;position:relative}.note-back-mask{width:100%;height:3rem;vertical-align:middle;text-transform:uppercase;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:50%}.note-back-mask:hover{cursor:pointer;background:radial-gradient(circle,#969696,#F7EEE4 75%);opacity:100%}.note-toolbar{display:flex;flex-direction:column;margin:0;padding:.5rem;position:fixed;bottom:0;right:0;align-items:flex-end;z-index:50;font-size:2.5rem;color:#fabf48}.note-toolbar-icon{margin-top:.8rem}.note-toolbar-icon>*{pointer-events:none}.note-toolbar-icon.disabled{opacity:50%;color:#969696}.note-input{text-transform:uppercase}.newNote{width:min(95vw,500px);background:linear-gradient(180deg,#F7EEE4,rgb(241.1714285714,225.6142857143,208.3285714286));z-index:100;padding:2.4rem;border-radius:1.6rem;border:1px solid #266075}.newNote-label{text-transform:uppercase;font-size:2rem}.newNote-front{font-size:3rem}.newNote-back,.newNote-front{display:block;background:linear-gradient(180deg,#F7EEE4,rgb(241.1714285714,225.6142857143,208.3285714286));width:100%;resize:vertical;min-height:3rem}.newNote-back{font-size:1.8rem;margin-top:1.6rem}.newNote-buttons{flex-direction:row;justify-content:space-between;width:100%;margin-top:1.6rem}.newNote-buttons,.newTopic{position:relative;z-index:100;display:flex}.newTopic{width:min(95vw,500px);background:linear-gradient(180deg,#F7EEE4,rgb(241.1714285714,225.6142857143,208.3285714286));padding:.8rem;border-radius:1.6rem;border:1px solid #266075;flex-direction:column;align-items:center;flex-grow:0;min-height:50%;justify-content:space-evenly}.newTopic-close{position:absolute;right:0;top:0;margin:.8rem}.newTopic-top{display:flex;align-items:center;flex-direction:column}.newTopic-label{text-transform:uppercase;font-size:2rem;margin-bottom:1.6rem;border-bottom:1px solid #266075;display:inline-block}.newTopic-inputArea{display:flex;flex-direction:row;justify-content:center;align-items:center}.newTopic-input{background:linear-gradient(180deg,#F7EEE4,rgb(241.1714285714,225.6142857143,208.3285714286));font-size:1.8rem;text-transform:uppercase;margin-right:.8rem;padding:.8rem}.newTopic-icon{color:#fabf48;font-size:2.5rem;display:flex;flex-direction:row;align-items:center}.newTopic-icon:hover>*{transform:scale(1.1);border:1px solid #266075;border-radius:100%}.newTopic-icon.disabled{color:#969696;cursor:"not-allowed"}.newTopic-categories{display:flex;flex-direction:column;width:100%;align-items:center}.newTopic-category{font-size:2rem;display:flex;flex-direction:row;justify-content:center;margin:.8rem}.newTopic-category--text{text-align:right;margin-right:.8rem}.newTopic-category--text.disabled{background:#969696;cursor:none}.newTopic-index{flex-direction:row;font-size:1.2rem;vertical-align:middle}.newTopic-confirmButtons,.newTopic-index{margin:.8rem;display:flex;align-items:center}.newTopic-confirmButtons{flex-direction:column}.newTopic-confirmButtons>*{margin:1.6rem}.newTopic-warning{font-size:1.6rem;text-align:center}.quiz{display:flex;flex-direction:column;align-items:center;width:100%}.quiz-title{width:95%;background:linear-gradient(180deg,#F7EEE4,rgb(241.1714285714,225.6142857143,208.3285714286));border-radius:.8rem;margin:.8rem}.quiz-description,.quiz-instructions{border-radius:.8rem;padding:.8rem}.quiz-areaToggle,.quiz-description,.quiz-instructions{width:95%;background:linear-gradient(180deg,#F7EEE4,rgb(241.1714285714,225.6142857143,208.3285714286));margin:.8rem}.quiz-areaToggle{font-size:2.5rem;flex-grow:0;display:flex;flex-direction:column;align-items:center}.quiz-areaToggle *{font-size:2.5rem!important}.quiz-dashboard{display:flex;flex-direction:column;align-items:center;background-color:#f7eee4}.testArea{min-height:30vh}.testArea,.testArea-questions{width:100%}.testArea,.testArea-UI,.testArea-questions{display:flex;flex-direction:column;align-items:center}.testArea-UI>*{margin-right:1rem}.testArea-buttons{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:.8rem}.testArea-buttons>*{margin-left:1.6rem}.learnArea{width:95%;min-height:30vh}.learnArea,.learnArea-UI{display:flex;flex-direction:column;align-items:center}.learnArea-UI{width:100%}@media(min-width:768px){.learnArea-UI{width:95%;flex-direction:row;justify-content:space-between}}.learnArea-questions{width:100%;display:flex;flex-direction:column;align-items:center}.learnArea-tooltip{margin:1.6rem}.question{display:flex;flex-direction:column;width:95%;border-radius:5px;margin:.8rem 0;background:linear-gradient(180deg,#F7EEE4,rgb(241.1714285714,225.6142857143,208.3285714286));overflow:hidden}@media(min-width:768px){.question{flex-direction:row;min-height:15rem}}.question-image{background:linear-gradient(180deg,#F7EEE4,rgb(241.1714285714,225.6142857143,208.3285714286));width:auto;min-width:15rem;height:15rem;padding:5px;position:relative;flex-shrink:0}@media(min-width:768px){.question-image{height:auto}}.question-content{position:relative;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;border-top:1px solid #266075;min-height:15rem;width:100%}@media(min-width:768px){.question-content{border-left:1px solid #266075;border-top:none;width:auto;flex-grow:1}}.question-content.correct{background-color:#80eb80}.question-content.incorrect{background-color:#f85858}.question-UI{position:absolute;top:0;right:0;width:100%;height:3rem;display:flex;flex-direction:row;justify-content:space-between;font-size:3rem;padding-right:.8rem;padding-left:.8rem;color:#fabf48}.question-UI.animateTimer{z-index:1}.question-UI.animateTimer:before{content:"";position:absolute;top:0;left:0;height:.5rem;border-radius:0 3rem 3rem 0;z-index:10;background:#fabf48;animation:slide-in-left 10s linear forwards}.question-title{margin:1rem 5rem;text-align:center;font-size:2rem}.question-answer{font-size:2rem;text-align:center;user-select:none;opacity:100%;transition:opacity .5s}.question-answer.hide{opacity:0}.question-input{height:3.5rem;font-size:2rem;text-align:center;transition:all .3s;flex-grow:1;width:auto;max-width:85%;min-width:min(300px,90%);padding:.8rem 0;background:#fdd789;color:#266075}.question-input.disabled{background-color:#969696;opacity:50%}.question-input.test-correct{background-color:#80eb80;color:#fabf48}.question-input.test-incorrect{background-color:#f85858;color:#fabf48}.question-input.correct{color:#80eb80}.question-input.incorrect{color:#f85858}.question-input.submitted{opacity:50%;user-select:none}.question-inputArea{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:95%}.question.hide{display:none}.question-submit{font-size:4rem;display:flex;flex-direction:row;align-items:center;color:#266075}.question-submit.greyed{color:#266075;opacity:50%;pointer-events:none}.question-revealAnswer.greyed{opacity:50%}.question-revealAnswer>*{pointer-events:none}.question-index{position:absolute;right:0;bottom:0;margin:5px}.question-status{display:flex;flex-direction:row;align-items:center;justify-content:center;min-width:2.4rem;border-radius:1.2rem;border-bottom:1px solid #266075;color:#266075;font-size:1.2rem;text-transform:uppercase;user-select:none}.question-archive{position:absolute;bottom:0;left:0;margin:.8rem;color:#fabf48;font-size:2rem}.question-archive>*{pointer-events:none}.question-mcqOptions{display:flex;flex-direction:column;align-items:center;padding:.8rem;width:80%}.mcqContainer{margin:.8rem 0;width:100%;background:#f7eee4;font-family:Montserrat;border:1px solid #266075}.mcqTopBar{flex-direction:row;justify-content:space-between;padding:1.6rem;font-weight:700}.mcqTitle,.mcqTopBar{display:flex;align-items:center}.mcqTitle{flex-direction:column;justify-content:space-around;min-height:10rem;padding:.8rem 1.6rem 1.6rem;font-size:2.5rem}.mcqTitle p{display:block;text-align:center;width:100%}.mcqOptions{margin-top:1rem;width:100%;display:flex;flex-direction:column}.mcqOption{border-radius:4px;border:1px solid #266075;background-color:#f7eee4;cursor:pointer;margin:.8rem;min-height:2rem;color:#266075;padding:1.6rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;transition:all .3s;font-size:2rem;box-shadow:5px 5px 5px -5px #266075}.mcqOption>:first-child{flex-grow:1}.mcqOption>:nth-child(2),.mcqOption>:nth-child(3){flex-grow:0;white-space:nowrap}.mcqOption:hover{background-color:#fdd789;box-shadow:5px 5px 5px -2px #266075!important}.mcqOption-correct{color:#80eb80}.mcqOption-correct,.mcqOption-incorrect{display:flex;flex-direction:row;align-items:center;margin-right:.8rem}.mcqOption-incorrect{color:#f85858}.mcqOption-radioButton{width:3.5rem;height:3.5rem}.mcqOption-radioButton input{box-shadow:0 5px 10px -2px #266075}.mcqOption.selected{background-color:#fdd789;color:#266075;box-shadow:5px 5px 5px 0 #266075}.mcqOption.unselected{box-shadow:5px 5px 5px -6px #266075}.mcqOption.submitted{cursor:not-allowed}.mcqOption p{text-align:left!important;display:block}.mcqOption.disabled{pointer-events:none}.mcqImage{width:100%;max-height:200px;object-fit:contain;border-radius:8px;margin-top:1rem}.mcqPostContainer{width:1080px;height:760px;display:flex;background:radial-gradient(circle,#c2cdcf,#c7c2c2);flex-direction:column;align-items:center;margin:0!important;padding:2.4rem;justify-content:space-between;box-sizing:border-box!important;border:none!important}.mcqPostContainer p{vertical-align:middle}.mcqPostContainer-title{margin:auto;flex:1 1 0;font-size:4rem!important}.mcqPostContainer-option{padding-left:2.4rem!important}.mcqPostContainer-correct{font-size:3rem!important}.cta-button{color:#000;font-weight:600;text-transform:uppercase;padding:.8rem 1.6rem;border:2px solid rgba(0,0,0,0);border-radius:.8rem;font-size:1.8rem;transition:all .3s;text-align:center;box-shadow:0 .4rem .8rem hsla(0,0%,100%,.308);min-width:fit-content;display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:3rem}.cta-button,.cta-button--primary{background:linear-gradient(90deg,#FABF48,rgb(238.9707446809,161.9255319149,6.5292553191))}.cta-button--secondary{background:linear-gradient(180deg,#266075,rgb(25.4967741935,64.4129032258,78.5032258065));color:#f7eee4}.cta-button:hover{box-shadow:0 .8rem 1.6rem rgba(77,77,77,.3);background:linear-gradient(90deg,#fdd789,rgb(251.725,189.5,61.775));border-color:#fabf48;color:#266075}.cta-button:active{box-shadow:0 .2rem .4rem rgba(0,0,0,.1);color:#fabf48;background-color:#266075}.cta-button:focus{border:1px solid #266075}.cta-button.disabled{cursor:default}.cta-button.disabled,.cta-button:disabled{background:none;background-color:#969696;pointer-events:none}.cta-button-loading{animation:infinite-rotate 1s linear infinite}.cta-button.selected{color:#f7eee4;background:#266075}.cta-button.small{font-size:1.6rem}.login{background:linear-gradient(180deg,#F7EEE4,rgb(241.1714285714,225.6142857143,208.3285714286));padding:2.4rem;margin-bottom:2.4rem;color:#000;min-width:350px;max-width:500px;border-radius:1.6rem;flex-wrap:wrap}.login,.login-form{display:flex;flex-direction:column;align-items:center}.login-form{border:1px solid #266075;padding:1.6rem;margin:1.6rem;min-width:90%}.login-newAccount{display:flex;flex-direction:column;align-items:center;color:#000;background:linear-gradient(180deg,#F7EEE4,rgb(241.1714285714,225.6142857143,208.3285714286));padding:2.4rem;min-width:300px;font-size:1.2rem;border-radius:1.6rem}.login-heading{color:#266075;font-size:3rem;font-weight:800;text-transform:uppercase;letter-spacing:1vw;margin-bottom:2.4rem}.login-instruction{flex-shrink:1;max-width:95%;margin-top:2.4rem;color:#266075;text-align:center;word-wrap:break-word;white-space:normal}.categories{background:linear-gradient(180deg,#F7EEE4,rgb(241.1714285714,225.6142857143,208.3285714286));margin:2.4rem 0;width:95%}.category{position:relative;padding:.8rem .8rem 0;flex-direction:column;justify-content:space-around}.category,.category-titleLine{display:flex;align-items:center}.category-titleLine{width:100%;flex-direction:row;border-bottom:1px solid #fabf48;margin-bottom:2.4rem;user-select:none;cursor:pointer}.category-title{width:100%;margin-left:2.4rem}.category-toggle{display:none}.category-label{cursor:pointer;width:3.2rem;min-height:3.2rem;border-radius:3.2rem;border:2px solid #266075;background-color:#fabf48;color:#266075;transition:all .3s;position:relative}.category-label:hover{background-color:rgb(214.1489361702,145.1063829787,5.8510638298);border-color:rgb(44.2516129032,111.7935483871,136.2483870968);transform:scale(1.1)}.category-label:before{content:"+";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:.8rem;font-size:3rem}.category-subcategories{display:none;width:95%}.category-toggle:checked~.category-subcategories{display:block}.category-toggle:checked~.item-cards-links{display:flex}.category-toggle:checked+.category-titleLine>.category-label:before{content:"-"}.subcategory{width:95%;position:relative}.subcategory-title{min-height:3.2rem;margin-bottom:.8rem;margin-left:2.4rem;width:95%}.subcategory-titleLine{width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;border-bottom:1px solid #fabf48;margin-bottom:.8rem;user-select:none;cursor:pointer}.subcategory-label{cursor:pointer;width:3.2rem;min-height:3.2rem;border-radius:3.2rem;border:2px solid #266075;background-color:#fabf48;color:#266075;transition:all .3s;position:relative}.subcategory-label:hover{background-color:rgb(214.1489361702,145.1063829787,5.8510638298);border-color:rgb(44.2516129032,111.7935483871,136.2483870968);transform:scale(1.1)}.subcategory-label:before{content:"+";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:.8rem;font-size:3rem}.subcategory-toggle,.subcategory>.item-cards{display:none}.subcategory-toggle:checked~.item-cards{display:flex}.subcategory-toggle:checked+.subcategory-titleLine>.subcategory-label:before{content:"-"}.item-cards{display:none;flex-direction:row;flex-wrap:wrap;width:100%}.item-cards-links{display:none;width:min(600px,85%)}.item-cards-links ol{list-style-type:decimal}.item-card{user-select:none;color:#266075;border-radius:.8rem;border:2px solid #266075;margin:1.6rem;display:flex;flex-direction:column;max-width:30rem}.item-card-picture{max-height:20rem}.item-card-title{background-color:rgba(247,238,228,.5);padding:.8rem;flex:1;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center}.item-card-thumbnail{display:flex;flex-direction:column-reverse;width:100%;height:100%}.item-card-subtitle{background-color:rgba(247,238,228,.8);font-size:1.6rem;padding:.8rem;text-align:center;display:flex;flex-direction:row;align-items:center;text-wrap:wrap}.item-card:hover{color:#266075}.item-card:hover .item-card-subtitle{background-color:rgba(250,191,72,.8)}.item-card:hover .item-card-title{background-color:rgba(250,191,72,.5)}.alertHub{position:fixed;bottom:0;left:0;display:flex;flex-direction:column;flex-grow:0;z-index:1000;pointer-events:none}.alert{display:flex;flex-direction:row;align-items:center;margin-top:.4rem;border-radius:0 .8rem .8rem 0;background-color:#266075;padding:.4rem .8rem;color:#f7eee4;border:1px solid #f7eee4;transform-origin:left;animation:alert-appearing .5s ease-in-out}.alert.exiting{animation:alert-disappearing .3s ease-in}.alert.ellipsis:after{content:".";animation:ellipsis 1s step-start infinite}.alert-close{display:flex;flex-direction:row;align-items:center;cursor:pointer;margin-left:1.6rem;pointer-events:all}.alert-close:hover{color:#fabf48}@keyframes alert-disappearing{0%{transform:scaleX(1)}10%{transform:scaleX(1.1)}to{transform:scaleX(0)}}@keyframes alert-appearing{0%{transform:scaleX(0)}90%{transform:scaleX(1.1)}to{transform:scaleX(1)}}@keyframes ellipsis{0%{content:"."}33%{content:".."}66%{content:"..."}to{content:"."}}.childrenPointerOff>*{pointer-events:none}.bg-none{background:none}.centerWrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:hsla(31.5789473684,54.2857142857%,83.137254902%,.5);z-index:70}.ol-decimal{list-style:decimal}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.justify-center{justify-content:center}.flex-align-cen{align-items:center}.flex-justify-cen{justify-content:center}.flex-space-around{justify-content:space-around}.height2{height:2rem}.height3{height:3rem}.width5{width:5rem}.w-100{width:100%}.bg-correct{background:#3ae03a}.bg-incorrect{background:#f35454}.myNotes{width:95%}.myNotes,.myNotes-banner{display:flex;flex-direction:column;align-items:center}.myNotes-banner{width:100%;margin:1.6rem;padding:3.2rem;min-height:50vh;background:linear-gradient(180deg,#F7EEE4,rgb(241.1714285714,225.6142857143,208.3285714286));justify-content:space-evenly}@media(min-width:768px){.myNotes-banner{flex-direction:row;height:50vh}}.myNotes-banner-text{text-transform:uppercase;font-size:3rem}@media(min-width:768px){.myNotes-banner-text{width:50%}}.myNotes-banner-action{display:flex;flex-direction:column;align-items:center;flex-grow:0}@media(min-width:768px){.myNotes-banner-action{width:50%}}.banner{display:flex;width:100%;min-height:10vh;flex-direction:column;background:linear-gradient(180deg,#F7EEE4,rgb(241.1714285714,225.6142857143,208.3285714286))}@media(min-width:480px){.banner{flex-direction:row}}.banner-headingArea{display:flex;flex-direction:column;padding:2.4rem;width:100%}@media(min-width:480px){.banner-headingArea{width:70%}}.banner-heading{font-size:3rem;text-transform:uppercase}.banner-heading:hover{letter-spacing:.2rem}.banner-subtitle{font-size:2rem;text-transform:uppercase}.banner-progressArea{display:flex;flex-direction:column;width:100%;padding:.8rem}@media(min-width:480px){.banner-progressArea{width:30%;border-left:2px solid #fabf48}}.banner-progress{text-wrap:wrap;text-transform:uppercase}.banner-percentage{font-size:6rem}.subjectShowcase{display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#F7EEE4,rgb(241.1714285714,225.6142857143,208.3285714286));width:100%;margin:2.4rem 0;padding:2.4rem}.subjectShowcase-title{max-width:700px;text-transform:uppercase;font-size:2.5rem}.subjectShowcase-description{margin-top:.8rem;margin-bottom:1.6rem;max-width:700px;text-align:justify}.quizCard{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-evenly;width:100%}.quizCard-progress,.quizCard-title{padding:.8rem}.quizCard:hover{background-color:rgba(250,191,72,.1)}.quizCategory{display:flex;flex-direction:column;align-items:center;width:100%;padding:1.6rem}.quizCategory-title{font-size:2.5rem}.ad-container{display:none;width:120px;min-height:100%;top:5rem;position:relative;align-self:stretch;min-width:120px;margin-bottom:2rem}@media(min-width:768px){.ad-container{display:flex}}@media(min-width:768px)and (min-width:1024px){.ad-container{width:160px}}.ad-leftCol{margin-left:.8rem}.ad-rightCol{margin-right:.8rem}.ad-side{position:sticky;top:0;width:100%;height:60rem;vertical-align:middle}.ad-side,.ad-wideRectangle{display:flex;background-color:#d4c0a8;border:1px solid #fff;color:#fff;text-align:center;justify-content:space-around;flex-direction:column}.ad-wideRectangle{width:336px;height:280px;margin:3.2rem 0}.ad-stickyBottom{position:fixed;bottom:0;width:100%;height:50px;display:flex;flex-direction:column;text-align:center;justify-content:space-around;background-color:#d4c0a8;border:1px solid #fff;color:#fff;z-index:100}@media(min-width:768px){.ad-stickyBottom{display:none}}.ad-leaderboard{width:728px;height:90px;flex-direction:column;text-align:center;justify-content:space-around;background-color:#d4c0a8;border:1px solid #fff;color:#fff;margin:3.2rem 0;display:none}@media(min-width:768px){.ad-leaderboard{display:block}}.ad-leaderboardMobile{width:320px;height:50px;flex-direction:column;text-align:center;justify-content:space-around;background-color:#d4c0a8;border:1px solid #fff;color:#fff}@media(min-width:768px){.ad-leaderboardMobile{display:none}}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.canvas2DRotation{background-color:#fff}.barChartContainer,.pieChartContainer{width:min(800px,100%);display:flex;align-items:center;flex-direction:column}.JSXChartWrapper{border:1px solid #266075;width:100%}.JSXChartParent{display:flex;flex-direction:column;align-items:center}.portal,.portalForm{width:min(600px,95vw)}.portalInputField{display:block;width:95%;margin:1rem}.portalInputField,.portalSelectField{background-color:#fff;color:#000;border-radius:3px;border:1px solid #252525;padding:.5rem 1rem}.portalSelectField{margin:.5rem 1rem}.flex-r{display:flex;flex-direction:row}.flex-c{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.space-evenly{justify-content:space-evenly}.space-between{justify-content:space-between}.align-center{align-items:center}.space-around{justify-content:space-around}.mockTest{width:min(800px,100vw);margin:auto;min-height:75vh;user-select:none;position:relative}.mockTest,.mockTest-sections{background-color:#f7eee4;display:flex;flex-direction:column;align-items:center}.mockTest-sections{margin:.8rem 0;padding:.8rem 0;border-radius:5px;color:#266075;width:100%;border:1px solid #266075}.mockTest-sections-container{padding:2.4rem 0;display:flex;flex-direction:row;justify-content:space-between;width:100%}.mockTest-sectionTab{flex:1;display:flex;flex-direction:column;align-items:center;flex-direction:center;border-right:1px solid #f7eee4}.mockTest-sectionTab:last-child{border-right:none}.mockTest-sectionTab-button{background-color:#266075;color:#f7eee4;text-align:center;border-radius:3px;padding:1rem 2rem;margin:.8rem;transition:all .3s}.mockTest-sectionTab-button:hover{cursor:pointer;background-color:hsl(40.1123595506,94.6808510638%,73.137254902%)}.mockTest-sectionTab-button.selected{background-color:#fabf48;color:#266075}.mockTest-buttons{padding:1.6rem;width:100%;display:flex;flex-direction:column;align-items:center;position:relative}.mockTest-buttons-navigation{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1.6rem}.mockTest-statement{margin:.8rem 0;height:30vh;width:auto;display:flex;flex-direction:column;align-items:center}.mockTest-mcqArea{width:100%}.mockTest-header{background-color:#fdd789;width:100%;padding:2.4rem;display:flex;align-items:center;flex-direction:column;margin-bottom:.8rem}.mockTest-header-top{font-size:3rem;width:min(800px,95%)}.mockTest-header-text{width:min(800px,95%);margin-top:.8rem;font-size:1.6rem;margin-bottom:.8rem}.mockTest-generationInfo{margin:.8rem 0;width:100%;border-radius:5px;background-color:#f7eee4;color:#266075;padding:1.6rem;display:flex;flex-direction:column;align-items:center;border:1px solid #266075}.mockTest-generationInfo p{margin-bottom:.8rem;padding-left:2.4rem}.mockTest-generationInfo li{text-align:center}.mockTest-options{margin:.8rem 0;background-color:#f7eee4;color:#266075;padding:2.4rem;border-radius:5px;border:1px solid #266075}.mockTest-options-option{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-bottom:.8rem}@media(min-width:768px){.mockTest-options-option{flex-direction:row}}.mockTest-options-option:last-child{margin-bottom:0}.mockTest-options-option p{padding:1.6rem;text-align:justify!important}.mockTest h2{display:flex;flex-direction:column;align-items:center;text-transform:uppercase;color:#266075;text-decoration:underline}.mockTest p{text-align:center}.mockTest-results{background-color:#f7eee4;border-radius:5px;padding:1.6rem;flex-direction:column;color:#266075;border:1px solid #266075}.mockTest-results,.mockTest-results-buttons{width:100%;margin:1.6rem 0;display:flex;align-items:center}.mockTest-results-buttons{flex-direction:row;justify-content:space-evenly}.mockTest-results-summaries{margin:1.6rem 0;background-color:#f7eee4;color:#266075;border:1px solid #266075}.mockTest-results-summaries>*{margin:1.6rem 0}.mockTest-chaptersArea{width:100%;align-items:center;display:flex;flex-direction:column;padding:1.6rem;margin:1.6rem;background-color:#f7eee4;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='19' ry='19' stroke='%23266075FF' stroke-width='2' stroke-dasharray='6%2c 14' stroke-dashoffset='23' stroke-linecap='square'/%3e%3c/svg%3e");border-radius:19px}.mockTest-chaptersContainer{flex-wrap:wrap;justify-content:center;align-content:center;width:100%;margin-bottom:2.4rem}.mockTest-chapter,.mockTest-chaptersContainer{display:flex;flex-direction:row;align-items:center}.mockTest-chapter{background-color:#fdd789;margin:.8rem;padding:.8rem;border:1px solid rgba(0,0,0,0)}.mockTest-chapter:hover{background-color:#f7eee4}.mockTest-chapter:focus,.mockTest-chapter:hover{border:1px solid #266075}.mockTest-chapter.selected{background-color:#d4c0a8}.mockTest-chaptersButtons{display:flex;flex-direction:row}.mockTest-chaptersInfo{font-style:italic;word-spacing:4px}.mockTest-array-container{display:flex;flex-direction:column}.mockTest-array-mcqSection{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;border:1px solid #266075;margin:1.6rem 0}.mockTest-array-mcq{width:4rem;height:4rem;border:1px solid #266075;color:#266075;padding:.8rem;display:inline-flex;flex-direction:column;align-items:center;margin:.8rem}.mockTest-array-mcq:hover{background-color:#fdd789}.mockTest-array-mcq.correct{background-color:#80eb80}.mockTest-array-mcq.incorrect{background-color:#f85858}.mockTest-array-mcq.unmarked{background-color:#f7eee4}.test-info{padding:1rem}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.info-card{background:#f9f9f9;border-radius:.75rem;padding:1rem;box-shadow:0 0 8px rgba(0,0,0,.05)}.composition-list{padding-left:1rem;list-style-type:disc}.composition-list li{margin-left:1.6rem}.table-container{max-width:min(800px,95vw);margin:20px auto;overflow-x:auto}.table{width:95%;border-collapse:collapse;margin:10px 0;font-size:16px}.table td,.table th{padding:10px 15px;text-align:left;border:1px solid #266075}.table th{background-color:#266075;color:#f7eee4}.table tr:nth-child(2n){background-color:#fdd789;color:#000}.pressRelease{font-size:1.6rem;width:min(768px,95%);background-color:#f7eee4;color:#000;border-radius:1rem;padding:2.4rem;border:1px solid #266075;margin-top:1.6rem}.pressRelease section{margin:1.6rem;border-bottom:1px solid #f7eee4;padding-bottom:.8rem}.pressRelease h1{text-transform:uppercase;font-size:2rem;margin-top:.8rem;margin-bottom:.8rem;color:#266075}.pressRelease h2{font-size:1.8rem;margin-top:.8rem;color:#266075}.pressRelease h3{font-size:1.6rem;margin-top:.8rem;color:#266075}.pressRelease p{margin-top:.8rem}.pressRelease ul{list-style-type:disc;padding-left:20px;margin:10px 0}.pressRelease ul li{margin-bottom:5px;line-height:1.6}.hifzContainer{display:flex;flex-direction:column;align-items:center;width:min(900px,100vw);background:radial-gradient(#F7EEE4,#d4c0a8);font-family:Montserrat;padding:.8rem;margin:1.6rem}.hifzPrompt{font-size:2rem;font-variant:small-caps;font-weight:700;text-align:center}.hifzButtons,.hifzPrompt{display:flex;flex-direction:row;align-items:center}.hifzButtons{width:95%;flex-wrap:wrap;justify-content:space-evenly}.hifzSelect{font-size:2rem}.practiceModeButton{padding:10px 20px;border:2px solid rgba(0,0,0,0);border-radius:5px;background-color:#266075;color:#f7eee4;font-size:2rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin:5px}.practiceModeButton:hover{background-color:#fdd789;color:#266075;border-color:#266075}.practiceModeButton.selected{background-color:#fabf48;color:#266075}.practiceModeButton:focus{border-color:#fabf48;box-shadow:0 0 5px 2px rgba(0,123,255,.5)}.practiceAreaContainer{width:100%;background-color:#f7eee4;display:flex;flex-direction:column;align-items:center;padding:1.6rem;margin:1.6rem}.ayahDetails{display:flex;flex-direction:row;flex-wrap:wrap}.ayahDetails p{margin:.8rem}.practiceArea{min-height:40rem;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%}.hifzAyahArray{width:min(500px,95%);justify-content:center}.hifzAyahArray,.hifzAyahArray-legend{display:flex;flex-direction:row;flex-wrap:wrap}.hifzAyahArray-legend{align-items:center;gap:10px;font-size:14px}.hifzAyahArray-legend-item{display:flex;align-items:center;gap:8px;justify-content:space-between}.ayahCard{position:relative;width:40px;height:40px;display:flex;justify-content:center;align-items:center;margin:.8rem;font-size:1.6rem;cursor:pointer;border:1px solid #266075}.ayahCard-triangleMark{position:absolute;top:0;right:0;width:0;height:0;border-left:15px solid rgba(0,0,0,0);border-top:15px solid #000}.status-n{background-color:#f7eee4}.status-w{background-color:#ca8d31}.status-s{background-color:#80f83a}.status-m{background-color:#31ca31}.isDueText{font-size:2rem;font-weight:700;width:50%;text-align:right}.combinedAyahs{direction:rtl;text-align:justify;font-size:3rem;font-family:Scheherazade New,serif;font-weight:400;text-wrap:wrap;user-select:none}.combinedAyahs .hifzArabic{display:inline;white-space:normal;word-break:break-word;line-height:1.8}.combinedAyahs .hoverable-word{display:inline;margin:0 .3rem;position:relative;text-wrap:nowrap}.combinedAyahs .hoverable-word:hover{background-color:#fdd789}.combinedAyahs .hoverable-word:hover .hifz-tooltip{opacity:1;visibility:visible}.combinedAyahs .next{background-color:#c0e7c3;border-radius:15px;padding:0 1rem}.combinedAyahs .hide{color:rgba(0,0,0,0);pointer-events:none}.combinedAyahs .AyahMarker{display:inline;margin:0 .5rem}.hifzActionButtonsContainer{width:100%;display:flex;flex-direction:column;align-items:center}.hifzPlayButton{font-size:5rem;border:1px solid rgba(0,0,0,0)}.hifzPlayButton:hover{box-shadow:0 5px 5px -5px #266075;border-color:#266075}.hifzTranslation{font-size:2rem;text-align:justify;line-height:3rem;background-color:#c0e7c3;border-radius:15px;padding:.8rem}.hifzTranslation.hide{color:rgba(0,0,0,0);box-shadow:inset 0 -5px 5px -5px #266075}.combinedTranslations{display:inline-block;width:100%;text-align:justify}.progressStage{font-size:2rem;margin:.8rem;display:none}.progressStage.on{color:#266075}.progressStage.off{color:gray}@media(min-width:480px){.progressStage{display:block}}.progressPrompt{text-align:center}.mobile-only{display:inline-block}@media(min-width:480px){.mobile-only{display:none}}.not-mobile-only{display:none}@media(min-width:480px){.not-mobile-only{display:inline-block}}.largeCircle{width:20px;height:20px;border-radius:10px;margin:.8rem}@media(min-width:480px){.largeCircle{display:none}}.largeCircle.on{background-color:#266075}.largeCircle.off{background-color:gray}.smallTab{width:30px;height:10px;border-radius:10px;margin:.4rem}.smallTab.on{background-color:#266075}.smallTab.off{background-color:gray}.hifzPracticeButtons{display:flex;flex-direction:column-reverse;justify-content:space-evenly;align-items:center}@media(min-width:480px){.hifzPracticeButtons{flex-direction:row}}.hifzProgressMeter{display:flex;flex-direction:row;align-items:center;justify-content:center}.ayahMarkerWrapper{display:inline-flex;flex-direction:row;align-items:center;margin:0 .8rem;padding:0;font-size:4rem;height:8rem}.rukuMarker{display:flex;flex-direction:column;align-items:center;justify-content:space-around;font-size:2rem;font-weight:700}.rukuDetails,.rukuSymbol{line-height:2rem}.ayahMarker{display:inline-flex;flex-direction:column;align-items:center;box-shadow:none!important}.ayahMarker-symbol{position:relative;line-height:4rem;text-wrap:nowrap;font-size:4rem}.ayahMarker-number{position:absolute;top:50%;left:50%;font-size:2rem;line-height:2rem;transform:translate(-50%,-50%);text-align:center}.surah-modal-overlay{position:fixed;inset:0;background-color:rgba(38,96,117,.6235294118);z-index:999;display:flex;justify-content:center;align-items:center}.surah-modal{background-color:#266075;border-radius:16px;padding:24px;max-height:90vh;overflow-y:auto;width:90%;max-width:1000px;box-shadow:0 20px 50px rgba(0,0,0,.2)}.surah-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.surah-modal-header h2{font-size:1.25rem;font-weight:700;color:#f7eee4}.close-button{background:none;border:none;font-size:4rem;cursor:pointer;color:#f7eee4}.close-button:hover{color:#fabf48}.surah-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.surah-card{background-color:#f7eee4;border-radius:12px;padding:.8rem;cursor:pointer;transition:background-color .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid #266075;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.surah-card:hover{background-color:#fdd789}.surah-number-box{background-color:#fabf48;padding:8px 12px;border-radius:8px;font-weight:700;font-size:1.4rem;height:4rem;width:4rem;text-align:center;color:#1e3a8a;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.surah-english{font-size:1.6rem;font-weight:600;margin-bottom:2px;text-wrap:nowrap}.surah-arabic{font-size:2rem;text-align:right;font-family:Scheherazade New,serif;text-wrap:nowrap}.surah-progress{font-size:1.4rem;color:#266075;margin-top:4px;white-space:nowrap}.hifz-tooltip{bottom:6rem;background:#dfcdb9;color:#000;padding:8px 12px;border-radius:8px;pointer-events:none;z-Index:1000;text-align:center;min-width:120px;transition:opacity .3s ease;font-size:1.6rem;opacity:0;visibility:hidden;border:1px solid #266075}.hifz-tooltip,.hifz-tooltip:after{position:absolute;left:50%;transform:translateX(-50%)}.hifz-tooltip:after{content:"";top:100%;width:0;height:0;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-top:6px solid #111}.hifz-tooltip-arabic{font-family:Scheherazade New,serif;font-size:2rem}.hifz-tooltip-arabic,.hifz-tooltip-english{border-bottom:1px solid #266075;padding:.8rem}.hifz-tooltip-transliteration{padding:.8rem}.arabicWord{font-family:Scheherazade New,serif;font-size:5rem}.arabic-flashCard{width:min(95%,600px)}.arabic-flashCard .top{border-bottom:3px dotted #266075;width:100%}.arabic-flashCard .bottom,.arabic-flashCard .top{min-height:20rem;background-color:#f7eee4;justify-content:space-around}.arabic-flashCard .bottom{text-align:center;font-size:3rem}.arabic-flashCard .buttons{width:95%}.courseNav{display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#399bbe,rgb(45.2307692308,122.995951417,150.7692307692));left:50%;transform:translateX(-50%);border:1px solid #266075;padding-top:1.6rem;height:95vh;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;width:min(450px,100vw);position:fixed;top:5vh;z-index:100}.courseNav.hidden{width:0;height:0;border:none}.courseNav-parent{position:fixed;height:100vh;width:100vw;z-index:100;top:0}.courseNav-parent:before{background-color:rgba(48,40,40,.7450980392);content:"";position:absolute;height:100%;width:100%}.courseNav-module{display:flex;flex-direction:column;color:#266075;padding:.8rem;margin:.4rem;width:100%;border:1px solid #f7eee4}.courseNav-module-button{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:.8rem;background:linear-gradient(180deg,#d4c0a8,rgb(203.5653846154,179.6423076923,150.9346153846));border-radius:5px;cursor:pointer}.courseNav-module-button.open{background:linear-gradient(90deg,#FABF48,rgb(238.9707446809,161.9255319149,6.5292553191));color:#266075}.courseNav-pages{display:flex;flex-direction:column;margin-top:.4rem;width:100%;align-items:flex-end}.courseNav-pageContainer{width:100%;display:flex;flex-direction:row;align-items:stretch}.courseNav-page{display:flex;flex-direction:row;background:linear-gradient(180deg,#F7EEE4,rgb(241.1714285714,225.6142857143,208.3285714286));color:#266075;padding:.8rem;width:85%;margin-bottom:.8rem;border-radius:5px;cursor:pointer;flex-grow:1}.courseNav-page.active{background:#fabf48}.courseNav-page:hover{background:#fdd789}.courseNav-stickyButton{position:fixed;bottom:5px;left:5px;display:block;background-color:#fabf48;border-radius:5vw;padding:.8rem;border:1px solid #266075}.courseNav-closeButton{height:3rem;width:3rem;border-radius:3rem;border:1px solid #266075;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.courseNav-closeButton:hover{background-color:#fabf48;color:#000}.courseNav-sectionHeader{padding:.5rem 1rem;pointer-events:none;font-size:1.4rem;text-align:left}.courseNav-sectionHeader,.courseNav-title{font-weight:700;color:#f7eee4;cursor:default;text-transform:uppercase;width:100%}.courseNav-title{text-align:center;font-size:1.8rem;display:flex;flex-direction:row;justify-content:space-between;padding:1.6rem}.treeConnector-container{display:flex;flex-direction:column;width:15%;flex-grow:1;margin-right:8px}.treeConnector-row{display:flex;height:50%}.treeConnector-box{width:50%;height:100%}.connector-middle .box1{border-right:1px solid #ccc}.connector-middle .box2{border-left:1px solid #ccc;border-bottom:1px solid #ccc}.connector-middle .box3{border-right:1px solid #ccc}.connector-middle .box4{border-top:1px solid #ccc;border-left:1px solid #ccc}.connector-last .box1{border-right:1px solid #ccc}.connector-last .box2{border-left:1px solid #ccc;border-bottom:1px solid #ccc}.connector-last .box4{border-top:1px solid #ccc}.page-content{min-width:95%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.6rem;overflow:hidden}@media(min-width:768px){.page-content{min-width:auto;flex-grow:1}}.page-content h1,.page-content h2,.page-content h3{font-weight:600;margin-top:2rem;margin-bottom:1rem}.page-content h1{font-size:2.5rem}.page-content h2{font-size:2rem}.page-content h3{font-size:1.8rem;text-decoration:underline}.page-content p{margin:1rem 0}.page-content ol,.page-content ul{margin-left:2rem;margin-bottom:1rem}.page-content ul{list-style-type:disc}.page-content ol{list-style-type:decimal}.page-content strong{font-weight:700}.page-content em{font-style:italic}.page-content code{background-color:#f5f5f5;padding:.2rem .4rem;border-radius:4px;font-size:.9rem;font-family:monospace}.page-component{max-width:min(768px,95vw)}.centeredBlock{display:flex;flex-direction:column;align-items:center}.course-parent{flex-direction:row;background-color:#f7eee4;border-radius:5px;position:relative;width:100%;min-height:100vh;justify-content:space-between}.course-parent,.mtc-columns{display:flex;overflow-x:auto}.mtc-columns{flex-direction:column;align-items:center;max-width:95vw}.mtc-row{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin:.8rem;user-select:none;align-items:stretch}.mtc-row-left{background-color:#266075;color:#f7eee4;padding:1.6rem;flex:1;text-wrap:wrap}.mtc-row-left-header,.mtc-row-right{flex:1;display:flex;align-items:center;justify-content:center}.mtc-row-right{background-color:#f7eee4;color:#266075;cursor:move;margin-left:.8rem;text-wrap:wrap;min-height:48px;height:100%;border-radius:.5rem;padding:1.6rem;box-shadow:0 0 0 rgba(0,0,0,0);transition:box-shadow .2s ease;border:1px solid #266075}.mtc-row-right:active,.mtc-row-right:hover{background-color:#fabf48}.mtc-row-right-correct{color:#f7eee4;margin-left:0;cursor:default;border:none;border-radius:0}.mtc-row-right-correct,.mtc-row-right-correct:active,.mtc-row-right-correct:hover{background-color:#266075}.mtc-row-right-header{flex:1;display:flex;align-items:center;justify-content:center}.sorter-container{max-width:900px;margin:0 auto;padding:1rem;user-select:none}.sorter-title{text-align:center;margin-bottom:1rem}.category-title{margin-bottom:.5rem;font-weight:700}.unsorted-pool{margin-bottom:2rem;padding:1rem;border:2px dashed #266075;border-radius:6px;background-color:#f7eee4}.unsorted-items{display:flex;flex-wrap:wrap;gap:.5rem}.draggable-item{padding:.5rem 1rem;border:1px solid #f7eee4;border-radius:4px;background-color:#266075;color:#f7eee4;cursor:grab;box-shadow:0 1px 2px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-around}.draggable-item:active{cursor:grabbing}.category-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.category-container{flex:1 1 250px;min-height:150px;padding:1rem;border:2px dashed #ccc;border-radius:6px;background-color:#f0f0f0;transition:background-color .3s}.category-container.over{background-color:#d6f5d6;border-color:#4caf50}.category-items{display:flex;flex-wrap:wrap;gap:.5rem}.placed-item{padding:.5rem 1rem;background-color:#80eb80;border:1px solid #266075;border-radius:4px;color:#266075}.drag-overlay{padding:.5rem 1rem;background-color:#fff;border:1px solid #aaa;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.score-info{margin-top:2rem;text-align:center;font-weight:700}.true-false-questions{display:flex;flex-direction:column;gap:24px}.quiz-card{border:1px solid #266075;padding:16px;border-radius:6px;background:#f7eee4;position:relative}.quiz-card p,.quiz-card-index{text-align:center}.quiz-card-index{position:absolute;top:.8rem;left:.8rem;font-size:1.4rem}.button-group{display:flex;flex-direction:row;justify-content:center;margin:1.6rem 0;gap:1.6rem;align-items:center}.button-false,.button-true{padding:8px 16px;font-size:1.6rem;cursor:pointer}.button-true{background-color:#80eb80;color:#266075;border:none}.button-false{background-color:#f85858;color:#fff;border:none}.button-false.hidden{display:none}.button-false:disabled,.button-true:disabled{opacity:.6;cursor:not-allowed}.drag-drop-dropZone-container{margin-bottom:24px;user-select:none}.drag-drop-dropZone{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border:2px dashed #dfcdb9;background-color:#f7eee4;min-height:60px;border-radius:8px;transition:all .2s ease-in-out}.drag-drop-dropZone.isOver{border-color:#2196f3;background-color:#e3f2fd}.drag-drop-dropZone.isComplete{border-color:#4caf50;background-color:#e8f5e9}.tile-slot{width:32px;height:32px;border:1px solid #ddd;border-radius:6px;background-color:#f0f0f0}.completed-equation{font-size:1.2rem;padding:8px;background-color:#fff;border-radius:4px;border:1px solid #ccc;font-family:KaTeX_Main,serif}.drag-drop-feedback{margin-top:8px;color:#f44336;font-size:.95rem}.drag-drop-draggableTile{padding:0 .8rem;border:1px solid #ccc;border-radius:6px;background-color:#fff;display:flex;align-items:center;justify-content:center;font-family:KaTeX_Main,serif;cursor:grab;box-shadow:1px 1px 2px rgba(0,0,0,.1);transition:background-color .2s ease;margin:4px}.drag-drop-draggableTile:hover{background-color:#f5f5f5}.drag-drop-equation-activity{padding:24px;font-family:sans-serif}.drag-drop-container{margin-bottom:32px}.drag-drop-buildingblocks{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border:2px solid #e0e0e0;background-color:#fafafa;border-radius:8px;min-height:60px}.drop-drop-dropZones{display:flex;flex-direction:column;gap:24px}.drag-drop-complete{color:#80eb80}.equation-slots{display:flex;gap:8px;flex-wrap:wrap}.equation-slot{min-width:60px;min-height:40px;border:2px dashed #ccc;display:flex;align-items:center;justify-content:center}.equation-slot.isOver{border-color:#007bff;background-color:#f0f8ff}.equation-slot.correct{border-color:#28a745;background-color:#d4edda}.equation-slot.incorrect{border-color:#dc3545;background-color:#f8d7da}.empty-slot{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999}.unsorted-area{display:flex;flex-wrap:wrap;gap:8px;min-height:60px}.fill-in-the-blank-question{width:min(95vw,700px);margin:auto;padding:1.5rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;font-family:sans-serif;display:flex;flex-direction:column;align-items:center}.fill-in-the-blank-question form{display:flex;flex-direction:column;align-items:center;margin-top:1rem}.fill-in-the-blank-question .show-explanation-button-fitb{background:none;border:none;color:#007bff;cursor:pointer;font-size:1.6rem;padding:0;line-height:1;display:block;text-align:right;margin-top:1rem}.fill-in-the-blank-question .show-explanation-button-fitb:hover{text-decoration:underline}.question-feedback,.question-interaction{transition:opacity 1s ease,transform 1s ease}.question-feedback.hide,.question-interaction.hide{opacity:0;transform:translateY(-10px);pointer-events:none;position:absolute}.question-feedback.show,.question-interaction.show{opacity:1;transform:translateY(0);pointer-events:auto;position:relative}input[type=text]{padding:.5rem;width:100%;font-size:1.6rem;border:1px solid #ccc;border-radius:.375rem;margin-bottom:1rem}button[type=submit]{padding:.5rem 1rem;font-size:1.6rem;background-color:#2563eb;color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s ease}button[disabled]{background-color:#9ca3af;cursor:not-allowed}.feedback-correct{color:#15803d}.feedback-correct,.feedback-incorrect{font-weight:700;margin-bottom:.5rem;text-align:center}.feedback-incorrect{color:#dc2626}.feedback-explanation{background-color:#f0fdf4;padding:.75rem;border-left:4px solid #15803d;border-radius:.375rem;font-size:.95rem;transition:opacity .5s ease,max-height .5s ease}.feedback-explanation.show{opacity:1;max-height:1000px}.feedback-explanation.hide{opacity:0;max-height:0;pointer-events:none}.answer-summary{margin-top:1rem;padding:1rem;border-radius:8px;background-color:#f9f9f9}.answer-summary.correct{border-left:5px solid #4caf50}.answer-summary.incorrect{border-left:5px solid #f44336}.user-answer{color:#333;font-weight:700}.correct-answer{color:#2b7a78;font-weight:700}.final-score-container{text-align:center;max-width:300px;margin:2rem auto}.final-score-heading{font-size:2rem;font-weight:700;margin-bottom:.5rem}.final-score-main{font-size:3rem;font-weight:700;color:#222}.final-score-sub{font-size:1.6rem;color:#666;margin-bottom:1rem}.score-bar{display:flex;height:20px;border-radius:10px;overflow:hidden;background-color:#eee;margin-bottom:.5rem}.score-correct{background-color:#4caf50}.score-incorrect{background-color:#f44336}.score-breakdown{font-size:.9rem;color:#555}.derivation-container{width:min(700px,95vw);margin:0 auto;padding:1rem;display:flex;flex-direction:column;border:1px solid #e5e7eb;background-color:#f7fcff}.derivation-container p{margin:0!important}.derivation-container h1{background-color:#36134b;color:#fff;text-align:center;padding:1.6rem;position:relative;z-index:1}.derivation-container h1:after,.derivation-container h1:before{content:"";position:absolute;top:0;width:2.4rem;height:100%;background-color:#1e3a8a;z-index:-1}.derivation-container h1:before{left:-2.4rem}.derivation-container h1:after{right:-2.4rem}@media(min-width:480px){.derivation-container{padding:2.5rem}}.stage-transition-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.stage-current,.stage-revealed{position:absolute;top:0;left:0;width:100%;transition:opacity 1s ease,transform 1s ease;pointer-events:auto;margin-bottom:1rem}.stage-current .no-pointer,.stage-revealed .no-pointer{pointer-events:none}.stage-revealed{border-bottom:1px solid rgba(65,61,61,.774);min-height:2rem;padding:.8rem}.stage-current{border-radius:2.5rem;background-color:#d8d7d7;box-shadow:5px 5px 5px 5px rgba(75,77,80,.2745098039);padding:1.6rem}.stage-visible{opacity:1;transform:scale(1);pointer-events:auto;position:relative}.stage-hidden{opacity:0;transform:scale(.95);pointer-events:none}.stage-setup{font-weight:500;color:#1f2937;margin:2.4rem;background-color:#9f10f1;padding:1.6rem;color:#fff;position:relative;height:auto;border-radius:0 2rem 2rem 0;overflow:visible}.stage-setup:before{position:absolute;content:"";height:100%;width:calc(4rem + 10px);left:calc(-4rem - 10px);background-color:#1e3a8a;top:0;border-radius:0 0 0 2rem}.stage-setup .ribbon-curve:before{content:"";position:absolute;top:-6px;width:12px;height:6px;border-top-left-radius:2rem;left:calc(-4rem - 10px);background-color:#000}.stage-options{display:flex;flex-direction:column;align-items:center;width:100%;position:relative;gap:1.6rem}.stage-option-button{width:100%;text-align:left;padding:1rem 2rem;border:1px solid #d1d5db;border-radius:.75rem;background-color:#f7eee4;transition:background-color .2s ease;cursor:pointer}.stage-option-button:hover{background-color:#fabf48}.stage-explanation{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;color:#1e3a8a;overflow:hidden;max-height:0;opacity:0;margin-top:0;padding:0;transition:all .3s ease-in-out}.stage-explanation.expanded{max-height:1000px;opacity:1;padding:.75rem;margin-bottom:.75rem;margin-top:.75rem}.stage-setup-inline{display:inline-flex;flex-direction:row;justify-content:space-between;width:100%;color:#15803d}.stage-setup-inline p{display:inline-block}.stage-setup-inline.wrong{color:red}.why-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:1.6rem;padding:0;margin:0 1rem;line-height:1;vertical-align:super}.why-button:hover{text-decoration:underline}.derivation-score{text-align:right}.mcq-block-container{margin:2rem 0;padding:1rem;width:min(700px,95vw);font-size:1.6rem}.mcq-block-title{font-size:1.25em;font-weight:600;margin-bottom:1rem}.mcq-block-question{margin-bottom:1.25rem;font-size:1.1em;text-align:center}.mcq-block-options{display:flex;flex-direction:column;gap:.75rem}.mcq-block-option-button{background:#fff;border:1px solid #ccc;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .25s ease;font-size:1em}.mcq-block-option-button:disabled{background-color:#d4c0a8}.mcq-block-option-button:hover:enabled{background-color:#f5f5f5}.mcq-block-correct{background-color:#edf0ed;border-color:#1a8f1a;color:#003800}.mcq-block-wrong{background-color:#fde2e2;border-color:#d63c3c;color:#3b0000}.mcq-block-explanation-toggle{margin-top:1rem}.mcq-block-why-button{background:none;border:none;font-size:1.6rem;cursor:pointer;color:#555}.mcq-block-explanation{margin-top:1rem;padding:1rem;border-left:4px solid #999;background-color:#f6f6f6;font-size:.95em;transition:max-height .3s ease}.linearInterpolation{display:flex;flex-direction:row}.linearInterpolation-column{display:flex;flex-direction:column}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/3f69592b2fe603c7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/6325a8417175c41d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/021bc4481ed92ece-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/99b7f73d5af7c3e2-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/4f05ba3a6752a328-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/3f69592b2fe603c7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/6325a8417175c41d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/021bc4481ed92ece-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/99b7f73d5af7c3e2-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/4f05ba3a6752a328-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Montserrat;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/3f69592b2fe603c7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Montserrat;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/6325a8417175c41d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/021bc4481ed92ece-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Montserrat;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/99b7f73d5af7c3e2-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Montserrat;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/4f05ba3a6752a328-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Montserrat Fallback;src:local("Arial");ascent-override:85.79%;descent-override:22.25%;line-gap-override:0.00%;size-adjust:112.83%}.__className_096e99{font-family:Montserrat,Montserrat Fallback;font-style:normal}.__variable_096e99{--font-montserrat:"Montserrat","Montserrat Fallback"}