/**
 * Montserrat — Self-hosted @font-face declarations.
 *
 * Weights shipped: 400 (Regular), 700 (Bold), 900 (Black).
 * Subsets: latin + latin-ext (covers French and European Latin extensions).
 *
 * `font-display: swap` → Arial briefly renders while the woff2 loads.
 * Graceful fallback chain: "Montserrat", Arial, sans-serif.
 *
 * License: SIL Open Font License 1.1 (see ./fonts/LICENSE.txt).
 * Source: https://github.com/JulietaUla/Montserrat
 *
 * The url() paths resolve against this file's location both in dev
 * (src/global/fonts.css → ./fonts/) and in the bundled output
 * (dist/design-system/design-system.css → ./fonts/), because
 * stencil.config.ts copies src/global/fonts/ to dist/design-system/fonts/.
 */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/montserrat-400-latin.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/montserrat-400-latin-ext.woff2") format("woff2");
  unicode-range:
    U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./fonts/montserrat-700-latin.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./fonts/montserrat-700-latin-ext.woff2") format("woff2");
  unicode-range:
    U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("./fonts/montserrat-900-latin.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("./fonts/montserrat-900-latin-ext.woff2") format("woff2");
  unicode-range:
    U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/**
 * Global font-family tokens.
 *
 * Handwritten — NOT auto-generated by the Style Dictionary pipeline.
 * When the Figma-sourced token system gains font-family primitives, these
 * tokens should be promoted into the auto-generated tokens.css output.
 *
 * Usage: reference these variables from component tokens.css files and
 * from typography utility classes instead of hardcoding the literal chain.
 *   font-family: var(--sp-font-display);   // headings, titles, display
 *   font-family: var(--sp-font-sans);      // body copy, UI labels
 *
 * The fallback chain degrades gracefully:
 *   - `--sp-font-display`: Montserrat (loaded via fonts.css) → Arial → sans-serif
 *   - `--sp-font-sans`: Arial → sans-serif
 */

:root {
  --sp-font-sans: Arial, sans-serif;
  --sp-font-display: "Montserrat", Arial, sans-serif;
}

@layer sp-design-system.base {
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {

  overflow: visible;
}

button,
select {

  text-transform: none;
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

}
.sp-display-uppercase-xxl {
  font-family: var(--sp-font-display);
  font-size: var(--font-size-48, 3rem);
  font-weight: 900;
  line-height: var(--line-height-56, 56px);
  letter-spacing: 0;
  text-transform: uppercase;
}

.sp-display-uppercase-xl {
  font-family: var(--sp-font-display);
  font-size: var(--font-size-40, 2.5rem);
  font-weight: 900;
  line-height: var(--line-height-48, 48px);
  letter-spacing: 0;
  text-transform: uppercase;
}

.sp-display-uppercase-l {
  font-family: var(--sp-font-display);
  font-size: var(--font-size-32, 2rem);
  font-weight: 900;
  line-height: var(--line-height-40, 40px);
  letter-spacing: 0;
  text-transform: uppercase;
}

.sp-display-uppercase-m {
  font-family: var(--sp-font-display);
  font-size: var(--font-size-24, 1.5rem);
  font-weight: 900;
  line-height: var(--line-height-32, 32px);
  letter-spacing: 0;
  text-transform: uppercase;
}

.sp-display-uppercase-s {
  font-family: var(--sp-font-display);
  font-size: var(--font-size-20, 1.25rem);
  font-weight: 900;
  line-height: var(--line-height-24, 24px);
  letter-spacing: 0;
  text-transform: uppercase;
}

.sp-display-lowercase-xxl {
  font-family: var(--sp-font-display);
  font-size: var(--font-size-48, 3rem);
  font-weight: 900;
  line-height: var(--line-height-56, 56px);
  letter-spacing: 0;
}

.sp-display-lowercase-xl {
  font-family: var(--sp-font-display);
  font-size: var(--font-size-40, 2.5rem);
  font-weight: 900;
  line-height: var(--line-height-48, 48px);
  letter-spacing: 0;
}

.sp-display-lowercase-l {
  font-family: var(--sp-font-display);
  font-size: var(--font-size-32, 2rem);
  font-weight: 900;
  line-height: var(--line-height-40, 40px);
  letter-spacing: 0;
}

.sp-display-lowercase-m {
  font-family: var(--sp-font-display);
  font-size: var(--font-size-24, 1.5rem);
  font-weight: 900;
  line-height: var(--line-height-32, 32px);
  letter-spacing: 0;
}

.sp-display-lowercase-s {
  font-family: var(--sp-font-display);
  font-size: var(--font-size-20, 1.25rem);
  font-weight: 900;
  line-height: var(--line-height-24, 24px);
  letter-spacing: 0;
}

.sp-title-bold-xl {
  font-family: var(--sp-font-display);
  font-size: var(--font-size-18, 1.125rem);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0;
}

.sp-title-bold-l {
  font-family: var(--sp-font-display);
  font-size: var(--font-size-16, 1rem);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0;
}

.sp-title-bold-m {
  font-family: var(--sp-font-display);
  font-size: var(--font-size-14, 0.875rem);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0;
}

.sp-title-bold-s {
  font-family: var(--sp-font-display);
  font-size: var(--font-size-12, 0.75rem);
  font-weight: 700;
  line-height: var(--line-height-24, 24px);
  letter-spacing: 0;
}

.sp-body-regular-xxl {
  font-family: var(--sp-font-sans);
  font-size: var(--font-size-20, 1.25rem);
  font-weight: 400;
  line-height: var(--line-height-28, 28px);
  letter-spacing: 0;
}

.sp-body-regular-xl {
  font-family: var(--sp-font-sans);
  font-size: var(--font-size-18, 1.125rem);
  font-weight: 400;
  line-height: var(--line-height-24, 24px);
  letter-spacing: 0;
}

.sp-body-regular-l {
  font-family: var(--sp-font-sans);
  font-size: var(--font-size-16, 1rem);
  font-weight: 400;
  line-height: var(--line-height-24, 24px);
  letter-spacing: 0;
}

.sp-body-regular-m {
  font-family: var(--sp-font-sans);
  font-size: var(--font-size-14, 0.875rem);
  font-weight: 400;
  line-height: var(--line-height-20, 20px);
  letter-spacing: 0;
}

.sp-body-regular-s {
  font-family: var(--sp-font-sans);
  font-size: var(--font-size-12, 0.75rem);
  font-weight: 400;
  line-height: var(--line-height-16, 16px);
  letter-spacing: 0;
}

.sp-body-regular-xs {
  font-family: var(--sp-font-sans);
  font-size: var(--font-size-10, 0.625rem);
  font-weight: 400;
  line-height: var(--line-height-12, 12px);
  letter-spacing: 0;
}

.sp-body-bold-xxl {
  font-family: var(--sp-font-sans);
  font-size: var(--font-size-20, 1.25rem);
  font-weight: 700;
  line-height: var(--line-height-28, 28px);
  letter-spacing: 0;
}

.sp-body-bold-xl {
  font-family: var(--sp-font-sans);
  font-size: var(--font-size-18, 1.125rem);
  font-weight: 700;
  line-height: var(--line-height-24, 24px);
  letter-spacing: 0;
}

.sp-body-bold-l {
  font-family: var(--sp-font-sans);
  font-size: var(--font-size-16, 1rem);
  font-weight: 700;
  line-height: var(--line-height-24, 24px);
  letter-spacing: 0;
}

.sp-body-bold-m {
  font-family: var(--sp-font-sans);
  font-size: var(--font-size-14, 0.875rem);
  font-weight: 700;
  line-height: var(--line-height-20, 20px);
  letter-spacing: 0;
}

.sp-body-bold-s {
  font-family: var(--sp-font-sans);
  font-size: var(--font-size-12, 0.75rem);
  font-weight: 700;
  line-height: var(--line-height-16, 16px);
  letter-spacing: 0;
}

.sp-body-bold-xs {
  font-family: var(--sp-font-sans);
  font-size: var(--font-size-10, 0.625rem);
  font-weight: 700;
  line-height: var(--line-height-12, 12px);
  letter-spacing: 0;
}

.sp-body-bold-uppercase-xxl {
  font-family: var(--sp-font-display);
  font-size: var(--font-size-20, 1.25rem);
  font-weight: 700;
  line-height: var(--line-height-24, 24px);
  letter-spacing: 0;
  text-transform: uppercase;
}

.sp-body-bold-uppercase-xl {
  font-family: var(--sp-font-display);
  font-size: var(--font-size-18, 1.125rem);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: uppercase;
}

.sp-body-bold-uppercase-l {
  font-family: var(--sp-font-display);
  font-size: var(--font-size-16, 1rem);
  font-weight: 700;
  line-height: var(--line-height-24, 24px);
  letter-spacing: 0;
  text-transform: uppercase;
}

.sp-body-bold-uppercase-m {
  font-family: var(--sp-font-display);
  font-size: var(--font-size-14, 0.875rem);
  font-weight: 700;
  line-height: var(--line-height-24, 24px);
  letter-spacing: 0;
  text-transform: uppercase;
}

.sp-body-bold-uppercase-s {
  font-family: var(--sp-font-display);
  font-size: var(--font-size-12, 0.75rem);
  font-weight: 700;
  line-height: var(--line-height-24, 24px);
  letter-spacing: 0;
  text-transform: uppercase;
}

.sp-body-bold-uppercase-xs {
  font-family: var(--sp-font-display);
  font-size: var(--font-size-10, 0.625rem);
  font-weight: 700;
  line-height: var(--line-height-24, 24px);
  letter-spacing: 0;
  text-transform: uppercase;
}

:root {
  --focus-outline-width: 1px;
  --focus-outline-style: dashed;
  --focus-outline-color: var(--general-border-focus, #096c90);
  --focus-outline: var(--focus-outline-width) var(--focus-outline-style)
    var(--focus-outline-color);
  --focus-outline-offset: var(--spacing-004, 4px);
  --focus-border-radius: 6px;
}


/**
 * Auto-generated by @sp/tokens-sync — DO NOT EDIT MANUALLY.
 *
 * Source : Figma REST API (variables/local).
 * Files merged : 2
 *
 * Override via cascade CSS standard :
 *   :root { --color-red-500: #other; }
 */

:root {
  /* ── color (834) ──────────────────────── */
  --accordion-background: var(--general-background-primary-inverted);
  --accordion-border: var(--general-border-tertiary-lighter);
  --accordion-item-active-icon: var(--general-icon-secondary);
  --accordion-item-active-text: var(--general-text-secondary);
  --accordion-item-active-title: var(--general-text-secondary);
  --accordion-item-default-icon: var(--general-icon-secondary-light);
  --accordion-item-default-title: var(--general-text-secondary);
  --accordion-item-disable-icon: var(--general-icon-disable);
  --accordion-item-disable-title: var(--general-text-disable);
  --accordion-item-hover-background: var(--general-background-secondary-inverted);
  --accordion-item-hover-icon: var(--general-icon-secondary);
  --accordion-item-hover-title: var(--general-text-secondary);
  --accordion-item-keyboard-focus-background: var(--general-background-secondary-inverted);
  --accordion-item-keyboard-focus-stroke: var(--general-border-focus);
  --avatar-initials-active-background: var(--color-grey-950);
  --avatar-initials-active-border: var(--general-border-primary);
  --avatar-initials-active-text: var(--general-text-primary-reversed);
  --avatar-initials-default-background: var(--color-grey-950);
  --avatar-initials-default-text: var(--general-text-primary-reversed);
  --avatar-initials-disable-background: var(--color-grey-950);
  --avatar-initials-disable-text: var(--general-text-secondary-light);
  --avatar-initials-hover-background: var(--color-grey-950);
  --avatar-initials-hover-border: var(--color-red-600);
  --avatar-initials-hover-text: var(--general-text-primary-reversed);
  --avatar-photo-active-border: var(--general-border-primary);
  --avatar-photo-hover-border: var(--color-red-600);
  --back-default-chevron: var(--general-icon-secondary-light);
  --back-default-text: var(--general-text-secondary-light);
  --back-hover-chevron: var(--general-icon-secondary);
  --back-hover-text: var(--general-text-secondary);
  --back-keyboard-focus-chevron: var(--general-icon-secondary);
  --back-keyboard-focus-stroke: var(--general-border-focus);
  --back-keyboard-focus-text: var(--general-text-secondary);
  --badge-primary-filled-active-background: var(--general-background-primary);
  --badge-primary-filled-active-value: var(--general-text-primary-reversed);
  --badge-primary-filled-disable-background: var(--general-background-disable);
  --badge-primary-filled-disable-value: var(--general-text-disable);
  --badge-primary-outlined-active-border: var(--general-border-primary);
  --badge-primary-outlined-active-value: var(--general-text-primary);
  --badge-primary-outlined-disable-border: var(--general-border-disable);
  --badge-primary-outlined-disable-value: var(--general-text-disable);
  --badge-secondary-filled-active-background: var(--general-background-secondary);
  --badge-secondary-filled-active-value: var(--general-text-primary-reversed);
  --badge-secondary-filled-disable-background: var(--general-background-disable);
  --badge-secondary-filled-disable-value: var(--general-text-disable);
  --badge-secondary-outlined-active-border: var(--general-border-secondary);
  --badge-secondary-outlined-active-value: var(--general-text-secondary);
  --badge-secondary-outlined-disable-border: var(--general-border-disable);
  --badge-secondary-outlined-disable-value: var(--general-text-disable);
  --badge-tertiary-filled-active-background: var(--general-background-primary-inverted);
  --badge-tertiary-filled-active-value: var(--general-text-secondary);
  --badge-tertiary-filled-disable-background: var(--general-background-disable);
  --badge-tertiary-filled-disable-value: var(--general-text-disable);
  --badge-tertiary-outlined-active-border: var(--general-border-secondary-inverted);
  --badge-tertiary-outlined-active-value: var(--general-text-primary-reversed);
  --badge-tertiary-outlined-disable-border: var(--general-border-disable);
  --badge-tertiary-outlined-disable-value: var(--general-text-disable);
  --bottombar-dark-bar-background: var(--color-grey-900);
  --bottombar-dark-menuitem-icon-item-active-background: var(--color-grey-950);
  --bottombar-dark-menuitem-icon-item-active-icon: var(--general-icon-primary);
  --bottombar-dark-menuitem-icon-item-default-background: var(--color-transparency-light-000);
  --bottombar-dark-menuitem-icon-item-default-icon: var(--color-grey-200);
  --bottombar-dark-menuitem-icon-item-disable-icon: var(--color-grey-600);
  --bottombar-light-container-background: var(--general-background-secondary-inverted);
  --bottombar-light-container-plein-gradient-background: var(--color-grey-025);
  --bottombar-light-container-transparent-gradient-background: #fafafa00;
  --bottombar-light-menuitem-icon-item-active-background: var(--general-background-secondary-inverted);
  --bottombar-light-menuitem-icon-item-active-icon: var(--general-icon-primary);
  --bottombar-light-menuitem-icon-item-default-background: var(--color-transparency-dark-000);
  --bottombar-light-menuitem-icon-item-default-icon: var(--general-icon-secondary-light);
  --bottombar-light-menuitem-icon-item-disable-icon: var(--general-icon-disable);
  --bottombar-light-menuitem-user-item-default-background: var(--color-transparency-dark-000);
  --breadcrumb-active-text: var(--general-text-primary);
  --breadcrumb-default-chevron: var(--general-icon-secondary-light);
  --breadcrumb-default-icon: var(--general-icon-secondary-light);
  --breadcrumb-default-text: var(--general-text-secondary-light);
  --breadcrumb-hover-chevron: var(--general-icon-secondary-light);
  --breadcrumb-hover-icon: var(--general-icon-secondary);
  --breadcrumb-hover-text: var(--general-text-secondary);
  --breadcrumb-keyboard-focus-chevron: var(--general-icon-secondary-light);
  --breadcrumb-keyboard-focus-icon: var(--general-icon-secondary);
  --breadcrumb-keyboard-focus-stroke: var(--general-border-focus);
  --breadcrumb-keyboard-focus-text: var(--general-text-secondary);
  --button-ghost-default-icon: var(--general-icon-secondary-light);
  --button-ghost-default-text: var(--general-text-secondary-light);
  --button-ghost-disable-icon: var(--general-icon-disable);
  --button-ghost-disable-text: var(--general-text-disable);
  --button-ghost-hover-background: var(--general-background-disable);
  --button-ghost-hover-icon: var(--general-icon-secondary);
  --button-ghost-hover-text: var(--general-text-secondary);
  --button-ghost-keyboard-focus-stroke: var(--general-border-focus);
  --button-primary-default-background: var(--general-background-primary);
  --button-primary-default-icon: var(--button-primary-default-label);
  --button-primary-default-label: var(--general-text-primary-reversed);
  --button-primary-disable-background: var(--general-background-disable);
  --button-primary-disable-icon: var(--general-icon-disable);
  --button-primary-disable-label: var(--general-text-disable);
  --button-primary-hover-background: var(--color-red-600);
  --button-primary-hover-icon: var(--button-primary-default-icon);
  --button-primary-keyboard-focus-background: var(--color-red-600);
  --button-primary-keyboard-focus-icon: var(--button-primary-default-icon);
  --button-primary-keyboard-focus-stroke: var(--general-border-primary);
  --button-secondary-default-border: var(--general-border-secondary);
  --button-secondary-default-icon: var(--general-icon-secondary-light);
  --button-secondary-default-label: var(--general-text-secondary);
  --button-secondary-disable-border: var(--general-border-disable);
  --button-secondary-disable-icon: var(--general-icon-disable);
  --button-secondary-hover-border: var(--general-border-secondary);
  --button-secondary-hover-icon: var(--general-icon-secondary);
  --button-secondary-hover-label: var(--general-text-secondary);
  --button-secondary-keyboard-focus-icon: var(--general-icon-secondary);
  --button-secondary-keyboard-focus-label: var(--general-text-secondary);
  --button-secondary-keyboard-focus-stroke: var(--general-border-focus);
  --buttongroup-default-background: var(--general-background-primary-inverted);
  --buttongroup-default-border: var(--general-border-tertiary-lighter);
  --buttongroup-default-icon: var(--general-icon-secondary-light);
  --buttongroup-default-label: var(--general-text-secondary-light);
  --buttongroup-disable-background: var(--general-background-primary-inverted);
  --buttongroup-disable-border: var(--general-border-tertiary-lighter);
  --buttongroup-disable-icon: var(--general-icon-disable);
  --buttongroup-disable-label: var(--general-text-disable);
  --buttongroup-hover-background: var(--general-background-secondary-inverted);
  --buttongroup-hover-border: var(--general-border-tertiary-lighter);
  --buttongroup-hover-icon: var(--general-icon-secondary);
  --buttongroup-hover-label: var(--general-text-secondary);
  --buttongroup-keyboard-focus-background: var(--general-background-secondary-inverted);
  --buttongroup-keyboard-focus-icon: var(--general-icon-secondary);
  --buttongroup-keyboard-focus-label: var(--general-text-secondary);
  --buttongroup-keyboard-focus-stroke: var(--general-border-focus);
  --card-background: var(--general-brand-white);
  --card-border: var(--general-border-tertiary-light);
  --checkbox-active-label: var(--general-text-secondary);
  --checkbox-active-secondary-text: var(--general-text-secondary-light);
  --checkbox-box-active-background: var(--color-cyan-700);
  --checkbox-box-active-icon: var(--general-icon-primary-reversed);
  --checkbox-box-default-background: var(--color-grey-000);
  --checkbox-box-default-border: var(--general-border-tertiary);
  --checkbox-box-default-icon: var(--color-transparency-dark-000);
  --checkbox-box-disable-background: var(--general-background-disable);
  --checkbox-box-disable-border: var(--general-border-disable);
  --checkbox-box-disable-icon: var(--general-icon-disable);
  --checkbox-box-hover-background: var(--color-grey-000);
  --checkbox-box-hover-border: var(--general-border-secondary);
  --checkbox-box-hover-icon: var(--general-icon-disable);
  --checkbox-box-keyboard-focus-background: var(--color-grey-000);
  --checkbox-box-keyboard-focus-border: var(--general-border-secondary);
  --checkbox-box-keyboard-focus-icon: var(--general-icon-disable);
  --checkbox-box-keyboard-focus-stroke: var(--general-border-focus);
  --checkbox-default-label: var(--general-text-secondary);
  --checkbox-default-secondary-text: var(--general-text-secondary-light);
  --checkbox-disable-label: var(--general-text-disable);
  --checkbox-disable-secondary-text: var(--general-text-disable);
  --checkbox-hover-label: var(--general-text-secondary);
  --checkbox-hover-secondary-text: var(--general-text-secondary-light);
  --chips-primary-active-background: var(--color-cyan-700);
  --chips-primary-active-hover-background: var(--color-cyan-800);
  --chips-primary-active-hover-icon: var(--general-brand-white);
  --chips-primary-active-hover-primary-text: var(--general-brand-white);
  --chips-primary-active-hover-secondary-text: var(--color-cyan-300);
  --chips-primary-active-icon: var(--general-brand-white);
  --chips-primary-active-primary-text: var(--general-brand-white);
  --chips-primary-active-secondary-text: var(--color-cyan-300);
  --chips-primary-default-background: var(--color-cyan-100);
  --chips-primary-default-icon: var(--general-brand-tertiary);
  --chips-primary-default-primary-text: var(--general-brand-tertiary);
  --chips-primary-default-secondary-text: var(--color-cyan-600);
  --chips-primary-disable-background: var(--general-background-disable);
  --chips-primary-disable-icon: var(--general-icon-disable);
  --chips-primary-disable-primary-text: var(--general-text-disable);
  --chips-primary-hover-background: var(--color-cyan-200);
  --chips-primary-hover-icon: var(--general-brand-tertiary);
  --chips-primary-hover-primary-text: var(--general-brand-tertiary);
  --chips-primary-hover-secondary-text: var(--color-cyan-600);
  --chips-primary-keyboard-focus-background: var(--color-cyan-200);
  --chips-primary-keyboard-focus-icon: var(--general-brand-tertiary);
  --chips-primary-keyboard-focus-primary-text: var(--general-brand-tertiary);
  --chips-primary-keyboard-focus-secondary-text: var(--color-cyan-600);
  --chips-primary-keyboard-focus-stroke: var(--general-border-focus);
  --chips-secondary-active-background: var(--color-grey-100);
  --chips-secondary-active-icon: var(--general-icon-secondary);
  --chips-secondary-active-primary-text: var(--general-text-secondary);
  --chips-secondary-active-secondary-text: var(--general-text-secondary);
  --chips-secondary-activehover-background: var(--color-grey-150);
  --chips-secondary-activehover-icon: var(--general-icon-secondary);
  --chips-secondary-activehover-primary-text: var(--general-text-secondary);
  --chips-secondary-activehover-secondary-text: var(--general-text-secondary);
  --chips-secondary-default-background: var(--color-grey-050);
  --chips-secondary-default-icon: var(--general-icon-secondary-light);
  --chips-secondary-default-primary-text: var(--general-text-secondary);
  --chips-secondary-default-secondary-text: var(--general-text-secondary-light);
  --chips-secondary-disable-background: var(--general-background-disable);
  --chips-secondary-disable-icon: var(--general-icon-disable);
  --chips-secondary-disable-primary-text: var(--general-text-disable);
  --chips-secondary-disable-secondary-text: var(--general-text-disable);
  --chips-secondary-hover-background: var(--color-grey-100);
  --chips-secondary-hover-icon: var(--general-icon-secondary);
  --chips-secondary-hover-primary-text: var(--general-text-secondary);
  --chips-secondary-hover-secondary-text: var(--general-text-secondary);
  --chips-secondary-keyboard-focus-background: var(--color-grey-100);
  --chips-secondary-keyboard-focus-icon: var(--general-icon-secondary);
  --chips-secondary-keyboard-focus-primary-text: var(--general-text-secondary);
  --chips-secondary-keyboard-focus-secondary-text: var(--general-text-secondary);
  --chips-secondary-keyboard-focus-stroke: var(--general-border-focus);
  --color-blue-050: #e6eefd;
  --color-blue-100: #cfdffb;
  --color-blue-150: #b6d0f9;
  --color-blue-200: #9fc0f7;
  --color-blue-300: #72a1f3;
  --color-blue-400: #4383ef;
  --color-blue-500: #1463eb;
  --color-blue-600: #1050bc;
  --color-blue-700: #0c3b8d;
  --color-blue-800: #08275c;
  --color-blue-850: #061d45;
  --color-blue-900: #04132e;
  --color-blue-950: #020a17;
  --color-brand-background: #f7f5f2;
  --color-brand-primary: var(--color-red-500);
  --color-brand-primary-light: #ff464e;
  --color-brand-secondary: var(--color-grey-850);
  --color-brand-tertiary: var(--color-cyan-800);
  --color-brand-tertiary-light: var(--color-cyan-700);
  --color-brand-white: #ffffff;
  --color-cyan-050: #e7f7fd;
  --color-cyan-100: #cff0fc;
  --color-cyan-150: #b7e8fa;
  --color-cyan-200: #9fe1f9;
  --color-cyan-300: #6fd2f6;
  --color-cyan-400: #3fc1f3;
  --color-cyan-500: #0ea5dd;
  --color-cyan-600: #0c8fc0;
  --color-cyan-700: #096c90;
  --color-cyan-800: #064760;
  --color-cyan-850: #053648;
  --color-cyan-900: #032330;
  --color-cyan-950: #021218;
  --color-green-050: #edf7f6;
  --color-green-100: #dcefed;
  --color-green-150: #cae8e3;
  --color-green-200: #b8e0da;
  --color-green-300: #95d0c7;
  --color-green-400: #71c1b5;
  --color-green-500: #4eb1a2;
  --color-green-600: #3e8e82;
  --color-green-700: #2f6a61;
  --color-green-800: #1f4741;
  --color-green-850: #173531;
  --color-green-900: #102320;
  --color-green-950: #081210;
  --color-grey-000: #ffffff;
  --color-grey-025: #f7f7f7;
  --color-grey-050: #f1f1f1;
  --color-grey-100: #e5e5e5;
  --color-grey-150: #d9d9d9;
  --color-grey-200: #cccccc;
  --color-grey-300: #b2b2b2;
  --color-grey-400: #999999;
  --color-grey-500: #808080;
  --color-grey-600: #666666;
  --color-grey-700: #4d4d4d;
  --color-grey-800: #333333;
  --color-grey-850: #262626;
  --color-grey-900: #1a1a1a;
  --color-grey-950: #0d0d0d;
  --color-red-050: #fde8ea;
  --color-red-100: #fad0d5;
  --color-red-150: #f8b9c0;
  --color-red-200: #f5a1ab;
  --color-red-300: #ef6777;
  --color-red-400: #ea394e;
  --color-red-500: #e6142d;
  --color-red-600: #b81024;
  --color-red-700: #8a0c1b;
  --color-red-800: #5c0812;
  --color-red-850: #45060e;
  --color-red-900: #2e0409;
  --color-red-950: #170205;
  --color-transparency-dark-000: #26262600;
  --color-transparency-dark-010: #2626261a;
  --color-transparency-dark-020: #26262633;
  --color-transparency-dark-030: #2626264d;
  --color-transparency-dark-040: #26262666;
  --color-transparency-dark-050: #26262680;
  --color-transparency-dark-060: #26262699;
  --color-transparency-dark-070: #262626b2;
  --color-transparency-dark-080: #262626cc;
  --color-transparency-dark-090: #262626cc;
  --color-transparency-light-000: #ffffff00;
  --color-transparency-light-010: #ffffff1a;
  --color-transparency-light-020: #ffffff33;
  --color-transparency-light-030: #ffffff4d;
  --color-transparency-light-040: #ffffff66;
  --color-transparency-light-050: #ffffff80;
  --color-transparency-light-060: #ffffff99;
  --color-transparency-light-070: #ffffffb2;
  --color-transparency-light-080: #ffffffcc;
  --color-transparency-light-090: #ffffffcc;
  --color-yellow-050: #fdf7e6;
  --color-yellow-100: #fbf0cf;
  --color-yellow-150: #f9e8b6;
  --color-yellow-200: #f6dd94;
  --color-yellow-300: #f3d272;
  --color-yellow-400: #efc443;
  --color-yellow-500: #ebb514;
  --color-yellow-600: #bc9110;
  --color-yellow-700: #8d6c0c;
  --color-yellow-800: #5c4708;
  --color-yellow-850: #453506;
  --color-yellow-900: #2f2504;
  --color-yellow-950: #171202;
  --divider-light-border: var(--general-border-tertiary-light);
  --divider-lighter-border: var(--general-border-disable);
  --divider-primary-border: var(--general-border-primary);
  --divider-secondary-border: var(--color-grey-700);
  --divider-tertiary-border: var(--general-border-tertiary);
  --dropdown-background: var(--general-text-primary-reversed);
  --dropdown-color: #ffffff;
  --dropdown-dropdownitem-active-background: var(--general-background-secondary-inverted);
  --dropdown-dropdownitem-active-icon: var(--general-icon-secondary);
  --dropdown-dropdownitem-active-label: var(--general-text-secondary);
  --dropdown-dropdownitem-active-search-background: var(--general-background-primary-inverted);
  --dropdown-dropdownitem-default-background: var(--general-background-primary-inverted);
  --dropdown-dropdownitem-default-icon: var(--general-icon-secondary-light);
  --dropdown-dropdownitem-default-label: var(--general-text-secondary);
  --dropdown-dropdownitem-default-search-background: var(--general-background-primary-inverted);
  --dropdown-dropdownitem-disable-background: var(--general-background-primary-inverted);
  --dropdown-dropdownitem-disable-icon: var(--general-icon-disable);
  --dropdown-dropdownitem-disable-label: var(--general-text-disable);
  --dropdown-dropdownitem-disable-search-background: var(--general-background-primary-inverted);
  --dropdown-dropdownitem-hover-background: var(--general-background-secondary-inverted);
  --dropdown-dropdownitem-hover-icon: var(--general-icon-secondary);
  --dropdown-dropdownitem-hover-label: var(--general-text-secondary);
  --dropdown-dropdownitem-hover-search-background: var(--general-background-primary-inverted);
  --dropdown-dropdownitem-keyboard-focus-background: var(--general-background-secondary-inverted);
  --dropdown-dropdownitem-keyboard-focus-icon: var(--general-icon-secondary);
  --dropdown-dropdownitem-keyboard-focus-label: var(--general-text-secondary);
  --dropdown-dropdownitem-keyboard-focus-search-background: var(--general-background-primary-inverted);
  --dropdown-dropdownitem-keyboard-focus-stroke: var(--general-border-focus);
  --fileupload-default-text: var(--general-text-secondary-light);
  --fileupload-default-title: var(--general-text-secondary);
  --fileupload-disable-text: var(--general-text-disable);
  --fileupload-disable-title: var(--general-text-disable);
  --fileupload-file-area-default-background: var(--general-background-primary-inverted);
  --fileupload-file-area-default-border: var(--general-border-tertiary-light);
  --fileupload-file-area-default-text: var(--general-text-secondary-light);
  --fileupload-file-area-disable-background: var(--general-background-primary-inverted);
  --fileupload-file-area-disable-border: var(--general-border-disable);
  --fileupload-file-area-disable-text: var(--general-text-disable);
  --fileupload-file-area-hover-background: var(--general-background-primary-inverted);
  --fileupload-file-area-hover-border: var(--general-border-focus);
  --fileupload-file-area-hover-text: var(--general-text-secondary);
  --footer-background: var(--general-background-primary-inverted);
  --footer-baseline-text: var(--general-text-secondary-light);
  --footer-text: var(--general-text-secondary-light);
  --general-background-disable: var(--color-grey-050);
  --general-background-error: var(--color-red-050);
  --general-background-error-inverted: var(--color-red-500);
  --general-background-info: var(--color-blue-050);
  --general-background-primary: var(--color-red-500);
  --general-background-primary-inverted: var(--color-grey-000);
  --general-background-secondary: var(--color-grey-850);
  --general-background-secondary-inverted: var(--color-grey-025);
  --general-background-success: var(--color-green-050);
  --general-background-success-inverted: var(--color-green-700);
  --general-background-tertiary: var(--color-cyan-800);
  --general-background-tertiary-inverted: var(--color-grey-050);
  --general-background-warning: var(--color-yellow-050);
  --general-background-warning-inverted: var(--color-yellow-700);
  --general-border-disable: var(--color-grey-100);
  --general-border-error: var(--color-red-500);
  --general-border-focus: var(--color-cyan-700);
  --general-border-info: var(--color-blue-500);
  --general-border-primary: var(--color-red-500);
  --general-border-secondary: var(--color-grey-900);
  --general-border-secondary-inverted: var(--color-grey-000);
  --general-border-success: var(--color-green-500);
  --general-border-tertiary: var(--color-grey-400);
  --general-border-tertiary-light: var(--color-grey-200);
  --general-border-tertiary-lighter: var(--color-grey-150);
  --general-border-warning: var(--color-yellow-500);
  --general-brand-primary: var(--color-grey-850);
  --general-brand-secondary: var(--color-red-500);
  --general-brand-tertiary: var(--color-cyan-800);
  --general-brand-white: #ffffff;
  --general-icon-disable: var(--color-grey-300);
  --general-icon-error: var(--color-red-600);
  --general-icon-info: var(--color-blue-600);
  --general-icon-primary: var(--color-red-500);
  --general-icon-primary-reversed: var(--general-brand-white);
  --general-icon-secondary: var(--color-grey-900);
  --general-icon-secondary-light: var(--color-grey-600);
  --general-icon-success: var(--color-green-600);
  --general-icon-warning: var(--color-yellow-700);
  --general-text-disable: var(--color-grey-300);
  --general-text-error: var(--color-red-600);
  --general-text-info: var(--color-blue-600);
  --general-text-primary: var(--color-red-500);
  --general-text-primary-dark: var(--color-red-600);
  --general-text-primary-reversed: var(--general-brand-white);
  --general-text-secondary: var(--color-grey-900);
  --general-text-secondary-light: var(--color-grey-600);
  --general-text-success: var(--color-green-700);
  --general-text-warning: var(--color-yellow-700);
  --input-default-background: var(--general-background-primary-inverted);
  --input-default-border: var(--general-border-tertiary-light);
  --input-default-inner-label: var(--general-text-secondary-light);
  --input-default-label: var(--general-text-secondary);
  --input-default-left-icon: var(--general-icon-secondary-light);
  --input-default-message: var(--general-text-secondary-light);
  --input-default-resize-icon: var(--general-icon-disable);
  --input-default-right-icon: var(--general-icon-secondary-light);
  --input-default-secondary-text: var(--general-text-secondary-light);
  --input-disable-background: var(--general-background-primary-inverted);
  --input-disable-border: var(--general-border-disable);
  --input-disable-innerlabel: var(--general-text-disable);
  --input-disable-label: var(--general-text-disable);
  --input-disable-left-icon: var(--general-icon-disable);
  --input-disable-message: var(--general-text-disable);
  --input-disable-resize-icon: var(--general-icon-disable);
  --input-disable-right-icon: var(--general-icon-disable);
  --input-disable-secondary-text: var(--general-text-disable);
  --input-error-background: var(--general-background-primary-inverted);
  --input-error-border: var(--general-border-error);
  --input-error-label: var(--general-text-error);
  --input-error-left-icon: var(--general-icon-error);
  --input-error-message: var(--general-text-error);
  --input-error-placeholder: var(--general-text-error);
  --input-error-resize-icon: var(--general-icon-disable);
  --input-error-right-icon: var(--general-icon-error);
  --input-error-secondary-text: var(--general-text-error);
  --input-filled-background: var(--general-background-primary-inverted);
  --input-filled-border: var(--general-border-tertiary-light);
  --input-filled-label: var(--general-text-secondary);
  --input-filled-left-icon: var(--general-icon-secondary-light);
  --input-filled-message: var(--general-text-secondary-light);
  --input-filled-placeholder: var(--general-text-secondary);
  --input-filled-resize-icon: var(--general-icon-disable);
  --input-filled-right-icon: var(--general-icon-secondary-light);
  --input-filled-secondary-text: var(--general-text-secondary-light);
  --input-focus-background: var(--general-background-primary-inverted);
  --input-focus-border: var(--general-border-secondary);
  --input-focus-inner-label: var(--general-text-disable);
  --input-focus-label: var(--general-text-secondary);
  --input-focus-left-icon: var(--general-icon-secondary);
  --input-focus-message: var(--general-text-secondary-light);
  --input-focus-placeholder: var(--general-text-secondary);
  --input-focus-resize-icon: var(--general-icon-disable);
  --input-focus-right-icon: var(--general-icon-secondary);
  --input-focus-secondary-text: var(--general-text-secondary-light);
  --input-hover-background: var(--general-background-primary-inverted);
  --input-hover-border: var(--general-border-secondary);
  --input-hover-inner-label: var(--general-text-secondary);
  --input-hover-label: var(--general-text-secondary);
  --input-hover-left-icon: var(--general-icon-secondary);
  --input-hover-message: var(--general-text-secondary-light);
  --input-hover-resize-icon: var(--general-icon-disable);
  --input-hover-right-icon: var(--general-icon-secondary);
  --input-hover-secondary-text: var(--general-text-secondary-light);
  --input-keyboard-focus-background: var(--general-background-primary-inverted);
  --input-keyboard-focus-inner-label: var(--general-text-secondary);
  --input-keyboard-focus-label: var(--general-text-secondary);
  --input-keyboard-focus-left-icon: var(--general-icon-secondary);
  --input-keyboard-focus-message: var(--general-text-secondary-light);
  --input-keyboard-focus-resize-icon: var(--general-icon-disable);
  --input-keyboard-focus-right-icon: var(--general-icon-secondary);
  --input-keyboard-focus-secondary-text: var(--general-text-secondary-light);
  --input-keyboard-focus-stroke: var(--general-border-focus);
  --input-success-background: var(--general-background-primary-inverted);
  --input-success-border: var(--general-border-tertiary-light);
  --input-success-label: var(--general-text-secondary);
  --input-success-left-icon: var(--general-icon-success);
  --input-success-message: var(--general-text-secondary-light);
  --input-success-placeholder: var(--general-text-secondary);
  --input-success-resize-icon: var(--general-icon-disable);
  --input-success-right-icon: var(--general-icon-success);
  --input-success-secondary-text: var(--general-text-secondary-light);
  --link-default-icon: var(--general-icon-secondary-light);
  --link-default-text: var(--general-text-secondary-light);
  --link-default-underline: var(--general-icon-secondary-light);
  --link-disable-icon: var(--general-icon-disable);
  --link-disable-text: var(--general-text-disable);
  --link-disable-underline: var(--general-icon-disable);
  --link-hover-text: var(--general-text-secondary);
  --link-keyboard-focus-icon: var(--general-icon-secondary);
  --link-keyboard-focus-stroke: var(--general-border-focus);
  --link-keyboard-focus-text: var(--general-text-secondary);
  --loader-background: var(--general-background-primary);
  --logo-primary-background: var(--color-red-500);
  --otp-default-background: var(--general-background-primary-inverted);
  --otp-default-border: var(--general-border-tertiary-light);
  --otp-disable-background: var(--general-background-primary-inverted);
  --otp-disable-border: var(--general-border-disable);
  --otp-error-background: var(--general-background-primary-inverted);
  --otp-error-border: var(--general-border-error);
  --otp-error-placeholder: var(--general-text-error);
  --otp-filled-background: var(--general-background-primary-inverted);
  --otp-filled-border: var(--general-border-tertiary-light);
  --otp-filled-placeholder: var(--general-text-secondary);
  --otp-focus-background: var(--general-background-primary-inverted);
  --otp-focus-border: var(--general-border-secondary);
  --otp-focus-placeholder: var(--general-text-secondary);
  --otp-hover-background: var(--general-background-primary-inverted);
  --otp-hover-border: var(--general-border-secondary);
  --otp-keyboard-focus-background: var(--general-background-primary-inverted);
  --otp-keyboard-focus-border: var(--general-border-secondary);
  --otp-keyboard-focus-stroke: var(--general-border-focus);
  --profilepicture-edit-default-background: var(--general-background-primary);
  --profilepicture-edit-default-icon: var(--general-icon-primary-reversed);
  --profilepicture-edit-hover-background: var(--color-red-600);
  --profilepicture-edit-hover-border: var(--color-red-600);
  --profilepicture-edit-hover-icon: var(--general-icon-primary-reversed);
  --profilepicture-upload-default-background: var(--general-background-secondary-inverted);
  --profilepicture-upload-default-icon: var(--general-icon-secondary-light);
  --profilepicture-upload-hover-background: var(--general-background-tertiary-inverted);
  --profilepicture-upload-hover-border: var(--color-red-600);
  --profilepicture-upload-hover-icon: var(--color-red-600);
  --radiobutton-active-secondary-text: var(--general-text-secondary-light);
  --radiobutton-active-text: var(--general-text-secondary);
  --radiobutton-default-secondary-text: var(--general-text-secondary-light);
  --radiobutton-default-text: var(--general-text-secondary);
  --radiobutton-disable-secondary-text: var(--general-text-disable);
  --radiobutton-disable-text: var(--general-text-disable);
  --radiobutton-hover-secondary-text: var(--general-text-secondary-light);
  --radiobutton-hover-text: var(--general-text-secondary);
  --radiobutton-radio-active-background: var(--color-cyan-700);
  --radiobutton-radio-active-border: var(--color-cyan-700);
  --radiobutton-radio-active-icon: var(--general-icon-primary-reversed);
  --radiobutton-radio-default-background: var(--color-grey-000);
  --radiobutton-radio-default-border: var(--general-border-tertiary);
  --radiobutton-radio-default-icon: var(--color-transparency-dark-000);
  --radiobutton-radio-disable-background: var(--general-background-disable);
  --radiobutton-radio-disable-border: var(--general-border-disable);
  --radiobutton-radio-disable-icon: var(--general-icon-disable);
  --radiobutton-radio-hover-background: var(--color-grey-000);
  --radiobutton-radio-hover-border: var(--general-border-secondary);
  --radiobutton-radio-hover-icon: var(--general-icon-disable);
  --radiobutton-radio-keyboard-focus-background: var(--color-grey-000);
  --radiobutton-radio-keyboard-focus-icon: var(--general-icon-disable);
  --radiobutton-radio-keyboard-focus-stroke: var(--general-border-focus);
  --searchbar-default-background: var(--general-background-primary-inverted);
  --searchbar-default-border: var(--general-border-tertiary-lighter);
  --searchbar-default-icon: var(--general-icon-primary);
  --searchbar-default-label: var(--general-text-secondary-light);
  --searchbar-disable-background: var(--general-background-primary-inverted);
  --searchbar-disable-border: var(--general-border-disable);
  --searchbar-disable-icon: var(--general-icon-disable);
  --searchbar-disable-label: var(--general-text-disable);
  --searchbar-filled-background: var(--general-background-primary-inverted);
  --searchbar-filled-border: var(--general-border-tertiary-light);
  --searchbar-filled-icon: var(--general-icon-secondary-light);
  --searchbar-filled-placeholder: var(--general-text-secondary);
  --searchbar-focus-border: var(--general-border-secondary);
  --searchbar-focus-icon: var(--general-icon-primary);
  --searchbar-focus-label: var(--general-text-disable);
  --searchbar-focus-placeholder: var(--general-text-secondary);
  --searchbar-hover-background: var(--general-background-primary-inverted);
  --searchbar-hover-border: var(--general-border-secondary);
  --searchbar-hover-icon: var(--general-icon-primary);
  --searchbar-hover-label: var(--general-text-secondary);
  --searchbar-keyboard-focus-background: var(--general-background-primary-inverted);
  --searchbar-keyboard-focus-icon: var(--general-icon-primary);
  --searchbar-keyboard-focus-label: var(--general-text-secondary);
  --searchbar-keyboard-focus-stroke: var(--general-border-focus);
  --select-default-background: var(--general-background-primary-inverted);
  --select-default-border: var(--general-border-tertiary-light);
  --select-default-inner-label: var(--general-text-secondary-light);
  --select-default-label: var(--general-text-secondary);
  --select-default-left-icon: var(--general-icon-secondary-light);
  --select-default-message: var(--general-text-secondary-light);
  --select-default-right-icon: var(--general-icon-secondary-light);
  --select-default-secondary-text: var(--general-text-secondary-light);
  --select-disable-background: var(--general-background-primary-inverted);
  --select-disable-border: var(--general-border-disable);
  --select-disable-inner-label: var(--general-text-disable);
  --select-disable-label: var(--general-text-disable);
  --select-disable-left-icon: var(--general-icon-disable);
  --select-disable-message: var(--general-text-disable);
  --select-disable-right-icon: var(--general-icon-disable);
  --select-disable-secondary-text: var(--general-text-disable);
  --select-error-background: var(--general-background-primary-inverted);
  --select-error-border: var(--general-border-error);
  --select-error-label: var(--general-text-error);
  --select-error-left-icon: var(--general-icon-error);
  --select-error-message: var(--general-text-error);
  --select-error-placeholder: var(--general-text-error);
  --select-error-right-icon: var(--general-icon-error);
  --select-error-secondary-text: var(--general-text-error);
  --select-filled-background: var(--general-background-primary-inverted);
  --select-filled-border: var(--general-border-tertiary);
  --select-filled-label: var(--general-text-secondary);
  --select-filled-left-icon: var(--general-icon-secondary-light);
  --select-filled-message: var(--general-text-secondary-light);
  --select-filled-placeholder: var(--general-text-secondary);
  --select-filled-right-icon: var(--general-icon-secondary-light);
  --select-filled-secondary-text: var(--general-text-secondary-light);
  --select-focus-background: var(--general-background-primary-inverted);
  --select-focus-border: var(--general-border-secondary);
  --select-focus-inner-label: var(--general-text-disable);
  --select-focus-label: var(--general-text-secondary);
  --select-focus-left-icon: var(--general-icon-secondary);
  --select-focus-option-label: var(--general-text-disable);
  --select-focus-right-icon: var(--general-icon-secondary);
  --select-focus-secondary-text: var(--general-text-secondary-light);
  --select-hover-background: var(--general-background-primary-inverted);
  --select-hover-border: var(--general-border-secondary);
  --select-hover-inner-label: var(--general-text-secondary);
  --select-hover-label: var(--general-text-secondary);
  --select-hover-left-icon: var(--general-icon-secondary);
  --select-hover-message: var(--general-text-secondary-light);
  --select-hover-right-icon: var(--general-icon-secondary);
  --select-hover-secondary-text: var(--general-text-secondary-light);
  --select-keyboard-focus-background: var(--general-background-primary-inverted);
  --select-keyboard-focus-inner-label: var(--general-text-secondary);
  --select-keyboard-focus-label: var(--general-text-secondary);
  --select-keyboard-focus-left-icon: var(--general-icon-secondary);
  --select-keyboard-focus-message: var(--general-text-secondary-light);
  --select-keyboard-focus-right-icon: var(--general-icon-secondary);
  --select-keyboard-focus-secondary-text: var(--general-text-secondary-light);
  --select-keyboard-focus-stroke: var(--general-border-focus);
  --select-success-background: var(--general-background-primary-inverted);
  --select-success-border: var(--general-border-tertiary);
  --select-success-icon: var(--general-icon-success);
  --select-success-label: var(--general-text-secondary);
  --select-success-left-icon: var(--general-icon-success);
  --select-success-message: var(--general-text-secondary-light);
  --select-success-placeholder: var(--general-text-secondary);
  --select-success-right-icon: var(--general-icon-secondary-light);
  --select-success-secondary-text: var(--general-text-secondary-light);
  --sheet-content-background: var(--general-background-primary-inverted);
  --sheet-footer-background: var(--general-background-primary-inverted);
  --sheet-header-background: var(--general-background-primary-inverted);
  --sheet-header-title: var(--general-text-secondary);
  --sidebar-dark-background: var(--color-grey-900);
  --sidebar-dark-baseline-text: var(--color-grey-150);
  --sidebar-dark-menuitem-textitem-active-background: var(--color-grey-950);
  --sidebar-dark-menuitem-textitem-active-icon: var(--general-icon-primary);
  --sidebar-dark-menuitem-textitem-active-text: var(--general-text-primary-reversed);
  --sidebar-dark-menuitem-textitem-default-background: var(--color-transparency-light-000);
  --sidebar-dark-menuitem-textitem-default-icon: var(--color-grey-200);
  --sidebar-dark-menuitem-textitem-default-text: var(--color-grey-100);
  --sidebar-dark-menuitem-textitem-disable-background: var(--color-transparency-light-000);
  --sidebar-dark-menuitem-textitem-disable-icon: var(--color-grey-600);
  --sidebar-dark-menuitem-textitem-disable-text: var(--color-grey-600);
  --sidebar-dark-menuitem-textitem-hover-background: var(--color-grey-950);
  --sidebar-dark-menuitem-textitem-hover-icon: var(--general-icon-primary-reversed);
  --sidebar-dark-menuitem-textitem-hover-text: var(--general-text-primary-reversed);
  --sidebar-dark-menuitem-textitem-keyboard-focus-background: var(--color-transparency-light-000);
  --sidebar-dark-menuitem-textitem-keyboard-focus-icon: var(--general-icon-primary-reversed);
  --sidebar-dark-menuitem-textitem-keyboard-focus-stroke: var(--general-border-focus);
  --sidebar-dark-menuitem-textitem-keyboard-focus-text: var(--general-text-primary-reversed);
  --sidebar-dark-menuitem-useritem-active-background: var(--color-grey-950);
  --sidebar-dark-menuitem-useritem-active-primary-text: var(--general-text-primary-reversed);
  --sidebar-dark-menuitem-useritem-active-secondary-text: var(--general-text-primary-reversed);
  --sidebar-dark-menuitem-useritem-default-background: var(--color-transparency-light-000);
  --sidebar-dark-menuitem-useritem-default-primary-text: var(--color-grey-100);
  --sidebar-dark-menuitem-useritem-default-secondary-text: var(--color-grey-200);
  --sidebar-dark-menuitem-useritem-disable-background: var(--color-transparency-light-000);
  --sidebar-dark-menuitem-useritem-disable-primary-text: var(--color-grey-600);
  --sidebar-dark-menuitem-useritem-disable-secondary-text: var(--color-grey-600);
  --sidebar-dark-menuitem-useritem-hover-primary-text: var(--general-text-primary-reversed);
  --sidebar-dark-menuitem-useritem-hover-secondary-text: var(--general-text-primary-reversed);
  --sidebar-dark-menuitem-useritem-keyboard-focus-background: var(--color-transparency-light-000);
  --sidebar-dark-menuitem-useritem-keyboard-focus-primary-text: var(--general-text-primary-reversed);
  --sidebar-dark-menuitem-useritem-keyboard-focus-secondary-text: var(--general-text-primary-reversed);
  --sidebar-dark-menuitem-useritem-keyboard-focus-stroke: var(--general-border-focus);
  --sidebar-light-background: var(--general-background-primary-inverted);
  --sidebar-light-baseline-text: var(--general-text-secondary-light);
  --sidebar-light-menuitem-textitem-active-background: var(--general-background-secondary-inverted);
  --sidebar-light-menuitem-textitem-active-icon: var(--general-icon-primary);
  --sidebar-light-menuitem-textitem-active-text: var(--general-text-secondary);
  --sidebar-light-menuitem-textitem-default-background: var(--color-transparency-dark-000);
  --sidebar-light-menuitem-textitem-default-icon: var(--general-icon-secondary-light);
  --sidebar-light-menuitem-textitem-default-text: var(--general-text-secondary-light);
  --sidebar-light-menuitem-textitem-disable-background: var(--color-transparency-dark-000);
  --sidebar-light-menuitem-textitem-disable-icon: var(--general-icon-disable);
  --sidebar-light-menuitem-textitem-disable-text: var(--general-text-disable);
  --sidebar-light-menuitem-textitem-hover-background: var(--general-background-secondary-inverted);
  --sidebar-light-menuitem-textitem-hover-icon: var(--general-icon-secondary);
  --sidebar-light-menuitem-textitem-hover-text: var(--general-text-secondary);
  --sidebar-light-menuitem-textitem-keyboard-focus-background: var(--color-transparency-dark-000);
  --sidebar-light-menuitem-textitem-keyboard-focus-icon: var(--general-icon-secondary);
  --sidebar-light-menuitem-textitem-keyboard-focus-stroke: var(--general-border-focus);
  --sidebar-light-menuitem-textitem-keyboard-focus-text: var(--general-text-secondary);
  --sidebar-light-menuitem-useritem-active-background: var(--general-background-secondary-inverted);
  --sidebar-light-menuitem-useritem-active-primary-text: var(--general-text-secondary);
  --sidebar-light-menuitem-useritem-active-secondary-text: var(--general-text-secondary);
  --sidebar-light-menuitem-useritem-default-background: var(--color-transparency-dark-000);
  --sidebar-light-menuitem-useritem-default-primary-text: var(--general-text-secondary-light);
  --sidebar-light-menuitem-useritem-default-secondary-text: var(--general-text-secondary-light);
  --sidebar-light-menuitem-useritem-disable-background: var(--color-transparency-dark-000);
  --sidebar-light-menuitem-useritem-disable-primary-text: var(--general-text-disable);
  --sidebar-light-menuitem-useritem-disable-secondary-text: var(--general-text-disable);
  --sidebar-light-menuitem-useritem-hover-primary-text: var(--general-text-secondary);
  --sidebar-light-menuitem-useritem-hover-secondary-text: var(--general-text-secondary);
  --sidebar-light-menuitem-useritem-keyboard-focus-background: var(--color-transparency-dark-000);
  --sidebar-light-menuitem-useritem-keyboard-focus-primary-text: var(--general-text-secondary);
  --sidebar-light-menuitem-useritem-keyboard-focus-secondary-text: var(--general-text-secondary);
  --sidebar-light-menuitem-useritem-keyboard-focus-stroke: var(--general-border-focus);
  --socialbutton-default-border: var(--general-border-secondary);
  --socialbutton-default-icon: var(--general-icon-secondary);
  --socialbutton-disable-border: var(--general-border-disable);
  --socialbutton-disable-icon: var(--general-icon-disable);
  --socialbutton-hover-border: var(--general-border-secondary);
  --socialbutton-hover-icon: var(--general-icon-secondary);
  --socialbutton-keyboard-focus-icon: var(--general-icon-secondary);
  --socialbutton-keyboard-focus-stroke: var(--general-border-focus);
  --stepper-active-default-background: var(--general-background-primary);
  --stepper-active-default-icon: var(--general-icon-primary-reversed);
  --stepper-active-default-number: var(--general-text-primary-reversed);
  --stepper-active-default-text: var(--general-text-primary);
  --stepper-active-hover-background: var(--color-red-600);
  --stepper-active-hover-icon: var(--general-icon-primary-reversed);
  --stepper-active-hover-number: var(--general-text-primary-reversed);
  --stepper-active-hover-text: var(--general-text-primary-dark);
  --stepper-active-keyboard-focus-background: var(--color-red-600);
  --stepper-active-keyboard-focus-icon: var(--general-icon-primary-reversed);
  --stepper-active-keyboard-focus-number: var(--general-text-primary-reversed);
  --stepper-active-keyboard-focus-stroke: var(--general-border-focus);
  --stepper-active-keyboard-focus-text: var(--general-text-primary-dark);
  --stepper-done-default-border: var(--general-border-primary);
  --stepper-done-default-icon: var(--general-icon-primary);
  --stepper-done-default-number: var(--general-text-primary);
  --stepper-done-default-text: var(--general-text-primary);
  --stepper-done-hover-border: var(--color-red-600);
  --stepper-done-hover-icon: var(--color-red-600);
  --stepper-done-hover-number: var(--general-text-primary-dark);
  --stepper-done-hover-text: var(--general-text-primary-dark);
  --stepper-done-keyboard-focus-icon: var(--color-red-600);
  --stepper-done-keyboard-focus-number: var(--general-text-primary-dark);
  --stepper-done-keyboard-focus-stroke: var(--general-border-focus);
  --stepper-done-keyboard-focus-text: var(--general-text-primary-dark);
  --stepper-undone-background: var(--general-background-secondary-inverted);
  --stepper-undone-border: var(--general-border-disable);
  --stepper-undone-icon: var(--general-icon-secondary-light);
  --stepper-undone-text: var(--general-text-secondary-light);
  --tabs-active-background: var(--general-background-secondary);
  --tabs-active-text: var(--general-text-primary-reversed);
  --tabs-default-background: var(--color-grey-050);
  --tabs-default-text: var(--general-text-secondary-light);
  --tabs-disable-background: var(--color-grey-050);
  --tabs-disable-text: var(--general-text-disable);
  --tabs-hover-background: var(--color-grey-025);
  --tabs-hover-text: var(--general-text-secondary);
  --tabs-keyboard-focus-background: var(--color-grey-025);
  --tabs-keyboard-focus-stroke: var(--general-border-focus);
  --tabs-keyboard-focus-text: var(--general-text-secondary);
  --tag-error-background: var(--general-background-error);
  --tag-error-icon: var(--general-icon-error);
  --tag-error-text: var(--general-text-error);
  --tag-info-icon: var(--general-icon-info);
  --tag-neutral-background: var(--general-background-tertiary-inverted);
  --tag-neutral-icon: var(--general-icon-secondary);
  --tag-neutral-text: var(--general-text-secondary);
  --tag-success-background: var(--general-background-success);
  --tag-success-icon: var(--general-icon-success);
  --tag-success-text: var(--general-text-success);
  --tag-warning-background: var(--general-background-warning);
  --tag-warning-icon: var(--general-icon-warning);
  --tag-warning-text: var(--general-text-warning);
  --textarea-editiontools-border: var(--general-border-tertiary-lighter);
  --textarea-editiontools-tool-active-background: var(--general-background-tertiary-inverted);
  --textarea-editiontools-tool-active-icon: var(--general-icon-secondary);
  --textarea-editiontools-tool-default-icon: var(--general-icon-secondary-light);
  --textarea-editiontools-tool-disable-icon: var(--general-icon-disable);
  --textarea-editiontools-tool-hover-icon: var(--general-icon-secondary);
  --textarea-editiontools-tool-keyboard-focus-icon: var(--general-icon-secondary);
  --textarea-editiontools-tool-keyboard-focus-stroke: var(--general-border-focus);
  --time-slot-active-hover-background: var(--general-background-primary-inverted);
  --time-slot-active-hover-slot-state-active-hover-background: var(--general-background-error);
  --time-slot-active-hover-slot-state-active-hover-icon: var(--general-icon-error);
  --time-slot-background: var(--general-background-primary-inverted);
  --time-slot-border: var(--general-border-tertiary-lighter);
  --time-slot-default-background: var(--general-background-primary-inverted);
  --time-slot-default-slot-state-default-background: var(--general-background-primary-inverted);
  --time-slot-default-slot-state-default-icon: var(--general-icon-secondary-light);
  --time-slot-disable-background: var(--general-background-primary-inverted);
  --time-slot-disable-slot-state-disable-background: var(--general-background-tertiary-inverted);
  --time-slot-hover-background: var(--general-background-primary-inverted);
  --time-slot-hover-slot-state-hover-background: var(--general-background-success);
  --time-slot-hover-slot-state-hover-icon: var(--general-icon-success);
  --time-slot-text: var(--general-text-secondary);
  --time-slot-validated-background: var(--general-background-primary-inverted);
  --time-slot-validated-slot-state-validated-background: var(--general-background-success);
  --time-slot-validated-slot-state-validated-border: var(--general-border-success);
  --time-slot-validated-slot-state-validated-icon: var(--general-icon-success);
  --time-slot-waiting-background: var(--general-background-primary-inverted);
  --time-slot-waiting-slot-state-waiting-background: var(--general-background-success);
  --time-slot-waiting-slot-state-waiting-border: var(--general-border-success);
  --time-slot-waiting-slot-state-waiting-icon: var(--general-icon-success);
  --toast-error-background: var(--general-background-error-inverted);
  --toast-error-icon: var(--general-icon-primary-reversed);
  --toast-error-text: var(--general-text-primary-reversed);
  --toast-info-background: var(--general-background-info);
  --toast-info-border: var(--general-border-info);
  --toast-info-icon: var(--general-icon-info);
  --toast-info-text: var(--general-text-info);
  --toast-success-background: var(--general-background-success);
  --toast-success-border: var(--general-border-success);
  --toast-success-icon: var(--general-icon-success);
  --toast-success-text: var(--general-text-success);
  --toast-warning-background: var(--general-background-warning);
  --toast-warning-border: var(--general-border-warning);
  --toast-warning-icon: var(--general-icon-warning);
  --toast-warning-text: var(--general-text-warning);
  --toggle-active-secondary-text: var(--general-text-secondary-light);
  --toggle-active-text: var(--general-text-secondary);
  --toggle-disabled-active-secondary-text: var(--general-text-disable);
  --toggle-disabled-active-text: var(--general-text-disable);
  --toggle-disabled-inactive-secondary-text: var(--general-text-disable);
  --toggle-disabled-inactive-text: var(--general-text-disable);
  --toggle-inactive-secondary-text: var(--general-text-secondary-light);
  --toggle-inactive-text: var(--general-text-secondary);
  --toggle-switch-active-background: var(--color-cyan-700);
  --toggle-switch-active-border: var(--color-cyan-700);
  --toggle-switch-active-icon: var(--general-icon-primary-reversed);
  --toggle-switch-active-keyboard-focus-background: var(--color-cyan-700);
  --toggle-switch-active-keyboard-focus-icon: var(--general-icon-primary-reversed);
  --toggle-switch-active-keyboard-focus-stroke: var(--general-border-focus);
  --toggle-switch-disabled-active-background: var(--general-background-disable);
  --toggle-switch-disabled-active-border: var(--general-border-disable);
  --toggle-switch-disabled-active-icon: var(--general-icon-disable);
  --toggle-switch-disabled-inactive-background: var(--general-background-disable);
  --toggle-switch-disabled-inactive-border: var(--general-border-disable);
  --toggle-switch-disabled-inactive-icon: var(--general-icon-disable);
  --toggle-switch-inactive-background: var(--color-grey-000);
  --toggle-switch-inactive-border: var(--general-border-secondary);
  --toggle-switch-inactive-icon: var(--general-icon-secondary);
  --toggle-switch-inactive-keyboard-focus-background: var(--color-grey-000);
  --toggle-switch-inactive-keyboard-focus-icon: var(--general-icon-secondary);
  --toggle-switch-inactive-keyboard-focus-stroke: var(--general-border-focus);
  --tooltip-primary-background: var(--general-background-secondary);
  --tooltip-primary-text: var(--general-text-primary-reversed);
  --tooltip-secondary-background: var(--general-background-primary-inverted);
  --tooltip-secondary-text: var(--general-text-secondary);

  /* ── number (743) ──────────────────────── */
  --accordion-gap: 0px;
  --accordion-item-active-gap: 24px;
  --accordion-item-active-padding-bottom: var(--spacing-032);
  --accordion-item-active-padding-left: 24px;
  --accordion-item-active-padding-right: 24px;
  --accordion-item-active-padding-top: var(--spacing-020);
  --accordion-item-active-radius: 0px;
  --accordion-item-active-title-gap: 12px;
  --accordion-item-active-title-padding-bottom: 0px;
  --accordion-item-active-title-padding-left: 0px;
  --accordion-item-active-title-padding-right: 0px;
  --accordion-item-active-title-padding-top: 0px;
  --accordion-item-closed-gap: 0px;
  --accordion-item-closed-padding-bottom: 12px;
  --accordion-item-closed-padding-left: 24px;
  --accordion-item-closed-padding-right: 24px;
  --accordion-item-closed-padding-top: 12px;
  --accordion-item-closed-radius: 0px;
  --accordion-item-closed-title-gap: 12px;
  --accordion-item-closed-title-padding-bottom: 0px;
  --accordion-item-closed-title-padding-left: 0px;
  --accordion-item-closed-title-padding-right: 0px;
  --accordion-item-closed-title-padding-top: 0px;
  --accordion-padding-bottom: 0px;
  --accordion-padding-left: 0px;
  --accordion-padding-right: 0px;
  --accordion-padding-top: 0px;
  --accordion-radius: var(--radius-12);
  --alert-no-background-gap: 8px;
  --alert-no-background-padding-bottom: 0px;
  --alert-no-background-padding-left: 0px;
  --alert-no-background-padding-right: 0px;
  --alert-no-background-padding-top: 0px;
  --alert-with-background-gap: 8px;
  --alert-with-background-padding-bottom: 12px;
  --alert-with-background-padding-left: 12px;
  --alert-with-background-padding-right: 8px;
  --alert-with-background-padding-top: 12px;
  --alert-with-background-radius: 8px;
  --alert-with-background-text-gap: 0px;
  --alert-with-background-text-padding-bottom: var(--spacing-002);
  --alert-with-background-text-padding-left: 0px;
  --alert-with-background-text-padding-right: 0px;
  --alert-with-background-text-padding-top: var(--spacing-002);
  --alerts-icon-container-spacings-padding-horizontal: var(--spacing-002);
  --alerts-icon-container-spacings-padding-vertical: var(--spacing-002);
  --avatar-initials-container-radius: 999px;
  --avatar-initials-gap: 0px;
  --avatar-initials-padding-bottom: 0px;
  --avatar-initials-padding-left: 0px;
  --avatar-initials-padding-right: 0px;
  --avatar-initials-padding-top: 0px;
  --avatar-initials-radius: 999px;
  --avatar-photo-container-radius: 999px;
  --avatar-photo-gap: 0px;
  --avatar-photo-padding-bottom: var(--spacing-002);
  --avatar-photo-padding-left: var(--spacing-002);
  --avatar-photo-padding-right: var(--spacing-002);
  --avatar-photo-padding-top: var(--spacing-002);
  --avatar-photo-radius: 999px;
  --back-gap: 4px;
  --back-padding-bottom: 0px;
  --back-padding-left: 0px;
  --back-padding-right: 0px;
  --back-padding-top: 0px;
  --badge-m-gap: 0px;
  --badge-m-padding-bottom: 4px;
  --badge-m-padding-left: 8px;
  --badge-m-padding-right: 8px;
  --badge-m-padding-top: 4px;
  --badge-m-radius: 999px;
  --badge-s-gap: 0px;
  --badge-s-padding-bottom: 4px;
  --badge-s-padding-left: 4px;
  --badge-s-padding-right: 4px;
  --badge-s-padding-top: 4px;
  --badge-s-radius: 999px;
  --bottombar-bar-padding-bottom: 12px;
  --bottombar-bar-padding-left: 12px;
  --bottombar-bar-padding-right: 12px;
  --bottombar-bar-padding-top: 12px;
  --bottombar-bar-radius: 16px;
  --bottombar-container-gap: 0px;
  --bottombar-container-padding-bottom: 4px;
  --bottombar-container-padding-left: 12px;
  --bottombar-container-padding-right: 12px;
  --bottombar-gap: 0px;
  --bottombar-menuitem-default-gap: 0px;
  --bottombar-menuitem-default-padding-bottom: 12px;
  --bottombar-menuitem-default-padding-left: 12px;
  --bottombar-menuitem-default-padding-right: 12px;
  --bottombar-menuitem-default-padding-top: 12px;
  --bottombar-menuitem-default-radius: 999px;
  --bottombar-menuitem-user-gap: 0px;
  --bottombar-menuitem-user-padding-bottom: 4px;
  --bottombar-menuitem-user-padding-left: 4px;
  --bottombar-menuitem-user-padding-right: 4px;
  --bottombar-menuitem-user-padding-top: 4px;
  --bottombar-menuitem-user-radius: 999px;
  --bottombar-padding-bottom: 0px;
  --bottombar-padding-left: 0px;
  --bottombar-padding-right: 0px;
  --bottombar-padding-top: 0px;
  --breadcrumb-gap: 4px;
  --breadcrumb-item-gap: 4px;
  --breadcrumb-item-padding-bottom: 0px;
  --breadcrumb-item-padding-left: 0px;
  --breadcrumb-item-padding-right: 0px;
  --breadcrumb-item-padding-top: 0px;
  --breadcrumb-padding-bottom: 0px;
  --breadcrumb-padding-left: 0px;
  --breadcrumb-padding-right: 0px;
  --breadcrumb-padding-top: 0px;
  --button-gap: 4px;
  --button-padding-bottom: 12px;
  --button-padding-left: var(--spacing-016);
  --button-padding-right: var(--spacing-016);
  --button-padding-top: 12px;
  --button-radius: 999px;
  --button-text-gap: 8px;
  --button-text-padding-left: 8px;
  --button-text-padding-top: 0px;
  --buttongroup-gap: 4px;
  --buttongroup-no-radius: 0px;
  --buttongroup-padding-bottom: 8px;
  --buttongroup-padding-left: 12px;
  --buttongroup-padding-right: 12px;
  --buttongroup-padding-top: 8px;
  --buttongroup-radius: 8px;
  --buttongroup-text-gap: 4px;
  --buttongroup-text-padding-left: 4px;
  --buttongroup-text-padding-top: 0px;
  --card-gap: 24px;
  --card-left: var(--spacing-040);
  --card-padding-bottom: var(--spacing-040);
  --card-padding-right: var(--spacing-040);
  --card-padding-top: var(--spacing-040);
  --card-radius: var(--radius-12);
  --checkbox-box-gap: 0px;
  --checkbox-box-padding-bottom: var(--spacing-002);
  --checkbox-box-padding-left: var(--spacing-002);
  --checkbox-box-padding-right: var(--spacing-002);
  --checkbox-box-padding-top: var(--spacing-002);
  --checkbox-box-radius: 4px;
  --checkbox-gap: 4px;
  --checkbox-padding-bottom: 0px;
  --checkbox-padding-left: 0px;
  --checkbox-padding-right: 0px;
  --checkbox-padding-top: 0px;
  --checkbox-primary-text-gap: 0px;
  --checkbox-primary-text-padding-bottom: var(--spacing-006);
  --checkbox-primary-text-padding-left: 0px;
  --checkbox-primary-text-padding-right: 0px;
  --checkbox-primary-text-padding-top: var(--spacing-006);
  --checkbox-secondary-text-gap: 0px;
  --checkbox-secondary-text-padding-bottom: 0px;
  --checkbox-secondary-text-padding-left: 0px;
  --checkbox-secondary-text-padding-right: 0px;
  --checkbox-secondary-text-padding-top: 0px;
  --checkbox-text-gap: 0px;
  --checkbox-text-padding-bottom: 0px;
  --checkbox-text-padding-left: 0px;
  --checkbox-text-padding-right: 0px;
  --checkbox-text-padding-top: 0px;
  --chips-l-gap: 0px;
  --chips-l-padding-bottom: 0px;
  --chips-l-padding-left: 8px;
  --chips-l-padding-right: 8px;
  --chips-l-padding-top: 0px;
  --chips-l-radius: 999px;
  --chips-l-text-gap: 8px;
  --chips-l-text-padding-bottom: 0px;
  --chips-l-text-padding-left: 8px;
  --chips-l-text-padding-right: 8px;
  --chips-l-text-padding-top: 0px;
  --chips-m-gap: 0px;
  --chips-m-padding-bottom: 0px;
  --chips-m-padding-left: 8px;
  --chips-m-padding-right: 8px;
  --chips-m-padding-top: 0px;
  --chips-m-radius: 999px;
  --chips-m-text-gap: 4px;
  --chips-m-text-padding-bottom: 0px;
  --chips-m-text-padding-left: 4px;
  --chips-m-text-padding-right: 4px;
  --chips-m-text-padding-top: 0px;
  --dropdown-gap: 4px;
  --dropdown-item-gap: 8px;
  --dropdown-item-padding-bottom: 12px;
  --dropdown-item-padding-left: 8px;
  --dropdown-item-padding-right: 8px;
  --dropdown-item-padding-top: 12px;
  --dropdown-padding-bottom: 8px;
  --dropdown-padding-left: 8px;
  --dropdown-padding-right: 8px;
  --dropdown-padding-top: 8px;
  --dropdown-radius: var(--radius-12);
  --fileupload-chips-gap: 12px;
  --fileupload-chips-padding-bottom: 0px;
  --fileupload-chips-padding-left: 0px;
  --fileupload-chips-padding-right: 0px;
  --fileupload-chips-padding-top: 0px;
  --fileupload-file-area-gap: 0px;
  --fileupload-file-area-padding-bottom: var(--spacing-016);
  --fileupload-file-area-padding-left: 24px;
  --fileupload-file-area-padding-right: 24px;
  --fileupload-file-area-padding-top: var(--spacing-016);
  --fileupload-file-area-radius: 8px;
  --fileupload-gap: var(--spacing-016);
  --fileupload-padding-bottom: 0px;
  --fileupload-padding-left: 0px;
  --fileupload-padding-right: 0px;
  --fileupload-padding-top: 0px;
  --fileupload-text-gap: 4px;
  --fileupload-text-padding-bottom: 0px;
  --fileupload-text-padding-left: 0px;
  --fileupload-text-padding-right: 0px;
  --fileupload-text-padding-top: 0px;
  --font-size-10: 0.625rem;
  --font-size-12: 0.75rem;
  --font-size-14: 0.875rem;
  --font-size-16: 1rem;
  --font-size-18: 1.125rem;
  --font-size-20: 1.25rem;
  --font-size-24: 1.5rem;
  --font-size-32: 2rem;
  --font-size-40: 2.5rem;
  --font-size-48: 3rem;
  --footer-branding-section-gap: var(--spacing-048);
  --footer-branding-section-padding-bottom: 0px;
  --footer-branding-section-padding-left: 0px;
  --footer-branding-section-padding-right: 0px;
  --footer-branding-section-padding-top: 0px;
  --footer-branding-section-social-buttons-gap: var(--spacing-016);
  --footer-branding-section-social-buttons-padding-bottom: 0px;
  --footer-branding-section-social-buttons-padding-left: 0px;
  --footer-branding-section-social-buttons-padding-right: 0px;
  --footer-branding-section-social-buttons-padding-top: 0px;
  --footer-gap: var(--spacing-048);
  --footer-links-section-gap: 24px;
  --footer-links-section-padding-bottom: 0px;
  --footer-links-section-padding-left: 0px;
  --footer-links-section-padding-right: 0px;
  --footer-links-section-padding-top: 0px;
  --footer-padding-bottom: var(--spacing-048);
  --footer-padding-left: var(--spacing-048);
  --footer-padding-right: var(--spacing-048);
  --footer-padding-top: var(--spacing-048);
  --footer-radius: var(--radius-12);
  --input-gap: 4px;
  --input-message-gap: 0px;
  --input-message-padding-bottom: 0px;
  --input-message-padding-left: 0px;
  --input-message-padding-right: 0px;
  --input-message-padding-top: 0px;
  --input-padding-bottom: 0px;
  --input-padding-left: 0px;
  --input-padding-right: 0px;
  --input-padding-top: 0px;
  --input-text-gap: 0px;
  --input-text-label-gap: 0px;
  --input-text-label-padding-bottom: 0px;
  --input-text-label-padding-left: 0px;
  --input-text-label-padding-right: 0px;
  --input-text-label-padding-top: 0px;
  --input-text-padding-bottom: var(--spacing-002);
  --input-text-padding-left: 0px;
  --input-text-padding-right: 0px;
  --input-text-padding-top: 0px;
  --input-text-secondary-text-gap: 0px;
  --input-text-secondary-text-padding-bottom: 0px;
  --input-text-secondary-text-padding-left: 0px;
  --input-text-secondary-text-padding-right: 0px;
  --input-text-secondary-text-padding-top: 0px;
  --input-textfield-gap: 4px;
  --input-textfield-inner-textfield-label-gap: 0px;
  --input-textfield-inner-textfield-label-padding-bottom: 0px;
  --input-textfield-inner-textfield-label-padding-left: 0px;
  --input-textfield-inner-textfield-label-padding-right: 0px;
  --input-textfield-inner-textfield-label-padding-top: 0px;
  --input-textfield-padding-bottom: 12px;
  --input-textfield-padding-left: 12px;
  --input-textfield-padding-right: 12px;
  --input-textfield-padding-top: 12px;
  --input-textfield-radius: 8px;
  --layout-8: 8;
  --line-height-12: 12px;
  --line-height-16: 16px;
  --line-height-20: 20px;
  --line-height-24: 24px;
  --line-height-28: 28px;
  --line-height-32: 32px;
  --line-height-40: 40px;
  --line-height-48: 48px;
  --line-height-56: 56px;
  --link-gap: 0px;
  --link-l-gap: var(--spacing-002);
  --link-l-padding-bottom: 0px;
  --link-l-padding-left: 0px;
  --link-l-padding-right: 0px;
  --link-l-padding-top: var(--spacing-001);
  --link-m-gap: var(--spacing-002);
  --link-m-padding-bottom: 0px;
  --link-m-padding-left: 0px;
  --link-m-padding-right: 0px;
  --link-m-padding-top: var(--spacing-001);
  --link-padding-bottom: 0px;
  --link-padding-left: 0px;
  --link-padding-right: 0px;
  --link-padding-top: 0px;
  --link-s-gap: 0px;
  --link-s-padding-bottom: 0px;
  --link-s-padding-left: 0px;
  --link-s-padding-right: 0px;
  --link-s-padding-top: 0px;
  --otp-l-gap: 12px;
  --otp-l-otp-field-gap: 0px;
  --otp-l-otp-field-padding-bottom: 4px;
  --otp-l-otp-field-padding-left: 4px;
  --otp-l-otp-field-padding-right: 4px;
  --otp-l-otp-field-padding-top: 4px;
  --otp-l-otp-field-radius: 4px;
  --otp-l-padding-bottom: 0px;
  --otp-l-padding-left: 0px;
  --otp-l-padding-right: 0px;
  --otp-l-padding-top: 0px;
  --otp-m-gap: 4px;
  --otp-m-otp-field-gap: 0px;
  --otp-m-otp-field-padding-bottom: 4px;
  --otp-m-otp-field-padding-left: 4px;
  --otp-m-otp-field-padding-right: 4px;
  --otp-m-otp-field-padding-top: 4px;
  --otp-m-otp-field-radius: 4px;
  --otp-m-padding-bottom: 0px;
  --otp-m-padding-left: 0px;
  --otp-m-padding-right: 0px;
  --otp-m-padding-top: 0px;
  --otp-s-gap: 4px;
  --otp-s-otp-field-gap: 0px;
  --otp-s-otp-field-padding-bottom: 4px;
  --otp-s-otp-field-padding-left: 4px;
  --otp-s-otp-field-padding-right: 4px;
  --otp-s-otp-field-padding-top: 4px;
  --otp-s-otp-field-radius: 4px;
  --otp-s-padding-bottom: 0px;
  --otp-s-padding-left: 0px;
  --otp-s-padding-right: 0px;
  --otp-s-padding-top: 0px;
  --pagination-gap: 24px;
  --pagination-padding-bottom: 0px;
  --pagination-padding-left: 0px;
  --pagination-padding-right: 0px;
  --pagination-padding-top: 0px;
  --pagination-page-button-gap: 0px;
  --pagination-page-button-padding-bottom: 0px;
  --pagination-page-button-padding-left: 0px;
  --pagination-page-button-padding-right: 0px;
  --pagination-page-button-padding-top: 0px;
  --pagination-page-button-radius: 0px;
  --pagination-radius: 0px;
  --profilepicture-edit-icon-radius: 999px;
  --profilepicture-edit-picture-radius: 999px;
  --profilepicture-upload-global-radius: 999px;
  --profilepicture-upload-image-container-radius: 999px;
  --radiobutton-gap: 4px;
  --radiobutton-padding-bottom: 0px;
  --radiobutton-padding-left: 0px;
  --radiobutton-padding-right: 0px;
  --radiobutton-padding-top: 0px;
  --radiobutton-primary-text-gap: 0px;
  --radiobutton-primary-text-padding-bottom: var(--spacing-006);
  --radiobutton-primary-text-padding-left: 0px;
  --radiobutton-primary-text-padding-right: 0px;
  --radiobutton-primary-text-padding-top: var(--spacing-006);
  --radiobutton-radio-gap: 0px;
  --radiobutton-radio-padding-bottom: 0px;
  --radiobutton-radio-padding-left: 0px;
  --radiobutton-radio-padding-right: 0px;
  --radiobutton-radio-padding-top: 0px;
  --radiobutton-radio-radius: 999px;
  --radiobutton-secondary-text-gap: 0px;
  --radiobutton-secondary-text-padding-bottom: 0px;
  --radiobutton-secondary-text-padding-left: 0px;
  --radiobutton-secondary-text-padding-right: 0px;
  --radiobutton-secondary-text-padding-top: 0px;
  --radiobutton-text-gap: 0px;
  --radiobutton-text-padding-bottom: 0px;
  --radiobutton-text-padding-left: 0px;
  --radiobutton-text-padding-right: 0px;
  --radiobutton-text-padding-top: 0px;
  --radius-00: 0px;
  --radius-02: 2px;
  --radius-04: 4px;
  --radius-08: 8px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-24: 24px;
  --radius-999: 999px;
  --searchbar-gap: 12px;
  --searchbar-padding-bottom: 12px;
  --searchbar-padding-left: var(--spacing-020);
  --searchbar-padding-right: var(--spacing-016);
  --searchbar-padding-top: 12px;
  --searchbar-radius: 999px;
  --select-field-gap: 4px;
  --select-field-inner-field-label-gap: 0px;
  --select-field-inner-field-label-padding-bottom: 0px;
  --select-field-inner-field-label-padding-left: 0px;
  --select-field-inner-field-label-padding-right: 0px;
  --select-field-inner-field-label-padding-top: 0px;
  --select-field-padding-left: 12px;
  --select-field-padding-top: 12px;
  --select-field-radius: 8px;
  --select-gap: 4px;
  --select-message-gap: 0px;
  --select-message-padding-bottom: 0px;
  --select-message-padding-left: 0px;
  --select-message-padding-right: 0px;
  --select-message-padding-top: 0px;
  --select-padding-left: 0px;
  --select-padding-top: 0px;
  --select-text-field-label-gap: 0px;
  --select-text-field-label-padding-bottom: 0px;
  --select-text-field-label-padding-left: 0px;
  --select-text-field-label-padding-right: 0px;
  --select-text-field-label-padding-top: 0px;
  --select-text-gap: 0px;
  --select-text-padding-bottom: var(--spacing-002);
  --select-text-padding-left: 0px;
  --select-text-padding-right: 0px;
  --select-text-padding-top: 0px;
  --select-text-secondary-text-gap: 0px;
  --select-text-secondary-text-padding-bottom: 0px;
  --select-text-secondary-text-padding-left: 0px;
  --select-text-secondary-text-padding-right: 0px;
  --select-text-secondary-text-padding-top: 0px;
  --sheet-content-padding-bottom: 24px;
  --sheet-content-padding-left: 24px;
  --sheet-content-padding-right: 24px;
  --sheet-content-padding-top: 24px;
  --sheet-footer-desktop-padding-bottom: 24px;
  --sheet-footer-desktop-padding-left: 24px;
  --sheet-footer-desktop-padding-right: 24px;
  --sheet-footer-desktop-padding-top: 24px;
  --sheet-footer-desktop-radius-bottom-left: 16px;
  --sheet-footer-desktop-radius-bottom-right: 16px;
  --sheet-footer-desktop-radius-top-left: 0px;
  --sheet-footer-desktop-radius-top-right: 0px;
  --sheet-footer-mobile-radius-bottom-left: 0px;
  --sheet-footer-mobile-radius-bottom-right: 0px;
  --sheet-header-gap: 12px;
  --sheet-header-padding-bottom: var(--spacing-016);
  --sheet-header-padding-left: 12px;
  --sheet-header-padding-right: 12px;
  --sheet-header-padding-top: var(--spacing-016);
  --sheet-header-title-padding-bottom: 0px;
  --sidebar-general-collapsed-padding-bottom: 24px;
  --sidebar-general-collapsed-padding-left: var(--spacing-020);
  --sidebar-general-collapsed-padding-right: var(--spacing-020);
  --sidebar-general-collapsed-padding-top: var(--spacing-040);
  --sidebar-general-collapsed-radius: var(--radius-12);
  --sidebar-general-expanded-padding-bottom: 24px;
  --sidebar-general-expanded-padding-left: 24px;
  --sidebar-general-expanded-padding-right: 24px;
  --sidebar-general-expanded-padding-top: var(--spacing-040);
  --sidebar-general-expanded-radius: var(--radius-12);
  --sidebar-main-navigation-gap: var(--spacing-080);
  --sidebar-main-navigation-padding-bottom: 0px;
  --sidebar-main-navigation-padding-left: 0px;
  --sidebar-main-navigation-padding-right: 0px;
  --sidebar-main-navigation-padding-top: 0px;
  --sidebar-menuitem-collapsed-default-gap: 0px;
  --sidebar-menuitem-collapsed-default-padding-bottom: 12px;
  --sidebar-menuitem-collapsed-default-padding-left: 12px;
  --sidebar-menuitem-collapsed-default-padding-right: 12px;
  --sidebar-menuitem-collapsed-default-padding-top: 12px;
  --sidebar-menuitem-collapsed-user-collapsed-radius: 999px;
  --sidebar-menuitem-collapsed-user-gap: 4px;
  --sidebar-menuitem-collapsed-user-padding-bottom: 4px;
  --sidebar-menuitem-collapsed-user-padding-left: 4px;
  --sidebar-menuitem-collapsed-user-padding-right: 4px;
  --sidebar-menuitem-collapsed-user-padding-top: 4px;
  --sidebar-menuitem-expanded-default-collapsed-radius: 999px;
  --sidebar-menuitem-expanded-default-gap: 4px;
  --sidebar-menuitem-expanded-default-padding-bottom: 12px;
  --sidebar-menuitem-expanded-default-padding-left: 12px;
  --sidebar-menuitem-expanded-default-padding-right: 12px;
  --sidebar-menuitem-expanded-default-radius: 8px;
  --sidebar-menuitem-expanded-user-gap: 4px;
  --sidebar-menuitem-expanded-user-padding-bottom: 4px;
  --sidebar-menuitem-expanded-user-padding-left: 4px;
  --sidebar-menuitem-expanded-user-padding-right: 12px;
  --sidebar-menuitem-expanded-user-padding-top: 4px;
  --sidebar-menuitem-expanded-user-radius: 8px;
  --sidebar-secondary-navigation-gap: 8px;
  --sidebar-secondary-navigation-padding-bottom: 0px;
  --sidebar-secondary-navigation-padding-left: 0px;
  --sidebar-secondary-navigation-padding-right: 0px;
  --sidebar-secondary-navigation-padding-top: 0px;
  --socialbutton-gap: 0px;
  --socialbutton-padding-bottom: 0px;
  --socialbutton-padding-left: 0px;
  --socialbutton-padding-right: 0px;
  --socialbutton-padding-top: 0px;
  --spacing-000: 0px;
  --spacing-001: 1px;
  --spacing-002: 2px;
  --spacing-004: 4px;
  --spacing-006: 6px;
  --spacing-008: 8px;
  --spacing-012: 12px;
  --spacing-016: 16px;
  --spacing-020: 20px;
  --spacing-024: 24px;
  --spacing-032: 32px;
  --spacing-040: 40px;
  --spacing-048: 48px;
  --spacing-056: 56px;
  --spacing-064: 64px;
  --spacing-072: 72px;
  --spacing-080: 80px;
  --spacing-088: 88px;
  --spacing-096: 96px;
  --spacing-104: 104px;
  --spacing-112: 112px;
  --spacing-120: 120px;
  --spacing-128: 128px;
  --spacing-136: 136px;
  --spacing-140: 140px;
  --spacing-144: 144px;
  --spacing-152: 152px;
  --spacing-160: 160px;
  --stepper-gap: 0px;
  --stepper-padding-bottom: 0px;
  --stepper-padding-left: 0px;
  --stepper-padding-right: 0px;
  --stepper-padding-top: 0px;
  --stepper-step-gap: 0px;
  --stepper-step-general-gap: 4px;
  --stepper-step-general-padding-bottom: 0px;
  --stepper-step-general-padding-left: 0px;
  --stepper-step-general-padding-right: 0px;
  --stepper-step-general-padding-top: 0px;
  --stepper-step-padding-bottom: 0px;
  --stepper-step-padding-left: 0px;
  --stepper-step-padding-right: 0px;
  --stepper-step-padding-top: 0px;
  --stepper-step-radius: 999px;
  --tabs-gap: 8px;
  --tabs-padding-bottom: 0px;
  --tabs-padding-left: 0px;
  --tabs-padding-right: 0px;
  --tabs-padding-top: 0px;
  --tabs-radius: 16px;
  --tabs-tab-gap: 0px;
  --tabs-tab-padding-bottom: 0px;
  --tabs-tab-padding-left: var(--spacing-020);
  --tabs-tab-padding-right: var(--spacing-020);
  --tabs-tab-padding-top: 0px;
  --tabs-tab-radius: 8px;
  --tag-gap: 4px;
  --tag-padding-bottom: 0px;
  --tag-padding-left: 8px;
  --tag-padding-right: 8px;
  --tag-padding-top: 0px;
  --tag-radius: 8px;
  --textarea-editiontools-gap: 8px;
  --textarea-editiontools-padding-bottom: 0px;
  --textarea-editiontools-padding-left: 8px;
  --textarea-editiontools-padding-right: 8px;
  --textarea-editiontools-padding-top: 0px;
  --textarea-editiontools-radius: 0px;
  --textarea-editiontools-tool-gap: 0px;
  --textarea-editiontools-tool-padding-bottom: 0px;
  --textarea-editiontools-tool-padding-left: 0px;
  --textarea-editiontools-tool-padding-right: 0px;
  --textarea-editiontools-tool-padding-top: 0px;
  --textarea-editiontools-tool-radius: 999px;
  --textarea-editiontools-toolsgroup-gap: 0px;
  --textarea-editiontools-toolsgroup-padding-bottom: 0px;
  --textarea-editiontools-toolsgroup-padding-left: 0px;
  --textarea-editiontools-toolsgroup-padding-right: 0px;
  --textarea-editiontools-toolsgroup-padding-top: 0px;
  --textarea-editiontools-toolsgroup-radius: 0px;
  --textarea-gap: 4px;
  --textarea-inner-textarea-gap: 12px;
  --textarea-inner-textarea-label-gap: 0px;
  --textarea-inner-textarea-label-padding-bottom: 0px;
  --textarea-inner-textarea-label-padding-left: 0px;
  --textarea-inner-textarea-label-padding-right: 0px;
  --textarea-inner-textarea-label-padding-top: 0px;
  --textarea-inner-textarea-label-radius: 0px;
  --textarea-inner-textarea-padding-bottom: 12px;
  --textarea-inner-textarea-padding-left: 12px;
  --textarea-inner-textarea-padding-right: 12px;
  --textarea-inner-textarea-padding-top: 12px;
  --textarea-inner-textarea-radius: 0px;
  --textarea-message-gap: 0px;
  --textarea-message-padding-bottom: 0px;
  --textarea-message-padding-left: 0px;
  --textarea-message-padding-right: 0px;
  --textarea-message-padding-top: 0px;
  --textarea-padding-bottom: 0px;
  --textarea-padding-left: 0px;
  --textarea-padding-right: 0px;
  --textarea-padding-top: 0px;
  --textarea-radius: 8px;
  --textarea-text-gap: 0px;
  --textarea-text-label-gap: 0px;
  --textarea-text-label-padding-bottom: 0px;
  --textarea-text-label-padding-left: 0px;
  --textarea-text-label-padding-right: 0px;
  --textarea-text-label-padding-top: 0px;
  --textarea-text-padding-bottom: var(--spacing-002);
  --textarea-text-padding-left: 0px;
  --textarea-text-padding-right: 0px;
  --textarea-text-padding-top: 0px;
  --textarea-text-secondary-text-gap: 0px;
  --textarea-text-secondary-text-padding-bottom: 0px;
  --textarea-text-secondary-text-padding-left: 0px;
  --textarea-text-secondary-text-padding-right: 0px;
  --textarea-text-secondary-text-padding-top: 0px;
  --time-slot-active-hover-gap: 4px;
  --time-slot-active-hover-padding-bottom: 4px;
  --time-slot-active-hover-padding-left: 4px;
  --time-slot-active-hover-padding-right: 4px;
  --time-slot-active-hover-padding-top: 4px;
  --time-slot-default-gap: 4px;
  --time-slot-default-padding-bottom: 4px;
  --time-slot-default-padding-left: 4px;
  --time-slot-default-padding-right: 4px;
  --time-slot-default-padding-top: 4px;
  --time-slot-default-radius: 0px;
  --time-slot-disable-gap: 0px;
  --time-slot-disable-padding-bottom: 0px;
  --time-slot-disable-padding-left: 0px;
  --time-slot-disable-padding-right: 0px;
  --time-slot-disable-padding-top: 0px;
  --time-slot-gap: 0px;
  --time-slot-hover-gap: 4px;
  --time-slot-hover-padding-bottom: 4px;
  --time-slot-hover-padding-left: 4px;
  --time-slot-hover-padding-right: 4px;
  --time-slot-hover-padding-top: 4px;
  --time-slot-hover-radius: 0px;
  --time-slot-padding-bottom: 0px;
  --time-slot-padding-left: 0px;
  --time-slot-padding-right: 0px;
  --time-slot-padding-top: 0px;
  --time-slot-radius: 16px;
  --time-slot-state-active-hover-gap: 0px;
  --time-slot-state-active-hover-padding-bottom: 0px;
  --time-slot-state-active-hover-padding-left: 0px;
  --time-slot-state-active-hover-padding-right: 0px;
  --time-slot-state-active-hover-padding-top: 0px;
  --time-slot-state-active-hover-radius: 8px;
  --time-slot-state-default-gap: 0px;
  --time-slot-state-default-padding-bottom: 0px;
  --time-slot-state-default-padding-left: 0px;
  --time-slot-state-default-padding-right: 0px;
  --time-slot-state-default-padding-top: 0px;
  --time-slot-state-default-radius: 0px;
  --time-slot-state-hover-gap: 0px;
  --time-slot-state-hover-padding-bottom: 0px;
  --time-slot-state-hover-padding-left: 0px;
  --time-slot-state-hover-padding-right: 0px;
  --time-slot-state-hover-padding-top: 0px;
  --time-slot-state-hover-radius: 8px;
  --time-slot-state-validated-gap: 0px;
  --time-slot-state-validated-padding-bottom: 0px;
  --time-slot-state-validated-padding-left: 0px;
  --time-slot-state-validated-padding-right: 0px;
  --time-slot-state-validated-padding-top: 0px;
  --time-slot-state-validated-radius: 8px;
  --time-slot-state-waiting-gap: 0px;
  --time-slot-state-waiting-padding-bottom: 0px;
  --time-slot-state-waiting-padding-left: 0px;
  --time-slot-state-waiting-padding-right: 0px;
  --time-slot-state-waiting-padding-top: 0px;
  --time-slot-validated-gap: 4px;
  --time-slot-validated-padding-bottom: 4px;
  --time-slot-validated-padding-left: 4px;
  --time-slot-validated-padding-right: 4px;
  --time-slot-validated-padding-top: 4px;
  --time-slot-validated-radius: 0px;
  --time-slot-waiting-gap: 4px;
  --time-slot-waiting-padding-bottom: 4px;
  --time-slot-waiting-padding-left: 4px;
  --time-slot-waiting-padding-right: 4px;
  --time-slot-waiting-padding-top: 4px;
  --toast-gap: 12px;
  --toast-padding-bottom: var(--spacing-016);
  --toast-padding-left: var(--spacing-016);
  --toast-padding-right: 12px;
  --toast-padding-top: var(--spacing-016);
  --toast-radius: 8px;
  --toast-text-gap: 0px;
  --toast-text-padding-bottom: var(--spacing-002);
  --toast-text-padding-left: 0px;
  --toast-text-padding-right: 0px;
  --toast-text-padding-top: var(--spacing-002);
  --toggle-gap: 8px;
  --toggle-padding-bottom: 0px;
  --toggle-padding-left: 0px;
  --toggle-padding-right: 0px;
  --toggle-padding-top: 0px;
  --toggle-primary-text-gap: 0px;
  --toggle-primary-text-padding-bottom: var(--spacing-006);
  --toggle-primary-text-padding-left: 0px;
  --toggle-primary-text-padding-right: 0px;
  --toggle-primary-text-padding-top: var(--spacing-006);
  --toggle-secondary-text-gap: 0px;
  --toggle-secondary-text-padding-bottom: 0px;
  --toggle-secondary-text-padding-left: 0px;
  --toggle-secondary-text-padding-right: 0px;
  --toggle-secondary-text-padding-top: 0px;
  --toggle-switch-l-gap: 0px;
  --toggle-switch-l-padding-bottom: 4px;
  --toggle-switch-l-padding-left: 4px;
  --toggle-switch-l-padding-right: 4px;
  --toggle-switch-l-padding-top: 4px;
  --toggle-switch-s-gap: 0px;
  --toggle-switch-s-padding-bottom: var(--spacing-002);
  --toggle-switch-s-padding-left: var(--spacing-002);
  --toggle-switch-s-padding-right: var(--spacing-002);
  --toggle-switch-s-padding-top: var(--spacing-002);
  --toggle-switch-s-radius: 999px;
  --toggle-text-gap: 0px;
  --toggle-text-padding-bottom: 0px;
  --toggle-text-padding-left: 0px;
  --toggle-text-padding-right: 0px;
  --toggle-text-padding-top: 0px;
  --tooltip-container-gap: 8px;
  --tooltip-container-padding-bottom: 8px;
  --tooltip-container-padding-left: 12px;
  --tooltip-container-padding-right: 12px;
  --tooltip-container-padding-top: 8px;
  --tooltip-container-radius: 8px;
  --tooltip-gap: 0px;
  --tooltip-padding-bottom: 0px;
  --tooltip-padding-left: 0px;
  --tooltip-padding-right: 0px;
  --tooltip-padding-top: 0px;
}


:not(:defined):not(.hydrated) {
  visibility: hidden;
}

:defined,
.hydrated {
  visibility: visible;
}

:root,
html,
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}