.material.svelte-hmnh89{box-sizing:border-box;display:flex;flex:0 0 100%;flex-direction:column;align-items:flex-start;align-self:center;width:100%;padding:0 20px;height:100%;min-height:200px}.title.svelte-hmnh89{font-size:1.1rem;font-weight:600;margin:0;text-align:center}p.svelte-hmnh89{font-size:.9rem;font-weight:400;margin:0;text-align:center}img.svelte-hmnh89{max-height:90px;max-width:100%;width:auto;object-fit:cover;display:block}.group.svelte-hmnh89{display:contents}.material-body.svelte-hmnh89{display:flex;box-sizing:border-box;gap:.75rem;width:100%;align-items:center;justify-content:center;height:100%}.group.svelte-hmnh89{height:100%}.card-content.svelte-hmnh89{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#42424280;color:#d3d3d3;border-radius:.76rem;border:1px solid rgba(219,218,218,.363);box-shadow:0 .25rem .5rem #00000080;width:100%;padding:20px;gap:5px;height:75%}@media(max-width:1320px){.title.svelte-hmnh89{font-size:.9rem}p.svelte-hmnh89{font-size:.7rem}img.svelte-hmnh89{max-height:80px}}@media(max-width:768px){.title.svelte-hmnh89{font-size:.8rem}p.svelte-hmnh89{font-size:.6rem}img.svelte-hmnh89{max-height:60px}.card-content.svelte-hmnh89{padding:15px}}@media(max-width:480px){.title.svelte-hmnh89{font-size:.7rem}p.svelte-hmnh89{font-size:.5rem}img.svelte-hmnh89{max-height:50px}.card-content.svelte-hmnh89{padding:10px}}.marketing-content-widget.svelte-z40i53{display:flex;flex-direction:column;box-sizing:border-box;padding:.5rem 0 0;width:100%;max-width:100%;border-radius:1rem;box-shadow:0 .25rem .5rem #0003}.materials-carosel.svelte-z40i53{display:flex;box-sizing:border-box;justify-content:center;align-items:stretch}.materials-container.svelte-z40i53{display:flex;width:100%;flex-direction:row;box-sizing:border-box;align-items:flex-start;justify-content:flex-start;scroll-behavior:smooth;overflow:hidden}@media(max-width:1200px){.materials-container.svelte-z40i53{gap:2rem}}@media(max-width:900px){.materials-container.svelte-z40i53{gap:1.25rem}}@media(max-width:500px){.materials-container.svelte-z40i53{gap:.4rem}}.icon-btn.svelte-z40i53{display:flex;align-items:center;justify-content:center;align-self:center;flex-shrink:0;padding:.25rem;border-radius:10rem;margin:.5rem;font-size:1.5rem;color:#fffc;background-color:unset}@media(max-width:1200px){.icon-btn.svelte-z40i53{margin:.3rem}}.icon-btn.svelte-z40i53:hover{background-color:#fff6}.current-index-dots.svelte-z40i53{display:flex;flex-direction:row;align-self:center;gap:5px;margin-top:5px}.dot.svelte-z40i53{height:10px;width:10px;border-radius:50%;color:#5c5757cc;margin:0 5px;display:inline-block;transition:background-color .3s;background-color:#5c5757cc}.dot.selected.svelte-z40i53{background-color:#fffc}.loading.svelte-z40i53 img:where(.svelte-z40i53){height:100px;width:120px}.auth-page.svelte-15no7aq{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100vw;height:100vh}.status-banner.svelte-15no7aq{background-color:#e8a317;color:#000;padding:10px 20px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;font-weight:500;text-align:center;box-sizing:border-box;flex-shrink:0}.status-banner.svelte-15no7aq span:where(.svelte-15no7aq){text-transform:none;font-size:.85rem;font-weight:500;margin:0}.status-banner.svelte-15no7aq i:where(.svelte-15no7aq){font-size:1.2rem;flex-shrink:0}.auth-holder.svelte-15no7aq{display:flex;width:100%;flex-grow:1;background-color:#000;flex-direction:row;overflow:hidden}.auth-holder.svelte-15no7aq:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}@media(max-width:880px){.auth-holder.svelte-15no7aq{overflow-y:scroll;overflow-x:hidden}.auth-holder.svelte-15no7aq{flex-direction:column}}@media(max-width:490px){.auth-holder.svelte-15no7aq{width:100%}.auth-holder.svelte-15no7aq:before{background-size:160%;background-position:center center}}.auth-holder.svelte-15no7aq>div>header{top:0;left:0;width:100%;z-index:1000;color:#eee;font-weight:600;height:100px;align-self:flex-start}.auth-holder.svelte-15no7aq>div>header>.header-logo-container{position:absolute;top:1rem;left:1rem}.auth-holder.svelte-15no7aq>div>header>.header-logo-container>img{width:265px}.auth-holder.svelte-15no7aq>div>header>.header-logo-container{font-weight:600;font-size:2rem;padding-top:1px}.auth-holder.svelte-15no7aq .marketing-content{width:100%;align-self:center;display:flex;flex-direction:column;gap:1rem;padding-bottom:20px;align-items:center;justify-self:center;box-sizing:border-box}.auth-holder.svelte-15no7aq .auth-modal{width:705px;height:100%;justify-self:flex-end;position:relative;justify-content:center;flex-direction:column;box-sizing:border-box;padding:0 60px;background-color:#161414;color:#ddd;overflow-y:auto;cursor:default;display:flex;justify-content:space-between}.auth-holder.svelte-15no7aq .login-container{height:100%}.auth-holder.svelte-15no7aq .left-container{display:flex;flex-direction:column;height:100%;width:100%;max-width:100%;min-width:300px;position:relative}.auth-holder.svelte-15no7aq .left-container .world-image{position:absolute;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;padding:0 1rem;max-width:1500px}.auth-holder.svelte-15no7aq .left-container .world-image img{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media(max-width:768px){.auth-holder.svelte-15no7aq .left-container .world-image img{top:40%;transform:translate(-10%,-50%);width:120%}}@media(max-width:576px){.auth-holder.svelte-15no7aq .left-container .world-image img{top:35%;transform:translate(-20%,-50%);width:150%}}.auth-holder.svelte-15no7aq .left-container .marketing-content{margin-top:auto;width:100%;max-width:600px}.auth-holder.svelte-15no7aq .switch-form-button,.auth-holder.svelte-15no7aq .switch-form-button-bottom{border:none;background:none;font-size:.8rem;padding:.25rem .5rem;border-radius:.5rem;color:#44c8f5;align-self:center;margin-left:auto}.auth-holder.svelte-15no7aq .forgot-password{border:none;background:none;font-size:.8rem;align-self:flex-start;padding:.25rem .5rem;border-radius:.5rem;color:#44c8f5;margin-left:auto}.auth-holder.svelte-15no7aq .forgot-password:hover,.auth-holder.svelte-15no7aq .forgot-password:focus,.auth-holder.svelte-15no7aq .switch-form-button:hover,.auth-holder.svelte-15no7aq .switch-form-button:focus,.auth-holder.svelte-15no7aq .switch-form-button-bottom:hover,.auth-holder.svelte-15no7aq .switch-form-button-bottom:focus{text-decoration:underline;color:#9bd2fa}.auth-holder.svelte-15no7aq .auth-modal h2,.auth-holder.svelte-15no7aq .auth-modal span{text-transform:uppercase;font-weight:600;font-size:.8rem;margin-right:1rem}.auth-holder.svelte-15no7aq .auth-modal h1{display:inline;font-size:24px;font-weight:200;line-height:3rem;text-align:center;gap:.8rem}.auth-holder.svelte-15no7aq .auth-modal h1 b{text-align:center;font-size:24px;font-weight:600;line-height:3rem;color:#fff}.auth-holder.svelte-15no7aq .auth-modal .form>.form-row>.label{margin-top:0}.auth-holder.svelte-15no7aq .auth-modal .form>.form-row{margin-bottom:15px}.auth-holder.svelte-15no7aq .divider{margin-bottom:20px;margin-top:20px}.auth-holder.svelte-15no7aq .form>.form-row>.text-input{max-width:unset;max-height:40px}.auth-holder.svelte-15no7aq .form>.form-row>.text-input>input{padding:0 0 0 10px;height:35px}.auth-holder.svelte-15no7aq .sign-up-bottom{display:none;margin-top:15px}.auth-holder.svelte-15no7aq .switch-form-button-bottom{display:none}.auth-holder.svelte-15no7aq .auth-modal>div:first-child{margin-top:auto;margin-bottom:auto;display:flex;flex-direction:column}.auth-holder.svelte-15no7aq .sign-in-fields{margin-top:15px}.auth-holder.svelte-15no7aq .mfa-buttons,.auth-holder.svelte-15no7aq .sign-in-buttons{display:flex;align-items:flex-start;justify-content:space-around;flex-direction:row;gap:20px;flex-direction:column}.auth-holder.svelte-15no7aq .mfa-buttons>.button,.auth-holder.svelte-15no7aq .sign-in-buttons>.button{width:100%;color:#fff}.auth-holder.svelte-15no7aq .sign-in-buttons>.button[title="Sign in with Clever"]{background-color:#1464ff}.auth-holder.svelte-15no7aq .sign-in-buttons>.button[title="Sign in with Classlink"]{background-color:#0a4d7f}.auth-holder.svelte-15no7aq .sign-in-buttons>.button img{border:3px solid white;border-radius:10px}.auth-holder.svelte-15no7aq .sign-in-buttons>.button{height:45px;padding:5px}.auth-holder.svelte-15no7aq .mfa-buttons>.button span,.auth-holder.svelte-15no7aq .sign-in-buttons>.button span{width:100%;font-weight:600}.auth-holder.svelte-15no7aq .sign-up-buttons{display:flex;flex-direction:column;gap:10px;margin-top:20px}.auth-holder.svelte-15no7aq .sign-up-buttons p{text-align:center}.auth-holder.svelte-15no7aq .sign-up-with-code{margin-top:5px}.auth-holder.svelte-15no7aq .full-width-button{width:100%;display:flex;justify-content:center;margin:0!important;height:40px;padding:5px!important}.auth-holder.svelte-15no7aq .loader{width:3rem;height:3rem;margin-right:1rem}.auth-holder.svelte-15no7aq .checking-details{display:flex;align-items:center;justify-content:center}.auth-holder.svelte-15no7aq .row{display:flex}.auth-holder.svelte-15no7aq .no-break{white-space:nowrap}.auth-holder.svelte-15no7aq .message{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;color:#fff;border-radius:.5rem;margin-bottom:1rem;font-weight:400}.auth-holder.svelte-15no7aq .message span{margin-left:.5rem}.auth-holder.svelte-15no7aq .message.error{background-color:#dc143c}.auth-holder.svelte-15no7aq .message.help{color:#222;background-color:#44c8f5}.auth-holder.svelte-15no7aq .code-check-loader{position:absolute;right:.5rem;top:1.5rem;z-index:1000}.auth-holder.svelte-15no7aq .code-check-loader img{width:2rem;height:2rem}@media(max-width:1320px){.auth-holder.svelte-15no7aq .auth-modal{max-width:640px}.auth-holder.svelte-15no7aq .auth-modal h1{margin-left:unset}}@media(max-width:1280px){.auth-holder.svelte-15no7aq .auth-modal h1{flex-direction:column;gap:0rem}.auth-holder.svelte-15no7aq .sign-in-buttons{display:flex;justify-content:space-around;gap:15px}.auth-holder.svelte-15no7aq .left-container{background-size:120%}}@media(max-width:880px){.auth-holder.svelte-15no7aq .login-container{display:flex;justify-content:center;margin-bottom:40px}.auth-holder.svelte-15no7aq .marketing-content{display:none}.auth-holder.svelte-15no7aq .auth-modal{max-height:none;overflow:unset;height:fit-content;background:#31313166}.auth-holder.svelte-15no7aq .auth-modal h1{flex-direction:column;gap:0rem}.auth-holder.svelte-15no7aq .sign-in-buttons{display:flex;justify-content:space-around;flex-direction:column;gap:15px}.auth-holder.svelte-15no7aq .sign-up-top,.auth-holder.svelte-15no7aq .switch-form-button{display:none}.auth-holder.svelte-15no7aq .sign-up-bottom,.auth-holder.svelte-15no7aq .switch-form-button-bottom{display:block;margin-right:auto}.auth-holder.svelte-15no7aq .row{flex-direction:column}.auth-holder.svelte-15no7aq .row a{margin-left:auto}.auth-holder.svelte-15no7aq .left-container{background-image:none;background:unset}}@media(max-width:490px){.auth-holder.svelte-15no7aq .auth-modal{padding:0 1.5rem 1.5rem 1.5rem 1.5rem}.auth-holder.svelte-15no7aq .left-container{background-image:none;background:unset}}.auth-holder.svelte-15no7aq .require-notice{font-size:.75rem;color:#fff9;margin-left:auto;width:fit-content}.auth-holder.svelte-15no7aq footer{margin-top:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-bottom:20px;position:relative;bottom:0;align-self:center;color:#8d8d8d}@media(max-height:600px){.auth-holder.svelte-15no7aq footer{position:relative}}.auth-holder.svelte-15no7aq .footer-actions{display:flex;justify-content:space-between;gap:30px}.auth-holder.svelte-15no7aq .footer-actions a:hover{text-decoration:underline;color:#c7c7c7}.auth-holder.svelte-15no7aq .footer-actions a{font-size:12px}.auth-holder.svelte-15no7aq .auth-modal .copy-right-message span{text-align:center;text-transform:none;font-size:11px;font-weight:350}.auth-holder.svelte-15no7aq .auth-modal .copy-right-message{text-align:center}.auth-holder.svelte-15no7aq .sign-up .progress{display:flex;justify-content:center;gap:10px}.auth-holder.svelte-15no7aq .sign-up>.row:first-child{flex-wrap:wrap}.auth-holder.svelte-15no7aq .sign-up>.row:first-child>h1{text-align:left}.auth-holder.svelte-15no7aq #signUpCodeForm{margin-bottom:1rem}.auth-holder.svelte-15no7aq #signUpCodeForm h2{margin-bottom:1rem;font-size:1.25rem}.auth-holder.svelte-15no7aq #signUpCodeForm .button{margin-bottom:1rem}.auth-holder.svelte-15no7aq #signUpCodeForm a.link{color:#44c8f5;cursor:pointer}.auth-holder.svelte-15no7aq .switch-form-button button{align-self:center;margin-left:auto}.auth-holder.svelte-15no7aq .switch-form-button button span{margin:0}
