body{padding:0;margin:0;height:100vh;color:var(--nsn-uif-redwood-color-dark-text-primary)}body *{font-family:"Oracle Sans"}#page-wrapper{min-height:100%;display:flex;background:url("/authentication/ui/loginpage/assets/logo/ocean-background.png") top left no-repeat,linear-gradient(180deg, #264759 9.03%, #132337 87.96%);background-image:image-set(url("/authentication/ui/loginpage/assets/logo/ocean-background.png") 1x, url("/authentication/ui/loginpage/assets/logo/ocean-background-2x.webp") 2x),linear-gradient(180deg, #264759 9.03%, #132337 87.96%);background-size:1920px auto, auto}@media screen and (min-width: 1921px){#page-wrapper{background-image:url("/authentication/ui/loginpage/assets/logo/ocean-background-2x.webp"), linear-gradient(180deg, #264759 9.03%, #132337 87.96%);background-size:auto 82.4vh, auto}#page-wrapper.customer-login-page-wrapper{background-position:top center}}@media screen and (min-aspect-ratio: 21/9){#page-wrapper{background-size:auto 82.4vh, auto}}.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;padding:56px 40px 40px 40px;border-radius:8px;box-sizing:border-box;color:var(--nsn-uif-redwood-color-dark-info-190)}.login-page-box-logos{display:flex;flex-direction:column;margin-bottom:var(--nsn-uif-redwood-size-l);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-bold);margin:0 0 var(--nsn-uif-redwood-size-m) 0}.login-page-box-message{margin:0 0 var(--nsn-uif-redwood-size-s) 0}.login-page-box-message p{font-size:var(--nsn-uif-redwood-font-size-body-md);font-weight:var(--nsn-uif-redwood-font-weight-regular);margin:0}.login-page-box-message p+p{margin-top:1em}.login-page-box-message--error{display:grid;grid-template-columns:20px minmax(0, 1fr);align-items:start;border:2px solid rgba(255,255,255,0.15);border-radius:var(--nsn-uif-redwood-border-rounded-corners);background-color:var(--nsn-uif-redwood-color-dark-surface-danger-low);padding:var(--nsn-uif-redwood-size-xs)}.login-page-box-message--error .login-page-box-message-icon{width:14px;height:14px;margin-top:2px}.login-page-box-message--error p{color:var(--nsn-uif-redwood-color-dark-text-danger);font-size:var(--nsn-uif-redwood-font-size-body-sm);font-weight:var(--nsn-uif-redwood-font-weight-bold)}.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:rgba(var(--nsn-uif-redwood-color-dark-info-190), 0.7);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:color-mix(in srgb, var(--nsn-uif-redwood-color-dark-info-190) 70%, transparent);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 color-mix(in srgb, var(--nsn-uif-redwood-color-dark-info-190) 50%, transparent);outline-offset:-1px;background-color:var(--nsn-uif-redwood-color-light-ocean-170);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;color:var(--nsn-uif-redwood-color-dark-info-190)}.login-page-form-field input:-webkit-autofill,.login-page-form-field input:-webkit-autofill:hover,.login-page-form-field input:-webkit-autofill:focus,.login-page-form-field input:-webkit-autofill:active{-webkit-text-fill-color:var(--nsn-uif-redwood-color-dark-info-190);caret-color:var(--nsn-uif-redwood-color-dark-info-190);-webkit-box-shadow:0 0 0 1000px var(--nsn-uif-redwood-color-light-ocean-170) inset;box-shadow:0 0 0 1000px var(--nsn-uif-redwood-color-light-ocean-170) inset}.login-page-form-field input+label{cursor:text;user-select:none;color:var(--nsn-uif-redwood-color-dark-info-190)}.login-page-form-field input:focus{outline-width:2px;outline-color:var(--nsn-uif-redwood-color-dark-border-selected)}.login-page-form-field input:focus+label{color:var(--nsn-uif-redwood-color-dark-border-selected)}.login-page-form-field input[data-validate]:invalid{outline-color:var(--nsn-uif-redwood-color-dark-border-danger)}.login-page-form-field input[data-validate]:invalid+label{color:var(--nsn-uif-redwood-color-dark-border-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:1px solid var(--nsn-uif-redwood-color-light-neutral-0);cursor:pointer}.login-page-form-checkbox input:checked{background-image:url("/authentication/ui/loginpage/assets/icon/checkbox.svg");background-position:center;border:1px solid}.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-neutral-0);border-radius:var(--nsn-uif-redwood-border-rounded-corners-mid);color:var(--nsn-uif-redwood-color-dark-neutral-10);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-dark-neutral-10)}.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:active:before{background-color:var(--nsn-uif-redwood-color-dark-overlay-active)}.login-page-form-submit:disabled{background-color:rgba(255,255,255,0.09);border-color:var(--nsn-uif-redwood-color-light-border-disabled);color:rgba(255,255,255,0.4);cursor:not-allowed}.login-page-form-submit:disabled>svg{fill:currentColor}.login-page-form-submit:disabled:active:before{background-color:transparent}.login-page-form-submit:focus:not(:focus-visible){outline:none}.login-page-form-submit:focus-visible{outline:2px solid var(--nsn-uif-redwood-color-dark-border-selected)}.login-page-form-secondary-btn{position:relative;display:flex;justify-content:center;gap:var(--nsn-uif-redwood-size-xs);padding:var(--nsn-uif-redwood-size-s);background:linear-gradient(180deg, rgba(255,255,255,0.09) 0%, rgba(255,255,255,0.1) 100%);border-radius:var(--nsn-uif-redwood-border-rounded-corners-mid);color:var(--nsn-uif-redwood-color-dark-info-190);margin-bottom:var(--nsn-uif-redwood-size-l);border:1px solid rgba(255,255,255,0.15);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-secondary-btn>svg,.login-page-form-secondary-btn>svg>path{fill:currentColor}.login-page-form-secondary-btn: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-secondary-btn:not(:disabled):hover:before{background-color:var(--nsn-uif-redwood-color-dark-overlay-hover)}.login-page-form-secondary-btn:not(:disabled):active:before{background-color:var(--nsn-uif-redwood-color-dark-overlay-active)}.login-page-form-secondary-btn:disabled{background-color:var(--nsn-uif-redwood-color-light-surface-disabled);border-color:var(--nsn-uif-redwood-color-light-border-disabled);color:rgba(255,255,255,0.4);cursor:not-allowed}.login-page-form-secondary-btn:disabled>svg,.login-page-form-secondary-btn:disabled>svg>path{fill:currentColor}.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-dark-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:color-mix(in srgb, var(--nsn-uif-redwood-color-dark-info-190) 70%, transparent)}.login-page-box-footer a{color:var(--nsn-uif-redwood-color-dark-text-link);text-decoration-line:underline}.login-page-main{grid-area:2/2;display:grid;grid-template-rows:1fr auto;backdrop-filter:blur(20px);border-radius:8px;background:linear-gradient(180deg, rgba(148,191,206,0.08) 0%, rgba(75,123,187,0.08) 100%);box-shadow:0 4px 26px rgba(0,0,0,0.26),inset 0 0 0 1px rgba(255,255,255,0.15)}.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:var(--nsn-uif-redwood-color-light-overlay-hover-inverse);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-dark-text-link);text-decoration-line:underline}.login-page-main .login-page-footer .sep{color:var(--nsn-uif-redwood-color-dark-border-divider)}@media screen and (min-width: 600px) and (max-width: 1024px){.login-page-body{grid-template-columns:1fr minmax(auto, 432px) 1fr}}@media screen and (max-width: 600px){.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-footer{padding:var(--nsn-uif-redwood-size-m)}}
.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-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}}