@layer ddga-base {
  :root {
    --ddga-color-primary: var(--ddga-brand-600);
    --ddga-color-primary-hover: var(--ddga-brand-700);
    --ddga-color-primary-active: var(--ddga-brand-900);
    --ddga-color-primary-foreground: #fff;
    --ddga-color-secondary: var(--ddga-gray-100);
    --ddga-color-secondary-hover: var(--ddga-gray-200);
    --ddga-color-secondary-foreground: var(--ddga-gray-950);
    --ddga-color-background: #fff;
    --ddga-color-foreground: var(--ddga-gray-950);
    --ddga-color-muted: var(--ddga-gray-100);
    --ddga-color-muted-foreground: var(--ddga-gray-500);
    --ddga-color-border: var(--ddga-gray-200);
    --ddga-color-input: var(--ddga-gray-300);
    --ddga-color-card: #fff;
    --ddga-color-card-foreground: var(--ddga-gray-950);
    --ddga-color-destructive: var(--ddga-error-600);
    --ddga-color-destructive-hover: var(--ddga-error-700);
    --ddga-color-destructive-foreground: #fff;
    --ddga-color-error: var(--ddga-error-600);
    --ddga-color-error-hover: var(--ddga-error-700);
    --ddga-color-error-foreground: #fff;
    --ddga-color-success: var(--ddga-success-600);
    --ddga-color-success-hover: var(--ddga-success-700);
    --ddga-color-success-foreground: #fff;
    --ddga-color-warning: var(--ddga-warning-600);
    --ddga-color-warning-hover: var(--ddga-warning-700);
    --ddga-color-warning-foreground: #fff;
    --ddga-color-info: var(--ddga-info-600);
    --ddga-color-info-hover: var(--ddga-info-700);
    --ddga-color-info-foreground: #fff;
    --ddga-color-ring: var(--ddga-brand-600);
    --ddga-color-focus-ring: var(--ddga-text-primary);
    --ddga-text-primary: #161616;
    --ddga-text-secondary: var(--ddga-gray-700);
    --ddga-text-tertiary: var(--ddga-gray-600);
    --ddga-text-placeholder: var(--ddga-gray-400);
    --ddga-sa-25: #f7fdf9;
    --ddga-sa-50: #f3fcf6;
    --ddga-sa-100: #dff6e7;
    --ddga-sa-200: #b8eacb;
    --ddga-sa-300: #88d8ad;
    --ddga-sa-400: #54c08a;
    --ddga-sa-500: #25935f;
    --ddga-sa-600: #1b8354;
    --ddga-sa-700: #166a45;
    --ddga-sa-800: #14573a;
    --ddga-sa-900: #104631;
    --ddga-sa-950: #092a1e;
    --ddga-sa-flag: #074d31;
    --ddga-brand-25: var(--ddga-sa-25);
    --ddga-brand-50: var(--ddga-sa-50);
    --ddga-brand-100: var(--ddga-sa-100);
    --ddga-brand-200: var(--ddga-sa-200);
    --ddga-brand-300: var(--ddga-sa-300);
    --ddga-brand-400: var(--ddga-sa-400);
    --ddga-brand-500: var(--ddga-sa-500);
    --ddga-brand-600: var(--ddga-sa-600);
    --ddga-brand-700: var(--ddga-sa-700);
    --ddga-brand-800: var(--ddga-sa-800);
    --ddga-brand-900: var(--ddga-sa-900);
    --ddga-brand-950: var(--ddga-sa-950);
    --ddga-gray-25: #fcfcfd;
    --ddga-gray-50: #f9fafb;
    --ddga-gray-100: #f3f4f6;
    --ddga-gray-200: #e5e7eb;
    --ddga-gray-300: #d2d6db;
    --ddga-gray-400: #9da4ae;
    --ddga-gray-500: #6c737f;
    --ddga-gray-600: #4d5761;
    --ddga-gray-700: #384250;
    --ddga-gray-800: #1f2a37;
    --ddga-gray-900: #111927;
    --ddga-gray-950: #0d121c;
    --ddga-error-25: #fffbfa;
    --ddga-error-50: #fef3f2;
    --ddga-error-100: #fee4e2;
    --ddga-error-200: #fecdca;
    --ddga-error-300: #fda29b;
    --ddga-error-400: #f97066;
    --ddga-error-500: #f04438;
    --ddga-error-600: #d92d20;
    --ddga-error-700: #b42318;
    --ddga-error-800: #912018;
    --ddga-error-900: #7a271a;
    --ddga-error-950: #55160c;
    --ddga-warning-25: #fffcf5;
    --ddga-warning-50: #fffaeb;
    --ddga-warning-100: #fef0c7;
    --ddga-warning-200: #fedf89;
    --ddga-warning-300: #fec84b;
    --ddga-warning-400: #fdb022;
    --ddga-warning-500: #f79009;
    --ddga-warning-600: #dc6803;
    --ddga-warning-700: #b54708;
    --ddga-warning-800: #93370d;
    --ddga-warning-900: #7a2e0e;
    --ddga-warning-950: #4e1d09;
    --ddga-success-25: #f6fef9;
    --ddga-success-50: #ecfdf3;
    --ddga-success-100: #dcfae6;
    --ddga-success-200: #abefc6;
    --ddga-success-300: #75e0a7;
    --ddga-success-400: #47cd89;
    --ddga-success-500: #17b26a;
    --ddga-success-600: #079455;
    --ddga-success-700: #067647;
    --ddga-success-800: #085d3a;
    --ddga-success-900: #074d31;
    --ddga-success-950: #053321;
    --ddga-info-25: #f5faff;
    --ddga-info-50: #eff8ff;
    --ddga-info-100: #d1e9ff;
    --ddga-info-200: #b2ddff;
    --ddga-info-300: #84caff;
    --ddga-info-400: #53b1fd;
    --ddga-info-500: #2e90fa;
    --ddga-info-600: #1570ef;
    --ddga-info-700: #175cd3;
    --ddga-info-800: #1849a9;
    --ddga-info-900: #194185;
    --ddga-info-950: #102a56;
    --ddga-gold-25: #fffef7;
    --ddga-gold-50: #fffef2;
    --ddga-gold-100: #fffce6;
    --ddga-gold-200: #fcf3bd;
    --ddga-gold-300: #fae996;
    --ddga-gold-400: #f7d54d;
    --ddga-gold-500: #f5bd02;
    --ddga-gold-600: #dba102;
    --ddga-gold-700: #b87b02;
    --ddga-gold-800: #945c01;
    --ddga-gold-900: #6e3c00;
    --ddga-gold-950: #472400;
    --ddga-lavender-25: #fefcff;
    --ddga-lavender-50: #f9f5fa;
    --ddga-lavender-100: #f2e9f5;
    --ddga-lavender-200: #e1cce8;
    --ddga-lavender-300: #ccadd9;
    --ddga-lavender-400: #a57bba;
    --ddga-lavender-500: #80519f;
    --ddga-lavender-600: #6d428f;
    --ddga-lavender-700: #532d75;
    --ddga-lavender-800: #3d1d5e;
    --ddga-lavender-900: #281047;
    --ddga-lavender-950: #16072e;
    --ddga-alpha-white-10: #ffffff1a;
    --ddga-alpha-white-20: #fff3;
    --ddga-alpha-white-30: #ffffff4d;
    --ddga-alpha-white-40: #fff6;
    --ddga-alpha-white-60: #fff9;
    --ddga-alpha-white-70: #ffffffb3;
    --ddga-alpha-white-80: #fffc;
    --ddga-alpha-white-90: #ffffffe6;
    --ddga-chart-1: #f7d54d;
    --ddga-chart-2: #88d8ad;
    --ddga-chart-3: #fdb022;
    --ddga-chart-4: #53b1fd;
    --ddga-chart-5: #80519f;
    --ddga-chart-6: #f97066;
    --ddga-font-ar: "IBM Plex Sans Arabic", "Noto Sans Arabic", sans-serif;
    --ddga-font-en: "IBM Plex Sans Arabic", "Inter", sans-serif;
    --ddga-font-mono: "IBM Plex Mono", monospace;
    --ddga-font-weight-regular: 400;
    --ddga-font-weight-medium: 500;
    --ddga-font-weight-semibold: 600;
    --ddga-font-weight-bold: 700;
    --ddga-font-size-2xs: 0.625rem;
    --ddga-font-size-xs: 0.75rem;
    --ddga-font-size-sm: 0.875rem;
    --ddga-font-size-base: 1rem;
    --ddga-font-size-lg: 1.125rem;
    --ddga-font-size-xl: 1.25rem;
    --ddga-font-size-2xl: 1.5rem;
    --ddga-font-size-3xl: 2rem;
    --ddga-font-size-display-sm: 1.875rem;
    --ddga-font-size-display-md: 2.25rem;
    --ddga-font-size-display-lg: 3rem;
    --ddga-font-size-display-xl: 3.75rem;
    --ddga-font-size-display-2xl: 4.5rem;
    --ddga-font-line-height-2xs: 0.875rem;
    --ddga-font-line-height-xs: 1.125rem;
    --ddga-font-line-height-sm: 1.25rem;
    --ddga-font-line-height-base: 1.5rem;
    --ddga-font-line-height-lg: 1.75rem;
    --ddga-font-line-height-xl: 1.875rem;
    --ddga-font-line-height-2xl: 2rem;
    --ddga-font-line-height-display-sm: 2.375rem;
    --ddga-font-line-height-display-md: 2.75rem;
    --ddga-font-line-height-display-lg: 3.75rem;
    --ddga-font-line-height-display-xl: 4.5rem;
    --ddga-font-line-height-display-2xl: 5.625rem;
    --ddga-font-tracking-display: -0.02em;
    --ddga-space-0: 0;
    --ddga-space-1: 0.25rem;
    --ddga-space-2: 0.5rem;
    --ddga-space-3: 0.75rem;
    --ddga-space-4: 1rem;
    --ddga-space-5: 1.25rem;
    --ddga-space-6: 1.5rem;
    --ddga-space-8: 2rem;
    --ddga-space-10: 2.5rem;
    --ddga-space-12: 3rem;
    --ddga-space-16: 4rem;
    --ddga-space-20: 5rem;
    --ddga-space-24: 6rem;
    --ddga-space-32: 8rem;
    --ddga-space-40: 10rem;
    --ddga-space-48: 12rem;
    --ddga-space-56: 14rem;
    --ddga-space-64: 16rem;
    --ddga-space-80: 20rem;
    --ddga-space-96: 24rem;
    --ddga-space-0-5: 0.125rem;
    --ddga-space-1-5: 0.375rem;
    --ddga-radius-none: 0;
    --ddga-radius-xs: 0.125rem;
    --ddga-radius-sm: 0.25rem;
    --ddga-radius-md: 0.5rem;
    --ddga-radius-lg: 1rem;
    --ddga-radius-xl: 1.5rem;
    --ddga-radius-full: 9999px;
    --ddga-shadow-xs: 0 1px 2px 0 #1018280d;
    --ddga-shadow-sm: 0 1px 3px 0 #1018280d, 0 1px 2px 0 #1018280d;
    --ddga-shadow-md: 0 2px 4px -2px #1018280f, 0 4px 8px -2px #1018281a;
    --ddga-shadow-lg: 0 4px 6px -2px #10182808, 0 12px 16px -4px #10182814;
    --ddga-shadow-xl: 0 8px 8px -4px #10182808, 0 20px 24px -4px #10182814;
    --ddga-shadow-2xl: 0 24px 48px -12px #1018282e;
    --ddga-shadow-3xl: 0 32px 64px -12px #10182824;
    --ddga-shadow-none: none;
    --ddga-blur-sm: 4px;
    --ddga-blur-md: 8px;
    --ddga-blur-lg: 12px;
    --ddga-blur-xl: 20px;
    --ddga-z-overlay: 60;
    --ddga-z-modal: 61;
    --ddga-z-popover: 62;
    --ddga-z-toast: 70;
    --ddga-layout-container-max: 80rem;
    --ddga-layout-container-padding: 2rem;
    --ddga-layout-container-padding-mobile: 1rem;
    --ddga-layout-paragraph-max: 45rem;
    --ddga-layout-width-xxs: 20rem;
    --ddga-layout-width-xs: 24rem;
    --ddga-layout-width-sm: 30rem;
    --ddga-layout-width-md: 35rem;
    --ddga-layout-width-lg: 40rem;
    --ddga-layout-width-xl: 48rem;
    --ddga-layout-width-2xl: 64rem;
    --ddga-layout-width-3xl: 80rem;
    --ddga-layout-width-4xl: 90rem;
    --ddga-layout-width-5xl: 100rem;
    --ddga-layout-width-6xl: 120rem;
  }
  [data-theme] {
    --ddga-color-primary: var(--ddga-brand-600);
    --ddga-color-primary-hover: var(--ddga-brand-700);
    --ddga-color-primary-active: var(--ddga-brand-900);
    --ddga-color-ring: var(--ddga-brand-600);
  }
  [data-theme="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --ddga-color-background: var(--ddga-gray-900);
    --ddga-color-foreground: var(--ddga-gray-100);
    --ddga-color-muted: var(--ddga-gray-800);
    --ddga-color-muted-foreground: var(--ddga-gray-400);
    --ddga-color-border: var(--ddga-gray-700);
    --ddga-color-card: var(--ddga-gray-800);
    --ddga-color-card-foreground: var(--ddga-gray-100);
    --ddga-color-input: var(--ddga-gray-700);
    --ddga-color-primary: var(--ddga-brand-400);
    --ddga-color-primary-hover: var(--ddga-brand-300);
    --ddga-color-primary-active: var(--ddga-brand-500);
    --ddga-color-primary-foreground: var(--ddga-gray-950);
    --ddga-color-secondary: var(--ddga-gray-800);
    --ddga-color-secondary-hover: var(--ddga-gray-700);
    --ddga-color-secondary-foreground: var(--ddga-gray-100);
    --ddga-color-destructive: var(--ddga-error-400);
    --ddga-color-destructive-hover: var(--ddga-error-500);
    --ddga-color-destructive-foreground: var(--ddga-gray-950);
    --ddga-color-error: var(--ddga-error-400);
    --ddga-color-error-hover: var(--ddga-error-500);
    --ddga-color-error-foreground: var(--ddga-gray-950);
    --ddga-color-success: var(--ddga-success-400);
    --ddga-color-success-hover: var(--ddga-success-500);
    --ddga-color-success-foreground: var(--ddga-gray-950);
    --ddga-color-warning: var(--ddga-warning-400);
    --ddga-color-warning-hover: var(--ddga-warning-500);
    --ddga-color-warning-foreground: var(--ddga-gray-950);
    --ddga-color-info: var(--ddga-info-400);
    --ddga-color-info-hover: var(--ddga-info-500);
    --ddga-color-info-foreground: var(--ddga-gray-950);
    --ddga-color-ring: var(--ddga-brand-400);
    --ddga-text-primary: #fff;
    --ddga-text-secondary: var(--ddga-alpha-white-70);
    --ddga-text-tertiary: var(--ddga-alpha-white-60);
    --ddga-text-placeholder: var(--ddga-gray-500);
    --ddga-shadow-xs: 0 1px 2px 0 #0000004d;
    --ddga-shadow-sm: 0 1px 3px 0 #0006, 0 1px 2px 0 #0000004d;
    --ddga-shadow-md: 0 2px 4px -2px #0000004d, 0 4px 8px -2px #00000073;
    --ddga-shadow-lg: 0 4px 6px -2px #0000004d, 0 12px 16px -4px #00000080;
    --ddga-shadow-xl: 0 8px 8px -4px #0000004d, 0 20px 24px -4px #00000080;
    --ddga-shadow-2xl: 0 24px 48px -12px #0009;
    --ddga-shadow-3xl: 0 32px 64px -12px #0000008c;
  }
  .ddga-theme-sa-green {
    --ddga-brand-25: var(--ddga-sa-25);
    --ddga-brand-50: var(--ddga-sa-50);
    --ddga-brand-100: var(--ddga-sa-100);
    --ddga-brand-200: var(--ddga-sa-200);
    --ddga-brand-300: var(--ddga-sa-300);
    --ddga-brand-400: var(--ddga-sa-400);
    --ddga-brand-500: var(--ddga-sa-500);
    --ddga-brand-600: var(--ddga-sa-600);
    --ddga-brand-700: var(--ddga-sa-700);
    --ddga-brand-800: var(--ddga-sa-800);
    --ddga-brand-900: var(--ddga-sa-900);
    --ddga-brand-950: var(--ddga-sa-950);
    --ddga-color-primary-foreground: #fff;
  }
  .ddga-theme-gray {
    --ddga-brand-25: var(--ddga-gray-25);
    --ddga-brand-50: var(--ddga-gray-50);
    --ddga-brand-100: var(--ddga-gray-100);
    --ddga-brand-200: var(--ddga-gray-200);
    --ddga-brand-300: var(--ddga-gray-300);
    --ddga-brand-400: var(--ddga-gray-400);
    --ddga-brand-500: var(--ddga-gray-500);
    --ddga-brand-600: var(--ddga-gray-600);
    --ddga-brand-700: var(--ddga-gray-700);
    --ddga-brand-800: var(--ddga-gray-800);
    --ddga-brand-900: var(--ddga-gray-900);
    --ddga-brand-950: var(--ddga-gray-950);
    --ddga-color-primary-foreground: #fff;
  }
  .ddga-theme-error {
    --ddga-brand-25: var(--ddga-error-25);
    --ddga-brand-50: var(--ddga-error-50);
    --ddga-brand-100: var(--ddga-error-100);
    --ddga-brand-200: var(--ddga-error-200);
    --ddga-brand-300: var(--ddga-error-300);
    --ddga-brand-400: var(--ddga-error-400);
    --ddga-brand-500: var(--ddga-error-500);
    --ddga-brand-600: var(--ddga-error-600);
    --ddga-brand-700: var(--ddga-error-700);
    --ddga-brand-800: var(--ddga-error-800);
    --ddga-brand-900: var(--ddga-error-900);
    --ddga-brand-950: var(--ddga-error-950);
    --ddga-color-primary-foreground: #fff;
  }
  .ddga-theme-warning {
    --ddga-brand-25: var(--ddga-warning-25);
    --ddga-brand-50: var(--ddga-warning-50);
    --ddga-brand-100: var(--ddga-warning-100);
    --ddga-brand-200: var(--ddga-warning-200);
    --ddga-brand-300: var(--ddga-warning-300);
    --ddga-brand-400: var(--ddga-warning-400);
    --ddga-brand-500: var(--ddga-warning-500);
    --ddga-brand-600: var(--ddga-warning-600);
    --ddga-brand-700: var(--ddga-warning-700);
    --ddga-brand-800: var(--ddga-warning-800);
    --ddga-brand-900: var(--ddga-warning-900);
    --ddga-brand-950: var(--ddga-warning-950);
    --ddga-color-primary-foreground: #fff;
  }
  .ddga-theme-success {
    --ddga-brand-25: var(--ddga-success-25);
    --ddga-brand-50: var(--ddga-success-50);
    --ddga-brand-100: var(--ddga-success-100);
    --ddga-brand-200: var(--ddga-success-200);
    --ddga-brand-300: var(--ddga-success-300);
    --ddga-brand-400: var(--ddga-success-400);
    --ddga-brand-500: var(--ddga-success-500);
    --ddga-brand-600: var(--ddga-success-600);
    --ddga-brand-700: var(--ddga-success-700);
    --ddga-brand-800: var(--ddga-success-800);
    --ddga-brand-900: var(--ddga-success-900);
    --ddga-brand-950: var(--ddga-success-950);
    --ddga-color-primary-foreground: #fff;
  }
  .ddga-theme-info {
    --ddga-brand-25: var(--ddga-info-25);
    --ddga-brand-50: var(--ddga-info-50);
    --ddga-brand-100: var(--ddga-info-100);
    --ddga-brand-200: var(--ddga-info-200);
    --ddga-brand-300: var(--ddga-info-300);
    --ddga-brand-400: var(--ddga-info-400);
    --ddga-brand-500: var(--ddga-info-500);
    --ddga-brand-600: var(--ddga-info-600);
    --ddga-brand-700: var(--ddga-info-700);
    --ddga-brand-800: var(--ddga-info-800);
    --ddga-brand-900: var(--ddga-info-900);
    --ddga-brand-950: var(--ddga-info-950);
    --ddga-color-primary-foreground: #fff;
  }
  .ddga-theme-gold {
    --ddga-brand-25: var(--ddga-gold-25);
    --ddga-brand-50: var(--ddga-gold-50);
    --ddga-brand-100: var(--ddga-gold-100);
    --ddga-brand-200: var(--ddga-gold-200);
    --ddga-brand-300: var(--ddga-gold-300);
    --ddga-brand-400: var(--ddga-gold-400);
    --ddga-brand-500: var(--ddga-gold-500);
    --ddga-brand-600: var(--ddga-gold-600);
    --ddga-brand-700: var(--ddga-gold-700);
    --ddga-brand-800: var(--ddga-gold-800);
    --ddga-brand-900: var(--ddga-gold-900);
    --ddga-brand-950: var(--ddga-gold-950);
    --ddga-color-primary-foreground: #0d121c;
  }
  .ddga-theme-lavender {
    --ddga-brand-25: var(--ddga-lavender-25);
    --ddga-brand-50: var(--ddga-lavender-50);
    --ddga-brand-100: var(--ddga-lavender-100);
    --ddga-brand-200: var(--ddga-lavender-200);
    --ddga-brand-300: var(--ddga-lavender-300);
    --ddga-brand-400: var(--ddga-lavender-400);
    --ddga-brand-500: var(--ddga-lavender-500);
    --ddga-brand-600: var(--ddga-lavender-600);
    --ddga-brand-700: var(--ddga-lavender-700);
    --ddga-brand-800: var(--ddga-lavender-800);
    --ddga-brand-900: var(--ddga-lavender-900);
    --ddga-brand-950: var(--ddga-lavender-950);
    --ddga-color-primary-foreground: #fff;
  }
  *,
  :before,
  :after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  body {
    font-family: var(--ddga-font-ar);
    color: var(--ddga-color-foreground);
    background-color: var(--ddga-color-background);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
  }
  svg {
    vertical-align: middle;
    display: block;
  }
  .ddga-sr-only {
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
    block-size: 1px;
    inline-size: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  [dir="rtl"] .ddga-icon-flip {
    transform: scaleX(-1);
  }
}
@layer ddga-components {
  .ddga-field {
    gap: var(--ddga-space-1);
    flex-direction: column;
    min-inline-size: 0;
    display: flex;
  }
  .ddga-field__message {
    font-size: var(--ddga-font-size-sm);
    margin: 0;
    line-height: 1.4;
  }
  .ddga-field__message--helper {
    color: var(--ddga-text-secondary);
  }
  .ddga-field__message--error {
    color: var(--ddga-color-error);
  }
  .ddga-field__message--with-icon {
    align-items: center;
    gap: var(--ddga-space-2);
    display: inline-flex;
  }
  .ddga-field__message-icon {
    flex-shrink: 0;
    display: inline-flex;
  }
  .ddga-button {
    justify-content: center;
    align-items: center;
    gap: var(--ddga-space-1);
    border-radius: var(--ddga-radius-sm);
    font-weight: var(--ddga-font-weight-medium);
    cursor: pointer;
    border: 1px solid #0000;
    font-family: inherit;
    line-height: 1.6;
    text-decoration: none;
    transition: background-color 0.15s, border-color 0.15s, color 0.15s,
      opacity 0.15s;
    display: inline-flex;
  }
  .ddga-button--primary {
    background-color: var(--ddga-color-primary);
    color: var(--ddga-color-primary-foreground);
  }
  .ddga-button--primary:hover:not(:disabled):not([aria-disabled="true"]) {
    background-color: var(--ddga-color-primary-hover);
  }
  .ddga-button--secondary {
    background-color: var(--ddga-color-secondary);
    color: var(--ddga-color-secondary-foreground);
  }
  .ddga-button--secondary:hover:not(:disabled):not([aria-disabled="true"]) {
    background-color: var(--ddga-color-secondary-hover);
  }
  .ddga-button--black {
    background-color: var(--ddga-gray-950);
    color: #fff;
  }
  .ddga-button--black:hover:not(:disabled):not([aria-disabled="true"]) {
    background-color: var(--ddga-gray-800);
  }
  .ddga-button--outline {
    color: var(--ddga-color-foreground);
    border-color: var(--ddga-color-input);
    background-color: #0000;
  }
  .ddga-button--outline:hover:not(:disabled):not([aria-disabled="true"]) {
    background-color: var(--ddga-color-muted);
  }
  .ddga-button--ghost {
    color: var(--ddga-color-foreground);
    background-color: #0000;
  }
  .ddga-button--ghost:hover:not(:disabled):not([aria-disabled="true"]) {
    background-color: var(--ddga-color-muted);
  }
  .ddga-button--destructive {
    background-color: var(--ddga-color-destructive);
    color: var(--ddga-color-destructive-foreground);
  }
  .ddga-button--destructive:hover:not(:disabled):not([aria-disabled="true"]) {
    background-color: var(--ddga-color-destructive-hover);
  }
  .ddga-button--destructive-outline {
    color: var(--ddga-color-destructive);
    border-color: var(--ddga-error-200);
    background-color: #0000;
  }
  .ddga-button--destructive-outline:hover:not(:disabled):not(
      [aria-disabled="true"]
    ) {
    background-color: var(--ddga-error-50);
  }
  .ddga-button--destructive-subtle {
    background-color: var(--ddga-error-50);
    color: var(--ddga-color-destructive);
  }
  .ddga-button--destructive-subtle:hover:not(:disabled):not(
      [aria-disabled="true"]
    ) {
    background-color: var(--ddga-error-100);
  }
  .ddga-button--destructive-ghost {
    color: var(--ddga-color-destructive);
    background-color: #0000;
  }
  .ddga-button--destructive-ghost:hover:not(:disabled):not(
      [aria-disabled="true"]
    ) {
    background-color: var(--ddga-error-50);
  }
  .ddga-button--primary[aria-pressed="true"] {
    background-color: var(--ddga-sa-800);
  }
  .ddga-button--secondary[aria-pressed="true"] {
    background-color: var(--ddga-gray-200);
  }
  .ddga-button--black[aria-pressed="true"] {
    background-color: var(--ddga-gray-700);
  }
  .ddga-button--destructive[aria-pressed="true"] {
    background-color: var(--ddga-error-800);
  }
  .ddga-button--primary:active:not(:disabled):not([aria-disabled="true"]) {
    background-color: var(--ddga-color-primary-active);
  }
  .ddga-button--secondary:active:not(:disabled):not([aria-disabled="true"]) {
    background-color: var(--ddga-color-secondary-hover);
  }
  .ddga-button--black:active:not(:disabled):not([aria-disabled="true"]) {
    background-color: var(--ddga-gray-600);
  }
  .ddga-button--destructive:active:not(:disabled):not([aria-disabled="true"]) {
    background-color: var(--ddga-error-900);
  }
  .ddga-button--destructive-subtle:active:not(:disabled):not(
      [aria-disabled="true"]
    ) {
    background-color: var(--ddga-error-200);
  }
  .ddga-button--outline:active:not(:disabled):not([aria-disabled="true"]),
  .ddga-button--ghost:active:not(:disabled):not([aria-disabled="true"]) {
    background-color: var(--ddga-color-secondary-hover);
  }
  .ddga-button--destructive-outline:active:not(:disabled):not(
      [aria-disabled="true"]
    ),
  .ddga-button--destructive-ghost:active:not(:disabled):not(
      [aria-disabled="true"]
    ) {
    background-color: var(--ddga-error-100);
  }
  .ddga-button--sm {
    height: 24px;
    padding-inline: var(--ddga-space-2);
    font-size: var(--ddga-font-size-xs);
    line-height: 1.125rem;
  }
  .ddga-button--md {
    height: 32px;
    padding-inline: var(--ddga-space-3);
    font-size: var(--ddga-font-size-sm);
    line-height: 1.25rem;
  }
  .ddga-button--lg {
    height: 40px;
    padding-inline: var(--ddga-space-4);
    font-size: var(--ddga-font-size-base);
    line-height: 1.5rem;
  }
  .ddga-button--icon {
    width: 40px;
    height: 40px;
    font-size: var(--ddga-font-size-base);
    padding: 0;
  }
  .ddga-button--icon-md {
    width: 32px;
    height: 32px;
    font-size: var(--ddga-font-size-sm);
    padding: 0;
  }
  .ddga-button--icon-sm {
    width: 28px;
    height: 28px;
    font-size: var(--ddga-font-size-sm);
    padding: 0;
  }
  .ddga-button--icon-xs {
    width: 24px;
    height: 24px;
    font-size: var(--ddga-font-size-xs);
    padding: 0;
  }
  .ddga-button--full-width {
    flex: 1 0 100%;
    inline-size: 100%;
  }
  .ddga-button--on-color.ddga-button--black,
  .ddga-button--on-color.ddga-button--primary {
    color: var(--ddga-gray-950);
    background-color: #fff;
    border-color: #0000;
  }
  .ddga-button--on-color.ddga-button--black:hover:not(:disabled):not(
      [aria-disabled="true"]
    ),
  .ddga-button--on-color.ddga-button--primary:hover:not(:disabled):not(
      [aria-disabled="true"]
    ) {
    background-color: var(--ddga-alpha-white-80);
  }
  .ddga-button--on-color.ddga-button--black:active:not(:disabled):not(
      [aria-disabled="true"]
    ),
  .ddga-button--on-color.ddga-button--primary:active:not(:disabled):not(
      [aria-disabled="true"]
    ) {
    background-color: var(--ddga-alpha-white-60);
  }
  .ddga-button--on-color.ddga-button--black[aria-pressed="true"],
  .ddga-button--on-color.ddga-button--primary[aria-pressed="true"] {
    background-color: var(--ddga-alpha-white-70);
  }
  .ddga-button--on-color.ddga-button--secondary,
  .ddga-button--on-color.ddga-button--ghost {
    color: #fff;
    background-color: #0000;
    border-color: #0000;
  }
  .ddga-button--on-color.ddga-button--outline {
    color: #fff;
    border-color: var(--ddga-alpha-white-40);
    background-color: #0000;
  }
  .ddga-button--on-color.ddga-button--secondary:hover:not(:disabled):not(
      [aria-disabled="true"]
    ),
  .ddga-button--on-color.ddga-button--ghost:hover:not(:disabled):not(
      [aria-disabled="true"]
    ),
  .ddga-button--on-color.ddga-button--outline:hover:not(:disabled):not(
      [aria-disabled="true"]
    ) {
    background-color: var(--ddga-alpha-white-20);
  }
  .ddga-button--on-color.ddga-button--secondary:active:not(:disabled):not(
      [aria-disabled="true"]
    ),
  .ddga-button--on-color.ddga-button--ghost:active:not(:disabled):not(
      [aria-disabled="true"]
    ),
  .ddga-button--on-color.ddga-button--outline:active:not(:disabled):not(
      [aria-disabled="true"]
    ) {
    background-color: var(--ddga-alpha-white-40);
  }
  .ddga-button--on-color.ddga-button--secondary[aria-pressed="true"],
  .ddga-button--on-color.ddga-button--ghost[aria-pressed="true"],
  .ddga-button--on-color.ddga-button--outline[aria-pressed="true"] {
    background-color: var(--ddga-alpha-white-30);
  }
  .ddga-button--on-color.ddga-button--destructive-outline,
  .ddga-button--on-color.ddga-button--destructive-ghost {
    color: var(--ddga-error-200);
  }
  .ddga-button--on-color.ddga-button--destructive-outline {
    border-color: var(--ddga-error-200);
  }
  .ddga-button--loading {
    cursor: wait;
    position: relative;
  }
  .ddga-button__text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .ddga-button__icon {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .ddga-button svg {
    flex-shrink: 0;
    align-self: center;
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-button {
      transition: none;
    }
  }
  .ddga-button:disabled,
  .ddga-button[aria-disabled="true"] {
    cursor: not-allowed;
    background-color: var(--ddga-gray-200);
    color: var(--ddga-gray-400);
    border-color: #0000;
  }
  .ddga-button--outline:disabled,
  .ddga-button--outline[aria-disabled="true"],
  .ddga-button--destructive-outline:disabled,
  .ddga-button--destructive-outline[aria-disabled="true"] {
    border-color: var(--ddga-color-border);
    background-color: #0000;
  }
  .ddga-button--ghost:disabled,
  .ddga-button--ghost[aria-disabled="true"],
  .ddga-button--destructive-ghost:disabled,
  .ddga-button--destructive-ghost[aria-disabled="true"] {
    background-color: #0000;
  }
  .ddga-button--on-color:disabled,
  .ddga-button--on-color[aria-disabled="true"] {
    background-color: var(--ddga-alpha-white-20);
    color: var(--ddga-alpha-white-40);
    border-color: var(--ddga-alpha-white-20);
  }
  [data-theme="dark"] .ddga-button:disabled,
  [data-theme="dark"] .ddga-button[aria-disabled="true"] {
    background-color: var(--ddga-gray-800);
    color: var(--ddga-gray-500);
  }
  .ddga-button:focus-visible {
    box-shadow: inset 0 0 0 2px var(--ddga-color-background),
      inset 0 0 0 4px var(--ddga-color-focus-ring);
    outline: none;
  }
  .ddga-button--on-color:focus-visible {
    box-shadow: inset 0 0 0 2px var(--ddga-color-foreground),
      inset 0 0 0 4px #fff;
  }
  [data-theme="dark"] .ddga-button--destructive-subtle {
    background-color: #d92d202e;
  }
  [data-theme="dark"]
    .ddga-button--destructive-subtle:hover:not(:disabled):not(
      [aria-disabled="true"]
    ) {
    background-color: #d92d2047;
  }
  [data-theme="dark"]
    .ddga-button--destructive-outline:hover:not(:disabled):not(
      [aria-disabled="true"]
    ),
  [data-theme="dark"]
    .ddga-button--destructive-ghost:hover:not(:disabled):not(
      [aria-disabled="true"]
    ) {
    background-color: #d92d202e;
  }
  @media (forced-colors: active) {
    .ddga-button {
      border: 1px solid buttontext;
    }
    .ddga-button:focus-visible {
      outline: 2px solid highlight;
    }
    .ddga-button:disabled,
    .ddga-button[aria-disabled="true"] {
      color: graytext;
      border-color: graytext;
    }
  }
  .ddga-field[data-slot="text-input-field"] {
    gap: var(--ddga-space-2);
  }
  .ddga-text-input__label {
    align-items: center;
    gap: var(--ddga-space-1);
    color: var(--ddga-text-primary);
    font-weight: var(--ddga-font-weight-regular);
    font-size: var(--ddga-font-size-sm);
    line-height: 1.4286;
    display: inline-flex;
  }
  .ddga-text-input__required {
    color: var(--ddga-error-700);
  }
  .ddga-text-input {
    align-items: center;
    gap: var(--ddga-space-2);
    inline-size: 100%;
    border: 1px solid var(--ddga-gray-400);
    border-radius: var(--ddga-radius-sm);
    background-color: var(--ddga-color-background);
    color: var(--ddga-gray-700);
    padding-inline-start: var(--ddga-space-2);
    padding-inline-end: var(--ddga-space-4);
    transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s;
    display: flex;
    position: relative;
  }
  .ddga-text-input--md {
    block-size: 32px;
    font-size: var(--ddga-font-size-sm);
  }
  .ddga-text-input--lg {
    block-size: 40px;
    font-size: var(--ddga-font-size-base);
  }
  .ddga-text-input--filled-lighter {
    background-color: var(--ddga-gray-25);
    border-color: #0000;
  }
  .ddga-text-input--filled-darker {
    background-color: var(--ddga-gray-100);
    border-color: #0000;
  }
  .ddga-text-input__field {
    block-size: 100%;
    min-inline-size: 0;
    color: inherit;
    font: inherit;
    caret-color: var(--ddga-gray-950);
    background: 0 0;
    border: 0;
    outline: none;
    flex: auto;
    padding: 0;
  }
  .ddga-text-input__field::placeholder {
    color: var(--ddga-gray-500);
  }
  .ddga-text-input__field:-webkit-autofill {
    -webkit-text-fill-color: var(--ddga-gray-700);
    -webkit-box-shadow: 0 0 0 100vmax var(--ddga-color-background) inset;
    box-shadow: 0 0 0 100vmax var(--ddga-color-background) inset;
    caret-color: var(--ddga-gray-950);
  }
  .ddga-text-input__field:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--ddga-gray-700);
    -webkit-box-shadow: 0 0 0 100vmax var(--ddga-color-background) inset;
    box-shadow: 0 0 0 100vmax var(--ddga-color-background) inset;
    caret-color: var(--ddga-gray-950);
  }
  .ddga-text-input__field:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--ddga-gray-700);
    -webkit-box-shadow: 0 0 0 100vmax var(--ddga-color-background) inset;
    box-shadow: 0 0 0 100vmax var(--ddga-color-background) inset;
    caret-color: var(--ddga-gray-950);
  }
  .ddga-text-input__adornment {
    max-block-size: 100%;
    color: var(--ddga-gray-500);
    flex-shrink: 0;
    align-self: center;
    align-items: center;
    display: inline-flex;
  }
  .ddga-text-input__adornment svg {
    flex-shrink: 0;
    align-self: center;
  }
  .ddga-text-input:has(.ddga-text-input__adornment--start) {
    padding-inline-start: var(--ddga-space-2);
  }
  .ddga-text-input:has(.ddga-text-input__adornment--end) {
    padding-inline-end: var(--ddga-space-2);
  }
  .ddga-text-input__affix {
    padding-inline: var(--ddga-space-4);
    background-color: var(--ddga-gray-100);
    color: var(--ddga-gray-500);
    white-space: nowrap;
    align-self: stretch;
    align-items: center;
    display: inline-flex;
  }
  .ddga-text-input--md .ddga-text-input__affix {
    padding-inline: var(--ddga-space-3);
  }
  .ddga-text-input__affix--subtle {
    background-color: #0000;
    padding-inline: 0;
  }
  .ddga-text-input__adornment--start:has(.ddga-text-input__affix) {
    align-self: stretch;
  }
  .ddga-text-input__adornment--end:has(.ddga-text-input__affix) {
    align-self: stretch;
  }
  .ddga-text-input__adornment--start .ddga-text-input__affix {
    border-start-start-radius: var(--ddga-radius-sm);
    border-end-start-radius: var(--ddga-radius-sm);
  }
  .ddga-text-input__adornment--end .ddga-text-input__affix {
    border-start-end-radius: var(--ddga-radius-sm);
    border-end-end-radius: var(--ddga-radius-sm);
  }
  .ddga-text-input:has(
      .ddga-text-input__adornment--start .ddga-text-input__affix
    ) {
    padding-inline-start: 0;
  }
  .ddga-text-input:has(
      .ddga-text-input__adornment--end .ddga-text-input__affix
    ) {
    padding-inline-end: 0;
  }
  .ddga-text-input__dropdown {
    gap: var(--ddga-space-1);
    color: var(--ddga-text-primary);
    font: inherit;
    cursor: pointer;
    border: 0;
    padding-block: 0;
    transition: background-color 0.15s;
  }
  .ddga-text-input__dropdown--subtle {
    background-color: #0000;
  }
  .ddga-text-input__dropdown-icon {
    flex-shrink: 0;
    block-size: 24px;
    inline-size: 24px;
    display: inline-flex;
  }
  .ddga-text-input__dropdown-icon > svg {
    block-size: 100%;
    inline-size: 100%;
  }
  .ddga-text-input__dropdown-chevron {
    flex-shrink: 0;
    block-size: 20px;
    inline-size: 20px;
  }
  .ddga-text-input--md .ddga-text-input__dropdown-icon {
    block-size: 20px;
    inline-size: 20px;
  }
  .ddga-text-input--md .ddga-text-input__dropdown-chevron {
    block-size: 16px;
    inline-size: 16px;
  }
  .ddga-text-input__dropdown:hover {
    background-color: var(--ddga-gray-200);
  }
  .ddga-text-input__dropdown:active {
    background-color: var(--ddga-gray-300);
  }
  .ddga-text-input__dropdown--subtle:hover {
    background-color: var(--ddga-gray-100);
  }
  .ddga-text-input__dropdown--subtle:active {
    background-color: var(--ddga-gray-200);
  }
  .ddga-text-input__dropdown--selected,
  .ddga-text-input__dropdown--selected:hover,
  .ddga-text-input__dropdown--selected:active {
    background-color: var(--ddga-gray-700);
    color: #fff;
  }
  .ddga-text-input__dropdown:focus-visible {
    box-shadow: inset 0 0 0 2px var(--ddga-text-primary);
    outline: none;
  }
  .ddga-text-input--default:hover:not(:focus-within) {
    border-color: var(--ddga-gray-700);
  }
  .ddga-text-input:after {
    content: "";
    inset-inline: 0;
    background-color: var(--ddga-gray-950);
    transform-origin: 50%;
    pointer-events: none;
    block-size: 2px;
    transition: transform 0.4s ease-out;
    position: absolute;
    bottom: -1px;
    transform: scaleX(0);
  }
  .ddga-text-input:focus-within {
    box-shadow: var(--ddga-shadow-md);
  }
  .ddga-text-input--default:focus-within {
    border-color: var(--ddga-gray-400);
  }
  .ddga-text-input:focus-within:after {
    transform: scaleX(1);
  }
  .ddga-text-input--pressed {
    background-color: var(--ddga-gray-100);
  }
  .ddga-text-input:active:not(:has(.ddga-text-input__field:disabled)) {
    background-color: var(--ddga-gray-100);
  }
  .ddga-text-input:active:after,
  .ddga-text-input--pressed:after {
    transform: scaleX(0.5);
  }
  .ddga-text-input--error,
  .ddga-text-input--error:hover:not(:focus-within),
  .ddga-text-input--error:focus-within {
    border-color: var(--ddga-error-700);
  }
  .ddga-text-input:has(.ddga-text-input__field:read-only:not(:disabled)) {
    border-color: var(--ddga-gray-300);
    background-color: #0000;
  }
  .ddga-text-input:has(.ddga-text-input__field:disabled) {
    border-color: var(--ddga-gray-300);
    cursor: not-allowed;
    background-color: #0000;
  }
  .ddga-text-input:has(.ddga-text-input__field:disabled)
    .ddga-text-input__field {
    color: var(--ddga-gray-400);
    cursor: not-allowed;
  }
  .ddga-text-input:has(.ddga-text-input__field:disabled)
    .ddga-text-input__field::placeholder {
    color: var(--ddga-gray-400);
  }
  .ddga-text-input:has(.ddga-text-input__field:disabled)
    .ddga-text-input__adornment {
    color: var(--ddga-gray-400);
  }
  :is(
      .ddga-field[data-slot="text-input-field"]:has(
          .ddga-text-input__field:disabled
        )
        .ddga-text-input__label,
      .ddga-field[data-slot="text-input-field"]:has(
          .ddga-text-input__field:disabled
        )
        .ddga-text-input__required
    ) {
    color: var(--ddga-gray-400);
  }
  .ddga-text-input:has(.ddga-text-input__field:disabled)
    .ddga-text-input__affix {
    background-color: var(--ddga-gray-200);
  }
  .ddga-field[data-slot="text-input-field"] .ddga-field__message {
    padding-block: var(--ddga-space-1);
  }
  .ddga-field[data-slot="text-input-field"] .ddga-field__message--helper {
    color: var(--ddga-gray-700);
  }
  .ddga-field[data-slot="text-input-field"] .ddga-field__message--error {
    color: var(--ddga-error-700);
  }
  [data-theme="dark"] .ddga-text-input {
    border-color: var(--ddga-color-input);
    color: var(--ddga-text-primary);
  }
  [data-theme="dark"] .ddga-text-input__field {
    caret-color: var(--ddga-text-primary);
  }
  [data-theme="dark"] .ddga-text-input__field::placeholder {
    color: var(--ddga-text-placeholder);
  }
  [data-theme="dark"] .ddga-text-input__adornment {
    color: var(--ddga-text-tertiary);
  }
  [data-theme="dark"] .ddga-text-input__affix {
    background-color: var(--ddga-color-muted);
    color: var(--ddga-text-tertiary);
  }
  [data-theme="dark"] .ddga-text-input__dropdown {
    background-color: var(--ddga-color-muted);
    color: var(--ddga-text-primary);
  }
  [data-theme="dark"] .ddga-text-input__dropdown--subtle {
    background-color: #0000;
  }
  [data-theme="dark"] .ddga-text-input__dropdown:hover {
    background-color: var(--ddga-color-border);
  }
  [data-theme="dark"] .ddga-text-input__dropdown--subtle:hover {
    background-color: var(--ddga-color-muted);
  }
  [data-theme="dark"] .ddga-text-input__dropdown:active,
  [data-theme="dark"] .ddga-text-input__dropdown--subtle:active {
    background-color: var(--ddga-color-border);
  }
  [data-theme="dark"] .ddga-text-input__dropdown--selected,
  [data-theme="dark"] .ddga-text-input__dropdown--selected:hover {
    background-color: var(--ddga-gray-700);
    color: #fff;
  }
  [data-theme="dark"] .ddga-text-input__dropdown:focus-visible {
    box-shadow: inset 0 0 0 2px var(--ddga-text-primary);
  }
  [data-theme="dark"] .ddga-text-input--filled-lighter,
  [data-theme="dark"] .ddga-text-input--filled-darker {
    background-color: var(--ddga-color-muted);
  }
  [data-theme="dark"] .ddga-text-input--default:hover:not(:focus-within) {
    border-color: var(--ddga-gray-500);
  }
  [data-theme="dark"] .ddga-text-input:after {
    background-color: var(--ddga-text-primary);
  }
  [data-theme="dark"] .ddga-text-input--pressed {
    background-color: var(--ddga-color-muted);
  }
  [data-theme="dark"]
    .ddga-text-input:active:not(:has(.ddga-text-input__field:disabled)) {
    background-color: var(--ddga-color-muted);
  }
  :is(
      [data-theme="dark"]
        .ddga-text-input:has(.ddga-text-input__field:read-only:not(:disabled)),
      [data-theme="dark"] .ddga-text-input:has(.ddga-text-input__field:disabled)
    ) {
    border-color: var(--ddga-color-border);
  }
  [data-theme="dark"]
    .ddga-text-input:has(.ddga-text-input__field:disabled)
    .ddga-text-input__field {
    color: var(--ddga-text-tertiary);
  }
  [data-theme="dark"]
    .ddga-text-input:has(.ddga-text-input__field:disabled)
    .ddga-text-input__field::placeholder {
    color: var(--ddga-text-tertiary);
  }
  [data-theme="dark"]
    .ddga-text-input:has(.ddga-text-input__field:disabled)
    .ddga-text-input__adornment {
    color: var(--ddga-text-tertiary);
  }
  :is(
      [data-theme="dark"]
        .ddga-field[data-slot="text-input-field"]:has(
          .ddga-text-input__field:disabled
        )
        .ddga-text-input__label,
      [data-theme="dark"]
        .ddga-field[data-slot="text-input-field"]:has(
          .ddga-text-input__field:disabled
        )
        .ddga-text-input__required
    ) {
    color: var(--ddga-text-tertiary);
  }
  [data-theme="dark"]
    .ddga-field[data-slot="text-input-field"]
    .ddga-field__message--helper {
    color: var(--ddga-text-secondary);
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-text-input,
    .ddga-text-input:after {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-text-input {
      border: 1px solid canvastext;
    }
    .ddga-text-input:focus-within {
      outline-offset: 1px;
      outline: 2px solid highlight;
    }
    .ddga-text-input:has(.ddga-text-input__field:disabled) {
      border-color: graytext;
    }
    .ddga-text-input:has(.ddga-text-input__field:disabled)
      .ddga-text-input__field {
      color: graytext;
    }
  }
  .ddga-field[data-slot="textarea-field"] {
    gap: var(--ddga-space-2);
  }
  .ddga-textarea__label {
    align-items: center;
    gap: var(--ddga-space-1);
    color: var(--ddga-text-primary);
    font-weight: var(--ddga-font-weight-regular);
    font-size: var(--ddga-font-size-sm);
    line-height: 1.4286;
    display: inline-flex;
  }
  .ddga-textarea__required {
    color: var(--ddga-error-700);
  }
  .ddga-textarea {
    border: 1px solid var(--ddga-gray-400);
    border-radius: var(--ddga-radius-sm);
    background-color: var(--ddga-color-background);
    inline-size: 100%;
    transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s;
    display: block;
    position: relative;
  }
  .ddga-textarea--filled-lighter {
    background-color: var(--ddga-gray-25);
    border-color: #0000;
  }
  .ddga-textarea--filled-darker {
    background-color: var(--ddga-gray-100);
    border-color: #0000;
  }
  .ddga-textarea__field {
    inline-size: 100%;
    padding-block: var(--ddga-space-3);
    padding-inline: var(--ddga-space-4);
    color: var(--ddga-text-primary);
    font-family: inherit;
    font-size: var(--ddga-font-size-base);
    caret-color: var(--ddga-gray-950);
    background: 0 0;
    border: 0;
    outline: none;
    line-height: 1.5;
    display: block;
  }
  .ddga-textarea__field::placeholder {
    color: var(--ddga-gray-500);
  }
  .ddga-textarea__field--resize-vertical {
    resize: vertical;
  }
  .ddga-textarea__field--resize-none {
    resize: none;
  }
  .ddga-textarea__field:-webkit-autofill {
    -webkit-text-fill-color: var(--ddga-text-primary);
    -webkit-box-shadow: 0 0 0 100vmax var(--ddga-color-background) inset;
    box-shadow: 0 0 0 100vmax var(--ddga-color-background) inset;
    caret-color: var(--ddga-gray-950);
  }
  .ddga-textarea__field:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--ddga-text-primary);
    -webkit-box-shadow: 0 0 0 100vmax var(--ddga-color-background) inset;
    box-shadow: 0 0 0 100vmax var(--ddga-color-background) inset;
    caret-color: var(--ddga-gray-950);
  }
  .ddga-textarea__field:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--ddga-text-primary);
    -webkit-box-shadow: 0 0 0 100vmax var(--ddga-color-background) inset;
    box-shadow: 0 0 0 100vmax var(--ddga-color-background) inset;
    caret-color: var(--ddga-gray-950);
  }
  .ddga-textarea--default:hover:not(:focus-within) {
    border-color: var(--ddga-gray-700);
  }
  .ddga-textarea:focus-within {
    box-shadow: var(--ddga-shadow-md);
  }
  .ddga-textarea--default:focus-within {
    border-color: var(--ddga-gray-400);
  }
  .ddga-textarea:after {
    content: "";
    inset-inline: 0;
    background-color: var(--ddga-gray-950);
    transform-origin: 50%;
    pointer-events: none;
    block-size: 2px;
    transition: transform 0.4s ease-out;
    position: absolute;
    bottom: -1px;
    transform: scaleX(0);
  }
  .ddga-textarea:focus-within:after {
    transform: scaleX(1);
  }
  .ddga-textarea--pressed {
    background-color: var(--ddga-gray-100);
  }
  .ddga-textarea:active:not(:has(.ddga-textarea__field:disabled)) {
    background-color: var(--ddga-gray-100);
  }
  .ddga-textarea:active:after,
  .ddga-textarea--pressed:after {
    transform: scaleX(0.5);
  }
  .ddga-textarea--error,
  .ddga-textarea--error:hover:not(:focus-within),
  .ddga-textarea--error:focus-within {
    border-color: var(--ddga-error-700);
  }
  .ddga-textarea:has(.ddga-textarea__field:read-only:not(:disabled)) {
    border-color: var(--ddga-gray-300);
    background-color: #0000;
  }
  .ddga-textarea:has(.ddga-textarea__field:disabled) {
    border-color: var(--ddga-gray-300);
    cursor: not-allowed;
    background-color: #0000;
  }
  .ddga-textarea:has(.ddga-textarea__field:disabled) .ddga-textarea__field {
    color: var(--ddga-gray-400);
    cursor: not-allowed;
    resize: none;
  }
  .ddga-textarea:has(.ddga-textarea__field:disabled)
    .ddga-textarea__field::placeholder {
    color: var(--ddga-gray-400);
  }
  :is(
      .ddga-field[data-slot="textarea-field"]:has(
          .ddga-textarea__field:disabled
        )
        .ddga-textarea__label,
      .ddga-field[data-slot="textarea-field"]:has(
          .ddga-textarea__field:disabled
        )
        .ddga-textarea__required
    ) {
    color: var(--ddga-gray-400);
  }
  .ddga-field[data-slot="textarea-field"] .ddga-field__message {
    padding-block: var(--ddga-space-1);
  }
  .ddga-field[data-slot="textarea-field"] .ddga-field__message--helper {
    color: var(--ddga-gray-700);
  }
  .ddga-field[data-slot="textarea-field"] .ddga-field__message--error {
    color: var(--ddga-error-700);
  }
  [data-theme="dark"] .ddga-textarea {
    border-color: var(--ddga-color-input);
  }
  [data-theme="dark"] .ddga-textarea__field {
    color: var(--ddga-text-primary);
    caret-color: var(--ddga-text-primary);
  }
  [data-theme="dark"] .ddga-textarea__field::placeholder {
    color: var(--ddga-text-placeholder);
  }
  [data-theme="dark"] .ddga-textarea--filled-lighter,
  [data-theme="dark"] .ddga-textarea--filled-darker {
    background-color: var(--ddga-color-muted);
  }
  [data-theme="dark"] .ddga-textarea--default:hover:not(:focus-within) {
    border-color: var(--ddga-gray-500);
  }
  [data-theme="dark"] .ddga-textarea:after {
    background-color: var(--ddga-text-primary);
  }
  [data-theme="dark"] .ddga-textarea--pressed {
    background-color: var(--ddga-color-muted);
  }
  [data-theme="dark"]
    .ddga-textarea:active:not(:has(.ddga-textarea__field:disabled)) {
    background-color: var(--ddga-color-muted);
  }
  :is(
      [data-theme="dark"]
        .ddga-textarea:has(.ddga-textarea__field:read-only:not(:disabled)),
      [data-theme="dark"] .ddga-textarea:has(.ddga-textarea__field:disabled)
    ) {
    border-color: var(--ddga-color-border);
  }
  [data-theme="dark"]
    .ddga-textarea:has(.ddga-textarea__field:disabled)
    .ddga-textarea__field {
    color: var(--ddga-text-tertiary);
  }
  [data-theme="dark"]
    .ddga-textarea:has(.ddga-textarea__field:disabled)
    .ddga-textarea__field::placeholder {
    color: var(--ddga-text-tertiary);
  }
  :is(
      [data-theme="dark"]
        .ddga-field[data-slot="textarea-field"]:has(
          .ddga-textarea__field:disabled
        )
        .ddga-textarea__label,
      [data-theme="dark"]
        .ddga-field[data-slot="textarea-field"]:has(
          .ddga-textarea__field:disabled
        )
        .ddga-textarea__required
    ) {
    color: var(--ddga-text-tertiary);
  }
  [data-theme="dark"]
    .ddga-field[data-slot="textarea-field"]
    .ddga-field__message--helper {
    color: var(--ddga-text-secondary);
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-textarea,
    .ddga-textarea:after {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-textarea {
      border: 1px solid canvastext;
    }
    .ddga-textarea:focus-within {
      outline-offset: 1px;
      outline: 2px solid highlight;
    }
    .ddga-textarea:has(.ddga-textarea__field:disabled) {
      border-color: graytext;
    }
    .ddga-textarea:has(.ddga-textarea__field:disabled) .ddga-textarea__field {
      color: graytext;
    }
  }
  .ddga-checkbox-row {
    align-items: center;
    gap: var(--ddga-space-2);
    display: flex;
  }
  .ddga-checkbox {
    border: 1px solid var(--ddga-gray-500);
    border-radius: var(--ddga-radius-xs);
    color: var(--ddga-color-primary-foreground);
    cursor: pointer;
    background-color: #0000;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
    display: inline-flex;
    position: relative;
  }
  .ddga-checkbox--md {
    block-size: 24px;
    inline-size: 24px;
  }
  .ddga-checkbox--sm {
    block-size: 20px;
    inline-size: 20px;
  }
  .ddga-checkbox--xs {
    block-size: 16px;
    inline-size: 16px;
  }
  .ddga-checkbox:before {
    content: "";
    z-index: -1;
    border-radius: var(--ddga-radius-full);
    background-color: var(--ddga-gray-100);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s;
    position: absolute;
    inset: -8px;
  }
  .ddga-checkbox:not(:disabled):not([data-readonly]):hover:before,
  .ddga-checkbox:not(:disabled):not([data-readonly]):active:before {
    opacity: 1;
  }
  .ddga-checkbox[data-state="unchecked"]:not(:disabled):not(
      [data-readonly]
    ):active {
    background-color: var(--ddga-gray-300);
  }
  .ddga-checkbox[data-state="checked"],
  .ddga-checkbox[data-state="indeterminate"] {
    background-color: var(--ddga-color-primary);
    border-color: var(--ddga-color-primary);
  }
  .ddga-checkbox[data-state="checked"]:not(:disabled):not(
      [data-readonly]
    ):hover,
  .ddga-checkbox[data-state="indeterminate"]:not(:disabled):not(
      [data-readonly]
    ):hover {
    background-color: var(--ddga-color-primary-hover);
    border-color: var(--ddga-color-primary-hover);
  }
  .ddga-checkbox[data-state="checked"]:not(:disabled):not(
      [data-readonly]
    ):active,
  .ddga-checkbox[data-state="indeterminate"]:not(:disabled):not(
      [data-readonly]
    ):active {
    background-color: var(--ddga-color-primary-active);
    border-color: var(--ddga-color-primary-active);
  }
  .ddga-checkbox--neutral[data-state="checked"],
  .ddga-checkbox--neutral[data-state="indeterminate"] {
    background-color: var(--ddga-gray-950);
    border-color: var(--ddga-gray-950);
  }
  .ddga-checkbox--neutral[data-state="checked"]:not(:disabled):not(
      [data-readonly]
    ):hover,
  .ddga-checkbox--neutral[data-state="indeterminate"]:not(:disabled):not(
      [data-readonly]
    ):hover {
    background-color: var(--ddga-gray-600);
    border-color: var(--ddga-gray-600);
  }
  .ddga-checkbox--neutral[data-state="checked"]:not(:disabled):not(
      [data-readonly]
    ):active,
  .ddga-checkbox--neutral[data-state="indeterminate"]:not(:disabled):not(
      [data-readonly]
    ):active {
    background-color: var(--ddga-gray-500);
    border-color: var(--ddga-gray-500);
  }
  .ddga-checkbox:focus-visible {
    outline: 2px solid var(--ddga-color-focus-ring);
    outline-offset: 2px;
  }
  .ddga-checkbox[data-readonly] {
    cursor: default;
    border-color: var(--ddga-gray-400);
  }
  .ddga-checkbox[data-readonly][data-state="checked"],
  .ddga-checkbox[data-readonly][data-state="indeterminate"] {
    border-color: var(--ddga-gray-400);
    color: var(--ddga-color-primary);
    background-color: #0000;
  }
  .ddga-checkbox--neutral[data-readonly][data-state="checked"],
  .ddga-checkbox--neutral[data-readonly][data-state="indeterminate"] {
    color: var(--ddga-gray-950);
  }
  .ddga-checkbox--error {
    border-color: var(--ddga-color-error);
  }
  .ddga-checkbox--error[data-state="checked"],
  .ddga-checkbox--error[data-state="indeterminate"] {
    background-color: var(--ddga-color-error);
    border-color: var(--ddga-color-error);
  }
  .ddga-checkbox--error:focus-visible {
    outline-color: var(--ddga-color-error);
  }
  .ddga-checkbox:disabled {
    cursor: not-allowed;
    border-color: var(--ddga-gray-400);
  }
  .ddga-checkbox:disabled[data-state="checked"],
  .ddga-checkbox:disabled[data-state="indeterminate"] {
    background-color: var(--ddga-gray-200);
    border-color: var(--ddga-gray-200);
    color: var(--ddga-color-primary-foreground);
  }
  .ddga-checkbox-row:has(.ddga-checkbox:disabled) .ddga-checkbox__label {
    cursor: not-allowed;
    color: var(--ddga-text-tertiary);
  }
  .ddga-checkbox__indicator {
    justify-content: center;
    align-items: center;
    block-size: 100%;
    inline-size: 100%;
    display: inline-flex;
  }
  .ddga-checkbox__check {
    block-size: 75%;
    inline-size: 75%;
  }
  .ddga-checkbox__minus {
    background-color: currentColor;
    border-radius: 1px;
    block-size: 12.5%;
    min-block-size: 2px;
    inline-size: 50%;
  }
  .ddga-checkbox[data-state="checked"] .ddga-checkbox__minus,
  .ddga-checkbox[data-state="indeterminate"] .ddga-checkbox__check {
    display: none;
  }
  .ddga-checkbox__label {
    color: var(--ddga-text-primary);
    font-size: var(--ddga-font-size-base);
    cursor: pointer;
    line-height: 1.4;
  }
  .ddga-checkbox__required {
    color: var(--ddga-color-error);
    margin-inline-start: 0.125rem;
  }
  [data-theme="dark"] .ddga-checkbox:before {
    background-color: var(--ddga-gray-700);
  }
  [data-theme="dark"] .ddga-checkbox--neutral[data-state="checked"],
  [data-theme="dark"] .ddga-checkbox--neutral[data-state="indeterminate"] {
    background-color: var(--ddga-gray-100);
    border-color: var(--ddga-gray-100);
  }
  [data-theme="dark"]
    .ddga-checkbox--neutral[data-readonly][data-state="checked"],
  [data-theme="dark"]
    .ddga-checkbox--neutral[data-readonly][data-state="indeterminate"] {
    color: var(--ddga-gray-100);
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-checkbox,
    .ddga-checkbox:before {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-checkbox {
      border: 1px solid canvastext;
    }
    .ddga-checkbox[data-state="checked"],
    .ddga-checkbox[data-state="indeterminate"] {
      background-color: canvastext;
    }
    .ddga-checkbox__indicator {
      color: canvas;
    }
    .ddga-checkbox:focus-visible {
      outline-offset: 1px;
      outline: 2px solid highlight;
    }
    .ddga-checkbox:disabled {
      color: graytext;
      border-color: graytext;
    }
  }
  .ddga-radio-group__label {
    color: var(--ddga-text-primary);
    font-size: var(--ddga-font-size-sm);
    font-weight: var(--ddga-font-weight-medium);
    margin-block-end: var(--ddga-space-1);
    line-height: 1.4;
    display: block;
  }
  .ddga-radio-group__required {
    color: var(--ddga-color-error);
    margin-inline-start: 0.125rem;
  }
  .ddga-radio-group {
    gap: var(--ddga-space-3);
    display: flex;
  }
  .ddga-radio-group--vertical {
    flex-direction: column;
  }
  .ddga-radio-group--horizontal {
    flex-flow: wrap;
  }
  .ddga-radio-row {
    align-items: center;
    gap: var(--ddga-space-4);
    display: flex;
  }
  .ddga-radio {
    box-sizing: border-box;
    cursor: pointer;
    background: 0 0;
    border: 2px solid #0000;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    block-size: 32px;
    inline-size: 32px;
    padding: 0;
    display: inline-flex;
  }
  .ddga-radio__circle {
    border: 1px solid var(--ddga-gray-500);
    border-radius: var(--ddga-radius-full);
    background-color: var(--ddga-color-background);
    block-size: 24px;
    inline-size: 24px;
    color: var(--ddga-color-primary);
    justify-content: center;
    align-items: center;
    transition: border-color 0.15s, color 0.15s, background-color 0.15s;
    display: inline-flex;
    position: relative;
  }
  .ddga-radio__circle:before {
    content: "";
    z-index: -1;
    border-radius: var(--ddga-radius-full);
    background-color: var(--ddga-gray-100);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s;
    position: absolute;
    inset: -12px;
  }
  .ddga-radio-group:not(.ddga-radio-group--readonly)
    .ddga-radio:not(:disabled):hover
    .ddga-radio__circle:before,
  .ddga-radio-group:not(.ddga-radio-group--readonly)
    .ddga-radio:not(:disabled):active
    .ddga-radio__circle:before {
    opacity: 1;
  }
  .ddga-radio-group:not(.ddga-radio-group--readonly)
    .ddga-radio:not(:disabled)[data-state="unchecked"]:active
    .ddga-radio__circle {
    background-color: var(--ddga-gray-300);
  }
  .ddga-radio[data-state="checked"] .ddga-radio__circle {
    border-color: var(--ddga-color-primary);
    color: var(--ddga-color-primary);
  }
  .ddga-radio-group:not(.ddga-radio-group--readonly)
    .ddga-radio:not(:disabled)[data-state="checked"]:hover
    .ddga-radio__circle {
    border-color: var(--ddga-sa-800);
    color: var(--ddga-sa-800);
  }
  .ddga-radio-group:not(.ddga-radio-group--readonly)
    .ddga-radio:not(:disabled)[data-state="checked"]:active
    .ddga-radio__circle {
    border-color: var(--ddga-color-primary-active);
    color: var(--ddga-color-primary-active);
  }
  .ddga-radio-group--neutral
    .ddga-radio[data-state="checked"]
    .ddga-radio__circle {
    border-color: var(--ddga-gray-950);
    color: var(--ddga-gray-950);
  }
  .ddga-radio-group--neutral:not(.ddga-radio-group--readonly)
    .ddga-radio:not(:disabled)[data-state="checked"]:hover
    .ddga-radio__circle {
    border-color: var(--ddga-gray-600);
    color: var(--ddga-gray-600);
  }
  .ddga-radio-group--neutral:not(.ddga-radio-group--readonly)
    .ddga-radio:not(:disabled)[data-state="checked"]:active
    .ddga-radio__circle {
    border-color: var(--ddga-gray-500);
    color: var(--ddga-gray-500);
  }
  .ddga-radio:focus-visible {
    border-color: var(--ddga-color-focus-ring);
    outline: none;
  }
  .ddga-radio-group--readonly .ddga-radio {
    cursor: default;
  }
  .ddga-radio-group--readonly .ddga-radio__circle {
    border-color: var(--ddga-gray-400);
  }
  .ddga-radio-group--readonly
    .ddga-radio[data-state="checked"]
    .ddga-radio__circle {
    border-color: var(--ddga-gray-400);
    color: var(--ddga-color-primary);
  }
  .ddga-radio-group--readonly.ddga-radio-group--neutral
    .ddga-radio[data-state="checked"]
    .ddga-radio__circle {
    color: var(--ddga-gray-400);
  }
  .ddga-radio-group--readonly .ddga-radio__label {
    cursor: default;
  }
  .ddga-radio-group--error .ddga-radio__circle {
    border-color: var(--ddga-color-error);
  }
  .ddga-radio-group--error
    .ddga-radio[data-state="checked"]
    .ddga-radio__circle {
    border-color: var(--ddga-color-error);
    color: var(--ddga-color-error);
  }
  .ddga-radio-group--error .ddga-radio:focus-visible {
    border-color: var(--ddga-color-error);
  }
  .ddga-radio:disabled {
    cursor: not-allowed;
  }
  .ddga-radio:disabled .ddga-radio__circle {
    border-color: var(--ddga-gray-400);
  }
  .ddga-radio:disabled[data-state="checked"] .ddga-radio__circle {
    border-color: var(--ddga-gray-400);
    color: var(--ddga-gray-400);
  }
  .ddga-radio-row:has(.ddga-radio:disabled) .ddga-radio__label {
    cursor: not-allowed;
    color: var(--ddga-text-tertiary);
  }
  .ddga-radio__indicator {
    justify-content: center;
    align-items: center;
    block-size: 100%;
    inline-size: 100%;
    display: inline-flex;
  }
  .ddga-radio__dot {
    border-radius: var(--ddga-radius-full);
    background-color: currentColor;
    block-size: 16px;
    inline-size: 16px;
  }
  .ddga-radio__label {
    color: var(--ddga-text-primary);
    font-size: var(--ddga-font-size-base);
    cursor: pointer;
    line-height: 1.4;
  }
  [data-theme="dark"] .ddga-radio__circle:before {
    background-color: var(--ddga-gray-700);
  }
  [data-theme="dark"]
    .ddga-radio-group--neutral:not(.ddga-radio-group--readonly)
    .ddga-radio:not(:disabled)[data-state="checked"]
    .ddga-radio__circle {
    border-color: var(--ddga-gray-100);
    color: var(--ddga-gray-100);
  }
  [data-theme="dark"]
    .ddga-radio-group--neutral:not(.ddga-radio-group--readonly)
    .ddga-radio:not(:disabled)[data-state="checked"]:hover
    .ddga-radio__circle {
    border-color: var(--ddga-gray-300);
    color: var(--ddga-gray-300);
  }
  [data-theme="dark"]
    .ddga-radio-group--neutral:not(.ddga-radio-group--readonly)
    .ddga-radio:not(:disabled)[data-state="checked"]:active
    .ddga-radio__circle {
    border-color: var(--ddga-gray-400);
    color: var(--ddga-gray-400);
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-radio__circle,
    .ddga-radio__circle:before {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-radio__circle {
      border: 1px solid canvastext;
    }
    .ddga-radio[data-state="checked"] .ddga-radio__circle {
      border-color: highlight;
    }
    .ddga-radio__dot {
      background-color: highlight;
    }
    .ddga-radio:focus-visible {
      border-color: highlight;
    }
    .ddga-radio:disabled .ddga-radio__circle {
      border-color: graytext;
    }
  }
  .ddga-switch-row {
    align-items: center;
    gap: var(--ddga-space-2);
    display: flex;
  }
  .ddga-switch {
    --ddga-switch-off: var(--ddga-gray-950);
    --ddga-switch-on: var(--ddga-color-primary);
    --ddga-switch-ring: var(--ddga-color-foreground);
    box-sizing: border-box;
    border-radius: var(--ddga-radius-full);
    cursor: pointer;
    background-color: #0000;
    border: none;
    flex-shrink: 0;
    block-size: 24px;
    inline-size: 48px;
    padding: 0;
    transition: background-color 0.15s, box-shadow 0.15s;
    display: inline-block;
    position: relative;
  }
  .ddga-switch[data-state="unchecked"] {
    box-shadow: inset 0 0 0 1px var(--ddga-switch-off);
  }
  .ddga-switch[data-state="checked"] {
    background-color: var(--ddga-switch-on);
  }
  .ddga-switch:hover:not(:disabled) {
    --ddga-switch-off: var(--ddga-gray-600);
    --ddga-switch-on: var(--ddga-sa-800);
  }
  .ddga-switch:active:not(:disabled) {
    --ddga-switch-off: var(--ddga-gray-500);
    --ddga-switch-on: var(--ddga-color-primary-active);
  }
  .ddga-switch[data-state="checked"] {
    --ddga-switch-ring: var(--ddga-text-primary);
  }
  .ddga-switch:before {
    content: "";
    border: 4px solid var(--ddga-color-muted);
    border-radius: var(--ddga-radius-full);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s;
    position: absolute;
    inset: -4px;
  }
  .ddga-switch:hover:not(:disabled):before,
  .ddga-switch:active:not(:disabled):before {
    opacity: 1;
  }
  .ddga-switch:after {
    content: "";
    border: 2px solid var(--ddga-switch-ring);
    border-radius: var(--ddga-radius-xs);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    inset: -4px;
  }
  .ddga-switch:focus-visible {
    outline: none;
  }
  .ddga-switch:focus-visible:before {
    opacity: 0;
  }
  .ddga-switch:focus-visible:after {
    opacity: 1;
  }
  .ddga-switch__thumb {
    border-radius: var(--ddga-radius-full);
    background-color: var(--ddga-switch-off);
    will-change: translate;
    block-size: 16px;
    inline-size: 16px;
    transition: translate 0.15s, background-color 0.15s;
    position: absolute;
    inset-block-start: 4px;
    inset-inline-start: 4px;
    translate: 0;
  }
  .ddga-switch[data-state="checked"] .ddga-switch__thumb {
    background-color: var(--ddga-color-background);
    box-shadow: var(--ddga-shadow-sm);
    translate: 24px;
  }
  [dir="rtl"] .ddga-switch[data-state="checked"] .ddga-switch__thumb {
    translate: -24px;
  }
  .ddga-switch--error {
    --ddga-switch-off: var(--ddga-color-error);
    --ddga-switch-on: var(--ddga-color-error);
    --ddga-switch-ring: var(--ddga-color-error);
  }
  .ddga-switch:disabled {
    cursor: not-allowed;
  }
  .ddga-switch[data-state="unchecked"]:disabled {
    box-shadow: inset 0 0 0 1px var(--ddga-gray-400);
  }
  .ddga-switch[data-state="unchecked"]:disabled .ddga-switch__thumb,
  .ddga-switch[data-state="checked"]:disabled {
    background-color: var(--ddga-gray-300);
  }
  .ddga-switch[data-state="checked"]:disabled .ddga-switch__thumb {
    box-shadow: none;
  }
  .ddga-switch-row:has(.ddga-switch:disabled) .ddga-switch__label {
    cursor: not-allowed;
    color: var(--ddga-text-tertiary);
  }
  .ddga-switch__label {
    color: var(--ddga-text-primary);
    font-size: var(--ddga-font-size-base);
    cursor: pointer;
    line-height: 1.4;
  }
  .ddga-switch__required {
    color: var(--ddga-color-error);
    margin-inline-start: 0.125rem;
  }
  [data-theme="dark"] .ddga-switch {
    --ddga-switch-off: var(--ddga-gray-300);
    --ddga-switch-ring: var(--ddga-gray-100);
  }
  [data-theme="dark"] .ddga-switch:hover:not(:disabled) {
    --ddga-switch-off: var(--ddga-gray-200);
  }
  [data-theme="dark"] .ddga-switch:before {
    border-color: var(--ddga-gray-700);
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-switch,
    .ddga-switch:before,
    .ddga-switch__thumb {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-switch[data-state="unchecked"] {
      box-shadow: inset 0 0 0 1px canvastext;
    }
    .ddga-switch[data-state="checked"] {
      background-color: highlight;
    }
    .ddga-switch__thumb {
      background-color: canvastext;
    }
    .ddga-switch[data-state="checked"] .ddga-switch__thumb {
      background-color: highlighttext;
    }
    .ddga-switch:focus-visible:after {
      border-color: highlight;
    }
    .ddga-switch:disabled[data-state="unchecked"] {
      box-shadow: inset 0 0 0 1px graytext;
    }
  }
  .ddga-content-switcher {
    align-items: stretch;
    inline-size: fit-content;
    display: inline-flex;
  }
  .ddga-content-switcher__item {
    border: 0 solid var(--ddga-color-input);
    background-color: var(--ddga-color-secondary);
    min-inline-size: 76px;
    color: var(--ddga-text-primary);
    font: inherit;
    font-weight: var(--ddga-font-weight-regular);
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    justify-content: center;
    align-items: center;
    transition: background-color 0.15s, color 0.15s;
    display: inline-flex;
  }
  .ddga-content-switcher__item + .ddga-content-switcher__item {
    border-inline-start-width: 0.5px;
  }
  .ddga-content-switcher__item:first-child {
    border-start-start-radius: var(--ddga-radius-md);
    border-end-start-radius: var(--ddga-radius-md);
  }
  .ddga-content-switcher__item:last-child {
    border-start-end-radius: var(--ddga-radius-md);
    border-end-end-radius: var(--ddga-radius-md);
  }
  .ddga-content-switcher__item[data-state="on"] {
    background-color: var(--ddga-color-foreground);
    color: var(--ddga-color-background);
  }
  .ddga-content-switcher--sm .ddga-content-switcher__item {
    block-size: 32px;
    padding-inline: var(--ddga-space-2);
    font-size: var(--ddga-font-size-base);
    line-height: 24px;
  }
  .ddga-content-switcher--md .ddga-content-switcher__item {
    block-size: 40px;
    padding-inline: var(--ddga-space-3);
    font-size: var(--ddga-font-size-lg);
    line-height: 28px;
  }
  .ddga-content-switcher--lg .ddga-content-switcher__item {
    block-size: 48px;
    padding-inline: var(--ddga-space-4);
    font-size: var(--ddga-font-size-xl);
    line-height: 30px;
  }
  .ddga-content-switcher--on-color .ddga-content-switcher__item {
    border-color: var(--ddga-alpha-white-10);
    background-color: var(--ddga-alpha-white-20);
    color: #fff;
  }
  .ddga-content-switcher--on-color
    .ddga-content-switcher__item[data-state="on"] {
    background-color: var(--ddga-color-primary);
    color: var(--ddga-color-primary-foreground);
  }
  .ddga-content-switcher__item:disabled {
    cursor: not-allowed;
    opacity: 0.5;
  }
  .ddga-content-switcher__item:focus-visible {
    z-index: 1;
    outline: 2px solid var(--ddga-text-primary);
    outline-offset: -2px;
    box-shadow: inset 0 0 0 3px var(--ddga-color-background);
    position: relative;
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-content-switcher__item {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-content-switcher__item[data-state="on"] {
      color: highlighttext;
      background-color: highlight;
    }
    .ddga-content-switcher__item:focus-visible {
      outline-color: highlight;
    }
  }
  .ddga-select__label {
    color: var(--ddga-text-primary);
    font-weight: var(--ddga-font-weight-medium);
    font-size: var(--ddga-font-size-sm);
    line-height: 1.4;
  }
  .ddga-select__required {
    color: var(--ddga-color-error);
    margin-inline-start: 0.125rem;
  }
  .ddga-select-trigger {
    justify-content: space-between;
    align-items: center;
    gap: var(--ddga-space-2);
    border: 1px solid var(--ddga-color-input);
    border-radius: var(--ddga-radius-sm);
    background-color: var(--ddga-color-background);
    inline-size: 100%;
    color: var(--ddga-text-primary);
    text-align: start;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
    display: inline-flex;
  }
  .ddga-select-trigger--sm {
    block-size: 32px;
    padding-inline: var(--ddga-space-3);
    font-size: var(--ddga-font-size-sm);
  }
  .ddga-select-trigger--md {
    block-size: 36px;
    padding-inline: var(--ddga-space-4);
    font-size: var(--ddga-font-size-base);
  }
  .ddga-select-trigger:focus-visible {
    border-color: var(--ddga-color-ring);
    box-shadow: 0 0 0 1px var(--ddga-color-ring);
    outline: none;
  }
  .ddga-select-trigger[data-placeholder] {
    color: var(--ddga-text-placeholder);
  }
  .ddga-select-trigger:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: var(--ddga-color-muted);
  }
  .ddga-select-trigger--error {
    border-color: var(--ddga-color-error);
  }
  .ddga-select-trigger--error:focus-visible {
    border-color: var(--ddga-color-error);
    box-shadow: 0 0 0 1px var(--ddga-color-error);
  }
  .ddga-select__icon {
    color: var(--ddga-text-tertiary);
    flex-shrink: 0;
    transition: rotate 0.15s;
  }
  .ddga-select-trigger[data-state="open"] .ddga-select__icon {
    rotate: 180deg;
  }
  .ddga-select-content {
    min-inline-size: var(--radix-select-trigger-width);
    max-block-size: var(--radix-select-content-available-height);
    z-index: var(--ddga-z-popover);
    background-color: var(--ddga-color-background);
    border: 1px solid var(--ddga-color-border);
    border-radius: var(--ddga-radius-md);
    box-shadow: var(--ddga-shadow-md);
    color: var(--ddga-text-primary);
    overflow: hidden;
  }
  .ddga-select-viewport {
    padding: var(--ddga-space-1);
  }
  .ddga-select-item {
    block-size: 32px;
    padding-block: var(--ddga-space-2);
    border-radius: var(--ddga-radius-sm);
    font-size: var(--ddga-font-size-base);
    color: var(--ddga-text-primary);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    outline: none;
    align-items: center;
    padding-inline-start: var(--ddga-space-3);
    padding-inline-end: var(--ddga-space-8);
    line-height: 1.4;
    display: flex;
    position: relative;
  }
  .ddga-select-item[data-highlighted] {
    background-color: var(--ddga-color-muted);
  }
  .ddga-select-item[data-disabled] {
    color: var(--ddga-text-tertiary);
    cursor: not-allowed;
    pointer-events: none;
  }
  .ddga-select-item__indicator {
    color: var(--ddga-color-primary);
    align-items: center;
    display: inline-flex;
    position: absolute;
    inset-inline-end: var(--ddga-space-2);
  }
  .ddga-select-item__check {
    block-size: 1em;
    inline-size: 1em;
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-select-trigger,
    .ddga-select__icon {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-select-trigger {
      border: 1px solid canvastext;
    }
    .ddga-select-trigger:focus-visible {
      outline-offset: 1px;
      outline: 2px solid highlight;
    }
    .ddga-select-trigger:disabled {
      color: graytext;
      border-color: graytext;
    }
    .ddga-select-content {
      border: 1px solid canvastext;
    }
    .ddga-select-item[data-highlighted] {
      color: highlighttext;
      background-color: highlight;
    }
    .ddga-select-item__indicator {
      color: highlighttext;
    }
  }
  .ddga-card {
    --ddga-card-padding: calc(var(--ddga-space-4) - 1px);
    --ddga-card-gap: var(--ddga-space-6);
    gap: var(--ddga-card-gap);
    padding: var(--ddga-card-padding);
    background-color: var(--ddga-color-card);
    color: var(--ddga-color-card-foreground);
    border-radius: var(--ddga-radius-lg);
    flex-direction: column;
    transition: background-color 0.15s, box-shadow 0.15s, border-color 0.15s;
    display: flex;
  }
  .ddga-card--vertical {
    flex-direction: column;
  }
  .ddga-card--horizontal {
    flex-direction: row;
  }
  .ddga-card--default {
    border: 1px solid var(--ddga-color-input);
  }
  .ddga-card--outline {
    border: 1px solid var(--ddga-color-input);
    background-color: #0000;
  }
  .ddga-card--elevated {
    box-shadow: var(--ddga-shadow-md);
    border: 1px solid #0000;
  }
  .ddga-card--filled {
    background-color: var(--ddga-color-muted);
    border: 1px solid #0000;
  }
  .ddga-card--gradient {
    background-image: linear-gradient(
      90deg,
      var(--ddga-sa-600),
      var(--ddga-sa-500)
    );
    color: var(--ddga-color-primary-foreground);
    border: 1px solid #0000;
  }
  .ddga-card--gradient .ddga-card__title,
  .ddga-card--gradient .ddga-card__description,
  .ddga-card--gradient .ddga-card__icon {
    color: inherit;
  }
  .ddga-card--gradient .ddga-card__description {
    opacity: 0.85;
  }
  .ddga-card--ghost {
    background-color: #0000;
    border: 1px solid #0000;
  }
  .ddga-card--plain {
    border: 1px solid #0000;
  }
  .ddga-card--padding-sm {
    --ddga-card-padding: calc(var(--ddga-space-3) - 1px);
  }
  .ddga-card--padding-md {
    --ddga-card-padding: calc(var(--ddga-space-4) - 1px);
  }
  .ddga-card--padding-lg {
    --ddga-card-padding: calc(var(--ddga-space-6) - 1px);
  }
  .ddga-card--center {
    text-align: center;
    align-items: center;
  }
  .ddga-card--center .ddga-card__header,
  .ddga-card--center .ddga-card__content,
  .ddga-card--center .ddga-card__footer {
    justify-content: center;
    align-items: center;
  }
  .ddga-card--center .ddga-card__icon {
    align-self: center;
  }
  .ddga-card--interactive {
    cursor: pointer;
  }
  .ddga-card--interactive:hover,
  .ddga-card--interactive.ddga-card--hovered {
    background-color: var(--ddga-gray-50);
  }
  .ddga-card--interactive.ddga-card--gradient:hover {
    box-shadow: var(--ddga-shadow-lg);
  }
  .ddga-card--interactive:focus-visible,
  .ddga-card--interactive.ddga-card--focused {
    box-shadow: inset 0 0 0 2px var(--ddga-text-primary);
    outline: none;
  }
  .ddga-card--disabled {
    background-color: var(--ddga-gray-200);
    color: var(--ddga-gray-400);
    box-shadow: none;
  }
  .ddga-card--disabled.ddga-card--default,
  .ddga-card--disabled.ddga-card--outline {
    border-color: var(--ddga-gray-400);
  }
  .ddga-card--disabled .ddga-card__title,
  .ddga-card--disabled .ddga-card__description,
  .ddga-card--disabled .ddga-card__content,
  .ddga-card--disabled .ddga-card__icon {
    color: var(--ddga-gray-400);
  }
  .ddga-card--disabled .ddga-card__icon--featured {
    background-color: var(--ddga-gray-100);
  }
  .ddga-card--selectable {
    cursor: pointer;
    position: relative;
  }
  .ddga-card--selectable:not(.ddga-card--disabled):hover,
  .ddga-card--selectable.ddga-card--hovered {
    background-color: var(--ddga-gray-50);
  }
  .ddga-card--selectable.ddga-card--disabled {
    cursor: not-allowed;
  }
  .ddga-card--selectable:focus-visible,
  .ddga-card--selectable.ddga-card--focused {
    box-shadow: inset 0 0 0 2px var(--ddga-text-primary);
    outline: none;
  }
  .ddga-card__select-indicator {
    z-index: 1;
    position: absolute;
    inset-block-start: var(--ddga-space-4);
    inset-inline-end: var(--ddga-space-4);
  }
  .ddga-card__checkbox {
    border: 1px solid var(--ddga-gray-500);
    border-radius: var(--ddga-radius-xs);
    background-color: var(--ddga-color-background);
    justify-content: center;
    align-items: center;
    block-size: 20px;
    inline-size: 20px;
    display: inline-flex;
  }
  .ddga-card__checkbox[data-state="checked"] {
    background-color: var(--ddga-color-primary);
    border-color: var(--ddga-color-primary);
  }
  .ddga-card__checkbox-check {
    color: #fff;
    block-size: 0.875rem;
    inline-size: 0.875rem;
  }
  .ddga-card--disabled .ddga-card__checkbox {
    border-color: var(--ddga-gray-400);
  }
  .ddga-card--disabled .ddga-card__checkbox[data-state="checked"] {
    background-color: var(--ddga-gray-200);
    border-color: var(--ddga-gray-400);
  }
  .ddga-card__expand-row {
    justify-content: flex-end;
    margin-block-start: auto;
    display: flex;
  }
  .ddga-card__chevron {
    block-size: 1.5rem;
    inline-size: 1.5rem;
    transition: transform 0.15s;
  }
  .ddga-card__chevron--up {
    transform: rotate(180deg);
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-card__chevron {
      transition: none;
    }
  }
  .ddga-card__image {
    inline-size: 100%;
    block-size: var(--ddga-card-image-block-size, auto);
    object-fit: cover;
    border-radius: var(--ddga-radius-md);
    aspect-ratio: var(--ddga-card-image-aspect, 16 / 9);
    display: block;
  }
  .ddga-card--horizontal > .ddga-card__image {
    aspect-ratio: auto;
    flex-shrink: 0;
    align-self: stretch;
    block-size: auto;
    inline-size: 40%;
    max-inline-size: 240px;
  }
  .ddga-card--horizontal > :not(.ddga-card__image) {
    flex: auto;
  }
  .ddga-card__header {
    gap: var(--ddga-space-2);
    flex-direction: column;
    display: flex;
  }
  .ddga-card__icon {
    color: var(--ddga-color-primary);
    justify-content: center;
    align-self: start;
    align-items: center;
    display: inline-flex;
  }
  .ddga-card__icon > svg {
    block-size: 1.75rem;
    inline-size: 1.75rem;
  }
  .ddga-card__icon--featured {
    block-size: 48px;
    inline-size: 48px;
    border-radius: var(--ddga-radius-full);
    background-color: var(--ddga-sa-50);
    color: var(--ddga-success-700);
    margin-block-end: var(--ddga-space-4);
  }
  .ddga-card__icon--featured > svg {
    block-size: 1.5rem;
    inline-size: 1.5rem;
  }
  .ddga-card__icon--featured.ddga-card__icon--lg {
    block-size: 56px;
    inline-size: 56px;
  }
  .ddga-card__icon--featured.ddga-card__icon--lg > svg {
    block-size: 1.75rem;
    inline-size: 1.75rem;
  }
  .ddga-card__title {
    font-size: var(--ddga-font-size-lg);
    font-weight: var(--ddga-font-weight-bold);
    color: var(--ddga-gray-800);
    margin: 0;
    line-height: 1.75rem;
  }
  .ddga-card__description {
    font-size: var(--ddga-font-size-base);
    font-weight: var(--ddga-font-weight-regular);
    min-block-size: calc(var(--ddga-card-description-min-lines, 0) * 1.5rem);
    color: var(--ddga-gray-800);
    margin: 0;
    line-height: 1.5rem;
  }
  .ddga-card__description--clamp {
    -webkit-line-clamp: var(--ddga-card-description-clamp);
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .ddga-card__footer {
    align-items: center;
    gap: var(--ddga-space-4);
    display: flex;
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-card {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-card {
      border: 1px solid canvastext;
    }
    .ddga-card--interactive:focus-visible,
    .ddga-card--selectable:focus-visible {
      outline-offset: 2px;
      outline: 2px solid canvastext;
    }
  }
  [data-theme="dark"] .ddga-card--gradient {
    background-image: linear-gradient(
      90deg,
      var(--ddga-sa-700),
      var(--ddga-sa-600)
    );
  }
  [data-theme="dark"] .ddga-card__title,
  [data-theme="dark"] .ddga-card__description {
    color: var(--ddga-color-card-foreground);
  }
  [data-theme="dark"] .ddga-card__icon--featured {
    background-color: color-mix(
      in srgb,
      var(--ddga-color-primary) 22%,
      var(--ddga-color-card)
    );
    color: var(--ddga-color-success);
  }
  [data-theme="dark"] .ddga-card--interactive:hover,
  [data-theme="dark"] .ddga-card--interactive.ddga-card--hovered,
  [data-theme="dark"] .ddga-card--selectable:not(.ddga-card--disabled):hover,
  [data-theme="dark"] .ddga-card--selectable.ddga-card--hovered {
    background-color: color-mix(in srgb, var(--ddga-color-card) 90%, white);
  }
  [data-theme="dark"] .ddga-card--disabled {
    background-color: color-mix(
      in srgb,
      var(--ddga-color-card) 70%,
      var(--ddga-color-background)
    );
    color: var(--ddga-color-muted-foreground);
  }
  [data-theme="dark"] .ddga-card--disabled.ddga-card--default,
  [data-theme="dark"] .ddga-card--disabled.ddga-card--outline {
    border-color: var(--ddga-color-border);
  }
  [data-theme="dark"] .ddga-card--disabled .ddga-card__title,
  [data-theme="dark"] .ddga-card--disabled .ddga-card__description,
  [data-theme="dark"] .ddga-card--disabled .ddga-card__content,
  [data-theme="dark"] .ddga-card--disabled .ddga-card__icon {
    color: var(--ddga-color-muted-foreground);
  }
  [data-theme="dark"] .ddga-card--disabled .ddga-card__icon--featured {
    background-color: var(--ddga-color-muted);
    color: var(--ddga-color-muted-foreground);
  }
  .ddga-tag {
    justify-content: center;
    align-items: center;
    gap: var(--ddga-space-1);
    border-radius: var(--ddga-radius-full);
    font-weight: var(--ddga-font-weight-medium);
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    border: 1px solid #0000;
    font-family: inherit;
    line-height: 1.4;
    display: inline-flex;
  }
  .ddga-tag--sm {
    height: 20px;
    padding-inline: var(--ddga-space-2);
    font-size: var(--ddga-font-size-2xs);
    font-weight: var(--ddga-font-weight-semibold);
  }
  .ddga-tag--md {
    height: 24px;
    padding-inline: var(--ddga-space-2);
    font-size: var(--ddga-font-size-xs);
  }
  .ddga-tag--lg {
    height: 32px;
    padding-inline: var(--ddga-space-3);
    font-size: var(--ddga-font-size-base);
  }
  .ddga-tag--squared {
    border-radius: var(--ddga-radius-sm);
  }
  .ddga-tag--icon-only {
    aspect-ratio: 1;
    padding-inline: 0;
  }
  .ddga-tag--default {
    background-color: var(--ddga-gray-100);
    color: var(--ddga-gray-700);
  }
  .ddga-tag--primary {
    background-color: var(--ddga-color-primary);
    color: var(--ddga-color-primary-foreground);
  }
  .ddga-tag--secondary {
    background-color: var(--ddga-color-secondary);
    color: var(--ddga-color-secondary-foreground);
  }
  .ddga-tag--destructive {
    background-color: var(--ddga-color-destructive);
    color: var(--ddga-color-destructive-foreground);
  }
  .ddga-tag--success {
    background-color: var(--ddga-color-success);
    color: var(--ddga-color-success-foreground);
  }
  .ddga-tag--warning {
    background-color: var(--ddga-color-warning);
    color: var(--ddga-color-warning-foreground);
  }
  .ddga-tag--info {
    background-color: var(--ddga-color-info);
    color: var(--ddga-color-info-foreground);
  }
  .ddga-tag--primary-subtle {
    background-color: var(--ddga-sa-50);
    color: var(--ddga-sa-800);
    border-color: var(--ddga-sa-200);
  }
  .ddga-tag--secondary-subtle {
    background-color: var(--ddga-gray-50);
    color: var(--ddga-gray-800);
    border-color: var(--ddga-gray-200);
  }
  .ddga-tag--destructive-subtle {
    background-color: var(--ddga-error-50);
    color: var(--ddga-error-800);
    border-color: var(--ddga-error-200);
  }
  .ddga-tag--success-subtle {
    background-color: var(--ddga-success-50);
    color: var(--ddga-success-800);
    border-color: var(--ddga-success-200);
  }
  .ddga-tag--warning-subtle {
    background-color: var(--ddga-warning-50);
    color: var(--ddga-warning-800);
    border-color: var(--ddga-warning-200);
  }
  .ddga-tag--info-subtle {
    background-color: var(--ddga-info-50);
    color: var(--ddga-info-800);
    border-color: var(--ddga-info-200);
  }
  .ddga-tag--outline {
    color: var(--ddga-color-foreground);
    border-color: var(--ddga-color-border);
    background-color: #0000;
  }
  .ddga-tag--on-color {
    background-color: var(--ddga-alpha-white-20);
    color: #fff;
  }
  .ddga-tag--outlined {
    background-color: #0000;
  }
  .ddga-tag--outlined.ddga-tag--secondary-subtle {
    border-color: var(--ddga-gray-600);
  }
  .ddga-tag--outlined.ddga-tag--primary-subtle {
    border-color: var(--ddga-sa-700);
  }
  .ddga-tag--outlined.ddga-tag--success-subtle {
    border-color: var(--ddga-success-700);
  }
  .ddga-tag--outlined.ddga-tag--destructive-subtle {
    border-color: var(--ddga-error-700);
  }
  .ddga-tag--outlined.ddga-tag--warning-subtle {
    border-color: var(--ddga-warning-700);
  }
  .ddga-tag--outlined.ddga-tag--info-subtle {
    border-color: var(--ddga-info-700);
  }
  .ddga-tag--outlined.ddga-tag--on-color {
    border-color: var(--ddga-alpha-white-60);
  }
  .ddga-tag__icon {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .ddga-tag__icon > svg,
  .ddga-tag > svg {
    display: block;
  }
  .ddga-tag--sm > svg,
  .ddga-tag--sm > .ddga-tag__icon > svg {
    width: 10px;
    height: 10px;
  }
  .ddga-tag--md > svg,
  .ddga-tag--md > .ddga-tag__icon > svg {
    width: 14px;
    height: 14px;
  }
  .ddga-tag--lg > svg,
  .ddga-tag--lg > .ddga-tag__icon > svg {
    width: 18px;
    height: 18px;
  }
  .ddga-tag svg {
    flex-shrink: 0;
    align-self: center;
  }
  .ddga-tag__close {
    border-radius: var(--ddga-radius-full);
    block-size: 1.5em;
    inline-size: 1.5em;
    color: inherit;
    cursor: pointer;
    font: inherit;
    appearance: none;
    background-color: #0000;
    border: 0;
    justify-content: center;
    align-items: center;
    margin-inline: 0.125em -0.25em;
    padding: 0;
    display: inline-flex;
  }
  .ddga-tag__close > svg {
    block-size: 0.75em;
    inline-size: 0.75em;
  }
  .ddga-tag__close:hover {
    background-color: color-mix(in srgb, currentColor 18%, transparent);
  }
  .ddga-tag__close:focus-visible {
    outline: 2px solid var(--ddga-color-ring);
    outline-offset: 1px;
  }
  [data-theme="dark"] .ddga-tag--default,
  [data-theme="dark"] .ddga-tag--secondary-subtle {
    background-color: var(--ddga-alpha-white-10);
    color: var(--ddga-gray-200);
  }
  [data-theme="dark"] .ddga-tag--primary-subtle {
    color: var(--ddga-sa-200, #b8eacb);
    background-color: #1b835433;
  }
  [data-theme="dark"] .ddga-tag--destructive-subtle {
    color: var(--ddga-error-200, #fecdca);
    background-color: #d92d202e;
  }
  [data-theme="dark"] .ddga-tag--success-subtle {
    color: var(--ddga-success-200, #abefc6);
    background-color: #0794552e;
  }
  [data-theme="dark"] .ddga-tag--warning-subtle {
    color: var(--ddga-warning-200, #fedf89);
    background-color: #dc68032e;
  }
  [data-theme="dark"] .ddga-tag--info-subtle {
    color: var(--ddga-info-200, #b2ddff);
    background-color: #1570ef29;
  }
  [data-theme="dark"] .ddga-tag--secondary-subtle:not(.ddga-tag--outlined),
  [data-theme="dark"] .ddga-tag--primary-subtle:not(.ddga-tag--outlined),
  [data-theme="dark"] .ddga-tag--destructive-subtle:not(.ddga-tag--outlined),
  [data-theme="dark"] .ddga-tag--success-subtle:not(.ddga-tag--outlined),
  [data-theme="dark"] .ddga-tag--warning-subtle:not(.ddga-tag--outlined),
  [data-theme="dark"] .ddga-tag--info-subtle:not(.ddga-tag--outlined) {
    border-color: #0000;
  }
  @media (forced-colors: active) {
    .ddga-tag {
      border: 1px solid canvastext;
    }
  }
  .ddga-status-tag {
    align-items: center;
    gap: var(--ddga-space-2);
    border-radius: var(--ddga-radius-full);
    font-family: inherit;
    font-weight: var(--ddga-font-weight-medium);
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    display: inline-flex;
  }
  .ddga-status-tag--sm {
    height: 20px;
    padding-inline: var(--ddga-space-2);
    font-size: var(--ddga-font-size-2xs);
    font-weight: var(--ddga-font-weight-semibold);
  }
  .ddga-status-tag--md {
    height: 24px;
    padding-inline: var(--ddga-space-2);
    font-size: var(--ddga-font-size-xs);
  }
  .ddga-status-tag--lg {
    height: 32px;
    padding-inline: var(--ddga-space-4);
    font-size: var(--ddga-font-size-base);
  }
  .ddga-status-tag__dot {
    border-radius: var(--ddga-radius-full);
    background-color: var(--ddga-status-tag-dot, currentColor);
    flex-shrink: 0;
    block-size: 10px;
    inline-size: 10px;
  }
  .ddga-status-tag--neutral {
    --ddga-status-tag-dot: var(--ddga-gray-800);
  }
  .ddga-status-tag--info {
    --ddga-status-tag-dot: var(--ddga-info-800);
  }
  .ddga-status-tag--success {
    --ddga-status-tag-dot: var(--ddga-success-800);
  }
  .ddga-status-tag--error {
    --ddga-status-tag-dot: var(--ddga-error-800);
  }
  .ddga-status-tag--warning {
    --ddga-status-tag-dot: var(--ddga-warning-800);
  }
  .ddga-status-tag--subtle.ddga-status-tag--neutral {
    background-color: var(--ddga-gray-50);
    color: var(--ddga-gray-800);
  }
  .ddga-status-tag--subtle.ddga-status-tag--info {
    background-color: var(--ddga-info-50);
    color: var(--ddga-info-800);
  }
  .ddga-status-tag--subtle.ddga-status-tag--success {
    background-color: var(--ddga-success-50);
    color: var(--ddga-success-800);
  }
  .ddga-status-tag--subtle.ddga-status-tag--error {
    background-color: var(--ddga-error-50);
    color: var(--ddga-error-800);
  }
  .ddga-status-tag--subtle.ddga-status-tag--warning {
    background-color: var(--ddga-warning-50);
    color: var(--ddga-warning-800);
  }
  .ddga-status-tag--ghost {
    color: var(--ddga-gray-800);
    background-color: #0000;
  }
  .ddga-status-tag--inverted {
    color: #fff;
  }
  .ddga-status-tag--inverted.ddga-status-tag--neutral {
    background-color: var(--ddga-gray-600);
  }
  .ddga-status-tag--inverted.ddga-status-tag--info {
    background-color: var(--ddga-info-600);
  }
  .ddga-status-tag--inverted.ddga-status-tag--success {
    background-color: var(--ddga-success-700);
  }
  .ddga-status-tag--inverted.ddga-status-tag--error {
    background-color: var(--ddga-error-600);
  }
  .ddga-status-tag--inverted.ddga-status-tag--warning {
    background-color: var(--ddga-warning-700);
  }
  .ddga-status-tag--inverted .ddga-status-tag__dot {
    background-color: var(--ddga-alpha-white-60);
  }
  [data-theme="dark"] .ddga-status-tag--subtle.ddga-status-tag--neutral {
    background-color: var(--ddga-alpha-white-10);
    color: var(--ddga-gray-200);
  }
  [data-theme="dark"] .ddga-status-tag--subtle.ddga-status-tag--info {
    color: var(--ddga-info-200, #b2ddff);
    background-color: #1570ef29;
  }
  [data-theme="dark"] .ddga-status-tag--subtle.ddga-status-tag--success {
    color: var(--ddga-success-200, #abefc6);
    background-color: #0794552e;
  }
  [data-theme="dark"] .ddga-status-tag--subtle.ddga-status-tag--error {
    color: var(--ddga-error-200, #fecdca);
    background-color: #d92d202e;
  }
  [data-theme="dark"] .ddga-status-tag--subtle.ddga-status-tag--warning {
    color: var(--ddga-warning-200, #fedf89);
    background-color: #dc68032e;
  }
  [data-theme="dark"] .ddga-status-tag--ghost {
    color: var(--ddga-gray-200);
  }
  [data-theme="dark"] .ddga-status-tag--subtle,
  [data-theme="dark"] .ddga-status-tag--ghost {
    --ddga-status-tag-dot: currentColor;
  }
  @media (forced-colors: active) {
    .ddga-status-tag {
      border: 1px solid canvastext;
    }
  }
  .ddga-divider {
    --ddga-divider-color: var(--ddga-color-input);
    border: 0;
  }
  .ddga-divider--tone-neutral {
    --ddga-divider-color: var(--ddga-color-input);
  }
  .ddga-divider--tone-primary {
    --ddga-divider-color: var(--ddga-color-primary);
  }
  .ddga-divider--tone-alpha-white {
    --ddga-divider-color: var(--ddga-alpha-white-30);
  }
  .ddga-divider--tone-white {
    --ddga-divider-color: #fff;
  }
  .ddga-divider--horizontal {
    border-block-start: 1px solid var(--ddga-divider-color);
    block-size: 0;
    inline-size: 100%;
    display: block;
  }
  .ddga-divider--vertical {
    vertical-align: middle;
    border-inline-start: 1px solid var(--ddga-divider-color);
    block-size: 100%;
    min-block-size: 1em;
    inline-size: 0;
    display: inline-block;
  }
  .ddga-divider--dashed.ddga-divider--horizontal {
    border-block-start-style: dashed;
  }
  .ddga-divider--dashed.ddga-divider--vertical {
    border-inline-start-style: dashed;
  }
  .ddga-divider--labeled {
    align-items: center;
    gap: var(--ddga-space-3);
    border-block-start: 0;
    block-size: auto;
    display: flex;
  }
  .ddga-divider--labeled:before,
  .ddga-divider--labeled:after {
    content: "";
    border-block-start: 1px solid var(--ddga-divider-color);
    block-size: 0;
  }
  .ddga-divider--labeled.ddga-divider--dashed:before,
  .ddga-divider--labeled.ddga-divider--dashed:after {
    border-block-start-style: dashed;
  }
  .ddga-divider--label-center:before,
  .ddga-divider--label-center:after {
    flex: 1;
  }
  .ddga-divider--label-start:before {
    flex: 0 0 var(--ddga-space-6);
  }
  .ddga-divider--label-start:after,
  .ddga-divider--label-end:before {
    flex: 1;
  }
  .ddga-divider--label-end:after {
    flex: 0 0 var(--ddga-space-6);
  }
  .ddga-divider__label {
    font-size: var(--ddga-font-size-sm);
    color: var(--ddga-text-secondary);
    white-space: nowrap;
  }
  @media (forced-colors: active) {
    .ddga-divider,
    .ddga-divider--labeled:before,
    .ddga-divider--labeled:after {
      border-color: canvastext;
    }
  }
  .ddga-avatar {
    --ddga-avatar-size: 40px;
    --ddga-avatar-font-size: var(--ddga-font-size-sm);
    --ddga-avatar-font-weight: var(--ddga-font-weight-semibold);
    inline-size: var(--ddga-avatar-size);
    block-size: var(--ddga-avatar-size);
    background-color: var(--ddga-color-muted);
    color: var(--ddga-gray-700);
    font-size: var(--ddga-avatar-font-size);
    font-weight: var(--ddga-avatar-font-weight);
    vertical-align: middle;
    box-shadow: 0 0 0 2px var(--ddga-color-background);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    line-height: 1;
    display: inline-flex;
    position: relative;
  }
  .ddga-avatar--xs {
    --ddga-avatar-size: 24px;
    --ddga-avatar-font-size: var(--ddga-font-size-2xs);
    --ddga-avatar-font-weight: var(--ddga-font-weight-bold);
  }
  .ddga-avatar--sm {
    --ddga-avatar-size: 32px;
    --ddga-avatar-font-size: var(--ddga-font-size-xs);
    --ddga-avatar-font-weight: var(--ddga-font-weight-semibold);
  }
  .ddga-avatar--md {
    --ddga-avatar-size: 40px;
    --ddga-avatar-font-size: var(--ddga-font-size-sm);
    --ddga-avatar-font-weight: var(--ddga-font-weight-semibold);
  }
  .ddga-avatar--lg {
    --ddga-avatar-size: 48px;
    --ddga-avatar-font-size: var(--ddga-font-size-base);
    --ddga-avatar-font-weight: var(--ddga-font-weight-medium);
  }
  .ddga-avatar--xl {
    --ddga-avatar-size: 64px;
    --ddga-avatar-font-size: var(--ddga-font-size-xl);
    --ddga-avatar-font-weight: var(--ddga-font-weight-medium);
  }
  .ddga-avatar--2xl {
    --ddga-avatar-size: 80px;
    --ddga-avatar-font-size: var(--ddga-font-size-display-sm);
    --ddga-avatar-font-weight: var(--ddga-font-weight-regular);
  }
  .ddga-avatar--3xl {
    --ddga-avatar-size: 120px;
    --ddga-avatar-font-size: var(--ddga-font-size-display-md);
    --ddga-avatar-font-weight: var(--ddga-font-weight-regular);
    box-shadow: 0 0 0 4px var(--ddga-color-background);
  }
  .ddga-avatar--circle {
    border-radius: var(--ddga-radius-full);
  }
  .ddga-avatar--square {
    border-radius: var(--ddga-radius-sm);
  }
  .ddga-avatar--square.ddga-avatar--3xl {
    border-radius: var(--ddga-radius-md);
  }
  .ddga-avatar__image,
  .ddga-avatar__fallback {
    border-radius: inherit;
    block-size: 100%;
    inline-size: 100%;
  }
  .ddga-avatar__image {
    object-fit: cover;
  }
  .ddga-avatar__fallback {
    background-color: inherit;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .ddga-avatar__fallback--default {
    background-color: var(--ddga-gray-100);
    color: var(--ddga-gray-700);
  }
  .ddga-avatar__fallback--primary {
    background-color: var(--ddga-sa-100);
    color: var(--ddga-sa-800);
  }
  .ddga-avatar__fallback--secondary {
    background-color: var(--ddga-gray-200);
    color: var(--ddga-gray-800);
  }
  .ddga-avatar__fallback--success {
    background-color: var(--ddga-success-100);
    color: var(--ddga-success-700);
  }
  .ddga-avatar__fallback--warning {
    background-color: var(--ddga-warning-100);
    color: var(--ddga-warning-700);
  }
  .ddga-avatar__fallback--destructive {
    background-color: var(--ddga-error-100);
    color: var(--ddga-error-700);
  }
  .ddga-avatar__fallback--info {
    background-color: var(--ddga-info-100);
    color: var(--ddga-info-700);
  }
  .ddga-avatar__status {
    inline-size: calc(var(--ddga-avatar-size) * 0.25);
    block-size: calc(var(--ddga-avatar-size) * 0.25);
    border-radius: var(--ddga-radius-full);
    min-block-size: 8px;
    min-inline-size: 8px;
    box-shadow: 0 0 0 2px var(--ddga-color-background);
    position: absolute;
    inset-block-end: 0;
    inset-inline-end: 0;
  }
  .ddga-avatar__status--online {
    background-color: var(--ddga-color-success);
  }
  .ddga-avatar__status--busy {
    background-color: var(--ddga-color-destructive);
  }
  .ddga-avatar__status--away {
    background-color: var(--ddga-color-warning);
  }
  .ddga-avatar__status--offline {
    background-color: var(--ddga-gray-400);
  }
  .ddga-avatar--square .ddga-avatar__status {
    inset-block-end: 2px;
    inset-inline-end: 2px;
  }
  .ddga-avatar-group {
    align-items: center;
    display: inline-flex;
  }
  .ddga-avatar-group > .ddga-avatar {
    margin-inline-start: calc(var(--ddga-avatar-size) * -0.25);
  }
  .ddga-avatar-group > .ddga-avatar:first-child {
    margin-inline-start: 0;
  }
  [data-theme="dark"] .ddga-avatar__fallback--default {
    background-color: var(--ddga-gray-800);
    color: var(--ddga-gray-200);
  }
  [data-theme="dark"] .ddga-avatar__fallback--primary {
    background-color: var(--ddga-sa-900);
    color: var(--ddga-sa-200);
  }
  [data-theme="dark"] .ddga-avatar__fallback--secondary {
    background-color: var(--ddga-gray-700);
    color: var(--ddga-gray-100);
  }
  [data-theme="dark"] .ddga-avatar__fallback--success {
    background-color: var(--ddga-success-900);
    color: var(--ddga-success-200);
  }
  [data-theme="dark"] .ddga-avatar__fallback--warning {
    background-color: var(--ddga-warning-900);
    color: var(--ddga-warning-200);
  }
  [data-theme="dark"] .ddga-avatar__fallback--destructive {
    background-color: var(--ddga-error-900);
    color: var(--ddga-error-200);
  }
  [data-theme="dark"] .ddga-avatar__fallback--info {
    background-color: var(--ddga-info-900);
    color: var(--ddga-info-200);
  }
  [data-theme="dark"] .ddga-avatar__status--offline {
    background-color: var(--ddga-gray-500);
  }
  @media (forced-colors: active) {
    .ddga-avatar,
    .ddga-avatar__status {
      border: 1px solid canvastext;
    }
    .ddga-avatar-group > .ddga-avatar {
      outline-offset: -1px;
      outline: 2px solid canvastext;
    }
  }
  .ddga-tooltip {
    --ddga-tooltip-surface: #fff;
    --ddga-tooltip-heading: var(--ddga-gray-800);
    --ddga-tooltip-paragraph: var(--ddga-gray-700);
    align-items: flex-start;
    gap: var(--ddga-space-2);
    padding: var(--ddga-space-2);
    background-color: var(--ddga-tooltip-surface);
    border-radius: var(--ddga-radius-sm);
    min-inline-size: 160px;
    max-inline-size: 240px;
    box-shadow: var(--ddga-shadow-lg);
    z-index: var(--ddga-z-popover);
    font-family: inherit;
    animation-duration: 0.15s;
    animation-timing-function: ease;
    display: flex;
  }
  .ddga-tooltip--inverted {
    --ddga-tooltip-surface: var(--ddga-gray-800);
    --ddga-tooltip-heading: var(--ddga-gray-50);
    --ddga-tooltip-paragraph: var(--ddga-gray-100);
  }
  .ddga-tooltip__icon {
    flex-shrink: 0;
    display: flex;
  }
  .ddga-tooltip__glyph-disc {
    fill: #fff;
  }
  .ddga-tooltip__glyph-mark {
    fill: var(--ddga-gray-700);
  }
  .ddga-tooltip__text {
    gap: var(--ddga-space-2);
    min-inline-size: 0;
    font-size: var(--ddga-font-size-xs);
    overflow-wrap: anywhere;
    word-break: break-word;
    flex-direction: column;
    flex: 1 1 0;
    line-height: 18px;
    display: flex;
  }
  .ddga-tooltip__title {
    color: var(--ddga-tooltip-heading);
    font-weight: var(--ddga-font-weight-semibold);
  }
  .ddga-tooltip__body {
    color: var(--ddga-tooltip-paragraph);
    font-weight: var(--ddga-font-weight-regular);
  }
  .ddga-tooltip__arrow {
    fill: var(--ddga-tooltip-surface);
  }
  [data-theme="dark"] .ddga-tooltip:not(.ddga-tooltip--inverted) {
    --ddga-tooltip-surface: var(--ddga-gray-800);
    --ddga-tooltip-heading: var(--ddga-gray-50);
    --ddga-tooltip-paragraph: var(--ddga-gray-100);
  }
  [data-theme="dark"] .ddga-tooltip--inverted {
    --ddga-tooltip-surface: #fff;
    --ddga-tooltip-heading: var(--ddga-gray-800);
    --ddga-tooltip-paragraph: var(--ddga-gray-700);
  }
  .ddga-tooltip[data-state="delayed-open"],
  .ddga-tooltip[data-state="instant-open"] {
    animation-name: ddga-tooltip-in;
  }
  .ddga-tooltip[data-state="closed"] {
    animation-name: ddga-tooltip-out;
  }
  @keyframes ddga-tooltip-in {
    0% {
      opacity: 0;
      transform: translateY(2px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes ddga-tooltip-out {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-tooltip {
      animation-duration: 0s;
    }
  }
  .ddga-tooltip-help {
    padding: var(--ddga-space-1);
    color: inherit;
    cursor: pointer;
    border-radius: var(--ddga-radius-full);
    background: 0 0;
    border: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .ddga-tooltip-help:focus-visible {
    outline: 2px solid var(--ddga-text-primary);
    outline-offset: 2px;
  }
  @media (forced-colors: active) {
    .ddga-tooltip {
      border: 1px solid canvastext;
    }
  }
  .ddga-inline-alert {
    --ddga-inline-alert-stripe: var(--ddga-gray-200);
    --ddga-inline-alert-icon-bg: var(--ddga-gray-50);
    --ddga-inline-alert-icon-fg: var(--ddga-text-primary);
    --ddga-inline-alert-tint-bg: var(--ddga-gray-25);
    --ddga-inline-alert-tint-border: var(--ddga-gray-300);
    --ddga-inline-alert-tint-title: var(--ddga-gray-800);
    gap: var(--ddga-space-4);
    padding-block: var(--ddga-space-4);
    padding-inline: var(--ddga-space-6);
    border: 1px solid var(--ddga-color-input);
    border-radius: var(--ddga-radius-md);
    background-color: #fff;
    flex-direction: column;
    font-family: inherit;
    display: flex;
    position: relative;
    overflow: hidden;
    container-type: inline-size;
  }
  .ddga-inline-alert--color {
    background-color: var(--ddga-inline-alert-tint-bg);
    border-color: var(--ddga-inline-alert-tint-border);
  }
  .ddga-inline-alert--neutral {
    --ddga-inline-alert-stripe: var(--ddga-gray-200);
    --ddga-inline-alert-icon-bg: var(--ddga-gray-50);
    --ddga-inline-alert-icon-fg: var(--ddga-text-primary);
    --ddga-inline-alert-tint-bg: var(--ddga-gray-25);
    --ddga-inline-alert-tint-border: var(--ddga-gray-300);
    --ddga-inline-alert-tint-title: var(--ddga-gray-800);
  }
  .ddga-inline-alert--info {
    --ddga-inline-alert-stripe: var(--ddga-info-600);
    --ddga-inline-alert-icon-bg: var(--ddga-info-50);
    --ddga-inline-alert-icon-fg: var(--ddga-info-700);
    --ddga-inline-alert-tint-bg: var(--ddga-info-25);
    --ddga-inline-alert-tint-border: var(--ddga-info-200);
    --ddga-inline-alert-tint-title: var(--ddga-info-700);
  }
  .ddga-inline-alert--destructive {
    --ddga-inline-alert-stripe: var(--ddga-error-600);
    --ddga-inline-alert-icon-bg: var(--ddga-error-50);
    --ddga-inline-alert-icon-fg: var(--ddga-error-700);
    --ddga-inline-alert-tint-bg: var(--ddga-error-25);
    --ddga-inline-alert-tint-border: var(--ddga-error-200);
    --ddga-inline-alert-tint-title: var(--ddga-error-700);
  }
  .ddga-inline-alert--warning {
    --ddga-inline-alert-stripe: var(--ddga-warning-600);
    --ddga-inline-alert-icon-bg: var(--ddga-warning-50);
    --ddga-inline-alert-icon-fg: var(--ddga-warning-700);
    --ddga-inline-alert-tint-bg: var(--ddga-warning-25);
    --ddga-inline-alert-tint-border: var(--ddga-warning-200);
    --ddga-inline-alert-tint-title: var(--ddga-warning-700);
  }
  .ddga-inline-alert--success {
    --ddga-inline-alert-stripe: var(--ddga-success-600);
    --ddga-inline-alert-icon-bg: var(--ddga-success-50);
    --ddga-inline-alert-icon-fg: var(--ddga-success-700);
    --ddga-inline-alert-tint-bg: var(--ddga-success-25);
    --ddga-inline-alert-tint-border: var(--ddga-success-200);
    --ddga-inline-alert-tint-title: var(--ddga-success-700);
  }
  .ddga-inline-alert__stripe {
    background-color: var(--ddga-inline-alert-stripe);
    opacity: 0.7;
    inline-size: 8px;
    position: absolute;
    inset-block: -1px;
    inset-inline-start: -1px;
  }
  .ddga-inline-alert__header {
    align-items: start;
    column-gap: var(--ddga-space-3);
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "icon text close";
    inline-size: 100%;
    display: grid;
  }
  .ddga-inline-alert__icon {
    border-radius: var(--ddga-radius-full);
    background-color: var(--ddga-inline-alert-icon-bg);
    block-size: 40px;
    inline-size: 40px;
    color: var(--ddga-inline-alert-icon-fg);
    flex-shrink: 0;
    grid-area: icon;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .ddga-inline-alert__icon > svg {
    block-size: 20px;
    inline-size: 20px;
  }
  .ddga-inline-alert__text {
    justify-content: center;
    gap: var(--ddga-space-2);
    word-break: break-word;
    flex-direction: column;
    grid-area: text;
    min-block-size: 40px;
    min-inline-size: 0;
    display: flex;
  }
  .ddga-inline-alert__title {
    font-size: var(--ddga-font-size-base);
    line-height: 1.5rem;
    font-weight: var(--ddga-font-weight-semibold);
    color: var(--ddga-gray-800);
    margin: 0;
  }
  .ddga-inline-alert--color .ddga-inline-alert__title {
    color: var(--ddga-inline-alert-tint-title);
  }
  .ddga-inline-alert__description {
    font-size: var(--ddga-font-size-sm);
    color: var(--ddga-gray-700);
    margin: 0;
    line-height: 1.25rem;
  }
  .ddga-inline-alert__close {
    block-size: 32px;
    inline-size: 32px;
    color: var(--ddga-text-primary);
    border-radius: var(--ddga-radius-sm);
    cursor: pointer;
    background: 0 0;
    border: 0;
    flex-shrink: 0;
    grid-area: close;
    justify-content: center;
    align-items: center;
    padding: 0;
    transition: background-color 0.15s;
    display: inline-flex;
  }
  .ddga-inline-alert__close > svg {
    block-size: 20px;
    inline-size: 20px;
  }
  .ddga-inline-alert__close:hover {
    background-color: var(--ddga-gray-100);
  }
  .ddga-inline-alert__close:focus-visible {
    box-shadow: 0 0 0 2px var(--ddga-text-primary);
    outline: none;
  }
  .ddga-inline-alert__actions {
    gap: var(--ddga-space-2);
    inline-size: 100%;
    padding-inline: var(--ddga-space-10);
    display: flex;
  }
  .ddga-inline-alert__action {
    justify-content: center;
    align-items: center;
    gap: var(--ddga-space-1);
    block-size: 32px;
    padding-inline: var(--ddga-space-3);
    border-radius: var(--ddga-radius-sm);
    font-family: inherit;
    font-size: var(--ddga-font-size-sm);
    line-height: 1.25rem;
    font-weight: var(--ddga-font-weight-medium);
    color: var(--ddga-text-primary);
    white-space: nowrap;
    cursor: pointer;
    background: 0 0;
    border: 0;
    text-decoration: none;
    transition: background-color 0.15s;
    display: inline-flex;
  }
  .ddga-inline-alert__action:hover {
    background-color: var(--ddga-gray-100);
  }
  .ddga-inline-alert__action:focus-visible {
    box-shadow: 0 0 0 2px var(--ddga-text-primary);
    outline: none;
  }
  @container (width<=480px) {
    .ddga-inline-alert {
      padding-inline: var(--ddga-space-4);
    }
    .ddga-inline-alert__stripe {
      block-size: 8px;
      inline-size: auto;
      inset-block: -1px auto;
      inset-inline: -1px;
    }
    .ddga-inline-alert__header {
      row-gap: var(--ddga-space-4);
      grid-template-areas: "icon.close" "text text text";
    }
    .ddga-inline-alert__text {
      gap: var(--ddga-space-1);
      min-block-size: 0;
    }
    .ddga-inline-alert__actions {
      flex-direction: column;
      align-items: stretch;
      padding-inline: 0;
    }
    .ddga-inline-alert__action {
      inline-size: 100%;
    }
    .ddga-inline-alert__action:first-child {
      block-size: 40px;
      padding-inline: var(--ddga-space-4);
      font-size: var(--ddga-font-size-base);
      background-color: var(--ddga-gray-100);
      line-height: 1.5rem;
    }
    .ddga-inline-alert__action:first-child:hover {
      background-color: var(--ddga-gray-200);
    }
  }
  [data-theme="dark"] .ddga-inline-alert--white {
    background-color: var(--ddga-gray-900, #111927);
    border-color: var(--ddga-gray-700);
  }
  [data-theme="dark"] .ddga-inline-alert__title {
    color: var(--ddga-gray-50);
  }
  [data-theme="dark"] .ddga-inline-alert--color {
    --ddga-inline-alert-tint-bg: color-mix(
      in srgb,
      var(--ddga-inline-alert-stripe) 16%,
      transparent
    );
    --ddga-inline-alert-tint-border: color-mix(
      in srgb,
      var(--ddga-inline-alert-stripe) 45%,
      transparent
    );
  }
  [data-theme="dark"] .ddga-inline-alert__description {
    color: var(--ddga-gray-300);
  }
  [data-theme="dark"] .ddga-inline-alert__close,
  [data-theme="dark"] .ddga-inline-alert__action {
    color: var(--ddga-gray-50);
  }
  [data-theme="dark"] .ddga-inline-alert__close:hover,
  [data-theme="dark"] .ddga-inline-alert__action:hover {
    background-color: var(--ddga-gray-800);
  }
  [data-theme="dark"] .ddga-inline-alert__close:focus-visible,
  [data-theme="dark"] .ddga-inline-alert__action:focus-visible {
    box-shadow: 0 0 0 2px var(--ddga-gray-50);
  }
  [data-theme="dark"] .ddga-inline-alert__action:first-child {
    background-color: var(--ddga-gray-800);
  }
  @media (forced-colors: active) {
    .ddga-inline-alert {
      border-color: canvastext;
    }
    .ddga-inline-alert__close:focus-visible,
    .ddga-inline-alert__action:focus-visible {
      box-shadow: none;
      outline: 2px solid highlight;
    }
  }
  .ddga-modal__overlay {
    z-index: var(--ddga-z-overlay);
    background-color: #00000080;
    animation-duration: 0.15s;
    animation-timing-function: ease;
    position: fixed;
    inset: 0;
  }
  .ddga-modal {
    z-index: var(--ddga-z-modal);
    gap: var(--ddga-space-2);
    padding: var(--ddga-space-6);
    background-color: var(--ddga-color-card);
    color: var(--ddga-color-card-foreground);
    border-radius: var(--ddga-radius-md);
    box-shadow: var(--ddga-shadow-3xl);
    flex-direction: column;
    max-block-size: calc(100vh - 2rem);
    inline-size: calc(100vw - 2rem);
    animation-duration: 0.18s;
    animation-timing-function: ease;
    display: flex;
    position: fixed;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%, -50%);
  }
  .ddga-modal--default {
    max-inline-size: 600px;
  }
  .ddga-modal--full {
    block-size: calc(100vh - 2rem);
    max-block-size: calc(100vh - 2rem);
    inline-size: calc(100vw - 2rem);
    max-inline-size: calc(100vw - 2rem);
  }
  .ddga-modal__header {
    gap: var(--ddga-space-2);
    flex-direction: column;
    padding-inline-end: var(--ddga-space-8);
    display: flex;
  }
  .ddga-modal__header:has(.ddga-modal__featured-icon) {
    padding-inline-end: 0;
  }
  .ddga-modal--centered .ddga-modal__header {
    text-align: center;
    align-items: center;
    padding-inline-end: 0;
  }
  .ddga-modal--centered .ddga-modal__body {
    text-align: center;
  }
  .ddga-modal--centered .ddga-modal__footer {
    justify-content: center;
  }
  .ddga-modal__featured-icon {
    border-radius: var(--ddga-radius-full);
    background-color: var(--ddga-gray-50);
    block-size: 2.5rem;
    inline-size: 2.5rem;
    color: var(--ddga-text-primary);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .ddga-modal__featured-icon > svg {
    block-size: 1.25rem;
    inline-size: 1.25rem;
  }
  .ddga-modal__title {
    font-size: var(--ddga-font-size-lg);
    font-weight: var(--ddga-font-weight-semibold);
    color: var(--ddga-gray-800);
    margin: 0;
    line-height: 1.75rem;
  }
  .ddga-modal__description {
    font-size: var(--ddga-font-size-sm);
    font-weight: var(--ddga-font-weight-regular);
    color: var(--ddga-gray-700);
    margin: 0;
    line-height: 1.25rem;
  }
  .ddga-modal__body {
    min-block-size: 0;
    font-size: var(--ddga-font-size-sm);
    color: var(--ddga-gray-700);
    flex: auto;
    padding-block-end: var(--ddga-space-4);
    line-height: 1.25rem;
    overflow-y: auto;
  }
  .ddga-modal__footer {
    justify-content: flex-end;
    align-items: center;
    gap: var(--ddga-space-2);
    display: flex;
  }
  @media (max-width: 480px) {
    .ddga-modal__footer {
      flex-direction: column-reverse;
      align-items: stretch;
    }
  }
  .ddga-modal__close {
    block-size: 2rem;
    inline-size: 2rem;
    color: var(--ddga-text-primary);
    cursor: pointer;
    border-radius: var(--ddga-radius-sm);
    background: 0 0;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    transition: background-color 0.15s, color 0.15s;
    display: inline-flex;
    position: absolute;
    inset-block-start: 0.875rem;
    inset-inline-end: 0.875rem;
  }
  .ddga-modal__close > svg {
    block-size: 1.25rem;
    inline-size: 1.25rem;
  }
  .ddga-modal__close:hover {
    background-color: var(--ddga-color-muted);
  }
  .ddga-modal__close:focus-visible {
    box-shadow: 0 0 0 2px var(--ddga-color-ring);
    outline: none;
  }
  .ddga-modal__overlay[data-state="open"] {
    animation-name: ddga-modal-overlay-in;
  }
  .ddga-modal__overlay[data-state="closed"] {
    animation-name: ddga-modal-overlay-out;
  }
  .ddga-modal[data-state="open"] {
    animation-name: ddga-modal-in;
  }
  .ddga-modal[data-state="closed"] {
    animation-name: ddga-modal-out;
  }
  @keyframes ddga-modal-overlay-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes ddga-modal-overlay-out {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @keyframes ddga-modal-in {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) scale(0.96);
    }
    to {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
    }
  }
  @keyframes ddga-modal-out {
    0% {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
    }
    to {
      opacity: 0;
      transform: translate(-50%, -50%) scale(0.96);
    }
  }
  [data-theme="dark"] .ddga-modal__title {
    color: var(--ddga-text-primary);
  }
  [data-theme="dark"] .ddga-modal__description,
  [data-theme="dark"] .ddga-modal__body {
    color: var(--ddga-text-secondary);
  }
  [data-theme="dark"] .ddga-modal__featured-icon {
    background-color: var(--ddga-alpha-white-10);
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-modal,
    .ddga-modal__overlay {
      animation-duration: 0s;
    }
  }
  @media (forced-colors: active) {
    .ddga-modal {
      border: 1px solid canvastext;
    }
    .ddga-modal__close:focus-visible {
      box-shadow: none;
      outline: 2px solid highlight;
    }
  }
  .ddga-notification-toast-viewport {
    z-index: var(--ddga-z-toast);
    gap: var(--ddga-space-2);
    padding: var(--ddga-space-4);
    pointer-events: none;
    flex-direction: column;
    inline-size: min(484px, 100% - 2rem);
    margin: 0;
    list-style: none;
    display: flex;
    position: fixed;
  }
  .ddga-notification-toast-viewport > * {
    pointer-events: auto;
  }
  .ddga-notification-toast-viewport--containerized {
    position: absolute;
  }
  .ddga-notification-toast-viewport--top-start {
    inset-block-start: 0;
    inset-inline-start: 0;
  }
  .ddga-notification-toast-viewport--top-center {
    top: 0;
    left: 50%;
    transform: translate(-50%);
  }
  .ddga-notification-toast-viewport--top-end {
    inset-block-start: 0;
    inset-inline-end: 0;
  }
  .ddga-notification-toast-viewport--bottom-start {
    flex-direction: column-reverse;
    inset-block-end: 0;
    inset-inline-start: 0;
  }
  .ddga-notification-toast-viewport--bottom-center {
    flex-direction: column-reverse;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
  }
  .ddga-notification-toast-viewport--bottom-end {
    flex-direction: column-reverse;
    inset-block-end: 0;
    inset-inline-end: 0;
  }
  .ddga-notification-toast {
    --ddga-notification-toast-stripe: var(--ddga-gray-200);
    --ddga-notification-toast-icon-bg: var(--ddga-gray-50);
    --ddga-notification-toast-icon-fg: var(--ddga-text-primary);
    pointer-events: auto;
    gap: var(--ddga-space-4);
    inline-size: 100%;
    min-inline-size: 0;
    padding-block: var(--ddga-space-4);
    padding-inline: var(--ddga-space-6);
    border-radius: var(--ddga-radius-md);
    box-shadow: var(--ddga-shadow-3xl);
    background-color: #fff;
    flex-direction: column;
    font-family: inherit;
    display: flex;
    position: relative;
    overflow: hidden;
    container-type: inline-size;
  }
  .ddga-notification-toast--default {
    --ddga-notification-toast-stripe: var(--ddga-gray-200);
    --ddga-notification-toast-icon-bg: var(--ddga-gray-50);
    --ddga-notification-toast-icon-fg: var(--ddga-text-primary);
  }
  .ddga-notification-toast--info {
    --ddga-notification-toast-stripe: var(--ddga-info-600);
    --ddga-notification-toast-icon-bg: var(--ddga-info-50);
    --ddga-notification-toast-icon-fg: var(--ddga-info-700);
  }
  .ddga-notification-toast--success {
    --ddga-notification-toast-stripe: var(--ddga-success-600);
    --ddga-notification-toast-icon-bg: var(--ddga-success-50);
    --ddga-notification-toast-icon-fg: var(--ddga-success-700);
  }
  .ddga-notification-toast--warning {
    --ddga-notification-toast-stripe: var(--ddga-warning-600);
    --ddga-notification-toast-icon-bg: var(--ddga-warning-50);
    --ddga-notification-toast-icon-fg: var(--ddga-warning-700);
  }
  .ddga-notification-toast--destructive {
    --ddga-notification-toast-stripe: var(--ddga-error-600);
    --ddga-notification-toast-icon-bg: var(--ddga-error-50);
    --ddga-notification-toast-icon-fg: var(--ddga-error-700);
  }
  .ddga-notification-toast__stripe {
    background-color: var(--ddga-notification-toast-stripe);
    opacity: 0.7;
    inline-size: 8px;
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
  }
  .ddga-notification-toast__header {
    align-items: start;
    column-gap: var(--ddga-space-3);
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "icon text close";
    inline-size: 100%;
    display: grid;
  }
  .ddga-notification-toast__icon {
    border-radius: var(--ddga-radius-full);
    background-color: var(--ddga-notification-toast-icon-bg);
    block-size: 40px;
    inline-size: 40px;
    color: var(--ddga-notification-toast-icon-fg);
    flex-shrink: 0;
    grid-area: icon;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .ddga-notification-toast__icon > svg {
    block-size: 20px;
    inline-size: 20px;
  }
  .ddga-notification-toast__text {
    justify-content: center;
    gap: var(--ddga-space-2);
    word-break: break-word;
    flex-direction: column;
    grid-area: text;
    min-block-size: 40px;
    min-inline-size: 0;
    display: flex;
  }
  .ddga-notification-toast__title {
    font-size: var(--ddga-font-size-base);
    line-height: 1.5rem;
    font-weight: var(--ddga-font-weight-semibold);
    color: var(--ddga-gray-800);
    margin: 0;
  }
  .ddga-notification-toast__description {
    font-size: var(--ddga-font-size-sm);
    color: var(--ddga-gray-700);
    margin: 0;
    line-height: 1.25rem;
  }
  .ddga-notification-toast__close {
    block-size: 32px;
    inline-size: 32px;
    color: var(--ddga-text-primary);
    border-radius: var(--ddga-radius-sm);
    cursor: pointer;
    background: 0 0;
    border: 0;
    flex-shrink: 0;
    grid-area: close;
    justify-content: center;
    align-items: center;
    padding: 0;
    transition: background-color 0.15s;
    display: inline-flex;
  }
  .ddga-notification-toast__close > svg {
    block-size: 20px;
    inline-size: 20px;
  }
  .ddga-notification-toast__close:hover {
    background-color: var(--ddga-gray-100);
  }
  .ddga-notification-toast__close:focus-visible {
    box-shadow: 0 0 0 2px var(--ddga-text-primary);
    outline: none;
  }
  .ddga-notification-toast__actions {
    gap: var(--ddga-space-2);
    inline-size: 100%;
    padding-inline: var(--ddga-space-10);
    display: flex;
  }
  .ddga-notification-toast__action {
    justify-content: center;
    align-items: center;
    gap: var(--ddga-space-1);
    block-size: 32px;
    padding-inline: var(--ddga-space-3);
    border-radius: var(--ddga-radius-sm);
    font-family: inherit;
    font-size: var(--ddga-font-size-sm);
    line-height: 1.25rem;
    font-weight: var(--ddga-font-weight-medium);
    color: var(--ddga-text-primary);
    white-space: nowrap;
    cursor: pointer;
    background: 0 0;
    border: 0;
    transition: background-color 0.15s;
    display: inline-flex;
  }
  .ddga-notification-toast__action:hover {
    background-color: var(--ddga-gray-100);
  }
  .ddga-notification-toast__action:focus-visible {
    box-shadow: 0 0 0 2px var(--ddga-text-primary);
    outline: none;
  }
  @container (width<=400px) {
    .ddga-notification-toast {
      padding-inline: var(--ddga-space-4);
    }
    .ddga-notification-toast__stripe {
      block-size: 8px;
      inline-size: auto;
      inset-block: 0 auto;
      inset-inline: 0;
    }
    .ddga-notification-toast__header {
      row-gap: var(--ddga-space-4);
      grid-template-areas: "icon.close" "text text text";
    }
    .ddga-notification-toast__text {
      gap: var(--ddga-space-1);
      min-block-size: 0;
    }
    .ddga-notification-toast__actions {
      flex-direction: column;
      align-items: stretch;
      padding-inline: 0;
    }
    .ddga-notification-toast__action {
      inline-size: 100%;
    }
    .ddga-notification-toast__action:first-child {
      block-size: 40px;
      padding-inline: var(--ddga-space-4);
      font-size: var(--ddga-font-size-base);
      background-color: var(--ddga-gray-100);
      line-height: 1.5rem;
    }
    .ddga-notification-toast__action:first-child:hover {
      background-color: var(--ddga-gray-200);
    }
    [data-theme="dark"] .ddga-notification-toast__action:first-child {
      background-color: var(--ddga-gray-800);
    }
    [data-theme="dark"] .ddga-notification-toast__action:first-child:hover {
      background-color: var(--ddga-gray-700);
    }
  }
  .ddga-notification-toast[data-state="open"] {
    animation: 0.22s cubic-bezier(0.16, 1, 0.3, 1) ddga-notification-toast-in;
  }
  .ddga-notification-toast[data-state="closed"] {
    animation: 0.18s forwards ddga-notification-toast-out;
  }
  .ddga-notification-toast-viewport[data-position^="bottom-"]
    .ddga-notification-toast[data-state="open"] {
    animation-name: ddga-notification-toast-slide-up;
  }
  .ddga-notification-toast-viewport[data-position^="top-"]
    .ddga-notification-toast[data-state="open"] {
    animation-name: ddga-notification-toast-slide-down;
  }
  .ddga-notification-toast[data-swipe="move"] {
    transform: translate3d(
      var(--radix-toast-swipe-move-x, 0),
      var(--radix-toast-swipe-move-y, 0),
      0
    );
  }
  .ddga-notification-toast[data-swipe="cancel"] {
    transition: transform 0.2s ease-out;
    transform: translate(0, 0);
  }
  .ddga-notification-toast[data-swipe="end"] {
    animation: 0.18s forwards ddga-notification-toast-out;
  }
  @keyframes ddga-notification-toast-in {
    0% {
      opacity: 0;
      transform: translateY(8px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes ddga-notification-toast-slide-up {
    0% {
      opacity: 0;
      transform: translateY(24px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes ddga-notification-toast-slide-down {
    0% {
      opacity: 0;
      transform: translateY(-24px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes ddga-notification-toast-out {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: scale(0.95);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-notification-toast,
    .ddga-notification-toast[data-state="open"],
    .ddga-notification-toast[data-state="closed"] {
      animation-duration: 1ms;
    }
  }
  [data-theme="dark"] .ddga-notification-toast {
    background-color: var(--ddga-gray-900, #111927);
  }
  [data-theme="dark"] .ddga-notification-toast__title {
    color: var(--ddga-gray-50);
  }
  [data-theme="dark"] .ddga-notification-toast__description {
    color: var(--ddga-gray-300);
  }
  [data-theme="dark"] .ddga-notification-toast__close,
  [data-theme="dark"] .ddga-notification-toast__action {
    color: var(--ddga-gray-50);
  }
  [data-theme="dark"] .ddga-notification-toast__close:hover,
  [data-theme="dark"] .ddga-notification-toast__action:hover {
    background-color: var(--ddga-gray-800);
  }
  [data-theme="dark"] .ddga-notification-toast__close:focus-visible,
  [data-theme="dark"] .ddga-notification-toast__action:focus-visible {
    box-shadow: 0 0 0 2px var(--ddga-gray-50);
  }
  @media (forced-colors: active) {
    .ddga-notification-toast {
      border: 1px solid canvastext;
    }
    .ddga-notification-toast__close:focus-visible,
    .ddga-notification-toast__action:focus-visible {
      box-shadow: none;
      outline: 2px solid highlight;
    }
  }
  .ddga-tabs {
    gap: var(--ddga-space-3);
    color: var(--ddga-text-primary);
    --ddga-tabs-indicator-thickness: 3px;
    flex-direction: column;
    display: flex;
  }
  .ddga-tabs[data-orientation="vertical"] {
    gap: var(--ddga-space-4);
    flex-direction: row;
  }
  .ddga-tabs__list {
    flex-direction: row;
    align-items: stretch;
    display: flex;
    position: relative;
  }
  .ddga-tabs__list[data-orientation="vertical"] {
    flex-direction: column;
    align-items: stretch;
  }
  .ddga-tabs__list[data-orientation="horizontal"]:after {
    content: "";
    block-size: var(--ddga-tabs-indicator-thickness);
    background-color: var(--ddga-color-input);
    border-radius: var(--ddga-radius-full);
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }
  .ddga-tabs__list--full-width {
    inline-size: 100%;
  }
  .ddga-tabs__list--full-width .ddga-tabs__trigger {
    flex: 1;
  }
  .ddga-tabs__list--flush .ddga-tabs__trigger:first-child {
    margin-inline-start: calc(-1 * var(--ddga-tabs-pad-inline, 0px));
  }
  .ddga-tabs__trigger {
    appearance: none;
    justify-content: center;
    align-items: center;
    gap: var(--ddga-space-1);
    border-radius: var(--ddga-radius-sm);
    color: var(--ddga-gray-700);
    white-space: nowrap;
    cursor: pointer;
    background: 0 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.25rem;
    transition: color 0.15s, background-color 0.15s, box-shadow 0.15s;
    display: inline-flex;
    position: relative;
  }
  .ddga-tabs[data-orientation="vertical"] .ddga-tabs__trigger {
    font-weight: 400;
  }
  .ddga-tabs__trigger:after {
    content: "";
    border-radius: var(--ddga-radius-full);
    pointer-events: none;
    background-color: #0000;
    position: absolute;
  }
  .ddga-tabs[data-orientation="horizontal"] .ddga-tabs__trigger:after {
    inset-block-end: 0;
    inset-inline: var(--ddga-tabs-pad-inline);
    block-size: var(--ddga-tabs-indicator-thickness);
  }
  .ddga-tabs[data-orientation="vertical"] .ddga-tabs__trigger:after {
    inset-inline-start: 0;
    inset-block: var(--ddga-space-2);
    inline-size: var(--ddga-tabs-indicator-thickness);
  }
  .ddga-tabs__trigger:hover,
  .ddga-tabs__trigger--hovered,
  .ddga-tabs__trigger:active,
  .ddga-tabs__trigger--pressed {
    color: var(--ddga-text-primary);
  }
  .ddga-tabs__trigger:hover:not([data-state="active"]):not([data-disabled]),
  .ddga-tabs__trigger--hovered:not([data-state="active"]) {
    background-color: var(--ddga-color-muted);
  }
  .ddga-tabs__trigger:active:not([data-state="active"]):not([data-disabled]),
  .ddga-tabs__trigger--pressed:not([data-state="active"]) {
    background-color: var(--ddga-color-border);
  }
  .ddga-tabs__trigger:hover:not([data-state="active"]):after,
  .ddga-tabs__trigger--hovered:not([data-state="active"]):after,
  .ddga-tabs__trigger:active:not([data-state="active"]):after,
  .ddga-tabs__trigger--pressed:not([data-state="active"]):after {
    background-color: var(--ddga-text-primary);
  }
  .ddga-tabs__trigger[data-state="active"] {
    color: var(--ddga-text-primary);
    font-weight: 700;
  }
  .ddga-tabs[data-orientation="vertical"]
    .ddga-tabs__trigger[data-state="active"] {
    font-weight: 600;
  }
  .ddga-tabs__trigger[data-state="active"]:after {
    background-color: var(--ddga-color-primary);
  }
  .ddga-tabs__trigger:focus-visible,
  .ddga-tabs__trigger--focused {
    border-radius: var(--ddga-radius-xs);
    box-shadow: inset 0 0 0 3px var(--ddga-text-primary),
      0 0 0 1px var(--ddga-color-background);
    outline: none;
  }
  .ddga-tabs__trigger[data-disabled],
  .ddga-tabs__trigger[aria-disabled="true"] {
    color: var(--ddga-text-placeholder);
    cursor: not-allowed;
  }
  .ddga-tabs__trigger[data-disabled]:hover,
  .ddga-tabs__trigger[aria-disabled="true"]:hover {
    color: var(--ddga-text-placeholder);
    background-color: #0000;
  }
  .ddga-tabs__trigger[data-disabled]:not([data-state="active"]):after,
  .ddga-tabs__trigger[aria-disabled="true"]:not([data-state="active"]):after {
    background-color: #0000;
  }
  .ddga-tabs__trigger[data-disabled][data-state="active"]:after,
  .ddga-tabs__trigger[aria-disabled="true"][data-state="active"]:after {
    background-color: var(--ddga-text-placeholder);
  }
  .ddga-tabs__icon {
    flex-shrink: 0;
    align-items: center;
    display: inline-flex;
  }
  .ddga-tabs__icon > svg {
    block-size: 1rem;
    inline-size: 1rem;
  }
  .ddga-tabs--sm[data-orientation="horizontal"] .ddga-tabs__trigger {
    padding-block: var(--ddga-space-2);
    padding-inline: var(--ddga-space-3);
    font-size: var(--ddga-font-size-sm);
    --ddga-tabs-pad-inline: var(--ddga-space-3);
  }
  .ddga-tabs--md[data-orientation="horizontal"] .ddga-tabs__trigger {
    padding-block: var(--ddga-space-3);
    padding-inline: var(--ddga-space-4);
    font-size: var(--ddga-font-size-sm);
    --ddga-tabs-pad-inline: var(--ddga-space-4);
  }
  .ddga-tabs--lg[data-orientation="horizontal"] .ddga-tabs__trigger {
    padding-block: var(--ddga-space-4);
    padding-inline: var(--ddga-space-4);
    font-size: var(--ddga-font-size-sm);
    --ddga-tabs-pad-inline: var(--ddga-space-4);
  }
  .ddga-tabs--sm[data-orientation="vertical"] .ddga-tabs__trigger {
    padding-block: var(--ddga-space-0-5);
    padding-inline: var(--ddga-space-1-5);
    font-size: var(--ddga-font-size-sm);
  }
  .ddga-tabs--md[data-orientation="vertical"] .ddga-tabs__trigger {
    padding-block: var(--ddga-space-1-5);
    padding-inline: var(--ddga-space-3);
    font-size: var(--ddga-font-size-sm);
  }
  .ddga-tabs--lg[data-orientation="vertical"] .ddga-tabs__trigger {
    padding-block: var(--ddga-space-2);
    padding-inline: var(--ddga-space-3);
    font-size: var(--ddga-font-size-base);
    line-height: 1.5rem;
  }
  .ddga-tabs--sm .ddga-tabs__trigger--icon-only {
    padding-inline: var(--ddga-space-2);
  }
  .ddga-tabs--md .ddga-tabs__trigger--icon-only {
    padding-inline: var(--ddga-space-3);
  }
  .ddga-tabs--lg .ddga-tabs__trigger--icon-only {
    padding-inline: var(--ddga-space-4);
  }
  .ddga-tabs__list-wrap {
    align-items: stretch;
    inline-size: 100%;
    display: flex;
    position: relative;
  }
  .ddga-tabs__list-wrap:after {
    content: "";
    block-size: var(--ddga-tabs-indicator-thickness);
    background-color: var(--ddga-color-input);
    border-radius: var(--ddga-radius-full);
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }
  .ddga-tabs__list-wrap .ddga-tabs__list:after {
    content: none;
  }
  .ddga-tabs__trigger--overflowed {
    display: none;
  }
  .ddga-tabs__more {
    appearance: none;
    padding-inline: var(--ddga-space-3);
    cursor: pointer;
    background: 0 0;
    border: 0;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    margin: 0;
    margin-inline-start: auto;
    display: inline-flex;
  }
  .ddga-tabs__more-button {
    border-radius: var(--ddga-radius-sm);
    block-size: 2rem;
    inline-size: 2rem;
    color: var(--ddga-gray-700);
    justify-content: center;
    align-items: center;
    transition: color 0.15s, background-color 0.15s;
    display: inline-flex;
  }
  .ddga-tabs__more-icon {
    block-size: 1.25rem;
    inline-size: 1.25rem;
  }
  .ddga-tabs__more:hover .ddga-tabs__more-button {
    background-color: var(--ddga-color-muted);
    color: var(--ddga-text-primary);
  }
  .ddga-tabs__more:active .ddga-tabs__more-button {
    background-color: var(--ddga-color-border);
  }
  .ddga-tabs__more[data-active] .ddga-tabs__more-button,
  .ddga-tabs__more[data-state="open"] .ddga-tabs__more-button {
    background-color: var(--ddga-color-muted);
    color: var(--ddga-text-primary);
  }
  .ddga-tabs__more:focus-visible {
    outline: none;
  }
  .ddga-tabs__more:focus-visible .ddga-tabs__more-button {
    border-radius: var(--ddga-radius-xs);
    box-shadow: inset 0 0 0 1px var(--ddga-color-background),
      0 0 0 3px var(--ddga-text-primary);
  }
  .ddga-tabs__content {
    outline: none;
  }
  .ddga-tabs__content:focus-visible {
    box-shadow: 0 0 0 2px var(--ddga-color-ring);
    border-radius: var(--ddga-radius-sm);
  }
  [data-theme="dark"] .ddga-tabs__trigger,
  [data-theme="dark"] .ddga-tabs__more-button {
    color: var(--ddga-text-secondary);
  }
  [data-theme="dark"] .ddga-tabs__trigger[data-state="active"],
  [data-theme="dark"] .ddga-tabs__trigger:hover,
  [data-theme="dark"] .ddga-tabs__trigger:active,
  [data-theme="dark"] .ddga-tabs__trigger:focus-visible,
  [data-theme="dark"] .ddga-tabs__trigger--hovered,
  [data-theme="dark"] .ddga-tabs__trigger--pressed,
  [data-theme="dark"] .ddga-tabs__trigger--focused,
  [data-theme="dark"] .ddga-tabs__more:hover .ddga-tabs__more-button,
  [data-theme="dark"] .ddga-tabs__more[data-active] .ddga-tabs__more-button {
    color: var(--ddga-text-primary);
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-tabs__trigger,
    .ddga-tabs__more-button {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-tabs__list[data-orientation="horizontal"]:after,
    .ddga-tabs__list-wrap:after {
      background-color: canvastext;
    }
    .ddga-tabs__trigger[data-state="active"] {
      color: highlight;
    }
    .ddga-tabs__trigger[data-state="active"]:after {
      background-color: highlight;
    }
    .ddga-tabs__trigger:focus-visible {
      outline-offset: 2px;
      outline: 2px solid highlight;
    }
  }
  .ddga-breadcrumb {
    color: var(--ddga-gray-700);
    font-family: inherit;
    line-height: 1.4;
  }
  .ddga-breadcrumb__list {
    align-items: center;
    gap: var(--ddga-space-1);
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }
  .ddga-breadcrumb__item {
    align-items: center;
    gap: var(--ddga-space-1);
    display: inline-flex;
  }
  .ddga-breadcrumb__link {
    color: var(--ddga-gray-700);
    border-radius: var(--ddga-radius-sm);
    text-decoration: none;
    transition: color 0.15s;
  }
  .ddga-breadcrumb__link:hover {
    color: var(--ddga-text-primary);
    text-underline-offset: 2px;
    text-decoration: underline;
  }
  .ddga-breadcrumb__link:focus-visible {
    color: var(--ddga-text-primary);
    box-shadow: 0 0 0 2px var(--ddga-color-ring);
    outline: none;
  }
  .ddga-breadcrumb__page {
    color: var(--ddga-gray-400);
    font-weight: var(--ddga-font-weight-regular);
  }
  .ddga-breadcrumb__separator {
    color: var(--ddga-gray-400);
    align-items: center;
    display: inline-flex;
  }
  .ddga-breadcrumb__separator > svg {
    block-size: 1.143em;
    inline-size: 1.143em;
  }
  [dir="rtl"] .ddga-breadcrumb__separator > svg {
    transform: scaleX(-1);
  }
  .ddga-breadcrumb__ellipsis {
    inline-size: 1.5em;
    color: var(--ddga-text-tertiary);
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .ddga-breadcrumb__ellipsis > svg {
    block-size: 1em;
    inline-size: 1em;
  }
  .ddga-breadcrumb__ellipsis-trigger {
    appearance: none;
    font: inherit;
    color: var(--ddga-gray-700);
    cursor: pointer;
    border-radius: var(--ddga-radius-sm);
    background: 0 0;
    border: 0;
    padding: 0;
  }
  .ddga-breadcrumb__ellipsis-trigger:hover {
    color: var(--ddga-text-primary);
  }
  .ddga-breadcrumb__ellipsis-trigger:focus-visible {
    box-shadow: 0 0 0 2px var(--ddga-color-ring);
    outline: none;
  }
  .ddga-breadcrumb--sm {
    font-size: var(--ddga-font-size-xs);
  }
  .ddga-breadcrumb--md {
    font-size: var(--ddga-font-size-sm);
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-breadcrumb__link {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-breadcrumb__link,
    .ddga-breadcrumb__link:hover {
      color: linktext;
    }
    .ddga-breadcrumb__link:focus-visible {
      outline-offset: 2px;
      outline: 2px solid highlight;
    }
    .ddga-breadcrumb__page {
      color: canvastext;
    }
  }
  .ddga-pagination {
    color: var(--ddga-text-primary);
    font-family: inherit;
    line-height: 1.4;
  }
  .ddga-pagination__content {
    align-items: center;
    gap: var(--ddga-space-2);
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }
  .ddga-pagination__item {
    display: inline-flex;
  }
  .ddga-pagination__link {
    box-sizing: border-box;
    min-inline-size: var(--_ddga-pg-box);
    block-size: var(--_ddga-pg-box);
    padding-inline: var(--_ddga-pg-pad);
    border-radius: var(--ddga-radius-sm);
    color: var(--ddga-text-primary);
    cursor: pointer;
    background-color: #0000;
    border: none;
    justify-content: center;
    align-items: center;
    font-family: inherit;
    text-decoration: none;
    transition: background-color 0.15s, border-color 0.15s;
    display: inline-flex;
    position: relative;
  }
  .ddga-pagination__link:hover {
    background-color: var(--ddga-color-muted);
  }
  .ddga-pagination__link:focus-visible {
    box-shadow: inset 0 0 0 2px var(--ddga-text-primary);
    outline: none;
  }
  .ddga-pagination__link[aria-disabled="true"] {
    color: var(--ddga-gray-400);
    pointer-events: none;
  }
  .ddga-pagination__link--active:after {
    content: "";
    inline-size: var(--_ddga-pg-underline-w);
    border-radius: var(--ddga-radius-full);
    background-color: var(--ddga-color-primary);
    block-size: 3px;
    position: absolute;
    inset-block-end: var(--_ddga-pg-underline-bottom);
    inset-inline-start: 50%;
    transform: translate(-50%);
  }
  [dir="rtl"] .ddga-pagination__link--active:after {
    transform: translate(50%);
  }
  .ddga-pagination__nav {
    padding-inline: 0;
  }
  .ddga-pagination__nav-icon {
    block-size: 1.25em;
    inline-size: 1.25em;
  }
  [dir="rtl"] .ddga-pagination__nav-icon {
    transform: scaleX(-1);
  }
  .ddga-pagination__ellipsis,
  .ddga-pagination__overflow {
    box-sizing: border-box;
    border: 1px solid var(--ddga-text-primary);
    border-radius: var(--ddga-radius-sm);
  }
  .ddga-pagination__ellipsis {
    min-inline-size: var(--_ddga-pg-box);
    block-size: var(--_ddga-pg-box);
    color: var(--ddga-text-primary);
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .ddga-pagination__overflow[data-state="open"],
  .ddga-pagination__overflow:focus-visible {
    background-color: var(--ddga-color-muted);
    border-width: 2px;
  }
  .ddga-pagination__overflow:focus-visible {
    box-shadow: none;
  }
  .ddga-pagination__ellipsis-icon {
    block-size: 1em;
    inline-size: 1em;
  }
  .ddga-pagination__menu {
    box-sizing: border-box;
    padding: var(--ddga-space-1);
    background-color: var(--ddga-color-background);
    border: 1px solid var(--ddga-color-input);
    border-radius: var(--ddga-radius-sm);
    box-shadow: var(--ddga-shadow-xl);
    z-index: var(--ddga-z-popover);
    outline: none;
    font-family: inherit;
  }
  .ddga-pagination__menu-item {
    align-items: center;
    gap: var(--ddga-space-2);
    box-sizing: border-box;
    inline-size: 3.75rem;
    padding: var(--ddga-space-2);
    border-radius: var(--ddga-radius-sm);
    color: var(--ddga-text-primary);
    font-size: var(--ddga-font-size-sm);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    outline: none;
    line-height: 1.4;
    display: flex;
  }
  .ddga-pagination__menu-item[data-highlighted] {
    background-color: var(--ddga-color-muted);
  }
  .ddga-pagination__menu-label {
    flex: auto;
    min-inline-size: 0;
  }
  .ddga-pagination__menu-check {
    block-size: 1.25rem;
    inline-size: 1.25rem;
    color: var(--ddga-text-primary);
    flex-shrink: 0;
  }
  @media (forced-colors: active) {
    .ddga-pagination__menu {
      border: 1px solid canvastext;
    }
    .ddga-pagination__menu-item[data-highlighted] {
      color: highlighttext;
      background-color: highlight;
    }
  }
  .ddga-pagination--sm {
    --_ddga-pg-box: 1.5rem;
    --_ddga-pg-pad: var(--ddga-space-1);
    --_ddga-pg-underline-w: 1rem;
    --_ddga-pg-underline-bottom: 1px;
  }
  .ddga-pagination--md {
    --_ddga-pg-box: 2rem;
    --_ddga-pg-pad: 0.375rem;
    --_ddga-pg-underline-w: 1.5rem;
    --_ddga-pg-underline-bottom: 2px;
  }
  .ddga-pagination--lg {
    --_ddga-pg-box: 2.5rem;
    --_ddga-pg-pad: var(--ddga-space-2);
    --_ddga-pg-underline-w: 1.5rem;
    --_ddga-pg-underline-bottom: 3px;
  }
  .ddga-pagination--sm .ddga-pagination__link,
  .ddga-pagination--sm .ddga-pagination__ellipsis {
    font-size: var(--ddga-font-size-sm);
  }
  .ddga-pagination--md .ddga-pagination__link,
  .ddga-pagination--md .ddga-pagination__ellipsis,
  .ddga-pagination--lg .ddga-pagination__link,
  .ddga-pagination--lg .ddga-pagination__ellipsis {
    font-size: var(--ddga-font-size-base);
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-pagination__link {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-pagination__link {
      color: linktext;
    }
    .ddga-pagination__link:focus-visible {
      outline-offset: 2px;
      outline: 2px solid highlight;
    }
    .ddga-pagination__link--active:after {
      background-color: highlight;
    }
    .ddga-pagination__ellipsis,
    .ddga-pagination__overflow {
      border-color: canvastext;
    }
  }
  .ddga-accordion {
    inline-size: 100%;
    color: var(--ddga-text-primary);
    border-block-end: 1px solid var(--ddga-color-input);
    flex-direction: column;
    display: flex;
  }
  .ddga-accordion__item {
    border-block-start: 1px solid var(--ddga-color-input);
  }
  .ddga-accordion__header {
    margin: 0;
    display: flex;
  }
  .ddga-accordion__trigger {
    appearance: none;
    justify-content: flex-start;
    align-items: center;
    gap: var(--ddga-space-4);
    inline-size: 100%;
    padding-inline: var(--ddga-space-4);
    padding-block: var(--ddga-space-4);
    color: var(--ddga-text-primary);
    font-family: inherit;
    font-size: var(--ddga-font-size-base);
    font-weight: var(--ddga-font-weight-semibold);
    text-align: start;
    cursor: pointer;
    background: 0 0;
    border: 0;
    margin: 0;
    line-height: 1.5rem;
    transition: background-color 0.15s;
    display: inline-flex;
  }
  .ddga-accordion__title {
    text-align: start;
    flex: 1 1 0;
    min-inline-size: 0;
  }
  .ddga-accordion__trigger:hover {
    background-color: var(--ddga-color-secondary);
  }
  .ddga-accordion__trigger:active {
    background-color: var(--ddga-color-secondary-hover);
  }
  .ddga-accordion__trigger:focus-visible {
    outline: 2px solid var(--ddga-color-focus-ring);
    outline-offset: -2px;
  }
  .ddga-accordion__trigger:disabled,
  .ddga-accordion__trigger[data-disabled] {
    color: var(--ddga-gray-400);
    cursor: not-allowed;
  }
  .ddga-accordion__trigger:disabled .ddga-accordion__chevron,
  .ddga-accordion__trigger[data-disabled] .ddga-accordion__chevron {
    color: var(--ddga-gray-400);
  }
  .ddga-accordion__chevron {
    block-size: 1rem;
    inline-size: 1rem;
    color: var(--ddga-text-primary);
    flex-shrink: 0;
    transition: transform 0.2s;
  }
  .ddga-accordion__trigger[data-state="open"] .ddga-accordion__chevron {
    transform: rotate(180deg);
  }
  .ddga-accordion--icon-leading .ddga-accordion__chevron {
    order: -1;
  }
  .ddga-accordion__content {
    color: var(--ddga-gray-700);
    overflow: hidden;
  }
  .ddga-accordion__content[data-disabled] {
    color: var(--ddga-gray-400);
  }
  .ddga-accordion__content[data-state="open"] {
    animation: 0.2s ease-out ddga-accordion-down;
  }
  .ddga-accordion__content[data-state="closed"] {
    animation: 0.2s ease-out ddga-accordion-up;
  }
  .ddga-accordion__content-inner {
    padding-block-start: var(--ddga-space-2);
    padding-block-end: var(--ddga-space-6);
    padding-inline-start: var(--ddga-space-4);
    padding-inline-end: var(--ddga-space-12);
    line-height: 1.5rem;
  }
  @keyframes ddga-accordion-down {
    0% {
      block-size: 0;
    }
    to {
      block-size: var(--radix-accordion-content-height);
    }
  }
  @keyframes ddga-accordion-up {
    0% {
      block-size: var(--radix-accordion-content-height);
    }
    to {
      block-size: 0;
    }
  }
  .ddga-accordion--md .ddga-accordion__trigger {
    padding-block: var(--ddga-space-3);
  }
  .ddga-accordion--sm .ddga-accordion__trigger {
    padding-block: var(--ddga-space-2);
  }
  .ddga-accordion--flush .ddga-accordion__trigger {
    padding-inline: 0;
  }
  .ddga-accordion--flush .ddga-accordion__content-inner {
    padding-inline-start: 0;
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-accordion__content[data-state="open"],
    .ddga-accordion__content[data-state="closed"] {
      animation: none;
    }
    .ddga-accordion__chevron {
      transition: none;
    }
  }
  [data-theme="dark"] .ddga-accordion__content {
    color: var(--ddga-gray-300);
  }
  @media (forced-colors: active) {
    .ddga-accordion,
    .ddga-accordion__item {
      border-color: canvastext;
    }
    .ddga-accordion__trigger:focus-visible {
      outline: 2px solid highlight;
    }
  }
  .ddga-progress-indicator {
    --pi-size: 32px;
    margin: 0;
    padding: 0;
    font-family: inherit;
    list-style: none;
    display: flex;
  }
  .ddga-progress-indicator--dot {
    --pi-size: 16px;
  }
  .ddga-progress-indicator--horizontal {
    flex-direction: row;
    align-items: flex-start;
  }
  .ddga-progress-indicator--vertical {
    --pi-v-gap: var(--ddga-space-8);
    gap: var(--pi-v-gap);
    flex-direction: column;
  }
  .ddga-progress-indicator__step {
    gap: var(--ddga-space-2);
    min-inline-size: 0;
    display: flex;
    position: relative;
  }
  .ddga-progress-indicator--horizontal .ddga-progress-indicator__step {
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
  }
  .ddga-progress-indicator--vertical .ddga-progress-indicator__step {
    flex-direction: row;
    align-items: flex-start;
  }
  .ddga-progress-indicator--horizontal
    .ddga-progress-indicator__step:not(:last-child):before {
    content: "";
    block-size: 2px;
    position: absolute;
    inset-block-start: calc(var(--pi-size) / 2 - 1px);
    inset-inline-start: var(--pi-size);
    inset-inline-end: 0;
  }
  .ddga-progress-indicator--vertical
    .ddga-progress-indicator__step:not(:last-child):before {
    content: "";
    inline-size: 2px;
    position: absolute;
    inset-block-start: var(--pi-size);
    inset-block-end: calc(-1 * var(--pi-v-gap));
    inset-inline-start: calc(var(--pi-size) / 2 - 1px);
  }
  .ddga-progress-indicator__step:not(:last-child):before {
    background-color: var(--ddga-color-input);
  }
  .ddga-progress-indicator__step--completed:not(:last-child):before {
    background-color: var(--ddga-color-primary);
  }
  .ddga-progress-indicator__indicator {
    z-index: 1;
    inline-size: var(--pi-size);
    block-size: var(--pi-size);
    border-radius: var(--ddga-radius-full);
    border: 2px solid var(--ddga-color-input);
    background-color: var(--ddga-color-background);
    color: var(--ddga-color-input);
    font-size: var(--ddga-font-size-base);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    line-height: 1;
    transition: background-color 0.15s, border-color 0.15s, color 0.15s,
      box-shadow 0.15s;
    display: inline-flex;
    position: relative;
  }
  .ddga-progress-indicator__indicator-check {
    block-size: 16px;
    inline-size: 16px;
    display: none;
  }
  .ddga-progress-indicator__step--completed
    .ddga-progress-indicator__indicator {
    background-color: var(--ddga-color-primary);
    border-color: var(--ddga-color-primary);
    color: var(--ddga-color-primary-foreground);
  }
  .ddga-progress-indicator__step--completed
    .ddga-progress-indicator__indicator-check {
    display: inline-block;
  }
  .ddga-progress-indicator__step--completed
    .ddga-progress-indicator__indicator-number {
    display: none;
  }
  .ddga-progress-indicator__step--current .ddga-progress-indicator__indicator {
    border-color: var(--ddga-color-primary);
    color: var(--ddga-color-primary);
  }
  .ddga-progress-indicator__step--completed:hover
    .ddga-progress-indicator__indicator {
    background-color: var(--ddga-color-primary-hover);
    border-color: var(--ddga-color-primary-hover);
  }
  .ddga-progress-indicator__step--current:hover
    .ddga-progress-indicator__indicator {
    border-color: var(--ddga-color-primary-hover);
    color: var(--ddga-color-primary-hover);
  }
  .ddga-progress-indicator__step--upcoming:hover
    .ddga-progress-indicator__indicator {
    border-color: var(--ddga-gray-400);
    color: var(--ddga-gray-400);
  }
  .ddga-progress-indicator__content {
    gap: var(--ddga-space-1);
    min-inline-size: 0;
    flex-direction: column;
    padding-inline-end: var(--ddga-space-4);
    display: flex;
  }
  .ddga-progress-indicator--vertical .ddga-progress-indicator__content {
    justify-content: center;
  }
  .ddga-progress-indicator__title {
    color: var(--ddga-gray-800);
    font-size: var(--ddga-font-size-base);
    font-weight: 400;
    line-height: 1.5rem;
    display: block;
  }
  .ddga-progress-indicator__step--current .ddga-progress-indicator__title {
    font-weight: 500;
  }
  .ddga-progress-indicator__description {
    color: var(--ddga-gray-700);
    font-size: var(--ddga-font-size-sm);
    font-weight: 400;
    line-height: 1.25rem;
    display: block;
  }
  .ddga-progress-indicator__step--upcoming .ddga-progress-indicator__title,
  .ddga-progress-indicator__step--upcoming
    .ddga-progress-indicator__description {
    color: var(--ddga-gray-500);
  }
  .ddga-progress-indicator__content a {
    color: inherit;
    text-decoration: none;
  }
  .ddga-progress-indicator__step:has(a, button) {
    cursor: pointer;
  }
  .ddga-progress-indicator__step:has(:focus-visible)
    .ddga-progress-indicator__indicator {
    box-shadow: inset 0 0 0 1px var(--ddga-color-background),
      0 0 0 2px var(--ddga-text-primary);
  }
  .ddga-progress-indicator__step:has(:focus-visible)
    .ddga-progress-indicator__content {
    padding-inline: var(--ddga-space-1);
    outline: 2px solid var(--ddga-text-primary);
    outline-offset: -2px;
  }
  .ddga-progress-indicator--dot .ddga-progress-indicator__indicator-number,
  .ddga-progress-indicator--dot .ddga-progress-indicator__indicator-check {
    display: none;
  }
  .ddga-progress-indicator--dot
    .ddga-progress-indicator__step--completed:not(:hover)
    .ddga-progress-indicator__indicator {
    background-color: var(--ddga-color-primary);
    border-color: var(--ddga-color-primary);
  }
  [data-theme="dark"] .ddga-progress-indicator__title {
    color: var(--ddga-text-primary);
  }
  [data-theme="dark"] .ddga-progress-indicator__description {
    color: var(--ddga-text-secondary);
  }
  [data-theme="dark"]
    .ddga-progress-indicator__step--upcoming
    .ddga-progress-indicator__title,
  [data-theme="dark"]
    .ddga-progress-indicator__step--upcoming
    .ddga-progress-indicator__description {
    color: var(--ddga-text-tertiary);
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-progress-indicator__indicator {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-progress-indicator__indicator {
      color: canvastext;
      border-color: canvastext;
    }
    .ddga-progress-indicator__step--completed
      .ddga-progress-indicator__indicator,
    .ddga-progress-indicator__step--current
      .ddga-progress-indicator__indicator {
      color: highlight;
      border-color: highlight;
    }
    .ddga-progress-indicator__step:not(:last-child):before {
      background-color: canvastext;
    }
    .ddga-progress-indicator__step--completed:not(:last-child):before {
      background-color: highlight;
    }
  }
  .ddga-spinner {
    color: currentColor;
    flex-shrink: 0;
    animation: 0.6s linear infinite ddga-spin;
    display: inline-block;
  }
  .ddga-spinner__arc {
    stroke: currentColor;
  }
  .ddga-spinner__track {
    stroke: color-mix(in srgb, currentColor 12%, transparent);
  }
  .ddga-spinner--neutral .ddga-spinner__arc {
    stroke: var(--ddga-text-primary);
  }
  .ddga-spinner--primary .ddga-spinner__arc {
    stroke: var(--ddga-color-primary);
  }
  .ddga-spinner--neutral .ddga-spinner__track,
  .ddga-spinner--primary .ddga-spinner__track {
    stroke: var(--ddga-color-muted);
  }
  .ddga-spinner--on-color .ddga-spinner__arc {
    stroke: #fff;
  }
  .ddga-spinner--on-color .ddga-spinner__track {
    stroke: var(--ddga-alpha-white-30);
  }
  .ddga-spinner--sm {
    font-size: 1rem;
  }
  .ddga-spinner--md {
    font-size: 1.5rem;
  }
  .ddga-spinner--lg {
    font-size: 2rem;
  }
  .ddga-spinner--xl {
    font-size: 2.5rem;
  }
  @keyframes ddga-spin {
    0% {
      transform: rotate(0);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-spinner {
      animation-duration: 1.5s;
    }
  }
  @media (forced-colors: active) {
    .ddga-spinner__arc {
      stroke: canvastext;
    }
    .ddga-spinner__track {
      stroke: #0000;
    }
  }
  .ddga-skeleton {
    border-radius: var(--ddga-radius-sm);
    background-image: linear-gradient(
      to right,
      color-mix(in srgb, var(--ddga-gray-200) 20%, transparent),
      color-mix(in srgb, var(--ddga-gray-300) 20%, transparent) 25%,
      color-mix(in srgb, var(--ddga-gray-400) 20%, transparent) 50%,
      color-mix(in srgb, var(--ddga-gray-300) 20%, transparent) 75%,
      color-mix(in srgb, var(--ddga-gray-200) 20%, transparent)
    );
    background-position: 0 0;
    background-size: 200% 100%;
    display: block;
    position: relative;
    overflow: hidden;
  }
  .ddga-skeleton--text {
    border-radius: var(--ddga-radius-md);
    width: 100%;
    height: 1em;
  }
  .ddga-skeleton--rectangle {
    border-radius: var(--ddga-radius-sm);
    width: 100%;
    height: 40px;
  }
  .ddga-skeleton--circle {
    aspect-ratio: 1;
    border-radius: var(--ddga-radius-full);
    width: 40px;
  }
  .ddga-skeleton--square {
    aspect-ratio: 1;
    border-radius: var(--ddga-radius-lg);
    width: 40px;
  }
  .ddga-skeleton--shimmer {
    animation: 1.6s ease-in-out infinite alternate ddga-skeleton-shimmer;
  }
  @keyframes ddga-skeleton-shimmer {
    0% {
      background-position: 0 0;
    }
    to {
      background-position: 100% 0;
    }
  }
  [dir="rtl"] .ddga-skeleton--shimmer {
    animation-name: ddga-skeleton-shimmer-rtl;
  }
  @keyframes ddga-skeleton-shimmer-rtl {
    0% {
      background-position: 100% 0;
    }
    to {
      background-position: 0 0;
    }
  }
  .ddga-skeleton--none {
    animation: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-skeleton--shimmer {
      animation: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-skeleton {
      border: 1px solid graytext;
    }
  }
  .ddga-progress {
    gap: var(--ddga-space-1);
    flex-direction: column;
    inline-size: 100%;
    display: flex;
  }
  .ddga-progress--primary {
    --ddga-progress-fill: var(--ddga-color-primary);
  }
  .ddga-progress--neutral {
    --ddga-progress-fill: var(--ddga-gray-700);
  }
  .ddga-progress--success {
    --ddga-progress-fill: var(--ddga-color-success);
  }
  .ddga-progress--error {
    --ddga-progress-fill: var(--ddga-color-destructive);
  }
  .ddga-progress__label {
    gap: var(--ddga-space-1);
    color: var(--ddga-text-primary);
    font-size: var(--ddga-font-size-base);
    align-items: flex-end;
    line-height: 1.5;
    display: inline-flex;
  }
  .ddga-progress--sm .ddga-progress__label {
    font-size: var(--ddga-font-size-sm);
  }
  .ddga-progress__required {
    color: var(--ddga-error-700);
  }
  .ddga-progress__track {
    background-color: var(--ddga-gray-100);
    border-radius: var(--ddga-radius-sm);
    inline-size: 100%;
    position: relative;
    overflow: clip;
  }
  .ddga-progress--sm .ddga-progress__track {
    block-size: 4px;
  }
  .ddga-progress--md .ddga-progress__track {
    block-size: 8px;
  }
  .ddga-progress--lg .ddga-progress__track {
    border-radius: var(--ddga-radius-md);
    block-size: 16px;
  }
  .ddga-progress--success .ddga-progress__track,
  .ddga-progress--error .ddga-progress__track {
    background-color: var(--ddga-gray-300);
  }
  .ddga-progress__indicator {
    background-color: var(--ddga-progress-fill, var(--ddga-color-primary));
    border-radius: inherit;
    block-size: 100%;
    inline-size: 100%;
    transition: inline-size 0.2s ease-out;
  }
  .ddga-progress--lg .ddga-progress__indicator {
    padding-inline: var(--ddga-space-2);
    justify-content: flex-end;
    align-items: center;
    display: flex;
    overflow: clip;
  }
  .ddga-progress__value {
    color: #fff;
    font-size: var(--ddga-font-size-xs);
    white-space: nowrap;
    line-height: 1.5;
  }
  .ddga-progress__track[data-state="indeterminate"] .ddga-progress__indicator {
    inline-size: 40%;
    transition: none;
    animation: 1.4s cubic-bezier(0.65, 0.05, 0.36, 1) infinite
      ddga-progress-slide;
    transform: translate(-100%);
  }
  @keyframes ddga-progress-slide {
    0% {
      transform: translate(-100%);
    }
    to {
      transform: translate(350%);
    }
  }
  [dir="rtl"]
    .ddga-progress__track[data-state="indeterminate"]
    .ddga-progress__indicator {
    animation-name: ddga-progress-slide-rtl;
  }
  @keyframes ddga-progress-slide-rtl {
    0% {
      transform: translate(100%);
    }
    to {
      transform: translate(-350%);
    }
  }
  .ddga-progress__helper {
    gap: var(--ddga-space-2);
    align-items: center;
    display: flex;
  }
  .ddga-progress__helper-icon {
    block-size: 16px;
    inline-size: 16px;
    font-size: var(--ddga-font-size-base);
    color: var(--ddga-gray-700);
    flex-shrink: 0;
    display: inline-flex;
  }
  .ddga-progress__helper-icon > svg {
    display: block;
  }
  .ddga-progress__helper-text {
    color: var(--ddga-gray-700);
    font-size: var(--ddga-font-size-sm);
    line-height: 1.43;
  }
  .ddga-progress--sm .ddga-progress__helper-text {
    font-size: var(--ddga-font-size-xs);
  }
  .ddga-progress--success .ddga-progress__helper-text {
    color: var(--ddga-success-700);
  }
  .ddga-progress--error .ddga-progress__helper-text {
    color: var(--ddga-error-700);
  }
  .ddga-progress__badge,
  .ddga-circular-progress__badge {
    border-radius: var(--ddga-radius-full);
    color: #fff;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .ddga-progress__badge > svg,
  .ddga-circular-progress__badge > svg {
    block-size: 66%;
    inline-size: 66%;
  }
  .ddga-progress__badge {
    block-size: 16px;
    inline-size: 16px;
  }
  .ddga-circular-progress__badge {
    block-size: 25.5%;
    inline-size: 25.5%;
  }
  .ddga-progress__badge--success,
  .ddga-circular-progress__badge--success {
    background-color: var(--ddga-success-700);
  }
  .ddga-progress__badge--error,
  .ddga-circular-progress__badge--error {
    background-color: var(--ddga-error-700);
  }
  .ddga-circular-progress {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
  }
  .ddga-circular-progress--primary {
    --ddga-progress-fill: var(--ddga-color-primary);
  }
  .ddga-circular-progress--neutral {
    --ddga-progress-fill: var(--ddga-gray-700);
  }
  .ddga-circular-progress--success {
    --ddga-progress-fill: var(--ddga-color-success);
  }
  .ddga-circular-progress--error {
    --ddga-progress-fill: var(--ddga-color-destructive);
  }
  .ddga-circular-progress__svg {
    display: block;
  }
  .ddga-circular-progress__track {
    stroke: var(--ddga-gray-100);
  }
  .ddga-circular-progress__indicator {
    stroke: var(--ddga-progress-fill, var(--ddga-color-primary));
    transition: stroke-dashoffset 0.2s ease-out;
  }
  .ddga-circular-progress__segment {
    stroke: var(--ddga-gray-100);
    transition: stroke 0.2s;
  }
  .ddga-circular-progress__segment--filled {
    stroke: var(--ddga-progress-fill, var(--ddga-color-primary));
  }
  .ddga-circular-progress[data-state="indeterminate"]:not([data-segmented])
    .ddga-circular-progress__svg {
    transition: none;
    animation: 1.4s linear infinite ddga-circular-progress-spin;
  }
  @keyframes ddga-circular-progress-spin {
    to {
      transform: rotate(360deg);
    }
  }
  .ddga-circular-progress__label {
    justify-content: center;
    align-items: center;
    gap: var(--ddga-space-0-5);
    text-align: center;
    color: var(--ddga-gray-700);
    flex-direction: column;
    display: flex;
    position: absolute;
    inset: 0;
  }
  .ddga-circular-progress--success .ddga-circular-progress__label {
    color: var(--ddga-success-700);
  }
  .ddga-circular-progress--error .ddga-circular-progress__label {
    color: var(--ddga-error-700);
  }
  .ddga-circular-progress__value {
    font-weight: var(--ddga-font-weight-bold);
    white-space: nowrap;
    line-height: 1.2;
  }
  .ddga-circular-progress__text {
    font-weight: var(--ddga-font-weight-regular);
    line-height: 1.4;
  }
  .ddga-circular-progress--sm .ddga-circular-progress__value {
    font-size: var(--ddga-font-size-sm);
  }
  .ddga-circular-progress--md .ddga-circular-progress__value {
    font-size: var(--ddga-font-size-lg);
  }
  .ddga-circular-progress--lg .ddga-circular-progress__value {
    font-size: var(--ddga-font-size-2xl);
  }
  .ddga-circular-progress--xl .ddga-circular-progress__value {
    font-size: 1.875rem;
  }
  .ddga-circular-progress--2xl .ddga-circular-progress__value {
    letter-spacing: -0.02em;
    font-size: 2.25rem;
  }
  .ddga-circular-progress--sm .ddga-circular-progress__text,
  .ddga-circular-progress--md .ddga-circular-progress__text,
  .ddga-circular-progress--lg .ddga-circular-progress__text {
    font-size: var(--ddga-font-size-sm);
  }
  .ddga-circular-progress--xl .ddga-circular-progress__text {
    font-size: var(--ddga-font-size-base);
  }
  .ddga-circular-progress--2xl .ddga-circular-progress__text {
    font-size: var(--ddga-font-size-xl);
  }
  [data-theme="dark"] .ddga-progress__track,
  [data-theme="dark"] .ddga-progress--success .ddga-progress__track,
  [data-theme="dark"] .ddga-progress--error .ddga-progress__track {
    background-color: var(--ddga-color-border);
  }
  [data-theme="dark"] .ddga-circular-progress__track,
  [data-theme="dark"] .ddga-circular-progress__segment {
    stroke: var(--ddga-color-border);
  }
  [data-theme="dark"] .ddga-progress__helper-icon,
  [data-theme="dark"] .ddga-progress__helper-text,
  [data-theme="dark"] .ddga-circular-progress__label {
    color: var(--ddga-text-secondary);
  }
  [data-theme="dark"] .ddga-progress--success .ddga-progress__helper-text {
    color: var(--ddga-success-700);
  }
  [data-theme="dark"] .ddga-progress--error .ddga-progress__helper-text {
    color: var(--ddga-error-700);
  }
  [data-theme="dark"]
    .ddga-circular-progress--success
    .ddga-circular-progress__label {
    color: var(--ddga-success-700);
  }
  [data-theme="dark"]
    .ddga-circular-progress--error
    .ddga-circular-progress__label {
    color: var(--ddga-error-700);
  }
  [data-theme="dark"] .ddga-progress--neutral,
  [data-theme="dark"] .ddga-circular-progress--neutral {
    --ddga-progress-fill: var(--ddga-text-secondary);
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-progress__track[data-state="indeterminate"] .ddga-progress__indicator,
    .ddga-circular-progress[data-state="indeterminate"]
      .ddga-circular-progress__svg {
      animation: none;
    }
    .ddga-progress__indicator,
    .ddga-circular-progress__indicator,
    .ddga-circular-progress__segment {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-progress__track {
      border: 1px solid canvastext;
    }
    .ddga-progress__indicator {
      background-color: highlight;
    }
    .ddga-circular-progress__track,
    .ddga-circular-progress__segment {
      stroke: graytext;
    }
    .ddga-circular-progress__indicator,
    .ddga-circular-progress__segment--filled {
      stroke: highlight;
    }
  }
  .ddga-dropdown-menu {
    min-inline-size: 192px;
    max-inline-size: 320px;
    padding: var(--ddga-space-2);
    background-color: var(--ddga-color-background);
    color: var(--ddga-text-primary);
    border: 1px solid var(--ddga-color-input);
    border-radius: var(--ddga-radius-md);
    box-shadow: var(--ddga-shadow-2xl);
    z-index: var(--ddga-z-popover);
    outline: none;
    font-family: inherit;
    overflow: clip;
  }
  .ddga-dropdown-menu[data-state="open"] {
    animation: 0.12s cubic-bezier(0.16, 1, 0.3, 1) ddga-dropdown-menu-in;
  }
  .ddga-dropdown-menu[data-state="closed"] {
    animation: 80ms ease-in ddga-dropdown-menu-out;
  }
  @keyframes ddga-dropdown-menu-in {
    0% {
      opacity: 0;
      transform: translateY(-2px) scale(0.98);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  @keyframes ddga-dropdown-menu-out {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  .ddga-dropdown-menu__item {
    align-items: center;
    gap: var(--ddga-space-2);
    inline-size: 100%;
    padding: var(--ddga-space-2);
    border-radius: var(--ddga-radius-sm);
    color: var(--ddga-text-primary);
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    display: flex;
  }
  .ddga-dropdown-menu__item:hover {
    background-color: var(--ddga-gray-100);
  }
  .ddga-dropdown-menu__item[data-highlighted]:not(:hover):not(
      [data-state="open"]
    ) {
    outline: 2px solid var(--ddga-text-primary);
    outline-offset: -2px;
  }
  .ddga-dropdown-menu__item:active {
    background-color: var(--ddga-gray-200);
  }
  .ddga-dropdown-menu__item[data-disabled] {
    color: var(--ddga-gray-400);
    pointer-events: none;
  }
  .ddga-dropdown-menu__item[data-state="checked"] {
    background-color: var(--ddga-sa-50);
    color: var(--ddga-color-primary);
  }
  .ddga-dropdown-menu__item[data-destructive] {
    color: var(--ddga-color-destructive);
  }
  .ddga-dropdown-menu__item[data-destructive]:hover,
  .ddga-dropdown-menu__item[data-destructive][data-highlighted] {
    background-color: var(--ddga-error-50);
  }
  .ddga-dropdown-menu__label {
    min-inline-size: 0;
    font-size: var(--ddga-font-size-base);
    line-height: 1.5;
    font-weight: var(--ddga-font-weight-regular);
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: auto;
    overflow: hidden;
  }
  .ddga-dropdown-menu__icon {
    block-size: 24px;
    inline-size: 24px;
    color: inherit;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .ddga-dropdown-menu__icon > svg {
    block-size: 24px;
    inline-size: 24px;
  }
  .ddga-dropdown-menu__trailing {
    min-block-size: 24px;
    color: inherit;
    flex-shrink: 0;
    align-items: center;
    margin-inline-start: auto;
    display: inline-flex;
  }
  .ddga-dropdown-menu__indicator {
    block-size: 24px;
    inline-size: 24px;
    color: inherit;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    margin-inline-start: auto;
    display: inline-flex;
  }
  .ddga-dropdown-menu__indicator-icon {
    block-size: 24px;
    inline-size: 24px;
  }
  .ddga-dropdown-menu__item--sub[data-state="open"] {
    background-color: var(--ddga-gray-100);
  }
  .ddga-dropdown-menu__sub-chevron {
    block-size: 24px;
    inline-size: 24px;
    color: inherit;
    flex-shrink: 0;
    margin-inline-start: auto;
  }
  [dir="rtl"] .ddga-dropdown-menu__sub-chevron {
    transform: scaleX(-1);
  }
  .ddga-dropdown-menu__group-label {
    padding-block: var(--ddga-space-2) var(--ddga-space-3);
    padding-inline: var(--ddga-space-2) var(--ddga-space-4);
    font-size: var(--ddga-font-size-xs);
    line-height: 1.5;
    font-weight: var(--ddga-font-weight-bold);
    color: var(--ddga-gray-800);
  }
  .ddga-dropdown-menu__separator {
    block-size: 1px;
    margin-block: var(--ddga-space-2);
    margin-inline: calc(var(--ddga-space-2) * -1);
    background-color: var(--ddga-color-input);
  }
  [data-theme="dark"] .ddga-dropdown-menu__item:hover,
  [data-theme="dark"] .ddga-dropdown-menu__item--sub[data-state="open"] {
    background-color: var(--ddga-color-muted);
  }
  [data-theme="dark"] .ddga-dropdown-menu__item:active {
    background-color: var(--ddga-color-border);
  }
  [data-theme="dark"] .ddga-dropdown-menu__item[data-state="checked"] {
    color: var(--ddga-sa-400);
    background-color: #1b83542e;
  }
  [data-theme="dark"]
    .ddga-dropdown-menu__item[data-destructive][data-highlighted],
  [data-theme="dark"] .ddga-dropdown-menu__item[data-destructive]:hover {
    color: var(--ddga-error-200, #fecdca);
    background-color: #d92d203d;
  }
  @media (forced-colors: active) {
    .ddga-dropdown-menu {
      border: 1px solid canvastext;
    }
    .ddga-dropdown-menu__item:hover,
    .ddga-dropdown-menu__item[data-highlighted] {
      color: highlighttext;
      background-color: highlight;
    }
    .ddga-dropdown-menu__item:focus-visible {
      outline-color: highlight;
    }
    .ddga-dropdown-menu__separator {
      background-color: canvastext;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-dropdown-menu[data-state="open"],
    .ddga-dropdown-menu[data-state="closed"] {
      animation: none;
    }
  }
  .ddga-drawer__overlay {
    z-index: var(--ddga-z-overlay);
    background-color: #00000080;
    animation-duration: 0.15s;
    animation-timing-function: ease;
    position: fixed;
    inset: 0;
  }
  .ddga-drawer__overlay[data-state="open"] {
    animation-name: ddga-drawer-overlay-in;
  }
  .ddga-drawer__overlay[data-state="closed"] {
    animation-name: ddga-drawer-overlay-out;
  }
  @keyframes ddga-drawer-overlay-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes ddga-drawer-overlay-out {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  .ddga-drawer {
    z-index: var(--ddga-z-modal);
    background-color: var(--ddga-color-card);
    color: var(--ddga-color-card-foreground);
    border: 1px solid var(--ddga-color-border);
    box-shadow: var(--ddga-shadow-lg);
    flex-direction: column;
    animation-duration: 0.22s;
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    position: fixed;
    overflow: hidden;
  }
  .ddga-drawer--start {
    border-inline-end: 1px solid var(--ddga-color-border);
    border-inline-start: 0;
    inset-block: 0;
    inset-inline-start: 0;
  }
  .ddga-drawer--end {
    border-inline-start: 1px solid var(--ddga-color-border);
    border-inline-end: 0;
    inset-block: 0;
    inset-inline-end: 0;
  }
  .ddga-drawer--top {
    border-block-end: 1px solid var(--ddga-color-border);
    border-block-start: 0;
    inset-block-start: 0;
    inset-inline: 0;
  }
  .ddga-drawer--bottom {
    border-block-start: 1px solid var(--ddga-color-border);
    border-block-end: 0;
    inset-block-end: 0;
    inset-inline: 0;
  }
  .ddga-drawer--sm.ddga-drawer--start,
  .ddga-drawer--sm.ddga-drawer--end {
    inline-size: min(320px, 100vw);
  }
  .ddga-drawer--md.ddga-drawer--start,
  .ddga-drawer--md.ddga-drawer--end {
    inline-size: min(420px, 100vw);
  }
  .ddga-drawer--lg.ddga-drawer--start,
  .ddga-drawer--lg.ddga-drawer--end {
    inline-size: min(560px, 100vw);
  }
  .ddga-drawer--full.ddga-drawer--start,
  .ddga-drawer--full.ddga-drawer--end {
    inline-size: 100vw;
  }
  .ddga-drawer--sm.ddga-drawer--top,
  .ddga-drawer--sm.ddga-drawer--bottom {
    block-size: min(240px, 100vh);
  }
  .ddga-drawer--md.ddga-drawer--top,
  .ddga-drawer--md.ddga-drawer--bottom {
    block-size: min(360px, 100vh);
  }
  .ddga-drawer--lg.ddga-drawer--top,
  .ddga-drawer--lg.ddga-drawer--bottom {
    block-size: min(520px, 100vh);
  }
  .ddga-drawer--full.ddga-drawer--top,
  .ddga-drawer--full.ddga-drawer--bottom {
    block-size: 100vh;
  }
  .ddga-drawer--start[data-state="open"] {
    animation-name: ddga-drawer-slide-in-start;
  }
  .ddga-drawer--start[data-state="closed"] {
    animation-name: ddga-drawer-slide-out-start;
  }
  .ddga-drawer--end[data-state="open"] {
    animation-name: ddga-drawer-slide-in-end;
  }
  .ddga-drawer--end[data-state="closed"] {
    animation-name: ddga-drawer-slide-out-end;
  }
  .ddga-drawer--top[data-state="open"] {
    animation-name: ddga-drawer-slide-in-top;
  }
  .ddga-drawer--top[data-state="closed"] {
    animation-name: ddga-drawer-slide-out-top;
  }
  .ddga-drawer--bottom[data-state="open"] {
    animation-name: ddga-drawer-slide-in-bottom;
  }
  .ddga-drawer--bottom[data-state="closed"] {
    animation-name: ddga-drawer-slide-out-bottom;
  }
  @keyframes ddga-drawer-slide-in-start {
    0% {
      transform: translate(-100%);
    }
    to {
      transform: translate(0);
    }
  }
  @keyframes ddga-drawer-slide-out-start {
    0% {
      transform: translate(0);
    }
    to {
      transform: translate(-100%);
    }
  }
  @keyframes ddga-drawer-slide-in-end {
    0% {
      transform: translate(100%);
    }
    to {
      transform: translate(0);
    }
  }
  @keyframes ddga-drawer-slide-out-end {
    0% {
      transform: translate(0);
    }
    to {
      transform: translate(100%);
    }
  }
  @keyframes ddga-drawer-slide-in-top {
    0% {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(0);
    }
  }
  @keyframes ddga-drawer-slide-out-top {
    0% {
      transform: translateY(0);
    }
    to {
      transform: translateY(-100%);
    }
  }
  @keyframes ddga-drawer-slide-in-bottom {
    0% {
      transform: translateY(100%);
    }
    to {
      transform: translateY(0);
    }
  }
  @keyframes ddga-drawer-slide-out-bottom {
    0% {
      transform: translateY(0);
    }
    to {
      transform: translateY(100%);
    }
  }
  [dir="rtl"] .ddga-drawer--start[data-state="open"] {
    animation-name: ddga-drawer-slide-in-end;
  }
  [dir="rtl"] .ddga-drawer--start[data-state="closed"] {
    animation-name: ddga-drawer-slide-out-end;
  }
  [dir="rtl"] .ddga-drawer--end[data-state="open"] {
    animation-name: ddga-drawer-slide-in-start;
  }
  [dir="rtl"] .ddga-drawer--end[data-state="closed"] {
    animation-name: ddga-drawer-slide-out-start;
  }
  .ddga-drawer__header {
    padding: var(--ddga-space-4);
    border-block-end: 1px solid var(--ddga-color-border);
    flex-shrink: 0;
  }
  .ddga-drawer__body {
    min-block-size: 0;
    padding: var(--ddga-space-4);
    flex: auto;
    overflow-y: auto;
  }
  .ddga-drawer__footer {
    justify-content: flex-end;
    align-items: center;
    gap: var(--ddga-space-2);
    padding: var(--ddga-space-4);
    border-block-start: 1px solid var(--ddga-color-border);
    background-color: var(--ddga-color-muted);
    flex-flow: wrap;
    flex-shrink: 0;
    display: flex;
  }
  .ddga-drawer__title {
    font-size: var(--ddga-font-size-lg);
    font-weight: var(--ddga-font-weight-semibold);
    color: var(--ddga-color-foreground);
    margin: 0;
    line-height: 1.3;
  }
  .ddga-drawer__description {
    margin: var(--ddga-space-1) 0 0;
    font-size: var(--ddga-font-size-sm);
    color: var(--ddga-text-secondary);
  }
  .ddga-drawer__close {
    border-radius: var(--ddga-radius-md);
    block-size: 1.75rem;
    inline-size: 1.75rem;
    color: var(--ddga-text-secondary);
    cursor: pointer;
    font: inherit;
    background-color: #0000;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
    position: absolute;
    inset-block-start: var(--ddga-space-3);
    inset-inline-end: var(--ddga-space-3);
  }
  .ddga-drawer__close:hover {
    background-color: var(--ddga-color-muted);
    color: var(--ddga-color-foreground);
  }
  .ddga-drawer__close:focus-visible {
    outline: 2px solid var(--ddga-color-ring);
    outline-offset: 2px;
  }
  .ddga-drawer__close > svg {
    block-size: 1.125em;
    inline-size: 1.125em;
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-drawer,
    .ddga-drawer__overlay {
      animation: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-drawer {
      border: 1px solid canvastext;
    }
  }
  .ddga-dropdown__label {
    align-items: center;
    gap: var(--ddga-space-1);
    font-size: var(--ddga-font-size-sm);
    font-weight: var(--ddga-font-weight-regular);
    color: var(--ddga-text-primary);
    margin-block-end: var(--ddga-space-2);
    display: inline-flex;
  }
  .ddga-dropdown__required {
    color: var(--ddga-error-700);
  }
  .ddga-dropdown-trigger {
    align-items: center;
    gap: var(--ddga-space-1);
    inline-size: 100%;
    padding-inline: var(--ddga-space-4);
    border: 1px solid var(--ddga-gray-400);
    border-radius: var(--ddga-radius-sm);
    background-color: var(--ddga-color-background);
    color: var(--ddga-gray-700);
    text-align: start;
    cursor: pointer;
    font-family: inherit;
    transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s;
    display: flex;
    position: relative;
  }
  .ddga-dropdown-trigger--md {
    block-size: 32px;
    font-size: var(--ddga-font-size-sm);
  }
  .ddga-dropdown-trigger--lg {
    block-size: 40px;
    font-size: var(--ddga-font-size-base);
  }
  .ddga-dropdown-trigger--filled-lighter {
    background-color: var(--ddga-gray-25);
    border-color: #0000;
  }
  .ddga-dropdown-trigger--filled-darker {
    background-color: var(--ddga-gray-100);
    border-color: #0000;
  }
  .ddga-dropdown__value {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: auto;
    min-inline-size: 0;
    overflow: hidden;
  }
  .ddga-dropdown__placeholder {
    color: var(--ddga-gray-500);
  }
  .ddga-dropdown__icon {
    block-size: 20px;
    inline-size: 20px;
    color: var(--ddga-text-primary);
    flex-shrink: 0;
  }
  .ddga-dropdown-trigger--default:hover:not(:focus-visible):not(:disabled) {
    border-color: var(--ddga-gray-700);
  }
  .ddga-dropdown-trigger:focus-visible {
    box-shadow: var(--ddga-shadow-md);
    outline: none;
  }
  .ddga-dropdown-trigger--default:focus-visible {
    border-color: var(--ddga-gray-400);
  }
  .ddga-dropdown-trigger:after {
    content: "";
    inset-inline: 0;
    background-color: var(--ddga-gray-950);
    transform-origin: 50%;
    pointer-events: none;
    block-size: 2px;
    transition: transform 0.4s ease-out;
    position: absolute;
    bottom: -1px;
    transform: scaleX(0);
  }
  .ddga-dropdown-trigger:focus-visible:after {
    transform: scaleX(1);
  }
  .ddga-dropdown-trigger:active:not(:disabled) {
    background-color: var(--ddga-gray-100);
  }
  .ddga-dropdown-trigger:active:not(:disabled):after {
    transform: scaleX(0.5);
  }
  .ddga-dropdown-trigger--error,
  .ddga-dropdown-trigger--error:hover:not(:focus-visible),
  .ddga-dropdown-trigger--error:focus-visible {
    border-color: var(--ddga-error-700);
  }
  .ddga-dropdown-trigger[aria-readonly="true"] {
    border-color: var(--ddga-gray-300);
    cursor: default;
    background-color: #0000;
  }
  .ddga-dropdown-trigger:disabled {
    border-color: var(--ddga-gray-300);
    cursor: not-allowed;
    color: var(--ddga-gray-400);
    background-color: #0000;
  }
  .ddga-dropdown-trigger:disabled .ddga-dropdown__placeholder,
  .ddga-dropdown-trigger:disabled .ddga-dropdown__icon,
  :is(
      .ddga-field[data-slot="dropdown-field"]:has(
          .ddga-dropdown-trigger:disabled
        )
        .ddga-dropdown__label,
      .ddga-field[data-slot="dropdown-field"]:has(
          .ddga-dropdown-trigger:disabled
        )
        .ddga-dropdown__required
    ) {
    color: var(--ddga-gray-400);
  }
  .ddga-dropdown-content {
    background-color: var(--ddga-color-background);
    color: var(--ddga-text-primary);
    border: 1px solid var(--ddga-color-input);
    border-radius: var(--ddga-radius-md);
    box-shadow: var(--ddga-shadow-2xl);
    z-index: var(--ddga-z-popover);
    min-inline-size: 200px;
    overflow: hidden;
  }
  .ddga-dropdown-content[data-state="open"] {
    animation: 0.12s cubic-bezier(0.16, 1, 0.3, 1) ddga-dropdown-in;
  }
  .ddga-dropdown-content[data-state="closed"] {
    animation: 80ms ease-in ddga-dropdown-out;
  }
  @keyframes ddga-dropdown-in {
    0% {
      opacity: 0;
      transform: translateY(-2px) scale(0.98);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  @keyframes ddga-dropdown-out {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  .ddga-dropdown-command {
    flex-direction: column;
    max-block-size: min(340px, 60vh);
    display: flex;
  }
  .ddga-dropdown-input {
    inline-size: 100%;
    padding-block: var(--ddga-space-2);
    padding-inline: var(--ddga-space-3);
    border: 0;
    border-block-end: 1px solid var(--ddga-color-input);
    color: inherit;
    font: inherit;
    background-color: #0000;
    outline: none;
  }
  .ddga-dropdown-input::placeholder {
    color: var(--ddga-gray-500);
  }
  .ddga-dropdown-input--hidden {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    block-size: 1px;
    inline-size: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  .ddga-dropdown-list {
    min-block-size: 0;
    padding: var(--ddga-space-1);
    flex: auto;
    overflow-y: auto;
  }
  .ddga-dropdown-empty {
    padding-block: var(--ddga-space-3);
    padding-inline: var(--ddga-space-3);
    font-size: var(--ddga-font-size-sm);
    color: var(--ddga-text-tertiary);
    text-align: center;
  }
  .ddga-dropdown-item {
    align-items: center;
    gap: var(--ddga-space-2);
    padding: var(--ddga-space-2);
    border-radius: var(--ddga-radius-sm);
    font-size: var(--ddga-font-size-sm);
    color: var(--ddga-text-primary);
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    line-height: 1.4286;
    display: flex;
  }
  .ddga-dropdown-item[data-selected="true"] {
    background-color: var(--ddga-gray-100);
  }
  .ddga-dropdown-item:active {
    background-color: var(--ddga-gray-200);
  }
  .ddga-dropdown-item[data-disabled="true"] {
    color: var(--ddga-gray-400);
    pointer-events: none;
  }
  .ddga-dropdown-item__label {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: auto;
    min-inline-size: 0;
    overflow: hidden;
  }
  .ddga-dropdown-item__check {
    block-size: 20px;
    inline-size: 20px;
    color: var(--ddga-text-primary);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .ddga-dropdown-item__check > svg {
    block-size: 100%;
    inline-size: 100%;
  }
  .ddga-dropdown-item__checkbox {
    border: 1px solid var(--ddga-gray-500);
    border-radius: var(--ddga-radius-xs);
    color: #fff;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    block-size: 16px;
    inline-size: 16px;
    display: inline-flex;
  }
  .ddga-dropdown-item__checkbox[data-checked] {
    background-color: var(--ddga-gray-950);
    border-color: var(--ddga-gray-950);
  }
  .ddga-dropdown-item__checkbox > svg {
    block-size: 12px;
    inline-size: 12px;
  }
  .ddga-dropdown-group [cmdk-group-heading] {
    padding-block-start: var(--ddga-space-2);
    padding-block-end: var(--ddga-space-1);
    padding-inline: var(--ddga-space-2);
    font-size: var(--ddga-font-size-sm);
    font-weight: var(--ddga-font-weight-semibold);
    color: var(--ddga-gray-700);
  }
  .ddga-dropdown-separator {
    block-size: 1px;
    margin-block: var(--ddga-space-1);
    margin-inline: calc(var(--ddga-space-1) * -1);
    background-color: var(--ddga-color-input);
  }
  [data-theme="dark"] .ddga-dropdown-trigger {
    border-color: var(--ddga-color-input);
    color: var(--ddga-text-primary);
  }
  [data-theme="dark"] .ddga-dropdown__placeholder,
  [data-theme="dark"] .ddga-dropdown-input::placeholder {
    color: var(--ddga-text-placeholder);
  }
  [data-theme="dark"] .ddga-dropdown-trigger--filled-lighter,
  [data-theme="dark"] .ddga-dropdown-trigger--filled-darker {
    background-color: var(--ddga-color-muted);
  }
  [data-theme="dark"]
    .ddga-dropdown-trigger--default:hover:not(:focus-visible):not(:disabled) {
    border-color: var(--ddga-gray-500);
  }
  [data-theme="dark"] .ddga-dropdown-trigger:after {
    background-color: var(--ddga-text-primary);
  }
  [data-theme="dark"] .ddga-dropdown-trigger:active:not(:disabled) {
    background-color: var(--ddga-color-muted);
  }
  [data-theme="dark"] .ddga-dropdown-trigger[aria-readonly="true"],
  [data-theme="dark"] .ddga-dropdown-trigger:disabled {
    border-color: var(--ddga-color-border);
  }
  [data-theme="dark"] .ddga-dropdown-item[data-selected="true"] {
    background-color: var(--ddga-color-muted);
  }
  [data-theme="dark"] .ddga-dropdown-item:active {
    background-color: var(--ddga-color-border);
  }
  [data-theme="dark"] .ddga-dropdown-item__checkbox[data-checked] {
    background-color: var(--ddga-text-primary);
    border-color: var(--ddga-text-primary);
    color: var(--ddga-color-background);
  }
  [data-theme="dark"] .ddga-dropdown-group [cmdk-group-heading] {
    color: var(--ddga-text-secondary);
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-dropdown-trigger:after {
      transition: none;
    }
    .ddga-dropdown-content[data-state="open"],
    .ddga-dropdown-content[data-state="closed"] {
      animation: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-dropdown-trigger,
    .ddga-dropdown-content {
      border: 1px solid canvastext;
    }
    .ddga-dropdown-trigger:focus-visible {
      outline-offset: 1px;
      outline: 2px solid highlight;
    }
    .ddga-dropdown-item[data-selected="true"] {
      color: highlighttext;
      background-color: highlight;
    }
    .ddga-dropdown-item__checkbox[data-checked] {
      background-color: highlight;
    }
  }
  .ddga-calendar-popover {
    z-index: var(--ddga-z-popover);
    pointer-events: auto;
    background-color: var(--ddga-color-background);
    max-inline-size: calc(100vw - 24px);
    color: var(--ddga-color-foreground);
    border-radius: var(--ddga-radius-md);
    box-shadow: var(--ddga-shadow-2xl);
    display: flex;
    overflow: hidden;
  }
  .ddga-calendar-popover[data-entering] {
    animation: 0.12s cubic-bezier(0.16, 1, 0.3, 1) ddga-calendar-in;
  }
  .ddga-calendar-popover[data-exiting] {
    animation: 80ms ease-in ddga-calendar-out;
  }
  @keyframes ddga-calendar-in {
    0% {
      opacity: 0;
      transform: translateY(-2px) scale(0.98);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  @keyframes ddga-calendar-out {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  .ddga-calendar-dialog {
    min-block-size: 0;
    max-block-size: 100%;
    padding: var(--ddga-space-4);
    box-sizing: border-box;
    outline: none;
    flex: auto;
    overflow: auto;
  }
  .ddga-calendar-toggle {
    inline-size: 100%;
    padding: var(--ddga-space-0-5);
    background-color: var(--ddga-color-muted);
    border-radius: var(--ddga-radius-md);
    margin-block-end: var(--ddga-space-3);
    display: inline-flex;
  }
  .ddga-calendar-toggle__button {
    padding-block: var(--ddga-space-1);
    padding-inline: var(--ddga-space-2);
    border-radius: calc(var(--ddga-radius-md) - 2px);
    color: var(--ddga-text-secondary);
    font: inherit;
    font-size: var(--ddga-font-size-sm);
    font-weight: var(--ddga-font-weight-medium);
    cursor: pointer;
    background-color: #0000;
    border: 0;
    outline: none;
    flex: 1 1 0;
    transition: background-color 0.12s, color 0.12s;
  }
  .ddga-calendar-toggle__button[data-active] {
    background-color: var(--ddga-color-background);
    color: var(--ddga-color-foreground);
    box-shadow: 0 1px 2px #00000014;
  }
  .ddga-calendar-toggle__button:focus-visible {
    box-shadow: 0 0 0 2px var(--ddga-color-ring);
  }
  .ddga-calendar {
    --ddga-calendar-cell-size: 2.5rem;
    inline-size: 392px;
    max-inline-size: 100%;
  }
  .ddga-calendar__header {
    align-items: center;
    gap: var(--ddga-space-2);
    block-size: 40px;
    margin-block-end: var(--ddga-space-2);
    display: flex;
  }
  .ddga-calendar__nav-group {
    align-items: center;
    margin-inline-start: auto;
    display: inline-flex;
  }
  .ddga-calendar__nav {
    border-radius: var(--ddga-radius-sm);
    block-size: 40px;
    inline-size: 40px;
    color: var(--ddga-text-primary);
    cursor: pointer;
    background-color: #0000;
    border: 0;
    outline: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }
  .ddga-calendar__nav:hover {
    background-color: var(--ddga-color-muted);
    color: var(--ddga-color-foreground);
  }
  .ddga-calendar__nav[data-focus-visible] {
    box-shadow: 0 0 0 2px var(--ddga-color-ring);
  }
  .ddga-calendar__nav[data-disabled] {
    color: var(--ddga-text-tertiary);
    cursor: not-allowed;
  }
  .ddga-calendar__heading {
    font-size: var(--ddga-font-size-sm);
    font-weight: var(--ddga-font-weight-semibold);
    text-align: center;
    color: var(--ddga-color-foreground);
    flex: auto;
    margin: 0;
  }
  .ddga-calendar__nav-selects {
    align-items: center;
    gap: var(--ddga-space-2);
    min-inline-size: 0;
    display: inline-flex;
  }
  .ddga-calendar__select {
    appearance: none;
    border-radius: var(--ddga-radius-sm);
    font: inherit;
    font-weight: var(--ddga-font-weight-medium);
    color: var(--ddga-text-primary);
    cursor: pointer;
    font-variant-numeric: tabular-nums;
    background-color: #0000;
    border: 1px solid #0000;
    outline: none;
    max-inline-size: 100%;
    margin: 0;
  }
  .ddga-calendar__select:focus-visible {
    box-shadow: 0 0 0 2px var(--ddga-text-primary);
  }
  .ddga-calendar__select option {
    color: canvastext;
    background-color: canvas;
  }
  .ddga-calendar__month-select {
    font-size: var(--ddga-font-size-base);
    line-height: var(--ddga-font-line-height-base);
    padding: 0;
  }
  .ddga-calendar__year-chip {
    border-radius: var(--ddga-radius-sm);
    align-items: center;
    display: inline-flex;
    position: relative;
  }
  .ddga-calendar__year-chip:hover {
    background-color: var(--ddga-color-muted);
  }
  .ddga-calendar__year-select {
    block-size: 32px;
    padding-inline: var(--ddga-space-3) calc(var(--ddga-space-3) + 1rem);
    font-size: var(--ddga-font-size-sm);
    min-inline-size: 4.5ch;
  }
  .ddga-calendar__year-chevron {
    pointer-events: none;
    block-size: 1rem;
    inline-size: 1rem;
    color: var(--ddga-text-primary);
    position: absolute;
    inset-inline-end: var(--ddga-space-2);
  }
  .ddga-calendar__grid {
    border-collapse: separate;
    inline-size: 100%;
    border-spacing: 0 var(--ddga-space-1);
  }
  .ddga-calendar__weekday {
    padding-block: var(--ddga-space-1);
    font-size: var(--ddga-font-size-base);
    font-weight: var(--ddga-font-weight-regular);
    color: var(--ddga-text-tertiary);
    text-align: center;
  }
  .ddga-calendar__cell {
    inline-size: var(--ddga-calendar-cell-size);
    block-size: var(--ddga-calendar-cell-size);
    appearance: none;
    text-align: center;
    font-size: var(--ddga-font-size-base);
    font-variant-numeric: tabular-nums;
    color: var(--ddga-color-foreground);
    border-radius: var(--ddga-radius-full);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    background-color: #0000;
    border: 0;
    outline: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-inline: auto;
    padding: 0;
    line-height: 1;
    display: inline-flex;
  }
  .ddga-calendar__cell[data-today]:not([data-selected]) {
    box-shadow: inset 0 0 0 2px var(--ddga-color-primary);
    color: var(--ddga-color-primary);
    font-weight: var(--ddga-font-weight-medium);
  }
  .ddga-calendar__cell-primary {
    font-size: inherit;
    line-height: 1;
  }
  .ddga-calendar__cell-secondary {
    font-size: var(--ddga-font-size-xs);
    color: var(--ddga-text-tertiary);
    margin-block-start: 1px;
    line-height: 1;
  }
  .ddga-calendar__cell[data-selected] .ddga-calendar__cell-secondary {
    color: inherit;
    opacity: 0.85;
  }
  .ddga-calendar__cell[data-hovered]:not([data-disabled]):not([data-selected]) {
    background-color: var(--ddga-sa-100);
  }
  .ddga-calendar__cell[data-pressed]:not([data-disabled]):not([data-selected]) {
    background-color: var(--ddga-sa-200);
  }
  .ddga-calendar__cell[data-focus-visible] {
    box-shadow: inset 0 0 0 2px var(--ddga-text-primary);
  }
  .ddga-calendar__cell[data-selected] {
    background-color: var(--ddga-color-primary);
    color: var(--ddga-color-primary-foreground);
  }
  .ddga-calendar__cell[data-disabled],
  .ddga-calendar__cell[data-unavailable] {
    color: var(--ddga-text-placeholder);
    cursor: not-allowed;
  }
  .ddga-calendar__cell[data-outside-month] {
    color: var(--ddga-text-tertiary);
  }
  @media (max-width: 480px) {
    .ddga-calendar-dialog {
      padding: var(--ddga-space-3);
    }
    .ddga-calendar {
      --ddga-calendar-cell-size: max(
        2rem,
        min(2.5rem, calc((100vw - 3rem) / 7))
      );
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-calendar-toggle__button {
      transition: none;
    }
    .ddga-calendar-popover[data-entering],
    .ddga-calendar-popover[data-exiting] {
      animation: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-calendar-popover {
      border: 1px solid canvastext;
    }
    .ddga-calendar__cell[data-selected] {
      color: highlighttext;
      background-color: highlight;
    }
    .ddga-calendar__cell[data-focus-visible] {
      outline-offset: 1px;
      outline: 2px solid highlight;
    }
    .ddga-calendar-toggle__button[data-active] {
      color: highlighttext;
      background-color: highlight;
    }
  }
  .ddga-field[data-slot="date-picker-field"] {
    gap: var(--ddga-space-2);
  }
  .ddga-date-picker__label {
    align-items: center;
    gap: var(--ddga-space-1);
    color: var(--ddga-text-primary);
    font-weight: var(--ddga-font-weight-regular);
    font-size: var(--ddga-font-size-sm);
    line-height: 1.4286;
    display: inline-flex;
  }
  .ddga-date-picker__required {
    color: var(--ddga-error-700);
  }
  .ddga-date-picker-trigger {
    align-items: center;
    gap: var(--ddga-space-2);
    inline-size: 100%;
    padding-inline: var(--ddga-space-2);
    border: 1px solid var(--ddga-gray-400);
    border-radius: var(--ddga-radius-sm);
    background-color: var(--ddga-color-background);
    color: var(--ddga-gray-700);
    text-align: start;
    transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s;
    display: flex;
    position: relative;
  }
  .ddga-date-picker-trigger--md {
    block-size: 32px;
    font-size: var(--ddga-font-size-sm);
  }
  .ddga-date-picker-trigger--lg {
    block-size: 40px;
    font-size: var(--ddga-font-size-base);
  }
  .ddga-date-picker-trigger--filled-lighter {
    background-color: var(--ddga-gray-25);
    border-color: #0000;
  }
  .ddga-date-picker-trigger--filled-darker {
    background-color: var(--ddga-gray-100);
    border-color: #0000;
  }
  .ddga-date-picker__input {
    font-variant-numeric: tabular-nums;
    direction: ltr;
    flex: 0 auto;
    align-items: center;
    min-inline-size: 0;
    display: inline-flex;
  }
  [dir="rtl"] .ddga-date-picker__input {
    direction: rtl;
  }
  .ddga-date-picker__segment {
    border-radius: var(--ddga-radius-sm);
    color: var(--ddga-gray-700);
    font-variant-numeric: tabular-nums;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    padding-block: 1px;
    padding-inline: 1px;
  }
  .ddga-date-picker__segment[data-placeholder] {
    color: var(--ddga-gray-500);
  }
  .ddga-date-picker__segment[data-focused] {
    background-color: var(--ddga-color-primary);
    color: var(--ddga-color-primary-foreground);
  }
  .ddga-date-picker__segment[data-type="literal"] {
    color: var(--ddga-gray-700);
    padding-inline: 0;
  }
  .ddga-date-picker__segment[data-type="literal"][data-focused] {
    color: var(--ddga-gray-700);
    background-color: #0000;
  }
  .ddga-date-picker__open {
    min-inline-size: var(--ddga-space-4);
    cursor: pointer;
    background: 0 0;
    border: 0;
    outline: none;
    flex: auto;
    align-self: stretch;
    padding: 0;
  }
  .ddga-date-picker-trigger[data-disabled] .ddga-date-picker__open {
    cursor: not-allowed;
  }
  .ddga-date-picker-trigger--default[data-hovered]:not([data-focus-within]) {
    border-color: var(--ddga-gray-700);
  }
  .ddga-date-picker-trigger[data-focus-within] {
    box-shadow: var(--ddga-shadow-md);
  }
  .ddga-date-picker-trigger:after {
    content: "";
    inset-inline: 0;
    background-color: var(--ddga-gray-950);
    transform-origin: 50%;
    pointer-events: none;
    block-size: 2px;
    transition: transform 0.4s ease-out;
    position: absolute;
    bottom: -1px;
    transform: scaleX(0);
  }
  .ddga-date-picker-trigger[data-focus-within]:not([data-pressed]):after {
    transform: scaleX(1);
  }
  .ddga-date-picker-trigger[data-pressed]:not([data-disabled]):not(
      [data-readonly]
    ),
  .ddga-date-picker-trigger--pressed {
    background-color: var(--ddga-gray-100);
  }
  .ddga-date-picker-trigger[data-pressed]:not([data-disabled]):not(
      [data-readonly]
    ):after,
  .ddga-date-picker-trigger--pressed:after {
    transform: scaleX(0.5);
  }
  .ddga-date-picker-trigger--error,
  .ddga-date-picker-trigger--error[data-hovered],
  .ddga-date-picker-trigger--error[data-focus-within] {
    border-color: var(--ddga-error-700);
  }
  .ddga-date-picker-trigger[data-readonly],
  .ddga-date-picker-trigger[data-disabled] {
    border-color: var(--ddga-gray-300);
    background-color: #0000;
  }
  .ddga-date-picker-trigger[data-disabled] {
    cursor: not-allowed;
  }
  .ddga-date-picker-trigger[data-disabled] .ddga-date-picker__segment,
  .ddga-date-picker-trigger[data-disabled]
    .ddga-date-picker__segment[data-placeholder],
  :is(
      .ddga-field:has(.ddga-date-picker-trigger[data-disabled])
        .ddga-date-picker__label,
      .ddga-field:has(.ddga-date-picker-trigger[data-disabled])
        .ddga-date-picker__required
    ) {
    color: var(--ddga-gray-400);
  }
  .ddga-field:has(.ddga-date-picker-trigger) .ddga-field__message {
    padding-block: var(--ddga-space-1);
  }
  [data-theme="dark"] .ddga-date-picker-trigger {
    border-color: var(--ddga-color-input);
    color: var(--ddga-text-primary);
  }
  [data-theme="dark"] .ddga-date-picker__segment {
    color: var(--ddga-text-primary);
  }
  [data-theme="dark"] .ddga-date-picker__segment[data-placeholder] {
    color: var(--ddga-text-placeholder);
  }
  [data-theme="dark"] .ddga-date-picker-trigger--filled-lighter,
  [data-theme="dark"] .ddga-date-picker-trigger--filled-darker {
    background-color: var(--ddga-color-muted);
  }
  [data-theme="dark"]
    .ddga-date-picker-trigger--default[data-hovered]:not([data-focus-within]) {
    border-color: var(--ddga-gray-500);
  }
  [data-theme="dark"] .ddga-date-picker-trigger:after {
    background-color: var(--ddga-text-primary);
  }
  [data-theme="dark"]
    .ddga-date-picker-trigger[data-pressed]:not([data-disabled]):not(
      [data-readonly]
    ),
  [data-theme="dark"] .ddga-date-picker-trigger--pressed {
    background-color: var(--ddga-color-muted);
  }
  [data-theme="dark"] .ddga-date-picker-trigger[data-readonly],
  [data-theme="dark"] .ddga-date-picker-trigger[data-disabled] {
    border-color: var(--ddga-color-border);
  }
  [data-theme="dark"]
    .ddga-date-picker-trigger[data-disabled]
    .ddga-date-picker__segment,
  [data-theme="dark"]
    .ddga-date-picker-trigger[data-disabled]
    .ddga-date-picker__segment[data-placeholder] {
    color: var(--ddga-text-tertiary);
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-date-picker-trigger,
    .ddga-date-picker-trigger:after {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-date-picker-trigger {
      border: 1px solid canvastext;
    }
    .ddga-date-picker-trigger[data-focus-within] {
      outline-offset: 1px;
      outline: 2px solid highlight;
    }
    .ddga-date-picker-trigger[data-disabled] {
      border-color: graytext;
    }
    .ddga-date-picker-trigger[data-disabled] .ddga-date-picker__segment {
      color: graytext;
    }
  }
  .ddga-file-upload {
    gap: var(--ddga-space-4);
    color: var(--ddga-text-primary);
    flex-direction: column;
    display: flex;
  }
  .ddga-file-upload__header {
    gap: var(--ddga-space-2);
    flex-direction: column;
    display: flex;
  }
  .ddga-file-upload[data-variant="button"] > .ddga-file-upload__browse {
    align-self: flex-start;
  }
  .ddga-file-upload__label {
    color: var(--ddga-text-primary);
    font-size: var(--ddga-font-size-base);
    font-weight: var(--ddga-font-weight-regular);
    align-items: flex-end;
    gap: 0.25rem;
    line-height: 1.5;
    display: flex;
  }
  .ddga-file-upload__required {
    color: var(--ddga-error-700);
  }
  .ddga-file-upload__description {
    color: var(--ddga-text-secondary);
    font-size: var(--ddga-font-size-xs);
    font-weight: var(--ddga-font-weight-regular);
    line-height: 1.5;
  }
  .ddga-file-upload__dropzone {
    justify-content: center;
    align-items: center;
    gap: var(--ddga-space-6);
    padding: var(--ddga-space-6);
    border-radius: var(--ddga-radius-sm);
    background-color: var(--ddga-color-muted);
    text-align: center;
    cursor: pointer;
    flex-direction: column;
    transition: background-color 0.15s, color 0.15s;
    display: flex;
    position: relative;
  }
  .ddga-file-upload__border {
    block-size: 100%;
    inline-size: 100%;
    color: var(--ddga-color-input);
    pointer-events: none;
    transition: color 0.15s;
    position: absolute;
    inset: 0;
    overflow: visible;
  }
  .ddga-file-upload__border rect {
    fill: none;
    stroke: currentColor;
    stroke-width: 1px;
    stroke-dasharray: 10 5;
  }
  .ddga-file-upload__dropzone[data-dragging] {
    background-color: var(--ddga-success-25);
    color: var(--ddga-success-700);
  }
  .ddga-file-upload__dropzone[data-dragging] .ddga-file-upload__border {
    color: var(--ddga-success-700);
  }
  .ddga-file-upload__dropzone[data-dragging] .ddga-file-upload__border rect {
    stroke-width: 2px;
  }
  .ddga-file-upload__dropzone[data-dragging] .ddga-file-upload__icon,
  .ddga-file-upload__dropzone[data-dragging] .ddga-file-upload__title,
  .ddga-file-upload__dropzone[data-dragging] .ddga-file-upload__description {
    color: var(--ddga-success-700);
  }
  .ddga-file-upload__dropzone[data-dragging] .ddga-file-upload__browse {
    background-color: var(--ddga-gray-200);
    color: var(--ddga-gray-400);
  }
  .ddga-file-upload__dropzone[data-disabled] {
    cursor: not-allowed;
    color: var(--ddga-gray-400);
    background-color: #0000;
  }
  .ddga-file-upload__dropzone[data-disabled] .ddga-file-upload__border {
    color: var(--ddga-gray-400);
  }
  .ddga-file-upload__dropzone[data-disabled] .ddga-file-upload__icon {
    color: var(--ddga-gray-400);
    opacity: 0.7;
  }
  .ddga-file-upload__dropzone[data-disabled] .ddga-file-upload__title,
  .ddga-file-upload__dropzone[data-disabled] .ddga-file-upload__description {
    color: var(--ddga-gray-400);
  }
  .ddga-file-upload__icon {
    color: var(--ddga-text-primary);
    flex: none;
    font-size: 1.5rem;
  }
  .ddga-file-upload__copy {
    align-items: center;
    gap: var(--ddga-space-2);
    word-break: break-word;
    flex-direction: column;
    inline-size: 100%;
    display: flex;
  }
  .ddga-file-upload__title {
    color: var(--ddga-text-primary);
    font-size: var(--ddga-font-size-base);
    font-weight: var(--ddga-font-weight-medium);
    line-height: 1.5;
  }
  .ddga-file-upload__input {
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
    block-size: 1px;
    inline-size: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  .ddga-file-upload__list {
    gap: var(--ddga-space-2);
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }
  .ddga-file-upload__file {
    border: 1px solid var(--ddga-color-input);
    border-radius: var(--ddga-radius-sm);
    background-color: var(--ddga-color-muted);
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }
  .ddga-file-upload__file--error {
    border-color: var(--ddga-error-700);
  }
  .ddga-file-upload__file-main {
    align-items: center;
    gap: var(--ddga-space-2);
    padding: var(--ddga-space-2);
    display: flex;
  }
  .ddga-file-upload__file-indicator {
    flex: none;
    justify-content: center;
    align-items: center;
    block-size: 1.25rem;
    inline-size: 1.25rem;
    display: inline-flex;
  }
  .ddga-file-upload__file-indicator--loading {
    color: var(--ddga-text-secondary);
  }
  .ddga-file-upload__file-indicator--loading svg {
    block-size: 100%;
    inline-size: 100%;
  }
  .ddga-file-upload__file-indicator--success,
  .ddga-file-upload__file-indicator--error {
    border-radius: var(--ddga-radius-full);
  }
  .ddga-file-upload__file-indicator--success {
    background-color: var(--ddga-color-success);
    color: var(--ddga-color-success-foreground);
  }
  .ddga-file-upload__file-indicator--error {
    background-color: var(--ddga-color-error);
    color: var(--ddga-color-error-foreground);
  }
  .ddga-file-upload__file-indicator--success svg,
  .ddga-file-upload__file-indicator--error svg {
    block-size: 0.75rem;
    inline-size: 0.75rem;
  }
  .ddga-file-upload__file-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-inline-size: 0;
    color: var(--ddga-text-primary);
    font-size: var(--ddga-font-size-sm);
    font-weight: var(--ddga-font-weight-medium);
    flex: auto;
    line-height: 1.4286;
    overflow: hidden;
  }
  .ddga-file-upload__file-remove {
    border-radius: var(--ddga-radius-sm);
    block-size: 1.25rem;
    inline-size: 1.25rem;
    color: var(--ddga-text-secondary);
    cursor: pointer;
    background: 0 0;
    border: 0;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 1rem;
    display: inline-flex;
  }
  .ddga-file-upload__file-remove:hover {
    background-color: var(--ddga-color-secondary-hover);
    color: var(--ddga-text-primary);
  }
  .ddga-file-upload__file-remove:focus-visible {
    outline: 2px solid var(--ddga-color-ring);
    outline-offset: 1px;
  }
  .ddga-file-upload__file-error-row {
    padding: var(--ddga-space-2);
    border-top: 1px solid var(--ddga-color-input);
  }
  .ddga-file-upload__file-error {
    color: var(--ddga-color-error);
    font-size: var(--ddga-font-size-sm);
    font-weight: var(--ddga-font-weight-regular);
    line-height: 1.4286;
  }
  @media (forced-colors: active) {
    .ddga-file-upload__dropzone[data-dragging] {
      outline-offset: -2px;
      outline: 2px solid highlight;
    }
  }
  .ddga-slider-field--md {
    --ddga-slider-rail: var(--ddga-space-2);
    --ddga-slider-thumb: var(--ddga-space-4);
  }
  .ddga-slider-field--sm {
    --ddga-slider-rail: var(--ddga-space-1);
    --ddga-slider-thumb: var(--ddga-space-3);
  }
  .ddga-slider__label {
    color: var(--ddga-text-primary);
    font-weight: var(--ddga-font-weight-regular);
  }
  .ddga-slider-field--md .ddga-slider__label {
    font-size: var(--ddga-font-size-base);
    line-height: 1.5;
  }
  .ddga-slider-field--sm .ddga-slider__label {
    font-size: var(--ddga-font-size-sm);
    line-height: 1.43;
  }
  .ddga-slider__control {
    align-items: center;
    gap: 0.375rem;
    display: flex;
  }
  .ddga-slider__value {
    color: var(--ddga-gray-700);
    font-size: var(--ddga-font-size-xs);
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
    line-height: 1.5;
  }
  .ddga-slider-field--sm .ddga-field__message {
    font-size: var(--ddga-font-size-xs);
  }
  .ddga-slider {
    min-inline-size: 0;
    block-size: var(--ddga-slider-thumb);
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    flex: auto;
    align-items: center;
    display: flex;
    position: relative;
  }
  .ddga-slider__track {
    block-size: var(--ddga-slider-rail);
    border-radius: var(--ddga-radius-sm);
    background-color: var(--ddga-color-muted);
    flex-grow: 1;
    position: relative;
  }
  .ddga-slider__range {
    border-radius: var(--ddga-radius-sm);
    background-color: var(--ddga-color-primary);
    block-size: 100%;
    position: absolute;
  }
  .ddga-slider__thumb {
    inline-size: var(--ddga-slider-thumb);
    block-size: var(--ddga-slider-thumb);
    border-radius: var(--ddga-radius-full);
    background-color: var(--ddga-color-primary);
    border: 1px solid var(--ddga-success-700);
    cursor: grab;
    transition: box-shadow 0.15s;
    display: block;
  }
  .ddga-slider__thumb:active {
    cursor: grabbing;
  }
  .ddga-slider__thumb:focus-visible {
    box-shadow: 0 0 0 2px var(--ddga-color-background),
      0 0 0 4px var(--ddga-color-ring);
    outline: none;
  }
  .ddga-slider--error .ddga-slider__range,
  .ddga-slider--error .ddga-slider__thumb {
    background-color: var(--ddga-color-error);
    border-color: var(--ddga-color-error);
  }
  .ddga-slider--error .ddga-slider__thumb:focus-visible {
    box-shadow: 0 0 0 2px var(--ddga-color-background),
      0 0 0 4px var(--ddga-color-error);
  }
  .ddga-slider[data-disabled] {
    opacity: 0.5;
  }
  .ddga-slider[data-disabled] .ddga-slider__thumb {
    cursor: not-allowed;
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-slider__thumb {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-slider__track {
      background-color: canvas;
      border: 1px solid canvastext;
    }
    .ddga-slider__range {
      background-color: highlight;
    }
    .ddga-slider__thumb {
      background-color: highlight;
      border: 1px solid canvastext;
    }
    .ddga-slider__thumb:focus-visible {
      outline-offset: 1px;
      outline: 2px solid highlight;
    }
  }
  .ddga-field[data-slot="number-input-field"] {
    gap: var(--ddga-space-2);
  }
  .ddga-number-input__label {
    align-items: center;
    gap: var(--ddga-space-1);
    color: var(--ddga-text-primary);
    font-weight: var(--ddga-font-weight-regular);
    font-size: var(--ddga-font-size-sm);
    line-height: 1.4286;
    display: inline-flex;
  }
  .ddga-number-input__required {
    color: var(--ddga-error-700);
  }
  .ddga-number-input {
    border: 1px solid var(--ddga-gray-400);
    border-radius: var(--ddga-radius-sm);
    background-color: var(--ddga-color-background);
    inline-size: 100%;
    color: var(--ddga-gray-700);
    align-items: stretch;
    transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s;
    display: flex;
    position: relative;
  }
  .ddga-number-input--md {
    block-size: 32px;
    font-size: var(--ddga-font-size-sm);
  }
  .ddga-number-input--lg {
    block-size: 40px;
    font-size: var(--ddga-font-size-base);
  }
  .ddga-number-input--filled-lighter {
    background-color: var(--ddga-gray-25);
    border-color: #0000;
  }
  .ddga-number-input--filled-darker {
    background-color: var(--ddga-gray-100);
    border-color: #0000;
  }
  .ddga-number-input__field {
    block-size: 100%;
    min-inline-size: 0;
    padding-inline: var(--ddga-space-2);
    color: inherit;
    font: inherit;
    text-align: start;
    caret-color: var(--ddga-gray-950);
    direction: ltr;
    unicode-bidi: plaintext;
    background: 0 0;
    border: 0;
    outline: none;
    flex: auto;
    padding-block: 0;
  }
  .ddga-number-input__field::placeholder {
    color: var(--ddga-gray-500);
  }
  .ddga-number-input__field:-webkit-autofill {
    -webkit-text-fill-color: var(--ddga-gray-700);
    -webkit-box-shadow: 0 0 0 100vmax var(--ddga-color-background) inset;
    box-shadow: 0 0 0 100vmax var(--ddga-color-background) inset;
    caret-color: var(--ddga-gray-950);
  }
  .ddga-number-input__field:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--ddga-gray-700);
    -webkit-box-shadow: 0 0 0 100vmax var(--ddga-color-background) inset;
    box-shadow: 0 0 0 100vmax var(--ddga-color-background) inset;
    caret-color: var(--ddga-gray-950);
  }
  .ddga-number-input__field:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--ddga-gray-700);
    -webkit-box-shadow: 0 0 0 100vmax var(--ddga-color-background) inset;
    box-shadow: 0 0 0 100vmax var(--ddga-color-background) inset;
    caret-color: var(--ddga-gray-950);
  }
  .ddga-number-input__step {
    padding-inline: var(--ddga-space-4);
    background-color: var(--ddga-gray-100);
    color: var(--ddga-text-primary);
    cursor: pointer;
    border: 0;
    flex: none;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    padding-block: 0;
    transition: background-color 0.15s;
    display: inline-flex;
  }
  .ddga-number-input--md .ddga-number-input__step {
    padding-inline: var(--ddga-space-3);
  }
  .ddga-number-input__step svg {
    block-size: 24px;
    inline-size: 24px;
  }
  .ddga-number-input--md .ddga-number-input__step svg {
    block-size: 20px;
    inline-size: 20px;
  }
  .ddga-number-input__step--increment {
    border-start-start-radius: var(--ddga-radius-sm);
    border-end-start-radius: var(--ddga-radius-sm);
  }
  .ddga-number-input__step--decrement {
    border-start-end-radius: var(--ddga-radius-sm);
    border-end-end-radius: var(--ddga-radius-sm);
  }
  .ddga-number-input__step:hover:not(:disabled) {
    background-color: var(--ddga-gray-200);
  }
  .ddga-number-input__step:active:not(:disabled) {
    background-color: var(--ddga-gray-300);
  }
  .ddga-number-input__step:focus-visible {
    box-shadow: inset 0 0 0 2px var(--ddga-text-primary);
    outline: none;
  }
  .ddga-number-input__step:disabled {
    background-color: var(--ddga-gray-200);
    color: var(--ddga-gray-400);
    cursor: not-allowed;
  }
  .ddga-number-input--steppers-subtle .ddga-number-input__step {
    background-color: #0000;
  }
  .ddga-number-input--steppers-subtle
    .ddga-number-input__step:hover:not(:disabled) {
    background-color: var(--ddga-gray-100);
  }
  .ddga-number-input--steppers-subtle
    .ddga-number-input__step:active:not(:disabled) {
    background-color: var(--ddga-gray-200);
  }
  .ddga-number-input--steppers-subtle .ddga-number-input__step:disabled {
    background-color: #0000;
  }
  .ddga-number-input--default:hover:not(:focus-within) {
    border-color: var(--ddga-gray-700);
  }
  .ddga-number-input:focus-within {
    box-shadow: var(--ddga-shadow-md);
  }
  .ddga-number-input--default:focus-within {
    border-color: var(--ddga-gray-400);
  }
  .ddga-number-input:after {
    content: "";
    inset-inline: 0;
    background-color: var(--ddga-gray-950);
    transform-origin: 50%;
    pointer-events: none;
    block-size: 2px;
    transition: transform 0.4s ease-out;
    position: absolute;
    bottom: -1px;
    transform: scaleX(0);
  }
  .ddga-number-input:focus-within:after {
    transform: scaleX(1);
  }
  :is(
      .ddga-number-input:has(.ddga-number-input__field:active):not(
          :has(.ddga-number-input__field:disabled)
        ),
      .ddga-number-input--pressed
    ) {
    background-color: var(--ddga-gray-100);
  }
  .ddga-number-input--pressed:after {
    transform: scaleX(0.5);
  }
  .ddga-number-input:has(.ddga-number-input__field:active):after {
    transform: scaleX(0.5);
  }
  .ddga-number-input--error,
  .ddga-number-input--error:hover:not(:focus-within),
  .ddga-number-input--error:focus-within {
    border-color: var(--ddga-error-700);
  }
  .ddga-number-input:has(.ddga-number-input__field:read-only:not(:disabled)) {
    border-color: var(--ddga-gray-300);
    background-color: #0000;
  }
  .ddga-number-input:has(.ddga-number-input__field:disabled) {
    border-color: var(--ddga-gray-300);
    background-color: #0000;
  }
  .ddga-number-input:has(.ddga-number-input__field:disabled)
    .ddga-number-input__field {
    color: var(--ddga-gray-400);
    cursor: not-allowed;
  }
  .ddga-number-input:has(.ddga-number-input__field:disabled)
    .ddga-number-input__field::placeholder {
    color: var(--ddga-gray-400);
  }
  :is(
      .ddga-field[data-slot="number-input-field"]:has(
          .ddga-number-input__field:disabled
        )
        .ddga-number-input__label,
      .ddga-field[data-slot="number-input-field"]:has(
          .ddga-number-input__field:disabled
        )
        .ddga-number-input__required
    ) {
    color: var(--ddga-gray-400);
  }
  .ddga-field[data-slot="number-input-field"] .ddga-field__message {
    padding-block: var(--ddga-space-1);
  }
  .ddga-field[data-slot="number-input-field"] .ddga-field__message--helper {
    color: var(--ddga-gray-700);
  }
  .ddga-field[data-slot="number-input-field"] .ddga-field__message--error {
    color: var(--ddga-error-700);
  }
  [data-theme="dark"] .ddga-number-input {
    border-color: var(--ddga-color-input);
    color: var(--ddga-text-primary);
  }
  [data-theme="dark"] .ddga-number-input__field {
    caret-color: var(--ddga-text-primary);
  }
  [data-theme="dark"] .ddga-number-input__field::placeholder {
    color: var(--ddga-text-placeholder);
  }
  [data-theme="dark"] .ddga-number-input--filled-lighter,
  [data-theme="dark"] .ddga-number-input--filled-darker {
    background-color: var(--ddga-color-muted);
  }
  [data-theme="dark"] .ddga-number-input__step {
    background-color: var(--ddga-color-muted);
    color: var(--ddga-text-primary);
  }
  [data-theme="dark"] .ddga-number-input__step:hover:not(:disabled) {
    background-color: var(--ddga-color-border);
  }
  [data-theme="dark"]
    .ddga-number-input--steppers-subtle
    .ddga-number-input__step {
    background-color: #0000;
  }
  [data-theme="dark"]
    .ddga-number-input--steppers-subtle
    .ddga-number-input__step:hover:not(:disabled) {
    background-color: var(--ddga-color-muted);
  }
  [data-theme="dark"] .ddga-number-input__step:disabled {
    color: var(--ddga-text-tertiary);
  }
  [data-theme="dark"] .ddga-number-input--default:hover:not(:focus-within) {
    border-color: var(--ddga-gray-500);
  }
  [data-theme="dark"] .ddga-number-input:after {
    background-color: var(--ddga-text-primary);
  }
  :is(
      [data-theme="dark"]
        .ddga-number-input:has(.ddga-number-input__field:active):not(
          :has(.ddga-number-input__field:disabled)
        ),
      [data-theme="dark"] .ddga-number-input--pressed
    ) {
    background-color: var(--ddga-color-muted);
  }
  :is(
      [data-theme="dark"]
        .ddga-number-input:has(
          .ddga-number-input__field:read-only:not(:disabled)
        ),
      [data-theme="dark"]
        .ddga-number-input:has(.ddga-number-input__field:disabled)
    ) {
    border-color: var(--ddga-color-border);
  }
  [data-theme="dark"]
    .ddga-number-input:has(.ddga-number-input__field:disabled)
    .ddga-number-input__field {
    color: var(--ddga-text-tertiary);
  }
  [data-theme="dark"]
    .ddga-number-input:has(.ddga-number-input__field:disabled)
    .ddga-number-input__field::placeholder {
    color: var(--ddga-text-tertiary);
  }
  :is(
      [data-theme="dark"]
        .ddga-field[data-slot="number-input-field"]:has(
          .ddga-number-input__field:disabled
        )
        .ddga-number-input__label,
      [data-theme="dark"]
        .ddga-field[data-slot="number-input-field"]:has(
          .ddga-number-input__field:disabled
        )
        .ddga-number-input__required
    ) {
    color: var(--ddga-text-tertiary);
  }
  [data-theme="dark"]
    .ddga-field[data-slot="number-input-field"]
    .ddga-field__message--helper {
    color: var(--ddga-text-secondary);
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-number-input,
    .ddga-number-input:after,
    .ddga-number-input__step {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-number-input {
      border: 1px solid canvastext;
    }
    .ddga-number-input__step {
      color: buttontext;
      background-color: buttonface;
    }
    .ddga-number-input:focus-within {
      outline-offset: 1px;
      outline: 2px solid highlight;
    }
    .ddga-number-input:has(.ddga-number-input__field:disabled) {
      border-color: graytext;
    }
    .ddga-number-input:has(.ddga-number-input__field:disabled)
      .ddga-number-input__field {
      color: graytext;
    }
  }
  .ddga-rating__label {
    color: var(--ddga-text-primary);
    font-weight: var(--ddga-font-weight-medium);
    font-size: var(--ddga-font-size-sm);
    line-height: 1.4;
    display: block;
  }
  .ddga-rating {
    --ddga-rating-color: var(--ddga-gold-600);
    --ddga-rating-empty: var(--ddga-color-border);
    --ddga-rating-disc: 46px;
    align-items: center;
    gap: var(--ddga-space-1);
    color: var(--ddga-rating-empty);
    inline-size: fit-content;
    display: inline-flex;
  }
  .ddga-rating--brand {
    --ddga-rating-color: var(--ddga-color-primary);
  }
  .ddga-rating--sm {
    --ddga-rating-disc: 38px;
    font-size: 1.5rem;
  }
  .ddga-rating--md {
    --ddga-rating-disc: 46px;
    font-size: 2rem;
  }
  .ddga-rating--lg {
    --ddga-rating-disc: 54px;
    font-size: 3rem;
  }
  .ddga-rating[role="slider"]:focus-visible {
    outline: 2px solid var(--ddga-color-ring);
    outline-offset: 2px;
    border-radius: var(--ddga-radius-sm);
  }
  .ddga-rating[data-disabled] {
    opacity: 0.5;
  }
  .ddga-rating--error {
    --ddga-rating-empty: var(--ddga-color-error);
  }
  .ddga-rating[role="slider"]:not([data-disabled]) {
    cursor: pointer;
  }
  .ddga-rating__star {
    isolation: isolate;
    line-height: 0;
    display: inline-flex;
    position: relative;
  }
  .ddga-rating__star:before {
    content: "";
    inline-size: var(--ddga-rating-disc);
    block-size: var(--ddga-rating-disc);
    border-radius: var(--ddga-radius-full);
    background: var(--ddga-color-muted);
    opacity: 0;
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .ddga-rating[role="slider"]:not([data-disabled])
    .ddga-rating__star:active:before {
    opacity: 1;
  }
  .ddga-rating__star-bg {
    color: var(--ddga-rating-empty);
    line-height: 0;
    display: block;
  }
  .ddga-rating__star-fill {
    inline-size: 0;
    color: var(--ddga-rating-color);
    line-height: 0;
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    overflow: hidden;
  }
  .ddga-rating__star[data-fill="half"] .ddga-rating__star-fill {
    inline-size: 50%;
  }
  .ddga-rating__star[data-fill="full"] .ddga-rating__star-fill {
    inline-size: 100%;
  }
  .ddga-rating__star-fg {
    line-height: 0;
    display: block;
  }
  .ddga-rating__star :where(svg) {
    block-size: 1em;
    inline-size: 1em;
    display: block;
  }
  @media (forced-colors: active) {
    .ddga-rating__star-bg {
      color: canvastext;
    }
    .ddga-rating__star-fill {
      color: highlight;
    }
    .ddga-rating[role="slider"]:focus-visible {
      outline: 2px solid highlight;
    }
  }
  .ddga-toggle {
    justify-content: center;
    align-items: center;
    gap: var(--ddga-space-2);
    border-radius: var(--ddga-radius-sm);
    color: var(--ddga-text-primary);
    font: inherit;
    font-weight: var(--ddga-font-weight-medium);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background-color: #0000;
    border: 1px solid #0000;
    line-height: 1;
    transition: background-color 0.15s, border-color 0.15s, color 0.15s;
    display: inline-flex;
  }
  .ddga-toggle--sm {
    block-size: 32px;
    padding-inline: var(--ddga-space-2);
    font-size: var(--ddga-font-size-sm);
  }
  .ddga-toggle--md {
    block-size: 36px;
    padding-inline: var(--ddga-space-3);
    font-size: var(--ddga-font-size-base);
  }
  .ddga-toggle--lg {
    block-size: 40px;
    padding-inline: var(--ddga-space-4);
    font-size: var(--ddga-font-size-lg);
  }
  .ddga-toggle:hover:not(:disabled) {
    background-color: var(--ddga-color-muted);
  }
  .ddga-toggle[data-state="on"] {
    background-color: var(--ddga-color-primary);
    color: var(--ddga-color-primary-foreground);
  }
  .ddga-toggle[data-state="on"]:hover:not(:disabled) {
    background-color: var(--ddga-color-primary-hover);
  }
  .ddga-toggle--outline {
    border-color: var(--ddga-color-input);
  }
  .ddga-toggle:focus-visible {
    outline: 2px solid var(--ddga-color-ring);
    outline-offset: 1px;
  }
  .ddga-toggle:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-toggle {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-toggle[data-state="on"] {
      color: highlighttext;
      background-color: highlight;
    }
    .ddga-toggle:focus-visible {
      outline: 2px solid highlight;
    }
  }
  .ddga-description-list {
    --ddga-dl-term-width: 12rem;
    color: var(--ddga-text-primary);
    font-size: var(--ddga-font-size-base);
    margin: 0;
  }
  .ddga-description-list__item {
    gap: var(--ddga-space-2) var(--ddga-space-4);
    padding-block: var(--ddga-space-2);
    display: flex;
  }
  .ddga-description-list__term {
    color: var(--ddga-text-secondary);
    font-weight: var(--ddga-font-weight-medium);
    line-height: 1.5;
  }
  .ddga-description-list__details {
    color: var(--ddga-text-primary);
    margin: 0;
    line-height: 1.5;
  }
  .ddga-description-list--horizontal .ddga-description-list__item {
    flex-direction: row;
    align-items: baseline;
  }
  .ddga-description-list--horizontal .ddga-description-list__term {
    inline-size: var(--ddga-dl-term-width);
    flex: none;
  }
  .ddga-description-list--horizontal .ddga-description-list__details {
    flex: auto;
    min-inline-size: 0;
  }
  @media (max-width: 480px) {
    .ddga-description-list--horizontal .ddga-description-list__item {
      align-items: stretch;
      gap: var(--ddga-space-1);
      flex-direction: column;
    }
    .ddga-description-list--horizontal .ddga-description-list__term {
      inline-size: auto;
    }
  }
  .ddga-description-list--vertical .ddga-description-list__item {
    gap: var(--ddga-space-1);
    flex-direction: column;
  }
  .ddga-description-list--divided .ddga-description-list__item {
    border-block-end: 1px solid var(--ddga-color-border);
  }
  .ddga-description-list--divided .ddga-description-list__item:last-child {
    border-block-end: 0;
  }
  @media (forced-colors: active) {
    .ddga-description-list--divided .ddga-description-list__item {
      border-block-end-color: canvastext;
    }
  }
  .ddga-empty-state {
    --ddga-empty-state-media-size: 3.5rem;
    --ddga-empty-state-icon-size: 1.75rem;
    --ddga-empty-state-tint-bg: var(--ddga-gray-100);
    --ddga-empty-state-tint-fg: var(--ddga-gray-600);
    text-align: center;
    align-items: center;
    gap: var(--ddga-space-4);
    max-inline-size: 28rem;
    padding-block: var(--ddga-space-8);
    padding-inline: var(--ddga-space-4);
    color: var(--ddga-text-primary);
    flex-direction: column;
    margin-inline: auto;
    display: flex;
  }
  .ddga-empty-state__media {
    inline-size: var(--ddga-empty-state-media-size);
    block-size: var(--ddga-empty-state-media-size);
    border-radius: var(--ddga-radius-full);
    background-color: var(--ddga-empty-state-tint-bg);
    color: var(--ddga-empty-state-tint-fg);
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .ddga-empty-state__media > svg {
    inline-size: var(--ddga-empty-state-icon-size);
    block-size: var(--ddga-empty-state-icon-size);
  }
  .ddga-empty-state__title {
    color: var(--ddga-text-primary);
    font-size: var(--ddga-font-size-lg);
    font-weight: var(--ddga-font-weight-semibold);
    margin: 0;
    line-height: 1.4;
  }
  .ddga-empty-state__description {
    color: var(--ddga-text-secondary);
    font-size: var(--ddga-font-size-base);
    margin: 0;
    line-height: 1.5;
  }
  .ddga-empty-state__actions {
    justify-content: center;
    align-items: center;
    gap: var(--ddga-space-3);
    flex-wrap: wrap;
    margin-block-start: var(--ddga-space-2);
    display: flex;
  }
  .ddga-empty-state--error {
    --ddga-empty-state-tint-bg: var(--ddga-error-50);
    --ddga-empty-state-tint-fg: var(--ddga-error-600);
  }
  .ddga-empty-state--success {
    --ddga-empty-state-tint-bg: var(--ddga-success-50);
    --ddga-empty-state-tint-fg: var(--ddga-success-600);
  }
  .ddga-empty-state--sm {
    --ddga-empty-state-media-size: 2.75rem;
    --ddga-empty-state-icon-size: 1.375rem;
    gap: var(--ddga-space-3);
    padding-block: var(--ddga-space-6);
  }
  .ddga-empty-state--sm .ddga-empty-state__title {
    font-size: var(--ddga-font-size-base);
  }
  .ddga-empty-state--sm .ddga-empty-state__description {
    font-size: var(--ddga-font-size-sm);
  }
  .ddga-empty-state--lg {
    --ddga-empty-state-media-size: 4.5rem;
    --ddga-empty-state-icon-size: 2.25rem;
    gap: var(--ddga-space-5);
    padding-block: var(--ddga-space-12);
  }
  .ddga-empty-state--lg .ddga-empty-state__title {
    font-size: var(--ddga-font-size-xl);
  }
  [data-theme="dark"] .ddga-empty-state {
    --ddga-empty-state-tint-bg: #ffffff14;
    --ddga-empty-state-tint-fg: var(--ddga-gray-300, #d2d6db);
  }
  [data-theme="dark"] .ddga-empty-state--error {
    --ddga-empty-state-tint-bg: #d92d202e;
    --ddga-empty-state-tint-fg: var(--ddga-error-200, #fecdca);
  }
  [data-theme="dark"] .ddga-empty-state--success {
    --ddga-empty-state-tint-bg: #0794552e;
    --ddga-empty-state-tint-fg: var(--ddga-success-200, #abefc6);
  }
  @media (forced-colors: active) {
    .ddga-empty-state__media {
      border: 1px solid canvastext;
    }
  }
  .ddga-metric {
    --ddga-metric-ink: var(--ddga-gray-800);
    gap: var(--ddga-space-6);
    max-inline-size: 22.5rem;
    padding: var(--ddga-space-4);
    background-color: var(--ddga-color-card);
    border-radius: var(--ddga-radius-lg);
    box-shadow: var(--ddga-shadow-md);
    color: var(--ddga-color-card-foreground);
    flex-direction: column;
    display: flex;
  }
  .ddga-metric__header {
    justify-content: space-between;
    align-items: center;
    gap: var(--ddga-space-2);
    display: flex;
  }
  .ddga-metric__heading {
    align-items: center;
    gap: var(--ddga-space-2);
    min-inline-size: 0;
    display: flex;
  }
  .ddga-metric__icon {
    border-radius: var(--ddga-radius-full);
    background-color: var(--ddga-sa-50);
    block-size: 2rem;
    inline-size: 2rem;
    color: var(--ddga-success-700);
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .ddga-metric__icon > svg {
    block-size: 1rem;
    inline-size: 1rem;
  }
  .ddga-metric__action {
    flex: none;
  }
  .ddga-metric__label {
    color: var(--ddga-metric-ink);
    font-size: var(--ddga-font-size-sm);
    font-weight: var(--ddga-font-weight-medium);
    line-height: 1.4286;
  }
  .ddga-metric__body {
    gap: var(--ddga-space-6);
    display: flex;
  }
  .ddga-metric--large .ddga-metric__body {
    flex-direction: column;
  }
  .ddga-metric--small .ddga-metric__body {
    align-items: flex-end;
    gap: var(--ddga-space-6);
    flex-direction: row;
  }
  .ddga-metric__figures {
    flex: 1 1 0;
    min-inline-size: 0;
    display: flex;
  }
  .ddga-metric--large .ddga-metric__figures {
    align-items: center;
    gap: var(--ddga-space-6);
    flex-direction: row;
  }
  .ddga-metric--small .ddga-metric__figures {
    gap: var(--ddga-space-3);
    flex-direction: column;
  }
  .ddga-metric__value {
    color: var(--ddga-metric-ink);
    font-size: var(--ddga-font-size-display-md);
    font-weight: var(--ddga-font-weight-bold);
    line-height: var(--ddga-font-line-height-display-md);
    letter-spacing: var(--ddga-font-tracking-display);
    font-variant-numeric: tabular-nums;
  }
  [dir="rtl"] .ddga-metric__value {
    letter-spacing: normal;
  }
  .ddga-metric__info {
    align-items: flex-end;
    gap: var(--ddga-space-2);
    display: flex;
  }
  .ddga-metric--large .ddga-metric__info {
    flex: 1 1 0;
    justify-content: flex-end;
  }
  [dir="rtl"] .ddga-metric--large .ddga-metric__figures {
    flex-direction: row-reverse;
  }
  [dir="rtl"] .ddga-metric--large .ddga-metric__info {
    justify-content: flex-start;
  }
  .ddga-metric__change {
    --ddga-metric-change-color: var(--ddga-text-secondary);
    color: var(--ddga-metric-change-color);
    font-size: var(--ddga-font-size-sm);
    font-weight: var(--ddga-font-weight-medium);
    font-variant-numeric: tabular-nums;
    align-items: center;
    gap: 0.125rem;
    display: inline-flex;
  }
  .ddga-metric__change[data-type="02"] {
    gap: var(--ddga-space-1);
  }
  .ddga-metric__change--up {
    --ddga-metric-change-color: var(--ddga-success-700);
  }
  .ddga-metric__change--down {
    --ddga-metric-change-color: var(--ddga-error-700);
  }
  .ddga-metric__change-icon {
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .ddga-metric__change-icon > svg {
    block-size: 1.25rem;
    inline-size: 1.25rem;
  }
  .ddga-metric__change-label {
    color: var(--ddga-text-tertiary);
    font-size: var(--ddga-font-size-sm);
  }
  .ddga-metric__chart {
    --ddga-metric-chart-line: var(--ddga-success-700);
    --ddga-metric-chart-area: var(--ddga-success-600);
    block-size: 4rem;
    position: relative;
  }
  .ddga-metric__chart[data-trend="down"] {
    --ddga-metric-chart-line: var(--ddga-error-700);
    --ddga-metric-chart-area: var(--ddga-error-600);
  }
  .ddga-metric--large .ddga-metric__chart {
    inline-size: 100%;
  }
  .ddga-metric--small .ddga-metric__chart {
    flex: none;
    inline-size: 8rem;
  }
  .ddga-metric__chart-svg {
    block-size: 100%;
    inline-size: 100%;
    display: block;
  }
  .ddga-metric__chart-line {
    fill: none;
    stroke: var(--ddga-metric-chart-line);
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .ddga-metric__chart-marker {
    block-size: 22px;
    inline-size: 22px;
    position: absolute;
    transform: translate(-50%, -50%);
  }
  .ddga-metric__chart-marker:before {
    content: "";
    border-radius: var(--ddga-radius-full);
    border: 2px solid var(--ddga-metric-chart-line);
    opacity: 0.2;
    position: absolute;
    inset: 0;
  }
  .ddga-metric__chart-marker:after {
    content: "";
    border-radius: var(--ddga-radius-full);
    background-color: var(--ddga-color-card);
    border: 2px solid var(--ddga-metric-chart-line);
    position: absolute;
    inset: 5px;
  }
  .ddga-metric__footer {
    gap: var(--ddga-space-4);
    flex-direction: column;
    display: flex;
  }
  .ddga-metric__divider {
    margin-inline: calc(-1 * var(--ddga-space-4));
    background-color: var(--ddga-color-input);
    block-size: 1px;
  }
  .ddga-metric__actions {
    justify-content: space-between;
    align-items: center;
    gap: var(--ddga-space-2);
    display: flex;
  }
  [data-theme="dark"] .ddga-metric {
    --ddga-metric-ink: var(--ddga-gray-100);
  }
  [data-theme="dark"] .ddga-metric__icon {
    color: var(--ddga-success-400);
    background-color: #25935f2e;
  }
  [data-theme="dark"] .ddga-metric__change--up {
    --ddga-metric-change-color: var(--ddga-success-400);
  }
  [data-theme="dark"] .ddga-metric__change--down {
    --ddga-metric-change-color: var(--ddga-error-400);
  }
  [data-theme="dark"] .ddga-metric__chart {
    --ddga-metric-chart-line: var(--ddga-success-400);
  }
  [data-theme="dark"] .ddga-metric__chart[data-trend="down"] {
    --ddga-metric-chart-line: var(--ddga-error-400);
  }
  @media (forced-colors: active) {
    .ddga-metric__icon {
      border: 1px solid canvastext;
    }
    .ddga-metric__divider {
      background-color: canvastext;
    }
  }
  .ddga-metric-group {
    --ddga-metric-group-gap: var(--ddga-space-4);
  }
  .ddga-metric-group--gap-sm {
    --ddga-metric-group-gap: var(--ddga-space-3);
  }
  .ddga-metric-group--gap-md {
    --ddga-metric-group-gap: var(--ddga-space-4);
  }
  .ddga-metric-group--gap-lg {
    --ddga-metric-group-gap: var(--ddga-space-6);
  }
  .ddga-metric-group--horizontal {
    gap: var(--ddga-metric-group-gap);
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    display: grid;
  }
  .ddga-metric-group--horizontal.ddga-metric-group--cols {
    grid-template-columns: repeat(
      auto-fit,
      minmax(
        max(
          15rem,
          calc(
            (
                100% - (var(--ddga-metric-group-columns) - 1) *
                  var(--ddga-metric-group-gap)
              ) / var(--ddga-metric-group-columns)
          )
        ),
        1fr
      )
    );
  }
  .ddga-metric-group--vertical {
    gap: var(--ddga-metric-group-gap);
    flex-direction: column;
    display: flex;
  }
  .ddga-metric-group .ddga-metric {
    max-inline-size: none;
  }
  .ddga-popover {
    background-color: var(--ddga-color-background);
    max-inline-size: 20rem;
    color: var(--ddga-color-foreground);
    border: 1px solid var(--ddga-color-border);
    border-radius: var(--ddga-radius-md);
    box-shadow: var(--ddga-shadow-md);
    overflow-wrap: anywhere;
    z-index: var(--ddga-z-popover);
    outline: none;
    font-family: inherit;
    line-height: 1.5;
    position: relative;
  }
  .ddga-popover--sm {
    padding-block: var(--ddga-space-2);
    padding-inline: var(--ddga-space-3);
    font-size: var(--ddga-font-size-sm);
  }
  .ddga-popover--md {
    padding-block: var(--ddga-space-3);
    padding-inline: var(--ddga-space-4);
    font-size: var(--ddga-font-size-base);
  }
  .ddga-popover__arrow {
    fill: var(--ddga-color-background);
    filter: drop-shadow(-1px 1px 0 var(--ddga-color-border))
      drop-shadow(1px 1px 0 var(--ddga-color-border));
  }
  .ddga-popover__close {
    block-size: 1.75rem;
    inline-size: 1.75rem;
    color: var(--ddga-text-secondary);
    cursor: pointer;
    border-radius: var(--ddga-radius-sm);
    background: 0 0;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    transition: background-color 0.15s, color 0.15s;
    display: inline-flex;
    position: absolute;
    inset-block-start: var(--ddga-space-2);
    inset-inline-end: var(--ddga-space-2);
  }
  .ddga-popover__close > svg {
    block-size: 1rem;
    inline-size: 1rem;
  }
  .ddga-popover__close:hover {
    background-color: var(--ddga-color-muted);
    color: var(--ddga-text-primary);
  }
  .ddga-popover__close:focus-visible {
    box-shadow: 0 0 0 2px var(--ddga-color-ring);
    outline: none;
  }
  .ddga-popover[data-state="open"] {
    animation: 0.12s cubic-bezier(0.16, 1, 0.3, 1) ddga-popover-in;
  }
  .ddga-popover[data-state="closed"] {
    animation: 80ms ease-in ddga-popover-out;
  }
  @keyframes ddga-popover-in {
    0% {
      opacity: 0;
      transform: scale(0.96);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  @keyframes ddga-popover-out {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-popover {
      animation-duration: 0s;
    }
  }
  @media (forced-colors: active) {
    .ddga-popover {
      border: 1px solid canvastext;
    }
    .ddga-popover__close:focus-visible {
      outline: 2px solid canvastext;
    }
  }
  .ddga-sidebar-wrapper {
    --ddga-sidebar-width: 16rem;
    --ddga-sidebar-width-icon: 3.5rem;
    block-size: 100svh;
    inline-size: 100%;
    display: flex;
  }
  .ddga-sidebar {
    inline-size: var(--ddga-sidebar-width);
    background-color: var(--ddga-color-background);
    block-size: 100%;
    color: var(--ddga-text-primary);
    border-inline-end: 1px solid var(--ddga-color-border);
    will-change: inline-size;
    flex-direction: column;
    flex: none;
    transition: inline-size 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    overflow: hidden;
  }
  .ddga-sidebar[data-side="end"] {
    border-inline-end: 0;
    border-inline-start: 1px solid var(--ddga-color-border);
    order: 1;
  }
  .ddga-sidebar[data-collapsible="icon"][data-state="collapsed"] {
    inline-size: var(--ddga-sidebar-width-icon);
  }
  .ddga-sidebar[data-collapsible="offcanvas"][data-state="collapsed"] {
    border-inline: 0;
    inline-size: 0;
  }
  .ddga-sidebar[data-variant="floating"] {
    margin: var(--ddga-space-2);
    border: 1px solid var(--ddga-color-border);
    border-radius: var(--ddga-radius-md);
    block-size: auto;
    box-shadow: var(--ddga-shadow-md);
  }
  .ddga-sidebar[data-variant="inset"] {
    background-color: #0000;
    border-inline-end: 0;
  }
  .ddga-sidebar--mobile {
    inline-size: var(--ddga-sidebar-width);
    flex-direction: column;
    max-inline-size: 85vw;
    display: flex;
  }
  .ddga-sidebar-inset {
    flex-direction: column;
    flex: auto;
    min-block-size: 0;
    min-inline-size: 0;
    display: flex;
    overflow-y: auto;
  }
  .ddga-sidebar-wrapper:has(.ddga-sidebar[data-variant="inset"])
    .ddga-sidebar-inset {
    margin: var(--ddga-space-2);
    background-color: var(--ddga-color-background);
    border: 1px solid var(--ddga-color-border);
    border-radius: var(--ddga-radius-md);
    box-shadow: var(--ddga-shadow-sm);
    overflow: hidden auto;
  }
  .ddga-sidebar__trigger {
    border-radius: var(--ddga-radius-sm);
    block-size: 2rem;
    inline-size: 2rem;
    color: var(--ddga-text-secondary);
    cursor: pointer;
    background: 0 0;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }
  .ddga-sidebar__trigger:hover {
    background-color: var(--ddga-color-muted);
    color: var(--ddga-text-primary);
  }
  .ddga-sidebar__trigger:focus-visible {
    outline: 2px solid var(--ddga-color-ring);
    outline-offset: 2px;
  }
  .ddga-sidebar__trigger > svg {
    block-size: 1.125rem;
    inline-size: 1.125rem;
  }
  .ddga-sidebar__rail {
    cursor: col-resize;
    background: 0 0;
    border: 0;
    inline-size: 0.75rem;
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
    transform: translate(50%);
  }
  [dir="rtl"] .ddga-sidebar__rail {
    transform: translate(-50%);
  }
  .ddga-sidebar__header,
  .ddga-sidebar__footer {
    gap: var(--ddga-space-2);
    padding: var(--ddga-space-2);
    flex-direction: column;
    display: flex;
  }
  .ddga-sidebar__content {
    gap: var(--ddga-space-1);
    min-block-size: 0;
    padding: var(--ddga-space-2);
    flex-direction: column;
    flex: auto;
    transition: padding-inline 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    overflow: hidden auto;
  }
  .ddga-sidebar__separator {
    block-size: 1px;
    margin-block: var(--ddga-space-1);
    margin-inline: var(--ddga-space-2);
    background-color: var(--ddga-color-border);
    border: 0;
  }
  .ddga-sidebar__group {
    padding: var(--ddga-space-2);
    flex-direction: column;
    transition: padding-inline 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    position: relative;
  }
  .ddga-sidebar__group-label {
    block-size: 1.75rem;
    padding-inline: var(--ddga-space-2);
    font-size: var(--ddga-font-size-xs);
    font-weight: var(--ddga-font-weight-semibold);
    color: var(--ddga-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
    align-items: center;
    transition: block-size 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.15s;
    display: flex;
    overflow: hidden;
  }
  [dir="rtl"] .ddga-sidebar__group-label {
    letter-spacing: normal;
    text-transform: none;
  }
  .ddga-sidebar__group-action {
    border-radius: var(--ddga-radius-sm);
    block-size: 1.5rem;
    inline-size: 1.5rem;
    color: var(--ddga-text-secondary);
    cursor: pointer;
    background: 0 0;
    border: 0;
    justify-content: center;
    align-items: center;
    transition: opacity 0.15s;
    display: inline-flex;
    position: absolute;
    inset-block-start: var(--ddga-space-2);
    inset-inline-end: var(--ddga-space-2);
  }
  .ddga-sidebar__group-action:hover {
    background-color: var(--ddga-color-muted);
  }
  .ddga-sidebar[data-collapsible="icon"][data-state="collapsed"]
    .ddga-sidebar__group-label {
    opacity: 0;
    block-size: 0;
    margin-block: 0;
    padding-block: 0;
  }
  .ddga-sidebar[data-collapsible="icon"][data-state="collapsed"]
    .ddga-sidebar__group-action,
  .ddga-sidebar[data-collapsible="icon"][data-state="collapsed"]
    .ddga-sidebar__menu-badge {
    opacity: 0;
    pointer-events: none;
  }
  .ddga-sidebar[data-collapsible="icon"][data-state="collapsed"]
    .ddga-sidebar__menu-sub {
    display: none;
  }
  .ddga-sidebar__menu {
    gap: var(--ddga-space-1);
    flex-direction: column;
    inline-size: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }
  .ddga-sidebar__menu-item {
    position: relative;
  }
  .ddga-sidebar__menu-button {
    align-items: center;
    gap: var(--ddga-space-2);
    inline-size: 100%;
    min-inline-size: 0;
    padding-block: var(--ddga-space-2);
    padding-inline: var(--ddga-space-2);
    border-radius: var(--ddga-radius-md);
    color: var(--ddga-text-primary);
    font-size: var(--ddga-font-size-sm);
    font-weight: var(--ddga-font-weight-medium);
    text-align: start;
    cursor: pointer;
    white-space: nowrap;
    background: 0 0;
    border: 0;
    text-decoration: none;
    transition: background-color 0.12s, color 0.12s,
      padding-inline 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    overflow: hidden;
  }
  .ddga-sidebar__menu-button > svg {
    block-size: 1.125rem;
    inline-size: 1.125rem;
    color: var(--ddga-text-secondary);
    flex: none;
    transition: color 0.12s;
  }
  .ddga-sidebar__menu-button > :not(:first-child) {
    transition: opacity 0.15s;
  }
  .ddga-sidebar__menu-button:hover {
    background-color: var(--ddga-color-muted);
  }
  .ddga-sidebar__menu-button:focus-visible {
    outline: 2px solid var(--ddga-color-ring);
    outline-offset: -2px;
  }
  .ddga-sidebar__menu-button:active {
    background-color: var(--ddga-color-muted);
    color: var(--ddga-text-primary);
  }
  .ddga-sidebar__menu-button[data-active="true"] {
    background-color: var(--ddga-color-muted);
    color: var(--ddga-color-primary);
    font-weight: var(--ddga-font-weight-semibold);
  }
  .ddga-sidebar__menu-button[data-active="true"] > svg {
    color: var(--ddga-color-primary);
  }
  .ddga-sidebar__menu-button--sm {
    padding-block: var(--ddga-space-1);
    font-size: var(--ddga-font-size-xs);
  }
  .ddga-sidebar__menu-button--lg {
    padding-block: var(--ddga-space-3);
    font-size: var(--ddga-font-size-base);
  }
  .ddga-sidebar[data-collapsible="icon"][data-state="collapsed"]
    .ddga-sidebar__content,
  .ddga-sidebar[data-collapsible="icon"][data-state="collapsed"]
    .ddga-sidebar__group,
  .ddga-sidebar[data-collapsible="icon"][data-state="collapsed"]
    .ddga-sidebar__header,
  .ddga-sidebar[data-collapsible="icon"][data-state="collapsed"]
    .ddga-sidebar__footer {
    padding-inline: 0;
  }
  .ddga-sidebar[data-collapsible="icon"][data-state="collapsed"]
    .ddga-sidebar__menu-button {
    padding-inline: calc((var(--ddga-sidebar-width-icon) - 1.125rem) / 2);
  }
  .ddga-sidebar[data-collapsible="icon"][data-state="collapsed"]
    .ddga-sidebar__menu-button
    > :not(:first-child) {
    opacity: 0;
  }
  .ddga-sidebar[data-collapsible="icon"][data-state="collapsed"]
    .ddga-sidebar__header,
  .ddga-sidebar[data-collapsible="icon"][data-state="collapsed"]
    .ddga-sidebar__footer {
    align-items: center;
  }
  .ddga-sidebar__menu-action {
    border-radius: var(--ddga-radius-sm);
    block-size: 1.5rem;
    inline-size: 1.5rem;
    color: var(--ddga-text-secondary);
    cursor: pointer;
    background: 0 0;
    border: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: var(--ddga-space-1);
    transform: translateY(-50%);
  }
  .ddga-sidebar__menu-action:hover {
    background-color: var(--ddga-color-muted);
  }
  .ddga-sidebar__menu-action:focus-visible {
    outline: 2px solid var(--ddga-color-ring);
    outline-offset: 2px;
  }
  .ddga-sidebar__menu-action[data-show-on-hover] {
    opacity: 0;
  }
  .ddga-sidebar__menu-item:hover .ddga-sidebar__menu-action[data-show-on-hover],
  .ddga-sidebar__menu-action[data-show-on-hover]:focus-visible {
    opacity: 1;
  }
  .ddga-sidebar__menu-badge {
    pointer-events: none;
    block-size: 1.25rem;
    min-inline-size: 1.25rem;
    padding-inline: var(--ddga-space-1);
    border-radius: var(--ddga-radius-full);
    background-color: var(--ddga-color-muted);
    color: var(--ddga-text-secondary);
    font-size: var(--ddga-font-size-xs);
    font-weight: var(--ddga-font-weight-medium);
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: var(--ddga-space-2);
    transform: translateY(-50%);
  }
  .ddga-sidebar__menu-skeleton {
    align-items: center;
    gap: var(--ddga-space-2);
    block-size: 2rem;
    padding-inline: var(--ddga-space-2);
    display: flex;
  }
  .ddga-sidebar__menu-skeleton-text {
    flex: auto;
    max-inline-size: 12rem;
  }
  .ddga-sidebar__menu-sub {
    border-inline-start: 1px solid var(--ddga-color-border);
    gap: var(--ddga-space-1);
    flex-direction: column;
    margin: 0;
    margin-inline-start: var(--ddga-space-3);
    padding-inline-start: var(--ddga-space-2);
    list-style: none;
    display: flex;
  }
  .ddga-sidebar__menu-sub-button {
    align-items: center;
    gap: var(--ddga-space-2);
    inline-size: 100%;
    padding-block: var(--ddga-space-1);
    padding-inline: var(--ddga-space-2);
    border-radius: var(--ddga-radius-sm);
    color: var(--ddga-text-secondary);
    font-size: var(--ddga-font-size-sm);
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.12s, color 0.12s;
    display: flex;
  }
  .ddga-sidebar__menu-sub-button:hover {
    background-color: var(--ddga-color-muted);
    color: var(--ddga-text-primary);
  }
  .ddga-sidebar__menu-sub-button:focus-visible {
    outline: 2px solid var(--ddga-color-ring);
    outline-offset: -2px;
  }
  .ddga-sidebar__menu-sub-button[data-active="true"] {
    color: var(--ddga-color-primary);
    font-weight: var(--ddga-font-weight-semibold);
  }
  .ddga-sidebar__menu-sub-button--sm {
    font-size: var(--ddga-font-size-xs);
  }
  @media (forced-colors: active) {
    .ddga-sidebar {
      border-color: canvastext;
    }
    .ddga-sidebar__menu-button[data-active="true"],
    .ddga-sidebar__menu-button:hover,
    .ddga-sidebar__menu-sub-button[data-active="true"],
    .ddga-sidebar__menu-sub-button:hover {
      color: highlighttext;
      background-color: highlight;
    }
    .ddga-sidebar__separator,
    .ddga-sidebar__menu-sub {
      background-color: canvastext;
      border-color: canvastext;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-sidebar,
    .ddga-sidebar__content,
    .ddga-sidebar__group,
    .ddga-sidebar__group-label,
    .ddga-sidebar__group-action,
    .ddga-sidebar__menu-button,
    .ddga-sidebar__menu-button > svg,
    .ddga-sidebar__menu-button > *,
    .ddga-sidebar__menu-badge,
    .ddga-sidebar__menu-sub-button {
      transition: none;
    }
  }
  .ddga-scroll-area {
    --ddga-scroll-area-size: 0.625rem;
    --ddga-scroll-area-thumb: var(--ddga-gray-400);
    --ddga-scroll-area-thumb-hover: var(--ddga-gray-500);
    position: relative;
    overflow: hidden;
  }
  .ddga-scroll-area__viewport {
    border-radius: inherit;
    block-size: 100%;
    inline-size: 100%;
  }
  .ddga-scroll-area__viewport:focus-visible {
    outline: 2px solid var(--ddga-color-ring);
    outline-offset: -2px;
  }
  .ddga-scroll-area__viewport--vertical > div {
    display: block !important;
  }
  .ddga-scroll-area__scrollbar {
    padding: var(--ddga-space-0-5);
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    background: 0 0;
    transition: opacity 0.16s;
    display: flex;
  }
  .ddga-scroll-area__scrollbar[data-orientation="vertical"] {
    inline-size: var(--ddga-scroll-area-size);
  }
  .ddga-scroll-area__scrollbar[data-orientation="horizontal"] {
    block-size: var(--ddga-scroll-area-size);
    flex-direction: column;
  }
  .ddga-scroll-area__thumb {
    background-color: var(--ddga-scroll-area-thumb);
    border-radius: var(--ddga-radius-full);
    flex: 1;
    position: relative;
  }
  .ddga-scroll-area__thumb:before {
    content: "";
    min-block-size: 44px;
    min-inline-size: 44px;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%);
  }
  .ddga-scroll-area__thumb:hover {
    background-color: var(--ddga-scroll-area-thumb-hover);
  }
  .ddga-scroll-area__corner {
    background: 0 0;
  }
  [data-theme="dark"] .ddga-scroll-area {
    --ddga-scroll-area-thumb: #fff3;
    --ddga-scroll-area-thumb-hover: #ffffff4d;
  }
  @media (forced-colors: active) {
    .ddga-scroll-area__thumb {
      background-color: canvastext;
      border: 1px solid canvastext;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-scroll-area__scrollbar {
      transition: none;
    }
  }
  .ddga-menubar {
    align-items: center;
    gap: var(--ddga-space-1);
    padding: var(--ddga-space-1);
    background-color: var(--ddga-color-background);
    color: var(--ddga-color-foreground);
    border: 1px solid var(--ddga-color-border);
    border-radius: var(--ddga-radius-md);
    font-family: inherit;
    display: flex;
  }
  .ddga-menubar__trigger {
    padding-block: var(--ddga-space-1);
    padding-inline: var(--ddga-space-2);
    border-radius: var(--ddga-radius-sm);
    font-size: var(--ddga-font-size-base);
    font-weight: var(--ddga-font-weight-medium);
    color: inherit;
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    border: 1px solid #0000;
    outline: none;
    align-items: center;
    transition: background-color 0.12s, border-color 0.12s, color 0.12s;
    display: inline-flex;
    position: relative;
  }
  .ddga-menubar__trigger:focus-visible {
    box-shadow: 0 0 0 2px var(--ddga-color-ring);
  }
  .ddga-menubar__trigger[data-disabled] {
    color: var(--ddga-text-tertiary);
    pointer-events: none;
  }
  .ddga-menubar__trigger--default:after {
    content: "";
    inset-inline: var(--ddga-space-2);
    border-radius: var(--ddga-radius-full);
    background-color: #0000;
    block-size: 2px;
    transition: background-color 0.12s;
    position: absolute;
    inset-block-end: 2px;
  }
  .ddga-menubar__trigger--default[data-highlighted] {
    background-color: var(--ddga-color-muted);
  }
  .ddga-menubar__trigger--default[data-state="open"] {
    background-color: var(--ddga-color-muted);
    color: var(--ddga-color-primary);
  }
  .ddga-menubar__trigger--default[data-state="open"]:after {
    background-color: var(--ddga-color-primary);
  }
  .ddga-menubar__trigger--outline {
    border-color: var(--ddga-color-border);
  }
  .ddga-menubar__trigger--outline[data-highlighted] {
    background-color: var(--ddga-color-muted);
  }
  .ddga-menubar__trigger--outline[data-state="open"] {
    border-color: var(--ddga-color-primary);
    color: var(--ddga-color-primary);
  }
  .ddga-menubar-menu {
    min-inline-size: 192px;
    max-inline-size: 320px;
    padding: var(--ddga-space-1);
    background-color: var(--ddga-color-background);
    color: var(--ddga-color-foreground);
    border: 1px solid var(--ddga-color-border);
    border-radius: var(--ddga-radius-md);
    box-shadow: var(--ddga-shadow-md);
    z-index: var(--ddga-z-popover);
    outline: none;
    font-family: inherit;
  }
  .ddga-menubar-menu[data-state="open"] {
    animation: 0.12s cubic-bezier(0.16, 1, 0.3, 1) ddga-menubar-menu-in;
  }
  .ddga-menubar-menu[data-state="closed"] {
    animation: 80ms ease-in ddga-menubar-menu-out;
  }
  @keyframes ddga-menubar-menu-in {
    0% {
      opacity: 0;
      transform: translateY(-2px) scale(0.98);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  @keyframes ddga-menubar-menu-out {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  .ddga-menubar-menu--sm {
    font-size: var(--ddga-font-size-sm);
  }
  .ddga-menubar-menu--md {
    font-size: var(--ddga-font-size-base);
  }
  .ddga-menubar-menu__item {
    align-items: center;
    gap: var(--ddga-space-2);
    inline-size: 100%;
    padding-block: var(--ddga-space-1);
    padding-inline: var(--ddga-space-2);
    border-radius: var(--ddga-radius-sm);
    color: inherit;
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    display: flex;
  }
  .ddga-menubar-menu__item[data-highlighted] {
    background-color: var(--ddga-color-muted);
  }
  .ddga-menubar-menu__item[data-disabled] {
    color: var(--ddga-text-tertiary);
    pointer-events: none;
  }
  .ddga-menubar-menu__item[data-destructive] {
    color: var(--ddga-color-destructive);
  }
  .ddga-menubar-menu__item[data-destructive][data-highlighted] {
    background-color: var(--ddga-error-50);
  }
  .ddga-menubar-menu__label {
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: auto;
    min-inline-size: 0;
    overflow: hidden;
  }
  .ddga-menubar-menu__icon {
    block-size: 1em;
    inline-size: 1em;
    color: var(--ddga-text-secondary);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .ddga-menubar-menu__icon > svg {
    block-size: 1em;
    inline-size: 1em;
  }
  .ddga-menubar-menu__shortcut {
    font-size: var(--ddga-font-size-xs);
    color: var(--ddga-text-tertiary);
    letter-spacing: 0.04em;
    margin-inline-start: auto;
  }
  .ddga-menubar-menu__item--checkable {
    padding-inline-start: calc(var(--ddga-space-2) + 1.25em);
    position: relative;
  }
  .ddga-menubar-menu__indicator {
    block-size: 1em;
    inline-size: 1em;
    color: var(--ddga-color-primary);
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: var(--ddga-space-2);
    transform: translateY(-50%);
  }
  .ddga-menubar-menu__indicator-icon {
    block-size: 0.875em;
    inline-size: 0.875em;
  }
  .ddga-menubar-menu__radio-dot {
    border-radius: var(--ddga-radius-full);
    background-color: currentColor;
    block-size: 0.5em;
    inline-size: 0.5em;
    display: inline-block;
  }
  .ddga-menubar-menu__item--sub[data-state="open"] {
    background-color: var(--ddga-color-muted);
  }
  .ddga-menubar-menu__sub-chevron {
    block-size: 1em;
    inline-size: 1em;
    color: var(--ddga-text-tertiary);
    margin-inline-start: auto;
  }
  [dir="rtl"] .ddga-menubar-menu__sub-chevron {
    transform: scaleX(-1);
  }
  .ddga-menubar-menu__group-label {
    padding-block: var(--ddga-space-1);
    padding-inline: var(--ddga-space-2);
    font-size: var(--ddga-font-size-xs);
    font-weight: var(--ddga-font-weight-semibold);
    color: var(--ddga-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }
  [dir="rtl"] .ddga-menubar-menu__group-label {
    letter-spacing: normal;
    text-transform: none;
  }
  [dir="rtl"] .ddga-menubar-menu__shortcut {
    letter-spacing: normal;
  }
  .ddga-menubar-menu__separator {
    block-size: 1px;
    margin-block: var(--ddga-space-1);
    margin-inline: calc(var(--ddga-space-1) * -1);
    background-color: var(--ddga-color-border);
  }
  [data-theme="dark"]
    .ddga-menubar-menu__item[data-destructive][data-highlighted] {
    color: var(--ddga-error-200, #fecdca);
    background-color: #d92d203d;
  }
  @media (forced-colors: active) {
    .ddga-menubar {
      border: 1px solid canvastext;
    }
    .ddga-menubar__trigger[data-highlighted],
    .ddga-menubar__trigger[data-state="open"] {
      color: highlighttext;
      background-color: highlight;
    }
    .ddga-menubar__trigger:focus-visible {
      outline-offset: 2px;
      outline: 2px solid highlight;
    }
    .ddga-menubar-menu {
      border: 1px solid canvastext;
    }
    .ddga-menubar-menu__item[data-highlighted] {
      color: highlighttext;
      background-color: highlight;
    }
    .ddga-menubar-menu__separator {
      background-color: canvastext;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-menubar__trigger,
    .ddga-menubar__trigger--default:after {
      transition: none;
    }
    .ddga-menubar-menu[data-state="open"],
    .ddga-menubar-menu[data-state="closed"] {
      animation: none;
    }
  }
  .ddga-timeline {
    --ddga-timeline-node-size: 1.5rem;
    --ddga-timeline-dot-size: 0.75rem;
    --ddga-timeline-gap: var(--ddga-space-5);
    --ddga-timeline-rail-gap: var(--ddga-space-3);
    color: var(--ddga-text-primary);
    margin: 0;
    padding: 0;
    font-family: inherit;
    list-style: none;
    display: flex;
  }
  .ddga-timeline--vertical {
    gap: var(--ddga-timeline-gap);
    flex-direction: column;
  }
  .ddga-timeline--horizontal {
    align-items: flex-start;
    gap: var(--ddga-timeline-gap);
    flex-direction: row;
  }
  .ddga-timeline--sm {
    --ddga-timeline-node-size: 1.25rem;
    --ddga-timeline-dot-size: 0.625rem;
    --ddga-timeline-gap: var(--ddga-space-4);
    --ddga-timeline-rail-gap: var(--ddga-space-2);
    font-size: var(--ddga-font-size-xs);
  }
  .ddga-timeline--md {
    font-size: var(--ddga-font-size-sm);
  }
  .ddga-timeline__item {
    align-items: flex-start;
    gap: var(--ddga-timeline-rail-gap);
    display: flex;
    position: relative;
  }
  .ddga-timeline--horizontal .ddga-timeline__item {
    flex-direction: column;
    flex: 1;
    min-inline-size: 0;
  }
  .ddga-timeline--vertical .ddga-timeline__item:not(:last-child):before {
    content: "";
    inline-size: 2px;
    background-color: var(--ddga-color-border);
    position: absolute;
    inset-block-start: var(--ddga-timeline-node-size);
    inset-block-end: calc(-1 * var(--ddga-timeline-gap));
    inset-inline-start: calc(var(--ddga-timeline-node-size) / 2 - 1px);
  }
  .ddga-timeline--horizontal .ddga-timeline__item:not(:last-child):before {
    content: "";
    block-size: 2px;
    background-color: var(--ddga-color-border);
    position: absolute;
    inset-block-start: calc(var(--ddga-timeline-node-size) / 2 - 1px);
    inset-inline-start: var(--ddga-timeline-node-size);
    inset-inline-end: calc(-1 * var(--ddga-timeline-gap));
  }
  .ddga-timeline__item:has(> .ddga-timeline__marker--success):has(
      + * > [data-reached]
    ):before {
    background-color: var(--ddga-color-success);
  }
  .ddga-timeline__item:has(> .ddga-timeline__marker--error):has(
      + * > [data-reached]
    ):before {
    background-color: var(--ddga-color-error);
  }
  .ddga-timeline__item:has(> .ddga-timeline__marker--warning):has(
      + * > [data-reached]
    ):before {
    background-color: var(--ddga-color-warning);
  }
  .ddga-timeline__item:has(> .ddga-timeline__marker--info):has(
      + * > [data-reached]
    ):before {
    background-color: var(--ddga-color-info);
  }
  .ddga-timeline__marker {
    --ddga-timeline-node-color: var(--ddga-text-tertiary);
    z-index: 1;
    inline-size: var(--ddga-timeline-node-size);
    block-size: var(--ddga-timeline-node-size);
    font-size: calc(var(--ddga-timeline-node-size) * 0.8);
    color: var(--ddga-timeline-node-color);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
  }
  .ddga-timeline__dot {
    inline-size: var(--ddga-timeline-dot-size);
    block-size: var(--ddga-timeline-dot-size);
    border-radius: var(--ddga-radius-full);
    background-color: var(--ddga-timeline-node-color);
  }
  .ddga-timeline__marker > svg {
    block-size: 1em;
    inline-size: 1em;
  }
  .ddga-timeline__marker--default {
    --ddga-timeline-node-color: var(--ddga-text-tertiary);
  }
  .ddga-timeline__marker--success {
    --ddga-timeline-node-color: var(--ddga-color-success);
  }
  .ddga-timeline__marker--error {
    --ddga-timeline-node-color: var(--ddga-color-error);
  }
  .ddga-timeline__marker--warning {
    --ddga-timeline-node-color: var(--ddga-color-warning);
  }
  .ddga-timeline__marker--info {
    --ddga-timeline-node-color: var(--ddga-color-info);
  }
  .ddga-timeline__content {
    gap: var(--ddga-space-1);
    min-inline-size: 0;
    flex-direction: column;
    padding-block-start: calc((var(--ddga-timeline-node-size) - 1.4em) / 2);
    display: flex;
  }
  .ddga-timeline__time {
    color: var(--ddga-text-tertiary);
    font-size: var(--ddga-font-size-xs);
    font-variant-numeric: tabular-nums;
    line-height: 1.4;
    display: block;
  }
  .ddga-timeline__title {
    color: var(--ddga-text-primary);
    font-weight: 600;
    line-height: 1.4;
    display: block;
  }
  .ddga-timeline__description {
    color: var(--ddga-text-tertiary);
    font-size: var(--ddga-font-size-xs);
    line-height: 1.4;
    display: block;
  }
  @media (forced-colors: active) {
    .ddga-timeline__dot {
      background-color: canvastext;
    }
    .ddga-timeline__marker > svg {
      color: canvastext;
    }
    .ddga-timeline .ddga-timeline__item:not(:last-child):before {
      background-color: canvastext;
    }
  }
  .ddga-command {
    background-color: var(--ddga-color-card);
    min-block-size: 0;
    inline-size: 100%;
    color: var(--ddga-color-card-foreground);
    border: 1px solid var(--ddga-color-border);
    border-radius: var(--ddga-radius-md);
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }
  .ddga-command--dialog {
    background-color: #0000;
    border: 0;
    border-radius: 0;
  }
  .ddga-command__input-wrapper {
    align-items: center;
    gap: var(--ddga-space-2);
    padding-inline: var(--ddga-space-3);
    border-block-end: 1px solid var(--ddga-color-border);
    display: flex;
  }
  .ddga-command__search-icon {
    block-size: 1rem;
    inline-size: 1rem;
    color: var(--ddga-text-secondary);
    flex-shrink: 0;
  }
  .ddga-command__input {
    min-inline-size: 0;
    padding-block: var(--ddga-space-3);
    color: inherit;
    font: inherit;
    background-color: #0000;
    border: 0;
    outline: none;
    flex: auto;
  }
  .ddga-command__input::placeholder {
    color: var(--ddga-text-placeholder);
  }
  .ddga-command__list {
    min-block-size: 0;
    max-block-size: min(360px, 60vh);
    padding: var(--ddga-space-1);
    scroll-padding-block: var(--ddga-space-1);
    flex: auto;
    overflow: hidden auto;
  }
  .ddga-command__empty {
    padding-block: var(--ddga-space-5);
    padding-inline: var(--ddga-space-3);
    font-size: var(--ddga-font-size-sm);
    color: var(--ddga-text-tertiary);
    text-align: center;
  }
  .ddga-command__group [cmdk-group-heading] {
    padding-block: var(--ddga-space-1);
    padding-inline: var(--ddga-space-2);
    font-size: var(--ddga-font-size-xs);
    font-weight: var(--ddga-font-weight-semibold);
    color: var(--ddga-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }
  [dir="rtl"] .ddga-command__group [cmdk-group-heading] {
    letter-spacing: normal;
    text-transform: none;
  }
  .ddga-command__separator {
    block-size: 1px;
    margin-block: var(--ddga-space-1);
    background-color: var(--ddga-color-border);
  }
  .ddga-command__item {
    align-items: center;
    gap: var(--ddga-space-2);
    padding-block: var(--ddga-space-2);
    padding-inline: var(--ddga-space-2);
    border-radius: var(--ddga-radius-sm);
    font-size: var(--ddga-font-size-sm);
    color: inherit;
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    display: flex;
  }
  .ddga-command__item[data-selected="true"] {
    background-color: var(--ddga-color-muted);
  }
  .ddga-command__item[data-disabled="true"] {
    color: var(--ddga-text-tertiary);
    pointer-events: none;
  }
  .ddga-command__item-icon {
    block-size: 1rem;
    inline-size: 1rem;
    color: var(--ddga-text-secondary);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .ddga-command__item-icon > svg {
    block-size: 1rem;
    inline-size: 1rem;
  }
  .ddga-command__item-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: auto;
    min-inline-size: 0;
    overflow: hidden;
  }
  .ddga-command__item-shortcut {
    font-size: var(--ddga-font-size-xs);
    letter-spacing: 0.05em;
    color: var(--ddga-text-tertiary);
    flex-shrink: 0;
    margin-inline-start: auto;
  }
  [dir="rtl"] .ddga-command__item-shortcut {
    letter-spacing: normal;
  }
  .ddga-command__overlay {
    z-index: var(--ddga-z-overlay);
    background-color: #00000080;
    animation-duration: 0.15s;
    animation-timing-function: ease;
    position: fixed;
    inset: 0;
  }
  .ddga-command-dialog {
    inset-block-start: 12vh;
    z-index: var(--ddga-z-modal);
    inline-size: min(
      var(--ddga-command-dialog-width, 640px),
      calc(100vw - 2rem)
    );
    background-color: var(--ddga-color-card);
    max-block-size: min(70vh, 480px);
    color: var(--ddga-color-card-foreground);
    border: 1px solid var(--ddga-color-border);
    border-radius: var(--ddga-radius-md);
    box-shadow: var(--ddga-shadow-lg);
    flex-direction: column;
    animation-duration: 0.18s;
    animation-timing-function: ease;
    display: flex;
    position: fixed;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%);
  }
  .ddga-command-dialog .ddga-command {
    min-block-size: 0;
  }
  .ddga-command-dialog .ddga-command__list {
    max-block-size: none;
  }
  .ddga-command__overlay[data-state="open"] {
    animation-name: ddga-command-overlay-in;
  }
  .ddga-command__overlay[data-state="closed"] {
    animation-name: ddga-command-overlay-out;
  }
  .ddga-command-dialog[data-state="open"] {
    animation-name: ddga-command-dialog-in;
  }
  .ddga-command-dialog[data-state="closed"] {
    animation-name: ddga-command-dialog-out;
  }
  @keyframes ddga-command-overlay-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes ddga-command-overlay-out {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @keyframes ddga-command-dialog-in {
    0% {
      opacity: 0;
      transform: translate(-50%) translateY(-8px) scale(0.98);
    }
    to {
      opacity: 1;
      transform: translate(-50%) translateY(0) scale(1);
    }
  }
  @keyframes ddga-command-dialog-out {
    0% {
      opacity: 1;
      transform: translate(-50%) translateY(0) scale(1);
    }
    to {
      opacity: 0;
      transform: translate(-50%) translateY(-8px) scale(0.98);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-command__overlay,
    .ddga-command-dialog {
      animation-duration: 0s;
    }
  }
  @media (forced-colors: active) {
    .ddga-command,
    .ddga-command-dialog {
      border: 1px solid canvastext;
    }
    .ddga-command__item[data-selected="true"] {
      color: highlighttext;
      background-color: highlight;
    }
    .ddga-command__separator {
      background-color: canvastext;
    }
  }
  .ddga-table__region {
    inline-size: 100%;
    overflow: auto hidden;
  }
  .ddga-table__region[role="region"]:focus-visible {
    outline: 2px solid var(--ddga-color-ring);
    outline-offset: 2px;
  }
  .ddga-table__region:has(> .ddga-table--contained) {
    border: 1px solid var(--ddga-color-input);
    border-radius: var(--ddga-radius-sm);
  }
  .ddga-table {
    --ddga-table-pad-block: var(--ddga-space-2);
    --ddga-table-pad-inline: var(--ddga-space-4);
    --ddga-table-row-h: 4rem;
    border-collapse: collapse;
    inline-size: 100%;
    color: var(--ddga-text-primary);
    font-size: var(--ddga-font-size-base);
    background-color: var(--ddga-color-card);
    text-align: start;
  }
  .ddga-table--sm {
    --ddga-table-row-h: 3rem;
  }
  .ddga-table--md {
    --ddga-table-row-h: 4rem;
  }
  .ddga-table--lg {
    --ddga-table-row-h: 4.5rem;
  }
  .ddga-table__head,
  .ddga-table__cell {
    padding-block: var(--ddga-table-pad-block);
    padding-inline: var(--ddga-table-pad-inline);
    text-align: start;
    vertical-align: middle;
  }
  .ddga-table__cell {
    block-size: var(--ddga-table-row-h);
  }
  .ddga-table__head {
    background-color: var(--ddga-color-muted);
    block-size: 3rem;
    color: var(--ddga-gray-700);
    font-size: var(--ddga-font-size-xs);
    font-weight: var(--ddga-font-weight-medium);
    white-space: nowrap;
    border-block-end: 1px solid var(--ddga-color-input);
  }
  .ddga-table__header .ddga-table__head:not(:last-child) {
    border-inline-end: 1px solid var(--ddga-color-input);
  }
  .ddga-table__head--align-start,
  .ddga-table__cell--align-start {
    text-align: start;
  }
  .ddga-table__head--align-center,
  .ddga-table__cell--align-center {
    text-align: center;
  }
  .ddga-table__head--align-end,
  .ddga-table__cell--align-end {
    text-align: end;
  }
  .ddga-table__caption {
    padding-block: var(--ddga-space-2);
    padding-inline: var(--ddga-table-pad-inline);
    color: var(--ddga-text-tertiary);
    font-size: var(--ddga-font-size-sm);
    text-align: start;
    caption-side: bottom;
  }
  .ddga-table__body .ddga-table__row {
    transition: background-color 0.12s;
  }
  .ddga-table__body .ddga-table__row:not(:last-child) {
    border-block-end: 1px solid var(--ddga-color-input);
  }
  .ddga-table--striped
    .ddga-table__body
    .ddga-table__row:nth-child(2n):not(:hover):not([data-state="selected"]) {
    background-color: var(--ddga-gray-50);
  }
  .ddga-table__body .ddga-table__row:hover:not([data-state="selected"]) {
    background-color: var(--ddga-color-muted);
  }
  .ddga-table__body .ddga-table__row[data-state="selected"] {
    background-color: var(--ddga-sa-50);
    box-shadow: inset 2px 0 0 0 var(--ddga-color-primary);
  }
  [dir="rtl"] .ddga-table__body .ddga-table__row[data-state="selected"] {
    box-shadow: inset -2px 0 0 0 var(--ddga-color-primary);
  }
  .ddga-table__footer {
    color: var(--ddga-text-primary);
    font-weight: var(--ddga-font-weight-medium);
    border-block-start: 1px solid var(--ddga-color-input);
  }
  .ddga-table--sticky .ddga-table__header .ddga-table__head {
    z-index: 1;
    background-color: var(--ddga-color-muted);
    position: sticky;
    inset-block-start: 0;
  }
  .ddga-table__sort-button,
  .ddga-table__filter-button {
    align-items: center;
    gap: var(--ddga-space-2);
    font: inherit;
    color: inherit;
    cursor: pointer;
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0;
    display: inline-flex;
  }
  .ddga-table__filter-button {
    justify-content: center;
  }
  .ddga-table__sort-button:focus-visible,
  .ddga-table__filter-button:focus-visible {
    outline: none;
  }
  .ddga-table__sort-button:disabled,
  .ddga-table__filter-button:disabled {
    cursor: not-allowed;
  }
  .ddga-table__icon-box {
    border-radius: var(--ddga-radius-sm);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    block-size: 1.25rem;
    inline-size: 1.25rem;
    transition: background-color 0.12s, color 0.12s;
    display: inline-flex;
  }
  .ddga-table__icon-box > svg {
    block-size: 1rem;
    inline-size: 1rem;
  }
  .ddga-table__icon-box[data-active="false"] {
    background-color: var(--ddga-color-muted);
    color: var(--ddga-text-primary);
  }
  .ddga-table__icon-box[data-active="true"] {
    background-color: var(--ddga-gray-950);
    color: #fff;
  }
  .ddga-table__sort-button:hover:not(:disabled)
    .ddga-table__icon-box[data-active="false"],
  .ddga-table__filter-button:hover:not(:disabled)
    .ddga-table__icon-box[data-active="false"] {
    background-color: var(--ddga-gray-200);
  }
  .ddga-table__sort-button:hover:not(:disabled)
    .ddga-table__icon-box[data-active="true"],
  .ddga-table__filter-button:hover:not(:disabled)
    .ddga-table__icon-box[data-active="true"] {
    background-color: var(--ddga-gray-800);
  }
  .ddga-table__sort-button:active:not(:disabled)
    .ddga-table__icon-box[data-active="false"],
  .ddga-table__filter-button:active:not(:disabled)
    .ddga-table__icon-box[data-active="false"] {
    background-color: var(--ddga-gray-200);
  }
  .ddga-table__sort-button:active:not(:disabled)
    .ddga-table__icon-box[data-active="true"],
  .ddga-table__filter-button:active:not(:disabled)
    .ddga-table__icon-box[data-active="true"] {
    background-color: var(--ddga-gray-600);
  }
  .ddga-table__sort-button:focus-visible .ddga-table__icon-box,
  .ddga-table__filter-button:focus-visible .ddga-table__icon-box {
    outline: 2px solid var(--ddga-text-primary);
    outline-offset: 0;
  }
  .ddga-table__sort-button:focus-visible
    .ddga-table__icon-box[data-active="true"],
  .ddga-table__filter-button:focus-visible
    .ddga-table__icon-box[data-active="true"] {
    box-shadow: inset 0 0 0 1px #fff;
  }
  .ddga-table__sort-button:disabled .ddga-table__icon-box,
  .ddga-table__filter-button:disabled .ddga-table__icon-box {
    color: var(--ddga-gray-400);
    background-color: #0000;
  }
  [data-theme="dark"] .ddga-table__head {
    color: var(--ddga-text-secondary);
  }
  [data-theme="dark"]
    .ddga-table--striped
    .ddga-table__body
    .ddga-table__row:nth-child(2n):not(:hover):not([data-state="selected"]) {
    background-color: var(--ddga-color-muted);
  }
  @media (forced-colors: active) {
    .ddga-table__head {
      border-block-end-color: canvastext;
    }
    .ddga-table__body .ddga-table__row:not(:last-child),
    .ddga-table__header .ddga-table__head:not(:last-child),
    .ddga-table__footer {
      border-color: canvastext;
    }
    .ddga-table__region:has(> .ddga-table--contained) {
      border-color: canvastext;
    }
    .ddga-table__body .ddga-table__row[data-state="selected"] {
      box-shadow: inset 2px 0 highlight;
    }
    [dir="rtl"] .ddga-table__body .ddga-table__row[data-state="selected"] {
      box-shadow: inset -2px 0 highlight;
    }
    .ddga-table__icon-box {
      border: 1px solid canvastext;
    }
    .ddga-table__sort-button:focus-visible .ddga-table__icon-box,
    .ddga-table__filter-button:focus-visible .ddga-table__icon-box,
    .ddga-table__region[role="region"]:focus-visible {
      outline: 2px solid highlight;
    }
  }
  .ddga-input-otp__label {
    color: var(--ddga-text-primary);
    font-weight: var(--ddga-font-weight-medium);
    font-size: var(--ddga-font-size-sm);
    line-height: 1.4;
  }
  .ddga-input-otp__required {
    color: var(--ddga-color-error);
    margin-inline-start: 0.125rem;
  }
  .ddga-input-otp {
    color: var(--ddga-text-primary);
    display: inline-flex;
    position: relative;
  }
  .ddga-input-otp__input {
    color: #0000;
    caret-color: #0000;
    cursor: text;
    -webkit-user-select: none;
    user-select: none;
    z-index: 1;
    background: 0 0;
    border: 0;
    block-size: 100%;
    inline-size: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    inset: 0;
  }
  .ddga-input-otp__input:focus {
    outline: none;
  }
  .ddga-input-otp__input:disabled {
    cursor: not-allowed;
  }
  .ddga-input-otp__row,
  .ddga-input-otp__group {
    align-items: center;
    gap: 0.5rem;
    display: flex;
  }
  .ddga-input-otp__slot {
    border: 1px solid var(--ddga-color-input);
    border-radius: var(--ddga-radius-md);
    background-color: var(--ddga-color-background);
    color: var(--ddga-text-primary);
    font-variant-numeric: tabular-nums;
    justify-content: center;
    align-items: center;
    transition: border-color 0.15s, box-shadow 0.15s;
    display: flex;
    position: relative;
  }
  .ddga-input-otp__slot[data-active] {
    border-color: var(--ddga-color-ring);
    box-shadow: 0 0 0 1px var(--ddga-color-ring);
    z-index: 1;
  }
  .ddga-input-otp--sm .ddga-input-otp__slot {
    block-size: 2rem;
    inline-size: 2rem;
    font-size: var(--ddga-font-size-base);
  }
  .ddga-input-otp--md .ddga-input-otp__slot {
    block-size: 2.75rem;
    inline-size: 2.75rem;
    font-size: var(--ddga-font-size-lg);
  }
  .ddga-input-otp--lg .ddga-input-otp__slot {
    block-size: 3.25rem;
    inline-size: 3.25rem;
    font-size: var(--ddga-font-size-xl);
  }
  .ddga-input-otp__caret {
    background-color: var(--ddga-text-primary);
    block-size: 1.125em;
    inline-size: 1px;
    animation: 1s step-end infinite ddga-input-otp-caret;
    position: absolute;
  }
  @keyframes ddga-input-otp-caret {
    0%,
    to {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
  }
  .ddga-input-otp__separator {
    color: var(--ddga-text-tertiary);
    align-items: center;
    display: flex;
  }
  .ddga-input-otp__separator-dash {
    background-color: var(--ddga-color-border);
    border-radius: var(--ddga-radius-full);
    block-size: 2px;
    inline-size: 0.75rem;
  }
  .ddga-input-otp--error .ddga-input-otp__slot {
    border-color: var(--ddga-color-error);
  }
  .ddga-input-otp--error .ddga-input-otp__slot[data-active] {
    border-color: var(--ddga-color-error);
    box-shadow: 0 0 0 1px var(--ddga-color-error);
  }
  .ddga-input-otp:has(input:disabled) {
    cursor: not-allowed;
    opacity: 0.5;
  }
  .ddga-input-otp:has(input:disabled) .ddga-input-otp__slot {
    background-color: var(--ddga-color-muted);
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-input-otp__slot {
      transition: none;
    }
    .ddga-input-otp__caret {
      animation: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-input-otp__slot {
      border: 1px solid canvastext;
    }
    .ddga-input-otp__slot[data-active] {
      outline-offset: 1px;
      outline: 2px solid highlight;
    }
    .ddga-input-otp__caret {
      background-color: canvastext;
    }
  }
  .ddga-link {
    --ddga-link-color: var(--ddga-color-primary);
    --ddga-link-color-hover: var(--ddga-sa-400);
    --ddga-link-color-pressed: var(--ddga-sa-300);
    --ddga-link-color-visited: var(--ddga-sa-800);
    --ddga-link-color-disabled: var(--ddga-text-placeholder);
    --ddga-link-focus-ring: var(--ddga-text-primary);
    color: var(--ddga-link-color);
    cursor: pointer;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    font-family: inherit;
    transition: color 0.15s, text-decoration-color 0.15s;
  }
  .ddga-link--neutral {
    --ddga-link-color: var(--ddga-gray-700);
    --ddga-link-color-hover: var(--ddga-gray-500);
    --ddga-link-color-pressed: var(--ddga-gray-400);
    --ddga-link-color-visited: var(--ddga-sa-800);
    --ddga-link-color-disabled: var(--ddga-text-placeholder);
  }
  .ddga-link--on-color {
    --ddga-link-color: #fff;
    --ddga-link-color-hover: var(--ddga-alpha-white-80);
    --ddga-link-color-pressed: var(--ddga-alpha-white-60);
    --ddga-link-color-visited: var(--ddga-alpha-white-90);
    --ddga-link-color-disabled: var(--ddga-alpha-white-30);
    --ddga-link-focus-ring: #fff;
  }
  .ddga-link:visited {
    color: var(--ddga-link-color-visited);
  }
  .ddga-link:hover {
    color: var(--ddga-link-color-hover);
  }
  .ddga-link:active {
    color: var(--ddga-link-color-pressed);
  }
  .ddga-link:focus-visible {
    outline: 2px solid var(--ddga-link-focus-ring);
    outline-offset: 0;
  }
  .ddga-link[aria-disabled="true"] {
    color: var(--ddga-link-color-disabled);
    pointer-events: none;
    cursor: default;
  }
  .ddga-link.ddga-link--hovered {
    color: var(--ddga-link-color-hover);
    text-decoration: underline;
  }
  .ddga-link.ddga-link--pressed {
    color: var(--ddga-link-color-pressed);
    text-decoration: underline;
  }
  .ddga-link.ddga-link--visited {
    color: var(--ddga-link-color-visited);
  }
  .ddga-link.ddga-link--focused {
    outline: 2px solid var(--ddga-link-focus-ring);
    outline-offset: 0;
  }
  .ddga-link--inline {
    text-decoration: underline;
    display: inline;
  }
  .ddga-link--standalone {
    align-items: center;
    text-decoration: none;
    display: inline-flex;
  }
  .ddga-link--standalone:hover,
  .ddga-link--standalone:active {
    text-decoration: underline;
  }
  .ddga-link--md {
    font-size: var(--ddga-font-size-base);
    line-height: 1.5;
  }
  .ddga-link--sm {
    font-size: var(--ddga-font-size-sm);
    line-height: 1.42857;
  }
  .ddga-link--standalone.ddga-link--md {
    gap: var(--ddga-space-2);
  }
  .ddga-link--standalone.ddga-link--sm {
    gap: var(--ddga-space-1);
  }
  .ddga-link__icon {
    flex-shrink: 0;
    align-items: center;
    display: inline-flex;
  }
  .ddga-link--md .ddga-link__icon > svg {
    block-size: 20px;
    inline-size: 20px;
  }
  .ddga-link--sm .ddga-link__icon > svg {
    block-size: 16px;
    inline-size: 16px;
  }
  .ddga-link--inline .ddga-link__icon {
    vertical-align: middle;
  }
  .ddga-link--inline.ddga-link--md [data-slot="link-start-icon"] {
    margin-inline-end: var(--ddga-space-2);
  }
  .ddga-link--inline.ddga-link--sm [data-slot="link-start-icon"] {
    margin-inline-end: var(--ddga-space-1);
  }
  .ddga-link--inline.ddga-link--md [data-slot="link-end-icon"],
  .ddga-link--inline.ddga-link--md [data-slot="link-external-icon"] {
    margin-inline-start: var(--ddga-space-2);
  }
  .ddga-link--inline.ddga-link--sm [data-slot="link-end-icon"],
  .ddga-link--inline.ddga-link--sm [data-slot="link-external-icon"] {
    margin-inline-start: var(--ddga-space-1);
  }
  [data-theme="dark"] .ddga-link--primary {
    --ddga-link-color-hover: var(--ddga-sa-300);
    --ddga-link-color-pressed: var(--ddga-sa-200);
    --ddga-link-color-visited: var(--ddga-sa-600);
    --ddga-link-focus-ring: #fff;
  }
  [data-theme="dark"] .ddga-link--neutral {
    --ddga-link-color: var(--ddga-gray-300);
    --ddga-link-color-hover: var(--ddga-gray-200);
    --ddga-link-color-pressed: var(--ddga-gray-100);
    --ddga-link-color-visited: var(--ddga-sa-400);
    --ddga-link-focus-ring: #fff;
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-link {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-link,
    .ddga-link--primary,
    .ddga-link--neutral,
    .ddga-link--on-color {
      color: linktext;
    }
    .ddga-link:visited {
      color: visitedtext;
    }
    .ddga-link[aria-disabled="true"] {
      color: graytext;
    }
    .ddga-link:focus-visible {
      outline-offset: 0;
      outline: 2px solid highlight;
    }
  }
  .ddga-search-box.ddga-text-input--md {
    block-size: 40px;
    font-size: var(--ddga-font-size-base);
  }
  .ddga-search-box.ddga-text-input--lg {
    block-size: 48px;
  }
  .ddga-search-box .ddga-text-input__adornment--start {
    color: var(--ddga-gray-700);
  }
  [data-theme="dark"] .ddga-search-box .ddga-text-input__adornment--start {
    color: var(--ddga-text-tertiary);
  }
  .ddga-search-box .ddga-text-input__adornment--start svg {
    block-size: 20px;
    inline-size: 20px;
    transform: scaleX(-1);
  }
  [dir="rtl"] .ddga-search-box .ddga-text-input__adornment--start svg {
    transform: none;
  }
  .ddga-search-box .ddga-text-input__adornment--end svg {
    block-size: 20px;
    inline-size: 20px;
  }
  .ddga-search-box .ddga-text-input__field::-webkit-search-cancel-button {
    appearance: none;
    display: none;
  }
  .ddga-search-box .ddga-text-input__field::-webkit-search-decoration {
    appearance: none;
    display: none;
  }
  .ddga-search-box .ddga-text-input__field::-webkit-search-results-button {
    appearance: none;
    display: none;
  }
  .ddga-search-box .ddga-text-input__field::-webkit-search-results-decoration {
    appearance: none;
    display: none;
  }
  .ddga-list {
    color: var(--ddga-text-primary);
    font-size: var(--ddga-font-size-base);
    line-height: 1.5;
    font-weight: var(--ddga-font-weight-regular);
    flex-direction: column;
    align-items: start;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }
  .ddga-list--primary {
    color: var(--ddga-color-primary);
  }
  .ddga-list--neutral {
    color: var(--ddga-text-primary);
  }
  .ddga-list--on-color {
    color: #fff;
  }
  .ddga-list__item {
    align-items: flex-start;
    gap: var(--ddga-space-2);
    color: inherit;
    display: flex;
  }
  .ddga-list--ordered > .ddga-list__item,
  .ddga-list--with-icon > .ddga-list__item {
    align-items: center;
  }
  .ddga-list__item[data-level="2"] {
    padding-inline-start: var(--ddga-space-6);
  }
  .ddga-list--ordered > .ddga-list__item:before,
  .ddga-list--unordered > .ddga-list__item:before {
    flex-shrink: 0;
  }
  .ddga-list--ordered {
    counter-reset: ddga-l1 ddga-l2;
  }
  .ddga-list--ordered > .ddga-list__item:not([data-level="2"]) {
    counter-increment: ddga-l1;
    counter-reset: ddga-l2;
  }
  .ddga-list--ordered > .ddga-list__item:not([data-level="2"]):before {
    content: counter(ddga-l1, decimal) "-";
  }
  .ddga-list--ordered > .ddga-list__item[data-level="2"] {
    counter-increment: ddga-l2;
  }
  .ddga-list--ordered > .ddga-list__item[data-level="2"]:before {
    content: counter(ddga-l2, lower-alpha) "-";
  }
  [dir="rtl"] .ddga-list--ordered > .ddga-list__item[data-level="2"]:before {
    content: counter(ddga-l2, ddga-arabic-abjad) "-";
  }
  .ddga-list--unordered > .ddga-list__item:not([data-level="2"]):before {
    content: "-";
  }
  .ddga-list--unordered > .ddga-list__item[data-level="2"]:before {
    content: "•";
  }
  .ddga-list__icon {
    block-size: 1.5em;
    inline-size: 16px;
    color: inherit;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .ddga-list__icon svg {
    block-size: 16px;
    inline-size: 16px;
  }
  .ddga-quote {
    --ddga-quote-mark: var(--ddga-sa-800);
    --ddga-quote-paragraph: var(--ddga-gray-700);
    --ddga-quote-tint: var(--ddga-gray-50);
    gap: var(--ddga-space-12);
    padding: var(--ddga-space-5);
    border-radius: var(--ddga-radius-lg);
    inline-size: 100%;
    color: var(--ddga-text-primary);
    flex-direction: column;
    margin: 0;
    font-family: inherit;
    display: flex;
    position: relative;
  }
  .ddga-quote--lg {
    max-inline-size: 846px;
  }
  .ddga-quote--sm {
    max-inline-size: 640px;
  }
  .ddga-quote--tint {
    background-color: var(--ddga-quote-tint);
  }
  .ddga-quote__blockquote {
    margin: 0;
  }
  .ddga-quote__body {
    gap: var(--ddga-space-4);
    padding-inline: var(--ddga-space-16);
    flex-direction: column;
    display: flex;
  }
  .ddga-quote__title {
    color: var(--ddga-text-primary);
    font-size: var(--ddga-font-size-2xl);
    font-weight: var(--ddga-font-weight-medium);
    margin: 0;
    line-height: 2rem;
  }
  .ddga-quote__content {
    color: var(--ddga-quote-paragraph);
    font-size: var(--ddga-font-size-xl);
    font-weight: var(--ddga-font-weight-regular);
    line-height: 1.875rem;
  }
  .ddga-quote__content p {
    margin-block: 0;
  }
  .ddga-quote__content p + p {
    margin-block-start: var(--ddga-space-4);
  }
  .ddga-quote__caption {
    align-items: center;
    gap: var(--ddga-space-4);
    margin: 0;
    display: flex;
  }
  .ddga-quote__avatar {
    border: 2px solid var(--ddga-color-background);
    border-radius: var(--ddga-radius-full);
    flex: none;
    block-size: 80px;
    inline-size: 80px;
    display: inline-flex;
    overflow: hidden;
  }
  .ddga-quote__avatar > * {
    object-fit: cover;
    block-size: 100%;
    inline-size: 100%;
  }
  .ddga-quote__author-info {
    gap: var(--ddga-space-2);
    flex-direction: column;
    min-inline-size: 0;
    display: flex;
  }
  .ddga-quote__author {
    color: var(--ddga-text-primary);
    font-size: var(--ddga-font-size-xl);
    font-weight: var(--ddga-font-weight-medium);
    line-height: 1.875rem;
  }
  .ddga-quote__author-title {
    color: var(--ddga-quote-paragraph);
    font-size: var(--ddga-font-size-lg);
    font-weight: var(--ddga-font-weight-regular);
    line-height: 1.75rem;
  }
  .ddga-quote__mark {
    color: var(--ddga-quote-mark);
    font-family: inherit;
    font-size: 128px;
    font-weight: var(--ddga-font-weight-regular);
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    line-height: 1;
    position: absolute;
  }
  .ddga-quote__mark--open {
    inset-block-start: 0;
    inset-inline-start: 0;
    transform: scaleX(-1);
  }
  .ddga-quote__mark--close {
    inset-block-end: 0;
    inset-inline-end: 0;
    transform: scaleX(-1) scaleY(-1);
  }
  [dir="rtl"] .ddga-quote__mark--open {
    transform: none;
  }
  [dir="rtl"] .ddga-quote__mark--close {
    transform: scaleY(-1);
  }
  [data-theme="dark"] .ddga-quote {
    --ddga-quote-paragraph: var(--ddga-text-secondary);
    --ddga-quote-tint: var(--ddga-color-muted);
  }
  @media (forced-colors: active) {
    .ddga-quote__mark {
      color: canvastext;
    }
  }
  .ddga-collapsible {
    color: var(--ddga-text-primary);
    display: block;
  }
  .ddga-collapsible__trigger {
    appearance: none;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0;
  }
  .ddga-collapsible__trigger:focus-visible {
    box-shadow: 0 0 0 2px var(--ddga-color-ring);
    border-radius: var(--ddga-radius-sm);
    outline: none;
  }
  .ddga-collapsible__trigger:disabled,
  .ddga-collapsible__trigger[aria-disabled="true"] {
    cursor: not-allowed;
    opacity: 0.6;
  }
  .ddga-collapsible__content {
    color: var(--ddga-text-secondary);
    overflow: hidden;
  }
  .ddga-collapsible__content[data-state="open"] {
    animation: 0.2s ease-out ddga-collapsible-down;
  }
  .ddga-collapsible__content[data-state="closed"] {
    animation: 0.2s ease-out ddga-collapsible-up;
  }
  .ddga-collapsible__content-inner {
    line-height: 1.5;
  }
  @keyframes ddga-collapsible-down {
    0% {
      block-size: 0;
    }
    to {
      block-size: var(--radix-collapsible-content-height);
    }
  }
  @keyframes ddga-collapsible-up {
    0% {
      block-size: var(--radix-collapsible-content-height);
    }
    to {
      block-size: 0;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-collapsible__content[data-state="open"],
    .ddga-collapsible__content[data-state="closed"] {
      animation: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-collapsible__trigger:focus-visible {
      outline-offset: 2px;
      box-shadow: none;
      outline: 2px solid highlight;
    }
  }
  .ddga-tag-input__label {
    color: var(--ddga-text-primary);
    font-weight: var(--ddga-font-weight-medium);
    font-size: var(--ddga-font-size-sm);
    line-height: 1.4;
  }
  .ddga-tag-input__required {
    color: var(--ddga-color-error);
    margin-inline-start: 0.125rem;
  }
  .ddga-tag-input {
    align-items: center;
    gap: var(--ddga-space-2);
    border: 1px solid var(--ddga-color-input);
    border-radius: var(--ddga-radius-sm);
    background-color: var(--ddga-color-background);
    inline-size: 100%;
    color: var(--ddga-text-primary);
    cursor: text;
    flex-wrap: wrap;
    transition: border-color 0.15s, box-shadow 0.15s;
    display: flex;
  }
  .ddga-tag-input--sm {
    min-block-size: 32px;
    padding-block: var(--ddga-space-1);
    padding-inline: var(--ddga-space-2);
    font-size: var(--ddga-font-size-sm);
  }
  .ddga-tag-input--md {
    min-block-size: 36px;
    padding-block: var(--ddga-space-1);
    padding-inline: var(--ddga-space-2);
    font-size: var(--ddga-font-size-base);
  }
  .ddga-tag-input--lg {
    min-block-size: 40px;
    padding-block: var(--ddga-space-2);
    padding-inline: var(--ddga-space-3);
    font-size: var(--ddga-font-size-lg);
  }
  .ddga-tag-input__list,
  .ddga-tag-input__item {
    display: contents;
  }
  .ddga-tag-input__field {
    block-size: 1.5rem;
    min-inline-size: 60px;
    color: inherit;
    font: inherit;
    background: 0 0;
    border: 0;
    outline: none;
    flex: 60px;
    padding: 0;
  }
  .ddga-tag-input__field::placeholder {
    color: var(--ddga-text-placeholder);
  }
  .ddga-tag-input:focus-within {
    border-color: var(--ddga-color-ring);
    box-shadow: 0 0 0 1px var(--ddga-color-ring);
  }
  .ddga-tag-input--error {
    border-color: var(--ddga-color-error);
  }
  .ddga-tag-input--error:focus-within {
    border-color: var(--ddga-color-error);
    box-shadow: 0 0 0 1px var(--ddga-color-error);
  }
  .ddga-tag-input[data-disabled] {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: var(--ddga-color-muted);
  }
  .ddga-tag-input[data-disabled] .ddga-tag-input__field {
    cursor: not-allowed;
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-tag-input {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-tag-input {
      border: 1px solid canvastext;
    }
    .ddga-tag-input:focus-within {
      outline: 2px solid highlight;
    }
    .ddga-tag-input[data-disabled] {
      color: graytext;
      border-color: graytext;
    }
  }
  .ddga-field[data-slot="date-range-picker-field"] {
    gap: var(--ddga-space-2);
  }
  .ddga-date-range-picker__label {
    align-items: center;
    gap: var(--ddga-space-1);
    color: var(--ddga-text-primary);
    font-weight: var(--ddga-font-weight-regular);
    font-size: var(--ddga-font-size-sm);
    line-height: 1.4286;
    display: inline-flex;
  }
  .ddga-date-range-picker__required {
    color: var(--ddga-error-700);
  }
  .ddga-date-range-picker-trigger {
    align-items: center;
    gap: var(--ddga-space-1);
    inline-size: 100%;
    padding-inline: var(--ddga-space-2);
    border: 1px solid var(--ddga-gray-400);
    border-radius: var(--ddga-radius-sm);
    background-color: var(--ddga-color-background);
    color: var(--ddga-gray-700);
    text-align: start;
    transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s;
    display: flex;
    position: relative;
  }
  .ddga-date-range-picker-trigger--md {
    block-size: 32px;
    font-size: var(--ddga-font-size-sm);
  }
  .ddga-date-range-picker-trigger--lg {
    block-size: 40px;
    font-size: var(--ddga-font-size-base);
  }
  .ddga-date-range-picker-trigger--filled-lighter {
    background-color: var(--ddga-gray-25);
    border-color: #0000;
  }
  .ddga-date-range-picker-trigger--filled-darker {
    background-color: var(--ddga-gray-100);
    border-color: #0000;
  }
  .ddga-date-range-picker__input {
    font-variant-numeric: tabular-nums;
    direction: ltr;
    flex: 0 auto;
    align-items: center;
    min-inline-size: 0;
    display: inline-flex;
  }
  [dir="rtl"] .ddga-date-range-picker__input {
    direction: rtl;
  }
  .ddga-date-range-picker__segment {
    border-radius: var(--ddga-radius-sm);
    color: var(--ddga-gray-700);
    font-variant-numeric: tabular-nums;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    padding-block: 1px;
    padding-inline: 1px;
  }
  .ddga-date-range-picker__segment[data-placeholder] {
    color: var(--ddga-gray-500);
  }
  .ddga-date-range-picker__segment[data-focused] {
    background-color: var(--ddga-color-primary);
    color: var(--ddga-color-primary-foreground);
  }
  .ddga-date-range-picker__segment[data-type="literal"] {
    color: var(--ddga-gray-700);
    padding-inline: 0;
  }
  .ddga-date-range-picker__segment[data-type="literal"][data-focused] {
    color: var(--ddga-gray-700);
    background-color: #0000;
  }
  .ddga-date-range-picker__separator {
    padding-inline: var(--ddga-space-1);
    color: var(--ddga-gray-500);
    flex: none;
  }
  .ddga-date-range-picker__open {
    min-inline-size: var(--ddga-space-4);
    cursor: pointer;
    background: 0 0;
    border: 0;
    outline: none;
    flex: auto;
    align-self: stretch;
    padding: 0;
  }
  .ddga-date-range-picker-trigger[data-disabled] .ddga-date-range-picker__open {
    cursor: not-allowed;
  }
  .ddga-date-range-picker-trigger--default[data-hovered]:not(
      [data-focus-within]
    ) {
    border-color: var(--ddga-gray-700);
  }
  .ddga-date-range-picker-trigger[data-focus-within] {
    box-shadow: var(--ddga-shadow-md);
  }
  .ddga-date-range-picker-trigger:after {
    content: "";
    inset-inline: 0;
    background-color: var(--ddga-gray-950);
    transform-origin: 50%;
    pointer-events: none;
    block-size: 2px;
    transition: transform 0.4s ease-out;
    position: absolute;
    bottom: -1px;
    transform: scaleX(0);
  }
  .ddga-date-range-picker-trigger[data-focus-within]:not([data-pressed]):after {
    transform: scaleX(1);
  }
  .ddga-date-range-picker-trigger[data-pressed]:not([data-disabled]):not(
      [data-readonly]
    ),
  .ddga-date-range-picker-trigger--pressed {
    background-color: var(--ddga-gray-100);
  }
  .ddga-date-range-picker-trigger[data-pressed]:not([data-disabled]):not(
      [data-readonly]
    ):after,
  .ddga-date-range-picker-trigger--pressed:after {
    transform: scaleX(0.5);
  }
  .ddga-date-range-picker-trigger--error,
  .ddga-date-range-picker-trigger--error[data-hovered],
  .ddga-date-range-picker-trigger--error[data-focus-within] {
    border-color: var(--ddga-error-700);
  }
  .ddga-date-range-picker-trigger[data-readonly],
  .ddga-date-range-picker-trigger[data-disabled] {
    border-color: var(--ddga-gray-300);
    background-color: #0000;
  }
  .ddga-date-range-picker-trigger[data-disabled] {
    cursor: not-allowed;
  }
  .ddga-date-range-picker-trigger[data-disabled]
    .ddga-date-range-picker__segment,
  .ddga-date-range-picker-trigger[data-disabled]
    .ddga-date-range-picker__segment[data-placeholder],
  .ddga-date-range-picker-trigger[data-disabled]
    .ddga-date-range-picker__separator,
  :is(
      .ddga-field:has(.ddga-date-range-picker-trigger[data-disabled])
        .ddga-date-range-picker__label,
      .ddga-field:has(.ddga-date-range-picker-trigger[data-disabled])
        .ddga-date-range-picker__required
    ) {
    color: var(--ddga-gray-400);
  }
  .ddga-field:has(.ddga-date-range-picker-trigger) .ddga-field__message {
    padding-block: var(--ddga-space-1);
  }
  .ddga-calendar--range td:has([data-selected]) {
    background-color: var(--ddga-sa-100);
  }
  .ddga-calendar--range td:has([data-selection-start]) {
    border-start-start-radius: var(--ddga-radius-full);
    border-end-start-radius: var(--ddga-radius-full);
  }
  .ddga-calendar--range td:has([data-selection-end]) {
    border-start-end-radius: var(--ddga-radius-full);
    border-end-end-radius: var(--ddga-radius-full);
  }
  .ddga-calendar--range
    .ddga-calendar__cell[data-selected]:not([data-selection-start]):not(
      [data-selection-end]
    ) {
    color: var(--ddga-color-foreground);
    background-color: #0000;
  }
  [data-theme="dark"] .ddga-date-range-picker-trigger {
    border-color: var(--ddga-color-input);
    color: var(--ddga-text-primary);
  }
  [data-theme="dark"] .ddga-date-range-picker__segment {
    color: var(--ddga-text-primary);
  }
  [data-theme="dark"] .ddga-date-range-picker__segment[data-placeholder] {
    color: var(--ddga-text-placeholder);
  }
  [data-theme="dark"] .ddga-date-range-picker-trigger--filled-lighter,
  [data-theme="dark"] .ddga-date-range-picker-trigger--filled-darker {
    background-color: var(--ddga-color-muted);
  }
  [data-theme="dark"]
    .ddga-date-range-picker-trigger--default[data-hovered]:not(
      [data-focus-within]
    ) {
    border-color: var(--ddga-gray-500);
  }
  [data-theme="dark"] .ddga-date-range-picker-trigger:after {
    background-color: var(--ddga-text-primary);
  }
  [data-theme="dark"]
    .ddga-date-range-picker-trigger[data-pressed]:not([data-disabled]):not(
      [data-readonly]
    ),
  [data-theme="dark"] .ddga-date-range-picker-trigger--pressed {
    background-color: var(--ddga-color-muted);
  }
  [data-theme="dark"] .ddga-date-range-picker-trigger[data-readonly],
  [data-theme="dark"] .ddga-date-range-picker-trigger[data-disabled] {
    border-color: var(--ddga-color-border);
  }
  [data-theme="dark"]
    .ddga-date-range-picker-trigger[data-disabled]
    .ddga-date-range-picker__segment {
    color: var(--ddga-text-tertiary);
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-date-range-picker-trigger,
    .ddga-date-range-picker-trigger:after {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-date-range-picker-trigger {
      border: 1px solid canvastext;
    }
    .ddga-date-range-picker-trigger[data-focus-within] {
      outline-offset: 1px;
      outline: 2px solid highlight;
    }
    .ddga-date-range-picker-trigger[data-disabled] {
      border-color: graytext;
    }
    .ddga-calendar--range td:has([data-selected]) {
      background-color: highlight;
    }
    .ddga-calendar--range .ddga-calendar__cell[data-selected] {
      color: highlighttext;
    }
  }
  .ddga-aspect-ratio {
    inline-size: 100%;
    aspect-ratio: var(--ddga-aspect-ratio, 1);
    object-fit: cover;
    position: relative;
    overflow: hidden;
  }
  .ddga-aspect-ratio > * {
    block-size: 100%;
    inline-size: 100%;
  }
  .ddga-aspect-ratio > :is(img, video, canvas, iframe) {
    object-fit: cover;
  }
  .ddga-structured-list {
    --ddga-sl-divider: var(--ddga-color-input);
    border-collapse: separate;
    border-spacing: 0;
    inline-size: 100%;
    color: var(--ddga-text-primary);
    text-align: start;
  }
  .ddga-structured-list__cell-content {
    align-items: center;
    gap: var(--ddga-space-2);
    word-break: break-word;
    min-inline-size: 0;
    display: flex;
  }
  .ddga-structured-list__head {
    block-size: 48px;
    padding-inline: var(--ddga-space-4);
    color: var(--ddga-gray-700);
    font-size: var(--ddga-font-size-xs);
    font-weight: var(--ddga-font-weight-medium);
    text-align: start;
    vertical-align: middle;
    border-block-end: 1px solid var(--ddga-sl-divider);
    line-height: 1.5;
  }
  .ddga-structured-list__cell {
    block-size: 64px;
    padding-inline: var(--ddga-space-4);
    padding-block: var(--ddga-space-2);
    font-size: var(--ddga-font-size-base);
    font-weight: var(--ddga-font-weight-regular);
    text-align: start;
    vertical-align: middle;
    line-height: 1.5;
  }
  .ddga-structured-list__head--align-center .ddga-structured-list__cell-content,
  .ddga-structured-list__cell--align-center
    .ddga-structured-list__cell-content {
    justify-content: center;
  }
  .ddga-structured-list__head--align-end .ddga-structured-list__cell-content,
  .ddga-structured-list__cell--align-end .ddga-structured-list__cell-content {
    justify-content: flex-end;
  }
  .ddga-structured-list--compact .ddga-structured-list__cell {
    block-size: 48px;
  }
  .ddga-structured-list--row-divider
    .ddga-structured-list__body
    .ddga-structured-list__row:not(:last-child)
    .ddga-structured-list__cell {
    border-block-end: 1px solid var(--ddga-sl-divider);
  }
  .ddga-structured-list--col-divider
    .ddga-structured-list__head:not(:last-child),
  .ddga-structured-list--col-divider
    .ddga-structured-list__cell:not(:last-child) {
    border-inline-end: 1px solid var(--ddga-sl-divider);
  }
  .ddga-structured-list--contained {
    background-color: var(--ddga-color-card);
    border: 1px solid var(--ddga-sl-divider);
    border-radius: var(--ddga-radius-md);
    overflow: clip;
  }
  .ddga-structured-list--selectable
    .ddga-structured-list__body
    .ddga-structured-list__row {
    transition: background-color 0.12s;
    position: relative;
  }
  .ddga-structured-list--selectable
    .ddga-structured-list__body
    .ddga-structured-list__row:not([data-disabled]) {
    cursor: pointer;
  }
  .ddga-structured-list--selectable
    .ddga-structured-list__body
    .ddga-structured-list__row:not([data-disabled]):hover {
    background-color: var(--ddga-gray-50);
  }
  .ddga-structured-list--selectable
    .ddga-structured-list__body
    .ddga-structured-list__row:has(:focus-visible):after {
    content: "";
    border: 2px solid var(--ddga-text-primary);
    pointer-events: none;
    position: absolute;
    inset: 0;
  }
  .ddga-structured-list--selectable .ddga-checkbox:focus-visible {
    outline: none;
  }
  .ddga-structured-list__row[data-disabled] {
    background-color: var(--ddga-gray-200);
    color: var(--ddga-gray-400);
    cursor: not-allowed;
  }
  [data-theme="dark"] .ddga-structured-list__head {
    color: var(--ddga-text-secondary);
  }
  [data-theme="dark"]
    .ddga-structured-list--selectable
    .ddga-structured-list__body
    .ddga-structured-list__row:not([data-disabled]):hover {
    background-color: color-mix(in srgb, var(--ddga-color-card) 90%, white);
  }
  [data-theme="dark"] .ddga-structured-list__row[data-disabled] {
    background-color: color-mix(
      in srgb,
      var(--ddga-color-card) 70%,
      var(--ddga-color-background)
    );
    color: var(--ddga-color-muted-foreground);
  }
  @media (forced-colors: active) {
    .ddga-structured-list__head,
    .ddga-structured-list--row-divider
      .ddga-structured-list__body
      .ddga-structured-list__row:not(:last-child)
      .ddga-structured-list__cell,
    .ddga-structured-list--col-divider
      .ddga-structured-list__head:not(:last-child),
    .ddga-structured-list--col-divider
      .ddga-structured-list__cell:not(:last-child),
    .ddga-structured-list--contained {
      border-color: canvastext;
    }
    .ddga-structured-list--selectable
      .ddga-structured-list__body
      .ddga-structured-list__row:has(:focus-visible):after {
      border-color: canvastext;
    }
  }
  .ddga-notification {
    --ddga-notification-fill: var(--ddga-gray-50);
    --ddga-notification-text: var(--ddga-gray-700);
    --ddga-notification-accent: var(--ddga-text-primary);
    --ddga-notification-line-opacity: 0.6;
    gap: var(--ddga-space-4);
    padding-block: var(--ddga-space-2);
    padding-inline: var(--ddga-space-6);
    border-radius: var(--ddga-radius-xs);
    background-color: var(--ddga-notification-fill);
    flex-direction: column;
    font-family: inherit;
    display: flex;
    position: relative;
    overflow: clip;
  }
  .ddga-notification--info {
    --ddga-notification-fill: var(--ddga-info-50);
    --ddga-notification-text: var(--ddga-info-700);
    --ddga-notification-accent: var(--ddga-info-600);
    --ddga-notification-line-opacity: 0.7;
  }
  .ddga-notification--success {
    --ddga-notification-fill: var(--ddga-success-50);
    --ddga-notification-text: var(--ddga-success-700);
    --ddga-notification-accent: var(--ddga-success-600);
    --ddga-notification-line-opacity: 0.7;
  }
  .ddga-notification--warning {
    --ddga-notification-fill: var(--ddga-warning-50);
    --ddga-notification-text: var(--ddga-warning-700);
    --ddga-notification-accent: var(--ddga-warning-600);
    --ddga-notification-line-opacity: 0.7;
  }
  .ddga-notification--critical {
    --ddga-notification-fill: var(--ddga-error-50);
    --ddga-notification-text: var(--ddga-error-700);
    --ddga-notification-accent: var(--ddga-error-600);
    --ddga-notification-line-opacity: 0.7;
  }
  .ddga-notification__title {
    align-items: center;
    gap: var(--ddga-space-3);
    inline-size: 100%;
    padding-inline: var(--ddga-space-6);
    display: flex;
    position: relative;
  }
  .ddga-notification__content {
    align-content: center;
    align-items: center;
    gap: var(--ddga-space-2);
    flex-wrap: wrap;
    flex: 1 0 0;
    min-block-size: 40px;
    min-inline-size: 0;
    display: flex;
  }
  .ddga-notification__icon {
    block-size: 24px;
    inline-size: 24px;
    color: var(--ddga-notification-accent);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .ddga-notification__icon > svg {
    block-size: 24px;
    inline-size: 24px;
  }
  .ddga-notification__lead {
    font-size: var(--ddga-font-size-base);
    line-height: 1.5rem;
    font-weight: var(--ddga-font-weight-bold);
    color: var(--ddga-notification-text);
    white-space: nowrap;
  }
  .ddga-notification__message {
    min-inline-size: 0;
    font-size: var(--ddga-font-size-base);
    color: var(--ddga-notification-text);
    word-break: break-word;
    flex: 1 0 0;
    margin: 0;
    line-height: 1.5rem;
  }
  .ddga-notification__actions {
    align-items: center;
    gap: var(--ddga-space-2);
    flex-shrink: 0;
    display: flex;
  }
  .ddga-notification__close {
    block-size: 32px;
    inline-size: 32px;
    color: var(--ddga-text-primary);
    border-radius: var(--ddga-radius-sm);
    cursor: pointer;
    background: 0 0;
    border: 0;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    transition: background-color 0.15s;
    display: inline-flex;
    position: absolute;
    inset-block-start: 4px;
    inset-inline-end: -8px;
  }
  .ddga-notification__close > svg {
    block-size: 20px;
    inline-size: 20px;
  }
  .ddga-notification__close:hover {
    background-color: var(--ddga-gray-100);
  }
  .ddga-notification__close:focus-visible {
    box-shadow: 0 0 0 2px var(--ddga-text-primary);
    outline: none;
  }
  .ddga-notification__line {
    background-color: var(--ddga-notification-accent);
    block-size: 2px;
    opacity: var(--ddga-notification-line-opacity);
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }
  [data-theme="dark"] .ddga-notification {
    --ddga-notification-fill: var(--ddga-gray-900, #111927);
    --ddga-notification-text: var(--ddga-gray-100);
    --ddga-notification-accent: var(--ddga-gray-400);
  }
  [data-theme="dark"] .ddga-notification--info {
    --ddga-notification-text: var(--ddga-info-300);
    --ddga-notification-accent: var(--ddga-info-400);
  }
  [data-theme="dark"] .ddga-notification--success {
    --ddga-notification-text: var(--ddga-success-300);
    --ddga-notification-accent: var(--ddga-success-400);
  }
  [data-theme="dark"] .ddga-notification--warning {
    --ddga-notification-text: var(--ddga-warning-300);
    --ddga-notification-accent: var(--ddga-warning-400);
  }
  [data-theme="dark"] .ddga-notification--critical {
    --ddga-notification-text: var(--ddga-error-300);
    --ddga-notification-accent: var(--ddga-error-400);
  }
  [data-theme="dark"] .ddga-notification__close {
    color: var(--ddga-gray-50);
  }
  [data-theme="dark"] .ddga-notification__close:hover {
    background-color: var(--ddga-gray-800);
  }
  [data-theme="dark"] .ddga-notification__close:focus-visible {
    box-shadow: 0 0 0 2px var(--ddga-gray-50);
  }
  @media (forced-colors: active) {
    .ddga-notification {
      border: 1px solid canvastext;
    }
    .ddga-notification__close:focus-visible {
      box-shadow: none;
      outline: 2px solid highlight;
    }
  }
  .ddga-floating-button {
    justify-content: center;
    align-items: center;
    gap: var(--ddga-space-2);
    border-radius: var(--ddga-radius-full);
    font-family: inherit;
    font-weight: var(--ddga-font-weight-medium);
    font-size: var(--ddga-font-size-base);
    cursor: pointer;
    border: none;
    line-height: 1.5rem;
    text-decoration: none;
    transition: background-color 0.15s, color 0.15s;
    display: inline-flex;
    position: relative;
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-floating-button {
      transition: none;
    }
  }
  .ddga-floating-button--sm {
    padding: var(--ddga-space-4);
  }
  .ddga-floating-button--lg {
    padding: var(--ddga-space-5);
  }
  .ddga-floating-button__icon {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .ddga-floating-button__icon svg {
    width: 24px;
    height: 24px;
  }
  .ddga-floating-button__text {
    white-space: nowrap;
  }
  .ddga-floating-button--primary {
    background-color: var(--ddga-color-primary);
    color: var(--ddga-color-primary-foreground);
  }
  .ddga-floating-button--primary:hover:not(:disabled):not(
      [aria-disabled="true"]
    ) {
    background-color: var(--ddga-color-primary-hover);
  }
  .ddga-floating-button--primary:active:not(:disabled):not(
      [aria-disabled="true"]
    ) {
    background-color: var(--ddga-color-primary-active);
  }
  .ddga-floating-button--primary[aria-pressed="true"] {
    background-color: var(--ddga-sa-800);
  }
  .ddga-floating-button--black {
    background-color: var(--ddga-gray-950);
    color: #fff;
  }
  .ddga-floating-button--black:hover:not(:disabled):not(
      [aria-disabled="true"]
    ) {
    background-color: var(--ddga-gray-800);
  }
  .ddga-floating-button--black:active:not(:disabled):not(
      [aria-disabled="true"]
    ) {
    background-color: var(--ddga-gray-600);
  }
  .ddga-floating-button--black[aria-pressed="true"] {
    background-color: var(--ddga-gray-700);
  }
  .ddga-floating-button--secondary {
    background-color: var(--ddga-color-secondary);
    color: var(--ddga-text-primary);
  }
  .ddga-floating-button--secondary:hover:not(:disabled):not(
      [aria-disabled="true"]
    ),
  .ddga-floating-button--secondary:active:not(:disabled):not(
      [aria-disabled="true"]
    ) {
    background-color: var(--ddga-color-secondary-hover);
  }
  .ddga-floating-button--secondary[aria-pressed="true"] {
    background-color: var(--ddga-gray-200);
  }
  .ddga-floating-button:focus-visible {
    outline: none;
  }
  .ddga-floating-button:focus-visible:after {
    content: "";
    border: 3px solid var(--ddga-text-primary);
    border-radius: var(--ddga-radius-full);
    pointer-events: none;
    position: absolute;
    inset: -5px;
  }
  .ddga-floating-button--on-color:focus-visible:after {
    border-color: #fff;
  }
  .ddga-floating-button:disabled,
  .ddga-floating-button[aria-disabled="true"] {
    cursor: not-allowed;
    background-color: var(--ddga-gray-200);
    color: var(--ddga-gray-400);
  }
  [data-theme="dark"]
    .ddga-floating-button:not(.ddga-floating-button--on-color):disabled,
  [data-theme="dark"]
    .ddga-floating-button:not(
      .ddga-floating-button--on-color
    )[aria-disabled="true"] {
    background-color: var(--ddga-gray-800);
    color: var(--ddga-gray-500);
  }
  .ddga-floating-button--on-color.ddga-floating-button--black {
    color: var(--ddga-text-primary);
    background-color: #fff;
  }
  .ddga-floating-button--on-color.ddga-floating-button--black:hover:not(
      :disabled
    ):not([aria-disabled="true"]) {
    background-color: var(--ddga-alpha-white-80);
  }
  .ddga-floating-button--on-color.ddga-floating-button--black:active:not(
      :disabled
    ):not([aria-disabled="true"]) {
    background-color: var(--ddga-alpha-white-60);
  }
  .ddga-floating-button--on-color.ddga-floating-button--black[aria-pressed="true"] {
    background-color: var(--ddga-alpha-white-70);
  }
  .ddga-floating-button--on-color.ddga-floating-button--secondary {
    color: #fff;
    background-color: #0000;
  }
  .ddga-floating-button--on-color.ddga-floating-button--secondary:hover:not(
      :disabled
    ):not([aria-disabled="true"]) {
    background-color: var(--ddga-alpha-white-20);
  }
  .ddga-floating-button--on-color.ddga-floating-button--secondary:active:not(
      :disabled
    ):not([aria-disabled="true"]) {
    background-color: var(--ddga-alpha-white-40);
  }
  .ddga-floating-button--on-color.ddga-floating-button--secondary[aria-pressed="true"] {
    background-color: var(--ddga-alpha-white-30);
  }
  .ddga-floating-button--on-color:disabled,
  .ddga-floating-button--on-color[aria-disabled="true"] {
    background-color: var(--ddga-alpha-white-20);
    color: var(--ddga-alpha-white-40);
  }
  @media (forced-colors: active) {
    .ddga-floating-button {
      border: 1px solid buttontext;
    }
    .ddga-floating-button:focus-visible {
      outline-offset: 2px;
      outline: 2px solid highlight;
    }
    .ddga-floating-button:disabled,
    .ddga-floating-button[aria-disabled="true"] {
      color: graytext;
    }
  }
  .ddga-filtration__trigger .ddga-button__icon:last-child {
    transition: transform 0.15s;
  }
  .ddga-filtration__trigger[data-state="open"] .ddga-button__icon:last-child {
    transform: rotate(180deg);
  }
  .ddga-filtration-panel {
    gap: var(--ddga-space-2);
    border-radius: var(--ddga-radius-sm);
    flex-direction: column;
    inline-size: 20rem;
    max-inline-size: 20rem;
    padding: 0;
    display: flex;
    overflow: clip;
  }
  .ddga-popover.ddga-filtration-panel {
    max-block-size: var(--radix-popover-content-available-height);
    overflow-y: auto;
  }
  .ddga-filtration-panel--inline {
    background-color: var(--ddga-color-background);
    color: var(--ddga-color-foreground);
    border: 1px solid var(--ddga-color-border);
  }
  .ddga-filtration__divider {
    block-size: 1px;
    margin-inline: var(--ddga-space-2);
    background-color: var(--ddga-color-input);
  }
  .ddga-filtration-section {
    gap: var(--ddga-space-5);
    padding-block: var(--ddga-space-4);
    padding-inline: var(--ddga-space-2);
    flex-direction: column;
    display: flex;
  }
  .ddga-filtration-section__label {
    font-size: var(--ddga-font-size-sm);
    font-weight: var(--ddga-font-weight-semibold);
    color: var(--ddga-text-primary);
    margin: 0;
    line-height: 1.4286;
  }
  .ddga-filtration-section__count {
    font-weight: var(--ddga-font-weight-regular);
    color: var(--ddga-text-tertiary);
  }
  .ddga-filtration-checkbox-filter,
  .ddga-filtration-checkbox-filter__list {
    gap: var(--ddga-space-3);
    flex-direction: column;
    display: flex;
  }
  .ddga-filtration-checkbox-filter__count {
    color: var(--ddga-text-tertiary);
  }
  .ddga-filtration-checkbox-filter__more {
    align-items: center;
    gap: var(--ddga-space-1);
    padding-block: var(--ddga-space-1);
    font: inherit;
    font-size: var(--ddga-font-size-sm);
    font-weight: var(--ddga-font-weight-medium);
    color: var(--ddga-text-primary);
    cursor: pointer;
    background: 0 0;
    border: 0;
    align-self: flex-start;
    padding-inline: 0;
    display: inline-flex;
  }
  .ddga-filtration-checkbox-filter__more:focus-visible {
    outline: 2px solid var(--ddga-color-ring);
    outline-offset: 2px;
    border-radius: var(--ddga-radius-sm);
  }
  .ddga-filtration-checkbox-filter__more-icon {
    block-size: 1rem;
    inline-size: 1rem;
    transition: transform 0.15s;
  }
  .ddga-filtration-checkbox-filter__more-icon.is-open {
    transform: rotate(180deg);
  }
  .ddga-filtration-option-list {
    gap: var(--ddga-space-3);
    flex-direction: column;
    display: flex;
  }
  .ddga-filtration-option {
    justify-content: space-between;
    align-items: center;
    gap: var(--ddga-space-2);
    inline-size: 100%;
    padding: var(--ddga-space-2);
    font: inherit;
    font-size: var(--ddga-font-size-sm);
    color: var(--ddga-text-primary);
    text-align: start;
    cursor: pointer;
    border-radius: var(--ddga-radius-sm);
    background: 0 0;
    border: 0;
    line-height: 1.4286;
    display: flex;
  }
  .ddga-filtration-option:hover {
    background-color: var(--ddga-color-muted);
  }
  .ddga-filtration-option:focus-visible {
    outline: 2px solid var(--ddga-color-ring);
    outline-offset: -2px;
  }
  .ddga-filtration-option__indicator {
    color: var(--ddga-color-primary);
    display: inline-flex;
  }
  .ddga-filtration-option__check {
    block-size: 1.25rem;
    inline-size: 1.25rem;
  }
  .ddga-filtration-results {
    gap: var(--ddga-space-2);
    flex-wrap: wrap;
    margin-block-start: var(--ddga-space-2);
    display: flex;
  }
  .ddga-filtration-footer {
    gap: var(--ddga-space-2);
    padding: var(--ddga-space-2);
    display: flex;
  }
  .ddga-filtration-footer__apply {
    flex: 1;
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-filtration__trigger .ddga-button__icon:last-child,
    .ddga-filtration-checkbox-filter__more-icon {
      transition-duration: 0s;
    }
  }
  @media (forced-colors: active) {
    .ddga-filtration-panel--inline {
      border: 1px solid canvastext;
    }
    .ddga-filtration__divider {
      background-color: canvastext;
    }
    .ddga-filtration-checkbox-filter__more:focus-visible,
    .ddga-filtration-option:focus-visible {
      outline: 2px solid canvastext;
    }
  }
  .ddga-carousel {
    box-sizing: border-box;
    padding-inline: var(--ddga-space-6);
    padding-block: var(--ddga-space-8);
    display: grid;
  }
  .ddga-carousel--flush {
    padding: 0;
  }
  .ddga-carousel--dots {
    row-gap: var(--ddga-space-6);
    grid-template-areas: "viewport" "dots";
    justify-items: center;
  }
  .ddga-carousel--arrows {
    align-items: center;
    column-gap: var(--ddga-carousel-arrow-gap, 2.75rem);
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "prev viewport next";
  }
  .ddga-carousel--both {
    align-items: center;
    column-gap: var(--ddga-carousel-arrow-gap, 2.75rem);
    row-gap: var(--ddga-space-6);
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "prev viewport next" "dots dots dots";
    justify-items: center;
  }
  .ddga-carousel [data-slot="carousel-previous"] {
    grid-area: prev;
  }
  .ddga-carousel [data-slot="carousel-next"] {
    grid-area: next;
  }
  .ddga-carousel [data-slot="carousel-viewport"] {
    grid-area: viewport;
    justify-self: stretch;
  }
  .ddga-carousel [data-slot="carousel-dots"] {
    grid-area: dots;
  }
  .ddga-carousel--overlay.ddga-carousel--arrows,
  .ddga-carousel--overlay.ddga-carousel--both {
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
  }
  .ddga-carousel--overlay.ddga-carousel--arrows {
    grid-template-areas: "viewport";
  }
  .ddga-carousel--overlay.ddga-carousel--both {
    grid-template-areas: "viewport" "dots";
  }
  .ddga-carousel--overlay [data-slot="carousel-previous"],
  .ddga-carousel--overlay [data-slot="carousel-next"] {
    z-index: 1;
    grid-area: viewport;
    align-self: center;
  }
  .ddga-carousel--overlay [data-slot="carousel-previous"] {
    justify-self: start;
    margin-inline-start: var(--ddga-carousel-arrow-gap, 0px);
  }
  .ddga-carousel--overlay [data-slot="carousel-next"] {
    justify-self: end;
    margin-inline-end: var(--ddga-carousel-arrow-gap, 0px);
  }
  .ddga-carousel__viewport {
    touch-action: pan-y;
    inline-size: 100%;
    min-inline-size: 0;
    overflow: hidden;
  }
  .ddga-carousel__track {
    --_ddga-carousel-size: var(--ddga-carousel-slide-size, 100%);
    --_ddga-carousel-gap: var(--ddga-carousel-slide-gap, 0px);
    --_ddga-carousel-offset: calc(
      var(--ddga-carousel-index, 0) * var(--ddga-carousel-per-view, 1) *
        (var(--_ddga-carousel-size) + var(--_ddga-carousel-gap))
    );
    --_ddga-carousel-shift: 0px;
    gap: var(--_ddga-carousel-gap);
    inline-size: 100%;
    transform: translateX(
      calc(var(--_ddga-carousel-shift) - var(--_ddga-carousel-offset))
    );
    will-change: transform;
    transition: transform 0.3s;
    display: flex;
  }
  [dir="rtl"] .ddga-carousel__track {
    transform: translateX(
      calc(var(--_ddga-carousel-offset) - var(--_ddga-carousel-shift))
    );
  }
  .ddga-carousel--align-center .ddga-carousel__track {
    --_ddga-carousel-shift: calc(
      (
          100% - var(--ddga-carousel-page-size, 1) * var(--_ddga-carousel-size) -
            (var(--ddga-carousel-page-size, 1) - 1) * var(--_ddga-carousel-gap)
        ) / 2
    );
  }
  .ddga-carousel__slide {
    flex: 0 0 var(--_ddga-carousel-size);
    box-sizing: border-box;
    min-inline-size: 0;
  }
  .ddga-carousel__dots {
    --_ddga-carousel-dot: 12px;
    padding: calc(var(--ddga-space-3) - (24px - var(--_ddga-carousel-dot)) / 2);
    border-radius: var(--ddga-radius-full);
    justify-content: center;
    align-items: center;
    gap: 0;
    display: inline-flex;
  }
  .ddga-carousel__dots--bare {
    padding: 0;
  }
  .ddga-carousel__dots--sm {
    --_ddga-carousel-dot: 8px;
  }
  .ddga-carousel__dots--md {
    --_ddga-carousel-dot: 12px;
  }
  .ddga-carousel__dots--lg {
    --_ddga-carousel-dot: 16px;
  }
  .ddga-carousel__dot {
    border-radius: var(--ddga-radius-full);
    cursor: pointer;
    background-color: #0000;
    border: none;
    flex-shrink: 0;
    block-size: 24px;
    inline-size: 24px;
    padding: 0;
    position: relative;
  }
  .ddga-carousel__dot:before {
    content: "";
    inline-size: var(--_ddga-carousel-dot);
    block-size: var(--_ddga-carousel-dot);
    border-radius: var(--ddga-radius-full);
    background-color: var(--ddga-color-border);
    transition: background-color 0.15s;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%);
  }
  [dir="rtl"] .ddga-carousel__dot:before {
    transform: translate(50%, -50%);
  }
  .ddga-carousel__dot[data-active]:before {
    background-color: var(--ddga-color-primary);
  }
  .ddga-carousel__dot:focus-visible {
    outline: 2px solid var(--ddga-text-primary);
    outline-offset: -2px;
  }
  .ddga-carousel__nav {
    border-radius: var(--ddga-radius-full);
    cursor: pointer;
    border: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    transition: background-color 0.15s, color 0.15s;
    display: inline-flex;
    position: relative;
  }
  .ddga-carousel__nav-icon {
    block-size: 24px;
    inline-size: 24px;
  }
  [dir="rtl"] .ddga-carousel__nav-icon {
    transform: scaleX(-1);
  }
  .ddga-carousel__nav--sm {
    block-size: 32px;
    inline-size: 32px;
  }
  .ddga-carousel__nav--md {
    block-size: 40px;
    inline-size: 40px;
  }
  .ddga-carousel__nav--lg {
    block-size: 48px;
    inline-size: 48px;
  }
  .ddga-carousel__nav--primary {
    background-color: var(--ddga-color-primary);
    color: var(--ddga-color-primary-foreground);
  }
  .ddga-carousel__nav--primary:hover:not(:disabled):not(
      [aria-disabled="true"]
    ) {
    background-color: var(--ddga-color-primary-hover);
  }
  .ddga-carousel__nav--primary:active:not(:disabled):not(
      [aria-disabled="true"]
    ) {
    background-color: var(--ddga-color-primary-active);
  }
  .ddga-carousel__nav--primary:disabled,
  .ddga-carousel__nav--primary[aria-disabled="true"] {
    background-color: var(--ddga-gray-200);
    color: var(--ddga-gray-400);
    cursor: not-allowed;
  }
  .ddga-carousel__nav--subtle {
    color: var(--ddga-text-primary);
    background-color: #0000;
  }
  .ddga-carousel__nav--subtle:hover:not(:disabled):not([aria-disabled="true"]) {
    background-color: var(--ddga-gray-100);
  }
  .ddga-carousel__nav--subtle:active:not(:disabled):not(
      [aria-disabled="true"]
    ) {
    background-color: var(--ddga-gray-200);
  }
  .ddga-carousel__nav--subtle:disabled,
  .ddga-carousel__nav--subtle[aria-disabled="true"] {
    color: var(--ddga-gray-400);
    cursor: not-allowed;
  }
  .ddga-carousel__nav--neutral {
    background-color: var(--ddga-color-secondary);
    color: var(--ddga-text-primary);
    border-radius: var(--ddga-radius-sm);
  }
  .ddga-carousel__nav--neutral:hover:not(:disabled):not([aria-disabled="true"]),
  .ddga-carousel__nav--neutral:active:not(:disabled):not(
      [aria-disabled="true"]
    ) {
    background-color: var(--ddga-color-secondary-hover);
  }
  .ddga-carousel__nav--neutral:disabled,
  .ddga-carousel__nav--neutral[aria-disabled="true"] {
    background-color: var(--ddga-gray-200);
    color: var(--ddga-gray-400);
    cursor: not-allowed;
  }
  .ddga-carousel__nav--neutral.ddga-carousel__nav--sm .ddga-carousel__nav-icon {
    block-size: 20px;
    inline-size: 20px;
  }
  .ddga-carousel__nav:focus-visible {
    outline: none;
  }
  .ddga-carousel__nav:focus-visible:after {
    content: "";
    border: 3px solid var(--ddga-text-primary);
    border-radius: var(--ddga-radius-full);
    pointer-events: none;
    position: absolute;
    inset: -5px;
  }
  .ddga-carousel__nav--neutral:focus-visible:after {
    border-radius: calc(var(--ddga-radius-sm) + 5px);
  }
  [data-theme="dark"]
    .ddga-carousel__nav--subtle:hover:not(:disabled):not(
      [aria-disabled="true"]
    ) {
    background-color: var(--ddga-color-muted);
  }
  [data-theme="dark"]
    .ddga-carousel__nav--subtle:active:not(:disabled):not(
      [aria-disabled="true"]
    ) {
    background-color: var(--ddga-color-border);
  }
  [data-theme="dark"] .ddga-carousel__nav--primary:disabled,
  [data-theme="dark"] .ddga-carousel__nav--primary[aria-disabled="true"],
  [data-theme="dark"] .ddga-carousel__nav--neutral:disabled,
  [data-theme="dark"] .ddga-carousel__nav--neutral[aria-disabled="true"] {
    background-color: var(--ddga-color-muted);
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-carousel__track,
    .ddga-carousel__dot:before,
    .ddga-carousel__nav {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-carousel__dot:before {
      background-color: buttontext;
    }
    .ddga-carousel__dot[data-active]:before {
      background-color: highlight;
    }
    .ddga-carousel__dot:focus-visible,
    .ddga-carousel__nav:focus-visible:after {
      outline-offset: 2px;
      outline: 2px solid highlight;
    }
    .ddga-carousel__nav--neutral {
      border: 1px solid buttontext;
    }
    .ddga-carousel__nav:disabled,
    .ddga-carousel__nav[aria-disabled="true"] {
      color: graytext;
    }
  }
  .ddga-code-snippet {
    --ddga-code-snippet-line-height: 1.5rem;
    background-color: var(--ddga-color-card);
    color: var(--ddga-text-primary);
    border: 1px solid var(--ddga-color-border);
    border-radius: var(--ddga-radius-lg);
    flex-direction: column;
    display: flex;
    overflow: clip;
  }
  .ddga-code-snippet__tabs {
    gap: 0;
  }
  .ddga-code-snippet__tab-list {
    inline-size: 100%;
  }
  .ddga-code-snippet .ddga-tabs__trigger {
    padding-block: var(--ddga-space-4);
  }
  .ddga-code-snippet__tab-content {
    margin: 0;
    padding: 0;
  }
  .ddga-code-snippet__panel {
    flex-direction: column;
    display: flex;
    position: relative;
  }
  .ddga-code-snippet__viewport {
    align-items: stretch;
    display: flex;
    overflow: hidden;
  }
  .ddga-code-snippet__viewport--collapsed {
    max-block-size: calc(
      var(--ddga-code-snippet-max-lines) * var(--ddga-code-snippet-line-height) +
        var(--ddga-space-6)
    );
  }
  .ddga-code-snippet__gutter {
    padding: var(--ddga-space-6);
    background-color: var(--ddga-gray-50);
    border-inline-end: 1px solid var(--ddga-color-border);
    font-family: var(--ddga-font-mono);
    font-size: 1rem;
    font-weight: 700;
    line-height: var(--ddga-code-snippet-line-height);
    color: var(--ddga-gray-500);
    text-align: end;
    -webkit-user-select: none;
    user-select: none;
    flex-direction: column;
    flex-shrink: 0;
    align-items: flex-end;
    display: flex;
  }
  .ddga-code-snippet__line-number {
    display: block;
  }
  .ddga-code-snippet__scroll {
    min-inline-size: 0;
    padding-block: var(--ddga-space-6) var(--ddga-space-8);
    padding-inline: var(--ddga-space-6) calc(var(--ddga-space-6) + 2.5rem);
    flex: auto;
    overflow-x: auto;
  }
  .ddga-code-snippet__code {
    font-family: var(--ddga-font-mono);
    font-size: 1rem;
    font-weight: 500;
    line-height: var(--ddga-code-snippet-line-height);
    color: var(--ddga-text-primary);
    margin: 0;
  }
  .ddga-code-snippet__code code {
    font: inherit;
  }
  .ddga-code-snippet__line {
    white-space: pre;
    display: block;
  }
  .ddga-code-snippet__line:empty:after {
    content: "​";
  }
  .ddga-code-snippet__line--comment {
    color: var(--ddga-text-placeholder);
  }
  .ddga-code-snippet__copy-button {
    border-radius: var(--ddga-radius-sm);
    color: var(--ddga-text-primary);
    cursor: pointer;
    background-color: #0000;
    border: 0;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    transition: background-color 0.15s;
    display: inline-flex;
  }
  .ddga-code-snippet__copy-button:hover {
    background-color: var(--ddga-color-muted);
  }
  .ddga-code-snippet__copy-button:focus-visible {
    box-shadow: inset 0 0 0 2px var(--ddga-text-primary);
    outline: none;
  }
  .ddga-code-snippet__copy-button--md {
    block-size: 2.5rem;
    inline-size: 2.5rem;
  }
  .ddga-code-snippet__copy-button--md > svg {
    block-size: 1.5rem;
    inline-size: 1.5rem;
  }
  .ddga-code-snippet__copy-button--sm {
    block-size: 2rem;
    inline-size: 2rem;
  }
  .ddga-code-snippet__copy-button--sm > svg {
    block-size: 1.25rem;
    inline-size: 1.25rem;
  }
  .ddga-code-snippet__panel > .ddga-code-snippet__copy-button {
    z-index: 1;
    position: absolute;
    inset-block-start: var(--ddga-space-4);
    inset-inline-end: var(--ddga-space-4);
  }
  .ddga-code-snippet__show-more {
    align-self: flex-end;
    align-items: center;
    gap: var(--ddga-space-1);
    margin-block: var(--ddga-space-2) var(--ddga-space-6);
    block-size: 2rem;
    padding-inline: var(--ddga-space-3);
    border-radius: var(--ddga-radius-sm);
    font-weight: 500;
    font-size: var(--ddga-font-size-sm);
    color: var(--ddga-text-primary);
    cursor: pointer;
    background-color: #0000;
    border: 0;
    margin-inline-end: var(--ddga-space-6);
    line-height: 1.25rem;
    display: inline-flex;
  }
  .ddga-code-snippet__show-more:hover {
    background-color: var(--ddga-color-muted);
  }
  .ddga-code-snippet__show-more:focus-visible {
    box-shadow: inset 0 0 0 2px var(--ddga-text-primary);
    outline: none;
  }
  .ddga-code-snippet__show-more-icon {
    block-size: 1.25rem;
    inline-size: 1.25rem;
    transition: transform 0.15s;
  }
  .ddga-code-snippet__show-more-icon--up {
    transform: rotate(180deg);
  }
  .ddga-code-snippet-inline {
    align-items: center;
    gap: var(--ddga-space-6);
    padding: var(--ddga-space-6);
    background-color: var(--ddga-color-card);
    border: 1px solid var(--ddga-color-border);
    border-radius: var(--ddga-radius-lg);
    display: flex;
  }
  .ddga-code-snippet-inline__text {
    align-items: center;
    gap: var(--ddga-space-3);
    min-inline-size: 0;
    font-family: var(--ddga-font-mono);
    white-space: nowrap;
    flex: auto;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    display: flex;
    overflow-x: auto;
  }
  .ddga-code-snippet-inline__prefix {
    color: var(--ddga-gold-600);
    flex-shrink: 0;
  }
  .ddga-code-snippet-inline__command {
    color: var(--ddga-color-primary);
  }
  [data-theme="dark"] .ddga-code-snippet__gutter {
    background-color: var(--ddga-color-muted);
  }
  [data-theme="dark"] .ddga-code-snippet__line-number {
    color: var(--ddga-text-tertiary);
  }
  @media (forced-colors: active) {
    .ddga-code-snippet,
    .ddga-code-snippet-inline {
      border-color: canvastext;
    }
    .ddga-code-snippet__gutter {
      border-inline-end-color: canvastext;
    }
  }
  .ddga-digital-stamp {
    gap: var(--ddga-space-10);
    inline-size: 100%;
    padding-inline: var(--ddga-space-4);
    padding-block: var(--ddga-space-1-5);
    background-color: var(--ddga-color-muted);
    color: var(--ddga-text-primary);
    flex-direction: column;
    font-family: inherit;
    display: flex;
    overflow: clip;
    container-type: inline-size;
  }
  .ddga-digital-stamp[data-state="open"] {
    padding-block-end: var(--ddga-space-4);
  }
  .ddga-digital-stamp__row {
    align-items: flex-start;
    gap: var(--ddga-space-2);
    flex-direction: column;
    display: flex;
  }
  .ddga-digital-stamp__lead {
    align-items: flex-start;
    gap: var(--ddga-space-2);
    min-inline-size: 0;
    display: flex;
  }
  .ddga-digital-stamp__flag {
    border-radius: 1px;
    flex-shrink: 0;
    block-size: 14px;
    inline-size: 20px;
    margin-block-start: 0.1875rem;
  }
  .ddga-digital-stamp__statement {
    min-inline-size: 0;
    font-size: var(--ddga-font-size-sm);
    line-height: 1.25rem;
    font-weight: var(--ddga-font-weight-medium);
    color: var(--ddga-text-primary);
    word-break: break-word;
    margin: 0;
  }
  .ddga-digital-stamp__trigger {
    align-items: center;
    gap: var(--ddga-space-1);
    font-family: inherit;
    font-size: var(--ddga-font-size-sm);
    line-height: 1.25rem;
    font-weight: var(--ddga-font-weight-regular);
    color: var(--ddga-sa-700);
    cursor: pointer;
    border-radius: var(--ddga-radius-sm);
    background: 0 0;
    border: 0;
    flex-shrink: 0;
    padding: 0;
    display: inline-flex;
  }
  .ddga-digital-stamp__trigger:focus-visible {
    box-shadow: 0 0 0 2px var(--ddga-text-primary);
    outline: none;
  }
  .ddga-digital-stamp__chevron {
    flex-shrink: 0;
    block-size: 16px;
    inline-size: 16px;
    transition: transform 0.15s;
  }
  .ddga-digital-stamp[data-state="open"] .ddga-digital-stamp__chevron {
    transform: rotate(180deg);
  }
  .ddga-digital-stamp__panel {
    gap: var(--ddga-space-10);
    flex-direction: column;
    display: flex;
  }
  .ddga-digital-stamp__panel[hidden] {
    display: none;
  }
  .ddga-digital-stamp__extension {
    gap: var(--ddga-space-4);
    flex-direction: column;
    display: flex;
  }
  .ddga-digital-stamp__column {
    align-items: flex-start;
    gap: var(--ddga-space-3);
    min-inline-size: 0;
    display: flex;
  }
  .ddga-digital-stamp__icon {
    border: 1px solid var(--ddga-success-700);
    border-radius: var(--ddga-radius-full);
    block-size: 32px;
    inline-size: 32px;
    box-shadow: var(--ddga-shadow-xs);
    color: var(--ddga-success-700);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .ddga-digital-stamp__icon > svg {
    block-size: 16px;
    inline-size: 16px;
  }
  .ddga-digital-stamp__content {
    gap: var(--ddga-space-3);
    flex-direction: column;
    min-inline-size: 0;
    display: flex;
  }
  .ddga-digital-stamp__title {
    font-size: var(--ddga-font-size-lg);
    line-height: 1.75rem;
    font-weight: var(--ddga-font-weight-semibold);
    color: var(--ddga-text-primary);
    word-break: break-word;
    margin: 0;
  }
  .ddga-digital-stamp__title strong {
    font-weight: inherit;
    color: var(--ddga-color-primary);
  }
  .ddga-digital-stamp__description {
    font-size: var(--ddga-font-size-base);
    line-height: 1.5rem;
    font-weight: var(--ddga-font-weight-regular);
    color: var(--ddga-gray-700);
    word-break: break-word;
    margin: 0;
  }
  .ddga-digital-stamp__registration {
    align-items: center;
    gap: var(--ddga-space-6);
    padding-inline: var(--ddga-space-6);
    padding-block: var(--ddga-space-2);
    background-color: var(--ddga-color-background);
    border-radius: var(--ddga-radius-md);
    display: flex;
  }
  .ddga-digital-stamp__logo {
    flex-shrink: 0;
    display: inline-flex;
  }
  .ddga-digital-stamp__logo > svg,
  .ddga-digital-stamp__logo > img {
    block-size: 31px;
    inline-size: auto;
  }
  .ddga-digital-stamp__registration-text {
    gap: var(--ddga-space-3);
    flex-direction: column;
    min-inline-size: 0;
    display: flex;
  }
  .ddga-digital-stamp__registration-label {
    font-size: var(--ddga-font-size-base);
    color: var(--ddga-text-primary);
    word-break: break-word;
    margin: 0;
    line-height: 1.5rem;
  }
  .ddga-digital-stamp__registration-link,
  .ddga-digital-stamp__registration-number {
    font-size: var(--ddga-font-size-base);
    color: var(--ddga-color-primary);
    line-height: 1.5rem;
  }
  .ddga-digital-stamp__registration-link {
    border-radius: var(--ddga-radius-sm);
    text-decoration: underline;
  }
  .ddga-digital-stamp__registration-link:focus-visible {
    box-shadow: 0 0 0 2px var(--ddga-text-primary);
    outline: none;
  }
  @container (width>=768px) {
    .ddga-digital-stamp {
      padding-inline: var(--ddga-space-8);
    }
    .ddga-digital-stamp[data-state="closed"] {
      justify-content: center;
      min-block-size: 32px;
      padding-block: 0;
    }
    .ddga-digital-stamp[data-state="open"] {
      padding-block-end: var(--ddga-space-8);
    }
    .ddga-digital-stamp__row {
      flex-direction: row;
      align-items: center;
    }
    .ddga-digital-stamp__lead {
      align-items: center;
    }
    .ddga-digital-stamp__flag {
      margin-block-start: 0;
    }
    .ddga-digital-stamp__extension {
      gap: var(--ddga-space-4);
      flex-flow: wrap;
    }
    .ddga-digital-stamp__column {
      gap: var(--ddga-space-6);
      flex: 1 1 0;
    }
    .ddga-digital-stamp__icon {
      block-size: 48px;
      inline-size: 48px;
    }
    .ddga-digital-stamp__icon > svg {
      block-size: 24px;
      inline-size: 24px;
    }
    .ddga-digital-stamp__registration-text {
      align-items: center;
      gap: var(--ddga-space-3);
      flex-flow: wrap;
      row-gap: 18px;
    }
  }
  [data-theme="dark"] .ddga-digital-stamp__trigger {
    color: var(--ddga-color-primary);
  }
  [data-theme="dark"] .ddga-digital-stamp__description {
    color: var(--ddga-gray-300);
  }
  @media (forced-colors: active) {
    .ddga-digital-stamp__icon {
      border-color: canvastext;
    }
    .ddga-digital-stamp__trigger:focus-visible,
    .ddga-digital-stamp__registration-link:focus-visible {
      box-shadow: none;
      outline: 2px solid highlight;
    }
  }
  .ddga-slideout-menu__overlay {
    z-index: var(--ddga-z-overlay);
    background-color: #00000080;
    animation-duration: 0.15s;
    animation-timing-function: ease;
    position: fixed;
    inset: 0;
  }
  .ddga-slideout-menu__overlay[data-state="open"] {
    animation-name: ddga-slideout-menu-overlay-in;
  }
  .ddga-slideout-menu__overlay[data-state="closed"] {
    animation-name: ddga-slideout-menu-overlay-out;
  }
  @keyframes ddga-slideout-menu-overlay-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes ddga-slideout-menu-overlay-out {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  .ddga-slideout-menu {
    z-index: var(--ddga-z-modal);
    inline-size: min(346px, 100vw);
    color: var(--ddga-text-primary);
    flex-direction: column;
    animation-duration: 0.22s;
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    position: fixed;
    inset-block: 0;
    overflow: hidden;
  }
  .ddga-slideout-menu--gray {
    background-color: var(--ddga-color-muted);
  }
  .ddga-slideout-menu--white {
    background-color: var(--ddga-color-background);
  }
  .ddga-slideout-menu--start {
    border-inline-end: 1px solid var(--ddga-color-input);
    inset-inline-start: 0;
  }
  .ddga-slideout-menu--end {
    border-inline-start: 1px solid var(--ddga-color-input);
    inset-inline-end: 0;
  }
  .ddga-slideout-menu--start[data-state="open"] {
    animation-name: ddga-slideout-menu-in-start;
  }
  .ddga-slideout-menu--start[data-state="closed"] {
    animation-name: ddga-slideout-menu-out-start;
  }
  .ddga-slideout-menu--end[data-state="open"] {
    animation-name: ddga-slideout-menu-in-end;
  }
  .ddga-slideout-menu--end[data-state="closed"] {
    animation-name: ddga-slideout-menu-out-end;
  }
  @keyframes ddga-slideout-menu-in-start {
    0% {
      transform: translate(-100%);
    }
    to {
      transform: translate(0);
    }
  }
  @keyframes ddga-slideout-menu-out-start {
    0% {
      transform: translate(0);
    }
    to {
      transform: translate(-100%);
    }
  }
  @keyframes ddga-slideout-menu-in-end {
    0% {
      transform: translate(100%);
    }
    to {
      transform: translate(0);
    }
  }
  @keyframes ddga-slideout-menu-out-end {
    0% {
      transform: translate(0);
    }
    to {
      transform: translate(100%);
    }
  }
  [dir="rtl"] .ddga-slideout-menu--start[data-state="open"] {
    animation-name: ddga-slideout-menu-in-end;
  }
  [dir="rtl"] .ddga-slideout-menu--start[data-state="closed"] {
    animation-name: ddga-slideout-menu-out-end;
  }
  [dir="rtl"] .ddga-slideout-menu--end[data-state="open"] {
    animation-name: ddga-slideout-menu-in-start;
  }
  [dir="rtl"] .ddga-slideout-menu--end[data-state="closed"] {
    animation-name: ddga-slideout-menu-out-start;
  }
  .ddga-slideout-menu__header {
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--ddga-space-2);
    padding: var(--ddga-space-4);
    background-color: var(--ddga-gray-50);
    flex-shrink: 0;
    display: flex;
  }
  .ddga-slideout-menu__header-content {
    align-items: center;
    gap: var(--ddga-space-2);
    flex: auto;
    min-inline-size: 0;
    display: flex;
  }
  .ddga-slideout-menu__header-text {
    gap: var(--ddga-space-1);
    flex-direction: column;
    flex: auto;
    min-inline-size: 0;
    display: flex;
  }
  .ddga-slideout-menu__featured-icon {
    border-radius: var(--ddga-radius-full);
    background-color: var(--ddga-sa-50);
    block-size: 32px;
    inline-size: 32px;
    color: var(--ddga-color-primary);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .ddga-slideout-menu__featured-icon > svg {
    block-size: 1rem;
    inline-size: 1rem;
  }
  .ddga-slideout-menu__title {
    font-size: var(--ddga-font-size-base);
    line-height: 1.5;
    font-weight: var(--ddga-font-weight-semibold);
    color: var(--ddga-text-primary);
    margin: 0;
  }
  .ddga-slideout-menu__description {
    font-size: var(--ddga-font-size-xs);
    line-height: 1.5;
    font-weight: var(--ddga-font-weight-regular);
    color: var(--ddga-text-tertiary);
    margin: 0;
  }
  .ddga-slideout-menu__close {
    border-radius: var(--ddga-radius-sm);
    block-size: 20px;
    inline-size: 20px;
    color: var(--ddga-text-primary);
    cursor: pointer;
    font: inherit;
    background-color: #0000;
    border: 0;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }
  .ddga-slideout-menu__close:hover {
    background-color: var(--ddga-color-muted);
  }
  .ddga-slideout-menu__close:focus-visible {
    outline: 2px solid var(--ddga-text-primary);
    outline-offset: 2px;
  }
  .ddga-slideout-menu__close > svg {
    block-size: 1rem;
    inline-size: 1rem;
  }
  .ddga-slideout-menu__body {
    gap: var(--ddga-space-4);
    min-block-size: 0;
    padding-block: var(--ddga-space-4) 5rem;
    padding-inline: var(--ddga-space-4);
    scrollbar-width: thin;
    scrollbar-color: var(--ddga-gray-300) transparent;
    flex-direction: column;
    flex: auto;
    display: flex;
    overflow-y: auto;
  }
  .ddga-slideout-menu__body::-webkit-scrollbar {
    inline-size: 8px;
  }
  .ddga-slideout-menu__body::-webkit-scrollbar-thumb {
    background-color: var(--ddga-gray-300);
    border-radius: var(--ddga-radius-full);
  }
  .ddga-slideout-menu__group {
    gap: var(--ddga-space-3);
    flex-direction: column;
    display: flex;
  }
  .ddga-slideout-menu__group-label {
    font-size: var(--ddga-font-size-xs);
    line-height: 1.5;
    font-weight: var(--ddga-font-weight-bold);
    color: var(--ddga-gray-800);
  }
  .ddga-slideout-menu__list {
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }
  .ddga-slideout-menu__item-wrapper {
    display: block;
  }
  .ddga-slideout-menu__item {
    align-items: center;
    gap: var(--ddga-space-2);
    inline-size: 100%;
    padding: var(--ddga-space-2);
    border-radius: var(--ddga-radius-sm);
    color: var(--ddga-text-primary);
    font: inherit;
    text-align: start;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    background-color: #0000;
    border: 0;
    text-decoration: none;
    display: flex;
  }
  .ddga-slideout-menu__item:hover {
    background-color: var(--ddga-gray-100);
  }
  .ddga-slideout-menu__item:active {
    background-color: var(--ddga-gray-200);
  }
  .ddga-slideout-menu__item:focus-visible {
    outline: 2px solid var(--ddga-text-primary);
    outline-offset: -2px;
  }
  .ddga-slideout-menu__item[data-active] {
    background-color: var(--ddga-sa-50);
    color: var(--ddga-color-primary);
  }
  .ddga-slideout-menu__item-icon {
    block-size: 24px;
    inline-size: 24px;
    color: inherit;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .ddga-slideout-menu__item-icon > svg {
    block-size: 24px;
    inline-size: 24px;
  }
  .ddga-slideout-menu__item-label {
    min-inline-size: 0;
    font-size: var(--ddga-font-size-base);
    line-height: 1.5;
    font-weight: var(--ddga-font-weight-regular);
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: auto;
    overflow: hidden;
  }
  .ddga-slideout-menu__item--level-2 {
    padding-inline-start: var(--ddga-space-10);
  }
  .ddga-slideout-menu__chevron {
    transition: transform 0.15s;
  }
  .ddga-slideout-menu__item[aria-expanded="true"] .ddga-slideout-menu__chevron {
    transform: rotate(180deg);
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-slideout-menu__chevron {
      transition: none;
    }
  }
  .ddga-slideout-menu__item-trailing {
    min-block-size: 24px;
    font-size: var(--ddga-font-size-base);
    color: var(--ddga-text-tertiary);
    flex-shrink: 0;
    align-items: center;
    margin-inline-start: auto;
    line-height: 1.5;
    display: inline-flex;
  }
  .ddga-slideout-menu__item-trailing > svg {
    block-size: 24px;
    inline-size: 24px;
  }
  .ddga-slideout-menu__item[data-active] .ddga-slideout-menu__item-trailing {
    color: inherit;
  }
  .ddga-slideout-menu__separator {
    background-color: var(--ddga-color-input);
    flex-shrink: 0;
    block-size: 1px;
  }
  .ddga-slideout-menu__footer {
    align-items: center;
    gap: var(--ddga-space-4);
    padding: var(--ddga-space-4);
    border-block-start: 1px solid var(--ddga-color-input);
    flex-wrap: wrap;
    flex-shrink: 0;
    display: flex;
  }
  [data-theme="dark"] .ddga-slideout-menu__header {
    background-color: var(--ddga-gray-800);
  }
  [data-theme="dark"] .ddga-slideout-menu__group-label {
    color: var(--ddga-gray-200);
  }
  [data-theme="dark"] .ddga-slideout-menu__featured-icon {
    background-color: var(--ddga-alpha-white-10);
    color: var(--ddga-sa-400);
  }
  [data-theme="dark"] .ddga-slideout-menu__item:hover {
    background-color: var(--ddga-gray-800);
  }
  [data-theme="dark"] .ddga-slideout-menu__item:active {
    background-color: var(--ddga-gray-700);
  }
  [data-theme="dark"] .ddga-slideout-menu__item[data-active] {
    color: var(--ddga-sa-400);
    background-color: #1b83542e;
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-slideout-menu,
    .ddga-slideout-menu__overlay {
      animation: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-slideout-menu {
      border: 1px solid canvastext;
    }
    .ddga-slideout-menu__separator {
      background-color: canvastext;
    }
    .ddga-slideout-menu__footer {
      border-block-start-color: canvastext;
    }
    .ddga-slideout-menu__item:hover,
    .ddga-slideout-menu__item[data-active] {
      color: highlighttext;
      background-color: highlight;
    }
    .ddga-slideout-menu__item:focus-visible,
    .ddga-slideout-menu__close:focus-visible {
      outline-color: highlight;
    }
  }
  .ddga-charts {
    --ddga-charts-axis: var(--ddga-gray-700);
    --ddga-charts-grid: var(--ddga-gray-100);
    gap: var(--ddga-space-2);
    color: var(--ddga-charts-axis);
    flex-direction: column;
    margin: 0;
    font-family: inherit;
    display: flex;
  }
  .ddga-charts--pie {
    align-items: center;
    gap: var(--ddga-space-6);
  }
  .ddga-charts__plot {
    block-size: auto;
    max-inline-size: 100%;
    display: block;
  }
  .ddga-charts--line .ddga-charts__plot,
  .ddga-charts--bar .ddga-charts__plot {
    inline-size: 100%;
  }
  .ddga-charts__plot text {
    font-family: inherit;
  }
  .ddga-charts__legend {
    gap: var(--ddga-space-3);
    font-size: var(--ddga-font-size-sm);
    color: var(--ddga-charts-axis);
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    line-height: 1.4;
    list-style: none;
    display: flex;
  }
  .ddga-charts--line .ddga-charts__legend,
  .ddga-charts--bar .ddga-charts__legend {
    justify-content: flex-end;
  }
  .ddga-charts--pie .ddga-charts__legend {
    justify-content: center;
  }
  .ddga-charts__legend-item {
    align-items: center;
    gap: var(--ddga-space-2);
    display: inline-flex;
  }
  .ddga-charts__mark {
    border-radius: var(--ddga-radius-full);
    flex-shrink: 0;
    block-size: 8px;
    inline-size: 8px;
  }
  .ddga-charts__sr-only {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    block-size: 1px;
    inline-size: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  [data-theme="dark"] .ddga-charts {
    --ddga-charts-axis: var(--ddga-gray-300);
    --ddga-charts-grid: var(--ddga-gray-800);
  }
  @media (forced-colors: active) {
    .ddga-charts__plot,
    .ddga-charts__mark {
      forced-color-adjust: none;
    }
  }
  .ddga-chip {
    justify-content: center;
    align-items: center;
    gap: var(--ddga-space-1);
    box-sizing: border-box;
    border-radius: var(--ddga-radius-sm);
    font-family: inherit;
    font-weight: var(--ddga-font-weight-medium);
    white-space: nowrap;
    cursor: pointer;
    background-color: var(--ddga-chip-bg);
    color: var(--ddga-chip-fg);
    border: 0;
    transition: background-color 0.15s, color 0.15s;
    display: inline-flex;
  }
  .ddga-chip--rounded {
    border-radius: var(--ddga-radius-full);
  }
  .ddga-chip--sm {
    block-size: 20px;
    padding-inline: var(--ddga-space-3);
    font-size: var(--ddga-font-size-2xs);
    font-weight: var(--ddga-font-weight-semibold);
    line-height: 1.4;
  }
  .ddga-chip--md {
    block-size: 24px;
    padding-inline: var(--ddga-space-3);
    font-size: var(--ddga-font-size-xs);
    line-height: 1.5;
  }
  .ddga-chip--lg {
    block-size: 32px;
    padding-inline: var(--ddga-space-3);
    font-size: var(--ddga-font-size-base);
    line-height: 1.5;
  }
  .ddga-chip__icon {
    flex-shrink: 0;
    display: inline-flex;
  }
  .ddga-chip__icon > svg {
    block-size: 14px;
    inline-size: 14px;
  }
  .ddga-chip--lg .ddga-chip__icon > svg {
    block-size: 18px;
    inline-size: 18px;
  }
  .ddga-chip--primary {
    --ddga-chip-bg: var(--ddga-sa-50);
    --ddga-chip-fg: var(--ddga-sa-800);
  }
  .ddga-chip--primary:hover:not(:disabled):not([aria-pressed="true"]) {
    --ddga-chip-bg: var(--ddga-sa-200);
  }
  .ddga-chip--primary:active:not(:disabled):not([aria-pressed="true"]) {
    --ddga-chip-bg: var(--ddga-sa-400);
    --ddga-chip-fg: var(--ddga-sa-900);
  }
  .ddga-chip--primary[aria-pressed="true"] {
    --ddga-chip-bg: var(--ddga-sa-600);
    --ddga-chip-fg: #fff;
  }
  .ddga-chip--primary[aria-pressed="true"]:hover:not(:disabled) {
    --ddga-chip-bg: var(--ddga-sa-700);
  }
  .ddga-chip--primary[aria-pressed="true"]:active:not(:disabled) {
    --ddga-chip-bg: var(--ddga-sa-900);
  }
  .ddga-chip--neutral {
    --ddga-chip-bg: var(--ddga-gray-100);
    --ddga-chip-fg: var(--ddga-text-primary);
  }
  .ddga-chip--neutral:hover:not(:disabled):not([aria-pressed="true"]) {
    --ddga-chip-bg: var(--ddga-gray-200);
  }
  .ddga-chip--neutral:active:not(:disabled):not([aria-pressed="true"]) {
    --ddga-chip-bg: var(--ddga-gray-300);
  }
  .ddga-chip--neutral[aria-pressed="true"] {
    --ddga-chip-bg: var(--ddga-gray-700);
    --ddga-chip-fg: #fff;
  }
  .ddga-chip--neutral[aria-pressed="true"]:hover:not(:disabled) {
    --ddga-chip-bg: var(--ddga-gray-800);
  }
  .ddga-chip--neutral[aria-pressed="true"]:active:not(:disabled) {
    --ddga-chip-bg: var(--ddga-gray-950);
  }
  .ddga-chip:focus-visible {
    outline: 2px solid var(--ddga-color-focus-ring);
    outline-offset: 2px;
  }
  .ddga-chip:disabled,
  .ddga-chip[aria-disabled="true"] {
    cursor: not-allowed;
    pointer-events: none;
    --ddga-chip-bg: var(--ddga-gray-200);
    --ddga-chip-fg: var(--ddga-gray-400);
  }
  .ddga-chip--on-color {
    --ddga-chip-bg: #fff;
    --ddga-chip-fg: var(--ddga-text-primary);
  }
  .ddga-chip--on-color:hover:not(:disabled):not([aria-pressed="true"]) {
    --ddga-chip-bg: var(--ddga-alpha-white-80);
  }
  .ddga-chip--on-color:active:not(:disabled):not([aria-pressed="true"]) {
    --ddga-chip-bg: var(--ddga-alpha-white-60);
    --ddga-chip-fg: var(--ddga-text-primary);
  }
  .ddga-chip--on-color[aria-pressed="true"] {
    --ddga-chip-bg: var(--ddga-alpha-white-70);
    --ddga-chip-fg: var(--ddga-text-primary);
  }
  .ddga-chip--on-color[aria-pressed="true"]:hover:not(:disabled) {
    --ddga-chip-bg: var(--ddga-alpha-white-80);
  }
  .ddga-chip--on-color[aria-pressed="true"]:active:not(:disabled) {
    --ddga-chip-bg: var(--ddga-alpha-white-60);
  }
  .ddga-chip--on-color:disabled,
  .ddga-chip--on-color[aria-disabled="true"] {
    --ddga-chip-bg: var(--ddga-alpha-white-20);
    --ddga-chip-fg: var(--ddga-alpha-white-40);
  }
  [data-theme="dark"] .ddga-chip--neutral:not(.ddga-chip--on-color) {
    --ddga-chip-bg: var(--ddga-gray-800);
    --ddga-chip-fg: var(--ddga-text-primary);
  }
  [data-theme="dark"]
    .ddga-chip--neutral:not(.ddga-chip--on-color):hover:not(:disabled):not(
      [aria-pressed="true"]
    ) {
    --ddga-chip-bg: var(--ddga-gray-700);
  }
  [data-theme="dark"]
    .ddga-chip--neutral:not(.ddga-chip--on-color):active:not(:disabled):not(
      [aria-pressed="true"]
    ) {
    --ddga-chip-bg: var(--ddga-gray-600);
  }
  [data-theme="dark"]
    .ddga-chip--primary:not(.ddga-chip--on-color):not([aria-pressed="true"]) {
    --ddga-chip-bg: color-mix(in srgb, var(--ddga-sa-600) 20%, transparent);
    --ddga-chip-fg: var(--ddga-sa-200);
  }
  [data-theme="dark"]
    .ddga-chip--primary:not(.ddga-chip--on-color):hover:not(:disabled):not(
      [aria-pressed="true"]
    ) {
    --ddga-chip-bg: color-mix(in srgb, var(--ddga-sa-600) 30%, transparent);
  }
  [data-theme="dark"]
    .ddga-chip--primary:not(.ddga-chip--on-color):active:not(:disabled):not(
      [aria-pressed="true"]
    ) {
    --ddga-chip-bg: color-mix(in srgb, var(--ddga-sa-600) 40%, transparent);
    --ddga-chip-fg: var(--ddga-sa-200);
  }
  [data-theme="dark"] .ddga-chip:not(.ddga-chip--on-color):disabled,
  [data-theme="dark"]
    .ddga-chip:not(.ddga-chip--on-color)[aria-disabled="true"] {
    --ddga-chip-bg: var(--ddga-gray-800);
    --ddga-chip-fg: var(--ddga-gray-500);
  }
  @media (forced-colors: active) {
    .ddga-chip {
      border: 1px solid buttontext;
    }
    .ddga-chip[aria-pressed="true"] {
      border-color: highlight;
    }
    .ddga-chip:disabled,
    .ddga-chip[aria-disabled="true"] {
      color: graytext;
      border-color: graytext;
    }
    .ddga-chip:focus-visible {
      outline: 2px solid highlight;
    }
  }
  .ddga-riyal-symbol {
    vertical-align: -0.125em;
    block-size: 1em;
    inline-size: auto;
    color: inherit;
    display: inline-block;
  }
  .ddga-riyal-symbol--2xs {
    font-size: var(--ddga-font-size-2xs);
  }
  .ddga-riyal-symbol--xs {
    font-size: var(--ddga-font-size-xs);
  }
  .ddga-riyal-symbol--sm {
    font-size: var(--ddga-font-size-sm);
  }
  .ddga-riyal-symbol--base {
    font-size: var(--ddga-font-size-base);
  }
  .ddga-riyal-symbol--lg {
    font-size: var(--ddga-font-size-lg);
  }
  .ddga-riyal-symbol--xl {
    font-size: var(--ddga-font-size-xl);
  }
  .ddga-riyal-symbol--2xl {
    font-size: var(--ddga-font-size-2xl);
  }
  .ddga-riyal-symbol--3xl {
    font-size: var(--ddga-font-size-display-sm);
  }
  .ddga-riyal-symbol--muted {
    color: var(--ddga-text-secondary);
  }
  .ddga-riyal-symbol--brand {
    color: var(--ddga-color-primary);
  }
  .ddga-riyal-symbol--success {
    color: var(--ddga-color-success);
  }
  .ddga-riyal-symbol--error {
    color: var(--ddga-color-error);
  }
  .ddga-riyal-symbol--inverted {
    color: var(--ddga-alpha-white-90);
  }
  .ddga-riyal-symbol--coin {
    box-sizing: content-box;
    border-radius: var(--ddga-radius-full);
    vertical-align: middle;
    background-color: var(--ddga-color-primary);
    block-size: 1em;
    inline-size: 1em;
    color: var(--ddga-color-primary-foreground);
    padding: 0.334em;
  }
  .ddga-riyal-symbol--coin.ddga-riyal-symbol--muted {
    background-color: var(--ddga-text-secondary);
    color: var(--ddga-color-background);
  }
  .ddga-riyal-symbol--coin.ddga-riyal-symbol--brand {
    background-color: var(--ddga-color-primary);
    color: var(--ddga-color-primary-foreground);
  }
  .ddga-riyal-symbol--coin.ddga-riyal-symbol--success {
    background-color: var(--ddga-color-success);
    color: var(--ddga-color-success-foreground);
  }
  .ddga-riyal-symbol--coin.ddga-riyal-symbol--error {
    background-color: var(--ddga-color-error);
    color: var(--ddga-color-error-foreground);
  }
  .ddga-riyal-symbol--coin.ddga-riyal-symbol--inverted {
    background-color: var(--ddga-alpha-white-90);
    color: var(--ddga-color-primary);
  }
  .ddga-riyal {
    color: inherit;
    align-items: center;
    gap: 0.25em;
    display: inline-flex;
  }
  .ddga-riyal__value {
    font-variant-numeric: tabular-nums;
  }
  .ddga-riyal--2xs {
    font-size: var(--ddga-font-size-2xs);
  }
  .ddga-riyal--xs {
    font-size: var(--ddga-font-size-xs);
  }
  .ddga-riyal--sm {
    font-size: var(--ddga-font-size-sm);
  }
  .ddga-riyal--base {
    font-size: var(--ddga-font-size-base);
  }
  .ddga-riyal--lg {
    font-size: var(--ddga-font-size-lg);
  }
  .ddga-riyal--xl {
    font-size: var(--ddga-font-size-xl);
  }
  .ddga-riyal--2xl {
    font-size: var(--ddga-font-size-2xl);
  }
  .ddga-riyal--3xl {
    font-size: var(--ddga-font-size-display-sm);
  }
  .ddga-riyal--muted {
    color: var(--ddga-text-secondary);
  }
  .ddga-riyal--brand {
    color: var(--ddga-color-primary);
  }
  .ddga-riyal--success {
    color: var(--ddga-color-success);
  }
  .ddga-riyal--error {
    color: var(--ddga-color-error);
  }
  .ddga-riyal--inverted {
    color: var(--ddga-alpha-white-90);
  }
  @media (forced-colors: active) {
    .ddga-riyal-symbol--coin {
      outline: 1px solid;
    }
  }
  .ddga-header {
    background-color: var(--ddga-color-background);
    color: var(--ddga-text-primary);
    display: block;
    position: relative;
    container: ddga-header/inline-size;
  }
  .ddga-header:after {
    content: "";
    background-color: var(--ddga-color-input);
    pointer-events: none;
    block-size: 1px;
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }
  .ddga-header__content {
    justify-content: space-between;
    align-items: center;
    gap: var(--ddga-space-4);
    box-sizing: border-box;
    min-block-size: 72px;
    max-inline-size: var(--ddga-layout-container-max);
    padding-inline: var(--ddga-layout-container-padding);
    margin-inline: auto;
    display: flex;
  }
  .ddga-header--full-width .ddga-header__content {
    max-inline-size: none;
  }
  .ddga-header__brand {
    align-items: center;
    gap: var(--ddga-space-4);
    min-inline-size: 0;
    display: inline-flex;
  }
  .ddga-header__nav {
    min-inline-size: 0;
    display: flex;
  }
  .ddga-header__list {
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }
  .ddga-header__actions {
    justify-content: flex-end;
    align-items: center;
    margin-inline-start: auto;
    display: flex;
  }
  .ddga-header__menu-button,
  .ddga-header__utility {
    align-items: center;
    block-size: 72px;
    display: none;
  }
  .ddga-header__item {
    justify-content: center;
    align-items: center;
    gap: var(--ddga-space-1);
    box-sizing: border-box;
    block-size: 72px;
    padding-inline: var(--ddga-space-4);
    padding-block: var(--ddga-space-2);
    border-radius: var(--ddga-radius-sm);
    color: var(--ddga-text-primary);
    font: inherit;
    font-size: var(--ddga-font-size-base);
    line-height: 1.5rem;
    font-weight: var(--ddga-font-weight-medium);
    white-space: nowrap;
    cursor: pointer;
    background-color: #0000;
    border: 0;
    text-decoration: none;
    transition: background-color 0.15s, color 0.15s;
    display: inline-flex;
    position: relative;
  }
  .ddga-header__item--action {
    min-inline-size: 72px;
  }
  .ddga-header__item--icon-top {
    flex-direction: column;
  }
  .ddga-header__item--icon-top .ddga-header__label {
    font-size: var(--ddga-font-size-xs);
    line-height: 1.125rem;
  }
  .ddga-header__item--icon-only {
    padding-inline: var(--ddga-space-2);
  }
  .ddga-header__icon {
    flex-shrink: 0;
    block-size: 24px;
    inline-size: 24px;
    display: inline-flex;
  }
  .ddga-header__icon > svg {
    block-size: 100%;
    inline-size: 100%;
  }
  .ddga-header__chevron {
    flex-shrink: 0;
    block-size: 20px;
    inline-size: 20px;
    transition: transform 0.15s;
  }
  .ddga-header__item[aria-expanded="true"] .ddga-header__chevron {
    transform: rotate(180deg);
  }
  .ddga-header__glyph {
    block-size: 24px;
    inline-size: 24px;
  }
  .ddga-header__indicator {
    inset-inline: var(--ddga-space-2);
    border-radius: var(--ddga-radius-full);
    pointer-events: none;
    background-color: #0000;
    block-size: 6px;
    transition: background-color 0.15s;
    position: absolute;
    inset-block-end: 0;
  }
  .ddga-header__item:hover:not(:disabled):not([aria-disabled="true"]) {
    background-color: var(--ddga-gray-100);
  }
  .ddga-header__item:hover:not(:disabled):not([aria-disabled="true"])
    .ddga-header__indicator {
    background-color: var(--ddga-gray-400);
  }
  .ddga-header__item:active:not(:disabled):not([aria-disabled="true"]) {
    background-color: var(--ddga-gray-200);
  }
  .ddga-header__item[data-selected] {
    background-color: var(--ddga-color-primary);
    color: var(--ddga-color-primary-foreground);
    font-weight: var(--ddga-font-weight-semibold);
  }
  .ddga-header__item[data-selected] .ddga-header__indicator {
    background-color: var(--ddga-sa-400);
  }
  .ddga-header__item[data-selected]:hover:not(:disabled):not(
      [aria-disabled="true"]
    ) {
    background-color: var(--ddga-color-primary-hover);
  }
  .ddga-header__item[data-selected]:active:not(:disabled):not(
      [aria-disabled="true"]
    ) {
    background-color: var(--ddga-color-primary-active);
  }
  .ddga-header__item:focus-visible {
    box-shadow: inset 0 0 0 2px var(--ddga-text-primary);
    outline: none;
  }
  .ddga-header__item:disabled,
  .ddga-header__item[aria-disabled="true"] {
    color: var(--ddga-gray-400);
    cursor: not-allowed;
  }
  .ddga-header__sr-only {
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
    block-size: 1px;
    inline-size: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  .ddga-header__submenu {
    z-index: 20;
    background-color: var(--ddga-color-background);
    color: var(--ddga-text-primary);
    box-shadow: var(--ddga-shadow-lg);
    border-end-end-radius: var(--ddga-radius-lg);
    border-end-start-radius: var(--ddga-radius-lg);
    position: absolute;
    inset-block-start: 100%;
    inset-inline: 0;
    overflow: clip;
  }
  .ddga-header__submenu[hidden] {
    display: none;
  }
  .ddga-header__submenu--dark {
    background-color: var(--ddga-sa-flag);
    color: #fff;
  }
  .ddga-header__submenu-content {
    gap: var(--ddga-space-10) var(--ddga-space-6);
    box-sizing: border-box;
    max-inline-size: calc(
      var(--ddga-layout-container-max) + 2 *
        var(--ddga-layout-container-padding)
    );
    padding: var(--ddga-space-8) var(--ddga-layout-container-padding);
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    margin-inline: auto;
    display: grid;
  }
  .ddga-header__submenu-content > :not(.ddga-header__submenu-group) {
    grid-column: 1/-1;
  }
  .ddga-header__submenu-close {
    justify-self: end;
  }
  .ddga-header__submenu--dark .ddga-header__submenu-close {
    color: #fff;
  }
  .ddga-header__submenu-group {
    align-content: start;
    gap: var(--ddga-space-3);
    min-inline-size: 0;
    display: grid;
  }
  .ddga-header__submenu-label {
    padding-inline: var(--ddga-space-4);
    font-size: var(--ddga-font-size-lg);
    line-height: 1.75rem;
    font-weight: var(--ddga-font-weight-bold);
    color: var(--ddga-color-primary);
    margin: 0;
  }
  .ddga-header__submenu--dark .ddga-header__submenu-label {
    color: #fff;
  }
  .ddga-header__submenu-list {
    gap: var(--ddga-space-1);
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
  }
  .ddga-header__submenu-item {
    align-items: start;
    row-gap: var(--ddga-space-1);
    box-sizing: border-box;
    inline-size: 100%;
    padding: var(--ddga-space-2) var(--ddga-space-4);
    border-radius: var(--ddga-radius-md);
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
    background-color: #0000;
    border: 0;
    grid-template-columns: auto minmax(0, 1fr);
    text-decoration: none;
    display: grid;
  }
  .ddga-header__submenu-item:hover {
    background-color: var(--ddga-gray-50);
  }
  .ddga-header__submenu--dark .ddga-header__submenu-item:hover {
    background-color: var(--ddga-alpha-white-10);
  }
  .ddga-header__submenu-item:focus-visible {
    box-shadow: inset 0 0 0 2px var(--ddga-text-primary);
    outline: none;
  }
  .ddga-header__submenu--dark .ddga-header__submenu-item:focus-visible {
    box-shadow: inset 0 0 0 2px #fff;
  }
  .ddga-header__submenu-icon {
    block-size: 24px;
    inline-size: 24px;
    color: var(--ddga-color-primary);
    grid-area: 1/1 / span 2;
    justify-content: center;
    align-items: center;
    margin-inline-end: var(--ddga-space-4);
    display: inline-flex;
  }
  .ddga-header__submenu-icon > svg {
    block-size: 24px;
    inline-size: 24px;
  }
  .ddga-header__submenu-icon--boxed {
    border-radius: var(--ddga-radius-md);
    background-color: var(--ddga-sa-50);
    block-size: 48px;
    inline-size: 48px;
  }
  .ddga-header__submenu--dark .ddga-header__submenu-icon {
    color: #fff;
  }
  .ddga-header__submenu--dark .ddga-header__submenu-icon--boxed {
    background-color: var(--ddga-alpha-white-10);
  }
  .ddga-header__submenu-item-label {
    font-size: var(--ddga-font-size-base);
    line-height: 1.5rem;
    font-weight: var(--ddga-font-weight-medium);
    color: var(--ddga-gray-800);
    grid-column: 2;
  }
  .ddga-header__submenu-desc {
    font-size: var(--ddga-font-size-sm);
    color: var(--ddga-text-secondary);
    grid-column: 2;
    line-height: 1.25rem;
  }
  .ddga-header__submenu--dark .ddga-header__submenu-item-label,
  .ddga-header__submenu--dark .ddga-header__submenu-desc {
    color: #fff;
  }
  @container ddga-header (width<=959px) {
    .ddga-header__content {
      grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
      display: grid;
    }
    .ddga-header__nav {
      display: none;
    }
    .ddga-header__menu-button {
      grid-column: 1;
      justify-self: start;
      display: flex;
    }
    .ddga-header__brand {
      grid-column: 2;
      justify-self: center;
    }
    .ddga-header__actions {
      grid-column: 3;
      justify-self: end;
      margin-inline-start: 0;
    }
    .ddga-header__utility {
      display: flex;
    }
    .ddga-header__item--action .ddga-header__label {
      clip: rect(0 0 0 0);
      white-space: nowrap;
      block-size: 1px;
      inline-size: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }
  }
  @container ddga-header (width<=599px) {
    .ddga-header__content {
      padding-inline: var(--ddga-layout-container-padding-mobile);
    }
    .ddga-header__item--action {
      display: none;
    }
    .ddga-header__submenu-content {
      padding: var(--ddga-space-6) var(--ddga-layout-container-padding-mobile);
    }
  }
  [data-theme="dark"] .ddga-header {
    border-block-end-color: var(--ddga-color-border);
  }
  [data-theme="dark"]
    .ddga-header__item:hover:not(:disabled):not([aria-disabled="true"]) {
    background-color: var(--ddga-color-muted);
  }
  [data-theme="dark"]
    .ddga-header__item:hover:not(:disabled):not([aria-disabled="true"])
    .ddga-header__indicator {
    background-color: var(--ddga-color-muted-foreground);
  }
  [data-theme="dark"]
    .ddga-header__item:active:not(:disabled):not([aria-disabled="true"]) {
    background-color: var(--ddga-color-border);
  }
  [data-theme="dark"] .ddga-header__item[data-selected] {
    background-color: var(--ddga-color-primary);
  }
  [data-theme="dark"] .ddga-header__item:disabled,
  [data-theme="dark"] .ddga-header__item[aria-disabled="true"] {
    color: var(--ddga-color-muted-foreground);
  }
  [data-theme="dark"] .ddga-header__submenu-item:hover {
    background-color: var(--ddga-color-muted);
  }
  [data-theme="dark"] .ddga-header__submenu-icon--boxed {
    background-color: color-mix(
      in srgb,
      var(--ddga-color-primary) 22%,
      var(--ddga-color-background)
    );
  }
  [data-theme="dark"] .ddga-header__submenu-item-label {
    color: var(--ddga-color-foreground);
  }
  [data-theme="dark"] .ddga-header__item:focus-visible,
  [data-theme="dark"] .ddga-header__submenu-item:focus-visible {
    box-shadow: inset 0 0 0 2px var(--ddga-color-foreground);
  }
  @media (prefers-reduced-motion: reduce) {
    .ddga-header__item,
    .ddga-header__indicator,
    .ddga-header__chevron {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .ddga-header:after {
      background-color: canvastext;
    }
    .ddga-header__item[data-selected] {
      forced-color-adjust: none;
      color: highlighttext;
      background-color: highlight;
    }
    .ddga-header__item:focus-visible,
    .ddga-header__submenu-item:focus-visible {
      outline-offset: -2px;
      outline: 2px solid highlight;
    }
    .ddga-header__submenu {
      border: 1px solid canvastext;
    }
  }
  .ddga-footer {
    box-sizing: border-box;
    padding-inline: var(--ddga-layout-container-padding);
    background-color: var(--ddga-color-muted);
    color: var(--ddga-text-primary);
    display: block;
    container: ddga-footer/inline-size;
  }
  .ddga-footer--dark {
    background-color: var(--ddga-sa-flag);
    color: #fff;
  }
  .ddga-footer__content {
    gap: var(--ddga-space-12);
    max-inline-size: var(--ddga-layout-container-max);
    padding-block: var(--ddga-space-10) var(--ddga-space-6);
    margin-inline: auto;
    display: grid;
  }
  .ddga-footer__nav {
    align-items: flex-start;
    gap: var(--ddga-space-6);
    padding-block: var(--ddga-space-4) var(--ddga-space-10);
    flex-wrap: wrap;
    display: flex;
  }
  .ddga-footer__column {
    gap: var(--ddga-space-8);
    flex-direction: column;
    flex: 180px;
    min-inline-size: 180px;
    display: flex;
  }
  .ddga-footer__group {
    align-content: start;
    gap: var(--ddga-space-2);
    flex: 180px;
    min-inline-size: 180px;
    display: grid;
  }
  .ddga-footer__column > .ddga-footer__group {
    flex: none;
    min-inline-size: 0;
  }
  .ddga-footer__group-label {
    border-block-end: 1px solid var(--ddga-color-input);
    font-size: var(--ddga-font-size-base);
    line-height: 1.5rem;
    font-weight: var(--ddga-font-weight-medium);
    color: inherit;
    margin: 0;
    padding-block-end: calc(var(--ddga-space-2) - 1px);
  }
  .ddga-footer--dark .ddga-footer__group-label {
    border-block-end-color: var(--ddga-alpha-white-30);
  }
  .ddga-footer__links {
    gap: var(--ddga-space-2);
    font-size: var(--ddga-font-size-sm);
    margin: 0;
    padding: 0;
    line-height: 1.25rem;
    list-style: none;
    display: grid;
  }
  .ddga-footer__list-item {
    display: block;
  }
  .ddga-footer__link {
    font-size: var(--ddga-font-size-sm);
    color: var(--ddga-text-secondary);
    border-radius: var(--ddga-radius-xs);
    line-height: 1.25rem;
    text-decoration: none;
    display: inline;
  }
  .ddga-footer__link:hover,
  .ddga-footer__link--underline {
    text-underline-position: from-font;
    text-decoration: underline;
  }
  .ddga-footer__link:focus-visible {
    outline: 2px solid var(--ddga-text-primary);
    outline-offset: 2px;
  }
  .ddga-footer--dark .ddga-footer__link {
    color: #fff;
  }
  .ddga-footer--dark .ddga-footer__link:focus-visible {
    outline-color: #fff;
  }
  .ddga-footer__icons {
    gap: var(--ddga-space-2);
    flex-wrap: wrap;
    display: flex;
  }
  .ddga-footer__legal {
    align-items: center;
    gap: var(--ddga-space-6);
    padding-block: var(--ddga-space-4);
    display: flex;
  }
  .ddga-footer__legal-info {
    gap: var(--ddga-space-2);
    flex-direction: column;
    flex: 1 1 0;
    min-inline-size: 0;
    display: flex;
  }
  .ddga-footer__legal-links {
    gap: var(--ddga-space-4);
    margin: 0 0
      calc(
        var(--ddga-footer-legal-gap, var(--ddga-space-10)) - var(--ddga-space-2)
      );
    font-size: var(--ddga-font-size-sm);
    flex-wrap: wrap;
    padding: 0;
    line-height: 1.25rem;
    list-style: none;
    display: flex;
  }
  .ddga-footer__caption {
    font-size: var(--ddga-font-size-sm);
    line-height: 1.25rem;
    font-weight: var(--ddga-font-weight-semibold);
    color: inherit;
    margin: 0;
  }
  .ddga-footer__meta {
    gap: var(--ddga-space-4);
    font-size: var(--ddga-font-size-sm);
    color: var(--ddga-text-secondary);
    flex-wrap: wrap;
    line-height: 1.25rem;
    display: flex;
  }
  .ddga-footer__meta > * {
    margin: 0;
  }
  .ddga-footer--dark .ddga-footer__meta {
    color: #fff;
  }
  .ddga-footer__logos {
    align-items: center;
    gap: var(--ddga-space-4);
    opacity: var(--ddga-footer-logo-opacity, 0.7);
    flex-wrap: wrap;
    display: flex;
  }
  .ddga-footer--dark .ddga-footer__logos {
    opacity: var(--ddga-footer-logo-opacity, 1);
  }
  @container ddga-footer (width<=599px) {
    .ddga-footer__content {
      gap: var(--ddga-space-10);
    }
    .ddga-footer__nav {
      padding-block: var(--ddga-space-4);
    }
    .ddga-footer__group,
    .ddga-footer__column {
      flex-basis: 100%;
    }
    .ddga-footer__column {
      gap: var(--ddga-space-8);
      flex-direction: row;
      margin-block-start: var(--ddga-space-4);
    }
    .ddga-footer__column > .ddga-footer__group {
      flex: 1 1 0;
    }
    .ddga-footer__legal {
      align-items: stretch;
      gap: var(--ddga-space-10);
      flex-direction: column;
    }
    .ddga-footer__legal-links {
      justify-content: center;
      margin-block-end: calc(
        var(--ddga-footer-legal-gap, var(--ddga-space-8)) - var(--ddga-space-2)
      );
    }
  }
  @media (forced-colors: active) {
    .ddga-footer__group-label {
      border-block-end-color: canvastext;
    }
    .ddga-footer__link:focus-visible {
      outline-color: highlight;
    }
  }
  .ddga-second-nav-header {
    box-sizing: border-box;
    block-size: 40px;
    padding-inline: var(--ddga-layout-container-padding);
    background-color: var(--ddga-color-muted);
    color: var(--ddga-text-secondary);
    display: block;
    position: relative;
  }
  .ddga-second-nav-header:after {
    content: "";
    background-color: var(--ddga-color-input);
    pointer-events: none;
    block-size: 1px;
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }
  .ddga-second-nav-header--no-divider:after {
    content: none;
  }
  .ddga-second-nav-header--primary {
    background-color: var(--ddga-color-primary);
    color: var(--ddga-color-primary-foreground);
  }
  .ddga-second-nav-header--primary:after {
    background-color: color-mix(
      in srgb,
      var(--ddga-color-primary-foreground) 30%,
      transparent
    );
  }
  [data-theme="dark"] .ddga-second-nav-header--primary .ddga-button--on-color {
    color: var(--ddga-color-primary-foreground);
  }
  .ddga-second-nav-header__content {
    align-items: center;
    gap: var(--ddga-space-4);
    box-sizing: border-box;
    block-size: 100%;
    max-inline-size: var(--ddga-layout-container-max);
    margin-inline: auto;
    display: flex;
  }
  .ddga-second-nav-header--full-width .ddga-second-nav-header__content {
    max-inline-size: none;
  }
  .ddga-second-nav-header__items {
    align-items: center;
    gap: var(--ddga-space-4);
    flex: 1 1 0;
    min-inline-size: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    overflow: hidden;
  }
  .ddga-second-nav-header__item {
    align-items: center;
    gap: var(--ddga-space-1);
    font-size: var(--ddga-font-size-base);
    line-height: 1.5rem;
    font-weight: var(--ddga-font-weight-regular);
    white-space: nowrap;
    display: inline-flex;
  }
  .ddga-second-nav-header__icon {
    flex-shrink: 0;
    block-size: 24px;
    inline-size: 24px;
    display: inline-flex;
  }
  .ddga-second-nav-header__icon > svg {
    block-size: 100%;
    inline-size: 100%;
  }
  .ddga-second-nav-header__actions {
    align-items: center;
    gap: var(--ddga-space-1-5);
    flex-shrink: 0;
    margin-inline-start: auto;
    display: flex;
  }
  @media (forced-colors: active) {
    .ddga-second-nav-header:after {
      background-color: canvastext;
    }
  }
  .ddga-logo-placeholder {
    align-items: center;
    gap: var(--ddga-space-2);
    box-sizing: border-box;
    padding: 5px var(--ddga-space-1);
    border-radius: var(--ddga-radius-xs);
    background-color: var(--ddga-color-background);
    color: var(--ddga-gray-500);
    font-weight: var(--ddga-font-weight-medium);
    white-space: nowrap;
    vertical-align: middle;
    text-decoration: none;
    display: inline-flex;
  }
  .ddga-logo-placeholder--top {
    flex-direction: column;
    justify-content: center;
  }
  .ddga-logo-placeholder--sm {
    --_ddga-logo-mark: 32px;
    font-size: var(--ddga-font-size-xs);
    line-height: 1.125rem;
  }
  .ddga-logo-placeholder--md {
    --_ddga-logo-mark: 48px;
    font-size: var(--ddga-font-size-sm);
    line-height: 1.25rem;
  }
  .ddga-logo-placeholder--lg {
    --_ddga-logo-mark: 64px;
    font-size: var(--ddga-font-size-base);
    line-height: 1.5rem;
  }
  .ddga-logo-placeholder__mark {
    inline-size: var(--_ddga-logo-mark);
    block-size: var(--_ddga-logo-mark);
    color: var(--ddga-gray-400);
    flex-shrink: 0;
    display: inline-flex;
  }
  .ddga-logo-placeholder__mark > svg,
  .ddga-logo-placeholder__mark > img {
    object-fit: contain;
    block-size: 100%;
    inline-size: 100%;
    display: block;
  }
  .ddga-logo-placeholder:focus-visible {
    outline: 2px solid var(--ddga-text-primary);
    outline-offset: 2px;
  }
  [data-theme="dark"] .ddga-logo-placeholder,
  [data-theme="dark"] .ddga-logo-placeholder__mark {
    color: var(--ddga-color-muted-foreground);
  }
  @media (forced-colors: active) {
    .ddga-logo-placeholder:focus-visible {
      outline-color: highlight;
    }
  }
}
@counter-style ddga-arabic-abjad {
  system: fixed;
  symbols: "أ" "ب" "ج" "د" "ه‍" "و" "ز" "ح" "ط" "ي" "ك" "ل" "م" "ن" "س" "ع" "ف"
    "ص" "ق" "ر" "ش" "ت" "ث" "خ" "ذ" "ض" "ظ" "غ";
  suffix: "";
}
/*# sourceMappingURL=index.css.map */