.login-surface{--login-height:100dvh;min-width:0;container-type:inline-size}.login-surface .auth-page{min-height:var(--login-height);grid-template-columns:.9fr 1.1fr}.login-surface .auth-aside{min-height:var(--login-height);background:var(--login-panel);color:var(--login-panel-ink);isolation:isolate;display:flex}.login-surface .auth-aside:after{content:"";z-index:-1;background-image:var(--login-background,none);opacity:.22;background-position:50%;background-size:cover;position:absolute;inset:0}.login-surface .auth-aside p,.login-surface .auth-aside small{color:inherit;opacity:.85}.login-surface .login-custom .auth-aside h1 em{color:inherit}.login-brand-mark{align-self:flex-start;max-width:100%}.login-company-logo{object-fit:contain;width:auto;max-width:220px;height:auto;max-height:90px;display:block}.login-introduction h1,.login-introduction p{overflow-wrap:anywhere;white-space:pre-line}.login-form-content{width:100%;min-width:0;max-width:370px}.login-surface .auth-box{max-width:none}.login-compact-brand{display:none}.login-surface .btn-primary{background:var(--login-accent);border-color:var(--login-accent);color:var(--login-button-ink)}.login-surface .auth-symbol{background:color-mix(in srgb,var(--login-accent) 10%,white);color:var(--login-accent-text)}.login-surface input:focus-visible{outline-color:var(--login-accent)}.login-surface .company-auth-name{color:var(--login-accent-text)}.login-surface .login-layout-centered{background:var(--login-panel);isolation:isolate;display:block;position:relative}.login-surface .login-layout-centered:before{content:"";z-index:-1;background-image:var(--login-background,none);opacity:.45;background-position:50%;background-size:cover;position:absolute;inset:0}.login-layout-centered .auth-aside{display:none}.login-surface .login-layout-centered .auth-main{min-height:var(--login-height);align-items:center;padding:80px 24px 40px}.login-layout-centered .login-form-content{background:#fbfcf9;border-radius:20px;max-width:460px;padding:36px 40px;box-shadow:0 20px 70px #0002}.login-layout-centered .auth-box{margin:0}.login-layout-centered .back-link{color:#fff;background:#172e32a6;border-radius:20px;padding:7px 12px}.login-layout-centered .login-compact-brand{display:block}.login-compact-brand:empty{display:none}.login-compact-brand .login-company-logo{max-width:210px;max-height:76px;margin-bottom:24px}.login-compact-brand h1{white-space:pre-line;overflow-wrap:anywhere;margin-bottom:10px;font-size:24px;line-height:1.5}.login-compact-brand p{color:#617579;white-space:pre-line;overflow-wrap:anywhere;margin-bottom:24px;font-size:13px;line-height:1.8}.login-surface-preview{--login-height:760px;pointer-events:none}.login-surface-preview .auth-main{min-height:760px;padding:32px}.login-surface-preview .auth-aside{padding:36px}.login-surface-preview .auth-box{margin-top:0;margin-bottom:0}.login-surface-preview .auth-help{margin-top:24px}.login-surface-preview .auth-box fieldset{border:0;margin:0;padding:0}.login-surface-preview .auth-box fieldset .field{margin-bottom:18px}.login-surface-preview .auth-box input{background:#fff;width:100%}.login-surface-preview .auth-box .btn:disabled{opacity:1}@container (max-width:800px){.login-surface .auth-page{display:block}.login-surface .auth-aside{display:none}.login-surface .auth-main{min-height:var(--login-height);align-items:flex-start;padding:76px 24px 32px}.login-surface .auth-box{margin:22px 0 0}.login-surface .login-compact-brand{display:block}.login-surface .login-compact-brand:empty{display:none}.login-surface .login-layout-split.login-has-background .auth-main{background:linear-gradient(#fbfcf9ed,#fbfcf9ed),var(--login-background);background-position:50%;background-size:cover}.login-surface .login-layout-centered .auth-main{padding:76px 16px 24px}.login-layout-centered .login-form-content{padding:28px 24px}.login-layout-centered .auth-box{margin-top:0}}