.customer-login{display:inline-flex;align-items:center;gap:5px;border:1px solid #c5d2c7;border-radius:999px;background:#fff;color:#1f5135;padding:8px 12px;font:700 14px Nunito,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.customer-auth{width:min(440px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;border:0;border-radius:22px;padding:30px;color:#183b29;background:#fffdf7;box-shadow:0 20px 90px #0004;font-family:Nunito,system-ui,sans-serif}
.customer-auth::backdrop{background:#10291dc2}.customer-auth h2{font:600 30px Fredoka,system-ui;margin:0 0 8px}.customer-auth p{line-height:1.5}.customer-auth label{display:block;font-weight:800;margin:16px 0 6px}.customer-auth input{box-sizing:border-box;width:100%;border:1px solid #a3b8aa;border-radius:9px;background:#fff;padding:12px;font:inherit;color:inherit}.customer-auth button{font:800 15px Nunito,system-ui;cursor:pointer}.customer-auth button:disabled{opacity:.5;cursor:not-allowed}.customer-auth .auth-close{float:right;border:0;background:none;font-size:25px;padding:0 0 8px 16px}.customer-auth .auth-action{width:100%;padding:12px;border:1px solid #1f5135;border-radius:10px;background:#1f5135;color:#fff;margin-top:16px}.customer-auth .auth-google{background:white;color:#183b29}.customer-auth .auth-switch{border:0;background:none;color:#1f5135;text-decoration:underline;padding:12px 0}.customer-auth small{display:block;font-size:12px;line-height:1.5;margin-top:6px}.customer-auth [role=alert]{color:#a52d24}.customer-auth :focus-visible{outline:3px solid #efc84a;outline-offset:3px}.customer-auth .auth-divider{text-align:center;margin:14px 0 0;color:#536a59}
@media(max-width:420px){.customer-login{padding:8px;font-size:12px}.customer-auth{padding:22px}.header__actions{gap:4px}}