@font-face{font-family:Brandon Text;font-style:normal;font-weight:400;src:url(https://learnitwell.b-cdn.net/static/fonts/BrandonText-Regular.ttf) format("truetype")}@font-face{font-family:Brandon Text;font-style:normal;font-weight:500;src:url(https://learnitwell.b-cdn.net/static/fonts/BrandonText-Medium.ttf) format("truetype")}@font-face{font-family:Brandon Text;font-style:normal;font-weight:600;src:url(https://learnitwell.b-cdn.net/static/fonts/BrandonText-Bold.ttf) format("truetype")}:root{color-scheme:light dark;--clr-black:#181818;--clr-white:#fff;--clr-gray:#b9b9b9;--clr-text:#181818;--dm-clr-text:#fff;--clr-text-light:#747474;--dm-clr-text-light:#b9b9b9;--clr-primary-100:#c2c1c1;--dm-clr-primary-100:#666;--clr-primary-200:#d3d3d3;--dm-clr-primary-200:#555;--clr-primary-300:#ebebeb;--dm-clr-primary-300:#444;--clr-primary-350:#e8e8e8;--dm-clr-primary-350:#333;--clr-primary-375:#f6f6f6;--dm-clr-primary-375:#222;--clr-primary-400:#fff;--dm-clr-primary-400:#181818;--clr-accent-100:#e9f1fb;--dm-clr-accent-100:#012552;--clr-accent-200:#b6d5fc;--dm-clr-accent-200:#033574;--clr-accent-400:#0366d6;--dm-clr-accent-400:#59a5fc;--clr-secondary-100:#efeae0;--clr-secondary-200:#f9e3a0;--clr-secondary-400:#d5bba2;--clr-secondary-450:#ccaa6e;--clr-secondary-500:#fdbe01;--clr-darkGradient:#1a1b23;--clr-overlay:hsla(0,0%,100%,.8);--clr-boxShadow:hsla(0,0%,9%,.08);--clr-error-100:#ffe7e7;--clr-error-200:#f9c2c2;--clr-error-300:#f47c7c;--clr-error-400:#ef1313;--clr-error-transp:rgba(239,21,21,.3);--clr-success-100:#ebf4f5;--clr-success-200:#b4f9ff;--clr-success-400:#6ab5bb;--clr-success-500:#2d979a;--clr-green-400:green;--fontFamily:"Brandon Text",sans-serif;--letterSpacing:.01em;--fs-100:clamp(.6331rem,.8328rem + -.2576vw,.7813rem);--fs-200:clamp(.8438rem,.9701rem + -.163vw,.9375rem);--fs-300:clamp(1.125rem,1.125rem + 0vw,1.125rem);--fs-400:clamp(1.35rem,1.298rem + .2598vw,1.4994rem);--fs-500:clamp(1.62rem,1.4883rem + .6587vw,1.9988rem);--fs-600:clamp(1.9438rem,1.6931rem + 1.2533vw,2.6644rem);--fs-700:clamp(2.3325rem,1.9084rem + 2.1207vw,3.5519rem);--canvasWidth:min(70ch,100% - 10em);--headerHeight:50px;--sideBarWidth:300px;--bigBoxMaxWidth:600px;--smallBoxMaxWidth:400px;--inputMaxWidth:450px;--imageMaxWidth:1000px;--teacherAspectRatio:3/2;--borderRadius:16px;--borderRadiusSmall:10px;--borderRadiusTiny:7px;--boxShadow:0 0 16px var(--clr-boxShadow);--boxShadowPopover:0 0 #0000,0 0 #0000,0 25px 50px -12px rgba(0,0,0,.25);--bouncyTransition:cubic-bezier(.82,.07,.1,1.77);--lessBouncyTransition:cubic-bezier(.68,-.55,.25,1.35);--topPadding:0;--gridPadding:2rem;--padding-inline:var(--gridPadding);--content-max-width:1284px;--breakout-max-width:1440px;--breakout-size:calc((var(--breakout-max-width) - var(--content-max-width))/2);--scrollPaddingOffset:0;--flow-spacing:unset;--a:45deg;--_vh:1vh}@media(prefers-color-scheme:dark){:root{--clr-text:var(--dm-clr-text);--clr-text-light:var(--dm-clr-text-light);--clr-primary-100:var(--dm-clr-primary-100);--clr-primary-200:var(--dm-clr-primary-200);--clr-primary-300:var(--dm-clr-primary-300);--clr-primary-350:var(--dm-clr-primary-350);--clr-primary-375:var(--dm-clr-primary-375);--clr-primary-400:var(--dm-clr-primary-400);--clr-accent-100:var(--dm-clr-accent-100);--clr-accent-200:var(--dm-clr-accent-200);--clr-accent-400:var(--dm-clr-accent-400);--clr-secondary-100:#efeae0;--clr-secondary-200:#f9e3a0;--clr-secondary-400:#d5bba2;--clr-secondary-450:#ccaa6e;--clr-secondary-500:#fdbe01;--clr-darkGradient:#1a1b23;--clr-overlay:hsla(0,0%,9%,.7);--clr-boxShadow:hsla(0,0%,9%,.08);--clr-error-100:#ffe7e7;--clr-error-200:#f9c2c2;--clr-error-300:#f47c7c;--clr-error-400:#f76d6d;--clr-error-transp:rgba(239,21,21,.3);--clr-success-100:#ebf4f5;--clr-success-200:#b4f9ff;--clr-success-400:#6ab5bb;--clr-success-500:#2d979a;--clr-green-400:#02d66f;--boxShadowPopover:none}}@media(max-width:768px){:root{--gridPadding:12px}}form{width:100%}button,input,label,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;display:inline-block;margin:0;outline:none;padding:0;vertical-align:middle;white-space:normal;-webkit-tap-highlight-color:transparent;color:inherit;font-family:inherit;font-size:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:var(--clr-text);box-shadow:0 0 0 1000px var(--clr-primary-400) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input[type=search]{-moz-appearance:textfield;appearance:textfield;-webkit-appearance:textfield;box-sizing:content-box;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}textarea{min-height:150px;overflow:auto;resize:none;vertical-align:top}select{-moz-appearance:none;-webkit-appearance:none;appearance:none;cursor:pointer}option{color:var(--clr-primary-400)}::-moz-placeholder{color:var(--clr-text-light);opacity:1}::placeholder{color:var(--clr-text-light);opacity:1}:-ms-input-placeholder{color:var(--clr-text-light)}::-ms-input-placeholder{color:var(--clr-text-light)}.input-with-label{position:relative}.input-field{background-color:var(--clr-primary-400);min-width:150px}.input-border{border:1px solid var(--clr-primary-200);border-radius:var(--borderRadiusSmall)}.input-field:focus:not(input[readonly]){border-color:var(--clr-text)}@media(hover:hover){.input-border:hover:not(input[readonly],:disabled){border-color:var(--clr-text)}.select-wrapper:hover:not(input[readonly],:disabled) my-icon{background-color:var(--clr-text)}}.select-wrapper{cursor:pointer;overflow:hidden;position:relative}.select-wrapper select{padding:1rem 2.5rem 1rem 1rem}input[readonly]{background-color:var(--clr-primary-400);border:none;color:var(--clr-primary-100);cursor:not-allowed}.auth-form{padding:4rem}@media(max-width:768px){.auth-form{padding:2rem}}@media(max-width:414px){.auth-form{padding:2rem 1rem}}.auth-form-with-modal{padding:2rem}@media(max-width:768px){.auth-form-with-modal{padding:1rem}}@media(max-width:414px){.auth-form-with-modal{padding:.5rem}}.auth-form app-btn,.auth-form-with-modal app-btn{--_padding:1rem}.form-disclaimer a{color:var(--clr-text);outline:none;text-decoration:underline}.form-disclaimer a:focus-visible{color:var(--clr-text-light)}@media(hover:hover){.form-disclaimer a:hover{color:var(--clr-text-light)}}*{margin:0}*,:after,:before{box-sizing:border-box}::-webkit-scrollbar{scrollbar-width:7px}::-webkit-scrollbar-track{background:var(--clr-primary-300)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:100vmax;scrollbar-color:var(--clr-primary-200)}.width-100{width:100%}.full-screen{height:calc(var(--_vh)*100);width:100%}.min-full-screen{min-height:calc(var(--_vh)*100);width:100%}.input-max-width{max-width:var(--inputMaxWidth)}.small-box-width{max-width:var(--smallBoxMaxWidth)}.big-box-width{max-width:var(--bigBoxMaxWidth)}.image-box-width{max-width:var(--imageMaxWidth)}.full-screen-with-header{height:calc(var(--_vh)*100 - var(--headerHeight));overflow:hidden;width:100%}.block{display:block}.no-display{display:none}.hidden{visibility:hidden}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.horizontal-center{left:50%;position:absolute;transform:translate(-50%)}.vertical-center{position:absolute;top:50%;transform:translateY(-50%)}.absolute-center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.absolute-overlay{inset:0;position:absolute;z-index:1}@supports (backdrop-filter:none){.absolute-overlay{backdrop-filter:blur(5px)}}.relative{position:relative}.flex-center{justify-content:center}.flex-align-center,.flex-center{align-items:center}.flex-align-top{align-items:flex-start}.flex-align-baseline{align-items:baseline}.flex-justify-center{justify-content:center}.flex-justify{justify-content:space-between}.flex-even{justify-content:space-evenly}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-grow-max{flex:1}.flex-grow{flex-grow:1}.flex-align-self-baseline{align-self:baseline}.flex-gap-25{gap:.25rem}.flex-gap-50{gap:.5rem}.flex-gap-75{gap:.75rem}.flex-gap-100{gap:1rem}.flex-gap-150{gap:1.5rem}.flex-gap-200{gap:2rem}.flex-gap-400{gap:4rem}.flex-row-gap-400{row-gap:4rem}.no-shrink{flex-shrink:0}.no-grow{flex-grow:0}.margin-inline-auto{margin-inline:auto}.margin-block-auto{margin-block:auto}.margin-start-auto{margin-inline-start:auto}.margin-block-100{margin-block:1rem}.padding-25{padding:.25rem}.padding-50{padding:.5rem}.padding-75{padding:.75rem}.padding-100{padding:1rem}.padding-150{padding:1.5rem}.padding-200{padding:2rem}.padding-500{padding:min(5rem,10%)}.padding-block-200{padding-block:2rem}.padding-inline-200{padding-inline:2rem}.padding-bottom-200{padding-bottom:2rem}.no-border{border:none}.no-scroll{overflow:hidden}.no-pointers{pointer-events:none}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.text-small{font-size:var(--fs-200)}.text-tiny{font-size:var(--fs-100)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.white-space{white-space:pre-wrap}.elipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-word{word-break:break-word}.text-balance{text-wrap:balance}.text-nowrap{text-wrap:nowrap}.underline{text-decoration:underline}.regular{font-weight:100}.bold{font-weight:600}.semi-bold{font-weight:500}.clr-text{color:var(--clr-text)}.clr-accent{color:var(--clr-accent-400)}.clr-text-light{color:var(--clr-text-light)}.clr-text-light-extreme{color:var(--clr-primary-100)}.clr-error{color:var(--clr-error-400)}.clr-success{color:var(--clr-success-500)}.clr-green{color:var(--clr-green-400)}.clr-bckgd-primary{background-color:var(--clr-primary-400)}.clr-bckgd-body{background-color:var(--clr-primary-375)}.clr-bckgd-gray{background-color:var(--clr-primary-350)}.clr-bckgd-error{background-color:var(--clr-error-400)}.clr-bckgd-success{background-color:var(--clr-success-400)}.clr-bckgd-overlay{background-color:var(--clr-overlay)}.border-radius{border-radius:var(--borderRadius)}.border-radius-small{border-radius:var(--borderRadiusSmall)}.border-radius-tiny{border-radius:var(--borderRadiusTiny)}.border-radius-circle{border-radius:50%}.border-radius-pill{border-radius:100vmax}.light-border{border:1px solid var(--clr-primary-300)}.medium-border{border:1px solid var(--clr-primary-200)}.box-shadow{box-shadow:var(--boxShadow)}.box-shadow-popover{box-shadow:var(--boxShadowPopover)}.svg-mask{flex-shrink:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle}.bckgd-img{background-position:50%;background-repeat:no-repeat;background-size:contain}.pointer{cursor:pointer}@property --a{syntax:"<angle>";inherits:false;initial-value:45deg}@keyframes gradientAnim{0%{--a:0deg}to{--a:360deg}}.content-grid{display:grid;grid-template-columns:[full-width-start] minmax(var(--padding-inline),1fr) [breakout-start] minmax(0,var(--breakout-size)) [content-start] min(100% - (var(--padding-inline) * 2),var(--content-max-width)) [content-end] minmax(0,var(--breakout-size)) [breakout-end] minmax(var(--padding-inline),1fr) [full-width-end]}.content-grid>:not(.breakout,.full-width),.full-width>:not(.breakout,.full-width){grid-column:content}.content-grid>.breakout{grid-column:breakout}.content-grid>.full-width{grid-column:full-width;grid-template-columns:inherit}.sticky-col-grid{align-items:start;-moz-column-gap:2em;column-gap:2em;display:grid;grid-template-columns:1fr minmax(200px,350px)}.sticky-col-grid>.sticky-item{grid-column:2/3;grid-row:1/99;margin-top:0;position:sticky;top:var(--topPadding,0)}@media(max-width:1080px){.sticky-col-grid{grid-template-columns:100%}.sticky-col-grid>.sticky-item{grid-column:1/2;grid-row:auto;margin-top:var(--flow-spacing,2em);position:relative;top:unset}}.flow-25>*+*{margin-top:var(--flow-spacing,.25em)}.flow-50>*+*{margin-top:var(--flow-spacing,.5em)}.flow-75>*+*{margin-top:var(--flow-spacing,.75em)}.flow-100>*+*{margin-top:var(--flow-spacing,1em)}.flow-125>*+*{margin-top:var(--flow-spacing,1.25em)}.flow-150>*+*{margin-top:var(--flow-spacing,1.5em)}.flow-200>*+*{margin-top:var(--flow-spacing,2em)}.flow-300>*+*{margin-top:var(--flow-spacing,3em)}.flow-400>*+*{margin-top:var(--flow-spacing,4em)}.flow-500>*+*{margin-top:var(--flow-spacing,5em)}.no-flow{--flow-spacing:0em}html{scroll-padding-top:calc(var(--headerHeight) + 2rem + var(--scrollPaddingOffset, 0rem))}body,html{margin:0;padding:0}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--clr-primary-375);color:var(--clr-text);font-family:var(--fontFamily);font-size:var(--fs-300);letter-spacing:var(--letterSpacing);line-height:1.5;overscroll-behavior:none;scroll-behavior:smooth}img,svg,video{display:block;max-width:100%}img,video{height:auto}h1,h2,h3,h4{line-height:1.3;text-wrap:balance}h1,h2,h3{font-weight:600}h1{font-size:var(--fs-700)}h2{font-size:var(--fs-600)}h3{font-size:var(--fs-500)}h4{font-size:var(--fs-400);font-weight:500}a{outline:none}audio::-webkit-media-controls-enclosure{background-color:var(--clr-primary-400)}mark{background-color:var(--clr-secondary-500)}li{font-weight:500}[hidden]{display:none}my-modal[hidden]{display:unset;opacity:0;visibility:hidden}my-modal{--_inlinePadding:var(--gridPadding);--_blockPadding:2rem;--_contentBgColor:var(--clr-primary-375);inset:0;opacity:1;position:fixed;transition:opacity .2s ease-in;visibility:visible;z-index:90}my-modal[d_dark_overlay]{background-color:var(--clr-overlay)}@supports (backdrop-filter:none){my-modal[d_dark_overlay]{backdrop-filter:blur(5px)}}my-modal div.modal-box{background-color:var(--_contentBgColor);border:1px solid var(--clr-primary-300);color:var(--clr-text);cursor:default;opacity:0;overflow-y:scroll;padding-bottom:2rem;position:relative;scroll-padding-top:75px;transition:opacity .3s ease-in}my-modal[d_sticky_bottom] div.modal-box{padding-bottom:0}my-modal[d_size=full] div.modal-box{height:100%;width:100%}my-modal[d_size=small-box] div.modal-box{max-height:calc(100% - var(--_blockPadding));width:min(50ch,100% - var(--_inlinePadding))}my-modal[d_size=large-box] div.modal-box{max-height:calc(100% - var(--_blockPadding));width:min(955px,100% - var(--_inlinePadding))}my-modal[d_size=max-content] div.modal-box{max-height:calc(100% - var(--_blockPadding));max-width:calc(100% - var(--_inlinePadding));width:-moz-max-content;width:max-content}my-modal[d_animate] div.modal-box{animation:animateBox .4s var(--bouncyTransition);opacity:1}@keyframes animateBox{0%{transform:translateY(150px)}to{transform:translateY(0)}}my-modal div.modal-box div.modal-header{background-color:var(--_contentBgColor);justify-content:flex-end;padding-block:1rem;position:sticky;top:0;z-index:2}my-modal div.modal-box div.modal-header button.close-btn{background:var(--clr-text);border:none;border-radius:100vmax;cursor:pointer;height:20px;outline:0 transparent;padding:0 1rem;place-self:flex-end;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);width:-moz-fit-content;width:fit-content}my-modal div.modal-box div.modal-header button.close-btn:focus{transform:scale(1.1)}my-modal div.modal-box div.modal-header button.close-btn:focus:not(:focus-visible){outline:none}@media(hover:hover){my-modal div.modal-box div.modal-header button.close-btn:hover{transform:scale(1.1)}my-modal div.modal-box div.modal-header button.close-btn:hover my-icon{background-color:var(--_contentBgColor)}}my-modal my-loader{--_color:var(--clr-gray)}
