.customer-login{width:min(100% - 32px,560px);margin:40px auto 64px}
.customer-login .brand{margin-bottom:32px}
.customer-login .portal-card{padding:32px;overflow-wrap:anywhere}
.customer-login h1{font-size:clamp(2rem,7vw,2.8rem);line-height:1.15;margin:14px 0}
:is([data-customer-login],[data-facebook-registration]){display:grid;gap:12px;margin:24px 0}
:is([data-customer-login],[data-facebook-registration]) label{font-weight:600}
:is([data-customer-login],[data-facebook-registration]) input{width:100%;min-width:0;box-sizing:border-box;border:1px solid #aeb8aa;border-radius:8px;padding:13px;font:inherit;background:#fff;color:#243b30}
:is([data-customer-login],[data-facebook-registration]) button{margin-top:10px;white-space:normal}
:is([data-customer-login],[data-facebook-registration]) button:disabled{opacity:.6;cursor:not-allowed}
:is([data-login-status],[data-facebook-status]){margin:4px 0;line-height:1.6}
:is([data-login-status],[data-facebook-status])[role=alert]{color:#8b3025}
.login-note{font-size:.9rem;line-height:1.6}
[data-registration-passwords]:not([hidden]){display:grid;gap:12px}
.login-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:24px}
@media(max-width:480px){.customer-login{margin-top:24px}.customer-login .portal-card{padding:22px}}
.login-page{width:min(100% - 32px,420px);margin:0 auto;padding:24px 0;min-height:100svh;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
.login-page .brand{margin:0 0 18px;font-size:19px;align-self:center}
.login-page .portal-card{padding:24px;margin:0}
.login-page h1{font-size:30px;margin:0 0 8px}
.login-page .portal-card>p{font-size:14px;line-height:1.5;margin:0 0 18px}
.login-page [data-customer-login]{gap:7px;margin:0 0 14px}
.login-page [data-customer-login] label{margin:0;font-size:13px}
.login-page [data-customer-login] input{padding:10px 12px;min-height:44px;font-size:16px}
.login-page [data-customer-login] label[for=login-password]{margin-top:6px}
.login-page [data-customer-login] button{margin-top:7px;padding:11px 16px;min-height:44px}
.login-page [data-login-status]{font-size:13px;line-height:1.4;margin:0}
.login-page [data-login-status]:empty,.login-page [data-google-status]:empty,.login-page .login-social p:has([hidden]){display:none}
.login-account-links{display:flex;justify-content:space-between;gap:12px;font-size:13px}
.login-divider{display:flex;align-items:center;gap:12px;margin:18px 0;font-size:12px;color:var(--muted)}
.login-divider:before,.login-divider:after{content:"";height:1px;background:var(--line);flex:1}
.login-social{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.login-provider{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;padding:10px 8px;border:1px solid var(--line);border-radius:8px;background:white;font:inherit;font-size:14px;color:var(--ink);cursor:pointer}
.login-provider:disabled{cursor:not-allowed;background:var(--paper)}
.login-page [hidden]{display:none!important}
.login-page [data-google-status]{font-size:12px;line-height:1.4;margin:8px 0 0}
.login-page .login-links{margin-top:18px;font-size:13px;gap:12px}
@media(max-height:650px){.login-page{padding:12px 0}.login-page .brand{margin-bottom:12px}.login-page .portal-card{padding:18px}.login-page .login-links{margin-top:12px}.login-divider{margin:12px 0}}
@media(max-height:600px){.login-page{padding:8px 0}.login-page .brand{margin-bottom:8px}.login-page .portal-card{padding:14px}.login-page h1{font-size:26px}.login-page .portal-card>p{margin-bottom:10px}.login-page .login-divider{margin:8px 0}.login-page .login-links{margin-top:8px}}
.auth-page [data-registration-passwords]:not([hidden]){display:grid;gap:6px}
.auth-page :is([data-customer-login],[data-facebook-registration]){gap:6px}
.auth-page :is([data-customer-login],[data-facebook-registration]) input{line-height:1.25;min-height:44px}
.auth-page :is([data-customer-login],[data-facebook-registration]) label{font-size:13px;line-height:1.4;margin:0}
.auth-page :is([data-customer-login],[data-facebook-registration]) .login-note{margin:0;font-size:12px;line-height:1.4}
.auth-page .auth-signin{font-size:13px;margin:10px 0 0}
.auth-page [data-registration-received] p{font-size:14px;line-height:1.5;margin:12px 0}
.auth-page [data-registration-recipient]{overflow-wrap:anywhere;color:var(--ink)}
.auth-page [data-facebook-status]{font-size:13px;line-height:1.4;margin:0}
@media(max-height:700px){.auth-page{padding:10px 0}.auth-page .brand{margin-bottom:10px}.auth-page .portal-card{padding:16px}.auth-page h1{font-size:26px;margin-bottom:6px}.auth-page .portal-card>p{font-size:13px;line-height:1.4;margin-bottom:10px}.auth-page .login-divider{margin:10px 0}.auth-page .login-links{margin-top:10px}}
[data-auth-register] .login-divider{display:none}
[data-auth-register] .login-social{margin-top:12px}
@media(max-height:700px){.auth-page{padding:8px 0}.auth-page .portal-card{padding:14px}.auth-page h1{margin-bottom:4px}[data-auth-register] [data-customer-login]{margin-bottom:10px}}