.login{display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;background-image:url(/images/alensis-login-bg.jpg);background-size:cover;background-position:center;color:var(--color)}.login:before{content:"";position:absolute;z-index:1;inset:0;width:100%;height:100%;background:rgba(0,0,0,.75);pointer-events:none}.login .input-wrapper,.login .login-box{position:relative}.login .login-box{z-index:2;display:flex;flex-direction:column;gap:44px;padding:60px;background:var(--background-color-variant);border-radius:12px;box-shadow:14px 14px 24px 0 rgba(0,0,0,.25)}.login .login-box-header{display:flex;flex-direction:column;align-items:center;gap:8px}.login .login-box-header-title{margin:0;font-size:40px;font-weight:500;color:inherit}.login .login-box-header-title i{font-style:italic;font-weight:700}.login .login-box-header-title span{color:var(--primary)}.login .login-box-header-text{font-style:italic;font-size:14px;letter-spacing:1px;text-align:center}.login form{display:flex;flex-direction:column;gap:16px}.login form>div{display:flex;flex-direction:column;gap:8px}.login form>div:has(input[type=checkbox]){flex-direction:row;align-items:center}.login label{display:block;font-size:16px;font-weight:700}.login .input-wrapper img{position:absolute;top:50%;left:16px;transform:translateY(-50%);width:20px}.login .form-error-message{display:none!important}.login input[type=password],.login input[type=text]{width:100%;height:52px;padding:0 16px 0 48px;border:1px solid var(--border-color)!important;max-width:100%}.login input[type=password]:-webkit-autofill,.login input[type=text]:-webkit-autofill{box-shadow:0 0 0 100rem var(--background-color-variant) inset}.login input[type=checkbox]{width:24px;height:24px}.login input[type=submit]{width:100%;height:52px;font-size:18px;text-transform:uppercase}