/* checkout.css: the email dialog before the payment page (checkout.js). */
.fzc{padding:0;border:0;background:transparent;width:min(460px,calc(100vw - 32px));max-width:none;overflow:visible}
.fzc::backdrop{background:rgba(11,11,12,.55)}
.fzc-box{margin:0;display:grid;gap:10px;padding:26px 26px 22px;border:3px solid var(--ink);background:var(--card);box-shadow:10px 10px 0 var(--coral);color:var(--ink);font-family:var(--body);text-align:left}
.fzc-k{margin:0;color:var(--cobalt)}
.fzc-h{margin:0;font:900 28px/1.05 var(--display);letter-spacing:-.03em}
.fzc-plan{margin:0 0 6px;color:var(--grey)}
.fzc-plan:empty{display:none}
.fzc-l{font-weight:700;font-size:15px}
.fzc input{min-height:52px;width:100%;padding:0 14px;border:3px solid var(--ink);border-radius:0;background:#fff;font:16px var(--body);color:var(--ink)}
.fzc input:focus{outline:3px solid var(--cobalt);outline-offset:2px}
.fzc-hint{margin:0;font-size:14.5px;line-height:1.5;color:#36322B}
.fzc-err{margin:0;color:#C8321A;font-weight:600}
.fzc-err:empty{display:none}
.fzc-acts{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:6px}
.fzc-acts .b-btn[disabled]{opacity:.7;cursor:progress}
.fzc-x{border:0;background:none;padding:6px 2px;font:600 15px var(--body);color:var(--ink);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.fzc-fine{margin:4px 0 0;font-size:13px;color:var(--grey)}
@media (max-width:480px){.fzc-box{padding:20px 18px;box-shadow:6px 6px 0 var(--coral)}.fzc-h{font-size:24px}}
@media (prefers-reduced-motion:reduce){.fzc-acts .b-btn{transition:none}}