.cfd__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#00000073}.cfd{width:100%;max-width:420px;background:var(--paper-1, var(--paper-2));border:.5px solid var(--rule);border-radius:var(--radius-lg);padding:var(--space-5);font-family:var(--font-sans);color:var(--ink-1)}.cfd__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.cfd__title{margin:0;font-family:var(--font-serif);font-size:19px;color:var(--ink-1)}.cfd__close{background:none;border:none;font-size:22px;line-height:1;color:var(--ink-3);cursor:pointer}.cfd__close:disabled{opacity:.5;cursor:default}.cfd__field{display:block;margin-bottom:var(--space-3)}.cfd__label{display:block;font-size:.9rem;color:var(--ink-2);margin-bottom:6px}.cfd__stepper{display:inline-flex;align-items:center;border:.5px solid var(--rule);border-radius:var(--radius-sm);overflow:hidden}.cfd__step{width:34px;height:34px;font:inherit;font-size:16px;line-height:1;color:var(--ink-2);background:var(--paper-2);border:none;cursor:pointer}.cfd__step:hover:not(:disabled){color:var(--ink-1)}.cfd__step:disabled{opacity:.45;cursor:default}.cfd__qty{width:54px;text-align:center;border:none;border-left:.5px solid var(--rule);border-right:.5px solid var(--rule);border-radius:0;padding:8px 6px;font:inherit;color:var(--ink-1);background:var(--paper-1)}.cfd__hint{display:block;margin-top:6px;font-size:.8rem;color:var(--ink-3)}.cfd__body{margin:0 0 var(--space-4);font-size:.92rem;line-height:1.55;color:var(--ink-2)}.cfd__actions{display:flex;justify-content:flex-end;gap:var(--space-2, 8px)}.cfd__primary{padding:9px 18px;font:inherit;font-weight:600;color:var(--paper-1);background:var(--ink-1);border:.5px solid var(--ink-1);border-radius:var(--radius-sm);cursor:pointer}.cfd__primary:hover:not(:disabled){opacity:.9}.cfd__primary:disabled{opacity:.6;cursor:default}.cfd__secondary{padding:9px 18px;font:inherit;color:var(--ink-2);background:none;border:.5px solid var(--rule);border-radius:var(--radius-sm);cursor:pointer}.cfd__secondary:hover:not(:disabled){color:var(--ink-1)}.cfd__secondary:disabled{opacity:.6;cursor:default}.cfd__text{width:100%;padding:9px 12px;font:inherit;color:var(--ink-1);background:var(--paper-1);border:.5px solid var(--rule);border-radius:var(--radius-sm)}.cfd__text:focus-visible{outline:none;border-color:var(--ink-2)}