/* The same centered customer form at every screen width. */
.auth-wrap.customer-auth{display:flex!important;justify-content:center;align-items:flex-start;min-width:0;width:100%;padding:28px 16px;box-sizing:border-box}
.customer-auth>.auth-card{width:100%!important;max-width:480px!important;min-width:0;margin:0!important;padding:28px;box-sizing:border-box}
.customer-auth :is(form,input,button,.auth-brand){box-sizing:border-box;min-width:0;max-width:100%}
.customer-auth input:not([type=checkbox]){width:100%;font-size:16px}
.customer-auth p{overflow-wrap:anywhere}
.customer-auth-tabs{display:flex;gap:8px;margin:18px 0}
.customer-auth-tabs button{flex:1;min-height:44px;border:1px solid var(--line,#31506d);border-radius:10px;color:inherit;background:transparent;cursor:pointer}
.customer-auth-tabs button[aria-pressed=true]{color:#fff;background:#0874e6}
.customer-auth [hidden]{display:none!important}
.customer-recovery{display:block;text-align:center;padding:12px;min-height:44px;box-sizing:border-box}
@media(max-width:700px){.customer-auth>.auth-card{padding:24px 20px}.customer-auth h1{font-size:32px}}