:root{--bg-color:#F7F7F7;--container-color:#FFF;--subcontainer-color:#E5E5E5;--brand-color:#6D8788;--text-color:#080A0B;--subtext-color:#3C4448;--warn-color:#FB0;--fail-color:#EB4748;--brand-hover-color:#536667}[data-theme="dark"]{--bg-color:#000}@font-face{font-family:'Hackney';src:url('../themes/material-manager/assets/fonts/Hackney.woff2') format(woff2),url('../themes/material-manager/assets/css/.../fonts/Hackney.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Lexend';src:url('../themes/material-manager/assets/fonts/Lexend-VariableFont_wght.woff2') format('woff2-variations'),url('../themes/material-manager/assets/fonts/Lexend-VariableFont_wght.woff') format('woff');font-weight:100 900;font-style:normal;font-display:swap}h1{color:var(--text-color);font-family:'Lexend',Arial,sans-serif;font-size:32px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}h2{color:var(--text-color);font-family:'Lexend',Arial,sans-serif;font-size:28px;font-style:normal;font-weight:700;line-height:normal}h3{color:var(--text-color);font-family:'Lexend',Arial,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:normal}p{color:var(--text-color);font-family:'Lexend',Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:normal}a{color:var(--brand-color);font-family:'Lexend',Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:normal;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}label{color:var(--text-color);font-family:'Lexend',Arial,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:normal}button{font-family:'Lexend',Arial,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.subtext{color:var(--subtext-color);font-family:'Lexend',Arial,sans-serif;font-size:10px;font-style:normal;font-weight:400;line-height:normal}.feather{width:20px;height:20px;aspect-ratio:1/1;color:var(--text-color);stroke-width:2px}.flex-row{display:flex;flex-direction:row;align-items:center}.flex-column{display:flex;flex-direction:column}.between{justify-content:space-between}button.normal{display:inline-flex;padding:5px 10px;align-items:center;gap:10px;border-radius:4px;background-color:var(--container-color);color:var(--text-color);border:1px solid var(--subcontainer-color)}button.green{display:inline-flex;padding:5px 10px;align-items:center;gap:10px;border-radius:4px;background-color:var(--brand-color);color:var(--container-color)}button.green:hover{background-color:#586b6c}button.green .feather{color:var(--container-color)}button.red{display:inline-flex;padding:5px 10px;align-items:center;gap:10px;border-radius:4px;background-color:var(--fail-color);color:var(--container-color)}button.red:hover{background-color:#ab3737}button.red .feather{color:var(--container-color)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100dvh;background-color:var(--bg-color);overflow-x:hidden}@media only screen and (max-width:600px){body{width:100vw}}@media only screen and (min-width:768px){body{width:100vw}}main{min-height:100dvh;display:flex;justify-content:center;align-items:center}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;align-self:center;gap:20px;width:100%;height:100dvh;max-width:320px;padding:50px 0;position:relative;overflow:hidden}.login-container .logo{width:100%;max-width:260px;min-width:100px;max-height:80px;height:100%;background-position:center;background-size:contain;background-repeat:no-repeat}.login-container .hackney{font-family:'Hackney',serif;font-weight:400;font-size:64px;text-align:center;line-height:50px}.login-subcontainer{display:flex;flex-direction:column;gap:20px}.login-container .button{padding:10px 5px;background-color:var(--brand-color);border-radius:19px;color:#FFF;text-align:center;text-decoration:none;transition:scale 0.3s ease;height:40px;display:flex;align-items:center;justify-content:center;border:none}.login-container .button:hover{background-color:#56696a;cursor:pointer}.register{text-align:center;color:var(--text-color);font-weight:500;text-decoration:none;transition:all 0.3s ease}.register:hover{color:var(--subtext-color)}.hint{color:var(--text-color);font-size:10px;text-align:center;margin-top:40px}.hint a{font-size:10px;color:var(--brand-color);text-decoration:underline}@media only screen and (max-width:600px){.login-container .logo{max-width:160px;max-height:50px}.login-container{gap:10px;padding:30px 0}.hint{margin-top:0px}}form{width:100%;position:relative;top:0;left:0;display:flex;flex-direction:column;gap:20px;transition:transform 0.3s ease-in-out;transform:translateX(-50%);opacity:0;pointer-events:none}form.active{opacity:1;transform:translateX(0px);pointer-events:auto}form.slideout{opacity:0;transform:translateX(50%)}.wrapper{display:flex;flex-direction:column;gap:2px}.checkbox-wrapper{display:flex;flex-direction:row;gap:10px;align-items:center}.checkbox-wrapper label a{font-size:12px}input{width:100%;height:40px;background-color:var(--bg-color);border-radius:4px;border:1px solid var(--subtext-color);padding:5px 10px;font-size:14px}input:focus{outline:none;border:2px solid var(--brand-color)}input[type='checkbox']{-webkit-appearance:none;appearance:none;background-color:var(--bg-color);width:20px;min-width:20px;max-width:20px;height:20px;min-height:20px;max-height:20px;border:1px solid var(--subtext-color);border-radius:4px;cursor:pointer;padding:0;display:inline-grid;place-content:center;transition:all 0.1s ease}input[type='checkbox']:checked{background-color:var(--brand-color);border:none}input[type='checkbox']::before{content:"";width:10px;height:10px;transform:scale(0);transition:120mx transform ease-in-out;box-shadow:inset 10px 10px white;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}input[type='checkbox']:checked::before{transform:scale(1)}.msg-container{width:100%;height:40px}.msg-container p{width:100%;height:100%;background-color:var(--fail-color);color:#FFF;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all 0.3s ease;transform:translateX(-20px);opacity:0}.msg-container p.visible{transform:translateX(0);opacity:1}.form-stage{position:relative;width:100%;min-height:300px}.form-stage form{position:absolute;top:0;left:0;pointer-events:none}.form-stage form.active{pointer-events:auto}