:root {
  --ids-color-white-10: rgba(255, 255, 255, 0.1);
  --ids-color-white-20: rgba(255, 255, 255, 0.2);
  --ids-color-white-30: rgba(255, 255, 255, 0.3);
  --ids-color-white-40: rgba(255, 255, 255, 0.4);
  --ids-color-white-50: rgba(255, 255, 255, 0.5);
  --ids-color-white-60: rgba(255, 255, 255, 0.6);
  --ids-color-white-70: rgba(255, 255, 255, 0.7);
  --ids-color-white-80: rgba(255, 255, 255, 0.8);
  --ids-color-white-90: rgba(255, 255, 255, 0.9);
  --ids-color-white-100: #ffffff;
  --ids-color-black-10: rgba(0, 0, 0, 0.1);
  --ids-color-black-20: rgba(0, 0, 0, 0.2);
  --ids-color-black-30: rgba(0, 0, 0, 0.3);
  --ids-color-black-40: rgba(0, 0, 0, 0.4);
  --ids-color-black-50: rgba(0, 0, 0, 0.5);
  --ids-color-black-60: rgba(0, 0, 0, 0.6);
  --ids-color-black-70: rgba(0, 0, 0, 0.7);
  --ids-color-black-80: rgba(0, 0, 0, 0.8);
  --ids-color-black-90: rgba(0, 0, 0, 0.9);
  --ids-color-black-100: #000000;
  --ids-color-black-00: rgba(0, 0, 0, 0);
  --ids-color-neutral-10: #f5f5f5;
  --ids-color-neutral-20: #e0e0e1;
  --ids-color-neutral-30: #c5c5c9;
  --ids-color-neutral-40: #bbbbbf;
  --ids-color-neutral-50: #8e8e95;
  --ids-color-neutral-60: #6f6f76;
  --ids-color-neutral-70: #525257;
  --ids-color-neutral-80: #3b3b3f;
  --ids-color-neutral-90: #28282a;
  --ids-color-neutral-100: #161618;
  --ids-color-blue-10: #e6f1fd;
  --ids-color-blue-20: #bedcfa;
  --ids-color-blue-30: #8abff7;
  --ids-color-blue-40: #55a3f3;
  --ids-color-blue-50: #1c86ef;
  --ids-color-blue-60: #0072ed;
  --ids-color-blue-70: #0066d4;
  --ids-color-blue-80: #0054b1;
  --ids-color-blue-90: #004a99;
  --ids-color-blue-100: #003876;
  --ids-color-red-10: #fbe7e8;
  --ids-color-red-20: #f5c3c4;
  --ids-color-red-30: #ee9496;
  --ids-color-red-40: #e66467;
  --ids-color-red-50: #df3539;
  --ids-color-red-60: #da1217;
  --ids-color-red-70: #c31014;
  --ids-color-red-80: #a30d11;
  --ids-color-red-90: #8d0b0e;
  --ids-color-red-100: #6c080b;
  --ids-color-green-10: #ebf9f1;
  --ids-color-green-20: #cbefdc;
  --ids-color-green-30: #a1e4bf;
  --ids-color-green-40: #78d8a3;
  --ids-color-green-50: #4dcc86;
  --ids-color-green-60: #2ac371;
  --ids-color-green-70: #25af65;
  --ids-color-green-80: #1f9254;
  --ids-color-green-90: #1c7f49;
  --ids-color-green-100: #156138;
  --ids-color-orange-10: #fef2e5;
  --ids-color-orange-20: #fddfbd;
  --ids-color-orange-30: #fcc888;
  --ids-color-orange-40: #fbaf50;
  --ids-color-orange-50: #fa9601;
  --ids-color-orange-60: #f98300;
  --ids-color-orange-70: #df6f00;
  --ids-color-orange-80: #cd6200;
  --ids-color-orange-90: #bb5500;
  --ids-color-orange-100: #a14100;
  --ids-color-purple-10: #f1ebfc;
  --ids-color-purple-20: #ddcbf7;
  --ids-color-purple-30: #c2a1f1;
  --ids-color-purple-40: #a876eb;
  --ids-color-purple-50: #8d4be5;
  --ids-color-purple-60: #7928e1;
  --ids-color-purple-70: #6c23c9;
  --ids-color-purple-80: #591da8;
  --ids-color-purple-90: #4e1a91;
  --ids-color-purple-100: #3b1470;
  --ids-color-teal-10: #ecf8f8;
  --ids-color-teal-20: #cfeeee;
  --ids-color-teal-30: #a8e1e1;
  --ids-color-teal-40: #82d4d4;
  --ids-color-teal-50: #5cc6c7;
  --ids-color-teal-60: #40bdbe;
  --ids-color-teal-70: #39a9aa;
  --ids-color-teal-80: #2f8d8e;
  --ids-color-teal-90: #297b7b;
  --ids-color-teal-100: #1f5e5e;
  --ids-color-yellow-10: #fff8d6;
  --ids-color-yellow-20: #fff4c1;
  --ids-color-yellow-30: #ffec96;
  --ids-color-yellow-40: #ffe156;
  --ids-color-yellow-50: #ffd92b;
  --ids-color-yellow-60: #ffd100;
  --ids-color-yellow-70: #bb9c21;
  --ids-color-yellow-80: #8d6f00;
  --ids-color-yellow-90: #614900;
  --ids-color-yellow-100: #4b3700;
  --ids-breakpoint-xs: 360px;
  --ids-breakpoint-sm: 600px;
  --ids-breakpoint-md: 840px;
  --ids-breakpoint-lg: 1024px;
  --ids-breakpoint-xl: 1280px;
  --ids-breakpoint-xxl: 1440px;
  --ids-border-radius-12: 12px;
  --ids-border-radius-16: 16px;
  --ids-border-radius-20: 20px;
  --ids-border-radius-24: 24px;
  --ids-border-radius-32: 32px;
  --ids-border-radius-40: 40px;
  --ids-border-radius-48: 48px;
  --ids-border-radius-99: 99px;
  --ids-border-radius-00: 0px;
  --ids-border-radius-01: 1px;
  --ids-border-radius-02: 2px;
  --ids-border-radius-04: 4px;
  --ids-border-radius-08: 8px;
  --ids-border-width-00: 0px;
  --ids-border-width-01: 1px;
  --ids-cursor-default: default;
  --ids-cursor-grabbing: grabbing;
  --ids-cursor-move: move;
  --ids-cursor-text: text;
  --ids-cursor-pointer: pointer;
  --ids-cursor-resize: col-resize;
  --ids-cursor-resize-x: ew-resize;
  --ids-cursor-resize-y: ns-resize;
  --ids-font-family-sans: source sans pro;
  --ids-font-family-mono: source code pro;
  --ids-font-family-ar: 'Mada';
  --ids-font-family-he: 'Assistant';
  --ids-font-family-hi: 'Noto Sans';
  --ids-font-family-ja: 'Noto Sans JP';
  --ids-font-family-ko: 'Noto Sans KR';
  --ids-font-family-th: 'Noto Sans Thai';
  --ids-font-family-zh-hans: 'Noto Sans SC';
  --ids-font-family-zh-hant: 'Noto Sans TC';
  --ids-font-family-system-sans: -apple-system, helvetica, arial;
  --ids-font-family-system-mono: monospace;
  --ids-font-line-height-10: 13px;
  --ids-font-line-height-20: 15px;
  --ids-font-line-height-30: 18px;
  --ids-font-line-height-40: 20px;
  --ids-font-line-height-50: 25px;
  --ids-font-line-height-60: 30px;
  --ids-font-line-height-70: 35px;
  --ids-font-line-height-80: 40px;
  --ids-font-line-height-90: 50px;
  --ids-font-line-height-100: 60px;
  --ids-font-line-height-110: 75px;
  --ids-font-line-height-120: 91px;
  --ids-font-size-10: 10px;
  --ids-font-size-20: 12px;
  --ids-font-size-30: 14px;
  --ids-font-size-40: 16px;
  --ids-font-size-50: 20px;
  --ids-font-size-60: 24px;
  --ids-font-size-70: 28px;
  --ids-font-size-80: 32px;
  --ids-font-size-90: 40px;
  --ids-font-size-100: 48px;
  --ids-font-size-110: 60px;
  --ids-font-size-120: 72px;
  --ids-font-uppercase: uppercase;
  --ids-font-weight-light: light;
  --ids-font-weight-regular: regular;
  --ids-font-weight-semibold: semibold;
  --ids-font-weight-bold: bold;
  --ids-opacity-40: 0.4;
  --ids-space-12: 12px;
  --ids-space-16: 16px;
  --ids-space-20: 20px;
  --ids-space-24: 24px;
  --ids-space-32: 32px;
  --ids-space-40: 40px;
  --ids-space-48: 48px;
  --ids-space-56: 56px;
  --ids-space-72: 72px;
  --ids-space-104: 104px;
  --ids-space-112: 112px;
  --ids-space-00: 0px;
  --ids-space-01: 1px;
  --ids-space-02: 2px;
  --ids-space-04: 4px;
  --ids-space-08: 8px;
  --ids-z-index-0: 0;
  --ids-z-index-10: 1;
  --ids-z-index-20: 2;
  --ids-z-index-30: 5;
  --ids-z-index-40: 10;
  --ids-z-index-50: 100;
  --ids-z-index-60: 200;
  --ids-z-index-70: 300;
  --ids-z-index-80: 400;
  --ids-z-index-90: 500;
  --ids-z-index-100: 600;
  --ids-z-index-110: 700;
  --ids-z-index-120: 1000;
  --ids-z-index-130: 1010;
  --ids-z-index-140: 1015;
  --ids-z-index-150: 1020;
  --ids-z-index-160: 3000;
  --ids-z-index-170: 4000;
  --ids-z-index-180: 4500;
  --ids-z-index-190: 6000;
  --ids-z-index-200: 7000;
  --ids-z-index-210: 8000;
  --ids-z-index-220: 9000;
  --ids-z-index-230: 10000;
  --ids-z-index-240: 10020;
}
:root {
  --ids-color-accent-blue-weakest: var(--ids-color-blue-10);
  --ids-color-accent-blue-weaker: var(--ids-color-blue-20);
  --ids-color-accent-blue-weak: var(--ids-color-blue-40);
  --ids-color-accent-blue-strong: var(--ids-color-blue-60);
  --ids-color-accent-blue-stronger: var(--ids-color-blue-80);
  --ids-color-accent-blue-strongest: var(--ids-color-blue-100);
  --ids-color-accent-green-weakest: var(--ids-color-green-10);
  --ids-color-accent-green-weaker: var(--ids-color-green-20);
  --ids-color-accent-green-weak: var(--ids-color-green-40);
  --ids-color-accent-green-strong: var(--ids-color-green-60);
  --ids-color-accent-green-stronger: var(--ids-color-green-80);
  --ids-color-accent-green-strongest: var(--ids-color-green-100);
  --ids-color-accent-neutral-weakest: var(--ids-color-neutral-10);
  --ids-color-accent-neutral-weaker: var(--ids-color-neutral-20);
  --ids-color-accent-neutral-weak: var(--ids-color-neutral-40);
  --ids-color-accent-neutral-default: var(--ids-color-neutral-50);
  --ids-color-accent-neutral-strong: var(--ids-color-neutral-60);
  --ids-color-accent-neutral-stronger: var(--ids-color-neutral-80);
  --ids-color-accent-neutral-strongest: var(--ids-color-neutral-100);
  --ids-color-accent-orange-weakest: var(--ids-color-orange-10);
  --ids-color-accent-orange-weaker: var(--ids-color-orange-20);
  --ids-color-accent-orange-weak: var(--ids-color-orange-40);
  --ids-color-accent-orange-strong: var(--ids-color-orange-60);
  --ids-color-accent-orange-stronger: var(--ids-color-orange-80);
  --ids-color-accent-orange-strongest: var(--ids-color-orange-100);
  --ids-color-accent-purple-weakest: var(--ids-color-purple-10);
  --ids-color-accent-purple-weaker: var(--ids-color-purple-20);
  --ids-color-accent-purple-weak: var(--ids-color-purple-40);
  --ids-color-accent-purple-strong: var(--ids-color-purple-60);
  --ids-color-accent-purple-stronger: var(--ids-color-purple-80);
  --ids-color-accent-purple-strongest: var(--ids-color-purple-100);
  --ids-color-accent-red-weakest: var(--ids-color-red-10);
  --ids-color-accent-red-weaker: var(--ids-color-red-20);
  --ids-color-accent-red-weak: var(--ids-color-red-40);
  --ids-color-accent-red-strong: var(--ids-color-red-60);
  --ids-color-accent-red-stronger: var(--ids-color-red-80);
  --ids-color-accent-red-strongest: var(--ids-color-red-100);
  --ids-color-accent-teal-weakest: var(--ids-color-teal-10);
  --ids-color-accent-teal-weaker: var(--ids-color-teal-20);
  --ids-color-accent-teal-weak: var(--ids-color-teal-40);
  --ids-color-accent-teal-strong: var(--ids-color-teal-70);
  --ids-color-accent-teal-stronger: var(--ids-color-teal-80);
  --ids-color-accent-teal-strongest: var(--ids-color-teal-100);
  --ids-color-accent-yellow-weakest: var(--ids-color-yellow-10);
  --ids-color-accent-yellow-weaker: var(--ids-color-yellow-20);
  --ids-color-accent-yellow-weak: var(--ids-color-yellow-40);
  --ids-color-accent-yellow-strong: var(--ids-color-yellow-60);
  --ids-color-accent-yellow-stronger: var(--ids-color-yellow-80);
  --ids-color-accent-yellow-strongest: var(--ids-color-yellow-100);
  --ids-color-action-weakest: var(--ids-color-blue-10);
  --ids-color-action-weaker: var(--ids-color-blue-20);
  --ids-color-action-default: var(--ids-color-blue-60);
  --ids-color-action-stronger: var(--ids-color-blue-70);
  --ids-color-action-strongest: var(--ids-color-blue-90);
  --ids-color-background-default: var(--ids-color-white-100);
  --ids-color-background-elevated: var(--ids-color-white-100);
  --ids-color-background-dark: var(--ids-color-neutral-100);
  --ids-color-border-default: var(--ids-color-neutral-60);
  --ids-color-border-weaker: var(--ids-color-neutral-20);
  --ids-color-border-weak: var(--ids-color-neutral-40);
  --ids-color-border-strong: var(--ids-color-neutral-70);
  --ids-color-border-light: var(--ids-color-white-100);
  --ids-color-foreground-default-default: var(--ids-color-neutral-100);
  --ids-color-foreground-default-secondary: var(--ids-color-neutral-80);
  --ids-color-foreground-default-tertiary: var(--ids-color-neutral-60);
  --ids-color-foreground-default-disabled: var(--ids-color-neutral-40);
  --ids-color-foreground-light-default: var(--ids-color-white-100);
  --ids-color-foreground-light-secondary: var(--ids-color-white-80);
  --ids-color-foreground-light-tertiary: var(--ids-color-white-60);
  --ids-color-foreground-light-disabled: var(--ids-color-white-40);
  --ids-color-foreground-dark-default: var(--ids-color-black-100);
  --ids-color-success-weak: var(--ids-color-green-10);
  --ids-color-success-default: var(--ids-color-green-60);
  --ids-color-success-strong: var(--ids-color-green-70);
  --ids-color-success-stronger: var(--ids-color-green-100);
  --ids-color-caution-weak: var(--ids-color-yellow-10);
  --ids-color-caution-default: var(--ids-color-yellow-60);
  --ids-color-caution-strong: var(--ids-color-yellow-70);
  --ids-color-caution-stronger: var(--ids-color-yellow-100);
  --ids-color-warning-weak: var(--ids-color-orange-10);
  --ids-color-warning-default: var(--ids-color-orange-60);
  --ids-color-warning-strong: var(--ids-color-orange-70);
  --ids-color-warning-stronger: var(--ids-color-orange-100);
  --ids-color-error-weak: var(--ids-color-red-10);
  --ids-color-error-default: var(--ids-color-red-60);
  --ids-color-error-stronger: var(--ids-color-red-70);
  --ids-color-error-strongest: var(--ids-color-red-100);
  --ids-color-info-weak: var(--ids-color-blue-10);
  --ids-color-info-default: var(--ids-color-blue-60);
  --ids-color-info-strong: var(--ids-color-blue-70);
  --ids-color-info-stronger: var(--ids-color-blue-100);
  --ids-color-theme-weakest: var(--ids-color-theme-10);
  --ids-color-theme-weaker: var(--ids-color-theme-20);
  --ids-color-theme-strong: var(--ids-color-theme-60);
  --ids-color-theme-stronger: var(--ids-color-theme-80);
  --ids-color-theme-strongest: var(--ids-color-theme-100);
  --ids-color-transparent: var(--ids-color-black-00);
  --ids-color-dataviz-accent-blue-01: var(--ids-color-blue-80);
  --ids-color-dataviz-accent-blue-02: var(--ids-color-blue-50);
  --ids-color-dataviz-accent-blue-03: var(--ids-color-blue-30);
  --ids-color-dataviz-accent-neutral-01: var(--ids-color-neutral-60);
  --ids-color-dataviz-accent-neutral-02: var(--ids-color-neutral-40);
  --ids-color-dataviz-accent-neutral-03: var(--ids-color-neutral-20);
  --ids-color-dataviz-accent-green-01: var(--ids-color-green-80);
  --ids-color-dataviz-accent-green-02: var(--ids-color-green-50);
  --ids-color-dataviz-accent-green-03: var(--ids-color-green-30);
  --ids-color-dataviz-accent-purple-01: var(--ids-color-purple-70);
  --ids-color-dataviz-accent-purple-02: var(--ids-color-purple-50);
  --ids-color-dataviz-accent-purple-03: var(--ids-color-purple-30);
  --ids-color-dataviz-accent-teal-01: var(--ids-color-teal-80);
  --ids-color-dataviz-accent-teal-02: var(--ids-color-teal-50);
  --ids-color-dataviz-accent-teal-03: var(--ids-color-teal-30);
  --ids-color-dataviz-default: var(--ids-color-blue-80);
  --ids-color-dataviz-density-10: var(--ids-color-blue-10);
  --ids-color-dataviz-density-20: var(--ids-color-blue-20);
  --ids-color-dataviz-density-30: var(--ids-color-blue-30);
  --ids-color-dataviz-density-40: var(--ids-color-blue-40);
  --ids-color-dataviz-density-50: var(--ids-color-blue-50);
  --ids-color-dataviz-density-60: var(--ids-color-blue-60);
  --ids-color-dataviz-density-70: var(--ids-color-blue-70);
  --ids-color-dataviz-density-80: var(--ids-color-blue-80);
  --ids-color-dataviz-density-90: var(--ids-color-blue-90);
  --ids-color-dataviz-density-100: var(--ids-color-blue-100);
  --ids-color-dataviz-negative: var(--ids-color-red-60);
  --ids-color-dataviz-neutral: var(--ids-color-neutral-20);
  --ids-color-dataviz-positive: var(--ids-color-green-70);
  --ids-color-dataviz-secondary: var(--ids-color-teal-40);
  --ids-color-dataviz-sequential-10: var(--ids-color-neutral-20);
  --ids-color-dataviz-sequential-11: var(--ids-color-teal-60);
  --ids-color-dataviz-sequential-12: var(--ids-color-orange-90);
  --ids-color-dataviz-sequential-13: var(--ids-color-purple-30);
  --ids-color-dataviz-sequential-14: var(--ids-color-blue-60);
  --ids-color-dataviz-sequential-15: var(--ids-color-red-30);
  --ids-color-dataviz-sequential-16: var(--ids-color-purple-80);
  --ids-color-dataviz-sequential-17: var(--ids-color-green-30);
  --ids-color-dataviz-sequential-18: var(--ids-color-teal-80);
  --ids-color-dataviz-sequential-19: var(--ids-color-neutral-60);
  --ids-color-dataviz-sequential-20: var(--ids-color-red-40);
  --ids-color-dataviz-sequential-01: var(--ids-color-blue-80);
  --ids-color-dataviz-sequential-02: var(--ids-color-teal-60);
  --ids-color-dataviz-sequential-03: var(--ids-color-purple-60);
  --ids-color-dataviz-sequential-04: var(--ids-color-neutral-40);
  --ids-color-dataviz-sequential-05: var(--ids-color-orange-30);
  --ids-color-dataviz-sequential-06: var(--ids-color-orange-70);
  --ids-color-dataviz-sequential-07: var(--ids-color-green-80);
  --ids-color-dataviz-sequential-08: var(--ids-color-blue-30);
  --ids-color-dataviz-sequential-09: var(--ids-color-red-80);
  --ids-space-none: var(--ids-space-00);
  --ids-space-4xs: var(--ids-space-01);
  --ids-space-3xs: var(--ids-space-02);
  --ids-space-2xs: var(--ids-space-04);
  --ids-space-xs: var(--ids-space-08);
  --ids-space-sm: var(--ids-space-16);
  --ids-space-md: var(--ids-space-24);
  --ids-space-lg: var(--ids-space-32);
  --ids-space-xl: var(--ids-space-40);
  --ids-space-2xl: var(--ids-space-48);
  --ids-space-3xl: var(--ids-space-56);
  --ids-space-4xl: var(--ids-space-72);
  --ids-border-radius-none: var(--ids-border-radius-00);
  --ids-border-radius-2xs: var(--ids-border-radius-02);
  --ids-border-radius-xs: var(--ids-border-radius-04);
  --ids-border-radius-sm: var(--ids-border-radius-08);
  --ids-border-radius-md: var(--ids-border-radius-16);
  --ids-border-radius-lg: var(--ids-border-radius-24);
  --ids-border-radius-xl: var(--ids-border-radius-40);
  --ids-border-radius-circle: var(--ids-border-radius-99);
  --ids-border-width-none: var(--ids-border-width-00);
  --ids-border-width-sm: var(--ids-border-width-01);
  --ids-font-family-default: var(--ids-font-family-sans);
  --ids-font-weight-default: var(--ids-font-weight-regular);
  --ids-font-weight-strong: var(--ids-font-weight-semibold);
  --ids-font-weight-stronger: var(--ids-font-weight-bold);
  --ids-font-size-default: var(--ids-font-size-sm);
  --ids-font-size-6xl: var(--ids-font-size-120);
  --ids-font-size-5xl: var(--ids-font-size-110);
  --ids-font-size-4xl: var(--ids-font-size-100);
  --ids-font-size-3xl: var(--ids-font-size-90);
  --ids-font-size-2xl: var(--ids-font-size-80);
  --ids-font-size-xl: var(--ids-font-size-70);
  --ids-font-size-lg: var(--ids-font-size-60);
  --ids-font-size-md: var(--ids-font-size-50);
  --ids-font-size-sm: var(--ids-font-size-40);
  --ids-font-size-xs: var(--ids-font-size-30);
  --ids-font-size-2xs: var(--ids-font-size-20);
  --ids-font-size-3xs: var(--ids-font-size-10);
  --ids-opacity-disabled: var(--ids-opacity-40);
}