@charset "UTF-8";
@layer global, semantic, component, theme;
@layer global {
  :root,
  :host {
    --dds-color-berry-10: #ffebf5;
    --dds-color-berry-20: #ffc0df;
    --dds-color-berry-30: #f69ac6;
    --dds-color-berry-40: #e574aa;
    --dds-color-berry-50: #cb548d;
    --dds-color-berry-60: #ba467d;
    --dds-color-berry-70: #a8396f;
    --dds-color-berry-80: #7f234f;
    --dds-color-berry-90: #511230;
    --dds-color-blue-10: #d9f5fd;
    --dds-color-blue-20: #94dcf7;
    --dds-color-blue-30: #5cc1ee;
    --dds-color-blue-40: #31a2e3;
    --dds-color-blue-50: #1282d6;
    --dds-color-blue-60: #0672cb;
    --dds-color-blue-70: #0063b8;
    --dds-color-blue-80: #00468b;
    --dds-color-blue-90: #002a58;
    --dds-color-gray-10: #f5f6f7;
    --dds-color-gray-20: #f0f0f0;
    --dds-color-gray-30: #e1e1e1;
    --dds-color-gray-40: #d2d2d2;
    --dds-color-gray-50: #b6b6b6;
    --dds-color-gray-60: #7e7e7e;
    --dds-color-gray-70: #6e6e6e;
    --dds-color-gray-80: #636363;
    --dds-color-gray-90: #0e0e0e;
    --dds-color-green-10: #e9f5ce;
    --dds-color-green-20: #c0dd78;
    --dds-color-green-30: #9bc438;
    --dds-color-green-40: #7aa809;
    --dds-color-green-50: #5d8c00;
    --dds-color-green-60: #4f7d00;
    --dds-color-green-70: #436f00;
    --dds-color-green-80: #2c5000;
    --dds-color-green-90: #193100;
    --dds-color-light-blue-10: #daf5fd;
    --dds-color-light-blue-20: #97dcf4;
    --dds-color-light-blue-30: #61c1eb;
    --dds-color-light-blue-40: #36a2e0;
    --dds-color-light-blue-50: #1885c3;
    --dds-color-light-blue-60: #0d76b2;
    --dds-color-light-blue-70: #0468a1;
    --dds-color-light-blue-80: #004a77;
    --dds-color-light-blue-90: #002d4b;
    --dds-color-neutral-black: #000000;
    --dds-color-neutral-black-opacity-15: rgba(0, 0, 0, 0.2);
    --dds-color-neutral-black-opacity-20: rgba(0, 0, 0, 0.2);
    --dds-color-neutral-black-opacity-30: rgba(0, 0, 0, 0.3);
    --dds-color-neutral-black-opacity-50: rgba(0, 0, 0, 0.5);
    --dds-color-neutral-black-opacity-80: rgba(0, 0, 0, 0.8);
    --dds-color-neutral-white: #ffffff;
    --dds-color-neutral-white-opacity-15: rgba(255, 255, 255, 0.2);
    --dds-color-neutral-white-opacity-50: rgba(255, 255, 255, 0.5);
    --dds-color-neutral-white-opacity-80: rgba(255, 255, 255, 0.8);
    --dds-color-orange-10: #ffeed2;
    --dds-color-orange-20: #fec97a;
    --dds-color-orange-30: #f8a433;
    --dds-color-orange-40: #e67f01;
    --dds-color-orange-50: #c96100;
    --dds-color-orange-60: #b85200;
    --dds-color-orange-70: #a64600;
    --dds-color-orange-80: #7d2e00;
    --dds-color-orange-90: #4f1a00;
    --dds-color-purple-10: #fbebff;
    --dds-color-purple-20: #ecc4ff;
    --dds-color-purple-30: #db9eff;
    --dds-color-purple-40: #c47af4;
    --dds-color-purple-50: #a95adc;
    --dds-color-purple-60: #994ccc;
    --dds-color-purple-70: #8a3fba;
    --dds-color-purple-80: #66278f;
    --dds-color-purple-90: #40155c;
    --dds-color-red-10: #ffecee;
    --dds-color-red-20: #ffc3c9;
    --dds-color-red-30: #ff99a1;
    --dds-color-red-40: #fe6873;
    --dds-color-red-50: #e4424d;
    --dds-color-red-60: #d0353f;
    --dds-color-red-70: #bb2a33;
    --dds-color-red-80: #8c161f;
    --dds-color-red-90: #590a0f;
    --dds-color-slate-10: #ebf1f6;
    --dds-color-slate-20: #c5d4e3;
    --dds-color-slate-30: #a4b8cd;
    --dds-color-slate-40: #839db4;
    --dds-color-slate-45: #5c6e7e;
    --dds-color-slate-50: #40586d;
    --dds-color-slate-60: #293b4d;
    --dds-color-slate-70: #1d2c3b;
    --dds-color-slate-80: #141d28;
    --dds-color-slate-90: #0a0e14;
    --dds-color-teal-10: #caf4f7;
    --dds-color-teal-20: #94eaef;
    --dds-color-teal-30: #45d9e3;
    --dds-color-teal-40: #14c1cc;
    --dds-color-teal-50: #0ea0a9;
    --dds-color-teal-60: #0d8e97;
    --dds-color-teal-70: #0b7c84;
    --dds-color-teal-80: #076369;
    --dds-color-teal-90: #044e52;
    --dds-color-transparent: transparent;
    --dds-color-yellow-10: #feefcb;
    --dds-color-yellow-20: #f5cd6f;
    --dds-color-yellow-30: #e6ac28;
    --dds-color-yellow-40: #ce8d00;
    --dds-color-yellow-50: #b36f00;
    --dds-color-yellow-60: #a36100;
    --dds-color-yellow-70: #925400;
    --dds-color-yellow-80: #6d3a00;
    --dds-color-yellow-90: #442200;
    --dds-drop-shadow-blur-0: 0;
    --dds-drop-shadow-blur-1: 0.0625rem;
    --dds-drop-shadow-blur-10: 0.625rem;
    --dds-drop-shadow-blur-16: 1rem;
    --dds-drop-shadow-blur-2: 0.125rem;
    --dds-drop-shadow-blur-32: 2rem;
    --dds-drop-shadow-blur-4: 0.25rem;
    --dds-drop-shadow-blur-50: 3.125rem;
    --dds-drop-shadow-blur-8: 0.5rem;
    --dds-drop-shadow-blur-90: 5.625rem;
    --dds-drop-shadow-offset-0: 0;
    --dds-drop-shadow-offset-1: 0.0625rem;
    --dds-drop-shadow-offset-16: 1rem;
    --dds-drop-shadow-offset-2: 0.125rem;
    --dds-drop-shadow-offset-32: 2rem;
    --dds-drop-shadow-offset-4: 0.25rem;
    --dds-drop-shadow-offset-8: 0.5rem;
    --dds-drop-shadow-offset-negative1: -0.0625rem;
    --dds-drop-shadow-offset-negative16: -1rem;
    --dds-drop-shadow-offset-negative2: -0.125rem;
    --dds-drop-shadow-offset-negative32: -2rem;
    --dds-drop-shadow-offset-negative4: -0.25rem;
    --dds-drop-shadow-offset-negative8: -0.5rem;
    --dds-drop-shadow-spread-0: 0;
    --dds-drop-shadow-spread-2: 0.125rem;
    --dds-drop-shadow-spread-4: 0.25rem;
    --dds-drop-shadow-spread-negative2: -0.125rem;
    --dds-drop-shadow-spread-negative4: -0.25rem;
    --dds-font-family-roboto: Roboto;
    --dds-font-family-roboto-mono: Roboto Mono;
    --dds-font-line-height-12: 0.75rem;
    --dds-font-line-height-14: 0.875rem;
    --dds-font-line-height-16: 1rem;
    --dds-font-line-height-18: 1.125rem;
    --dds-font-line-height-20: 1.25rem;
    --dds-font-line-height-24: 1.5rem;
    --dds-font-line-height-28: 1.75rem;
    --dds-font-line-height-32: 2rem;
    --dds-font-line-height-36: 2.25rem;
    --dds-font-line-height-40: 2.5rem;
    --dds-font-line-height-48: 3rem;
    --dds-font-line-height-56: 3.5rem;
    --dds-font-line-height-64: 4rem;
    --dds-font-line-height-68: 4.25rem;
    --dds-font-line-height-72: 4.5rem;
    --dds-font-line-height-76: 4.75rem;
    --dds-font-line-height-80: 5rem;
    --dds-font-line-height-88: 5.5rem;
    --dds-font-size-10: 0.625rem;
    --dds-font-size-12: 0.75rem;
    --dds-font-size-14: 0.875rem;
    --dds-font-size-16: 1rem;
    --dds-font-size-20: 1.25rem;
    --dds-font-size-24: 1.5rem;
    --dds-font-size-32: 2rem;
    --dds-font-size-40: 2.5rem;
    --dds-font-size-48: 3rem;
    --dds-font-size-56: 3.5rem;
    --dds-font-size-64: 4rem;
    --dds-font-size-72: 4.5rem;
    --dds-font-size-9: 0.5625rem;
    --dds-font-weight-black: 900;
    --dds-font-weight-bold: 700;
    --dds-font-weight-extra-bold: 800;
    --dds-font-weight-extra-light: 200;
    --dds-font-weight-light: 300;
    --dds-font-weight-medium: 500;
    --dds-font-weight-regular: 400;
    --dds-font-weight-semi-bold: 600;
    --dds-font-weight-thin: 100;
    --dds-opacity-10: 0.1;
    --dds-opacity-30: 0.3;
    --dds-opacity-50: 0.5;
    --dds-opacity-80: 0.8;
    --dds-size-0: 0;
    --dds-size-1: 0.0625rem;
    --dds-size-112: 7rem;
    --dds-size-12: 0.75rem;
    --dds-size-120: 7.5rem;
    --dds-size-1200: 75rem;
    --dds-size-128: 8rem;
    --dds-size-14: 0.875rem;
    --dds-size-144: 9rem;
    --dds-size-16: 1rem;
    --dds-size-160: 10rem;
    --dds-size-176: 11rem;
    --dds-size-18: 1.125rem;
    --dds-size-2: 0.125rem;
    --dds-size-20: 1.25rem;
    --dds-size-24: 1.5rem;
    --dds-size-240: 15rem;
    --dds-size-28: 1.75rem;
    --dds-size-280: 17.5rem;
    --dds-size-288: 18rem;
    --dds-size-296: 18.5rem;
    --dds-size-300: 18.75rem;
    --dds-size-32: 2rem;
    --dds-size-320: 20rem;
    --dds-size-36: 2.25rem;
    --dds-size-360: 22.5rem;
    --dds-size-4: 0.25rem;
    --dds-size-40: 2.5rem;
    --dds-size-400: 25rem;
    --dds-size-44: 2.75rem;
    --dds-size-48: 3rem;
    --dds-size-480: 30rem;
    --dds-size-488: 30.5rem;
    --dds-size-496: 31rem;
    --dds-size-52: 3.25rem;
    --dds-size-56: 3.5rem;
    --dds-size-560: 35rem;
    --dds-size-6: 0.375rem;
    --dds-size-60: 3.75rem;
    --dds-size-64: 4rem;
    --dds-size-68: 4.25rem;
    --dds-size-72: 4.5rem;
    --dds-size-76: 4.75rem;
    --dds-size-767: 47.9375rem;
    --dds-size-8: 0.5rem;
    --dds-size-80: 5rem;
    --dds-size-800: 50rem;
    --dds-size-88: 5.5rem;
    --dds-size-920: 57.5rem;
    --dds-size-96: 6rem;
    --dds-size-960: 60rem;
    --dds-size-98: 6.125rem;
    --dds-size-9999: 624.9375rem;
    --dds-ai-color-berry-05: #f9dce9;
    --dds-ai-color-berry-10: #f3b0cd;
    --dds-ai-color-berry-20: #ec84b1;
    --dds-ai-color-berry-30: #e6609b;
    --dds-ai-color-berry-40: #df347f;
    --dds-ai-color-berry-50: #c61f68;
    --dds-ai-color-berry-60: #9f1953;
    --dds-ai-color-berry-70: #73123c;
    --dds-ai-color-berry-80: #4f0c2a;
    --dds-ai-color-berry-90: #2c0717;
    --dds-ai-color-berry-95: #1a040e;
    --dds-ai-color-green-05: #f0faf1;
    --dds-ai-color-green-10: #d1f0d4;
    --dds-ai-color-green-20: #b7e1bb;
    --dds-ai-color-green-30: #8ccf93;
    --dds-ai-color-green-40: #69b471;
    --dds-ai-color-green-50: #52a35a;
    --dds-ai-color-green-60: #44884b;
    --dds-ai-color-green-70: #336638;
    --dds-ai-color-green-80: #224425;
    --dds-ai-color-green-90: #142816;
    --dds-ai-color-green-95: #0a140b;
    --dds-ai-color-purple-05: #e6dcfa;
    --dds-ai-color-purple-10: #c6aff3;
    --dds-ai-color-purple-20: #ad8ced;
    --dds-ai-color-purple-30: #8d60e7;
    --dds-ai-color-purple-40: #6d33e0;
    --dds-ai-color-purple-50: #561fc4;
    --dds-ai-color-purple-60: #46189f;
    --dds-ai-color-purple-70: #321273;
    --dds-ai-color-purple-80: #230c50;
    --dds-ai-color-purple-90: #13072c;
    --dds-ai-color-purple-95: #0c041b;
    --dds-ai-color-red-05: #faf0f0;
    --dds-ai-color-red-10: #efd1d1;
    --dds-ai-color-red-20: #e5b3b3;
    --dds-ai-color-red-30: #d68585;
    --dds-ai-color-red-40: #c65858;
    --dds-ai-color-red-50: #b73e3e;
    --dds-ai-color-red-60: #983434;
    --dds-ai-color-red-70: #722727;
    --dds-ai-color-red-80: #4c1a1a;
    --dds-ai-color-red-90: #2e1010;
    --dds-ai-color-red-95: #170808;
    --dds-ai-color-slate-05: #f0f2fa;
    --dds-ai-color-slate-10: #d1d9f0;
    --dds-ai-color-slate-20: #b7c1e1;
    --dds-ai-color-slate-30: #8c9dcf;
    --dds-ai-color-slate-40: #697cb4;
    --dds-ai-color-slate-50: #5266a3;
    --dds-ai-color-slate-60: #445588;
    --dds-ai-color-slate-70: #334066;
    --dds-ai-color-slate-80: #222a44;
    --dds-ai-color-slate-90: #141928;
    --dds-ai-color-slate-95: #0a0e14;
    --dds-ai-color-yellow-05: #fff9e8;
    --dds-ai-color-yellow-10: #f7e7b6;
    --dds-ai-color-yellow-20: #ebd689;
    --dds-ai-color-yellow-30: #d8bc53;
    --dds-ai-color-yellow-40: #c8a339;
    --dds-ai-color-yellow-50: #b58921;
    --dds-ai-color-yellow-60: #8e6b19;
    --dds-ai-color-yellow-70: #6c5112;
    --dds-ai-color-yellow-80: #47350c;
    --dds-ai-color-yellow-90: #342709;
    --dds-ai-color-yellow-95: #1a1304;
    --dds-motion-duration-02: 0.2s;
    --dds-motion-duration-03: 0.3s;
    --dds-motion-duration-05: 0.5s;
    --dds-motion-easing-ease-out: ease-out;
    --dds-motion-easing-linear: linear;
  }
}
@layer semantic {
  :root,
  :host {
    --dds-border-radius-2xl: var(--dds-size-32);
    --dds-border-radius-lg: var(--dds-size-12);
    --dds-border-radius-md: var(--dds-size-8);
    --dds-border-radius-rounded: var(--dds-size-9999);
    --dds-border-radius-sm: var(--dds-size-4);
    --dds-border-radius-xl: var(--dds-size-16);
    --dds-border-radius-xs: var(--dds-size-2);
    --dds-border-width-lg: var(--dds-size-4);
    --dds-border-width-sm: var(--dds-size-2);
    --dds-border-width-xs: var(--dds-size-1);
    --dds-spacing-2xl: var(--dds-size-32);
    --dds-spacing-3xl: var(--dds-size-40);
    --dds-spacing-4xl: var(--dds-size-48);
    --dds-spacing-5xl: var(--dds-size-64);
    --dds-spacing-6xl: var(--dds-size-80);
    --dds-spacing-7xl: var(--dds-size-96);
    --dds-spacing-lg: var(--dds-size-16);
    --dds-spacing-md: var(--dds-size-12);
    --dds-spacing-sm: var(--dds-size-8);
    --dds-spacing-xl: var(--dds-size-24);
    --dds-spacing-xs: var(--dds-size-4);
    --dds-grid-gutter-comfy-2xl: var(--dds-size-32);
    --dds-grid-gutter-comfy-3xl: var(--dds-size-48);
    --dds-grid-gutter-comfy-4xl: var(--dds-size-56);
    --dds-grid-gutter-comfy-5xl: var(--dds-size-64);
    --dds-grid-gutter-comfy-lg: var(--dds-size-24);
    --dds-grid-gutter-comfy-md: var(--dds-size-24);
    --dds-grid-gutter-comfy-sm: var(--dds-size-24);
    --dds-grid-gutter-comfy-xl: var(--dds-size-24);
    --dds-grid-gutter-comfy-xs: var(--dds-size-24);
    --dds-grid-gutter-compact-2xl: var(--dds-size-16);
    --dds-grid-gutter-compact-3xl: var(--dds-size-24);
    --dds-grid-gutter-compact-4xl: var(--dds-size-32);
    --dds-grid-gutter-compact-5xl: var(--dds-size-40);
    --dds-grid-gutter-compact-lg: var(--dds-size-16);
    --dds-grid-gutter-compact-md: var(--dds-size-16);
    --dds-grid-gutter-compact-sm: var(--dds-size-8);
    --dds-grid-gutter-compact-xl: var(--dds-size-16);
    --dds-grid-gutter-compact-xs: var(--dds-size-8);
    --dds-grid-gutter-regular-2xl: var(--dds-size-24);
    --dds-grid-gutter-regular-3xl: var(--dds-size-32);
    --dds-grid-gutter-regular-4xl: var(--dds-size-40);
    --dds-grid-gutter-regular-5xl: var(--dds-size-48);
    --dds-grid-gutter-regular-lg: var(--dds-size-16);
    --dds-grid-gutter-regular-md: var(--dds-size-16);
    --dds-grid-gutter-regular-sm: var(--dds-size-16);
    --dds-grid-gutter-regular-xl: var(--dds-size-16);
    --dds-grid-gutter-regular-xs: var(--dds-size-16);
    --dds-ai-color-background-gradient-angle: 240deg;
    --dds-ai-color-background-gradient-position-color1: 1%;
    --dds-ai-color-background-gradient-position-color2: 50%;
    --dds-ai-color-background-gradient-position-color3: 98%;
    --dds-typography-body-1-line-height: var(--dds-font-line-height-36);
    --dds-typography-body-1-size: var(--dds-font-size-24);
    --dds-typography-body-1-weight-default: var(--dds-font-weight-regular);
    --dds-typography-body-1-weight-strong: var(--dds-font-weight-semi-bold);
    --dds-typography-body-2-line-height: var(--dds-font-line-height-24);
    --dds-typography-body-2-size: var(--dds-font-size-16);
    --dds-typography-body-2-weight-default: var(--dds-font-weight-regular);
    --dds-typography-body-2-weight-strong: var(--dds-font-weight-semi-bold);
    --dds-typography-body-3-line-height: var(--dds-font-line-height-20);
    --dds-typography-body-3-size: var(--dds-font-size-14);
    --dds-typography-body-3-weight-default: var(--dds-font-weight-regular);
    --dds-typography-body-3-weight-strong: var(--dds-font-weight-semi-bold);
    --dds-typography-body-4-line-height: var(--dds-font-line-height-20);
    --dds-typography-body-4-size: var(--dds-font-size-12);
    --dds-typography-body-4-weight-default: var(--dds-font-weight-regular);
    --dds-typography-body-4-weight-strong: var(--dds-font-weight-semi-bold);
    --dds-typography-body-5-line-height: var(--dds-font-line-height-12);
    --dds-typography-body-5-size: var(--dds-font-size-10);
    --dds-typography-body-5-weight-default: var(--dds-font-weight-regular);
    --dds-typography-body-5-weight-strong: var(--dds-font-weight-semi-bold);
    --dds-typography-body-6-line-height: var(--dds-font-line-height-14);
    --dds-typography-body-6-size: var(--dds-font-size-9);
    --dds-typography-body-6-weight-default: var(--dds-font-weight-regular);
    --dds-typography-body-6-weight-strong: var(--dds-font-weight-semi-bold);
    --dds-typography-caption-line-height: var(--dds-font-line-height-20);
    --dds-typography-caption-size: var(--dds-font-size-12);
    --dds-typography-caption-weight-default: var(--dds-font-weight-regular);
    --dds-typography-caption-weight-strong: var(--dds-font-weight-semi-bold);
    --dds-typography-display-1-line-height-compact: var(--dds-font-line-height-68);
    --dds-typography-display-1-line-height-default: var(--dds-font-line-height-88);
    --dds-typography-display-1-size-compact: var(--dds-font-size-56);
    --dds-typography-display-1-size-default: var(--dds-font-size-72);
    --dds-typography-display-1-weight-compact: var(--dds-font-weight-light);
    --dds-typography-display-1-weight-default: var(--dds-font-weight-light);
    --dds-typography-display-2-line-height-compact: var(--dds-font-line-height-56);
    --dds-typography-display-2-line-height-default: var(--dds-font-line-height-76);
    --dds-typography-display-2-size-compact: var(--dds-font-size-48);
    --dds-typography-display-2-size-default: var(--dds-font-size-64);
    --dds-typography-display-2-weight-compact: var(--dds-font-weight-light);
    --dds-typography-display-2-weight-default: var(--dds-font-weight-light);
    --dds-typography-display-3-line-height-compact: var(--dds-font-line-height-48);
    --dds-typography-display-3-line-height-default: var(--dds-font-line-height-68);
    --dds-typography-display-3-size-compact: var(--dds-font-size-40);
    --dds-typography-display-3-size-default: var(--dds-font-size-56);
    --dds-typography-display-3-weight-compact: var(--dds-font-weight-light);
    --dds-typography-display-3-weight-default: var(--dds-font-weight-light);
    --dds-typography-font-family-base: var(--dds-font-family-roboto);
    --dds-typography-font-family-code: var(--dds-font-family-roboto-mono);
    --dds-typography-heading-1-line-height-compact: var(--dds-font-line-height-48);
    --dds-typography-heading-1-line-height-default: var(--dds-font-line-height-56);
    --dds-typography-heading-1-size-compact: var(--dds-font-size-40);
    --dds-typography-heading-1-size-default: var(--dds-font-size-48);
    --dds-typography-heading-1-weight-compact: var(--dds-font-weight-light);
    --dds-typography-heading-1-weight-default: var(--dds-font-weight-light);
    --dds-typography-heading-2-line-height-compact: var(--dds-font-line-height-40);
    --dds-typography-heading-2-line-height-default: var(--dds-font-line-height-48);
    --dds-typography-heading-2-size-compact: var(--dds-font-size-32);
    --dds-typography-heading-2-size-default: var(--dds-font-size-40);
    --dds-typography-heading-2-weight-compact: var(--dds-font-weight-light);
    --dds-typography-heading-2-weight-default: var(--dds-font-weight-light);
    --dds-typography-heading-3-line-height-compact: var(--dds-font-line-height-32);
    --dds-typography-heading-3-line-height-default: var(--dds-font-line-height-40);
    --dds-typography-heading-3-size-compact: var(--dds-font-size-24);
    --dds-typography-heading-3-size-default: var(--dds-font-size-32);
    --dds-typography-heading-3-weight-compact: var(--dds-font-weight-regular);
    --dds-typography-heading-3-weight-default: var(--dds-font-weight-light);
    --dds-typography-heading-4-line-height-compact: var(--dds-font-line-height-28);
    --dds-typography-heading-4-line-height-default: var(--dds-font-line-height-32);
    --dds-typography-heading-4-size-compact: var(--dds-font-size-20);
    --dds-typography-heading-4-size-default: var(--dds-font-size-24);
    --dds-typography-heading-4-weight-compact: var(--dds-font-weight-regular);
    --dds-typography-heading-4-weight-default: var(--dds-font-weight-regular);
    --dds-typography-heading-5-line-height-compact: var(--dds-font-line-height-24);
    --dds-typography-heading-5-line-height-default: var(--dds-font-line-height-28);
    --dds-typography-heading-5-size-compact: var(--dds-font-size-16);
    --dds-typography-heading-5-size-default: var(--dds-font-size-20);
    --dds-typography-heading-5-weight-compact: var(--dds-font-weight-regular);
    --dds-typography-heading-5-weight-default: var(--dds-font-weight-regular);
    --dds-typography-heading-6-line-height-default: var(--dds-font-line-height-24);
    --dds-typography-heading-6-size-default: var(--dds-font-size-16);
    --dds-typography-heading-6-weight-default: var(--dds-font-weight-medium);
    --dds-typography-subtitle-1-line-height: var(--dds-font-line-height-36);
    --dds-typography-subtitle-1-size: var(--dds-font-size-24);
    --dds-typography-subtitle-1-weight-default: var(--dds-font-weight-regular);
    --dds-typography-subtitle-1-weight-strong: var(--dds-font-weight-bold);
    --dds-typography-subtitle-2-line-height: var(--dds-font-line-height-24);
    --dds-typography-subtitle-2-size: var(--dds-font-size-16);
    --dds-typography-subtitle-2-weight-default: var(--dds-font-weight-medium);
    --dds-typography-subtitle-2-weight-strong: var(--dds-font-weight-bold);
    --dds-font-family-base: var(--dds-font-family-roboto), "Cordia New", "Microsoft Sans Serif", "Utsaah", "Devanagari MT", "Nirmala UI", "Latha", "InaiMathi", "Gautami", "Telugu Sangam MN", "Tunga", "Kannada Sangam MN", "Kartika", "Malayalam Sangam MN", "Shruti", "Nirmala UI", "Gujarati MT", "Gujarati Sangam MN", "Vrinda", "Bangla Sangam MN", "Meiryo UI", "メイリオ", "MS UI Gothic Reg", "Hiragino Kaku Gothic Reg", "ヒラギノ角ゴ Pro W3 Reg", "Microsoft YaHei", "微软雅黑", "Hiragino Sans GB", "Microsoft JhengHei", "微軟正黑體", "Malgun Gothic", "맑은 고딕", "Gulim", "AppleGothic", "Apple LiGothic", "LiHei Pro", "Osaka", "STHeiti", "华文黑体", "STXihei", "华文细黑", "SimHei", "黑体", "Arial Unicode MS", "Arial", "sans-serif";
    --dds-font-family-code: sfmono-regular, menlo, monaco, consolas, Liberation Mono, Courier New, monospace;
  }
  :root,
  :host {
    --dds-color-background-brand-base-hover: var(--dds-color-blue-70);
    --dds-color-background-brand-base-pressed: var(--dds-color-blue-80);
    --dds-color-background-brand-base-rest: var(--dds-color-blue-60);
    --dds-color-background-brand-subtle-hover: var(--dds-color-blue-20);
    --dds-color-background-brand-subtle-pressed: var(--dds-color-blue-30);
    --dds-color-background-brand-subtle-rest: var(--dds-color-blue-10);
    --dds-color-background-error-base-hover: var(--dds-color-red-70);
    --dds-color-background-error-base-pressed: var(--dds-color-red-80);
    --dds-color-background-error-base-rest: var(--dds-color-red-60);
    --dds-color-background-error-subtle-hover: var(--dds-color-red-20);
    --dds-color-background-error-subtle-pressed: var(--dds-color-red-30);
    --dds-color-background-error-subtle-rest: var(--dds-color-red-10);
    --dds-color-background-info-base-hover: var(--dds-color-blue-70);
    --dds-color-background-info-base-pressed: var(--dds-color-blue-80);
    --dds-color-background-info-base-rest: var(--dds-color-blue-60);
    --dds-color-background-info-subtle-hover: var(--dds-color-blue-20);
    --dds-color-background-info-subtle-pressed: var(--dds-color-blue-30);
    --dds-color-background-info-subtle-rest: var(--dds-color-blue-10);
    --dds-color-background-neutral-base-hover: var(--dds-color-slate-70);
    --dds-color-background-neutral-base-pressed: var(--dds-color-slate-80);
    --dds-color-background-neutral-base-rest: var(--dds-color-slate-60);
    --dds-color-background-neutral-ghost-hover: rgba(64, 88, 109, 0.1);
    --dds-color-background-neutral-ghost-pressed: rgba(64, 88, 109, 0.2);
    --dds-color-background-neutral-ghost-rest: transparent;
    --dds-color-background-neutral-subtle-hover: var(--dds-color-slate-20);
    --dds-color-background-neutral-subtle-pressed: var(--dds-color-slate-30);
    --dds-color-background-neutral-subtle-rest: var(--dds-color-slate-10);
    --dds-color-background-success-base-hover: var(--dds-color-green-70);
    --dds-color-background-success-base-pressed: var(--dds-color-green-80);
    --dds-color-background-success-base-rest: var(--dds-color-green-60);
    --dds-color-background-success-subtle-hover: var(--dds-color-green-20);
    --dds-color-background-success-subtle-pressed: var(--dds-color-green-30);
    --dds-color-background-success-subtle-rest: var(--dds-color-green-10);
    --dds-color-background-surface-drop-shadow: rgba(0, 42, 88, 0.08);
    --dds-color-background-surface-inactive: var(--dds-color-gray-30);
    --dds-color-background-surface-inverse: var(--dds-color-slate-70);
    --dds-color-background-surface-neutral: var(--dds-color-neutral-white);
    --dds-color-background-surface-overlay: rgba(14, 14, 14, 0.4);
    --dds-color-background-surface-primary: var(--dds-color-neutral-white);
    --dds-color-background-surface-secondary: var(--dds-color-slate-10);
    --dds-color-background-surface-strong: var(--dds-color-slate-60);
    --dds-color-background-surface-tertiary: var(--dds-color-slate-20);
    --dds-color-background-surface-transparent: transparent;
    --dds-color-background-warning-base-hover: var(--dds-color-yellow-70);
    --dds-color-background-warning-base-pressed: var(--dds-color-yellow-60);
    --dds-color-background-warning-base-rest: var(--dds-color-yellow-80);
    --dds-color-background-warning-subtle-hover: var(--dds-color-yellow-20);
    --dds-color-background-warning-subtle-pressed: var(--dds-color-yellow-30);
    --dds-color-background-warning-subtle-rest: var(--dds-color-yellow-10);
    --dds-color-border-brand-base: var(--dds-color-blue-80);
    --dds-color-border-brand-subtle: var(--dds-color-blue-30);
    --dds-color-border-error-base: var(--dds-color-red-80);
    --dds-color-border-error-subtle: var(--dds-color-red-30);
    --dds-color-border-focus-ring1: var(--dds-color-neutral-white);
    --dds-color-border-focus-ring2: var(--dds-color-blue-80);
    --dds-color-border-inactive-base: var(--dds-color-gray-60);
    --dds-color-border-inactive-subtle: var(--dds-color-gray-30);
    --dds-color-border-info-base: var(--dds-color-blue-80);
    --dds-color-border-info-subtle: var(--dds-color-blue-30);
    --dds-color-border-neutral-base: var(--dds-color-slate-70);
    --dds-color-border-neutral-pale: var(--dds-color-slate-20);
    --dds-color-border-neutral-subtle: var(--dds-color-slate-45);
    --dds-color-border-success-base: var(--dds-color-green-80);
    --dds-color-border-success-subtle: var(--dds-color-green-30);
    --dds-color-border-warning-base: var(--dds-color-yellow-80);
    --dds-color-border-warning-subtle: var(--dds-color-yellow-30);
    --dds-color-text-brand: var(--dds-color-blue-60);
    --dds-color-text-brand-hover: var(--dds-color-blue-80);
    --dds-color-text-brand-pressed: var(--dds-color-blue-90);
    --dds-color-text-brand-rest: var(--dds-color-blue-70);
    --dds-color-text-error-hover: var(--dds-color-red-80);
    --dds-color-text-error-pressed: var(--dds-color-red-90);
    --dds-color-text-error-rest: var(--dds-color-red-70);
    --dds-color-text-inactive: var(--dds-color-gray-50);
    --dds-color-text-info-hover: var(--dds-color-blue-80);
    --dds-color-text-info-pressed: var(--dds-color-blue-90);
    --dds-color-text-info-rest: var(--dds-color-blue-70);
    --dds-color-text-neutral: var(--dds-color-neutral-white);
    --dds-color-text-neutral-hover: var(--dds-color-slate-80);
    --dds-color-text-neutral-pressed: var(--dds-color-slate-90);
    --dds-color-text-neutral-rest: var(--dds-color-slate-70);
    --dds-color-text-primary: var(--dds-color-slate-70);
    --dds-color-text-secondary: var(--dds-color-slate-60);
    --dds-color-text-success-hover: var(--dds-color-green-80);
    --dds-color-text-success-pressed: var(--dds-color-green-90);
    --dds-color-text-success-rest: var(--dds-color-green-70);
    --dds-color-text-tertiary: var(--dds-color-slate-45);
    --dds-color-text-warning-hover: var(--dds-color-yellow-80);
    --dds-color-text-warning-pressed: var(--dds-color-yellow-90);
    --dds-color-text-warning-rest: var(--dds-color-yellow-70);
    --dds-ai-color-background-error-base-hover: var(--dds-ai-color-red-30);
    --dds-ai-color-background-error-base-pressed: var(--dds-ai-color-red-60);
    --dds-ai-color-background-error-base-rest: var(--dds-ai-color-red-50);
    --dds-ai-color-background-gradient-base-hover-color1: var(--dds-ai-color-berry-40);
    --dds-ai-color-background-gradient-base-hover-color2: var(--dds-ai-color-purple-40);
    --dds-ai-color-background-gradient-base-hover-color3: var(--dds-color-blue-40);
    --dds-ai-color-background-gradient-base-inactive-color1: var(--dds-ai-color-berry-20);
    --dds-ai-color-background-gradient-base-inactive-color2: var(--dds-ai-color-purple-20);
    --dds-ai-color-background-gradient-base-inactive-color3: var(--dds-color-blue-20);
    --dds-ai-color-background-gradient-base-pressed-color1: var(--dds-ai-color-berry-60);
    --dds-ai-color-background-gradient-base-pressed-color2: var(--dds-ai-color-purple-60);
    --dds-ai-color-background-gradient-base-pressed-color3: var(--dds-color-blue-60);
    --dds-ai-color-background-gradient-base-rest-color1: var(--dds-ai-color-berry-50);
    --dds-ai-color-background-gradient-base-rest-color2: var(--dds-ai-color-purple-50);
    --dds-ai-color-background-gradient-base-rest-color3: var(--dds-color-blue-50);
    --dds-ai-color-background-gradient-subtle-hover-color1: var(--dds-ai-color-berry-05);
    --dds-ai-color-background-gradient-subtle-hover-color2: var(--dds-ai-color-purple-05);
    --dds-ai-color-background-gradient-subtle-hover-color3: var(--dds-color-blue-10);
    --dds-ai-color-background-gradient-subtle-pressed-color1: var(--dds-ai-color-berry-20);
    --dds-ai-color-background-gradient-subtle-pressed-color2: var(--dds-ai-color-purple-20);
    --dds-ai-color-background-gradient-subtle-pressed-color3: var(--dds-color-blue-20);
    --dds-ai-color-background-neutral-base-hover: var(--dds-ai-color-slate-40);
    --dds-ai-color-background-neutral-base-pressed: var(--dds-ai-color-slate-60);
    --dds-ai-color-background-neutral-base-rest: var(--dds-ai-color-slate-50);
    --dds-ai-color-background-neutral-ghost-hover: rgba(82, 102, 163, 0.1);
    --dds-ai-color-background-neutral-ghost-pressed: rgba(82, 102, 163, 0.2);
    --dds-ai-color-background-neutral-ghost-rest: transparent;
    --dds-ai-color-background-neutral-subtle-hover: var(--dds-ai-color-slate-10);
    --dds-ai-color-background-neutral-subtle-pressed: var(--dds-ai-color-slate-20);
    --dds-ai-color-background-neutral-subtle-rest: var(--dds-ai-color-slate-05);
    --dds-ai-color-background-success-base-hover: var(--dds-ai-color-green-40);
    --dds-ai-color-background-success-base-pressed: var(--dds-ai-color-green-60);
    --dds-ai-color-background-success-base-rest: var(--dds-ai-color-green-50);
    --dds-ai-color-background-surface-inactive: var(--dds-color-gray-30);
    --dds-ai-color-background-surface-primary: var(--dds-ai-color-slate-05);
    --dds-ai-color-background-surface-secondary: var(--dds-ai-color-slate-10);
    --dds-ai-color-background-surface-tertiary: var(--dds-ai-color-slate-20);
    --dds-ai-color-border-error-base: var(--dds-ai-color-red-50);
    --dds-ai-color-border-focus-base-ring1: var(--dds-ai-color-slate-05);
    --dds-ai-color-border-focus-base-ring2: var(--dds-ai-color-purple-40);
    --dds-ai-color-border-focus-neutral: var(--dds-ai-color-slate-60);
    --dds-ai-color-border-focus-neutral-subtle: var(--dds-color-neutral-white);
    --dds-ai-color-border-gradient-base-color1: var(--dds-ai-color-berry-50);
    --dds-ai-color-border-gradient-base-color2: var(--dds-ai-color-purple-50);
    --dds-ai-color-border-gradient-base-color3: var(--dds-color-blue-50);
    --dds-ai-color-border-gradient-inactive-color1: var(--dds-ai-color-berry-20);
    --dds-ai-color-border-gradient-inactive-color2: var(--dds-ai-color-purple-20);
    --dds-ai-color-border-gradient-inactive-color3: var(--dds-color-blue-20);
    --dds-ai-color-border-neutral-base: var(--dds-ai-color-slate-20);
    --dds-ai-color-border-neutral-inactive: var(--dds-color-gray-40);
    --dds-ai-color-border-neutral-pale: var(--dds-ai-color-slate-05);
    --dds-ai-color-border-neutral-subtle: var(--dds-ai-color-slate-10);
    --dds-ai-color-border-success-base: var(--dds-ai-color-green-50);
    --dds-ai-color-text-error: var(--dds-ai-color-red-50);
    --dds-ai-color-text-gradient-color1: var(--dds-ai-color-berry-50);
    --dds-ai-color-text-gradient-color2: var(--dds-ai-color-purple-50);
    --dds-ai-color-text-gradient-color3: var(--dds-color-blue-50);
    --dds-ai-color-text-inactive: var(--dds-color-gray-50);
    --dds-ai-color-text-neutral-hover: var(--dds-ai-color-slate-70);
    --dds-ai-color-text-neutral-pressed: var(--dds-ai-color-slate-80);
    --dds-ai-color-text-neutral-rest: var(--dds-ai-color-slate-60);
    --dds-ai-color-text-neutral-strong-hover: var(--dds-ai-color-slate-90);
    --dds-ai-color-text-neutral-strong-pressed: var(--dds-ai-color-slate-95);
    --dds-ai-color-text-neutral-strong-rest: var(--dds-ai-color-slate-80);
    --dds-ai-color-text-primary: var(--dds-ai-color-slate-80);
    --dds-ai-color-text-secondary: var(--dds-ai-color-slate-60);
    --dds-ai-color-text-success: var(--dds-ai-color-green-50);
    --dds-ai-color-text-tertiary: var(--dds-ai-color-slate-50);
  }
  @media screen and (prefers-color-scheme: dark) {
    :root,
    :host {
      --dds-color-background-brand-base-hover: var(--dds-color-blue-60);
      --dds-color-background-brand-base-pressed: var(--dds-color-blue-70);
      --dds-color-background-brand-base-rest: var(--dds-color-blue-50);
      --dds-color-background-brand-subtle-hover: var(--dds-color-blue-80);
      --dds-color-background-brand-subtle-pressed: var(--dds-color-blue-70);
      --dds-color-background-brand-subtle-rest: var(--dds-color-blue-90);
      --dds-color-background-error-base-hover: var(--dds-color-red-60);
      --dds-color-background-error-base-pressed: var(--dds-color-red-70);
      --dds-color-background-error-base-rest: var(--dds-color-red-50);
      --dds-color-background-error-subtle-hover: var(--dds-color-red-80);
      --dds-color-background-error-subtle-pressed: var(--dds-color-red-70);
      --dds-color-background-error-subtle-rest: var(--dds-color-red-90);
      --dds-color-background-info-base-hover: var(--dds-color-blue-60);
      --dds-color-background-info-base-pressed: var(--dds-color-blue-70);
      --dds-color-background-info-base-rest: var(--dds-color-blue-50);
      --dds-color-background-info-subtle-hover: var(--dds-color-blue-80);
      --dds-color-background-info-subtle-pressed: var(--dds-color-blue-70);
      --dds-color-background-info-subtle-rest: var(--dds-color-blue-90);
      --dds-color-background-neutral-base-hover: var(--dds-color-slate-40);
      --dds-color-background-neutral-base-pressed: var(--dds-color-slate-45);
      --dds-color-background-neutral-base-rest: var(--dds-color-slate-30);
      --dds-color-background-neutral-ghost-hover: rgba(64, 88, 109, 0.2);
      --dds-color-background-neutral-ghost-pressed: rgba(64, 88, 109, 0.3);
      --dds-color-background-neutral-ghost-rest: transparent;
      --dds-color-background-neutral-subtle-hover: var(--dds-color-slate-50);
      --dds-color-background-neutral-subtle-pressed: var(--dds-color-slate-45);
      --dds-color-background-neutral-subtle-rest: var(--dds-color-slate-60);
      --dds-color-background-success-base-hover: var(--dds-color-green-60);
      --dds-color-background-success-base-pressed: var(--dds-color-green-70);
      --dds-color-background-success-base-rest: var(--dds-color-green-50);
      --dds-color-background-success-subtle-hover: var(--dds-color-green-70);
      --dds-color-background-success-subtle-pressed: var(--dds-color-green-60);
      --dds-color-background-success-subtle-rest: var(--dds-color-green-90);
      --dds-color-background-surface-drop-shadow: rgba(0, 0, 0, 0.08);
      --dds-color-background-surface-inactive: var(--dds-color-gray-90);
      --dds-color-background-surface-inverse: var(--dds-color-neutral-white);
      --dds-color-background-surface-neutral: var(--dds-color-slate-80);
      --dds-color-background-surface-overlay: rgba(14, 14, 14, 0.4);
      --dds-color-background-surface-primary: var(--dds-color-slate-80);
      --dds-color-background-surface-secondary: var(--dds-color-slate-70);
      --dds-color-background-surface-strong: var(--dds-color-slate-40);
      --dds-color-background-surface-tertiary: var(--dds-color-slate-60);
      --dds-color-background-surface-transparent: transparent;
      --dds-color-background-warning-base-hover: var(--dds-color-yellow-60);
      --dds-color-background-warning-base-pressed: var(--dds-color-yellow-70);
      --dds-color-background-warning-base-rest: var(--dds-color-yellow-50);
      --dds-color-background-warning-subtle-hover: var(--dds-color-yellow-80);
      --dds-color-background-warning-subtle-pressed: var(--dds-color-yellow-70);
      --dds-color-background-warning-subtle-rest: var(--dds-color-yellow-90);
      --dds-color-border-brand-base: var(--dds-color-blue-40);
      --dds-color-border-brand-subtle: var(--dds-color-blue-40);
      --dds-color-border-error-base: var(--dds-color-red-50);
      --dds-color-border-error-subtle: var(--dds-color-red-40);
      --dds-color-border-focus-ring1: var(--dds-color-slate-90);
      --dds-color-border-focus-ring2: var(--dds-color-blue-20);
      --dds-color-border-inactive-base: var(--dds-color-gray-60);
      --dds-color-border-inactive-subtle: var(--dds-color-gray-30);
      --dds-color-border-info-base: var(--dds-color-blue-40);
      --dds-color-border-info-subtle: var(--dds-color-blue-40);
      --dds-color-border-neutral-base: var(--dds-color-slate-30);
      --dds-color-border-neutral-pale: var(--dds-color-slate-60);
      --dds-color-border-neutral-subtle: var(--dds-color-slate-40);
      --dds-color-border-success-base: var(--dds-color-green-50);
      --dds-color-border-success-subtle: var(--dds-color-green-40);
      --dds-color-border-warning-base: var(--dds-color-yellow-50);
      --dds-color-border-warning-subtle: var(--dds-color-yellow-50);
      --dds-color-text-brand: var(--dds-color-blue-60);
      --dds-color-text-brand-hover: var(--dds-color-blue-20);
      --dds-color-text-brand-pressed: var(--dds-color-blue-10);
      --dds-color-text-brand-rest: var(--dds-color-blue-30);
      --dds-color-text-error-hover: var(--dds-color-red-20);
      --dds-color-text-error-pressed: var(--dds-color-red-10);
      --dds-color-text-error-rest: var(--dds-color-red-30);
      --dds-color-text-inactive: var(--dds-color-gray-60);
      --dds-color-text-info-hover: var(--dds-color-blue-20);
      --dds-color-text-info-pressed: var(--dds-color-blue-10);
      --dds-color-text-info-rest: var(--dds-color-blue-30);
      --dds-color-text-neutral: var(--dds-color-neutral-black);
      --dds-color-text-neutral-hover: var(--dds-color-slate-20);
      --dds-color-text-neutral-pressed: var(--dds-color-slate-10);
      --dds-color-text-neutral-rest: var(--dds-color-slate-30);
      --dds-color-text-primary: var(--dds-color-slate-10);
      --dds-color-text-secondary: var(--dds-color-slate-20);
      --dds-color-text-success-hover: var(--dds-color-green-20);
      --dds-color-text-success-pressed: var(--dds-color-green-10);
      --dds-color-text-success-rest: var(--dds-color-green-30);
      --dds-color-text-tertiary: var(--dds-color-slate-30);
      --dds-color-text-warning-hover: var(--dds-color-yellow-20);
      --dds-color-text-warning-pressed: var(--dds-color-yellow-10);
      --dds-color-text-warning-rest: var(--dds-color-yellow-30);
      --dds-ai-color-background-error-base-hover: var(--dds-ai-color-red-60);
      --dds-ai-color-background-error-base-pressed: var(--dds-ai-color-red-50);
      --dds-ai-color-background-error-base-rest: var(--dds-ai-color-red-70);
      --dds-ai-color-background-gradient-base-hover-color1: var(--dds-ai-color-berry-40);
      --dds-ai-color-background-gradient-base-hover-color2: var(--dds-ai-color-purple-40);
      --dds-ai-color-background-gradient-base-hover-color3: var(--dds-color-blue-40);
      --dds-ai-color-background-gradient-base-inactive-color1: var(--dds-ai-color-berry-20);
      --dds-ai-color-background-gradient-base-inactive-color2: var(--dds-ai-color-purple-20);
      --dds-ai-color-background-gradient-base-inactive-color3: var(--dds-color-blue-20);
      --dds-ai-color-background-gradient-base-pressed-color1: var(--dds-ai-color-berry-60);
      --dds-ai-color-background-gradient-base-pressed-color2: var(--dds-ai-color-purple-60);
      --dds-ai-color-background-gradient-base-pressed-color3: var(--dds-color-blue-60);
      --dds-ai-color-background-gradient-base-rest-color1: var(--dds-ai-color-berry-50);
      --dds-ai-color-background-gradient-base-rest-color2: var(--dds-ai-color-purple-50);
      --dds-ai-color-background-gradient-base-rest-color3: var(--dds-color-blue-50);
      --dds-ai-color-background-gradient-subtle-hover-color1: var(--dds-ai-color-berry-05);
      --dds-ai-color-background-gradient-subtle-hover-color2: var(--dds-ai-color-purple-05);
      --dds-ai-color-background-gradient-subtle-hover-color3: var(--dds-color-blue-10);
      --dds-ai-color-background-gradient-subtle-pressed-color1: var(--dds-ai-color-berry-20);
      --dds-ai-color-background-gradient-subtle-pressed-color2: var(--dds-ai-color-purple-20);
      --dds-ai-color-background-gradient-subtle-pressed-color3: var(--dds-color-blue-20);
      --dds-ai-color-background-neutral-base-hover: var(--dds-ai-color-slate-60);
      --dds-ai-color-background-neutral-base-pressed: var(--dds-ai-color-slate-70);
      --dds-ai-color-background-neutral-base-rest: var(--dds-ai-color-slate-50);
      --dds-ai-color-background-neutral-ghost-hover: rgba(82, 102, 163, 0.2);
      --dds-ai-color-background-neutral-ghost-pressed: rgba(82, 102, 163, 0.3);
      --dds-ai-color-background-neutral-ghost-rest: transparent;
      --dds-ai-color-background-neutral-subtle-hover: var(--dds-ai-color-slate-80);
      --dds-ai-color-background-neutral-subtle-pressed: var(--dds-ai-color-slate-70);
      --dds-ai-color-background-neutral-subtle-rest: var(--dds-ai-color-slate-90);
      --dds-ai-color-background-success-base-hover: var(--dds-ai-color-green-70);
      --dds-ai-color-background-success-base-pressed: var(--dds-ai-color-green-60);
      --dds-ai-color-background-success-base-rest: var(--dds-ai-color-green-80);
      --dds-ai-color-background-surface-inactive: var(--dds-color-gray-30);
      --dds-ai-color-background-surface-primary: var(--dds-ai-color-slate-90);
      --dds-ai-color-background-surface-secondary: var(--dds-ai-color-slate-80);
      --dds-ai-color-background-surface-tertiary: var(--dds-ai-color-slate-70);
      --dds-ai-color-border-error-base: var(--dds-ai-color-red-50);
      --dds-ai-color-border-focus-base-ring1: var(--dds-ai-color-slate-05);
      --dds-ai-color-border-focus-base-ring2: var(--dds-ai-color-purple-40);
      --dds-ai-color-border-focus-neutral: var(--dds-color-neutral-white);
      --dds-ai-color-border-focus-neutral-subtle: var(--dds-color-neutral-white);
      --dds-ai-color-border-gradient-base-color1: var(--dds-ai-color-berry-50);
      --dds-ai-color-border-gradient-base-color2: var(--dds-ai-color-purple-50);
      --dds-ai-color-border-gradient-base-color3: var(--dds-color-blue-50);
      --dds-ai-color-border-gradient-inactive-color1: var(--dds-ai-color-berry-20);
      --dds-ai-color-border-gradient-inactive-color2: var(--dds-ai-color-purple-20);
      --dds-ai-color-border-gradient-inactive-color3: var(--dds-color-blue-20);
      --dds-ai-color-border-neutral-base: var(--dds-ai-color-slate-30);
      --dds-ai-color-border-neutral-inactive: var(--dds-color-gray-40);
      --dds-ai-color-border-neutral-pale: var(--dds-ai-color-slate-10);
      --dds-ai-color-border-neutral-subtle: var(--dds-ai-color-slate-20);
      --dds-ai-color-border-success-base: var(--dds-ai-color-green-50);
      --dds-ai-color-text-error: var(--dds-ai-color-red-40);
      --dds-ai-color-text-gradient-color1: var(--dds-ai-color-berry-50);
      --dds-ai-color-text-gradient-color2: var(--dds-ai-color-purple-50);
      --dds-ai-color-text-gradient-color3: var(--dds-color-blue-50);
      --dds-ai-color-text-inactive: var(--dds-color-gray-50);
      --dds-ai-color-text-neutral-hover: var(--dds-ai-color-slate-10);
      --dds-ai-color-text-neutral-pressed: var(--dds-ai-color-slate-30);
      --dds-ai-color-text-neutral-rest: var(--dds-ai-color-slate-05);
      --dds-ai-color-text-neutral-strong-hover: var(--dds-ai-color-slate-20);
      --dds-ai-color-text-neutral-strong-pressed: var(--dds-ai-color-slate-30);
      --dds-ai-color-text-neutral-strong-rest: var(--dds-ai-color-slate-10);
      --dds-ai-color-text-primary: var(--dds-ai-color-slate-05);
      --dds-ai-color-text-secondary: var(--dds-ai-color-slate-10);
      --dds-ai-color-text-success: var(--dds-ai-color-green-30);
      --dds-ai-color-text-tertiary: var(--dds-ai-color-slate-20);
    }
  }
  .dds--light-mode {
    --dds-color-background-brand-base-hover: var(--dds-color-blue-70);
    --dds-color-background-brand-base-pressed: var(--dds-color-blue-80);
    --dds-color-background-brand-base-rest: var(--dds-color-blue-60);
    --dds-color-background-brand-subtle-hover: var(--dds-color-blue-20);
    --dds-color-background-brand-subtle-pressed: var(--dds-color-blue-30);
    --dds-color-background-brand-subtle-rest: var(--dds-color-blue-10);
    --dds-color-background-error-base-hover: var(--dds-color-red-70);
    --dds-color-background-error-base-pressed: var(--dds-color-red-80);
    --dds-color-background-error-base-rest: var(--dds-color-red-60);
    --dds-color-background-error-subtle-hover: var(--dds-color-red-20);
    --dds-color-background-error-subtle-pressed: var(--dds-color-red-30);
    --dds-color-background-error-subtle-rest: var(--dds-color-red-10);
    --dds-color-background-info-base-hover: var(--dds-color-blue-70);
    --dds-color-background-info-base-pressed: var(--dds-color-blue-80);
    --dds-color-background-info-base-rest: var(--dds-color-blue-60);
    --dds-color-background-info-subtle-hover: var(--dds-color-blue-20);
    --dds-color-background-info-subtle-pressed: var(--dds-color-blue-30);
    --dds-color-background-info-subtle-rest: var(--dds-color-blue-10);
    --dds-color-background-neutral-base-hover: var(--dds-color-slate-70);
    --dds-color-background-neutral-base-pressed: var(--dds-color-slate-80);
    --dds-color-background-neutral-base-rest: var(--dds-color-slate-60);
    --dds-color-background-neutral-ghost-hover: rgba(64, 88, 109, 0.1);
    --dds-color-background-neutral-ghost-pressed: rgba(64, 88, 109, 0.2);
    --dds-color-background-neutral-ghost-rest: transparent;
    --dds-color-background-neutral-subtle-hover: var(--dds-color-slate-20);
    --dds-color-background-neutral-subtle-pressed: var(--dds-color-slate-30);
    --dds-color-background-neutral-subtle-rest: var(--dds-color-slate-10);
    --dds-color-background-success-base-hover: var(--dds-color-green-70);
    --dds-color-background-success-base-pressed: var(--dds-color-green-80);
    --dds-color-background-success-base-rest: var(--dds-color-green-60);
    --dds-color-background-success-subtle-hover: var(--dds-color-green-20);
    --dds-color-background-success-subtle-pressed: var(--dds-color-green-30);
    --dds-color-background-success-subtle-rest: var(--dds-color-green-10);
    --dds-color-background-surface-drop-shadow: rgba(0, 42, 88, 0.08);
    --dds-color-background-surface-inactive: var(--dds-color-gray-30);
    --dds-color-background-surface-inverse: var(--dds-color-slate-70);
    --dds-color-background-surface-neutral: var(--dds-color-neutral-white);
    --dds-color-background-surface-overlay: rgba(14, 14, 14, 0.4);
    --dds-color-background-surface-primary: var(--dds-color-neutral-white);
    --dds-color-background-surface-secondary: var(--dds-color-slate-10);
    --dds-color-background-surface-strong: var(--dds-color-slate-60);
    --dds-color-background-surface-tertiary: var(--dds-color-slate-20);
    --dds-color-background-surface-transparent: transparent;
    --dds-color-background-warning-base-hover: var(--dds-color-yellow-70);
    --dds-color-background-warning-base-pressed: var(--dds-color-yellow-60);
    --dds-color-background-warning-base-rest: var(--dds-color-yellow-80);
    --dds-color-background-warning-subtle-hover: var(--dds-color-yellow-20);
    --dds-color-background-warning-subtle-pressed: var(--dds-color-yellow-30);
    --dds-color-background-warning-subtle-rest: var(--dds-color-yellow-10);
    --dds-color-border-brand-base: var(--dds-color-blue-80);
    --dds-color-border-brand-subtle: var(--dds-color-blue-30);
    --dds-color-border-error-base: var(--dds-color-red-80);
    --dds-color-border-error-subtle: var(--dds-color-red-30);
    --dds-color-border-focus-ring1: var(--dds-color-neutral-white);
    --dds-color-border-focus-ring2: var(--dds-color-blue-80);
    --dds-color-border-inactive-base: var(--dds-color-gray-60);
    --dds-color-border-inactive-subtle: var(--dds-color-gray-30);
    --dds-color-border-info-base: var(--dds-color-blue-80);
    --dds-color-border-info-subtle: var(--dds-color-blue-30);
    --dds-color-border-neutral-base: var(--dds-color-slate-70);
    --dds-color-border-neutral-pale: var(--dds-color-slate-20);
    --dds-color-border-neutral-subtle: var(--dds-color-slate-45);
    --dds-color-border-success-base: var(--dds-color-green-80);
    --dds-color-border-success-subtle: var(--dds-color-green-30);
    --dds-color-border-warning-base: var(--dds-color-yellow-80);
    --dds-color-border-warning-subtle: var(--dds-color-yellow-30);
    --dds-color-text-brand: var(--dds-color-blue-60);
    --dds-color-text-brand-hover: var(--dds-color-blue-80);
    --dds-color-text-brand-pressed: var(--dds-color-blue-90);
    --dds-color-text-brand-rest: var(--dds-color-blue-70);
    --dds-color-text-error-hover: var(--dds-color-red-80);
    --dds-color-text-error-pressed: var(--dds-color-red-90);
    --dds-color-text-error-rest: var(--dds-color-red-70);
    --dds-color-text-inactive: var(--dds-color-gray-50);
    --dds-color-text-info-hover: var(--dds-color-blue-80);
    --dds-color-text-info-pressed: var(--dds-color-blue-90);
    --dds-color-text-info-rest: var(--dds-color-blue-70);
    --dds-color-text-neutral: var(--dds-color-neutral-white);
    --dds-color-text-neutral-hover: var(--dds-color-slate-80);
    --dds-color-text-neutral-pressed: var(--dds-color-slate-90);
    --dds-color-text-neutral-rest: var(--dds-color-slate-70);
    --dds-color-text-primary: var(--dds-color-slate-70);
    --dds-color-text-secondary: var(--dds-color-slate-60);
    --dds-color-text-success-hover: var(--dds-color-green-80);
    --dds-color-text-success-pressed: var(--dds-color-green-90);
    --dds-color-text-success-rest: var(--dds-color-green-70);
    --dds-color-text-tertiary: var(--dds-color-slate-45);
    --dds-color-text-warning-hover: var(--dds-color-yellow-80);
    --dds-color-text-warning-pressed: var(--dds-color-yellow-90);
    --dds-color-text-warning-rest: var(--dds-color-yellow-70);
    --dds-ai-color-background-error-base-hover: var(--dds-ai-color-red-30);
    --dds-ai-color-background-error-base-pressed: var(--dds-ai-color-red-60);
    --dds-ai-color-background-error-base-rest: var(--dds-ai-color-red-50);
    --dds-ai-color-background-gradient-base-hover-color1: var(--dds-ai-color-berry-40);
    --dds-ai-color-background-gradient-base-hover-color2: var(--dds-ai-color-purple-40);
    --dds-ai-color-background-gradient-base-hover-color3: var(--dds-color-blue-40);
    --dds-ai-color-background-gradient-base-inactive-color1: var(--dds-ai-color-berry-20);
    --dds-ai-color-background-gradient-base-inactive-color2: var(--dds-ai-color-purple-20);
    --dds-ai-color-background-gradient-base-inactive-color3: var(--dds-color-blue-20);
    --dds-ai-color-background-gradient-base-pressed-color1: var(--dds-ai-color-berry-60);
    --dds-ai-color-background-gradient-base-pressed-color2: var(--dds-ai-color-purple-60);
    --dds-ai-color-background-gradient-base-pressed-color3: var(--dds-color-blue-60);
    --dds-ai-color-background-gradient-base-rest-color1: var(--dds-ai-color-berry-50);
    --dds-ai-color-background-gradient-base-rest-color2: var(--dds-ai-color-purple-50);
    --dds-ai-color-background-gradient-base-rest-color3: var(--dds-color-blue-50);
    --dds-ai-color-background-gradient-subtle-hover-color1: var(--dds-ai-color-berry-05);
    --dds-ai-color-background-gradient-subtle-hover-color2: var(--dds-ai-color-purple-05);
    --dds-ai-color-background-gradient-subtle-hover-color3: var(--dds-color-blue-10);
    --dds-ai-color-background-gradient-subtle-pressed-color1: var(--dds-ai-color-berry-20);
    --dds-ai-color-background-gradient-subtle-pressed-color2: var(--dds-ai-color-purple-20);
    --dds-ai-color-background-gradient-subtle-pressed-color3: var(--dds-color-blue-20);
    --dds-ai-color-background-neutral-base-hover: var(--dds-ai-color-slate-40);
    --dds-ai-color-background-neutral-base-pressed: var(--dds-ai-color-slate-60);
    --dds-ai-color-background-neutral-base-rest: var(--dds-ai-color-slate-50);
    --dds-ai-color-background-neutral-ghost-hover: rgba(82, 102, 163, 0.1);
    --dds-ai-color-background-neutral-ghost-pressed: rgba(82, 102, 163, 0.2);
    --dds-ai-color-background-neutral-ghost-rest: transparent;
    --dds-ai-color-background-neutral-subtle-hover: var(--dds-ai-color-slate-10);
    --dds-ai-color-background-neutral-subtle-pressed: var(--dds-ai-color-slate-20);
    --dds-ai-color-background-neutral-subtle-rest: var(--dds-ai-color-slate-05);
    --dds-ai-color-background-success-base-hover: var(--dds-ai-color-green-40);
    --dds-ai-color-background-success-base-pressed: var(--dds-ai-color-green-60);
    --dds-ai-color-background-success-base-rest: var(--dds-ai-color-green-50);
    --dds-ai-color-background-surface-inactive: var(--dds-color-gray-30);
    --dds-ai-color-background-surface-primary: var(--dds-ai-color-slate-05);
    --dds-ai-color-background-surface-secondary: var(--dds-ai-color-slate-10);
    --dds-ai-color-background-surface-tertiary: var(--dds-ai-color-slate-20);
    --dds-ai-color-border-error-base: var(--dds-ai-color-red-50);
    --dds-ai-color-border-focus-base-ring1: var(--dds-ai-color-slate-05);
    --dds-ai-color-border-focus-base-ring2: var(--dds-ai-color-purple-40);
    --dds-ai-color-border-focus-neutral: var(--dds-ai-color-slate-60);
    --dds-ai-color-border-focus-neutral-subtle: var(--dds-color-neutral-white);
    --dds-ai-color-border-gradient-base-color1: var(--dds-ai-color-berry-50);
    --dds-ai-color-border-gradient-base-color2: var(--dds-ai-color-purple-50);
    --dds-ai-color-border-gradient-base-color3: var(--dds-color-blue-50);
    --dds-ai-color-border-gradient-inactive-color1: var(--dds-ai-color-berry-20);
    --dds-ai-color-border-gradient-inactive-color2: var(--dds-ai-color-purple-20);
    --dds-ai-color-border-gradient-inactive-color3: var(--dds-color-blue-20);
    --dds-ai-color-border-neutral-base: var(--dds-ai-color-slate-20);
    --dds-ai-color-border-neutral-inactive: var(--dds-color-gray-40);
    --dds-ai-color-border-neutral-pale: var(--dds-ai-color-slate-05);
    --dds-ai-color-border-neutral-subtle: var(--dds-ai-color-slate-10);
    --dds-ai-color-border-success-base: var(--dds-ai-color-green-50);
    --dds-ai-color-text-error: var(--dds-ai-color-red-50);
    --dds-ai-color-text-gradient-color1: var(--dds-ai-color-berry-50);
    --dds-ai-color-text-gradient-color2: var(--dds-ai-color-purple-50);
    --dds-ai-color-text-gradient-color3: var(--dds-color-blue-50);
    --dds-ai-color-text-inactive: var(--dds-color-gray-50);
    --dds-ai-color-text-neutral-hover: var(--dds-ai-color-slate-70);
    --dds-ai-color-text-neutral-pressed: var(--dds-ai-color-slate-80);
    --dds-ai-color-text-neutral-rest: var(--dds-ai-color-slate-60);
    --dds-ai-color-text-neutral-strong-hover: var(--dds-ai-color-slate-90);
    --dds-ai-color-text-neutral-strong-pressed: var(--dds-ai-color-slate-95);
    --dds-ai-color-text-neutral-strong-rest: var(--dds-ai-color-slate-80);
    --dds-ai-color-text-primary: var(--dds-ai-color-slate-80);
    --dds-ai-color-text-secondary: var(--dds-ai-color-slate-60);
    --dds-ai-color-text-success: var(--dds-ai-color-green-50);
    --dds-ai-color-text-tertiary: var(--dds-ai-color-slate-50);
  }
  .dds--dark-mode {
    --dds-color-background-brand-base-hover: var(--dds-color-blue-60);
    --dds-color-background-brand-base-pressed: var(--dds-color-blue-70);
    --dds-color-background-brand-base-rest: var(--dds-color-blue-50);
    --dds-color-background-brand-subtle-hover: var(--dds-color-blue-80);
    --dds-color-background-brand-subtle-pressed: var(--dds-color-blue-70);
    --dds-color-background-brand-subtle-rest: var(--dds-color-blue-90);
    --dds-color-background-error-base-hover: var(--dds-color-red-60);
    --dds-color-background-error-base-pressed: var(--dds-color-red-70);
    --dds-color-background-error-base-rest: var(--dds-color-red-50);
    --dds-color-background-error-subtle-hover: var(--dds-color-red-80);
    --dds-color-background-error-subtle-pressed: var(--dds-color-red-70);
    --dds-color-background-error-subtle-rest: var(--dds-color-red-90);
    --dds-color-background-info-base-hover: var(--dds-color-blue-60);
    --dds-color-background-info-base-pressed: var(--dds-color-blue-70);
    --dds-color-background-info-base-rest: var(--dds-color-blue-50);
    --dds-color-background-info-subtle-hover: var(--dds-color-blue-80);
    --dds-color-background-info-subtle-pressed: var(--dds-color-blue-70);
    --dds-color-background-info-subtle-rest: var(--dds-color-blue-90);
    --dds-color-background-neutral-base-hover: var(--dds-color-slate-40);
    --dds-color-background-neutral-base-pressed: var(--dds-color-slate-45);
    --dds-color-background-neutral-base-rest: var(--dds-color-slate-30);
    --dds-color-background-neutral-ghost-hover: rgba(64, 88, 109, 0.2);
    --dds-color-background-neutral-ghost-pressed: rgba(64, 88, 109, 0.3);
    --dds-color-background-neutral-ghost-rest: transparent;
    --dds-color-background-neutral-subtle-hover: var(--dds-color-slate-50);
    --dds-color-background-neutral-subtle-pressed: var(--dds-color-slate-45);
    --dds-color-background-neutral-subtle-rest: var(--dds-color-slate-60);
    --dds-color-background-success-base-hover: var(--dds-color-green-60);
    --dds-color-background-success-base-pressed: var(--dds-color-green-70);
    --dds-color-background-success-base-rest: var(--dds-color-green-50);
    --dds-color-background-success-subtle-hover: var(--dds-color-green-70);
    --dds-color-background-success-subtle-pressed: var(--dds-color-green-60);
    --dds-color-background-success-subtle-rest: var(--dds-color-green-90);
    --dds-color-background-surface-drop-shadow: rgba(0, 0, 0, 0.08);
    --dds-color-background-surface-inactive: var(--dds-color-gray-90);
    --dds-color-background-surface-inverse: var(--dds-color-neutral-white);
    --dds-color-background-surface-neutral: var(--dds-color-slate-80);
    --dds-color-background-surface-overlay: rgba(14, 14, 14, 0.4);
    --dds-color-background-surface-primary: var(--dds-color-slate-80);
    --dds-color-background-surface-secondary: var(--dds-color-slate-70);
    --dds-color-background-surface-strong: var(--dds-color-slate-40);
    --dds-color-background-surface-tertiary: var(--dds-color-slate-60);
    --dds-color-background-surface-transparent: transparent;
    --dds-color-background-warning-base-hover: var(--dds-color-yellow-60);
    --dds-color-background-warning-base-pressed: var(--dds-color-yellow-70);
    --dds-color-background-warning-base-rest: var(--dds-color-yellow-50);
    --dds-color-background-warning-subtle-hover: var(--dds-color-yellow-80);
    --dds-color-background-warning-subtle-pressed: var(--dds-color-yellow-70);
    --dds-color-background-warning-subtle-rest: var(--dds-color-yellow-90);
    --dds-color-border-brand-base: var(--dds-color-blue-40);
    --dds-color-border-brand-subtle: var(--dds-color-blue-40);
    --dds-color-border-error-base: var(--dds-color-red-50);
    --dds-color-border-error-subtle: var(--dds-color-red-40);
    --dds-color-border-focus-ring1: var(--dds-color-slate-90);
    --dds-color-border-focus-ring2: var(--dds-color-blue-20);
    --dds-color-border-inactive-base: var(--dds-color-gray-60);
    --dds-color-border-inactive-subtle: var(--dds-color-gray-30);
    --dds-color-border-info-base: var(--dds-color-blue-40);
    --dds-color-border-info-subtle: var(--dds-color-blue-40);
    --dds-color-border-neutral-base: var(--dds-color-slate-30);
    --dds-color-border-neutral-pale: var(--dds-color-slate-60);
    --dds-color-border-neutral-subtle: var(--dds-color-slate-40);
    --dds-color-border-success-base: var(--dds-color-green-50);
    --dds-color-border-success-subtle: var(--dds-color-green-40);
    --dds-color-border-warning-base: var(--dds-color-yellow-50);
    --dds-color-border-warning-subtle: var(--dds-color-yellow-50);
    --dds-color-text-brand: var(--dds-color-blue-60);
    --dds-color-text-brand-hover: var(--dds-color-blue-20);
    --dds-color-text-brand-pressed: var(--dds-color-blue-10);
    --dds-color-text-brand-rest: var(--dds-color-blue-30);
    --dds-color-text-error-hover: var(--dds-color-red-20);
    --dds-color-text-error-pressed: var(--dds-color-red-10);
    --dds-color-text-error-rest: var(--dds-color-red-30);
    --dds-color-text-inactive: var(--dds-color-gray-60);
    --dds-color-text-info-hover: var(--dds-color-blue-20);
    --dds-color-text-info-pressed: var(--dds-color-blue-10);
    --dds-color-text-info-rest: var(--dds-color-blue-30);
    --dds-color-text-neutral: var(--dds-color-neutral-black);
    --dds-color-text-neutral-hover: var(--dds-color-slate-20);
    --dds-color-text-neutral-pressed: var(--dds-color-slate-10);
    --dds-color-text-neutral-rest: var(--dds-color-slate-30);
    --dds-color-text-primary: var(--dds-color-slate-10);
    --dds-color-text-secondary: var(--dds-color-slate-20);
    --dds-color-text-success-hover: var(--dds-color-green-20);
    --dds-color-text-success-pressed: var(--dds-color-green-10);
    --dds-color-text-success-rest: var(--dds-color-green-30);
    --dds-color-text-tertiary: var(--dds-color-slate-30);
    --dds-color-text-warning-hover: var(--dds-color-yellow-20);
    --dds-color-text-warning-pressed: var(--dds-color-yellow-10);
    --dds-color-text-warning-rest: var(--dds-color-yellow-30);
    --dds-ai-color-background-error-base-hover: var(--dds-ai-color-red-60);
    --dds-ai-color-background-error-base-pressed: var(--dds-ai-color-red-50);
    --dds-ai-color-background-error-base-rest: var(--dds-ai-color-red-70);
    --dds-ai-color-background-gradient-base-hover-color1: var(--dds-ai-color-berry-40);
    --dds-ai-color-background-gradient-base-hover-color2: var(--dds-ai-color-purple-40);
    --dds-ai-color-background-gradient-base-hover-color3: var(--dds-color-blue-40);
    --dds-ai-color-background-gradient-base-inactive-color1: var(--dds-ai-color-berry-20);
    --dds-ai-color-background-gradient-base-inactive-color2: var(--dds-ai-color-purple-20);
    --dds-ai-color-background-gradient-base-inactive-color3: var(--dds-color-blue-20);
    --dds-ai-color-background-gradient-base-pressed-color1: var(--dds-ai-color-berry-60);
    --dds-ai-color-background-gradient-base-pressed-color2: var(--dds-ai-color-purple-60);
    --dds-ai-color-background-gradient-base-pressed-color3: var(--dds-color-blue-60);
    --dds-ai-color-background-gradient-base-rest-color1: var(--dds-ai-color-berry-50);
    --dds-ai-color-background-gradient-base-rest-color2: var(--dds-ai-color-purple-50);
    --dds-ai-color-background-gradient-base-rest-color3: var(--dds-color-blue-50);
    --dds-ai-color-background-gradient-subtle-hover-color1: var(--dds-ai-color-berry-05);
    --dds-ai-color-background-gradient-subtle-hover-color2: var(--dds-ai-color-purple-05);
    --dds-ai-color-background-gradient-subtle-hover-color3: var(--dds-color-blue-10);
    --dds-ai-color-background-gradient-subtle-pressed-color1: var(--dds-ai-color-berry-20);
    --dds-ai-color-background-gradient-subtle-pressed-color2: var(--dds-ai-color-purple-20);
    --dds-ai-color-background-gradient-subtle-pressed-color3: var(--dds-color-blue-20);
    --dds-ai-color-background-neutral-base-hover: var(--dds-ai-color-slate-60);
    --dds-ai-color-background-neutral-base-pressed: var(--dds-ai-color-slate-70);
    --dds-ai-color-background-neutral-base-rest: var(--dds-ai-color-slate-50);
    --dds-ai-color-background-neutral-ghost-hover: rgba(82, 102, 163, 0.2);
    --dds-ai-color-background-neutral-ghost-pressed: rgba(82, 102, 163, 0.3);
    --dds-ai-color-background-neutral-ghost-rest: transparent;
    --dds-ai-color-background-neutral-subtle-hover: var(--dds-ai-color-slate-80);
    --dds-ai-color-background-neutral-subtle-pressed: var(--dds-ai-color-slate-70);
    --dds-ai-color-background-neutral-subtle-rest: var(--dds-ai-color-slate-90);
    --dds-ai-color-background-success-base-hover: var(--dds-ai-color-green-70);
    --dds-ai-color-background-success-base-pressed: var(--dds-ai-color-green-60);
    --dds-ai-color-background-success-base-rest: var(--dds-ai-color-green-80);
    --dds-ai-color-background-surface-inactive: var(--dds-color-gray-30);
    --dds-ai-color-background-surface-primary: var(--dds-ai-color-slate-90);
    --dds-ai-color-background-surface-secondary: var(--dds-ai-color-slate-80);
    --dds-ai-color-background-surface-tertiary: var(--dds-ai-color-slate-70);
    --dds-ai-color-border-error-base: var(--dds-ai-color-red-50);
    --dds-ai-color-border-focus-base-ring1: var(--dds-ai-color-slate-05);
    --dds-ai-color-border-focus-base-ring2: var(--dds-ai-color-purple-40);
    --dds-ai-color-border-focus-neutral: var(--dds-color-neutral-white);
    --dds-ai-color-border-focus-neutral-subtle: var(--dds-color-neutral-white);
    --dds-ai-color-border-gradient-base-color1: var(--dds-ai-color-berry-50);
    --dds-ai-color-border-gradient-base-color2: var(--dds-ai-color-purple-50);
    --dds-ai-color-border-gradient-base-color3: var(--dds-color-blue-50);
    --dds-ai-color-border-gradient-inactive-color1: var(--dds-ai-color-berry-20);
    --dds-ai-color-border-gradient-inactive-color2: var(--dds-ai-color-purple-20);
    --dds-ai-color-border-gradient-inactive-color3: var(--dds-color-blue-20);
    --dds-ai-color-border-neutral-base: var(--dds-ai-color-slate-30);
    --dds-ai-color-border-neutral-inactive: var(--dds-color-gray-40);
    --dds-ai-color-border-neutral-pale: var(--dds-ai-color-slate-10);
    --dds-ai-color-border-neutral-subtle: var(--dds-ai-color-slate-20);
    --dds-ai-color-border-success-base: var(--dds-ai-color-green-50);
    --dds-ai-color-text-error: var(--dds-ai-color-red-40);
    --dds-ai-color-text-gradient-color1: var(--dds-ai-color-berry-50);
    --dds-ai-color-text-gradient-color2: var(--dds-ai-color-purple-50);
    --dds-ai-color-text-gradient-color3: var(--dds-color-blue-50);
    --dds-ai-color-text-inactive: var(--dds-color-gray-50);
    --dds-ai-color-text-neutral-hover: var(--dds-ai-color-slate-10);
    --dds-ai-color-text-neutral-pressed: var(--dds-ai-color-slate-30);
    --dds-ai-color-text-neutral-rest: var(--dds-ai-color-slate-05);
    --dds-ai-color-text-neutral-strong-hover: var(--dds-ai-color-slate-20);
    --dds-ai-color-text-neutral-strong-pressed: var(--dds-ai-color-slate-30);
    --dds-ai-color-text-neutral-strong-rest: var(--dds-ai-color-slate-10);
    --dds-ai-color-text-primary: var(--dds-ai-color-slate-05);
    --dds-ai-color-text-secondary: var(--dds-ai-color-slate-10);
    --dds-ai-color-text-success: var(--dds-ai-color-green-30);
    --dds-ai-color-text-tertiary: var(--dds-ai-color-slate-20);
  }
}