.auth-brand-frame.auth-background-color,.branding-preview-surface.auth-background-color{background:var(--login-background-color,#e9eaec)}.auth-brand-frame.auth-background-mist,.branding-preview-surface.auth-background-mist,.login-background-swatch.auth-background-mist{background:radial-gradient(at 15% 8%,#f9fafb 0,#0000 56%),radial-gradient(at 90% 95%,#cdd4dc 0,#0000 60%),#e7ebef}.auth-brand-frame.auth-background-sand,.branding-preview-surface.auth-background-sand,.login-background-swatch.auth-background-sand{background:radial-gradient(at 10% 0,#faf7f0 0,#0000 55%),linear-gradient(140deg,#e7e0d4,#f2eee7 55%,#d9d0c2)}.auth-brand-frame.auth-background-slate,.branding-preview-surface.auth-background-slate,.login-background-swatch.auth-background-slate{background:radial-gradient(at 12% 12%,#647181 0,#0000 65%),linear-gradient(145deg,#394554,#232b35)}.auth-brand-frame.auth-background-paper,.branding-preview-surface.auth-background-paper,.login-background-swatch.auth-background-paper{background-color:#f0efec;background-image:linear-gradient(#595b6010 1px,#0000 1px),linear-gradient(90deg,#595b6010 1px,#0000 1px);background-size:32px 32px}.auth-brand-frame{min-height:100dvh;font-family:var(--community-font,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);place-items:center;padding:40px 24px;display:grid}.auth-brand-frame .auth-frame-layout{background:#fff;border:1px solid #ccd2d9;border-radius:20px;width:100%;min-width:0;max-width:480px;display:grid;overflow:hidden;box-shadow:0 18px 65px #15202f17}.auth-brand-frame.auth-has-image .auth-frame-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);max-width:1160px;min-height:min(740px,100dvh - 80px)}.auth-brand-frame .auth-form-panel{background:#fff;justify-content:center;align-items:center;min-width:0;padding:40px;display:flex}.auth-brand-frame.auth-has-image .auth-form-panel{padding:clamp(28px,4.3vw,64px)}.auth-brand-frame .auth-card{color:#20242b;width:100%;min-width:0;max-width:400px;box-shadow:none;background:#fff;border:0;border-radius:0;padding:0;overflow:visible}.auth-brand-frame .auth-identity{align-items:center;gap:14px;min-width:0;margin:0 0 30px}.auth-brand-frame .auth-logo{object-fit:cover;background:0 0;border-radius:12px;flex-shrink:0;width:56px;max-width:56px;height:56px;display:block}.auth-brand-frame .auth-identity>span:last-child{overflow-wrap:anywhere;color:#303741;min-width:0;font-size:15px;font-weight:650;line-height:1.4}.auth-brand-frame .auth-mark{flex-shrink:0}.auth-brand-frame .auth-card h1{color:#171a20;letter-spacing:-.8px;font-family:inherit;font-size:28px;line-height:1.23}.auth-brand-frame .auth-card p{color:#555e69}.auth-brand-frame .auth-card input{color:#20242b;background:#fff;min-width:0}.auth-brand-frame .auth-illustration{background:#e3e6e9;border-radius:0;place-self:stretch stretch;width:100%;height:auto;min-height:0;max-height:none;display:block;position:relative;overflow:hidden}.auth-brand-frame .auth-illustration img{object-fit:cover;object-position:var(--login-image-x,50%) var(--login-image-y,50%);width:100%;height:100%;display:block;position:absolute;inset:0}.branding-settings .login-setting-group{border:0;min-width:0;margin:0;padding:0}.branding-settings .login-setting-group>legend{color:#252a31;margin-bottom:13px;padding:0;font-size:14px;font-weight:650}.branding-settings .login-setting-group>label{flex-direction:column;gap:8px;margin-top:16px;font-size:13px;font-weight:550;display:flex}.branding-settings .login-setting-group>label:first-of-type{margin-top:0}.branding-settings .login-setting-group+.login-setting-group{border-top:1px solid #e0e3e7;margin-top:4px;padding-top:22px}.branding-settings .login-setting-group .settings-help{margin:10px 0 0}.branding-settings .login-banner-upload>img{aspect-ratio:2;object-fit:cover;border-radius:9px;width:100%;height:auto;max-height:200px}.branding-settings .login-logo-upload>img{object-fit:cover;background:0 0;border-radius:14px;width:72px;height:72px}.branding-settings .login-background-modes{gap:8px;margin-bottom:14px;display:flex}.branding-settings .login-background-modes button{color:#424a55;background:#fff;border:1px solid #c8cdd3;border-radius:8px;flex:1;padding:10px 12px;font-size:13px}.branding-settings .login-background-modes button[aria-pressed=true]{color:#fff;background:#262b32;border-color:#262b32}.branding-settings .login-background-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.branding-settings .login-background-choice{text-align:left;color:#353c46;background:#fff;border:1px solid #cbd0d7;border-radius:10px;min-width:0;padding:5px}.branding-settings .login-background-choice[aria-pressed=true]{border-color:#262b32;box-shadow:0 0 0 1px #262b32}.branding-settings .login-background-swatch{border-radius:6px;place-items:center;height:72px;display:grid;overflow:hidden}.branding-settings .login-background-swatch:after{content:"";background:#fff;border:1px solid #e0e2e5;border-radius:4px;width:30px;height:40px;display:block;box-shadow:0 2px 7px #1e273314}.branding-settings .login-background-choice>span:last-child{justify-content:space-between;align-items:center;padding:8px 4px 4px;font-size:12px;font-weight:550;display:flex}.branding-settings .login-background-choice>span:last-child i{background:currentColor;border-radius:50%;width:6px;height:6px;display:block}.branding-settings .login-color-picker{margin-top:2px}.branding-settings .login-color-picker input[type=text]{flex:1;min-width:0}.branding-settings .login-color-samples{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.branding-settings .login-color-samples button{border:1px solid #bbc1c9;border-radius:50%;width:28px;height:28px;box-shadow:inset 0 0 0 3px #fff}.branding-settings .login-color-samples button[aria-pressed=true]{outline-offset:2px;outline:2px solid #333b47}.branding-settings .login-image-position{background:#f7f8fa;border:1px solid #d7dde4;border-radius:10px;min-width:0;margin-top:20px;padding:16px}.branding-settings .login-position-heading{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.branding-settings .login-position-heading>strong{font-size:13px;font-weight:600}.branding-settings .login-image-position>label{flex-direction:column;gap:8px;margin-bottom:16px;font-size:12px;font-weight:550;display:flex}.branding-settings .login-image-position>label>span{align-items:center;gap:12px;display:flex}.branding-settings .login-image-position input[type=range]{width:100%;min-width:0;height:24px;box-shadow:none;accent-color:#343e49;cursor:ew-resize;border:0;padding:0}.branding-settings .login-image-position output{text-align:right;color:#515e6d;font-variant-numeric:tabular-nums;flex-shrink:0;width:44px;font-size:12px}.branding-settings .login-preview-devices{background:#f2f4f6;border:1px solid #cfd5dc;border-radius:8px;align-self:flex-start;gap:3px;max-width:100%;padding:3px;display:inline-flex}.branding-settings .login-preview-devices>button{color:#536071;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-width:0;padding:7px 9px;font-size:11px;font-weight:550;display:flex}.branding-settings .login-preview-devices>button[aria-pressed=true]{color:#26313e;background:#fff;border-color:#cdd4dd;box-shadow:0 1px 3px #1d2b3b0a}.branding-settings .branding-preview{background:0 0;border:0;min-width:0;padding:0;position:sticky;top:150px}.branding-settings .branding-preview-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;display:flex}.branding-settings .branding-preview-heading>small{color:#505965;font-size:12px;font-weight:550}.branding-settings .branding-preview-surface{border:1px solid #ccd1d7;border-radius:16px;align-items:center;min-height:380px;padding:26px 18px;display:grid;overflow:hidden}.branding-settings .branding-preview-layout{background:#fff;border:1px solid #d2d7de;border-radius:12px;width:100%;min-width:0;display:grid;overflow:hidden;box-shadow:0 7px 24px #18212c12}.branding-settings .branding-preview-desktop .branding-preview-layout.has-image{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:300px}.branding-settings .branding-preview-card{color:#252a31;box-shadow:none;background:#fff;border:0;border-radius:0;flex-direction:column;justify-content:center;gap:13px;min-width:0;padding:20px;display:flex;overflow:hidden}.branding-settings .branding-preview-card .auth-identity{gap:8px;min-width:0;margin:0 0 2px}.branding-settings .branding-preview-card .auth-identity>strong{overflow-wrap:anywhere;font-size:11px;line-height:1.4}.branding-settings .branding-preview-card .auth-logo{object-fit:cover;border-radius:8px;flex-shrink:0;width:36px;max-width:36px;height:36px}.branding-settings .branding-preview-card .auth-mark{flex-shrink:0;width:30px;height:30px;font-size:17px}.branding-settings .branding-preview-card h3{color:#20242b;font-size:21px;line-height:1.25}.branding-settings .branding-preview-card p{color:#555e69;font-size:11px;line-height:1.55}.branding-settings .branding-preview-illustration{background:#dce1e7;min-width:0;min-height:0;position:relative;overflow:hidden}.branding-settings .branding-preview-illustration img{object-fit:cover;object-position:var(--login-image-x,50%) var(--login-image-y,50%);width:100%;height:100%;display:block;position:absolute;inset:0}.branding-settings .branding-preview-desktop .has-image .branding-preview-card{gap:10px;padding:18px 14px}.branding-settings .branding-preview-desktop .has-image .auth-identity{flex-wrap:wrap}.branding-settings .branding-preview-desktop .has-image .branding-preview-card h3{font-size:17px}.branding-settings .branding-preview-desktop .has-image .preview-input,.branding-settings .branding-preview-desktop .has-image .preview-button{padding:10px 8px;font-size:10px}.branding-settings .branding-preview-mobile .branding-preview-layout{justify-self:center;max-width:300px}.branding-settings .branding-preview-mobile .branding-preview-illustration{aspect-ratio:16/7}.branding-settings .branding-preview-mobile .branding-preview-illustration img{object-position:var(--login-image-mobile-x,50%) var(--login-image-mobile-y,50%)}.branding-settings .login-banner-safe-zone{pointer-events:none;border:1px dashed #ffffffed;border-radius:5px;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:19%;box-shadow:0 0 0 500px #13223728}.branding-settings .login-banner-safe-zone>span{color:#fff;white-space:nowrap;background:#192535ba;border-radius:3px;margin:6px;padding:4px 6px;font-size:9px;line-height:1.3}.branding-settings .branding-preview-hint{color:#5d6875;margin:12px 2px 0;font-size:11px;line-height:1.6}.branding-settings .login-background-modes button:focus-visible,.branding-settings .login-background-choice:focus-visible,.branding-settings .login-color-samples button:focus-visible{outline-offset:3px;outline:2px solid #273b57}@media (max-width:1000px){.auth-brand-frame.auth-has-image .auth-form-panel{padding:32px}.auth-brand-frame .auth-card h1{font-size:25px}}@media (max-width:900px){.branding-settings .branding-preview{position:static}.branding-settings .branding-preview-surface{min-height:360px}}@media (max-width:760px){.auth-brand-frame{align-items:center;padding:24px 16px}.auth-brand-frame .auth-frame-layout,.auth-brand-frame.auth-has-image .auth-frame-layout{border-radius:16px;grid-template-columns:minmax(0,1fr);max-width:520px;min-height:0}.auth-brand-frame .auth-illustration{aspect-ratio:16/7;width:100%;height:auto;min-height:0;max-height:230px}.auth-brand-frame .auth-illustration img{object-position:var(--login-image-mobile-x,50%) var(--login-image-mobile-y,50%)}.auth-brand-frame .auth-form-panel,.auth-brand-frame.auth-has-image .auth-form-panel{padding:30px 28px}.auth-brand-frame .auth-identity{gap:12px;margin-bottom:25px}.auth-brand-frame .auth-logo{border-radius:10px;width:48px;max-width:48px;height:48px}.branding-settings .branding-preview-surface{padding:24px 18px}}@media (max-width:380px){.auth-brand-frame{padding:12px}.auth-brand-frame .auth-form-panel,.auth-brand-frame.auth-has-image .auth-form-panel{padding:24px 20px}.auth-brand-frame .auth-identity{gap:10px;margin-bottom:22px}.auth-brand-frame .auth-logo{border-radius:9px;width:44px;max-width:44px;height:44px}.auth-brand-frame .auth-identity>span:last-child{font-size:13px}.auth-brand-frame .auth-card h1{font-size:23px}.branding-settings .branding-preview-surface{padding:18px 12px}.branding-settings .branding-preview-desktop .has-image .branding-preview-card{padding:12px 10px}.branding-settings .branding-preview-desktop .has-image .branding-preview-card h3{font-size:14px}.branding-settings .branding-preview-desktop .has-image .auth-logo{border-radius:6px;width:28px;max-width:28px;height:28px}.branding-settings .login-preview-devices>button{padding:7px;font-size:10px}}.auth-language-switch{justify-content:flex-end;margin-bottom:22px;display:flex}.auth-language-switch .language-picker select{font-size:13px}.auth-password-field{flex-direction:column;gap:8px;display:flex}.auth-password-control{position:relative}.auth-password-control input{padding-right:48px}.auth-password-visibility{color:#5b626d;border-radius:6px;place-items:center;width:42px;display:grid;position:absolute;top:2px;bottom:2px;right:2px}.auth-password-visibility:hover{background:#f0f2f5}.auth-password-visibility:focus-visible,.auth-inline-link:focus-visible{outline-offset:3px;outline:2px solid #303a4a}.auth-inline-link{color:#424b57;text-underline-offset:3px;align-self:flex-end;margin-top:-6px;padding:5px 0;font-size:13px;text-decoration:underline}.auth-centered-link{align-self:center;margin-top:0}.auth-block-link{width:fit-content;margin-bottom:20px;font-size:13px;line-height:1.5;display:block}.auth-full-width{text-align:center;width:100%;display:block}.auth-card .auth-account-email{overflow-wrap:anywhere;margin:0;font-size:13px}.auth-card button:disabled{opacity:.55;cursor:wait}.auth-password-field label{font-size:13px;font-weight:550}.auth-card input:focus-visible{outline-offset:2px;outline:2px solid #303a4a}