:root {
  --splash-ui-z-index-base: 0;
  --splash-ui-z-index-overlay: 1;
  --splash-ui-z-index-modal: 2;

  --splash-ui-semantic-primitives-typography-font-family-display: var(
    --splash-ui-semantic-primitives-typography-font-family-jumbo
  );

  /* @deprecated: use --splash-ui-component-company-header-background-color */
  --splash-ui-component-company-header: var(--splash-ui-component-company-header-background-color);

  /* @deprecated: use --splash-ui-component-percent-bar-background-color-neutral */
  --splash-ui-component-percent-bar-background-color-positive: var(
    --splash-ui-component-percent-bar-background-color-neutral
  );
  /* @deprecated: use --splash-ui-component-percent-bar-background-color-brand */
  --splash-ui-component-percent-bar-background-color-negative: var(
    --splash-ui-component-percent-bar-background-color-brand
  );
  /* @deprecated: use --splash-ui-component-percent-bar-foreground-color-neutral */
  --splash-ui-component-percent-bar-foreground-color-positive: var(
    --splash-ui-component-percent-bar-foreground-color-neutral
  );
  /* @deprecated: use --splash-ui-component-percent-bar-foreground-color-brand */
  --splash-ui-component-percent-bar-foreground-color-negative: var(
    --splash-ui-component-percent-bar-foreground-color-brand
  );
}

body {
  font-family: var(--splash-ui-semantic-primitives-typography-font-family-string-body);
  margin: 0;
  line-height: 1.5;
  background: var(--splash-ui-semantic-primitives-color-background-default);
  color: var(--splash-ui-semantic-primitives-color-text-default);
  /* eliminate 300ms click delay on iOS */
  touch-action: manipulation;

  @media print {
    /* This fixes an issue where when printing a selection,
          an extra blank page is printed in IE10 and IE11.
          Solution found here: http://stackoverflow.com/a/22320644/7752 */
    height: auto;
  }
}

#root {
  container-type: inline-size;
}

@font-face {
  font-family: 'Inter';
  src: url('https://cdn.spv.no/static/assets/fonts/1.1.1/Inter_18pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('https://cdn.spv.no/static/assets/fonts/1.1.1/Inter_18pt-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('https://cdn.spv.no/static/assets/fonts/1.1.1/Inter_18pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('https://cdn.spv.no/static/assets/fonts/1.1.1/Inter_18pt-MediumItalic.ttf')
    format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('https://cdn.spv.no/static/assets/fonts/1.1.1/Inter_18pt-SemiBold.ttf')
    format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('https://cdn.spv.no/static/assets/fonts/1.1.1/Inter_18pt-SemiBoldItalic.ttf')
    format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('https://cdn.spv.no/static/assets/fonts/1.1.1/Inter_18pt-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('https://cdn.spv.no/static/assets/fonts/1.1.1/Inter_18pt-BoldItalic.ttf')
    format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'SB Norge Sans';
  src:
    url('https://cdn.spv.no/static/assets/fonts/1.1.1/SBNorgeSans-Semibold.woff2') format('woff2'),
    url('https://cdn.spv.no/static/assets/fonts/1.1.1/SBNorgeSans-Semibold.woff') format('woff'),
    url('https://cdn.spv.no/static/assets/fonts/1.1.1/SBNorgeSans-Semibold.ttf') format('truetype'),
    url('https://cdn.spv.no/static/assets/fonts/1.1.1/SBNorgeSans-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/**************************
* This file is auto-generated from Figma tokens.
* Do not edit manually.
**************************/

:root {
  --splash-ui-breakpoints-text-size-heading-x-large: 1.5rem;
  --splash-ui-breakpoints-text-size-heading-large: 1.25rem;
  --splash-ui-breakpoints-text-size-heading-medium: 1.125rem;
  --splash-ui-breakpoints-text-size-heading-small: 1rem;
  --splash-ui-breakpoints-text-size-heading-x-small: 0.875rem;
  --splash-ui-breakpoints-text-size-text-medium: 1rem;
  --splash-ui-breakpoints-text-size-text-x-large: 1.25rem;
  --splash-ui-breakpoints-text-size-input-label: 1rem;
  --splash-ui-breakpoints-text-size-input-info: 0.875rem;
  --splash-ui-breakpoints-text-size-text-small: 0.875rem;
  --splash-ui-breakpoints-text-size-text-x-small: 0.8125rem;
  --splash-ui-breakpoints-text-size-text-large: 1.125rem;
  --splash-ui-breakpoints-text-size-heading-xx-large: 1.75rem;
  --splash-ui-breakpoints-text-size-jumbo-small: 2.25rem;
  --splash-ui-breakpoints-text-size-jumbo-medium: 2.5rem;
  --splash-ui-breakpoints-text-size-jumbo-large: 3rem;
  --splash-ui-breakpoints-text-size-heading-xxx-large: 2rem;
  --splash-ui-breakpoints-text-size-text-xx-large: 1.5rem;
  --splash-ui-breakpoints-text-size-text-xxx-large: 1.75rem;
  --splash-ui-breakpoints-header: Mobile;
}
@media (min-width: 768px) {
  /**************************
* This file is auto-generated from Figma tokens.
* Do not edit manually.
**************************/

  :root {
    --splash-ui-breakpoints-text-size-heading-x-large: 1.75rem;
    --splash-ui-breakpoints-text-size-heading-large: 1.375rem;
    --splash-ui-breakpoints-text-size-heading-medium: 1.25rem;
    --splash-ui-breakpoints-text-size-heading-small: 1.125rem;
    --splash-ui-breakpoints-text-size-heading-x-small: 1rem;
    --splash-ui-breakpoints-text-size-text-medium: 1rem;
    --splash-ui-breakpoints-text-size-text-x-large: 1.25rem;
    --splash-ui-breakpoints-text-size-input-label: 1rem;
    --splash-ui-breakpoints-text-size-input-info: 1rem;
    --splash-ui-breakpoints-text-size-text-small: 0.875rem;
    --splash-ui-breakpoints-text-size-text-x-small: 0.8125rem;
    --splash-ui-breakpoints-text-size-text-large: 1.125rem;
    --splash-ui-breakpoints-text-size-heading-xx-large: 2rem;
    --splash-ui-breakpoints-text-size-jumbo-small: 2.375rem;
    --splash-ui-breakpoints-text-size-jumbo-medium: 2.75rem;
    --splash-ui-breakpoints-text-size-jumbo-large: 3.25rem;
    --splash-ui-breakpoints-text-size-heading-xxx-large: 2.25rem;
    --splash-ui-breakpoints-text-size-text-xx-large: 1.5rem;
    --splash-ui-breakpoints-text-size-text-xxx-large: 1.75rem;
    --splash-ui-breakpoints-header: Tablet;
  }
}
@media (min-width: 992px) {
  /**************************
* This file is auto-generated from Figma tokens.
* Do not edit manually.
**************************/

  :root {
    --splash-ui-breakpoints-text-size-heading-x-large: 1.75rem;
    --splash-ui-breakpoints-text-size-heading-large: 1.5rem;
    --splash-ui-breakpoints-text-size-heading-medium: 1.25rem;
    --splash-ui-breakpoints-text-size-heading-small: 1.125rem;
    --splash-ui-breakpoints-text-size-heading-x-small: 1rem;
    --splash-ui-breakpoints-text-size-text-medium: 1rem;
    --splash-ui-breakpoints-text-size-text-x-large: 1.25rem;
    --splash-ui-breakpoints-text-size-input-label: 1rem;
    --splash-ui-breakpoints-text-size-input-info: 1rem;
    --splash-ui-breakpoints-text-size-text-small: 0.875rem;
    --splash-ui-breakpoints-text-size-text-x-small: 0.8125rem;
    --splash-ui-breakpoints-text-size-text-large: 1.125rem;
    --splash-ui-breakpoints-text-size-heading-xx-large: 2.25rem;
    --splash-ui-breakpoints-text-size-jumbo-small: 2.5rem;
    --splash-ui-breakpoints-text-size-jumbo-medium: 3rem;
    --splash-ui-breakpoints-text-size-jumbo-large: 3.5rem;
    --splash-ui-breakpoints-text-size-heading-xxx-large: 3.25rem;
    --splash-ui-breakpoints-text-size-text-xx-large: 1.5rem;
    --splash-ui-breakpoints-text-size-text-xxx-large: 1.75rem;
    --splash-ui-breakpoints-header: Desktop;
  }
}
/**************************
* This file is auto-generated from Figma tokens.
* Do not edit manually.
**************************/

:root {
  --splash-ui-breakpoints-text-size-heading-x-large-desktop: 1.75rem;
  --splash-ui-breakpoints-text-size-heading-large-desktop: 1.5rem;
  --splash-ui-breakpoints-text-size-heading-medium-desktop: 1.25rem;
  --splash-ui-breakpoints-text-size-heading-small-desktop: 1.125rem;
  --splash-ui-breakpoints-text-size-heading-x-small-desktop: 1rem;
  --splash-ui-breakpoints-text-size-text-medium-desktop: 1rem;
  --splash-ui-breakpoints-text-size-text-x-large-desktop: 1.25rem;
  --splash-ui-breakpoints-text-size-input-label-desktop: 1rem;
  --splash-ui-breakpoints-text-size-input-info-desktop: 1rem;
  --splash-ui-breakpoints-text-size-text-small-desktop: 0.875rem;
  --splash-ui-breakpoints-text-size-text-x-small-desktop: 0.8125rem;
  --splash-ui-breakpoints-text-size-text-large-desktop: 1.125rem;
  --splash-ui-breakpoints-text-size-heading-xx-large-desktop: 2.25rem;
  --splash-ui-breakpoints-text-size-jumbo-small-desktop: 2.5rem;
  --splash-ui-breakpoints-text-size-jumbo-medium-desktop: 3rem;
  --splash-ui-breakpoints-text-size-jumbo-large-desktop: 3.5rem;
  --splash-ui-breakpoints-text-size-heading-xxx-large-desktop: 3.25rem;
  --splash-ui-breakpoints-text-size-text-xx-large-desktop: 1.5rem;
  --splash-ui-breakpoints-text-size-text-xxx-large-desktop: 1.75rem;
  --splash-ui-breakpoints-header-desktop: Desktop;
  --splash-ui-breakpoints-text-size-heading-x-large-mobile: 1.5rem;
  --splash-ui-breakpoints-text-size-heading-large-mobile: 1.25rem;
  --splash-ui-breakpoints-text-size-heading-medium-mobile: 1.125rem;
  --splash-ui-breakpoints-text-size-heading-small-mobile: 1rem;
  --splash-ui-breakpoints-text-size-heading-x-small-mobile: 0.875rem;
  --splash-ui-breakpoints-text-size-text-medium-mobile: 1rem;
  --splash-ui-breakpoints-text-size-text-x-large-mobile: 1.25rem;
  --splash-ui-breakpoints-text-size-input-label-mobile: 1rem;
  --splash-ui-breakpoints-text-size-input-info-mobile: 0.875rem;
  --splash-ui-breakpoints-text-size-text-small-mobile: 0.875rem;
  --splash-ui-breakpoints-text-size-text-x-small-mobile: 0.8125rem;
  --splash-ui-breakpoints-text-size-text-large-mobile: 1.125rem;
  --splash-ui-breakpoints-text-size-heading-xx-large-mobile: 1.75rem;
  --splash-ui-breakpoints-text-size-jumbo-small-mobile: 2.25rem;
  --splash-ui-breakpoints-text-size-jumbo-medium-mobile: 2.5rem;
  --splash-ui-breakpoints-text-size-jumbo-large-mobile: 3rem;
  --splash-ui-breakpoints-text-size-heading-xxx-large-mobile: 2rem;
  --splash-ui-breakpoints-text-size-text-xx-large-mobile: 1.5rem;
  --splash-ui-breakpoints-text-size-text-xxx-large-mobile: 1.75rem;
  --splash-ui-breakpoints-header-mobile: Mobile;
  --splash-ui-breakpoints-text-size-heading-x-large-tablet: 1.75rem;
  --splash-ui-breakpoints-text-size-heading-large-tablet: 1.375rem;
  --splash-ui-breakpoints-text-size-heading-medium-tablet: 1.25rem;
  --splash-ui-breakpoints-text-size-heading-small-tablet: 1.125rem;
  --splash-ui-breakpoints-text-size-heading-x-small-tablet: 1rem;
  --splash-ui-breakpoints-text-size-text-medium-tablet: 1rem;
  --splash-ui-breakpoints-text-size-text-x-large-tablet: 1.25rem;
  --splash-ui-breakpoints-text-size-input-label-tablet: 1rem;
  --splash-ui-breakpoints-text-size-input-info-tablet: 1rem;
  --splash-ui-breakpoints-text-size-text-small-tablet: 0.875rem;
  --splash-ui-breakpoints-text-size-text-x-small-tablet: 0.8125rem;
  --splash-ui-breakpoints-text-size-text-large-tablet: 1.125rem;
  --splash-ui-breakpoints-text-size-heading-xx-large-tablet: 2rem;
  --splash-ui-breakpoints-text-size-jumbo-small-tablet: 2.375rem;
  --splash-ui-breakpoints-text-size-jumbo-medium-tablet: 2.75rem;
  --splash-ui-breakpoints-text-size-jumbo-large-tablet: 3.25rem;
  --splash-ui-breakpoints-text-size-heading-xxx-large-tablet: 2.25rem;
  --splash-ui-breakpoints-text-size-text-xx-large-tablet: 1.5rem;
  --splash-ui-breakpoints-text-size-text-xxx-large-tablet: 1.75rem;
  --splash-ui-breakpoints-header-tablet: Tablet;
}
/**************************
* This file is auto-generated from Figma tokens.
* Do not edit manually.
**************************/

:root {
  --splash-ui-primitives-sbn-color-global-white: #ffffff;
  --splash-ui-primitives-sbn-color-global-brand: #ff4238;
  --splash-ui-primitives-sbn-color-global-transparent: #00000000;
  --splash-ui-primitives-sbn-color-red-50: #fffafa;
  --splash-ui-primitives-sbn-color-red-100: #fff2f2;
  --splash-ui-primitives-sbn-color-red-200: #fee8e5;
  --splash-ui-primitives-sbn-color-red-300: #fdded8;
  --splash-ui-primitives-sbn-color-red-400: #fecac3;
  --splash-ui-primitives-sbn-color-red-500: #ffb8ad;
  --splash-ui-primitives-sbn-color-red-600: #fe998e;
  --splash-ui-primitives-sbn-color-red-700: #fe776c;
  --splash-ui-primitives-sbn-color-red-800: #ff564d;
  --splash-ui-primitives-sbn-color-red-900: #ff4238;
  --splash-ui-primitives-sbn-color-red-950: #eb0c00;
  --splash-ui-primitives-sbn-color-red-1000: #d7282a;
  --splash-ui-primitives-sbn-color-red-1100: #b0151f;
  --splash-ui-primitives-sbn-color-red-1200: #891018;
  --splash-ui-primitives-sbn-color-red-1300: #5b0b10;
  --splash-ui-primitives-sbn-color-red-1400: #2d0503;
  --splash-ui-primitives-sbn-color-indigo-50: #fafaff;
  --splash-ui-primitives-sbn-color-indigo-75: #f6f5ff;
  --splash-ui-primitives-sbn-color-indigo-100: #efedff;
  --splash-ui-primitives-sbn-color-indigo-200: #dcd8ff;
  --splash-ui-primitives-sbn-color-indigo-300: #cbc6ff;
  --splash-ui-primitives-sbn-color-indigo-400: #b7b1ff;
  --splash-ui-primitives-sbn-color-indigo-500: #a8a0fd;
  --splash-ui-primitives-sbn-color-indigo-600: #998ffb;
  --splash-ui-primitives-sbn-color-indigo-700: #8376e7;
  --splash-ui-primitives-sbn-color-indigo-800: #6e5cd2;
  --splash-ui-primitives-sbn-color-indigo-900: #5643c4;
  --splash-ui-primitives-sbn-color-indigo-1000: #4332a9;
  --splash-ui-primitives-sbn-color-indigo-1100: #30208d;
  --splash-ui-primitives-sbn-color-indigo-1200: #2b1c7d;
  --splash-ui-primitives-sbn-color-green-50: #f1fbea;
  --splash-ui-primitives-sbn-color-green-100: #eaf9df;
  --splash-ui-primitives-sbn-color-green-200: #ddf6ca;
  --splash-ui-primitives-sbn-color-green-300: #b9e798;
  --splash-ui-primitives-sbn-color-green-400: #a5dc7d;
  --splash-ui-primitives-sbn-color-green-500: #77bf44;
  --splash-ui-primitives-sbn-color-green-600: #47a106;
  --splash-ui-primitives-sbn-color-green-700: #3a8405;
  --splash-ui-primitives-sbn-color-green-800: #317104;
  --splash-ui-primitives-sbn-color-green-900: #295d04;
  --splash-ui-primitives-sbn-color-gold-50: #ffffe7;
  --splash-ui-primitives-sbn-color-gold-75: #fefbdb;
  --splash-ui-primitives-sbn-color-gold-100: #fdf7d0;
  --splash-ui-primitives-sbn-color-gold-200: #fbedbd;
  --splash-ui-primitives-sbn-color-gold-300: #f4e0a7;
  --splash-ui-primitives-sbn-color-gold-400: #ebc77c;
  --splash-ui-primitives-sbn-color-gold-500: #e3b055;
  --splash-ui-primitives-sbn-color-gold-600: #da9829;
  --splash-ui-primitives-sbn-color-gold-700: #d18000;
  --splash-ui-primitives-sbn-color-gold-800: #b97201;
  --splash-ui-primitives-sbn-color-gold-900: #995e00;
  --splash-ui-primitives-sbn-color-brown-50: #fbf8f8;
  --splash-ui-primitives-sbn-color-brown-100: #f6efef;
  --splash-ui-primitives-sbn-color-brown-200: #e9dddd;
  --splash-ui-primitives-sbn-color-brown-300: #dccccb;
  --splash-ui-primitives-sbn-color-brown-400: #cfbab8;
  --splash-ui-primitives-sbn-color-brown-500: #bfa4a1;
  --splash-ui-primitives-sbn-color-brown-600: #a88e8b;
  --splash-ui-primitives-sbn-color-brown-700: #957d79;
  --splash-ui-primitives-sbn-color-brown-800: #826a67;
  --splash-ui-primitives-sbn-color-brown-900: #755e5a;
  --splash-ui-primitives-sbn-color-brown-1000: #573735;
  --splash-ui-primitives-sbn-color-brown-1100: #442b27;
  --splash-ui-primitives-sbn-color-brown-1200: #2f110f;
  --splash-ui-primitives-sbn-color-brown-1300: #2d0503;
  --splash-ui-primitives-sbn-color-gray-10: #fdfcfc;
  --splash-ui-primitives-sbn-color-gray-25: #fbfafa;
  --splash-ui-primitives-sbn-color-gray-50: #f8f7f7;
  --splash-ui-primitives-sbn-color-gray-75: #f6f5f5;
  --splash-ui-primitives-sbn-color-gray-100: #f0efef;
  --splash-ui-primitives-sbn-color-gray-200: #eae8e8;
  --splash-ui-primitives-sbn-color-gray-300: #e5e1e1;
  --splash-ui-primitives-sbn-color-gray-400: #d7d3d3;
  --splash-ui-primitives-sbn-color-gray-500: #cac5c5;
  --splash-ui-primitives-sbn-color-gray-600: #aea8a8;
  --splash-ui-primitives-sbn-color-gray-700: #918c8c;
  --splash-ui-primitives-sbn-color-gray-800: #767171;
  --splash-ui-primitives-sbn-color-gray-900: #635d5c;
  --splash-ui-primitives-sbn-color-gray-1000: #524b4a;
  --splash-ui-primitives-sbn-color-gray-1100: #474241;
  --splash-ui-primitives-sbn-color-gray-1200: #3e3534;
  --splash-ui-primitives-sbn-color-pastels-blue: #d0f3ff;
  --splash-ui-primitives-sbn-color-pastels-purple: #f2e7ff;
  --splash-ui-primitives-sbn-color-pastels-pink: #ffd2f2;
  --splash-ui-primitives-sbn-color-pastels-green: #e5ffd3;
  --splash-ui-primitives-sbn-color-brand-rips: #ff4238;
  --splash-ui-primitives-sbn-color-brand-myrull: #fbfbfb;
  --splash-ui-primitives-sbn-color-brand-lin: #f6efef;
  --splash-ui-primitives-sbn-color-brand-svaberg: #bfa4a1;
  --splash-ui-primitives-sbn-color-brand-bark: #755e5a;
  --splash-ui-primitives-sbn-color-brand-kastanje: #2d0503;
  --splash-ui-primitives-sbn-color-brand-tytteb-r: #b0151f;
  --splash-ui-primitives-sbn-color-brand-rabarbra: #ff564d;
  --splash-ui-primitives-sbn-color-brand-epleblomst: #ffb8ad;
  --splash-ui-primitives-sbn-color-brand-ved: #fdded8;
  --splash-ui-primitives-sbn-color-brand-skjell: #fff2f2;
  --splash-ui-primitives-sbn-color-brand-lyng: #ffd2f2;
  --splash-ui-primitives-sbn-color-brand-syrin: #f2e7ff;
  --splash-ui-primitives-sbn-color-brand-rimfrost: #efedff;
  --splash-ui-primitives-sbn-color-brand-bl-klokke: #b7b1ff;
  --splash-ui-primitives-sbn-color-brand-krokus: #998ffb;
  --splash-ui-primitives-sbn-color-brand-lavendel: #6e5cd2;
  --splash-ui-primitives-sbn-color-brand-krekling: #5643c4;
  --splash-ui-primitives-sbn-color-brand-isbre: #d0f3ff;
  --splash-ui-primitives-sbn-color-brand-skjegglav: #eaf9df;
  --splash-ui-primitives-sbn-color-brand-kartlav: #e5ffd3;
  --splash-ui-primitives-sbn-color-brand-kl: #a5dc7d;
  --splash-ui-primitives-sbn-color-brand-mose: #47a106;
  --splash-ui-primitives-sbn-color-brand-symre: #ffffe7;
  --splash-ui-primitives-sbn-color-brand-sol: #fdf7d0;
  --splash-ui-primitives-sbn-color-brand-gullmose: #d18000;
  --splash-ui-primitives-sbn-color-brand-hvit: #ffffff;
  --splash-ui-primitives-sbn-color-utility-green: #317104;
  --splash-ui-primitives-sbn-color-utility-red: #d7282a;
  --splash-ui-primitives-sbn-color-utility-dark-yellow: #c45501;
  --splash-ui-primitives-sbn-color-utility-blue-50: #d0f3ff;
  --splash-ui-primitives-sbn-color-utility-blue-100: #b6e8f8;
  --splash-ui-primitives-sbn-color-utility-blue-200: #9dddf2;
  --splash-ui-primitives-sbn-color-utility-blue-300: #6ac7e5;
  --splash-ui-primitives-sbn-color-utility-blue-400: #37b1d9;
  --splash-ui-primitives-sbn-color-utility-blue-500: #049bcc;
  --splash-ui-primitives-sbn-color-utility-blue-600: #1880cb;
  --splash-ui-primitives-sbn-color-utility-blue-700: #2c65cb;
  --splash-ui-primitives-sbn-color-utility-blue-800: #2453a8;
  --splash-ui-primitives-sbn-color-utility-blue-900: #204994;
  --splash-ui-primitives-sbn-color-utility-white: #ffffff;
  --splash-ui-primitives-sbn-color-grayalpha-25: #635d5c05;
  --splash-ui-primitives-sbn-color-grayalpha-50: #635d5c0d;
  --splash-ui-primitives-sbn-color-grayalpha-75: #635d5c12;
  --splash-ui-primitives-sbn-color-grayalpha-100: #635d5c1a;
  --splash-ui-primitives-sbn-color-grayalpha-200: #635d5c33;
  --splash-ui-primitives-sbn-color-grayalpha-300: #635d5c4d;
  --splash-ui-primitives-sbn-color-grayalpha-400: #635d5c66;
  --splash-ui-primitives-sbn-color-grayalpha-500: #635d5c80;
  --splash-ui-primitives-sbn-color-grayalpha-600: #635d5c99;
  --splash-ui-primitives-sbn-color-grayalpha-700: #635d5cb2;
  --splash-ui-primitives-sbn-color-grayalpha-800: #635d5ccc;
  --splash-ui-primitives-sbn-color-grayalpha-900: #635d5ce5;
  --splash-ui-primitives-sbn-color-data-4-soft: #e5ffd3;
  --splash-ui-primitives-sbn-color-data-3-soft: #fdf7d0;
  --splash-ui-primitives-sbn-color-data-2-soft: #e8e5ff;
  --splash-ui-primitives-sbn-color-data-4-strong: #47a106;
  --splash-ui-primitives-sbn-color-data-1-soft: #fee1e1;
  --splash-ui-primitives-sbn-color-data-1-strong: #ee3b31;
  --splash-ui-primitives-sbn-color-data-9-soft: #baf1f4;
  --splash-ui-primitives-sbn-color-data-9-strong: #008e96;
  --splash-ui-primitives-sbn-color-data-8-strong: #f14bc1;
  --splash-ui-primitives-sbn-color-data-7-soft: #efeecd;
  --splash-ui-primitives-sbn-color-data-6-strong: #1280ea;
  --splash-ui-primitives-sbn-color-data-8-soft: #ffe0f6;
  --splash-ui-primitives-sbn-color-data-3-strong: #ca7c01;
  --splash-ui-primitives-sbn-color-data-0-soft: #ebeff5;
  --splash-ui-primitives-sbn-color-data-6-soft: #d0f3ff;
  --splash-ui-primitives-sbn-color-data-2-strong: #6e5cd2;
  --splash-ui-primitives-sbn-color-data-5-soft: #f5d7f8;
  --splash-ui-primitives-sbn-color-data-5-strong: #a15da8;
  --splash-ui-primitives-sbn-color-data-7-strong: #719100;
  --splash-ui-primitives-sbn-color-data-0-strong: #788aa5;
  --splash-ui-primitives-sbn-color-data-11-strong: #4352c4;
  --splash-ui-primitives-sbn-color-data-10-soft: #e8e2e1;
  --splash-ui-primitives-sbn-color-data-11-soft: #e6e7fa;
  --splash-ui-primitives-sbn-color-data-10-strong: #937975;
  --splash-ui-primitives-sbn-color-dark-red-alpha-5: #2d05030d;
  --splash-ui-primitives-sbn-color-dark-red-alpha-10: #2d05031a;
  --splash-ui-primitives-sbn-color-dark-red-alpha-15: #2d050326;
  --splash-ui-primitives-sbn-color-dark-red-alpha-20: #2d050333;
  --splash-ui-primitives-sbn-color-dark-red-alpha-30: #2d05034d;
  --splash-ui-primitives-sbn-color-dark-red-alpha-40: #2d050366;
  --splash-ui-primitives-sbn-color-dark-red-alpha-60: #2d050399;
  --splash-ui-primitives-sbn-color-dark-red-alpha-80: #2d0503cc;
  --splash-ui-primitives-sbn-color-dark-red-alpha-100: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-primitives-sbn-color-light-brown-alpha-5: #f6efef0d;
  --splash-ui-primitives-sbn-color-light-brown-alpha-10: #f6efef1a;
  --splash-ui-primitives-sbn-color-light-brown-alpha-15: #f6efef26;
  --splash-ui-primitives-sbn-color-light-brown-alpha-20: #f6efef33;
  --splash-ui-primitives-sbn-color-light-brown-alpha-30: #f6efef4d;
  --splash-ui-primitives-sbn-color-light-brown-alpha-40: #f6efef66;
  --splash-ui-primitives-sbn-color-light-brown-alpha-60: #f6efef99;
  --splash-ui-primitives-sbn-color-light-brown-alpha-80: #f6efefcc;
  --splash-ui-primitives-sbn-color-light-brown-alpha-100: var(
    --splash-ui-primitives-sbn-color-brown-100
  );
  --splash-ui-primitives-sbn-font-family-body: Inter;
  --splash-ui-primitives-sbn-font-family-heading: SB Norge Sans;
  --splash-ui-primitives-sbn-font-family-jumbo: SB Norge Sans;
  --splash-ui-primitives-sbn-font-weight-regular: 400;
  --splash-ui-primitives-sbn-font-weight-semi-bold: 600;
  --splash-ui-primitives-sbn-font-weight-bold: 700;
  --splash-ui-primitives-sbn-font-style-bold-italic: Bold Italic;
  --splash-ui-primitives-sbn-font-style-semi-bold-italic: SemiBold Italic;
  --splash-ui-primitives-sbn-font-style-italic: Italic;
  --splash-ui-primitives-sbn-font-family-string-body: Inter, Helvetica, Arial, sans-serif;
  --splash-ui-primitives-sbn-font-family-string-heading:
    'SB Norge Sans', Helvetica, Arial, sans-serif;
  --splash-ui-primitives-sbn-font-family-string-jumbo:
    'SB Norge Sans', Helvetica, Arial, sans-serif;
  --splash-ui-primitives-sbn-size-0: 0;
  --splash-ui-primitives-sbn-size-1: 0.125rem;
  --splash-ui-primitives-sbn-size-2: 0.25rem;
  --splash-ui-primitives-sbn-size-3: 0.375rem;
  --splash-ui-primitives-sbn-size-4: 0.5rem;
  --splash-ui-primitives-sbn-size-5: 0.625rem;
  --splash-ui-primitives-sbn-size-6: 0.75rem;
  --splash-ui-primitives-sbn-size-8: 1rem;
  --splash-ui-primitives-sbn-size-10: 1.25rem;
  --splash-ui-primitives-sbn-size-12: 1.5rem;
  --splash-ui-primitives-sbn-size-14: 1.75rem;
  --splash-ui-primitives-sbn-size-16: 2rem;
  --splash-ui-primitives-sbn-size-18: 2.25rem;
  --splash-ui-primitives-sbn-size-20: 2.5rem;
  --splash-ui-primitives-sbn-size-22: 2.75rem;
  --splash-ui-primitives-sbn-size-24: 3rem;
  --splash-ui-primitives-sbn-size-28: 3.5rem;
  --splash-ui-primitives-sbn-size-32: 4rem;
  --splash-ui-primitives-sbn-size-36: 4.5rem;
  --splash-ui-primitives-sbn-size-40: 5rem;
  --splash-ui-primitives-sbn-size-48: 6rem;
  --splash-ui-primitives-sbn-size-64: 8rem;
  --splash-ui-primitives-sbn-size-80: 10rem;
  --splash-ui-primitives-sbn-border-width-bold: 0.125rem;
  --splash-ui-primitives-sbn-border-width-default: 0.0625rem;
  --splash-ui-primitives-sbn-border-width-none: 0;
  --splash-ui-primitives-sbn-shadow-100-top-spread: 0;
  --splash-ui-primitives-sbn-shadow-100-top-y: 0.0625rem;
  --splash-ui-primitives-sbn-shadow-100-top-x: 0;
  --splash-ui-primitives-sbn-shadow-100-top-blur: 0.25rem;
  --splash-ui-primitives-sbn-shadow-100-top-color: var(
    --splash-ui-primitives-sbn-color-grayalpha-200
  );
  --splash-ui-primitives-sbn-shadow-100-bottom-blur: 0.5rem;
  --splash-ui-primitives-sbn-shadow-100-bottom-y: 0.125rem;
  --splash-ui-primitives-sbn-shadow-100-bottom-spread: 0;
  --splash-ui-primitives-sbn-shadow-100-bottom-x: 0;
  --splash-ui-primitives-sbn-shadow-100-bottom-color: var(
    --splash-ui-primitives-sbn-color-grayalpha-50
  );
  --splash-ui-primitives-sbn-shadow-200-top-blur: 0.25rem;
  --splash-ui-primitives-sbn-shadow-200-top-y: 0;
  --splash-ui-primitives-sbn-shadow-200-top-spread: 0;
  --splash-ui-primitives-sbn-shadow-200-top-x: 0;
  --splash-ui-primitives-sbn-shadow-200-top-color: var(
    --splash-ui-primitives-sbn-color-grayalpha-400
  );
  --splash-ui-primitives-sbn-shadow-200-bottom-blur: 0.5rem;
  --splash-ui-primitives-sbn-shadow-200-bottom-y: 0.125rem;
  --splash-ui-primitives-sbn-shadow-200-bottom-spread: 0;
  --splash-ui-primitives-sbn-shadow-200-bottom-x: 0;
  --splash-ui-primitives-sbn-shadow-200-bottom-color: var(
    --splash-ui-primitives-sbn-color-grayalpha-100
  );
  --splash-ui-primitives-sbn-shadow-300-top-blur: 0.25rem;
  --splash-ui-primitives-sbn-shadow-300-top-y: 0;
  --splash-ui-primitives-sbn-shadow-300-top-spread: 0;
  --splash-ui-primitives-sbn-shadow-300-top-x: 0;
  --splash-ui-primitives-sbn-shadow-300-top-color: var(
    --splash-ui-primitives-sbn-color-grayalpha-400
  );
  --splash-ui-primitives-sbn-shadow-300-bottom-blur: 0.5rem;
  --splash-ui-primitives-sbn-shadow-300-bottom-y: 0.125rem;
  --splash-ui-primitives-sbn-shadow-300-bottom-spread: 0;
  --splash-ui-primitives-sbn-shadow-300-bottom-x: 0;
  --splash-ui-primitives-sbn-shadow-300-bottom-color: var(
    --splash-ui-primitives-sbn-color-grayalpha-300
  );
  --splash-ui-primitives-sbn-shadow-400-top-blur: 0.4375rem;
  --splash-ui-primitives-sbn-shadow-400-top-y: 0.125rem;
  --splash-ui-primitives-sbn-shadow-400-top-spread: 0;
  --splash-ui-primitives-sbn-shadow-400-top-x: 0;
  --splash-ui-primitives-sbn-shadow-400-top-color: var(
    --splash-ui-primitives-sbn-color-grayalpha-75
  );
  --splash-ui-primitives-sbn-shadow-400-bottom-blur: 0.9375rem;
  --splash-ui-primitives-sbn-shadow-400-bottom-y: 0.3125rem;
  --splash-ui-primitives-sbn-shadow-400-bottom-spread: 0;
  --splash-ui-primitives-sbn-shadow-400-bottom-x: 0;
  --splash-ui-primitives-sbn-shadow-400-bottom-color: var(
    --splash-ui-primitives-sbn-color-grayalpha-200
  );
  --splash-ui-primitives-sbn-shadow-500-top-color: var(
    --splash-ui-primitives-sbn-color-grayalpha-100
  );
  --splash-ui-primitives-sbn-shadow-500-top-x: 0;
  --splash-ui-primitives-sbn-shadow-500-top-y: 0.125rem;
  --splash-ui-primitives-sbn-shadow-500-top-blur: 0.4375rem;
  --splash-ui-primitives-sbn-shadow-500-top-spread: 0;
  --splash-ui-primitives-sbn-shadow-500-bottom-color: var(
    --splash-ui-primitives-sbn-color-grayalpha-300
  );
  --splash-ui-primitives-sbn-shadow-500-bottom-x: 0;
  --splash-ui-primitives-sbn-shadow-500-bottom-y: 0.3125rem;
  --splash-ui-primitives-sbn-shadow-500-bottom-blur: 0.9375rem;
  --splash-ui-primitives-sbn-shadow-500-bottom-spread: 0;
  --splash-ui-primitives-sbn-shadow-700-top-blur: 0.9375rem;
  --splash-ui-primitives-sbn-shadow-700-top-y: 0.3125rem;
  --splash-ui-primitives-sbn-shadow-700-top-spread: 0;
  --splash-ui-primitives-sbn-shadow-700-top-x: 0;
  --splash-ui-primitives-sbn-shadow-700-top-color: var(
    --splash-ui-primitives-sbn-color-grayalpha-75
  );
  --splash-ui-primitives-sbn-shadow-700-bottom-blur: 2.5rem;
  --splash-ui-primitives-sbn-shadow-700-bottom-y: 0.9375rem;
  --splash-ui-primitives-sbn-shadow-700-bottom-spread: 0;
  --splash-ui-primitives-sbn-shadow-700-bottom-x: 0;
  --splash-ui-primitives-sbn-shadow-700-bottom-color: var(
    --splash-ui-primitives-sbn-color-grayalpha-75
  );
}
/**************************
* This file is auto-generated from Figma tokens.
* Do not edit manually.
**************************/

:root {
  --splash-ui-semantic-primitives-color-brand: var(--splash-ui-primitives-sbn-color-global-brand);
  --splash-ui-semantic-primitives-color-background-default: var(
    --splash-ui-primitives-sbn-color-gray-10
  );
  --splash-ui-semantic-primitives-color-background-contrast: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-semantic-primitives-color-background-info: var(
    --splash-ui-primitives-sbn-color-indigo-100
  );
  --splash-ui-semantic-primitives-color-background-warning: var(
    --splash-ui-primitives-sbn-color-gold-100
  );
  --splash-ui-semantic-primitives-color-background-danger: var(
    --splash-ui-primitives-sbn-color-red-200
  );
  --splash-ui-semantic-primitives-color-background-success: var(
    --splash-ui-primitives-sbn-color-green-100
  );
  --splash-ui-semantic-primitives-color-background-contrast-hover: var(
    --splash-ui-primitives-sbn-color-indigo-75
  );
  --splash-ui-semantic-primitives-color-background-subtle: var(
    --splash-ui-primitives-sbn-color-gray-25
  );
  --splash-ui-semantic-primitives-color-background-info-inverted: var(
    --splash-ui-primitives-sbn-color-indigo-1000
  );
  --splash-ui-semantic-primitives-color-background-success-inverted: var(
    --splash-ui-primitives-sbn-color-utility-green
  );
  --splash-ui-semantic-primitives-color-background-danger-inverted: var(
    --splash-ui-primitives-sbn-color-utility-red
  );
  --splash-ui-semantic-primitives-color-background-warning-inverted: var(
    --splash-ui-primitives-sbn-color-utility-dark-yellow
  );
  --splash-ui-semantic-primitives-color-background-body: var(
    --splash-ui-primitives-sbn-color-gray-25
  );
  --splash-ui-semantic-primitives-color-background-info-contrast: var(
    --splash-ui-primitives-sbn-color-indigo-1200
  );
  --splash-ui-semantic-primitives-color-background-success-contrast: var(
    --splash-ui-primitives-sbn-color-green-900
  );
  --splash-ui-semantic-primitives-color-background-danger-contrast: var(
    --splash-ui-primitives-sbn-color-red-1100
  );
  --splash-ui-semantic-primitives-color-background-warning-contrast: var(
    --splash-ui-primitives-sbn-color-gold-900
  );
  --splash-ui-semantic-primitives-color-text-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-semantic-primitives-color-text-soft: var(--splash-ui-primitives-sbn-color-gray-900);
  --splash-ui-semantic-primitives-color-text-link: var(
    --splash-ui-primitives-sbn-color-indigo-1000
  );
  --splash-ui-semantic-primitives-color-text-danger: var(
    --splash-ui-primitives-sbn-color-utility-red
  );
  --splash-ui-semantic-primitives-color-text-inverted: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-semantic-primitives-color-text-link-hover: var(
    --splash-ui-primitives-sbn-color-indigo-1200
  );
  --splash-ui-semantic-primitives-color-text-caution: var(
    --splash-ui-primitives-sbn-color-utility-dark-yellow
  );
  --splash-ui-semantic-primitives-color-text-positive: var(
    --splash-ui-primitives-sbn-color-utility-green
  );
  --splash-ui-semantic-primitives-color-text-disabled: var(
    --splash-ui-primitives-sbn-color-gray-500
  );
  --splash-ui-semantic-primitives-color-text-readonly: var(
    --splash-ui-primitives-sbn-color-gray-500
  );
  --splash-ui-semantic-primitives-color-text-code: var(
    --splash-ui-primitives-sbn-color-utility-red
  );
  --splash-ui-semantic-primitives-color-border-divider: var(
    --splash-ui-primitives-sbn-color-grayalpha-100
  );
  --splash-ui-semantic-primitives-color-border-focus: var(
    --splash-ui-primitives-sbn-color-utility-blue-500
  );
  --splash-ui-semantic-primitives-color-border-input: var(
    --splash-ui-primitives-sbn-color-gray-600
  );
  --splash-ui-semantic-primitives-color-border-danger: var(
    --splash-ui-primitives-sbn-color-utility-red
  );
  --splash-ui-semantic-primitives-color-border-primary: var(
    --splash-ui-primitives-sbn-color-dark-red-alpha-100
  );
  --splash-ui-semantic-primitives-color-border-secondary: var(
    --splash-ui-primitives-sbn-color-dark-red-alpha-40
  );
  --splash-ui-semantic-primitives-color-border-tertiary: var(
    --splash-ui-primitives-sbn-color-dark-red-alpha-10
  );
  --splash-ui-semantic-primitives-color-icon-default: var(
    --splash-ui-primitives-sbn-color-indigo-900
  );
  --splash-ui-semantic-primitives-color-icon-brand: var(
    --splash-ui-primitives-sbn-color-global-brand
  );
  --splash-ui-semantic-primitives-color-icon-strong: var(
    --splash-ui-primitives-sbn-color-indigo-1100
  );
  --splash-ui-semantic-primitives-color-icon-inverted: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-semantic-primitives-color-icon-danger: var(
    --splash-ui-primitives-sbn-color-utility-red
  );
  --splash-ui-semantic-primitives-color-icon-success: var(
    --splash-ui-primitives-sbn-color-utility-green
  );
  --splash-ui-semantic-primitives-color-icon-warning: var(
    --splash-ui-primitives-sbn-color-utility-dark-yellow
  );
  --splash-ui-semantic-primitives-color-icon-subtle: var(
    --splash-ui-primitives-sbn-color-indigo-700
  );
  --splash-ui-semantic-primitives-color-icon-disabled: var(
    --splash-ui-primitives-sbn-color-grayalpha-400
  );
  --splash-ui-semantic-primitives-color-icon-neutral: var(
    --splash-ui-primitives-sbn-color-gray-800
  );
  --splash-ui-semantic-primitives-color-icon-link: var(
    --splash-ui-primitives-sbn-color-indigo-1000
  );
  --splash-ui-semantic-primitives-color-icon-link-hover: var(
    --splash-ui-primitives-sbn-color-indigo-1200
  );
  --splash-ui-semantic-primitives-color-data-4-strong: var(
    --splash-ui-primitives-sbn-color-data-4-strong
  );
  --splash-ui-semantic-primitives-color-data-2-strong: var(
    --splash-ui-primitives-sbn-color-data-2-strong
  );
  --splash-ui-semantic-primitives-color-data-4-soft: var(
    --splash-ui-primitives-sbn-color-data-4-soft
  );
  --splash-ui-semantic-primitives-color-data-1-soft: var(
    --splash-ui-primitives-sbn-color-data-1-soft
  );
  --splash-ui-semantic-primitives-color-data-9-soft: var(
    --splash-ui-primitives-sbn-color-data-9-soft
  );
  --splash-ui-semantic-primitives-color-data-2-soft: var(
    --splash-ui-primitives-sbn-color-data-2-soft
  );
  --splash-ui-semantic-primitives-color-data-9-strong: var(
    --splash-ui-primitives-sbn-color-data-9-strong
  );
  --splash-ui-semantic-primitives-color-data-1-strong: var(
    --splash-ui-primitives-sbn-color-data-1-strong
  );
  --splash-ui-semantic-primitives-color-data-8-soft: var(
    --splash-ui-primitives-sbn-color-data-8-soft
  );
  --splash-ui-semantic-primitives-color-data-7-strong: var(
    --splash-ui-primitives-sbn-color-data-7-strong
  );
  --splash-ui-semantic-primitives-color-data-6-soft: var(
    --splash-ui-primitives-sbn-color-data-6-soft
  );
  --splash-ui-semantic-primitives-color-data-6-strong: var(
    --splash-ui-primitives-sbn-color-data-6-strong
  );
  --splash-ui-semantic-primitives-color-data-5-strong: var(
    --splash-ui-primitives-sbn-color-data-5-strong
  );
  --splash-ui-semantic-primitives-color-data-3-strong: var(
    --splash-ui-primitives-sbn-color-data-3-strong
  );
  --splash-ui-semantic-primitives-color-data-0-soft: var(
    --splash-ui-primitives-sbn-color-data-0-soft
  );
  --splash-ui-semantic-primitives-color-data-5-soft: var(
    --splash-ui-primitives-sbn-color-data-5-soft
  );
  --splash-ui-semantic-primitives-color-data-8-strong: var(
    --splash-ui-primitives-sbn-color-data-8-strong
  );
  --splash-ui-semantic-primitives-color-data-3-soft: var(
    --splash-ui-primitives-sbn-color-data-3-soft
  );
  --splash-ui-semantic-primitives-color-data-7-soft: var(
    --splash-ui-primitives-sbn-color-data-7-soft
  );
  --splash-ui-semantic-primitives-color-data-0-strong: var(
    --splash-ui-primitives-sbn-color-data-0-strong
  );
  --splash-ui-semantic-primitives-color-data-10-soft: var(
    --splash-ui-primitives-sbn-color-data-10-soft
  );
  --splash-ui-semantic-primitives-color-data-10-strong: var(
    --splash-ui-primitives-sbn-color-data-10-strong
  );
  --splash-ui-semantic-primitives-color-data-11-soft: var(
    --splash-ui-primitives-sbn-color-data-11-soft
  );
  --splash-ui-semantic-primitives-color-data-11-strong: var(
    --splash-ui-primitives-sbn-color-data-11-strong
  );
  --splash-ui-semantic-primitives-color-grayalpha-25: var(
    --splash-ui-primitives-sbn-color-grayalpha-25
  );
  --splash-ui-semantic-primitives-color-grayalpha-50: var(
    --splash-ui-primitives-sbn-color-grayalpha-50
  );
  --splash-ui-semantic-primitives-color-grayalpha-75: var(
    --splash-ui-primitives-sbn-color-grayalpha-75
  );
  --splash-ui-semantic-primitives-color-grayalpha-100: var(
    --splash-ui-primitives-sbn-color-grayalpha-100
  );
  --splash-ui-semantic-primitives-color-grayalpha-200: var(
    --splash-ui-primitives-sbn-color-grayalpha-200
  );
  --splash-ui-semantic-primitives-color-grayalpha-300: var(
    --splash-ui-primitives-sbn-color-grayalpha-300
  );
  --splash-ui-semantic-primitives-color-grayalpha-400: var(
    --splash-ui-primitives-sbn-color-grayalpha-400
  );
  --splash-ui-semantic-primitives-color-grayalpha-500: var(
    --splash-ui-primitives-sbn-color-grayalpha-500
  );
  --splash-ui-semantic-primitives-color-grayalpha-600: var(
    --splash-ui-primitives-sbn-color-grayalpha-600
  );
  --splash-ui-semantic-primitives-color-grayalpha-700: var(
    --splash-ui-primitives-sbn-color-grayalpha-700
  );
  --splash-ui-semantic-primitives-color-grayalpha-800: var(
    --splash-ui-primitives-sbn-color-grayalpha-800
  );
  --splash-ui-semantic-primitives-color-grayalpha-900: var(
    --splash-ui-primitives-sbn-color-grayalpha-900
  );
  --splash-ui-semantic-primitives-color-visual-default-100: var(
    --splash-ui-primitives-sbn-color-red-50
  );
  --splash-ui-semantic-primitives-color-visual-default-200: var(
    --splash-ui-primitives-sbn-color-red-200
  );
  --splash-ui-semantic-primitives-color-visual-default-300: var(
    --splash-ui-primitives-sbn-color-red-400
  );
  --splash-ui-semantic-primitives-color-visual-default-400: var(
    --splash-ui-primitives-sbn-color-red-700
  );
  --splash-ui-semantic-primitives-color-visual-default-500: var(
    --splash-ui-primitives-sbn-color-red-800
  );
  --splash-ui-semantic-primitives-color-visual-default-600: var(
    --splash-ui-primitives-sbn-color-red-900
  );
  --splash-ui-semantic-primitives-color-visual-default-700: var(
    --splash-ui-primitives-sbn-color-red-1000
  );
  --splash-ui-semantic-primitives-color-visual-default-800: var(
    --splash-ui-primitives-sbn-color-red-1100
  );
  --splash-ui-semantic-primitives-color-visual-default-900: var(
    --splash-ui-primitives-sbn-color-red-1200
  );
  --splash-ui-semantic-primitives-color-visual-alternative-100: var(
    --splash-ui-primitives-sbn-color-indigo-50
  );
  --splash-ui-semantic-primitives-color-visual-alternative-200: var(
    --splash-ui-primitives-sbn-color-indigo-100
  );
  --splash-ui-semantic-primitives-color-visual-alternative-300: var(
    --splash-ui-primitives-sbn-color-indigo-300
  );
  --splash-ui-semantic-primitives-color-visual-alternative-400: var(
    --splash-ui-primitives-sbn-color-indigo-500
  );
  --splash-ui-semantic-primitives-color-visual-alternative-500: var(
    --splash-ui-primitives-sbn-color-indigo-700
  );
  --splash-ui-semantic-primitives-color-visual-alternative-600: var(
    --splash-ui-primitives-sbn-color-indigo-800
  );
  --splash-ui-semantic-primitives-color-visual-alternative-700: var(
    --splash-ui-primitives-sbn-color-indigo-900
  );
  --splash-ui-semantic-primitives-color-visual-alternative-800: var(
    --splash-ui-primitives-sbn-color-indigo-1000
  );
  --splash-ui-semantic-primitives-color-visual-alternative-900: var(
    --splash-ui-primitives-sbn-color-indigo-1100
  );
  --splash-ui-semantic-primitives-color-visual-neutral-100: var(
    --splash-ui-primitives-sbn-color-brown-50
  );
  --splash-ui-semantic-primitives-color-visual-neutral-200: var(
    --splash-ui-primitives-sbn-color-brown-100
  );
  --splash-ui-semantic-primitives-color-visual-neutral-300: var(
    --splash-ui-primitives-sbn-color-brown-200
  );
  --splash-ui-semantic-primitives-color-visual-neutral-400: var(
    --splash-ui-primitives-sbn-color-brown-400
  );
  --splash-ui-semantic-primitives-color-visual-neutral-500: var(
    --splash-ui-primitives-sbn-color-brown-600
  );
  --splash-ui-semantic-primitives-color-visual-neutral-600: var(
    --splash-ui-primitives-sbn-color-brown-700
  );
  --splash-ui-semantic-primitives-color-visual-neutral-700: var(
    --splash-ui-primitives-sbn-color-brown-800
  );
  --splash-ui-semantic-primitives-color-visual-neutral-800: var(
    --splash-ui-primitives-sbn-color-brown-900
  );
  --splash-ui-semantic-primitives-color-visual-neutral-900: var(
    --splash-ui-primitives-sbn-color-brown-1000
  );
  --splash-ui-semantic-primitives-color-brand-contrast: var(
    --splash-ui-primitives-sbn-color-red-1100
  );
  --splash-ui-semantic-primitives-border-radius-small: 0.25rem;
  --splash-ui-semantic-primitives-border-radius-medium: 0.375rem;
  --splash-ui-semantic-primitives-border-radius-large: 0.5rem;
  --splash-ui-semantic-primitives-border-radius-x-large: 0.75rem;
  --splash-ui-semantic-primitives-border-radius-none: 0;
  --splash-ui-semantic-primitives-border-radius-x-small: 0.125rem;
  --splash-ui-semantic-primitives-border-radius-xx-large: 1rem;
  --splash-ui-semantic-primitives-border-radius-xxx-large: 1.25rem;
  --splash-ui-semantic-primitives-border-width-none: var(
    --splash-ui-primitives-sbn-border-width-none
  );
  --splash-ui-semantic-primitives-border-width-default: var(
    --splash-ui-primitives-sbn-border-width-default
  );
  --splash-ui-semantic-primitives-border-width-bold: var(
    --splash-ui-primitives-sbn-border-width-bold
  );
  --splash-ui-semantic-primitives-size-icon-medium: 1.25rem;
  --splash-ui-semantic-primitives-size-icon-small: 1rem;
  --splash-ui-semantic-primitives-size-icon-x-small: 0.75rem;
  --splash-ui-semantic-primitives-size-icon-large: 1.5rem;
  --splash-ui-semantic-primitives-size-icon-x-large: 2rem;
  --splash-ui-semantic-primitives-size-icon-xx-small: 0.625rem;
  --splash-ui-semantic-primitives-size-icon-xx-large: 2.5rem;
  --splash-ui-semantic-primitives-size-font-xx-small: 0.75rem;
  --splash-ui-semantic-primitives-size-font-x-small: 0.8125rem;
  --splash-ui-semantic-primitives-size-font-small: 0.875rem;
  --splash-ui-semantic-primitives-size-font-medium: var(--splash-ui-primitives-sbn-size-8);
  --splash-ui-semantic-primitives-size-font-large: 1.125rem;
  --splash-ui-semantic-primitives-size-font-x-large: var(--splash-ui-primitives-sbn-size-10);
  --splash-ui-semantic-primitives-size-font-xx-large: var(--splash-ui-primitives-sbn-size-12);
  --splash-ui-semantic-primitives-size-font-xxx-large: var(--splash-ui-primitives-sbn-size-14);
  --splash-ui-semantic-primitives-size-font-4xl: var(--splash-ui-primitives-sbn-size-16);
  --splash-ui-semantic-primitives-size-font-5xl: var(--splash-ui-primitives-sbn-size-18);
  --splash-ui-semantic-primitives-size-font-6xl: var(--splash-ui-primitives-sbn-size-24);
  --splash-ui-semantic-primitives-size-font-7xl: var(--splash-ui-primitives-sbn-size-28);
  --splash-ui-semantic-primitives-size-font-8xl: var(--splash-ui-primitives-sbn-size-32);
  --splash-ui-semantic-primitives-size-font-9xl: var(--splash-ui-primitives-sbn-size-40);
  --splash-ui-semantic-primitives-size-font-10xl: var(--splash-ui-primitives-sbn-size-48);
  --splash-ui-semantic-primitives-size-form-element-max-width-large: 37.5rem;
  --splash-ui-semantic-primitives-size-form-element-max-width-x-small: 10rem;
  --splash-ui-semantic-primitives-size-form-element-max-width-medium: 26.25rem;
  --splash-ui-semantic-primitives-size-form-element-max-width-small: 15rem;
  --splash-ui-semantic-primitives-size-form-element-max-width-xx-small: 6.25rem;
  --splash-ui-semantic-primitives-size-form-element-max-width-x-large: 56.25rem;
  --splash-ui-semantic-primitives-shadow-100-top-x: var(
    --splash-ui-primitives-sbn-shadow-100-top-x
  );
  --splash-ui-semantic-primitives-shadow-100-top-color: var(
    --splash-ui-primitives-sbn-shadow-100-top-color
  );
  --splash-ui-semantic-primitives-shadow-100-top-y: var(
    --splash-ui-primitives-sbn-shadow-100-top-y
  );
  --splash-ui-semantic-primitives-shadow-100-top-blur: var(
    --splash-ui-primitives-sbn-shadow-100-top-blur
  );
  --splash-ui-semantic-primitives-shadow-100-top-spread: var(
    --splash-ui-primitives-sbn-shadow-100-top-spread
  );
  --splash-ui-semantic-primitives-shadow-100-bottom-color: var(
    --splash-ui-primitives-sbn-shadow-100-bottom-color
  );
  --splash-ui-semantic-primitives-shadow-100-bottom-x: var(
    --splash-ui-primitives-sbn-shadow-100-bottom-x
  );
  --splash-ui-semantic-primitives-shadow-100-bottom-y: var(
    --splash-ui-primitives-sbn-shadow-100-bottom-y
  );
  --splash-ui-semantic-primitives-shadow-100-bottom-blur: var(
    --splash-ui-primitives-sbn-shadow-100-bottom-blur
  );
  --splash-ui-semantic-primitives-shadow-100-bottom-spread: var(
    --splash-ui-primitives-sbn-shadow-100-bottom-spread
  );
  --splash-ui-semantic-primitives-shadow-200-top-color: var(
    --splash-ui-primitives-sbn-shadow-200-top-color
  );
  --splash-ui-semantic-primitives-shadow-200-top-x: var(
    --splash-ui-primitives-sbn-shadow-200-top-x
  );
  --splash-ui-semantic-primitives-shadow-200-top-y: var(
    --splash-ui-primitives-sbn-shadow-200-top-y
  );
  --splash-ui-semantic-primitives-shadow-200-top-blur: var(
    --splash-ui-primitives-sbn-shadow-200-top-blur
  );
  --splash-ui-semantic-primitives-shadow-200-top-spread: var(
    --splash-ui-primitives-sbn-shadow-200-top-spread
  );
  --splash-ui-semantic-primitives-shadow-200-bottom-color: var(
    --splash-ui-primitives-sbn-shadow-200-bottom-color
  );
  --splash-ui-semantic-primitives-shadow-200-bottom-x: var(
    --splash-ui-primitives-sbn-shadow-200-bottom-x
  );
  --splash-ui-semantic-primitives-shadow-200-bottom-y: var(
    --splash-ui-primitives-sbn-shadow-200-bottom-y
  );
  --splash-ui-semantic-primitives-shadow-200-bottom-blur: var(
    --splash-ui-primitives-sbn-shadow-200-bottom-blur
  );
  --splash-ui-semantic-primitives-shadow-200-bottom-spread: var(
    --splash-ui-primitives-sbn-shadow-200-bottom-spread
  );
  --splash-ui-semantic-primitives-shadow-300-top-color: var(
    --splash-ui-primitives-sbn-shadow-300-top-color
  );
  --splash-ui-semantic-primitives-shadow-300-top-x: var(
    --splash-ui-primitives-sbn-shadow-300-top-x
  );
  --splash-ui-semantic-primitives-shadow-300-top-y: var(
    --splash-ui-primitives-sbn-shadow-300-top-y
  );
  --splash-ui-semantic-primitives-shadow-300-top-blur: var(
    --splash-ui-primitives-sbn-shadow-300-top-blur
  );
  --splash-ui-semantic-primitives-shadow-300-top-spread: var(
    --splash-ui-primitives-sbn-shadow-300-top-spread
  );
  --splash-ui-semantic-primitives-shadow-300-bottom-color: var(
    --splash-ui-primitives-sbn-shadow-300-bottom-color
  );
  --splash-ui-semantic-primitives-shadow-300-bottom-x: var(
    --splash-ui-primitives-sbn-shadow-300-bottom-x
  );
  --splash-ui-semantic-primitives-shadow-300-bottom-y: var(
    --splash-ui-primitives-sbn-shadow-300-bottom-y
  );
  --splash-ui-semantic-primitives-shadow-300-bottom-blur: var(
    --splash-ui-primitives-sbn-shadow-300-bottom-blur
  );
  --splash-ui-semantic-primitives-shadow-300-bottom-spread: var(
    --splash-ui-primitives-sbn-shadow-300-bottom-spread
  );
  --splash-ui-semantic-primitives-shadow-400-top-color: var(
    --splash-ui-primitives-sbn-shadow-400-top-color
  );
  --splash-ui-semantic-primitives-shadow-400-top-x: var(
    --splash-ui-primitives-sbn-shadow-400-top-x
  );
  --splash-ui-semantic-primitives-shadow-400-top-y: var(
    --splash-ui-primitives-sbn-shadow-400-top-y
  );
  --splash-ui-semantic-primitives-shadow-400-top-blur: var(
    --splash-ui-primitives-sbn-shadow-400-top-blur
  );
  --splash-ui-semantic-primitives-shadow-400-top-spread: var(
    --splash-ui-primitives-sbn-shadow-400-top-spread
  );
  --splash-ui-semantic-primitives-shadow-400-bottom-color: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-color
  );
  --splash-ui-semantic-primitives-shadow-400-bottom-x: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-x
  );
  --splash-ui-semantic-primitives-shadow-400-bottom-y: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-y
  );
  --splash-ui-semantic-primitives-shadow-400-bottom-blur: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-blur
  );
  --splash-ui-semantic-primitives-shadow-400-bottom-spread: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-spread
  );
  --splash-ui-semantic-primitives-shadow-500-top-color: var(
    --splash-ui-primitives-sbn-shadow-500-top-color
  );
  --splash-ui-semantic-primitives-shadow-500-top-x: var(
    --splash-ui-primitives-sbn-shadow-500-top-x
  );
  --splash-ui-semantic-primitives-shadow-500-top-y: var(
    --splash-ui-primitives-sbn-shadow-500-top-y
  );
  --splash-ui-semantic-primitives-shadow-500-top-blur: var(
    --splash-ui-primitives-sbn-shadow-500-top-blur
  );
  --splash-ui-semantic-primitives-shadow-500-top-spread: var(
    --splash-ui-primitives-sbn-shadow-500-top-spread
  );
  --splash-ui-semantic-primitives-shadow-500-bottom-color: var(
    --splash-ui-primitives-sbn-shadow-500-bottom-color
  );
  --splash-ui-semantic-primitives-shadow-500-bottom-x: var(
    --splash-ui-primitives-sbn-shadow-500-bottom-x
  );
  --splash-ui-semantic-primitives-shadow-500-bottom-y: var(
    --splash-ui-primitives-sbn-shadow-500-bottom-y
  );
  --splash-ui-semantic-primitives-shadow-500-bottom-blur: var(
    --splash-ui-primitives-sbn-shadow-500-bottom-blur
  );
  --splash-ui-semantic-primitives-shadow-500-bottom-spread: var(
    --splash-ui-primitives-sbn-shadow-500-bottom-spread
  );
  --splash-ui-semantic-primitives-shadow-700-top-color: var(
    --splash-ui-primitives-sbn-shadow-700-top-color
  );
  --splash-ui-semantic-primitives-shadow-700-top-x: var(
    --splash-ui-primitives-sbn-shadow-700-top-x
  );
  --splash-ui-semantic-primitives-shadow-700-top-y: var(
    --splash-ui-primitives-sbn-shadow-700-top-y
  );
  --splash-ui-semantic-primitives-shadow-700-top-blur: var(
    --splash-ui-primitives-sbn-shadow-700-top-blur
  );
  --splash-ui-semantic-primitives-shadow-700-top-spread: var(
    --splash-ui-primitives-sbn-shadow-700-top-spread
  );
  --splash-ui-semantic-primitives-shadow-700-bottom-color: var(
    --splash-ui-primitives-sbn-shadow-700-bottom-color
  );
  --splash-ui-semantic-primitives-shadow-700-bottom-x: var(
    --splash-ui-primitives-sbn-shadow-700-bottom-x
  );
  --splash-ui-semantic-primitives-shadow-700-bottom-y: var(
    --splash-ui-primitives-sbn-shadow-700-bottom-y
  );
  --splash-ui-semantic-primitives-shadow-700-bottom-blur: var(
    --splash-ui-primitives-sbn-shadow-700-bottom-blur
  );
  --splash-ui-semantic-primitives-shadow-700-bottom-spread: var(
    --splash-ui-primitives-sbn-shadow-700-bottom-spread
  );
  --splash-ui-semantic-primitives-shadow-default-top-color: var(
    --splash-ui-primitives-sbn-color-grayalpha-100
  );
  --splash-ui-semantic-primitives-shadow-default-top-x: 0;
  --splash-ui-semantic-primitives-shadow-default-top-y: 0.0625rem;
  --splash-ui-semantic-primitives-shadow-default-top-blur: 0.25rem;
  --splash-ui-semantic-primitives-shadow-default-top-spread: 0;
  --splash-ui-semantic-primitives-shadow-default-bottom-color: var(
    --splash-ui-primitives-sbn-color-grayalpha-50
  );
  --splash-ui-semantic-primitives-shadow-default-bottom-x: 0;
  --splash-ui-semantic-primitives-shadow-default-bottom-y: 0.125rem;
  --splash-ui-semantic-primitives-shadow-default-bottom-blur: 0.5rem;
  --splash-ui-semantic-primitives-shadow-default-bottom-spread: 0;
  --splash-ui-semantic-primitives-shadow-contrast-top-color: var(
    --splash-ui-primitives-sbn-color-grayalpha-200
  );
  --splash-ui-semantic-primitives-shadow-contrast-top-x: 0;
  --splash-ui-semantic-primitives-shadow-contrast-top-y: 0;
  --splash-ui-semantic-primitives-shadow-contrast-top-blur: 0.25rem;
  --splash-ui-semantic-primitives-shadow-contrast-top-spread: 0;
  --splash-ui-semantic-primitives-shadow-contrast-bottom-color: var(
    --splash-ui-primitives-sbn-color-grayalpha-200
  );
  --splash-ui-semantic-primitives-shadow-contrast-bottom-x: 0;
  --splash-ui-semantic-primitives-shadow-contrast-bottom-y: 0.125rem;
  --splash-ui-semantic-primitives-shadow-contrast-bottom-blur: 0.5rem;
  --splash-ui-semantic-primitives-shadow-contrast-bottom-spread: 0;
  --splash-ui-semantic-primitives-shadow-strong-top-color: var(
    --splash-ui-primitives-sbn-color-grayalpha-400
  );
  --splash-ui-semantic-primitives-shadow-strong-top-x: 0;
  --splash-ui-semantic-primitives-shadow-strong-top-y: 0;
  --splash-ui-semantic-primitives-shadow-strong-top-blur: 0.25rem;
  --splash-ui-semantic-primitives-shadow-strong-top-spread: 0;
  --splash-ui-semantic-primitives-shadow-strong-bottom-color: var(
    --splash-ui-primitives-sbn-color-grayalpha-300
  );
  --splash-ui-semantic-primitives-shadow-strong-bottom-x: 0;
  --splash-ui-semantic-primitives-shadow-strong-bottom-y: 0.125rem;
  --splash-ui-semantic-primitives-shadow-strong-bottom-blur: 0.5rem;
  --splash-ui-semantic-primitives-shadow-strong-bottom-spread: 0;
  --splash-ui-semantic-primitives-shadow-hero-top-color: var(
    --splash-ui-primitives-sbn-color-grayalpha-75
  );
  --splash-ui-semantic-primitives-shadow-hero-top-x: 0;
  --splash-ui-semantic-primitives-shadow-hero-top-y: 0.3125rem;
  --splash-ui-semantic-primitives-shadow-hero-top-blur: 0.625rem;
  --splash-ui-semantic-primitives-shadow-hero-top-spread: 0;
  --splash-ui-semantic-primitives-shadow-hero-bottom-color: var(
    --splash-ui-primitives-sbn-color-grayalpha-75
  );
  --splash-ui-semantic-primitives-shadow-hero-bottom-x: 0;
  --splash-ui-semantic-primitives-shadow-hero-bottom-y: 0.9375rem;
  --splash-ui-semantic-primitives-shadow-hero-bottom-blur: 2.5rem;
  --splash-ui-semantic-primitives-shadow-hero-bottom-spread: 0;
  --splash-ui-semantic-primitives-shadow-ui-handle-color: #00000080;
  --splash-ui-semantic-primitives-shadow-ui-handle-x: 0;
  --splash-ui-semantic-primitives-shadow-ui-handle-y: 0.0625rem;
  --splash-ui-semantic-primitives-shadow-ui-handle-blur: 0.125rem;
  --splash-ui-semantic-primitives-shadow-ui-handle-spread: 0;
  --splash-ui-semantic-primitives-typography-font-family-body: var(
    --splash-ui-primitives-sbn-font-family-body
  );
  --splash-ui-semantic-primitives-typography-font-family-heading: var(
    --splash-ui-primitives-sbn-font-family-heading
  );
  --splash-ui-semantic-primitives-typography-font-family-jumbo: var(
    --splash-ui-primitives-sbn-font-family-jumbo
  );
  --splash-ui-semantic-primitives-typography-font-color-default: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-semantic-primitives-typography-font-color-soft: var(
    --splash-ui-semantic-primitives-color-text-soft
  );
  --splash-ui-semantic-primitives-typography-font-color-code: var(
    --splash-ui-semantic-primitives-color-text-code
  );
  --splash-ui-semantic-primitives-typography-font-color-readonly: var(
    --splash-ui-semantic-primitives-color-text-readonly
  );
  --splash-ui-semantic-primitives-typography-font-color-disabled: var(
    --splash-ui-semantic-primitives-color-text-disabled
  );
  --splash-ui-semantic-primitives-typography-font-color-inverted: var(
    --splash-ui-semantic-primitives-color-text-inverted
  );
  --splash-ui-semantic-primitives-typography-font-color-link-hover: var(
    --splash-ui-semantic-primitives-color-text-link-hover
  );
  --splash-ui-semantic-primitives-typography-font-color-caution: var(
    --splash-ui-semantic-primitives-color-text-caution
  );
  --splash-ui-semantic-primitives-typography-font-color-danger: var(
    --splash-ui-semantic-primitives-color-text-danger
  );
  --splash-ui-semantic-primitives-typography-font-color-positive: var(
    --splash-ui-semantic-primitives-color-text-positive
  );
  --splash-ui-semantic-primitives-typography-font-color-link: var(
    --splash-ui-semantic-primitives-color-text-link
  );
  --splash-ui-semantic-primitives-typography-font-weight-regular: var(
    --splash-ui-primitives-sbn-font-weight-regular
  );
  --splash-ui-semantic-primitives-typography-font-weight-semi-bold: var(
    --splash-ui-primitives-sbn-font-weight-semi-bold
  );
  --splash-ui-semantic-primitives-typography-font-weight-bold: var(
    --splash-ui-primitives-sbn-font-weight-bold
  );
  --splash-ui-semantic-primitives-typography-font-weight-heading: 600;
  --splash-ui-semantic-primitives-typography-font-weight-jumbo: 600;
  --splash-ui-semantic-primitives-typography-font-style-italic: var(
    --splash-ui-primitives-sbn-font-style-italic
  );
  --splash-ui-semantic-primitives-typography-font-style-semi-bold-italic: var(
    --splash-ui-primitives-sbn-font-style-semi-bold-italic
  );
  --splash-ui-semantic-primitives-typography-font-style-bold-italic: var(
    --splash-ui-primitives-sbn-font-style-bold-italic
  );
  --splash-ui-semantic-primitives-typography-font-family-string-body: var(
    --splash-ui-primitives-sbn-font-family-string-body
  );
  --splash-ui-semantic-primitives-typography-font-family-string-heading: var(
    --splash-ui-primitives-sbn-font-family-string-heading
  );
  --splash-ui-semantic-primitives-typography-font-family-string-jumbo: var(
    --splash-ui-primitives-sbn-font-family-string-jumbo
  );
  --splash-ui-semantic-primitives-spacing-component-x-small: var(--splash-ui-primitives-sbn-size-4);
  --splash-ui-semantic-primitives-spacing-component-xx-small: var(
    --splash-ui-primitives-sbn-size-2
  );
  --splash-ui-semantic-primitives-spacing-component-small: var(--splash-ui-primitives-sbn-size-6);
  --splash-ui-semantic-primitives-spacing-component-medium: var(--splash-ui-primitives-sbn-size-8);
  --splash-ui-semantic-primitives-spacing-component-large: var(--splash-ui-primitives-sbn-size-12);
  --splash-ui-semantic-primitives-spacing-component-x-large: var(
    --splash-ui-primitives-sbn-size-16
  );
  --splash-ui-semantic-primitives-spacing-component-xx-large: var(
    --splash-ui-primitives-sbn-size-20
  );
  --splash-ui-semantic-primitives-spacing-component-xxx-large: var(
    --splash-ui-primitives-sbn-size-24
  );
  --splash-ui-semantic-primitives-spacing-component-xxx-small: var(
    --splash-ui-primitives-sbn-size-1
  );
  --splash-ui-semantic-primitives-spacing-component-none: var(--splash-ui-primitives-sbn-size-0);
  --splash-ui-semantic-primitives-spacing-layout-none: var(--splash-ui-primitives-sbn-size-0);
  --splash-ui-semantic-primitives-spacing-layout-xx-small: var(--splash-ui-primitives-sbn-size-8);
  --splash-ui-semantic-primitives-spacing-layout-x-small: var(--splash-ui-primitives-sbn-size-12);
  --splash-ui-semantic-primitives-spacing-layout-small: var(--splash-ui-primitives-sbn-size-16);
  --splash-ui-semantic-primitives-spacing-layout-medium: var(--splash-ui-primitives-sbn-size-28);
  --splash-ui-semantic-primitives-spacing-layout-large: var(--splash-ui-primitives-sbn-size-32);
  --splash-ui-semantic-primitives-spacing-layout-x-large: var(--splash-ui-primitives-sbn-size-48);
  --splash-ui-semantic-primitives-spacing-layout-xx-large: var(--splash-ui-primitives-sbn-size-64);
  --splash-ui-semantic-primitives-layout-spacing-xx-small: var(--splash-ui-primitives-sbn-size-8);
  --splash-ui-semantic-primitives-layout-spacing-x-small: var(--splash-ui-primitives-sbn-size-12);
  --splash-ui-semantic-primitives-layout-spacing-small: var(--splash-ui-primitives-sbn-size-16);
  --splash-ui-semantic-primitives-layout-spacing-medium: var(--splash-ui-primitives-sbn-size-28);
  --splash-ui-semantic-primitives-layout-spacing-large: var(--splash-ui-primitives-sbn-size-32);
  --splash-ui-semantic-primitives-layout-spacing-x-large: var(--splash-ui-primitives-sbn-size-48);
  --splash-ui-semantic-primitives-layout-spacing-xx-large: var(--splash-ui-primitives-sbn-size-64);
  --splash-ui-semantic-primitives-layout-spacing-none: var(--splash-ui-primitives-sbn-size-0);
  --splash-ui-semantic-primitives-layout-content-max-width-full: 70.625rem;
  --splash-ui-semantic-primitives-component-namespace: SBN;
  --splash-ui-semantic-primitives-padding-xxx-large: var(--splash-ui-primitives-sbn-size-20);
  --splash-ui-semantic-primitives-padding-large: var(--splash-ui-primitives-sbn-size-10);
  --splash-ui-semantic-primitives-padding-medium: var(--splash-ui-primitives-sbn-size-8);
  --splash-ui-semantic-primitives-padding-xx-small: var(--splash-ui-primitives-sbn-size-2);
  --splash-ui-semantic-primitives-padding-x-large: var(--splash-ui-primitives-sbn-size-12);
  --splash-ui-semantic-primitives-padding-small: var(--splash-ui-primitives-sbn-size-6);
  --splash-ui-semantic-primitives-padding-xx-large: var(--splash-ui-primitives-sbn-size-16);
  --splash-ui-semantic-primitives-padding-none: var(--splash-ui-primitives-sbn-size-0);
  --splash-ui-semantic-primitives-padding-x-small: var(--splash-ui-primitives-sbn-size-4);
  --splash-ui-semantic-primitives-padding-xxx-small: var(--splash-ui-primitives-sbn-size-1);
}
/**************************
* This file is auto-generated from Figma tokens.
* Do not edit manually.
**************************/

:root {
  --splash-ui-component-button-primary-background-color-default: var(
    --splash-ui-primitives-sbn-color-red-950
  );
  --splash-ui-component-button-primary-background-color-hover: var(
    --splash-ui-primitives-sbn-color-red-1200
  );
  --splash-ui-component-button-primary-background-color-disabled: var(
    --splash-ui-component-button-disabled-background-color
  );
  --splash-ui-component-button-primary-background-color-active: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-button-primary-font-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-button-primary-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-button-primary-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-button-primary-font-size-large: var(
    --splash-ui-component-button-font-size-large
  );
  --splash-ui-component-button-primary-font-size-medium: var(
    --splash-ui-component-button-font-size-medium
  );
  --splash-ui-component-button-primary-font-size-small: var(
    --splash-ui-component-button-font-size-small
  );
  --splash-ui-component-button-primary-icon-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-button-primary-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-button-primary-border-width: 0;
  --splash-ui-component-button-primary-border-radius-small: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-button-primary-border-radius-medium: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-button-primary-border-radius-large: var(
    --splash-ui-component-button-border-radius-large
  );
  --splash-ui-component-button-primary-border-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-button-primary-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-button-primary-focus-outline-width: 0.125rem;
  --splash-ui-component-button-primary-min-height-small: var(
    --splash-ui-component-button-min-height-small
  );
  --splash-ui-component-button-primary-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-button-primary-min-height-large: var(
    --splash-ui-component-button-min-height-large
  );
  --splash-ui-component-button-primary-padding-horizontal-large: var(
    --splash-ui-component-button-padding-horizontal-large
  );
  --splash-ui-component-button-primary-padding-horizontal-medium: var(
    --splash-ui-component-button-padding-horizontal-medium
  );
  --splash-ui-component-button-primary-padding-horizontal-small: var(
    --splash-ui-component-button-padding-horizontal-small
  );
  --splash-ui-component-button-primary-padding-vertical-large: var(
    --splash-ui-component-button-padding-vertical-large
  );
  --splash-ui-component-button-primary-padding-vertical-medium: var(
    --splash-ui-component-button-padding-vertical-medium
  );
  --splash-ui-component-button-primary-padding-vertical-small: var(
    --splash-ui-component-button-padding-vertical-small
  );
  --splash-ui-component-button-secondary-background-color-default: var(
    --splash-ui-primitives-sbn-color-brown-100
  );
  --splash-ui-component-button-secondary-background-color-hover: var(
    --splash-ui-primitives-sbn-color-brown-200
  );
  --splash-ui-component-button-secondary-background-color-disabled: var(
    --splash-ui-primitives-sbn-color-dark-red-alpha-5
  );
  --splash-ui-component-button-secondary-background-color-active: var(
    --splash-ui-primitives-sbn-color-brown-300
  );
  --splash-ui-component-button-secondary-background-color-selected: var(
    --splash-ui-primitives-sbn-color-indigo-1200
  );
  --splash-ui-component-button-secondary-font-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-button-secondary-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-button-secondary-font-color-selected: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-button-secondary-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-button-secondary-font-size-large: var(
    --splash-ui-component-button-font-size-large
  );
  --splash-ui-component-button-secondary-font-size-medium: var(
    --splash-ui-component-button-font-size-medium
  );
  --splash-ui-component-button-secondary-font-size-small: var(
    --splash-ui-component-button-font-size-small
  );
  --splash-ui-component-button-secondary-icon-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-button-secondary-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-button-secondary-icon-color-selected: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-button-secondary-focus-outline-width: 0.125rem;
  --splash-ui-component-button-secondary-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-button-secondary-border-width: 0;
  --splash-ui-component-button-secondary-border-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-button-secondary-border-radius-small: var(
    --splash-ui-component-button-border-radius-small
  );
  --splash-ui-component-button-secondary-border-radius-medium: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-button-secondary-border-radius-large: var(
    --splash-ui-component-button-border-radius-large
  );
  --splash-ui-component-button-secondary-min-height-small: var(
    --splash-ui-component-button-min-height-small
  );
  --splash-ui-component-button-secondary-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-button-secondary-min-height-large: var(
    --splash-ui-component-button-min-height-large
  );
  --splash-ui-component-button-secondary-padding-horizontal-large: var(
    --splash-ui-component-button-padding-horizontal-large
  );
  --splash-ui-component-button-secondary-padding-horizontal-medium: var(
    --splash-ui-component-button-padding-horizontal-medium
  );
  --splash-ui-component-button-secondary-padding-horizontal-small: var(
    --splash-ui-component-button-padding-horizontal-small
  );
  --splash-ui-component-button-secondary-padding-vertical-large: var(
    --splash-ui-component-button-padding-vertical-large
  );
  --splash-ui-component-button-secondary-padding-vertical-medium: var(
    --splash-ui-component-button-padding-vertical-medium
  );
  --splash-ui-component-button-secondary-padding-vertical-small: var(
    --splash-ui-component-button-padding-vertical-small
  );
  --splash-ui-component-button-danger-background-color-default: var(
    --splash-ui-primitives-sbn-color-red-100
  );
  --splash-ui-component-button-danger-background-color-hover: var(
    --splash-ui-primitives-sbn-color-red-300
  );
  --splash-ui-component-button-danger-background-color-disabled: var(
    --splash-ui-component-button-disabled-background-color
  );
  --splash-ui-component-button-danger-background-color-active: var(
    --splash-ui-primitives-sbn-color-red-300
  );
  --splash-ui-component-button-danger-font-color-default: var(
    --splash-ui-primitives-sbn-color-red-1100
  );
  --splash-ui-component-button-danger-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-button-danger-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-button-danger-font-size-small: var(
    --splash-ui-component-button-font-size-small
  );
  --splash-ui-component-button-danger-font-size-medium: var(
    --splash-ui-component-button-font-size-medium
  );
  --splash-ui-component-button-danger-font-size-large: var(
    --splash-ui-component-button-font-size-large
  );
  --splash-ui-component-button-danger-icon-color-default: var(
    --splash-ui-primitives-sbn-color-red-1100
  );
  --splash-ui-component-button-danger-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-button-danger-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-button-danger-focus-outline-width: 0.125rem;
  --splash-ui-component-button-danger-border-width: var(
    --splash-ui-semantic-primitives-border-width-bold
  );
  --splash-ui-component-button-danger-border-color-default: var(
    --splash-ui-primitives-sbn-color-red-1100
  );
  --splash-ui-component-button-danger-border-color-disabled: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-button-danger-border-radius-small: var(
    --splash-ui-component-button-border-radius-small
  );
  --splash-ui-component-button-danger-border-radius-medium: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-button-danger-border-radius-large: var(
    --splash-ui-component-button-border-radius-large
  );
  --splash-ui-component-button-danger-min-height-small: var(
    --splash-ui-component-button-min-height-small
  );
  --splash-ui-component-button-danger-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-button-danger-min-height-large: var(
    --splash-ui-component-button-min-height-large
  );
  --splash-ui-component-button-danger-padding-horizontal-large: var(
    --splash-ui-component-button-padding-horizontal-large
  );
  --splash-ui-component-button-danger-padding-horizontal-medium: var(
    --splash-ui-component-button-padding-horizontal-medium
  );
  --splash-ui-component-button-danger-padding-horizontal-small: var(
    --splash-ui-component-button-padding-horizontal-small
  );
  --splash-ui-component-button-danger-padding-vertical-large: var(
    --splash-ui-component-button-padding-vertical-large
  );
  --splash-ui-component-button-danger-padding-vertical-medium: var(
    --splash-ui-component-button-padding-vertical-medium
  );
  --splash-ui-component-button-danger-padding-vertical-small: var(
    --splash-ui-component-button-padding-vertical-small
  );
  --splash-ui-component-button-confirm-background-color-default: var(
    --splash-ui-primitives-sbn-color-green-700
  );
  --splash-ui-component-button-confirm-background-color-hover: var(
    --splash-ui-primitives-sbn-color-green-900
  );
  --splash-ui-component-button-confirm-background-color-disabled: var(
    --splash-ui-component-button-disabled-background-color
  );
  --splash-ui-component-button-confirm-background-color-active: var(
    --splash-ui-primitives-sbn-color-green-900
  );
  --splash-ui-component-button-confirm-font-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-button-confirm-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-button-confirm-font-size-small: var(
    --splash-ui-component-button-font-size-small
  );
  --splash-ui-component-button-confirm-font-size-medium: var(
    --splash-ui-component-button-font-size-medium
  );
  --splash-ui-component-button-confirm-font-size-large: var(
    --splash-ui-component-button-font-size-large
  );
  --splash-ui-component-button-confirm-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-button-confirm-icon-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-button-confirm-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-button-confirm-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-button-confirm-focus-outline-width: 0.125rem;
  --splash-ui-component-button-confirm-border-width: 0;
  --splash-ui-component-button-confirm-border-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-button-confirm-border-radius-small: var(
    --splash-ui-component-button-border-radius-small
  );
  --splash-ui-component-button-confirm-border-radius-medium: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-button-confirm-border-radius-large: var(
    --splash-ui-component-button-border-radius-large
  );
  --splash-ui-component-button-confirm-min-height-small: var(
    --splash-ui-component-button-min-height-small
  );
  --splash-ui-component-button-confirm-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-button-confirm-min-height-large: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-button-confirm-padding-horizontal-large: var(
    --splash-ui-component-button-padding-horizontal-large
  );
  --splash-ui-component-button-confirm-padding-horizontal-medium: var(
    --splash-ui-component-button-padding-horizontal-medium
  );
  --splash-ui-component-button-confirm-padding-horizontal-small: var(
    --splash-ui-component-button-padding-horizontal-small
  );
  --splash-ui-component-button-confirm-padding-vertical-large: var(
    --splash-ui-component-button-padding-vertical-large
  );
  --splash-ui-component-button-confirm-padding-vertical-medium: var(
    --splash-ui-component-button-padding-vertical-medium
  );
  --splash-ui-component-button-confirm-padding-vertical-small: var(
    --splash-ui-component-button-padding-vertical-small
  );
  --splash-ui-component-button-simple-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-button-simple-background-color-hover: var(
    --splash-ui-primitives-sbn-color-brown-100
  );
  --splash-ui-component-button-simple-background-color-disabled: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-button-simple-background-color-active: var(
    --splash-ui-primitives-sbn-color-brown-100
  );
  --splash-ui-component-button-simple-background-color-selected: var(
    --splash-ui-primitives-sbn-color-indigo-1200
  );
  --splash-ui-component-button-simple-font-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-button-simple-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-button-simple-font-color-selected: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-button-simple-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-button-simple-font-size-small: var(
    --splash-ui-component-button-font-size-small
  );
  --splash-ui-component-button-simple-font-size-medium: var(
    --splash-ui-component-button-font-size-medium
  );
  --splash-ui-component-button-simple-font-size-large: var(
    --splash-ui-component-button-font-size-large
  );
  --splash-ui-component-button-simple-icon-color-default: var(
    --splash-ui-primitives-sbn-color-indigo-900
  );
  --splash-ui-component-button-simple-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-button-simple-icon-color-selected: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-button-simple-focus-outline-width: 0.125rem;
  --splash-ui-component-button-simple-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-button-simple-border-width: 0.0625rem;
  --splash-ui-component-button-simple-border-color: var(
    --splash-ui-primitives-sbn-color-dark-red-alpha-30
  );
  --splash-ui-component-button-simple-border-radius-small: var(
    --splash-ui-component-button-border-radius-small
  );
  --splash-ui-component-button-simple-border-radius-medium: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-button-simple-border-radius-large: var(
    --splash-ui-component-button-border-radius-large
  );
  --splash-ui-component-button-simple-min-height-small: var(
    --splash-ui-component-button-min-height-small
  );
  --splash-ui-component-button-simple-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-button-simple-min-height-large: var(
    --splash-ui-component-button-min-height-large
  );
  --splash-ui-component-button-simple-padding-horizontal-large: var(
    --splash-ui-component-button-padding-horizontal-large
  );
  --splash-ui-component-button-simple-padding-horizontal-medium: var(
    --splash-ui-component-button-padding-horizontal-medium
  );
  --splash-ui-component-button-simple-padding-horizontal-small: var(
    --splash-ui-component-button-padding-horizontal-small
  );
  --splash-ui-component-button-simple-padding-vertical-large: var(
    --splash-ui-component-button-padding-vertical-large
  );
  --splash-ui-component-button-simple-padding-vertical-medium: var(
    --splash-ui-component-button-padding-vertical-medium
  );
  --splash-ui-component-button-simple-padding-vertical-small: var(
    --splash-ui-component-button-padding-vertical-small
  );
  --splash-ui-component-button-inverted-background-color-default: var(
    --splash-ui-primitives-sbn-color-utility-blue-50
  );
  --splash-ui-component-button-inverted-background-color-hover: var(
    --splash-ui-primitives-sbn-color-utility-blue-100
  );
  --splash-ui-component-button-inverted-background-color-disabled: var(
    --splash-ui-component-button-disabled-background-color
  );
  --splash-ui-component-button-inverted-background-color-active: var(
    --splash-ui-primitives-bulder-color-utility-blue-200
  );
  --splash-ui-component-button-inverted-font-color-default: var(
    --splash-ui-primitives-sbn-color-indigo-1200
  );
  --splash-ui-component-button-inverted-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-button-inverted-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-bold
  );
  --splash-ui-component-button-inverted-font-size-small: var(
    --splash-ui-component-button-font-size-small
  );
  --splash-ui-component-button-inverted-font-size-medium: var(
    --splash-ui-component-button-font-size-medium
  );
  --splash-ui-component-button-inverted-font-size-large: var(
    --splash-ui-component-button-font-size-large
  );
  --splash-ui-component-button-inverted-icon-color-default: var(
    --splash-ui-primitives-sbn-color-indigo-900
  );
  --splash-ui-component-button-inverted-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-button-inverted-focus-outline-width: 0.125rem;
  --splash-ui-component-button-inverted-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-button-inverted-border-width: 0.0625rem;
  --splash-ui-component-button-inverted-border-color: var(
    --splash-ui-primitives-sbn-color-utility-blue-300
  );
  --splash-ui-component-button-inverted-border-radius-small: var(
    --splash-ui-component-button-border-radius-small
  );
  --splash-ui-component-button-inverted-border-radius-medium: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-button-inverted-border-radius-large: var(
    --splash-ui-component-button-border-radius-large
  );
  --splash-ui-component-button-inverted-min-height-small: var(
    --splash-ui-component-button-min-height-small
  );
  --splash-ui-component-button-inverted-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-button-inverted-min-height-large: var(
    --splash-ui-component-button-min-height-large
  );
  --splash-ui-component-button-inverted-padding-horizontal-large: var(
    --splash-ui-component-button-padding-horizontal-large
  );
  --splash-ui-component-button-inverted-padding-horizontal-medium: var(
    --splash-ui-component-button-padding-horizontal-medium
  );
  --splash-ui-component-button-inverted-padding-horizontal-small: var(
    --splash-ui-component-button-padding-horizontal-small
  );
  --splash-ui-component-button-inverted-padding-vertical-large: var(
    --splash-ui-component-button-padding-vertical-large
  );
  --splash-ui-component-button-inverted-padding-vertical-medium: var(
    --splash-ui-component-button-padding-vertical-medium
  );
  --splash-ui-component-button-inverted-padding-vertical-small: var(
    --splash-ui-component-button-padding-vertical-small
  );
  --splash-ui-component-button-icon-margin-large: 0.75rem;
  --splash-ui-component-button-icon-margin-small: 0.375rem;
  --splash-ui-component-button-icon-margin-medium: 0.5rem;
  --splash-ui-component-button-icon-size-x-large: 1.5rem;
  --splash-ui-component-button-icon-size-small: 0.75rem;
  --splash-ui-component-button-icon-size-large: 1.25rem;
  --splash-ui-component-button-icon-size-medium: 1rem;
  --splash-ui-component-button-disabled-background-color: var(
    --splash-ui-primitives-sbn-color-grayalpha-75
  );
  --splash-ui-component-button-disabled-icon-color: var(--splash-ui-primitives-sbn-color-gray-500);
  --splash-ui-component-button-disabled-font-color: var(--splash-ui-primitives-sbn-color-gray-500);
  --splash-ui-component-button-font-size-large: 1.125rem;
  --splash-ui-component-button-font-size-medium: 1rem;
  --splash-ui-component-button-font-size-small: 0.875rem;
  --splash-ui-component-button-font-weight-bold: var(
    --splash-ui-semantic-primitives-typography-font-weight-bold
  );
  --splash-ui-component-button-font-weight-semi-bold: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-button-font-weight-regular: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-button-font-weight-default: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-button-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-button-border-radius-large: 1.5rem;
  --splash-ui-component-button-border-radius-medium: 1.3125rem;
  --splash-ui-component-button-border-radius-small: 1rem;
  --splash-ui-component-button-padding-horizontal-large: 1.25rem;
  --splash-ui-component-button-padding-horizontal-medium: 1rem;
  --splash-ui-component-button-padding-horizontal-small: 0.75rem;
  --splash-ui-component-button-padding-horizontal-none: 0;
  --splash-ui-component-button-padding-vertical-large: 0.75rem;
  --splash-ui-component-button-padding-vertical-medium: 0.5rem;
  --splash-ui-component-button-padding-vertical-small: 0.375rem;
  --splash-ui-component-button-min-height-small: 2rem;
  --splash-ui-component-button-min-height-medium: 2.5rem;
  --splash-ui-component-button-min-height-large: 3rem;
  --splash-ui-component-button-generic-padding-large: 1.25rem;
  --splash-ui-component-button-generic-padding-medium: 1rem;
  --splash-ui-component-button-generic-padding-small: 0.75rem;
  --splash-ui-component-button-generic-padding-none: 0;
  --splash-ui-component-button-stateful-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-button-stateful-background-color-hover: var(
    --splash-ui-primitives-sbn-color-indigo-75
  );
  --splash-ui-component-button-stateful-background-color-active: var(
    --splash-ui-primitives-sbn-color-indigo-100
  );
  --splash-ui-component-button-stateful-background-color-disabled: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-button-stateful-background-color-selected: var(
    --splash-ui-primitives-sbn-color-indigo-1200
  );
  --splash-ui-component-button-stateful-border-width: 0.0625rem;
  --splash-ui-component-button-stateful-border-color: var(
    --splash-ui-primitives-sbn-color-indigo-500
  );
  --splash-ui-component-button-stateful-border-radius-small: var(
    --splash-ui-component-button-border-radius-small
  );
  --splash-ui-component-button-stateful-border-radius-medium: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-button-stateful-border-radius-large: var(
    --splash-ui-component-button-border-radius-large
  );
  --splash-ui-component-button-stateful-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-button-stateful-focus-outline-width: 0.125rem;
  --splash-ui-component-button-stateful-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-button-stateful-font-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-button-stateful-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-button-stateful-font-color-selected: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-button-stateful-font-size-small: var(
    --splash-ui-component-button-font-size-small
  );
  --splash-ui-component-button-stateful-font-size-medium: var(
    --splash-ui-component-button-font-size-medium
  );
  --splash-ui-component-button-stateful-font-size-large: var(
    --splash-ui-component-button-font-size-large
  );
  --splash-ui-component-button-stateful-icon-color-default: var(
    --splash-ui-primitives-sbn-color-indigo-900
  );
  --splash-ui-component-button-stateful-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-button-stateful-icon-color-selected: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-button-stateful-min-height-small: var(
    --splash-ui-component-button-min-height-small
  );
  --splash-ui-component-button-stateful-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-button-stateful-min-height-large: var(
    --splash-ui-component-button-min-height-large
  );
  --splash-ui-component-button-stateful-padding-horizontal-small: var(
    --splash-ui-component-button-padding-horizontal-small
  );
  --splash-ui-component-button-stateful-padding-horizontal-medium: var(
    --splash-ui-component-button-padding-horizontal-medium
  );
  --splash-ui-component-button-stateful-padding-horizontal-large: var(
    --splash-ui-component-button-padding-horizontal-large
  );
  --splash-ui-component-button-stateful-padding-vertical-small: var(
    --splash-ui-component-button-padding-vertical-small
  );
  --splash-ui-component-button-stateful-padding-vertical-medium: var(
    --splash-ui-component-button-padding-vertical-medium
  );
  --splash-ui-component-button-stateful-padding-vertical-large: var(
    --splash-ui-component-button-padding-vertical-large
  );
  --splash-ui-component-button-strong-background-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-button-strong-background-color-hover: var(
    --splash-ui-primitives-sbn-color-red-1200
  );
  --splash-ui-component-button-strong-background-color-active: var(
    --splash-ui-primitives-sbn-color-red-1200
  );
  --splash-ui-component-button-strong-background-color-disabled: var(
    --splash-ui-component-button-disabled-background-color
  );
  --splash-ui-component-button-strong-border-width: 0;
  --splash-ui-component-button-strong-border-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-button-strong-border-radius-small: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-button-strong-border-radius-medium: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-button-strong-border-radius-large: var(
    --splash-ui-component-button-border-radius-large
  );
  --splash-ui-component-button-strong-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-button-strong-focus-outline-width: 0.125rem;
  --splash-ui-component-button-strong-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-button-strong-font-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-button-strong-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-button-strong-font-size-small: var(
    --splash-ui-component-button-font-size-small
  );
  --splash-ui-component-button-strong-font-size-medium: var(
    --splash-ui-component-button-font-size-medium
  );
  --splash-ui-component-button-strong-font-size-large: var(
    --splash-ui-component-button-font-size-large
  );
  --splash-ui-component-button-strong-icon-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-button-strong-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-button-strong-min-height-small: var(
    --splash-ui-component-button-min-height-small
  );
  --splash-ui-component-button-strong-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-button-strong-min-height-large: var(
    --splash-ui-component-button-min-height-large
  );
  --splash-ui-component-button-strong-padding-horizontal-small: var(
    --splash-ui-component-button-padding-horizontal-small
  );
  --splash-ui-component-button-strong-padding-horizontal-medium: var(
    --splash-ui-component-button-padding-horizontal-medium
  );
  --splash-ui-component-button-strong-padding-horizontal-large: var(
    --splash-ui-component-button-padding-horizontal-large
  );
  --splash-ui-component-button-strong-padding-vertical-small: var(
    --splash-ui-component-button-padding-vertical-small
  );
  --splash-ui-component-button-strong-padding-vertical-medium: var(
    --splash-ui-component-button-padding-vertical-medium
  );
  --splash-ui-component-button-strong-padding-vertical-large: var(
    --splash-ui-component-button-padding-vertical-large
  );
  --splash-ui-component-button-outline-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-button-outline-background-color-hover: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-button-outline-background-color-active: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-button-outline-background-color-disabled: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-button-outline-border-width: 0.0625rem;
  --splash-ui-component-button-outline-border-color: var(
    --splash-ui-primitives-sbn-color-dark-red-alpha-10
  );
  --splash-ui-component-button-outline-border-radius-small: var(
    --splash-ui-component-button-border-radius-small
  );
  --splash-ui-component-button-outline-border-radius-medium: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-button-outline-border-radius-large: var(
    --splash-ui-component-button-border-radius-large
  );
  --splash-ui-component-button-outline-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-button-outline-focus-outline-width: 0.125rem;
  --splash-ui-component-button-outline-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-button-outline-font-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-button-outline-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-button-outline-font-size-small: var(
    --splash-ui-component-button-font-size-small
  );
  --splash-ui-component-button-outline-font-size-medium: var(
    --splash-ui-component-button-font-size-medium
  );
  --splash-ui-component-button-outline-font-size-large: var(
    --splash-ui-component-button-font-size-large
  );
  --splash-ui-component-button-outline-icon-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-button-outline-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-button-outline-min-height-small: var(
    --splash-ui-component-button-min-height-small
  );
  --splash-ui-component-button-outline-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-button-outline-min-height-large: var(
    --splash-ui-component-button-min-height-large
  );
  --splash-ui-component-button-outline-padding-horizontal-small: var(
    --splash-ui-component-button-padding-horizontal-small
  );
  --splash-ui-component-button-outline-padding-horizontal-medium: var(
    --splash-ui-component-button-padding-horizontal-medium
  );
  --splash-ui-component-button-outline-padding-horizontal-large: var(
    --splash-ui-component-button-padding-horizontal-large
  );
  --splash-ui-component-button-outline-padding-vertical-small: var(
    --splash-ui-component-button-padding-vertical-small
  );
  --splash-ui-component-button-outline-padding-vertical-medium: var(
    --splash-ui-component-button-padding-vertical-medium
  );
  --splash-ui-component-button-outline-padding-vertical-large: var(
    --splash-ui-component-button-padding-vertical-large
  );
  --splash-ui-component-button-strong-inverted-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-button-strong-inverted-background-color-hover: var(
    --splash-ui-primitives-sbn-color-indigo-100
  );
  --splash-ui-component-button-strong-inverted-background-color-active: var(
    --splash-ui-primitives-sbn-color-indigo-100
  );
  --splash-ui-component-button-strong-inverted-background-color-selected: var(
    --splash-ui-primitives-sbn-color-indigo-1200
  );
  --splash-ui-component-button-strong-inverted-background-color-disabled: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-button-strong-inverted-border-width: 0;
  --splash-ui-component-button-strong-inverted-border-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-button-strong-inverted-border-radius-small: var(
    --splash-ui-component-button-border-radius-small
  );
  --splash-ui-component-button-strong-inverted-border-radius-medium: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-button-strong-inverted-border-radius-large: var(
    --splash-ui-component-button-border-radius-large
  );
  --splash-ui-component-button-strong-inverted-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-button-strong-inverted-focus-outline-width: 0.125rem;
  --splash-ui-component-button-strong-inverted-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-button-strong-inverted-font-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-button-strong-inverted-font-color-selected: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-button-strong-inverted-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-button-strong-inverted-font-size-small: var(
    --splash-ui-component-button-font-size-small
  );
  --splash-ui-component-button-strong-inverted-font-size-medium: var(
    --splash-ui-component-button-font-size-medium
  );
  --splash-ui-component-button-strong-inverted-font-size-large: var(
    --splash-ui-component-button-font-size-large
  );
  --splash-ui-component-button-strong-inverted-icon-color-default: var(
    --splash-ui-primitives-sbn-color-indigo-900
  );
  --splash-ui-component-button-strong-inverted-icon-color-selected: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-button-strong-inverted-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-button-strong-inverted-min-height-small: var(
    --splash-ui-component-button-min-height-small
  );
  --splash-ui-component-button-strong-inverted-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-button-strong-inverted-min-height-large: var(
    --splash-ui-component-button-min-height-large
  );
  --splash-ui-component-button-strong-inverted-padding-horizontal-small: var(
    --splash-ui-component-button-padding-horizontal-small
  );
  --splash-ui-component-button-strong-inverted-padding-horizontal-medium: var(
    --splash-ui-component-button-padding-horizontal-medium
  );
  --splash-ui-component-button-strong-inverted-padding-horizontal-large: var(
    --splash-ui-component-button-padding-horizontal-large
  );
  --splash-ui-component-button-strong-inverted-padding-vertical-small: var(
    --splash-ui-component-button-padding-vertical-small
  );
  --splash-ui-component-button-strong-inverted-padding-vertical-medium: var(
    --splash-ui-component-button-padding-vertical-medium
  );
  --splash-ui-component-button-strong-inverted-padding-vertical-large: var(
    --splash-ui-component-button-padding-vertical-large
  );
  --splash-ui-component-button-secondary-inverted-background-color-default: var(
    --splash-ui-primitives-sbn-color-brown-1100
  );
  --splash-ui-component-button-secondary-inverted-background-color-hover: var(
    --splash-ui-primitives-sbn-color-brown-900
  );
  --splash-ui-component-button-secondary-inverted-background-color-active: var(
    --splash-ui-primitives-sbn-color-brown-1000
  );
  --splash-ui-component-button-secondary-inverted-background-color-disabled: var(
    --splash-ui-component-button-disabled-background-color
  );
  --splash-ui-component-button-secondary-inverted-border-width: 0;
  --splash-ui-component-button-secondary-inverted-border-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-button-secondary-inverted-border-radius-small: var(
    --splash-ui-component-button-border-radius-small
  );
  --splash-ui-component-button-secondary-inverted-border-radius-medium: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-button-secondary-inverted-border-radius-large: var(
    --splash-ui-component-button-border-radius-large
  );
  --splash-ui-component-button-secondary-inverted-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-button-secondary-inverted-focus-outline-width: 0.125rem;
  --splash-ui-component-button-secondary-inverted-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-button-secondary-inverted-font-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-button-secondary-inverted-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-button-secondary-inverted-font-size-small: var(
    --splash-ui-component-button-font-size-small
  );
  --splash-ui-component-button-secondary-inverted-font-size-medium: var(
    --splash-ui-component-button-font-size-medium
  );
  --splash-ui-component-button-secondary-inverted-font-size-large: var(
    --splash-ui-component-button-font-size-large
  );
  --splash-ui-component-button-secondary-inverted-icon-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-button-secondary-inverted-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-button-secondary-inverted-min-height-small: var(
    --splash-ui-component-button-min-height-small
  );
  --splash-ui-component-button-secondary-inverted-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-button-secondary-inverted-min-height-large: var(
    --splash-ui-component-button-min-height-large
  );
  --splash-ui-component-button-secondary-inverted-padding-horizontal-small: var(
    --splash-ui-component-button-padding-horizontal-small
  );
  --splash-ui-component-button-secondary-inverted-padding-horizontal-medium: var(
    --splash-ui-component-button-padding-horizontal-medium
  );
  --splash-ui-component-button-secondary-inverted-padding-horizontal-large: var(
    --splash-ui-component-button-padding-horizontal-large
  );
  --splash-ui-component-button-secondary-inverted-padding-vertical-small: var(
    --splash-ui-component-button-padding-vertical-small
  );
  --splash-ui-component-button-secondary-inverted-padding-vertical-medium: var(
    --splash-ui-component-button-padding-vertical-medium
  );
  --splash-ui-component-button-secondary-inverted-padding-vertical-large: var(
    --splash-ui-component-button-padding-vertical-large
  );
  --splash-ui-component-button-outline-inverted-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-button-outline-inverted-background-color-hover: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-button-outline-inverted-background-color-active: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-button-outline-inverted-background-color-disabled: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-button-outline-inverted-border-width: 0.0625rem;
  --splash-ui-component-button-outline-inverted-border-color: var(
    --splash-ui-primitives-sbn-color-light-brown-alpha-30
  );
  --splash-ui-component-button-outline-inverted-border-radius-small: var(
    --splash-ui-component-button-border-radius-small
  );
  --splash-ui-component-button-outline-inverted-border-radius-medium: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-button-outline-inverted-border-radius-large: var(
    --splash-ui-component-button-border-radius-large
  );
  --splash-ui-component-button-outline-inverted-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-button-outline-inverted-focus-outline-width: 0.125rem;
  --splash-ui-component-button-outline-inverted-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-button-outline-inverted-font-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-button-outline-inverted-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-button-outline-inverted-font-size-small: var(
    --splash-ui-component-button-font-size-small
  );
  --splash-ui-component-button-outline-inverted-font-size-medium: var(
    --splash-ui-component-button-font-size-medium
  );
  --splash-ui-component-button-outline-inverted-font-size-large: var(
    --splash-ui-component-button-font-size-large
  );
  --splash-ui-component-button-outline-inverted-icon-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-button-outline-inverted-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-button-outline-inverted-min-height-small: var(
    --splash-ui-component-button-min-height-small
  );
  --splash-ui-component-button-outline-inverted-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-button-outline-inverted-min-height-large: var(
    --splash-ui-component-button-min-height-large
  );
  --splash-ui-component-button-outline-inverted-padding-horizontal-small: var(
    --splash-ui-component-button-padding-horizontal-small
  );
  --splash-ui-component-button-outline-inverted-padding-horizontal-medium: var(
    --splash-ui-component-button-padding-horizontal-medium
  );
  --splash-ui-component-button-outline-inverted-padding-horizontal-large: var(
    --splash-ui-component-button-padding-horizontal-large
  );
  --splash-ui-component-button-outline-inverted-padding-vertical-small: var(
    --splash-ui-component-button-padding-vertical-small
  );
  --splash-ui-component-button-outline-inverted-padding-vertical-medium: var(
    --splash-ui-component-button-padding-vertical-medium
  );
  --splash-ui-component-button-outline-inverted-padding-vertical-large: var(
    --splash-ui-component-button-padding-vertical-large
  );
  --splash-ui-component-text-button-font-color-hover: var(
    --splash-ui-primitives-sbn-color-red-1100
  );
  --splash-ui-component-text-button-font-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-text-button-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-text-button-font-color-active: var(
    --splash-ui-primitives-sbn-color-red-1100
  );
  --splash-ui-component-text-button-font-weight-bold: var(
    --splash-ui-semantic-primitives-typography-font-weight-bold
  );
  --splash-ui-component-text-button-font-weight-semi-bold: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-text-button-font-weight-regular: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-text-button-font-size-small: var(
    --splash-ui-component-button-font-size-small
  );
  --splash-ui-component-text-button-font-size-medium: var(
    --splash-ui-component-button-font-size-medium
  );
  --splash-ui-component-text-button-font-size-large: var(
    --splash-ui-component-button-font-size-large
  );
  --splash-ui-component-text-button-icon-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-text-button-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-text-button-icon-color-hover: var(
    --splash-ui-primitives-sbn-color-red-1100
  );
  --splash-ui-component-text-button-icon-color-active: var(
    --splash-ui-primitives-sbn-color-red-1100
  );
  --splash-ui-component-text-button-focus-outline-width: 0.125rem;
  --splash-ui-component-text-button-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-text-button-min-height-small: var(
    --splash-ui-component-button-min-height-small
  );
  --splash-ui-component-text-button-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-text-button-min-height-large: var(
    --splash-ui-component-button-min-height-large
  );
  --splash-ui-component-text-button-padding-horizontal-large: var(
    --splash-ui-component-button-padding-horizontal-none
  );
  --splash-ui-component-text-button-padding-horizontal-medium: var(
    --splash-ui-component-button-padding-horizontal-none
  );
  --splash-ui-component-text-button-padding-horizontal-small: var(
    --splash-ui-component-button-padding-horizontal-none
  );
  --splash-ui-component-text-button-padding-vertical-large: var(
    --splash-ui-component-button-padding-vertical-large
  );
  --splash-ui-component-text-button-padding-vertical-medium: var(
    --splash-ui-component-button-padding-vertical-medium
  );
  --splash-ui-component-text-button-padding-vertical-small: var(
    --splash-ui-component-button-padding-vertical-small
  );
  --splash-ui-component-form-button-background-color-default: var(
    --splash-ui-primitives-sbn-color-brown-100
  );
  --splash-ui-component-form-button-background-color-hover: var(
    --splash-ui-primitives-sbn-color-brown-200
  );
  --splash-ui-component-form-button-background-color-disabled: var(
    --splash-ui-component-button-disabled-background-color
  );
  --splash-ui-component-form-button-background-color-active: var(
    --splash-ui-primitives-sbn-color-brown-300
  );
  --splash-ui-component-form-button-font-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-form-button-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-form-button-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-form-button-icon-color-default: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-form-button-icon-color-disabled: var(
    --splash-ui-semantic-primitives-color-text-disabled
  );
  --splash-ui-component-form-button-icon-margin: 0.75rem;
  --splash-ui-component-form-button-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-form-button-focus-outline-width: 0.125rem;
  --splash-ui-component-form-button-border-width: 0.0625rem;
  --splash-ui-component-form-button-border-color-default: var(
    --splash-ui-component-input-border-color-default
  );
  --splash-ui-component-form-button-border-color-danger: var(
    --splash-ui-component-input-border-color-danger
  );
  --splash-ui-component-form-button-border-radius: var(
    --splash-ui-component-input-border-radius-medium
  );
  --splash-ui-component-form-button-padding-horizontal: 0.75rem;
  --splash-ui-component-form-button-padding-vertical: 0.75rem;
  --splash-ui-component-header-top-bar-background-color: var(
    --splash-ui-primitives-sbn-color-brown-100
  );
  --splash-ui-component-header-top-bar-button-spacing: var(--splash-ui-primitives-sbn-size-14);
  --splash-ui-component-header-top-bar-border-radius: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-header-background-color: var(--splash-ui-primitives-sbn-color-gray-10);
  --splash-ui-component-header-info-font-color: var(
    --splash-ui-semantic-primitives-color-text-soft
  );
  --splash-ui-component-header-info-font-size: 0.9375rem;
  --splash-ui-component-header-info-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-header-info-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-header-title-color: var(
    --splash-ui-semantic-primitives-color-brand-contrast
  );
  --splash-ui-component-header-title-size: 1.1875rem;
  --splash-ui-component-header-title-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-header-title-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-header-shadow-default-top-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-header-shadow-default-top-x: 0;
  --splash-ui-component-header-shadow-default-top-y: 0;
  --splash-ui-component-header-shadow-default-top-blur: 0;
  --splash-ui-component-header-shadow-default-top-spread: 0;
  --splash-ui-component-header-shadow-default-bottom-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-header-shadow-default-bottom-x: 0;
  --splash-ui-component-header-shadow-default-bottom-y: 0;
  --splash-ui-component-header-shadow-default-bottom-blur: 0;
  --splash-ui-component-header-shadow-default-bottom-spread: 0;
  --splash-ui-component-header-border-bottom-width: var(
    --splash-ui-semantic-primitives-border-width-default
  );
  --splash-ui-component-header-border-bottom-color: var(
    --splash-ui-semantic-primitives-color-border-tertiary
  );
  --splash-ui-component-input-border-color-default: var(--splash-ui-primitives-sbn-color-gray-700);
  --splash-ui-component-input-border-color-disabled: var(
    --splash-ui-primitives-sbn-color-grayalpha-300
  );
  --splash-ui-component-input-border-color-active: var(--splash-ui-primitives-sbn-color-indigo-900);
  --splash-ui-component-input-border-color-danger: var(
    --splash-ui-semantic-primitives-color-border-danger
  );
  --splash-ui-component-input-border-color-hover: var(--splash-ui-primitives-sbn-color-indigo-900);
  --splash-ui-component-input-border-radius-medium: var(
    --splash-ui-semantic-primitives-border-radius-x-large
  );
  --splash-ui-component-input-border-radius-small: var(
    --splash-ui-semantic-primitives-border-radius-medium
  );
  --splash-ui-component-input-border-radius-large: var(
    --splash-ui-semantic-primitives-border-radius-x-large
  );
  --splash-ui-component-input-border-radius-x-large: var(
    --splash-ui-semantic-primitives-border-radius-x-large
  );
  --splash-ui-component-input-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-input-background-color-disabled: var(
    --splash-ui-primitives-sbn-color-grayalpha-50
  );
  --splash-ui-component-input-font-color-default: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-input-font-color-disabled: var(
    --splash-ui-semantic-primitives-color-text-disabled
  );
  --splash-ui-component-input-font-color-placeholder: var(
    --splash-ui-semantic-primitives-color-text-soft
  );
  --splash-ui-component-input-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-input-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-input-font-size-medium: 1rem;
  --splash-ui-component-input-font-size-small: 1rem;
  --splash-ui-component-input-font-size-large: 1.125rem;
  --splash-ui-component-input-font-size-x-large: 1.5rem;
  --splash-ui-component-input-support-text-font-color-default: var(
    --splash-ui-semantic-primitives-typography-font-color-default
  );
  --splash-ui-component-input-support-text-font-color-danger: var(
    --splash-ui-semantic-primitives-typography-font-color-danger
  );
  --splash-ui-component-input-support-text-font-size: 0.875rem;
  --splash-ui-component-input-support-text-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-input-support-text-icon-color-default: var(
    --splash-ui-semantic-primitives-color-icon-default
  );
  --splash-ui-component-input-support-text-icon-color-danger: var(
    --splash-ui-semantic-primitives-color-icon-danger
  );
  --splash-ui-component-input-support-text-icon-margin: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-input-support-text-padding-vertical: var(
    --splash-ui-semantic-primitives-spacing-component-none
  );
  --splash-ui-component-input-support-text-padding-horizontal: var(
    --splash-ui-semantic-primitives-spacing-component-none
  );
  --splash-ui-component-input-color-scheme: light;
  --splash-ui-component-input-floating-label-font-size-default: var(
    --splash-ui-semantic-primitives-size-font-medium
  );
  --splash-ui-component-input-floating-label-font-size-active: var(
    --splash-ui-semantic-primitives-size-font-xx-small
  );
  --splash-ui-component-input-floating-label-font-color: var(
    --splash-ui-component-input-font-color-placeholder
  );
  --splash-ui-component-radio-input-dot-color-default: var(
    --splash-ui-primitives-sbn-color-indigo-900
  );
  --splash-ui-component-radio-input-dot-color-disabled: var(
    --splash-ui-primitives-sbn-color-grayalpha-300
  );
  --splash-ui-component-radio-input-dot-color-hover: var(
    --splash-ui-primitives-sbn-color-indigo-900
  );
  --splash-ui-component-radio-input-dot-color-readonly: var(
    --splash-ui-primitives-sbn-color-gray-800
  );
  --splash-ui-component-radio-input-dot-size: 0.875rem;
  --splash-ui-component-radio-input-border-color-default: var(
    --splash-ui-primitives-sbn-color-indigo-900
  );
  --splash-ui-component-radio-input-border-color-disabled: var(
    --splash-ui-primitives-sbn-color-grayalpha-300
  );
  --splash-ui-component-radio-input-border-color-checked-readonly: var(
    --splash-ui-primitives-sbn-color-grayalpha-200
  );
  --splash-ui-component-radio-input-border-color-readonly: var(
    --splash-ui-primitives-sbn-color-grayalpha-200
  );
  --splash-ui-component-radio-input-border-width: 0.125rem;
  --splash-ui-component-radio-input-border-radius: var(--splash-ui-component-radio-size);
  --splash-ui-component-radio-input-background-color-default: var(
    --splash-ui-component-input-background-color-default
  );
  --splash-ui-component-radio-input-background-color-disabled: var(
    --splash-ui-primitives-sbn-color-grayalpha-50
  );
  --splash-ui-component-radio-input-background-color-checked-readonly: var(
    --splash-ui-primitives-sbn-color-grayalpha-25
  );
  --splash-ui-component-radio-input-background-color-readonly: var(
    --splash-ui-primitives-sbn-color-grayalpha-25
  );
  --splash-ui-component-radio-input-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-radio-input-focus-outline-width-focus: 0.125rem;
  --splash-ui-component-radio-input-margin: 0.75rem;
  --splash-ui-component-radio-font-color-disabled: var(
    --splash-ui-semantic-primitives-color-text-disabled
  );
  --splash-ui-component-radio-font-color-default: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-radio-font-size: var(--splash-ui-breakpoints-text-size-text-medium);
  --splash-ui-component-radio-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-radio-font-weight-default: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-radio-font-weight-bold: var(
    --splash-ui-semantic-primitives-typography-font-weight-bold
  );
  --splash-ui-component-radio-size: 1.625rem;
  --splash-ui-component-radio-block-background-color-default: var(
    --splash-ui-component-input-background-color-default
  );
  --splash-ui-component-radio-block-border-width: var(
    --splash-ui-semantic-primitives-border-width-default
  );
  --splash-ui-component-radio-block-border-color: var(--splash-ui-primitives-sbn-color-gray-400);
  --splash-ui-component-radio-block-border-radius: var(
    --splash-ui-component-input-border-radius-medium
  );
  --splash-ui-component-radio-block-padding: var(--splash-ui-semantic-primitives-padding-xx-small);
  --splash-ui-component-radio-block-item-background-color-default: var(
    --splash-ui-primitives-bulder-color-global-white
  );
  --splash-ui-component-radio-block-item-background-color-hover: var(
    --splash-ui-primitives-sbn-color-indigo-50
  );
  --splash-ui-component-radio-padding-vertical: 0.625rem;
  --splash-ui-component-radio-subtitle-font-size: var(--splash-ui-breakpoints-text-size-text-small);
  --splash-ui-component-radio-subtitle-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-radio-subtitle-font-color-disabled: var(
    --splash-ui-semantic-primitives-color-text-disabled
  );
  --splash-ui-component-radio-subtitle-font-color-default: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-toggle-handle-icon-color-selected: var(
    --splash-ui-primitives-sbn-color-indigo-800
  );
  --splash-ui-component-toggle-handle-icon-color-disabled: var(
    --splash-ui-semantic-primitives-color-icon-disabled
  );
  --splash-ui-component-toggle-handle-icon-color-default: var(
    --splash-ui-primitives-sbn-color-gray-700
  );
  --splash-ui-component-toggle-handle-border-color-default: var(
    --splash-ui-component-input-border-color-default
  );
  --splash-ui-component-toggle-handle-border-color-selected: var(
    --splash-ui-primitives-sbn-color-indigo-800
  );
  --splash-ui-component-toggle-handle-border-color-disabled: var(
    --splash-ui-primitives-sbn-color-grayalpha-400
  );
  --splash-ui-component-toggle-handle-border-width: 0.125rem;
  --splash-ui-component-toggle-handle-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-toggle-handle-shadow-default-spread: var(
    --splash-ui-semantic-primitives-shadow-ui-handle-spread
  );
  --splash-ui-component-toggle-handle-shadow-default-blur: var(
    --splash-ui-semantic-primitives-shadow-ui-handle-blur
  );
  --splash-ui-component-toggle-handle-shadow-default-y: var(
    --splash-ui-semantic-primitives-shadow-ui-handle-y
  );
  --splash-ui-component-toggle-handle-shadow-default-x: var(
    --splash-ui-semantic-primitives-shadow-ui-handle-x
  );
  --splash-ui-component-toggle-handle-shadow-default-color: var(
    --splash-ui-semantic-primitives-shadow-ui-handle-color
  );
  --splash-ui-component-toggle-handle-shadow-disabled-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-toggle-handle-shadow-disabled-x: 0;
  --splash-ui-component-toggle-handle-shadow-disabled-y: 0;
  --splash-ui-component-toggle-handle-shadow-disabled-blur: 0;
  --splash-ui-component-toggle-handle-shadow-disabled-spread: 0;
  --splash-ui-component-toggle-handle-size-medium: 1.875rem;
  --splash-ui-component-toggle-handle-size-small: 1.125rem;
  --splash-ui-component-toggle-track-border-color-default: var(
    --splash-ui-component-input-border-color-default
  );
  --splash-ui-component-toggle-track-border-color-disabled: var(
    --splash-ui-primitives-sbn-color-grayalpha-100
  );
  --splash-ui-component-toggle-track-border-color-selected: var(
    --splash-ui-primitives-sbn-color-indigo-800
  );
  --splash-ui-component-toggle-track-border-width: 0.125rem;
  --splash-ui-component-toggle-track-background-color-default: var(
    --splash-ui-primitives-sbn-color-indigo-50
  );
  --splash-ui-component-toggle-track-background-color-selected: var(
    --splash-ui-primitives-sbn-color-indigo-800
  );
  --splash-ui-component-toggle-track-background-color-disabled: var(
    --splash-ui-primitives-sbn-color-grayalpha-50
  );
  --splash-ui-component-toggle-track-label-font-color-disabled: var(
    --splash-ui-semantic-primitives-color-text-disabled
  );
  --splash-ui-component-toggle-track-label-font-color-default: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-toggle-track-label-font-color-selected: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-toggle-track-label-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-toggle-track-label-font-size: 0.875rem;
  --splash-ui-component-toggle-track-label-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-bold
  );
  --splash-ui-component-toggle-track-height-medium: 1.875rem;
  --splash-ui-component-toggle-track-height-small: 1.125rem;
  --splash-ui-component-toggle-track-min-width-medium: 3.5rem;
  --splash-ui-component-toggle-track-min-width-small: 2rem;
  --splash-ui-component-checkbox-size: 1.5rem;
  --splash-ui-component-checkbox-block-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-checkbox-block-border-width: 0.0625rem;
  --splash-ui-component-checkbox-block-border-color: var(--splash-ui-primitives-sbn-color-gray-400);
  --splash-ui-component-checkbox-block-border-radius: var(
    --splash-ui-component-input-border-radius-medium
  );
  --splash-ui-component-checkbox-block-item-background-color-default: var(
    --splash-ui-component-input-background-color-default
  );
  --splash-ui-component-checkbox-block-item-background-color-hover: var(
    --splash-ui-primitives-sbn-color-indigo-50
  );
  --splash-ui-component-checkbox-block-padding: 0.25rem;
  --splash-ui-component-checkbox-input-checkmark-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-checkbox-input-checkmark-color-hover: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-checkbox-input-checkmark-color-disabled: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-checkbox-input-checkmark-color-readonly: var(
    --splash-ui-primitives-sbn-color-gray-800
  );
  --splash-ui-component-checkbox-input-checkmark-size: 0.875rem;
  --splash-ui-component-checkbox-input-border-color-default: var(
    --splash-ui-primitives-sbn-color-indigo-900
  );
  --splash-ui-component-checkbox-input-border-color-disabled: var(
    --splash-ui-primitives-sbn-color-grayalpha-200
  );
  --splash-ui-component-checkbox-input-border-color-checked: var(
    --splash-ui-primitives-sbn-color-indigo-900
  );
  --splash-ui-component-checkbox-input-border-color-checked-disabled: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-checkbox-input-border-color-readonly: var(
    --splash-ui-primitives-sbn-color-grayalpha-200
  );
  --splash-ui-component-checkbox-input-border-color-checked-readonly: var(
    --splash-ui-primitives-sbn-color-grayalpha-200
  );
  --splash-ui-component-checkbox-input-border-width: 0.125rem;
  --splash-ui-component-checkbox-input-border-radius: 0.125rem;
  --splash-ui-component-checkbox-input-background-color-default: var(
    --splash-ui-component-input-background-color-default
  );
  --splash-ui-component-checkbox-input-background-color-disabled: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-checkbox-input-background-color-checked: var(
    --splash-ui-primitives-sbn-color-indigo-900
  );
  --splash-ui-component-checkbox-input-background-color-checked-disabled: var(
    --splash-ui-primitives-sbn-color-grayalpha-200
  );
  --splash-ui-component-checkbox-input-background-color-readonly: var(
    --splash-ui-primitives-sbn-color-grayalpha-25
  );
  --splash-ui-component-checkbox-input-background-color-checked-readonly: var(
    --splash-ui-primitives-sbn-color-grayalpha-25
  );
  --splash-ui-component-checkbox-input-focus-outline-width-focus: 0.125rem;
  --splash-ui-component-checkbox-input-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-checkbox-input-margin: 0.75rem;
  --splash-ui-component-checkbox-font-color-disabled: var(
    --splash-ui-semantic-primitives-color-text-disabled
  );
  --splash-ui-component-checkbox-font-color-default: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-checkbox-font-size: var(--splash-ui-breakpoints-text-size-text-medium);
  --splash-ui-component-checkbox-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-checkbox-font-weight-default: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-checkbox-font-weight-bold: var(
    --splash-ui-semantic-primitives-typography-font-weight-bold
  );
  --splash-ui-component-checkbox-padding-vertical: 0.625rem;
  --splash-ui-component-checkbox-subtitle-font-size: var(
    --splash-ui-breakpoints-text-size-text-small
  );
  --splash-ui-component-checkbox-subtitle-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-checkbox-subtitle-font-color-disabled: var(
    --splash-ui-semantic-primitives-color-text-disabled
  );
  --splash-ui-component-checkbox-subtitle-font-color-default: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-box-default-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-box-default-background-color-hover: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-box-default-border-radius-fullwidth: var(
    --splash-ui-semantic-primitives-border-radius-none
  );
  --splash-ui-component-box-default-border-radius-default: var(
    --splash-ui-semantic-primitives-border-radius-x-large
  );
  --splash-ui-component-box-default-border-color-default: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-box-default-border-color-hover: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-box-default-border-color-selected: var(
    --splash-ui-primitives-sbn-color-indigo-800
  );
  --splash-ui-component-box-default-border-width-fullwidth-top: 0;
  --splash-ui-component-box-default-border-width-fullwidth-right: 0;
  --splash-ui-component-box-default-border-width-fullwidth-bottom: 0;
  --splash-ui-component-box-default-border-width-fullwidth-left: 0;
  --splash-ui-component-box-default-border-width-default-top: 0;
  --splash-ui-component-box-default-border-width-default-right: 0;
  --splash-ui-component-box-default-border-width-default-bottom: 0;
  --splash-ui-component-box-default-border-width-default-left: 0;
  --splash-ui-component-box-default-border-width-selected-top: 0.125rem;
  --splash-ui-component-box-default-border-width-selected-right: 0.125rem;
  --splash-ui-component-box-default-border-width-selected-bottom: 0.125rem;
  --splash-ui-component-box-default-border-width-selected-left: 0.125rem;
  --splash-ui-component-box-default-shadow-default-top-color: var(
    --splash-ui-primitives-sbn-shadow-100-top-color
  );
  --splash-ui-component-box-default-shadow-default-top-x: var(
    --splash-ui-primitives-sbn-shadow-100-top-x
  );
  --splash-ui-component-box-default-shadow-default-top-y: var(
    --splash-ui-primitives-sbn-shadow-100-top-y
  );
  --splash-ui-component-box-default-shadow-default-top-blur: var(
    --splash-ui-primitives-sbn-shadow-100-top-blur
  );
  --splash-ui-component-box-default-shadow-default-top-spread: var(
    --splash-ui-primitives-sbn-shadow-100-top-spread
  );
  --splash-ui-component-box-default-shadow-default-bottom-color: var(
    --splash-ui-primitives-sbn-shadow-100-bottom-color
  );
  --splash-ui-component-box-default-shadow-default-bottom-x: var(
    --splash-ui-primitives-sbn-shadow-100-bottom-x
  );
  --splash-ui-component-box-default-shadow-default-bottom-y: var(
    --splash-ui-primitives-sbn-shadow-100-bottom-y
  );
  --splash-ui-component-box-default-shadow-default-bottom-blur: var(
    --splash-ui-primitives-sbn-shadow-100-bottom-blur
  );
  --splash-ui-component-box-default-shadow-default-bottom-spread: var(
    --splash-ui-primitives-sbn-shadow-100-bottom-spread
  );
  --splash-ui-component-box-default-shadow-hover-bottom-color: var(
    --splash-ui-primitives-sbn-shadow-200-bottom-color
  );
  --splash-ui-component-box-default-shadow-hover-bottom-blur: var(
    --splash-ui-primitives-sbn-shadow-200-bottom-blur
  );
  --splash-ui-component-box-default-shadow-hover-bottom-y: var(
    --splash-ui-primitives-sbn-shadow-200-bottom-y
  );
  --splash-ui-component-box-default-shadow-hover-bottom-spread: var(
    --splash-ui-primitives-sbn-shadow-200-bottom-spread
  );
  --splash-ui-component-box-default-shadow-hover-bottom-x: var(
    --splash-ui-primitives-sbn-shadow-200-bottom-x
  );
  --splash-ui-component-box-default-shadow-hover-top-spread: var(
    --splash-ui-primitives-sbn-shadow-200-top-spread
  );
  --splash-ui-component-box-default-shadow-hover-top-blur: var(
    --splash-ui-primitives-sbn-shadow-200-top-blur
  );
  --splash-ui-component-box-default-shadow-hover-top-y: var(
    --splash-ui-primitives-sbn-shadow-200-top-y
  );
  --splash-ui-component-box-default-shadow-hover-top-x: var(
    --splash-ui-primitives-sbn-shadow-200-top-x
  );
  --splash-ui-component-box-default-shadow-hover-top-color: var(
    --splash-ui-primitives-sbn-shadow-200-top-color
  );
  --splash-ui-component-box-soft-background-color-default: var(
    --splash-ui-primitives-sbn-color-gray-25
  );
  --splash-ui-component-box-soft-background-color-hover: var(
    --splash-ui-primitives-sbn-color-gray-10
  );
  --splash-ui-component-box-soft-border-color-default: var(
    --splash-ui-primitives-sbn-color-gray-300
  );
  --splash-ui-component-box-soft-border-color-hover: var(--splash-ui-primitives-sbn-color-gray-400);
  --splash-ui-component-box-soft-border-radius-fullwidth: var(
    --splash-ui-semantic-primitives-border-radius-none
  );
  --splash-ui-component-box-soft-border-radius-default: var(
    --splash-ui-semantic-primitives-border-radius-x-large
  );
  --splash-ui-component-box-soft-border-width-fullwidth-left: 0;
  --splash-ui-component-box-soft-border-width-fullwidth-right: 0;
  --splash-ui-component-box-soft-border-width-fullwidth-bottom: 0.0625rem;
  --splash-ui-component-box-soft-border-width-fullwidth-top: 0.0625rem;
  --splash-ui-component-box-soft-border-width-default-top: 0.0625rem;
  --splash-ui-component-box-soft-border-width-default-right: 0.0625rem;
  --splash-ui-component-box-soft-border-width-default-bottom: 0.0625rem;
  --splash-ui-component-box-soft-border-width-default-left: 0.0625rem;
  --splash-ui-component-box-soft-shadow-default-top-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-box-soft-shadow-default-top-x: 0;
  --splash-ui-component-box-soft-shadow-default-top-y: 0;
  --splash-ui-component-box-soft-shadow-default-top-blur: 0;
  --splash-ui-component-box-soft-shadow-default-top-spread: 0;
  --splash-ui-component-box-soft-shadow-default-bottom-spread: 0;
  --splash-ui-component-box-soft-shadow-default-bottom-blur: 0;
  --splash-ui-component-box-soft-shadow-default-bottom-y: 0;
  --splash-ui-component-box-soft-shadow-default-bottom-x: 0;
  --splash-ui-component-box-soft-shadow-default-bottom-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-box-soft-shadow-hover-top-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-box-soft-shadow-hover-top-x: 0;
  --splash-ui-component-box-soft-shadow-hover-top-y: 0;
  --splash-ui-component-box-soft-shadow-hover-top-blur: 0;
  --splash-ui-component-box-soft-shadow-hover-top-spread: 0;
  --splash-ui-component-box-soft-shadow-hover-bottom-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-box-soft-shadow-hover-bottom-x: 0;
  --splash-ui-component-box-soft-shadow-hover-bottom-y: 0;
  --splash-ui-component-box-soft-shadow-hover-bottom-blur: 0;
  --splash-ui-component-box-soft-shadow-hover-bottom-spread: 0;
  --splash-ui-component-box-alternative-background-color-default: var(
    --splash-ui-primitives-sbn-color-gray-75
  );
  --splash-ui-component-box-alternative-background-color-hover: var(
    --splash-ui-primitives-sbn-color-gray-50
  );
  --splash-ui-component-box-alternative-border-radius-fullwidth: var(
    --splash-ui-semantic-primitives-border-radius-none
  );
  --splash-ui-component-box-alternative-border-radius-default: var(
    --splash-ui-semantic-primitives-border-radius-x-large
  );
  --splash-ui-component-box-alternative-border-color-default: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-box-alternative-border-color-hover: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-box-alternative-border-width-default-top: 0;
  --splash-ui-component-box-alternative-border-width-default-right: 0;
  --splash-ui-component-box-alternative-border-width-default-bottom: 0;
  --splash-ui-component-box-alternative-border-width-default-left: 0;
  --splash-ui-component-box-alternative-border-width-fullwidth-top: 0;
  --splash-ui-component-box-alternative-border-width-fullwidth-right: 0;
  --splash-ui-component-box-alternative-border-width-fullwidth-bottom: 0;
  --splash-ui-component-box-alternative-border-width-fullwidth-left: 0;
  --splash-ui-component-box-alternative-shadow-default-top-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-box-alternative-shadow-default-top-x: 0;
  --splash-ui-component-box-alternative-shadow-default-top-y: 0;
  --splash-ui-component-box-alternative-shadow-default-top-blur: 0;
  --splash-ui-component-box-alternative-shadow-default-top-spread: 0;
  --splash-ui-component-box-alternative-shadow-default-bottom-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-box-alternative-shadow-default-bottom-x: 0;
  --splash-ui-component-box-alternative-shadow-default-bottom-y: 0;
  --splash-ui-component-box-alternative-shadow-default-bottom-blur: 0;
  --splash-ui-component-box-alternative-shadow-default-bottom-spread: 0;
  --splash-ui-component-box-alternative-shadow-hover-top-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-box-alternative-shadow-hover-top-x: 0;
  --splash-ui-component-box-alternative-shadow-hover-top-y: 0;
  --splash-ui-component-box-alternative-shadow-hover-top-blur: 0;
  --splash-ui-component-box-alternative-shadow-hover-top-spread: 0;
  --splash-ui-component-box-alternative-shadow-hover-bottom-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-box-alternative-shadow-hover-bottom-x: 0;
  --splash-ui-component-box-alternative-shadow-hover-bottom-y: 0;
  --splash-ui-component-box-alternative-shadow-hover-bottom-blur: 0;
  --splash-ui-component-box-alternative-shadow-hover-bottom-spread: 0;
  --splash-ui-component-box-contrast-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-box-contrast-background-color-hover: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-box-contrast-border-radius-fullwidth: var(
    --splash-ui-semantic-primitives-border-radius-none
  );
  --splash-ui-component-box-contrast-border-radius-default: var(
    --splash-ui-semantic-primitives-border-radius-medium
  );
  --splash-ui-component-box-contrast-border-color-default: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-box-contrast-border-color-hover: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-box-contrast-border-width-default-top: 0;
  --splash-ui-component-box-contrast-border-width-default-right: 0;
  --splash-ui-component-box-contrast-border-width-default-bottom: 0;
  --splash-ui-component-box-contrast-border-width-default-left: 0;
  --splash-ui-component-box-contrast-border-width-fullwidth-top: 0;
  --splash-ui-component-box-contrast-border-width-fullwidth-right: 0;
  --splash-ui-component-box-contrast-border-width-fullwidth-bottom: 0;
  --splash-ui-component-box-contrast-border-width-fullwidth-left: 0;
  --splash-ui-component-box-contrast-shadow-default-top-color: var(
    --splash-ui-primitives-sbn-shadow-200-top-color
  );
  --splash-ui-component-box-contrast-shadow-default-top-x: var(
    --splash-ui-primitives-sbn-shadow-200-top-x
  );
  --splash-ui-component-box-contrast-shadow-default-top-y: var(
    --splash-ui-primitives-sbn-shadow-200-top-y
  );
  --splash-ui-component-box-contrast-shadow-default-top-blur: var(
    --splash-ui-primitives-sbn-shadow-200-top-blur
  );
  --splash-ui-component-box-contrast-shadow-default-top-spread: var(
    --splash-ui-primitives-sbn-shadow-200-top-spread
  );
  --splash-ui-component-box-contrast-shadow-default-bottom-color: var(
    --splash-ui-primitives-sbn-shadow-200-bottom-color
  );
  --splash-ui-component-box-contrast-shadow-default-bottom-x: var(
    --splash-ui-primitives-sbn-shadow-200-bottom-x
  );
  --splash-ui-component-box-contrast-shadow-default-bottom-y: var(
    --splash-ui-primitives-sbn-shadow-200-bottom-y
  );
  --splash-ui-component-box-contrast-shadow-default-bottom-blur: var(
    --splash-ui-primitives-sbn-shadow-200-bottom-blur
  );
  --splash-ui-component-box-contrast-shadow-default-bottom-spread: var(
    --splash-ui-primitives-sbn-shadow-200-bottom-spread
  );
  --splash-ui-component-box-contrast-shadow-hover-top-color: var(
    --splash-ui-primitives-sbn-shadow-300-top-color
  );
  --splash-ui-component-box-contrast-shadow-hover-top-x: var(
    --splash-ui-primitives-sbn-shadow-300-top-x
  );
  --splash-ui-component-box-contrast-shadow-hover-top-y: var(
    --splash-ui-primitives-sbn-shadow-300-top-y
  );
  --splash-ui-component-box-contrast-shadow-hover-top-blur: var(
    --splash-ui-primitives-sbn-shadow-300-top-blur
  );
  --splash-ui-component-box-contrast-shadow-hover-top-spread: var(
    --splash-ui-primitives-sbn-shadow-300-top-spread
  );
  --splash-ui-component-box-contrast-shadow-hover-bottom-color: var(
    --splash-ui-primitives-sbn-shadow-300-bottom-color
  );
  --splash-ui-component-box-contrast-shadow-hover-bottom-x: var(
    --splash-ui-primitives-sbn-shadow-300-bottom-x
  );
  --splash-ui-component-box-contrast-shadow-hover-bottom-y: var(
    --splash-ui-primitives-sbn-shadow-300-bottom-y
  );
  --splash-ui-component-box-contrast-shadow-hover-bottom-blur: var(
    --splash-ui-primitives-sbn-shadow-300-bottom-blur
  );
  --splash-ui-component-box-contrast-shadow-hover-bottom-spread: var(
    --splash-ui-primitives-sbn-shadow-300-bottom-spread
  );
  --splash-ui-component-box-strong-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-box-strong-background-color-hover: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-box-strong-border-radius-fullwidth: var(
    --splash-ui-semantic-primitives-border-radius-none
  );
  --splash-ui-component-box-strong-border-radius-default: var(
    --splash-ui-semantic-primitives-border-radius-medium
  );
  --splash-ui-component-box-strong-border-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-box-strong-border-width-fullwidth-top: 0;
  --splash-ui-component-box-strong-border-width-fullwidth-right: 0;
  --splash-ui-component-box-strong-border-width-fullwidth-bottom: 0;
  --splash-ui-component-box-strong-border-width-fullwidth-left: 0;
  --splash-ui-component-box-strong-border-width-default-top: 0;
  --splash-ui-component-box-strong-border-width-default-right: 0;
  --splash-ui-component-box-strong-border-width-default-bottom: 0;
  --splash-ui-component-box-strong-border-width-default-left: 0;
  --splash-ui-component-box-strong-shadow-default-top-color: var(
    --splash-ui-primitives-sbn-shadow-300-top-color
  );
  --splash-ui-component-box-strong-shadow-default-top-x: var(
    --splash-ui-primitives-sbn-shadow-300-top-x
  );
  --splash-ui-component-box-strong-shadow-default-top-y: var(
    --splash-ui-primitives-sbn-shadow-300-top-y
  );
  --splash-ui-component-box-strong-shadow-default-top-blur: var(
    --splash-ui-primitives-sbn-shadow-300-top-blur
  );
  --splash-ui-component-box-strong-shadow-default-top-spread: var(
    --splash-ui-primitives-sbn-shadow-300-top-spread
  );
  --splash-ui-component-box-strong-shadow-default-bottom-color: var(
    --splash-ui-primitives-sbn-shadow-300-bottom-color
  );
  --splash-ui-component-box-strong-shadow-default-bottom-x: var(
    --splash-ui-primitives-sbn-shadow-300-bottom-x
  );
  --splash-ui-component-box-strong-shadow-default-bottom-y: var(
    --splash-ui-primitives-sbn-shadow-300-bottom-y
  );
  --splash-ui-component-box-strong-shadow-default-bottom-blur: var(
    --splash-ui-primitives-sbn-shadow-300-bottom-blur
  );
  --splash-ui-component-box-strong-shadow-default-bottom-spread: var(
    --splash-ui-primitives-sbn-shadow-300-bottom-spread
  );
  --splash-ui-component-box-strong-shadow-hover-top-color: var(
    --splash-ui-primitives-sbn-shadow-400-top-color
  );
  --splash-ui-component-box-strong-shadow-hover-top-x: var(
    --splash-ui-primitives-sbn-shadow-400-top-x
  );
  --splash-ui-component-box-strong-shadow-hover-top-y: var(
    --splash-ui-primitives-sbn-shadow-400-top-y
  );
  --splash-ui-component-box-strong-shadow-hover-top-blur: var(
    --splash-ui-primitives-sbn-shadow-400-top-blur
  );
  --splash-ui-component-box-strong-shadow-hover-top-spread: var(
    --splash-ui-primitives-sbn-shadow-400-top-spread
  );
  --splash-ui-component-box-strong-shadow-hover-bottom-color: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-color
  );
  --splash-ui-component-box-strong-shadow-hover-bottom-x: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-x
  );
  --splash-ui-component-box-strong-shadow-hover-bottom-y: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-y
  );
  --splash-ui-component-box-strong-shadow-hover-bottom-blur: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-blur
  );
  --splash-ui-component-box-strong-shadow-hover-bottom-spread: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-spread
  );
  --splash-ui-component-box-hero-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-box-hero-background-color-hover: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-box-hero-border-radius-default: var(
    --splash-ui-semantic-primitives-border-radius-x-large
  );
  --splash-ui-component-box-hero-border-radius-fullwidth: var(
    --splash-ui-semantic-primitives-border-radius-none
  );
  --splash-ui-component-box-hero-border-color-default: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-box-hero-border-color-hover: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-box-hero-border-width-default-top: 0;
  --splash-ui-component-box-hero-border-width-default-right: 0;
  --splash-ui-component-box-hero-border-width-default-bottom: 0;
  --splash-ui-component-box-hero-border-width-default-left: 0;
  --splash-ui-component-box-hero-border-width-fullwidth-top: 0;
  --splash-ui-component-box-hero-border-width-fullwidth-right: 0;
  --splash-ui-component-box-hero-border-width-fullwidth-bottom: 0;
  --splash-ui-component-box-hero-border-width-fullwidth-left: 0;
  --splash-ui-component-box-hero-shadow-default-top-color: var(
    --splash-ui-primitives-sbn-shadow-700-top-color
  );
  --splash-ui-component-box-hero-shadow-default-top-x: var(
    --splash-ui-primitives-sbn-shadow-700-top-x
  );
  --splash-ui-component-box-hero-shadow-default-top-y: var(
    --splash-ui-primitives-sbn-shadow-700-top-y
  );
  --splash-ui-component-box-hero-shadow-default-top-blur: var(
    --splash-ui-primitives-sbn-shadow-700-top-blur
  );
  --splash-ui-component-box-hero-shadow-default-top-spread: var(
    --splash-ui-primitives-sbn-shadow-700-top-spread
  );
  --splash-ui-component-box-hero-shadow-default-bottom-color: var(
    --splash-ui-primitives-sbn-shadow-700-bottom-color
  );
  --splash-ui-component-box-hero-shadow-default-bottom-x: var(
    --splash-ui-primitives-sbn-shadow-700-bottom-x
  );
  --splash-ui-component-box-hero-shadow-default-bottom-y: var(
    --splash-ui-primitives-sbn-shadow-700-bottom-y
  );
  --splash-ui-component-box-hero-shadow-default-bottom-blur: var(
    --splash-ui-primitives-sbn-shadow-700-bottom-blur
  );
  --splash-ui-component-box-hero-shadow-default-bottom-spread: var(
    --splash-ui-primitives-sbn-shadow-700-bottom-spread
  );
  --splash-ui-component-box-hero-shadow-hover-top-color: var(
    --splash-ui-primitives-sbn-shadow-700-top-color
  );
  --splash-ui-component-box-hero-shadow-hover-top-x: var(
    --splash-ui-primitives-sbn-shadow-700-top-x
  );
  --splash-ui-component-box-hero-shadow-hover-top-y: var(
    --splash-ui-primitives-sbn-shadow-700-top-y
  );
  --splash-ui-component-box-hero-shadow-hover-top-blur: var(
    --splash-ui-primitives-sbn-shadow-700-top-blur
  );
  --splash-ui-component-box-hero-shadow-hover-top-spread: var(
    --splash-ui-primitives-sbn-shadow-700-top-spread
  );
  --splash-ui-component-box-hero-shadow-hover-bottom-color: var(
    --splash-ui-primitives-sbn-shadow-700-bottom-color
  );
  --splash-ui-component-box-hero-shadow-hover-bottom-x: var(
    --splash-ui-primitives-sbn-shadow-700-bottom-x
  );
  --splash-ui-component-box-hero-shadow-hover-bottom-y: var(
    --splash-ui-primitives-sbn-shadow-700-bottom-y
  );
  --splash-ui-component-box-hero-shadow-hover-bottom-blur: var(
    --splash-ui-primitives-sbn-shadow-700-bottom-blur
  );
  --splash-ui-component-box-hero-shadow-hover-bottom-spread: var(
    --splash-ui-primitives-sbn-shadow-700-bottom-spread
  );
  --splash-ui-component-box-padding-xx-small: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-box-padding-small: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-box-padding-medium: var(
    --splash-ui-semantic-primitives-spacing-component-medium
  );
  --splash-ui-component-box-padding-large: var(
    --splash-ui-semantic-primitives-spacing-component-large
  );
  --splash-ui-component-box-padding-x-large: var(
    --splash-ui-semantic-primitives-spacing-component-x-large
  );
  --splash-ui-component-box-padding-none: var(
    --splash-ui-semantic-primitives-spacing-component-none
  );
  --splash-ui-component-box-padding-x-small: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-box-padding-xxx-small: var(
    --splash-ui-semantic-primitives-spacing-component-xxx-small
  );
  --splash-ui-component-box-padding-xx-large: var(
    --splash-ui-semantic-primitives-spacing-component-xx-large
  );
  --splash-ui-component-box-padding-xxx-large: var(
    --splash-ui-semantic-primitives-spacing-component-xxx-large
  );
  --splash-ui-component-box-simple-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-box-simple-background-color-hover: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-box-simple-border-radius-default: var(
    --splash-ui-semantic-primitives-border-radius-x-large
  );
  --splash-ui-component-box-simple-border-radius-fullwidth: var(
    --splash-ui-semantic-primitives-border-radius-none
  );
  --splash-ui-component-box-simple-border-color-default: var(
    --splash-ui-semantic-primitives-color-border-tertiary
  );
  --splash-ui-component-box-simple-border-color-hover: var(
    --splash-ui-semantic-primitives-color-border-secondary
  );
  --splash-ui-component-box-simple-border-width-default-top: 0.0625rem;
  --splash-ui-component-box-simple-border-width-default-right: 0.0625rem;
  --splash-ui-component-box-simple-border-width-default-bottom: 0.0625rem;
  --splash-ui-component-box-simple-border-width-default-left: 0.0625rem;
  --splash-ui-component-box-simple-border-width-fullwidth-top: 0.0625rem;
  --splash-ui-component-box-simple-border-width-fullwidth-right: 0;
  --splash-ui-component-box-simple-border-width-fullwidth-bottom: 0.0625rem;
  --splash-ui-component-box-simple-border-width-fullwidth-left: 0;
  --splash-ui-component-box-simple-shadow-default-top-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-box-simple-shadow-default-top-x: 0;
  --splash-ui-component-box-simple-shadow-default-top-y: 0;
  --splash-ui-component-box-simple-shadow-default-top-blur: 0;
  --splash-ui-component-box-simple-shadow-default-top-spread: 0;
  --splash-ui-component-box-simple-shadow-default-bottom-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-box-simple-shadow-default-bottom-x: 0;
  --splash-ui-component-box-simple-shadow-default-bottom-y: 0;
  --splash-ui-component-box-simple-shadow-default-bottom-blur: 0;
  --splash-ui-component-box-simple-shadow-default-bottom-spread: 0;
  --splash-ui-component-box-simple-shadow-hover-top-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-box-simple-shadow-hover-top-x: 0;
  --splash-ui-component-box-simple-shadow-hover-top-y: 0;
  --splash-ui-component-box-simple-shadow-hover-top-blur: 0;
  --splash-ui-component-box-simple-shadow-hover-top-spread: 0;
  --splash-ui-component-box-simple-shadow-hover-bottom-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-box-simple-shadow-hover-bottom-x: 0;
  --splash-ui-component-box-simple-shadow-hover-bottom-y: 0;
  --splash-ui-component-box-simple-shadow-hover-bottom-blur: 0;
  --splash-ui-component-box-simple-shadow-hover-bottom-spread: 0;
  --splash-ui-component-icon-button-primary-background-color-default: var(
    --splash-ui-primitives-sbn-color-red-950
  );
  --splash-ui-component-icon-button-primary-background-color-hover: var(
    --splash-ui-primitives-sbn-color-red-1200
  );
  --splash-ui-component-icon-button-primary-background-color-active: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-icon-button-primary-background-color-disabled: var(
    --splash-ui-component-button-disabled-background-color
  );
  --splash-ui-component-icon-button-primary-icon-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-icon-button-primary-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-icon-button-primary-border-width: 0;
  --splash-ui-component-icon-button-primary-border-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-icon-button-primary-border-radius-small: var(
    --splash-ui-component-button-border-radius-small
  );
  --splash-ui-component-icon-button-primary-border-radius-medium: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-icon-button-primary-border-radius-large: var(
    --splash-ui-component-button-border-radius-large
  );
  --splash-ui-component-icon-button-primary-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-icon-button-primary-focus-outline-width: 0.125rem;
  --splash-ui-component-icon-button-primary-min-height-small: var(
    --splash-ui-component-button-min-height-small
  );
  --splash-ui-component-icon-button-primary-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-icon-button-primary-min-height-large: var(
    --splash-ui-component-button-min-height-large
  );
  --splash-ui-component-icon-button-primary-padding-horizontal-large: var(
    --splash-ui-component-icon-button-padding-horizontal-large
  );
  --splash-ui-component-icon-button-primary-padding-horizontal-medium: var(
    --splash-ui-component-icon-button-padding-horizontal-medium
  );
  --splash-ui-component-icon-button-primary-padding-horizontal-small: var(
    --splash-ui-component-icon-button-padding-horizontal-small
  );
  --splash-ui-component-icon-button-primary-padding-vertical-large: var(
    --splash-ui-component-icon-button-padding-vertical-large
  );
  --splash-ui-component-icon-button-primary-padding-vertical-medium: var(
    --splash-ui-component-icon-button-padding-vertical-medium
  );
  --splash-ui-component-icon-button-primary-padding-vertical-small: var(
    --splash-ui-component-icon-button-padding-vertical-small
  );
  --splash-ui-component-icon-button-primary-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-icon-button-primary-font-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-icon-button-primary-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-icon-button-primary-font-size-small: var(
    --splash-ui-component-icon-button-font-size-small
  );
  --splash-ui-component-icon-button-primary-font-size-medium: var(
    --splash-ui-component-icon-button-font-size-medium
  );
  --splash-ui-component-icon-button-primary-font-size-large: var(
    --splash-ui-component-icon-button-font-size-large
  );
  --splash-ui-component-icon-button-secondary-background-color-default: var(
    --splash-ui-primitives-sbn-color-brown-100
  );
  --splash-ui-component-icon-button-secondary-background-color-hover: var(
    --splash-ui-primitives-sbn-color-brown-200
  );
  --splash-ui-component-icon-button-secondary-background-color-active: var(
    --splash-ui-primitives-sbn-color-brown-300
  );
  --splash-ui-component-icon-button-secondary-background-color-disabled: var(
    --splash-ui-component-button-disabled-background-color
  );
  --splash-ui-component-icon-button-secondary-background-color-selected: var(
    --splash-ui-primitives-sbn-color-indigo-1200
  );
  --splash-ui-component-icon-button-secondary-icon-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-icon-button-secondary-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-icon-button-secondary-icon-color-selected: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-icon-button-secondary-border-width: 0;
  --splash-ui-component-icon-button-secondary-border-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-icon-button-secondary-border-radius-small: var(
    --splash-ui-component-button-border-radius-small
  );
  --splash-ui-component-icon-button-secondary-border-radius-medium: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-icon-button-secondary-border-radius-large: var(
    --splash-ui-component-button-border-radius-large
  );
  --splash-ui-component-icon-button-secondary-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-icon-button-secondary-focus-outline-width: 0.125rem;
  --splash-ui-component-icon-button-secondary-min-height-small: var(
    --splash-ui-component-button-min-height-small
  );
  --splash-ui-component-icon-button-secondary-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-icon-button-secondary-min-height-large: var(
    --splash-ui-component-button-min-height-large
  );
  --splash-ui-component-icon-button-secondary-padding-horizontal-large: var(
    --splash-ui-component-icon-button-padding-horizontal-large
  );
  --splash-ui-component-icon-button-secondary-padding-horizontal-medium: var(
    --splash-ui-component-icon-button-padding-horizontal-medium
  );
  --splash-ui-component-icon-button-secondary-padding-horizontal-small: var(
    --splash-ui-component-icon-button-padding-horizontal-small
  );
  --splash-ui-component-icon-button-secondary-padding-vertical-large: var(
    --splash-ui-component-icon-button-padding-vertical-large
  );
  --splash-ui-component-icon-button-secondary-padding-vertical-medium: var(
    --splash-ui-component-icon-button-padding-vertical-medium
  );
  --splash-ui-component-icon-button-secondary-padding-vertical-small: var(
    --splash-ui-component-icon-button-padding-vertical-small
  );
  --splash-ui-component-icon-button-secondary-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-icon-button-secondary-font-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-icon-button-secondary-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-icon-button-secondary-font-size-small: var(
    --splash-ui-component-icon-button-font-size-small
  );
  --splash-ui-component-icon-button-secondary-font-size-medium: var(
    --splash-ui-component-icon-button-font-size-medium
  );
  --splash-ui-component-icon-button-secondary-font-size-large: var(
    --splash-ui-component-icon-button-font-size-large
  );
  --splash-ui-component-icon-button-simple-background-color-default: var(
    --splash-ui-primitives-bulder-color-global-white
  );
  --splash-ui-component-icon-button-simple-background-color-hover: var(
    --splash-ui-primitives-sbn-color-indigo-50
  );
  --splash-ui-component-icon-button-simple-background-color-active: var(
    --splash-ui-primitives-spv-color-blue-100
  );
  --splash-ui-component-icon-button-simple-background-color-disabled: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-icon-button-simple-background-color-selected: var(
    --splash-ui-primitives-sbn-color-indigo-1200
  );
  --splash-ui-component-icon-button-simple-icon-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-icon-button-simple-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-icon-button-simple-icon-color-selected: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-icon-button-simple-border-width: 0.0625rem;
  --splash-ui-component-icon-button-simple-border-color: var(
    --splash-ui-primitives-sbn-color-indigo-500
  );
  --splash-ui-component-icon-button-simple-border-radius-small: var(
    --splash-ui-component-button-border-radius-small
  );
  --splash-ui-component-icon-button-simple-border-radius-medium: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-icon-button-simple-border-radius-large: var(
    --splash-ui-component-button-border-radius-large
  );
  --splash-ui-component-icon-button-simple-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-icon-button-simple-focus-outline-width: 0.125rem;
  --splash-ui-component-icon-button-simple-min-height-small: var(
    --splash-ui-component-button-min-height-small
  );
  --splash-ui-component-icon-button-simple-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-icon-button-simple-min-height-large: var(
    --splash-ui-component-button-min-height-large
  );
  --splash-ui-component-icon-button-simple-padding-horizontal-large: var(
    --splash-ui-component-icon-button-padding-horizontal-large
  );
  --splash-ui-component-icon-button-simple-padding-horizontal-medium: var(
    --splash-ui-component-icon-button-padding-horizontal-medium
  );
  --splash-ui-component-icon-button-simple-padding-horizontal-small: var(
    --splash-ui-component-icon-button-padding-horizontal-small
  );
  --splash-ui-component-icon-button-simple-padding-vertical-large: var(
    --splash-ui-component-icon-button-padding-vertical-large
  );
  --splash-ui-component-icon-button-simple-padding-vertical-medium: var(
    --splash-ui-component-icon-button-padding-vertical-medium
  );
  --splash-ui-component-icon-button-simple-padding-vertical-small: var(
    --splash-ui-component-icon-button-padding-vertical-small
  );
  --splash-ui-component-icon-button-simple-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-icon-button-simple-font-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-icon-button-simple-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-icon-button-simple-font-size-small: var(
    --splash-ui-component-icon-button-font-size-small
  );
  --splash-ui-component-icon-button-simple-font-size-medium: var(
    --splash-ui-component-icon-button-font-size-medium
  );
  --splash-ui-component-icon-button-simple-font-size-large: var(
    --splash-ui-component-icon-button-font-size-large
  );
  --splash-ui-component-icon-button-text-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-icon-button-text-background-color-hover: var(
    --splash-ui-primitives-sbn-color-grayalpha-75
  );
  --splash-ui-component-icon-button-text-background-color-active: var(
    --splash-ui-primitives-sbn-color-grayalpha-100
  );
  --splash-ui-component-icon-button-text-background-color-disabled: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-icon-button-text-icon-color-default: var(
    --splash-ui-component-text-button-font-color-default
  );
  --splash-ui-component-icon-button-text-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-icon-button-text-border-width: 0;
  --splash-ui-component-icon-button-text-border-color: var(
    --splash-ui-primitives-spv-color-global-transparent
  );
  --splash-ui-component-icon-button-text-border-radius-small: var(
    --splash-ui-component-button-border-radius-small
  );
  --splash-ui-component-icon-button-text-border-radius-medium: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-icon-button-text-border-radius-large: var(
    --splash-ui-component-button-border-radius-large
  );
  --splash-ui-component-icon-button-text-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-icon-button-text-focus-outline-width: 0.125rem;
  --splash-ui-component-icon-button-text-min-height-small: var(
    --splash-ui-component-button-min-height-small
  );
  --splash-ui-component-icon-button-text-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-icon-button-text-min-height-large: var(
    --splash-ui-component-button-min-height-large
  );
  --splash-ui-component-icon-button-text-padding-horizontal-large: var(
    --splash-ui-component-icon-button-padding-horizontal-large
  );
  --splash-ui-component-icon-button-text-padding-horizontal-medium: var(
    --splash-ui-component-icon-button-padding-horizontal-medium
  );
  --splash-ui-component-icon-button-text-padding-horizontal-small: var(
    --splash-ui-component-icon-button-padding-horizontal-small
  );
  --splash-ui-component-icon-button-text-padding-vertical-large: var(
    --splash-ui-component-icon-button-padding-vertical-large
  );
  --splash-ui-component-icon-button-text-padding-vertical-medium: var(
    --splash-ui-component-icon-button-padding-vertical-medium
  );
  --splash-ui-component-icon-button-text-padding-vertical-small: var(
    --splash-ui-component-icon-button-padding-vertical-small
  );
  --splash-ui-component-icon-button-text-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-icon-button-text-font-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-icon-button-text-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-icon-button-text-font-size-small: var(
    --splash-ui-component-icon-button-font-size-small
  );
  --splash-ui-component-icon-button-text-font-size-medium: var(
    --splash-ui-component-icon-button-font-size-medium
  );
  --splash-ui-component-icon-button-text-font-size-large: var(
    --splash-ui-component-icon-button-font-size-large
  );
  --splash-ui-component-icon-button-inverted-background-color-default: var(
    --splash-ui-primitives-sbn-color-utility-blue-50
  );
  --splash-ui-component-icon-button-inverted-background-color-hover: var(
    --splash-ui-primitives-sbn-color-utility-blue-100
  );
  --splash-ui-component-icon-button-inverted-background-color-active: var(
    --splash-ui-primitives-sbn-color-utility-blue-200
  );
  --splash-ui-component-icon-button-inverted-background-color-disabled: var(
    --splash-ui-component-button-disabled-background-color
  );
  --splash-ui-component-icon-button-inverted-icon-color-default: var(
    --splash-ui-primitives-sbn-color-indigo-1200
  );
  --splash-ui-component-icon-button-inverted-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-icon-button-inverted-border-width: 0.0625rem;
  --splash-ui-component-icon-button-inverted-border-color: var(
    --splash-ui-primitives-sbn-color-utility-blue-300
  );
  --splash-ui-component-icon-button-inverted-border-radius-small: var(
    --splash-ui-component-button-border-radius-small
  );
  --splash-ui-component-icon-button-inverted-border-radius-medium: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-icon-button-inverted-border-radius-large: var(
    --splash-ui-component-button-border-radius-large
  );
  --splash-ui-component-icon-button-inverted-padding-horizontal-large: var(
    --splash-ui-component-icon-button-padding-horizontal-large
  );
  --splash-ui-component-icon-button-inverted-padding-horizontal-medium: var(
    --splash-ui-component-icon-button-padding-horizontal-medium
  );
  --splash-ui-component-icon-button-inverted-padding-horizontal-small: var(
    --splash-ui-component-icon-button-padding-horizontal-small
  );
  --splash-ui-component-icon-button-inverted-padding-vertical-large: var(
    --splash-ui-component-icon-button-padding-vertical-large
  );
  --splash-ui-component-icon-button-inverted-padding-vertical-medium: var(
    --splash-ui-component-icon-button-padding-vertical-medium
  );
  --splash-ui-component-icon-button-inverted-padding-vertical-small: var(
    --splash-ui-component-icon-button-padding-vertical-small
  );
  --splash-ui-component-icon-button-inverted-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-icon-button-inverted-focus-outline-width: 0.125rem;
  --splash-ui-component-icon-button-inverted-min-height-small: var(
    --splash-ui-component-button-min-height-small
  );
  --splash-ui-component-icon-button-inverted-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-icon-button-inverted-min-height-large: var(
    --splash-ui-component-button-min-height-large
  );
  --splash-ui-component-icon-button-inverted-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-icon-button-inverted-font-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-icon-button-inverted-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-icon-button-inverted-font-size-small: var(
    --splash-ui-component-icon-button-font-size-small
  );
  --splash-ui-component-icon-button-inverted-font-size-medium: var(
    --splash-ui-component-icon-button-font-size-medium
  );
  --splash-ui-component-icon-button-inverted-font-size-large: var(
    --splash-ui-component-icon-button-font-size-large
  );
  --splash-ui-component-icon-button-danger-padding-horizontal-large: var(
    --splash-ui-component-icon-button-padding-horizontal-large
  );
  --splash-ui-component-icon-button-danger-padding-horizontal-medium: var(
    --splash-ui-component-icon-button-padding-horizontal-medium
  );
  --splash-ui-component-icon-button-danger-padding-horizontal-small: var(
    --splash-ui-component-icon-button-padding-horizontal-small
  );
  --splash-ui-component-icon-button-danger-padding-vertical-large: var(
    --splash-ui-component-icon-button-padding-vertical-large
  );
  --splash-ui-component-icon-button-danger-padding-vertical-medium: var(
    --splash-ui-component-icon-button-padding-vertical-medium
  );
  --splash-ui-component-icon-button-danger-padding-vertical-small: var(
    --splash-ui-component-icon-button-padding-vertical-small
  );
  --splash-ui-component-icon-button-danger-background-color-default: var(
    --splash-ui-primitives-sbn-color-red-100
  );
  --splash-ui-component-icon-button-danger-background-color-hover: var(
    --splash-ui-primitives-sbn-color-red-300
  );
  --splash-ui-component-icon-button-danger-background-color-active: var(
    --splash-ui-primitives-sbn-color-red-300
  );
  --splash-ui-component-icon-button-danger-background-color-disabled: var(
    --splash-ui-component-button-disabled-background-color
  );
  --splash-ui-component-icon-button-danger-icon-color-default: var(
    --splash-ui-primitives-sbn-color-red-1100
  );
  --splash-ui-component-icon-button-danger-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-icon-button-danger-border-width: var(
    --splash-ui-semantic-primitives-border-width-bold
  );
  --splash-ui-component-icon-button-danger-border-color: var(
    --splash-ui-primitives-sbn-color-red-1100
  );
  --splash-ui-component-icon-button-danger-border-radius-small: var(
    --splash-ui-component-button-border-radius-small
  );
  --splash-ui-component-icon-button-danger-border-radius-medium: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-icon-button-danger-border-radius-large: var(
    --splash-ui-component-button-border-radius-large
  );
  --splash-ui-component-icon-button-danger-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-icon-button-danger-focus-outline-width: 0.125rem;
  --splash-ui-component-icon-button-danger-min-height-small: var(
    --splash-ui-component-button-min-height-small
  );
  --splash-ui-component-icon-button-danger-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-icon-button-danger-min-height-large: var(
    --splash-ui-component-button-min-height-large
  );
  --splash-ui-component-icon-button-danger-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-icon-button-danger-font-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-icon-button-danger-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-icon-button-danger-font-size-small: var(
    --splash-ui-component-icon-button-font-size-small
  );
  --splash-ui-component-icon-button-danger-font-size-medium: var(
    --splash-ui-component-icon-button-font-size-medium
  );
  --splash-ui-component-icon-button-danger-font-size-large: var(
    --splash-ui-component-icon-button-font-size-large
  );
  --splash-ui-component-icon-button-confirm-padding-horizontal-large: var(
    --splash-ui-component-icon-button-padding-horizontal-large
  );
  --splash-ui-component-icon-button-confirm-padding-horizontal-medium: var(
    --splash-ui-component-icon-button-padding-horizontal-medium
  );
  --splash-ui-component-icon-button-confirm-padding-horizontal-small: var(
    --splash-ui-component-icon-button-padding-horizontal-small
  );
  --splash-ui-component-icon-button-confirm-padding-vertical-large: var(
    --splash-ui-component-icon-button-padding-vertical-large
  );
  --splash-ui-component-icon-button-confirm-padding-vertical-medium: var(
    --splash-ui-component-icon-button-padding-vertical-medium
  );
  --splash-ui-component-icon-button-confirm-padding-vertical-small: var(
    --splash-ui-component-icon-button-padding-vertical-small
  );
  --splash-ui-component-icon-button-confirm-background-color-default: var(
    --splash-ui-primitives-sbn-color-green-800
  );
  --splash-ui-component-icon-button-confirm-background-color-hover: var(
    --splash-ui-primitives-sbn-color-green-700
  );
  --splash-ui-component-icon-button-confirm-background-color-active: var(
    --splash-ui-primitives-sbn-color-green-900
  );
  --splash-ui-component-icon-button-confirm-background-color-disabled: var(
    --splash-ui-component-button-disabled-background-color
  );
  --splash-ui-component-icon-button-confirm-icon-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-icon-button-confirm-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-icon-button-confirm-border-width: 0;
  --splash-ui-component-icon-button-confirm-border-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-icon-button-confirm-border-radius-small: var(
    --splash-ui-component-button-border-radius-small
  );
  --splash-ui-component-icon-button-confirm-border-radius-medium: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-icon-button-confirm-border-radius-large: var(
    --splash-ui-component-button-border-radius-large
  );
  --splash-ui-component-icon-button-confirm-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-icon-button-confirm-focus-outline-width: 0.125rem;
  --splash-ui-component-icon-button-confirm-min-height-small: var(
    --splash-ui-component-button-min-height-small
  );
  --splash-ui-component-icon-button-confirm-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-icon-button-confirm-min-height-large: var(
    --splash-ui-component-button-min-height-large
  );
  --splash-ui-component-icon-button-confirm-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-icon-button-confirm-font-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-icon-button-confirm-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-icon-button-confirm-font-size-small: var(
    --splash-ui-component-icon-button-font-size-small
  );
  --splash-ui-component-icon-button-confirm-font-size-medium: var(
    --splash-ui-component-icon-button-font-size-medium
  );
  --splash-ui-component-icon-button-confirm-font-size-large: var(
    --splash-ui-component-icon-button-font-size-large
  );
  --splash-ui-component-icon-button-padding-horizontal-medium: 0.625rem;
  --splash-ui-component-icon-button-padding-horizontal-large: 0.75rem;
  --splash-ui-component-icon-button-padding-horizontal-small: 0.5rem;
  --splash-ui-component-icon-button-padding-vertical-medium: 0.625rem;
  --splash-ui-component-icon-button-padding-vertical-large: 0.75rem;
  --splash-ui-component-icon-button-padding-vertical-small: 0.5rem;
  --splash-ui-component-icon-button-font-size-small: 0.8125rem;
  --splash-ui-component-icon-button-font-size-medium: 0.875rem;
  --splash-ui-component-icon-button-font-size-large: 1rem;
  --splash-ui-component-icon-button-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-icon-button-label-spacing-small: var(
    --splash-ui-semantic-primitives-spacing-component-xxx-small
  );
  --splash-ui-component-icon-button-label-spacing-medium: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-icon-button-label-spacing-large: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-icon-button-stateful-background-color-default: var(
    --splash-ui-primitives-bulder-color-global-white
  );
  --splash-ui-component-icon-button-stateful-background-color-hover: var(
    --splash-ui-primitives-sbn-color-indigo-50
  );
  --splash-ui-component-icon-button-stateful-background-color-active: var(
    --splash-ui-primitives-sbn-color-indigo-75
  );
  --splash-ui-component-icon-button-stateful-background-color-disabled: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-icon-button-stateful-background-color-selected: var(
    --splash-ui-primitives-sbn-color-indigo-1200
  );
  --splash-ui-component-icon-button-stateful-icon-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-icon-button-stateful-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-icon-button-stateful-icon-color-selected: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-icon-button-stateful-border-width: 0.0625rem;
  --splash-ui-component-icon-button-stateful-border-color: var(
    --splash-ui-primitives-sbn-color-indigo-500
  );
  --splash-ui-component-icon-button-stateful-border-radius-small: var(
    --splash-ui-component-button-border-radius-small
  );
  --splash-ui-component-icon-button-stateful-border-radius-medium: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-icon-button-stateful-border-radius-large: var(
    --splash-ui-component-button-border-radius-large
  );
  --splash-ui-component-icon-button-stateful-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-icon-button-stateful-focus-outline-width: 0.125rem;
  --splash-ui-component-icon-button-stateful-min-height-small: var(
    --splash-ui-component-button-min-height-small
  );
  --splash-ui-component-icon-button-stateful-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-icon-button-stateful-min-height-large: var(
    --splash-ui-component-button-min-height-large
  );
  --splash-ui-component-icon-button-stateful-padding-horizontal-small: var(
    --splash-ui-component-icon-button-padding-horizontal-small
  );
  --splash-ui-component-icon-button-stateful-padding-horizontal-medium: var(
    --splash-ui-component-icon-button-padding-horizontal-medium
  );
  --splash-ui-component-icon-button-stateful-padding-horizontal-large: var(
    --splash-ui-component-icon-button-padding-horizontal-large
  );
  --splash-ui-component-icon-button-stateful-padding-vertical-small: var(
    --splash-ui-component-icon-button-padding-vertical-small
  );
  --splash-ui-component-icon-button-stateful-padding-vertical-medium: var(
    --splash-ui-component-icon-button-padding-vertical-medium
  );
  --splash-ui-component-icon-button-stateful-padding-vertical-large: var(
    --splash-ui-component-icon-button-padding-vertical-large
  );
  --splash-ui-component-icon-button-stateful-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-icon-button-stateful-font-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-icon-button-stateful-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-icon-button-stateful-font-color-selected: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-icon-button-stateful-font-size-small: var(
    --splash-ui-component-icon-button-font-size-small
  );
  --splash-ui-component-icon-button-stateful-font-size-medium: var(
    --splash-ui-component-icon-button-font-size-medium
  );
  --splash-ui-component-icon-button-stateful-font-size-large: var(
    --splash-ui-component-icon-button-font-size-large
  );
  --splash-ui-component-icon-button-strong-background-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-icon-button-strong-background-color-hover: var(
    --splash-ui-primitives-sbn-color-red-1200
  );
  --splash-ui-component-icon-button-strong-background-color-active: var(
    --splash-ui-primitives-sbn-color-red-1100
  );
  --splash-ui-component-icon-button-strong-background-color-disabled: var(
    --splash-ui-component-button-disabled-background-color
  );
  --splash-ui-component-icon-button-strong-icon-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-icon-button-strong-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-icon-button-strong-border-width: 0;
  --splash-ui-component-icon-button-strong-border-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-icon-button-strong-border-radius-small: var(
    --splash-ui-component-button-border-radius-small
  );
  --splash-ui-component-icon-button-strong-border-radius-medium: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-icon-button-strong-border-radius-large: var(
    --splash-ui-component-button-border-radius-large
  );
  --splash-ui-component-icon-button-strong-padding-horizontal-small: var(
    --splash-ui-component-icon-button-padding-horizontal-small
  );
  --splash-ui-component-icon-button-strong-padding-horizontal-medium: var(
    --splash-ui-component-icon-button-padding-horizontal-medium
  );
  --splash-ui-component-icon-button-strong-padding-horizontal-large: var(
    --splash-ui-component-icon-button-padding-horizontal-large
  );
  --splash-ui-component-icon-button-strong-padding-vertical-small: var(
    --splash-ui-component-icon-button-padding-vertical-small
  );
  --splash-ui-component-icon-button-strong-padding-vertical-medium: var(
    --splash-ui-component-icon-button-padding-vertical-medium
  );
  --splash-ui-component-icon-button-strong-padding-vertical-large: var(
    --splash-ui-component-icon-button-padding-vertical-large
  );
  --splash-ui-component-icon-button-strong-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-icon-button-strong-focus-outline-width: 0.125rem;
  --splash-ui-component-icon-button-strong-min-height-small: var(
    --splash-ui-component-button-min-height-small
  );
  --splash-ui-component-icon-button-strong-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-icon-button-strong-min-height-large: var(
    --splash-ui-component-button-min-height-large
  );
  --splash-ui-component-icon-button-strong-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-icon-button-strong-font-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-icon-button-strong-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-icon-button-strong-font-size-small: var(
    --splash-ui-component-icon-button-font-size-small
  );
  --splash-ui-component-icon-button-strong-font-size-medium: var(
    --splash-ui-component-icon-button-font-size-medium
  );
  --splash-ui-component-icon-button-strong-font-size-large: var(
    --splash-ui-component-icon-button-font-size-large
  );
  --splash-ui-component-icon-button-outline-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-icon-button-outline-background-color-hover: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-icon-button-outline-background-color-active: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-icon-button-outline-background-color-selected: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-icon-button-outline-background-color-disabled: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-icon-button-outline-icon-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-icon-button-outline-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-icon-button-outline-border-width: 0.0625rem;
  --splash-ui-component-icon-button-outline-border-color: var(
    --splash-ui-primitives-sbn-color-dark-red-alpha-10
  );
  --splash-ui-component-icon-button-outline-border-radius-small: var(
    --splash-ui-component-button-border-radius-small
  );
  --splash-ui-component-icon-button-outline-border-radius-medium: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-icon-button-outline-border-radius-large: var(
    --splash-ui-component-button-border-radius-large
  );
  --splash-ui-component-icon-button-outline-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-icon-button-outline-focus-outline-width: 0.125rem;
  --splash-ui-component-icon-button-outline-min-height-small: var(
    --splash-ui-component-button-min-height-small
  );
  --splash-ui-component-icon-button-outline-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-icon-button-outline-min-height-large: var(
    --splash-ui-component-button-min-height-large
  );
  --splash-ui-component-icon-button-outline-padding-horizontal-small: var(
    --splash-ui-component-icon-button-padding-horizontal-small
  );
  --splash-ui-component-icon-button-outline-padding-horizontal-medium: var(
    --splash-ui-component-icon-button-padding-horizontal-medium
  );
  --splash-ui-component-icon-button-outline-padding-horizontal-large: var(
    --splash-ui-component-icon-button-padding-horizontal-large
  );
  --splash-ui-component-icon-button-outline-padding-vertical-small: var(
    --splash-ui-component-icon-button-padding-vertical-small
  );
  --splash-ui-component-icon-button-outline-padding-vertical-medium: var(
    --splash-ui-component-icon-button-padding-vertical-medium
  );
  --splash-ui-component-icon-button-outline-padding-vertical-large: var(
    --splash-ui-component-icon-button-padding-vertical-large
  );
  --splash-ui-component-icon-button-outline-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-icon-button-outline-font-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-icon-button-outline-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-icon-button-outline-font-size-small: var(
    --splash-ui-component-icon-button-font-size-small
  );
  --splash-ui-component-icon-button-outline-font-size-medium: var(
    --splash-ui-component-icon-button-font-size-medium
  );
  --splash-ui-component-icon-button-outline-font-size-large: var(
    --splash-ui-component-icon-button-font-size-large
  );
  --splash-ui-component-alert-padding-top: 1rem;
  --splash-ui-component-alert-padding-bottom: 1rem;
  --splash-ui-component-alert-padding-right: 1rem;
  --splash-ui-component-alert-padding-left: 1rem;
  --splash-ui-component-alert-info-boxless-padding-top: 0.25rem;
  --splash-ui-component-alert-info-boxless-padding-bottom: 0.25rem;
  --splash-ui-component-alert-info-boxless-padding-left: 0;
  --splash-ui-component-alert-info-boxless-padding-right: 0;
  --splash-ui-component-alert-info-boxless-icon-color: var(
    --splash-ui-semantic-primitives-color-icon-default
  );
  --splash-ui-component-alert-info-boxless-icon-margin: var(
    --splash-ui-component-alert-icon-margin
  );
  --splash-ui-component-alert-info-boxless-background-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-alert-info-boxless-border-radius: var(
    --splash-ui-component-alert-border-radius
  );
  --splash-ui-component-alert-info-boxless-border-color: var(
    --splash-ui-component-alert-border-color
  );
  --splash-ui-component-alert-info-boxless-border-width: 0;
  --splash-ui-component-alert-info-default-icon-color: var(
    --splash-ui-semantic-primitives-color-icon-default
  );
  --splash-ui-component-alert-info-default-icon-margin: var(
    --splash-ui-component-alert-icon-margin
  );
  --splash-ui-component-alert-info-default-background-color: var(
    --splash-ui-semantic-primitives-color-background-info
  );
  --splash-ui-component-alert-info-default-padding-top: var(
    --splash-ui-component-alert-padding-top
  );
  --splash-ui-component-alert-info-default-padding-bottom: var(
    --splash-ui-component-alert-padding-bottom
  );
  --splash-ui-component-alert-info-default-padding-left: var(
    --splash-ui-component-alert-padding-left
  );
  --splash-ui-component-alert-info-default-padding-right: var(
    --splash-ui-component-alert-padding-right
  );
  --splash-ui-component-alert-info-default-border-radius: var(
    --splash-ui-component-alert-border-radius
  );
  --splash-ui-component-alert-info-default-border-color: var(
    --splash-ui-component-alert-border-color
  );
  --splash-ui-component-alert-info-default-border-width: var(
    --splash-ui-component-alert-border-width
  );
  --splash-ui-component-alert-info-default-border-width-2: var(
    --splash-ui-component-alert-border-width
  );
  --splash-ui-component-alert-icon-size-small: var(--splash-ui-semantic-primitives-size-icon-small);
  --splash-ui-component-alert-icon-size-medium: var(
    --splash-ui-semantic-primitives-size-icon-medium
  );
  --splash-ui-component-alert-icon-size-large: var(--splash-ui-semantic-primitives-size-icon-large);
  --splash-ui-component-alert-icon-margin: 0.75rem;
  --splash-ui-component-alert-border-radius: var(
    --splash-ui-semantic-primitives-border-radius-x-large
  );
  --splash-ui-component-alert-border-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-alert-border-width: 0;
  --splash-ui-component-alert-success-default-icon-color: var(
    --splash-ui-semantic-primitives-color-icon-success
  );
  --splash-ui-component-alert-success-default-icon-margin: var(
    --splash-ui-component-alert-icon-margin
  );
  --splash-ui-component-alert-success-default-background-color: var(
    --splash-ui-semantic-primitives-color-background-success
  );
  --splash-ui-component-alert-success-default-padding-top: var(
    --splash-ui-component-alert-padding-top
  );
  --splash-ui-component-alert-success-default-padding-bottom: var(
    --splash-ui-component-alert-padding-bottom
  );
  --splash-ui-component-alert-success-default-padding-left: var(
    --splash-ui-component-alert-padding-left
  );
  --splash-ui-component-alert-success-default-padding-right: var(
    --splash-ui-component-alert-padding-right
  );
  --splash-ui-component-alert-success-default-border-radius: var(
    --splash-ui-component-alert-border-radius
  );
  --splash-ui-component-alert-success-default-border-color: var(
    --splash-ui-component-alert-border-color
  );
  --splash-ui-component-alert-success-default-border-width: var(
    --splash-ui-component-alert-border-width
  );
  --splash-ui-component-alert-success-boxless-icon-color: var(
    --splash-ui-semantic-primitives-color-icon-success
  );
  --splash-ui-component-alert-success-boxless-icon-margin: var(
    --splash-ui-component-alert-icon-margin
  );
  --splash-ui-component-alert-success-boxless-background-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-alert-success-boxless-border-radius: var(
    --splash-ui-component-alert-border-radius
  );
  --splash-ui-component-alert-success-boxless-border-color: var(
    --splash-ui-component-alert-border-color
  );
  --splash-ui-component-alert-success-boxless-border-width: 0;
  --splash-ui-component-alert-success-boxless-padding-top: 0.25rem;
  --splash-ui-component-alert-success-boxless-padding-bottom: 0.25rem;
  --splash-ui-component-alert-success-boxless-padding-left: 0;
  --splash-ui-component-alert-success-boxless-padding-right: 0;
  --splash-ui-component-alert-warning-default-icon-color: var(
    --splash-ui-semantic-primitives-color-icon-warning
  );
  --splash-ui-component-alert-warning-default-icon-margin: var(
    --splash-ui-component-alert-icon-margin
  );
  --splash-ui-component-alert-warning-default-background-color: var(
    --splash-ui-semantic-primitives-color-background-warning
  );
  --splash-ui-component-alert-warning-default-padding-top: var(
    --splash-ui-component-alert-padding-top
  );
  --splash-ui-component-alert-warning-default-padding-bottom: var(
    --splash-ui-component-alert-padding-bottom
  );
  --splash-ui-component-alert-warning-default-padding-left: var(
    --splash-ui-component-alert-padding-left
  );
  --splash-ui-component-alert-warning-default-padding-right: var(
    --splash-ui-component-alert-padding-right
  );
  --splash-ui-component-alert-warning-default-border-radius: var(
    --splash-ui-component-alert-border-radius
  );
  --splash-ui-component-alert-warning-default-border-color: var(
    --splash-ui-component-alert-border-color
  );
  --splash-ui-component-alert-warning-default-border-width: var(
    --splash-ui-component-alert-border-width
  );
  --splash-ui-component-alert-warning-boxless-icon-color: var(
    --splash-ui-semantic-primitives-color-icon-warning
  );
  --splash-ui-component-alert-warning-boxless-icon-margin: var(
    --splash-ui-component-alert-icon-margin
  );
  --splash-ui-component-alert-warning-boxless-background-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-alert-warning-boxless-border-radius: var(
    --splash-ui-component-alert-border-radius
  );
  --splash-ui-component-alert-warning-boxless-border-color: var(
    --splash-ui-component-alert-border-color
  );
  --splash-ui-component-alert-warning-boxless-border-width: 0;
  --splash-ui-component-alert-warning-boxless-padding-top: 0.25rem;
  --splash-ui-component-alert-warning-boxless-padding-bottom: 0.25rem;
  --splash-ui-component-alert-warning-boxless-padding-left: 0;
  --splash-ui-component-alert-warning-boxless-padding-right: 0;
  --splash-ui-component-alert-danger-default-icon-color: var(
    --splash-ui-semantic-primitives-color-icon-danger
  );
  --splash-ui-component-alert-danger-default-icon-margin: var(
    --splash-ui-component-alert-icon-margin
  );
  --splash-ui-component-alert-danger-default-background-color: var(
    --splash-ui-semantic-primitives-color-background-danger
  );
  --splash-ui-component-alert-danger-default-padding-top: var(
    --splash-ui-component-alert-padding-top
  );
  --splash-ui-component-alert-danger-default-padding-bottom: var(
    --splash-ui-component-alert-padding-bottom
  );
  --splash-ui-component-alert-danger-default-padding-left: var(
    --splash-ui-component-alert-padding-left
  );
  --splash-ui-component-alert-danger-default-padding-right: var(
    --splash-ui-component-alert-padding-right
  );
  --splash-ui-component-alert-danger-default-border-radius: var(
    --splash-ui-component-alert-border-radius
  );
  --splash-ui-component-alert-danger-default-border-color: var(
    --splash-ui-component-alert-border-color
  );
  --splash-ui-component-alert-danger-default-border-width: var(
    --splash-ui-component-alert-border-width
  );
  --splash-ui-component-alert-danger-boxless-icon-color: var(
    --splash-ui-semantic-primitives-color-icon-danger
  );
  --splash-ui-component-alert-danger-boxless-icon-margin: var(
    --splash-ui-component-alert-icon-margin
  );
  --splash-ui-component-alert-danger-boxless-background-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-alert-danger-boxless-border-radius: var(
    --splash-ui-component-alert-border-radius
  );
  --splash-ui-component-alert-danger-boxless-border-color: var(
    --splash-ui-component-alert-border-color
  );
  --splash-ui-component-alert-danger-boxless-border-width: 0;
  --splash-ui-component-alert-danger-boxless-padding-top: 0.25rem;
  --splash-ui-component-alert-danger-boxless-padding-bottom: 0.25rem;
  --splash-ui-component-alert-danger-boxless-padding-left: 0;
  --splash-ui-component-alert-danger-boxless-padding-right: 0;
  --splash-ui-component-alert-neutral-default-icon-color: var(
    --splash-ui-semantic-primitives-color-icon-default
  );
  --splash-ui-component-alert-neutral-default-icon-margin: var(
    --splash-ui-component-alert-icon-margin
  );
  --splash-ui-component-alert-neutral-default-background-color: var(
    --splash-ui-primitives-sbn-color-gray-75
  );
  --splash-ui-component-alert-neutral-default-padding-top: var(
    --splash-ui-component-alert-padding-top
  );
  --splash-ui-component-alert-neutral-default-padding-bottom: var(
    --splash-ui-component-alert-padding-bottom
  );
  --splash-ui-component-alert-neutral-default-padding-left: var(
    --splash-ui-component-alert-padding-left
  );
  --splash-ui-component-alert-neutral-default-padding-right: var(
    --splash-ui-component-alert-padding-right
  );
  --splash-ui-component-alert-neutral-default-border-radius: var(
    --splash-ui-component-alert-border-radius
  );
  --splash-ui-component-alert-neutral-default-border-color: var(
    --splash-ui-component-alert-border-color
  );
  --splash-ui-component-alert-neutral-default-border-width: var(
    --splash-ui-component-alert-border-width
  );
  --splash-ui-component-alert-neutral-default-border-width-2: var(
    --splash-ui-component-alert-border-width
  );
  --splash-ui-component-alert-neutral-boxless-icon-color: var(
    --splash-ui-semantic-primitives-color-icon-default
  );
  --splash-ui-component-alert-neutral-boxless-icon-margin: var(
    --splash-ui-component-alert-icon-margin
  );
  --splash-ui-component-alert-neutral-boxless-background-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-alert-neutral-boxless-border-radius: var(
    --splash-ui-component-alert-border-radius
  );
  --splash-ui-component-alert-neutral-boxless-border-color: var(
    --splash-ui-component-alert-border-color
  );
  --splash-ui-component-alert-neutral-boxless-border-width: 0;
  --splash-ui-component-alert-neutral-boxless-padding-top: 0.25rem;
  --splash-ui-component-alert-neutral-boxless-padding-bottom: 0.25rem;
  --splash-ui-component-alert-neutral-boxless-padding-left: 0;
  --splash-ui-component-alert-neutral-boxless-padding-right: 0;
  --splash-ui-component-selectable-box-default-border-width: 0;
  --splash-ui-component-selectable-box-default-border-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-selectable-box-default-border-radius: var(
    --splash-ui-component-box-default-border-radius-default
  );
  --splash-ui-component-selectable-box-selected-border-width: 0.125rem;
  --splash-ui-component-selectable-box-selected-border-color: var(
    --splash-ui-primitives-sbn-color-indigo-900
  );
  --splash-ui-component-selectable-box-selected-border-radius: var(
    --splash-ui-component-box-default-border-radius-default
  );
  --splash-ui-component-text-input-background-color-default: var(
    --splash-ui-component-input-background-color-default
  );
  --splash-ui-component-text-input-background-color-disabled: var(
    --splash-ui-component-input-background-color-disabled
  );
  --splash-ui-component-text-input-border-color-default: var(
    --splash-ui-component-input-border-color-default
  );
  --splash-ui-component-text-input-border-color-disabled: var(
    --splash-ui-component-input-border-color-default
  );
  --splash-ui-component-text-input-border-color-active: var(
    --splash-ui-component-input-border-color-active
  );
  --splash-ui-component-text-input-border-color-danger: var(
    --splash-ui-component-input-border-color-danger
  );
  --splash-ui-component-text-input-border-color-hover: var(
    --splash-ui-component-input-border-color-hover
  );
  --splash-ui-component-text-input-border-radius-small: var(
    --splash-ui-component-input-border-radius-small
  );
  --splash-ui-component-text-input-border-radius-x-large: var(
    --splash-ui-component-input-border-radius-x-large
  );
  --splash-ui-component-text-input-border-radius-large: var(
    --splash-ui-component-input-border-radius-large
  );
  --splash-ui-component-text-input-border-radius-medium: var(
    --splash-ui-component-input-border-radius-medium
  );
  --splash-ui-component-text-input-border-width: var(
    --splash-ui-semantic-primitives-border-width-default
  );
  --splash-ui-component-text-input-font-color-default: var(
    --splash-ui-component-input-font-color-default
  );
  --splash-ui-component-text-input-font-color-placeholder: var(
    --splash-ui-component-input-font-color-placeholder
  );
  --splash-ui-component-text-input-font-color-disabled: var(
    --splash-ui-component-input-font-color-disabled
  );
  --splash-ui-component-text-input-font-family: var(--splash-ui-component-input-font-family);
  --splash-ui-component-text-input-font-size-medium: var(
    --splash-ui-component-input-font-size-medium
  );
  --splash-ui-component-text-input-font-size-small: var(
    --splash-ui-component-input-font-size-small
  );
  --splash-ui-component-text-input-font-size-large: var(
    --splash-ui-component-input-font-size-large
  );
  --splash-ui-component-text-input-focus-outline-width-focus: var(
    --splash-ui-semantic-primitives-border-width-bold
  );
  --splash-ui-component-text-input-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-text-input-icon-margin-medium: 0.75rem;
  --splash-ui-component-text-input-icon-margin-small: 0.5rem;
  --splash-ui-component-text-input-icon-margin-large: 1rem;
  --splash-ui-component-text-input-icon-margin-x-large: 1.25rem;
  --splash-ui-component-text-input-min-height-medium: 3.25rem;
  --splash-ui-component-text-input-min-height-small: 2.75rem;
  --splash-ui-component-text-input-min-height-large: 4.0625rem;
  --splash-ui-component-text-input-padding-vertical-medium: 0.75rem;
  --splash-ui-component-text-input-padding-vertical-small: 0.5rem;
  --splash-ui-component-text-input-padding-vertical-large: 1rem;
  --splash-ui-component-text-input-padding-vertical-x-large: 1rem;
  --splash-ui-component-text-input-padding-horizontal-small: 0.75rem;
  --splash-ui-component-text-input-padding-horizontal-medium: 1rem;
  --splash-ui-component-text-input-padding-horizontal-large: 1.25rem;
  --splash-ui-component-text-input-padding-horizontal-x-large: 1.25rem;
  --splash-ui-component-text-input-max-width-xx-small: var(
    --splash-ui-semantic-primitives-size-form-element-max-width-xx-small
  );
  --splash-ui-component-text-input-max-width-x-small: var(
    --splash-ui-semantic-primitives-size-form-element-max-width-x-small
  );
  --splash-ui-component-text-input-max-width-small: var(
    --splash-ui-semantic-primitives-size-form-element-max-width-small
  );
  --splash-ui-component-text-input-max-width-medium: var(
    --splash-ui-semantic-primitives-size-form-element-max-width-medium
  );
  --splash-ui-component-text-input-max-width-large: var(
    --splash-ui-semantic-primitives-size-form-element-max-width-large
  );
  --splash-ui-component-text-input-max-width-x-large: var(
    --splash-ui-semantic-primitives-size-form-element-max-width-x-large
  );
  --splash-ui-component-text-input-floating-label-min-height-small: 3.25rem;
  --splash-ui-component-text-input-floating-label-min-height-medium: 3.75rem;
  --splash-ui-component-text-input-floating-label-min-height-large: 4.5rem;
  --splash-ui-component-textarea-padding-vertical: 0.75rem;
  --splash-ui-component-textarea-padding-horizontal: 1rem;
  --splash-ui-component-textarea-font-color-default: var(
    --splash-ui-component-input-font-color-default
  );
  --splash-ui-component-textarea-font-color-placeholder: var(
    --splash-ui-component-input-font-color-placeholder
  );
  --splash-ui-component-textarea-font-color-disabled: var(
    --splash-ui-component-input-font-color-disabled
  );
  --splash-ui-component-textarea-font-family: var(--splash-ui-component-input-font-family);
  --splash-ui-component-textarea-font-size: var(--splash-ui-component-input-font-size-medium);
  --splash-ui-component-textarea-font-family-2: var(--splash-ui-component-input-font-family);
  --splash-ui-component-textarea-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-textarea-focus-outline-width-focus: 0.125rem;
  --splash-ui-component-textarea-background-color-default: var(
    --splash-ui-component-input-background-color-default
  );
  --splash-ui-component-textarea-background-color-disabled: var(
    --splash-ui-component-input-background-color-disabled
  );
  --splash-ui-component-textarea-border-radius: var(
    --splash-ui-component-input-border-radius-medium
  );
  --splash-ui-component-textarea-border-color-default: var(
    --splash-ui-component-input-border-color-default
  );
  --splash-ui-component-textarea-border-color-active: var(
    --splash-ui-component-input-border-color-active
  );
  --splash-ui-component-textarea-border-color-danger: var(
    --splash-ui-component-input-border-color-danger
  );
  --splash-ui-component-textarea-border-color-disabled: var(
    --splash-ui-component-input-border-color-default
  );
  --splash-ui-component-textarea-border-width: 0.0625rem;
  --splash-ui-component-textarea-min-height-small: 4.5rem;
  --splash-ui-component-textarea-min-height-medium: 7rem;
  --splash-ui-component-textarea-min-height-large: 10.5rem;
  --splash-ui-component-textarea-min-height-x-large: 16rem;
  --splash-ui-component-textarea-max-width-medium: var(
    --splash-ui-semantic-primitives-size-form-element-max-width-medium
  );
  --splash-ui-component-textarea-max-width-large: var(
    --splash-ui-semantic-primitives-size-form-element-max-width-large
  );
  --splash-ui-component-textarea-max-width-x-large: var(
    --splash-ui-semantic-primitives-size-form-element-max-width-x-large
  );
  --splash-ui-component-textarea-counter-font-size: 0.875rem;
  --splash-ui-component-textarea-counter-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-textarea-counter-font-color-default: var(
    --splash-ui-semantic-primitives-typography-font-color-default
  );
  --splash-ui-component-textarea-counter-font-color-danger: var(
    --splash-ui-semantic-primitives-typography-font-color-danger
  );
  --splash-ui-component-textarea-counter-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-textarea-counter-margin-right: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-textarea-counter-margin-bottom: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-form-label-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-form-label-font-color: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-form-label-font-size: 1rem;
  --splash-ui-component-form-label-font-weight-default: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-form-label-font-weight-light: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-form-label-padding-vertical: 0;
  --splash-ui-component-form-label-padding-horizontal: 0;
  --splash-ui-component-block-list-padding: var(--splash-ui-component-box-padding-xx-small);
  --splash-ui-component-block-list-item-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-block-list-item-background-color-hover: var(
    --splash-ui-primitives-sbn-color-indigo-75
  );
  --splash-ui-component-block-list-item-background-color-selected: var(
    --splash-ui-primitives-sbn-color-indigo-100
  );
  --splash-ui-component-block-list-item-border-radius: var(
    --splash-ui-semantic-primitives-border-radius-large
  );
  --splash-ui-component-block-list-item-padding-horizontal: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-block-list-item-padding-vertical: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-block-list-item-visual-margin-vertical: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-block-list-item-visual-min-height: 2rem;
  --splash-ui-component-block-list-item-visual-icon-size-small: 1.25rem;
  --splash-ui-component-block-list-item-visual-icon-size-medium: 1.5rem;
  --splash-ui-component-block-list-item-visual-icon-size-large: 1.875rem;
  --splash-ui-component-block-list-item-visual-icon-size-x-small: 1rem;
  --splash-ui-component-block-list-item-visual-payment-card-size-small: 2.5rem;
  --splash-ui-component-block-list-item-visual-payment-card-size-medium: 3.75rem;
  --splash-ui-component-block-list-item-visual-payment-card-size-large: 5rem;
  --splash-ui-component-block-list-item-visual-avatar-size-medium: var(
    --splash-ui-component-avatar-size-medium
  );
  --splash-ui-component-block-list-item-visual-avatar-size-small: var(
    --splash-ui-component-avatar-size-small
  );
  --splash-ui-component-block-list-item-spacing: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-block-list-item-main-column-padding-vertical: var(
    --splash-ui-semantic-primitives-spacing-component-none
  );
  --splash-ui-component-block-list-item-value-column-spacing: 0;
  --splash-ui-component-block-list-item-value-column-padding-vertical: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-block-list-item-action-column-min-width: var(
    --splash-ui-semantic-primitives-spacing-component-large
  );
  --splash-ui-component-block-list-item-action-column-min-height: var(
    --splash-ui-semantic-primitives-spacing-component-large
  );
  --splash-ui-component-block-list-item-divider-width: 0.0625rem;
  --splash-ui-component-block-list-item-divider-color: var(
    --splash-ui-semantic-primitives-color-border-divider
  );
  --splash-ui-component-block-list-item-title-font-size-medium: 1rem;
  --splash-ui-component-block-list-item-title-font-size-large: 1.25rem;
  --splash-ui-component-block-list-item-title-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-block-list-item-title-font-color: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-block-list-item-title-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-block-list-item-value-font-size-medium: 1rem;
  --splash-ui-component-block-list-item-value-font-size-large: 1.25rem;
  --splash-ui-component-block-list-item-value-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-block-list-item-value-font-color: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-block-list-item-value-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-block-list-item-description-font-size: 1rem;
  --splash-ui-component-block-list-item-description-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-block-list-item-description-font-color: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-block-list-item-description-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-block-list-item-metadata-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-block-list-item-metadata-font-color: var(
    --splash-ui-semantic-primitives-color-text-soft
  );
  --splash-ui-component-block-list-item-metadata-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-block-list-item-metadata-font-size: 0.8125rem;
  --splash-ui-component-toggle-group-item-font-size-small: 0.875rem;
  --splash-ui-component-toggle-group-item-font-size-medium: 1rem;
  --splash-ui-component-toggle-group-item-font-size-large: 1.125rem;
  --splash-ui-component-toggle-group-item-font-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-toggle-group-item-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-toggle-group-item-font-color-active: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-toggle-group-item-font-weight-active: var(
    --splash-ui-semantic-primitives-typography-font-weight-bold
  );
  --splash-ui-component-toggle-group-item-font-weight-default: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-toggle-group-item-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-toggle-group-item-padding-horizontal-small: 0.625rem;
  --splash-ui-component-toggle-group-item-padding-horizontal-medium: 0.875rem;
  --splash-ui-component-toggle-group-item-padding-horizontal-large: 1.125rem;
  --splash-ui-component-toggle-group-item-padding-vertical-small: 0.5rem;
  --splash-ui-component-toggle-group-item-padding-vertical-medium: 0.75rem;
  --splash-ui-component-toggle-group-item-padding-vertical-large: 0.75rem;
  --splash-ui-component-toggle-group-item-icon-size-x-small: 0.75rem;
  --splash-ui-component-toggle-group-item-icon-size-small: 1rem;
  --splash-ui-component-toggle-group-item-icon-size-medium: 1.25rem;
  --splash-ui-component-toggle-group-item-icon-size-large: 1.5rem;
  --splash-ui-component-toggle-group-item-icon-size-x-large: 1.875rem;
  --splash-ui-component-toggle-group-item-icon-margin-small: 0.375rem;
  --splash-ui-component-toggle-group-item-icon-margin-medium: 0.5rem;
  --splash-ui-component-toggle-group-item-icon-margin-large: 0.75rem;
  --splash-ui-component-toggle-group-item-icon-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-toggle-group-item-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-toggle-group-item-icon-color-active: var(
    --splash-ui-primitives-sbn-color-indigo-900
  );
  --splash-ui-component-toggle-group-item-min-height-small: 2rem;
  --splash-ui-component-toggle-group-item-min-height-medium: 2.5rem;
  --splash-ui-component-toggle-group-item-min-height-large: 3rem;
  --splash-ui-component-toggle-group-item-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-toggle-group-item-background-color-hover: var(
    --splash-ui-primitives-sbn-color-grayalpha-100
  );
  --splash-ui-component-toggle-group-item-background-color-active: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-toggle-group-item-background-color-disabled: var(
    --splash-ui-component-button-disabled-background-color
  );
  --splash-ui-component-toggle-group-item-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-toggle-group-item-focus-outline-width: 0.125rem;
  --splash-ui-component-toggle-group-item-border-radius-small: 1rem;
  --splash-ui-component-toggle-group-item-border-radius-medium: 1.25rem;
  --splash-ui-component-toggle-group-item-border-radius-large: 1.5rem;
  --splash-ui-component-toggle-group-item-shadow-active-top-color: var(
    --splash-ui-semantic-primitives-shadow-200-top-color
  );
  --splash-ui-component-toggle-group-item-shadow-active-top-x: var(
    --splash-ui-semantic-primitives-shadow-200-top-x
  );
  --splash-ui-component-toggle-group-item-shadow-active-top-y: var(
    --splash-ui-semantic-primitives-shadow-200-top-y
  );
  --splash-ui-component-toggle-group-item-shadow-active-top-blur: var(
    --splash-ui-semantic-primitives-shadow-200-top-blur
  );
  --splash-ui-component-toggle-group-item-shadow-active-top-spread: var(
    --splash-ui-semantic-primitives-shadow-200-top-spread
  );
  --splash-ui-component-toggle-group-item-shadow-active-bottom-color: var(
    --splash-ui-semantic-primitives-shadow-200-bottom-color
  );
  --splash-ui-component-toggle-group-item-shadow-active-bottom-x: var(
    --splash-ui-semantic-primitives-shadow-200-bottom-x
  );
  --splash-ui-component-toggle-group-item-shadow-active-bottom-y: var(
    --splash-ui-semantic-primitives-shadow-200-bottom-y
  );
  --splash-ui-component-toggle-group-item-shadow-active-bottom-blur: var(
    --splash-ui-semantic-primitives-shadow-200-bottom-blur
  );
  --splash-ui-component-toggle-group-item-shadow-active-bottom-spread: var(
    --splash-ui-semantic-primitives-shadow-200-bottom-spread
  );
  --splash-ui-component-toggle-group-item-shadow-default-top-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-toggle-group-item-shadow-default-top-x: 0;
  --splash-ui-component-toggle-group-item-shadow-default-top-y: 0;
  --splash-ui-component-toggle-group-item-shadow-default-top-blur: 0;
  --splash-ui-component-toggle-group-item-shadow-default-top-spread: 0;
  --splash-ui-component-toggle-group-item-shadow-default-bottom-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-toggle-group-item-shadow-default-bottom-x: 0;
  --splash-ui-component-toggle-group-item-shadow-default-bottom-y: 0;
  --splash-ui-component-toggle-group-item-shadow-default-bottom-blur: 0;
  --splash-ui-component-toggle-group-item-shadow-default-bottom-spread: 0;
  --splash-ui-component-toggle-group-background-color: var(
    --splash-ui-primitives-sbn-color-brown-100
  );
  --splash-ui-component-toggle-group-padding-small: 0.1875rem;
  --splash-ui-component-toggle-group-padding-medium: 0.25rem;
  --splash-ui-component-toggle-group-padding-large: 0.25rem;
  --splash-ui-component-toggle-group-border-width: 0;
  --splash-ui-component-toggle-group-border-radius-small: 6.25rem;
  --splash-ui-component-toggle-group-border-radius-medium: 6.25rem;
  --splash-ui-component-toggle-group-border-radius-large: 6.25rem;
  --splash-ui-component-toggle-group-border-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-select-min-height-default: 3.25rem;
  --splash-ui-component-select-font-family: var(--splash-ui-component-input-font-family);
  --splash-ui-component-select-font-color-default: var(
    --splash-ui-component-input-font-color-default
  );
  --splash-ui-component-select-font-color-metadata: var(
    --splash-ui-semantic-primitives-color-text-soft
  );
  --splash-ui-component-select-font-color-disabled: var(
    --splash-ui-component-input-font-color-disabled
  );
  --splash-ui-component-select-font-size-default: 1rem;
  --splash-ui-component-select-font-size-metadata: 0.8125rem;
  --splash-ui-component-select-font-weight-default: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-select-font-weight-semi-bold: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-select-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-select-focus-outline-width-focus: 0.125rem;
  --splash-ui-component-select-background-color-default: var(
    --splash-ui-component-input-background-color-default
  );
  --splash-ui-component-select-background-color-disabled: var(
    --splash-ui-component-input-background-color-disabled
  );
  --splash-ui-component-select-border-width: 0.0625rem;
  --splash-ui-component-select-border-radius-default: var(
    --splash-ui-component-input-border-radius-medium
  );
  --splash-ui-component-select-border-color-default: var(
    --splash-ui-component-input-border-color-default
  );
  --splash-ui-component-select-border-color-active: var(
    --splash-ui-component-input-border-color-active
  );
  --splash-ui-component-select-border-color-danger: var(
    --splash-ui-component-input-border-color-danger
  );
  --splash-ui-component-select-border-color-disabled: var(
    --splash-ui-component-input-border-color-default
  );
  --splash-ui-component-select-option-group-background-color: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-select-option-group-border-radius: var(
    --splash-ui-semantic-primitives-border-radius-medium
  );
  --splash-ui-component-select-option-group-padding: 0.25rem;
  --splash-ui-component-select-option-group-shadow-shadow-top-color: var(
    --splash-ui-primitives-sbn-shadow-400-top-color
  );
  --splash-ui-component-select-option-group-shadow-shadow-top-x: var(
    --splash-ui-primitives-sbn-shadow-400-top-x
  );
  --splash-ui-component-select-option-group-shadow-shadow-top-spread: var(
    --splash-ui-primitives-sbn-shadow-400-top-spread
  );
  --splash-ui-component-select-option-group-shadow-shadow-top-blur: var(
    --splash-ui-primitives-sbn-shadow-400-top-blur
  );
  --splash-ui-component-select-option-group-shadow-shadow-top-y: var(
    --splash-ui-primitives-sbn-shadow-400-top-y
  );
  --splash-ui-component-select-option-group-shadow-shadow-bottom-color: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-color
  );
  --splash-ui-component-select-option-group-shadow-shadow-bottom-x: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-x
  );
  --splash-ui-component-select-option-group-shadow-shadow-bottom-y: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-y
  );
  --splash-ui-component-select-option-group-shadow-shadow-bottom-blur: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-blur
  );
  --splash-ui-component-select-option-group-shadow-shadow-bottom-spread: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-spread
  );
  --splash-ui-component-select-option-group-max-height: 25rem;
  --splash-ui-component-select-option-background-default: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-select-option-background-hover: var(
    --splash-ui-primitives-sbn-color-indigo-100
  );
  --splash-ui-component-select-option-background-selected: var(
    --splash-ui-primitives-sbn-color-indigo-1000
  );
  --splash-ui-component-select-option-background-selected-hover: var(
    --splash-ui-primitives-sbn-color-indigo-800
  );
  --splash-ui-component-select-option-font-color-default: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-select-option-font-color-disabled: var(
    --splash-ui-semantic-primitives-color-text-disabled
  );
  --splash-ui-component-select-option-font-color-metadata: var(
    --splash-ui-semantic-primitives-color-text-soft
  );
  --splash-ui-component-select-option-font-color-selected: var(
    --splash-ui-semantic-primitives-color-text-inverted
  );
  --splash-ui-component-select-option-font-color-selected-metadata: var(
    --splash-ui-semantic-primitives-color-text-inverted
  );
  --splash-ui-component-select-option-border-radius: 0.125rem;
  --splash-ui-component-select-option-padding-horizontal: 1rem;
  --splash-ui-component-select-option-padding-vertical: 0.375rem;
  --splash-ui-component-select-max-width-xx-small: var(
    --splash-ui-semantic-primitives-size-form-element-max-width-xx-small
  );
  --splash-ui-component-select-max-width-x-small: var(
    --splash-ui-semantic-primitives-size-form-element-max-width-x-small
  );
  --splash-ui-component-select-max-width-small: var(
    --splash-ui-semantic-primitives-size-form-element-max-width-small
  );
  --splash-ui-component-select-max-width-medium: var(
    --splash-ui-semantic-primitives-size-form-element-max-width-medium
  );
  --splash-ui-component-select-max-width-large: var(
    --splash-ui-semantic-primitives-size-form-element-max-width-large
  );
  --splash-ui-component-select-max-width-x-large: var(
    --splash-ui-semantic-primitives-size-form-element-max-width-x-large
  );
  --splash-ui-component-big-input-font-size-small: 1.5rem;
  --splash-ui-component-big-input-font-size-medium: 2rem;
  --splash-ui-component-big-input-font-size-large: 2.5rem;
  --splash-ui-component-big-input-font-size-x-large: 3rem;
  --splash-ui-component-big-input-font-color-default: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-big-input-font-color-placeholder: var(
    --splash-ui-semantic-primitives-color-text-soft
  );
  --splash-ui-component-big-input-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-big-input-font-weight-regular: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-big-input-font-weight-bold: var(
    --splash-ui-semantic-primitives-typography-font-weight-bold
  );
  --splash-ui-component-big-input-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-big-input-focus-outline-width-focus: 0.125rem;
  --splash-ui-component-big-input-padding-horizontal-x-large: 0.5rem;
  --splash-ui-component-big-input-padding-horizontal-large: 0.5rem;
  --splash-ui-component-big-input-padding-horizontal-medium: 0.375rem;
  --splash-ui-component-big-input-padding-horizontal-small: 0.375rem;
  --splash-ui-component-big-input-padding-vertical-small: 0.5rem;
  --splash-ui-component-big-input-padding-vertical-medium: 0.5rem;
  --splash-ui-component-big-input-padding-vertical-large: 0.75rem;
  --splash-ui-component-big-input-padding-vertical-x-large: 0.75rem;
  --splash-ui-component-big-input-border-radius: var(
    --splash-ui-semantic-primitives-border-radius-medium
  );
  --splash-ui-component-poster-padding-horizontal: 1.25rem;
  --splash-ui-component-poster-padding-vertical: 1.5rem;
  --splash-ui-component-poster-border-radius-default: var(
    --splash-ui-semantic-primitives-border-radius-medium
  );
  --splash-ui-component-poster-border-radius-fullwidth: var(
    --splash-ui-semantic-primitives-border-radius-none
  );
  --splash-ui-component-poster-background-color-success: var(
    --splash-ui-semantic-primitives-color-background-success
  );
  --splash-ui-component-poster-background-color-danger: var(
    --splash-ui-semantic-primitives-color-background-danger
  );
  --splash-ui-component-poster-background-color-warning: var(
    --splash-ui-semantic-primitives-color-background-warning
  );
  --splash-ui-component-poster-background-color-info: var(
    --splash-ui-semantic-primitives-color-background-info
  );
  --splash-ui-component-poster-background-color-neutral: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-poster-visual-color-success: var(
    --splash-ui-semantic-primitives-color-icon-success
  );
  --splash-ui-component-poster-visual-color-danger: var(
    --splash-ui-semantic-primitives-color-icon-danger
  );
  --splash-ui-component-poster-visual-color-warning: var(
    --splash-ui-semantic-primitives-color-icon-warning
  );
  --splash-ui-component-poster-visual-color-info: var(
    --splash-ui-semantic-primitives-color-icon-default
  );
  --splash-ui-component-poster-visual-color-neutral: var(
    --splash-ui-semantic-primitives-color-icon-default
  );
  --splash-ui-component-poster-visual-margin: 1.25rem;
  --splash-ui-component-poster-visual-size-small: var(--splash-ui-primitives-sbn-size-20);
  --splash-ui-component-poster-visual-size-medium: var(--splash-ui-primitives-sbn-size-28);
  --splash-ui-component-poster-visual-size-x-large: var(--splash-ui-primitives-sbn-size-48);
  --splash-ui-component-poster-visual-size-large: var(--splash-ui-primitives-sbn-size-36);
  --splash-ui-component-poster-visual-size-xx-large: var(--splash-ui-primitives-sbn-size-64);
  --splash-ui-component-poster-heading-font-size-large: var(
    --splash-ui-breakpoints-text-size-heading-xxx-large
  );
  --splash-ui-component-poster-heading-font-size-medium: var(
    --splash-ui-breakpoints-text-size-heading-xx-large
  );
  --splash-ui-component-poster-heading-font-size-small: var(
    --splash-ui-breakpoints-text-size-heading-x-large
  );
  --splash-ui-component-poster-heading-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-heading
  );
  --splash-ui-component-poster-heading-font-color: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-poster-heading-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-heading
  );
  --splash-ui-component-poster-heading-margin-bottom: 0.5rem;
  --splash-ui-component-poster-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-poster-font-color: var(--splash-ui-semantic-primitives-color-text-default);
  --splash-ui-component-poster-font-size: 1rem;
  --splash-ui-component-accordion-padding: var(--splash-ui-component-box-padding-xx-small);
  --splash-ui-component-accordion-item-spacing: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-accordion-item-title-font-size-medium: 1rem;
  --splash-ui-component-accordion-item-title-font-size-large: 1.25rem;
  --splash-ui-component-accordion-item-title-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-accordion-item-title-font-color: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-accordion-item-title-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-accordion-item-divider-width: 0.0625rem;
  --splash-ui-component-accordion-item-divider-color: var(
    --splash-ui-semantic-primitives-color-border-divider
  );
  --splash-ui-component-accordion-item-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-accordion-item-background-color-hover: var(
    --splash-ui-primitives-sbn-color-indigo-75
  );
  --splash-ui-component-accordion-item-background-color-expanded: var(
    --splash-ui-primitives-sbn-color-indigo-75
  );
  --splash-ui-component-accordion-item-background-color-active: var(
    --splash-ui-primitives-sbn-color-indigo-100
  );
  --splash-ui-component-accordion-item-border-radius: var(
    --splash-ui-semantic-primitives-border-radius-large
  );
  --splash-ui-component-accordion-item-padding-horizontal: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-accordion-item-padding-vertical: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-accordion-item-visual-min-height: 2rem;
  --splash-ui-component-accordion-item-visual-margin-vertical: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-accordion-item-visual-icon-size-x-small: 1rem;
  --splash-ui-component-accordion-item-visual-icon-size-small: 1.25rem;
  --splash-ui-component-accordion-item-visual-icon-size-medium: 1.5rem;
  --splash-ui-component-accordion-item-visual-icon-size-large: 1.875rem;
  --splash-ui-component-accordion-item-main-column-spacing: 0;
  --splash-ui-component-accordion-item-main-column-padding-vertical: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-accordion-item-value-column-spacing: 0;
  --splash-ui-component-accordion-item-value-column-padding-vertical: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-accordion-item-action-column-min-width: var(
    --splash-ui-semantic-primitives-spacing-component-large
  );
  --splash-ui-component-accordion-item-action-column-min-height: var(
    --splash-ui-semantic-primitives-spacing-component-large
  );
  --splash-ui-component-accordion-item-value-font-size-medium: 1rem;
  --splash-ui-component-accordion-item-value-font-size-large: 1.25rem;
  --splash-ui-component-accordion-item-value-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-accordion-item-value-font-color: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-accordion-item-value-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-accordion-item-description-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-accordion-item-description-font-color: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-accordion-item-description-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-accordion-item-description-font-size: 1rem;
  --splash-ui-component-accordion-item-metadata-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-accordion-item-metadata-font-color: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-accordion-item-metadata-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-accordion-item-metadata-font-size: 0.8125rem;
  --splash-ui-component-accordion-item-body-padding-top: var(
    --splash-ui-semantic-primitives-spacing-component-none
  );
  --splash-ui-component-accordion-item-body-padding-right: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-accordion-item-body-padding-bottom: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-accordion-item-body-padding-left: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-chip-background-color-default: var(
    --splash-ui-primitives-sbn-color-indigo-100
  );
  --splash-ui-component-chip-background-color-hover: var(
    --splash-ui-primitives-sbn-color-indigo-200
  );
  --splash-ui-component-chip-background-color-active: var(
    --splash-ui-primitives-sbn-color-indigo-900
  );
  --splash-ui-component-chip-background-color-disabled: var(
    --splash-ui-primitives-sbn-color-grayalpha-75
  );
  --splash-ui-component-chip-background-color-alternative: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-chip-border-radius: var(
    --splash-ui-semantic-primitives-border-radius-small
  );
  --splash-ui-component-chip-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-chip-focus-outline-width: var(
    --splash-ui-semantic-primitives-border-width-bold
  );
  --splash-ui-component-chip-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-chip-font-color-default: var(--splash-ui-primitives-sbn-color-red-1400);
  --splash-ui-component-chip-font-color-disabled: var(
    --splash-ui-semantic-primitives-color-text-disabled
  );
  --splash-ui-component-chip-font-color-active: var(--splash-ui-primitives-sbn-color-global-white);
  --splash-ui-component-chip-font-size: 1rem;
  --splash-ui-component-chip-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-chip-icon-color-default: var(
    --splash-ui-semantic-primitives-color-icon-default
  );
  --splash-ui-component-chip-icon-color-disabled: var(
    --splash-ui-semantic-primitives-color-icon-disabled
  );
  --splash-ui-component-chip-icon-color-active: var(
    --splash-ui-semantic-primitives-color-icon-inverted
  );
  --splash-ui-component-chip-icon-spacing: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-chip-padding-horizontal: 0.375rem;
  --splash-ui-component-chip-padding-vertical: 0.375rem;
  --splash-ui-component-chip-min-height: 2rem;
  --splash-ui-component-chip-close-button-border-radius: var(
    --splash-ui-semantic-primitives-border-radius-x-small
  );
  --splash-ui-component-chip-close-button-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-chip-close-button-background-color-hover: var(
    --splash-ui-component-chip-background-color-hover
  );
  --splash-ui-component-chip-close-button-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-chip-close-button-focus-outline-width: var(
    --splash-ui-semantic-primitives-border-width-bold
  );
  --splash-ui-component-chip-close-button-icon-color-default: var(
    --splash-ui-semantic-primitives-color-icon-default
  );
  --splash-ui-component-chip-close-button-icon-color-active: var(
    --splash-ui-semantic-primitives-color-icon-inverted
  );
  --splash-ui-component-chip-close-button-icon-color-disabled: var(
    --splash-ui-semantic-primitives-color-icon-disabled
  );
  --splash-ui-component-chip-label-padding-horizontal: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-spinner-stroke-color-neutral: var(
    --splash-ui-primitives-sbn-color-gray-700
  );
  --splash-ui-component-spinner-stroke-color-alternative: var(
    --splash-ui-primitives-sbn-color-indigo-700
  );
  --splash-ui-component-spinner-stroke-color-inverted: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-spinner-stroke-width-small: 0.1875rem;
  --splash-ui-component-spinner-stroke-width-medium: 0.25rem;
  --splash-ui-component-spinner-stroke-width-large: 0.375rem;
  --splash-ui-component-spinner-stroke-width-x-large: 0.5rem;
  --splash-ui-component-spinner-size-small: 1rem;
  --splash-ui-component-spinner-size-medium: 1.5rem;
  --splash-ui-component-spinner-size-large: 2rem;
  --splash-ui-component-spinner-size-x-large: 3.5rem;
  --splash-ui-component-spinner-track-opacity: 0.15;
  --splash-ui-component-spinner-track-color-neutral: var(--splash-ui-primitives-sbn-color-gray-700);
  --splash-ui-component-spinner-track-color-alternative: var(
    --splash-ui-primitives-sbn-color-indigo-700
  );
  --splash-ui-component-spinner-track-color-inverted: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-close-button-padding: 1rem;
  --splash-ui-component-close-button-icon-size-medium: var(
    --splash-ui-semantic-primitives-size-icon-x-small
  );
  --splash-ui-component-close-button-icon-size-large: var(
    --splash-ui-semantic-primitives-size-icon-small
  );
  --splash-ui-component-close-button-icon-color-default: var(
    --splash-ui-semantic-primitives-color-icon-neutral
  );
  --splash-ui-component-close-button-icon-color-hover: var(
    --splash-ui-semantic-primitives-color-icon-strong
  );
  --splash-ui-component-close-button-icon-color-inverted: var(
    --splash-ui-semantic-primitives-color-icon-inverted
  );
  --splash-ui-component-close-button-icon-color-inverted-hover: var(
    --splash-ui-semantic-primitives-color-icon-inverted
  );
  --splash-ui-component-close-button-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-close-button-background-color-hover: var(
    --splash-ui-primitives-sbn-color-grayalpha-50
  );
  --splash-ui-component-close-button-border-radius: 2.75rem;
  --splash-ui-component-close-button-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-close-button-focus-outline-width: var(
    --splash-ui-semantic-primitives-border-width-bold
  );
  --splash-ui-component-close-button-container-width: var(--splash-ui-primitives-sbn-size-12);
  --splash-ui-component-close-button-container-height: var(--splash-ui-primitives-sbn-size-12);
  --splash-ui-component-file-upload-background-color-default: var(
    --splash-ui-primitives-sbn-color-indigo-50
  );
  --splash-ui-component-file-upload-background-color-hover: var(
    --splash-ui-primitives-sbn-color-indigo-100
  );
  --splash-ui-component-file-upload-border-color-default: var(
    --splash-ui-primitives-sbn-color-indigo-500
  );
  --splash-ui-component-file-upload-border-color-hover: var(
    --splash-ui-primitives-sbn-color-indigo-700
  );
  --splash-ui-component-file-upload-border-color-danger: var(
    --splash-ui-semantic-primitives-color-border-danger
  );
  --splash-ui-component-file-upload-border-radius: var(
    --splash-ui-component-input-border-radius-medium
  );
  --splash-ui-component-file-upload-border-width: var(
    --splash-ui-semantic-primitives-border-width-bold
  );
  --splash-ui-component-file-upload-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-file-upload-focus-outline-width-focus: 0.125rem;
  --splash-ui-component-file-upload-padding-horizontal-medium: var(
    --splash-ui-semantic-primitives-spacing-component-large
  );
  --splash-ui-component-file-upload-padding-horizontal-small: var(
    --splash-ui-semantic-primitives-spacing-component-medium
  );
  --splash-ui-component-file-upload-padding-vertical-medium: var(
    --splash-ui-semantic-primitives-spacing-component-x-large
  );
  --splash-ui-component-file-upload-padding-vertical-small: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-file-upload-icon-color: var(
    --splash-ui-semantic-primitives-color-icon-subtle
  );
  --splash-ui-component-file-upload-icon-size-default: var(
    --splash-ui-semantic-primitives-size-icon-x-large
  );
  --splash-ui-component-file-upload-icon-size-small: var(
    --splash-ui-semantic-primitives-size-icon-large
  );
  --splash-ui-component-file-upload-icon-margin: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-file-upload-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-file-upload-font-color: var(
    --splash-ui-semantic-primitives-color-text-soft
  );
  --splash-ui-component-file-upload-font-size: var(--splash-ui-breakpoints-text-size-text-large);
  --splash-ui-component-file-upload-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-dialog-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-dialog-background-color-soft: var(--splash-ui-primitives-sbn-color-gray-10);
  --splash-ui-component-dialog-border-radius-default: var(
    --splash-ui-semantic-primitives-border-radius-x-large
  );
  --splash-ui-component-dialog-border-radius-sidepanel: var(
    --splash-ui-semantic-primitives-border-radius-none
  );
  --splash-ui-component-dialog-shadow-top-color: var(
    --splash-ui-primitives-sbn-shadow-300-top-color
  );
  --splash-ui-component-dialog-shadow-top-x: var(--splash-ui-primitives-sbn-shadow-300-top-x);
  --splash-ui-component-dialog-shadow-top-y: var(--splash-ui-primitives-sbn-shadow-300-top-y);
  --splash-ui-component-dialog-shadow-top-blur: var(--splash-ui-primitives-sbn-shadow-300-top-blur);
  --splash-ui-component-dialog-shadow-top-spread: var(
    --splash-ui-primitives-sbn-shadow-300-top-spread
  );
  --splash-ui-component-dialog-shadow-bottom-color: var(
    --splash-ui-primitives-sbn-shadow-300-bottom-color
  );
  --splash-ui-component-dialog-shadow-bottom-x: var(--splash-ui-primitives-sbn-shadow-300-bottom-x);
  --splash-ui-component-dialog-shadow-bottom-y: var(--splash-ui-primitives-sbn-shadow-300-bottom-y);
  --splash-ui-component-dialog-shadow-bottom-blur: var(
    --splash-ui-primitives-sbn-shadow-300-bottom-blur
  );
  --splash-ui-component-dialog-shadow-bottom-spread: var(
    --splash-ui-primitives-sbn-shadow-300-bottom-spread
  );
  --splash-ui-component-dialog-body-border-width: 0.0625rem;
  --splash-ui-component-dialog-body-border-color: var(
    --splash-ui-semantic-primitives-color-grayalpha-100
  );
  --splash-ui-component-dialog-body-padding-left: 1rem;
  --splash-ui-component-dialog-body-padding-right: 1rem;
  --splash-ui-component-dialog-body-padding-top: 0.375rem;
  --splash-ui-component-dialog-body-padding-bottom: 1rem;
  --splash-ui-component-dialog-header-padding-left: 1rem;
  --splash-ui-component-dialog-header-padding-right: 1rem;
  --splash-ui-component-dialog-header-padding-top: 1rem;
  --splash-ui-component-dialog-header-padding-bottom: 0.5rem;
  --splash-ui-component-dialog-header-icon-margin: 0.75rem;
  --splash-ui-component-dialog-footer-padding-left: 1rem;
  --splash-ui-component-dialog-footer-padding-right: 1rem;
  --splash-ui-component-dialog-footer-padding-top: 1rem;
  --splash-ui-component-dialog-footer-padding-bottom: 1rem;
  --splash-ui-component-dialog-backdrop-color: var(--splash-ui-primitives-sbn-color-grayalpha-200);
  --splash-ui-component-dialog-min-width-small: 23.4375rem;
  --splash-ui-component-dialog-min-width-medium: 48rem;
  --splash-ui-component-dialog-min-width-large: 62rem;
  --splash-ui-component-dialog-min-width-x-large: 75rem;
  --splash-ui-component-link-default-color-default: var(
    --splash-ui-semantic-primitives-color-text-link
  );
  --splash-ui-component-link-default-color-hover: var(
    --splash-ui-semantic-primitives-color-text-link-hover
  );
  --splash-ui-component-link-default-color-active: var(
    --splash-ui-primitives-sbn-color-indigo-1200
  );
  --splash-ui-component-link-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-link-focus-outline-width: 0.125rem;
  --splash-ui-component-link-subtle-color-default: var(
    --splash-ui-semantic-primitives-color-text-soft
  );
  --splash-ui-component-link-subtle-color-hover: var(--splash-ui-primitives-sbn-color-indigo-1200);
  --splash-ui-component-link-subtle-color-active: var(--splash-ui-primitives-sbn-color-indigo-1200);
  --splash-ui-component-link-neutral-color-default: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-link-neutral-color-hover: var(--splash-ui-primitives-sbn-color-indigo-900);
  --splash-ui-component-link-neutral-color-active: var(
    --splash-ui-primitives-sbn-color-indigo-1200
  );
  --splash-ui-component-list-ul-item-padding-bottom: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-list-ul-item-bullet-margin: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-list-ul-item-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-list-ul-item-font-size-medium: 1rem;
  --splash-ui-component-list-ul-item-font-size-large: 1.125rem;
  --splash-ui-component-spot-illustration-color-line: var(
    --splash-ui-semantic-primitives-color-visual-default-900
  );
  --splash-ui-component-spot-illustration-color-highlight: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-spot-illustration-color-light-shade: var(
    --splash-ui-semantic-primitives-color-visual-default-200
  );
  --splash-ui-component-spot-illustration-color-dark-shade: var(
    --splash-ui-semantic-primitives-color-visual-default-300
  );
  --splash-ui-component-spot-illustration-size-small: var(--splash-ui-primitives-sbn-size-12);
  --splash-ui-component-spot-illustration-size-medium: var(--splash-ui-primitives-sbn-size-20);
  --splash-ui-component-spot-illustration-size-large: var(--splash-ui-primitives-sbn-size-36);
  --splash-ui-component-spot-illustration-size-x-large: var(--splash-ui-primitives-sbn-size-48);
  --splash-ui-component-spot-illustration-size-xx-large: var(--splash-ui-primitives-sbn-size-64);
  --splash-ui-component-spot-illustration-stroke-weight-small: 0.0625rem;
  --splash-ui-component-spot-illustration-stroke-weight-medium: 0.09375rem;
  --splash-ui-component-spot-illustration-stroke-weight-large: 0.15625rem;
  --splash-ui-component-spot-illustration-stroke-weight-x-large: 0.1875rem;
  --splash-ui-component-spot-illustration-stroke-weight-xx-large: 0.21875rem;
  --splash-ui-component-combobox-background-color-default: var(
    --splash-ui-component-input-background-color-default
  );
  --splash-ui-component-combobox-background-color-disabled: var(
    --splash-ui-component-input-background-color-disabled
  );
  --splash-ui-component-combobox-border-width: 0.0625rem;
  --splash-ui-component-combobox-border-radius-default: var(
    --splash-ui-component-input-border-radius-medium
  );
  --splash-ui-component-combobox-border-color-default: var(
    --splash-ui-component-input-border-color-default
  );
  --splash-ui-component-combobox-border-color-active: var(
    --splash-ui-component-input-border-color-active
  );
  --splash-ui-component-combobox-border-color-danger: var(
    --splash-ui-component-input-border-color-danger
  );
  --splash-ui-component-combobox-border-color-disabled: var(
    --splash-ui-component-input-border-color-default
  );
  --splash-ui-component-combobox-font-family: var(--splash-ui-component-input-font-family);
  --splash-ui-component-combobox-font-weight-default: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-combobox-font-weight-semi-bold: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-combobox-font-color-default: var(
    --splash-ui-component-input-font-color-default
  );
  --splash-ui-component-combobox-font-color-placeholder: var(
    --splash-ui-semantic-primitives-color-text-soft
  );
  --splash-ui-component-combobox-font-color-disabled: var(
    --splash-ui-component-input-font-color-disabled
  );
  --splash-ui-component-combobox-font-color-selected: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-combobox-font-size-default: 1rem;
  --splash-ui-component-combobox-option-background-default: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-combobox-option-background-hover: var(
    --splash-ui-primitives-sbn-color-indigo-100
  );
  --splash-ui-component-combobox-option-background-selected: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-combobox-option-background-selected-hover: var(
    --splash-ui-primitives-sbn-color-indigo-100
  );
  --splash-ui-component-combobox-option-padding-horizontal: 1rem;
  --splash-ui-component-combobox-option-padding-vertical: 0.375rem;
  --splash-ui-component-combobox-option-border-radius: 0.125rem;
  --splash-ui-component-combobox-option-font-color-default: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-combobox-option-font-color-metadata: var(
    --splash-ui-semantic-primitives-color-text-soft
  );
  --splash-ui-component-combobox-option-font-color-disabled: var(
    --splash-ui-semantic-primitives-color-text-disabled
  );
  --splash-ui-component-combobox-option-font-color-selected: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-combobox-option-font-color-selected-metadata: var(
    --splash-ui-semantic-primitives-color-text-soft
  );
  --splash-ui-component-combobox-option-checkbox-margin: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-combobox-option-group-background-color: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-combobox-option-group-padding: 0.25rem;
  --splash-ui-component-combobox-option-group-border-radius: var(
    --splash-ui-semantic-primitives-border-radius-medium
  );
  --splash-ui-component-combobox-option-group-shadow-shadow-top-color: var(
    --splash-ui-primitives-sbn-shadow-400-top-color
  );
  --splash-ui-component-combobox-option-group-shadow-shadow-top-x: var(
    --splash-ui-primitives-sbn-shadow-400-top-x
  );
  --splash-ui-component-combobox-option-group-shadow-shadow-top-y: var(
    --splash-ui-primitives-sbn-shadow-400-top-y
  );
  --splash-ui-component-combobox-option-group-shadow-shadow-top-blur: var(
    --splash-ui-primitives-sbn-shadow-400-top-blur
  );
  --splash-ui-component-combobox-option-group-shadow-shadow-top-spread: var(
    --splash-ui-primitives-sbn-shadow-400-top-spread
  );
  --splash-ui-component-combobox-option-group-shadow-shadow-bottom-color: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-color
  );
  --splash-ui-component-combobox-option-group-shadow-shadow-bottom-x: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-x
  );
  --splash-ui-component-combobox-option-group-shadow-shadow-bottom-y: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-y
  );
  --splash-ui-component-combobox-option-group-shadow-shadow-bottom-blur: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-blur
  );
  --splash-ui-component-combobox-option-group-shadow-shadow-bottom-spread: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-spread
  );
  --splash-ui-component-combobox-option-group-max-height: 25rem;
  --splash-ui-component-combobox-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-combobox-focus-outline-width-focus: 0.125rem;
  --splash-ui-component-combobox-max-width-xx-small: var(
    --splash-ui-semantic-primitives-size-form-element-max-width-xx-small
  );
  --splash-ui-component-combobox-max-width-x-small: var(
    --splash-ui-semantic-primitives-size-form-element-max-width-x-small
  );
  --splash-ui-component-combobox-max-width-small: var(
    --splash-ui-semantic-primitives-size-form-element-max-width-small
  );
  --splash-ui-component-combobox-max-width-medium: var(
    --splash-ui-semantic-primitives-size-form-element-max-width-medium
  );
  --splash-ui-component-combobox-max-width-large: var(
    --splash-ui-semantic-primitives-size-form-element-max-width-large
  );
  --splash-ui-component-combobox-max-width-x-large: var(
    --splash-ui-semantic-primitives-size-form-element-max-width-x-large
  );
  --splash-ui-component-combobox-min-height-default: 3.25rem;
  --splash-ui-component-combobox-chip-stack-padding: var(--splash-ui-primitives-sbn-size-5);
  --splash-ui-component-combobox-chip-stack-gap: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-avatar-size-medium: var(--splash-ui-primitives-sbn-size-20);
  --splash-ui-component-avatar-size-small: var(--splash-ui-primitives-sbn-size-16);
  --splash-ui-component-avatar-size-x-small: var(--splash-ui-primitives-sbn-size-12);
  --splash-ui-component-avatar-size-large: var(--splash-ui-primitives-sbn-size-24);
  --splash-ui-component-avatar-size-x-large: var(--splash-ui-primitives-sbn-size-32);
  --splash-ui-component-avatar-size-xx-large: var(--splash-ui-primitives-sbn-size-40);
  --splash-ui-component-avatar-size-xxx-large: var(--splash-ui-primitives-sbn-size-48);
  --splash-ui-component-avatar-icon-size-x-small: 0.875rem;
  --splash-ui-component-avatar-icon-size-small: var(--splash-ui-primitives-sbn-size-10);
  --splash-ui-component-avatar-icon-size-medium: var(--splash-ui-primitives-sbn-size-12);
  --splash-ui-component-avatar-icon-size-large: var(--splash-ui-primitives-sbn-size-14);
  --splash-ui-component-avatar-icon-size-x-large: var(--splash-ui-primitives-sbn-size-14);
  --splash-ui-component-avatar-icon-size-xx-large: var(--splash-ui-primitives-sbn-size-22);
  --splash-ui-component-avatar-icon-size-xxx-large: var(--splash-ui-primitives-sbn-size-24);
  --splash-ui-component-avatar-border-radius-x-small: var(
    --splash-ui-component-avatar-size-x-small
  );
  --splash-ui-component-avatar-border-radius-small: var(--splash-ui-component-avatar-size-small);
  --splash-ui-component-avatar-border-radius-medium: var(--splash-ui-component-avatar-size-medium);
  --splash-ui-component-avatar-border-radius-large: var(--splash-ui-component-avatar-size-large);
  --splash-ui-component-avatar-border-radius-x-large: var(
    --splash-ui-component-avatar-size-x-large
  );
  --splash-ui-component-avatar-border-radius-xx-large: var(
    --splash-ui-component-avatar-size-xx-large
  );
  --splash-ui-component-avatar-image-border-width: var(
    --splash-ui-semantic-primitives-border-width-default
  );
  --splash-ui-component-avatar-image-border-color: var(--splash-ui-primitives-sbn-color-gray-300);
  --splash-ui-component-avatar-image-background-color: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-avatar-image-padding: 0.0625rem;
  --splash-ui-component-avatar-label-spacing-x-small: var(
    --splash-ui-semantic-primitives-spacing-component-xxx-small
  );
  --splash-ui-component-avatar-label-spacing-small: var(
    --splash-ui-semantic-primitives-spacing-component-xxx-small
  );
  --splash-ui-component-avatar-label-spacing-medium: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-avatar-label-spacing-large: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-avatar-label-spacing-x-large: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-avatar-label-spacing-xx-large: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-avatar-font-size-x-small: 0.8125rem;
  --splash-ui-component-avatar-font-size-small: 0.8125rem;
  --splash-ui-component-avatar-font-size-medium: 0.875rem;
  --splash-ui-component-avatar-font-size-large: 1rem;
  --splash-ui-component-avatar-font-size-x-large: 1rem;
  --splash-ui-component-avatar-font-size-xx-large: 1rem;
  --splash-ui-component-avatar-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-avatar-font-weight-default: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-avatar-font-weight-semi-bold: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-badge-height-small: var(--splash-ui-primitives-sbn-size-8);
  --splash-ui-component-badge-height-medium: var(--splash-ui-primitives-sbn-size-10);
  --splash-ui-component-badge-height-large: var(--splash-ui-primitives-sbn-size-12);
  --splash-ui-component-badge-min-width-small: var(--splash-ui-primitives-sbn-size-8);
  --splash-ui-component-badge-min-width-medium: var(--splash-ui-primitives-sbn-size-10);
  --splash-ui-component-badge-min-width-large: var(--splash-ui-primitives-sbn-size-12);
  --splash-ui-component-badge-font-size-small: 0.8125rem;
  --splash-ui-component-badge-font-size-medium: 0.875rem;
  --splash-ui-component-badge-font-size-large: 1rem;
  --splash-ui-component-badge-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-bold
  );
  --splash-ui-component-badge-font-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-badge-font-color-inverted: var(--splash-ui-primitives-sbn-color-red-1400);
  --splash-ui-component-badge-font-family: var(--splash-ui-component-input-font-family);
  --splash-ui-component-badge-background-color-default: var(
    --splash-ui-primitives-sbn-color-red-1000
  );
  --splash-ui-component-badge-background-color-inverted: var(
    --splash-ui-primitives-sbn-color-gold-300
  );
  --splash-ui-component-badge-border-radius-small: var(--splash-ui-primitives-sbn-size-8);
  --splash-ui-component-badge-border-radius-medium: var(--splash-ui-primitives-sbn-size-10);
  --splash-ui-component-badge-border-radius-large: var(--splash-ui-primitives-sbn-size-12);
  --splash-ui-component-badge-padding-horizontal-small: 0.1875rem;
  --splash-ui-component-badge-padding-horizontal-medium: var(--splash-ui-primitives-sbn-size-2);
  --splash-ui-component-badge-padding-horizontal-large: var(--splash-ui-primitives-sbn-size-3);
  --splash-ui-component-read-more-padding-vertical: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-read-more-icon-margin: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-read-more-icon-color-default: var(
    --splash-ui-semantic-primitives-color-icon-link
  );
  --splash-ui-component-read-more-icon-color-hover: var(
    --splash-ui-semantic-primitives-color-icon-link-hover
  );
  --splash-ui-component-read-more-icon-size: var(--splash-ui-semantic-primitives-size-icon-x-small);
  --splash-ui-component-read-more-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-read-more-focus-outline-width-focus: var(
    --splash-ui-semantic-primitives-border-width-bold
  );
  --splash-ui-component-read-more-font-color-default: var(
    --splash-ui-semantic-primitives-color-text-link
  );
  --splash-ui-component-read-more-font-color-hover: var(
    --splash-ui-semantic-primitives-color-text-link-hover
  );
  --splash-ui-component-read-more-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-read-more-font-size: 1rem;
  --splash-ui-component-read-more-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-read-more-border-radius: var(
    --splash-ui-semantic-primitives-border-radius-small
  );
  --splash-ui-component-popover-shadow-top-color: var(
    --splash-ui-primitives-sbn-shadow-400-top-color
  );
  --splash-ui-component-popover-shadow-top-x: var(--splash-ui-primitives-sbn-shadow-400-top-x);
  --splash-ui-component-popover-shadow-top-y: var(--splash-ui-primitives-sbn-shadow-400-top-y);
  --splash-ui-component-popover-shadow-top-blur: var(
    --splash-ui-primitives-sbn-shadow-400-top-blur
  );
  --splash-ui-component-popover-shadow-top-spread: var(
    --splash-ui-primitives-sbn-shadow-400-top-spread
  );
  --splash-ui-component-popover-shadow-bottom-color: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-color
  );
  --splash-ui-component-popover-shadow-bottom-x: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-x
  );
  --splash-ui-component-popover-shadow-bottom-y: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-y
  );
  --splash-ui-component-popover-shadow-bottom-blur: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-blur
  );
  --splash-ui-component-popover-shadow-bottom-spread: var(
    --splash-ui-primitives-sbn-shadow-400-bottom-spread
  );
  --splash-ui-component-popover-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-popover-background-color-contrast: var(
    --splash-ui-primitives-sbn-color-indigo-1200
  );
  --splash-ui-component-popover-border-width-default: var(
    --splash-ui-semantic-primitives-border-width-default
  );
  --splash-ui-component-popover-border-width-contrast: var(
    --splash-ui-semantic-primitives-border-width-none
  );
  --splash-ui-component-popover-border-color-default: var(
    --splash-ui-primitives-sbn-color-gray-500
  );
  --splash-ui-component-popover-border-color-contrast: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-popover-border-radius: var(
    --splash-ui-semantic-primitives-border-radius-medium
  );
  --splash-ui-component-popover-padding-horizontal: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-popover-padding-vertical: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-popover-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-popover-font-size: 0.875rem;
  --splash-ui-component-popover-font-color-default: var(--splash-ui-primitives-sbn-color-red-1400);
  --splash-ui-component-popover-font-color-contrast: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-popover-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-toast-border-radius: var(
    --splash-ui-semantic-primitives-border-radius-medium
  );
  --splash-ui-component-toast-border-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-toast-border-width: 0;
  --splash-ui-component-toast-padding-top: 1rem;
  --splash-ui-component-toast-padding-bottom: 1rem;
  --splash-ui-component-toast-padding-left: 1rem;
  --splash-ui-component-toast-padding-right: 1rem;
  --splash-ui-component-toast-icon-margin: 0.75rem;
  --splash-ui-component-toast-icon-size-small: var(--splash-ui-semantic-primitives-size-icon-small);
  --splash-ui-component-toast-icon-size-medium: var(
    --splash-ui-semantic-primitives-size-icon-medium
  );
  --splash-ui-component-toast-icon-size-large: var(--splash-ui-semantic-primitives-size-icon-large);
  --splash-ui-component-toast-info-icon-color-default: var(
    --splash-ui-semantic-primitives-color-icon-default
  );
  --splash-ui-component-toast-info-icon-color-contrast: var(
    --splash-ui-semantic-primitives-color-icon-inverted
  );
  --splash-ui-component-toast-info-icon-margin: var(--splash-ui-component-alert-icon-margin);
  --splash-ui-component-toast-info-background-color-default: var(
    --splash-ui-semantic-primitives-color-background-info
  );
  --splash-ui-component-toast-info-background-color-contrast: var(
    --splash-ui-semantic-primitives-color-background-info-contrast
  );
  --splash-ui-component-toast-info-padding-top: var(--splash-ui-component-toast-padding-top);
  --splash-ui-component-toast-info-padding-bottom: var(--splash-ui-component-toast-padding-bottom);
  --splash-ui-component-toast-info-padding-left: var(--splash-ui-component-toast-padding-left);
  --splash-ui-component-toast-info-padding-right: var(--splash-ui-component-toast-padding-right);
  --splash-ui-component-toast-info-border-radius: var(--splash-ui-component-toast-border-radius);
  --splash-ui-component-toast-info-border-color: var(--splash-ui-component-toast-border-color);
  --splash-ui-component-toast-info-border-width: var(--splash-ui-component-toast-border-width);
  --splash-ui-component-toast-info-font-color-default: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-toast-info-font-color-contrast: var(
    --splash-ui-semantic-primitives-color-text-inverted
  );
  --splash-ui-component-toast-success-icon-color-default: var(
    --splash-ui-semantic-primitives-color-icon-success
  );
  --splash-ui-component-toast-success-icon-color-contrast: var(
    --splash-ui-semantic-primitives-color-icon-inverted
  );
  --splash-ui-component-toast-success-icon-margin: var(--splash-ui-component-alert-icon-margin);
  --splash-ui-component-toast-success-background-color-default: var(
    --splash-ui-semantic-primitives-color-background-success
  );
  --splash-ui-component-toast-success-background-color-contrast: var(
    --splash-ui-semantic-primitives-color-background-success-contrast
  );
  --splash-ui-component-toast-success-padding-top: var(--splash-ui-component-toast-padding-top);
  --splash-ui-component-toast-success-padding-bottom: var(
    --splash-ui-component-toast-padding-bottom
  );
  --splash-ui-component-toast-success-padding-left: var(--splash-ui-component-toast-padding-left);
  --splash-ui-component-toast-success-padding-right: var(--splash-ui-component-toast-padding-right);
  --splash-ui-component-toast-success-border-radius: var(--splash-ui-component-toast-border-radius);
  --splash-ui-component-toast-success-border-color: var(--splash-ui-component-toast-border-color);
  --splash-ui-component-toast-success-border-width: var(--splash-ui-component-toast-border-width);
  --splash-ui-component-toast-success-font-color-default: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-toast-success-font-color-contrast: var(
    --splash-ui-semantic-primitives-color-text-inverted
  );
  --splash-ui-component-toast-button-margin: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-toast-warning-font-color-default: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-toast-warning-font-color-contrast: var(
    --splash-ui-semantic-primitives-color-text-inverted
  );
  --splash-ui-component-toast-warning-icon-color-default: var(
    --splash-ui-semantic-primitives-color-icon-warning
  );
  --splash-ui-component-toast-warning-icon-color-contrast: var(
    --splash-ui-semantic-primitives-color-icon-inverted
  );
  --splash-ui-component-toast-warning-icon-margin: var(--splash-ui-component-alert-icon-margin);
  --splash-ui-component-toast-warning-background-color-default: var(
    --splash-ui-semantic-primitives-color-background-warning
  );
  --splash-ui-component-toast-warning-background-color-contrast: var(
    --splash-ui-semantic-primitives-color-background-warning-contrast
  );
  --splash-ui-component-toast-warning-padding-top: var(--splash-ui-component-toast-padding-top);
  --splash-ui-component-toast-warning-padding-bottom: var(
    --splash-ui-component-toast-padding-bottom
  );
  --splash-ui-component-toast-warning-padding-left: var(--splash-ui-component-toast-padding-left);
  --splash-ui-component-toast-warning-padding-right: var(--splash-ui-component-toast-padding-right);
  --splash-ui-component-toast-warning-border-radius: var(--splash-ui-component-toast-border-radius);
  --splash-ui-component-toast-warning-border-color: var(--splash-ui-component-toast-border-color);
  --splash-ui-component-toast-warning-border-width: var(--splash-ui-component-toast-border-width);
  --splash-ui-component-toast-danger-font-color-default: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-toast-danger-font-color-contrast: var(
    --splash-ui-semantic-primitives-color-text-inverted
  );
  --splash-ui-component-toast-danger-icon-color-default: var(
    --splash-ui-semantic-primitives-color-icon-danger
  );
  --splash-ui-component-toast-danger-icon-color-contrast: var(
    --splash-ui-semantic-primitives-color-icon-inverted
  );
  --splash-ui-component-toast-danger-icon-margin: var(--splash-ui-component-alert-icon-margin);
  --splash-ui-component-toast-danger-background-color-default: var(
    --splash-ui-semantic-primitives-color-background-danger
  );
  --splash-ui-component-toast-danger-background-color-contrast: var(
    --splash-ui-semantic-primitives-color-background-danger-contrast
  );
  --splash-ui-component-toast-danger-padding-top: var(--splash-ui-component-toast-padding-top);
  --splash-ui-component-toast-danger-padding-bottom: var(
    --splash-ui-component-toast-padding-bottom
  );
  --splash-ui-component-toast-danger-padding-left: var(--splash-ui-component-toast-padding-left);
  --splash-ui-component-toast-danger-padding-right: var(--splash-ui-component-toast-padding-right);
  --splash-ui-component-toast-danger-border-radius: var(--splash-ui-component-toast-border-radius);
  --splash-ui-component-toast-danger-border-color: var(--splash-ui-component-toast-border-color);
  --splash-ui-component-toast-danger-border-width: var(--splash-ui-component-toast-border-width);
  --splash-ui-component-skeleton-color: var(--splash-ui-primitives-sbn-color-gray-700);
  --splash-ui-component-skeleton-opacity-start: 0.075;
  --splash-ui-component-skeleton-opacity-end: 0.15;
  --splash-ui-component-skeleton-text-height-x-small: var(--splash-ui-primitives-sbn-size-2);
  --splash-ui-component-skeleton-text-height-x-large: var(--splash-ui-primitives-sbn-size-10);
  --splash-ui-component-skeleton-text-height-large: var(--splash-ui-primitives-sbn-size-8);
  --splash-ui-component-skeleton-text-height-medium: var(--splash-ui-primitives-sbn-size-6);
  --splash-ui-component-skeleton-text-height-small: var(--splash-ui-primitives-sbn-size-4);
  --splash-ui-component-skeleton-text-height-xx-large: var(--splash-ui-primitives-sbn-size-12);
  --splash-ui-component-skeleton-text-border-radius: var(
    --splash-ui-component-skeleton-text-height-xx-large
  );
  --splash-ui-component-skeleton-circle-size-x-small: var(--splash-ui-primitives-sbn-size-12);
  --splash-ui-component-skeleton-circle-size-small: var(--splash-ui-primitives-sbn-size-16);
  --splash-ui-component-skeleton-circle-size-medium: var(--splash-ui-primitives-sbn-size-20);
  --splash-ui-component-skeleton-circle-size-large: var(--splash-ui-primitives-sbn-size-24);
  --splash-ui-component-skeleton-circle-size-x-large: var(--splash-ui-primitives-sbn-size-32);
  --splash-ui-component-skeleton-circle-size-xx-large: var(--splash-ui-primitives-sbn-size-40);
  --splash-ui-component-skeleton-circle-border-radius: var(
    --splash-ui-component-skeleton-circle-size-xx-large
  );
  --splash-ui-component-skeleton-box-height-x-small: var(--splash-ui-primitives-sbn-size-14);
  --splash-ui-component-skeleton-box-height-small: var(--splash-ui-primitives-sbn-size-18);
  --splash-ui-component-skeleton-box-height-medium: var(--splash-ui-primitives-sbn-size-24);
  --splash-ui-component-skeleton-box-height-large: var(--splash-ui-primitives-sbn-size-32);
  --splash-ui-component-skeleton-box-height-x-large: var(--splash-ui-primitives-sbn-size-36);
  --splash-ui-component-skeleton-box-height-xx-large: var(--splash-ui-primitives-sbn-size-40);
  --splash-ui-component-skeleton-box-border-radius: var(
    --splash-ui-semantic-primitives-border-radius-medium
  );
  --splash-ui-component-tag-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-tag-font-size-small: 0.875rem;
  --splash-ui-component-tag-font-size-medium: 1rem;
  --splash-ui-component-tag-font-color-default: var(
    --splash-ui-semantic-primitives-typography-font-color-default
  );
  --splash-ui-component-tag-font-color-danger-inverted: var(
    --splash-ui-semantic-primitives-typography-font-color-inverted
  );
  --splash-ui-component-tag-font-color-danger: var(
    --splash-ui-semantic-primitives-typography-font-color-default
  );
  --splash-ui-component-tag-font-color-positive: var(
    --splash-ui-semantic-primitives-typography-font-color-default
  );
  --splash-ui-component-tag-font-color-warning: var(
    --splash-ui-semantic-primitives-typography-font-color-default
  );
  --splash-ui-component-tag-font-color-neutral: var(
    --splash-ui-semantic-primitives-typography-font-color-default
  );
  --splash-ui-component-tag-font-color-alternative: var(
    --splash-ui-semantic-primitives-typography-font-color-default
  );
  --splash-ui-component-tag-font-color-positive-inverted: var(
    --splash-ui-semantic-primitives-typography-font-color-inverted
  );
  --splash-ui-component-tag-font-weight-default: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-tag-font-weight-bold: var(
    --splash-ui-semantic-primitives-typography-font-weight-bold
  );
  --splash-ui-component-tag-background-color-default: var(
    --splash-ui-primitives-sbn-color-indigo-200
  );
  --splash-ui-component-tag-background-color-danger: var(--splash-ui-primitives-sbn-color-red-300);
  --splash-ui-component-tag-background-color-danger-inverted: var(
    --splash-ui-semantic-primitives-color-background-danger-inverted
  );
  --splash-ui-component-tag-background-color-positive: var(
    --splash-ui-primitives-sbn-color-green-300
  );
  --splash-ui-component-tag-background-color-warning: var(
    --splash-ui-primitives-sbn-color-gold-200
  );
  --splash-ui-component-tag-background-color-neutral: var(
    --splash-ui-primitives-sbn-color-brown-200
  );
  --splash-ui-component-tag-background-color-alternative: var(
    --splash-ui-semantic-primitives-color-data-5-soft
  );
  --splash-ui-component-tag-background-color-positive-inverted: var(
    --splash-ui-semantic-primitives-color-background-success-inverted
  );
  --splash-ui-component-tag-border-radius: var(
    --splash-ui-semantic-primitives-border-radius-medium
  );
  --splash-ui-component-tag-padding-horizontal-small: var(--splash-ui-primitives-sbn-size-3);
  --splash-ui-component-tag-padding-horizontal-medium: var(--splash-ui-primitives-sbn-size-4);
  --splash-ui-component-tag-padding-vertical-small: var(--splash-ui-primitives-sbn-size-1);
  --splash-ui-component-tag-padding-vertical-medium: var(--splash-ui-primitives-sbn-size-1);
  --splash-ui-component-tag-icon-size-medium: var(--splash-ui-semantic-primitives-size-icon-small);
  --splash-ui-component-tag-icon-size-small: var(--splash-ui-semantic-primitives-size-icon-x-small);
  --splash-ui-component-tag-icon-spacing-small: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-tag-icon-spacing-medium: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-tag-icon-color-default: var(
    --splash-ui-semantic-primitives-color-icon-default
  );
  --splash-ui-component-tag-icon-color-danger: var(
    --splash-ui-semantic-primitives-color-icon-danger
  );
  --splash-ui-component-tag-icon-color-danger-inverted: var(
    --splash-ui-semantic-primitives-color-icon-inverted
  );
  --splash-ui-component-tag-icon-color-positive: var(
    --splash-ui-semantic-primitives-color-icon-success
  );
  --splash-ui-component-tag-icon-color-warning: var(
    --splash-ui-semantic-primitives-color-icon-warning
  );
  --splash-ui-component-tag-icon-color-neutral: var(--splash-ui-primitives-sbn-color-brown-800);
  --splash-ui-component-tag-icon-color-alternative: var(
    --splash-ui-semantic-primitives-color-data-5-strong
  );
  --splash-ui-component-tag-icon-color-positive-inverted: var(
    --splash-ui-semantic-primitives-color-icon-inverted
  );
  --splash-ui-component-table-row-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-table-row-background-color-alternate: var(
    --splash-ui-primitives-sbn-color-indigo-50
  );
  --splash-ui-component-table-row-background-color-strong: var(
    --splash-ui-primitives-sbn-color-indigo-100
  );
  --splash-ui-component-table-row-background-color-transparent: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-table-row-divider-color: var(--splash-ui-primitives-sbn-color-gray-200);
  --splash-ui-component-table-border-color: var(--splash-ui-primitives-sbn-color-gray-200);
  --splash-ui-component-table-border-radius: var(
    --splash-ui-semantic-primitives-border-radius-medium
  );
  --splash-ui-component-table-border-width: var(
    --splash-ui-semantic-primitives-border-width-default
  );
  --splash-ui-component-table-header-background-color-default: var(
    --splash-ui-primitives-sbn-color-indigo-100
  );
  --splash-ui-component-table-header-background-color-neutral: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-table-header-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-table-header-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-table-header-font-size: 0.875rem;
  --splash-ui-component-table-header-font-color: var(
    --splash-ui-primitives-spv-color-grayalpha-700
  );
  --splash-ui-component-table-cell-padding-horizontal-medium: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-table-cell-padding-horizontal-large: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-table-cell-padding-horizontal-small: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-table-cell-padding-horizontal-none: var(
    --splash-ui-semantic-primitives-spacing-component-none
  );
  --splash-ui-component-table-cell-padding-vertical-medium: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-table-cell-padding-vertical-large: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-table-cell-padding-vertical-small: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-table-cell-padding-vertical-none: var(
    --splash-ui-semantic-primitives-spacing-component-none
  );
  --splash-ui-component-table-footer-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-table-footer-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-table-footer-font-size: 0.875rem;
  --splash-ui-component-table-footer-font-color: var(--splash-ui-primitives-sbn-color-gray-800);
  --splash-ui-component-table-footer-background-color: var(
    --splash-ui-primitives-sbn-color-gray-75
  );
  --splash-ui-component-table-gradient-color-stop-0: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-table-gradient-color-stop-50: var(
    --splash-ui-primitives-sbn-color-grayalpha-25
  );
  --splash-ui-component-table-gradient-color-stop-100: var(
    --splash-ui-primitives-sbn-color-grayalpha-300
  );
  --splash-ui-component-table-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-table-background-color-transparent: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-layout-header-spacing-desktop: var(
    --splash-ui-semantic-primitives-spacing-layout-small
  );
  --splash-ui-component-layout-header-spacing-tablet: var(
    --splash-ui-semantic-primitives-spacing-layout-small
  );
  --splash-ui-component-layout-header-spacing-mobile: var(
    --splash-ui-semantic-primitives-spacing-layout-x-small
  );
  --splash-ui-component-layout-content-max-width-full: var(
    --splash-ui-semantic-primitives-layout-content-max-width-full
  );
  --splash-ui-component-layout-content-max-width-narrow: 40rem;
  --splash-ui-component-layout-content-max-width-default: 52.5rem;
  --splash-ui-component-layout-content-gap: var(--splash-ui-primitives-sbn-size-20);
  --splash-ui-component-layout-padding-desktop: var(--splash-ui-primitives-sbn-size-10);
  --splash-ui-component-layout-padding-tablet: var(--splash-ui-primitives-sbn-size-8);
  --splash-ui-component-layout-padding-mobile: var(--splash-ui-primitives-sbn-size-8);
  --splash-ui-component-context-menu-padding: var(--splash-ui-component-box-padding-x-small);
  --splash-ui-component-context-menu-divider-width: 0.0625rem;
  --splash-ui-component-context-menu-divider-color: var(
    --splash-ui-semantic-primitives-color-border-divider
  );
  --splash-ui-component-context-menu-divider-margin: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-context-menu-item-font-size-medium: var(
    --splash-ui-breakpoints-text-size-text-medium
  );
  --splash-ui-component-context-menu-item-font-size-large: var(
    --splash-ui-breakpoints-text-size-text-large
  );
  --splash-ui-component-context-menu-item-font-weight-semi-bold: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-context-menu-item-font-weight-regular: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-context-menu-item-font-weight-bold: var(
    --splash-ui-semantic-primitives-typography-font-weight-bold
  );
  --splash-ui-component-context-menu-item-font-color-default: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-context-menu-item-font-color-metadata: var(
    --splash-ui-semantic-primitives-color-text-soft
  );
  --splash-ui-component-context-menu-item-font-color-disabled: var(
    --splash-ui-semantic-primitives-color-text-disabled
  );
  --splash-ui-component-context-menu-item-font-color-selected-metadata: var(
    --splash-ui-semantic-primitives-color-text-inverted
  );
  --splash-ui-component-context-menu-item-font-color-selected: var(
    --splash-ui-semantic-primitives-color-text-inverted
  );
  --splash-ui-component-context-menu-item-font-color-hover: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-context-menu-item-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-context-menu-item-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-context-menu-item-background-color-hover: var(
    --splash-ui-primitives-sbn-color-indigo-75
  );
  --splash-ui-component-context-menu-item-background-color-selected: var(
    --splash-ui-primitives-sbn-color-indigo-1000
  );
  --splash-ui-component-context-menu-item-background-color-selected-hover: var(
    --splash-ui-primitives-sbn-color-indigo-800
  );
  --splash-ui-component-context-menu-item-border-radius: var(
    --splash-ui-semantic-primitives-border-radius-medium
  );
  --splash-ui-component-context-menu-item-padding-horizontal: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-context-menu-item-padding-vertical: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-context-menu-item-margin-vertical: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-context-menu-item-size-x-small: 1rem;
  --splash-ui-component-context-menu-item-size-small: 1.25rem;
  --splash-ui-component-context-menu-item-size-medium: 1.5rem;
  --splash-ui-component-context-menu-item-size-large: 1.875rem;
  --splash-ui-component-context-menu-item-icon-margin: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-context-menu-item-icon-color: var(
    --splash-ui-semantic-primitives-color-icon-default
  );
  --splash-ui-component-context-menu-item-min-height: var(--splash-ui-primitives-sbn-size-20);
  --splash-ui-component-context-menu-background-color: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-context-menu-border-radius: var(
    --splash-ui-semantic-primitives-border-radius-x-large
  );
  --splash-ui-component-context-menu-shadow-shadow-top-color: var(
    --splash-ui-primitives-sbn-shadow-300-top-color
  );
  --splash-ui-component-context-menu-shadow-shadow-top-x: var(
    --splash-ui-primitives-sbn-shadow-300-top-x
  );
  --splash-ui-component-context-menu-shadow-shadow-top-y: var(
    --splash-ui-primitives-sbn-shadow-300-top-y
  );
  --splash-ui-component-context-menu-shadow-shadow-top-blur: var(
    --splash-ui-primitives-sbn-shadow-300-top-blur
  );
  --splash-ui-component-context-menu-shadow-shadow-top-spread: var(
    --splash-ui-primitives-sbn-shadow-300-top-spread
  );
  --splash-ui-component-context-menu-shadow-shadow-bottom-color: var(
    --splash-ui-primitives-sbn-shadow-300-bottom-color
  );
  --splash-ui-component-context-menu-shadow-shadow-bottom-x: var(
    --splash-ui-primitives-sbn-shadow-300-bottom-x
  );
  --splash-ui-component-context-menu-shadow-shadow-bottom-y: var(
    --splash-ui-primitives-sbn-shadow-300-bottom-y
  );
  --splash-ui-component-context-menu-shadow-shadow-bottom-blur: var(
    --splash-ui-primitives-sbn-shadow-300-bottom-blur
  );
  --splash-ui-component-context-menu-shadow-shadow-bottom-spread: var(
    --splash-ui-primitives-sbn-shadow-300-bottom-spread
  );
  --splash-ui-component-context-menu-group-padding-bottom: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-context-menu-group-title-padding-top: var(
    --splash-ui-semantic-primitives-padding-medium
  );
  --splash-ui-component-context-menu-group-title-padding-right: var(
    --splash-ui-component-context-menu-item-padding-horizontal
  );
  --splash-ui-component-context-menu-group-title-padding-left: var(
    --splash-ui-component-context-menu-item-padding-horizontal
  );
  --splash-ui-component-context-menu-group-title-padding-bottom: var(
    --splash-ui-semantic-primitives-padding-x-small
  );
  --splash-ui-component-context-menu-group-title-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-context-menu-group-title-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-context-menu-group-title-font-color: var(
    --splash-ui-semantic-primitives-color-text-soft
  );
  --splash-ui-component-context-menu-group-title-font-size: var(
    --splash-ui-semantic-primitives-size-font-x-small
  );
  --splash-ui-component-context-menu-group-title-divider-width: 0.0625rem;
  --splash-ui-component-context-menu-group-title-divider-color: var(
    --splash-ui-semantic-primitives-color-border-divider
  );
  --splash-ui-component-context-menu-group-title-divider-gap: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-step-indicator-mini-title-count-font-color: var(
    --splash-ui-semantic-primitives-color-text-soft
  );
  --splash-ui-component-step-indicator-mini-title-count-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-step-indicator-mini-title-font-color: var(
    --splash-ui-semantic-primitives-color-text-soft
  );
  --splash-ui-component-step-indicator-mini-title-font-size: var(
    --splash-ui-breakpoints-text-size-text-x-small
  );
  --splash-ui-component-step-indicator-mini-title-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-step-indicator-mini-title-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-step-indicator-mini-title-margin: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-step-indicator-mini-step-color-default: var(
    --splash-ui-primitives-sbn-color-gray-700
  );
  --splash-ui-component-step-indicator-mini-step-color-active: var(
    --splash-ui-primitives-sbn-color-indigo-900
  );
  --splash-ui-component-step-indicator-mini-step-color-visited: var(
    --splash-ui-primitives-sbn-color-indigo-900
  );
  --splash-ui-component-step-indicator-mini-step-width-default: var(
    --splash-ui-primitives-sbn-size-12
  );
  --splash-ui-component-step-indicator-mini-step-width-active: var(
    --splash-ui-primitives-sbn-size-12
  );
  --splash-ui-component-step-indicator-mini-step-width-visited: var(
    --splash-ui-primitives-sbn-size-12
  );
  --splash-ui-component-step-indicator-mini-step-height-default: 0.0625rem;
  --splash-ui-component-step-indicator-mini-step-height-active: 0.4375rem;
  --splash-ui-component-step-indicator-mini-step-height-visited: 0.1875rem;
  --splash-ui-component-step-indicator-mini-step-margin: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-step-indicator-mini-step-border-radius: var(
    --splash-ui-semantic-primitives-border-radius-medium
  );
  --splash-ui-component-step-indicator-vertical-step-dot-color-visited: var(
    --splash-ui-primitives-sbn-color-gray-700
  );
  --splash-ui-component-step-indicator-vertical-step-dot-color-active: var(
    --splash-ui-primitives-sbn-color-indigo-900
  );
  --splash-ui-component-step-indicator-vertical-step-dot-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-step-indicator-vertical-step-dot-size-default: var(
    --splash-ui-primitives-sbn-size-6
  );
  --splash-ui-component-step-indicator-vertical-step-dot-size-active: 1.125rem;
  --splash-ui-component-step-indicator-vertical-step-dot-size-visited: var(
    --splash-ui-primitives-sbn-size-6
  );
  --splash-ui-component-step-indicator-vertical-step-dot-border-width: var(
    --splash-ui-semantic-primitives-border-width-bold
  );
  --splash-ui-component-step-indicator-vertical-step-dot-border-color-default: var(
    --splash-ui-primitives-sbn-color-gray-700
  );
  --splash-ui-component-step-indicator-vertical-step-dot-border-color-active: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-step-indicator-vertical-step-dot-border-color-visited: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-step-indicator-vertical-step-margin: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-step-indicator-vertical-step-border-radius: var(
    --splash-ui-semantic-primitives-border-radius-medium
  );
  --splash-ui-component-step-indicator-vertical-step-label-font-color-visited: var(
    --splash-ui-semantic-primitives-color-text-soft
  );
  --splash-ui-component-step-indicator-vertical-step-label-font-color-default: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-step-indicator-vertical-step-label-font-color-active: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-step-indicator-vertical-step-label-font-size: var(
    --splash-ui-breakpoints-text-size-text-medium
  );
  --splash-ui-component-step-indicator-vertical-step-label-font-weight-active: var(
    --splash-ui-semantic-primitives-typography-font-weight-bold
  );
  --splash-ui-component-step-indicator-vertical-step-label-font-weight-default: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-step-indicator-vertical-step-label-font-weight-visited: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-step-indicator-vertical-step-label-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-step-indicator-vertical-step-label-margin: var(
    --splash-ui-semantic-primitives-spacing-component-medium
  );
  --splash-ui-component-step-indicator-vertical-step-label-padding-top: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-step-indicator-vertical-step-label-padding-bottom: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-step-indicator-vertical-step-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-step-indicator-vertical-step-focus-outline-width: var(
    --splash-ui-semantic-primitives-border-width-bold
  );
  --splash-ui-component-step-indicator-vertical-step-padding-horizontal: var(
    --splash-ui-semantic-primitives-spacing-component-medium
  );
  --splash-ui-component-step-indicator-vertical-step-min-height: var(
    --splash-ui-primitives-sbn-size-22
  );
  --splash-ui-component-step-indicator-vertical-step-readonly-padding-horizontal: var(
    --splash-ui-semantic-primitives-spacing-component-medium
  );
  --splash-ui-component-step-indicator-vertical-box-header-count-font-color: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-step-indicator-vertical-box-header-count-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-step-indicator-vertical-box-header-font-color: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-step-indicator-vertical-box-header-font-size: var(
    --splash-ui-breakpoints-text-size-text-medium
  );
  --splash-ui-component-step-indicator-vertical-box-header-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-bold
  );
  --splash-ui-component-step-indicator-vertical-box-header-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-step-indicator-vertical-box-header-margin: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-step-indicator-vertical-box-background-color: var(
    --splash-ui-component-box-soft-background-color-default
  );
  --splash-ui-component-step-indicator-vertical-box-border-color: var(
    --splash-ui-component-box-soft-border-color-default
  );
  --splash-ui-component-step-indicator-vertical-box-border-radius: var(
    --splash-ui-semantic-primitives-border-radius-medium
  );
  --splash-ui-component-step-indicator-vertical-box-border-width: var(
    --splash-ui-semantic-primitives-border-width-default
  );
  --splash-ui-component-step-indicator-vertical-box-body-padding-vertical: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-step-indicator-vertical-track-color-default: var(
    --splash-ui-primitives-sbn-color-gray-700
  );
  --splash-ui-component-step-indicator-vertical-track-color-visited: var(
    --splash-ui-primitives-sbn-color-gray-700
  );
  --splash-ui-component-step-indicator-vertical-track-border-width: var(
    --splash-ui-semantic-primitives-border-width-bold
  );
  --splash-ui-component-nudge-border-radius: var(
    --splash-ui-semantic-primitives-border-radius-x-large
  );
  --splash-ui-component-nudge-border-width: var(
    --splash-ui-semantic-primitives-border-width-default
  );
  --splash-ui-component-nudge-border-color-hover: var(--splash-ui-primitives-sbn-color-gray-400);
  --splash-ui-component-nudge-border-color-default: var(--splash-ui-primitives-sbn-color-gray-300);
  --splash-ui-component-nudge-background-color-default: var(
    --splash-ui-primitives-sbn-color-gray-25
  );
  --splash-ui-component-nudge-background-color-hover: var(--splash-ui-primitives-sbn-color-gray-10);
  --splash-ui-component-nudge-padding-top: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-nudge-padding-bottom: var(
    --splash-ui-semantic-primitives-spacing-component-medium
  );
  --splash-ui-component-nudge-padding-left: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-nudge-padding-right: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-nudge-visual-margin: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-nudge-button-margin: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-nudge-title-font-size-x-small: var(
    --splash-ui-breakpoints-text-size-heading-x-small
  );
  --splash-ui-component-nudge-title-font-size-small: var(
    --splash-ui-breakpoints-text-size-heading-small
  );
  --splash-ui-component-nudge-title-font-size-medium: var(
    --splash-ui-breakpoints-text-size-heading-small
  );
  --splash-ui-component-nudge-title-font-size-large: var(
    --splash-ui-breakpoints-text-size-heading-small
  );
  --splash-ui-component-nudge-title-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-heading
  );
  --splash-ui-component-nudge-title-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-heading
  );
  --splash-ui-component-nudge-title-font-color: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-nudge-body-font-size-x-small: var(
    --splash-ui-breakpoints-text-size-text-x-small
  );
  --splash-ui-component-nudge-body-font-size-small: var(
    --splash-ui-breakpoints-text-size-text-small
  );
  --splash-ui-component-nudge-body-font-size-medium: var(
    --splash-ui-breakpoints-text-size-text-small
  );
  --splash-ui-component-nudge-body-font-size-large: var(
    --splash-ui-breakpoints-text-size-text-small
  );
  --splash-ui-component-nudge-body-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-nudge-body-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-nudge-body-font-color: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-nudge-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-nudge-focus-outline-width-focus: var(
    --splash-ui-semantic-primitives-border-width-bold
  );
  --splash-ui-component-action-list-padding: var(--splash-ui-component-box-padding-xx-small);
  --splash-ui-component-action-list-item-spacing: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-action-list-item-title-font-size-medium: 1rem;
  --splash-ui-component-action-list-item-title-font-size-large: 1.25rem;
  --splash-ui-component-action-list-item-title-font-size-x-small: 1rem;
  --splash-ui-component-action-list-item-title-font-size-small: 1rem;
  --splash-ui-component-action-list-item-title-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-action-list-item-title-font-color: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-action-list-item-title-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-action-list-item-padding-horizontal: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-action-list-item-padding-vertical: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-action-list-item-visual-min-height: 2rem;
  --splash-ui-component-action-list-item-visual-margin-vertical: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-action-list-item-visual-icon-size-x-small: 1rem;
  --splash-ui-component-action-list-item-visual-icon-size-small: 1.25rem;
  --splash-ui-component-action-list-item-visual-icon-size-medium: 1.5rem;
  --splash-ui-component-action-list-item-visual-icon-size-large: 1.875rem;
  --splash-ui-component-action-list-item-main-column-padding-vertical: var(
    --splash-ui-semantic-primitives-spacing-component-none
  );
  --splash-ui-component-divider-stroke-size: 0.0625rem;
  --splash-ui-component-divider-color-default: var(--splash-ui-primitives-spv-color-grayalpha-100);
  --splash-ui-component-divider-color-dotted: var(--splash-ui-primitives-spv-color-grayalpha-200);
  --splash-ui-component-stack-gap-xxx-small: var(
    --splash-ui-semantic-primitives-spacing-component-xxx-small
  );
  --splash-ui-component-stack-gap-none: var(--splash-ui-semantic-primitives-spacing-component-none);
  --splash-ui-component-stack-gap-xx-small: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-stack-gap-x-small: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-stack-gap-small: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-stack-gap-medium: var(
    --splash-ui-semantic-primitives-spacing-component-medium
  );
  --splash-ui-component-stack-gap-large: var(
    --splash-ui-semantic-primitives-spacing-component-large
  );
  --splash-ui-component-stack-gap-x-large: var(
    --splash-ui-semantic-primitives-spacing-component-x-large
  );
  --splash-ui-component-stack-gap-xx-large: var(
    --splash-ui-semantic-primitives-spacing-component-xx-large
  );
  --splash-ui-component-stack-gap-xxx-large: var(
    --splash-ui-semantic-primitives-spacing-component-xxx-large
  );
  --splash-ui-component-slider-track-height: var(--splash-ui-primitives-sbn-size-4);
  --splash-ui-component-slider-track-color-inactive: var(
    --splash-ui-primitives-sbn-color-indigo-200
  );
  --splash-ui-component-slider-track-color-active: var(--splash-ui-primitives-sbn-color-indigo-900);
  --splash-ui-component-slider-track-color-inactive-disabled: var(
    --splash-ui-primitives-sbn-color-grayalpha-200
  );
  --splash-ui-component-slider-track-color-active-disabled: var(
    --splash-ui-primitives-sbn-color-gray-300
  );
  --splash-ui-component-slider-track-border-radius: var(
    --splash-ui-semantic-primitives-border-radius-small
  );
  --splash-ui-component-slider-handle-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-slider-handle-background-color-disabled: var(
    --splash-ui-primitives-sbn-color-gray-100
  );
  --splash-ui-component-slider-handle-border-width: 0.125rem;
  --splash-ui-component-slider-handle-border-color-default: var(
    --splash-ui-primitives-sbn-color-indigo-800
  );
  --splash-ui-component-slider-handle-border-color-disabled: var(
    --splash-ui-primitives-sbn-color-gray-300
  );
  --splash-ui-component-slider-handle-size-medium: 1.875rem;
  --splash-ui-component-slider-handle-size-small: 1.125rem;
  --splash-ui-component-slider-handle-shadow-default-color: var(
    --splash-ui-semantic-primitives-shadow-ui-handle-color
  );
  --splash-ui-component-slider-handle-shadow-default-x: var(
    --splash-ui-semantic-primitives-shadow-ui-handle-x
  );
  --splash-ui-component-slider-handle-shadow-default-y: var(
    --splash-ui-semantic-primitives-shadow-ui-handle-y
  );
  --splash-ui-component-slider-handle-shadow-default-blur: var(
    --splash-ui-semantic-primitives-shadow-ui-handle-blur
  );
  --splash-ui-component-slider-handle-shadow-default-spread: var(
    --splash-ui-semantic-primitives-shadow-ui-handle-spread
  );
  --splash-ui-component-slider-handle-shadow-disabled-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-slider-handle-shadow-disabled-x: 0;
  --splash-ui-component-slider-handle-shadow-disabled-y: 0;
  --splash-ui-component-slider-handle-shadow-disabled-blur: 0;
  --splash-ui-component-slider-handle-shadow-disabled-spread: 0;
  --splash-ui-component-slider-button-margin: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-slider-button-color-default: var(
    --splash-ui-primitives-sbn-color-indigo-900
  );
  --splash-ui-component-slider-button-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-slider-max-width-x-small: 7rem;
  --splash-ui-component-slider-max-width-small: 10rem;
  --splash-ui-component-slider-max-width-medium: 15rem;
  --splash-ui-component-slider-max-width-large: 31.25rem;
  --splash-ui-component-slider-max-width-x-large: 56.25rem;
  --splash-ui-component-datatable-item-spacing: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-datatable-item-divider-width: 0.0625rem;
  --splash-ui-component-datatable-item-divider-color: var(
    --splash-ui-semantic-primitives-color-border-divider
  );
  --splash-ui-component-datatable-item-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-datatable-item-background-color-hover: var(
    --splash-ui-primitives-sbn-color-indigo-75
  );
  --splash-ui-component-datatable-item-background-color-selected: var(
    --splash-ui-primitives-sbn-color-indigo-100
  );
  --splash-ui-component-datatable-item-border-radius: var(
    --splash-ui-semantic-primitives-border-radius-small
  );
  --splash-ui-component-datatable-item-padding-horizontal: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-datatable-item-padding-vertical: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-datatable-item-action-column-min-width: var(
    --splash-ui-semantic-primitives-spacing-component-large
  );
  --splash-ui-component-datatable-item-action-column-min-height: var(
    --splash-ui-semantic-primitives-spacing-component-large
  );
  --splash-ui-component-company-header-background-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-percent-bar-size-small: var(--splash-ui-primitives-sbn-size-2);
  --splash-ui-component-percent-bar-size-medium: var(--splash-ui-primitives-sbn-size-4);
  --splash-ui-component-percent-bar-size-large: var(--splash-ui-primitives-sbn-size-10);
  --splash-ui-component-percent-bar-background-color-default: var(
    --splash-ui-primitives-sbn-color-grayalpha-200
  );
  --splash-ui-component-percent-bar-background-color-alternative: var(
    --splash-ui-primitives-sbn-color-indigo-200
  );
  --splash-ui-component-percent-bar-background-color-neutral: var(
    --splash-ui-primitives-sbn-color-grayalpha-200
  );
  --splash-ui-component-percent-bar-background-color-brand: var(
    --splash-ui-primitives-sbn-color-grayalpha-200
  );
  --splash-ui-component-percent-bar-foreground-color-default: var(
    --splash-ui-primitives-sbn-color-indigo-900
  );
  --splash-ui-component-percent-bar-foreground-color-alternative: var(
    --splash-ui-primitives-sbn-color-indigo-700
  );
  --splash-ui-component-percent-bar-foreground-color-neutral: var(
    --splash-ui-primitives-sbn-color-gray-700
  );
  --splash-ui-component-percent-bar-foreground-color-brand: var(
    --splash-ui-primitives-sbn-color-global-brand
  );
  --splash-ui-component-percent-bar-border-radius-small: var(
    --splash-ui-semantic-primitives-border-radius-x-small
  );
  --splash-ui-component-percent-bar-border-radius-medium: var(
    --splash-ui-semantic-primitives-border-radius-medium
  );
  --splash-ui-component-percent-bar-border-radius-large: var(
    --splash-ui-semantic-primitives-border-radius-medium
  );
  --splash-ui-component-expansion-panel-header-padding-top: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-expansion-panel-header-padding-bottom: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-expansion-panel-header-padding-left: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-expansion-panel-header-padding-right: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-expansion-panel-header-title-font-size-small: 1rem;
  --splash-ui-component-expansion-panel-header-title-font-size-medium: 1.125rem;
  --splash-ui-component-expansion-panel-header-title-font-size-large: 1.25rem;
  --splash-ui-component-expansion-panel-header-title-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-expansion-panel-header-title-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-bold
  );
  --splash-ui-component-expansion-panel-header-title-font-color: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-expansion-panel-header-subtitle-font-size-small: 0.875rem;
  --splash-ui-component-expansion-panel-header-subtitle-font-size-medium: 0.875rem;
  --splash-ui-component-expansion-panel-header-subtitle-font-size-large: 1rem;
  --splash-ui-component-expansion-panel-header-subtitle-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-expansion-panel-header-subtitle-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-expansion-panel-header-subtitle-font-color: var(
    --splash-ui-semantic-primitives-color-text-soft
  );
  --splash-ui-component-expansion-panel-header-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-expansion-panel-header-background-color-hover: var(
    --splash-ui-primitives-sbn-color-indigo-75
  );
  --splash-ui-component-expansion-panel-header-border-radius: var(
    --splash-ui-semantic-primitives-border-radius-large
  );
  --splash-ui-component-expansion-panel-header-focus-outline-width: var(
    --splash-ui-semantic-primitives-border-width-bold
  );
  --splash-ui-component-expansion-panel-header-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-expansion-panel-body-padding-top: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-expansion-panel-body-padding-bottom: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-expansion-panel-body-padding-left: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-expansion-panel-body-padding-right: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-expansion-panel-padding: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-expand-button-padding: 1rem;
  --splash-ui-component-expand-button-border-radius: 2.75rem;
  --splash-ui-component-expand-button-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-expand-button-background-color-hover: var(
    --splash-ui-primitives-sbn-color-grayalpha-50
  );
  --splash-ui-component-expand-button-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-expand-button-focus-outline-width: var(
    --splash-ui-semantic-primitives-border-width-bold
  );
  --splash-ui-component-expand-button-icon-size-medium: var(
    --splash-ui-semantic-primitives-size-icon-x-small
  );
  --splash-ui-component-expand-button-icon-size-large: var(
    --splash-ui-semantic-primitives-size-icon-small
  );
  --splash-ui-component-expand-button-icon-color-default: var(
    --splash-ui-semantic-primitives-color-icon-default
  );
  --splash-ui-component-expand-button-icon-color-inverted: var(
    --splash-ui-semantic-primitives-color-icon-inverted
  );
  --splash-ui-component-expand-button-icon-color-hover: var(
    --splash-ui-semantic-primitives-color-icon-strong
  );
  --splash-ui-component-expand-button-icon-color-inverted-hover: var(
    --splash-ui-semantic-primitives-color-icon-inverted
  );
  --splash-ui-component-tabs-tab-background-color-active-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-tabs-tab-background-color-active-alternative: var(
    --splash-ui-semantic-primitives-color-background-default
  );
  --splash-ui-component-tabs-tab-background-color-inactive-default: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-tabs-tab-background-color-inactive-hover: var(
    --splash-ui-primitives-sbn-color-grayalpha-100
  );
  --splash-ui-component-tabs-tab-border-color-active: var(
    --splash-ui-primitives-sbn-color-gray-700
  );
  --splash-ui-component-tabs-tab-border-color-default: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-tabs-tab-border-width-default: 0;
  --splash-ui-component-tabs-tab-border-width-active: 0.0625rem;
  --splash-ui-component-tabs-tab-border-radius: var(
    --splash-ui-semantic-primitives-border-radius-x-large
  );
  --splash-ui-component-tabs-tab-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-tabs-tab-focus-outline-width: 0.125rem;
  --splash-ui-component-tabs-tab-padding-top: var(
    --splash-ui-semantic-primitives-spacing-component-xxx-small
  );
  --splash-ui-component-tabs-tab-padding-left: var(
    --splash-ui-semantic-primitives-spacing-component-xxx-small
  );
  --splash-ui-component-tabs-tab-padding-bottom: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-tabs-tab-padding-right: var(
    --splash-ui-semantic-primitives-spacing-component-xxx-small
  );
  --splash-ui-component-tabs-tab-label-padding-horizontal: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-tabs-tab-label-padding-vertical: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-tabs-tab-label-icon-margin: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-tabs-tab-label-icon-size: var(
    --splash-ui-semantic-primitives-size-icon-large
  );
  --splash-ui-component-tabs-tab-label-title-font-weight-default: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-tabs-tab-label-title-font-weight-active: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-tabs-tab-label-title-font-size-small: 0.875rem;
  --splash-ui-component-tabs-tab-label-title-font-size-medium: 1rem;
  --splash-ui-component-tabs-tab-label-title-font-size-large: 1.125rem;
  --splash-ui-component-tabs-tab-label-title-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-tabs-tab-label-title-font-color-default: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-tabs-tab-label-subtitle-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-tabs-tab-label-subtitle-font-size: var(
    --splash-ui-semantic-primitives-size-font-x-small
  );
  --splash-ui-component-tabs-tab-label-subtitle-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-tabs-tab-label-subtitle-font-color-default: var(
    --splash-ui-semantic-primitives-color-text-soft
  );
  --splash-ui-component-tabs-border-color: var(--splash-ui-primitives-sbn-color-gray-700);
  --splash-ui-component-tabs-border-width: 0.0625rem;
  --splash-ui-component-tabs-padding-horizontal-medium: var(
    --splash-ui-semantic-primitives-spacing-component-medium
  );
  --splash-ui-component-tabs-padding-horizontal-large: var(
    --splash-ui-semantic-primitives-spacing-component-large
  );
  --splash-ui-component-tabs-padding-horizontal-small: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-tabs-padding-vertical-small: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-tabs-padding-vertical-large: var(
    --splash-ui-semantic-primitives-spacing-component-large
  );
  --splash-ui-component-tabs-padding-vertical-medium: var(
    --splash-ui-semantic-primitives-spacing-component-medium
  );
  --splash-ui-component-tabs-tab-panel-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-tabs-tab-panel-background-color-alternative: var(
    --splash-ui-semantic-primitives-color-background-default
  );
  --splash-ui-component-tabs-tab-panel-padding-x-large: var(
    --splash-ui-semantic-primitives-spacing-component-x-large
  );
  --splash-ui-component-tabs-tab-panel-padding-medium: var(
    --splash-ui-semantic-primitives-spacing-component-medium
  );
  --splash-ui-component-tabs-tab-panel-padding-small: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-tabs-tab-panel-padding-xxx-small: var(
    --splash-ui-semantic-primitives-spacing-component-xxx-small
  );
  --splash-ui-component-tabs-tab-panel-padding-xx-small: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-tabs-tab-panel-padding-large: var(
    --splash-ui-semantic-primitives-spacing-component-large
  );
  --splash-ui-component-tabs-tab-panel-padding-x-small: var(
    --splash-ui-semantic-primitives-spacing-component-x-small
  );
  --splash-ui-component-tabs-tab-panel-padding-none: var(
    --splash-ui-semantic-primitives-spacing-component-none
  );
  --splash-ui-component-tabs-tab-panel-outlined-border-width: var(
    --splash-ui-semantic-primitives-border-width-none
  );
  --splash-ui-component-tabs-tab-panel-outlined-border-color: var(
    --splash-ui-primitives-sbn-color-gray-700
  );
  --splash-ui-component-faq-item-divider-width: 0.0625rem;
  --splash-ui-component-faq-item-divider-color: var(
    --splash-ui-semantic-primitives-color-border-divider
  );
  --splash-ui-component-faq-item-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-faq-item-background-color-hover: var(
    --splash-ui-primitives-sbn-color-grayalpha-50
  );
  --splash-ui-component-faq-item-background-color-expanded: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-faq-item-background-color-active: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-faq-item-border-radius: var(
    --splash-ui-component-accordion-item-border-radius
  );
  --splash-ui-component-faq-item-padding-horizontal: var(
    --splash-ui-component-accordion-item-padding-horizontal
  );
  --splash-ui-component-faq-item-padding-vertical: var(
    --splash-ui-component-accordion-item-padding-vertical
  );
  --splash-ui-component-faq-item-main-column-padding-vertical: var(
    --splash-ui-component-accordion-item-main-column-padding-vertical
  );
  --splash-ui-component-faq-item-action-column-min-width: var(
    --splash-ui-component-accordion-item-action-column-min-width
  );
  --splash-ui-component-faq-item-action-column-min-height: var(
    --splash-ui-component-accordion-item-action-column-min-height
  );
  --splash-ui-component-faq-item-title-font-weight-default: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-faq-item-title-font-weight-active: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-faq-item-title-font-color: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-faq-item-title-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-faq-item-title-font-size: 1rem;
  --splash-ui-component-faq-item-body-padding-top: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-faq-item-body-padding-right: var(
    --splash-ui-semantic-primitives-spacing-component-none
  );
  --splash-ui-component-faq-item-body-padding-bottom: var(
    --splash-ui-semantic-primitives-spacing-component-large
  );
  --splash-ui-component-faq-item-body-padding-left: var(
    --splash-ui-semantic-primitives-spacing-component-none
  );
  --splash-ui-component-faq-item-spacing: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-faq-item-focus-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-faq-item-focus-width: var(
    --splash-ui-semantic-primitives-border-width-bold
  );
  --splash-ui-component-faq-header-padding-horizontal: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-faq-header-padding-vertical: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-faq-header-title-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-bold
  );
  --splash-ui-component-faq-header-title-font-color: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-faq-header-title-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-heading
  );
  --splash-ui-component-faq-header-title-font-size: var(
    --splash-ui-semantic-primitives-size-font-x-large
  );
  --splash-ui-component-faq-header-subtitle-font-color: var(
    --splash-ui-semantic-primitives-color-text-default
  );
  --splash-ui-component-faq-header-subtitle-font-family: var(
    --splash-ui-semantic-primitives-typography-font-family-body
  );
  --splash-ui-component-faq-header-subtitle-font-size: var(
    --splash-ui-semantic-primitives-size-font-small
  );
  --splash-ui-component-faq-header-subtitle-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-faq-footer-padding-horizontal: var(
    --splash-ui-semantic-primitives-spacing-component-small
  );
  --splash-ui-component-faq-footer-padding-vertical: var(
    --splash-ui-semantic-primitives-spacing-component-xx-small
  );
  --splash-ui-component-link-button-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-link-button-focus-outline-width: 0.125rem;
  --splash-ui-component-link-button-font-weight: var(
    --splash-ui-semantic-primitives-typography-font-weight-semi-bold
  );
  --splash-ui-component-link-button-font-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-link-button-font-color-hover: var(
    --splash-ui-primitives-sbn-color-red-1100
  );
  --splash-ui-component-link-button-font-color-active: var(
    --splash-ui-primitives-sbn-color-red-1100
  );
  --splash-ui-component-link-button-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-link-button-font-size-small: var(
    --splash-ui-component-button-font-size-small
  );
  --splash-ui-component-link-button-font-size-medium: var(
    --splash-ui-component-button-font-size-medium
  );
  --splash-ui-component-link-button-font-size-large: var(
    --splash-ui-component-button-font-size-large
  );
  --splash-ui-component-link-button-min-height-small: var(
    --splash-ui-component-button-min-height-small
  );
  --splash-ui-component-link-button-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-link-button-min-height-large: var(
    --splash-ui-component-button-min-height-large
  );
  --splash-ui-component-link-button-padding-horizontal-small: var(
    --splash-ui-component-button-padding-horizontal-none
  );
  --splash-ui-component-link-button-padding-horizontal-medium: var(
    --splash-ui-component-button-padding-horizontal-none
  );
  --splash-ui-component-link-button-padding-horizontal-large: var(
    --splash-ui-component-button-padding-horizontal-none
  );
  --splash-ui-component-link-button-padding-vertical-small: var(
    --splash-ui-component-button-padding-vertical-small
  );
  --splash-ui-component-link-button-padding-vertical-medium: var(
    --splash-ui-component-button-padding-vertical-medium
  );
  --splash-ui-component-link-button-padding-vertical-large: var(
    --splash-ui-component-button-padding-vertical-large
  );
  --splash-ui-component-link-button-border-weight: var(
    --splash-ui-semantic-primitives-border-width-default
  );
  --splash-ui-component-link-button-border-color-default: var(
    --splash-ui-primitives-sbn-color-red-1400
  );
  --splash-ui-component-link-button-border-color-hover: var(
    --splash-ui-primitives-sbn-color-red-1100
  );
  --splash-ui-component-link-button-border-color-active: var(
    --splash-ui-primitives-sbn-color-red-1100
  );
  --splash-ui-component-link-button-border-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-link-button-inverted-font-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-link-button-inverted-font-color-hover: var(
    --splash-ui-primitives-sbn-color-indigo-100
  );
  --splash-ui-component-link-button-inverted-font-color-active: var(
    --splash-ui-primitives-sbn-color-indigo-100
  );
  --splash-ui-component-link-button-inverted-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-link-button-inverted-border-color-default: var(
    --splash-ui-primitives-sbn-color-global-white
  );
  --splash-ui-component-link-button-inverted-border-color-hover: var(
    --splash-ui-primitives-sbn-color-indigo-100
  );
  --splash-ui-component-link-button-inverted-border-color-active: var(
    --splash-ui-primitives-sbn-color-indigo-100
  );
  --splash-ui-component-link-button-inverted-border-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-page-control-button-dot-size: 0.5rem;
  --splash-ui-component-page-control-button-dot-color-inactive: var(
    --splash-ui-primitives-sbn-color-dark-red-alpha-20
  );
  --splash-ui-component-page-control-button-dot-color-active: var(
    --splash-ui-primitives-sbn-color-brown-900
  );
  --splash-ui-component-page-control-button-dot-border-radius: 0.25rem;
  --splash-ui-component-page-control-padding-vertical: 0.5rem;
  --splash-ui-component-page-control-padding-horizontal: 0.25rem;
  --splash-ui-component-page-control-background-color: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-page-control-border-radius: 6.1875rem;
  --splash-ui-component-select-input-select-width-small: var(--splash-ui-primitives-sbn-size-48);
  --splash-ui-component-select-input-select-width-medium: var(--splash-ui-primitives-sbn-size-64);
  --splash-ui-component-select-input-select-width-large: var(--splash-ui-primitives-sbn-size-80);
  --splash-ui-component-tutorial-max-width-small: 25rem;
  --splash-ui-component-tutorial-max-width-medium: 31.25rem;
  --splash-ui-component-tutorial-max-width-large: 50rem;
  --splash-ui-component-search-bar-padding-top: var(
    --splash-ui-semantic-primitives-padding-xx-small
  );
  --splash-ui-component-search-bar-padding-right: var(
    --splash-ui-semantic-primitives-padding-xx-small
  );
  --splash-ui-component-search-bar-padding-bottom: var(
    --splash-ui-semantic-primitives-padding-xx-small
  );
  --splash-ui-component-search-bar-padding-left: var(--splash-ui-semantic-primitives-padding-large);
  --splash-ui-component-search-bar-background-color-default: var(
    --splash-ui-component-input-background-color-default
  );
  --splash-ui-component-search-bar-background-color-disabled: var(
    --splash-ui-component-input-background-color-disabled
  );
  --splash-ui-component-search-bar-border-width: var(
    --splash-ui-semantic-primitives-border-width-default
  );
  --splash-ui-component-search-bar-border-color-default: var(
    --splash-ui-component-input-border-color-default
  );
  --splash-ui-component-search-bar-border-color-hover: var(
    --splash-ui-component-input-border-color-hover
  );
  --splash-ui-component-search-bar-border-color-active: var(
    --splash-ui-component-input-border-color-active
  );
  --splash-ui-component-search-bar-border-color-danger: var(
    --splash-ui-component-input-border-color-danger
  );
  --splash-ui-component-search-bar-border-color-disabled: var(
    --splash-ui-component-input-border-color-default
  );
  --splash-ui-component-search-bar-border-radius: 6.1875rem;
  --splash-ui-component-search-bar-font-family: var(--splash-ui-component-input-font-family);
  --splash-ui-component-search-bar-font-color-default: var(
    --splash-ui-component-input-font-color-default
  );
  --splash-ui-component-search-bar-font-color-placeholder: var(
    --splash-ui-component-input-font-color-placeholder
  );
  --splash-ui-component-search-bar-font-color-disabled: var(
    --splash-ui-component-input-font-color-disabled
  );
  --splash-ui-component-search-bar-font-size: var(--splash-ui-component-input-font-size-medium);
  --splash-ui-component-search-bar-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-search-bar-focus-outline-width-focus: var(
    --splash-ui-semantic-primitives-border-width-bold
  );
  --splash-ui-component-breakout-none: 0;
  --splash-ui-component-breakout-xxx-small: var(--splash-ui-primitives-sbn-size-1);
  --splash-ui-component-breakout-xx-small: var(--splash-ui-primitives-sbn-size-2);
  --splash-ui-component-breakout-x-small: var(--splash-ui-primitives-sbn-size-4);
  --splash-ui-component-breakout-small: var(--splash-ui-primitives-sbn-size-6);
  --splash-ui-component-breakout-medium: var(--splash-ui-primitives-sbn-size-8);
  --splash-ui-component-breakout-large: var(--splash-ui-primitives-sbn-size-12);
  --splash-ui-component-breakout-x-large: var(--splash-ui-primitives-sbn-size-16);
  --splash-ui-component-breakout-xx-large: var(--splash-ui-primitives-sbn-size-20);
  --splash-ui-component-breakout-xxx-large: var(--splash-ui-primitives-sbn-size-24);
  --splash-ui-component-header-button-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-header-button-focus-outline-width: 0.125rem;
  --splash-ui-component-header-button-font-weight-active: var(
    --splash-ui-semantic-primitives-typography-font-weight-bold
  );
  --splash-ui-component-header-button-font-weight-default: var(
    --splash-ui-semantic-primitives-typography-font-weight-regular
  );
  --splash-ui-component-header-button-font-color-default: var(
    --splash-ui-semantic-primitives-color-brand-contrast
  );
  --splash-ui-component-header-button-font-color-hover: var(
    --splash-ui-primitives-sbn-color-red-1300
  );
  --splash-ui-component-header-button-font-color-active: var(
    --splash-ui-primitives-sbn-color-red-1300
  );
  --splash-ui-component-header-button-font-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-header-button-font-size-medium: var(
    --splash-ui-component-button-font-size-medium
  );
  --splash-ui-component-header-button-font-size-large: 1.25rem;
  --splash-ui-component-header-button-icon-color-default: var(
    --splash-ui-semantic-primitives-color-brand-contrast
  );
  --splash-ui-component-header-button-icon-color-hover: var(
    --splash-ui-primitives-sbn-color-red-1300
  );
  --splash-ui-component-header-button-icon-color-active: var(
    --splash-ui-primitives-sbn-color-red-1300
  );
  --splash-ui-component-header-button-icon-color-disabled: var(
    --splash-ui-component-button-disabled-font-color
  );
  --splash-ui-component-header-button-icon-margin-large: 0.25rem;
  --splash-ui-component-header-button-icon-margin-medium: 0.25rem;
  --splash-ui-component-header-button-min-height-medium: var(
    --splash-ui-component-button-min-height-medium
  );
  --splash-ui-component-header-button-min-height-large: var(
    --splash-ui-component-button-min-height-large
  );
  --splash-ui-component-header-button-padding-horizontal-medium: 0.75rem;
  --splash-ui-component-header-button-padding-horizontal-large: 0.75rem;
  --splash-ui-component-header-button-padding-vertical-medium: 0.5rem;
  --splash-ui-component-header-button-padding-vertical-large: 0.5rem;
  --splash-ui-component-header-button-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-header-button-background-color-hover: var(
    --splash-ui-primitives-sbn-color-brown-100
  );
  --splash-ui-component-header-button-background-color-active: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-header-button-background-color-disabled: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-header-button-border-radius-large: var(
    --splash-ui-component-button-border-radius-large
  );
  --splash-ui-component-header-button-border-radius-medium: var(
    --splash-ui-component-button-border-radius-medium
  );
  --splash-ui-component-header-icon-button-padding-horizontal-small: 0.5rem;
  --splash-ui-component-header-icon-button-padding-horizontal-medium: 0.625rem;
  --splash-ui-component-header-icon-button-padding-horizontal-large: 0.75rem;
  --splash-ui-component-header-icon-button-padding-vertical-small: 0.5rem;
  --splash-ui-component-header-icon-button-padding-vertical-medium: 0.625rem;
  --splash-ui-component-header-icon-button-padding-vertical-large: 0.75rem;
  --splash-ui-component-header-icon-button-background-color-default: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-header-icon-button-background-color-hover: var(
    --splash-ui-primitives-sbn-color-brown-100
  );
  --splash-ui-component-header-icon-button-background-color-active: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-header-icon-button-background-color-disabled: var(
    --splash-ui-primitives-sbn-color-global-transparent
  );
  --splash-ui-component-header-icon-button-icon-color-default: var(
    --splash-ui-component-header-button-icon-color-default
  );
  --splash-ui-component-header-icon-button-icon-color-disabled: var(
    --splash-ui-component-button-disabled-icon-color
  );
  --splash-ui-component-header-icon-button-icon-color-hover: var(
    --splash-ui-component-header-button-icon-color-hover
  );
  --splash-ui-component-header-icon-button-icon-color-active: var(
    --splash-ui-component-header-button-icon-color-hover
  );
  --splash-ui-component-header-icon-button-icon-size-large: var(
    --splash-ui-semantic-primitives-size-icon-large
  );
  --splash-ui-component-header-icon-button-icon-size-medium: var(
    --splash-ui-semantic-primitives-size-icon-medium
  );
  --splash-ui-component-header-icon-button-icon-size-small: var(
    --splash-ui-semantic-primitives-size-icon-small
  );
  --splash-ui-component-header-icon-button-border-radius: var(
    --splash-ui-component-button-border-radius-large
  );
  --splash-ui-component-header-icon-button-focus-outline-color: var(
    --splash-ui-semantic-primitives-color-border-focus
  );
  --splash-ui-component-header-icon-button-focus-outline-width: 0.125rem;
  --splash-ui-component-header-icon-button-size: var(--splash-ui-component-button-min-height-large);
}