/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
:root,
:host,
.s-theme-default {
  --s-color-blue-0: #f0f8ff;
  --s-color-blue-1: #d4e9ff;
  --s-color-blue-2: #abd1ff;
  --s-color-blue-3: #82b6ff;
  --s-color-blue-4: #5591f2;
  --s-color-blue-5: #2b6de5;
  --s-color-blue-6: #1b4fbf;
  --s-color-blue-7: #0e3599;
  --s-color-blue-8: #052073;
  --s-color-blue-9: #02124d;
  --s-color-red-0: #fff1f0;
  --s-color-red-1: #ffcbc7;
  --s-color-red-2: #ffa19e;
  --s-color-red-3: #ff7575;
  --s-color-red-4: #ff4d52;
  --s-color-red-5: #f72231;
  --s-color-red-6: #d11326;
  --s-color-red-7: #ab071d;
  --s-color-red-8: #850016;
  --s-color-red-9: #5e0013;
  --s-color-green-0: #edfff4;
  --s-color-green-1: #c4ffdd;
  --s-color-green-2: #94f2be;
  --s-color-green-3: #67e6a4;
  --s-color-green-4: #3fd98e;
  --s-color-green-5: #1acb7c;
  --s-color-green-6: #0da666;
  --s-color-green-7: #048050;
  --s-color-green-8: #00593a;
  --s-color-green-9: #003323;
  --s-color-gold-0: #fff7e6;
  --s-color-gold-1: #ffe7ba;
  --s-color-gold-2: #ffd591;
  --s-color-gold-3: #ffc069;
  --s-color-gold-4: #ffa940;
  --s-color-gold-5: #fa8c16;
  --s-color-gold-6: #d46b08;
  --s-color-gold-7: #ad4e00;
  --s-color-gold-8: #873800;
  --s-color-gold-9: #612500;
  --s-color-grey-0: #fbfbfc;
  --s-color-grey-1: #f6f7f8;
  --s-color-grey-2: #f1f2f4;
  --s-color-grey-3: #eceef0;
  --s-color-grey-4: #dbdee2;
  --s-color-grey-5: #c2c7ce;
  --s-color-grey-6: #aab0ba;
  --s-color-grey-7: #6d7789;
  --s-color-grey-8: #3c4961;
  --s-color-grey-9: #0a1b39;
  --s-color-grey-bg-0: rgba(10, 27, 57, 0.02);
  --s-color-grey-bg-1: rgba(10, 27, 57, 0.04);
  --s-color-grey-bg-2: rgba(10, 27, 57, 0.06);
  --s-color-grey-bg-3: rgba(10, 27, 57, 0.08);
  --s-color-grey-bg-4: rgba(10, 27, 57, 0.15);
  --s-color-grey-bg-5: rgba(10, 27, 57, 0.25);
  --s-color-grey-bg-6: rgba(10, 27, 57, 0.35);
  --s-color-grey-bg-7: rgba(10, 27, 57, 0.6);
  --s-color-grey-bg-8: rgba(10, 27, 57, 0.8);
  --s-color-grey-bg-9: #0a1b39;
  /*
   * Color Primitives
   */
  --s-color-white: #fff;
  --s-color-black: #000;
  --s-color-primary: var(--s-color-blue-5);
  --s-color-primary-hover: var(--s-color-blue-4);
  --s-color-primary-active: var(--s-color-blue-6);
  --s-color-primary-disabled: var(--s-color-blue-2);
  --s-color-primary-bg: var(--s-color-blue-1);
  --s-color-primary-bg-light: var(--s-color-blue-0);
  --s-color-success: var(--s-color-green-5);
  --s-color-success-hover: var(--s-color-green-4);
  --s-color-success-active: var(--s-color-green-6);
  --s-color-success-disabled: var(--s-color-green-2);
  --s-color-success-bg: var(--s-color-green-1);
  --s-color-success-bg-light: var(--s-color-green-0);
  --s-color-error: var(--s-color-red-5);
  --s-color-error-hover: var(--s-color-red-4);
  --s-color-error-active: var(--s-color-red-6);
  --s-color-error-disabled: var(--s-color-red-2);
  --s-color-error-bg: var(--s-color-red-1);
  --s-color-error-bg-light: var(--s-color-red-0);
  --s-color-warning: var(--s-color-gold-5);
  --s-color-warning-hover: var(--s-color-gold-4);
  --s-color-warning-active: var(--s-color-gold-6);
  --s-color-warning-disabled: var(--s-color-gold-2);
  --s-color-warning-bg: var(--s-color-gold-1);
  --s-color-warning-bg-light: var(--s-color-gold-0);
  --s-color-fill: rgba(46, 50, 56, 0.05);
  --s-color-fill-quaternary: rgba(46, 50, 56, 0.09);
  --s-color-fill-secondary: rgba(46, 50, 56, 0.13);
  --s-color-neutral-0: hsl(0, 0%, 100%);
  --s-color-neutral-700: hsl(240, 5.3%, 26.1%);
  --s-focus-ring-color: hsl(200.4, 98%, 39.4%);
  --s-focus-ring-style: solid;
  --s-focus-ring-width: 3px;
  --s-focus-ring: var(--s-focus-ring-style) var(--s-focus-ring-width) var(--s-focus-ring-color);
  --s-focus-ring-offset: 1px;
  /*
   * Theme Tokens
   */
  /* Font sizes */
  --s-font-size-small: 12px;
  --s-font-size: 14px;
  --s-font-size-heading-1: 38px;
  --s-font-size-heading-2: 30px;
  --s-font-size-heading-3: 24px;
  --s-font-size-heading-4: 20px;
  --s-font-size-heading-5: 16px;
  --s-line-height-small: 20px;
  --s-line-height: 22px;
  --s-line-height-heading-1: 46px;
  --s-line-height-heading-2: 38px;
  --s-line-height-heading-3: 32px;
  --s-line-height-heading-4: 28px;
  --s-line-height-heading-5: 24px;
  --s-border-radius-none: 0px;
  --s-border-radius-small: 2px;
  --s-border-radius: 4px;
  --s-border-radius-large: 8px;
  --s-border-radius-circle: 50%;
  --s-border-radius-pill: 9999px;
  --s-border-width: 1px;
}