.storefront-auth{box-sizing:border-box;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);border:1px solid #dce3ee;border-radius:22px;padding:32px;background:radial-gradient(ellipse at 100% 0,#22bdec12,transparent 50%),#fff;color:#233047;font:700 14px/1.6 Nunito,Arial,sans-serif;box-shadow:0 24px 70px #111d3540;overflow:auto}
.storefront-auth::backdrop{background:#111d35b3;backdrop-filter:blur(4px)}
.storefront-auth h2{font:600 28px/1.2 Fredoka,Arial,sans-serif;letter-spacing:-.025em;margin:4px 32px 12px 0;color:#233047}
.storefront-auth p{color:#596b86;font-size:14px;margin:0 0 20px}
.storefront-auth-close{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #dce3ee;border-radius:12px;background:#f4f6fc;color:#596b86;font-size:24px;cursor:pointer}
.storefront-auth-close:hover{background:#eef1fb;color:#6957dc}
.storefront-auth-form{display:grid;gap:16px;margin:24px 0 16px}
.storefront-auth-form label{display:grid;gap:6px;font-size:13px;font-weight:800}
.storefront-auth-form input{box-sizing:border-box;width:100%;min-height:48px;border:1px solid #dce3ee;border-radius:14px;padding:12px 14px;font:inherit;color:#233047;background:#f8f9fd}
.storefront-auth-link{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;min-height:44px;margin:8px 0;border:0;border-radius:14px;background:transparent;text-align:center;color:#6957dc;font:800 14px/1.5 Nunito,Arial,sans-serif;cursor:pointer;text-decoration:none;overflow-wrap:normal}
.storefront-auth-link:hover{background:#eef1fb;text-decoration:none}
.storefront-auth .storefront-auth-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;border:1px solid #6957dc;border-radius:14px;padding:12px 16px;background:#6957dc;color:#fff;font:800 14px/1.5 Nunito,Arial,sans-serif;text-decoration:none;box-shadow:0 5px 16px #6957dc1c;cursor:pointer}
.storefront-auth .storefront-auth-primary:hover{background:#5b49c9;border-color:#5b49c9;text-decoration:none}
.storefront-auth .storefront-auth-secondary{min-height:48px;border:1px solid #dce3ee;background:#f4f6fc;color:#233047;padding:12px 16px}
.storefront-auth .storefront-auth-secondary:hover{border-color:#c9c1f0;background:#eef1fb}
.storefront-auth[data-auth-mode="account"] [data-auth-body]{display:grid;gap:10px;margin-top:24px}
.storefront-auth[data-auth-mode="account"] .storefront-auth-link{margin:0}
.storefront-auth[data-auth-mode="account"] .storefront-auth-link:last-child{margin-top:6px;color:#596b86}
.storefront-auth button:disabled{opacity:.55;cursor:wait}
.storefront-auth :focus-visible{outline:3px solid #22bdec;outline-offset:3px}
.storefront-auth [data-auth-status]{margin:12px 0 0;color:#596b86}
.storefront-auth [data-auth-status]:empty{display:none}
.storefront-auth[open]{animation:storefront-auth-enter .12s ease-out}
@keyframes storefront-auth-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px){.storefront-auth{padding:26px 22px}.storefront-auth h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.storefront-auth[open]{animation:none}}