/* pages/example/app/components/App.module.css */
.App_main {
}

/* pages/example/app/components/Components.module.css */
.Components_main {
}

/* ../node_modules/@duckduckgo/design-tokens/build/desktop-browsers/tokens.css */
:root,
:host {
  --ds-font-family-display:
    "DuckSansDisplay",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen-Sans,
    Ubuntu,
    Cantarell,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    sans-serif;
  --ds-font-family-product:
    "DuckSansProduct",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen-Sans,
    Ubuntu,
    Cantarell,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    sans-serif;
  --ds-font-family-monospace:
    ui-monospace,
    Menlo,
    Monaco,
    "Cascadia Mono",
    "Segoe UI Mono",
    "Roboto Mono",
    "Oxygen Mono",
    "Ubuntu Monospace",
    "Source Code Pro",
    "Fira Mono",
    "Droid Sans Mono",
    "Courier New",
    monospace;
  --ds-font-weight-normal: 400;
  --ds-font-weight-semibold: 500;
  --ds-font-weight-bold: 700;
  --ds-font-letter-spacing-narrow: -1px;
  --ds-font-letter-spacing-normal: 0;
  --ds-font-letter-spacing-wide: 2px;
  --ds-font-title-01-line-height: 64px;
  --ds-font-title-01-size: 64px;
  --ds-font-title-02-line-height: 52px;
  --ds-font-title-02-size: 52px;
  --ds-font-title-03-line-height: 44px;
  --ds-font-title-03-size: 44px;
  --ds-font-title-04-line-height: 40px;
  --ds-font-title-04-size: 36px;
  --ds-font-title-05-line-height: 32px;
  --ds-font-title-05-size: 24px;
  --ds-font-title-06-line-height: 28px;
  --ds-font-title-06-size: 20px;
  --ds-font-body-xxl-line-height: 32px;
  --ds-font-body-xxl-size: 24px;
  --ds-font-body-xl-line-height: 28px;
  --ds-font-body-xl-size: 20px;
  --ds-font-body-lg-line-height: 24px;
  --ds-font-body-lg-size: 16px;
  --ds-font-body-md-line-height: 20px;
  --ds-font-body-md-size: 14px;
  --ds-font-body-sm-line-height: 16px;
  --ds-font-body-sm-size: 12px;
  --ds-font-eyebrow-01-line-height: 20px;
  --ds-font-eyebrow-01-size: 18px;
  --ds-font-eyebrow-01-text-transform: uppercase;
  --ds-font-eyebrow-02-line-height: 16px;
  --ds-font-eyebrow-02-size: 14px;
  --ds-font-eyebrow-02-text-transform: uppercase;
  --ds-font-button-label-01-line-height: 20px;
  --ds-font-button-label-01-size: 18px;
  --ds-font-button-label-02-line-height: 16px;
  --ds-font-button-label-02-size: 16px;
  --ds-font-button-label-03-line-height: 16px;
  --ds-font-button-label-03-size: 14px;
  --ds-font-label-01-line-height: 12px;
  --ds-font-label-01-size: 12px;
  --ds-font-label-01-text-transform: uppercase;
  --ds-font-caption-01-line-height: 16px;
  --ds-font-caption-01-size: 13px;
  --ds-radius-full: 999px;
  --ds-radius-x01: 4px;
  --ds-radius-x02: 8px;
  --ds-radius-x03: 12px;
  --ds-radius-x04: 16px;
  --ds-radius-x05: 20px;
  --ds-radius-x06: 24px;
  --ds-radius-x07: 28px;
  --ds-radius-x08: 32px;
  --ds-radius-x09: 36px;
  --ds-radius-x10: 40px;
  --ds-radius-x11: 44px;
  --ds-radius-x12: 48px;
  --ds-space-x-5: 2px;
  --ds-space-x01: 4px;
  --ds-space-x1-5: 6px;
  --ds-space-x02: 8px;
  --ds-space-x02-5: 10px;
  --ds-space-x03: 12px;
  --ds-space-x03-5: 14px;
  --ds-space-x04: 16px;
  --ds-space-x04-5: 18px;
  --ds-space-x05: 20px;
  --ds-space-x06: 24px;
  --ds-space-x07: 28px;
  --ds-space-x08: 32px;
  --ds-space-x09: 36px;
  --ds-space-x10: 40px;
  --ds-space-x11: 44px;
  --ds-space-x12: 48px;
  --ds-space-x13: 52px;
  --ds-space-x14: 56px;
  --ds-space-x15: 60px;
  --ds-space-x16: 64px;
  --ds-space-x17: 68px;
  --ds-space-x18: 72px;
  --ds-space-x20: 80px;
  --ds-space-x22: 88px;
  --ds-space-x24: 96px;
  --ds-space-x32: 128px;
  --ds-space-x40: 160px;
  --ds-space-x48: 192px;
  --ds-space-x56: 224px;
  --ds-space-x64: 256px;
  --ds-space-x72: 288px;
  --ds-space-x80: 320px;
  --ds-space-x90: 360px;
  --ds-space-x96: 384px;
  --ds-space-x100: 400px;
  --ds-space-x110: 440px;
  --ds-space-x130: 520px;
  --ds-space-x175: 700px;
  --ds-z-index-hidden: -999;
  --ds-z-index-default: 1;
  --ds-z-index-middle-raised: 50;
  --ds-z-index-sticky: 55;
  --ds-z-index-popover: 100;
  --ds-z-index-side-menu: 200;
  --ds-z-index-modal-backdrop: 300;
  --ds-z-index-modal: 305;
  --ds-z-index-alert: 400;
  --ds-color-theme-cool-gray-dark-accent-alt-content-primary: #eeeff7;
  --ds-color-theme-cool-gray-dark-accent-alt-content-secondary: rgba(238, 239, 247, 0.7);
  --ds-color-theme-cool-gray-dark-accent-alt-content-tertiary: rgba(238, 239, 247, 0.5);
  --ds-color-theme-cool-gray-dark-accent-alt-glow-primary: rgba(160, 182, 227, 0.2);
  --ds-color-theme-cool-gray-dark-accent-alt-glow-secondary: rgba(160, 182, 227, 0.12);
  --ds-color-theme-cool-gray-dark-accent-alt-primary: #516590;
  --ds-color-theme-cool-gray-dark-accent-alt-secondary: #414f6b;
  --ds-color-theme-cool-gray-dark-accent-alt-tertiary: #364563;
  --ds-color-theme-cool-gray-dark-accent-alt-text-primary: #b5c7ec;
  --ds-color-theme-cool-gray-dark-accent-alt-text-secondary: #a0b6e3;
  --ds-color-theme-cool-gray-dark-accent-alt-text-tertiary: #829bce;
  --ds-color-theme-cool-gray-dark-accent-content-primary: #050614;
  --ds-color-theme-cool-gray-dark-accent-content-secondary: rgba(5, 6, 20, 0.7);
  --ds-color-theme-cool-gray-dark-accent-content-tertiary: rgba(5, 6, 20, 0.5);
  --ds-color-theme-cool-gray-dark-accent-glow-primary: rgba(160, 182, 227, 0.2);
  --ds-color-theme-cool-gray-dark-accent-glow-secondary: rgba(160, 182, 227, 0.12);
  --ds-color-theme-cool-gray-dark-accent-primary: #a0b6e3;
  --ds-color-theme-cool-gray-dark-accent-quaternary: #5d76ab;
  --ds-color-theme-cool-gray-dark-accent-secondary: #829bce;
  --ds-color-theme-cool-gray-dark-accent-tertiary: #708ac1;
  --ds-color-theme-cool-gray-dark-accent-text-primary: #b5c7ec;
  --ds-color-theme-cool-gray-dark-accent-text-secondary: #a0b6e3;
  --ds-color-theme-cool-gray-dark-accent-text-tertiary: #829bce;
  --ds-color-theme-cool-gray-dark-container-border-primary: rgba(244, 244, 246, 0.09);
  --ds-color-theme-cool-gray-dark-container-border-secondary: rgba(244, 244, 246, 0.12);
  --ds-color-theme-cool-gray-dark-container-border-tertiary: rgba(244, 244, 246, 0.16);
  --ds-color-theme-cool-gray-dark-container-fill-primary: rgba(244, 244, 246, 0.03);
  --ds-color-theme-cool-gray-dark-container-fill-secondary: rgba(244, 244, 246, 0.06);
  --ds-color-theme-cool-gray-dark-container-fill-tertiary: rgba(244, 244, 246, 0.09);
  --ds-color-theme-cool-gray-dark-control-border-primary: rgba(198, 211, 241, 0.48);
  --ds-color-theme-cool-gray-dark-control-border-quaternary: rgba(198, 211, 241, 0.8);
  --ds-color-theme-cool-gray-dark-control-border-secondary: rgba(198, 211, 241, 0.64);
  --ds-color-theme-cool-gray-dark-control-border-tertiary: rgba(198, 211, 241, 0.72);
  --ds-color-theme-cool-gray-dark-control-fill-primary: rgba(198, 211, 241, 0.12);
  --ds-color-theme-cool-gray-dark-control-fill-secondary: rgba(198, 211, 241, 0.18);
  --ds-color-theme-cool-gray-dark-control-fill-tertiary: rgba(198, 211, 241, 0.24);
  --ds-color-theme-cool-gray-dark-control-raised-backdrop: rgba(255, 255, 255, 0.12);
  --ds-color-theme-cool-gray-dark-control-raised-fill-primary: rgba(221, 224, 238, 0.18);
  --ds-color-theme-cool-gray-dark-destructive-content-primary: #000000;
  --ds-color-theme-cool-gray-dark-destructive-content-secondary: rgba(0, 0, 0, 0.9);
  --ds-color-theme-cool-gray-dark-destructive-content-tertiary: rgba(0, 0, 0, 0.6);
  --ds-color-theme-cool-gray-dark-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-cool-gray-dark-destructive-glow-secondary: rgba(238, 16, 37, 0.12);
  --ds-color-theme-cool-gray-dark-destructive-primary: #ee1025;
  --ds-color-theme-cool-gray-dark-destructive-secondary: #d11527;
  --ds-color-theme-cool-gray-dark-destructive-tertiary: #aa1926;
  --ds-color-theme-cool-gray-dark-destructive-text-primary: #ee1025;
  --ds-color-theme-cool-gray-dark-destructive-text-secondary: #d11527;
  --ds-color-theme-cool-gray-dark-destructive-text-tertiary: #aa1926;
  --ds-color-theme-cool-gray-dark-highlight-primary: rgba(221, 224, 238, 0.12);
  --ds-color-theme-cool-gray-dark-icons-primary: rgba(237, 239, 246, 0.78);
  --ds-color-theme-cool-gray-dark-icons-secondary: rgba(238, 239, 247, 0.48);
  --ds-color-theme-cool-gray-dark-icons-tertiary: rgba(238, 239, 247, 0.24);
  --ds-color-theme-cool-gray-dark-shadow-primary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-cool-gray-dark-shadow-secondary: rgba(0, 0, 0, 0.24);
  --ds-color-theme-cool-gray-dark-shadow-tertiary: rgba(0, 0, 0, 0.32);
  --ds-color-theme-cool-gray-dark-surface-backdrop: #070a16;
  --ds-color-theme-cool-gray-dark-surface-canvas: #272a3e;
  --ds-color-theme-cool-gray-dark-surface-decoration-primary: rgba(221, 224, 238, 0.16);
  --ds-color-theme-cool-gray-dark-surface-decoration-secondary: rgba(221, 224, 238, 0.24);
  --ds-color-theme-cool-gray-dark-surface-decoration-tertiary: rgba(221, 224, 238, 0.32);
  --ds-color-theme-cool-gray-dark-surface-primary: #2b2f45;
  --ds-color-theme-cool-gray-dark-surface-secondary: #393d55;
  --ds-color-theme-cool-gray-dark-surface-tertiary: #414662;
  --ds-color-theme-cool-gray-dark-text-primary: rgba(237, 239, 246, 0.96);
  --ds-color-theme-cool-gray-dark-text-secondary: rgba(238, 239, 247, 0.66);
  --ds-color-theme-cool-gray-dark-text-tertiary: rgba(238, 239, 247, 0.36);
  --ds-color-theme-cool-gray-dark-tone-shade-primary: rgba(11, 14, 20, 0.12);
  --ds-color-theme-cool-gray-dark-tone-tint-primary: rgba(238, 238, 241, 0.06);
  --ds-color-theme-cool-gray-light-accent-alt-content-primary: #1e2534;
  --ds-color-theme-cool-gray-light-accent-alt-content-secondary: rgba(30, 37, 52, 0.7);
  --ds-color-theme-cool-gray-light-accent-alt-content-tertiary: rgba(30, 37, 52, 0.5);
  --ds-color-theme-cool-gray-light-accent-alt-glow-primary: rgba(160, 182, 227, 0.2);
  --ds-color-theme-cool-gray-light-accent-alt-glow-secondary: rgba(160, 182, 227, 0.12);
  --ds-color-theme-cool-gray-light-accent-alt-primary: #bccdf0;
  --ds-color-theme-cool-gray-light-accent-alt-secondary: #a0b6e3;
  --ds-color-theme-cool-gray-light-accent-alt-tertiary: #829bce;
  --ds-color-theme-cool-gray-light-accent-alt-text-primary: #2d3a53;
  --ds-color-theme-cool-gray-light-accent-alt-text-secondary: #242e42;
  --ds-color-theme-cool-gray-light-accent-alt-text-tertiary: #1e2534;
  --ds-color-theme-cool-gray-light-accent-content-primary: #eeeff7;
  --ds-color-theme-cool-gray-light-accent-content-secondary: rgba(238, 239, 247, 0.7);
  --ds-color-theme-cool-gray-light-accent-content-tertiary: rgba(238, 239, 247, 0.5);
  --ds-color-theme-cool-gray-light-accent-glow-primary: rgba(40, 50, 70, 0.2);
  --ds-color-theme-cool-gray-light-accent-glow-secondary: rgba(40, 50, 70, 0.12);
  --ds-color-theme-cool-gray-light-accent-primary: #273145;
  --ds-color-theme-cool-gray-light-accent-quaternary: #0a0d13;
  --ds-color-theme-cool-gray-light-accent-secondary: #1e2534;
  --ds-color-theme-cool-gray-light-accent-tertiary: #121720;
  --ds-color-theme-cool-gray-light-accent-text-primary: #354463;
  --ds-color-theme-cool-gray-light-accent-text-secondary: #2d3952;
  --ds-color-theme-cool-gray-light-accent-text-tertiary: #242e42;
  --ds-color-theme-cool-gray-light-container-border-primary: rgba(5, 6, 20, 0.06);
  --ds-color-theme-cool-gray-light-container-border-secondary: rgba(5, 6, 20, 0.09);
  --ds-color-theme-cool-gray-light-container-border-tertiary: rgba(5, 6, 20, 0.12);
  --ds-color-theme-cool-gray-light-container-fill-primary: rgba(5, 6, 20, 0.01);
  --ds-color-theme-cool-gray-light-container-fill-secondary: rgba(5, 6, 20, 0.03);
  --ds-color-theme-cool-gray-light-container-fill-tertiary: rgba(5, 6, 20, 0.06);
  --ds-color-theme-cool-gray-light-control-border-primary: rgba(33, 45, 68, 0.48);
  --ds-color-theme-cool-gray-light-control-border-quaternary: rgba(33, 45, 69, 0.72);
  --ds-color-theme-cool-gray-light-control-border-secondary: rgba(33, 45, 68, 0.56);
  --ds-color-theme-cool-gray-light-control-border-tertiary: rgba(33, 45, 69, 0.64);
  --ds-color-theme-cool-gray-light-control-fill-primary: rgba(33, 45, 69, 0.09);
  --ds-color-theme-cool-gray-light-control-fill-secondary: rgba(33, 45, 69, 0.12);
  --ds-color-theme-cool-gray-light-control-fill-tertiary: rgba(33, 45, 69, 0.18);
  --ds-color-theme-cool-gray-light-control-raised-backdrop: rgba(5, 6, 20, 0.09);
  --ds-color-theme-cool-gray-light-control-raised-fill-primary: #edeef2;
  --ds-color-theme-cool-gray-light-destructive-content-primary: #ffffff;
  --ds-color-theme-cool-gray-light-destructive-content-secondary: rgba(255, 255, 255, 0.9);
  --ds-color-theme-cool-gray-light-destructive-content-tertiary: rgba(255, 255, 255, 0.6);
  --ds-color-theme-cool-gray-light-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-cool-gray-light-destructive-glow-secondary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-cool-gray-light-destructive-primary: #ee1025;
  --ds-color-theme-cool-gray-light-destructive-secondary: #d11527;
  --ds-color-theme-cool-gray-light-destructive-tertiary: #aa1826;
  --ds-color-theme-cool-gray-light-destructive-text-primary: #ee1025;
  --ds-color-theme-cool-gray-light-destructive-text-secondary: #d11527;
  --ds-color-theme-cool-gray-light-destructive-text-tertiary: #aa1926;
  --ds-color-theme-cool-gray-light-highlight-primary: rgba(244, 244, 246, 0.24);
  --ds-color-theme-cool-gray-light-icons-primary: rgba(33, 45, 69, 0.84);
  --ds-color-theme-cool-gray-light-icons-secondary: rgba(33, 45, 69, 0.6);
  --ds-color-theme-cool-gray-light-icons-tertiary: rgba(33, 45, 69, 0.36);
  --ds-color-theme-cool-gray-light-shadow-primary: rgba(0, 0, 0, 0.05);
  --ds-color-theme-cool-gray-light-shadow-secondary: rgba(0, 0, 0, 0.08);
  --ds-color-theme-cool-gray-light-shadow-tertiary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-cool-gray-light-surface-backdrop: #a7aabd;
  --ds-color-theme-cool-gray-light-surface-canvas: #e3e5ec;
  --ds-color-theme-cool-gray-light-surface-decoration-primary: rgba(42, 65, 111, 0.09);
  --ds-color-theme-cool-gray-light-surface-decoration-secondary: rgba(42, 65, 111, 0.2);
  --ds-color-theme-cool-gray-light-surface-decoration-tertiary: rgba(42, 65, 111, 0.32);
  --ds-color-theme-cool-gray-light-surface-primary: #d2d5e3;
  --ds-color-theme-cool-gray-light-surface-secondary: #e0e2ea;
  --ds-color-theme-cool-gray-light-surface-tertiary: #edeef2;
  --ds-color-theme-cool-gray-light-text-primary: rgba(5, 6, 20, 0.96);
  --ds-color-theme-cool-gray-light-text-secondary: rgba(5, 6, 20, 0.6);
  --ds-color-theme-cool-gray-light-text-tertiary: rgba(5, 6, 20, 0.36);
  --ds-color-theme-cool-gray-light-tone-shade-primary: rgba(11, 14, 20, 0.03);
  --ds-color-theme-cool-gray-light-tone-tint-primary: rgba(244, 244, 246, 0.4);
  --ds-color-theme-default-dark-accent-alt-content-primary: #ccdaff;
  --ds-color-theme-default-dark-accent-alt-content-secondary: #e5edff;
  --ds-color-theme-default-dark-accent-alt-content-tertiary: #ffffff;
  --ds-color-theme-default-dark-accent-alt-glow-primary: rgba(143, 171, 249, 0.2);
  --ds-color-theme-default-dark-accent-alt-glow-secondary: rgba(143, 171, 249, 0.12);
  --ds-color-theme-default-dark-accent-alt-primary: #2b55ca;
  --ds-color-theme-default-dark-accent-alt-secondary: #1e42a4;
  --ds-color-theme-default-dark-accent-alt-tertiary: #14307e;
  --ds-color-theme-default-dark-accent-alt-text-primary: #ccdaff;
  --ds-color-theme-default-dark-accent-alt-text-secondary: #adc2fc;
  --ds-color-theme-default-dark-accent-alt-text-tertiary: #8fabf9;
  --ds-color-theme-default-dark-accent-content-primary: #051133;
  --ds-color-theme-default-dark-accent-content-secondary: rgba(5, 17, 51, 0.7);
  --ds-color-theme-default-dark-accent-content-tertiary: rgba(5, 17, 51, 0.5);
  --ds-color-theme-default-dark-accent-glow-primary: rgba(114, 149, 246, 0.2);
  --ds-color-theme-default-dark-accent-glow-secondary: rgba(114, 149, 246, 0.12);
  --ds-color-theme-default-dark-accent-primary: #8fabf9;
  --ds-color-theme-default-dark-accent-quaternary: #2b55ca;
  --ds-color-theme-default-dark-accent-secondary: #7295f6;
  --ds-color-theme-default-dark-accent-tertiary: #557ff3;
  --ds-color-theme-default-dark-accent-text-primary: #adc2fc;
  --ds-color-theme-default-dark-accent-text-secondary: #8fabf9;
  --ds-color-theme-default-dark-accent-text-tertiary: #7295f6;
  --ds-color-theme-default-dark-container-border-primary: rgba(255, 255, 255, 0.09);
  --ds-color-theme-default-dark-container-border-secondary: rgba(255, 255, 255, 0.12);
  --ds-color-theme-default-dark-container-border-tertiary: rgba(255, 255, 255, 0.16);
  --ds-color-theme-default-dark-container-fill-primary: rgba(255, 255, 255, 0.03);
  --ds-color-theme-default-dark-container-fill-secondary: rgba(255, 255, 255, 0.06);
  --ds-color-theme-default-dark-container-fill-tertiary: rgba(255, 255, 255, 0.09);
  --ds-color-theme-default-dark-control-border-primary: rgba(255, 255, 255, 0.36);
  --ds-color-theme-default-dark-control-border-quaternary: rgba(255, 255, 255, 0.8);
  --ds-color-theme-default-dark-control-border-secondary: rgba(255, 255, 255, 0.64);
  --ds-color-theme-default-dark-control-border-tertiary: rgba(255, 255, 255, 0.72);
  --ds-color-theme-default-dark-control-fill-primary: rgba(255, 255, 255, 0.12);
  --ds-color-theme-default-dark-control-fill-secondary: rgba(255, 255, 255, 0.18);
  --ds-color-theme-default-dark-control-fill-tertiary: rgba(255, 255, 255, 0.24);
  --ds-color-theme-default-dark-control-raised-backdrop: rgba(255, 255, 255, 0.12);
  --ds-color-theme-default-dark-control-raised-fill-primary: rgba(255, 255, 255, 0.18);
  --ds-color-theme-default-dark-destructive-content-primary: #000000;
  --ds-color-theme-default-dark-destructive-content-secondary: rgba(0, 0, 0, 0.9);
  --ds-color-theme-default-dark-destructive-content-tertiary: rgba(0, 0, 0, 0.6);
  --ds-color-theme-default-dark-destructive-glow-primary: rgba(255, 84, 90, 0.2);
  --ds-color-theme-default-dark-destructive-glow-secondary: rgba(255, 84, 90, 0.12);
  --ds-color-theme-default-dark-destructive-primary: #ff5359;
  --ds-color-theme-default-dark-destructive-secondary: #d11527;
  --ds-color-theme-default-dark-destructive-tertiary: #aa1926;
  --ds-color-theme-default-dark-destructive-text-primary: #ff5359;
  --ds-color-theme-default-dark-destructive-text-secondary: #d11527;
  --ds-color-theme-default-dark-destructive-text-tertiary: #aa1926;
  --ds-color-theme-default-dark-highlight-primary: rgba(249, 249, 249, 0.12);
  --ds-color-theme-default-dark-icons-primary: rgba(255, 255, 255, 0.78);
  --ds-color-theme-default-dark-icons-secondary: rgba(255, 255, 255, 0.48);
  --ds-color-theme-default-dark-icons-tertiary: rgba(255, 255, 255, 0.24);
  --ds-color-theme-default-dark-shadow-primary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-default-dark-shadow-secondary: rgba(0, 0, 0, 0.24);
  --ds-color-theme-default-dark-shadow-tertiary: rgba(0, 0, 0, 0.32);
  --ds-color-theme-default-dark-surface-backdrop: #050505;
  --ds-color-theme-default-dark-surface-canvas: #1c1c1c;
  --ds-color-theme-default-dark-surface-decoration-primary: rgba(255, 255, 255, 0.12);
  --ds-color-theme-default-dark-surface-decoration-secondary: rgba(255, 255, 255, 0.2);
  --ds-color-theme-default-dark-surface-decoration-tertiary: rgba(255, 255, 255, 0.32);
  --ds-color-theme-default-dark-surface-primary: #282828;
  --ds-color-theme-default-dark-surface-secondary: #333333;
  --ds-color-theme-default-dark-surface-tertiary: #3d3d3d;
  --ds-color-theme-default-dark-text-primary: rgba(255, 255, 255, 0.96);
  --ds-color-theme-default-dark-text-secondary: rgba(255, 255, 255, 0.6);
  --ds-color-theme-default-dark-text-tertiary: rgba(255, 255, 255, 0.36);
  --ds-color-theme-default-dark-tone-shade-primary: rgba(0, 0, 0, 0.12);
  --ds-color-theme-default-dark-tone-tint-primary: rgba(255, 255, 255, 0.06);
  --ds-color-theme-default-light-accent-alt-content-primary: #0b2059;
  --ds-color-theme-default-light-accent-alt-content-secondary: rgba(11, 32, 89, 0.7);
  --ds-color-theme-default-light-accent-alt-content-tertiary: rgba(11, 32, 89, 0.5);
  --ds-color-theme-default-light-accent-alt-glow-primary: rgba(114, 149, 246, 0.2);
  --ds-color-theme-default-light-accent-alt-glow-secondary: rgba(114, 149, 246, 0.12);
  --ds-color-theme-default-light-accent-alt-primary: #ccdaff;
  --ds-color-theme-default-light-accent-alt-secondary: #adc2fc;
  --ds-color-theme-default-light-accent-alt-tertiary: #8fabf9;
  --ds-color-theme-default-light-accent-alt-text-primary: #1e42a4;
  --ds-color-theme-default-light-accent-alt-text-secondary: #14307e;
  --ds-color-theme-default-light-accent-alt-text-tertiary: #0b2059;
  --ds-color-theme-default-light-accent-content-primary: #ffffff;
  --ds-color-theme-default-light-accent-content-secondary: rgba(255, 255, 255, 0.7);
  --ds-color-theme-default-light-accent-content-tertiary: rgba(255, 255, 255, 0.5);
  --ds-color-theme-default-light-accent-glow-primary: rgba(57, 105, 239, 0.2);
  --ds-color-theme-default-light-accent-glow-secondary: rgba(57, 105, 239, 0.12);
  --ds-color-theme-default-light-accent-primary: #3869ef;
  --ds-color-theme-default-light-accent-quaternary: #14307e;
  --ds-color-theme-default-light-accent-secondary: #2b55ca;
  --ds-color-theme-default-light-accent-tertiary: #1e42a4;
  --ds-color-theme-default-light-accent-text-primary: #3869ef;
  --ds-color-theme-default-light-accent-text-secondary: #2b55ca;
  --ds-color-theme-default-light-accent-text-tertiary: #1e42a4;
  --ds-color-theme-default-light-container-border-primary: rgba(0, 0, 0, 0.06);
  --ds-color-theme-default-light-container-border-secondary: rgba(0, 0, 0, 0.09);
  --ds-color-theme-default-light-container-border-tertiary: rgba(0, 0, 0, 0.12);
  --ds-color-theme-default-light-container-fill-primary: rgba(0, 0, 0, 0.01);
  --ds-color-theme-default-light-container-fill-secondary: rgba(0, 0, 0, 0.03);
  --ds-color-theme-default-light-container-fill-tertiary: rgba(0, 0, 0, 0.06);
  --ds-color-theme-default-light-control-border-primary: rgba(0, 0, 0, 0.3);
  --ds-color-theme-default-light-control-border-quaternary: rgba(0, 0, 0, 0.72);
  --ds-color-theme-default-light-control-border-secondary: rgba(0, 0, 0, 0.48);
  --ds-color-theme-default-light-control-border-tertiary: rgba(0, 0, 0, 0.6);
  --ds-color-theme-default-light-control-fill-primary: rgba(0, 0, 0, 0.06);
  --ds-color-theme-default-light-control-fill-secondary: rgba(0, 0, 0, 0.09);
  --ds-color-theme-default-light-control-fill-tertiary: rgba(0, 0, 0, 0.12);
  --ds-color-theme-default-light-control-raised-backdrop: rgba(0, 0, 0, 0.09);
  --ds-color-theme-default-light-control-raised-fill-primary: #ffffff;
  --ds-color-theme-default-light-destructive-content-primary: #ffffff;
  --ds-color-theme-default-light-destructive-content-secondary: rgba(255, 255, 255, 0.9);
  --ds-color-theme-default-light-destructive-content-tertiary: rgba(255, 255, 255, 0.6);
  --ds-color-theme-default-light-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-default-light-destructive-glow-secondary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-default-light-destructive-primary: #ee1025;
  --ds-color-theme-default-light-destructive-secondary: #d11527;
  --ds-color-theme-default-light-destructive-tertiary: #aa1826;
  --ds-color-theme-default-light-destructive-text-primary: #ee1025;
  --ds-color-theme-default-light-destructive-text-secondary: #d11527;
  --ds-color-theme-default-light-destructive-text-tertiary: #aa1926;
  --ds-color-theme-default-light-highlight-primary: rgba(255, 255, 255, 0.24);
  --ds-color-theme-default-light-icons-primary: rgba(0, 0, 0, 0.84);
  --ds-color-theme-default-light-icons-secondary: rgba(0, 0, 0, 0.6);
  --ds-color-theme-default-light-icons-tertiary: rgba(0, 0, 0, 0.36);
  --ds-color-theme-default-light-shadow-primary: rgba(0, 0, 0, 0.05);
  --ds-color-theme-default-light-shadow-secondary: rgba(0, 0, 0, 0.08);
  --ds-color-theme-default-light-shadow-tertiary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-default-light-surface-backdrop: #e0e0e0;
  --ds-color-theme-default-light-surface-canvas: #fafafa;
  --ds-color-theme-default-light-surface-decoration-primary: rgba(0, 0, 0, 0.09);
  --ds-color-theme-default-light-surface-decoration-secondary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-default-light-surface-decoration-tertiary: rgba(0, 0, 0, 0.24);
  --ds-color-theme-default-light-surface-primary: #f2f2f2;
  --ds-color-theme-default-light-surface-secondary: #fafafa;
  --ds-color-theme-default-light-surface-tertiary: #ffffff;
  --ds-color-theme-default-light-text-primary: rgba(0, 0, 0, 0.96);
  --ds-color-theme-default-light-text-secondary: rgba(0, 0, 0, 0.6);
  --ds-color-theme-default-light-text-tertiary: rgba(0, 0, 0, 0.36);
  --ds-color-theme-default-light-tone-shade-primary: rgba(0, 0, 0, 0.03);
  --ds-color-theme-default-light-tone-tint-primary: rgba(255, 255, 255, 0.32);
  --ds-color-theme-desert-dark-accent-alt-content-primary: #fdfaf7;
  --ds-color-theme-desert-dark-accent-alt-content-secondary: rgba(253, 250, 247, 0.7);
  --ds-color-theme-desert-dark-accent-alt-content-tertiary: rgba(253, 250, 247, 0.5);
  --ds-color-theme-desert-dark-accent-alt-glow-primary: rgba(255, 165, 61, 0.2);
  --ds-color-theme-desert-dark-accent-alt-glow-secondary: rgba(255, 165, 61, 0.12);
  --ds-color-theme-desert-dark-accent-alt-primary: #d14200;
  --ds-color-theme-desert-dark-accent-alt-secondary: #c13600;
  --ds-color-theme-desert-dark-accent-alt-tertiary: #b73000;
  --ds-color-theme-desert-dark-accent-alt-text-primary: #ffcc66;
  --ds-color-theme-desert-dark-accent-alt-text-secondary: #ffa43d;
  --ds-color-theme-desert-dark-accent-alt-text-tertiary: #ff6a00;
  --ds-color-theme-desert-dark-accent-content-primary: #17150f;
  --ds-color-theme-desert-dark-accent-content-secondary: rgba(23, 21, 15, 0.7);
  --ds-color-theme-desert-dark-accent-content-tertiary: rgba(23, 21, 15, 0.5);
  --ds-color-theme-desert-dark-accent-glow-primary: rgba(255, 165, 61, 0.2);
  --ds-color-theme-desert-dark-accent-glow-secondary: rgba(255, 165, 61, 0.12);
  --ds-color-theme-desert-dark-accent-primary: #ffa43d;
  --ds-color-theme-desert-dark-accent-quaternary: #d65900;
  --ds-color-theme-desert-dark-accent-secondary: #ff8914;
  --ds-color-theme-desert-dark-accent-tertiary: #ff6a00;
  --ds-color-theme-desert-dark-accent-text-primary: #ffcc66;
  --ds-color-theme-desert-dark-accent-text-secondary: #ffa43d;
  --ds-color-theme-desert-dark-accent-text-tertiary: #ff6a00;
  --ds-color-theme-desert-dark-container-border-primary: rgba(249, 248, 246, 0.09);
  --ds-color-theme-desert-dark-container-border-secondary: rgba(249, 248, 246, 0.12);
  --ds-color-theme-desert-dark-container-border-tertiary: rgba(249, 248, 246, 0.16);
  --ds-color-theme-desert-dark-container-fill-primary: rgba(249, 248, 246, 0.03);
  --ds-color-theme-desert-dark-container-fill-secondary: rgba(249, 248, 246, 0.06);
  --ds-color-theme-desert-dark-container-fill-tertiary: rgba(249, 248, 246, 0.09);
  --ds-color-theme-desert-dark-control-border-primary: rgba(237, 232, 222, 0.32);
  --ds-color-theme-desert-dark-control-border-quaternary: rgba(237, 232, 222, 0.72);
  --ds-color-theme-desert-dark-control-border-secondary: rgba(237, 232, 222, 0.48);
  --ds-color-theme-desert-dark-control-border-tertiary: rgba(237, 232, 222, 0.64);
  --ds-color-theme-desert-dark-control-fill-primary: rgba(237, 232, 222, 0.12);
  --ds-color-theme-desert-dark-control-fill-secondary: rgba(237, 232, 222, 0.18);
  --ds-color-theme-desert-dark-control-fill-tertiary: rgba(237, 232, 222, 0.24);
  --ds-color-theme-desert-dark-control-raised-backdrop: rgba(255, 255, 255, 0.12);
  --ds-color-theme-desert-dark-control-raised-fill-primary: rgba(245, 250, 244, 0.18);
  --ds-color-theme-desert-dark-destructive-content-primary: #000000;
  --ds-color-theme-desert-dark-destructive-content-secondary: rgba(0, 0, 0, 0.9);
  --ds-color-theme-desert-dark-destructive-content-tertiary: rgba(0, 0, 0, 0.6);
  --ds-color-theme-desert-dark-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-desert-dark-destructive-glow-secondary: rgba(238, 16, 37, 0.12);
  --ds-color-theme-desert-dark-destructive-primary: #ee1025;
  --ds-color-theme-desert-dark-destructive-secondary: #d11527;
  --ds-color-theme-desert-dark-destructive-tertiary: #aa1926;
  --ds-color-theme-desert-dark-destructive-text-primary: #ee1025;
  --ds-color-theme-desert-dark-destructive-text-secondary: #d11527;
  --ds-color-theme-desert-dark-destructive-text-tertiary: #aa1926;
  --ds-color-theme-desert-dark-highlight-primary: rgba(245, 250, 244, 0.12);
  --ds-color-theme-desert-dark-icons-primary: rgba(253, 250, 247, 0.78);
  --ds-color-theme-desert-dark-icons-secondary: rgba(253, 250, 247, 0.48);
  --ds-color-theme-desert-dark-icons-tertiary: rgba(253, 250, 247, 0.24);
  --ds-color-theme-desert-dark-shadow-primary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-desert-dark-shadow-secondary: rgba(0, 0, 0, 0.24);
  --ds-color-theme-desert-dark-shadow-tertiary: rgba(0, 0, 0, 0.32);
  --ds-color-theme-desert-dark-surface-backdrop: #1c1916;
  --ds-color-theme-desert-dark-surface-canvas: #312e2a;
  --ds-color-theme-desert-dark-surface-decoration-primary: rgba(237, 232, 222, 0.12);
  --ds-color-theme-desert-dark-surface-decoration-secondary: rgba(237, 232, 222, 0.2);
  --ds-color-theme-desert-dark-surface-decoration-tertiary: rgba(237, 232, 222, 0.32);
  --ds-color-theme-desert-dark-surface-primary: #37332e;
  --ds-color-theme-desert-dark-surface-secondary: #423e38;
  --ds-color-theme-desert-dark-surface-tertiary: #4a453f;
  --ds-color-theme-desert-dark-text-primary: rgba(253, 252, 250, 0.96);
  --ds-color-theme-desert-dark-text-secondary: rgba(254, 252, 251, 0.66);
  --ds-color-theme-desert-dark-text-tertiary: rgba(254, 252, 251, 0.36);
  --ds-color-theme-desert-dark-tone-shade-primary: rgba(18, 16, 12, 0.16);
  --ds-color-theme-desert-dark-tone-tint-primary: rgba(237, 232, 222, 0.06);
  --ds-color-theme-desert-light-accent-alt-content-primary: #331100;
  --ds-color-theme-desert-light-accent-alt-content-secondary: rgba(51, 17, 0, 0.7);
  --ds-color-theme-desert-light-accent-alt-content-tertiary: rgba(51, 17, 0, 0.5);
  --ds-color-theme-desert-light-accent-alt-glow-primary: rgba(255, 165, 61, 0.2);
  --ds-color-theme-desert-light-accent-alt-glow-secondary: rgba(255, 165, 61, 0.12);
  --ds-color-theme-desert-light-accent-alt-primary: #ffb766;
  --ds-color-theme-desert-light-accent-alt-secondary: #ffa43d;
  --ds-color-theme-desert-light-accent-alt-tertiary: #ff8914;
  --ds-color-theme-desert-light-accent-alt-text-primary: #c13600;
  --ds-color-theme-desert-light-accent-alt-text-secondary: #b73000;
  --ds-color-theme-desert-light-accent-alt-text-tertiary: #a32b00;
  --ds-color-theme-desert-light-accent-content-primary: #fcfcfb;
  --ds-color-theme-desert-light-accent-content-secondary: rgba(253, 253, 252, 0.7);
  --ds-color-theme-desert-light-accent-content-tertiary: rgba(253, 253, 252, 0.5);
  --ds-color-theme-desert-light-accent-glow-primary: rgba(209, 66, 0, 0.2);
  --ds-color-theme-desert-light-accent-glow-secondary: rgba(209, 66, 0, 0.12);
  --ds-color-theme-desert-light-accent-primary: #d14200;
  --ds-color-theme-desert-light-accent-quaternary: #a32b00;
  --ds-color-theme-desert-light-accent-secondary: #c13600;
  --ds-color-theme-desert-light-accent-tertiary: #b73000;
  --ds-color-theme-desert-light-accent-text-primary: #c13600;
  --ds-color-theme-desert-light-accent-text-secondary: #b73000;
  --ds-color-theme-desert-light-accent-text-tertiary: #a32b00;
  --ds-color-theme-desert-light-container-border-primary: rgba(23, 21, 15, 0.06);
  --ds-color-theme-desert-light-container-border-secondary: rgba(23, 21, 15, 0.09);
  --ds-color-theme-desert-light-container-border-tertiary: rgba(23, 21, 15, 0.12);
  --ds-color-theme-desert-light-container-fill-primary: rgba(23, 21, 15, 0.01);
  --ds-color-theme-desert-light-container-fill-secondary: rgba(23, 21, 15, 0.03);
  --ds-color-theme-desert-light-container-fill-tertiary: rgba(23, 21, 15, 0.06);
  --ds-color-theme-desert-light-control-border-primary: rgba(115, 98, 73, 0.32);
  --ds-color-theme-desert-light-control-border-quaternary: rgba(115, 98, 73, 0.72);
  --ds-color-theme-desert-light-control-border-secondary: rgba(115, 98, 73, 0.48);
  --ds-color-theme-desert-light-control-border-tertiary: rgba(115, 98, 73, 0.64);
  --ds-color-theme-desert-light-control-fill-primary: rgba(115, 98, 73, 0.09);
  --ds-color-theme-desert-light-control-fill-secondary: rgba(115, 98, 73, 0.12);
  --ds-color-theme-desert-light-control-fill-tertiary: rgba(115, 98, 73, 0.18);
  --ds-color-theme-desert-light-control-raised-backdrop: rgba(0, 0, 0, 0.09);
  --ds-color-theme-desert-light-control-raised-fill-primary: #fbfaf9;
  --ds-color-theme-desert-light-destructive-content-primary: #ffffff;
  --ds-color-theme-desert-light-destructive-content-secondary: rgba(255, 255, 255, 0.9);
  --ds-color-theme-desert-light-destructive-content-tertiary: rgba(255, 255, 255, 0.6);
  --ds-color-theme-desert-light-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-desert-light-destructive-glow-secondary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-desert-light-destructive-primary: #ee1025;
  --ds-color-theme-desert-light-destructive-secondary: #d11527;
  --ds-color-theme-desert-light-destructive-tertiary: #aa1826;
  --ds-color-theme-desert-light-destructive-text-primary: #ee1025;
  --ds-color-theme-desert-light-destructive-text-secondary: #d11527;
  --ds-color-theme-desert-light-destructive-text-tertiary: #aa1926;
  --ds-color-theme-desert-light-highlight-primary: rgba(253, 250, 247, 0.24);
  --ds-color-theme-desert-light-icons-primary: rgba(23, 21, 15, 0.84);
  --ds-color-theme-desert-light-icons-secondary: rgba(23, 21, 15, 0.66);
  --ds-color-theme-desert-light-icons-tertiary: rgba(23, 21, 15, 0.36);
  --ds-color-theme-desert-light-shadow-primary: rgba(0, 0, 0, 0.05);
  --ds-color-theme-desert-light-shadow-secondary: rgba(0, 0, 0, 0.08);
  --ds-color-theme-desert-light-shadow-tertiary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-desert-light-surface-backdrop: #c6b99e;
  --ds-color-theme-desert-light-surface-canvas: #f5f4ef;
  --ds-color-theme-desert-light-surface-decoration-primary: rgba(115, 98, 73, 0.12);
  --ds-color-theme-desert-light-surface-decoration-secondary: rgba(115, 98, 73, 0.2);
  --ds-color-theme-desert-light-surface-decoration-tertiary: rgba(115, 98, 73, 0.32);
  --ds-color-theme-desert-light-surface-primary: #eee9e1;
  --ds-color-theme-desert-light-surface-secondary: #f5f3ef;
  --ds-color-theme-desert-light-surface-tertiary: #fafaf8;
  --ds-color-theme-desert-light-text-primary: rgba(23, 21, 15, 0.96);
  --ds-color-theme-desert-light-text-secondary: rgba(23, 21, 15, 0.6);
  --ds-color-theme-desert-light-text-tertiary: rgba(23, 21, 15, 0.36);
  --ds-color-theme-desert-light-tone-shade-primary: rgba(0, 0, 0, 0.06);
  --ds-color-theme-desert-light-tone-tint-primary: rgba(255, 255, 255, 0.32);
  --ds-color-theme-green-dark-accent-alt-content-primary: #e6f2ea;
  --ds-color-theme-green-dark-accent-alt-content-secondary: rgba(230, 242, 234, 0.7);
  --ds-color-theme-green-dark-accent-alt-content-tertiary: rgba(230, 242, 234, 0.5);
  --ds-color-theme-green-dark-accent-alt-glow-primary: rgba(110, 199, 162, 0.2);
  --ds-color-theme-green-dark-accent-alt-glow-secondary: rgba(110, 199, 162, 0.12);
  --ds-color-theme-green-dark-accent-alt-primary: #2c6645;
  --ds-color-theme-green-dark-accent-alt-secondary: #235136;
  --ds-color-theme-green-dark-accent-alt-tertiary: #193926;
  --ds-color-theme-green-dark-accent-alt-text-primary: #85e0ba;
  --ds-color-theme-green-dark-accent-alt-text-secondary: #6ec7a2;
  --ds-color-theme-green-dark-accent-alt-text-tertiary: #48b186;
  --ds-color-theme-green-dark-accent-content-primary: #0b1914;
  --ds-color-theme-green-dark-accent-content-secondary: rgba(11, 25, 20, 0.7);
  --ds-color-theme-green-dark-accent-content-tertiary: rgba(11, 25, 20, 0.5);
  --ds-color-theme-green-dark-accent-glow-primary: rgba(110, 199, 162, 0.2);
  --ds-color-theme-green-dark-accent-glow-secondary: rgba(110, 199, 162, 0.12);
  --ds-color-theme-green-dark-accent-primary: #6ec7a2;
  --ds-color-theme-green-dark-accent-quaternary: #21815a;
  --ds-color-theme-green-dark-accent-secondary: #48b186;
  --ds-color-theme-green-dark-accent-tertiary: #299c6d;
  --ds-color-theme-green-dark-accent-text-primary: #85e0ba;
  --ds-color-theme-green-dark-accent-text-secondary: #6ec7a2;
  --ds-color-theme-green-dark-accent-text-tertiary: #48b186;
  --ds-color-theme-green-dark-container-border-primary: rgba(217, 242, 229, 0.09);
  --ds-color-theme-green-dark-container-border-secondary: rgba(217, 242, 229, 0.12);
  --ds-color-theme-green-dark-container-border-tertiary: rgba(217, 242, 229, 0.16);
  --ds-color-theme-green-dark-container-fill-primary: rgba(217, 242, 229, 0.02);
  --ds-color-theme-green-dark-container-fill-secondary: rgba(217, 242, 229, 0.04);
  --ds-color-theme-green-dark-container-fill-tertiary: rgba(217, 242, 229, 0.06);
  --ds-color-theme-green-dark-control-border-primary: rgba(136, 221, 186, 0.24);
  --ds-color-theme-green-dark-control-border-quaternary: rgba(136, 221, 186, 0.8);
  --ds-color-theme-green-dark-control-border-secondary: rgba(136, 221, 186, 0.64);
  --ds-color-theme-green-dark-control-border-tertiary: rgba(136, 221, 186, 0.72);
  --ds-color-theme-green-dark-control-fill-primary: rgba(136, 221, 186, 0.12);
  --ds-color-theme-green-dark-control-fill-secondary: rgba(136, 221, 186, 0.18);
  --ds-color-theme-green-dark-control-fill-tertiary: rgba(136, 221, 186, 0.24);
  --ds-color-theme-green-dark-control-raised-backdrop: rgba(255, 255, 255, 0.12);
  --ds-color-theme-green-dark-control-raised-fill-primary: rgba(230, 242, 234, 0.18);
  --ds-color-theme-green-dark-destructive-content-primary: #000000;
  --ds-color-theme-green-dark-destructive-content-secondary: rgba(0, 0, 0, 0.9);
  --ds-color-theme-green-dark-destructive-content-tertiary: rgba(0, 0, 0, 0.6);
  --ds-color-theme-green-dark-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-green-dark-destructive-glow-secondary: rgba(238, 16, 37, 0.12);
  --ds-color-theme-green-dark-destructive-primary: #ee1025;
  --ds-color-theme-green-dark-destructive-secondary: #d11527;
  --ds-color-theme-green-dark-destructive-tertiary: #aa1926;
  --ds-color-theme-green-dark-destructive-text-primary: #ee1025;
  --ds-color-theme-green-dark-destructive-text-secondary: #d11527;
  --ds-color-theme-green-dark-destructive-text-tertiary: #aa1926;
  --ds-color-theme-green-dark-highlight-primary: rgba(230, 242, 234, 0.12);
  --ds-color-theme-green-dark-icons-primary: rgba(230, 242, 234, 0.78);
  --ds-color-theme-green-dark-icons-secondary: rgba(230, 242, 234, 0.48);
  --ds-color-theme-green-dark-icons-tertiary: rgba(230, 242, 234, 0.24);
  --ds-color-theme-green-dark-shadow-primary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-green-dark-shadow-secondary: rgba(0, 0, 0, 0.24);
  --ds-color-theme-green-dark-shadow-tertiary: rgba(0, 0, 0, 0.32);
  --ds-color-theme-green-dark-surface-backdrop: #0f241c;
  --ds-color-theme-green-dark-surface-canvas: #1c342b;
  --ds-color-theme-green-dark-surface-decoration-primary: rgba(136, 221, 186, 0.16);
  --ds-color-theme-green-dark-surface-decoration-secondary: rgba(136, 221, 186, 0.24);
  --ds-color-theme-green-dark-surface-decoration-tertiary: rgba(136, 221, 186, 0.32);
  --ds-color-theme-green-dark-surface-primary: #203b30;
  --ds-color-theme-green-dark-surface-secondary: #244133;
  --ds-color-theme-green-dark-surface-tertiary: #2d4d3e;
  --ds-color-theme-green-dark-text-primary: rgba(242, 248, 244, 0.96);
  --ds-color-theme-green-dark-text-secondary: rgba(242, 248, 244, 0.66);
  --ds-color-theme-green-dark-text-tertiary: rgba(242, 248, 244, 0.36);
  --ds-color-theme-green-dark-tone-shade-primary: rgba(9, 21, 16, 0.16);
  --ds-color-theme-green-dark-tone-tint-primary: rgba(230, 248, 241, 0.06);
  --ds-color-theme-green-light-accent-alt-content-primary: #193926;
  --ds-color-theme-green-light-accent-alt-content-secondary: rgba(25, 57, 38, 0.7);
  --ds-color-theme-green-light-accent-alt-content-tertiary: rgba(25, 57, 38, 0.5);
  --ds-color-theme-green-light-accent-alt-glow-primary: rgba(133, 224, 186, 0.2);
  --ds-color-theme-green-light-accent-alt-glow-secondary: rgba(133, 224, 186, 0.12);
  --ds-color-theme-green-light-accent-alt-primary: #99eac8;
  --ds-color-theme-green-light-accent-alt-secondary: #85e0ba;
  --ds-color-theme-green-light-accent-alt-tertiary: #6ec7a2;
  --ds-color-theme-green-light-accent-alt-text-primary: #2c6645;
  --ds-color-theme-green-light-accent-alt-text-secondary: #235136;
  --ds-color-theme-green-light-accent-alt-text-tertiary: #193926;
  --ds-color-theme-green-light-accent-content-primary: #f5fbf4;
  --ds-color-theme-green-light-accent-content-secondary: rgba(245, 251, 244, 0.7);
  --ds-color-theme-green-light-accent-content-tertiary: rgba(245, 251, 244, 0.5);
  --ds-color-theme-green-light-accent-glow-primary: rgba(56, 128, 86, 0.2);
  --ds-color-theme-green-light-accent-glow-secondary: rgba(56, 128, 86, 0.12);
  --ds-color-theme-green-light-accent-primary: #377f55;
  --ds-color-theme-green-light-accent-quaternary: #183826;
  --ds-color-theme-green-light-accent-secondary: #2c6645;
  --ds-color-theme-green-light-accent-tertiary: #235136;
  --ds-color-theme-green-light-accent-text-primary: #2c6645;
  --ds-color-theme-green-light-accent-text-secondary: #235136;
  --ds-color-theme-green-light-accent-text-tertiary: #193926;
  --ds-color-theme-green-light-container-border-primary: rgba(6, 37, 4, 0.09);
  --ds-color-theme-green-light-container-border-secondary: rgba(6, 37, 4, 0.12);
  --ds-color-theme-green-light-container-border-tertiary: rgba(6, 37, 4, 0.16);
  --ds-color-theme-green-light-container-fill-primary: rgba(6, 37, 4, 0.02);
  --ds-color-theme-green-light-container-fill-secondary: rgba(6, 37, 4, 0.04);
  --ds-color-theme-green-light-container-fill-tertiary: rgba(6, 37, 4, 0.06);
  --ds-color-theme-green-light-control-border-primary: rgba(40, 138, 81, 0.32);
  --ds-color-theme-green-light-control-border-quaternary: rgba(40, 138, 81, 0.72);
  --ds-color-theme-green-light-control-border-secondary: rgba(40, 138, 81, 0.56);
  --ds-color-theme-green-light-control-border-tertiary: rgba(40, 138, 81, 0.64);
  --ds-color-theme-green-light-control-fill-primary: rgba(40, 138, 81, 0.09);
  --ds-color-theme-green-light-control-fill-secondary: rgba(40, 138, 81, 0.12);
  --ds-color-theme-green-light-control-fill-tertiary: rgba(40, 138, 81, 0.18);
  --ds-color-theme-green-light-control-raised-backdrop: rgba(0, 0, 0, 0.09);
  --ds-color-theme-green-light-control-raised-fill-primary: #f8fcf7;
  --ds-color-theme-green-light-destructive-content-primary: #ffffff;
  --ds-color-theme-green-light-destructive-content-secondary: rgba(255, 255, 255, 0.9);
  --ds-color-theme-green-light-destructive-content-tertiary: rgba(255, 255, 255, 0.6);
  --ds-color-theme-green-light-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-green-light-destructive-glow-secondary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-green-light-destructive-primary: #ee1025;
  --ds-color-theme-green-light-destructive-secondary: #d11527;
  --ds-color-theme-green-light-destructive-tertiary: #aa1826;
  --ds-color-theme-green-light-destructive-text-primary: #ee1025;
  --ds-color-theme-green-light-destructive-text-secondary: #d11527;
  --ds-color-theme-green-light-destructive-text-tertiary: #aa1926;
  --ds-color-theme-green-light-highlight-primary: rgba(245, 250, 244, 0.24);
  --ds-color-theme-green-light-icons-primary: rgba(6, 37, 4, 0.84);
  --ds-color-theme-green-light-icons-secondary: rgba(6, 37, 4, 0.6);
  --ds-color-theme-green-light-icons-tertiary: rgba(6, 37, 4, 0.36);
  --ds-color-theme-green-light-shadow-primary: rgba(0, 0, 0, 0.05);
  --ds-color-theme-green-light-shadow-secondary: rgba(0, 0, 0, 0.08);
  --ds-color-theme-green-light-shadow-tertiary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-green-light-surface-backdrop: #b5d0ad;
  --ds-color-theme-green-light-surface-canvas: #ecf5ea;
  --ds-color-theme-green-light-surface-decoration-primary: rgba(31, 147, 80, 0.12);
  --ds-color-theme-green-light-surface-decoration-secondary: rgba(31, 147, 80, 0.2);
  --ds-color-theme-green-light-surface-decoration-tertiary: rgba(31, 147, 80, 0.32);
  --ds-color-theme-green-light-surface-primary: #e3eee1;
  --ds-color-theme-green-light-surface-secondary: #ecf4eb;
  --ds-color-theme-green-light-surface-tertiary: #f8fcf7;
  --ds-color-theme-green-light-text-primary: rgba(4, 28, 3, 0.96);
  --ds-color-theme-green-light-text-secondary: rgba(4, 28, 3, 0.6);
  --ds-color-theme-green-light-text-tertiary: rgba(4, 28, 3, 0.36);
  --ds-color-theme-green-light-tone-shade-primary: rgba(6, 37, 4, 0.06);
  --ds-color-theme-green-light-tone-tint-primary: rgba(247, 252, 250, 0.4);
  --ds-color-theme-orange-dark-accent-alt-content-primary: #fff9f0;
  --ds-color-theme-orange-dark-accent-alt-content-secondary: rgba(255, 249, 240, 0.7);
  --ds-color-theme-orange-dark-accent-alt-content-tertiary: rgba(255, 249, 240, 0.5);
  --ds-color-theme-orange-dark-accent-alt-glow-primary: rgba(255, 129, 51, 0.2);
  --ds-color-theme-orange-dark-accent-alt-glow-secondary: rgba(255, 129, 51, 0.12);
  --ds-color-theme-orange-dark-accent-alt-primary: #ef5300;
  --ds-color-theme-orange-dark-accent-alt-secondary: #c64200;
  --ds-color-theme-orange-dark-accent-alt-tertiary: #d65200;
  --ds-color-theme-orange-dark-accent-alt-text-primary: #ff9f19;
  --ds-color-theme-orange-dark-accent-alt-text-secondary: #f48200;
  --ds-color-theme-orange-dark-accent-alt-text-tertiary: #ef6b00;
  --ds-color-theme-orange-dark-accent-content-primary: #1a0900;
  --ds-color-theme-orange-dark-accent-content-secondary: rgba(26, 9, 0, 0.7);
  --ds-color-theme-orange-dark-accent-content-tertiary: rgba(26, 9, 0, 0.5);
  --ds-color-theme-orange-dark-accent-glow-primary: rgba(255, 129, 51, 0.2);
  --ds-color-theme-orange-dark-accent-glow-secondary: rgba(255, 129, 51, 0.12);
  --ds-color-theme-orange-dark-accent-primary: #ff8133;
  --ds-color-theme-orange-dark-accent-quaternary: #d65200;
  --ds-color-theme-orange-dark-accent-secondary: #ff6200;
  --ds-color-theme-orange-dark-accent-tertiary: #ef5300;
  --ds-color-theme-orange-dark-accent-text-primary: #ff9f19;
  --ds-color-theme-orange-dark-accent-text-secondary: #f48200;
  --ds-color-theme-orange-dark-accent-text-tertiary: #ef6b00;
  --ds-color-theme-orange-dark-container-border-primary: rgba(255, 251, 245, 0.09);
  --ds-color-theme-orange-dark-container-border-secondary: rgba(255, 251, 245, 0.12);
  --ds-color-theme-orange-dark-container-border-tertiary: rgba(255, 251, 245, 0.16);
  --ds-color-theme-orange-dark-container-fill-primary: rgba(255, 251, 245, 0.03);
  --ds-color-theme-orange-dark-container-fill-secondary: rgba(255, 251, 245, 0.06);
  --ds-color-theme-orange-dark-container-fill-tertiary: rgba(255, 251, 245, 0.09);
  --ds-color-theme-orange-dark-control-border-primary: rgba(255, 165, 77, 0.48);
  --ds-color-theme-orange-dark-control-border-quaternary: rgba(255, 165, 77, 0.8);
  --ds-color-theme-orange-dark-control-border-secondary: rgba(255, 165, 77, 0.64);
  --ds-color-theme-orange-dark-control-border-tertiary: rgba(255, 165, 77, 0.72);
  --ds-color-theme-orange-dark-control-fill-primary: rgba(255, 165, 77, 0.12);
  --ds-color-theme-orange-dark-control-fill-secondary: rgba(255, 165, 77, 0.18);
  --ds-color-theme-orange-dark-control-fill-tertiary: rgba(255, 165, 77, 0.24);
  --ds-color-theme-orange-dark-control-raised-backdrop: rgba(255, 255, 255, 0.12);
  --ds-color-theme-orange-dark-control-raised-fill-primary: rgba(255, 249, 240, 0.18);
  --ds-color-theme-orange-dark-destructive-content-primary: #000000;
  --ds-color-theme-orange-dark-destructive-content-secondary: rgba(0, 0, 0, 0.9);
  --ds-color-theme-orange-dark-destructive-content-tertiary: rgba(0, 0, 0, 0.6);
  --ds-color-theme-orange-dark-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-orange-dark-destructive-glow-secondary: rgba(238, 16, 37, 0.12);
  --ds-color-theme-orange-dark-destructive-primary: #ee1025;
  --ds-color-theme-orange-dark-destructive-secondary: #d11527;
  --ds-color-theme-orange-dark-destructive-tertiary: #aa1926;
  --ds-color-theme-orange-dark-destructive-text-primary: #ee1025;
  --ds-color-theme-orange-dark-destructive-text-secondary: #d11527;
  --ds-color-theme-orange-dark-destructive-text-tertiary: #aa1926;
  --ds-color-theme-orange-dark-highlight-primary: rgba(255, 249, 240, 0.12);
  --ds-color-theme-orange-dark-icons-primary: rgba(253, 234, 206, 0.78);
  --ds-color-theme-orange-dark-icons-secondary: rgba(253, 234, 206, 0.48);
  --ds-color-theme-orange-dark-icons-tertiary: rgba(253, 234, 206, 0.24);
  --ds-color-theme-orange-dark-shadow-primary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-orange-dark-shadow-secondary: rgba(0, 0, 0, 0.24);
  --ds-color-theme-orange-dark-shadow-tertiary: rgba(0, 0, 0, 0.32);
  --ds-color-theme-orange-dark-surface-backdrop: #330d00;
  --ds-color-theme-orange-dark-surface-canvas: #4a200c;
  --ds-color-theme-orange-dark-surface-decoration-primary: rgba(255, 165, 77, 0.16);
  --ds-color-theme-orange-dark-surface-decoration-secondary: rgba(255, 165, 77, 0.24);
  --ds-color-theme-orange-dark-surface-decoration-tertiary: rgba(255, 165, 77, 0.32);
  --ds-color-theme-orange-dark-surface-primary: #54240c;
  --ds-color-theme-orange-dark-surface-secondary: #622e0e;
  --ds-color-theme-orange-dark-surface-tertiary: #6e350c;
  --ds-color-theme-orange-dark-text-primary: rgba(255, 244, 229, 0.96);
  --ds-color-theme-orange-dark-text-secondary: rgba(255, 244, 229, 0.66);
  --ds-color-theme-orange-dark-text-tertiary: rgba(255, 245, 229, 0.36);
  --ds-color-theme-orange-dark-tone-shade-primary: rgba(26, 9, 0, 0.16);
  --ds-color-theme-orange-dark-tone-tint-primary: rgba(254, 238, 215, 0.06);
  --ds-color-theme-orange-light-accent-alt-content-primary: #331100;
  --ds-color-theme-orange-light-accent-alt-content-secondary: rgba(51, 17, 0, 0.7);
  --ds-color-theme-orange-light-accent-alt-content-tertiary: rgba(51, 17, 0, 0.5);
  --ds-color-theme-orange-light-accent-alt-glow-primary: rgba(255, 159, 26, 0.2);
  --ds-color-theme-orange-light-accent-alt-glow-secondary: rgba(255, 159, 26, 0.12);
  --ds-color-theme-orange-light-accent-alt-primary: #ffbf66;
  --ds-color-theme-orange-light-accent-alt-secondary: #ff9f19;
  --ds-color-theme-orange-light-accent-alt-tertiary: #ef6b00;
  --ds-color-theme-orange-light-accent-alt-text-primary: #c64200;
  --ds-color-theme-orange-light-accent-alt-text-secondary: #ad3400;
  --ds-color-theme-orange-light-accent-alt-text-tertiary: #932900;
  --ds-color-theme-orange-light-accent-content-primary: #331100;
  --ds-color-theme-orange-light-accent-content-secondary: rgba(51, 17, 0, 0.7);
  --ds-color-theme-orange-light-accent-content-tertiary: rgba(51, 17, 0, 0.5);
  --ds-color-theme-orange-light-accent-glow-primary: rgba(255, 159, 26, 0.2);
  --ds-color-theme-orange-light-accent-glow-secondary: rgba(255, 159, 26, 0.12);
  --ds-color-theme-orange-light-accent-primary: #ff9f19;
  --ds-color-theme-orange-light-accent-quaternary: #ef5300;
  --ds-color-theme-orange-light-accent-secondary: #f48200;
  --ds-color-theme-orange-light-accent-tertiary: #ef6b00;
  --ds-color-theme-orange-light-accent-text-primary: #c64200;
  --ds-color-theme-orange-light-accent-text-secondary: #ad3400;
  --ds-color-theme-orange-light-accent-text-tertiary: #932900;
  --ds-color-theme-orange-light-container-border-primary: rgba(41, 14, 0, 0.06);
  --ds-color-theme-orange-light-container-border-secondary: rgba(41, 14, 0, 0.09);
  --ds-color-theme-orange-light-container-border-tertiary: rgba(41, 14, 0, 0.12);
  --ds-color-theme-orange-light-container-fill-primary: rgba(41, 14, 0, 0.02);
  --ds-color-theme-orange-light-container-fill-secondary: rgba(41, 14, 0, 0.04);
  --ds-color-theme-orange-light-container-fill-tertiary: rgba(41, 14, 0, 0.06);
  --ds-color-theme-orange-light-control-border-primary: rgba(204, 85, 0, 0.32);
  --ds-color-theme-orange-light-control-border-quaternary: rgba(204, 85, 0, 0.72);
  --ds-color-theme-orange-light-control-border-secondary: rgba(204, 85, 0, 0.56);
  --ds-color-theme-orange-light-control-border-tertiary: rgba(204, 85, 0, 0.64);
  --ds-color-theme-orange-light-control-fill-primary: rgba(204, 85, 0, 0.09);
  --ds-color-theme-orange-light-control-fill-secondary: rgba(204, 85, 0, 0.12);
  --ds-color-theme-orange-light-control-fill-tertiary: rgba(204, 85, 0, 0.18);
  --ds-color-theme-orange-light-control-raised-backdrop: rgba(0, 0, 0, 0.09);
  --ds-color-theme-orange-light-control-raised-fill-primary: #fff9f0;
  --ds-color-theme-orange-light-destructive-content-primary: #ffffff;
  --ds-color-theme-orange-light-destructive-content-secondary: rgba(255, 255, 255, 0.9);
  --ds-color-theme-orange-light-destructive-content-tertiary: rgba(255, 255, 255, 0.6);
  --ds-color-theme-orange-light-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-orange-light-destructive-glow-secondary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-orange-light-destructive-primary: #ee1025;
  --ds-color-theme-orange-light-destructive-secondary: #d11527;
  --ds-color-theme-orange-light-destructive-tertiary: #aa1826;
  --ds-color-theme-orange-light-destructive-text-primary: #ee1025;
  --ds-color-theme-orange-light-destructive-text-secondary: #d11527;
  --ds-color-theme-orange-light-destructive-text-tertiary: #aa1926;
  --ds-color-theme-orange-light-highlight-primary: rgba(255, 249, 240, 0.24);
  --ds-color-theme-orange-light-icons-primary: rgba(26, 9, 0, 0.84);
  --ds-color-theme-orange-light-icons-secondary: rgba(26, 9, 0, 0.66);
  --ds-color-theme-orange-light-icons-tertiary: rgba(26, 9, 0, 0.36);
  --ds-color-theme-orange-light-shadow-primary: rgba(0, 0, 0, 0.05);
  --ds-color-theme-orange-light-shadow-secondary: rgba(0, 0, 0, 0.08);
  --ds-color-theme-orange-light-shadow-tertiary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-orange-light-surface-backdrop: #f5bc89;
  --ds-color-theme-orange-light-surface-canvas: #fdf4e6;
  --ds-color-theme-orange-light-surface-decoration-primary: rgba(204, 85, 0, 0.12);
  --ds-color-theme-orange-light-surface-decoration-secondary: rgba(204, 85, 0, 0.2);
  --ds-color-theme-orange-light-surface-decoration-tertiary: rgba(204, 85, 0, 0.32);
  --ds-color-theme-orange-light-surface-primary: #fcebd3;
  --ds-color-theme-orange-light-surface-secondary: #fdf3e1;
  --ds-color-theme-orange-light-surface-tertiary: #fff9f0;
  --ds-color-theme-orange-light-text-primary: rgba(26, 9, 0, 0.96);
  --ds-color-theme-orange-light-text-secondary: rgba(26, 9, 0, 0.6);
  --ds-color-theme-orange-light-text-tertiary: rgba(26, 9, 0, 0.36);
  --ds-color-theme-orange-light-tone-shade-primary: rgba(81, 27, 0, 0.06);
  --ds-color-theme-orange-light-tone-tint-primary: rgba(255, 250, 244, 0.56);
  --ds-color-theme-rose-dark-accent-alt-content-primary: #fffafe;
  --ds-color-theme-rose-dark-accent-alt-content-secondary: rgba(255, 250, 254, 0.7);
  --ds-color-theme-rose-dark-accent-alt-content-tertiary: rgba(255, 250, 254, 0.5);
  --ds-color-theme-rose-dark-accent-alt-glow-primary: rgba(250, 125, 221, 0.2);
  --ds-color-theme-rose-dark-accent-alt-glow-secondary: rgba(250, 125, 221, 0.12);
  --ds-color-theme-rose-dark-accent-alt-primary: #c1008e;
  --ds-color-theme-rose-dark-accent-alt-secondary: #a30074;
  --ds-color-theme-rose-dark-accent-alt-tertiary: #84005c;
  --ds-color-theme-rose-dark-accent-alt-text-primary: #ffa8ea;
  --ds-color-theme-rose-dark-accent-alt-text-secondary: #fa7ddd;
  --ds-color-theme-rose-dark-accent-alt-text-tertiary: #f249c5;
  --ds-color-theme-rose-dark-accent-content-primary: #30031e;
  --ds-color-theme-rose-dark-accent-content-secondary: rgba(48, 3, 30, 0.7);
  --ds-color-theme-rose-dark-accent-content-tertiary: rgba(48, 3, 30, 0.5);
  --ds-color-theme-rose-dark-accent-glow-primary: rgba(250, 125, 221, 0.2);
  --ds-color-theme-rose-dark-accent-glow-secondary: rgba(250, 125, 221, 0.12);
  --ds-color-theme-rose-dark-accent-primary: #fa7ddd;
  --ds-color-theme-rose-dark-accent-quaternary: #d91ba0;
  --ds-color-theme-rose-dark-accent-secondary: #f249c5;
  --ds-color-theme-rose-dark-accent-tertiary: #e52eae;
  --ds-color-theme-rose-dark-accent-text-primary: #ffa8ea;
  --ds-color-theme-rose-dark-accent-text-secondary: #fa7ddd;
  --ds-color-theme-rose-dark-accent-text-tertiary: #f249c5;
  --ds-color-theme-rose-dark-container-border-primary: rgba(255, 250, 254, 0.09);
  --ds-color-theme-rose-dark-container-border-secondary: rgba(255, 250, 254, 0.12);
  --ds-color-theme-rose-dark-container-border-tertiary: rgba(255, 250, 254, 0.16);
  --ds-color-theme-rose-dark-container-fill-primary: rgba(255, 250, 254, 0.03);
  --ds-color-theme-rose-dark-container-fill-secondary: rgba(255, 250, 254, 0.06);
  --ds-color-theme-rose-dark-container-fill-tertiary: rgba(255, 250, 254, 0.09);
  --ds-color-theme-rose-dark-control-border-primary: rgba(252, 156, 230, 0.48);
  --ds-color-theme-rose-dark-control-border-quaternary: rgba(252, 156, 230, 0.8);
  --ds-color-theme-rose-dark-control-border-secondary: rgba(252, 156, 230, 0.64);
  --ds-color-theme-rose-dark-control-border-tertiary: rgba(252, 156, 230, 0.72);
  --ds-color-theme-rose-dark-control-fill-primary: rgba(252, 156, 230, 0.12);
  --ds-color-theme-rose-dark-control-fill-secondary: rgba(252, 156, 230, 0.18);
  --ds-color-theme-rose-dark-control-fill-tertiary: rgba(252, 156, 230, 0.24);
  --ds-color-theme-rose-dark-control-raised-backdrop: rgba(255, 255, 255, 0.12);
  --ds-color-theme-rose-dark-control-raised-fill-primary: rgba(255, 250, 254, 0.18);
  --ds-color-theme-rose-dark-destructive-content-primary: #000000;
  --ds-color-theme-rose-dark-destructive-content-secondary: rgba(0, 0, 0, 0.9);
  --ds-color-theme-rose-dark-destructive-content-tertiary: rgba(0, 0, 0, 0.6);
  --ds-color-theme-rose-dark-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-rose-dark-destructive-glow-secondary: rgba(238, 16, 37, 0.12);
  --ds-color-theme-rose-dark-destructive-primary: #ee1025;
  --ds-color-theme-rose-dark-destructive-secondary: #d11527;
  --ds-color-theme-rose-dark-destructive-tertiary: #aa1926;
  --ds-color-theme-rose-dark-destructive-text-primary: #ee1025;
  --ds-color-theme-rose-dark-destructive-text-secondary: #d11527;
  --ds-color-theme-rose-dark-destructive-text-tertiary: #aa1926;
  --ds-color-theme-rose-dark-highlight-primary: rgba(255, 250, 254, 0.12);
  --ds-color-theme-rose-dark-icons-primary: rgba(255, 250, 254, 0.78);
  --ds-color-theme-rose-dark-icons-secondary: rgba(255, 250, 254, 0.66);
  --ds-color-theme-rose-dark-icons-tertiary: rgba(255, 250, 254, 0.36);
  --ds-color-theme-rose-dark-shadow-primary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-rose-dark-shadow-secondary: rgba(0, 0, 0, 0.24);
  --ds-color-theme-rose-dark-shadow-tertiary: rgba(0, 0, 0, 0.32);
  --ds-color-theme-rose-dark-surface-backdrop: #2d0525;
  --ds-color-theme-rose-dark-surface-canvas: #511442;
  --ds-color-theme-rose-dark-surface-decoration-primary: rgba(250, 125, 221, 0.16);
  --ds-color-theme-rose-dark-surface-decoration-secondary: rgba(250, 125, 221, 0.24);
  --ds-color-theme-rose-dark-surface-decoration-tertiary: rgba(250, 125, 221, 0.32);
  --ds-color-theme-rose-dark-surface-primary: #5b194b;
  --ds-color-theme-rose-dark-surface-secondary: #692055;
  --ds-color-theme-rose-dark-surface-tertiary: #72265e;
  --ds-color-theme-rose-dark-text-primary: rgba(255, 250, 254, 0.96);
  --ds-color-theme-rose-dark-text-secondary: rgba(255, 250, 254, 0.66);
  --ds-color-theme-rose-dark-text-tertiary: rgba(255, 250, 254, 0.36);
  --ds-color-theme-rose-dark-tone-shade-primary: rgba(28, 1, 18, 0.16);
  --ds-color-theme-rose-dark-tone-tint-primary: rgba(255, 234, 250, 0.06);
  --ds-color-theme-rose-light-accent-alt-content-primary: #660047;
  --ds-color-theme-rose-light-accent-alt-content-secondary: rgba(102, 0, 71, 0.7);
  --ds-color-theme-rose-light-accent-alt-content-tertiary: rgba(102, 0, 71, 0.5);
  --ds-color-theme-rose-light-accent-alt-glow-primary: rgba(250, 125, 221, 0.2);
  --ds-color-theme-rose-light-accent-alt-glow-secondary: rgba(250, 125, 221, 0.12);
  --ds-color-theme-rose-light-accent-alt-primary: #fbb0ea;
  --ds-color-theme-rose-light-accent-alt-secondary: #fa7ddd;
  --ds-color-theme-rose-light-accent-alt-tertiary: #f249c5;
  --ds-color-theme-rose-light-accent-alt-text-primary: #a30074;
  --ds-color-theme-rose-light-accent-alt-text-secondary: #84005c;
  --ds-color-theme-rose-light-accent-alt-text-tertiary: #660047;
  --ds-color-theme-rose-light-accent-content-primary: #fffafe;
  --ds-color-theme-rose-light-accent-content-secondary: rgba(255, 250, 254, 0.7);
  --ds-color-theme-rose-light-accent-content-tertiary: rgba(255, 250, 254, 0.5);
  --ds-color-theme-rose-light-accent-glow-primary: rgba(217, 0, 144, 0.2);
  --ds-color-theme-rose-light-accent-glow-secondary: rgba(217, 0, 144, 0.12);
  --ds-color-theme-rose-light-accent-primary: #c1008e;
  --ds-color-theme-rose-light-accent-quaternary: #660047;
  --ds-color-theme-rose-light-accent-secondary: #a30074;
  --ds-color-theme-rose-light-accent-tertiary: #84005c;
  --ds-color-theme-rose-light-accent-text-primary: #a30074;
  --ds-color-theme-rose-light-accent-text-secondary: #84005c;
  --ds-color-theme-rose-light-accent-text-tertiary: #660047;
  --ds-color-theme-rose-light-container-border-primary: rgba(43, 8, 28, 0.06);
  --ds-color-theme-rose-light-container-border-secondary: rgba(43, 8, 28, 0.09);
  --ds-color-theme-rose-light-container-border-tertiary: rgba(43, 8, 28, 0.12);
  --ds-color-theme-rose-light-container-fill-primary: rgba(43, 8, 28, 0.02);
  --ds-color-theme-rose-light-container-fill-secondary: rgba(43, 8, 28, 0.04);
  --ds-color-theme-rose-light-container-fill-tertiary: rgba(43, 8, 28, 0.06);
  --ds-color-theme-rose-light-control-border-primary: rgba(163, 0, 117, 0.32);
  --ds-color-theme-rose-light-control-border-quaternary: rgba(163, 0, 117, 0.72);
  --ds-color-theme-rose-light-control-border-secondary: rgba(163, 0, 117, 0.56);
  --ds-color-theme-rose-light-control-border-tertiary: rgba(163, 0, 117, 0.64);
  --ds-color-theme-rose-light-control-fill-primary: rgba(163, 0, 117, 0.09);
  --ds-color-theme-rose-light-control-fill-secondary: rgba(163, 0, 117, 0.12);
  --ds-color-theme-rose-light-control-fill-tertiary: rgba(163, 0, 117, 0.18);
  --ds-color-theme-rose-light-control-raised-backdrop: rgba(0, 0, 0, 0.09);
  --ds-color-theme-rose-light-control-raised-fill-primary: #ffffff;
  --ds-color-theme-rose-light-destructive-content-primary: #ffffff;
  --ds-color-theme-rose-light-destructive-content-secondary: rgba(255, 255, 255, 0.9);
  --ds-color-theme-rose-light-destructive-content-tertiary: rgba(255, 255, 255, 0.6);
  --ds-color-theme-rose-light-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-rose-light-destructive-glow-secondary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-rose-light-destructive-primary: #ee1025;
  --ds-color-theme-rose-light-destructive-secondary: #d11527;
  --ds-color-theme-rose-light-destructive-tertiary: #aa1826;
  --ds-color-theme-rose-light-destructive-text-primary: #ee1025;
  --ds-color-theme-rose-light-destructive-text-secondary: #d11527;
  --ds-color-theme-rose-light-destructive-text-tertiary: #aa1926;
  --ds-color-theme-rose-light-highlight-primary: rgba(255, 250, 254, 0.24);
  --ds-color-theme-rose-light-icons-primary: rgba(48, 2, 30, 0.84);
  --ds-color-theme-rose-light-icons-secondary: rgba(48, 3, 30, 0.66);
  --ds-color-theme-rose-light-icons-tertiary: rgba(48, 3, 30, 0.36);
  --ds-color-theme-rose-light-shadow-primary: rgba(0, 0, 0, 0.05);
  --ds-color-theme-rose-light-shadow-secondary: rgba(0, 0, 0, 0.08);
  --ds-color-theme-rose-light-shadow-tertiary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-rose-light-surface-backdrop: #ee9fd9;
  --ds-color-theme-rose-light-surface-canvas: #fcf3fa;
  --ds-color-theme-rose-light-surface-decoration-primary: rgba(163, 0, 117, 0.12);
  --ds-color-theme-rose-light-surface-decoration-secondary: rgba(163, 0, 117, 0.2);
  --ds-color-theme-rose-light-surface-decoration-tertiary: rgba(163, 0, 117, 0.32);
  --ds-color-theme-rose-light-surface-primary: #f6e4f1;
  --ds-color-theme-rose-light-surface-secondary: #faeef8;
  --ds-color-theme-rose-light-surface-tertiary: #fffafe;
  --ds-color-theme-rose-light-text-primary: rgba(48, 2, 30, 0.96);
  --ds-color-theme-rose-light-text-secondary: rgba(48, 3, 30, 0.6);
  --ds-color-theme-rose-light-text-tertiary: rgba(48, 3, 30, 0.36);
  --ds-color-theme-rose-light-tone-shade-primary: rgba(26, 5, 17, 0.06);
  --ds-color-theme-rose-light-tone-tint-primary: rgba(255, 250, 254, 0.48);
  --ds-color-theme-slate-blue-dark-accent-alt-content-primary: #f7fbfd;
  --ds-color-theme-slate-blue-dark-accent-alt-content-secondary: rgba(247, 251, 253, 0.7);
  --ds-color-theme-slate-blue-dark-accent-alt-content-tertiary: rgba(247, 251, 253, 0.5);
  --ds-color-theme-slate-blue-dark-accent-alt-glow-primary: rgba(103, 174, 228, 0.2);
  --ds-color-theme-slate-blue-dark-accent-alt-glow-secondary: rgba(103, 174, 228, 0.12);
  --ds-color-theme-slate-blue-dark-accent-alt-primary: #2b5c82;
  --ds-color-theme-slate-blue-dark-accent-alt-secondary: #1d4766;
  --ds-color-theme-slate-blue-dark-accent-alt-tertiary: #143852;
  --ds-color-theme-slate-blue-dark-accent-alt-text-primary: #75baef;
  --ds-color-theme-slate-blue-dark-accent-alt-text-secondary: #51a9ec;
  --ds-color-theme-slate-blue-dark-accent-alt-text-tertiary: #3d9fe9;
  --ds-color-theme-slate-blue-dark-accent-content-primary: #060a0e;
  --ds-color-theme-slate-blue-dark-accent-content-secondary: rgba(6, 10, 14, 0.7);
  --ds-color-theme-slate-blue-dark-accent-content-tertiary: rgba(6, 10, 14, 0.5);
  --ds-color-theme-slate-blue-dark-accent-glow-primary: rgba(103, 174, 228, 0.2);
  --ds-color-theme-slate-blue-dark-accent-glow-secondary: rgba(103, 174, 228, 0.12);
  --ds-color-theme-slate-blue-dark-accent-primary: #74b5e6;
  --ds-color-theme-slate-blue-dark-accent-quaternary: #2380c7;
  --ds-color-theme-slate-blue-dark-accent-secondary: #499ede;
  --ds-color-theme-slate-blue-dark-accent-tertiary: #2f90da;
  --ds-color-theme-slate-blue-dark-accent-text-primary: #87c3f1;
  --ds-color-theme-slate-blue-dark-accent-text-secondary: #50a8eb;
  --ds-color-theme-slate-blue-dark-accent-text-tertiary: #2b96e7;
  --ds-color-theme-slate-blue-dark-container-border-primary: rgba(247, 251, 253, 0.09);
  --ds-color-theme-slate-blue-dark-container-border-secondary: rgba(247, 251, 253, 0.12);
  --ds-color-theme-slate-blue-dark-container-border-tertiary: rgba(247, 251, 253, 0.16);
  --ds-color-theme-slate-blue-dark-container-fill-primary: rgba(247, 251, 253, 0.03);
  --ds-color-theme-slate-blue-dark-container-fill-secondary: rgba(247, 251, 253, 0.06);
  --ds-color-theme-slate-blue-dark-container-fill-tertiary: rgba(247, 251, 253, 0.09);
  --ds-color-theme-slate-blue-dark-control-border-primary: rgba(130, 170, 201, 0.48);
  --ds-color-theme-slate-blue-dark-control-border-quaternary: rgba(130, 170, 201, 0.8);
  --ds-color-theme-slate-blue-dark-control-border-secondary: rgba(130, 170, 201, 0.64);
  --ds-color-theme-slate-blue-dark-control-border-tertiary: rgba(130, 170, 201, 0.72);
  --ds-color-theme-slate-blue-dark-control-fill-primary: rgba(129, 170, 201, 0.12);
  --ds-color-theme-slate-blue-dark-control-fill-secondary: rgba(130, 170, 201, 0.18);
  --ds-color-theme-slate-blue-dark-control-fill-tertiary: rgba(130, 170, 201, 0.24);
  --ds-color-theme-slate-blue-dark-control-raised-backdrop: rgba(255, 255, 255, 0.12);
  --ds-color-theme-slate-blue-dark-control-raised-fill-primary: rgba(247, 251, 253, 0.18);
  --ds-color-theme-slate-blue-dark-destructive-content-primary: #000000;
  --ds-color-theme-slate-blue-dark-destructive-content-secondary: rgba(0, 0, 0, 0.9);
  --ds-color-theme-slate-blue-dark-destructive-content-tertiary: rgba(0, 0, 0, 0.6);
  --ds-color-theme-slate-blue-dark-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-slate-blue-dark-destructive-glow-secondary: rgba(238, 16, 37, 0.12);
  --ds-color-theme-slate-blue-dark-destructive-primary: #ee1025;
  --ds-color-theme-slate-blue-dark-destructive-secondary: #d11527;
  --ds-color-theme-slate-blue-dark-destructive-tertiary: #aa1926;
  --ds-color-theme-slate-blue-dark-destructive-text-primary: #ee1025;
  --ds-color-theme-slate-blue-dark-destructive-text-secondary: #d11527;
  --ds-color-theme-slate-blue-dark-destructive-text-tertiary: #aa1926;
  --ds-color-theme-slate-blue-dark-highlight-primary: rgba(247, 251, 253, 0.12);
  --ds-color-theme-slate-blue-dark-icons-primary: rgba(247, 251, 253, 0.78);
  --ds-color-theme-slate-blue-dark-icons-secondary: rgba(247, 251, 253, 0.48);
  --ds-color-theme-slate-blue-dark-icons-tertiary: rgba(247, 251, 253, 0.24);
  --ds-color-theme-slate-blue-dark-shadow-primary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-slate-blue-dark-shadow-secondary: rgba(0, 0, 0, 0.24);
  --ds-color-theme-slate-blue-dark-shadow-tertiary: rgba(0, 0, 0, 0.32);
  --ds-color-theme-slate-blue-dark-surface-backdrop: #0c151c;
  --ds-color-theme-slate-blue-dark-surface-canvas: #1e3042;
  --ds-color-theme-slate-blue-dark-surface-decoration-primary: rgba(103, 174, 228, 0.16);
  --ds-color-theme-slate-blue-dark-surface-decoration-secondary: rgba(103, 174, 228, 0.24);
  --ds-color-theme-slate-blue-dark-surface-decoration-tertiary: rgba(103, 174, 228, 0.32);
  --ds-color-theme-slate-blue-dark-surface-primary: #1e3347;
  --ds-color-theme-slate-blue-dark-surface-secondary: #2b4259;
  --ds-color-theme-slate-blue-dark-surface-tertiary: #324a61;
  --ds-color-theme-slate-blue-dark-text-primary: rgba(247, 251, 253, 0.96);
  --ds-color-theme-slate-blue-dark-text-secondary: rgba(247, 251, 253, 0.66);
  --ds-color-theme-slate-blue-dark-text-tertiary: rgba(247, 251, 253, 0.36);
  --ds-color-theme-slate-blue-dark-tone-shade-primary: rgba(6, 10, 14, 0.12);
  --ds-color-theme-slate-blue-dark-tone-tint-primary: rgba(230, 242, 248, 0.06);
  --ds-color-theme-slate-blue-light-accent-alt-content-primary: #143852;
  --ds-color-theme-slate-blue-light-accent-alt-content-secondary: rgba(20, 56, 82, 0.7);
  --ds-color-theme-slate-blue-light-accent-alt-content-tertiary: rgba(20, 56, 82, 0.5);
  --ds-color-theme-slate-blue-light-accent-alt-glow-primary: rgba(117, 187, 240, 0.2);
  --ds-color-theme-slate-blue-light-accent-alt-glow-secondary: rgba(117, 187, 240, 0.12);
  --ds-color-theme-slate-blue-light-accent-alt-primary: #94cdf9;
  --ds-color-theme-slate-blue-light-accent-alt-secondary: #75baef;
  --ds-color-theme-slate-blue-light-accent-alt-tertiary: #499ede;
  --ds-color-theme-slate-blue-light-accent-alt-text-primary: #2b5c82;
  --ds-color-theme-slate-blue-light-accent-alt-text-secondary: #1d4766;
  --ds-color-theme-slate-blue-light-accent-alt-text-tertiary: #143852;
  --ds-color-theme-slate-blue-light-accent-content-primary: #f0f8ff;
  --ds-color-theme-slate-blue-light-accent-content-secondary: rgba(240, 248, 255, 0.7);
  --ds-color-theme-slate-blue-light-accent-content-tertiary: rgba(240, 248, 255, 0.5);
  --ds-color-theme-slate-blue-light-accent-glow-primary: rgba(58, 114, 156, 0.2);
  --ds-color-theme-slate-blue-light-accent-glow-secondary: rgba(58, 114, 156, 0.12);
  --ds-color-theme-slate-blue-light-accent-primary: #39719c;
  --ds-color-theme-slate-blue-light-accent-quaternary: #143851;
  --ds-color-theme-slate-blue-light-accent-secondary: #2b5c82;
  --ds-color-theme-slate-blue-light-accent-tertiary: #1d4766;
  --ds-color-theme-slate-blue-light-accent-text-primary: #2b5c82;
  --ds-color-theme-slate-blue-light-accent-text-secondary: #1d4766;
  --ds-color-theme-slate-blue-light-accent-text-tertiary: #143852;
  --ds-color-theme-slate-blue-light-container-border-primary: rgba(6, 15, 24, 0.06);
  --ds-color-theme-slate-blue-light-container-border-secondary: rgba(6, 15, 24, 0.09);
  --ds-color-theme-slate-blue-light-container-border-tertiary: rgba(6, 15, 24, 0.12);
  --ds-color-theme-slate-blue-light-container-fill-primary: rgba(6, 15, 24, 0.01);
  --ds-color-theme-slate-blue-light-container-fill-secondary: rgba(6, 15, 24, 0.03);
  --ds-color-theme-slate-blue-light-container-fill-tertiary: rgba(6, 15, 24, 0.06);
  --ds-color-theme-slate-blue-light-control-border-primary: rgba(33, 88, 131, 0.32);
  --ds-color-theme-slate-blue-light-control-border-quaternary: rgba(33, 88, 131, 0.72);
  --ds-color-theme-slate-blue-light-control-border-secondary: rgba(33, 88, 131, 0.56);
  --ds-color-theme-slate-blue-light-control-border-tertiary: rgba(33, 88, 131, 0.64);
  --ds-color-theme-slate-blue-light-control-fill-primary: rgba(33, 88, 131, 0.09);
  --ds-color-theme-slate-blue-light-control-fill-secondary: rgba(33, 88, 131, 0.12);
  --ds-color-theme-slate-blue-light-control-fill-tertiary: rgba(33, 88, 131, 0.18);
  --ds-color-theme-slate-blue-light-control-raised-backdrop: rgba(0, 0, 0, 0.09);
  --ds-color-theme-slate-blue-light-control-raised-fill-primary: #eef7fc;
  --ds-color-theme-slate-blue-light-destructive-content-primary: #ffffff;
  --ds-color-theme-slate-blue-light-destructive-content-secondary: rgba(255, 255, 255, 0.9);
  --ds-color-theme-slate-blue-light-destructive-content-tertiary: rgba(255, 255, 255, 0.6);
  --ds-color-theme-slate-blue-light-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-slate-blue-light-destructive-glow-secondary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-slate-blue-light-destructive-primary: #ee1025;
  --ds-color-theme-slate-blue-light-destructive-secondary: #d11527;
  --ds-color-theme-slate-blue-light-destructive-tertiary: #aa1826;
  --ds-color-theme-slate-blue-light-destructive-text-primary: #ee1025;
  --ds-color-theme-slate-blue-light-destructive-text-secondary: #d11527;
  --ds-color-theme-slate-blue-light-destructive-text-tertiary: #aa1926;
  --ds-color-theme-slate-blue-light-highlight-primary: rgba(247, 251, 253, 0.24);
  --ds-color-theme-slate-blue-light-icons-primary: rgba(6, 10, 14, 0.84);
  --ds-color-theme-slate-blue-light-icons-secondary: rgba(6, 10, 14, 0.6);
  --ds-color-theme-slate-blue-light-icons-tertiary: rgba(6, 10, 14, 0.36);
  --ds-color-theme-slate-blue-light-shadow-primary: rgba(0, 0, 0, 0.05);
  --ds-color-theme-slate-blue-light-shadow-secondary: rgba(0, 0, 0, 0.08);
  --ds-color-theme-slate-blue-light-shadow-tertiary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-slate-blue-light-surface-backdrop: #8aa5c0;
  --ds-color-theme-slate-blue-light-surface-canvas: #dceaf3;
  --ds-color-theme-slate-blue-light-surface-decoration-primary: rgba(33, 88, 131, 0.09);
  --ds-color-theme-slate-blue-light-surface-decoration-secondary: rgba(33, 88, 131, 0.2);
  --ds-color-theme-slate-blue-light-surface-decoration-tertiary: rgba(33, 88, 131, 0.32);
  --ds-color-theme-slate-blue-light-surface-primary: #d2e5f3;
  --ds-color-theme-slate-blue-light-surface-secondary: #ddedf7;
  --ds-color-theme-slate-blue-light-surface-tertiary: #eef6fb;
  --ds-color-theme-slate-blue-light-text-primary: rgba(6, 10, 14, 0.96);
  --ds-color-theme-slate-blue-light-text-secondary: rgba(6, 10, 14, 0.6);
  --ds-color-theme-slate-blue-light-text-tertiary: rgba(6, 10, 14, 0.36);
  --ds-color-theme-slate-blue-light-tone-shade-primary: rgba(20, 51, 81, 0.06);
  --ds-color-theme-slate-blue-light-tone-tint-primary: rgba(247, 251, 253, 0.4);
  --ds-color-theme-violet-dark-accent-alt-content-primary: #f5f5fe;
  --ds-color-theme-violet-dark-accent-alt-content-secondary: rgba(245, 245, 254, 0.7);
  --ds-color-theme-violet-dark-accent-alt-content-tertiary: rgba(245, 245, 254, 0.5);
  --ds-color-theme-violet-dark-accent-alt-glow-primary: rgba(162, 128, 255, 0.2);
  --ds-color-theme-violet-dark-accent-alt-glow-secondary: rgba(162, 128, 255, 0.12);
  --ds-color-theme-violet-dark-accent-alt-primary: #5c17e5;
  --ds-color-theme-violet-dark-accent-alt-secondary: #470fbf;
  --ds-color-theme-violet-dark-accent-alt-tertiary: #3b0da6;
  --ds-color-theme-violet-dark-accent-alt-text-primary: #c6b2ff;
  --ds-color-theme-violet-dark-accent-alt-text-secondary: #a17fff;
  --ds-color-theme-violet-dark-accent-alt-text-tertiary: #8f69fb;
  --ds-color-theme-violet-dark-accent-content-primary: #030109;
  --ds-color-theme-violet-dark-accent-content-secondary: rgba(3, 1, 9, 0.7);
  --ds-color-theme-violet-dark-accent-content-tertiary: rgba(3, 1, 9, 0.5);
  --ds-color-theme-violet-dark-accent-glow-primary: rgba(162, 128, 255, 0.2);
  --ds-color-theme-violet-dark-accent-glow-secondary: rgba(162, 128, 255, 0.2);
  --ds-color-theme-violet-dark-accent-primary: #a17fff;
  --ds-color-theme-violet-dark-accent-quaternary: #6e29ee;
  --ds-color-theme-violet-dark-accent-secondary: #8f69fb;
  --ds-color-theme-violet-dark-accent-tertiary: #7f55f6;
  --ds-color-theme-violet-dark-accent-text-primary: #c6b2ff;
  --ds-color-theme-violet-dark-accent-text-secondary: #a17fff;
  --ds-color-theme-violet-dark-accent-text-tertiary: #8f69fb;
  --ds-color-theme-violet-dark-container-border-primary: rgba(245, 245, 254, 0.09);
  --ds-color-theme-violet-dark-container-border-secondary: rgba(245, 245, 254, 0.12);
  --ds-color-theme-violet-dark-container-border-tertiary: rgba(245, 245, 254, 0.16);
  --ds-color-theme-violet-dark-container-fill-primary: rgba(245, 245, 254, 0.03);
  --ds-color-theme-violet-dark-container-fill-secondary: rgba(245, 245, 254, 0.06);
  --ds-color-theme-violet-dark-container-fill-tertiary: rgba(245, 245, 254, 0.09);
  --ds-color-theme-violet-dark-control-border-primary: rgba(192, 165, 253, 0.48);
  --ds-color-theme-violet-dark-control-border-quaternary: rgba(192, 165, 253, 0.8);
  --ds-color-theme-violet-dark-control-border-secondary: rgba(192, 165, 253, 0.64);
  --ds-color-theme-violet-dark-control-border-tertiary: rgba(192, 165, 253, 0.72);
  --ds-color-theme-violet-dark-control-fill-primary: rgba(191, 165, 252, 0.12);
  --ds-color-theme-violet-dark-control-fill-secondary: rgba(192, 165, 253, 0.18);
  --ds-color-theme-violet-dark-control-fill-tertiary: rgba(192, 165, 253, 0.24);
  --ds-color-theme-violet-dark-control-raised-backdrop: rgba(255, 255, 255, 0.12);
  --ds-color-theme-violet-dark-control-raised-fill-primary: rgba(243, 242, 250, 0.18);
  --ds-color-theme-violet-dark-destructive-content-primary: #000000;
  --ds-color-theme-violet-dark-destructive-content-secondary: rgba(0, 0, 0, 0.9);
  --ds-color-theme-violet-dark-destructive-content-tertiary: rgba(0, 0, 0, 0.6);
  --ds-color-theme-violet-dark-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-violet-dark-destructive-glow-secondary: rgba(238, 16, 37, 0.12);
  --ds-color-theme-violet-dark-destructive-primary: #ee1025;
  --ds-color-theme-violet-dark-destructive-secondary: #d11527;
  --ds-color-theme-violet-dark-destructive-tertiary: #aa1926;
  --ds-color-theme-violet-dark-destructive-text-primary: #ee1025;
  --ds-color-theme-violet-dark-destructive-text-secondary: #d11527;
  --ds-color-theme-violet-dark-destructive-text-tertiary: #aa1926;
  --ds-color-theme-violet-dark-highlight-primary: rgba(243, 242, 250, 0.12);
  --ds-color-theme-violet-dark-icons-primary: rgba(239, 239, 255, 0.78);
  --ds-color-theme-violet-dark-icons-secondary: rgba(245, 245, 254, 0.48);
  --ds-color-theme-violet-dark-icons-tertiary: rgba(245, 245, 254, 0.24);
  --ds-color-theme-violet-dark-shadow-primary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-violet-dark-shadow-secondary: rgba(0, 0, 0, 0.24);
  --ds-color-theme-violet-dark-shadow-tertiary: rgba(0, 0, 0, 0.32);
  --ds-color-theme-violet-dark-surface-backdrop: #120b27;
  --ds-color-theme-violet-dark-surface-canvas: #271c49;
  --ds-color-theme-violet-dark-surface-decoration-primary: rgba(192, 165, 253, 0.16);
  --ds-color-theme-violet-dark-surface-decoration-secondary: rgba(192, 165, 253, 0.24);
  --ds-color-theme-violet-dark-surface-decoration-tertiary: rgba(192, 165, 253, 0.32);
  --ds-color-theme-violet-dark-surface-primary: #2e2158;
  --ds-color-theme-violet-dark-surface-secondary: #3a2a63;
  --ds-color-theme-violet-dark-surface-tertiary: #433270;
  --ds-color-theme-violet-dark-text-primary: rgba(239, 239, 255, 0.96);
  --ds-color-theme-violet-dark-text-secondary: rgba(245, 245, 254, 0.66);
  --ds-color-theme-violet-dark-text-tertiary: rgba(245, 245, 254, 0.36);
  --ds-color-theme-violet-dark-tone-shade-primary: rgba(12, 9, 21, 0.16);
  --ds-color-theme-violet-dark-tone-tint-primary: rgba(233, 231, 248, 0.06);
  --ds-color-theme-violet-light-accent-alt-content-primary: #2b097a;
  --ds-color-theme-violet-light-accent-alt-content-secondary: rgba(44, 10, 123, 0.7);
  --ds-color-theme-violet-light-accent-alt-content-tertiary: rgba(44, 10, 123, 0.5);
  --ds-color-theme-violet-light-accent-alt-glow-primary: rgba(162, 128, 255, 0.2);
  --ds-color-theme-violet-light-accent-alt-glow-secondary: rgba(162, 128, 255, 0.12);
  --ds-color-theme-violet-light-accent-alt-primary: #c6b2ff;
  --ds-color-theme-violet-light-accent-alt-secondary: #a17fff;
  --ds-color-theme-violet-light-accent-alt-tertiary: #8f69fb;
  --ds-color-theme-violet-light-accent-alt-text-primary: #470fbf;
  --ds-color-theme-violet-light-accent-alt-text-secondary: #3b0da6;
  --ds-color-theme-violet-light-accent-alt-text-tertiary: #2b097a;
  --ds-color-theme-violet-light-accent-content-primary: #f5f5fe;
  --ds-color-theme-violet-light-accent-content-secondary: rgba(245, 245, 254, 0.7);
  --ds-color-theme-violet-light-accent-content-tertiary: rgba(245, 245, 254, 0.5);
  --ds-color-theme-violet-light-accent-glow-primary: rgba(92, 23, 229, 0.2);
  --ds-color-theme-violet-light-accent-glow-secondary: rgba(92, 23, 229, 0.12);
  --ds-color-theme-violet-light-accent-primary: #5c17e5;
  --ds-color-theme-violet-light-accent-quaternary: #2b097a;
  --ds-color-theme-violet-light-accent-secondary: #470fbf;
  --ds-color-theme-violet-light-accent-tertiary: #3b0da6;
  --ds-color-theme-violet-light-accent-text-primary: #470fbf;
  --ds-color-theme-violet-light-accent-text-secondary: #3b0da6;
  --ds-color-theme-violet-light-accent-text-tertiary: #2b097a;
  --ds-color-theme-violet-light-container-border-primary: rgba(7, 5, 13, 0.06);
  --ds-color-theme-violet-light-container-border-secondary: rgba(7, 5, 13, 0.09);
  --ds-color-theme-violet-light-container-border-tertiary: rgba(7, 5, 13, 0.12);
  --ds-color-theme-violet-light-container-fill-primary: rgba(7, 5, 13, 0.01);
  --ds-color-theme-violet-light-container-fill-secondary: rgba(7, 5, 13, 0.03);
  --ds-color-theme-violet-light-container-fill-tertiary: rgba(7, 5, 13, 0.06);
  --ds-color-theme-violet-light-control-border-primary: rgba(87, 11, 218, 0.32);
  --ds-color-theme-violet-light-control-border-quaternary: rgba(87, 11, 218, 0.72);
  --ds-color-theme-violet-light-control-border-secondary: rgba(87, 11, 218, 0.56);
  --ds-color-theme-violet-light-control-border-tertiary: rgba(87, 11, 218, 0.64);
  --ds-color-theme-violet-light-control-fill-primary: rgba(87, 11, 218, 0.09);
  --ds-color-theme-violet-light-control-fill-secondary: rgba(87, 11, 218, 0.12);
  --ds-color-theme-violet-light-control-fill-tertiary: rgba(87, 11, 218, 0.18);
  --ds-color-theme-violet-light-control-raised-backdrop: rgba(0, 0, 0, 0.09);
  --ds-color-theme-violet-light-control-raised-fill-primary: #f6f6fc;
  --ds-color-theme-violet-light-destructive-content-primary: #ffffff;
  --ds-color-theme-violet-light-destructive-content-secondary: rgba(255, 255, 255, 0.9);
  --ds-color-theme-violet-light-destructive-content-tertiary: rgba(255, 255, 255, 0.6);
  --ds-color-theme-violet-light-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-violet-light-destructive-glow-secondary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-violet-light-destructive-primary: #ee1025;
  --ds-color-theme-violet-light-destructive-secondary: #d11527;
  --ds-color-theme-violet-light-destructive-tertiary: #aa1826;
  --ds-color-theme-violet-light-destructive-text-primary: #ee1025;
  --ds-color-theme-violet-light-destructive-text-secondary: #d11527;
  --ds-color-theme-violet-light-destructive-text-tertiary: #aa1926;
  --ds-color-theme-violet-light-highlight-primary: rgba(245, 245, 254, 0.24);
  --ds-color-theme-violet-light-icons-primary: rgba(7, 5, 13, 0.84);
  --ds-color-theme-violet-light-icons-secondary: rgba(7, 5, 13, 0.6);
  --ds-color-theme-violet-light-icons-tertiary: rgba(7, 5, 13, 0.36);
  --ds-color-theme-violet-light-shadow-primary: rgba(0, 0, 0, 0.05);
  --ds-color-theme-violet-light-shadow-secondary: rgba(0, 0, 0, 0.08);
  --ds-color-theme-violet-light-shadow-tertiary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-violet-light-surface-backdrop: #c0b9e3;
  --ds-color-theme-violet-light-surface-canvas: #edecf9;
  --ds-color-theme-violet-light-surface-decoration-primary: rgba(87, 11, 218, 0.09);
  --ds-color-theme-violet-light-surface-decoration-secondary: rgba(87, 11, 218, 0.2);
  --ds-color-theme-violet-light-surface-decoration-tertiary: rgba(87, 11, 218, 0.32);
  --ds-color-theme-violet-light-surface-primary: #e7e4f5;
  --ds-color-theme-violet-light-surface-secondary: #edebf8;
  --ds-color-theme-violet-light-surface-tertiary: #f6f6fc;
  --ds-color-theme-violet-light-text-primary: rgba(7, 5, 13, 0.96);
  --ds-color-theme-violet-light-text-secondary: rgba(7, 5, 13, 0.6);
  --ds-color-theme-violet-light-text-tertiary: rgba(7, 5, 13, 0.36);
  --ds-color-theme-violet-light-tone-shade-primary: rgba(35, 20, 81, 0.06);
  --ds-color-theme-violet-light-tone-tint-primary: rgba(245, 245, 254, 0.56);
  --ds-font-title-01-font-family: var(--ds-font-family-display);
  --ds-font-title-01-letter-spacing: var(--ds-font-letter-spacing-narrow);
  --ds-font-title-01-weight: var(--ds-font-weight-normal);
  --ds-font-title-02-font-family: var(--ds-font-family-display);
  --ds-font-title-02-letter-spacing: var(--ds-font-letter-spacing-narrow);
  --ds-font-title-02-weight: var(--ds-font-weight-normal);
  --ds-font-title-03-font-family: var(--ds-font-family-display);
  --ds-font-title-03-letter-spacing: var(--ds-font-letter-spacing-narrow);
  --ds-font-title-03-weight: var(--ds-font-weight-normal);
  --ds-font-title-04-font-family: var(--ds-font-family-display);
  --ds-font-title-04-letter-spacing: var(--ds-font-letter-spacing-narrow);
  --ds-font-title-04-weight: var(--ds-font-weight-normal);
  --ds-font-title-05-font-family: var(--ds-font-family-display);
  --ds-font-title-05-letter-spacing: var(--ds-font-letter-spacing-normal);
  --ds-font-title-05-weight: var(--ds-font-weight-normal);
  --ds-font-title-06-font-family: var(--ds-font-family-display);
  --ds-font-title-06-letter-spacing: var(--ds-font-letter-spacing-normal);
  --ds-font-title-06-weight: var(--ds-font-weight-normal);
  --ds-font-body-xxl-font-family: var(--ds-font-family-display);
  --ds-font-body-xxl-letter-spacing: var(--ds-font-letter-spacing-normal);
  --ds-font-body-xxl-weight: var(--ds-font-weight-normal);
  --ds-font-body-xl-font-family: var(--ds-font-family-display);
  --ds-font-body-xl-letter-spacing: var(--ds-font-letter-spacing-normal);
  --ds-font-body-xl-weight: var(--ds-font-weight-normal);
  --ds-font-body-lg-font-family: var(--ds-font-family-product);
  --ds-font-body-lg-letter-spacing: var(--ds-font-letter-spacing-normal);
  --ds-font-body-lg-weight: var(--ds-font-weight-normal);
  --ds-font-body-md-font-family: var(--ds-font-family-product);
  --ds-font-body-md-letter-spacing: var(--ds-font-letter-spacing-normal);
  --ds-font-body-md-weight: var(--ds-font-weight-normal);
  --ds-font-body-sm-font-family: var(--ds-font-family-product);
  --ds-font-body-sm-letter-spacing: var(--ds-font-letter-spacing-normal);
  --ds-font-body-sm-weight: var(--ds-font-weight-normal);
  --ds-font-eyebrow-01-font-family: var(--ds-font-family-product);
  --ds-font-eyebrow-01-letter-spacing: var(--ds-font-letter-spacing-wide);
  --ds-font-eyebrow-01-weight: var(--ds-font-weight-semibold);
  --ds-font-eyebrow-02-font-family: var(--ds-font-family-product);
  --ds-font-eyebrow-02-letter-spacing: var(--ds-font-letter-spacing-wide);
  --ds-font-eyebrow-02-weight: var(--ds-font-weight-semibold);
  --ds-font-button-label-01-font-family: var(--ds-font-family-product);
  --ds-font-button-label-01-letter-spacing: var(--ds-font-letter-spacing-normal);
  --ds-font-button-label-01-weight: var(--ds-font-weight-semibold);
  --ds-font-button-label-02-font-family: var(--ds-font-family-product);
  --ds-font-button-label-02-letter-spacing: var(--ds-font-letter-spacing-normal);
  --ds-font-button-label-02-weight: var(--ds-font-weight-bold);
  --ds-font-button-label-03-font-family: var(--ds-font-family-product);
  --ds-font-button-label-03-letter-spacing: var(--ds-font-letter-spacing-normal);
  --ds-font-button-label-03-weight: var(--ds-font-weight-bold);
  --ds-font-label-01-font-family: var(--ds-font-family-product);
  --ds-font-label-01-letter-spacing: var(--ds-font-letter-spacing-normal);
  --ds-font-label-01-weight: var(--ds-font-weight-bold);
  --ds-font-caption-01-font-family: var(--ds-font-family-product);
  --ds-font-caption-01-letter-spacing: var(--ds-font-letter-spacing-normal);
  --ds-font-caption-01-weight: var(--ds-font-weight-normal);
}

/* shared/styles/design-tokens.css */

/* shared/styles/variables.css */
:root {
  --base: 16px;
  font-size: calc(16px / var(--base));
  --px-in-rem: calc(1rem / 16);
  --sp-320: 80rem;
  --sp-256: 64rem;
  --sp-192: 48rem;
  --sp-96: 24rem;
  --sp-90: 22.5rem;
  --sp-80: 20rem;
  --sp-72: 18rem;
  --sp-64: 16rem;
  --sp-56: 14rem;
  --sp-48: 12rem;
  --sp-40: 10rem;
  --sp-35: 8.75rem;
  --sp-32: 8rem;
  --sp-30: 7.5rem;
  --sp-25: 6.25rem;
  --sp-24: 6rem;
  --sp-20: 5rem;
  --sp-16: 4rem;
  --sp-15: 3.75rem;
  --sp-14: 3.5rem;
  --sp-13: 3.25rem;
  --sp-12: 3rem;
  --sp-11: 2.75rem;
  --sp-10: 2.5rem;
  --sp-9: 2.25rem;
  --sp-8: 2rem;
  --sp-7: 1.75rem;
  --sp-6: 1.5rem;
  --sp-5: 1.25rem;
  --sp-4: 1rem;
  --sp-3: 0.75rem;
  --sp-2: 0.5rem;
  --sp-1: 0.25rem;
  --sp-0_5: 0.125rem;
  --color-red-50: #de5833;
  --color-purple-50: #5132a9;
  --color-yellow-50: #fcd00a;
  --color-green-50: #4cba3c;
  --color-yellow-60: #f9be1a;
  --color-blue-100: #051133;
  --color-blue-90: #0b2059;
  --color-blue-80: #14307e;
  --color-blue-70: #1e42a4;
  --color-blue-60: #2b55ca;
  --color-blue-50: #3969ef;
  --color-blue-40: #557ff3;
  --color-blue-30: #7295f6;
  --color-blue-20: #8fabf9;
  --color-blue-10: #adc2fc;
  --color-blue-0: #ccdaff;
  --color-black: #000;
  --color-gray-95: #111;
  --color-gray-90: #222;
  --color-gray-85: #333;
  --color-gray-80: #444;
  --color-gray-70: #666;
  --color-gray-60: #888;
  --color-gray-50: #aaa;
  --color-gray-40: #ccc;
  --color-gray-30: #ddd;
  --color-gray-25: #e5e5e5;
  --color-gray-20: #eee;
  --color-gray-10: #f5f5f5;
  --color-gray-0: #fafafa;
  --color-white: #fff;
  --color-black-at-1: rgba(0, 0, 0, 0.01);
  --color-black-at-3: rgba(0, 0, 0, 0.03);
  --color-black-at-4: rgba(0, 0, 0, 0.04);
  --color-black-at-6: rgba(0, 0, 0, 0.06);
  --color-black-at-9: rgba(0, 0, 0, 0.09);
  --color-black-at-12: rgba(0, 0, 0, 0.12);
  --color-black-at-15: rgba(0, 0, 0, 0.15);
  --color-black-at-18: rgba(0, 0, 0, 0.18);
  --color-black-at-36: rgba(0, 0, 0, 0.36);
  --color-black-at-40: rgba(0, 0, 0, 0.4);
  --color-black-at-42: rgba(0, 0, 0, 0.42);
  --color-black-at-48: rgba(0, 0, 0, 0.48);
  --color-black-at-50: rgba(0, 0, 0, 0.5);
  --color-black-at-60: rgba(0, 0, 0, 0.6);
  --color-black-at-66: rgba(0, 0, 0, 0.66);
  --color-black-at-72: rgba(0, 0, 0, 0.72);
  --color-black-at-80: rgba(0, 0, 0, 0.8);
  --color-black-at-84: rgba(0, 0, 0, 0.84);
  --color-black-at-90: rgba(0, 0, 0, 0.9);
  --color-black-at-96: rgba(0, 0, 0, 0.96);
  --color-gray85-at-80: rgba(51, 51, 51, 0.8);
  --color-white-at-3: rgba(255, 255, 255, 0.03);
  --color-white-at-6: rgba(255, 255, 255, 0.06);
  --color-white-at-9: rgba(255, 255, 255, 0.09);
  --color-white-at-12: rgba(255, 255, 255, 0.12);
  --color-white-at-15: rgba(255, 255, 255, 0.15);
  --color-white-at-18: rgba(255, 255, 255, 0.18);
  --color-white-at-24: rgba(255, 255, 255, 0.24);
  --color-white-at-30: rgba(255, 255, 255, 0.3);
  --color-white-at-36: rgba(255, 255, 255, 0.36);
  --color-white-at-42: rgba(255, 255, 255, 0.42);
  --color-white-at-50: rgba(255, 255, 255, 0.5);
  --color-white-at-60: rgba(255, 255, 255, 0.6);
  --color-white-at-66: rgba(255, 255, 255, 0.66);
  --color-white-at-70: rgba(255, 255, 255, 0.7);
  --color-white-at-80: rgba(255, 255, 255, 0.8);
  --color-white-at-84: rgba(255, 255, 255, 0.84);
  --color-white-at-85: rgba(255, 255, 255, 0.85);
  --color-white-at-96: rgba(255, 255, 255, 0.96);
  --ddg-color-primary: var(--color-blue-50);
  --ddg-color-primary-dark: var(--color-blue-30);
  --theme-background-color: var(--color-white);
  --theme-text-primary-color: var(--color-black-at-84);
  --theme-text-secondary-color: var(--color-black-at-60);
  --theme-text-link-color: var(--ddg-color-primary);
  --border-radius-lg: 12px;
  --border-radius-md: 8px;
  --border-radius-sm: 6px;
  --border-radius-xs: 4px;
  --border-radius-full: 999px;
  --macos-text-primary: var(--color-black-at-84);
  --ios-content-max-width: calc(794 * var(--px-in-rem));
}
@media (prefers-color-scheme: dark) {
  :root {
    --theme-background-color: var(--color-gray-95);
    --theme-text-primary-color: var(--color-white-at-85);
    --theme-text-secondary-color: var(--color-white-at-50);
    --theme-text-link-color: var(--ddg-color-primary-dark);
  }
}

/* shared/styles/reset.css */
*,
*:after,
*:before {
  box-sizing: border-box;
}
html[data-reduced-motion=true] * {
  animation: none !important;
  transition: none !important;
}
body {
  font-family: var(--theme-font-family, system-ui);
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.08px;
  margin: 0;
  height: 100vh;
  width: 100%;
  overflow-x: hidden;
  user-select: none;
  -webkit-user-select: none;
  cursor: default;
  background: var(--theme-background-color);
  color: var(--theme-text-primary-color);
}
body > main {
  width: 100%;
}
h1,
h2,
h3,
h4,
p {
  font-weight: normal;
  margin: 0;
}
a {
  color: var(--theme-text-link-color);
}
button {
  font-family: system-ui, sans-serif;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* shared/styles/utilities.css */
.offscreen {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* shared/styles/global.css */