:root{--dark-blue:#001838;--blue:#004aad;--off-white:#f5f6f7;--light-blue:#38b6ff;--turquoise:#5ce1e6;--blurple:#4d6af0;--lavender:#cb6ce6;--pink:#d63381}#app .login-screen{color:#fff;background-color:#4d6af0;background-image:url(/build/assets/darllen-dragon-1-3b7vKYqV.webp),url(/build/assets/darllen-dragon-2-CV9OHJ8G.webp);background-position:8% bottom,92% bottom;background-repeat:no-repeat;background-size:20%;height:100vh;overflow-y:scroll}#app .login-screen[data-platform=criw-clebran]{background-image:none;background-size:13.5%}#app .login-screen[data-platform=criw-clebran] .login-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:7rem;min-width:80%;display:flex}#app .login-screen[data-platform=criw-clebran] .login-wrapper img.teacher-image{-o-object-fit:contain;object-fit:contain;max-height:45vh}#app .login-screen[data-platform=criw-clebran] .login-wrapper .login-content{width:clamp(330px,30vw,700px)}#app .login-screen[data-platform=criw-clebran] .login-wrapper .login-content h1{width:fit-content}#app .login-screen[data-platform=criw-clebran][data-criw-clebran-variant=llyr]{background-color:#d63381}#app .login-screen[data-platform=criw-clebran][data-criw-clebran-variant=llyr] .login-content h1+svg path{stroke:#fff}#app .login-screen[data-platform=criw-clebran][data-criw-clebran-variant=llyr] .auth-options .field label .ui.checkbox input{background-color:#d63381}#app .login-screen[data-platform=criw-clebran][data-criw-clebran-variant=llyr] .auth-options .field label .ui.checkbox label:before{background:#d63381}#app .login-screen[data-platform=criw-clebran][data-criw-clebran-variant=llyr] .ui.input input[type=text],#app .login-screen[data-platform=criw-clebran][data-criw-clebran-variant=llyr] .ui.input input[type=email],#app .login-screen[data-platform=criw-clebran][data-criw-clebran-variant=llyr] .ui.input input[type=password]{background-color:#0018384d!important}#app .login-screen p{text-align:center;color:#fff}#app .login-screen .back-link{color:#fff;margin-top:2rem;text-decoration:underline}#app .login-screen header{position:absolute}#app .login-screen .inner.width-narrow,#app .login-screen .inner.width-default{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:5rem 0 8rem;display:flex}#app .login-screen .inner.width-narrow .ui.form,#app .login-screen .inner.width-default .ui.form,#app .login-screen .inner.width-narrow .ui.form .ui.primary.button,#app .login-screen .inner.width-default .ui.form .ui.primary.button{width:100%}#app .login-screen .inner.width-narrow .ui.form .field .ui.label,#app .login-screen .inner.width-default .ui.form .field .ui.label,#app .login-screen .inner.width-narrow .ui.form .ui.horizontal.divider,#app .login-screen .inner.width-default .ui.form .ui.horizontal.divider{color:#fff}#app .login-screen .auth-options{justify-content:space-between;display:flex}#app .login-screen .auth-options a{color:#fff;text-decoration:underline}#app .login-screen .auth-options .field label .ui.checkbox input{background-color:#4d6af0}#app .login-screen .auth-options .field label .ui.checkbox label{color:#fff}#app .login-screen .auth-options .field label .ui.checkbox label:before{background:#4d6af0;border:2px solid #fff;border-radius:.3rem}#app .login-screen .auth-options .field label .ui.checked.checkbox label:after{color:#001838;background:#fff;border-radius:.3rem}#app .login-screen .field .ui.input{background-color:#0018384d;outline:3px solid #ffffff4d}#app .login-screen .field .ui.input ::placeholder{color:#fff;opacity:.6}#app .login-screen .field .ui.input input:focus{outline:3px solid #fff}#app .login-screen .ui.header{text-align:center;color:#fff;margin-bottom:0}#app .login-screen svg{margin-bottom:4rem}#app .login-screen .ui.input input[type=text],#app .login-screen .ui.input input[type=email],#app .login-screen .ui.input input[type=password]{color:#fff;background-color:#3651ba!important}#app .login-screen .teacher-assisted-login>button{width:100%;margin-top:1rem!important}#app .login-screen .ui.button.secondary.logout{width:100%}.ui.modal.qr-code-login-modal{padding:3rem}.ui.modal.qr-code-login-modal .header{color:#001838;font-family:mikado_web_bold,sans-serif;font-size:2rem}.ui.modal.qr-code-login-modal .description{color:#4b4e5d;font-size:1.125rem}.ui.modal.qr-code-login-modal .qr-modal-header{flex-direction:column;align-items:center;gap:.8rem;display:flex}.ui.modal.qr-code-login-modal .qr-code-scanner{width:50%}