/* Customer sign-in dialog and the "Ordering as" line in checkout forms (account.js). */
.acct-dialog{width:min(440px,calc(100vw - 32px));padding:30px 28px 26px;border:0;border-radius:26px;background:#f5f2ea;color:#20221f;font-family:'DM Sans',system-ui,sans-serif;box-shadow:0 40px 120px #0006}
.acct-dialog::backdrop{background:#0b0c0a8c;backdrop-filter:blur(6px)}
.acct-dialog[open]{animation:acctIn .45s cubic-bezier(.2,.7,.2,1)}
@keyframes acctIn{from{opacity:0;transform:translateY(14px) scale(.98)}}
.acct-dialog h2{margin:0 0 12px;font:600 34px/1 'Clash Display','Arial Black',sans-serif}
.acct-dialog p{margin:0 0 12px;font-size:14px;line-height:1.55}
.acct-kicker{margin:0 0 8px!important;font:500 11px 'Space Grotesk',sans-serif!important;letter-spacing:.2em;color:#8b8070}
.acct-note{color:#6f6758}
.acct-close{position:absolute;top:16px;right:16px;width:38px;height:38px;border:1px solid #d8d1c2;border-radius:50%;background:#fff8;font-size:20px;line-height:1;cursor:pointer;color:inherit}
.acct-form{display:grid;gap:12px;margin-top:6px}
.acct-form label{display:grid;gap:6px;font-size:13px}
.acct-form input:not([type=checkbox]){padding:12px 14px;border:1px solid #d8d1c2;border-radius:12px;background:#fff;font:inherit;color:inherit}
.acct-form .acct-consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.5}
.acct-consent input{margin-top:2px;accent-color:#20221f}
.acct-go,.acct-out,.acct-again{width:100%;padding:15px 20px;border:0;border-radius:999px;background:#20221f;color:#f5f2ea;font:500 15px 'Space Grotesk',sans-serif;cursor:pointer}
.acct-out,.acct-again{background:transparent;color:#20221f;box-shadow:inset 0 0 0 1px #cfc6b4}
.acct-go:disabled,.acct-out:disabled{opacity:.5;cursor:wait}
.acct-status{margin:0!important;font-size:12px!important;color:#7a7163;min-height:1em}
.acct-line{margin:0;padding:12px 14px;border-radius:14px;background:#20221f0d;font-size:13px;line-height:1.5}
.acct-link{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.acct-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:100;margin:0;padding:12px 18px;border-radius:999px;background:#20221f;color:#f5f2ea;font:500 13px 'Space Grotesk',sans-serif;transform:translateX(-50%);box-shadow:0 14px 40px #0005;animation:acctIn .4s cubic-bezier(.2,.7,.2,1)}
label[hidden]{display:none!important}
@media(max-width:700px){.acct-dialog{width:100%;max-width:100%;margin:auto 0 0;padding:24px 18px calc(22px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}}
@media(prefers-reduced-motion:reduce){.acct-dialog[open],.acct-toast{animation:none}}