body{padding:0;margin:0;height:100vh;color:var(--nsn-uif-redwood-color-light-text-primary);background-color:var(--nsn-uif-redwood-color-light-brand-150);background-image:url("/authentication/ui/loginpage/assets/logo/Mobius-background.png");background-repeat:no-repeat;background-position:-1250px}body *{font-family:"Oracle Sans"}#page-wrapper{min-height:100%;display:flex}.login-page-body{display:grid;grid-template-rows:minmax(var(--nsn-uif-redwood-size-s), 1fr) minmax(750px, auto) minmax(var(--nsn-uif-redwood-size-s), 1fr);grid-template-columns:12vw minmax(auto, 432px) 1fr;min-width:100%}.login-page-box{position:relative;grid-area:2 / 2;display:flex;flex-direction:column;background-color:rgba(255,255,255,0.95);backdrop-filter:blur(20px);padding:56px 40px 40px 40px;border-radius:8px;box-sizing:border-box}.login-page-box-logos{display:flex;flex-direction:column;margin-bottom:56px;gap:var(--nsn-uif-redwood-size-s);align-items:start;font-size:0px}.login-page-box-logos img{height:42px}.login-page-box-title{font-size:var(--nsn-uif-redwood-font-size-heading-sm);line-height:var(--nsn-uif-redwood-font-size-heading-lg);font-weight:var(--nsn-uif-redwood-font-weight-extra-bold);margin:0 0 var(--nsn-uif-redwood-size-s) 0}.login-page-box-message{border:1px solid rgba(22,21,19,0.1);border-radius:var(--nsn-uif-redwood-border-rounded-corners);margin:0 0 var(--nsn-uif-redwood-size-s) 0;padding:var(--nsn-uif-redwood-size-m)}.login-page-box-message p{font-size:var(--nsn-uif-redwood-font-size-body-md);font-weight:var(--nsn-uif-redwood-font-weight-bold);line-height:var(--nsn-uif-redwood-font-size-body-xl);margin:0}.login-page-box-message--error{background-color:var(--nsn-uif-redwood-color-light-surface-danger-low)}.login-page-box-message--error p{color:var(--nsn-uif-redwood-color-light-text-danger)}.login-page-box-message--success{background-color:var(--nsn-uif-redwood-color-light-surface-success-low)}.login-page-box-message--success p{color:var(--nsn-uif-redwood-color-light-text-success)}.login-page-form{display:flex;flex-direction:column}.login-page-form-field{display:flex;flex-direction:column;margin:0 0 var(--nsn-uif-redwood-size-2-xs) 0}.login-page-form-field>label{position:absolute;font-style:normal;color:var(--nsn-uif-redwood-color-light-text-secondary);padding:var(--nsn-uif-redwood-size-s) 0 0 var(--nsn-uif-redwood-size-xs);font-size:var(--nsn-uif-redwood-font-size-body-md);line-height:var(--nsn-uif-redwood-font-size-body-xl);font-weight:var(--nsn-uif-redwood-font-weight-regular);transition:all 0.2s ease-out}.login-page-form-field>.validation-message{margin-top:var(--nsn-uif-redwood-size-4-xs);color:var(--nsn-uif-redwood-color-light-text-secondary);font-size:var(--nsn-uif-redwood-font-size-body-sm);min-height:var(--nsn-uif-redwood-font-size-body-xl)}.login-page-form-field>.validation-message>p{display:none;gap:4px;margin:0;align-items:center}.login-page-form-field>.validation-message>p>img{width:20px;height:20px}.login-page-form-field input{border:0;border-radius:var(--nsn-uif-redwood-border-rounded-corners-mid);outline:1px solid var(--nsn-uif-redwood-color-light-border-enabled);outline-offset:-1px;background-color:var(--nsn-uif-redwood-color-light-neutral-0);padding:var(--nsn-uif-redwood-size-m) var(--nsn-uif-redwood-size-xs) var(--nsn-uif-redwood-size-2-xs);font-size:var(--nsn-uif-redwood-font-size-body-md);cursor:text}.login-page-form-field input+label{cursor:text;user-select:none}.login-page-form-field input:focus{outline-width:2px;outline-color:var(--nsn-uif-redwood-color-light-border-selected)}.login-page-form-field input:focus+label{color:var(--nsn-uif-redwood-color-light-border-selected)}.login-page-form-field input[data-validate]:invalid{outline-color:var(--nsn-uif-redwood-color-light-border-danger)}.login-page-form-field input[data-validate]:invalid+label{color:var(--nsn-uif-redwood-color-light-text-danger)}.login-page-form-field input[data-validate]:invalid+label+.validation-message>p{display:flex}.login-page-form-field input:focus+label,.login-page-form-field input:autofill+label,.login-page-form-field input:-webkit-autofill+label,.login-page-form-field input:not(:placeholder-shown)+label{padding-top:var(--nsn-uif-redwood-size-2-xs);font-size:var(--nsn-uif-redwood-font-size-body-xs);line-height:var(--nsn-uif-redwood-font-size-body-md);font-weight:var(--nsn-uif-redwood-font-weight-semi-bold)}.login-page-form-field input::placeholder{color:transparent;opacity:0}.login-page-form-checkbox{display:flex;gap:var(--nsn-uif-redwood-size-2-xs);margin:var(--nsn-uif-redwood-size-2-xs) 0 var(--nsn-uif-redwood-size-l) 0;align-items:center}.login-page-form-checkbox input{appearance:none;margin:0;padding:0;width:var(--nsn-uif-redwood-size-s);height:var(--nsn-uif-redwood-size-s);border:2px solid var(--nsn-uif-redwood-color-light-border-selected-neutral);border-radius:var(--nsn-uif-redwood-border-rounded-corners-mid);cursor:pointer}.login-page-form-checkbox input:checked{background-color:var(--nsn-uif-redwood-color-light-border-selected-neutral);background-image:url(/uiredwood/img/form/checkmark.svg);background-position:center;border:0px}.login-page-form-checkbox label{font-size:var(--nsn-uif-redwood-font-size-body-md);font-style:normal;font-weight:var(--nsn-uif-redwood-font-weight-regular);line-height:var(--nsn-uif-redwood-font-size-body-xl);user-select:none;cursor:pointer}.login-page-form-submit{position:relative;display:flex;justify-content:center;gap:var(--nsn-uif-redwood-size-xs);padding:var(--nsn-uif-redwood-size-s);background-color:var(--nsn-uif-redwood-color-light-brand-120);border-radius:var(--nsn-uif-redwood-border-rounded-corners-mid);color:var(--nsn-uif-redwood-color-light-text-inverse);margin-bottom:var(--nsn-uif-redwood-size-l);border:0;font-size:var(--nsn-uif-redwood-font-size-body-sm);line-height:var(--nsn-uif-redwood-font-size-body-xl);font-weight:var(--nsn-uif-redwood-font-weight-semi-bold);cursor:pointer}.login-page-form-submit>svg{fill:var(--nsn-uif-redwood-color-light-text-inverse)}.login-page-form-submit:before{content:'';position:absolute;background-color:transparent;width:100%;height:100%;z-index:1;top:0;left:0;border:0;border-radius:var(--nsn-uif-redwood-border-rounded-corners-mid)}.login-page-form-submit:hover:before{background-color:var(--nsn-uif-redwood-color-dark-overlay-hover)}.login-page-form-submit:active:before{background-color:var(--nsn-uif-redwood-color-dark-overlay-active)}.login-page-form-submit:disabled{background-color:var(--nsn-uif-redwood-color-light-surface-disabled);border-color:var(--nsn-uif-redwood-color-light-border-disabled);color:var(--nsn-uif-redwood-color-light-text-disabled);cursor:not-allowed}.login-page-form-submit:disabled>svg{fill:var(--nsn-uif-redwood-color-light-text-disabled)}.login-page-form-forgot{font-size:var(--nsn-uif-redwood-font-size-body-md);font-style:normal;font-weight:var(--nsn-uif-redwood-font-weight-regular);line-height:var(--nsn-uif-redwood-font-size-body-xl);color:var(--nsn-uif-redwood-color-light-text-link);margin-bottom:var(--nsn-uif-redwood-size-2-xs);text-decoration:none}.login-page-form-forgot:hover{text-decoration:underline}.login-page-box-footer{margin-top:auto;padding-top:var(--nsn-uif-redwood-size-l);font-size:var(--nsn-uif-redwood-font-size-body-xs);font-style:normal;font-weight:var(--nsn-uif-redwood-font-weight-regular);line-height:var(--nsn-uif-redwood-font-size-body-md);color:var(--nsn-uif-redwood-color-light-text-secondary)}.login-page-box-footer a{color:var(--nsn-uif-redwood-color-light-text-link);text-decoration-line:underline}.login-page-main{grid-area:2/2;display:grid;grid-template-rows:1fr auto}.login-page-main .login-page-box{grid-area:initial;border-radius:8px 8px 0 0;padding-bottom:24px}.login-page-main .login-page-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px;font-size:var(--nsn-uif-redwood-font-size-body-xs);color:var(--nsn-uif-redwood-color-light-text-secondary);background-color:rgba(231,242,245,0.95);backdrop-filter:blur(20px);border-radius:0 0 8px 8px;padding:24px 40px}.login-page-main .login-page-footer a{color:var(--nsn-uif-redwood-color-light-text-link);text-decoration-line:underline}.login-page-main .login-page-footer .sep{color:rgba(22,21,19,0.12)}@media screen and (min-width: 1024px) and (max-width: 1440px){body{background-position:-1550px}}@media screen and (min-width: 600px) and (max-width: 1024px){body{background-position:-1900px}.login-page-body{grid-template-columns:1fr minmax(auto, 432px) 1fr}}@media screen and (max-width: 600px){body{background-position:-2050px}.login-page-body{grid-template-columns:16px 1fr 16px;grid-template-rows:16px 1fr 16px}.login-page-box{padding:32px 24px 24px 24px}}
.login-page-body[data-page-type="password-reset"]{grid-template-rows:minmax(var(--nsn-uif-redwood-size-s), 1fr) auto minmax(var(--nsn-uif-redwood-size-s), 1fr)}.login-page-body[data-page-type="password-reset"] .login-page-form-submit{margin-top:var(--nsn-uif-redwood-size-l)}.login-page-body[data-page-type="password-reset"] .login-page-box-message{margin-bottom:var(--nsn-uif-redwood-size-l)}@media screen and (max-width: 600px){.login-page-body[data-page-type="password-reset"]{grid-template-rows:16px 1fr 16px}}