/* Foundation 1.1.9 — shared form confirmation dialog. Design-neutral: the site sets the tokens
   below on :root (or .aomark-dialog) to match its own buttons, type and palette. */
.aomark-dialog {
  --_bg: var(--aomark-dialog-bg, #fff);
  --_fg: var(--aomark-dialog-fg, #16181d);
  --_muted: var(--aomark-dialog-muted, color-mix(in srgb, var(--_fg) 72%, transparent));
  --_accent: var(--aomark-dialog-accent, #1f7a55);
  --_error: var(--aomark-dialog-error, #b42318);
  --_radius: var(--aomark-dialog-radius, 18px);
  --_button-bg: var(--aomark-dialog-button-bg, var(--_accent));
  --_button-fg: var(--aomark-dialog-button-fg, #fff);
  --_button-radius: var(--aomark-dialog-button-radius, 999px);
  --_tone: var(--_accent);
  box-sizing: border-box;
  width: min(440px, calc(100vw - 32px));
  margin: auto;
  padding: clamp(28px, 6vw, 40px) clamp(22px, 5vw, 36px) clamp(24px, 5vw, 32px);
  border: 0;
  border-radius: var(--_radius);
  background: var(--_bg);
  color: var(--_fg);
  font: inherit;
  text-align: center;
  box-shadow: 0 24px 70px rgb(0 0 0 / 0.28);
  overflow: visible;
}
.aomark-dialog[data-tone="error"] { --_tone: var(--_error); }
.aomark-dialog::backdrop { background: rgb(10 12 16 / 0.55); backdrop-filter: blur(3px); }
.aomark-dialog[open] { animation: aomark-dialog-in 260ms cubic-bezier(.2, .9, .3, 1.15) both; }
.aomark-dialog[open]::backdrop { animation: aomark-dialog-fade 220ms ease-out both; }
.aomark-dialog.is-closing { animation: aomark-dialog-out 180ms ease-in both; }
.aomark-dialog.is-closing::backdrop { animation: aomark-dialog-fade 180ms ease-in reverse both; }
.aomark-dialog__mark { width: 64px; height: 64px; margin: 0 auto 18px; color: var(--_tone); }
.aomark-dialog__icon { display: none; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.aomark-dialog[data-tone="success"] .aomark-dialog__icon--success,
.aomark-dialog[data-tone="error"] .aomark-dialog__icon--error { display: block; }
.aomark-dialog__icon circle { stroke-dasharray: 151; stroke-dashoffset: 151; animation: aomark-dialog-draw 520ms 80ms ease-out forwards; opacity: .35; }
.aomark-dialog__icon path { stroke-dasharray: 40; stroke-dashoffset: 40; animation: aomark-dialog-draw 340ms 420ms ease-out forwards; }
.aomark-dialog__title { margin: 0 0 8px; font-size: clamp(1.35rem, 4.5vw, 1.6rem); line-height: 1.2; color: inherit; outline: none; }
.aomark-dialog__message { margin: 0 auto; max-width: 34ch; color: var(--_muted); line-height: 1.55; }
.aomark-dialog__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 24px; }
.aomark-dialog__action,
.aomark-dialog__close {
  display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 22px;
  border-radius: var(--_button-radius); font: inherit; font-weight: 600; text-decoration: none; cursor: pointer;
  transition: transform 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}
.aomark-dialog__action { border: 0; background: var(--_button-bg); color: var(--_button-fg); }
.aomark-dialog__close { border: 1px solid color-mix(in srgb, var(--_fg) 22%, transparent); background: transparent; color: inherit; }
.aomark-dialog__action:hover,
.aomark-dialog__close:hover { transform: translateY(-1px); }
.aomark-dialog__action:active,
.aomark-dialog__close:active { transform: translateY(0) scale(.98); }
.aomark-dialog__action:focus-visible,
.aomark-dialog__close:focus-visible { outline: 3px solid color-mix(in srgb, var(--_tone) 55%, transparent); outline-offset: 2px; }
html.aomark-dialog-open { overflow: hidden; }
.aomark-form-status:empty { display: none; }
.aomark-form-status { margin: 12px 0 0; font-size: .95em; }
.aomark-form-status.is-error { color: var(--aomark-dialog-error, #b42318); }
.aomark-form-status:focus { outline: none; }
form[aria-busy="true"] { cursor: progress; }
@keyframes aomark-dialog-in { from { opacity: 0; transform: translateY(12px) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes aomark-dialog-out { to { opacity: 0; transform: translateY(8px) scale(.97); } }
@keyframes aomark-dialog-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes aomark-dialog-draw { to { stroke-dashoffset: 0; } }
@media (prefers-reduced-motion: reduce) {
  .aomark-dialog[open], .aomark-dialog[open]::backdrop, .aomark-dialog.is-closing { animation: none; }
  .aomark-dialog__icon circle, .aomark-dialog__icon path { animation: none; stroke-dashoffset: 0; }
  .aomark-dialog__action, .aomark-dialog__close { transition: none; }
}
