:root {
  --my-popup-z-index: 10000;
  --my-popup-container-padding: 1rem;
  --my-popup-transition-duration: 120ms;
  --my-popup-width: 32rem;
  --my-popup-radius: 8px;
  --my-popup-backdrop-color: #111827;
  --my-popup-overlay-opacity: 0.72;
  --my-popup-surface: #ffffff;
  --my-popup-color: #111827;
  --my-popup-muted-color: #4b5563;
  --my-popup-border-color: #e5e7eb;
  --my-popup-shadow: 0 24px 70px rgba(17, 24, 39, 0.24);
  --my-popup-padding: 1.5rem;
  --my-popup-gap: 1rem;
  --my-popup-font-family: var(--my-components-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI Variable Display", "Segoe UI", system-ui, Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif);
  --my-popup-position-left: 50%;
  --my-popup-position-top: 50%;
  --my-popup-anchor-x: -50%;
  --my-popup-anchor-y: -50%;
  --my-popup-confirm-bg: #1f2937;
  --my-popup-confirm-border-color: #1f2937;
  --my-popup-confirm-color: #ffffff;
  --my-popup-confirm-hover-bg: #374151;
  --my-popup-confirm-hover-border-color: #374151;
  --my-popup-confirm-hover-color: var(--my-popup-confirm-color);
  --my-popup-info-button-bg: #2563eb;
  --my-popup-info-button-border-color: #2563eb;
  --my-popup-info-button-color: #ffffff;
  --my-popup-info-button-hover-bg: #1d4ed8;
  --my-popup-info-button-hover-border-color: #1d4ed8;
  --my-popup-info-button-hover-color: var(--my-popup-info-button-color);
  --my-popup-warning-button-bg: #b45309;
  --my-popup-warning-button-border-color: #b45309;
  --my-popup-warning-button-color: #ffffff;
  --my-popup-warning-button-hover-bg: #92400e;
  --my-popup-warning-button-hover-border-color: #92400e;
  --my-popup-warning-button-hover-color: var(--my-popup-warning-button-color);
  --my-popup-error-button-bg: #b42318;
  --my-popup-error-button-border-color: #b42318;
  --my-popup-error-button-color: #ffffff;
  --my-popup-error-button-hover-bg: #991b1b;
  --my-popup-error-button-hover-border-color: #991b1b;
  --my-popup-error-button-hover-color: var(--my-popup-error-button-color);
  --my-popup-soft-danger-bg: #b4533f;
  --my-popup-soft-danger-border-color: #b4533f;
  --my-popup-soft-danger-color: #ffffff;
  --my-popup-soft-danger-hover-bg: #9f4635;
  --my-popup-soft-danger-hover-border-color: #9f4635;
  --my-popup-soft-danger-hover-color: var(--my-popup-soft-danger-color);
  --my-popup-danger-bg: #dc2626;
  --my-popup-danger-border-color: #dc2626;
  --my-popup-danger-color: #ffffff;
  --my-popup-danger-hover-bg: #b91c1c;
  --my-popup-danger-hover-border-color: #b91c1c;
  --my-popup-danger-hover-color: var(--my-popup-danger-color);
  --my-popup-hard-danger-bg: #ef2323;
  --my-popup-hard-danger-border-color: #ef2323;
  --my-popup-hard-danger-color: #ffffff;
  --my-popup-hard-danger-hover-bg: #c1121f;
  --my-popup-hard-danger-hover-border-color: #c1121f;
  --my-popup-hard-danger-hover-color: var(--my-popup-hard-danger-color);
  --my-popup-cancel-bg: #ffffff;
  --my-popup-cancel-border-color: #94a3b8;
  --my-popup-cancel-color: #111827;
  --my-popup-cancel-hover-bg: #f1f5f9;
  --my-popup-cancel-hover-border-color: #64748b;
  --my-popup-cancel-hover-color: var(--my-popup-cancel-color);
  --my-popup-button-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);
  --my-popup-close-bg: #ffffff;
  --my-popup-close-border-color: #cbd5e1;
  --my-popup-close-color: #475569;
  --my-popup-close-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  --my-popup-close-hover-bg: #f8fafc;
  --my-popup-close-hover-border-color: #94a3b8;
  --my-popup-close-hover-color: #111827;
  --my-popup-focus-ring: 0 0 0 3px rgba(51, 65, 85, 0.22);
  --my-popup-icon-bg: #f8fafc;
  --my-popup-icon-shadow: 0 0.5rem 1.25rem rgba(15, 23, 42, 0.08);
  --my-popup-validation-bg: rgba(220, 38, 38, 0.08);
  --my-popup-error-color: #b45353;
  --my-popup-success-color: #2f7d5c;
  --my-popup-warning-color: #b3261e;
  --my-popup-info-color: #3f6f90;
  --my-popup-question-color: #6b7280;
}