@charset "UTF-8";

@layer ds.reset, ds.theme, ds.base, ds.utilities, ds.components;

/**
 * These files are generated from design tokens defind using Token Studio
 */

@layer ds.theme.color-scheme.light {
:root, [data-color-scheme="light"] {
  --ds-color-primary-background-default: #ffffff;
  --ds-color-primary-background-tinted: #eff5f3;
  --ds-color-primary-surface-default: #ffffff;
  --ds-color-primary-surface-tinted: #e0ebe8;
  --ds-color-primary-surface-hover: #ccdeda;
  --ds-color-primary-surface-active: #b6cfca;
  --ds-color-primary-border-subtle: #a2c2bb;
  --ds-color-primary-border-default: #438475;
  --ds-color-primary-border-strong: #196957;
  --ds-color-primary-text-subtle: #196957;
  --ds-color-primary-text-default: #013227;
  --ds-color-primary-base-default: #015945;
  --ds-color-primary-base-hover: #014535;
  --ds-color-primary-base-active: #013126;
  --ds-color-primary-base-contrast-subtle: #e4edeb;
  --ds-color-primary-base-contrast-default: #ffffff;
  --ds-color-accent-background-default: #ffffff;
  --ds-color-accent-background-tinted: #eff5f3;
  --ds-color-accent-surface-default: #ffffff;
  --ds-color-accent-surface-tinted: #e0ebe8;
  --ds-color-accent-surface-hover: #cbded9;
  --ds-color-accent-surface-active: #b5d0c9;
  --ds-color-accent-border-subtle: #a1c3bb;
  --ds-color-accent-border-default: #408574;
  --ds-color-accent-border-strong: #216857;
  --ds-color-accent-text-subtle: #216857;
  --ds-color-accent-text-default: #0f3129;
  --ds-color-accent-base-default: #247360;
  --ds-color-accent-base-hover: #1d5d4e;
  --ds-color-accent-base-active: #17493d;
  --ds-color-accent-base-contrast-subtle: #e5eeec;
  --ds-color-accent-base-contrast-default: #ffffff;
  --ds-color-neutral-background-default: #ffffff;
  --ds-color-neutral-background-tinted: #f2f4f3;
  --ds-color-neutral-surface-default: #ffffff;
  --ds-color-neutral-surface-tinted: #e5e9e8;
  --ds-color-neutral-surface-hover: #d5dbda;
  --ds-color-neutral-surface-active: #c2ccca;
  --ds-color-neutral-border-subtle: #b2bebc;
  --ds-color-neutral-border-default: #657e78;
  --ds-color-neutral-border-strong: #45635d;
  --ds-color-neutral-text-subtle: #45635d;
  --ds-color-neutral-text-default: #0a3129;
  --ds-color-neutral-base-default: #002920;
  --ds-color-neutral-base-hover: #153a32;
  --ds-color-neutral-base-active: #2a4c45;
  --ds-color-neutral-base-contrast-subtle: #aab8b5;
  --ds-color-neutral-base-contrast-default: #ffffff;
  --ds-color-extra1-background-default: #ffffff;
  --ds-color-extra1-background-tinted: #dcfbeb;
  --ds-color-extra1-surface-default: #ffffff;
  --ds-color-extra1-surface-tinted: #b7f6d5;
  --ds-color-extra1-surface-hover: #80f0b5;
  --ds-color-extra1-surface-active: #73dfa6;
  --ds-color-extra1-border-subtle: #6acf9a;
  --ds-color-extra1-border-default: #458563;
  --ds-color-extra1-border-strong: #35674d;
  --ds-color-extra1-text-subtle: #35674d;
  --ds-color-extra1-text-default: #193024;
  --ds-color-extra1-base-default: #7BEFB2;
  --ds-color-extra1-base-hover: #6ed69f;
  --ds-color-extra1-base-active: #62bf8e;
  --ds-color-extra1-base-contrast-subtle: #244634;
  --ds-color-extra1-base-contrast-default: #000000;
  --ds-color-extra2-background-default: #ffffff;
  --ds-color-extra2-background-tinted: #e3f9ed;
  --ds-color-extra2-surface-default: #ffffff;
  --ds-color-extra2-surface-tinted: #c6f3db;
  --ds-color-extra2-surface-hover: #b8e4cd;
  --ds-color-extra2-surface-active: #abd3be;
  --ds-color-extra2-border-subtle: #9fc4b1;
  --ds-color-extra2-border-default: #667e72;
  --ds-color-extra2-border-strong: #4f6158;
  --ds-color-extra2-text-subtle: #4f6158;
  --ds-color-extra2-text-default: #252d29;
  --ds-color-extra2-base-default: #C4F2DA;
  --ds-color-extra2-base-hover: #b1dac5;
  --ds-color-extra2-base-active: #9ec3b0;
  --ds-color-extra2-base-contrast-subtle: #404e47;
  --ds-color-extra2-base-contrast-default: #000000;
  --ds-color-support-color-3-background-default: #ffffff;
  --ds-color-support-color-3-background-tinted: #e8f7f3;
  --ds-color-support-color-3-surface-default: #ffffff;
  --ds-color-support-color-3-surface-tinted: #d1efe8;
  --ds-color-support-color-3-surface-hover: #b2e4d8;
  --ds-color-support-color-3-surface-active: #90d8c7;
  --ds-color-support-color-3-border-subtle: #6fccb6;
  --ds-color-support-color-3-border-default: #028969;
  --ds-color-support-color-3-border-strong: #016a51;
  --ds-color-support-color-3-text-subtle: #016a51;
  --ds-color-support-color-3-text-default: #013226;
  --ds-color-support-color-3-base-default: #02A67F;
  --ds-color-support-color-3-base-hover: #3cba9c;
  --ds-color-support-color-3-base-active: #72cdb8;
  --ds-color-support-color-3-base-contrast-subtle: #000302;
  --ds-color-support-color-3-base-contrast-default: #000000;
  --ds-color-success-background-default: #ffffff;
  --ds-color-success-background-tinted: #ecf6ee;
  --ds-color-success-surface-default: #ffffff;
  --ds-color-success-surface-tinted: #daeddd;
  --ds-color-success-surface-hover: #c3e2c7;
  --ds-color-success-surface-active: #a8d5ae;
  --ds-color-success-border-subtle: #8fc997;
  --ds-color-success-border-default: #108c22;
  --ds-color-success-border-strong: #056d13;
  --ds-color-success-text-subtle: #056d13;
  --ds-color-success-text-default: #023409;
  --ds-color-success-base-default: #068718;
  --ds-color-success-base-hover: #057014;
  --ds-color-success-base-active: #045a10;
  --ds-color-success-base-contrast-subtle: #fafdfb;
  --ds-color-success-base-contrast-default: #ffffff;
  --ds-color-danger-background-default: #ffffff;
  --ds-color-danger-background-tinted: #fbf1f1;
  --ds-color-danger-surface-default: #ffffff;
  --ds-color-danger-surface-tinted: #f8e4e4;
  --ds-color-danger-surface-hover: #f3d2d2;
  --ds-color-danger-surface-active: #edbfbf;
  --ds-color-danger-border-subtle: #e8adad;
  --ds-color-danger-border-default: #ce4d4d;
  --ds-color-danger-border-strong: #b81a1a;
  --ds-color-danger-text-subtle: #b81a1a;
  --ds-color-danger-text-default: #590d0d;
  --ds-color-danger-base-default: #C01B1B;
  --ds-color-danger-base-hover: #9b1616;
  --ds-color-danger-base-active: #791111;
  --ds-color-danger-base-contrast-subtle: #f7e1e1;
  --ds-color-danger-base-contrast-default: #ffffff;
  --ds-color-info-background-default: #ffffff;
  --ds-color-info-background-tinted: #edf5fa;
  --ds-color-info-surface-default: #ffffff;
  --ds-color-info-surface-tinted: #dcebf6;
  --ds-color-info-surface-hover: #c5ddf0;
  --ds-color-info-surface-active: #abcfe9;
  --ds-color-info-border-subtle: #94c1e3;
  --ds-color-info-border-default: #1f7dc5;
  --ds-color-info-border-strong: #0860a3;
  --ds-color-info-text-subtle: #0860a3;
  --ds-color-info-text-default: #042d4d;
  --ds-color-info-base-default: #0A71C0;
  --ds-color-info-base-hover: #085d9f;
  --ds-color-info-base-active: #074a7e;
  --ds-color-info-base-contrast-subtle: #eff6fb;
  --ds-color-info-base-contrast-default: #ffffff;
  --ds-color-warning-background-default: #ffffff;
  --ds-color-warning-background-tinted: #fcf2e2;
  --ds-color-warning-surface-default: #ffffff;
  --ds-color-warning-surface-tinted: #fae6c6;
  --ds-color-warning-surface-hover: #f6d5a0;
  --ds-color-warning-surface-active: #f2c275;
  --ds-color-warning-border-subtle: #eeb04c;
  --ds-color-warning-border-default: #a56d13;
  --ds-color-warning-border-strong: #80540f;
  --ds-color-warning-text-subtle: #80540f;
  --ds-color-warning-text-default: #3c2807;
  --ds-color-warning-base-default: #EA9B1B;
  --ds-color-warning-base-hover: #cd8818;
  --ds-color-warning-base-active: #b27614;
  --ds-color-warning-base-contrast-subtle: #271a04;
  --ds-color-warning-base-contrast-default: #000000;
  --ds-color-focus-inner: #ffffff;
  --ds-color-focus-outer: #0a3129;
  --ds-link-color-visited: #663299;

  color-scheme: light;
}
 
@media (prefers-color-scheme: light) {
  [data-color-scheme="auto"] {
  --ds-color-primary-background-default: #ffffff;
  --ds-color-primary-background-tinted: #eff5f3;
  --ds-color-primary-surface-default: #ffffff;
  --ds-color-primary-surface-tinted: #e0ebe8;
  --ds-color-primary-surface-hover: #ccdeda;
  --ds-color-primary-surface-active: #b6cfca;
  --ds-color-primary-border-subtle: #a2c2bb;
  --ds-color-primary-border-default: #438475;
  --ds-color-primary-border-strong: #196957;
  --ds-color-primary-text-subtle: #196957;
  --ds-color-primary-text-default: #013227;
  --ds-color-primary-base-default: #015945;
  --ds-color-primary-base-hover: #014535;
  --ds-color-primary-base-active: #013126;
  --ds-color-primary-base-contrast-subtle: #e4edeb;
  --ds-color-primary-base-contrast-default: #ffffff;
  --ds-color-accent-background-default: #ffffff;
  --ds-color-accent-background-tinted: #eff5f3;
  --ds-color-accent-surface-default: #ffffff;
  --ds-color-accent-surface-tinted: #e0ebe8;
  --ds-color-accent-surface-hover: #cbded9;
  --ds-color-accent-surface-active: #b5d0c9;
  --ds-color-accent-border-subtle: #a1c3bb;
  --ds-color-accent-border-default: #408574;
  --ds-color-accent-border-strong: #216857;
  --ds-color-accent-text-subtle: #216857;
  --ds-color-accent-text-default: #0f3129;
  --ds-color-accent-base-default: #247360;
  --ds-color-accent-base-hover: #1d5d4e;
  --ds-color-accent-base-active: #17493d;
  --ds-color-accent-base-contrast-subtle: #e5eeec;
  --ds-color-accent-base-contrast-default: #ffffff;
  --ds-color-neutral-background-default: #ffffff;
  --ds-color-neutral-background-tinted: #f2f4f3;
  --ds-color-neutral-surface-default: #ffffff;
  --ds-color-neutral-surface-tinted: #e5e9e8;
  --ds-color-neutral-surface-hover: #d5dbda;
  --ds-color-neutral-surface-active: #c2ccca;
  --ds-color-neutral-border-subtle: #b2bebc;
  --ds-color-neutral-border-default: #657e78;
  --ds-color-neutral-border-strong: #45635d;
  --ds-color-neutral-text-subtle: #45635d;
  --ds-color-neutral-text-default: #0a3129;
  --ds-color-neutral-base-default: #002920;
  --ds-color-neutral-base-hover: #153a32;
  --ds-color-neutral-base-active: #2a4c45;
  --ds-color-neutral-base-contrast-subtle: #aab8b5;
  --ds-color-neutral-base-contrast-default: #ffffff;
  --ds-color-extra1-background-default: #ffffff;
  --ds-color-extra1-background-tinted: #dcfbeb;
  --ds-color-extra1-surface-default: #ffffff;
  --ds-color-extra1-surface-tinted: #b7f6d5;
  --ds-color-extra1-surface-hover: #80f0b5;
  --ds-color-extra1-surface-active: #73dfa6;
  --ds-color-extra1-border-subtle: #6acf9a;
  --ds-color-extra1-border-default: #458563;
  --ds-color-extra1-border-strong: #35674d;
  --ds-color-extra1-text-subtle: #35674d;
  --ds-color-extra1-text-default: #193024;
  --ds-color-extra1-base-default: #7BEFB2;
  --ds-color-extra1-base-hover: #6ed69f;
  --ds-color-extra1-base-active: #62bf8e;
  --ds-color-extra1-base-contrast-subtle: #244634;
  --ds-color-extra1-base-contrast-default: #000000;
  --ds-color-extra2-background-default: #ffffff;
  --ds-color-extra2-background-tinted: #e3f9ed;
  --ds-color-extra2-surface-default: #ffffff;
  --ds-color-extra2-surface-tinted: #c6f3db;
  --ds-color-extra2-surface-hover: #b8e4cd;
  --ds-color-extra2-surface-active: #abd3be;
  --ds-color-extra2-border-subtle: #9fc4b1;
  --ds-color-extra2-border-default: #667e72;
  --ds-color-extra2-border-strong: #4f6158;
  --ds-color-extra2-text-subtle: #4f6158;
  --ds-color-extra2-text-default: #252d29;
  --ds-color-extra2-base-default: #C4F2DA;
  --ds-color-extra2-base-hover: #b1dac5;
  --ds-color-extra2-base-active: #9ec3b0;
  --ds-color-extra2-base-contrast-subtle: #404e47;
  --ds-color-extra2-base-contrast-default: #000000;
  --ds-color-support-color-3-background-default: #ffffff;
  --ds-color-support-color-3-background-tinted: #e8f7f3;
  --ds-color-support-color-3-surface-default: #ffffff;
  --ds-color-support-color-3-surface-tinted: #d1efe8;
  --ds-color-support-color-3-surface-hover: #b2e4d8;
  --ds-color-support-color-3-surface-active: #90d8c7;
  --ds-color-support-color-3-border-subtle: #6fccb6;
  --ds-color-support-color-3-border-default: #028969;
  --ds-color-support-color-3-border-strong: #016a51;
  --ds-color-support-color-3-text-subtle: #016a51;
  --ds-color-support-color-3-text-default: #013226;
  --ds-color-support-color-3-base-default: #02A67F;
  --ds-color-support-color-3-base-hover: #3cba9c;
  --ds-color-support-color-3-base-active: #72cdb8;
  --ds-color-support-color-3-base-contrast-subtle: #000302;
  --ds-color-support-color-3-base-contrast-default: #000000;
  --ds-color-success-background-default: #ffffff;
  --ds-color-success-background-tinted: #ecf6ee;
  --ds-color-success-surface-default: #ffffff;
  --ds-color-success-surface-tinted: #daeddd;
  --ds-color-success-surface-hover: #c3e2c7;
  --ds-color-success-surface-active: #a8d5ae;
  --ds-color-success-border-subtle: #8fc997;
  --ds-color-success-border-default: #108c22;
  --ds-color-success-border-strong: #056d13;
  --ds-color-success-text-subtle: #056d13;
  --ds-color-success-text-default: #023409;
  --ds-color-success-base-default: #068718;
  --ds-color-success-base-hover: #057014;
  --ds-color-success-base-active: #045a10;
  --ds-color-success-base-contrast-subtle: #fafdfb;
  --ds-color-success-base-contrast-default: #ffffff;
  --ds-color-danger-background-default: #ffffff;
  --ds-color-danger-background-tinted: #fbf1f1;
  --ds-color-danger-surface-default: #ffffff;
  --ds-color-danger-surface-tinted: #f8e4e4;
  --ds-color-danger-surface-hover: #f3d2d2;
  --ds-color-danger-surface-active: #edbfbf;
  --ds-color-danger-border-subtle: #e8adad;
  --ds-color-danger-border-default: #ce4d4d;
  --ds-color-danger-border-strong: #b81a1a;
  --ds-color-danger-text-subtle: #b81a1a;
  --ds-color-danger-text-default: #590d0d;
  --ds-color-danger-base-default: #C01B1B;
  --ds-color-danger-base-hover: #9b1616;
  --ds-color-danger-base-active: #791111;
  --ds-color-danger-base-contrast-subtle: #f7e1e1;
  --ds-color-danger-base-contrast-default: #ffffff;
  --ds-color-info-background-default: #ffffff;
  --ds-color-info-background-tinted: #edf5fa;
  --ds-color-info-surface-default: #ffffff;
  --ds-color-info-surface-tinted: #dcebf6;
  --ds-color-info-surface-hover: #c5ddf0;
  --ds-color-info-surface-active: #abcfe9;
  --ds-color-info-border-subtle: #94c1e3;
  --ds-color-info-border-default: #1f7dc5;
  --ds-color-info-border-strong: #0860a3;
  --ds-color-info-text-subtle: #0860a3;
  --ds-color-info-text-default: #042d4d;
  --ds-color-info-base-default: #0A71C0;
  --ds-color-info-base-hover: #085d9f;
  --ds-color-info-base-active: #074a7e;
  --ds-color-info-base-contrast-subtle: #eff6fb;
  --ds-color-info-base-contrast-default: #ffffff;
  --ds-color-warning-background-default: #ffffff;
  --ds-color-warning-background-tinted: #fcf2e2;
  --ds-color-warning-surface-default: #ffffff;
  --ds-color-warning-surface-tinted: #fae6c6;
  --ds-color-warning-surface-hover: #f6d5a0;
  --ds-color-warning-surface-active: #f2c275;
  --ds-color-warning-border-subtle: #eeb04c;
  --ds-color-warning-border-default: #a56d13;
  --ds-color-warning-border-strong: #80540f;
  --ds-color-warning-text-subtle: #80540f;
  --ds-color-warning-text-default: #3c2807;
  --ds-color-warning-base-default: #EA9B1B;
  --ds-color-warning-base-hover: #cd8818;
  --ds-color-warning-base-active: #b27614;
  --ds-color-warning-base-contrast-subtle: #271a04;
  --ds-color-warning-base-contrast-default: #000000;
  --ds-color-focus-inner: #ffffff;
  --ds-color-focus-outer: #0a3129;
  --ds-link-color-visited: #663299;

  color-scheme: light;
}

}

}

/**
 * These files are generated from design tokens defind using Token Studio
 */

@layer ds.theme.typography.secondary {
[data-typography="secondary"] {
  --ds-font-family: Inter;
  --ds-font-weight-medium: 500;
  --ds-font-weight-semibold: 600;
  --ds-font-weight-regular: 400;
  --ds-heading-2xl-font-weight: 500;
  --ds-heading-2xl-line-height: 1.3;
  --ds-heading-2xl-font-size: 3.75rem;
  --ds-heading-2xl-letter-spacing: -1%;
  --ds-heading-xl-font-weight: 500;
  --ds-heading-xl-line-height: 1.3;
  --ds-heading-xl-font-size: 3rem;
  --ds-heading-xl-letter-spacing: -1%;
  --ds-heading-lg-font-weight: 500;
  --ds-heading-lg-line-height: 1.3;
  --ds-heading-lg-font-size: 2.25rem;
  --ds-heading-lg-letter-spacing: -0.5%;
  --ds-heading-md-font-weight: 500;
  --ds-heading-md-line-height: 1.3;
  --ds-heading-md-font-size: 1.875rem;
  --ds-heading-md-letter-spacing: -0.25%;
  --ds-heading-sm-font-weight: 500;
  --ds-heading-sm-line-height: 1.3;
  --ds-heading-sm-font-size: 1.5rem;
  --ds-heading-sm-letter-spacing: 0%;
  --ds-heading-xs-font-weight: 500;
  --ds-heading-xs-line-height: 1.3;
  --ds-heading-xs-font-size: 1.3125rem;
  --ds-heading-xs-letter-spacing: 0.15%;
  --ds-heading-2xs-font-weight: 500;
  --ds-heading-2xs-line-height: 1.3;
  --ds-heading-2xs-font-size: 1.125rem;
  --ds-heading-2xs-letter-spacing: 0.15%;
  --ds-body-xl-font-weight: 400;
  --ds-body-xl-line-height: 1.5;
  --ds-body-xl-font-size: 1.5rem;
  --ds-body-xl-letter-spacing: 0.5%;
  --ds-body-lg-font-weight: 400;
  --ds-body-lg-line-height: 1.5;
  --ds-body-lg-font-size: 1.3125rem;
  --ds-body-lg-letter-spacing: 0.5%;
  --ds-body-md-font-weight: 400;
  --ds-body-md-line-height: 1.5;
  --ds-body-md-font-size: 1.125rem;
  --ds-body-md-letter-spacing: 0.5%;
  --ds-body-sm-font-weight: 400;
  --ds-body-sm-line-height: 1.5;
  --ds-body-sm-font-size: 1rem;
  --ds-body-sm-letter-spacing: 0.25%;
  --ds-body-xs-font-weight: 400;
  --ds-body-xs-line-height: 1.5;
  --ds-body-xs-font-size: 0.875rem;
  --ds-body-xs-letter-spacing: 0.15%;
  --ds-body-short-xl-font-weight: 400;
  --ds-body-short-xl-line-height: 1.3;
  --ds-body-short-xl-font-size: 1.5rem;
  --ds-body-short-xl-letter-spacing: 0.5%;
  --ds-body-short-lg-font-weight: 400;
  --ds-body-short-lg-line-height: 1.3;
  --ds-body-short-lg-font-size: 1.3125rem;
  --ds-body-short-lg-letter-spacing: 0.5%;
  --ds-body-short-md-font-weight: 400;
  --ds-body-short-md-line-height: 1.3;
  --ds-body-short-md-font-size: 1.125rem;
  --ds-body-short-md-letter-spacing: 0.5%;
  --ds-body-short-sm-font-weight: 400;
  --ds-body-short-sm-line-height: 1.3;
  --ds-body-short-sm-font-size: 1rem;
  --ds-body-short-sm-letter-spacing: 0.25%;
  --ds-body-short-xs-font-weight: 400;
  --ds-body-short-xs-line-height: 1.3;
  --ds-body-short-xs-font-size: 0.875rem;
  --ds-body-short-xs-letter-spacing: 0.15%;
  --ds-body-long-xl-font-weight: 400;
  --ds-body-long-xl-line-height: 1.7;
  --ds-body-long-xl-font-size: 1.5rem;
  --ds-body-long-xl-letter-spacing: 0.5%;
  --ds-body-long-lg-font-weight: 400;
  --ds-body-long-lg-line-height: 1.7;
  --ds-body-long-lg-font-size: 1.3125rem;
  --ds-body-long-lg-letter-spacing: 0.5%;
  --ds-body-long-md-font-weight: 400;
  --ds-body-long-md-line-height: 1.7;
  --ds-body-long-md-font-size: 1.125rem;
  --ds-body-long-md-letter-spacing: 0.5%;
  --ds-body-long-sm-font-weight: 400;
  --ds-body-long-sm-line-height: 1.7;
  --ds-body-long-sm-font-size: 1rem;
  --ds-body-long-sm-letter-spacing: 0.25%;
  --ds-body-long-xs-font-weight: 400;
  --ds-body-long-xs-line-height: 1.7;
  --ds-body-long-xs-font-size: 0.875rem;
  --ds-body-long-xs-letter-spacing: 0.15%;
  --ds-line-height-sm: 1.3;
  --ds-line-height-md: 1.5;
  --ds-line-height-lg: 1.7;
  --ds-font-size-1: 0.75rem;
  --ds-font-size-2: 0.875rem;
  --ds-font-size-3: 1rem;
  --ds-font-size-4: 1.125rem;
  --ds-font-size-5: 1.3125rem;
  --ds-font-size-6: 1.5rem;
  --ds-font-size-7: 1.875rem;
  --ds-font-size-8: 2.25rem;
  --ds-font-size-9: 3rem;
  --ds-font-size-10: 3.75rem;
  --ds-letter-spacing-1: -1%;
  --ds-letter-spacing-2: -0.5%;
  --ds-letter-spacing-3: -0.25%;
  --ds-letter-spacing-4: -0.15%;
  --ds-letter-spacing-5: 0%;
  --ds-letter-spacing-6: 0.15%;
  --ds-letter-spacing-7: 0.25%;
  --ds-letter-spacing-8: 0.5%;
  --ds-letter-spacing-9: 1.5%;
}
}
/**
 * These files are generated from design tokens defind using Token Studio
 */

@layer ds.theme.semantic {
:root {
  --ds-size-base: 18;
  --ds-size-step: 4;
  --ds-border-radius-base: 0.25rem;
  --ds-border-radius-scale: 0.25rem;
  --ds-border-radius-sm: min(var(--ds-border-radius-base)*0.5,var(--ds-border-radius-scale));
  --ds-border-radius-md: min(var(--ds-border-radius-base),var(--ds-border-radius-scale)*2);
  --ds-border-radius-lg: min(var(--ds-border-radius-base)*2,var(--ds-border-radius-scale)*5);
  --ds-border-radius-xl: min(var(--ds-border-radius-base)*3,var(--ds-border-radius-scale)*7);
  --ds-border-radius-default: var(--ds-border-radius-base);
  --ds-border-radius-full: 624.9375rem;
  --ds-opacity-disabled: 30%;
  --ds-border-width-default: 1px;
  --ds-border-width-focus: 3px;
  --ds-shadow-xs: 0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12);
  --ds-shadow-sm: 0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1);
  --ds-shadow-md: 0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12);
  --ds-shadow-lg: 0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14);
  --ds-shadow-xl: 0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16);

  --ds-size-0:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0);
  --ds-size-1:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1);
  --ds-size-2:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2);
  --ds-size-3:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3);
  --ds-size-4:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4);
  --ds-size-5:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5);
  --ds-size-6:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6);
  --ds-size-7:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7);
  --ds-size-8:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8);
  --ds-size-9:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9);
  --ds-size-10:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10);
  --ds-size-11:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11);
  --ds-size-12:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12);
  --ds-size-13:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13);
  --ds-size-14:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14);
  --ds-size-15:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15);
  --ds-size-18:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18);
  --ds-size-22:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22);
  --ds-size-26:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26);
  --ds-size-30:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);

  @supports (width: round(down, .1em, 1px)) {
  --ds-size-0: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0), 0.0625rem);
  --ds-size-1: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1), 0.0625rem);
  --ds-size-2: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2), 0.0625rem);
  --ds-size-3: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3), 0.0625rem);
  --ds-size-4: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4), 0.0625rem);
  --ds-size-5: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5), 0.0625rem);
  --ds-size-6: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6), 0.0625rem);
  --ds-size-7: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7), 0.0625rem);
  --ds-size-8: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8), 0.0625rem);
  --ds-size-9: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9), 0.0625rem);
  --ds-size-10: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10), 0.0625rem);
  --ds-size-11: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11), 0.0625rem);
  --ds-size-12: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12), 0.0625rem);
  --ds-size-13: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13), 0.0625rem);
  --ds-size-14: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14), 0.0625rem);
  --ds-size-15: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15), 0.0625rem);
  --ds-size-18: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18), 0.0625rem);
  --ds-size-22: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22), 0.0625rem);
  --ds-size-26: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26), 0.0625rem);
  --ds-size-30: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30), 0.0625rem);
  }
}

}

/**
 * These files are generated from design tokens defind using Token Studio
 */

@layer ds.theme.color-scheme.dark {
[data-color-scheme="dark"] {
  --ds-color-primary-background-default: #0c1b16;
  --ds-color-primary-background-tinted: #10231d;
  --ds-color-primary-surface-default: #142c25;
  --ds-color-primary-surface-tinted: #17332a;
  --ds-color-primary-surface-hover: #1b3b31;
  --ds-color-primary-surface-active: #224a3e;
  --ds-color-primary-border-subtle: #2b584a;
  --ds-color-primary-border-default: #68887e;
  --ds-color-primary-border-strong: #96ada6;
  --ds-color-primary-text-subtle: #96ada6;
  --ds-color-primary-text-default: #e8edec;
  --ds-color-primary-base-default: #80aca2;
  --ds-color-primary-base-hover: #62988c;
  --ds-color-primary-base-active: #438476;
  --ds-color-primary-base-contrast-subtle: #111716;
  --ds-color-primary-base-contrast-default: #000000;
  --ds-color-accent-background-default: #0f1a17;
  --ds-color-accent-background-tinted: #13221e;
  --ds-color-accent-surface-default: #192b26;
  --ds-color-accent-surface-tinted: #1c322c;
  --ds-color-accent-surface-hover: #213a33;
  --ds-color-accent-surface-active: #294940;
  --ds-color-accent-border-subtle: #31574c;
  --ds-color-accent-border-default: #62897e;
  --ds-color-accent-border-strong: #92aea6;
  --ds-color-accent-text-subtle: #92aea6;
  --ds-color-accent-text-default: #e8edec;
  --ds-color-accent-base-default: #569385;
  --ds-color-accent-base-hover: #74a69a;
  --ds-color-accent-base-active: #93bab1;
  --ds-color-accent-base-contrast-subtle: #0d1715;
  --ds-color-accent-base-contrast-default: #000000;
  --ds-color-neutral-background-default: #0a1b17;
  --ds-color-neutral-background-tinted: #0d231e;
  --ds-color-neutral-surface-default: #142c26;
  --ds-color-neutral-surface-tinted: #1a322c;
  --ds-color-neutral-surface-hover: #233a34;
  --ds-color-neutral-surface-active: #324742;
  --ds-color-neutral-border-subtle: #40544f;
  --ds-color-neutral-border-default: #768481;
  --ds-color-neutral-border-strong: #a0aaa8;
  --ds-color-neutral-text-subtle: #a0aaa8;
  --ds-color-neutral-text-default: #ebedec;
  --ds-color-neutral-base-default: #9faeab;
  --ds-color-neutral-base-hover: #879a96;
  --ds-color-neutral-base-active: #6f8681;
  --ds-color-neutral-base-contrast-subtle: #191c1b;
  --ds-color-neutral-base-contrast-default: #000000;
  --ds-color-extra1-background-default: #111a15;
  --ds-color-extra1-background-tinted: #17221c;
  --ds-color-extra1-surface-default: #1d2b23;
  --ds-color-extra1-surface-tinted: #213128;
  --ds-color-extra1-surface-hover: #27392f;
  --ds-color-extra1-surface-active: #31483b;
  --ds-color-extra1-border-subtle: #3a5646;
  --ds-color-extra1-border-default: #5e8b71;
  --ds-color-extra1-border-strong: #7ab493;
  --ds-color-extra1-text-subtle: #7ab493;
  --ds-color-extra1-text-default: #d2f4e1;
  --ds-color-extra1-base-default: #13261c;
  --ds-color-extra1-base-hover: #1d392a;
  --ds-color-extra1-base-active: #274c39;
  --ds-color-extra1-base-contrast-subtle: #afb6b2;
  --ds-color-extra1-base-contrast-default: #ffffff;
  --ds-color-extra2-background-default: #151917;
  --ds-color-extra2-background-tinted: #1c201e;
  --ds-color-extra2-surface-default: #242926;
  --ds-color-extra2-surface-tinted: #292f2c;
  --ds-color-extra2-surface-hover: #303733;
  --ds-color-extra2-surface-active: #3c4540;
  --ds-color-extra2-border-subtle: #48524d;
  --ds-color-extra2-border-default: #74857c;
  --ds-color-extra2-border-strong: #97ada1;
  --ds-color-extra2-text-subtle: #97ada1;
  --ds-color-extra2-text-default: #daf2e5;
  --ds-color-extra2-base-default: #141917;
  --ds-color-extra2-base-hover: #222a26;
  --ds-color-extra2-base-active: #303c36;
  --ds-color-extra2-base-contrast-subtle: #a5a6a6;
  --ds-color-extra2-base-contrast-default: #ffffff;
  --ds-color-support-color-3-background-default: #0d1a16;
  --ds-color-support-color-3-background-tinted: #11231d;
  --ds-color-support-color-3-surface-default: #162c24;
  --ds-color-support-color-3-surface-tinted: #19332a;
  --ds-color-support-color-3-surface-hover: #1d3b31;
  --ds-color-support-color-3-surface-active: #254a3d;
  --ds-color-support-color-3-border-subtle: #2c5849;
  --ds-color-support-color-3-border-default: #478e75;
  --ds-color-support-color-3-border-strong: #76b49e;
  --ds-color-support-color-3-text-subtle: #76b49e;
  --ds-color-support-color-3-text-default: #e2efeb;
  --ds-color-support-color-3-base-default: #016a51;
  --ds-color-support-color-3-base-hover: #015541;
  --ds-color-support-color-3-base-active: #014131;
  --ds-color-support-color-3-base-contrast-subtle: #fcfdfd;
  --ds-color-support-color-3-base-contrast-default: #ffffff;
  --ds-color-success-background-default: #0d1b0d;
  --ds-color-success-background-tinted: #112411;
  --ds-color-success-surface-default: #152d15;
  --ds-color-success-surface-tinted: #183418;
  --ds-color-success-surface-hover: #1c3c1c;
  --ds-color-success-surface-active: #244c24;
  --ds-color-success-border-subtle: #2b5a2b;
  --ds-color-success-border-default: #528f52;
  --ds-color-success-border-strong: #89b289;
  --ds-color-success-text-subtle: #89b289;
  --ds-color-success-text-default: #e6efe6;
  --ds-color-success-base-default: #138d24;
  --ds-color-success-base-hover: #3ca14b;
  --ds-color-success-base-active: #66b571;
  --ds-color-success-base-contrast-subtle: #010501;
  --ds-color-success-base-contrast-default: #000000;
  --ds-color-danger-background-default: #2a100e;
  --ds-color-danger-background-tinted: #371512;
  --ds-color-danger-surface-default: #451b17;
  --ds-color-danger-surface-tinted: #4f1f1b;
  --ds-color-danger-surface-hover: #5c241f;
  --ds-color-danger-surface-active: #722d27;
  --ds-color-danger-border-subtle: #88352e;
  --ds-color-danger-border-default: #bc6b64;
  --ds-color-danger-border-strong: #d19a96;
  --ds-color-danger-text-subtle: #d19a96;
  --ds-color-danger-text-default: #f5eae9;
  --ds-color-danger-base-default: #d76e6e;
  --ds-color-danger-base-hover: #df8b8b;
  --ds-color-danger-base-active: #e7a8a8;
  --ds-color-danger-base-contrast-subtle: #271414;
  --ds-color-danger-base-contrast-default: #000000;
  --ds-color-info-background-default: #0d1925;
  --ds-color-info-background-tinted: #112130;
  --ds-color-info-surface-default: #15293d;
  --ds-color-info-surface-tinted: #182f46;
  --ds-color-info-surface-hover: #1c3751;
  --ds-color-info-surface-active: #234566;
  --ds-color-info-border-subtle: #2a537a;
  --ds-color-info-border-default: #5585b4;
  --ds-color-info-border-strong: #8aabcb;
  --ds-color-info-text-subtle: #8aabcb;
  --ds-color-info-text-default: #e6edf4;
  --ds-color-info-base-default: #2d85c9;
  --ds-color-info-base-hover: #519ad2;
  --ds-color-info-base-active: #77b0dc;
  --ds-color-info-base-contrast-subtle: #050e15;
  --ds-color-info-base-contrast-default: #000000;
  --ds-color-warning-background-default: #1e160d;
  --ds-color-warning-background-tinted: #281e11;
  --ds-color-warning-surface-default: #322616;
  --ds-color-warning-surface-tinted: #3a2b19;
  --ds-color-warning-surface-hover: #43321d;
  --ds-color-warning-surface-active: #543f24;
  --ds-color-warning-border-subtle: #654b2b;
  --ds-color-warning-border-default: #a37a46;
  --ds-color-warning-border-strong: #d39e5b;
  --ds-color-warning-text-subtle: #d39e5b;
  --ds-color-warning-text-default: #f7ebdb;
  --ds-color-warning-base-default: #60400b;
  --ds-color-warning-base-hover: #7a510e;
  --ds-color-warning-base-active: #946211;
  --ds-color-warning-base-contrast-subtle: #e6e2d9;
  --ds-color-warning-base-contrast-default: #ffffff;
  --ds-color-focus-inner: #0a1b17;
  --ds-color-focus-outer: #ebedec;
  --ds-link-color-visited: #b49acd;

  color-scheme: dark;
}
 
@media (prefers-color-scheme: dark) {
  [data-color-scheme="auto"] {
  --ds-color-primary-background-default: #0c1b16;
  --ds-color-primary-background-tinted: #10231d;
  --ds-color-primary-surface-default: #142c25;
  --ds-color-primary-surface-tinted: #17332a;
  --ds-color-primary-surface-hover: #1b3b31;
  --ds-color-primary-surface-active: #224a3e;
  --ds-color-primary-border-subtle: #2b584a;
  --ds-color-primary-border-default: #68887e;
  --ds-color-primary-border-strong: #96ada6;
  --ds-color-primary-text-subtle: #96ada6;
  --ds-color-primary-text-default: #e8edec;
  --ds-color-primary-base-default: #80aca2;
  --ds-color-primary-base-hover: #62988c;
  --ds-color-primary-base-active: #438476;
  --ds-color-primary-base-contrast-subtle: #111716;
  --ds-color-primary-base-contrast-default: #000000;
  --ds-color-accent-background-default: #0f1a17;
  --ds-color-accent-background-tinted: #13221e;
  --ds-color-accent-surface-default: #192b26;
  --ds-color-accent-surface-tinted: #1c322c;
  --ds-color-accent-surface-hover: #213a33;
  --ds-color-accent-surface-active: #294940;
  --ds-color-accent-border-subtle: #31574c;
  --ds-color-accent-border-default: #62897e;
  --ds-color-accent-border-strong: #92aea6;
  --ds-color-accent-text-subtle: #92aea6;
  --ds-color-accent-text-default: #e8edec;
  --ds-color-accent-base-default: #569385;
  --ds-color-accent-base-hover: #74a69a;
  --ds-color-accent-base-active: #93bab1;
  --ds-color-accent-base-contrast-subtle: #0d1715;
  --ds-color-accent-base-contrast-default: #000000;
  --ds-color-neutral-background-default: #0a1b17;
  --ds-color-neutral-background-tinted: #0d231e;
  --ds-color-neutral-surface-default: #142c26;
  --ds-color-neutral-surface-tinted: #1a322c;
  --ds-color-neutral-surface-hover: #233a34;
  --ds-color-neutral-surface-active: #324742;
  --ds-color-neutral-border-subtle: #40544f;
  --ds-color-neutral-border-default: #768481;
  --ds-color-neutral-border-strong: #a0aaa8;
  --ds-color-neutral-text-subtle: #a0aaa8;
  --ds-color-neutral-text-default: #ebedec;
  --ds-color-neutral-base-default: #9faeab;
  --ds-color-neutral-base-hover: #879a96;
  --ds-color-neutral-base-active: #6f8681;
  --ds-color-neutral-base-contrast-subtle: #191c1b;
  --ds-color-neutral-base-contrast-default: #000000;
  --ds-color-extra1-background-default: #111a15;
  --ds-color-extra1-background-tinted: #17221c;
  --ds-color-extra1-surface-default: #1d2b23;
  --ds-color-extra1-surface-tinted: #213128;
  --ds-color-extra1-surface-hover: #27392f;
  --ds-color-extra1-surface-active: #31483b;
  --ds-color-extra1-border-subtle: #3a5646;
  --ds-color-extra1-border-default: #5e8b71;
  --ds-color-extra1-border-strong: #7ab493;
  --ds-color-extra1-text-subtle: #7ab493;
  --ds-color-extra1-text-default: #d2f4e1;
  --ds-color-extra1-base-default: #13261c;
  --ds-color-extra1-base-hover: #1d392a;
  --ds-color-extra1-base-active: #274c39;
  --ds-color-extra1-base-contrast-subtle: #afb6b2;
  --ds-color-extra1-base-contrast-default: #ffffff;
  --ds-color-extra2-background-default: #151917;
  --ds-color-extra2-background-tinted: #1c201e;
  --ds-color-extra2-surface-default: #242926;
  --ds-color-extra2-surface-tinted: #292f2c;
  --ds-color-extra2-surface-hover: #303733;
  --ds-color-extra2-surface-active: #3c4540;
  --ds-color-extra2-border-subtle: #48524d;
  --ds-color-extra2-border-default: #74857c;
  --ds-color-extra2-border-strong: #97ada1;
  --ds-color-extra2-text-subtle: #97ada1;
  --ds-color-extra2-text-default: #daf2e5;
  --ds-color-extra2-base-default: #141917;
  --ds-color-extra2-base-hover: #222a26;
  --ds-color-extra2-base-active: #303c36;
  --ds-color-extra2-base-contrast-subtle: #a5a6a6;
  --ds-color-extra2-base-contrast-default: #ffffff;
  --ds-color-support-color-3-background-default: #0d1a16;
  --ds-color-support-color-3-background-tinted: #11231d;
  --ds-color-support-color-3-surface-default: #162c24;
  --ds-color-support-color-3-surface-tinted: #19332a;
  --ds-color-support-color-3-surface-hover: #1d3b31;
  --ds-color-support-color-3-surface-active: #254a3d;
  --ds-color-support-color-3-border-subtle: #2c5849;
  --ds-color-support-color-3-border-default: #478e75;
  --ds-color-support-color-3-border-strong: #76b49e;
  --ds-color-support-color-3-text-subtle: #76b49e;
  --ds-color-support-color-3-text-default: #e2efeb;
  --ds-color-support-color-3-base-default: #016a51;
  --ds-color-support-color-3-base-hover: #015541;
  --ds-color-support-color-3-base-active: #014131;
  --ds-color-support-color-3-base-contrast-subtle: #fcfdfd;
  --ds-color-support-color-3-base-contrast-default: #ffffff;
  --ds-color-success-background-default: #0d1b0d;
  --ds-color-success-background-tinted: #112411;
  --ds-color-success-surface-default: #152d15;
  --ds-color-success-surface-tinted: #183418;
  --ds-color-success-surface-hover: #1c3c1c;
  --ds-color-success-surface-active: #244c24;
  --ds-color-success-border-subtle: #2b5a2b;
  --ds-color-success-border-default: #528f52;
  --ds-color-success-border-strong: #89b289;
  --ds-color-success-text-subtle: #89b289;
  --ds-color-success-text-default: #e6efe6;
  --ds-color-success-base-default: #138d24;
  --ds-color-success-base-hover: #3ca14b;
  --ds-color-success-base-active: #66b571;
  --ds-color-success-base-contrast-subtle: #010501;
  --ds-color-success-base-contrast-default: #000000;
  --ds-color-danger-background-default: #2a100e;
  --ds-color-danger-background-tinted: #371512;
  --ds-color-danger-surface-default: #451b17;
  --ds-color-danger-surface-tinted: #4f1f1b;
  --ds-color-danger-surface-hover: #5c241f;
  --ds-color-danger-surface-active: #722d27;
  --ds-color-danger-border-subtle: #88352e;
  --ds-color-danger-border-default: #bc6b64;
  --ds-color-danger-border-strong: #d19a96;
  --ds-color-danger-text-subtle: #d19a96;
  --ds-color-danger-text-default: #f5eae9;
  --ds-color-danger-base-default: #d76e6e;
  --ds-color-danger-base-hover: #df8b8b;
  --ds-color-danger-base-active: #e7a8a8;
  --ds-color-danger-base-contrast-subtle: #271414;
  --ds-color-danger-base-contrast-default: #000000;
  --ds-color-info-background-default: #0d1925;
  --ds-color-info-background-tinted: #112130;
  --ds-color-info-surface-default: #15293d;
  --ds-color-info-surface-tinted: #182f46;
  --ds-color-info-surface-hover: #1c3751;
  --ds-color-info-surface-active: #234566;
  --ds-color-info-border-subtle: #2a537a;
  --ds-color-info-border-default: #5585b4;
  --ds-color-info-border-strong: #8aabcb;
  --ds-color-info-text-subtle: #8aabcb;
  --ds-color-info-text-default: #e6edf4;
  --ds-color-info-base-default: #2d85c9;
  --ds-color-info-base-hover: #519ad2;
  --ds-color-info-base-active: #77b0dc;
  --ds-color-info-base-contrast-subtle: #050e15;
  --ds-color-info-base-contrast-default: #000000;
  --ds-color-warning-background-default: #1e160d;
  --ds-color-warning-background-tinted: #281e11;
  --ds-color-warning-surface-default: #322616;
  --ds-color-warning-surface-tinted: #3a2b19;
  --ds-color-warning-surface-hover: #43321d;
  --ds-color-warning-surface-active: #543f24;
  --ds-color-warning-border-subtle: #654b2b;
  --ds-color-warning-border-default: #a37a46;
  --ds-color-warning-border-strong: #d39e5b;
  --ds-color-warning-text-subtle: #d39e5b;
  --ds-color-warning-text-default: #f7ebdb;
  --ds-color-warning-base-default: #60400b;
  --ds-color-warning-base-hover: #7a510e;
  --ds-color-warning-base-active: #946211;
  --ds-color-warning-base-contrast-subtle: #e6e2d9;
  --ds-color-warning-base-contrast-default: #ffffff;
  --ds-color-focus-inner: #0a1b17;
  --ds-color-focus-outer: #ebedec;
  --ds-link-color-visited: #b49acd;

  color-scheme: dark;
}

}

}

/**
 * These files are generated from design tokens defind using Token Studio
 */

@layer ds.theme.typography.primary {
:root, [data-typography="primary"] {
  --ds-font-family: Inter;
  --ds-font-weight-medium: 500;
  --ds-font-weight-semibold: 600;
  --ds-font-weight-regular: 400;
  --ds-heading-2xl-font-weight: 500;
  --ds-heading-2xl-line-height: 1.3;
  --ds-heading-2xl-font-size: 3.75rem;
  --ds-heading-2xl-letter-spacing: -1%;
  --ds-heading-xl-font-weight: 500;
  --ds-heading-xl-line-height: 1.3;
  --ds-heading-xl-font-size: 3rem;
  --ds-heading-xl-letter-spacing: -1%;
  --ds-heading-lg-font-weight: 500;
  --ds-heading-lg-line-height: 1.3;
  --ds-heading-lg-font-size: 2.25rem;
  --ds-heading-lg-letter-spacing: -0.5%;
  --ds-heading-md-font-weight: 500;
  --ds-heading-md-line-height: 1.3;
  --ds-heading-md-font-size: 1.875rem;
  --ds-heading-md-letter-spacing: -0.25%;
  --ds-heading-sm-font-weight: 500;
  --ds-heading-sm-line-height: 1.3;
  --ds-heading-sm-font-size: 1.5rem;
  --ds-heading-sm-letter-spacing: 0%;
  --ds-heading-xs-font-weight: 500;
  --ds-heading-xs-line-height: 1.3;
  --ds-heading-xs-font-size: 1.3125rem;
  --ds-heading-xs-letter-spacing: 0.15%;
  --ds-heading-2xs-font-weight: 500;
  --ds-heading-2xs-line-height: 1.3;
  --ds-heading-2xs-font-size: 1.125rem;
  --ds-heading-2xs-letter-spacing: 0.15%;
  --ds-body-xl-font-weight: 400;
  --ds-body-xl-line-height: 1.5;
  --ds-body-xl-font-size: 1.5rem;
  --ds-body-xl-letter-spacing: 0.5%;
  --ds-body-lg-font-weight: 400;
  --ds-body-lg-line-height: 1.5;
  --ds-body-lg-font-size: 1.3125rem;
  --ds-body-lg-letter-spacing: 0.5%;
  --ds-body-md-font-weight: 400;
  --ds-body-md-line-height: 1.5;
  --ds-body-md-font-size: 1.125rem;
  --ds-body-md-letter-spacing: 0.5%;
  --ds-body-sm-font-weight: 400;
  --ds-body-sm-line-height: 1.5;
  --ds-body-sm-font-size: 1rem;
  --ds-body-sm-letter-spacing: 0.25%;
  --ds-body-xs-font-weight: 400;
  --ds-body-xs-line-height: 1.5;
  --ds-body-xs-font-size: 0.875rem;
  --ds-body-xs-letter-spacing: 0.15%;
  --ds-body-short-xl-font-weight: 400;
  --ds-body-short-xl-line-height: 1.3;
  --ds-body-short-xl-font-size: 1.5rem;
  --ds-body-short-xl-letter-spacing: 0.5%;
  --ds-body-short-lg-font-weight: 400;
  --ds-body-short-lg-line-height: 1.3;
  --ds-body-short-lg-font-size: 1.3125rem;
  --ds-body-short-lg-letter-spacing: 0.5%;
  --ds-body-short-md-font-weight: 400;
  --ds-body-short-md-line-height: 1.3;
  --ds-body-short-md-font-size: 1.125rem;
  --ds-body-short-md-letter-spacing: 0.5%;
  --ds-body-short-sm-font-weight: 400;
  --ds-body-short-sm-line-height: 1.3;
  --ds-body-short-sm-font-size: 1rem;
  --ds-body-short-sm-letter-spacing: 0.25%;
  --ds-body-short-xs-font-weight: 400;
  --ds-body-short-xs-line-height: 1.3;
  --ds-body-short-xs-font-size: 0.875rem;
  --ds-body-short-xs-letter-spacing: 0.15%;
  --ds-body-long-xl-font-weight: 400;
  --ds-body-long-xl-line-height: 1.7;
  --ds-body-long-xl-font-size: 1.5rem;
  --ds-body-long-xl-letter-spacing: 0.5%;
  --ds-body-long-lg-font-weight: 400;
  --ds-body-long-lg-line-height: 1.7;
  --ds-body-long-lg-font-size: 1.3125rem;
  --ds-body-long-lg-letter-spacing: 0.5%;
  --ds-body-long-md-font-weight: 400;
  --ds-body-long-md-line-height: 1.7;
  --ds-body-long-md-font-size: 1.125rem;
  --ds-body-long-md-letter-spacing: 0.5%;
  --ds-body-long-sm-font-weight: 400;
  --ds-body-long-sm-line-height: 1.7;
  --ds-body-long-sm-font-size: 1rem;
  --ds-body-long-sm-letter-spacing: 0.25%;
  --ds-body-long-xs-font-weight: 400;
  --ds-body-long-xs-line-height: 1.7;
  --ds-body-long-xs-font-size: 0.875rem;
  --ds-body-long-xs-letter-spacing: 0.15%;
  --ds-line-height-sm: 1.3;
  --ds-line-height-md: 1.5;
  --ds-line-height-lg: 1.7;
  --ds-font-size-1: 0.75rem;
  --ds-font-size-2: 0.875rem;
  --ds-font-size-3: 1rem;
  --ds-font-size-4: 1.125rem;
  --ds-font-size-5: 1.3125rem;
  --ds-font-size-6: 1.5rem;
  --ds-font-size-7: 1.875rem;
  --ds-font-size-8: 2.25rem;
  --ds-font-size-9: 3rem;
  --ds-font-size-10: 3.75rem;
  --ds-letter-spacing-1: -1%;
  --ds-letter-spacing-2: -0.5%;
  --ds-letter-spacing-3: -0.25%;
  --ds-letter-spacing-4: -0.15%;
  --ds-letter-spacing-5: 0%;
  --ds-letter-spacing-6: 0.15%;
  --ds-letter-spacing-7: 0.25%;
  --ds-letter-spacing-8: 0.5%;
  --ds-letter-spacing-9: 1.5%;
}
}
/**
 * These files are generated from design tokens defind using Token Studio
 */

@layer ds.theme.color {
[data-color="accent"], [data-color-scheme][data-color="accent"] {
  --ds-color-background-default: var(--ds-color-accent-background-default);
  --ds-color-background-tinted: var(--ds-color-accent-background-tinted);
  --ds-color-surface-default: var(--ds-color-accent-surface-default);
  --ds-color-surface-tinted: var(--ds-color-accent-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-accent-surface-hover);
  --ds-color-surface-active: var(--ds-color-accent-surface-active);
  --ds-color-border-subtle: var(--ds-color-accent-border-subtle);
  --ds-color-border-default: var(--ds-color-accent-border-default);
  --ds-color-border-strong: var(--ds-color-accent-border-strong);
  --ds-color-text-subtle: var(--ds-color-accent-text-subtle);
  --ds-color-text-default: var(--ds-color-accent-text-default);
  --ds-color-base-default: var(--ds-color-accent-base-default);
  --ds-color-base-hover: var(--ds-color-accent-base-hover);
  --ds-color-base-active: var(--ds-color-accent-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-accent-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-accent-base-contrast-default);
}

}

/**
 * These files are generated from design tokens defind using Token Studio
 */

@layer ds.theme.color {
[data-color="danger"], [data-color-scheme][data-color="danger"] {
  --ds-color-background-default: var(--ds-color-danger-background-default);
  --ds-color-background-tinted: var(--ds-color-danger-background-tinted);
  --ds-color-surface-default: var(--ds-color-danger-surface-default);
  --ds-color-surface-tinted: var(--ds-color-danger-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-danger-surface-hover);
  --ds-color-surface-active: var(--ds-color-danger-surface-active);
  --ds-color-border-subtle: var(--ds-color-danger-border-subtle);
  --ds-color-border-default: var(--ds-color-danger-border-default);
  --ds-color-border-strong: var(--ds-color-danger-border-strong);
  --ds-color-text-subtle: var(--ds-color-danger-text-subtle);
  --ds-color-text-default: var(--ds-color-danger-text-default);
  --ds-color-base-default: var(--ds-color-danger-base-default);
  --ds-color-base-hover: var(--ds-color-danger-base-hover);
  --ds-color-base-active: var(--ds-color-danger-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-danger-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-danger-base-contrast-default);
}

}

/**
 * These files are generated from design tokens defind using Token Studio
 */

@layer ds.theme.color {
[data-color="extra1"], [data-color-scheme][data-color="extra1"] {
  --ds-color-background-default: var(--ds-color-extra1-background-default);
  --ds-color-background-tinted: var(--ds-color-extra1-background-tinted);
  --ds-color-surface-default: var(--ds-color-extra1-surface-default);
  --ds-color-surface-tinted: var(--ds-color-extra1-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-extra1-surface-hover);
  --ds-color-surface-active: var(--ds-color-extra1-surface-active);
  --ds-color-border-subtle: var(--ds-color-extra1-border-subtle);
  --ds-color-border-default: var(--ds-color-extra1-border-default);
  --ds-color-border-strong: var(--ds-color-extra1-border-strong);
  --ds-color-text-subtle: var(--ds-color-extra1-text-subtle);
  --ds-color-text-default: var(--ds-color-extra1-text-default);
  --ds-color-base-default: var(--ds-color-extra1-base-default);
  --ds-color-base-hover: var(--ds-color-extra1-base-hover);
  --ds-color-base-active: var(--ds-color-extra1-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-extra1-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-extra1-base-contrast-default);
}

}

/**
 * These files are generated from design tokens defind using Token Studio
 */

@layer ds.theme.color {
[data-color="extra2"], [data-color-scheme][data-color="extra2"] {
  --ds-color-background-default: var(--ds-color-extra2-background-default);
  --ds-color-background-tinted: var(--ds-color-extra2-background-tinted);
  --ds-color-surface-default: var(--ds-color-extra2-surface-default);
  --ds-color-surface-tinted: var(--ds-color-extra2-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-extra2-surface-hover);
  --ds-color-surface-active: var(--ds-color-extra2-surface-active);
  --ds-color-border-subtle: var(--ds-color-extra2-border-subtle);
  --ds-color-border-default: var(--ds-color-extra2-border-default);
  --ds-color-border-strong: var(--ds-color-extra2-border-strong);
  --ds-color-text-subtle: var(--ds-color-extra2-text-subtle);
  --ds-color-text-default: var(--ds-color-extra2-text-default);
  --ds-color-base-default: var(--ds-color-extra2-base-default);
  --ds-color-base-hover: var(--ds-color-extra2-base-hover);
  --ds-color-base-active: var(--ds-color-extra2-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-extra2-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-extra2-base-contrast-default);
}

}

/**
 * These files are generated from design tokens defind using Token Studio
 */

@layer ds.theme.color {
[data-color="info"], [data-color-scheme][data-color="info"] {
  --ds-color-background-default: var(--ds-color-info-background-default);
  --ds-color-background-tinted: var(--ds-color-info-background-tinted);
  --ds-color-surface-default: var(--ds-color-info-surface-default);
  --ds-color-surface-tinted: var(--ds-color-info-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-info-surface-hover);
  --ds-color-surface-active: var(--ds-color-info-surface-active);
  --ds-color-border-subtle: var(--ds-color-info-border-subtle);
  --ds-color-border-default: var(--ds-color-info-border-default);
  --ds-color-border-strong: var(--ds-color-info-border-strong);
  --ds-color-text-subtle: var(--ds-color-info-text-subtle);
  --ds-color-text-default: var(--ds-color-info-text-default);
  --ds-color-base-default: var(--ds-color-info-base-default);
  --ds-color-base-hover: var(--ds-color-info-base-hover);
  --ds-color-base-active: var(--ds-color-info-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-info-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-info-base-contrast-default);
}

}

/**
 * These files are generated from design tokens defind using Token Studio
 */

@layer ds.theme.color {
[data-color="neutral"], [data-color-scheme][data-color="neutral"] {
  --ds-color-background-default: var(--ds-color-neutral-background-default);
  --ds-color-background-tinted: var(--ds-color-neutral-background-tinted);
  --ds-color-surface-default: var(--ds-color-neutral-surface-default);
  --ds-color-surface-tinted: var(--ds-color-neutral-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-neutral-surface-hover);
  --ds-color-surface-active: var(--ds-color-neutral-surface-active);
  --ds-color-border-subtle: var(--ds-color-neutral-border-subtle);
  --ds-color-border-default: var(--ds-color-neutral-border-default);
  --ds-color-border-strong: var(--ds-color-neutral-border-strong);
  --ds-color-text-subtle: var(--ds-color-neutral-text-subtle);
  --ds-color-text-default: var(--ds-color-neutral-text-default);
  --ds-color-base-default: var(--ds-color-neutral-base-default);
  --ds-color-base-hover: var(--ds-color-neutral-base-hover);
  --ds-color-base-active: var(--ds-color-neutral-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-neutral-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-neutral-base-contrast-default);
}

}

/**
 * These files are generated from design tokens defind using Token Studio
 */

@layer ds.theme.color {
:root, [data-color-scheme], [data-color="primary"] {
  --ds-color-background-default: var(--ds-color-primary-background-default);
  --ds-color-background-tinted: var(--ds-color-primary-background-tinted);
  --ds-color-surface-default: var(--ds-color-primary-surface-default);
  --ds-color-surface-tinted: var(--ds-color-primary-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-primary-surface-hover);
  --ds-color-surface-active: var(--ds-color-primary-surface-active);
  --ds-color-border-subtle: var(--ds-color-primary-border-subtle);
  --ds-color-border-default: var(--ds-color-primary-border-default);
  --ds-color-border-strong: var(--ds-color-primary-border-strong);
  --ds-color-text-subtle: var(--ds-color-primary-text-subtle);
  --ds-color-text-default: var(--ds-color-primary-text-default);
  --ds-color-base-default: var(--ds-color-primary-base-default);
  --ds-color-base-hover: var(--ds-color-primary-base-hover);
  --ds-color-base-active: var(--ds-color-primary-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-primary-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-primary-base-contrast-default);
}

}

/**
 * These files are generated from design tokens defind using Token Studio
 */

@layer ds.theme.color {
[data-color="success"], [data-color-scheme][data-color="success"] {
  --ds-color-background-default: var(--ds-color-success-background-default);
  --ds-color-background-tinted: var(--ds-color-success-background-tinted);
  --ds-color-surface-default: var(--ds-color-success-surface-default);
  --ds-color-surface-tinted: var(--ds-color-success-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-success-surface-hover);
  --ds-color-surface-active: var(--ds-color-success-surface-active);
  --ds-color-border-subtle: var(--ds-color-success-border-subtle);
  --ds-color-border-default: var(--ds-color-success-border-default);
  --ds-color-border-strong: var(--ds-color-success-border-strong);
  --ds-color-text-subtle: var(--ds-color-success-text-subtle);
  --ds-color-text-default: var(--ds-color-success-text-default);
  --ds-color-base-default: var(--ds-color-success-base-default);
  --ds-color-base-hover: var(--ds-color-success-base-hover);
  --ds-color-base-active: var(--ds-color-success-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-success-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-success-base-contrast-default);
}

}

/**
 * These files are generated from design tokens defind using Token Studio
 */

@layer ds.theme.color {
[data-color="support-color-3"], [data-color-scheme][data-color="support-color-3"] {
  --ds-color-background-default: var(--ds-color-support-color-3-background-default);
  --ds-color-background-tinted: var(--ds-color-support-color-3-background-tinted);
  --ds-color-surface-default: var(--ds-color-support-color-3-surface-default);
  --ds-color-surface-tinted: var(--ds-color-support-color-3-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-support-color-3-surface-hover);
  --ds-color-surface-active: var(--ds-color-support-color-3-surface-active);
  --ds-color-border-subtle: var(--ds-color-support-color-3-border-subtle);
  --ds-color-border-default: var(--ds-color-support-color-3-border-default);
  --ds-color-border-strong: var(--ds-color-support-color-3-border-strong);
  --ds-color-text-subtle: var(--ds-color-support-color-3-text-subtle);
  --ds-color-text-default: var(--ds-color-support-color-3-text-default);
  --ds-color-base-default: var(--ds-color-support-color-3-base-default);
  --ds-color-base-hover: var(--ds-color-support-color-3-base-hover);
  --ds-color-base-active: var(--ds-color-support-color-3-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-support-color-3-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-support-color-3-base-contrast-default);
}

}

/**
 * These files are generated from design tokens defind using Token Studio
 */

@layer ds.theme.color {
[data-color="warning"], [data-color-scheme][data-color="warning"] {
  --ds-color-background-default: var(--ds-color-warning-background-default);
  --ds-color-background-tinted: var(--ds-color-warning-background-tinted);
  --ds-color-surface-default: var(--ds-color-warning-surface-default);
  --ds-color-surface-tinted: var(--ds-color-warning-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-warning-surface-hover);
  --ds-color-surface-active: var(--ds-color-warning-surface-active);
  --ds-color-border-subtle: var(--ds-color-warning-border-subtle);
  --ds-color-border-default: var(--ds-color-warning-border-default);
  --ds-color-border-strong: var(--ds-color-warning-border-strong);
  --ds-color-text-subtle: var(--ds-color-warning-text-subtle);
  --ds-color-text-default: var(--ds-color-warning-text-default);
  --ds-color-base-default: var(--ds-color-warning-base-default);
  --ds-color-base-hover: var(--ds-color-warning-base-hover);
  --ds-color-base-active: var(--ds-color-warning-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-warning-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-warning-base-contrast-default);
}

}