.login-modal{width:min(460px,calc(100% - 28px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #dfe3d8;border-radius:22px;background:var(--paper);color:var(--text);box-shadow:0 28px 90px #15332640;overflow:auto}
.login-modal::backdrop{background:#182e246b;backdrop-filter:blur(5px)}
.login-modal .login-page{width:100%;min-height:0;margin:0;padding:32px}
.login-modal .brand{align-self:flex-start;font-size:21px;margin:0 32px 24px 0}
.login-modal .portal-card{padding:0;border:0;background:transparent;box-shadow:none}
.login-modal .portal-card>p{color:var(--muted);margin-bottom:22px}
.login-modal [data-customer-login] input{border-radius:10px;border-color:var(--line);min-height:48px}
.login-modal [data-customer-login] button{border-radius:10px;min-height:48px}
.login-modal .login-provider{border-radius:10px;min-height:48px}
.login-modal-close{position:absolute;right:14px;top:12px;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--ink);font:28px/1 var(--sans);cursor:pointer}
.login-modal-close:hover{background:var(--green)}
html:has(.login-modal[open]){overflow:hidden}
@media(max-width:480px){.login-modal .login-page{padding:28px 22px 24px}.login-modal .brand{font-size:19px}.login-modal h1{font-size:28px}}
@media(prefers-reduced-motion:no-preference){.login-modal[open]{animation:login-modal-enter .18s ease-out}@keyframes login-modal-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}
.login-modal [data-auth-panel][hidden]{display:none}
.login-modal [data-auth-panel] h1{outline:none}
.login-modal [data-auth-panel] h1:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.login-modal [data-auth-panel] .portal-card>p{line-height:1.6}
.login-modal .login-note{font-size:13px;line-height:1.5;color:var(--muted)}
.login-modal [data-registration-passwords] input{width:100%}
.login-modal .auth-signin,.login-modal .login-account-links{margin-top:20px}
.login-modal .auth-signin a,.login-modal .login-account-links a{ text-underline-offset:4px }
.login-modal [data-login-status]:empty{display:none}
@media(prefers-reduced-motion:no-preference){
 .login-modal[open]{animation:auth-modal-enter .28s cubic-bezier(.22,1,.36,1)}
 .login-modal[open]::backdrop{animation:auth-backdrop-enter .24s ease-out}
 .login-modal.is-closing::backdrop{animation:auth-backdrop-exit .16s ease-in forwards}
 @keyframes auth-modal-enter{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
 @keyframes auth-backdrop-enter{from{background:#182e2400;backdrop-filter:blur(0)}to{background:#182e246b;backdrop-filter:blur(5px)}}
 @keyframes auth-backdrop-exit{to{background:#182e2400;backdrop-filter:blur(0)}}
}
.login-modal [hidden]{display:none!important}