:root {
  --font-family: RoobertPRO, sans-serif;
  --font-family-titles: RoobertPRO, sans-serif;
  --aspect-ratio-16x9: 1.7777777778;
  --aspect-ratio-16x10: 1.6;
  --aspect-ratio-3x2: 1.5;
  --aspect-ratio-4x3: 1.3333333333;
  --aspect-ratio-5x4: 1.25;
  --aspect-ratio-7x5: 1.4;
  --aspect-ratio-8x3: 2.6666666667;
  --aspect-ratio-1x1: 1;
  --aspect-ratio-9x16: 0.5625;
  --aspect-ratio-10x16: 0.625;
  --aspect-ratio-2x3: 0.6666666667;
  --aspect-ratio-3x4: 0.75;
  --aspect-ratio-4x5: 0.8;
  --border-radius-xs: 2px;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 12px;
  --border-radius-xl: 16px;
  --border-radius-none: 0px;
  --border-radius-rounded: 999px;
  --border-width-0: 0px;
  --border-width-100: 1px;
  --border-width-200: 2px;
  --border-width-300: 3px;
  --border-width-400: 4px;
  --breakpoints-smalltablet: 512px;
  --breakpoints-tablet: 768px;
  --breakpoints-laptop: 1024px;
  --breakpoints-desktop: 1440px;
  --color-foreground-neutral: #0d1619;
  --color-foreground-neutral-faded: #757676;
  --color-foreground-accent: #6950f3;
  --color-foreground-accent-hover: #5c4ace;
  --color-foreground-accent-active: #403591;
  --color-foreground-positive: #1f8900;
  --color-foreground-warning: #d06a19;
  --color-foreground-danger: #d4163a;
  --color-foreground-danger-hover: #bb1232;
  --color-foreground-danger-active: #831324;
  --color-foreground-disabled: #acacac;
  --color-foreground-ghost: #bfbfbf;
  --color-foreground-on-loud: #fff;
  --color-foreground-on-accent: #fff;
  --color-foreground-on-primary: #fff;
  --color-foreground-info: #4f5ef2;
  --color-foreground-transparent: hsla(0, 0%, 100%, 0);
  --color-background-neutral: #d3d3d3;
  --color-background-neutral-hover: #bfbfbf;
  --color-background-neutral-active: #acacac;
  --color-background-neutral-faded: #f2f2f2;
  --color-background-neutral-faded-hover: #d3d3d3;
  --color-background-neutral-faded-active: #bfbfbf;
  --color-background-positive: #1f8900;
  --color-background-positive-faded: #e5fae0;
  --color-background-danger: #d4163a;
  --color-background-danger-hover: #bb1232;
  --color-background-danger-active: #831324;
  --color-background-danger-faded: #feeceb;
  --color-background-danger-faded-hover: #fee3e2;
  --color-background-danger-faded-active: #ffd4d3;
  --color-background-disabled: #f2f2f2;
  --color-background-page: #fff;
  --color-background-page-faded: #f9f9f9;
  --color-background-base: #fff;
  --color-background-base-hover: #f2f2f2;
  --color-background-base-active: #e5e5e5;
  --color-background-elevated: #fff;
  --color-background-elevated-hover: #f2f2f2;
  --color-background-elevated-active: #e5e5e5;
  --color-background-primary: #0d1619;
  --color-background-primary-hover: #3a4144;
  --color-background-primary-active: #505658;
  --color-background-warning: #ffc00a;
  --color-background-warning-faded: #fff7db;
  --color-background-warning-faded-hover: #fff4cc;
  --color-background-warning-faded-active: #ffeab0;
  --color-background-accent: #6950f3;
  --color-background-accent-hover: #5c4ace;
  --color-background-accent-active: #403591;
  --color-background-accent-faded: #e7e8ff;
  --color-background-accent-faded-hover: #dbddff;
  --color-background-accent-faded-active: #d1d4ff;
  --color-background-info: #4f5ef2;
  --color-background-info-faded: #f0f3fe;
  --color-background-overlay: rgba(13, 22, 25, 0.251);
  --color-background-transparent: rgba(13, 22, 25, 0);
  --color-background-transparent-hover: rgba(13, 22, 25, 0.039);
  --color-background-transparent-active: rgba(13, 22, 25, 0.078);
  --color-background-on-loud: hsla(0, 0%, 100%, 0);
  --color-background-on-loud-hover: hsla(0, 0%, 100%, 0.039);
  --color-background-on-loud-active: hsla(0, 0%, 100%, 0.078);
  --color-border-neutral: #bfbfbf;
  --color-border-neutral-hover: #acacac;
  --color-border-neutral-active: #969696;
  --color-border-neutral-faded: #d3d3d3;
  --color-border-neutral-faded-hover: #bfbfbf;
  --color-border-neutral-faded-active: #acacac;
  --color-border-neutral-fadest: #e5e5e5;
  --color-border-positive: #1f8900;
  --color-border-positive-faded: #d2f6c9;
  --color-border-danger: #d4163a;
  --color-border-danger-hover: #bb1232;
  --color-border-danger-active: #831324;
  --color-border-danger-faded: #fee3e2;
  --color-border-disabled: #d3d3d3;
  --color-border-warning: #ffc00a;
  --color-border-warning-faded: #fff4cc;
  --color-border-accent: #6950f3;
  --color-border-accent-hover: #5c4ace;
  --color-border-accent-active: #403591;
  --color-border-accent-faded: #dbddff;
  --color-border-primary: #0d1619;
  --color-border-info: #4f5ef2;
  --color-border-info-faded: #e7ecfe;
  --color-border-transparent: hsla(0, 0%, 100%, 0);
  --color-static-black: #0d1619;
  --color-custom-blue: #a5dff8;
  --color-custom-dark-blue: #97c6f0;
  --color-custom-orange: #ffbf69;
  --color-custom-teal: #6cd5cb;
  --color-custom-red: #f67a6f;
  --color-custom-light-grey: #dee3e7;
  --color-custom-dark-grey: #a4adba;
  --color-custom-pink: #ff9cbb;
  --color-custom-purple: #e2a6e6;
  --color-custom-indigo: #bbc1e8;
  --color-custom-cyan: #91e3ee;
  --color-custom-green: #a6e5bd;
  --color-custom-lime: #e7f286;
  --color-custom-yellow: #ffec78;
  --color-custom-yellow: #ffbd59;
  --color-Dark-yellow: #f1d40c;

  --elevation-base: 0 2px 4px 0 rgba(13, 22, 25, 0.122);
  --elevation-none: 0 0 0 0 rgba(13, 22, 25, 0.122);
  --elevation-elevated: 0 4px 8px 0 rgba(13, 22, 25, 0.02),
    0 12px 20px 0 rgba(13, 22, 25, 0.059);
  --elevation-clipping: 0 2px 4px 0 rgba(13, 22, 25, 0.059);
  --elevation-clipping-bottom: 0 -1px 0 0 #d3d3d3;
  --elevation-drawer: 0 8px 32px 0 rgba(13, 22, 25, 0.161);
  --elevation-card: 0 2px 12px 4px rgba(13, 22, 25, 0.078),
    0 0 6px 2px rgba(13, 22, 25, 0.02);
  --linear-gradient-accent-direction-rotation: 135deg;
  --linear-gradient-accent-direction-start-point-x: 0;
  --linear-gradient-accent-direction-start-point-y: 0;
  --linear-gradient-accent-direction-end-point-x: 1;
  --linear-gradient-accent-direction-end-point-y: 1;
  --linear-gradient-accent-stops-stop0-offset: 0;
  --linear-gradient-accent-stops-stop0-color: #6950f3;
  --linear-gradient-accent-stops-stop100-offset: 1;
  --linear-gradient-accent-stops-stop100-color: #403591;
  --linear-gradient-positive-direction-rotation: 135deg;
  --linear-gradient-positive-direction-start-point-x: 0;
  --linear-gradient-positive-direction-start-point-y: 0;
  --linear-gradient-positive-direction-end-point-x: 1;
  --linear-gradient-positive-direction-end-point-y: 1;
  --linear-gradient-positive-stops-stop0-offset: 0;
  --linear-gradient-positive-stops-stop0-color: #1f8900;
  --linear-gradient-positive-stops-stop100-offset: 1;
  --linear-gradient-positive-stops-stop100-color: #215412;
  --motion-duration-short-s: 100ms;
  --motion-duration-short-m: 200ms;
  --motion-duration-short-l: 300ms;
  --motion-duration-medium-s: 400ms;
  --motion-duration-medium-m: 500ms;
  --motion-duration-medium-l: 600ms;
  --motion-duration-long-s: 800ms;
  --motion-duration-long-m: 1000ms;
  --motion-duration-long-l: 1200ms;
  --motion-easing-linear: cubic-bezier(0, 0, 1, 1);
  --motion-easing-ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --motion-easing-ease-out: cubic-bezier(0, 0.55, 0.45, 1);
  --motion-easing-ease-in-out: cubic-bezier(0.85, 0, 0.15, 1);
  --motion-easing-gentle: cubic-bezier(0.48, 1.4, 0.32, 1);
  --opacity-transparent: 0;
  --opacity-background-hover: 0.04;
  --opacity-background-active: 0.08;
  --opacity-disabled: 0.4;
  --opacity-visible: 1;
  --scaling-0: 0;
  --scaling-10: 0.1;
  --scaling-20: 0.2;
  --scaling-30: 0.3;
  --scaling-40: 0.4;
  --scaling-50: 0.5;
  --scaling-60: 0.6;
  --scaling-70: 0.7;
  --scaling-80: 0.8;
  --scaling-85: 0.85;
  --scaling-90: 0.9;
  --scaling-95: 0.95;
  --scaling-100: 1;
  --scaling-105: 1.05;
  --scaling-110: 1.1;
  --scaling-115: 1.15;
  --scaling-120: 1.2;
  --scaling-125: 1.25;
  --scaling-130: 1.3;
  --scaling-140: 1.4;
  --scaling-150: 1.5;
  --scaling-160: 1.6;
  --scaling-170: 1.7;
  --scaling-180: 1.8;
  --scaling-190: 1.9;
  --scaling-200: 1.8;
  --scaling-default: 1;
  --scaling-hover: 1.1;
  --scaling-active: 0.96;
  --side-padding-mobile: 20px;
  --side-padding-tablet: 32px;
  --sizing-25: 2px;
  --sizing-50: 4px;
  --sizing-100: 8px;
  --sizing-150: 12px;
  --sizing-200: 16px;
  --sizing-250: 20px;
  --sizing-300: 24px;
  --sizing-350: 28px;
  --sizing-400: 32px;
  --sizing-450: 36px;
  --sizing-500: 40px;
  --sizing-550: 44px;
  --sizing-600: 48px;
  --sizing-700: 56px;
  --sizing-800: 64px;
  --sizing-900: 72px;
  --sizing-1000: 80px;
  --sizing-1200: 96px;
  --sizing-1500: 120px;
  --sizing-1700: 136px;
  --sizing-full-width: 100%;
  --spacing-0: 0px;
  --spacing-25: 2px;
  --spacing-50: 4px;
  --spacing-75: 6px;
  --spacing-100: 8px;
  --spacing-150: 12px;
  --spacing-200: 16px;
  --spacing-250: 20px;
  --spacing-300: 24px;
  --spacing-350: 28px;
  --spacing-400: 32px;
  --spacing-450: 36px;
  --spacing-500: 40px;
  --spacing-600: 48px;
  --spacing-800: 64px;
  --spacing-900: 72px;
  --spacing-1000: 80px;
  --spacing-1100: 88px;
  --spacing-1200: 96px;
  --spacing-1600: 128px;
  --text-decoration-underline: underline;
  --typography-display-xl-bold: 700 80px/92px var(--font-family-titles);
  --typography-display-l-bold: 700 48px/64px var(--font-family-titles);
  --typography-display-m-bold: 700 40px/44px var(--font-family-titles);
  --typography-display-m-bold1: 700 45px/44px var(--font-family-titles);
  --typography-display-s-bold: 700 28px/36px var(--font-family-titles);
  --typography-header-3xl-bold: 700 96px/112px var(--font-family);
  --typography-header-2xl-bold: 700 48px/52px var(--font-family);
  --typography-header-xl-bold: 700 40px/44px var(--font-family);
  --typography-header-l-semibold: 600 28px/36px var(--font-family);
  --typography-header-l-semibold1: 600 40px/36px var(--font-family);
  --typography-header-m-semibold: 600 24px/32px var(--font-family);
  --typography-header-s-semibold: 600 20px/28px var(--font-family);
  --typography-header-xs-semibold: 600 17px/24px var(--font-family);
  --typography-body-l-semibold: 600 24px/32px var(--font-family);
  --typography-body-l-semibolddd: 600 26px/32px var(--font-family);
  --typography-body-l-semibold1x: 600 20px/32px var(--font-family);
  --typography-body-l-medium: 500 24px/32px var(--font-family);
  --typography-body-l-regular: 400 24px/32px var(--font-family);
  --typography-body-ml-semibold: 600 20px/28px var(--font-family);
  --typography-body-ml-medium: 500 20px/28px var(--font-family);
  --typography-body-ml-regular: 400 20px/28px var(--font-family);
  --typography-body-m-semibold: 600 17px/24px var(--font-family);
  --typography-body-m-medium: 500 17px/24px var(--font-family);
  --typography-body-m-regular: 400 17px/24px var(--font-family);
  --typography-body-s-semibold: 600 15px/20px var(--font-family);
  --typography-body-s-medium: 500 15px/20px var(--font-family);
  --typography-body-s-regular: 400 15px/20px var(--font-family);
  --typography-body-xs-semibold: 600 13px/16px var(--font-family);
  --typography-body-xs-medium: 500 13px/16px var(--font-family);
  --typography-body-xs-regular: 400 13px/16px var(--font-family);
  --typography-body-2xs-semibold: 600 11px/12px var(--font-family);
  --typography-body-2xs-medium: 500 11px/12px var(--font-family);
  --typography-body-2xs-regular: 400 11px/12px var(--font-family);
  --typography-link-l-medium: 500 24px/32px var(--font-family);
  --typography-link-ml-medium: 500 20px/28px var(--font-family);
  --typography-link-m-medium: 500 17px/24px var(--font-family);
  --typography-link-s-medium: 500 15px/20px var(--font-family);
  --typography-link-xs-medium: 500 13px/16px var(--font-family);
  --typography-link-2xs-medium: 500 11px/12px var(--font-family);
  --typography-link-2xs-medium1: 600 30px/12px var(--font-family);
  --typography-link-3xs-large: 600 47px/12px var(--font-family);
  --utility-focus-ring: 0 0 0 2px #fff, 0 0 0 4px #0d1619;
  --autocomplete-item-variant-default-state-default-description-text-color: #757676;
  --autocomplete-item-variant-default-state-default-title-text-color: #0d1619;
  --autocomplete-item-variant-default-state-default-prefix-color: #0d1619;
  --autocomplete-item-variant-default-state-default-container-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --autocomplete-item-variant-default-state-hover-container-background-color: rgba(
    13,
    22,
    25,
    0.039
  );
  --autocomplete-item-variant-default-state-active-container-background-color: rgba(
    13,
    22,
    25,
    0.078
  );
  --autocomplete-item-variant-accent-state-default-title-text-color: #6950f3;
  --autocomplete-item-variant-accent-state-default-prefix-color: #6950f3;
  --autocomplete-item-size-default-content-composition-item-spacing: 0px;
  --autocomplete-item-size-default-title-composition-typography: 600 15px/20px
    var(--font-family);
  --autocomplete-item-size-default-description-composition-typography: 400 15px/20px
    var(--font-family);
  --autocomplete-item-size-default-container-composition-vertical-padding: 12px;
  --autocomplete-item-size-default-container-composition-horizontal-padding: 12px;
  --autocomplete-item-size-default-container-composition-item-spacing: 12px;
  --autocomplete-item-size-default-container-composition-border-radius: 4px;
  --autocomplete-list-size-default-header-composition-typography: 600 15px/20px
    var(--font-family);
  --autocomplete-list-size-default-header-container-composition-horizontal-padding: 12px;
  --autocomplete-list-size-default-header-container-composition-padding-top: 8px;
  --autocomplete-list-size-default-header-container-composition-padding-bottom: 4px;
  --autocomplete-list-size-default-grid-composition-item-spacing: 12px;
  --autocomplete-list-size-default-grid-composition-vertical-padding: 12px;
  --autocomplete-list-size-default-grid-composition-horizontal-padding: 12px;
  --avatar-variant-default-state-enabled-container-background-color: #e7e8ff;
  --avatar-variant-default-state-enabled-container-border-color: #e7e8ff;
  --avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page: 0
    0 0 2px #fff;
  --avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded: 0
    0 0 2px #f9f9f9;
  --avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base: 0
    0 0 2px #fff;
  --avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated: 0
    0 0 2px #fff;
  --avatar-variant-default-state-enabled-container-outer-ring-box-shadow-blue: 0
    0 0 2px #a5dff8;
  --avatar-variant-default-state-enabled-container-outer-ring-box-shadow-dark-blue: 0
    0 0 2px #97c6f0;
  --avatar-variant-default-state-enabled-container-outer-ring-box-shadow-cyan: 0
    0 0 2px #91e3ee;
  --avatar-variant-default-state-enabled-container-outer-ring-box-shadow-green: 0
    0 0 2px #a6e5bd;
  --avatar-variant-default-state-enabled-container-outer-ring-box-shadow-indigo: 0
    0 0 2px #bbc1e8;
  --avatar-variant-default-state-enabled-container-outer-ring-box-shadow-lime: 0
    0 0 2px #e7f286;
  --avatar-variant-default-state-enabled-container-outer-ring-box-shadow-orange: 0
    0 0 2px #ffbf69;
  --avatar-variant-default-state-enabled-container-outer-ring-box-shadow-pink: 0
    0 0 2px #ff9cbb;
  --avatar-variant-default-state-enabled-container-outer-ring-box-shadow-purple: 0
    0 0 2px #e2a6e6;
  --avatar-variant-default-state-enabled-container-outer-ring-box-shadow-red: 0
    0 0 2px #f67a6f;
  --avatar-variant-default-state-enabled-container-outer-ring-box-shadow-teal: 0
    0 0 2px #6cd5cb;
  --avatar-variant-default-state-enabled-container-outer-ring-box-shadow-yellow: 0
    0 0 2px #ffec78;
  --avatar-variant-default-state-enabled-initials-text-color: #6950f3;
  --avatar-variant-default-state-enabled-icon-icon-color: #6950f3;
  --avatar-variant-default-state-enabled-scale: 1;
  --avatar-variant-default-state-enabled-motion-duration: 200ms;
  --avatar-variant-default-state-hover-container-background-color: #dbddff;
  --avatar-variant-default-state-hover-container-border-color: #dbddff;
  --avatar-variant-default-state-hover-container-outer-ring-box-shadow-blue: 0 0
    0 3px #a5dff8;
  --avatar-variant-default-state-hover-container-outer-ring-box-shadow-dark-blue: 0
    0 0 3px #97c6f0;
  --avatar-variant-default-state-hover-container-outer-ring-box-shadow-cyan: 0 0
    0 3px #91e3ee;
  --avatar-variant-default-state-hover-container-outer-ring-box-shadow-green: 0
    0 0 3px #a6e5bd;
  --avatar-variant-default-state-hover-container-outer-ring-box-shadow-indigo: 0
    0 0 3px #bbc1e8;
  --avatar-variant-default-state-hover-container-outer-ring-box-shadow-lime: 0 0
    0 3px #e7f286;
  --avatar-variant-default-state-hover-container-outer-ring-box-shadow-orange: 0
    0 0 3px #ffbf69;
  --avatar-variant-default-state-hover-container-outer-ring-box-shadow-pink: 0 0
    0 3px #ff9cbb;
  --avatar-variant-default-state-hover-container-outer-ring-box-shadow-purple: 0
    0 0 3px #e2a6e6;
  --avatar-variant-default-state-hover-container-outer-ring-box-shadow-red: 0 0
    0 3px #f67a6f;
  --avatar-variant-default-state-hover-container-outer-ring-box-shadow-teal: 0 0
    0 3px #6cd5cb;
  --avatar-variant-default-state-hover-container-outer-ring-box-shadow-yellow: 0
    0 0 3px #ffec78;
  --avatar-variant-default-state-hover-container-inner-ring-box-shadow-page: 0 0
    0 2px #fff;
  --avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded: 0
    0 0 2px #f9f9f9;
  --avatar-variant-default-state-hover-container-inner-ring-box-shadow-base: 0 0
    0 2px #fff;
  --avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated: 0
    0 0 2px #fff;
  --avatar-variant-default-state-hover-initials-text-color: #6950f3;
  --avatar-variant-default-state-hover-icon-icon-color: #6950f3;
  --avatar-variant-default-state-hover-scale: 1.1;
  --avatar-variant-default-state-active-container-background-color: #d1d4ff;
  --avatar-variant-default-state-active-container-border-color: #d1d4ff;
  --avatar-variant-default-state-active-container-outer-ring-box-shadow-blue: 0
    0 0 3px #a5dff8;
  --avatar-variant-default-state-active-container-outer-ring-box-shadow-dark-blue: 0
    0 0 3px #97c6f0;
  --avatar-variant-default-state-active-container-outer-ring-box-shadow-cyan: 0
    0 0 3px #91e3ee;
  --avatar-variant-default-state-active-container-outer-ring-box-shadow-green: 0
    0 0 3px #a6e5bd;
  --avatar-variant-default-state-active-container-outer-ring-box-shadow-indigo: 0
    0 0 3px #bbc1e8;
  --avatar-variant-default-state-active-container-outer-ring-box-shadow-lime: 0
    0 0 3px #e7f286;
  --avatar-variant-default-state-active-container-outer-ring-box-shadow-orange: 0
    0 0 3px #ffbf69;
  --avatar-variant-default-state-active-container-outer-ring-box-shadow-pink: 0
    0 0 3px #ff9cbb;
  --avatar-variant-default-state-active-container-outer-ring-box-shadow-purple: 0
    0 0 3px #e2a6e6;
  --avatar-variant-default-state-active-container-outer-ring-box-shadow-red: 0 0
    0 3px #f67a6f;
  --avatar-variant-default-state-active-container-outer-ring-box-shadow-teal: 0
    0 0 3px #6cd5cb;
  --avatar-variant-default-state-active-container-outer-ring-box-shadow-yellow: 0
    0 0 3px #ffec78;
  --avatar-variant-default-state-active-container-inner-ring-box-shadow-page: 0
    0 0 2px #fff;
  --avatar-variant-default-state-active-container-inner-ring-box-shadow-page-faded: 0
    0 0 2px #f9f9f9;
  --avatar-variant-default-state-active-container-inner-ring-box-shadow-base: 0
    0 0 2px #fff;
  --avatar-variant-default-state-active-container-inner-ring-box-shadow-elevated: 0
    0 0 2px #fff;
  --avatar-variant-default-state-active-initials-text-color: #6950f3;
  --avatar-variant-default-state-active-icon-icon-color: #6950f3;
  --avatar-variant-default-state-active-scale: 1;
  --avatar-variant-default-state-selected-container-background-color: #e7e8ff;
  --avatar-variant-default-state-selected-container-border-color: #6950f3;
  --avatar-variant-default-state-selected-container-innershadow: inset 0 0 0 2px
    #6950f3;
  --avatar-variant-default-state-selected-initials-text-color: #6950f3;
  --avatar-variant-default-state-selected-icon-icon-color: #6950f3;
  --avatar-variant-default-composition-border-width: 1px;
  --avatar-size-2xs-container-composition-sizing: 24px;
  --avatar-size-2xs-content-wrapper-composition-sizing: 24px;
  --avatar-size-2xs-avatar-image-composition-sizing: 24px;
  --avatar-size-2xs-icon-composition-sizing: 12px;
  --avatar-size-2xs-initials-typography: 600 8px/12px var(--font-family);
  --avatar-size-xs-container-composition-sizing: 28px;
  --avatar-size-xs-content-wrapper-composition-sizing: 28px;
  --avatar-size-xs-avatar-image-composition-sizing: 28px;
  --avatar-size-xs-icon-composition-sizing: 12px;
  --avatar-size-xs-initials-typography: 600 9px/12px var(--font-family);
  --avatar-size-s-container-composition-sizing: 32px;
  --avatar-size-s-content-wrapper-composition-sizing: 32px;
  --avatar-size-s-avatar-image-composition-sizing: 32px;
  --avatar-size-s-icon-composition-sizing: 16px;
  --avatar-size-s-initials-typography: 600 11px/14px var(--font-family);
  --avatar-size-m-container-composition-sizing: 40px;
  --avatar-size-m-content-wrapper-composition-sizing: 40px;
  --avatar-size-m-avatar-image-composition-sizing: 40px;
  --avatar-size-m-icon-composition-sizing: 20px;
  --avatar-size-m-initials-typography: 600 13px/19px var(--font-family);
  --avatar-size-l-container-composition-sizing: 48px;
  --avatar-size-l-content-wrapper-composition-sizing: 48px;
  --avatar-size-l-avatar-image-composition-sizing: 48px;
  --avatar-size-l-icon-composition-sizing: 24px;
  --avatar-size-l-initials-typography: 600 16px/24px var(--font-family);
  --avatar-size-xl-initials-typography: 600 18px/24px var(--font-family);
  --avatar-size-xl-container-composition-sizing: 56px;
  --avatar-size-xl-content-wrapper-composition-sizing: 56px;
  --avatar-size-xl-avatar-image-composition-sizing: 56px;
  --avatar-size-xl-icon-composition-sizing: 28px;
  --avatar-size-2xl-container-composition-sizing: 64px;
  --avatar-size-2xl-content-wrapper-composition-sizing: 64px;
  --avatar-size-2xl-avatar-image-composition-sizing: 64px;
  --avatar-size-2xl-icon-composition-sizing: 32px;
  --avatar-size-2xl-initials-typography: 600 20px/28px var(--font-family);
  --avatar-size-3xl-initials-typography: 600 24px/40px var(--font-family);
  --avatar-size-3xl-container-composition-sizing: 80px;
  --avatar-size-3xl-content-wrapper-composition-sizing: 80px;
  --avatar-size-3xl-avatar-image-composition-sizing: 80px;
  --avatar-size-3xl-icon-composition-sizing: 40px;
  --avatar-size-4xl-initials-typography: 600 28px/40px var(--font-family);
  --avatar-size-4xl-container-composition-sizing: 96px;
  --avatar-size-4xl-content-wrapper-composition-sizing: 96px;
  --avatar-size-4xl-avatar-image-composition-sizing: 96px;
  --avatar-size-4xl-icon-composition-sizing: 48px;
  --avatar-size-5xl-initials-typography: 600 36px/48px var(--font-family);
  --avatar-size-5xl-container-composition-sizing: 120px;
  --avatar-size-5xl-content-wrapper-composition-sizing: 120px;
  --avatar-size-5xl-avatar-image-composition-sizing: 120px;
  --avatar-size-5xl-icon-composition-sizing: 64px;
  --avatar-group-variant-default-state-default-more-background-color: #fff;
  --avatar-group-variant-default-state-default-more-border-color: #d3d3d3;
  --avatar-group-variant-default-state-default-more-text-color: #757676;
  --avatar-group-variant-default-state-hover-more-background-color: #f2f2f2;
  --avatar-group-variant-default-state-hover-more-border-color: #bfbfbf;
  --avatar-group-variant-default-state-hover-more-text-color: #757676;
  --avatar-group-variant-default-state-active-more-background-color: #e5e5e5;
  --avatar-group-variant-default-state-active-more-border-color: #acacac;
  --avatar-group-variant-default-state-active-more-text-color: #757676;
  --avatar-group-variant-default-state-selected-more-background-color: #e7e8ff;
  --avatar-group-variant-default-state-selected-more-border-color: #6950f3;
  --avatar-group-variant-default-state-selected-more-text-color: #6950f3;
  --avatar-group-variant-default-state-selected-more-innershadow: inset 0 0 0
    1px #6950f3;
  --avatar-group-size-xs-state-default-container-composition-item-spacing: -12px;
  --avatar-group-size-s-state-default-container-composition-item-spacing: -12px;
  --avatar-group-size-m-state-default-container-composition-item-spacing: -16px;
  --avatar-group-size-l-state-default-container-composition-item-spacing: -20px;
  --badge-variant-danger-state-default-container-background-color: #d4163a;
  --badge-variant-danger-state-default-container-content-color: #fff;
  --badge-variant-danger-state-default-container-compact-content-color: #d4163a;
  --badge-variant-danger-state-default-border-color-page-color: #fff;
  --badge-variant-danger-state-default-border-color-page-faded-color: #f9f9f9;
  --badge-variant-danger-state-default-border-color-base-color: #fff;
  --badge-variant-danger-state-default-border-color-elevated-color: #fff;
  --badge-variant-accent-state-default-container-background-color: #6950f3;
  --badge-variant-accent-state-default-container-content-color: #fff;
  --badge-variant-accent-state-default-container-compact-content-color: #6950f3;
  --badge-variant-accent-state-default-border-color-page-color: #fff;
  --badge-variant-accent-state-default-border-color-page-faded-color: #f9f9f9;
  --badge-variant-accent-state-default-border-color-base-color: #fff;
  --badge-variant-accent-state-default-border-color-elevated-color: #fff;
  --badge-variant-neutral-state-default-container-background-color: #f2f2f2;
  --badge-variant-neutral-state-default-container-content-color: #757676;
  --badge-variant-neutral-state-default-container-compact-content-color: #757676;
  --badge-variant-neutral-state-default-border-color-page-color: #fff;
  --badge-variant-neutral-state-default-border-color-page-faded-color: #f9f9f9;
  --badge-variant-neutral-state-default-border-color-base-color: #fff;
  --badge-variant-neutral-state-default-border-color-elevated-color: #fff;
  --badge-variant-positive-state-default-container-background-color: #1f8900;
  --badge-variant-positive-state-default-container-content-color: #fff;
  --badge-variant-positive-state-default-container-compact-content-color: #1f8900;
  --badge-variant-positive-state-default-border-color-page-color: #fff;
  --badge-variant-positive-state-default-border-color-page-faded-color: #f9f9f9;
  --badge-variant-positive-state-default-border-color-base-color: #fff;
  --badge-variant-positive-state-default-border-color-elevated-color: #fff;
  --badge-size-default-container-composition-height: 20px;
  --badge-size-default-container-composition-width: 12px;
  --badge-size-default-container-composition-horizontal-padding: 4px;
  --badge-size-default-gap-composition-width: 2px;
  --badge-size-default-label-composition-typography: 600 13px/16px
    var(--font-family);
  --badge-size-compact-container-composition-height: 12px;
  --badge-size-compact-container-composition-width: 12px;
  --badge-size-compact-gap-composition-width: 2px;
  --badge-structure-high-container-height: 20px;
  --badge-structure-high-container-width: 12px;
  --badge-structure-high-container-horizontal-padding: 4px;
  --badge-structure-high-container-border-width: 0px;
  --badge-structure-high-container-border-radius: 999px;
  --badge-structure-high-label-typography: 600 13px/16px var(--font-family);
  --badge-structure-low-container-height: 20px;
  --badge-structure-low-container-width: 12px;
  --badge-structure-low-container-horizontal-padding: 4px;
  --badge-structure-low-container-border-width: 1px;
  --badge-structure-low-container-border-radius: 999px;
  --badge-structure-low-label-typography: 500 13px/16px var(--font-family);
  --badge-structure-compact-container-height: 12px;
  --badge-structure-compact-container-width: 12px;
  --badge-structure-compact-container-border-width: 0px;
  --badge-structure-compact-container-border-radius: 999px;
  --badge-structure-icon-container-height: 28px;
  --badge-structure-icon-container-width: 28px;
  --badge-structure-icon-container-border-width: 0px;
  --badge-structure-icon-container-border-radius: 999px;
  --badge-structure-icon-icon-sizing: 16px;
  --badge-color-accent-high-background: #6950f3;
  --badge-color-accent-high-content: #fff;
  --badge-color-accent-high-border: hsla(0, 0%, 100%, 0);
  --badge-color-accent-low-background: #fff;
  --badge-color-accent-low-content: #6950f3;
  --badge-color-accent-low-border: #d3d3d3;
  --badge-color-accent-compact-background: #6950f3;
  --badge-color-accent-compact-border: hsla(0, 0%, 100%, 0);
  --badge-color-accent-icon-background: #6950f3;
  --badge-color-accent-icon-content: #fff;
  --badge-color-accent-icon-border: hsla(0, 0%, 100%, 0);
  --badge-color-neutral-high-background: #f2f2f2;
  --badge-color-neutral-high-content: #757676;
  --badge-color-neutral-high-border: hsla(0, 0%, 100%, 0);
  --badge-color-neutral-low-background: #fff;
  --badge-color-neutral-low-content: #757676;
  --badge-color-neutral-low-border: #d3d3d3;
  --badge-color-neutral-compact-background: #757676;
  --badge-color-neutral-compact-border: hsla(0, 0%, 100%, 0);
  --badge-color-neutral-icon-background: #f2f2f2;
  --badge-color-neutral-icon-content: #757676;
  --badge-color-neutral-icon-border: hsla(0, 0%, 100%, 0);
  --badge-color-positive-high-background: #1f8900;
  --badge-color-positive-high-content: #fff;
  --badge-color-positive-high-border: hsla(0, 0%, 100%, 0);
  --badge-color-positive-low-background: #fff;
  --badge-color-positive-low-content: #1f8900;
  --badge-color-positive-low-border: #d3d3d3;
  --badge-color-positive-compact-background: #1f8900;
  --badge-color-positive-compact-border: hsla(0, 0%, 100%, 0);
  --badge-color-positive-icon-background: #1f8900;
  --badge-color-positive-icon-content: #fff;
  --badge-color-positive-icon-border: hsla(0, 0%, 100%, 0);
  --badge-color-warning-high-background: #ffc00a;
  --badge-color-warning-high-content: #0d1619;
  --badge-color-warning-high-border: hsla(0, 0%, 100%, 0);
  --badge-color-warning-low-background: #fff;
  --badge-color-warning-low-content: #d06a19;
  --badge-color-warning-low-border: #d3d3d3;
  --badge-color-warning-compact-background: #ffc00a;
  --badge-color-warning-compact-border: hsla(0, 0%, 100%, 0);
  --badge-color-warning-icon-background: #ffc00a;
  --badge-color-warning-icon-content: #0d1619;
  --badge-color-warning-icon-border: hsla(0, 0%, 100%, 0);
  --badge-color-danger-high-background: #d4163a;
  --badge-color-danger-high-content: #fff;
  --badge-color-danger-high-border: hsla(0, 0%, 100%, 0);
  --badge-color-danger-low-background: #fff;
  --badge-color-danger-low-content: #d4163a;
  --badge-color-danger-low-border: #d3d3d3;
  --badge-color-danger-compact-background: #d4163a;
  --badge-color-danger-compact-border: hsla(0, 0%, 100%, 0);
  --badge-color-danger-icon-background: #d4163a;
  --badge-color-danger-icon-content: #fff;
  --badge-color-danger-icon-border: hsla(0, 0%, 100%, 0);
  --badge-color-primary-high-background: #0d1619;
  --badge-color-primary-high-content: #fff;
  --badge-color-primary-high-border: hsla(0, 0%, 100%, 0);
  --badge-color-primary-low-background: #fff;
  --badge-color-primary-low-content: #0d1619;
  --badge-color-primary-low-border: #d3d3d3;
  --badge-color-primary-compact-background: #0d1619;
  --badge-color-primary-compact-border: hsla(0, 0%, 100%, 0);
  --badge-color-primary-icon-background: #0d1619;
  --badge-color-primary-icon-content: #fff;
  --badge-color-primary-icon-border: hsla(0, 0%, 100%, 0);
  --badge-sub-spacer-structure-high-container-border-width: 2px;
  --badge-sub-spacer-structure-low-container-border-width: 2px;
  --badge-sub-spacer-structure-compact-container-border-width: 2px;
  --badge-sub-spacer-structure-icon-container-border-width: 2px;
  --badge-sub-spacer-color-page: #fff;
  --badge-sub-spacer-color-page-faded: #f9f9f9;
  --badge-sub-spacer-color-base: #fff;
  --badge-sub-spacer-color-elevated: #fff;
  --badge-sub-spacer-color-none: rgba(13, 22, 25, 0);
  --banner-variant-accent-state-default-layout-background-color: #6950f3;
  --banner-variant-accent-state-default-content-text-color: #fff;
  --banner-variant-accent-state-default-prefix-icon-color: #fff;
  --banner-variant-accent-state-default-suffix-icon-color: #fff;
  --banner-size-inline-default-layout-composition-vertical-padding: 16px;
  --banner-size-inline-default-layout-composition-horizontal-padding: 16px;
  --banner-size-inline-default-layout-composition-border-radius: 8px;
  --banner-size-inline-default-layout-composition-item-spacing: 12px;
  --banner-size-inline-default-text-composition-typography: 400 15px/20px
    var(--font-family);
  --banner-size-inline-default-prefix-composition-sizing: 20px;
  --banner-size-inline-default-suffix-composition-sizing: 20px;
  --banner-size-inline-tablet-layout-composition-vertical-padding: 16px;
  --banner-size-inline-tablet-layout-composition-horizontal-padding: 16px;
  --banner-size-inline-tablet-layout-composition-border-radius: 8px;
  --banner-size-inline-tablet-layout-composition-item-spacing: 12px;
  --banner-size-sticky-default-text-composition-typography: 400 15px/20px
    var(--font-family);
  --banner-size-sticky-default-prefix-composition-sizing: 20px;
  --banner-size-sticky-default-suffix-composition-sizing: 20px;
  --banner-size-sticky-default-layout-composition-vertical-padding: 20px;
  --banner-size-sticky-default-layout-composition-horizontal-padding: 20px;
  --banner-size-sticky-default-layout-composition-border-radius: 0px;
  --banner-size-sticky-default-layout-composition-item-spacing: 12px;
  --banner-size-sticky-tablet-layout-composition-vertical-padding: 20px;
  --banner-size-sticky-tablet-layout-composition-horizontal-padding: 32px;
  --banner-size-sticky-tablet-layout-composition-border-radius: 0px;
  --banner-size-sticky-tablet-layout-composition-item-spacing: 12px;
  --bottom-bar-variant-default-layout-background-color: #fff;
  --bottom-bar-size-fluid-default-container-composition-vertical-padding: 16px;
  --bottom-bar-size-fluid-default-container-composition-horizontal-padding: 20px;
  --bottom-bar-size-fluid-default-duration: 400ms;
  --bottom-bar-size-fluid-default-easing: cubic-bezier(0.85, 0, 0.15, 1);
  --bottom-bar-size-fluid-tablet-container-composition-vertical-padding: 16px;
  --bottom-bar-size-fluid-tablet-container-composition-horizontal-padding: 32px;
  --bottom-bar-size-fluid-laptop-container-composition-vertical-padding: 16px;
  --bottom-bar-size-fluid-laptop-container-composition-horizontal-padding: 32px;
  --bottom-bar-size-fluid-desktop-container-composition-vertical-padding: 16px;
  --bottom-bar-size-fluid-desktop-container-composition-horizontal-padding: 32px;
  --bottom-bar-size-wide-and-narrow-default-container-composition-vertical-padding: 16px;
  --bottom-bar-size-wide-and-narrow-default-container-composition-horizontal-padding: 20px;
  --bottom-bar-size-wide-and-narrow-default-duration: 400ms;
  --bottom-bar-size-wide-and-narrow-default-easing: cubic-bezier(
    0.85,
    0,
    0.15,
    1
  );
  --bottom-bar-size-wide-and-narrow-tablet-container-composition-vertical-padding: 16px;
  --bottom-bar-size-wide-and-narrow-tablet-container-composition-horizontal-padding: 32px;
  --bottom-bar-size-wide-and-narrow-laptop-container-composition-vertical-padding: 16px;
  --bottom-bar-size-wide-and-narrow-laptop-container-composition-horizontal-padding: 32px;
  --bottom-bar-size-wide-and-narrow-desktop-container-composition-vertical-padding: 16px;
  --bottom-bar-size-wide-and-narrow-desktop-container-composition-horizontal-padding: 32px;
  --bottom-bar-size-wide-and-narrow-desktop-container-composition-width: 1440px;
  --breadcrumbs-variant-default-state-default-text-color: #757676;
  --breadcrumbs-variant-default-state-default-separator-color: #757676;
  --breadcrumbs-variant-default-state-hover-text-color: #0d1619;
  --breadcrumbs-variant-default-state-active-text-color: #0d1619;
  --breadcrumbs-variant-default-state-current-page-text-color: #0d1619;
  --breadcrumbs-size-default-state-default-container-composition-item-spacing: 20px;
  --breadcrumbs-size-default-state-default-item-composition-item-spacing: 8px;
  --breadcrumbs-size-default-state-default-item-composition-typography: 400 15px/20px
    var(--font-family);
  --breadcrumbs-size-default-state-default-separator-composition-typography: 400
    15px/20px var(--font-family);
  --button-variant-primary-state-enabled-container-background-color: #0d1619;
  --button-variant-primary-state-enabled-container-border-color: #0d1619;
  --button-variant-primary-state-enabled-text-text-color: #fff;
  --button-variant-primary-state-enabled-icon-icon-color: #fff;
  --button-variant-primary-state-enabled-scale: 1;
  --button-variant-primary-state-enabled-duration: 100ms;
  --button-variant-primary-state-enabled-easing: cubic-bezier(0, 0.55, 0.45, 1);
  --button-variant-primary-state-hover-container-background-color: #3a4144;
  --button-variant-primary-state-hover-container-border-color: #3a4144;
  --button-variant-primary-state-hover-text-text-color: #fff;
  --button-variant-primary-state-hover-icon-icon-color: #fff;
  --button-variant-primary-state-hover-scale: 1;
  --button-variant-primary-state-active-container-background-color: #505658;
  --button-variant-primary-state-active-container-border-color: #505658;
  --button-variant-primary-state-active-text-text-color: #fff;
  --button-variant-primary-state-active-icon-icon-color: #fff;
  --button-variant-primary-state-active-scale: 0.96;
  --button-variant-primary-state-disabled-container-background-color: #f2f2f2;
  --button-variant-primary-state-disabled-container-border-color: #0d1619;
  --button-variant-primary-state-disabled-text-text-color: #acacac;
  --button-variant-primary-state-disabled-icon-icon-color: #acacac;
  --button-variant-primary-state-disabled-scale: 1;
  --button-variant-primary-state-loading-container-background-color: #0d1619;
  --button-variant-primary-state-loading-container-border-color: #0d1619;
  --button-variant-primary-state-loading-loader-loader-color: #fff;
  --button-variant-primary-state-selected-container-background-color: #505658;
  --button-variant-primary-state-selected-container-border-color: #505658;
  --button-variant-primary-state-selected-text-text-color: #fff;
  --button-variant-primary-state-selected-icon-icon-color: #fff;
  --button-variant-primary-state-selected-scale: 1;
  --button-variant-secondary-state-enabled-container-background-color: #fff;
  --button-variant-secondary-state-enabled-container-border-color: #bfbfbf;
  --button-variant-secondary-state-enabled-text-text-color: #0d1619;
  --button-variant-secondary-state-enabled-icon-icon-color: #0d1619;
  --button-variant-secondary-state-enabled-scale: 1;
  --button-variant-secondary-state-enabled-duration: 100ms;
  --button-variant-secondary-state-enabled-easing: cubic-bezier(
    0,
    0.55,
    0.45,
    1
  );
  --button-variant-secondary-state-hover-container-background-color: #f2f2f2;
  --button-variant-secondary-state-hover-container-border-color: #acacac;
  --button-variant-secondary-state-hover-text-text-color: #0d1619;
  --button-variant-secondary-state-hover-icon-icon-color: #0d1619;
  --button-variant-secondary-state-hover-scale: 1;
  --button-variant-secondary-state-active-container-background-color: #e5e5e5;
  --button-variant-secondary-state-active-container-border-color: #969696;
  --button-variant-secondary-state-active-text-text-color: #0d1619;
  --button-variant-secondary-state-active-icon-icon-color: #0d1619;
  --button-variant-secondary-state-active-scale: 0.96;
  --button-variant-secondary-state-disabled-container-background-color: #f2f2f2;
  --button-variant-secondary-state-disabled-container-border-color: #f2f2f2;
  --button-variant-secondary-state-disabled-text-text-color: #acacac;
  --button-variant-secondary-state-disabled-icon-icon-color: #acacac;
  --button-variant-secondary-state-disabled-scale: 1;
  --button-variant-secondary-state-loading-container-background-color: #fff;
  --button-variant-secondary-state-loading-container-border-color: #bfbfbf;
  --button-variant-secondary-state-loading-loader-loader-color: #0d1619;
  --button-variant-secondary-state-selected-container-background-color: #e5e5e5;
  --button-variant-secondary-state-selected-container-border-color: #0d1619;
  --button-variant-secondary-state-selected-text-text-color: #0d1619;
  --button-variant-secondary-state-selected-icon-icon-color: #0d1619;
  --button-variant-secondary-state-selected-scale: 1;
  --button-variant-tertiary-state-enabled-container-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --button-variant-tertiary-state-enabled-container-border-color: hsla(
    0,
    0%,
    100%,
    0
  );
  --button-variant-tertiary-state-enabled-text-text-color: #0d1619;
  --button-variant-tertiary-state-enabled-icon-icon-color: #0d1619;
  --button-variant-tertiary-state-enabled-scale: 1;
  --button-variant-tertiary-state-enabled-duration: 100ms;
  --button-variant-tertiary-state-enabled-easing: cubic-bezier(
    0,
    0.55,
    0.45,
    1
  );
  --button-variant-tertiary-state-hover-container-background-color: rgba(
    13,
    22,
    25,
    0.039
  );
  --button-variant-tertiary-state-hover-container-border-color: hsla(
    0,
    0%,
    100%,
    0
  );
  --button-variant-tertiary-state-hover-text-text-color: #0d1619;
  --button-variant-tertiary-state-hover-icon-icon-color: #0d1619;
  --button-variant-tertiary-state-hover-scale: 1;
  --button-variant-tertiary-state-active-container-background-color: rgba(
    13,
    22,
    25,
    0.078
  );
  --button-variant-tertiary-state-active-container-border-color: hsla(
    0,
    0%,
    100%,
    0
  );
  --button-variant-tertiary-state-active-text-text-color: #0d1619;
  --button-variant-tertiary-state-active-icon-icon-color: #0d1619;
  --button-variant-tertiary-state-active-scale: 0.96;
  --button-variant-tertiary-state-disabled-container-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --button-variant-tertiary-state-disabled-container-border-color: hsla(
    0,
    0%,
    100%,
    0
  );
  --button-variant-tertiary-state-disabled-text-text-color: #acacac;
  --button-variant-tertiary-state-disabled-icon-icon-color: #acacac;
  --button-variant-tertiary-state-disabled-scale: 1;
  --button-variant-tertiary-state-loading-container-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --button-variant-tertiary-state-loading-container-border-color: hsla(
    0,
    0%,
    100%,
    0
  );
  --button-variant-tertiary-state-loading-loader-loader-color: #0d1619;
  --button-variant-tertiary-state-selected-container-background-color: rgba(
    13,
    22,
    25,
    0.078
  );
  --button-variant-tertiary-state-selected-container-border-color: hsla(
    0,
    0%,
    100%,
    0
  );
  --button-variant-tertiary-state-selected-text-text-color: #0d1619;
  --button-variant-tertiary-state-selected-icon-icon-color: #0d1619;
  --button-variant-tertiary-state-selected-scale: 1;
  --button-variant-destructive-state-enabled-container-background-color: #d4163a;
  --button-variant-destructive-state-enabled-container-border-color: #d4163a;
  --button-variant-destructive-state-enabled-text-text-color: #fff;
  --button-variant-destructive-state-enabled-icon-icon-color: #fff;
  --button-variant-destructive-state-enabled-scale: 1;
  --button-variant-destructive-state-enabled-duration: 100ms;
  --button-variant-destructive-state-enabled-easing: cubic-bezier(
    0,
    0.55,
    0.45,
    1
  );
  --button-variant-destructive-state-hover-container-background-color: #bb1232;
  --button-variant-destructive-state-hover-container-border-color: #bb1232;
  --button-variant-destructive-state-hover-text-text-color: #fff;
  --button-variant-destructive-state-hover-icon-icon-color: #fff;
  --button-variant-destructive-state-hover-scale: 1;
  --button-variant-destructive-state-active-container-background-color: #831324;
  --button-variant-destructive-state-active-container-border-color: #831324;
  --button-variant-destructive-state-active-text-text-color: #fff;
  --button-variant-destructive-state-active-icon-icon-color: #fff;
  --button-variant-destructive-state-active-scale: 0.96;
  --button-variant-destructive-state-disabled-container-background-color: #f2f2f2;
  --button-variant-destructive-state-disabled-container-border-color: #f2f2f2;
  --button-variant-destructive-state-disabled-text-text-color: #acacac;
  --button-variant-destructive-state-disabled-icon-icon-color: #acacac;
  --button-variant-destructive-state-disabled-scale: 1;
  --button-variant-destructive-state-loading-container-background-color: #d4163a;
  --button-variant-destructive-state-loading-container-border-color: #d4163a;
  --button-variant-destructive-state-loading-loader-loader-color: #fff;
  --button-variant-destructive-state-selected-container-background-color: #831324;
  --button-variant-destructive-state-selected-container-border-color: #831324;
  --button-variant-destructive-state-selected-text-text-color: #fff;
  --button-variant-destructive-state-selected-icon-icon-color: #fff;
  --button-variant-destructive-state-selected-scale: 1;
  --button-variant-destructive-secondary-state-enabled-container-background-color: #fff;
  --button-variant-destructive-secondary-state-enabled-container-border-color: #bfbfbf;
  --button-variant-destructive-secondary-state-enabled-text-text-color: #d4163a;
  --button-variant-destructive-secondary-state-enabled-icon-icon-color: #d4163a;
  --button-variant-destructive-secondary-state-enabled-scale: 1;
  --button-variant-destructive-secondary-state-enabled-duration: 100ms;
  --button-variant-destructive-secondary-state-enabled-easing: cubic-bezier(
    0,
    0.55,
    0.45,
    1
  );
  --button-variant-destructive-secondary-state-hover-container-background-color: #f2f2f2;
  --button-variant-destructive-secondary-state-hover-container-border-color: #acacac;
  --button-variant-destructive-secondary-state-hover-text-text-color: #d4163a;
  --button-variant-destructive-secondary-state-hover-icon-icon-color: #d4163a;
  --button-variant-destructive-secondary-state-hover-scale: 1;
  --button-variant-destructive-secondary-state-active-container-background-color: #e5e5e5;
  --button-variant-destructive-secondary-state-active-container-border-color: #969696;
  --button-variant-destructive-secondary-state-active-text-text-color: #d4163a;
  --button-variant-destructive-secondary-state-active-icon-icon-color: #d4163a;
  --button-variant-destructive-secondary-state-active-scale: 0.96;
  --button-variant-destructive-secondary-state-disabled-container-background-color: #f2f2f2;
  --button-variant-destructive-secondary-state-disabled-container-border-color: #f2f2f2;
  --button-variant-destructive-secondary-state-disabled-text-text-color: #acacac;
  --button-variant-destructive-secondary-state-disabled-icon-icon-color: #acacac;
  --button-variant-destructive-secondary-state-disabled-scale: 1;
  --button-variant-destructive-secondary-state-loading-container-background-color: #fff;
  --button-variant-destructive-secondary-state-loading-container-border-color: #bfbfbf;
  --button-variant-destructive-secondary-state-loading-loader-loader-color: #0d1619;
  --button-variant-destructive-secondary-state-selected-container-background-color: #e5e5e5;
  --button-variant-destructive-secondary-state-selected-container-border-color: #969696;
  --button-variant-destructive-secondary-state-selected-text-text-color: #d4163a;
  --button-variant-destructive-secondary-state-selected-icon-icon-color: #d4163a;
  --button-variant-destructive-secondary-state-selected-scale: 1;
  --button-variant-on-loud-state-enabled-scale: 1;
  --button-variant-on-loud-state-enabled-container-background-color: hsla(
    0,
    0%,
    100%,
    0
  );
  --button-variant-on-loud-state-enabled-container-border-color: #fff;
  --button-variant-on-loud-state-enabled-text-text-color: #fff;
  --button-variant-on-loud-state-enabled-icon-icon-color: #fff;
  --button-variant-on-loud-state-hover-scale: 1;
  --button-variant-on-loud-state-hover-container-background-color: hsla(
    0,
    0%,
    100%,
    0.039
  );
  --button-variant-on-loud-state-hover-container-border-color: #fff;
  --button-variant-on-loud-state-hover-text-text-color: #fff;
  --button-variant-on-loud-state-hover-icon-icon-color: #fff;
  --button-variant-on-loud-state-active-scale: 0.96;
  --button-variant-on-loud-state-active-container-background-color: hsla(
    0,
    0%,
    100%,
    0.078
  );
  --button-variant-on-loud-state-active-container-border-color: #fff;
  --button-variant-on-loud-state-active-text-text-color: #fff;
  --button-variant-on-loud-state-active-icon-icon-color: #fff;
  --button-variant-on-loud-state-disabled-container-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --button-variant-on-loud-state-disabled-container-border-color: hsla(
    0,
    0%,
    100%,
    0
  );
  --button-variant-on-loud-state-disabled-text-text-color: #acacac;
  --button-variant-on-loud-state-disabled-icon-icon-color: #acacac;
  --button-variant-on-loud-state-disabled-scale: 1;
  --button-variant-on-loud-state-selected-scale: 1;
  --button-variant-on-loud-state-selected-container-background-color: hsla(
    0,
    0%,
    100%,
    0.078
  );
  --button-variant-on-loud-state-selected-container-border-color: #fff;
  --button-variant-on-loud-state-selected-text-text-color: #fff;
  --button-variant-on-loud-state-selected-icon-icon-color: #fff;
  --button-variant-on-loud-state-loading-container-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --button-variant-on-loud-state-loading-container-border-color: #fff;
  --button-variant-on-loud-state-loading-loader-loader-color: #fff;
  --button-variant-on-loud-secondary-state-enabled-scale: 1;
  --button-variant-on-loud-secondary-state-enabled-container-background-color: hsla(
    0,
    0%,
    100%,
    0
  );
  --button-variant-on-loud-secondary-state-enabled-container-border-color: hsla(
    0,
    0%,
    100%,
    0
  );
  --button-variant-on-loud-secondary-state-enabled-text-text-color: #fff;
  --button-variant-on-loud-secondary-state-enabled-icon-icon-color: #fff;
  --button-variant-on-loud-secondary-state-hover-scale: 1;
  --button-variant-on-loud-secondary-state-hover-container-background-color: hsla(
    0,
    0%,
    100%,
    0.039
  );
  --button-variant-on-loud-secondary-state-hover-container-border-color: hsla(
    0,
    0%,
    100%,
    0
  );
  --button-variant-on-loud-secondary-state-hover-text-text-color: #fff;
  --button-variant-on-loud-secondary-state-hover-icon-icon-color: #fff;
  --button-variant-on-loud-secondary-state-active-scale: 0.96;
  --button-variant-on-loud-secondary-state-active-container-background-color: hsla(
    0,
    0%,
    100%,
    0.078
  );
  --button-variant-on-loud-secondary-state-active-container-border-color: hsla(
    0,
    0%,
    100%,
    0
  );
  --button-variant-on-loud-secondary-state-active-text-text-color: #fff;
  --button-variant-on-loud-secondary-state-active-icon-icon-color: #fff;
  --button-variant-on-loud-secondary-state-disabled-container-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --button-variant-on-loud-secondary-state-disabled-container-border-color: hsla(
    0,
    0%,
    100%,
    0
  );
  --button-variant-on-loud-secondary-state-disabled-text-text-color: #acacac;
  --button-variant-on-loud-secondary-state-disabled-icon-icon-color: #acacac;
  --button-variant-on-loud-secondary-state-disabled-scale: 1;
  --button-variant-on-loud-secondary-state-selected-scale: 1;
  --button-variant-on-loud-secondary-state-selected-container-background-color: hsla(
    0,
    0%,
    100%,
    0.078
  );
  --button-variant-on-loud-secondary-state-selected-container-border-color: hsla(
    0,
    0%,
    100%,
    0
  );
  --button-variant-on-loud-secondary-state-selected-text-text-color: #fff;
  --button-variant-on-loud-secondary-state-selected-icon-icon-color: #fff;
  --button-variant-on-loud-secondary-state-loading-container-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --button-variant-on-loud-secondary-state-loading-container-border-color: hsla(
    0,
    0%,
    100%,
    0
  );
  --button-variant-on-loud-secondary-state-loading-loader-loader-color: #fff;
  --button-selected-variant-accent-filled-state-enabled-container-background-color: #6950f3;
  --button-selected-variant-accent-filled-state-enabled-container-border-color: #6950f3;
  --button-selected-variant-accent-filled-state-enabled-text-text-color: #fff;
  --button-selected-variant-accent-filled-state-enabled-icon-icon-color: #fff;
  --button-selected-variant-accent-filled-state-enabled-scale: 1;
  --button-selected-variant-accent-filled-state-hover-container-background-color: #5c4ace;
  --button-selected-variant-accent-filled-state-hover-container-border-color: #5c4ace;
  --button-selected-variant-accent-filled-state-hover-text-text-color: #fff;
  --button-selected-variant-accent-filled-state-hover-icon-icon-color: #fff;
  --button-selected-variant-accent-filled-state-hover-scale: 1;
  --button-selected-variant-accent-filled-state-active-container-background-color: #403591;
  --button-selected-variant-accent-filled-state-active-container-border-color: #403591;
  --button-selected-variant-accent-filled-state-active-text-text-color: #fff;
  --button-selected-variant-accent-filled-state-active-icon-icon-color: #fff;
  --button-selected-variant-accent-filled-state-active-scale: 0.96;
  --button-selected-variant-accent-filled-state-loading-container-background-color: #6950f3;
  --button-selected-variant-accent-filled-state-loading-container-border-color: #6950f3;
  --button-selected-variant-accent-filled-state-loading-loader-loader-color: #fff;
  --button-selected-variant-accent-outlined-state-enabled-container-background-color: #fff;
  --button-selected-variant-accent-outlined-state-enabled-container-border-color: #6950f3;
  --button-selected-variant-accent-outlined-state-enabled-container-innershadow: inset
    0 0 0 1px #6950f3;
  --button-selected-variant-accent-outlined-state-enabled-text-text-color: #0d1619;
  --button-selected-variant-accent-outlined-state-enabled-icon-icon-color: #0d1619;
  --button-selected-variant-accent-outlined-state-enabled-scale: 1;
  --button-selected-variant-accent-outlined-state-hover-container-background-color: #f2f2f2;
  --button-selected-variant-accent-outlined-state-hover-container-border-color: #5c4ace;
  --button-selected-variant-accent-outlined-state-hover-container-innershadow: inset
    0 0 0 1px #5c4ace;
  --button-selected-variant-accent-outlined-state-hover-text-text-color: #0d1619;
  --button-selected-variant-accent-outlined-state-hover-icon-icon-color: #0d1619;
  --button-selected-variant-accent-outlined-state-hover-scale: 1;
  --button-selected-variant-accent-outlined-state-active-container-background-color: #e5e5e5;
  --button-selected-variant-accent-outlined-state-active-container-border-color: #403591;
  --button-selected-variant-accent-outlined-state-active-container-innershadow: inset
    0 0 0 1px #403591;
  --button-selected-variant-accent-outlined-state-active-text-text-color: #0d1619;
  --button-selected-variant-accent-outlined-state-active-icon-icon-color: #0d1619;
  --button-selected-variant-accent-outlined-state-active-scale: 0.96;
  --button-selected-variant-accent-outlined-state-loading-container-background-color: #fff;
  --button-selected-variant-accent-outlined-state-loading-container-border-color: #6950f3;
  --button-selected-variant-accent-outlined-state-loading-loader-loader-color: #0d1619;
  --button-selected-variant-primary-filled-state-enabled-container-background-color: #505658;
  --button-selected-variant-primary-filled-state-enabled-container-border-color: #505658;
  --button-selected-variant-primary-filled-state-enabled-text-text-color: #fff;
  --button-selected-variant-primary-filled-state-enabled-icon-icon-color: #fff;
  --button-selected-variant-primary-filled-state-enabled-scale: 1;
  --button-selected-variant-primary-filled-state-hover-container-background-color: #3a4144;
  --button-selected-variant-primary-filled-state-hover-container-border-color: #3a4144;
  --button-selected-variant-primary-filled-state-hover-text-text-color: #fff;
  --button-selected-variant-primary-filled-state-hover-icon-icon-color: #fff;
  --button-selected-variant-primary-filled-state-hover-scale: 1;
  --button-selected-variant-primary-filled-state-active-container-background-color: #505658;
  --button-selected-variant-primary-filled-state-active-container-border-color: #505658;
  --button-selected-variant-primary-filled-state-active-text-text-color: #fff;
  --button-selected-variant-primary-filled-state-active-icon-icon-color: #fff;
  --button-selected-variant-primary-filled-state-active-scale: 0.96;
  --button-selected-variant-primary-filled-state-loading-container-background-color: #505658;
  --button-selected-variant-primary-filled-state-loading-container-border-color: #505658;
  --button-selected-variant-primary-filled-state-loading-loader-loader-color: #fff;
  --button-selected-variant-tertiary-filled-state-enabled-container-background-color: rgba(
    13,
    22,
    25,
    0.078
  );
  --button-selected-variant-tertiary-filled-state-enabled-container-border-color: rgba(
    13,
    22,
    25,
    0
  );
  --button-selected-variant-tertiary-filled-state-enabled-text-text-color: #0d1619;
  --button-selected-variant-tertiary-filled-state-enabled-icon-icon-color: #0d1619;
  --button-selected-variant-tertiary-filled-state-enabled-scale: 1;
  --button-selected-variant-tertiary-filled-state-hover-container-background-color: rgba(
    13,
    22,
    25,
    0.039
  );
  --button-selected-variant-tertiary-filled-state-hover-container-border-color: rgba(
    13,
    22,
    25,
    0
  );
  --button-selected-variant-tertiary-filled-state-hover-text-text-color: #0d1619;
  --button-selected-variant-tertiary-filled-state-hover-icon-icon-color: #0d1619;
  --button-selected-variant-tertiary-filled-state-hover-scale: 1;
  --button-selected-variant-tertiary-filled-state-active-container-background-color: rgba(
    13,
    22,
    25,
    0.078
  );
  --button-selected-variant-tertiary-filled-state-active-container-border-color: rgba(
    13,
    22,
    25,
    0
  );
  --button-selected-variant-tertiary-filled-state-active-text-text-color: #0d1619;
  --button-selected-variant-tertiary-filled-state-active-icon-icon-color: #0d1619;
  --button-selected-variant-tertiary-filled-state-active-scale: 0.96;
  --button-selected-variant-tertiary-filled-state-loading-container-background-color: rgba(
    13,
    22,
    25,
    0.078
  );
  --button-selected-variant-tertiary-filled-state-loading-container-border-color: rgba(
    13,
    22,
    25,
    0.078
  );
  --button-selected-variant-tertiary-filled-state-loading-loader-loader-color: #0d1619;
  --button-size-l-container-composition-height: 48px;
  --button-size-l-container-composition-vertical-padding: 12px;
  --button-size-l-container-composition-horizontal-padding: 20px;
  --button-size-l-container-composition-spacing: 8px;
  --button-size-l-container-composition-border-width: 1px;
  --button-size-l-container-composition-border-radius: 8px;
  --button-size-l-text-composition-typography: 600 17px/24px var(--font-family);
  --button-size-l-text-pill-composition-typography: 600 17px/24px
    var(--font-family);
  --button-size-l-icon-composition-sizing: 24px;
  --button-size-m-container-composition-height: 36px;
  --button-size-m-container-composition-vertical-padding: 8px;
  --button-size-m-container-composition-horizontal-padding: 16px;
  --button-size-m-container-composition-spacing: 8px;
  --button-size-m-container-composition-border-width: 1px;
  --button-size-m-container-composition-border-radius: 8px;
  --button-size-m-text-composition-typography: 600 15px/20px var(--font-family);
  --button-size-m-text-pill-composition-typography: 500 15px/20px
    var(--font-family);
  --button-size-m-icon-composition-sizing: 20px;
  --button-size-s-container-composition-height: 32px;
  --button-size-s-container-composition-vertical-padding: 6px;
  --button-size-s-container-composition-horizontal-padding: 12px;
  --button-size-s-container-composition-spacing: 8px;
  --button-size-s-container-composition-border-width: 1px;
  --button-size-s-container-composition-border-radius: 8px;
  --button-size-s-text-composition-typography: 600 15px/20px var(--font-family);
  --button-size-s-text-pill-composition-typography: 500 15px/20px
    var(--font-family);
  --button-size-s-icon-composition-sizing: 20px;
  --button-shape-square-container-composition-border-radius: 8px;
  --button-shape-pill-container-composition-border-radius: 999px;
  --button-shape-circle-container-composition-border-radius: 999px;
  --button-dismiss-background-default-enabled-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --button-dismiss-background-default-hover-background-color: rgba(
    13,
    22,
    25,
    0.039
  );
  --button-dismiss-background-default-active-background-color: rgba(
    13,
    22,
    25,
    0.078
  );
  --button-dismiss-background-on-primary-enabled-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --button-dismiss-background-on-primary-hover-background-color: #3a4144;
  --button-dismiss-background-on-primary-active-background-color: #505658;
  --button-dismiss-background-on-loud-enabled-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --button-dismiss-background-on-loud-hover-background-color: hsla(
    0,
    0%,
    100%,
    0.039
  );
  --button-dismiss-background-on-loud-active-background-color: hsla(
    0,
    0%,
    100%,
    0.078
  );
  --button-dismiss-size-m-container-spacing: 8px;
  --button-dismiss-size-l-container-spacing: 12px;
  --button-group-size-l-default-container-composition-item-spacing: 12px;
  --button-group-size-l-compact-text-container-composition-item-spacing: 40px;
  --button-group-size-l-compact-icon-container-composition-item-spacing: 24px;
  --button-group-size-m-default-container-composition-item-spacing: 12px;
  --button-group-size-m-compact-text-container-composition-item-spacing: 32px;
  --button-group-size-m-compact-icon-container-composition-item-spacing: 16px;
  --button-group-size-s-default-container-composition-item-spacing: 12px;
  --button-group-size-s-compact-text-container-composition-item-spacing: 24px;
  --button-group-size-s-compact-icon-container-composition-item-spacing: 12px;
  --callout-variant-accent-state-default-container-background: #e7e8ff;
  --callout-variant-accent-state-default-container-border: #dbddff;
  --callout-variant-accent-state-default-title-text-color: #0d1619;
  --callout-variant-accent-state-default-description-text-color: #0d1619;
  --callout-variant-accent-state-default-icon-fill: #6950f3;
  --callout-variant-warning-state-default-container-background: #fff7db;
  --callout-variant-warning-state-default-container-border: #fff4cc;
  --callout-variant-warning-state-default-title-text-color: #0d1619;
  --callout-variant-warning-state-default-description-text-color: #0d1619;
  --callout-variant-warning-state-default-icon-fill: #d06a19;
  --callout-variant-error-state-default-container-background: #feeceb;
  --callout-variant-error-state-default-container-border: #fee3e2;
  --callout-variant-error-state-default-title-text-color: #0d1619;
  --callout-variant-error-state-default-description-text-color: #0d1619;
  --callout-variant-error-state-default-icon-fill: #d4163a;
  --callout-variant-positive-state-default-container-background: #e5fae0;
  --callout-variant-positive-state-default-container-border: #d2f6c9;
  --callout-variant-positive-state-default-title-text-color: #0d1619;
  --callout-variant-positive-state-default-description-text-color: #0d1619;
  --callout-variant-positive-state-default-icon-fill: #1f8900;
  --callout-variant-neutral-state-default-container-background: #f2f2f2;
  --callout-variant-neutral-state-default-container-border: #d3d3d3;
  --callout-variant-neutral-state-default-title-text-color: #0d1619;
  --callout-variant-neutral-state-default-description-text-color: #0d1619;
  --callout-variant-neutral-state-default-icon-fill: #0d1619;
  --callout-size-default-container-composition-vertical-padding: 16px;
  --callout-size-default-container-composition-horizontal-padding: 16px;
  --callout-size-default-container-composition-border-radius: 8px;
  --callout-size-default-container-composition-border-width: 1px;
  --callout-size-default-container-composition-item-spacing: 12px;
  --callout-size-default-content-wrapper-composition-item-spacing: 2px;
  --callout-size-default-description-wrapper-composition-vertical-padding: 2px;
  --callout-size-default-title-composition-typography: 600 17px/24px
    var(--font-family);
  --callout-size-default-description-composition-typography: 400 15px/20px
    var(--font-family);
  --callout-size-default-action-wrapper-composition-padding-top: 8px;
  --callout-size-default-action-wrapper-composition-item-spacing: 8px;
  --callout-size-default-suffix-wrapper-composition-sizing: 24px;
  --callout-size-default-icon-composition-sizing: 24px;
  --callout-card-size-default-container-composition-vertical-padding: 16px;
  --callout-card-size-default-container-composition-horizontal-padding: 16px;
  --callout-card-size-default-container-composition-border-radius: 8px;
  --callout-card-size-default-container-composition-border-width: 1px;
  --callout-card-size-default-content-wrapper-composition-item-spacing: 16px;
  --callout-card-size-default-text-wrapper-composition-item-spacing: 0px;
  --callout-card-size-default-title-composition-typography: 600 15px/20px
    var(--font-family);
  --callout-card-size-default-description-composition-typography: 400 15px/20px
    var(--font-family);
  --callout-card-variant-passive-container-background: #e7e8ff;
  --callout-card-variant-passive-container-border: #dbddff;
  --callout-card-variant-passive-title-text-color: #0d1619;
  --callout-card-variant-passive-description-text-color: #0d1619;
  --callout-card-variant-passive-icon-fill: #6950f3;
  --callout-card-variant-warning-container-background: #fff7db;
  --callout-card-variant-warning-container-border: #fff4cc;
  --callout-card-variant-warning-title-text-color: #0d1619;
  --callout-card-variant-warning-description-text-color: #0d1619;
  --callout-card-variant-warning-icon-fill: #d06a19;
  --callout-card-variant-error-container-background: #feeceb;
  --callout-card-variant-error-container-border: #fee3e2;
  --callout-card-variant-error-title-text-color: #0d1619;
  --callout-card-variant-error-description-text-color: #0d1619;
  --callout-card-variant-error-icon-fill: #d4163a;
  --callout-card-variant-success-container-background: #e5fae0;
  --callout-card-variant-success-container-border: #d2f6c9;
  --callout-card-variant-success-title-text-color: #0d1619;
  --callout-card-variant-success-description-text-color: #0d1619;
  --callout-card-variant-success-icon-fill: #1f8900;
  --card-variant-basic-state-enabled-material-background-color: #fff;
  --card-variant-basic-state-enabled-material-border-color: #d3d3d3;
  --card-variant-basic-state-hover-material-background-color: #f2f2f2;
  --card-variant-basic-state-hover-material-border-color: #bfbfbf;
  --card-variant-basic-state-active-material-background-color: #e5e5e5;
  --card-variant-basic-state-active-material-border-color: #acacac;
  --card-variant-basic-state-disabled-material-background-color: #fff;
  --card-variant-basic-state-disabled-material-border-color: #d3d3d3;
  --card-variant-discreet-state-enabled-material-background-color: #fff;
  --card-variant-discreet-state-enabled-material-border-color: #fff;
  --card-variant-discreet-state-hover-material-background-color: #f2f2f2;
  --card-variant-discreet-state-hover-material-border-color: #f2f2f2;
  --card-variant-discreet-state-active-material-background-color: #e5e5e5;
  --card-variant-discreet-state-active-material-border-color: #e5e5e5;
  --card-variant-discreet-state-disabled-material-background-color: #fff;
  --card-variant-discreet-state-disabled-material-border-color: #fff;
  --card-variant-outlined-state-enabled-material-background-color: #fff;
  --card-variant-outlined-state-enabled-material-border-color: #d3d3d3;
  --card-variant-outlined-state-hover-material-background-color: #fff;
  --card-variant-outlined-state-hover-material-border-color: #bfbfbf;
  --card-variant-outlined-state-active-material-background-color: #fff;
  --card-variant-outlined-state-active-material-border-color: #acacac;
  --card-variant-outlined-state-disabled-material-background-color: #fff;
  --card-variant-outlined-state-disabled-material-border-color: #d3d3d3;
  --card-variant-primary-state-enabled-material-background-color: #0d1619;
  --card-variant-primary-state-enabled-material-border-color: #0d1619;
  --card-variant-primary-state-hover-material-background-color: #3a4144;
  --card-variant-primary-state-hover-material-border-color: #3a4144;
  --card-variant-primary-state-active-material-background-color: #505658;
  --card-variant-primary-state-active-material-border-color: #505658;
  --card-variant-primary-state-disabled-material-background-color: #f2f2f2;
  --card-variant-primary-state-disabled-material-border-color: #d3d3d3;
  --card-variant-elevated-state-enabled-material-background-color: #fff;
  --card-variant-elevated-state-enabled-material-border-color: #d3d3d3;
  --card-variant-elevated-state-enabled-container-boxshadow: 0 2px 12px 4px
      rgba(13, 22, 25, 0.078),
    0 0 6px 2px rgba(13, 22, 25, 0.02);
  --card-variant-elevated-state-hover-material-background-color: #f2f2f2;
  --card-variant-elevated-state-hover-material-border-color: #bfbfbf;
  --card-variant-elevated-state-active-material-background-color: #e5e5e5;
  --card-variant-elevated-state-active-material-border-color: #bfbfbf;
  --card-variant-elevated-state-disabled-material-background-color: #f2f2f2;
  --card-variant-elevated-state-disabled-material-border-color: #d3d3d3;
  --card-variant-accent-state-enabled-material-background-color: #6950f3;
  --card-variant-accent-state-enabled-material-border-color: #6950f3;
  --card-variant-accent-state-hover-material-background-color: #5c4ace;
  --card-variant-accent-state-hover-material-border-color: #5c4ace;
  --card-variant-accent-state-active-material-background-color: #403591;
  --card-variant-accent-state-active-material-border-color: #403591;
  --card-variant-accent-state-disabled-material-background-color: #f2f2f2;
  --card-variant-accent-state-disabled-material-border-color: #d3d3d3;
  --card-variant-accent-faded-state-enabled-material-background-color: #e7e8ff;
  --card-variant-accent-faded-state-enabled-material-border-color: #e7e8ff;
  --card-variant-accent-faded-state-hover-material-background-color: #dbddff;
  --card-variant-accent-faded-state-hover-material-border-color: #dbddff;
  --card-variant-accent-faded-state-active-material-background-color: #d1d4ff;
  --card-variant-accent-faded-state-active-material-border-color: #d1d4ff;
  --card-variant-accent-faded-state-disabled-material-background-color: #f2f2f2;
  --card-variant-accent-faded-state-disabled-material-border-color: #f2f2f2;
  --card-variant-danger-faded-state-enabled-material-background-color: #feeceb;
  --card-variant-danger-faded-state-enabled-material-border-color: #feeceb;
  --card-variant-danger-faded-state-hover-material-background-color: #fee3e2;
  --card-variant-danger-faded-state-hover-material-border-color: #fee3e2;
  --card-variant-danger-faded-state-active-material-background-color: #ffd4d3;
  --card-variant-danger-faded-state-active-material-border-color: #ffd4d3;
  --card-variant-danger-faded-state-disabled-material-background-color: #f2f2f2;
  --card-variant-danger-faded-state-disabled-material-border-color: #f2f2f2;
  --card-variant-warning-faded-state-enabled-material-background-color: #fff7db;
  --card-variant-warning-faded-state-enabled-material-border-color: #fff7db;
  --card-variant-warning-faded-state-hover-material-background-color: #fff4cc;
  --card-variant-warning-faded-state-hover-material-border-color: #fff4cc;
  --card-variant-warning-faded-state-active-material-background-color: #ffeab0;
  --card-variant-warning-faded-state-active-material-border-color: #ffeab0;
  --card-variant-warning-faded-state-disabled-material-background-color: #f2f2f2;
  --card-variant-warning-faded-state-disabled-material-border-color: #f2f2f2;
  --card-size-default-container-composition-border-width: 1px;
  --card-size-default-container-composition-border-radius: 8px;
  --card-section-size-basic-vertical-padding-2xl-container-composition-padding-top: 40px;
  --card-section-size-basic-vertical-padding-2xl-container-composition-padding-bottom: 40px;
  --card-section-size-basic-vertical-padding-2xl-container-composition-border-width-top: 1px;
  --card-section-size-basic-vertical-padding-2xl-container-composition-border-width-right: 1px;
  --card-section-size-basic-vertical-padding-2xl-container-composition-border-width-bottom: 1px;
  --card-section-size-basic-vertical-padding-2xl-container-composition-border-width-left: 1px;
  --card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-top-left: 8px;
  --card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-top-right: 8px;
  --card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-bottom-right: 8px;
  --card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-bottom-left: 8px;
  --card-section-size-basic-vertical-padding-xl-container-composition-padding-top: 32px;
  --card-section-size-basic-vertical-padding-xl-container-composition-padding-bottom: 32px;
  --card-section-size-basic-vertical-padding-xl-container-composition-border-width-top: 1px;
  --card-section-size-basic-vertical-padding-xl-container-composition-border-width-right: 1px;
  --card-section-size-basic-vertical-padding-xl-container-composition-border-width-bottom: 1px;
  --card-section-size-basic-vertical-padding-xl-container-composition-border-width-left: 1px;
  --card-section-size-basic-vertical-padding-xl-container-composition-border-radius-top-left: 8px;
  --card-section-size-basic-vertical-padding-xl-container-composition-border-radius-top-right: 8px;
  --card-section-size-basic-vertical-padding-xl-container-composition-border-radius-bottom-right: 8px;
  --card-section-size-basic-vertical-padding-xl-container-composition-border-radius-bottom-left: 8px;
  --card-section-size-basic-vertical-padding-l-container-composition-padding-top: 24px;
  --card-section-size-basic-vertical-padding-l-container-composition-padding-bottom: 24px;
  --card-section-size-basic-vertical-padding-l-container-composition-border-width-top: 1px;
  --card-section-size-basic-vertical-padding-l-container-composition-border-width-right: 1px;
  --card-section-size-basic-vertical-padding-l-container-composition-border-width-bottom: 1px;
  --card-section-size-basic-vertical-padding-l-container-composition-border-width-left: 1px;
  --card-section-size-basic-vertical-padding-l-container-composition-border-radius-top-left: 8px;
  --card-section-size-basic-vertical-padding-l-container-composition-border-radius-top-right: 8px;
  --card-section-size-basic-vertical-padding-l-container-composition-border-radius-bottom-right: 8px;
  --card-section-size-basic-vertical-padding-l-container-composition-border-radius-bottom-left: 8px;
  --card-section-size-basic-vertical-padding-m-container-composition-padding-top: 16px;
  --card-section-size-basic-vertical-padding-m-container-composition-padding-bottom: 16px;
  --card-section-size-basic-vertical-padding-m-container-composition-border-width-top: 1px;
  --card-section-size-basic-vertical-padding-m-container-composition-border-width-right: 1px;
  --card-section-size-basic-vertical-padding-m-container-composition-border-width-bottom: 1px;
  --card-section-size-basic-vertical-padding-m-container-composition-border-width-left: 1px;
  --card-section-size-basic-vertical-padding-m-container-composition-border-radius-top-left: 8px;
  --card-section-size-basic-vertical-padding-m-container-composition-border-radius-top-right: 8px;
  --card-section-size-basic-vertical-padding-m-container-composition-border-radius-bottom-right: 8px;
  --card-section-size-basic-vertical-padding-m-container-composition-border-radius-bottom-left: 8px;
  --card-section-size-basic-vertical-padding-s-container-composition-padding-top: 12px;
  --card-section-size-basic-vertical-padding-s-container-composition-padding-bottom: 12px;
  --card-section-size-basic-vertical-padding-s-container-composition-border-width-top: 1px;
  --card-section-size-basic-vertical-padding-s-container-composition-border-width-right: 1px;
  --card-section-size-basic-vertical-padding-s-container-composition-border-width-bottom: 1px;
  --card-section-size-basic-vertical-padding-s-container-composition-border-width-left: 1px;
  --card-section-size-basic-vertical-padding-s-container-composition-border-radius-top-left: 8px;
  --card-section-size-basic-vertical-padding-s-container-composition-border-radius-top-right: 8px;
  --card-section-size-basic-vertical-padding-s-container-composition-border-radius-bottom-right: 8px;
  --card-section-size-basic-vertical-padding-s-container-composition-border-radius-bottom-left: 8px;
  --card-section-size-basic-vertical-padding-xs-container-composition-padding-top: 8px;
  --card-section-size-basic-vertical-padding-xs-container-composition-padding-bottom: 8px;
  --card-section-size-basic-vertical-padding-xs-container-composition-border-width-top: 1px;
  --card-section-size-basic-vertical-padding-xs-container-composition-border-width-right: 1px;
  --card-section-size-basic-vertical-padding-xs-container-composition-border-width-bottom: 1px;
  --card-section-size-basic-vertical-padding-xs-container-composition-border-width-left: 1px;
  --card-section-size-basic-vertical-padding-xs-container-composition-border-radius-top-left: 8px;
  --card-section-size-basic-vertical-padding-xs-container-composition-border-radius-top-right: 8px;
  --card-section-size-basic-vertical-padding-xs-container-composition-border-radius-bottom-right: 8px;
  --card-section-size-basic-vertical-padding-xs-container-composition-border-radius-bottom-left: 8px;
  --card-section-size-basic-vertical-padding-flush-container-composition-padding-top: 0px;
  --card-section-size-basic-vertical-padding-flush-container-composition-padding-bottom: 0px;
  --card-section-size-basic-vertical-padding-flush-container-composition-border-width-top: 1px;
  --card-section-size-basic-vertical-padding-flush-container-composition-border-width-right: 1px;
  --card-section-size-basic-vertical-padding-flush-container-composition-border-width-bottom: 1px;
  --card-section-size-basic-vertical-padding-flush-container-composition-border-width-left: 1px;
  --card-section-size-basic-vertical-padding-flush-container-composition-border-radius-top-left: 8px;
  --card-section-size-basic-vertical-padding-flush-container-composition-border-radius-top-right: 8px;
  --card-section-size-basic-vertical-padding-flush-container-composition-border-radius-bottom-right: 8px;
  --card-section-size-basic-vertical-padding-flush-container-composition-border-radius-bottom-left: 8px;
  --card-section-size-basic-horizontal-padding-2xl-container-composition-padding-left: 40px;
  --card-section-size-basic-horizontal-padding-2xl-container-composition-padding-right: 40px;
  --card-section-size-basic-horizontal-padding-xl-container-composition-padding-left: 32px;
  --card-section-size-basic-horizontal-padding-xl-container-composition-padding-right: 32px;
  --card-section-size-basic-horizontal-padding-l-container-composition-padding-left: 24px;
  --card-section-size-basic-horizontal-padding-l-container-composition-padding-right: 24px;
  --card-section-size-basic-horizontal-padding-m-container-composition-padding-left: 16px;
  --card-section-size-basic-horizontal-padding-m-container-composition-padding-right: 16px;
  --card-section-size-basic-horizontal-padding-s-container-composition-padding-left: 12px;
  --card-section-size-basic-horizontal-padding-s-container-composition-padding-right: 12px;
  --card-section-size-basic-horizontal-padding-xs-container-composition-padding-left: 8px;
  --card-section-size-basic-horizontal-padding-xs-container-composition-padding-right: 8px;
  --card-section-size-basic-horizontal-padding-flush-container-composition-padding-left: 0px;
  --card-section-size-basic-horizontal-padding-flush-container-composition-padding-right: 0px;
  --card-section-size-header-vertical-padding-2xl-container-composition-padding-top: 40px;
  --card-section-size-header-vertical-padding-2xl-container-composition-padding-bottom: 40px;
  --card-section-size-header-vertical-padding-2xl-container-composition-border-width-top: 0px;
  --card-section-size-header-vertical-padding-2xl-container-composition-border-width-right: 0px;
  --card-section-size-header-vertical-padding-2xl-container-composition-border-width-bottom: 1px;
  --card-section-size-header-vertical-padding-2xl-container-composition-border-width-left: 0px;
  --card-section-size-header-vertical-padding-2xl-container-composition-border-radius-top-left: 8px;
  --card-section-size-header-vertical-padding-2xl-container-composition-border-radius-top-right: 8px;
  --card-section-size-header-vertical-padding-2xl-container-composition-border-radius-bottom-right: 0px;
  --card-section-size-header-vertical-padding-2xl-container-composition-border-radius-bottom-left: 0px;
  --card-section-size-header-vertical-padding-xl-container-composition-padding-top: 32px;
  --card-section-size-header-vertical-padding-xl-container-composition-padding-bottom: 32px;
  --card-section-size-header-vertical-padding-xl-container-composition-border-width-top: 0px;
  --card-section-size-header-vertical-padding-xl-container-composition-border-width-right: 0px;
  --card-section-size-header-vertical-padding-xl-container-composition-border-width-bottom: 1px;
  --card-section-size-header-vertical-padding-xl-container-composition-border-width-left: 0px;
  --card-section-size-header-vertical-padding-xl-container-composition-border-radius-top-left: 8px;
  --card-section-size-header-vertical-padding-xl-container-composition-border-radius-top-right: 8px;
  --card-section-size-header-vertical-padding-xl-container-composition-border-radius-bottom-right: 0px;
  --card-section-size-header-vertical-padding-xl-container-composition-border-radius-bottom-left: 0px;
  --card-section-size-header-vertical-padding-l-container-composition-padding-top: 24px;
  --card-section-size-header-vertical-padding-l-container-composition-padding-bottom: 24px;
  --card-section-size-header-vertical-padding-l-container-composition-border-width-top: 0px;
  --card-section-size-header-vertical-padding-l-container-composition-border-width-right: 0px;
  --card-section-size-header-vertical-padding-l-container-composition-border-width-bottom: 1px;
  --card-section-size-header-vertical-padding-l-container-composition-border-width-left: 0px;
  --card-section-size-header-vertical-padding-l-container-composition-border-radius-top-left: 8px;
  --card-section-size-header-vertical-padding-l-container-composition-border-radius-top-right: 8px;
  --card-section-size-header-vertical-padding-l-container-composition-border-radius-bottom-right: 0px;
  --card-section-size-header-vertical-padding-l-container-composition-border-radius-bottom-left: 0px;
  --card-section-size-header-vertical-padding-m-container-composition-padding-top: 16px;
  --card-section-size-header-vertical-padding-m-container-composition-padding-bottom: 16px;
  --card-section-size-header-vertical-padding-m-container-composition-border-width-top: 0px;
  --card-section-size-header-vertical-padding-m-container-composition-border-width-right: 0px;
  --card-section-size-header-vertical-padding-m-container-composition-border-width-bottom: 1px;
  --card-section-size-header-vertical-padding-m-container-composition-border-width-left: 0px;
  --card-section-size-header-vertical-padding-m-container-composition-border-radius-top-left: 8px;
  --card-section-size-header-vertical-padding-m-container-composition-border-radius-top-right: 8px;
  --card-section-size-header-vertical-padding-m-container-composition-border-radius-bottom-right: 0px;
  --card-section-size-header-vertical-padding-m-container-composition-border-radius-bottom-left: 0px;
  --card-section-size-header-vertical-padding-s-container-composition-padding-top: 12px;
  --card-section-size-header-vertical-padding-s-container-composition-padding-bottom: 12px;
  --card-section-size-header-vertical-padding-s-container-composition-border-width-top: 0px;
  --card-section-size-header-vertical-padding-s-container-composition-border-width-right: 0px;
  --card-section-size-header-vertical-padding-s-container-composition-border-width-bottom: 1px;
  --card-section-size-header-vertical-padding-s-container-composition-border-width-left: 0px;
  --card-section-size-header-vertical-padding-s-container-composition-border-radius-top-left: 8px;
  --card-section-size-header-vertical-padding-s-container-composition-border-radius-top-right: 8px;
  --card-section-size-header-vertical-padding-s-container-composition-border-radius-bottom-right: 0px;
  --card-section-size-header-vertical-padding-s-container-composition-border-radius-bottom-left: 0px;
  --card-section-size-header-vertical-padding-xs-container-composition-padding-top: 8px;
  --card-section-size-header-vertical-padding-xs-container-composition-padding-bottom: 8px;
  --card-section-size-header-vertical-padding-xs-container-composition-border-width-top: 0px;
  --card-section-size-header-vertical-padding-xs-container-composition-border-width-right: 0px;
  --card-section-size-header-vertical-padding-xs-container-composition-border-width-bottom: 1px;
  --card-section-size-header-vertical-padding-xs-container-composition-border-width-left: 0px;
  --card-section-size-header-vertical-padding-xs-container-composition-border-radius-top-left: 8px;
  --card-section-size-header-vertical-padding-xs-container-composition-border-radius-top-right: 8px;
  --card-section-size-header-vertical-padding-xs-container-composition-border-radius-bottom-right: 0px;
  --card-section-size-header-vertical-padding-xs-container-composition-border-radius-bottom-left: 0px;
  --card-section-size-header-vertical-padding-flush-container-composition-padding-top: 0px;
  --card-section-size-header-vertical-padding-flush-container-composition-padding-bottom: 0px;
  --card-section-size-header-vertical-padding-flush-container-composition-border-width-top: 0px;
  --card-section-size-header-vertical-padding-flush-container-composition-border-width-right: 0px;
  --card-section-size-header-vertical-padding-flush-container-composition-border-width-bottom: 1px;
  --card-section-size-header-vertical-padding-flush-container-composition-border-width-left: 0px;
  --card-section-size-header-vertical-padding-flush-container-composition-border-radius-top-left: 8px;
  --card-section-size-header-vertical-padding-flush-container-composition-border-radius-top-right: 8px;
  --card-section-size-header-vertical-padding-flush-container-composition-border-radius-bottom-right: 0px;
  --card-section-size-header-vertical-padding-flush-container-composition-border-radius-bottom-left: 0px;
  --card-section-size-header-horizontal-padding-2xl-container-composition-padding-left: 40px;
  --card-section-size-header-horizontal-padding-2xl-container-composition-padding-right: 40px;
  --card-section-size-header-horizontal-padding-xl-container-composition-padding-left: 32px;
  --card-section-size-header-horizontal-padding-xl-container-composition-padding-right: 32px;
  --card-section-size-header-horizontal-padding-l-container-composition-padding-left: 24px;
  --card-section-size-header-horizontal-padding-l-container-composition-padding-right: 24px;
  --card-section-size-header-horizontal-padding-m-container-composition-padding-left: 16px;
  --card-section-size-header-horizontal-padding-m-container-composition-padding-right: 16px;
  --card-section-size-header-horizontal-padding-s-container-composition-padding-left: 12px;
  --card-section-size-header-horizontal-padding-s-container-composition-padding-right: 12px;
  --card-section-size-header-horizontal-padding-xs-container-composition-padding-left: 8px;
  --card-section-size-header-horizontal-padding-xs-container-composition-padding-right: 8px;
  --card-section-size-header-horizontal-padding-flush-container-composition-padding-left: 0px;
  --card-section-size-header-horizontal-padding-flush-container-composition-padding-right: 0px;
  --card-section-size-body-vertical-padding-2xl-container-composition-padding-top: 32px;
  --card-section-size-body-vertical-padding-2xl-container-composition-padding-bottom: 32px;
  --card-section-size-body-vertical-padding-2xl-container-composition-border-width-top: 0px;
  --card-section-size-body-vertical-padding-2xl-container-composition-border-width-right: 0px;
  --card-section-size-body-vertical-padding-2xl-container-composition-border-width-bottom: 1px;
  --card-section-size-body-vertical-padding-2xl-container-composition-border-width-left: 0px;
  --card-section-size-body-vertical-padding-2xl-container-composition-border-radius-top-left: 0px;
  --card-section-size-body-vertical-padding-2xl-container-composition-border-radius-top-right: 0px;
  --card-section-size-body-vertical-padding-2xl-container-composition-border-radius-bottom-right: 0px;
  --card-section-size-body-vertical-padding-2xl-container-composition-border-radius-bottom-left: 0px;
  --card-section-size-body-vertical-padding-xl-container-composition-padding-top: 24px;
  --card-section-size-body-vertical-padding-xl-container-composition-padding-bottom: 24px;
  --card-section-size-body-vertical-padding-xl-container-composition-border-width-top: 0px;
  --card-section-size-body-vertical-padding-xl-container-composition-border-width-right: 0px;
  --card-section-size-body-vertical-padding-xl-container-composition-border-width-bottom: 1px;
  --card-section-size-body-vertical-padding-xl-container-composition-border-width-left: 0px;
  --card-section-size-body-vertical-padding-xl-container-composition-border-radius-top-left: 0px;
  --card-section-size-body-vertical-padding-xl-container-composition-border-radius-top-right: 0px;
  --card-section-size-body-vertical-padding-xl-container-composition-border-radius-bottom-right: 0px;
  --card-section-size-body-vertical-padding-xl-container-composition-border-radius-bottom-left: 0px;
  --card-section-size-body-vertical-padding-l-container-composition-padding-top: 16px;
  --card-section-size-body-vertical-padding-l-container-composition-padding-bottom: 16px;
  --card-section-size-body-vertical-padding-l-container-composition-border-width-top: 0px;
  --card-section-size-body-vertical-padding-l-container-composition-border-width-right: 0px;
  --card-section-size-body-vertical-padding-l-container-composition-border-width-bottom: 1px;
  --card-section-size-body-vertical-padding-l-container-composition-border-width-left: 0px;
  --card-section-size-body-vertical-padding-l-container-composition-border-radius-top-left: 0px;
  --card-section-size-body-vertical-padding-l-container-composition-border-radius-top-right: 0px;
  --card-section-size-body-vertical-padding-l-container-composition-border-radius-bottom-right: 0px;
  --card-section-size-body-vertical-padding-l-container-composition-border-radius-bottom-left: 0px;
  --card-section-size-body-vertical-padding-m-container-composition-padding-top: 12px;
  --card-section-size-body-vertical-padding-m-container-composition-padding-bottom: 12px;
  --card-section-size-body-vertical-padding-m-container-composition-border-width-top: 0px;
  --card-section-size-body-vertical-padding-m-container-composition-border-width-right: 0px;
  --card-section-size-body-vertical-padding-m-container-composition-border-width-bottom: 1px;
  --card-section-size-body-vertical-padding-m-container-composition-border-width-left: 0px;
  --card-section-size-body-vertical-padding-m-container-composition-border-radius-top-left: 0px;
  --card-section-size-body-vertical-padding-m-container-composition-border-radius-top-right: 0px;
  --card-section-size-body-vertical-padding-m-container-composition-border-radius-bottom-right: 0px;
  --card-section-size-body-vertical-padding-m-container-composition-border-radius-bottom-left: 0px;
  --card-section-size-body-vertical-padding-s-container-composition-padding-top: 8px;
  --card-section-size-body-vertical-padding-s-container-composition-padding-bottom: 8px;
  --card-section-size-body-vertical-padding-s-container-composition-border-width-top: 0px;
  --card-section-size-body-vertical-padding-s-container-composition-border-width-right: 0px;
  --card-section-size-body-vertical-padding-s-container-composition-border-width-bottom: 1px;
  --card-section-size-body-vertical-padding-s-container-composition-border-width-left: 0px;
  --card-section-size-body-vertical-padding-s-container-composition-border-radius-top-left: 0px;
  --card-section-size-body-vertical-padding-s-container-composition-border-radius-top-right: 0px;
  --card-section-size-body-vertical-padding-s-container-composition-border-radius-bottom-right: 0px;
  --card-section-size-body-vertical-padding-s-container-composition-border-radius-bottom-left: 0px;
  --card-section-size-body-vertical-padding-xs-container-composition-padding-top: 4px;
  --card-section-size-body-vertical-padding-xs-container-composition-padding-bottom: 4px;
  --card-section-size-body-vertical-padding-xs-container-composition-border-width-top: 0px;
  --card-section-size-body-vertical-padding-xs-container-composition-border-width-right: 0px;
  --card-section-size-body-vertical-padding-xs-container-composition-border-width-bottom: 1px;
  --card-section-size-body-vertical-padding-xs-container-composition-border-width-left: 0px;
  --card-section-size-body-vertical-padding-xs-container-composition-border-radius-top-left: 0px;
  --card-section-size-body-vertical-padding-xs-container-composition-border-radius-top-right: 0px;
  --card-section-size-body-vertical-padding-xs-container-composition-border-radius-bottom-right: 0px;
  --card-section-size-body-vertical-padding-xs-container-composition-border-radius-bottom-left: 0px;
  --card-section-size-body-vertical-padding-flush-container-composition-padding-top: 0px;
  --card-section-size-body-vertical-padding-flush-container-composition-padding-bottom: 0px;
  --card-section-size-body-vertical-padding-flush-container-composition-border-width-top: 0px;
  --card-section-size-body-vertical-padding-flush-container-composition-border-width-right: 0px;
  --card-section-size-body-vertical-padding-flush-container-composition-border-width-bottom: 1px;
  --card-section-size-body-vertical-padding-flush-container-composition-border-width-left: 0px;
  --card-section-size-body-vertical-padding-flush-container-composition-border-radius-top-left: 0px;
  --card-section-size-body-vertical-padding-flush-container-composition-border-radius-top-right: 0px;
  --card-section-size-body-vertical-padding-flush-container-composition-border-radius-bottom-right: 0px;
  --card-section-size-body-vertical-padding-flush-container-composition-border-radius-bottom-left: 0px;
  --card-section-size-body-horizontal-padding-2xl-container-composition-padding-left: 40px;
  --card-section-size-body-horizontal-padding-2xl-container-composition-padding-right: 40px;
  --card-section-size-body-horizontal-padding-xl-container-composition-padding-left: 32px;
  --card-section-size-body-horizontal-padding-xl-container-composition-padding-right: 32px;
  --card-section-size-body-horizontal-padding-l-container-composition-padding-left: 24px;
  --card-section-size-body-horizontal-padding-l-container-composition-padding-right: 24px;
  --card-section-size-body-horizontal-padding-m-container-composition-padding-left: 16px;
  --card-section-size-body-horizontal-padding-m-container-composition-padding-right: 16px;
  --card-section-size-body-horizontal-padding-s-container-composition-padding-left: 12px;
  --card-section-size-body-horizontal-padding-s-container-composition-padding-right: 12px;
  --card-section-size-body-horizontal-padding-xs-container-composition-padding-left: 8px;
  --card-section-size-body-horizontal-padding-xs-container-composition-padding-right: 8px;
  --card-section-size-body-horizontal-padding-flush-container-composition-padding-left: 0px;
  --card-section-size-body-horizontal-padding-flush-container-composition-padding-right: 0px;
  --card-section-size-footer-vertical-padding-2xl-container-composition-padding-top: 40px;
  --card-section-size-footer-vertical-padding-2xl-container-composition-padding-bottom: 40px;
  --card-section-size-footer-vertical-padding-2xl-container-composition-border-width-top: 1px;
  --card-section-size-footer-vertical-padding-2xl-container-composition-border-width-right: 0px;
  --card-section-size-footer-vertical-padding-2xl-container-composition-border-width-bottom: 0px;
  --card-section-size-footer-vertical-padding-2xl-container-composition-border-width-left: 0px;
  --card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-top-left: 0px;
  --card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-top-right: 0px;
  --card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-bottom-right: 8px;
  --card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-bottom-left: 8px;
  --card-section-size-footer-vertical-padding-xl-container-composition-padding-top: 32px;
  --card-section-size-footer-vertical-padding-xl-container-composition-padding-bottom: 32px;
  --card-section-size-footer-vertical-padding-xl-container-composition-border-width-top: 1px;
  --card-section-size-footer-vertical-padding-xl-container-composition-border-width-right: 0px;
  --card-section-size-footer-vertical-padding-xl-container-composition-border-width-bottom: 0px;
  --card-section-size-footer-vertical-padding-xl-container-composition-border-width-left: 0px;
  --card-section-size-footer-vertical-padding-xl-container-composition-border-radius-top-left: 0px;
  --card-section-size-footer-vertical-padding-xl-container-composition-border-radius-top-right: 0px;
  --card-section-size-footer-vertical-padding-xl-container-composition-border-radius-bottom-right: 8px;
  --card-section-size-footer-vertical-padding-xl-container-composition-border-radius-bottom-left: 8px;
  --card-section-size-footer-vertical-padding-l-container-composition-padding-top: 24px;
  --card-section-size-footer-vertical-padding-l-container-composition-padding-bottom: 24px;
  --card-section-size-footer-vertical-padding-l-container-composition-border-width-top: 1px;
  --card-section-size-footer-vertical-padding-l-container-composition-border-width-right: 0px;
  --card-section-size-footer-vertical-padding-l-container-composition-border-width-bottom: 0px;
  --card-section-size-footer-vertical-padding-l-container-composition-border-width-left: 0px;
  --card-section-size-footer-vertical-padding-l-container-composition-border-radius-top-left: 0px;
  --card-section-size-footer-vertical-padding-l-container-composition-border-radius-top-right: 0px;
  --card-section-size-footer-vertical-padding-l-container-composition-border-radius-bottom-right: 8px;
  --card-section-size-footer-vertical-padding-l-container-composition-border-radius-bottom-left: 8px;
  --card-section-size-footer-vertical-padding-m-container-composition-padding-top: 16px;
  --card-section-size-footer-vertical-padding-m-container-composition-padding-bottom: 16px;
  --card-section-size-footer-vertical-padding-m-container-composition-border-width-top: 1px;
  --card-section-size-footer-vertical-padding-m-container-composition-border-width-right: 0px;
  --card-section-size-footer-vertical-padding-m-container-composition-border-width-bottom: 0px;
  --card-section-size-footer-vertical-padding-m-container-composition-border-width-left: 0px;
  --card-section-size-footer-vertical-padding-m-container-composition-border-radius-top-left: 0px;
  --card-section-size-footer-vertical-padding-m-container-composition-border-radius-top-right: 0px;
  --card-section-size-footer-vertical-padding-m-container-composition-border-radius-bottom-right: 8px;
  --card-section-size-footer-vertical-padding-m-container-composition-border-radius-bottom-left: 8px;
  --card-section-size-footer-vertical-padding-s-container-composition-padding-top: 12px;
  --card-section-size-footer-vertical-padding-s-container-composition-padding-bottom: 12px;
  --card-section-size-footer-vertical-padding-s-container-composition-border-width-top: 1px;
  --card-section-size-footer-vertical-padding-s-container-composition-border-width-right: 0px;
  --card-section-size-footer-vertical-padding-s-container-composition-border-width-bottom: 0px;
  --card-section-size-footer-vertical-padding-s-container-composition-border-width-left: 0px;
  --card-section-size-footer-vertical-padding-s-container-composition-border-radius-top-left: 0px;
  --card-section-size-footer-vertical-padding-s-container-composition-border-radius-top-right: 0px;
  --card-section-size-footer-vertical-padding-s-container-composition-border-radius-bottom-right: 8px;
  --card-section-size-footer-vertical-padding-s-container-composition-border-radius-bottom-left: 8px;
  --card-section-size-footer-vertical-padding-xs-container-composition-padding-top: 8px;
  --card-section-size-footer-vertical-padding-xs-container-composition-padding-bottom: 8px;
  --card-section-size-footer-vertical-padding-xs-container-composition-border-width-top: 1px;
  --card-section-size-footer-vertical-padding-xs-container-composition-border-width-right: 0px;
  --card-section-size-footer-vertical-padding-xs-container-composition-border-width-bottom: 0px;
  --card-section-size-footer-vertical-padding-xs-container-composition-border-width-left: 0px;
  --card-section-size-footer-vertical-padding-xs-container-composition-border-radius-top-left: 0px;
  --card-section-size-footer-vertical-padding-xs-container-composition-border-radius-top-right: 0px;
  --card-section-size-footer-vertical-padding-xs-container-composition-border-radius-bottom-right: 8px;
  --card-section-size-footer-vertical-padding-xs-container-composition-border-radius-bottom-left: 8px;
  --card-section-size-footer-vertical-padding-flush-container-composition-padding-top: 0px;
  --card-section-size-footer-vertical-padding-flush-container-composition-padding-bottom: 0px;
  --card-section-size-footer-vertical-padding-flush-container-composition-border-width-top: 1px;
  --card-section-size-footer-vertical-padding-flush-container-composition-border-width-right: 0px;
  --card-section-size-footer-vertical-padding-flush-container-composition-border-width-bottom: 0px;
  --card-section-size-footer-vertical-padding-flush-container-composition-border-width-left: 0px;
  --card-section-size-footer-vertical-padding-flush-container-composition-border-radius-top-left: 0px;
  --card-section-size-footer-vertical-padding-flush-container-composition-border-radius-top-right: 0px;
  --card-section-size-footer-vertical-padding-flush-container-composition-border-radius-bottom-right: 8px;
  --card-section-size-footer-vertical-padding-flush-container-composition-border-radius-bottom-left: 8px;
  --card-section-size-footer-horizontal-padding-2xl-container-composition-padding-left: 40px;
  --card-section-size-footer-horizontal-padding-2xl-container-composition-padding-right: 40px;
  --card-section-size-footer-horizontal-padding-xl-container-composition-padding-left: 32px;
  --card-section-size-footer-horizontal-padding-xl-container-composition-padding-right: 32px;
  --card-section-size-footer-horizontal-padding-l-container-composition-padding-left: 24px;
  --card-section-size-footer-horizontal-padding-l-container-composition-padding-right: 24px;
  --card-section-size-footer-horizontal-padding-m-container-composition-padding-left: 16px;
  --card-section-size-footer-horizontal-padding-m-container-composition-padding-right: 16px;
  --card-section-size-footer-horizontal-padding-s-container-composition-padding-left: 12px;
  --card-section-size-footer-horizontal-padding-s-container-composition-padding-right: 12px;
  --card-section-size-footer-horizontal-padding-xs-container-composition-padding-left: 8px;
  --card-section-size-footer-horizontal-padding-xs-container-composition-padding-right: 8px;
  --card-section-size-footer-horizontal-padding-flush-container-composition-padding-left: 0px;
  --card-section-size-footer-horizontal-padding-flush-container-composition-padding-right: 0px;
  --card-section-variant-emphasis-lowest-container-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --card-section-variant-emphasis-lowest-container-border-color: rgba(
    13,
    22,
    25,
    0
  );
  --card-section-variant-emphasis-low-container-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --card-section-variant-emphasis-low-container-border-color: #d3d3d3;
  --card-section-variant-emphasis-medium-container-background-color: #f2f2f2;
  --card-section-variant-emphasis-medium-container-border-color: rgba(
    13,
    22,
    25,
    0
  );
  --card-section-variant-emphasis-high-container-background-color: #f2f2f2;
  --card-section-variant-emphasis-high-container-border-color: #d3d3d3;
  --card-v2-color-default-state-default-background-color: #fff;
  --card-v2-color-default-state-default-innershadow: inset 0 0 0 1px #d3d3d3;
  --card-v2-color-default-state-hover-background-color: #f2f2f2;
  --card-v2-color-default-state-hover-innershadow: inset 0 0 0 1px #bfbfbf;
  --card-v2-color-default-state-active-background-color: #e5e5e5;
  --card-v2-color-default-state-active-innershadow: inset 0 0 0 1px #acacac;
  --card-v2-color-outlined-state-default-background-color: #fff;
  --card-v2-color-outlined-state-default-innershadow: inset 0 0 0 1px #d3d3d3;
  --card-v2-color-outlined-state-hover-background-color: #fff;
  --card-v2-color-outlined-state-hover-innershadow: inset 0 0 0 1px #bfbfbf;
  --card-v2-color-outlined-state-active-background-color: #fff;
  --card-v2-color-outlined-state-active-innershadow: inset 0 0 0 1px #acacac;
  --card-v2-color-elevated-state-default-background-color: #fff;
  --card-v2-color-elevated-state-default-innershadow: 0 2px 12px 4px
      rgba(13, 22, 25, 0.078),
    0 0 6px 2px rgba(13, 22, 25, 0.02), inset 0 0 0 1px #d3d3d3;
  --card-v2-color-elevated-state-hover-background-color: #f2f2f2;
  --card-v2-color-elevated-state-hover-innershadow: 0 2px 12px 4px
      rgba(13, 22, 25, 0.078),
    0 0 6px 2px rgba(13, 22, 25, 0.02), inset 0 0 0 1px #bfbfbf;
  --card-v2-color-elevated-state-active-background-color: #e5e5e5;
  --card-v2-color-elevated-state-active-innershadow: 0 2px 12px 4px
      rgba(13, 22, 25, 0.078),
    0 0 6px 2px rgba(13, 22, 25, 0.02), inset 0 0 0 1px #acacac;
  --card-v2-color-flat-state-default-background-color: #fff;
  --card-v2-color-flat-state-default-innershadow: inset 0 0 0 1px #fff;
  --card-v2-color-flat-state-hover-background-color: #f2f2f2;
  --card-v2-color-flat-state-hover-innershadow: inset 0 0 0 1px #f2f2f2;
  --card-v2-color-flat-state-active-background-color: #e5e5e5;
  --card-v2-color-flat-state-active-innershadow: inset 0 0 0 1px #e5e5e5;
  --card-v2-color-neutral-faded-state-default-background-color: #f2f2f2;
  --card-v2-color-neutral-faded-state-default-innershadow: inset 0 0 0 1px
    #f2f2f2;
  --card-v2-color-neutral-faded-state-hover-background-color: #d3d3d3;
  --card-v2-color-neutral-faded-state-hover-innershadow: inset 0 0 0 1px #d3d3d3;
  --card-v2-color-neutral-faded-state-active-background-color: #bfbfbf;
  --card-v2-color-neutral-faded-state-active-innershadow: inset 0 0 0 1px
    #bfbfbf;
  --card-v2-color-page-faded-state-default-background-color: #f9f9f9;
  --card-v2-color-page-faded-state-default-innershadow: inset 0 0 0 1px #f9f9f9;
  --card-v2-color-page-faded-state-hover-background-color: #f2f2f2;
  --card-v2-color-page-faded-state-hover-innershadow: inset 0 0 0 1px #f2f2f2;
  --card-v2-color-page-faded-state-active-background-color: #e5e5e5;
  --card-v2-color-page-faded-state-active-innershadow: inset 0 0 0 1px #e5e5e5;
  --card-v2-color-primary-state-default-background-color: #0d1619;
  --card-v2-color-primary-state-default-innershadow: inset 0 0 0 1px #0d1619;
  --card-v2-color-primary-state-hover-background-color: #3a4144;
  --card-v2-color-primary-state-hover-innershadow: inset 0 0 0 1px #3a4144;
  --card-v2-color-primary-state-active-background-color: #505658;
  --card-v2-color-primary-state-active-innershadow: inset 0 0 0 1px #505658;
  --card-v2-color-accent-state-default-background-color: #6950f3;
  --card-v2-color-accent-state-default-innershadow: inset 0 0 0 1px #6950f3;
  --card-v2-color-accent-state-hover-background-color: #5c4ace;
  --card-v2-color-accent-state-hover-innershadow: inset 0 0 0 1px #5c4ace;
  --card-v2-color-accent-state-active-background-color: #403591;
  --card-v2-color-accent-state-active-innershadow: inset 0 0 0 1px #403591;
  --card-v2-color-accent-faded-state-default-background-color: #e7e8ff;
  --card-v2-color-accent-faded-state-default-innershadow: inset 0 0 0 1px
    #e7e8ff;
  --card-v2-color-accent-faded-state-hover-background-color: #dbddff;
  --card-v2-color-accent-faded-state-hover-innershadow: inset 0 0 0 1px #dbddff;
  --card-v2-color-accent-faded-state-active-background-color: #d1d4ff;
  --card-v2-color-accent-faded-state-active-innershadow: inset 0 0 0 1px #d1d4ff;
  --card-v2-color-danger-faded-state-default-background-color: #feeceb;
  --card-v2-color-danger-faded-state-default-innershadow: inset 0 0 0 1px
    #feeceb;
  --card-v2-color-danger-faded-state-hover-background-color: #fee3e2;
  --card-v2-color-danger-faded-state-hover-innershadow: inset 0 0 0 1px #fee3e2;
  --card-v2-color-danger-faded-state-active-background-color: #ffd4d3;
  --card-v2-color-danger-faded-state-active-innershadow: inset 0 0 0 1px #ffd4d3;
  --card-v2-color-warning-faded-state-default-background-color: #fff7db;
  --card-v2-color-warning-faded-state-default-innershadow: inset 0 0 0 1px
    #fff7db;
  --card-v2-color-warning-faded-state-hover-background-color: #fff4cc;
  --card-v2-color-warning-faded-state-hover-innershadow: inset 0 0 0 1px #fff4cc;
  --card-v2-color-warning-faded-state-active-background-color: #ffeab0;
  --card-v2-color-warning-faded-state-active-innershadow: inset 0 0 0 1px
    #ffeab0;
  --card-v2-structure-border-border-width: 1px;
  --card-v2-selected-color-accent-filled-state-default-background-color: #6950f3;
  --card-v2-selected-color-accent-filled-state-default-innershadow: 0 0 0 0
    rgba(13, 22, 25, 0.122);
  --card-v2-selected-color-accent-filled-state-hover-background-color: #5c4ace;
  --card-v2-selected-color-accent-filled-state-hover-innershadow: 0 0 0 0
    rgba(13, 22, 25, 0.122);
  --card-v2-selected-color-accent-filled-state-active-background-color: #403591;
  --card-v2-selected-color-accent-filled-state-active-innershadow: 0 0 0 0
    rgba(13, 22, 25, 0.122);
  --card-v2-selected-color-accent-filled-text-color: #fff;
  --card-v2-selected-color-accent-outlined-state-default-background-color: #fff;
  --card-v2-selected-color-accent-outlined-state-default-innershadow: inset 0 0
    0 2px #6950f3;
  --card-v2-selected-color-accent-outlined-state-hover-background-color: #f2f2f2;
  --card-v2-selected-color-accent-outlined-state-hover-innershadow: inset 0 0 0
    2px #6950f3;
  --card-v2-selected-color-accent-outlined-state-active-background-color: #e5e5e5;
  --card-v2-selected-color-accent-outlined-state-active-innershadow: inset 0 0 0
    2px #6950f3;
  --card-v2-selected-color-accent-outlined-text-color: #0d1619;
  --cart-item-size-default-content-composition-item-spacing: 12px;
  --cart-item-size-default-left-content-composition-item-spacing: 2px;
  --cart-item-size-default-right-content-composition-item-spacing: 2px;
  --cart-item-size-default-footer-slot-composition-padding-top: 12px;
  --cart-item-size-default-description-composition-typography: 400 15px/20px
    var(--font-family);
  --cart-item-size-default-label-composition-typography: 500 17px/24px
    var(--font-family);
  --cart-item-size-default-actual-price-composition-typography: 500 17px/24px
    var(--font-family);
  --cart-item-size-default-original-price-composition-typography: 400 15px/20px
    var(--font-family);
  --cart-item-variant-default-label-text-color: #0d1619;
  --cart-item-variant-default-description-text-color: #757676;
  --cart-item-variant-default-actual-price-text-color: #0d1619;
  --cart-item-variant-default-original-price-text-color: #bfbfbf;
  --checkbox-size-default-content-wrapper-composition-vertical-padding: 2px;
  --checkbox-size-default-container-composition-item-spacing: 12px;
  --checkbox-size-default-label-wrapper-composition-typography: 400 15px/20px
    var(--font-family);
  --checkbox-size-default-primitive-composition-sizing: 24px;
  --checkbox-size-default-primitive-composition-border-radius: 4px;
  --checkbox-size-default-primitive-composition-border-width: 1px;
  --checkbox-size-default-checkmark-composition-sizing: 20px;
  --checkbox-size-default-description-composition-typography: 400 13px/16px
    var(--font-family);
  --checkbox-variant-default-state-enabled-primitive-background: #fff;
  --checkbox-variant-default-state-enabled-primitive-border: #bfbfbf;
  --checkbox-variant-default-state-enabled-primitive-icon-color: #fff;
  --checkbox-variant-default-state-enabled-label-text-color: #0d1619;
  --checkbox-variant-default-state-enabled-description-text-color: #757676;
  --checkbox-variant-default-state-hover-primitive-background: #f2f2f2;
  --checkbox-variant-default-state-hover-primitive-border: #acacac;
  --checkbox-variant-default-state-hover-primitive-icon-color: #fff;
  --checkbox-variant-default-state-active-primitive-background: #e5e5e5;
  --checkbox-variant-default-state-active-primitive-border: #969696;
  --checkbox-variant-default-state-active-primitive-icon-color: #fff;
  --checkbox-variant-default-state-disabled-primitive-background: #f2f2f2;
  --checkbox-variant-default-state-disabled-primitive-border: #d3d3d3;
  --checkbox-variant-default-state-disabled-primitive-icon-color: #f2f2f2;
  --checkbox-variant-default-state-disabled-label-text-color: #acacac;
  --checkbox-variant-default-state-disabled-description-text-color: #acacac;
  --checkbox-variant-default-state-error-primitive-background: #fff;
  --checkbox-variant-default-state-error-primitive-border: #d4163a;
  --checkbox-variant-default-state-error-primitive-icon-color: #fff;
  --checkbox-variant-default-state-error-label-text-color: #0d1619;
  --checkbox-variant-default-state-error-hover-primitive-background: #f2f2f2;
  --checkbox-variant-default-state-error-hover-primitive-border: #bb1232;
  --checkbox-variant-default-state-error-hover-primitive-icon-color: #fff;
  --checkbox-variant-default-state-error-hover-label-text-color: #0d1619;
  --checkbox-variant-default-state-error-active-primitive-background: #e5e5e5;
  --checkbox-variant-default-state-error-active-primitive-border: #831324;
  --checkbox-variant-default-state-error-active-primitive-icon-color: #fff;
  --checkbox-variant-default-state-error-active-label-text-color: #0d1619;
  --checkbox-variant-default-state-selected-primitive-background: #6950f3;
  --checkbox-variant-default-state-selected-primitive-border: #6950f3;
  --checkbox-variant-default-state-selected-primitive-icon-color: #fff;
  --checkbox-variant-default-state-selected-label-text-color: #0d1619;
  --checkbox-variant-default-state-selected-description-text-color: #757676;
  --checkbox-variant-default-state-selected-hover-primitive-background: #5c4ace;
  --checkbox-variant-default-state-selected-hover-primitive-border: #5c4ace;
  --checkbox-variant-default-state-selected-hover-primitive-icon-color: #fff;
  --checkbox-variant-default-state-selected-active-primitive-background: #403591;
  --checkbox-variant-default-state-selected-active-primitive-border: #403591;
  --checkbox-variant-default-state-selected-active-primitive-icon-color: #fff;
  --checkbox-variant-default-state-selected-disabled-primitive-background: #f2f2f2;
  --checkbox-variant-default-state-selected-disabled-primitive-border: #d3d3d3;
  --checkbox-variant-default-state-selected-disabled-primitive-icon-color: #acacac;
  --checkbox-variant-default-state-selected-disabled-label-text-color: #acacac;
  --checkbox-variant-default-state-selected-disabled-description-text-color: #acacac;
  --checkbox-variant-default-state-selected-error-primitive-background: #d4163a;
  --checkbox-variant-default-state-selected-error-primitive-border: #d4163a;
  --checkbox-variant-default-state-selected-error-primitive-icon-color: #fff;
  --checkbox-variant-default-state-selected-error-label-text-color: #0d1619;
  --checkbox-variant-default-state-selected-error-description-text-color: #757676;
  --checkbox-variant-default-state-selected-error-hover-primitive-background: #bb1232;
  --checkbox-variant-default-state-selected-error-hover-primitive-border: #bb1232;
  --checkbox-variant-default-state-selected-error-hover-primitive-icon-color: #fff;
  --checkbox-variant-default-state-selected-error-hover-label-text-color: #0d1619;
  --checkbox-variant-default-state-selected-error-hover-description-text-color: #757676;
  --checkbox-variant-default-state-selected-error-active-primitive-background: #831324;
  --checkbox-variant-default-state-selected-error-active-primitive-border: #831324;
  --checkbox-variant-default-state-selected-error-active-primitive-icon-color: #fff;
  --checkbox-variant-default-state-selected-error-active-label-text-color: #0d1619;
  --checkbox-variant-default-state-selected-error-active-description-text-color: #757676;
  --checkbox-cumulative-size-default-primitive-composition-sizing: 28px;
  --checkbox-cumulative-size-default-primitive-composition-border-radius: 8px;
  --checkbox-cumulative-size-default-icon-composition-sizing: 16px;
  --checkbox-cumulative-variant-default-state-enabled-primitive-background: #f2f2f2;
  --checkbox-cumulative-variant-default-state-enabled-primitive-icon-color: #0d1619;
  --checkbox-cumulative-variant-default-state-hover-primitive-background: #d3d3d3;
  --checkbox-cumulative-variant-default-state-active-primitive-background: #bfbfbf;
  --checkbox-cumulative-variant-default-state-disabled-primitive-background: #f2f2f2;
  --checkbox-cumulative-variant-default-state-disabled-primitive-icon-color: #acacac;
  --checkbox-cumulative-variant-default-state-selected-primitive-background: #6950f3;
  --checkbox-cumulative-variant-default-state-selected-primitive-icon-color: #fff;
  --checkbox-cumulative-variant-default-state-selected-hover-primitive-background: #5c4ace;
  --checkbox-cumulative-variant-default-state-selected-active-primitive-background: #403591;
  --checkbox-cumulative-variant-default-state-selected-disabled-primitive-background: #f2f2f2;
  --checkbox-cumulative-variant-default-state-selected-disabled-primitive-icon-color: #acacac;
  --chip-variant-primary-state-enabled-label-text-color: #0d1619;
  --chip-variant-primary-state-enabled-container-icon-color: #0d1619;
  --chip-variant-primary-state-enabled-container-background-color: #fff;
  --chip-variant-primary-state-enabled-container-border-color: #d3d3d3;
  --chip-variant-primary-state-hover-container-background-color: #f2f2f2;
  --chip-variant-primary-state-hover-container-border-color: #bfbfbf;
  --chip-variant-primary-state-active-container-background-color: #e5e5e5;
  --chip-variant-primary-state-active-container-border-color: #acacac;
  --chip-variant-primary-state-disabled-label-text-color: #acacac;
  --chip-variant-primary-state-disabled-container-icon-color: #acacac;
  --chip-variant-primary-state-disabled-container-background-color: #fff;
  --chip-variant-primary-state-disabled-container-border-color: #d3d3d3;
  --chip-variant-primary-state-selected-label-text-color: #fff;
  --chip-variant-primary-state-selected-container-icon-color: #fff;
  --chip-variant-primary-state-selected-container-background-color: #6950f3;
  --chip-variant-primary-state-selected-container-border-color: #6950f3;
  --chip-variant-primary-state-selected-hover-container-background-color: #5c4ace;
  --chip-variant-primary-state-selected-hover-container-border-color: #5c4ace;
  --chip-variant-primary-state-selected-active-container-background-color: #403591;
  --chip-variant-primary-state-selected-active-container-border-color: #403591;
  --chip-variant-primary-state-selected-disabled-label-text-color: #acacac;
  --chip-variant-primary-state-selected-disabled-container-icon-color: #acacac;
  --chip-variant-primary-state-selected-disabled-container-background-color: #f2f2f2;
  --chip-variant-primary-state-selected-disabled-container-border-color: #d3d3d3;
  --chip-variant-secondary-state-enabled-label-text-color: #0d1619;
  --chip-variant-secondary-state-enabled-container-icon-color: #0d1619;
  --chip-variant-secondary-state-enabled-container-background-color: #fff;
  --chip-variant-secondary-state-enabled-container-border-color: #d3d3d3;
  --chip-variant-secondary-state-hover-container-background-color: #f2f2f2;
  --chip-variant-secondary-state-hover-container-border-color: #bfbfbf;
  --chip-variant-secondary-state-active-container-background-color: #e5e5e5;
  --chip-variant-secondary-state-active-container-border-color: #acacac;
  --chip-variant-secondary-state-disabled-label-text-color: #acacac;
  --chip-variant-secondary-state-disabled-container-icon-color: #acacac;
  --chip-variant-secondary-state-disabled-container-background-color: #fff;
  --chip-variant-secondary-state-disabled-container-border-color: #d3d3d3;
  --chip-variant-secondary-state-selected-label-text-color: #0d1619;
  --chip-variant-secondary-state-selected-container-icon-color: #0d1619;
  --chip-variant-secondary-state-selected-container-background-color: #fff;
  --chip-variant-secondary-state-selected-container-border-color: #6950f3;
  --chip-variant-secondary-state-selected-container-innershadow: inset 0 0 0 1px
    #6950f3;
  --chip-variant-secondary-state-selected-hover-container-background-color: #f2f2f2;
  --chip-variant-secondary-state-selected-hover-container-border-color: #5c4ace;
  --chip-variant-secondary-state-selected-hover-container-innershadow: inset 0 0
    0 1px #5c4ace;
  --chip-variant-secondary-state-selected-active-container-background-color: #e5e5e5;
  --chip-variant-secondary-state-selected-active-container-border-color: #403591;
  --chip-variant-secondary-state-selected-active-container-innershadow: inset 0
    0 0 1px #403591;
  --chip-variant-secondary-state-selected-disabled-label-text-color: #acacac;
  --chip-variant-secondary-state-selected-disabled-container-icon-color: #acacac;
  --chip-variant-secondary-state-selected-disabled-container-background-color: #fff;
  --chip-variant-secondary-state-selected-disabled-container-border-color: #d3d3d3;
  --chip-variant-secondary-state-selected-disabled-container-innershadow: inset
    0 0 0 1px #d3d3d3;
  --chip-size-medium-state-initial-container-default-composition-height: 36px;
  --chip-size-medium-state-initial-container-default-composition-horizontal-padding: 20px;
  --chip-size-medium-state-initial-container-default-composition-item-spacing: 8px;
  --chip-size-medium-state-initial-container-default-composition-border-radius: 999px;
  --chip-size-medium-state-initial-container-default-composition-border-width: 1px;
  --chip-size-medium-state-initial-container-with-icon-composition-padding-left: 8px;
  --chip-size-medium-state-initial-container-with-avatar-composition-padding-left: 4px;
  --chip-size-medium-state-initial-container-with-suffix-composition-padding-right: 8px;
  --chip-size-medium-state-initial-container-icon-only-composition-horizontal-padding: 16px;
  --chip-size-medium-state-initial-label-composition-typography: 500 15px/20px
    var(--font-family);
  --chip-size-medium-state-hover-container-default-composition-border-width: 1px;
  --chip-size-medium-state-active-container-default-composition-border-width: 1px;
  --chip-size-medium-state-disabled-container-default-composition-border-width: 1px;
  --chip-size-medium-state-selected-container-default-composition-border-width: 2px;
  --chip-size-medium-state-selected-hover-container-default-composition-border-width: 2px;
  --chip-size-medium-state-selected-active-container-default-composition-border-width: 2px;
  --chip-size-medium-state-selected-disabled-container-default-composition-border-width: 2px;
  --chip-dismiss-button-variant-primary-state-enabled-icon-icon-color: #0d1619;
  --chip-dismiss-button-variant-primary-state-hover-container-background-color: rgba(
    13,
    22,
    25,
    0.039
  );
  --chip-dismiss-button-variant-primary-state-active-container-background-color: rgba(
    13,
    22,
    25,
    0.078
  );
  --chip-dismiss-button-variant-primary-state-disabled-icon-icon-color: #acacac;
  --chip-dismiss-button-variant-primary-state-selected-icon-icon-color: #fff;
  --chip-dismiss-button-variant-primary-state-selected-hover-container-background-color: #5c4ace;
  --chip-dismiss-button-variant-primary-state-selected-active-container-background-color: #403591;
  --chip-dismiss-button-variant-secondary-state-enabled-icon-icon-color: #0d1619;
  --chip-dismiss-button-variant-secondary-state-hover-container-background-color: rgba(
    13,
    22,
    25,
    0.039
  );
  --chip-dismiss-button-variant-secondary-state-active-container-background-color: rgba(
    13,
    22,
    25,
    0.078
  );
  --chip-dismiss-button-variant-secondary-state-disabled-icon-icon-color: #acacac;
  --chip-dismiss-button-variant-secondary-state-selected-icon-icon-color: #0d1619;
  --chip-dismiss-button-variant-secondary-state-selected-hover-container-background-color: rgba(
    13,
    22,
    25,
    0.039
  );
  --chip-dismiss-button-variant-secondary-state-selected-active-container-background-color: rgba(
    13,
    22,
    25,
    0.078
  );
  --chip-dismiss-button-size-medium-state-initial-container-composition-sizing: 20px;
  --chip-dismiss-button-size-medium-state-initial-action-wrapper-composition-spacing: 8px;
  --chip-dismiss-button-size-medium-state-initial-action-wrapper-composition-border-radius: 999px;
  --chip-dismiss-button-size-large-state-initial-container-composition-sizing: 20px;
  --chip-dismiss-button-size-large-state-initial-action-wrapper-composition-spacing: 4px;
  --chip-dismiss-button-size-large-state-initial-action-wrapper-composition-border-radius: 999px;
  --choice-list-size-nogap-default-container-composition-item-spacing: 0px;
  --choice-list-size-nogap-default-container-with-mobile-side-padding-composition-horizontal-padding: 20px;
  --choice-list-size-nogap-laptop-container-with-mobile-side-padding-composition-horizontal-padding: 0px;
  --choice-list-size-chips-default-container-composition-item-spacing: 8px;
  --choice-list-size-chips-default-container-with-mobile-side-padding-composition-horizontal-padding: 20px;
  --choice-list-size-chips-laptop-container-with-mobile-side-padding-composition-horizontal-padding: 0px;
  --choice-list-size-m-default-container-composition-item-spacing: 12px;
  --choice-list-size-m-default-container-with-mobile-side-padding-composition-horizontal-padding: 20px;
  --choice-list-size-m-laptop-container-with-mobile-side-padding-composition-horizontal-padding: 0px;
  --choice-list-size-l-default-container-composition-item-spacing: 24px;
  --choice-list-size-l-default-container-with-mobile-side-padding-composition-horizontal-padding: 20px;
  --choice-list-size-l-laptop-container-composition-item-spacing: 24px;
  --choice-list-size-l-laptop-container-composition-horizontal-padding: 20px;
  --choice-list-size-l-laptop-container-with-mobile-side-padding-composition-horizontal-padding: 0px;
  --choice-list-header-size-l-default-label-composition-typography: 600 28px/36px
    var(--font-family);
  --choice-list-header-size-l-default-description-composition-typography: 400
    15px/20px var(--font-family);
  --choice-list-header-size-l-default-container-composition-item-spacing: 4px;
  --choice-list-header-size-l-default-container-composition-padding-bottom: 24px;
  --choice-list-header-size-l-default-container-with-mobile-side-padding-composition-horizontal-padding: 20px;
  --choice-list-header-size-l-default-error-label-composition-padding-bottom: 16px;
  --choice-list-header-size-l-default-error-label-composition-typography: 400
    15px/20px var(--font-family);
  --choice-list-header-size-l-laptop-container-with-mobile-side-padding-composition-horizontal-padding: 0px;
  --choice-list-header-size-m-default-label-composition-typography: 600 24px/32px
    var(--font-family);
  --choice-list-header-size-m-default-description-composition-typography: 400
    15px/20px var(--font-family);
  --choice-list-header-size-m-default-container-composition-item-spacing: 4px;
  --choice-list-header-size-m-default-container-composition-padding-bottom: 24px;
  --choice-list-header-size-m-default-container-with-mobile-side-padding-composition-horizontal-padding: 20px;
  --choice-list-header-size-m-default-error-label-composition-padding-bottom: 16px;
  --choice-list-header-size-m-default-error-label-composition-typography: 400
    15px/20px var(--font-family);
  --choice-list-header-size-m-laptop-container-with-mobile-side-padding-composition-horizontal-padding: 0px;
  --choice-list-header-size-s-default-label-composition-typography: 600 20px/28px
    var(--font-family);
  --choice-list-header-size-s-default-description-composition-typography: 400
    15px/20px var(--font-family);
  --choice-list-header-size-s-default-container-composition-item-spacing: 4px;
  --choice-list-header-size-s-default-container-composition-padding-bottom: 16px;
  --choice-list-header-size-s-default-container-with-mobile-side-padding-composition-horizontal-padding: 20px;
  --choice-list-header-size-s-default-error-label-composition-padding-bottom: 16px;
  --choice-list-header-size-s-default-error-label-composition-typography: 400
    15px/20px var(--font-family);
  --choice-list-header-size-s-laptop-container-with-mobile-side-padding-composition-horizontal-padding: 0px;
  --choice-list-header-size-xs-default-label-composition-typography: 600 17px/24px
    var(--font-family);
  --choice-list-header-size-xs-default-description-composition-typography: 400
    15px/20px var(--font-family);
  --choice-list-header-size-xs-default-container-composition-item-spacing: 0px;
  --choice-list-header-size-xs-default-container-composition-padding-bottom: 16px;
  --choice-list-header-size-xs-default-container-with-mobile-side-padding-composition-horizontal-padding: 20px;
  --choice-list-header-size-xs-default-error-label-composition-padding-bottom: 16px;
  --choice-list-header-size-xs-default-error-label-composition-typography: 400
    15px/20px var(--font-family);
  --choice-list-header-size-xs-laptop-container-with-mobile-side-padding-composition-horizontal-padding: 0px;
  --choice-list-header-variant-default-title-text-color: #0d1619;
  --choice-list-header-variant-default-description-text-color: #757676;
  --choice-list-header-variant-default-error-text-color: #d4163a;
  --color-handle-color-default-border-color: #fff;
  --color-handle-color-default-box-shadow: 0 0 0 1px rgba(13, 22, 25, 0.2);
  --color-handle-structure-default-container-border-width: 2px;
  --color-handle-structure-default-container-sizing: 18px;
  --date-picker-size-default-month-container-composition-item-spacing: 4px;
  --date-picker-size-default-month-selector-composition-height: 48px;
  --date-picker-size-default-month-selector-composition-item-spacing: 4px;
  --date-picker-size-default-calendar-number-composition-item-spacing: 4px;
  --date-picker-size-default-date-row-composition-item-spacing: 4px;
  --date-picker-size-default-dual-composition-item-spacing: 32px;
  --date-picker-size-default-month-and-year-composition-typography: 600 17px/24px
    var(--font-family);
  --date-picker-variant-primary-month-year-name-content-color: #0d1619;
  --date-picker-item-variant-primary-state-enabled-container-content-color: #0d1619;
  --date-picker-item-variant-primary-state-enabled-container-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --date-picker-item-variant-primary-state-enabled-day-name-content-color: #757676;
  --date-picker-item-variant-primary-state-hover-container-content-color: #0d1619;
  --date-picker-item-variant-primary-state-hover-container-background-color: rgba(
    13,
    22,
    25,
    0.039
  );
  --date-picker-item-variant-primary-state-disabled-container-content-color: #acacac;
  --date-picker-item-variant-primary-state-disabled-container-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --date-picker-item-variant-primary-state-selected-container-content-color: #fff;
  --date-picker-item-variant-primary-state-selected-container-background-color: #6950f3;
  --date-picker-item-variant-primary-state-range-start-container-content-color: #fff;
  --date-picker-item-variant-primary-state-range-start-container-background-color: #6950f3;
  --date-picker-item-variant-primary-state-range-start-range-background-background-color: #e7e8ff;
  --date-picker-item-variant-primary-state-range-mid-container-content-color: #0d1619;
  --date-picker-item-variant-primary-state-range-mid-container-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --date-picker-item-variant-primary-state-range-mid-range-background-background-color: #e7e8ff;
  --date-picker-item-variant-primary-state-range-end-container-content-color: #fff;
  --date-picker-item-variant-primary-state-range-end-container-background-color: #6950f3;
  --date-picker-item-variant-primary-state-range-end-range-background-background-color: #e7e8ff;
  --date-picker-item-variant-primary-state-other-months-container-content-color: hsla(
    0,
    0%,
    100%,
    0
  );
  --date-picker-item-variant-primary-state-other-months-container-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --date-picker-item-size-primary-state-default-layout-composition-width: 100%;
  --date-picker-item-size-primary-state-default-layout-composition-height: 44px;
  --date-picker-item-size-primary-state-default-container-composition-border-radius: 999px;
  --date-picker-item-size-primary-state-default-container-composition-width: 44px;
  --date-picker-item-size-primary-state-default-day-number-composition-typography: 500
    15px/20px var(--font-family);
  --date-picker-item-size-primary-state-default-day-name-composition-typography: 400
    15px/20px var(--font-family);
  --date-picker-item-size-primary-state-default-today-mark-composition-sizing: 4px;
  --date-picker-item-size-primary-state-default-today-mark-composition-border-radius: 999px;
  --date-picker-item-size-primary-state-default-today-mark-composition-padding-bottom: 8px;
  --date-picker-item-size-primary-state-range-start-container-composition-border-radius: 999px;
  --date-picker-item-size-primary-state-range-start-container-composition-width: 40px;
  --date-picker-item-size-primary-state-range-start-layout-composition-width: 100%;
  --date-picker-item-size-primary-state-range-start-layout-composition-height: 44px;
  --date-picker-item-size-primary-state-range-start-layout-composition-vertical-padding: 2px;
  --date-picker-item-size-primary-state-range-start-layout-composition-horizontal-padding: 2px;
  --date-picker-item-size-primary-state-range-start-background-composition-border-radius-top-left: 999px;
  --date-picker-item-size-primary-state-range-start-background-composition-border-radius-bottom-left: 999px;
  --date-picker-item-size-primary-state-range-end-container-composition-border-radius: 999px;
  --date-picker-item-size-primary-state-range-end-container-composition-width: 40px;
  --date-picker-item-size-primary-state-range-end-layout-composition-width: 100%;
  --date-picker-item-size-primary-state-range-end-layout-composition-height: 44px;
  --date-picker-item-size-primary-state-range-end-layout-composition-vertical-padding: 2px;
  --date-picker-item-size-primary-state-range-end-layout-composition-horizontal-padding: 2px;
  --date-picker-item-size-primary-state-range-end-background-composition-border-radius-top-right: 999px;
  --date-picker-item-size-primary-state-range-end-background-composition-border-radius-bottom-right: 999px;
  --date-picker-item-size-primary-state-range-mid-layout-composition-width: 100%;
  --date-picker-item-size-primary-state-range-mid-layout-composition-height: 44px;
  --date-tile-variant-default-state-unselected-container-background-color: #fff;
  --date-tile-variant-default-state-unselected-container-border-color: #d3d3d3;
  --date-tile-variant-default-state-unselected-day-number-text-color: #0d1619;
  --date-tile-variant-default-state-unselected-day-name-text-color: #0d1619;
  --date-tile-variant-default-state-unselected-active-day-number-text-color: #0d1619;
  --date-tile-variant-default-state-unselected-active-day-name-text-color: #0d1619;
  --date-tile-variant-default-state-unselected-active-container-background-color: #e5e5e5;
  --date-tile-variant-default-state-unselected-active-container-border-color: #acacac;
  --date-tile-variant-default-state-unselected-hover-day-number-text-color: #0d1619;
  --date-tile-variant-default-state-unselected-hover-day-name-text-color: #0d1619;
  --date-tile-variant-default-state-unselected-hover-container-background-color: #f2f2f2;
  --date-tile-variant-default-state-unselected-hover-container-border-color: #bfbfbf;
  --date-tile-variant-default-state-selected-container-background-color: #6950f3;
  --date-tile-variant-default-state-selected-container-border-color: #6950f3;
  --date-tile-variant-default-state-selected-day-number-text-color: #fff;
  --date-tile-variant-default-state-selected-day-name-text-color: #0d1619;
  --date-tile-variant-default-state-selected-hover-day-number-text-color: #fff;
  --date-tile-variant-default-state-selected-hover-day-name-text-color: #0d1619;
  --date-tile-variant-default-state-selected-hover-container-background-color: #5c4ace;
  --date-tile-variant-default-state-selected-hover-container-border-color: #5c4ace;
  --date-tile-variant-default-state-selected-active-day-number-text-color: #fff;
  --date-tile-variant-default-state-selected-active-day-name-text-color: #0d1619;
  --date-tile-variant-default-state-selected-active-container-background-color: #403591;
  --date-tile-variant-default-state-selected-active-container-border-color: #403591;
  --date-tile-variant-default-state-unavailable-container-background-color: #fff;
  --date-tile-variant-default-state-unavailable-container-border-color: #d3d3d3;
  --date-tile-variant-default-state-unavailable-day-number-text-color: #acacac;
  --date-tile-variant-default-state-unavailable-day-name-text-color: #acacac;
  --date-tile-variant-default-state-unavailable-active-day-number-text-color: #acacac;
  --date-tile-variant-default-state-unavailable-active-day-name-text-color: #acacac;
  --date-tile-variant-default-state-unavailable-active-container-background-color: #e5e5e5;
  --date-tile-variant-default-state-unavailable-active-container-border-color: #acacac;
  --date-tile-variant-default-state-unavailable-hover-day-number-text-color: #acacac;
  --date-tile-variant-default-state-unavailable-hover-day-name-text-color: #acacac;
  --date-tile-variant-default-state-unavailable-hover-container-background-color: #f2f2f2;
  --date-tile-variant-default-state-unavailable-hover-container-border-color: #bfbfbf;
  --date-tile-size-default-initial-content-wrapper-composition-item-spacing: 8px;
  --date-tile-size-default-initial-container-composition-sizing: 64px;
  --date-tile-size-default-initial-container-composition-border-radius: 999px;
  --date-tile-size-default-initial-container-composition-border-width: 1px;
  --date-tile-size-default-initial-day-number-composition-typography: 600 24px/32px
    var(--font-family);
  --date-tile-size-default-initial-day-name-composition-typography: 500 15px/20px
    var(--font-family);
  --divider-variant-default-background-background-color: #e5e5e5;
  --divider-variant-with-text-label-text-color: #bfbfbf;
  --divider-size-default-border-composition-border-width: 1px;
  --divider-size-with-text-layout-composition-item-spacing: 12px;
  --divider-size-with-text-label-composition-typography: 400 13px/16px
    var(--font-family);
  --dropdown-size-default-default-min-width: 200px;
  --empty-state-variant-default-state-default-container-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --empty-state-variant-default-state-default-container-border-color: #d3d3d3;
  --empty-state-variant-default-state-default-header-text-color: #0d1619;
  --empty-state-variant-default-state-default-description-text-color: #757676;
  --empty-state-size-default-container-composition-border-radius: 8px;
  --empty-state-size-default-container-composition-horizontal-padding: 32px;
  --empty-state-size-default-container-composition-vertical-padding: 32px;
  --empty-state-size-default-container-composition-border-width: 1px;
  --empty-state-size-default-icon-composition-sizing: 56px;
  --empty-state-size-default-content-container-composition-item-spacing: 16px;
  --empty-state-size-default-content-container-composition-max-width: 512px;
  --empty-state-size-default-text-container-composition-item-spacing: 4px;
  --empty-state-size-default-header-composition-typography: 600 20px/28px
    var(--font-family);
  --empty-state-size-default-description-composition-typography: 400 15px/20px
    var(--font-family);
  --empty-state-size-default-button-container-composition-padding-top: 8px;
  --empty-state-size-default-button-container-composition-item-spacing: 8px;
  --empty-state-size-branded-header-composition-typography: 700 28px/36px
    var(--font-family-titles);
  --empty-state-size-branded-illustration-composition-sizing: 64px;
  --empty-state-size-branded-icon-composition-sizing: 32px;
  --flag-variant-accent-state-default-container-background-color: #6950f3;
  --flag-variant-accent-state-default-container-content-color: #fff;
  --flag-variant-positive-state-default-container-background-color: #1f8900;
  --flag-variant-positive-state-default-container-content-color: #fff;
  --flag-variant-neutral-state-default-container-background-color: #d3d3d3;
  --flag-variant-neutral-state-default-container-content-color: #0d1619;
  --flag-variant-warning-state-default-container-background-color: #ffc00a;
  --flag-variant-warning-state-default-container-content-color: #0d1619;
  --flag-variant-danger-state-default-container-background-color: #d4163a;
  --flag-variant-danger-state-default-container-content-color: #fff;
  --flag-size-default-state-default-container-composition-vertical-padding: 8px;
  --flag-size-default-state-default-container-composition-padding-left: 12px;
  --flag-size-default-state-default-container-composition-padding-right: 16px;
  --flag-size-default-state-default-container-composition-border-radius: 999px;
  --flag-size-default-state-default-container-composition-item-spacing: 8px;
  --flag-size-default-state-default-text-composition-typography: 600 13px/16px
    var(--font-family);
  --flag-size-default-state-default-icon-composition-sizing: 16px;
  --floating-buttons-size-default-state-default-container-composition-horizontal-padding: 4px;
  --floating-buttons-size-default-state-default-container-composition-vertical-padding: 4px;
  --floating-buttons-size-default-state-default-container-composition-border-radius: 12px;
  --floating-buttons-size-default-state-default-container-composition-border-width: 1px;
  --floating-buttons-size-default-state-default-container-composition-box-shadow: 0
      4px 8px 0 rgba(13, 22, 25, 0.02),
    0 12px 20px 0 rgba(13, 22, 25, 0.059);
  --floating-buttons-size-default-state-default-container-composition-item-spacing: 4px;
  --floating-buttons-variant-secondary-state-default-container-background-color: #fff;
  --floating-buttons-variant-secondary-state-default-container-border-color: #d3d3d3;
  --floating-buttons-variant-primary-state-default-container-background-color: #0d1619;
  --floating-buttons-variant-primary-state-default-container-border-color: #0d1619;
  --form-structure-default-layout-item-spacing: 32px;
  --form-structure-default-mobile-layout-item-spacing: 64px;
  --form-structure-with-container-mobile-layout-item-spacing: 64px;
  --form-structure-with-container-tablet-layout-item-spacing: 32px;
  --form-section-color-default-mobile-title: #0d1619;
  --form-section-color-default-mobile-description: #757676;
  --form-section-color-default-mobile-background: rgba(13, 22, 25, 0);
  --form-section-color-default-mobile-border: hsla(0, 0%, 100%, 0);
  --form-section-color-default-tablet-background: #fff;
  --form-section-color-default-tablet-border: #d3d3d3;
  --form-section-structure-default-tablet-layout-item-spacing: 24px;
  --form-section-structure-default-tablet-layout-vertical-padding: 40px;
  --form-section-structure-default-tablet-layout-horizontal-padding: 40px;
  --form-section-structure-default-tablet-layout-border-radius: 16px;
  --form-section-structure-default-tablet-layout-border-width: 1px;
  --form-section-structure-default-mobile-layout-item-spacing: 24px;
  --form-section-structure-default-mobile-header-item-spacing: 0px;
  --form-section-structure-default-mobile-header-padding-bottom: 8px;
  --form-section-structure-default-mobile-title-typography: 600 24px/32px
    var(--font-family);
  --form-section-structure-default-mobile-title-container-item-spacing: 16px;
  --form-section-structure-default-mobile-title-sub-container-item-spacing: 8px;
  --form-section-structure-default-mobile-description-typography: 400 15px/20px
    var(--font-family);
  --form-section-structure-default-mobile-subsection-item-spacing: 24px;
  --form-section-structure-default-mobile-subsection-compact-item-spacing: 12px;
  --form-section-structure-default-mobile-subheader-padding-top: 16px;
  --form-section-structure-default-mobile-subheader-title-typography: 600 17px/24px
    var(--font-family);
  --form-section-structure-default-mobile-subheader-description-typography: 400
    15px/20px var(--font-family);
  --form-section-structure-default-mobile-row-item-horizontal-spacing: 16px;
  --form-section-structure-default-mobile-row-item-vertical-spacing: 24px;
  --gallery-fullscreen-size-default-desktop-header-indicator-composition-typography: 500
    15px/20px var(--font-family);
  --gallery-fullscreen-size-default-desktop-container-composition-width: 1184px;
  --gallery-fullscreen-size-default-laptop-header-indicator-composition-typography: 500
    15px/20px var(--font-family);
  --gallery-fullscreen-size-default-laptop-container-composition-width: 960px;
  --gallery-fullscreen-size-default-tablet-header-indicator-composition-typography: 500
    15px/20px var(--font-family);
  --gallery-fullscreen-size-default-tablet-container-composition-width: 100%;
  --gallery-fullscreen-size-default-default-header-indicator-composition-typography: 500
    15px/20px var(--font-family);
  --gallery-fullscreen-size-default-default-container-composition-width: 100%;
  --gallery-fullscreen-variant-default-page-background-color: #0d1619;
  --gallery-fullscreen-variant-default-indicator-text-color: #fff;
  --header-flow-variant-default-title-text-color: #0d1619;
  --header-flow-variant-default-description-text-color: #757676;
  --header-flow-variant-default-background-page: #fff;
  --header-flow-variant-default-background-page-faded: #f9f9f9;
  --header-flow-variant-default-background-base: #fff;
  --header-flow-variant-default-background-elevated: #fff;
  --header-flow-variant-default-background-neutral-faded: #f2f2f2;
  --header-flow-variant-default-background-accent-faded: #e7e8ff;
  --header-flow-variant-default-background-danger-faded: #feeceb;
  --header-flow-variant-default-background-positive-faded: #e5fae0;
  --header-flow-variant-default-background-warning: #ffc00a;
  --header-flow-variant-default-background-warning-faded: #fff7db;
  --header-flow-variant-loud-title-text-color: #fff;
  --header-flow-variant-loud-description-text-color: #fff;
  --header-flow-variant-loud-background-accent: #6950f3;
  --header-flow-variant-loud-background-danger: #d4163a;
  --header-flow-variant-loud-background-positive: #1f8900;
  --header-flow-variant-loud-background-dark: #0d1619;
  --header-flow-size-wide-desktop-content-composition-width: 100%;
  --header-flow-size-wide-desktop-container-composition-horizontal-padding: 32px;
  --header-flow-size-wide-desktop-container-composition-height: 72px;
  --header-flow-size-wide-desktop-container-composition-width: 1440px;
  --header-flow-size-wide-desktop-container-composition-box-shadow: 0 2px 4px 0
    rgba(13, 22, 25, 0.059);
  --header-flow-size-wide-desktop-container-composition-border-width: 1px;
  --header-flow-size-wide-desktop-container-composition-item-spacing: 72px;
  --header-flow-size-wide-desktop-title-composition-typography: 600 20px/28px
    var(--font-family);
  --header-flow-size-wide-desktop-description-composition-typography: 400 15px/20px
    var(--font-family);
  --header-flow-size-wide-laptop-content-composition-width: 100%;
  --header-flow-size-wide-laptop-container-composition-horizontal-padding: 32px;
  --header-flow-size-wide-laptop-container-composition-height: 72px;
  --header-flow-size-wide-laptop-container-composition-box-shadow: 0 2px 4px 0
    rgba(13, 22, 25, 0.059);
  --header-flow-size-wide-laptop-container-composition-border-width: 1px;
  --header-flow-size-wide-laptop-container-composition-item-spacing: 24px;
  --header-flow-size-wide-laptop-title-composition-typography: 600 20px/28px
    var(--font-family);
  --header-flow-size-wide-laptop-description-composition-typography: 400 15px/20px
    var(--font-family);
  --header-flow-size-wide-tablet-content-composition-width: 100%;
  --header-flow-size-wide-tablet-container-composition-horizontal-padding: 32px;
  --header-flow-size-wide-tablet-container-composition-height: 72px;
  --header-flow-size-wide-tablet-container-composition-box-shadow: 0 2px 4px 0
    rgba(13, 22, 25, 0.059);
  --header-flow-size-wide-tablet-container-composition-border-width: 1px;
  --header-flow-size-wide-tablet-container-composition-item-spacing: 24px;
  --header-flow-size-wide-tablet-title-composition-typography: 600 20px/28px
    var(--font-family);
  --header-flow-size-wide-tablet-description-composition-typography: 400 15px/20px
    var(--font-family);
  --header-flow-size-wide-default-container-composition-horizontal-padding: 20px;
  --header-flow-size-wide-default-container-composition-height: 72px;
  --header-flow-size-wide-default-container-composition-item-spacing: 16px;
  --header-flow-size-wide-default-container-composition-box-shadow: 0 2px 4px 0
    rgba(13, 22, 25, 0.059);
  --header-flow-size-wide-default-container-composition-border-width: 1px;
  --header-flow-size-wide-default-title-composition-typography: 600 20px/28px
    var(--font-family);
  --header-flow-size-wide-default-description-composition-typography: 400 15px/20px
    var(--font-family);
  --header-flow-size-wide-default-affix-composition-sizing: 24px;
  --header-flow-size-wide-default-top-slot-composition-padding-top: 12px;
  --header-flow-size-narrow-desktop-content-composition-width: 100%;
  --header-flow-size-narrow-desktop-container-composition-horizontal-padding: 32px;
  --header-flow-size-narrow-desktop-container-composition-height: 72px;
  --header-flow-size-narrow-desktop-container-composition-width: 1440px;
  --header-flow-size-narrow-desktop-container-composition-box-shadow: 0 2px 4px
    0 rgba(13, 22, 25, 0.059);
  --header-flow-size-narrow-desktop-container-composition-border-width: 1px;
  --header-flow-size-narrow-desktop-container-composition-item-spacing: 24px;
  --header-flow-size-narrow-desktop-title-composition-typography: 600 20px/28px
    var(--font-family);
  --header-flow-size-narrow-desktop-description-composition-typography: 400 15px/20px
    var(--font-family);
  --header-flow-size-narrow-laptop-content-composition-width: 100%;
  --header-flow-size-narrow-laptop-container-composition-horizontal-padding: 32px;
  --header-flow-size-narrow-laptop-container-composition-height: 72px;
  --header-flow-size-narrow-laptop-container-composition-box-shadow: 0 2px 4px 0
    rgba(13, 22, 25, 0.059);
  --header-flow-size-narrow-laptop-container-composition-border-width: 1px;
  --header-flow-size-narrow-laptop-container-composition-item-spacing: 24px;
  --header-flow-size-narrow-laptop-title-composition-typography: 600 20px/28px
    var(--font-family);
  --header-flow-size-narrow-laptop-description-composition-typography: 400 15px/20px
    var(--font-family);
  --header-flow-size-narrow-tablet-content-composition-width: 100%;
  --header-flow-size-narrow-tablet-container-composition-horizontal-padding: 32px;
  --header-flow-size-narrow-tablet-container-composition-height: 72px;
  --header-flow-size-narrow-tablet-container-composition-box-shadow: 0 2px 4px 0
    rgba(13, 22, 25, 0.059);
  --header-flow-size-narrow-tablet-container-composition-border-width: 1px;
  --header-flow-size-narrow-tablet-container-composition-item-spacing: 24px;
  --header-flow-size-narrow-tablet-title-composition-typography: 600 20px/28px
    var(--font-family);
  --header-flow-size-narrow-tablet-description-composition-typography: 400 15px/20px
    var(--font-family);
  --header-flow-size-narrow-default-container-composition-horizontal-padding: 20px;
  --header-flow-size-narrow-default-container-composition-height: 72px;
  --header-flow-size-narrow-default-container-composition-item-spacing: 16px;
  --header-flow-size-narrow-default-container-composition-box-shadow: 0 2px 4px
    0 rgba(13, 22, 25, 0.059);
  --header-flow-size-narrow-default-container-composition-border-width: 1px;
  --header-flow-size-narrow-default-title-composition-typography: 600 20px/28px
    var(--font-family);
  --header-flow-size-narrow-default-description-composition-typography: 400 15px/20px
    var(--font-family);
  --header-flow-size-narrow-default-affix-composition-sizing: 24px;
  --header-flow-size-narrow-default-top-slot-composition-padding-top: 12px;
  --header-flow-size-fluid-desktop-content-composition-width: 100%;
  --header-flow-size-fluid-desktop-container-composition-horizontal-padding: 32px;
  --header-flow-size-fluid-desktop-container-composition-height: 72px;
  --header-flow-size-fluid-desktop-container-composition-width: 100%;
  --header-flow-size-fluid-desktop-container-composition-box-shadow: 0 2px 4px 0
    rgba(13, 22, 25, 0.059);
  --header-flow-size-fluid-desktop-container-composition-border-width: 1px;
  --header-flow-size-fluid-desktop-container-composition-item-spacing: 24px;
  --header-flow-size-fluid-desktop-title-composition-typography: 600 20px/28px
    var(--font-family);
  --header-flow-size-fluid-desktop-description-composition-typography: 400 15px/20px
    var(--font-family);
  --header-flow-size-fluid-laptop-content-composition-width: 100%;
  --header-flow-size-fluid-laptop-container-composition-horizontal-padding: 32px;
  --header-flow-size-fluid-laptop-container-composition-height: 72px;
  --header-flow-size-fluid-laptop-container-composition-box-shadow: 0 2px 4px 0
    rgba(13, 22, 25, 0.059);
  --header-flow-size-fluid-laptop-container-composition-border-width: 1px;
  --header-flow-size-fluid-laptop-container-composition-item-spacing: 24px;
  --header-flow-size-fluid-laptop-title-composition-typography: 600 20px/28px
    var(--font-family);
  --header-flow-size-fluid-laptop-description-composition-typography: 400 15px/20px
    var(--font-family);
  --header-flow-size-fluid-tablet-content-composition-width: 100%;
  --header-flow-size-fluid-tablet-container-composition-horizontal-padding: 32px;
  --header-flow-size-fluid-tablet-container-composition-height: 72px;
  --header-flow-size-fluid-tablet-container-composition-box-shadow: 0 2px 4px 0
    rgba(13, 22, 25, 0.059);
  --header-flow-size-fluid-tablet-container-composition-border-width: 1px;
  --header-flow-size-fluid-tablet-container-composition-item-spacing: 24px;
  --header-flow-size-fluid-tablet-title-composition-typography: 600 20px/28px
    var(--font-family);
  --header-flow-size-fluid-tablet-description-composition-typography: 400 15px/20px
    var(--font-family);
  --header-flow-size-fluid-default-container-composition-horizontal-padding: 20px;
  --header-flow-size-fluid-default-container-composition-height: 72px;
  --header-flow-size-fluid-default-container-composition-item-spacing: 16px;
  --header-flow-size-fluid-default-container-composition-box-shadow: 0 2px 4px 0
    rgba(13, 22, 25, 0.059);
  --header-flow-size-fluid-default-title-composition-typography: 600 20px/28px
    var(--font-family);
  --header-flow-size-fluid-default-description-composition-typography: 400 15px/20px
    var(--font-family);
  --header-flow-size-fluid-default-affix-composition-sizing: 24px;
  --header-flow-size-fluid-default-top-slot-composition-padding-top: 12px;
  --icon-size-l-composition-sizing: 24px;
  --icon-size-m-composition-sizing: 20px;
  --icon-size-s-composition-sizing: 16px;
  --icon-size-xs-composition-sizing: 12px;
  --icon-size-xl-composition-sizing: 28px;
  --icon-size-2xl-composition-sizing: 32px;
  --icon-size-3xl-composition-sizing: 40px;
  --icon-size-4xl-composition-sizing: 48px;
  --icon-size-5xl-composition-sizing: 56px;
  --icon-size-6xl-composition-sizing: 64px;
  --icon-size-7xl-composition-sizing: 80px;
  --icon-size-8xl-composition-sizing: 96px;
  --icon-structure-xs: 12px;
  --icon-structure-s: 16px;
  --icon-structure-m: 20px;
  --icon-structure-l: 24px;
  --icon-structure-xl: 28px;
  --icon-structure-2xl: 32px;
  --icon-structure-3xl: 40px;
  --icon-structure-4xl: 48px;
  --icon-structure-5xl: 56px;
  --icon-structure-6xl: 64px;
  --icon-structure-7xl: 80px;
  --icon-structure-8xl: 96px;
  --icon-structure-9xl: 136px;
  --icon-button-variant-primary-state-enabled-container-background-color: #0d1619;
  --icon-button-variant-primary-state-enabled-container-border-color: #0d1619;
  --icon-button-variant-primary-state-enabled-icon-color-background-color: #fff;
  --icon-button-variant-primary-state-hover-container-background-color: #3a4144;
  --icon-button-variant-primary-state-hover-container-border-color: #3a4144;
  --icon-button-variant-primary-state-hover-icon-color-background-color: #fff;
  --icon-button-variant-primary-state-active-container-background-color: #505658;
  --icon-button-variant-primary-state-active-container-border-color: #505658;
  --icon-button-variant-primary-state-active-icon-color-background-color: #fff;
  --icon-button-variant-primary-state-disabled-container-background-color: #f2f2f2;
  --icon-button-variant-primary-state-disabled-container-border-color: #f2f2f2;
  --icon-button-variant-primary-state-disabled-icon-color-background-color: #acacac;
  --icon-button-variant-primary-state-loading-container-background-color: #0d1619;
  --icon-button-variant-primary-state-loading-container-border-color: #0d1619;
  --icon-button-variant-primary-state-loading-icon-color-background-color: #fff;
  --icon-button-variant-secondary-state-enabled-container-background-color: #fff;
  --icon-button-variant-secondary-state-enabled-container-border-color: #bfbfbf;
  --icon-button-variant-secondary-state-enabled-icon-color-background-color: #0d1619;
  --icon-button-variant-secondary-state-hover-container-background-color: #fff;
  --icon-button-variant-secondary-state-hover-container-border-color: #acacac;
  --icon-button-variant-secondary-state-hover-icon-color-background-color: #0d1619;
  --icon-button-variant-secondary-state-active-container-background-color: #fff;
  --icon-button-variant-secondary-state-active-container-border-color: #0d1619;
  --icon-button-variant-secondary-state-active-icon-color-background-color: #0d1619;
  --icon-button-variant-secondary-state-disabled-container-background-color: #f2f2f2;
  --icon-button-variant-secondary-state-disabled-container-border-color: #f2f2f2;
  --icon-button-variant-secondary-state-disabled-icon-color-background-color: #acacac;
  --icon-button-variant-secondary-state-loading-container-background-color: #fff;
  --icon-button-variant-secondary-state-loading-container-border-color: #d3d3d3;
  --icon-button-variant-secondary-state-loading-icon-color-background-color: #0d1619;
  --icon-button-variant-tertiary-state-enabled-container-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --icon-button-variant-tertiary-state-enabled-container-border-color: rgba(
    13,
    22,
    25,
    0
  );
  --icon-button-variant-tertiary-state-enabled-icon-color-background-color: #0d1619;
  --icon-button-variant-tertiary-state-hover-container-background-color: #f2f2f2;
  --icon-button-variant-tertiary-state-hover-container-border-color: hsla(
    0,
    0%,
    100%,
    0
  );
  --icon-button-variant-tertiary-state-hover-icon-color-background-color: #0d1619;
  --icon-button-variant-tertiary-state-active-container-background-color: #e5e5e5;
  --icon-button-variant-tertiary-state-active-container-border-color: #e5e5e5;
  --icon-button-variant-tertiary-state-active-icon-color-background-color: #0d1619;
  --icon-button-variant-tertiary-state-disabled-container-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --icon-button-variant-tertiary-state-disabled-container-border-color: hsla(
    0,
    0%,
    100%,
    0
  );
  --icon-button-variant-tertiary-state-disabled-icon-color-background-color: #acacac;
  --icon-button-variant-tertiary-state-loading-container-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --icon-button-variant-tertiary-state-loading-container-border-color: rgba(
    13,
    22,
    25,
    0
  );
  --icon-button-variant-tertiary-state-loading-icon-color-background-color: #0d1619;
  --icon-button-variant-destructive-state-enabled-container-background-color: #d4163a;
  --icon-button-variant-destructive-state-enabled-container-border-color: #d4163a;
  --icon-button-variant-destructive-state-enabled-icon-color-background-color: #fff;
  --icon-button-variant-destructive-state-hover-container-background-color: #bb1232;
  --icon-button-variant-destructive-state-hover-container-border-color: #bb1232;
  --icon-button-variant-destructive-state-hover-icon-color-background-color: #fff;
  --icon-button-variant-destructive-state-active-container-background-color: #831324;
  --icon-button-variant-destructive-state-active-container-border-color: #831324;
  --icon-button-variant-destructive-state-active-icon-color-background-color: #fff;
  --icon-button-variant-destructive-state-disabled-container-background-color: #f2f2f2;
  --icon-button-variant-destructive-state-disabled-container-border-color: #f2f2f2;
  --icon-button-variant-destructive-state-disabled-icon-color-background-color: #acacac;
  --icon-button-variant-destructive-state-loading-container-background-color: #d4163a;
  --icon-button-variant-destructive-state-loading-container-border-color: #d4163a;
  --icon-button-variant-destructive-state-loading-icon-color-background-color: #fff;
  --icon-button-size-l-container-composition-height: 48px;
  --icon-button-size-l-container-composition-width: 48px;
  --icon-button-size-l-container-composition-border-radius: 999px;
  --icon-button-size-l-icon-composition-sizing: 24px;
  --icon-button-size-m-container-composition-height: 40px;
  --icon-button-size-m-container-composition-width: 40px;
  --icon-button-size-m-container-composition-border-radius: 999px;
  --icon-button-size-m-icon-composition-sizing: 24px;
  --icon-button-size-s-container-composition-height: 32px;
  --icon-button-size-s-container-composition-width: 32px;
  --icon-button-size-s-container-composition-border-radius: 999px;
  --icon-button-size-s-icon-composition-sizing: 20px;
  --image-size-16x9: 1.7777777778;
  --image-size-16x10: 1.6;
  --image-size-3x2: 1.5;
  --image-size-4x3: 1.3333333333;
  --image-size-5x4: 1.25;
  --image-size-1x1: 1;
  --image-size-9x16: 0.5625;
  --image-size-10x16: 0.625;
  --image-size-2x3: 0.6666666667;
  --image-size-3x4: 0.75;
  --image-size-4x5: 0.8;
  --image-carousel-size-inline-desktop-button-offset-composition-spacing: 16px;
  --image-carousel-size-inline-laptop-button-offset-composition-spacing: 16px;
  --image-carousel-size-inline-tablet-button-offset-composition-spacing: 16px;
  --image-carousel-size-inline-default-button-offset-composition-spacing: 16px;
  --image-carousel-size-full-screen-desktop-button-offset-composition-spacing: 48px;
  --image-carousel-size-full-screen-laptop-button-offset-composition-spacing: 32px;
  --image-carousel-size-full-screen-tablet-button-offset-composition-spacing: 32px;
  --image-carousel-size-full-screen-default-button-offset-composition-spacing: 20px;
  --image-list-size-default-default-layout-composition-item-spacing: 12px;
  --image-list-size-default-tablet-layout-composition-item-spacing: 24px;
  --input-variant-default-state-default-container-background-color: #fff;
  --input-variant-default-state-default-container-border-color: #bfbfbf;
  --input-variant-default-state-default-label-text-color: #0d1619;
  --input-variant-default-state-default-counter-text-color: #757676;
  --input-variant-default-state-default-required-text-color: #0d1619;
  --input-variant-default-state-default-optional-text-color: #757676;
  --input-variant-default-state-default-content-text-color: #0d1619;
  --input-variant-default-state-default-placeholder-text-color: #bfbfbf;
  --input-variant-default-state-default-helper-text-color: #757676;
  --input-variant-default-state-disabled-container-background-color: #f2f2f2;
  --input-variant-default-state-disabled-container-border-color: #d3d3d3;
  --input-variant-default-state-disabled-label-text-color: #0d1619;
  --input-variant-default-state-disabled-counter-text-color: #757676;
  --input-variant-default-state-disabled-required-text-color: #0d1619;
  --input-variant-default-state-disabled-optional-text-color: #757676;
  --input-variant-default-state-disabled-content-text-color: #acacac;
  --input-variant-default-state-disabled-placeholder-text-color: #bfbfbf;
  --input-variant-default-state-disabled-helper-text-color: #757676;
  --input-variant-default-state-hover-container-background-color: #fff;
  --input-variant-default-state-hover-container-border-color: #acacac;
  --input-variant-default-state-hover-label-text-color: #0d1619;
  --input-variant-default-state-hover-counter-text-color: #757676;
  --input-variant-default-state-hover-required-text-color: #0d1619;
  --input-variant-default-state-hover-optional-text-color: #757676;
  --input-variant-default-state-hover-content-text-color: #0d1619;
  --input-variant-default-state-hover-placeholder-text-color: #bfbfbf;
  --input-variant-default-state-hover-helper-text-color: #757676;
  --input-variant-default-state-active-container-background-color: #fff;
  --input-variant-default-state-active-container-border-color: #6950f3;
  --input-variant-default-state-active-label-text-color: #0d1619;
  --input-variant-default-state-active-counter-text-color: #757676;
  --input-variant-default-state-active-required-text-color: #0d1619;
  --input-variant-default-state-active-optional-text-color: #757676;
  --input-variant-default-state-active-content-text-color: #0d1619;
  --input-variant-default-state-active-placeholder-text-color: #bfbfbf;
  --input-variant-default-state-active-helper-text-color: #757676;
  --input-variant-default-state-error-container-background-color: #fff;
  --input-variant-default-state-error-container-border-color: #d4163a;
  --input-variant-default-state-error-label-text-color: #0d1619;
  --input-variant-default-state-error-counter-text-color: #757676;
  --input-variant-default-state-error-required-text-color: #0d1619;
  --input-variant-default-state-error-optional-text-color: #757676;
  --input-variant-default-state-error-content-text-color: #0d1619;
  --input-variant-default-state-error-placeholder-text-color: #bfbfbf;
  --input-variant-default-state-error-helper-text-color: #757676;
  --input-variant-default-state-error-info-text-text-color: #d4163a;
  --input-variant-default-state-success-container-background-color: #fff;
  --input-variant-default-state-success-container-border-color: #1f8900;
  --input-variant-default-state-success-label-text-color: #0d1619;
  --input-variant-default-state-success-counter-text-color: #757676;
  --input-variant-default-state-success-required-text-color: #0d1619;
  --input-variant-default-state-success-optional-text-color: #757676;
  --input-variant-default-state-success-content-text-color: #0d1619;
  --input-variant-default-state-success-placeholder-text-color: #bfbfbf;
  --input-variant-default-state-success-helper-text-color: #757676;
  --input-variant-default-state-success-info-text-text-color: #1f8900;
  --input-size-default-state-default-layout-composition-item-spacing: 4px;
  --input-size-default-state-default-container-composition-height: 48px;
  --input-size-default-state-default-container-composition-border-radius: 8px;
  --input-size-default-state-default-container-composition-border-width: 1px;
  --input-size-default-state-default-container-rounded-composition-height: 48px;
  --input-size-default-state-default-container-rounded-composition-border-radius: 999px;
  --input-size-default-state-default-container-rounded-composition-border-width: 1px;
  --input-size-default-state-default-label-composition-typography: 600 15px/20px
    var(--font-family);
  --input-size-default-state-default-counter-composition-typography: 400 15px/20px
    var(--font-family);
  --input-size-default-state-default-required-composition-typography: 600 15px/20px
    var(--font-family);
  --input-size-default-state-default-optional-composition-typography: 400 15px/20px
    var(--font-family);
  --input-size-default-state-default-helper-composition-typography: 400 13px/16px
    var(--font-family);
  --input-size-default-state-default-info-text-composition-typography: 400 13px/16px
    var(--font-family);
  --input-size-default-state-default-content-composition-horizontal-padding: 16px;
  --input-size-default-state-default-input-composition-typography: 400 15px/20px
    var(--font-family);
  --input-size-small-state-default-layout-composition-item-spacing: 4px;
  --input-size-small-state-default-container-composition-height: 36px;
  --input-size-small-state-default-container-composition-border-radius: 8px;
  --input-size-small-state-default-container-composition-border-width: 1px;
  --input-size-small-state-default-container-rounded-composition-height: 36px;
  --input-size-small-state-default-container-rounded-composition-border-radius: 999px;
  --input-size-small-state-default-container-rounded-composition-border-width: 1px;
  --input-size-small-state-default-label-composition-typography: 600 15px/20px
    var(--font-family);
  --input-size-small-state-default-counter-composition-typography: 400 15px/20px
    var(--font-family);
  --input-size-small-state-default-required-composition-typography: 600 15px/20px
    var(--font-family);
  --input-size-small-state-default-optional-composition-typography: 400 15px/20px
    var(--font-family);
  --input-size-small-state-default-helper-composition-typography: 400 13px/16px
    var(--font-family);
  --input-size-small-state-default-info-text-composition-typography: 400 13px/16px
    var(--font-family);
  --input-size-small-state-default-content-composition-horizontal-padding: 8px;
  --input-size-small-state-default-input-composition-typography: 400 15px/20px
    var(--font-family);
  --input-prefix-variant-default-state-default-text-color: #757676;
  --input-prefix-variant-default-state-default-icon-color: #757676;
  --input-prefix-variant-default-state-disabled-text-color: #acacac;
  --input-prefix-variant-default-state-disabled-icon-color: #acacac;
  --input-prefix-size-default-state-default-layout-composition-padding-left: 16px;
  --input-prefix-size-default-state-default-layout-composition-item-spacing: 8px;
  --input-prefix-size-default-state-default-layout-small-composition-padding-left: 8px;
  --input-prefix-size-default-state-default-icon-composition-sizing: 20px;
  --input-prefix-size-default-state-default-text-composition-typography: 400
    15px/20px var(--font-family);
  --input-prefix-size-small-state-default-layout-composition-padding-left: 12px;
  --input-prefix-size-small-state-default-layout-composition-item-spacing: 8px;
  --input-prefix-size-small-state-default-layout-small-composition-padding-left: 4px;
  --input-prefix-size-small-state-default-icon-composition-sizing: 20px;
  --input-prefix-size-small-state-default-text-composition-typography: 400 15px/20px
    var(--font-family);
  --input-suffix-variant-default-state-default-text-color: #757676;
  --input-suffix-variant-default-state-default-icon-color: #757676;
  --input-suffix-variant-default-state-disabled-text-color: #acacac;
  --input-suffix-variant-default-state-disabled-icon-color: #acacac;
  --input-suffix-size-default-state-default-layout-composition-padding-right: 16px;
  --input-suffix-size-default-state-default-layout-composition-item-spacing: 8px;
  --input-suffix-size-default-state-default-icon-composition-sizing: 20px;
  --input-suffix-size-default-state-default-text-composition-typography: 400
    15px/20px var(--font-family);
  --input-suffix-size-default-state-default-layout-icon-action-composition-padding-right: 8px;
  --input-suffix-size-default-state-default-layout-small-composition-padding-right: 8px;
  --input-suffix-size-default-state-default-h-stepper-composition-padding-right: 8px;
  --input-suffix-size-default-state-default-h-stepper-composition-item-spacing: 0px;
  --input-suffix-size-default-state-default-h-stepper-composition-width: 56px;
  --input-suffix-size-small-state-default-layout-composition-padding-right: 12px;
  --input-suffix-size-small-state-default-layout-composition-item-spacing: 8px;
  --input-suffix-size-small-state-default-icon-composition-sizing: 20px;
  --input-suffix-size-small-state-default-text-composition-typography: 400 15px/20px
    var(--font-family);
  --input-suffix-size-small-state-default-layout-icon-action-composition-padding-right: 8px;
  --input-suffix-size-small-state-default-layout-small-composition-padding-right: 4px;
  --input-suffix-size-small-state-default-h-stepper-composition-padding-right: 8px;
  --input-suffix-size-small-state-default-h-stepper-composition-item-spacing: 0px;
  --input-suffix-size-small-state-default-h-stepper-composition-width: 56px;
  --input-loud-color-input-container-default-input: #bfbfbf;
  --input-loud-color-input-container-default-affix: #bfbfbf;
  --input-loud-color-input-container-filled-input: #0d1619;
  --input-loud-color-input-container-filled-affix: #0d1619;
  --input-loud-color-placeholder: #bfbfbf;
  --input-loud-color-underline-default: #bfbfbf;
  --input-loud-color-underline-active: #6950f3;
  --input-loud-color-underline-error: #d4163a;
  --input-loud-color-label: #0d1619;
  --input-loud-color-error: #d4163a;
  --input-loud-structure-xl-layout-item-spacing: 16px;
  --input-loud-structure-xl-container-input-typography: 700 40px/44px
    var(--font-family);
  --input-loud-structure-xl-container-input-item-spacing: 8px;
  --input-loud-structure-xl-container-inner-container-item-spacing: 8px;
  --input-loud-structure-xl-container-inner-container-border-width: 1px;
  --input-loud-structure-xl-container-inner-container-border-radius: 8px;
  --input-loud-structure-xl-container-affix-typography: 700 40px/44px
    var(--font-family);
  --input-loud-structure-xl-label-typography: 600 15px/20px var(--font-family);
  --input-loud-structure-xl-error-typography: 500 15px/20px var(--font-family);
  --input-loud-structure-2xl-layout-item-spacing: 16px;
  --input-loud-structure-2xl-container-input-typography: 700 48px/52px
    var(--font-family);
  --input-loud-structure-2xl-container-input-item-spacing: 8px;
  --input-loud-structure-2xl-container-inner-container-item-spacing: 8px;
  --input-loud-structure-2xl-container-inner-container-border-width: 1px;
  --input-loud-structure-2xl-container-inner-container-border-radius: 8px;
  --input-loud-structure-2xl-container-affix-typography: 700 48px/52px
    var(--font-family);
  --input-loud-structure-2xl-label-typography: 600 15px/20px var(--font-family);
  --input-loud-structure-2xl-error-typography: 500 15px/20px var(--font-family);
  --layout-size-wide-desktop-container-composition-width: 1184px;
  --layout-size-wide-desktop-inner-container-composition-item-spacing: 96px;
  --layout-size-wide-desktop-sidebar-composition-width: 444px;
  --layout-size-wide-desktop-sidebar-offset-composition-sizing: 36px;
  --layout-size-wide-desktop-content-composition-width: 100%;
  --layout-size-wide-desktop-layout-composition-width: 1440px;
  --layout-size-wide-desktop-layout-composition-padding-bottom: 32px;
  --layout-size-wide-laptop-sidebar-offset-composition-sizing: 36px;
  --layout-size-wide-laptop-container-composition-width: 100%;
  --layout-size-wide-laptop-container-composition-horizontal-padding: 32px;
  --layout-size-wide-laptop-inner-container-composition-item-spacing: 32px;
  --layout-size-wide-laptop-sidebar-composition-width: 360px;
  --layout-size-wide-laptop-layout-composition-width: 1024px;
  --layout-size-wide-laptop-layout-composition-padding-bottom: 32px;
  --layout-size-wide-laptop-content-composition-width: 100%;
  --layout-size-wide-tablet-sidebar-composition-width: 100%;
  --layout-size-wide-tablet-layout-composition-width: 768px;
  --layout-size-wide-tablet-layout-composition-padding-bottom: 32px;
  --layout-size-wide-tablet-container-composition-width: 100%;
  --layout-size-wide-tablet-inner-container-composition-item-spacing: 32px;
  --layout-size-wide-tablet-content-composition-width: 100%;
  --layout-size-wide-tablet-spacer-container-composition-horizontal-padding: 32px;
  --layout-size-wide-default-spacer-container-composition-horizontal-padding: 20px;
  --layout-size-wide-default-sidebar-composition-width: 100%;
  --layout-size-wide-default-layout-composition-width: 100%;
  --layout-size-wide-default-layout-composition-padding-bottom: 24px;
  --layout-size-wide-default-container-composition-width: 100%;
  --layout-size-wide-default-inner-container-composition-item-spacing: 32px;
  --layout-size-wide-default-content-composition-width: 100%;
  --layout-size-narrow-default-spacer-container-composition-horizontal-padding: 20px;
  --layout-size-narrow-default-container-composition-width: 100%;
  --layout-size-narrow-default-inner-container-composition-item-spacing: 32px;
  --layout-size-narrow-default-sidebar-composition-width: 100%;
  --layout-size-narrow-default-content-composition-width: 100%;
  --layout-size-narrow-default-layout-composition-width: 100%;
  --layout-size-narrow-default-layout-composition-padding-bottom: 20px;
  --layout-size-narrow-desktop-container-composition-width: 600px;
  --layout-size-narrow-desktop-inner-container-composition-item-spacing: 32px;
  --layout-size-narrow-desktop-sidebar-composition-width: 200px;
  --layout-size-narrow-desktop-content-composition-width: 100%;
  --layout-size-narrow-desktop-layout-composition-width: 1440px;
  --layout-size-narrow-desktop-layout-composition-padding-bottom: 32px;
  --layout-size-narrow-laptop-container-composition-width: 600px;
  --layout-size-narrow-laptop-inner-container-composition-item-spacing: 32px;
  --layout-size-narrow-laptop-sidebar-composition-width: 200px;
  --layout-size-narrow-laptop-content-composition-width: 100%;
  --layout-size-narrow-laptop-layout-composition-width: 1024px;
  --layout-size-narrow-laptop-layout-composition-padding-bottom: 32px;
  --layout-size-narrow-tablet-container-composition-width: 600px;
  --layout-size-narrow-tablet-inner-container-composition-item-spacing: 32px;
  --layout-size-narrow-tablet-sidebar-composition-width: 100%;
  --layout-size-narrow-tablet-content-composition-width: 100%;
  --layout-size-narrow-tablet-layout-composition-width: 768px;
  --layout-size-narrow-tablet-layout-composition-padding-bottom: 32px;
  --layout-size-fluid-desktop-container-composition-width: 100%;
  --layout-size-fluid-desktop-inner-container-composition-item-spacing: 0px;
  --layout-size-fluid-desktop-sidebar-composition-width: 440px;
  --layout-size-fluid-desktop-content-composition-width: 100%;
  --layout-size-fluid-desktop-layout-composition-width: 100%;
  --layout-size-fluid-laptop-container-composition-width: 100%;
  --layout-size-fluid-laptop-inner-container-composition-item-spacing: 0px;
  --layout-size-fluid-laptop-sidebar-composition-width: 400px;
  --layout-size-fluid-laptop-content-composition-width: 100%;
  --layout-size-fluid-laptop-layout-composition-width: 100%;
  --layout-size-fluid-tablet-container-composition-width: 100%;
  --layout-size-fluid-tablet-inner-container-composition-item-spacing: 0px;
  --layout-size-fluid-tablet-sidebar-composition-width: 100%;
  --layout-size-fluid-tablet-content-composition-width: 100%;
  --layout-size-fluid-tablet-layout-composition-width: 100%;
  --layout-size-fluid-default-container-composition-width: 100%;
  --layout-size-fluid-default-inner-container-composition-item-spacing: 0px;
  --layout-size-fluid-default-sidebar-composition-width: 100%;
  --layout-size-fluid-default-content-composition-width: 100%;
  --layout-size-fluid-default-layout-composition-width: 100%;
  --layout-new-sub-sidebar-structure-m-laptop-width: 296px;
  --layout-new-sub-sidebar-structure-l-laptop-width: 360px;
  --layout-new-sub-sidebar-structure-l-desktop-width: 444px;
  --layout-new-structure-default-container-gap-m-mobile-item-spacing: 32px;
  --layout-new-structure-default-container-gap-l-mobile-item-spacing: 32px;
  --layout-new-structure-default-container-gap-l-desktop-item-spacing: 96px;
  --layout-new-structure-default-sidebar-offset-laptop-offset-padding-top: 36px;
  --layout-new-structure-default-side-padding-mobile-body-horizontal-padding: 20px;
  --layout-new-structure-default-side-padding-tablet-body-horizontal-padding: 32px;
  --layout-new-structure-width-wide-default-mobile-container-width: 100%;
  --layout-new-structure-width-wide-default-mobile-container-padding-bottom: 24px;
  --layout-new-structure-width-wide-default-tablet-container-padding-bottom: 32px;
  --layout-new-structure-width-wide-default-laptop-container-max-width: 1184px;
  --layout-new-structure-width-wide-default-laptop-container-horizontal-padding: 32px;
  --layout-new-structure-width-wide-default-desktop-container-max-width: 1184px;
  --layout-new-structure-width-medium-default-mobile-container-width: 100%;
  --layout-new-structure-width-medium-default-mobile-container-padding-bottom: 24px;
  --layout-new-structure-width-medium-default-tablet-container-padding-bottom: 32px;
  --layout-new-structure-width-medium-default-laptop-container-max-width: 960px;
  --layout-new-structure-width-narrow-default-mobile-container-width: 100%;
  --layout-new-structure-width-narrow-default-mobile-container-padding-bottom: 20px;
  --layout-new-structure-width-narrow-default-tablet-container-max-width: 600px;
  --layout-new-structure-width-narrow-default-tablet-container-padding-bottom: 32px;
  --layout-new-structure-width-fluid-default-mobile-container-width: 100%;
  --layout-new-structure-width-fluid-default-mobile-container-padding-bottom: 0px;
  --layout-v2-sub-sidebar-structure-m-width: 296px;
  --layout-v2-sub-sidebar-structure-l-width: 444px;
  --layout-v2-structure-container-column-gap-none-item-spacing: 0px;
  --layout-v2-structure-container-column-gap-m-item-spacing: 32px;
  --layout-v2-structure-container-column-gap-xl-item-spacing: 96px;
  --layout-v2-structure-container-row-gap-none-item-spacing: 0px;
  --layout-v2-structure-container-row-gap-s-item-spacing: 24px;
  --layout-v2-structure-container-row-gap-m-item-spacing: 32px;
  --link-variant-loud-state-default-text-color: #6950f3;
  --link-variant-loud-state-hover-text-color: #5c4ace;
  --link-variant-loud-state-active-text-color: #403591;
  --link-variant-loud-state-visited-text-color: #6950f3;
  --link-size-default-state-default-composition-border-radius: 4px;
  --link-size-default-state-hover-composition-border-radius: 4px;
  --link-size-default-state-hover-composition-text-decoration: underline;
  --link-size-default-state-active-composition-border-radius: 4px;
  --link-size-default-state-active-composition-text-decoration: underline;
  --link-button-size-m-container-composition-item-spacing: 8px;
  --link-button-size-m-container-composition-height: 24px;
  --link-button-size-m-container-composition-vertical-padding: 8px;
  --link-button-size-m-icon-composition-sizing: 24px;
  --link-button-size-m-label-composition-typography: 500 17px/24px
    var(--font-family);
  --link-button-size-s-container-composition-item-spacing: 4px;
  --link-button-size-s-container-composition-height: 20px;
  --link-button-size-s-container-composition-vertical-padding: 8px;
  --link-button-size-s-icon-composition-sizing: 20px;
  --link-button-size-s-label-composition-typography: 500 15px/20px
    var(--font-family);
  --link-button-variant-accent-state-enabled-content-color: #6950f3;
  --link-button-variant-accent-state-hover-content-color: #5c4ace;
  --link-button-variant-accent-state-active-content-color: #403591;
  --link-button-variant-accent-state-disabled-content-color: #acacac;
  --link-button-variant-danger-state-enabled-content-color: #d4163a;
  --link-button-variant-danger-state-hover-content-color: #bb1232;
  --link-button-variant-danger-state-active-content-color: #831324;
  --link-button-variant-danger-state-disabled-content-color: #acacac;
  --list-item-color-high-initial-mobile-background: #6950f3;
  --list-item-color-high-initial-mobile-border: #6950f3;
  --list-item-color-high-initial-mobile-text: #fff;
  --list-item-color-high-initial-laptop-border: #6950f3;
  --list-item-color-high-hover-mobile-background: #5c4ace;
  --list-item-color-high-hover-mobile-border: #5c4ace;
  --list-item-color-high-hover-laptop-border: #5c4ace;
  --list-item-color-high-active-mobile-background: #403591;
  --list-item-color-high-active-mobile-border: #403591;
  --list-item-color-high-active-laptop-border: #403591;
  --list-item-color-high-selected-mobile-border: #6950f3;
  --list-item-color-high-selected-laptop-border: #6950f3;
  --list-item-color-high-selected-hover-mobile-border: #5c4ace;
  --list-item-color-high-selected-hover-laptop-border: #5c4ace;
  --list-item-color-high-selected-active-mobile-border: #403591;
  --list-item-color-high-selected-active-laptop-border: #403591;
  --list-item-color-medium-initial-mobile-background: #fff;
  --list-item-color-medium-initial-mobile-border: #d3d3d3;
  --list-item-color-medium-initial-laptop-border: #d3d3d3;
  --list-item-color-medium-hover-mobile-background: #f2f2f2;
  --list-item-color-medium-hover-mobile-border: #bfbfbf;
  --list-item-color-medium-hover-laptop-border: #bfbfbf;
  --list-item-color-medium-active-mobile-background: #e5e5e5;
  --list-item-color-medium-active-mobile-border: #acacac;
  --list-item-color-medium-active-laptop-border: #acacac;
  --list-item-color-medium-selected-mobile-background: #fff;
  --list-item-color-medium-selected-mobile-border: #6950f3;
  --list-item-color-medium-selected-laptop-border: #6950f3;
  --list-item-color-medium-selected-hover-mobile-background: #f2f2f2;
  --list-item-color-medium-selected-hover-mobile-border: #5c4ace;
  --list-item-color-medium-selected-hover-laptop-border: #5c4ace;
  --list-item-color-medium-selected-active-mobile-background: #e5e5e5;
  --list-item-color-medium-selected-active-mobile-border: #403591;
  --list-item-color-medium-selected-active-laptop-border: #403591;
  --list-item-color-low-initial-mobile-background: #fff;
  --list-item-color-low-initial-mobile-border: hsla(0, 0%, 100%, 0);
  --list-item-color-low-initial-laptop-border: #d3d3d3;
  --list-item-color-low-hover-mobile-background: #f2f2f2;
  --list-item-color-low-hover-mobile-border: hsla(0, 0%, 100%, 0);
  --list-item-color-low-hover-laptop-border: #bfbfbf;
  --list-item-color-low-active-mobile-background: #e5e5e5;
  --list-item-color-low-active-mobile-border: hsla(0, 0%, 100%, 0);
  --list-item-color-low-active-laptop-border: #969696;
  --list-item-color-low-selected-mobile-background: #fff;
  --list-item-color-low-selected-mobile-border: hsla(0, 0%, 100%, 0);
  --list-item-color-low-selected-laptop-border: #6950f3;
  --list-item-color-low-selected-hover-mobile-background: #f2f2f2;
  --list-item-color-low-selected-hover-mobile-border: hsla(0, 0%, 100%, 0);
  --list-item-color-low-selected-hover-laptop-border: #5c4ace;
  --list-item-color-low-selected-active-mobile-background: #e5e5e5;
  --list-item-color-low-selected-active-mobile-border: hsla(0, 0%, 100%, 0);
  --list-item-color-low-selected-active-laptop-border: #403591;
  --list-item-color-lower-initial-mobile-background: #fff;
  --list-item-color-lower-initial-mobile-border: hsla(0, 0%, 100%, 0);
  --list-item-color-lower-initial-laptop-border: hsla(0, 0%, 100%, 0);
  --list-item-color-lower-hover-mobile-background: #f2f2f2;
  --list-item-color-lower-hover-mobile-border: hsla(0, 0%, 100%, 0);
  --list-item-color-lower-hover-laptop-border: hsla(0, 0%, 100%, 0);
  --list-item-color-lower-active-mobile-background: #e5e5e5;
  --list-item-color-lower-active-mobile-border: hsla(0, 0%, 100%, 0);
  --list-item-color-lower-active-laptop-border: hsla(0, 0%, 100%, 0);
  --list-item-color-lower-selected-mobile-background: #fff;
  --list-item-color-lower-selected-mobile-border: hsla(0, 0%, 100%, 0);
  --list-item-color-lower-selected-laptop-border: hsla(0, 0%, 100%, 0);
  --list-item-color-lower-selected-hover-mobile-background: #f2f2f2;
  --list-item-color-lower-selected-hover-mobile-border: hsla(0, 0%, 100%, 0);
  --list-item-color-lower-selected-hover-laptop-border: hsla(0, 0%, 100%, 0);
  --list-item-color-lower-selected-active-mobile-background: #e5e5e5;
  --list-item-color-lower-selected-active-mobile-border: hsla(0, 0%, 100%, 0);
  --list-item-color-lower-selected-active-laptop-border: hsla(0, 0%, 100%, 0);
  --list-item-color-lowest-initial-mobile-background: rgba(13, 22, 25, 0);
  --list-item-color-lowest-initial-mobile-border: hsla(0, 0%, 100%, 0);
  --list-item-color-lowest-initial-laptop-border: hsla(0, 0%, 100%, 0);
  --list-item-structure-default-initial-mobile-layout-border-width: 1px;
  --list-item-structure-default-initial-mobile-layout-border-radius: 8px;
  --list-item-structure-default-initial-mobile-layout-core-item-spacing: 12px;
  --list-item-structure-default-initial-mobile-main-wrapper-item-spacing: 12px;
  --list-item-structure-high-initial-mobile-layout-horizontal-padding: 16px;
  --list-item-structure-high-initial-mobile-layout-vertical-padding: 16px;
  --list-item-structure-high-initial-laptop-layout-horizontal-padding: 24px;
  --list-item-structure-high-initial-laptop-layout-vertical-padding: 20px;
  --list-item-structure-medium-initial-mobile-layout-horizontal-padding: 16px;
  --list-item-structure-medium-initial-mobile-layout-vertical-padding: 16px;
  --list-item-structure-medium-initial-laptop-layout-horizontal-padding: 24px;
  --list-item-structure-medium-initial-laptop-layout-vertical-padding: 20px;
  --list-item-structure-medium-selected-mobile-layout-border-width: 2px;
  --list-item-structure-medium-selected-laptop-layout-border-width: 2px;
  --list-item-structure-medium-selected-hover-mobile-layout-border-width: 2px;
  --list-item-structure-medium-selected-hover-laptop-layout-border-width: 2px;
  --list-item-structure-medium-selected-active-mobile-layout-border-width: 2px;
  --list-item-structure-medium-selected-active-laptop-layout-border-width: 2px;
  --list-item-structure-low-initial-mobile-layout-horizontal-padding: 12px;
  --list-item-structure-low-initial-mobile-layout-vertical-padding: 20px;
  --list-item-structure-low-initial-mobile-layout-border-width: 0px;
  --list-item-structure-low-initial-laptop-layout-horizontal-padding: 24px;
  --list-item-structure-low-initial-laptop-layout-vertical-padding: 20px;
  --list-item-structure-low-initial-laptop-layout-border-width: 1px;
  --list-item-structure-low-selected-mobile-layout-border-width: 0px;
  --list-item-structure-low-selected-laptop-layout-border-width: 2px;
  --list-item-structure-low-selected-hover-mobile-layout-border-width: 0px;
  --list-item-structure-low-selected-hover-laptop-layout-border-width: 2px;
  --list-item-structure-low-selected-active-mobile-layout-border-width: 0px;
  --list-item-structure-low-selected-active-laptop-layout-border-width: 2px;
  --list-item-structure-lower-initial-mobile-layout-horizontal-padding: 12px;
  --list-item-structure-lower-initial-mobile-layout-vertical-padding: 20px;
  --list-item-structure-lower-initial-mobile-layout-border-width: 0px;
  --list-item-structure-lower-initial-laptop-layout-horizontal-padding: 16px;
  --list-item-structure-lower-initial-laptop-layout-vertical-padding: 20px;
  --list-item-structure-lower-initial-laptop-layout-border-width: 0px;
  --list-item-structure-lowest-initial-mobile-layout-horizontal-padding: 0px;
  --list-item-structure-lowest-initial-mobile-layout-vertical-padding: 0px;
  --list-item-structure-lowest-initial-mobile-layout-border-width: 0px;
  --list-item-structure-lowest-initial-laptop-layout-horizontal-padding: 0px;
  --list-item-structure-lowest-initial-laptop-layout-vertical-padding: 0px;
  --list-item-structure-lowest-initial-laptop-layout-border-width: 0px;
  --list-item-size-default-state-default-layout-composition-item-spacing: 12px;
  --list-item-size-default-state-default-main-wrapper-composition-item-spacing: 12px;
  --list-item-size-default-state-default-prefix-composition-item-spacing: 12px;
  --list-item-size-default-state-default-suffix-composition-item-spacing: 12px;
  --list-item-size-default-state-default-left-wrapper-composition-item-spacing: 0px;
  --list-item-size-default-state-default-left-content-composition-item-spacing: 8px;
  --list-item-size-default-state-default-right-wrapper-composition-item-spacing: 0px;
  --list-item-size-default-state-default-right-content-composition-item-spacing: 8px;
  --list-item-container-variant-high-state-enabled-default-background-color: #6950f3;
  --list-item-container-variant-high-state-enabled-default-border-color: #6950f3;
  --list-item-container-variant-high-state-hover-default-background-color: #5c4ace;
  --list-item-container-variant-high-state-hover-default-border-color: #5c4ace;
  --list-item-container-variant-high-state-active-default-background-color: #403591;
  --list-item-container-variant-high-state-active-default-border-color: #403591;
  --list-item-container-variant-medium-state-enabled-default-background-color: #fff;
  --list-item-container-variant-medium-state-enabled-default-border-color: #d3d3d3;
  --list-item-container-variant-medium-state-hover-default-background-color: #f2f2f2;
  --list-item-container-variant-medium-state-hover-default-border-color: #bfbfbf;
  --list-item-container-variant-medium-state-active-default-background-color: #e5e5e5;
  --list-item-container-variant-medium-state-active-default-border-color: #969696;
  --list-item-container-variant-medium-state-selected-default-background-color: #fff;
  --list-item-container-variant-medium-state-selected-default-border-color: #6950f3;
  --list-item-container-variant-medium-state-selected-default-container-innershadow: inset
    0 0 0 1px #6950f3;
  --list-item-container-variant-medium-state-selected-hover-default-background-color: #f2f2f2;
  --list-item-container-variant-medium-state-selected-hover-default-border-color: #5c4ace;
  --list-item-container-variant-medium-state-selected-hover-default-container-innershadow: inset
    0 0 0 1px #5c4ace;
  --list-item-container-variant-medium-state-selected-active-default-background-color: #e5e5e5;
  --list-item-container-variant-medium-state-selected-active-default-border-color: #403591;
  --list-item-container-variant-medium-state-selected-active-default-container-innershadow: inset
    0 0 0 1px #403591;
  --list-item-container-variant-low-state-enabled-default-background-color: #fff;
  --list-item-container-variant-low-state-enabled-default-border-color: #d3d3d3;
  --list-item-container-variant-low-state-hover-default-background-color: #f2f2f2;
  --list-item-container-variant-low-state-hover-default-border-color: #bfbfbf;
  --list-item-container-variant-low-state-active-default-background-color: #e5e5e5;
  --list-item-container-variant-low-state-active-default-border-color: #969696;
  --list-item-container-variant-low-state-selected-default-background-color: #fff;
  --list-item-container-variant-low-state-selected-default-border-color: #6950f3;
  --list-item-container-variant-low-state-selected-default-container-innershadow: inset
    0 0 0 0 #6950f3;
  --list-item-container-variant-low-state-selected-laptop-background-color: #fff;
  --list-item-container-variant-low-state-selected-laptop-border-color: #6950f3;
  --list-item-container-variant-low-state-selected-laptop-container-innershadow: inset
    0 0 0 1px #6950f3;
  --list-item-container-variant-low-state-selected-hover-default-background-color: #f2f2f2;
  --list-item-container-variant-low-state-selected-hover-default-border-color: #5c4ace;
  --list-item-container-variant-low-state-selected-hover-default-container-innershadow: inset
    0 0 0 0 #5c4ace;
  --list-item-container-variant-low-state-selected-hover-laptop-background-color: #f2f2f2;
  --list-item-container-variant-low-state-selected-hover-laptop-border-color: #5c4ace;
  --list-item-container-variant-low-state-selected-hover-laptop-container-innershadow: inset
    0 0 0 1px #5c4ace;
  --list-item-container-variant-low-state-selected-active-default-background-color: #e5e5e5;
  --list-item-container-variant-low-state-selected-active-default-border-color: #403591;
  --list-item-container-variant-low-state-selected-active-default-container-innershadow: inset
    0 0 0 0 #403591;
  --list-item-container-variant-low-state-selected-active-laptop-background-color: #e5e5e5;
  --list-item-container-variant-low-state-selected-active-laptop-border-color: #403591;
  --list-item-container-variant-low-state-selected-active-laptop-container-innershadow: inset
    0 0 0 1px #403591;
  --list-item-container-variant-lowest-state-enabled-default-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --list-item-container-variant-lowest-state-enabled-default-border-color: hsla(
    0,
    0%,
    100%,
    0
  );
  --list-item-container-size-boxed-state-default-default-composition-horizontal-padding: 16px;
  --list-item-container-size-boxed-state-default-default-composition-vertical-padding: 16px;
  --list-item-container-size-boxed-state-default-default-composition-border-width: 1px;
  --list-item-container-size-boxed-state-default-default-composition-border-radius: 8px;
  --list-item-container-size-boxed-state-default-laptop-composition-horizontal-padding: 24px;
  --list-item-container-size-boxed-state-default-laptop-composition-vertical-padding: 20px;
  --list-item-container-size-boxed-state-default-laptop-composition-border-width: 1px;
  --list-item-container-size-boxed-state-default-laptop-composition-border-radius: 8px;
  --list-item-container-size-boxed-full-width-mobile-state-default-default-composition-horizontal-padding: 20px;
  --list-item-container-size-boxed-full-width-mobile-state-default-default-composition-vertical-padding: 16px;
  --list-item-container-size-boxed-full-width-mobile-state-default-default-composition-border-width: 1px;
  --list-item-container-size-boxed-full-width-mobile-state-default-default-composition-border-radius: 0px;
  --list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-horizontal-padding: 24px;
  --list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-vertical-padding: 20px;
  --list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-border-width: 1px;
  --list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-border-radius: 8px;
  --list-item-container-size-flush-state-default-default-composition-horizontal-padding: 0px;
  --list-item-container-size-flush-state-default-default-composition-vertical-padding: 0px;
  --list-item-container-size-flush-state-default-default-composition-border-width: 0px;
  --list-item-container-size-flush-state-default-default-composition-border-radius: 8px;
  --list-item-container-size-flush-state-default-laptop-composition-horizontal-padding: 0px;
  --list-item-container-size-flush-state-default-laptop-composition-vertical-padding: 0px;
  --list-item-container-size-flush-state-default-laptop-composition-border-width: 0px;
  --list-item-container-size-flush-state-default-laptop-composition-border-radius: 8px;
  --loader-variant-inline-light-content-color: #fff;
  --loader-variant-inline-dark-content-color: #0d1619;
  --logo-size-horizontal-xl-composition-height: 32px;
  --logo-size-horizontal-l-composition-height: 28px;
  --logo-size-horizontal-m-composition-height: 24px;
  --logo-size-horizontal-s-composition-height: 20px;
  --logo-size-horizontal-xs-composition-height: 16px;
  --menu-structure-m-mobile-layout-item-spacing: 0px;
  --menu-structure-m-laptop-layout-item-spacing: 0px;
  --menu-structure-l-mobile-layout-item-spacing: 24px;
  --menu-structure-l-laptop-layout-item-spacing: 24px;
  --menu-item-variant-default-state-enabled-label-text-color: #0d1619;
  --menu-item-variant-default-state-enabled-description-text-color: #757676;
  --menu-item-variant-default-state-enabled-container-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --menu-item-variant-default-state-enabled-icon-icon-color: #0d1619;
  --menu-item-variant-default-state-hover-label-text-color: #0d1619;
  --menu-item-variant-default-state-hover-description-text-color: #757676;
  --menu-item-variant-default-state-hover-container-background-color: rgba(
    13,
    22,
    25,
    0.039
  );
  --menu-item-variant-default-state-hover-icon-icon-color: #0d1619;
  --menu-item-variant-default-state-active-label-text-color: #0d1619;
  --menu-item-variant-default-state-active-description-text-color: #757676;
  --menu-item-variant-default-state-active-container-background-color: rgba(
    13,
    22,
    25,
    0.078
  );
  --menu-item-variant-default-state-active-icon-icon-color: #0d1619;
  --menu-item-variant-default-state-disabled-label-text-color: #acacac;
  --menu-item-variant-default-state-disabled-description-text-color: #acacac;
  --menu-item-variant-default-state-disabled-container-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --menu-item-variant-default-state-disabled-container-opacity: 0.4;
  --menu-item-variant-default-state-disabled-icon-icon-color: #acacac;
  --menu-item-variant-default-state-highlighted-label-text-color: #0d1619;
  --menu-item-variant-default-state-highlighted-description-text-color: #757676;
  --menu-item-variant-default-state-highlighted-container-background-color: #e7e8ff;
  --menu-item-variant-default-state-highlighted-icon-icon-color: #0d1619;
  --menu-item-variant-destructive-state-enabled-label-text-color: #d4163a;
  --menu-item-variant-destructive-state-enabled-description-text-color: #757676;
  --menu-item-variant-destructive-state-enabled-container-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --menu-item-variant-destructive-state-enabled-icon-icon-color: #d4163a;
  --menu-item-variant-destructive-state-hover-label-text-color: #d4163a;
  --menu-item-variant-destructive-state-hover-description-text-color: #757676;
  --menu-item-variant-destructive-state-hover-container-background-color: rgba(
    13,
    22,
    25,
    0.039
  );
  --menu-item-variant-destructive-state-hover-icon-icon-color: #d4163a;
  --menu-item-variant-destructive-state-active-label-text-color: #d4163a;
  --menu-item-variant-destructive-state-active-description-text-color: #757676;
  --menu-item-variant-destructive-state-active-container-background-color: rgba(
    13,
    22,
    25,
    0.078
  );
  --menu-item-variant-destructive-state-active-icon-icon-color: #d4163a;
  --menu-item-variant-destructive-state-disabled-label-text-color: #acacac;
  --menu-item-variant-destructive-state-disabled-description-text-color: #acacac;
  --menu-item-variant-destructive-state-disabled-container-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --menu-item-variant-destructive-state-disabled-icon-icon-color: #acacac;
  --menu-item-variant-destructive-state-highlighted-label-text-color: #d4163a;
  --menu-item-variant-destructive-state-highlighted-description-text-color: #757676;
  --menu-item-variant-destructive-state-highlighted-container-background-color: #e7e8ff;
  --menu-item-variant-destructive-state-highlighted-icon-icon-color: #d4163a;
  --menu-item-size-default-default-layout-composition-vertical-padding: 8px;
  --menu-item-size-default-default-layout-composition-item-spacing: 8px;
  --menu-item-size-default-default-layout-composition-border-radius: 8px;
  --menu-item-size-default-default-layout-composition-min-height: 48px;
  --menu-item-size-default-default-background-composition-horizontal-padding: 8px;
  --menu-item-size-default-default-label-composition-typography: 500 17px/24px
    var(--font-family);
  --menu-item-size-default-default-label-bold-composition-typography: 600 17px/24px
    var(--font-family);
  --menu-item-size-default-default-description-composition-typography: 400 13px/16px
    var(--font-family);
  --menu-item-size-default-default-description-bold-composition-typography: 600
    13px/16px var(--font-family);
  --menu-item-size-default-default-prefix-composition-padding-right: 4px;
  --menu-item-size-default-default-icon-composition-sizing: 24px;
  --menu-item-size-default-laptop-layout-composition-vertical-padding: 8px;
  --menu-item-size-default-laptop-layout-composition-item-spacing: 8px;
  --menu-item-size-default-laptop-layout-composition-border-radius: 8px;
  --menu-item-size-default-laptop-layout-composition-min-height: 40px;
  --menu-item-size-default-laptop-background-composition-horizontal-padding: 8px;
  --menu-item-size-default-laptop-label-composition-typography: 500 15px/20px
    var(--font-family);
  --menu-item-size-default-laptop-label-bold-composition-typography: 600 15px/20px
    var(--font-family);
  --menu-item-size-default-laptop-description-composition-typography: 400 13px/16px
    var(--font-family);
  --menu-item-size-default-laptop-description-bold-composition-typography: 600
    13px/16px var(--font-family);
  --menu-item-size-default-laptop-icon-composition-sizing: 20px;
  --menu-item-size-l-default-layout-composition-vertical-padding: 8px;
  --menu-item-size-l-default-layout-composition-item-spacing: 12px;
  --menu-item-size-l-default-layout-composition-border-radius: 8px;
  --menu-item-size-l-default-layout-composition-min-height: 76px;
  --menu-item-size-l-default-background-composition-horizontal-padding: 16px;
  --menu-item-size-l-default-label-composition-typography: 500 17px/24px
    var(--font-family);
  --menu-item-size-l-default-label-bold-composition-typography: 500 17px/24px
    var(--font-family);
  --menu-item-size-l-default-description-composition-typography: 400 15px/20px
    var(--font-family);
  --menu-item-size-l-default-description-bold-composition-typography: 600 15px/20px
    var(--font-family);
  --menu-item-size-l-default-prefix-composition-padding-right: 4px;
  --menu-item-size-l-default-icon-composition-sizing: 28px;
  --menu-item-size-l-laptop-layout-composition-vertical-padding: 8px;
  --menu-item-size-l-laptop-layout-composition-item-spacing: 12px;
  --menu-item-size-l-laptop-layout-composition-border-radius: 8px;
  --menu-item-size-l-laptop-layout-composition-min-height: 76px;
  --menu-item-size-l-laptop-background-composition-horizontal-padding: 16px;
  --menu-item-size-l-laptop-label-composition-typography: 500 17px/24px
    var(--font-family);
  --menu-item-size-l-laptop-label-bold-composition-typography: 500 17px/24px
    var(--font-family);
  --menu-item-size-l-laptop-description-composition-typography: 400 15px/20px
    var(--font-family);
  --menu-item-size-l-laptop-description-bold-composition-typography: 600 15px/20px
    var(--font-family);
  --menu-item-size-l-laptop-icon-composition-sizing: 28px;
  --menu-item-structure-m-initial-mobile-layout-vertical-padding: 8px;
  --menu-item-structure-m-initial-mobile-layout-item-spacing: 8px;
  --menu-item-structure-m-initial-mobile-layout-min-height: 48px;
  --menu-item-structure-m-initial-mobile-background-horizontal-padding: 8px;
  --menu-item-structure-m-initial-mobile-background-border-radius: 8px;
  --menu-item-structure-m-initial-mobile-label-typography: 500 17px/24px
    var(--font-family);
  --menu-item-structure-m-initial-mobile-description-typography: 400 13px/16px
    var(--font-family);
  --menu-item-structure-m-initial-mobile-prefix-padding-right: 4px;
  --menu-item-structure-m-initial-mobile-icon-sizing: 24px;
  --menu-item-structure-m-initial-laptop-layout-vertical-padding: 8px;
  --menu-item-structure-m-initial-laptop-layout-item-spacing: 8px;
  --menu-item-structure-m-initial-laptop-layout-min-height: 40px;
  --menu-item-structure-m-initial-laptop-background-horizontal-padding: 8px;
  --menu-item-structure-m-initial-laptop-background-border-radius: 8px;
  --menu-item-structure-m-initial-laptop-label-typography: 500 15px/20px
    var(--font-family);
  --menu-item-structure-m-initial-laptop-description-typography: 400 13px/16px
    var(--font-family);
  --menu-item-structure-m-initial-laptop-prefix-padding-right: 4px;
  --menu-item-structure-m-initial-laptop-icon-sizing: 20px;
  --menu-item-structure-m-children-mobile-layout-padding-left: 28px;
  --menu-item-structure-m-children-laptop-layout-padding-left: 32px;
  --menu-item-structure-l-initial-mobile-layout-vertical-padding: 12px;
  --menu-item-structure-l-initial-mobile-layout-item-spacing: 12px;
  --menu-item-structure-l-initial-mobile-background-horizontal-padding: 8px;
  --menu-item-structure-l-initial-mobile-background-border-radius: 8px;
  --menu-item-structure-l-initial-mobile-label-typography: 500 17px/24px
    var(--font-family);
  --menu-item-structure-l-initial-mobile-description-typography: 400 13px/16px
    var(--font-family);
  --menu-item-structure-l-initial-mobile-prefix-padding-right: 4px;
  --menu-item-structure-l-initial-mobile-icon-sizing: 24px;
  --menu-item-structure-l-initial-laptop-layout-vertical-padding: 12px;
  --menu-item-structure-l-initial-laptop-layout-item-spacing: 12px;
  --menu-item-structure-l-initial-laptop-background-horizontal-padding: 8px;
  --menu-item-structure-l-initial-laptop-background-border-radius: 8px;
  --menu-item-structure-l-initial-laptop-label-typography: 500 15px/20px
    var(--font-family);
  --menu-item-structure-l-initial-laptop-description-typography: 400 13px/16px
    var(--font-family);
  --menu-item-structure-l-initial-laptop-prefix-padding-right: 4px;
  --menu-item-structure-l-initial-laptop-icon-sizing: 20px;
  --menu-item-structure-l-children-mobile-layout-padding-left: 36px;
  --menu-item-structure-l-children-laptop-layout-padding-left: 36px;
  --menu-item-color-default-initial-label: #0d1619;
  --menu-item-color-default-initial-description: #757676;
  --menu-item-color-default-initial-background: rgba(13, 22, 25, 0);
  --menu-item-color-default-initial-icon: #0d1619;
  --menu-item-color-default-hover-background: rgba(13, 22, 25, 0.039);
  --menu-item-color-default-active-background: rgba(13, 22, 25, 0.078);
  --menu-item-color-default-highlighted-background: #e7e8ff;
  --menu-item-color-default-disabled-background: rgba(13, 22, 25, 0);
  --menu-item-color-default-disabled-opacity: 0.4;
  --menu-item-color-destructive-initial-label: #d4163a;
  --menu-item-color-destructive-initial-description: #757676;
  --menu-item-color-destructive-initial-icon: #d4163a;
  --menu-item-color-accent-initial-label: #6950f3;
  --menu-item-color-accent-initial-description: #757676;
  --menu-item-color-accent-initial-icon: #6950f3;
  --menu-item-color-secondary-initial-label: #757676;
  --menu-item-color-secondary-initial-description: #757676;
  --menu-item-color-secondary-initial-icon: #757676;
  --menu-item-callout-size-default-container-composition-padding-bottom: 0px;
  --menu-item-callout-size-default-wrapper-composition-item-spacing: 12px;
  --menu-item-callout-size-default-wrapper-composition-vertical-padding: 16px;
  --menu-item-callout-size-default-wrapper-composition-horizontal-padding: 12px;
  --menu-item-callout-size-default-wrapper-composition-border-radius: 8px;
  --menu-item-callout-size-default-wrapper-composition-border-width: 1px;
  --menu-item-callout-size-default-prompt-composition-typography: 400 15px/20px
    var(--font-family);
  --menu-item-callout-variant-default-container-background-color: #e7e8ff;
  --menu-item-callout-variant-default-container-border-color: #dbddff;
  --menu-item-profile-size-default-container-composition-horizontal-padding: 12px;
  --menu-item-profile-size-default-container-composition-padding-top: 32px;
  --menu-item-profile-size-default-container-composition-padding-bottom: 12px;
  --menu-item-profile-size-default-container-composition-item-spacing: 12px;
  --menu-item-profile-size-default-text-wrapper-composition-item-spacing: 0px;
  --menu-item-profile-size-default-label-composition-typography: 600 20px/28px
    var(--font-family);
  --menu-item-profile-size-default-link-composition-typography: 600 15px/20px
    var(--font-family);
  --menu-item-profile-variant-default-state-enabled-label-text-color: #0d1619;
  --menu-item-profile-variant-default-state-enabled-link-text-color: #6950f3;
  --menu-item-profile-variant-default-state-hover-link-text-color: #5c4ace;
  --menu-item-profile-variant-default-state-active-link-text-color: #403591;
  --menu-list-size-default-header-default-container-composition-padding-top: 8px;
  --menu-list-size-default-header-default-container-composition-horizontal-padding: 0px;
  --menu-list-size-default-header-default-container-composition-padding-bottom: 4px;
  --menu-list-size-default-header-default-text-composition-typography: 600 17px/24px
    var(--font-family);
  --menu-list-size-default-header-laptop-container-composition-padding-top: 8px;
  --menu-list-size-default-header-laptop-container-composition-horizontal-padding: 0px;
  --menu-list-size-default-header-laptop-container-composition-padding-bottom: 4px;
  --menu-list-size-default-header-laptop-text-composition-typography: 600 15px/20px
    var(--font-family);
  --menu-list-size-default-container-laptop-composition-item-spacing: 0px;
  --menu-list-size-default-container-mobile-composition-item-spacing: 0px;
  --menu-list-sub-header-structure-m-mobile-layout-padding-top: 8px;
  --menu-list-sub-header-structure-m-mobile-layout-padding-bottom: 4px;
  --menu-list-sub-header-structure-m-mobile-layout-item-spacing: 8px;
  --menu-list-sub-header-structure-m-mobile-label-typography: 600 20px/28px
    var(--font-family);
  --menu-list-sub-header-structure-m-laptop-layout-padding-top: 8px;
  --menu-list-sub-header-structure-m-laptop-layout-padding-bottom: 4px;
  --menu-list-sub-header-structure-m-laptop-layout-item-spacing: 8px;
  --menu-list-sub-header-structure-m-laptop-label-typography: 600 17px/24px
    var(--font-family);
  --menu-list-sub-header-structure-l-mobile-layout-padding-top: 0px;
  --menu-list-sub-header-structure-l-mobile-layout-padding-bottom: 8px;
  --menu-list-sub-header-structure-l-mobile-layout-item-spacing: 8px;
  --menu-list-sub-header-structure-l-mobile-label-typography: 600 20px/28px
    var(--font-family);
  --menu-list-sub-header-structure-l-laptop-layout-padding-top: 0px;
  --menu-list-sub-header-structure-l-laptop-layout-padding-bottom: 8px;
  --menu-list-sub-header-structure-l-laptop-layout-item-spacing: 8px;
  --menu-list-sub-header-structure-l-laptop-label-typography: 600 17px/24px
    var(--font-family);
  --menu-list-sub-header-color-default-label: #0d1619;
  --menu-list-variant-default-header-text-color: #0d1619;
  --menu-list-structure-l-mobile-section-horizontal-padding: 20px;
  --menu-list-structure-l-mobile-section-vertical-padding: 12px;
  --menu-list-structure-l-mobile-section-item-spacing: 0px;
  --menu-list-structure-l-mobile-section-border-width: 1px;
  --menu-list-structure-l-mobile-section-border-radius: 12px;
  --menu-list-structure-l-mobile-layout-item-spacing: 0px;
  --menu-list-structure-l-laptop-layout-item-spacing: 0px;
  --menu-list-structure-m-mobile-layout-item-spacing: 0px;
  --menu-list-structure-m-laptop-layout-item-spacing: 0px;
  --menu-list-color-l-mobile-section-background: #fff;
  --menu-list-color-l-mobile-section-border: #d3d3d3;
  --modal-dialog-size-default-header-layout-tablet-composition-padding-top: 32px;
  --modal-dialog-size-default-header-layout-tablet-composition-horizontal-padding: 32px;
  --modal-dialog-size-default-header-layout-tablet-composition-padding-bottom: 16px;
  --modal-dialog-size-default-header-layout-tablet-composition-border-radius-top-left: 16px;
  --modal-dialog-size-default-header-layout-tablet-composition-border-radius-top-right: 16px;
  --modal-dialog-size-default-header-layout-tablet-composition-border-width-bottom: 1px;
  --modal-dialog-size-default-header-layout-tablet-composition-box-shadow: 0 2px
    4px 0 rgba(13, 22, 25, 0.059);
  --modal-dialog-size-default-header-layout-tablet-composition-item-spacing: 16px;
  --modal-dialog-size-default-header-layout-default-composition-padding-top: 20px;
  --modal-dialog-size-default-header-layout-default-composition-horizontal-padding: 20px;
  --modal-dialog-size-default-header-layout-default-composition-padding-bottom: 16px;
  --modal-dialog-size-default-header-layout-default-composition-border-radius-top-left: 16px;
  --modal-dialog-size-default-header-layout-default-composition-border-radius-top-right: 16px;
  --modal-dialog-size-default-header-layout-default-composition-border-width-bottom: 1px;
  --modal-dialog-size-default-header-layout-default-composition-box-shadow: 0
    2px 4px 0 rgba(13, 22, 25, 0.059);
  --modal-dialog-size-default-header-layout-default-composition-item-spacing: 16px;
  --modal-dialog-size-default-header-action-default-composition-height: 24px;
  --modal-dialog-size-default-header-action-default-composition-item-spacing: 16px;
  --modal-dialog-size-default-header-in-body-default-composition-item-spacing: 8px;
  --modal-dialog-size-default-header-in-body-title-default-composition-typography: 600
    28px/36px var(--font-family);
  --modal-dialog-size-default-header-action-content-title-default-composition-typography: 600
    20px/28px var(--font-family);
  --modal-dialog-size-default-header-action-content-description-default-composition-typography: 400
    15px/20px var(--font-family);
  --modal-dialog-size-default-body-section-tablet-composition-horizontal-padding: 32px;
  --modal-dialog-size-default-body-section-tablet-composition-vertical-padding: 16px;
  --modal-dialog-size-default-body-section-default-composition-horizontal-padding: 20px;
  --modal-dialog-size-default-body-section-default-composition-vertical-padding: 16px;
  --modal-dialog-size-default-body-section-flushed-tablet-composition-horizontal-padding: 0px;
  --modal-dialog-size-default-body-section-flushed-default-composition-horizontal-padding: 0px;
  --modal-dialog-size-default-body-layout-no-footer-tablet-composition-padding-bottom: 16px;
  --modal-dialog-size-default-body-layout-no-footer-default-composition-padding-bottom: 16px;
  --modal-dialog-size-default-footer-layout-tablet-composition-padding-top: 16px;
  --modal-dialog-size-default-footer-layout-tablet-composition-padding-bottom: 32px;
  --modal-dialog-size-default-footer-layout-tablet-composition-horizontal-padding: 32px;
  --modal-dialog-size-default-footer-layout-tablet-composition-border-radius-bottom-right: 16px;
  --modal-dialog-size-default-footer-layout-tablet-composition-border-radius-bottom-left: 16px;
  --modal-dialog-size-default-footer-layout-tablet-composition-border-width-top: 1px;
  --modal-dialog-size-default-footer-layout-tablet-composition-item-spacing: 12px;
  --modal-dialog-size-default-footer-layout-default-composition-padding-top: 16px;
  --modal-dialog-size-default-footer-layout-default-composition-horizontal-padding: 20px;
  --modal-dialog-size-default-footer-layout-default-composition-padding-bottom: 16px;
  --modal-dialog-size-default-footer-layout-default-composition-border-radius-bottom-right: 0px;
  --modal-dialog-size-default-footer-layout-default-composition-border-radius-bottom-left: 0px;
  --modal-dialog-size-default-footer-layout-default-composition-border-width-top: 1px;
  --modal-dialog-size-default-footer-layout-default-composition-item-spacing: 12px;
  --modal-dialog-size-default-container-default-composition-width: 100%;
  --modal-dialog-size-default-container-default-composition-border-radius-top-left: 16px;
  --modal-dialog-size-default-container-default-composition-border-radius-top-right: 16px;
  --modal-dialog-size-default-container-default-composition-border-radius-bottom-right: 0px;
  --modal-dialog-size-default-container-default-composition-border-radius-bottom-left: 0px;
  --modal-dialog-size-default-container-tablet-composition-width: 480px;
  --modal-dialog-size-default-container-tablet-composition-border-radius-top-left: 16px;
  --modal-dialog-size-default-container-tablet-composition-border-radius-top-right: 16px;
  --modal-dialog-size-default-container-tablet-composition-border-radius-bottom-right: 16px;
  --modal-dialog-size-default-container-tablet-composition-border-radius-bottom-left: 16px;
  --modal-dialog-size-default-layout-max-height-default-composition-padding-top: 64px;
  --modal-dialog-size-default-layout-max-height-tablet-composition-vertical-padding: 64px;
  --modal-dialog-size-wide-container-tablet-composition-width: 720px;
  --modal-dialog-size-wide-container-tablet-composition-border-radius-top-left: 16px;
  --modal-dialog-size-wide-container-tablet-composition-border-radius-top-right: 16px;
  --modal-dialog-size-wide-container-tablet-composition-border-radius-bottom-right: 16px;
  --modal-dialog-size-wide-container-tablet-composition-border-radius-bottom-left: 16px;
  --modal-dialog-size-wide-container-default-composition-width: 100%;
  --modal-dialog-size-wide-container-default-composition-border-radius-top-left: 16px;
  --modal-dialog-size-wide-container-default-composition-border-radius-top-right: 16px;
  --modal-dialog-size-wide-container-default-composition-border-radius-bottom-right: 0px;
  --modal-dialog-size-wide-container-default-composition-border-radius-bottom-left: 0px;
  --modal-dialog-size-wider-container-tablet-composition-width: 1088px;
  --modal-dialog-size-wider-container-tablet-composition-border-radius-top-left: 16px;
  --modal-dialog-size-wider-container-tablet-composition-border-radius-top-right: 16px;
  --modal-dialog-size-wider-container-tablet-composition-border-radius-bottom-right: 16px;
  --modal-dialog-size-wider-container-tablet-composition-border-radius-bottom-left: 16px;
  --modal-dialog-size-wider-container-default-composition-width: 100%;
  --modal-dialog-size-wider-container-default-composition-border-radius-top-left: 16px;
  --modal-dialog-size-wider-container-default-composition-border-radius-top-right: 16px;
  --modal-dialog-size-wider-container-default-composition-border-radius-bottom-right: 0px;
  --modal-dialog-size-wider-container-default-composition-border-radius-bottom-left: 0px;
  --modal-dialog-size-wider-layout-tablet-composition-vertical-padding: 32px;
  --modal-dialog-size-wider-layout-tablet-composition-horizontal-padding: 32px;
  --modal-dialog-size-fluid-container-tablet-composition-width: 100%;
  --modal-dialog-size-fluid-container-tablet-composition-border-radius-top-left: 16px;
  --modal-dialog-size-fluid-container-tablet-composition-border-radius-top-right: 16px;
  --modal-dialog-size-fluid-container-tablet-composition-border-radius-bottom-right: 16px;
  --modal-dialog-size-fluid-container-tablet-composition-border-radius-bottom-left: 16px;
  --modal-dialog-size-fluid-container-default-composition-width: 100%;
  --modal-dialog-size-fluid-container-default-composition-border-radius-top-left: 16px;
  --modal-dialog-size-fluid-container-default-composition-border-radius-top-right: 16px;
  --modal-dialog-size-fluid-container-default-composition-border-radius-bottom-right: 0px;
  --modal-dialog-size-fluid-container-default-composition-border-radius-bottom-left: 0px;
  --modal-dialog-size-fluid-layout-tablet-composition-vertical-padding: 32px;
  --modal-dialog-size-fluid-layout-tablet-composition-horizontal-padding: 32px;
  --modal-fullscreen-size-default-header-container-laptop-composition-padding-top: 8px;
  --modal-fullscreen-size-default-header-container-laptop-composition-padding-bottom: 8px;
  --modal-fullscreen-size-default-header-container-laptop-composition-horizontal-padding: 20px;
  --modal-fullscreen-size-default-header-container-laptop-composition-box-shadow: 0
    2px 4px 0 rgba(13, 22, 25, 0.059);
  --modal-fullscreen-size-default-header-container-laptop-composition-border-width-bottom: 1px;
  --modal-fullscreen-size-default-header-container-laptop-composition-item-spacing: 0px;
  --modal-fullscreen-size-default-header-container-mobile-composition-padding-top: 8px;
  --modal-fullscreen-size-default-header-container-mobile-composition-padding-bottom: 8px;
  --modal-fullscreen-size-default-header-container-mobile-composition-horizontal-padding: 8px;
  --modal-fullscreen-size-default-header-container-mobile-composition-box-shadow: 0
    2px 4px 0 rgba(13, 22, 25, 0.059);
  --modal-fullscreen-size-default-header-container-mobile-composition-border-width-bottom: 1px;
  --modal-fullscreen-size-default-header-container-mobile-composition-item-spacing: 0px;
  --modal-fullscreen-size-default-header-content-wrapper-composition-item-spacing: 0px;
  --modal-fullscreen-size-default-header-content-wrapper-full-width: 1208px;
  --modal-fullscreen-size-default-header-content-body-title-default-composition-typography: 600
    20px/28px var(--font-family);
  --modal-fullscreen-size-default-header-content-body-title-laptop-composition-typography: 600
    20px/28px var(--font-family);
  --modal-fullscreen-size-default-header-content-body-description-composition-typography: 400
    17px/24px var(--font-family);
  --modal-fullscreen-size-default-header-content-body-wrapper-composition-item-spacing: 0px;
  --modal-fullscreen-size-default-header-content-body-wrapper-composition-padding-top: 0px;
  --modal-fullscreen-size-default-header-content-body-wrapper-composition-padding-bottom: 0px;
  --modal-fullscreen-size-default-header-content-body-wrapper-composition-horizontal-padding: 12px;
  --modal-fullscreen-size-default-header-content-body-title-in-body-default-composition-typography: 600
    28px/36px var(--font-family);
  --modal-fullscreen-size-default-header-content-body-title-in-body-default-composition-padding-bottom: 32px;
  --modal-fullscreen-size-default-header-content-body-title-in-body-laptop-composition-typography: 700
    40px/44px var(--font-family);
  --modal-fullscreen-size-default-header-content-body-title-in-body-laptop-composition-padding-bottom: 32px;
  --modal-fullscreen-size-default-body-container-laptop-composition-item-spacing: 0px;
  --modal-fullscreen-size-default-body-container-mobile-composition-item-spacing: 0px;
  --modal-fullscreen-size-default-body-section-laptop-composition-horizontal-padding: 32px;
  --modal-fullscreen-size-default-body-section-laptop-composition-padding-top: 16px;
  --modal-fullscreen-size-default-body-section-laptop-composition-padding-bottom: 16px;
  --modal-fullscreen-size-default-body-section-mobile-composition-horizontal-padding: 20px;
  --modal-fullscreen-size-default-body-section-mobile-composition-padding-top: 16px;
  --modal-fullscreen-size-default-body-section-mobile-composition-padding-bottom: 16px;
  --modal-fullscreen-size-default-body-section-flushed-laptop-composition-horizontal-padding: 0px;
  --modal-fullscreen-size-default-body-section-flushed-mobile-composition-horizontal-padding: 0px;
  --modal-fullscreen-size-default-footer-container-laptop-composition-horizontal-padding: 32px;
  --modal-fullscreen-size-default-footer-container-laptop-composition-padding-top: 16px;
  --modal-fullscreen-size-default-footer-container-laptop-composition-padding-bottom: 16px;
  --modal-fullscreen-size-default-footer-container-laptop-composition-border-width-top: 1px;
  --modal-fullscreen-size-default-footer-container-mobile-composition-horizontal-padding: 20px;
  --modal-fullscreen-size-default-footer-container-mobile-composition-padding-top: 16px;
  --modal-fullscreen-size-default-footer-container-mobile-composition-padding-bottom: 16px;
  --modal-fullscreen-size-default-footer-container-mobile-composition-border-width-top: 1px;
  --modal-fullscreen-size-default-footer-right-element-wrapper-mobile-composition-item-spacing: 8px;
  --modal-fullscreen-size-default-footer-right-element-wrapper-mobile-composition-width: 100%;
  --modal-fullscreen-size-default-footer-right-element-wrapper-laptop-composition-item-spacing: 8px;
  --modal-fullscreen-size-default-footer-right-element-wrapper-laptop-composition-width: 400px;
  --modal-fullscreen-size-default-footer-left-element-wrapper-composition-item-spacing: 0px;
  --modal-fullscreen-size-default-footer-wrapper-composition-item-spacing: 0px;
  --modal-fullscreen-size-default-footer-wrapper-full-width: 1208px;
  --modal-fullscreen-size-default-container-mobile-composition-width: 100%;
  --modal-fullscreen-size-default-container-mobile-composition-border-radius-top-left: 0px;
  --modal-fullscreen-size-default-container-mobile-composition-border-radius-top-right: 0px;
  --modal-fullscreen-size-default-container-mobile-composition-border-radius-bottom-right: 0px;
  --modal-fullscreen-size-default-container-mobile-composition-border-radius-bottom-left: 0px;
  --modal-fullscreen-size-default-container-laptop-composition-width: 100%;
  --modal-fullscreen-size-default-container-laptop-composition-border-radius-top-left: 0px;
  --modal-fullscreen-size-default-container-laptop-composition-border-radius-top-right: 0px;
  --modal-fullscreen-size-default-container-laptop-composition-border-radius-bottom-right: 0px;
  --modal-fullscreen-size-default-container-laptop-composition-border-radius-bottom-left: 0px;
  --modal-fullscreen-variant-default-header-container-background-color: #fff;
  --modal-fullscreen-variant-default-header-container-border-color: #d3d3d3;
  --modal-fullscreen-variant-default-body-container-background-color: #fff;
  --modal-fullscreen-variant-default-footer-container-background-color: #fff;
  --modal-fullscreen-variant-default-footer-container-border-color: #d3d3d3;
  --modal-fullscreen-variant-default-container-background-color: #fff;
  --modal-fullscreen-variant-default-container-box-shadow: 0 4px 8px 0
      rgba(13, 22, 25, 0.02),
    0 12px 20px 0 rgba(13, 22, 25, 0.059);
  --onboarding-highlight-color-accent-initial-background: #6950f3;
  --onboarding-highlight-color-accent-initial-text: #fff;
  --onboarding-highlight-structure-initial-container-vertical-padding: 20px;
  --onboarding-highlight-structure-initial-container-horizontal-padding: 20px;
  --onboarding-highlight-structure-initial-container-spacing: 24px;
  --onboarding-highlight-structure-initial-container-border-radius: 12px;
  --onboarding-highlight-structure-initial-content-spacing: 4px;
  --onboarding-highlight-structure-initial-body-spacing: 16px;
  --onboarding-highlight-structure-initial-steps-typography: 400 13px/16px
    var(--font-family);
  --onboarding-highlight-structure-initial-title-typography: 600 20px/28px
    var(--font-family);
  --onboarding-highlight-structure-initial-description-typography: 400 15px/20px
    var(--font-family);
  --onboarding-highlight-structure-initial-buttons-spacing: 12px;
  --page-title-variant-default-subtitle-text-color: #757676;
  --page-title-variant-default-title-text-color: #0d1619;
  --page-title-variant-default-description-text-color: #757676;
  --page-title-size-default-layout-composition-item-spacing: 12px;
  --page-title-size-default-layout-composition-padding-bottom: 32px;
  --page-title-size-default-layout-composition-horizontal-padding: 20px;
  --page-title-size-default-subtitle-composition-typography: 400 15px/20px
    var(--font-family);
  --page-title-size-default-subtitle-composition-height: 24px;
  --page-title-size-default-description-composition-typography: 400 15px/20px
    var(--font-family);
  --page-title-size-default-title-composition-typography: 600 28px/36px
    var(--font-family);
  --page-title-size-default-title-container-composition-item-spacing: 16px;
  --page-title-size-tablet-layout-composition-horizontal-padding: 32px;
  --page-title-size-tablet-title-composition-typography: 700 40px/44px
    var(--font-family);
  --page-title-size-laptop-layout-composition-horizontal-padding: 0px;
  --page-title-size-laptop-title-composition-typography: 700 40px/44px
    var(--font-family);
  --page-title-size-desktop-layout-composition-horizontal-padding: 0px;
  --page-title-size-desktop-title-composition-typography: 700 40px/44px
    var(--font-family);
  --page-title-size-tablet-flush-layout-composition-horizontal-padding: 0px;
  --popover-variant-default-container-background-color: #fff;
  --popover-variant-default-container-border-color: #d3d3d3;
  --popover-variant-default-handle-background-color: #d3d3d3;
  --popover-variant-default-header-container-background-color: #fff;
  --popover-shape-default-container-offset: 8px;
  --popover-shape-default-container-motion-duration: 100ms;
  --popover-shape-default-container-motion-distance: 8px;
  --popover-shape-default-container-motion-easing: cubic-bezier(
    0.85,
    0,
    0.15,
    1
  );
  --popover-shape-default-container-composition-box-shadow: 0 4px 8px 0
      rgba(13, 22, 25, 0.02),
    0 12px 20px 0 rgba(13, 22, 25, 0.059);
  --popover-shape-default-container-composition-horizontal-padding: 20px;
  --popover-shape-default-container-composition-border-width: 1px;
  --popover-shape-default-container-composition-item-spacing: 0px;
  --popover-shape-default-container-composition-padding-top: 12px;
  --popover-shape-default-container-composition-padding-bottom: 12px;
  --popover-shape-default-container-composition-border-radius-top-left: 8px;
  --popover-shape-default-container-composition-border-radius-top-right: 8px;
  --popover-shape-default-container-composition-border-radius-bottom-right: 8px;
  --popover-shape-default-container-composition-border-radius-bottom-left: 8px;
  --popover-shape-sheet-container-offset: 0px;
  --popover-shape-sheet-container-motion-duration: 100ms;
  --popover-shape-sheet-container-motion-distance: 48px;
  --popover-shape-sheet-container-motion-easing: cubic-bezier(0.85, 0, 0.15, 1);
  --popover-shape-sheet-container-composition-horizontal-padding: 20px;
  --popover-shape-sheet-container-composition-border-width: 1px;
  --popover-shape-sheet-container-composition-item-spacing: 0px;
  --popover-shape-sheet-container-composition-padding-top: 12px;
  --popover-shape-sheet-container-composition-padding-bottom: 24px;
  --popover-shape-sheet-container-composition-border-radius-top-left: 16px;
  --popover-shape-sheet-container-composition-border-radius-top-right: 16px;
  --popover-shape-sheet-container-composition-border-radius-bottom-right: 0px;
  --popover-shape-sheet-container-composition-border-radius-bottom-left: 0px;
  --popover-shape-sheet-container-composition-box-shadow: 0 4px 8px 0
      rgba(13, 22, 25, 0.02),
    0 12px 20px 0 rgba(13, 22, 25, 0.059);
  --popover-shape-sheet-handle-container-composition-padding-bottom: 8px;
  --popover-shape-sheet-handle-composition-border-radius: 999px;
  --popover-shape-sheet-handle-composition-height: 4px;
  --popover-shape-sheet-handle-composition-width: 64px;
  --popover-shape-sheet-header-container-composition-padding-top: 8px;
  --popover-shape-sheet-header-container-composition-padding-bottom: 16px;
  --popover-shape-sheet-header-container-composition-horizontal-padding: 20px;
  --popover-shape-sheet-header-container-composition-item-spacing: 8px;
  --popover-shape-sheet-header-container-composition-box-shadow: 0 2px 4px 0
    rgba(13, 22, 25, 0.059);
  --popover-shape-sheet-header-container-motion-duration: 200ms;
  --popover-shape-sheet-header-container-motion-easing: cubic-bezier(
    0,
    0,
    1,
    1
  );
  --popover-shape-sheet-header-content-composition-max-height: 24px;
  --popover-shape-sheet-header-label-composition-typography: 600 20px/28px
    var(--font-family);
  --popover-shape-sheet-header-label-motion-duration: 200ms;
  --popover-shape-sheet-header-label-motion-easing: cubic-bezier(0, 0, 1, 1);
  --popover-shape-sheet-content-label-composition-typography: 600 28px/36px
    var(--font-family);
  --popover-shape-no-shape-container-offset: 0;
  --popover-shape-no-shape-container-motion-duration: 100ms;
  --popover-shape-no-shape-container-motion-distance: 8px;
  --popover-shape-no-shape-container-motion-easing: cubic-bezier(
    0.85,
    0,
    0.15,
    1
  );
  --popover-shape-no-shape-container-composition-box-shadow: 0 4px 8px 0
      rgba(13, 22, 25, 0.02),
    0 12px 20px 0 rgba(13, 22, 25, 0.059);
  --popover-shape-no-shape-container-composition-horizontal-padding: 0;
  --popover-shape-no-shape-container-composition-border-width: 0;
  --popover-shape-no-shape-container-composition-item-spacing: 0;
  --popover-shape-no-shape-container-composition-padding-top: 0;
  --popover-shape-no-shape-container-composition-padding-bottom: 0;
  --popover-shape-no-shape-container-composition-border-radius-top-left: 0;
  --popover-shape-no-shape-container-composition-border-radius-top-right: 0;
  --popover-shape-no-shape-container-composition-border-radius-bottom-right: 0;
  --popover-shape-no-shape-container-composition-border-radius-bottom-left: 0;
  --progress-bar-size-default-container-composition-height: 4px;
  --progress-bar-size-default-container-composition-border-radius: 999px;
  --progress-bar-size-default-bar-composition-height: 4px;
  --progress-bar-size-default-bar-composition-border-radius: 999px;
  --progress-bar-variant-neutral-container-background-color: #f2f2f2;
  --progress-bar-variant-neutral-bar-background-color: #0d1619;
  --progress-bar-variant-accent-container-background-color: #f2f2f2;
  --progress-bar-variant-accent-bar-background-color: #6950f3;
  --progress-bar-multistep-structure-default-layout-item-spacing: 8px;
  --progress-bar-multistep-structure-default-layout-height: 4px;
  --progress-bar-multistep-structure-default-layout-border-radius: 999px;
  --progress-bar-multistep-structure-default-bar-height: 4px;
  --progress-bar-multistep-structure-default-bar-border-radius: 999px;
  --progress-bar-multistep-variant-neutral-container-background-color: #f2f2f2;
  --progress-bar-multistep-variant-neutral-bar-background-color: #0d1619;
  --progress-bar-multistep-variant-accent-container-background-color: #f2f2f2;
  --progress-bar-multistep-variant-accent-bar-background-color: #6950f3;
  --progress-steps-variant-previous-state-default-text-color: #757676;
  --progress-steps-variant-previous-state-default-icon-color: #757676;
  --progress-steps-variant-previous-state-hover-icon-color: #0d1619;
  --progress-steps-variant-previous-state-hover-text-color: #0d1619;
  --progress-steps-variant-previous-state-active-icon-color: #0d1619;
  --progress-steps-variant-previous-state-active-text-color: #0d1619;
  --progress-steps-variant-current-state-default-text-color: #0d1619;
  --progress-steps-variant-current-state-default-icon-color: #0d1619;
  --progress-steps-variant-current-state-hover-icon-color: #0d1619;
  --progress-steps-variant-current-state-hover-text-color: #0d1619;
  --progress-steps-variant-current-state-active-icon-color: #0d1619;
  --progress-steps-variant-current-state-active-text-color: #0d1619;
  --progress-steps-variant-future-state-default-text-color: #acacac;
  --progress-steps-variant-future-state-default-icon-color: #acacac;
  --progress-steps-variant-future-state-enabled-text-color: #757676;
  --progress-steps-variant-future-state-enabled-icon-color: #757676;
  --progress-steps-variant-future-state-hover-text-color: #0d1619;
  --progress-steps-variant-future-state-hover-icon-color: #0d1619;
  --progress-steps-variant-future-state-active-text-color: #0d1619;
  --progress-steps-variant-future-state-active-icon-color: #0d1619;
  --progress-steps-size-default-state-default-container-composition-item-spacing: 8px;
  --progress-steps-size-default-state-default-item-composition-item-spacing: 8px;
  --progress-steps-size-default-state-default-item-composition-typography: 500
    15px/20px var(--font-family);
  --progress-steps-size-default-state-default-icon-composition-sizing: 20px;
  --radio-size-default-content-wrapper-composition-vertical-padding: 2px;
  --radio-size-default-container-composition-item-spacing: 12px;
  --radio-size-default-label-wrapper-composition-typography: 400 15px/20px
    var(--font-family);
  --radio-size-default-primitive-composition-sizing: 24px;
  --radio-size-default-primitive-composition-border-radius: 999px;
  --radio-size-default-primitive-composition-border-width: 1px;
  --radio-size-default-ellipse-composition-sizing: 12px;
  --radio-size-default-ellipse-composition-border-radius: 999px;
  --radio-size-default-ellipse-shrunk-scale: 0.7;
  --radio-size-default-description-composition-typography: 400 13px/16px
    var(--font-family);
  --radio-variant-default-state-enabled-primitive-background: #fff;
  --radio-variant-default-state-enabled-primitive-border: #bfbfbf;
  --radio-variant-default-state-enabled-ellipse-background: #fff;
  --radio-variant-default-state-enabled-label-text-color: #0d1619;
  --radio-variant-default-state-enabled-description-text-color: #757676;
  --radio-variant-default-state-hover-primitive-background: #f2f2f2;
  --radio-variant-default-state-hover-primitive-border: #acacac;
  --radio-variant-default-state-hover-ellipse-background: #fff;
  --radio-variant-default-state-active-primitive-background: #e5e5e5;
  --radio-variant-default-state-active-primitive-border: #969696;
  --radio-variant-default-state-active-ellipse-background: #fff;
  --radio-variant-default-state-disabled-primitive-background: #f2f2f2;
  --radio-variant-default-state-disabled-primitive-border: #d3d3d3;
  --radio-variant-default-state-disabled-ellipse-background: #f2f2f2;
  --radio-variant-default-state-disabled-label-text-color: #acacac;
  --radio-variant-default-state-disabled-description-text-color: #acacac;
  --radio-variant-default-state-error-label-text-color: #0d1619;
  --radio-variant-default-state-error-primitive-background: #fff;
  --radio-variant-default-state-error-primitive-border: #d4163a;
  --radio-variant-default-state-error-ellipse-background: #fff;
  --radio-variant-default-state-error-hover-primitive-background: #f2f2f2;
  --radio-variant-default-state-error-hover-primitive-border: #bb1232;
  --radio-variant-default-state-error-hover-ellipse-background: #fff;
  --radio-variant-default-state-error-active-primitive-background: #e5e5e5;
  --radio-variant-default-state-error-active-primitive-border: #831324;
  --radio-variant-default-state-error-active-ellipse-background: #fff;
  --radio-variant-default-state-selected-primitive-background: #6950f3;
  --radio-variant-default-state-selected-primitive-border: #6950f3;
  --radio-variant-default-state-selected-ellipse-background: #fff;
  --radio-variant-default-state-selected-label-text-color: #0d1619;
  --radio-variant-default-state-selected-description-text-color: #757676;
  --radio-variant-default-state-selected-hover-primitive-background: #5c4ace;
  --radio-variant-default-state-selected-hover-primitive-border: #5c4ace;
  --radio-variant-default-state-selected-hover-ellipse-background: #fff;
  --radio-variant-default-state-selected-active-primitive-background: #403591;
  --radio-variant-default-state-selected-active-primitive-border: #403591;
  --radio-variant-default-state-selected-active-ellipse-background: #fff;
  --radio-variant-default-state-selected-disabled-primitive-background: #f2f2f2;
  --radio-variant-default-state-selected-disabled-primitive-border: #d3d3d3;
  --radio-variant-default-state-selected-disabled-ellipse-background: #acacac;
  --radio-variant-default-state-selected-disabled-label-text-color: #acacac;
  --radio-variant-default-state-selected-disabled-description-text-color: #acacac;
  --radio-variant-default-state-selected-error-primitive-background: #d4163a;
  --radio-variant-default-state-selected-error-primitive-border: #d4163a;
  --radio-variant-default-state-selected-error-ellipse-background: #fff;
  --radio-variant-default-state-selected-error-label-text-color: #0d1619;
  --radio-variant-default-state-selected-error-description-text-color: #757676;
  --radio-variant-default-state-selected-error-hover-primitive-background: #bb1232;
  --radio-variant-default-state-selected-error-hover-primitive-border: #bb1232;
  --radio-variant-default-state-selected-error-hover-ellipse-background: #fff;
  --radio-variant-default-state-selected-error-hover-label-text-color: #0d1619;
  --radio-variant-default-state-selected-error-hover-description-text-color: #757676;
  --radio-variant-default-state-selected-error-active-primitive-background: #831324;
  --radio-variant-default-state-selected-error-active-primitive-border: #831324;
  --radio-variant-default-state-selected-error-active-ellipse-background: #fff;
  --radio-variant-default-state-selected-error-active-label-text-color: #0d1619;
  --radio-variant-default-state-selected-error-active-description-text-color: #757676;
  --rating-block-star-variant-default-state-default-color: #0d1619;
  --rating-block-star-variant-yellow-state-default-color: #ffc00a;
  --rating-input-variant-neutral-state-default-foreground-icon-icon-color: #0d1619;
  --rating-input-variant-neutral-state-default-background-icon-icon-color: #bfbfbf;
  --rating-input-variant-neutral-state-default-label-text-color: #757676;
  --rating-input-variant-neutral-state-hover-foreground-icon-icon-color: #0d1619;
  --rating-input-variant-neutral-state-hover-background-icon-icon-color: #0d1619;
  --rating-input-variant-neutral-state-hover-label-text-color: #757676;
  --rating-input-variant-neutral-state-active-foreground-icon-icon-color: #0d1619;
  --rating-input-variant-neutral-state-active-background-icon-icon-color: #0d1619;
  --rating-input-variant-neutral-state-active-label-text-color: #757676;
  --rating-input-variant-neutral-state-selected-foreground-icon-icon-color: #0d1619;
  --rating-input-variant-neutral-state-selected-background-icon-icon-color: #0d1619;
  --rating-input-variant-neutral-state-selected-label-text-color: #757676;
  --rating-input-variant-accent-state-default-label-text-color: #757676;
  --rating-input-variant-accent-state-default-foreground-icon-icon-color: #6950f3;
  --rating-input-variant-accent-state-default-background-icon-icon-color: #6950f3;
  --rating-input-variant-accent-state-hover-foreground-icon-icon-color: #6950f3;
  --rating-input-variant-accent-state-hover-background-icon-icon-color: #6950f3;
  --rating-input-variant-accent-state-hover-label-text-color: #757676;
  --rating-input-variant-accent-state-active-foreground-icon-icon-color: #6950f3;
  --rating-input-variant-accent-state-active-background-icon-icon-color: #6950f3;
  --rating-input-variant-accent-state-active-label-text-color: #757676;
  --rating-input-variant-accent-state-selected-foreground-icon-icon-color: #6950f3;
  --rating-input-variant-accent-state-selected-background-icon-icon-color: #6950f3;
  --rating-input-variant-accent-state-selected-label-text-color: #757676;
  --rating-input-size-default-state-default-layout-composition-item-spacing: 0px;
  --rating-input-size-default-state-default-label-container-composition-padding-top: 4px;
  --rating-input-size-default-state-default-label-composition-typography: 400
    13px/16px var(--font-family);
  --rating-input-size-default-state-default-label-composition-width: 56px;
  --rating-input-size-default-state-default-icon-composition-sizing: 48px;
  --rating-input-size-default-state-default-icon-container-composition-height: 48px;
  --rating-input-size-default-state-default-icon-container-composition-horizontal-padding: 4px;
  --rating-input-size-default-state-active-icon-container-composition-padding-top: 4px;
  --rating-input-size-default-state-active-scale: 0.9;
  --segmented-control-variant-default-state-default-container-background-color: #fff;
  --segmented-control-variant-default-state-default-container-border-color: #d3d3d3;
  --segmented-control-size-default-state-default-container-composition-horizontal-padding: 4px;
  --segmented-control-size-default-state-default-container-composition-vertical-padding: 4px;
  --segmented-control-size-default-state-default-container-composition-border-radius: 12px;
  --segmented-control-size-default-state-default-container-composition-border-width: 1px;
  --segmented-control-size-default-state-default-container-composition-item-spacing: 4px;
  --segmented-control-color-default-background: #f2f2f2;
  --segmented-control-color-default-border: #d3d3d3;
  --segmented-control-structure-m-layout-horizontal-padding: 4px;
  --segmented-control-structure-m-layout-vertical-padding: 4px;
  --segmented-control-structure-m-layout-border-radius: 8px;
  --segmented-control-structure-m-layout-border-width: 1px;
  --segmented-control-structure-m-layout-item-spacing: 4px;
  --segmented-control-structure-l-layout-horizontal-padding: 4px;
  --segmented-control-structure-l-layout-vertical-padding: 4px;
  --segmented-control-structure-l-layout-border-radius: 8px;
  --segmented-control-structure-l-layout-border-width: 1px;
  --segmented-control-structure-l-layout-item-spacing: 4px;
  --segmented-control-sub-item-color-default-initial-background: rgba(
    13,
    22,
    25,
    0
  );
  --segmented-control-sub-item-color-default-initial-content: #0d1619;
  --segmented-control-sub-item-color-default-initial-border: hsla(
    0,
    0%,
    100%,
    0
  );
  --segmented-control-sub-item-color-default-hover-background: rgba(
    13,
    22,
    25,
    0.039
  );
  --segmented-control-sub-item-color-default-active-background: rgba(
    13,
    22,
    25,
    0.078
  );
  --segmented-control-sub-item-color-default-selected-background: #fff;
  --segmented-control-sub-item-color-default-selected-border: #bfbfbf;
  --segmented-control-sub-item-color-default-disabled-layout-opacity: 0.4;
  --segmented-control-sub-item-structure-m-layout-vertical-padding: 6px;
  --segmented-control-sub-item-structure-m-layout-horizontal-padding: 12px;
  --segmented-control-sub-item-structure-m-layout-border-radius: 8px;
  --segmented-control-sub-item-structure-m-layout-border-width: 1px;
  --segmented-control-sub-item-structure-m-layout-icon-horizontal-padding: 6px;
  --segmented-control-sub-item-structure-m-label-typography: 600 15px/20px
    var(--font-family);
  --segmented-control-sub-item-structure-m-icon-sizing: 20px;
  --segmented-control-sub-item-structure-l-layout-vertical-padding: 8px;
  --segmented-control-sub-item-structure-l-layout-horizontal-padding: 12px;
  --segmented-control-sub-item-structure-l-layout-border-radius: 8px;
  --segmented-control-sub-item-structure-l-layout-border-width: 1px;
  --segmented-control-sub-item-structure-l-layout-icon-horizontal-padding: 8px;
  --segmented-control-sub-item-structure-l-label-typography: 600 17px/24px
    var(--font-family);
  --segmented-control-sub-item-structure-l-icon-sizing: 24px;
  --service-card-variant-default-state-active-container-border-color: #acacac;
  --service-card-variant-default-state-active-container-background-color: #e5e5e5;
  --service-card-variant-default-state-hover-container-border-color: #bfbfbf;
  --service-card-variant-default-state-hover-container-background-color: #f2f2f2;
  --service-card-variant-default-state-default-container-border-color: #d3d3d3;
  --service-card-variant-default-state-default-container-background-color: #fff;
  --service-card-variant-default-state-default-content-text-color: #0d1619;
  --service-card-variant-default-state-default-content-icon-color: #6950f3;
  --service-card-size-default-container-composition-vertical-padding: 16px;
  --service-card-size-default-container-composition-horizontal-padding: 16px;
  --service-card-size-default-container-composition-border-width: 1px;
  --service-card-size-default-container-composition-border-radius: 8px;
  --service-card-size-default-icon-composition-sizing: 24px;
  --service-card-size-default-title-composition-typography: 600 15px/20px
    var(--font-family);
  --simple-list-variant-default-label-text-color: #0d1619;
  --simple-list-variant-default-prefix-number-content-color: #0d1619;
  --simple-list-variant-default-prefix-bullet-content-color: #0d1619;
  --simple-list-variant-default-prefix-check-content-color: #0d1619;
  --simple-list-variant-default-prefix-custom-content-color: #0d1619;
  --simple-list-size-default-container-composition-padding-left: 20px;
  --simple-list-size-default-container-composition-item-spacing: 12px;
  --simple-list-size-default-label-composition-typography: 400 15px/20px
    var(--font-family);
  --simple-list-size-default-label-composition-padding-left: 8px;
  --simple-list-size-default-prefix-number-composition-typography: 500 15px/20px
    var(--font-family);
  --simple-list-size-default-prefix-number-composition-sizing: 20px;
  --simple-list-size-default-prefix-bullet-composition-sizing: 20px;
  --simple-list-size-default-prefix-check-composition-sizing: 20px;
  --simple-list-size-default-prefix-custom-composition-sizing: 20px;
  --simple-list-size-xs-container-composition-padding-left: 20px;
  --simple-list-size-xs-container-composition-item-spacing: 12px;
  --simple-list-size-xs-label-composition-typography: 400 13px/16px
    var(--font-family);
  --simple-list-size-xs-label-composition-padding-left: 8px;
  --simple-list-size-xs-prefix-number-composition-typography: 500 13px/16px
    var(--font-family);
  --simple-list-size-xs-prefix-number-composition-sizing: 20px;
  --simple-list-size-xs-prefix-bullet-composition-sizing: 16px;
  --simple-list-size-xs-prefix-check-composition-sizing: 16px;
  --simple-list-size-xs-prefix-custom-composition-sizing: 16px;
  --simple-list-size-s-container-composition-padding-left: 20px;
  --simple-list-size-s-container-composition-item-spacing: 12px;
  --simple-list-size-s-label-composition-typography: 400 15px/20px
    var(--font-family);
  --simple-list-size-s-label-composition-padding-left: 8px;
  --simple-list-size-s-prefix-number-composition-typography: 500 15px/20px
    var(--font-family);
  --simple-list-size-s-prefix-number-composition-sizing: 20px;
  --simple-list-size-s-prefix-bullet-composition-sizing: 20px;
  --simple-list-size-s-prefix-check-composition-sizing: 20px;
  --simple-list-size-s-prefix-custom-composition-sizing: 20px;
  --simple-list-size-m-container-composition-padding-left: 20px;
  --simple-list-size-m-container-composition-item-spacing: 12px;
  --simple-list-size-m-label-composition-typography: 400 17px/24px
    var(--font-family);
  --simple-list-size-m-label-composition-padding-left: 8px;
  --simple-list-size-m-prefix-number-composition-typography: 500 17px/24px
    var(--font-family);
  --simple-list-size-m-prefix-number-composition-sizing: 20px;
  --simple-list-size-m-prefix-bullet-composition-sizing: 24px;
  --simple-list-size-m-prefix-check-composition-sizing: 24px;
  --simple-list-size-m-prefix-custom-composition-sizing: 24px;
  --simple-list-size-ml-container-composition-padding-left: 20px;
  --simple-list-size-ml-container-composition-item-spacing: 12px;
  --simple-list-size-ml-label-composition-typography: 400 20px/28px
    var(--font-family);
  --simple-list-size-ml-label-composition-padding-left: 8px;
  --simple-list-size-ml-prefix-number-composition-typography: 500 20px/28px
    var(--font-family);
  --simple-list-size-ml-prefix-number-composition-sizing: 20px;
  --simple-list-size-ml-prefix-bullet-composition-sizing: 28px;
  --simple-list-size-ml-prefix-check-composition-sizing: 28px;
  --simple-list-size-ml-prefix-custom-composition-sizing: 28px;
  --skeleton-variant-primary-container-background-color: #d3d3d3;
  --skeleton-variant-primary-container-animation-config-motion-duration: 1000ms;
  --skeleton-variant-primary-container-animation-config-motion-easing: cubic-bezier(
    0.85,
    0,
    0.15,
    1
  );
  --skeleton-variant-primary-container-animation-keyframes-from-opacity: 0.2;
  --skeleton-variant-primary-container-animation-keyframes-to-opacity: 0.5;
  --skeleton-shape-sharp-composition-border-radius: 0px;
  --skeleton-shape-hard-composition-border-radius: 4px;
  --skeleton-shape-default-composition-border-radius: 8px;
  --skeleton-shape-rounded-composition-border-radius: 999px;
  --skeleton-text-size-body-2xs-container-composition-height: 12px;
  --skeleton-text-size-body-2xs-skeleton-composition-height: 4px;
  --skeleton-text-size-body-xs-container-composition-height: 16px;
  --skeleton-text-size-body-xs-skeleton-composition-height: 8px;
  --skeleton-text-size-body-s-container-composition-height: 20px;
  --skeleton-text-size-body-s-skeleton-composition-height: 8px;
  --skeleton-text-size-body-m-container-composition-height: 24px;
  --skeleton-text-size-body-m-skeleton-composition-height: 12px;
  --skeleton-text-size-body-ml-container-composition-height: 28px;
  --skeleton-text-size-body-ml-skeleton-composition-height: 12px;
  --skeleton-text-size-body-l-container-composition-height: 32px;
  --skeleton-text-size-body-l-skeleton-composition-height: 12px;
  --skeleton-text-size-display-xl-container-composition-height: 92px;
  --skeleton-text-size-display-xl-skeleton-composition-height: 32px;
  --skeleton-text-size-display-l-container-composition-height: 64px;
  --skeleton-text-size-display-l-skeleton-composition-height: 24px;
  --skeleton-text-size-display-m-container-composition-height: 44px;
  --skeleton-text-size-display-m-skeleton-composition-height: 20px;
  --skeleton-text-size-display-s-container-composition-height: 36px;
  --skeleton-text-size-display-s-skeleton-composition-height: 16px;
  --skeleton-text-size-header-xs-container-composition-height: 24px;
  --skeleton-text-size-header-xs-skeleton-composition-height: 12px;
  --skeleton-text-size-header-s-container-composition-height: 28px;
  --skeleton-text-size-header-s-skeleton-composition-height: 12px;
  --skeleton-text-size-header-m-container-composition-height: 32px;
  --skeleton-text-size-header-m-skeleton-composition-height: 16px;
  --skeleton-text-size-header-l-container-composition-height: 36px;
  --skeleton-text-size-header-l-skeleton-composition-height: 16px;
  --skeleton-text-size-header-xl-container-composition-height: 44px;
  --skeleton-text-size-header-xl-skeleton-composition-height: 20px;
  --skeleton-text-size-header-2xl-container-composition-height: 52px;
  --skeleton-text-size-header-2xl-skeleton-composition-height: 24px;
  --skeleton-text-size-header-3xl-container-composition-height: 112px;
  --skeleton-text-size-header-3xl-skeleton-composition-height: 40px;
  --skeleton-text-size-link-2xs-container-composition-height: 12px;
  --skeleton-text-size-link-2xs-skeleton-composition-height: 4px;
  --skeleton-text-size-link-xs-container-composition-height: 16px;
  --skeleton-text-size-link-xs-skeleton-composition-height: 8px;
  --skeleton-text-size-link-s-container-composition-height: 20px;
  --skeleton-text-size-link-s-skeleton-composition-height: 8px;
  --skeleton-text-size-link-m-container-composition-height: 24px;
  --skeleton-text-size-link-m-skeleton-composition-height: 8px;
  --skeleton-text-size-link-l-container-composition-height: 32px;
  --skeleton-text-size-link-l-skeleton-composition-height: 12px;
  --slider-variant-accent-state-enabled-label-text-color: #0d1619;
  --slider-variant-accent-state-enabled-output-text-color: #0d1619;
  --slider-variant-accent-state-enabled-track-background-color: #f2f2f2;
  --slider-variant-accent-state-enabled-track-active-background-color: #6950f3;
  --slider-variant-accent-state-enabled-step-background-color: #bfbfbf;
  --slider-variant-accent-state-enabled-thumb-background-background-color: #6950f3;
  --slider-variant-accent-state-enabled-thumb-foreground-background-color: #fff;
  --slider-variant-accent-state-hover-thumb-background-background-color: #6950f3;
  --slider-variant-accent-state-hover-thumb-foreground-background-color: #fff;
  --slider-variant-accent-state-active-thumb-background-background-color: #6950f3;
  --slider-variant-accent-state-active-thumb-foreground-background-color: #fff;
  --slider-variant-accent-state-disabled-track-background-color: #f2f2f2;
  --slider-variant-accent-state-disabled-track-active-background-color: #acacac;
  --slider-variant-accent-state-disabled-step-background-color: #bfbfbf;
  --slider-variant-accent-state-disabled-thumb-background-background-color: #acacac;
  --slider-size-default-state-default-layout-composition-item-spacing: 4px;
  --slider-size-default-state-default-label-composition-typography: 600 17px/24px
    var(--font-family);
  --slider-size-default-state-default-label-container-composition-item-spacing: 16px;
  --slider-size-default-state-default-output-composition-typography: 400 15px/20px
    var(--font-family);
  --slider-size-default-state-default-track-composition-height: 4px;
  --slider-size-default-state-default-track-composition-border-radius: 999px;
  --slider-size-default-state-default-track-container-composition-vertical-padding: 8px;
  --slider-size-default-state-default-track-active-composition-height: 4px;
  --slider-size-default-state-default-track-active-composition-border-radius: 999px;
  --slider-size-default-state-default-step-composition-sizing: 2px;
  --slider-size-default-state-default-step-composition-border-radius: 999px;
  --slider-size-default-state-default-thumb-container-composition-sizing: 40px;
  --slider-size-default-state-default-thumb-background-composition-sizing: 12px;
  --slider-size-default-state-default-thumb-background-composition-border-radius: 999px;
  --slider-size-default-state-default-thumb-foreground-composition-sizing: 12px;
  --slider-size-default-state-default-thumb-foreground-composition-border-radius: 999px;
  --slider-size-default-state-hover-thumb-background-scale: 1.3;
  --slider-size-default-state-active-thumb-background-scale: 1.6;
  --spinner-variant-neutral-active-track-background-color: #757676;
  --spinner-variant-neutral-track-background-color: #f2f2f2;
  --spinner-variant-on-loud-active-track-background-color: #fff;
  --spinner-variant-on-loud-track-background-color: rgba(13, 22, 25, 0.039);
  --spinner-size-l-composition-sizing: 24px;
  --spinner-size-m-composition-sizing: 20px;
  --spinner-size-s-composition-sizing: 16px;
  --spinner-size-xs-composition-sizing: 12px;
  --spinner-size-xl-composition-sizing: 28px;
  --spinner-size-2xl-composition-sizing: 32px;
  --spinner-size-3xl-composition-sizing: 48px;
  --spinner-size-4xl-composition-sizing: 56px;
  --spinner-size-5xl-composition-sizing: 64px;
  --splash-screen-variant-success-layout-background-color: #fff;
  --splash-screen-variant-success-content-icon-color: #fff;
  --splash-screen-variant-success-content-text-color: #fff;
  --splash-screen-size-default-layout-composition-horizontal-padding: 20px;
  --splash-screen-size-default-ill-splash-default-composition-width: 1024px;
  --splash-screen-size-default-ill-splash-default-composition-height: 1024px;
  --splash-screen-size-default-ill-splash-default-scale: 1;
  --splash-screen-size-default-ill-splash-tablet-scale: 1.25;
  --splash-screen-size-default-ill-splash-laptop-scale: 1.5;
  --splash-screen-size-default-ill-splash-desktop-scale: 1.8;
  --splash-screen-size-default-content-composition-width: 480px;
  --splash-screen-size-default-content-composition-item-spacing: 24px;
  --splash-screen-size-default-header-composition-typography: 700 40px/44px
    var(--font-family-titles);
  --splash-screen-size-default-icon-composition-sizing: 120px;
  --splash-screen-motion-exit-layout-scale: 1.8;
  --splash-screen-motion-exit-motion-duration: 800ms;
  --splash-screen-motion-exit-motion-easing: cubic-bezier(0.85, 0, 0.15, 1);
  --splash-screen-motion-enter-layout-scale: 1;
  --splash-screen-motion-enter-motion-duration: 200ms;
  --splash-screen-motion-enter-motion-easing: cubic-bezier(0, 0, 1, 1);
  --splash-screen-motion-playing-scale: 1;
  --splash-screen-motion-playing-motion-duration: 3200ms;
  --swatch-color-default-default-container-border-color: #d3d3d3;
  --swatch-color-default-hover-container-border-color: #bfbfbf;
  --swatch-color-default-active-container-border-color: #acacac;
  --swatch-color-default-selected-container-border-color: #d3d3d3;
  --swatch-color-default-selected-container-outline-color: #6950f3;
  --swatch-structure-default-default-container-border-width: 1px;
  --swatch-structure-default-default-container-border-radius: 999px;
  --swatch-structure-default-default-container-height: 24px;
  --swatch-structure-default-default-container-duration: 200ms;
  --swatch-structure-default-default-container-easing: cubic-bezier(
    0.55,
    0,
    1,
    0.45
  );
  --swatch-structure-default-default-container-item-spacing: 16px;
  --swatch-structure-default-active-container-duration: 100ms;
  --swatch-structure-default-active-container-easing: cubic-bezier(
    0,
    0.55,
    0.45,
    1
  );
  --swatch-structure-default-active-container-scale: 0.96;
  --swatch-structure-default-selected-container-outline-width: 2px;
  --swatch-structure-default-selected-container-outline-offset: 2px;
  --switch-size-default-state-default-primitive-composition-height: 24px;
  --switch-size-default-state-default-primitive-composition-width: 44px;
  --switch-size-default-state-default-primitive-composition-border-radius: 999px;
  --switch-size-default-state-default-primitive-composition-border-width: 1px;
  --switch-size-default-state-default-primitive-composition-vertical-padding: 2px;
  --switch-size-default-state-default-primitive-composition-horizontal-padding: 2px;
  --switch-size-default-state-default-ellipse-composition-sizing: 20px;
  --switch-size-default-state-default-ellipse-composition-border-radius: 999px;
  --switch-size-default-state-default-description-composition-typography: 400
    13px/16px var(--font-family);
  --switch-size-default-state-default-content-wrapper-composition-vertical-padding: 2px;
  --switch-size-default-state-default-container-composition-item-spacing: 12px;
  --switch-size-default-state-default-label-wrapper-composition-typography: 400
    15px/20px var(--font-family);
  --switch-size-default-state-active-ellipse-scale: 0.8;
  --switch-structure-default-initial-layout-item-spacing: 12px;
  --switch-structure-default-initial-primitive-height: 24px;
  --switch-structure-default-initial-primitive-width: 44px;
  --switch-structure-default-initial-primitive-border-radius: 999px;
  --switch-structure-default-initial-primitive-border-width: 1px;
  --switch-structure-default-initial-primitive-vertical-padding: 2px;
  --switch-structure-default-initial-primitive-horizontal-padding: 2px;
  --switch-structure-default-initial-ellipse-sizing: 20px;
  --switch-structure-default-initial-ellipse-border-radius: 999px;
  --switch-structure-default-initial-content-vertical-padding: 2px;
  --switch-structure-default-initial-label-typography: 400 15px/20px
    var(--font-family);
  --switch-structure-default-initial-description-typography: 400 13px/16px
    var(--font-family);
  --switch-structure-default-active-ellipse-scale: 0.8;
  --switch-variant-default-state-enabled-primitive-background: #d3d3d3;
  --switch-variant-default-state-enabled-primitive-border: #d3d3d3;
  --switch-variant-default-state-enabled-ellipse-background: #fff;
  --switch-variant-default-state-enabled-label-text-color: #0d1619;
  --switch-variant-default-state-enabled-description-text-color: #757676;
  --switch-variant-default-state-hover-primitive-background: #bfbfbf;
  --switch-variant-default-state-hover-primitive-border: #bfbfbf;
  --switch-variant-default-state-hover-ellipse-background: #fff;
  --switch-variant-default-state-active-primitive-background: #acacac;
  --switch-variant-default-state-active-primitive-border: #969696;
  --switch-variant-default-state-active-ellipse-background: #fff;
  --switch-variant-default-state-pending-primitive-background: #d3d3d3;
  --switch-variant-default-state-pending-primitive-border: #d3d3d3;
  --switch-variant-default-state-pending-ellipse-background: #fff;
  --switch-variant-default-state-disabled-primitive-background: #f2f2f2;
  --switch-variant-default-state-disabled-primitive-border: #d3d3d3;
  --switch-variant-default-state-disabled-ellipse-background: #acacac;
  --switch-variant-default-state-selected-primitive-background: #6950f3;
  --switch-variant-default-state-selected-primitive-border: #6950f3;
  --switch-variant-default-state-selected-ellipse-background: #fff;
  --switch-variant-default-state-selected-hover-primitive-background: #5c4ace;
  --switch-variant-default-state-selected-hover-primitive-border: #5c4ace;
  --switch-variant-default-state-selected-hover-ellipse-background: #fff;
  --switch-variant-default-state-selected-active-primitive-background: #403591;
  --switch-variant-default-state-selected-active-primitive-border: #403591;
  --switch-variant-default-state-selected-active-ellipse-background: #fff;
  --switch-variant-default-state-selected-pending-primitive-background: #6950f3;
  --switch-variant-default-state-selected-pending-primitive-border: #6950f3;
  --switch-variant-default-state-selected-pending-ellipse-background: #fff;
  --switch-variant-default-state-selected-disabled-primitive-background: #f2f2f2;
  --switch-variant-default-state-selected-disabled-primitive-border: #d3d3d3;
  --switch-variant-default-state-selected-disabled-ellipse-background: #acacac;
  --switch-color-accent-initial-background: #d3d3d3;
  --switch-color-accent-initial-border: #d3d3d3;
  --switch-color-accent-initial-ellipse: #fff;
  --switch-color-accent-initial-label: #0d1619;
  --switch-color-accent-initial-description: #757676;
  --switch-color-accent-hover-background: #bfbfbf;
  --switch-color-accent-hover-border: #bfbfbf;
  --switch-color-accent-active-background: #acacac;
  --switch-color-accent-active-border: #acacac;
  --switch-color-accent-loading-background: #d3d3d3;
  --switch-color-accent-loading-border: #d3d3d3;
  --switch-color-accent-disabled-background: #f2f2f2;
  --switch-color-accent-disabled-border: #f2f2f2;
  --switch-color-accent-disabled-ellipse: #bfbfbf;
  --switch-color-accent-selected-background: #6950f3;
  --switch-color-accent-selected-border: #6950f3;
  --switch-color-accent-selected-hover-background: #5c4ace;
  --switch-color-accent-selected-hover-border: #5c4ace;
  --switch-color-accent-selected-active-background: #403591;
  --switch-color-accent-selected-active-border: #403591;
  --tab-item-variant-default-state-default-text-color: #0d1619;
  --tab-item-variant-default-state-default-icon-color: #0d1619;
  --tab-item-variant-default-state-hover-text-color: #0d1619;
  --tab-item-variant-default-state-hover-icon-color: #0d1619;
  --tab-item-variant-default-state-hover-border-color: #bfbfbf;
  --tab-item-variant-default-state-active-text-color: #0d1619;
  --tab-item-variant-default-state-active-icon-color: #0d1619;
  --tab-item-variant-default-state-active-border-color: #acacac;
  --tab-item-variant-default-state-selected-text-color: #0d1619;
  --tab-item-variant-default-state-selected-icon-color: #0d1619;
  --tab-item-variant-default-state-selected-border-color: #0d1619;
  --tab-item-variant-default-state-disabled-text-color: #acacac;
  --tab-item-variant-default-state-disabled-icon-color: #acacac;
  --tab-item-variant-pill-state-default-text-color: #0d1619;
  --tab-item-variant-pill-state-default-icon-color: #0d1619;
  --tab-item-variant-pill-state-hover-text-color: #0d1619;
  --tab-item-variant-pill-state-hover-icon-color: #0d1619;
  --tab-item-variant-pill-state-hover-background-color: rgba(13, 22, 25, 0.039);
  --tab-item-variant-pill-state-active-text-color: #0d1619;
  --tab-item-variant-pill-state-active-icon-color: #0d1619;
  --tab-item-variant-pill-state-active-background-color: rgba(
    13,
    22,
    25,
    0.078
  );
  --tab-item-variant-pill-state-selected-text-color: #fff;
  --tab-item-variant-pill-state-selected-icon-color: #fff;
  --tab-item-variant-pill-state-selected-background-color: #0d1619;
  --tab-item-variant-pill-state-disabled-text-color: #acacac;
  --tab-item-variant-pill-state-disabled-icon-color: #acacac;
  --tab-item-size-default-state-default-text-composition-typography: 600 15px/20px
    var(--font-family);
  --tab-item-size-default-state-default-container-composition-item-spacing: 8px;
  --tab-item-size-default-state-default-container-composition-border-width: 4px;
  --tab-item-size-default-state-default-container-composition-vertical-padding: 16px;
  --tab-item-size-default-state-default-icon-composition-sizing: 20px;
  --tab-item-size-default-state-selected-text-composition-typography: 600 15px/20px
    var(--font-family);
  --tab-item-size-pill-state-default-container-composition-item-spacing: 8px;
  --tab-item-size-pill-state-default-container-composition-horizontal-padding: 16px;
  --tab-item-size-pill-state-default-container-composition-border-radius: 999px;
  --tab-item-size-pill-state-default-container-composition-height: 36px;
  --tab-item-size-pill-state-default-text-composition-typography: 600 15px/20px
    var(--font-family);
  --tab-item-size-pill-state-default-icon-composition-sizing: 20px;
  --tab-more-variant-pill-state-default-text-color: #0d1619;
  --tab-more-variant-pill-state-default-icon-color: #0d1619;
  --tab-more-variant-pill-state-default-background-color: rgba(13, 22, 25, 0);
  --tab-more-variant-pill-state-default-border-color: hsla(0, 0%, 100%, 0);
  --tab-more-variant-pill-state-hover-text-color: #0d1619;
  --tab-more-variant-pill-state-hover-icon-color: #0d1619;
  --tab-more-variant-pill-state-hover-background-color: rgba(13, 22, 25, 0.039);
  --tab-more-variant-pill-state-hover-border-color: hsla(0, 0%, 100%, 0);
  --tab-more-variant-pill-state-active-text-color: #0d1619;
  --tab-more-variant-pill-state-active-icon-color: #0d1619;
  --tab-more-variant-pill-state-active-background-color: rgba(
    13,
    22,
    25,
    0.078
  );
  --tab-more-variant-pill-state-active-border-color: hsla(0, 0%, 100%, 0);
  --tab-more-variant-pill-state-selected-text-color: #fff;
  --tab-more-variant-pill-state-selected-icon-color: #fff;
  --tab-more-variant-pill-state-selected-background-color: #0d1619;
  --tab-more-variant-pill-state-selected-border-color: #0d1619;
  --tab-more-size-pill-state-default-container-composition-border-width: 1px;
  --tab-more-size-pill-state-default-icon-composition-sizing: 20px;
  --tabs-variant-default-state-default-border-color: #d3d3d3;
  --tabs-variant-default-state-default-separator-color: #d3d3d3;
  --tabs-variant-default-state-default-gradient-overlay-variant-on-page-background-color: #fff;
  --tabs-variant-default-state-default-gradient-overlay-variant-on-page-faded-background-color: #f9f9f9;
  --tabs-variant-default-state-default-gradient-overlay-variant-on-base-background-color: #fff;
  --tabs-variant-default-state-default-gradient-overlay-variant-on-elevated-background-color: #fff;
  --tabs-size-default-state-default-container-composition-item-spacing: 24px;
  --tabs-size-default-state-default-container-composition-border-width: 1px;
  --tabs-size-default-state-default-container-composition-padding-right: 16px;
  --tabs-size-default-state-default-separator-composition-padding-right: 16px;
  --tabs-size-default-state-default-separator-composition-height: 16px;
  --tabs-size-default-state-default-separator-composition-border-width: 1px;
  --tabs-size-default-state-default-overflow-chevron-container-composition-vertical-padding: 8px;
  --tabs-size-default-state-default-overflow-chevron-container-composition-padding-left: 12px;
  --tabs-size-default-state-default-gradient-overlay-container-composition-width: 64px;
  --tabs-size-default-state-default-gradient-overlay-container-composition-height: 36px;
  --tabs-size-pill-state-default-container-composition-item-spacing: 4px;
  --tabs-size-pill-state-default-container-composition-padding-right: 4px;
  --tabs-size-pill-state-default-overflow-chevron-container-composition-vertical-padding: 8px;
  --tabs-size-pill-state-default-overflow-chevron-container-composition-padding-left: 12px;
  --tabs-size-pill-state-default-gradient-overlay-container-composition-width: 64px;
  --tabs-size-pill-state-default-gradient-overlay-container-composition-height: 36px;
  --tags-size-default-container-composition-horizontal-padding: 8px;
  --tags-size-default-container-composition-height: 24px;
  --tags-size-default-container-composition-border-radius: 4px;
  --tags-size-default-container-composition-border-width: 1px;
  --tags-size-default-container-composition-item-spacing: 4px;
  --tags-size-default-container-icon-only-composition-width: 24px;
  --tags-size-default-label-composition-typography: 500 13px/16px
    var(--font-family);
  --tags-size-default-icon-composition-sizing: 16px;
  --tags-size-l-container-composition-horizontal-padding: 8px;
  --tags-size-l-container-composition-height: 32px;
  --tags-size-l-container-composition-border-radius: 4px;
  --tags-size-l-container-composition-border-width: 1px;
  --tags-size-l-container-composition-item-spacing: 4px;
  --tags-size-l-container-icon-only-composition-width: 32px;
  --tags-size-l-label-composition-typography: 500 17px/24px var(--font-family);
  --tags-size-l-icon-composition-sizing: 20px;
  --tags-variant-neutral-container-background-color: #fff;
  --tags-variant-neutral-container-border-color: #d3d3d3;
  --tags-variant-neutral-container-content-color: #0d1619;
  --tags-variant-neutral-loud-container-background-color: #d3d3d3;
  --tags-variant-neutral-loud-container-border-color: #d3d3d3;
  --tags-variant-neutral-loud-container-content-color: #0d1619;
  --tags-variant-info-container-background-color: #f0f3fe;
  --tags-variant-info-container-border-color: #e7ecfe;
  --tags-variant-info-container-content-color: #4f5ef2;
  --tags-variant-info-loud-container-background-color: #4f5ef2;
  --tags-variant-info-loud-container-border-color: #4f5ef2;
  --tags-variant-info-loud-container-content-color: #fff;
  --tags-variant-positive-container-background-color: #e5fae0;
  --tags-variant-positive-container-border-color: #d2f6c9;
  --tags-variant-positive-container-content-color: #1f8900;
  --tags-variant-positive-loud-container-background-color: #1f8900;
  --tags-variant-positive-loud-container-border-color: #1f8900;
  --tags-variant-positive-loud-container-content-color: #fff;
  --tags-variant-accent-container-background-color: #e7e8ff;
  --tags-variant-accent-container-border-color: #dbddff;
  --tags-variant-accent-container-content-color: #6950f3;
  --tags-variant-accent-loud-container-background-color: #6950f3;
  --tags-variant-accent-loud-container-border-color: #6950f3;
  --tags-variant-accent-loud-container-content-color: #fff;
  --tags-variant-warning-container-background-color: #fff7db;
  --tags-variant-warning-container-border-color: #fff4cc;
  --tags-variant-warning-container-content-color: #d06a19;
  --tags-variant-warning-loud-container-background-color: #ffc00a;
  --tags-variant-warning-loud-container-border-color: #ffc00a;
  --tags-variant-warning-loud-container-content-color: #0d1619;
  --tags-variant-danger-container-background-color: #feeceb;
  --tags-variant-danger-container-border-color: #fee3e2;
  --tags-variant-danger-container-content-color: #d4163a;
  --tags-variant-danger-loud-container-background-color: #d4163a;
  --tags-variant-danger-loud-container-border-color: #d4163a;
  --tags-variant-danger-loud-container-content-color: #fff;
  --tags-variant-on-loud-container-background-color: hsla(0, 0%, 100%, 0);
  --tags-variant-on-loud-container-border-color: #fff;
  --tags-variant-on-loud-container-content-color: #fff;
  --tags-variant-disabled-container-background-color: #f2f2f2;
  --tags-variant-disabled-container-border-color: #d3d3d3;
  --tags-variant-disabled-container-content-color: #acacac;
  --text-highlight-color-faded-background: #e7e8ff;
  --text-highlight-structure-box-layout-border-radius: 2px;
  --thumbnail-variant-initial-state-hover-interaction-layer-background-color: rgba(
    13,
    22,
    25,
    0.039
  );
  --thumbnail-variant-accent-state-default-container-background-color: #fff;
  --thumbnail-variant-accent-state-default-container-border-color: #d3d3d3;
  --thumbnail-variant-accent-state-default-container-content-color: #6950f3;
  --thumbnail-variant-accent-background-state-default-container-background-color: #e7e8ff;
  --thumbnail-variant-accent-background-state-default-container-border-color: #e7e8ff;
  --thumbnail-variant-accent-background-state-default-container-content-color: #6950f3;
  --thumbnail-variant-neutral-state-default-container-background-color: #fff;
  --thumbnail-variant-neutral-state-default-container-border-color: #d3d3d3;
  --thumbnail-variant-neutral-state-default-container-content-color: #0d1619;
  --thumbnail-variant-image-state-default-container-background-color: #fff;
  --thumbnail-variant-image-state-default-container-border-color: #d3d3d3;
  --thumbnail-variant-illustration-state-default-container-background-color: #fff;
  --thumbnail-variant-illustration-state-default-container-border-color: #d3d3d3;
  --thumbnail-variant-custom-state-default-container-background-color: #f2f2f2;
  --thumbnail-variant-custom-state-default-container-border-color: hsla(
    0,
    0%,
    100%,
    0
  );
  --thumbnail-variant-custom-state-default-container-content-color: #0d1619;
  --thumbnail-variant-transparent-neutral-state-default-container-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --thumbnail-variant-transparent-neutral-state-default-container-border-color: hsla(
    0,
    0%,
    100%,
    0
  );
  --thumbnail-variant-transparent-neutral-state-default-container-content-color: #0d1619;
  --thumbnail-variant-on-loud-state-default-container-background-color: rgba(
    13,
    22,
    25,
    0
  );
  --thumbnail-variant-on-loud-state-default-container-border-color: hsla(
    0,
    0%,
    100%,
    0
  );
  --thumbnail-variant-on-loud-state-default-container-content-color: #fff;
  --thumbnail-variant-splash-state-default-container-content-color: #fff;
  --thumbnail-variant-positive-state-default-container-background-color: #e5fae0;
  --thumbnail-variant-positive-state-default-container-border-color: #e5fae0;
  --thumbnail-variant-positive-state-default-container-content-color: #1f8900;
  --thumbnail-variant-warning-state-default-container-background-color: #fff7db;
  --thumbnail-variant-warning-state-default-container-border-color: #fff7db;
  --thumbnail-variant-warning-state-default-container-content-color: #d06a19;
  --thumbnail-variant-danger-state-default-container-background-color: #feeceb;
  --thumbnail-variant-danger-state-default-container-border-color: #feeceb;
  --thumbnail-variant-danger-state-default-container-content-color: #d4163a;
  --thumbnail-size-2xs-state-default-container-composition-sizing: 24px;
  --thumbnail-size-2xs-state-default-container-composition-border-radius: 4px;
  --thumbnail-size-2xs-state-default-container-composition-border-width: 1px;
  --thumbnail-size-2xs-state-default-container-round-composition-border-radius: 999px;
  --thumbnail-size-2xs-state-default-icon-composition-sizing: 12px;
  --thumbnail-size-2xs-state-default-emoji-typography: 600 11px/11px
    var(--font-family);
  --thumbnail-size-xs-state-default-container-composition-sizing: 28px;
  --thumbnail-size-xs-state-default-container-composition-border-radius: 4px;
  --thumbnail-size-xs-state-default-container-composition-border-width: 1px;
  --thumbnail-size-xs-state-default-container-round-composition-border-radius: 999px;
  --thumbnail-size-xs-state-default-icon-composition-sizing: 12px;
  --thumbnail-size-xs-state-default-emoji-typography: 600 11px/11px
    var(--font-family);
  --thumbnail-size-s-state-default-container-composition-sizing: 32px;
  --thumbnail-size-s-state-default-container-composition-border-radius: 4px;
  --thumbnail-size-s-state-default-container-composition-border-width: 1px;
  --thumbnail-size-s-state-default-container-round-composition-border-radius: 999px;
  --thumbnail-size-s-state-default-icon-composition-sizing: 16px;
  --thumbnail-size-s-state-default-emoji-typography: 600 14px/14px
    var(--font-family);
  --thumbnail-size-m-state-default-container-composition-sizing: 40px;
  --thumbnail-size-m-state-default-container-composition-border-radius: 4px;
  --thumbnail-size-m-state-default-container-composition-border-width: 1px;
  --thumbnail-size-m-state-default-container-round-composition-border-radius: 999px;
  --thumbnail-size-m-state-default-icon-composition-sizing: 20px;
  --thumbnail-size-m-state-default-emoji-typography: 600 18px/18px
    var(--font-family);
  --thumbnail-size-l-state-default-container-composition-sizing: 48px;
  --thumbnail-size-l-state-default-container-composition-border-radius: 8px;
  --thumbnail-size-l-state-default-container-composition-border-width: 1px;
  --thumbnail-size-l-state-default-container-round-composition-border-radius: 999px;
  --thumbnail-size-l-state-default-icon-composition-sizing: 24px;
  --thumbnail-size-l-state-default-emoji-typography: 600 20px/20px
    var(--font-family);
  --thumbnail-size-xl-state-default-container-composition-sizing: 56px;
  --thumbnail-size-xl-state-default-container-composition-border-radius: 8px;
  --thumbnail-size-xl-state-default-container-composition-border-width: 1px;
  --thumbnail-size-xl-state-default-container-round-composition-border-radius: 999px;
  --thumbnail-size-xl-state-default-icon-composition-sizing: 28px;
  --thumbnail-size-xl-state-default-emoji-typography: 600 24px/24px
    var(--font-family);
  --thumbnail-size-2xl-state-default-container-composition-sizing: 64px;
  --thumbnail-size-2xl-state-default-container-composition-border-radius: 8px;
  --thumbnail-size-2xl-state-default-container-composition-border-width: 1px;
  --thumbnail-size-2xl-state-default-container-round-composition-border-radius: 999px;
  --thumbnail-size-2xl-state-default-icon-composition-sizing: 32px;
  --thumbnail-size-2xl-state-default-emoji-typography: 600 28px/28px
    var(--font-family);
  --thumbnail-size-3xl-state-default-container-composition-sizing: 80px;
  --thumbnail-size-3xl-state-default-container-composition-border-radius: 8px;
  --thumbnail-size-3xl-state-default-container-composition-border-width: 1px;
  --thumbnail-size-3xl-state-default-container-round-composition-border-radius: 999px;
  --thumbnail-size-3xl-state-default-icon-composition-sizing: 40px;
  --thumbnail-size-3xl-state-default-day-name-composition-typography: 400 13px/16px
    var(--font-family);
  --thumbnail-size-3xl-state-default-month-composition-typography: 400 13px/16px
    var(--font-family);
  --thumbnail-size-3xl-state-default-day-number-composition-typography: 600 28px/36px
    var(--font-family);
  --thumbnail-size-3xl-state-default-date-wrapper-composition-sizing: 96px;
  --thumbnail-size-3xl-state-default-date-wrapper-composition-item-spacing: 0px;
  --thumbnail-size-3xl-state-default-date-wrapper-composition-vertical-padding: 4px;
  --thumbnail-size-3xl-state-default-emoji-typography: 600 32px/32px
    var(--font-family);
  --thumbnail-size-4xl-state-default-container-composition-sizing: 96px;
  --thumbnail-size-4xl-state-default-container-composition-border-radius: 8px;
  --thumbnail-size-4xl-state-default-container-composition-border-width: 1px;
  --thumbnail-size-4xl-state-default-container-round-composition-border-radius: 999px;
  --thumbnail-size-4xl-state-default-icon-composition-sizing: 48px;
  --thumbnail-size-4xl-state-default-emoji-typography: 600 36px/36px
    var(--font-family);
  --thumbnail-size-5xl-state-default-container-composition-sizing: 120px;
  --thumbnail-size-5xl-state-default-container-composition-border-radius: 12px;
  --thumbnail-size-5xl-state-default-container-composition-border-width: 1px;
  --thumbnail-size-5xl-state-default-container-round-composition-border-radius: 999px;
  --thumbnail-size-5xl-state-default-icon-composition-sizing: 48px;
  --thumbnail-size-5xl-state-default-date-wrapper-composition-sizing: 96px;
  --thumbnail-size-5xl-state-default-date-wrapper-composition-item-spacing: 2px;
  --thumbnail-size-5xl-state-default-date-wrapper-composition-vertical-padding: 4px;
  --thumbnail-size-5xl-state-default-day-name-composition-typography: 400 15px/20px
    var(--font-family);
  --thumbnail-size-5xl-state-default-month-composition-typography: 400 15px/20px
    var(--font-family);
  --thumbnail-size-5xl-state-default-day-number-composition-typography: 700 40px/44px
    var(--font-family);
  --thumbnail-size-5xl-state-default-emoji-typography: 600 48px/48px
    var(--font-family);
  --thumbnail-size-6xl-state-default-container-composition-sizing: 192px;
  --thumbnail-size-6xl-state-default-container-composition-border-radius: 16px;
  --thumbnail-size-6xl-state-default-container-composition-border-width: 1px;
  --thumbnail-size-6xl-state-default-container-round-composition-border-radius: 999px;
  --thumbnail-size-6xl-state-default-icon-composition-sizing: 96px;
  --thumbnail-size-6xl-state-default-emoji-typography: 600 80px/80px
    var(--font-family);
  --tile-structure-variant-medium-state-default-container-background-color: #fff;
  --tile-structure-variant-medium-state-default-container-border-color: #d3d3d3;
  --tile-structure-variant-medium-state-default-container-innershadow: inset 0 0
    0 1px #d3d3d3;
  --tile-structure-variant-medium-state-default-container-duration: 100ms;
  --tile-structure-variant-medium-state-default-container-easing: cubic-bezier(
    0,
    0.55,
    0.45,
    1
  );
  --tile-structure-variant-medium-state-hover-container-background-color: #f2f2f2;
  --tile-structure-variant-medium-state-hover-container-border-color: #bfbfbf;
  --tile-structure-variant-medium-state-hover-container-innershadow: inset 0 0 0
    1px #bfbfbf;
  --tile-structure-variant-medium-state-active-container-background-color: #e5e5e5;
  --tile-structure-variant-medium-state-active-container-border-color: #acacac;
  --tile-structure-variant-medium-state-active-container-scale: 0.96;
  --tile-structure-variant-medium-state-active-container-innershadow: inset 0 0
    0 1px #acacac;
  --tile-structure-variant-medium-state-selected-container-background-color: #fff;
  --tile-structure-variant-medium-state-selected-container-border-color: #6950f3;
  --tile-structure-variant-medium-state-selected-container-innershadow: inset 0
    0 0 2px #6950f3;
  --tile-structure-variant-medium-state-selected-content-text-color: #0d1619;
  --tile-structure-variant-medium-state-selected-hover-container-background-color: #f2f2f2;
  --tile-structure-variant-medium-state-selected-hover-container-border-color: #5c4ace;
  --tile-structure-variant-medium-state-selected-hover-container-innershadow: inset
    0 0 0 2px #5c4ace;
  --tile-structure-variant-medium-state-selected-active-container-background-color: #e5e5e5;
  --tile-structure-variant-medium-state-selected-active-container-border-color: #403591;
  --tile-structure-variant-medium-state-selected-active-container-innershadow: inset
    0 0 0 2px #403591;
  --tile-structure-variant-medium-state-disabled-container-opacity: 0.4;
  --tile-structure-variant-high-state-default-container-background-color: #fff;
  --tile-structure-variant-high-state-default-container-border-color: #d3d3d3;
  --tile-structure-variant-high-state-default-container-innershadow: inset 0 0 0
    1px #d3d3d3;
  --tile-structure-variant-high-state-hover-container-background-color: #f2f2f2;
  --tile-structure-variant-high-state-hover-container-border-color: #bfbfbf;
  --tile-structure-variant-high-state-hover-container-innershadow: inset 0 0 0
    1px #bfbfbf;
  --tile-structure-variant-high-state-active-container-background-color: #e5e5e5;
  --tile-structure-variant-high-state-active-container-border-color: #acacac;
  --tile-structure-variant-high-state-active-container-scale: 0.96;
  --tile-structure-variant-high-state-active-container-innershadow: inset 0 0 0
    1px #acacac;
  --tile-structure-variant-high-state-selected-container-background-color: #6950f3;
  --tile-structure-variant-high-state-selected-container-border-color: #6950f3;
  --tile-structure-variant-high-state-selected-container-innershadow: inset 0 0
    0 2px #6950f3;
  --tile-structure-variant-high-state-selected-content-text-color: #fff;
  --tile-structure-variant-high-state-selected-hover-container-background-color: #5c4ace;
  --tile-structure-variant-high-state-selected-hover-container-border-color: #5c4ace;
  --tile-structure-variant-high-state-selected-hover-container-innershadow: inset
    0 0 0 2px #5c4ace;
  --tile-structure-variant-high-state-selected-active-container-background-color: #403591;
  --tile-structure-variant-high-state-selected-active-container-border-color: #403591;
  --tile-structure-variant-high-state-selected-active-container-innershadow: inset
    0 0 0 2px #403591;
  --tile-structure-variant-high-state-disabled-container-opacity: 0.4;
  --tile-structure-size-default-state-default-container-composition-border-width: 1px;
  --tile-structure-size-default-state-default-container-composition-border-radius: 8px;
  --tile-structure-size-default-state-default-container-rounded-composition-border-radius: 999px;
  --tile-structure-size-default-state-hover-container-composition-border-width: 1px;
  --tile-structure-size-default-state-active-container-composition-border-width: 1px;
  --tile-structure-size-default-state-disabled-container-composition-border-width: 1px;
  --tile-structure-size-default-state-selected-container-composition-border-width: 2px;
  --tile-structure-size-default-state-selected-hover-container-composition-border-width: 2px;
  --tile-structure-size-default-state-selected-active-container-composition-border-width: 2px;
  --tile-structure-size-default-state-selected-disabled-container-composition-border-width: 2px;
  --tile-team-member-size-default-container-composition-border-radius: 8px;
  --tile-team-member-size-default-container-composition-border-width: 1px;
  --tile-team-member-size-default-container-composition-vertical-padding: 32px;
  --tile-team-member-size-default-container-composition-horizontal-padding: 16px;
  --tile-team-member-size-default-container-composition-item-spacing: 8px;
  --tile-team-member-size-default-header-composition-typography: 500 15px/20px
    var(--font-family);
  --tile-team-member-size-default-subheader-composition-typography: 400 13px/16px
    var(--font-family);
  --tile-team-member-size-default-price-composition-typography: 500 13px/16px
    var(--font-family);
  --tile-team-member-size-default-deal-composition-typography: 400 13px/16px
    var(--font-family);
  --tile-team-member-size-default-details-composition-item-spacing: 2px;
  --tile-team-member-size-default-top-wrapper-composition-item-spacing: 12px;
  --tile-team-member-variant-default-state-default-container-background-color: #fff;
  --tile-team-member-variant-default-state-default-container-border-color: #d3d3d3;
  --tile-team-member-variant-default-state-default-header-text-color: #0d1619;
  --tile-team-member-variant-default-state-default-subheader-text-color: #757676;
  --tile-team-member-variant-default-state-default-price-text-color: #0d1619;
  --tile-team-member-variant-default-state-default-deal-text-color: #1f8900;
  --tile-team-member-variant-default-state-hover-container-background-color: #f2f2f2;
  --tile-team-member-variant-default-state-hover-container-border-color: #bfbfbf;
  --tile-team-member-variant-default-state-active-container-background-color: #e5e5e5;
  --tile-team-member-variant-default-state-active-container-border-color: #acacac;
  --tile-team-member-variant-default-state-selected-container-background-color: #fff;
  --tile-team-member-variant-default-state-selected-container-border-color: #6950f3;
  --tile-team-member-variant-default-state-selected-container-innershadow: inset
    0 0 0 1px #6950f3;
  --tile-team-member-variant-default-state-selected-hover-container-background-color: #f2f2f2;
  --tile-team-member-variant-default-state-selected-hover-container-border-color: #5c4ace;
  --tile-team-member-variant-default-state-selected-hover-container-innershadow: inset
    0 0 0 1px #6950f3;
  --tile-team-member-variant-default-state-selected-active-container-background-color: #e5e5e5;
  --tile-team-member-variant-default-state-selected-active-container-border-color: #403591;
  --tile-team-member-variant-default-state-selected-active-container-innershadow: inset
    0 0 0 1px #6950f3;
  --timeline-sub-path-color-default-line: #d3d3d3;
  --timeline-sub-path-color-default-dot: #d3d3d3;
  --timeline-sub-path-color-default-number: #bfbfbf;
  --timeline-sub-path-color-default-icon: #bfbfbf;
  --timeline-sub-path-color-highlighted-line: #6950f3;
  --timeline-sub-path-color-highlighted-dot: #6950f3;
  --timeline-sub-path-color-highlighted-number: #6950f3;
  --timeline-sub-path-color-highlighted-icon: #6950f3;
  --timeline-sub-path-structure-default-layout-width: 24px;
  --timeline-sub-path-structure-default-layout-padding-top: 8px;
  --timeline-sub-path-structure-default-layout-item-spacing: 8px;
  --timeline-sub-path-structure-default-dot-width: 8px;
  --timeline-sub-path-structure-default-dot-height: 8px;
  --timeline-sub-path-structure-default-dot-border-radius: 999px;
  --timeline-sub-path-structure-default-line-width: 1px;
  --timeline-sub-path-structure-default-line-border-radius: 999px;
  --timeline-sub-path-structure-badge-layout-padding-top: 6px;
  --timeline-sub-path-structure-badge-layout-item-spacing: 6px;
  --timeline-sub-path-structure-custom-layout-padding-top: 8px;
  --timeline-sub-path-structure-icon-layout-padding-top: 8px;
  --timeline-sub-path-structure-icon-icon-sizing: 24px;
  --timeline-sub-path-structure-number-layout-padding-top: 8px;
  --timeline-sub-path-structure-number-container-height: 12px;
  --timeline-sub-path-structure-number-number-typography: 500 15px/20px
    var(--font-family);
  --timeline-sub-path-structure-emoji-layout-padding-top: 8px;
  --timeline-sub-path-structure-emoji-container-height: 16px;
  --timeline-sub-path-structure-emoji-emoji-typography: 500 17px/24px
    var(--font-family);
  --timeline-sub-header-color-default-label: #757676;
  --timeline-sub-header-color-highlighted-label: #6950f3;
  --timeline-sub-header-structure-default-layout-padding-top: 24px;
  --timeline-sub-header-structure-default-layout-padding-bottom: 12px;
  --timeline-sub-header-structure-default-label-typography: 600 15px/20px
    var(--font-family);
  --timeline-sub-header-structure-first-layout-padding-top: 0px;
  --timeline-sub-header-structure-first-layout-padding-bottom: 12px;
  --timeline-structure-default-initial-container-item-spacing: 8px;
  --timeline-structure-card-initial-body-default-padding-top: 8px;
  --timeline-structure-card-initial-body-default-padding-bottom: 24px;
  --timeline-structure-card-initial-body-badge-padding-top: 6px;
  --timeline-structure-card-last-item-body-default-padding-bottom: 0px;
  --timeline-structure-text-m-initial-body-default-padding-top: 0px;
  --timeline-structure-text-m-initial-body-default-padding-bottom: 24px;
  --timeline-structure-text-m-initial-body-badge-padding-top: 8px;
  --timeline-structure-text-m-initial-body-badge-padding-bottom: 24px;
  --timeline-structure-text-m-initial-body-number-padding-top: 2px;
  --timeline-structure-text-m-initial-body-number-padding-bottom: 24px;
  --timeline-structure-text-m-initial-body-custom-padding-top: 8px;
  --timeline-structure-text-m-initial-body-custom-padding-bottom: 24px;
  --timeline-structure-text-m-initial-body-emoji-padding-top: 4px;
  --timeline-structure-text-m-initial-body-emoji-padding-bottom: 24px;
  --timeline-structure-text-m-initial-body-icon-padding-top: 8px;
  --timeline-structure-text-m-initial-body-icon-padding-bottom: 24px;
  --timeline-structure-text-m-last-item-body-default-padding-bottom: 0px;
  --time-slot-size-default-container-composition-border-radius: 8px;
  --time-slot-size-default-container-composition-border-width: 1px;
  --time-slot-size-default-container-composition-height: 32px;
  --time-slot-size-default-container-composition-horizontal-padding: 12px;
  --time-slot-size-default-container-icon-only-composition-width: 32px;
  --time-slot-size-default-label-composition-typography: 500 15px/20px
    var(--font-family);
  --time-slot-size-default-icon-composition-sizing: 20px;
  --time-slot-variant-default-state-default-container-background-color: #fff;
  --time-slot-variant-default-state-default-container-border-color: #d1d4ff;
  --time-slot-variant-default-state-default-content-content-color: #6950f3;
  --time-slot-variant-default-state-hover-container-background-color: #f2f2f2;
  --time-slot-variant-default-state-hover-container-border-color: #5c4ace;
  --time-slot-variant-default-state-active-container-background-color: #e5e5e5;
  --time-slot-variant-default-state-active-container-border-color: #403591;
  --tips-tile-variant-default-state-default-container-background-color: #fff;
  --tips-tile-variant-default-state-default-container-border-color: #bfbfbf;
  --tips-tile-variant-default-state-default-percent-text-color: #0d1619;
  --tips-tile-variant-default-state-default-price-text-color: #757676;
  --tips-tile-variant-default-state-hover-container-background-color: #f2f2f2;
  --tips-tile-variant-default-state-hover-container-border-color: #acacac;
  --tips-tile-variant-default-state-hover-percent-text-color: #0d1619;
  --tips-tile-variant-default-state-hover-price-text-color: #757676;
  --tips-tile-variant-default-state-active-container-background-color: #e5e5e5;
  --tips-tile-variant-default-state-active-container-border-color: #969696;
  --tips-tile-variant-default-state-active-percent-text-color: #0d1619;
  --tips-tile-variant-default-state-active-price-text-color: #757676;
  --tips-tile-variant-default-state-selected-container-background-color: #6950f3;
  --tips-tile-variant-default-state-selected-container-border-color: #6950f3;
  --tips-tile-variant-default-state-selected-percent-text-color: #fff;
  --tips-tile-variant-default-state-selected-price-text-color: #fff;
  --tips-tile-variant-default-state-selected-hover-container-background-color: #5c4ace;
  --tips-tile-variant-default-state-selected-hover-container-border-color: #5c4ace;
  --tips-tile-variant-default-state-selected-hover-percent-text-color: #fff;
  --tips-tile-variant-default-state-selected-hover-price-text-color: #fff;
  --tips-tile-variant-default-state-selected-active-container-background-color: #403591;
  --tips-tile-variant-default-state-selected-active-container-border-color: #403591;
  --tips-tile-variant-default-state-selected-active-percent-text-color: #fff;
  --tips-tile-variant-default-state-selected-active-price-text-color: #fff;
  --tips-tile-size-default-state-default-containter-composition-border-width: 1px;
  --tips-tile-size-default-state-default-containter-composition-border-radius: 8px;
  --tips-tile-size-default-state-default-containter-composition-item-spacing: 0px;
  --tips-tile-size-default-state-default-containter-composition-width: 80px;
  --tips-tile-size-default-state-default-containter-composition-height: 80px;
  --tips-tile-size-default-state-default-percent-composition-typography: 600
    20px/28px var(--font-family);
  --tips-tile-size-default-state-default-price-composition-typography: 400 15px/20px
    var(--font-family);
  --toast-variant-neutral-state-default-container-background-color: #0d1619;
  --toast-variant-neutral-state-default-container-border-color: #0d1619;
  --toast-variant-neutral-state-default-content-icon-color: #fff;
  --toast-variant-neutral-state-default-content-text-color: #fff;
  --toast-variant-danger-state-default-container-background-color: #d4163a;
  --toast-variant-danger-state-default-container-border-color: #d4163a;
  --toast-variant-danger-state-default-content-icon-color: #fff;
  --toast-variant-danger-state-default-content-text-color: #fff;
  --toast-size-compact-container-composition-vertical-padding: 16px;
  --toast-size-compact-container-composition-horizontal-padding: 16px;
  --toast-size-compact-container-composition-border-radius: 8px;
  --toast-size-compact-container-composition-item-spacing: 8px;
  --toast-size-compact-container-composition-border-width: 1px;
  --toast-size-compact-container-composition-width: 400px;
  --toast-size-compact-content-composition-item-spacing: 8px;
  --toast-size-compact-actions-composition-item-spacing: 8px;
  --toast-size-compact-text-composition-typography: 400 15px/20px
    var(--font-family);
  --toast-size-compact-icon-composition-sizing: 20px;
  --toast-size-compact-motion-container-motion-duration: 600ms;
  --toast-size-compact-motion-container-motion-easing: cubic-bezier(
    0.48,
    1.4,
    0.32,
    1
  );
  --toast-size-expanded-container-composition-vertical-padding: 16px;
  --toast-size-expanded-container-composition-horizontal-padding: 16px;
  --toast-size-expanded-container-composition-border-radius: 8px;
  --toast-size-expanded-container-composition-item-spacing: 16px;
  --toast-size-expanded-container-composition-border-width: 1px;
  --toast-size-expanded-container-composition-width: 400px;
  --toast-size-expanded-content-composition-item-spacing: 8px;
  --toast-size-expanded-actions-composition-item-spacing: 8px;
  --toast-size-expanded-text-composition-typography: 400 15px/20px
    var(--font-family);
  --toast-size-expanded-icon-composition-sizing: 20px;
  --toast-size-expanded-motion-container-motion-duration: 600ms;
  --toast-size-expanded-motion-container-motion-easing: cubic-bezier(
    0.48,
    1.4,
    0.32,
    1
  );
  --toast-group-size-default-default-layout-composition-vertical-padding: 16px;
  --toast-group-size-default-default-layout-composition-item-spacing: 16px;
  --toast-group-size-default-default-layout-composition-horizontal-padding: 20px;
  --toast-group-size-default-default-layout-composition-width: 400px;
  --toast-group-size-default-laptop-layout-composition-vertical-padding: 24px;
  --toast-group-size-default-laptop-layout-composition-item-spacing: 16px;
  --toast-group-size-default-laptop-layout-composition-horizontal-padding: 24px;
  --toast-group-size-default-laptop-layout-composition-width: 400px;
  --tooltip-size-default-container-composition-vertical-padding: 8px;
  --tooltip-size-default-container-composition-horizontal-padding: 8px;
  --tooltip-size-default-container-composition-border-radius: 4px;
  --tooltip-size-default-container-composition-item-spacing: 4px;
  --tooltip-size-default-container-composition-width: 256px;
  --tooltip-size-default-offset-composition-spacing: 8px;
  --tooltip-size-default-icon-composition-sizing: 16px;
  --tooltip-size-default-label-composition-typography: 500 13px/16px
    var(--font-family);
  --tooltip-variant-neutral-container-background-color: #0d1619;
  --tooltip-variant-neutral-label-text-color: #fff;
  --tooltip-variant-neutral-icon-icon-color: #fff;
  --upsell-banner-structure-s-layout-border-radius: 12px;
  --upsell-banner-structure-s-layout-vertical-padding: 24px;
  --upsell-banner-structure-s-layout-horizontal-padding: 24px;
  --upsell-banner-structure-s-layout-item-spacing: 24px;
  --upsell-banner-structure-s-image-width: 128px;
  --upsell-banner-structure-s-subtitle-typography: 600 13px/16px
    var(--font-family);
  --upsell-banner-structure-s-title-typography: 600 17px/24px var(--font-family);
  --upsell-banner-structure-s-description-typography: 400 15px/20px
    var(--font-family);
  --upsell-banner-structure-m-layout-border-radius: 12px;
  --upsell-banner-structure-m-layout-vertical-padding: 32px;
  --upsell-banner-structure-m-layout-horizontal-padding: 32px;
  --upsell-banner-structure-m-layout-item-spacing: 0px;
  --upsell-banner-structure-m-layout-height: 216px;
  --upsell-banner-structure-m-image-width: 216px;
  --upsell-banner-structure-m-subtitle-typography: 600 13px/16px
    var(--font-family);
  --upsell-banner-structure-m-title-typography: 600 20px/28px var(--font-family);
  --upsell-banner-structure-m-description-typography: 400 15px/20px
    var(--font-family);
  --upsell-banner-structure-l-layout-border-radius: 12px;
  --upsell-banner-structure-l-layout-vertical-padding: 32px;
  --upsell-banner-structure-l-layout-horizontal-padding: 32px;
  --upsell-banner-structure-l-layout-item-spacing: 0px;
  --upsell-banner-structure-l-layout-height: 256px;
  --upsell-banner-structure-l-image-width: 456px;
  --upsell-banner-structure-l-subtitle-typography: 600 13px/16px
    var(--font-family);
  --upsell-banner-structure-l-title-typography: 600 28px/36px var(--font-family);
  --upsell-banner-structure-l-description-typography: 400 15px/20px
    var(--font-family);
  --upsell-banner-structure-vertical-layout-border-radius: 12px;
  --upsell-banner-structure-vertical-layout-vertical-padding: 32px;
  --upsell-banner-structure-vertical-layout-horizontal-padding: 32px;
  --upsell-banner-structure-vertical-layout-item-spacing: 16px;
  --upsell-banner-structure-vertical-subtitle-typography: 600 13px/16px
    var(--font-family);
  --upsell-banner-structure-vertical-title-typography: 600 28px/36px
    var(--font-family);
  --upsell-banner-structure-vertical-description-typography: 400 15px/20px
    var(--font-family);
}
@media screen and (min-width: 0) {
  .font-default-display-xl-bold.font-default-display-xl-bold {
    font: var(--typography-display-xl-bold, 700 80px/92px Tartuffo);
  }

  .font-default-display-l-bold.font-default-display-l-bold {
    font: var(--typography-display-l-bold, 700 48px/64px Tartuffo);
  }

  .font-default-display-m-bold.font-default-display-m-bold {
    font: var(--typography-display-m-bold, 700 40px/44px Tartuffo);
  }

  .font-default-display-s-bold.font-default-display-s-bold {
    font: var(--typography-display-s-bold, 700 28px/36px Tartuffo);
  }

  .font-default-header-3xl-bold.font-default-header-3xl-bold {
    font: var(--typography-header-3xl-bold, 700 96px/112px Roobert PRO);
  }

  .font-default-header-2xl-bold.font-default-header-2xl-bold {
    font: var(--typography-header-2xl-bold, 700 48px/52px Roobert PRO);
  }

  .font-default-header-xl-bold.font-default-header-xl-bold {
    font: var(--typography-header-xl-bold, 700 40px/44px Roobert PRO);
  }

  .font-default-header-l-semibold.font-default-header-l-semibold {
    font: var(--typography-header-l-semibold, 600 28px/36px Roobert PRO);
  }

  .font-default-header-m-semibold.font-default-header-m-semibold {
    font: var(--typography-header-m-semibold, 600 24px/32px Roobert PRO);
  }

  .font-default-header-s-semibold.font-default-header-s-semibold {
    font: var(--typography-header-s-semibold, 600 20px/28px Roobert PRO);
  }

  .font-default-header-xs-semibold.font-default-header-xs-semibold {
    font: var(--typography-header-xs-semibold, 600 17px/24px Roobert PRO);
  }

  .font-default-body-l-semibold.font-default-body-l-semibold {
    font: var(--typography-body-l-semibold, 600 24px/32px Roobert PRO);
  }

  .font-default-body-l-medium.font-default-body-l-medium {
    font: var(--typography-body-l-medium, 500 24px/32px Roobert PRO);
  }

  .font-default-body-l-regular.font-default-body-l-regular {
    font: var(--typography-body-l-regular, 400 24px/32px Roobert PRO);
  }

  .font-default-body-ml-semibold.font-default-body-ml-semibold {
    font: var(--typography-body-ml-semibold, 600 20px/28px Roobert PRO);
  }

  .font-default-body-ml-medium.font-default-body-ml-medium {
    font: var(--typography-body-ml-medium, 500 20px/28px Roobert PRO);
  }

  .font-default-body-ml-regular.font-default-body-ml-regular {
    font: var(--typography-body-ml-regular, 400 20px/28px Roobert PRO);
  }

  .font-default-body-m-semibold.font-default-body-m-semibold {
    font: var(--typography-body-m-semibold, 600 17px/24px Roobert PRO);
  }

  .font-default-body-m-medium.font-default-body-m-medium {
    font: var(--typography-body-m-medium, 500 17px/24px Roobert PRO);
  }

  .font-default-body-m-regular.font-default-body-m-regular {
    font: var(--typography-body-m-regular, 400 17px/24px Roobert PRO);
  }

  .font-default-body-s-semibold.font-default-body-s-semibold {
    font: var(--typography-body-s-semibold, 600 15px/20px Roobert PRO);
  }

  .font-default-body-s-medium.font-default-body-s-medium {
    font: var(--typography-body-s-medium, 500 15px/20px Roobert PRO);
  }

  .font-default-body-s-regular.font-default-body-s-regular {
    font: var(--typography-body-s-regular, 400 15px/20px Roobert PRO);
  }

  .font-default-body-xs-semibold.font-default-body-xs-semibold {
    font: var(--typography-body-xs-semibold, 600 13px/16px Roobert PRO);
  }

  .font-default-body-xs-medium.font-default-body-xs-medium {
    font: var(--typography-body-xs-medium, 500 13px/16px Roobert PRO);
  }

  .font-default-body-xs-regular.font-default-body-xs-regular {
    font: var(--typography-body-xs-regular, 400 13px/16px Roobert PRO);
  }

  .font-default-body-2xs-semibold.font-default-body-2xs-semibold {
    font: var(--typography-body-2xs-semibold, 600 11px/12px Roobert PRO);
  }

  .font-default-body-2xs-medium.font-default-body-2xs-medium {
    font: var(--typography-body-2xs-medium, 500 11px/12px Roobert PRO);
  }

  .font-default-body-2xs-regular.font-default-body-2xs-regular {
    font: var(--typography-body-2xs-regular, 400 11px/12px Roobert PRO);
  }

  .font-default-link-l-medium.font-default-link-l-medium {
    font: var(--typography-link-l-medium, 500 24px/32px Roobert PRO);
  }

  .font-default-link-ml-medium.font-default-link-ml-medium {
    font: var(--typography-link-ml-medium, 500 20px/28px Roobert PRO);
  }

  .font-default-link-m-medium.font-default-link-m-medium {
    font: var(--typography-link-m-medium, 500 17px/24px Roobert PRO);
  }

  .font-default-link-s-medium.font-default-link-s-medium {
    font: var(--typography-link-s-medium, 500 15px/20px Roobert PRO);
  }

  .font-default-link-xs-medium.font-default-link-xs-medium {
    font: var(--typography-link-xs-medium, 500 13px/16px Roobert PRO);
  }

  .font-default-link-2xs-medium.font-default-link-2xs-medium {
    font: var(--typography-link-2xs-medium, 500 11px/12px Roobert PRO);
  }
}

@media screen and (min-width: 512px) {
  .font-smalltablet-display-xl-bold.font-smalltablet-display-xl-bold {
    font: var(--typography-display-xl-bold, 700 80px/92px Tartuffo);
  }

  .font-smalltablet-display-l-bold.font-smalltablet-display-l-bold {
    font: var(--typography-display-l-bold, 700 48px/64px Tartuffo);
  }

  .font-smalltablet-display-m-bold.font-smalltablet-display-m-bold {
    font: var(--typography-display-m-bold, 700 40px/44px Tartuffo);
  }

  .font-smalltablet-display-s-bold.font-smalltablet-display-s-bold {
    font: var(--typography-display-s-bold, 700 28px/36px Tartuffo);
  }

  .font-smalltablet-header-3xl-bold.font-smalltablet-header-3xl-bold {
    font: var(--typography-header-3xl-bold, 700 96px/112px Roobert PRO);
  }

  .font-smalltablet-header-2xl-bold.font-smalltablet-header-2xl-bold {
    font: var(--typography-header-2xl-bold, 700 48px/52px Roobert PRO);
  }

  .font-smalltablet-header-xl-bold.font-smalltablet-header-xl-bold {
    font: var(--typography-header-xl-bold, 700 40px/44px Roobert PRO);
  }

  .font-smalltablet-header-l-semibold.font-smalltablet-header-l-semibold {
    font: var(--typography-header-l-semibold, 600 28px/36px Roobert PRO);
  }

  .font-smalltablet-header-m-semibold.font-smalltablet-header-m-semibold {
    font: var(--typography-header-m-semibold, 600 24px/32px Roobert PRO);
  }

  .font-smalltablet-header-s-semibold.font-smalltablet-header-s-semibold {
    font: var(--typography-header-s-semibold, 600 20px/28px Roobert PRO);
  }

  .font-smalltablet-header-xs-semibold.font-smalltablet-header-xs-semibold {
    font: var(--typography-header-xs-semibold, 600 17px/24px Roobert PRO);
  }

  .font-smalltablet-body-l-semibold.font-smalltablet-body-l-semibold {
    font: var(--typography-body-l-semibold, 600 24px/32px Roobert PRO);
  }

  .font-smalltablet-body-l-medium.font-smalltablet-body-l-medium {
    font: var(--typography-body-l-medium, 500 24px/32px Roobert PRO);
  }

  .font-smalltablet-body-l-regular.font-smalltablet-body-l-regular {
    font: var(--typography-body-l-regular, 400 24px/32px Roobert PRO);
  }

  .font-smalltablet-body-ml-semibold.font-smalltablet-body-ml-semibold {
    font: var(--typography-body-ml-semibold, 600 20px/28px Roobert PRO);
  }

  .font-smalltablet-body-ml-medium.font-smalltablet-body-ml-medium {
    font: var(--typography-body-ml-medium, 500 20px/28px Roobert PRO);
  }

  .font-smalltablet-body-ml-regular.font-smalltablet-body-ml-regular {
    font: var(--typography-body-ml-regular, 400 20px/28px Roobert PRO);
  }

  .font-smalltablet-body-m-semibold.font-smalltablet-body-m-semibold {
    font: var(--typography-body-m-semibold, 600 17px/24px Roobert PRO);
  }

  .font-smalltablet-body-m-medium.font-smalltablet-body-m-medium {
    font: var(--typography-body-m-medium, 500 17px/24px Roobert PRO);
  }

  .font-smalltablet-body-m-regular.font-smalltablet-body-m-regular {
    font: var(--typography-body-m-regular, 400 17px/24px Roobert PRO);
  }

  .font-smalltablet-body-s-semibold.font-smalltablet-body-s-semibold {
    font: var(--typography-body-s-semibold, 600 15px/20px Roobert PRO);
  }

  .font-smalltablet-body-s-medium.font-smalltablet-body-s-medium {
    font: var(--typography-body-s-medium, 500 15px/20px Roobert PRO);
  }

  .font-smalltablet-body-s-regular.font-smalltablet-body-s-regular {
    font: var(--typography-body-s-regular, 400 15px/20px Roobert PRO);
  }

  .font-smalltablet-body-xs-semibold.font-smalltablet-body-xs-semibold {
    font: var(--typography-body-xs-semibold, 600 13px/16px Roobert PRO);
  }

  .font-smalltablet-body-xs-medium.font-smalltablet-body-xs-medium {
    font: var(--typography-body-xs-medium, 500 13px/16px Roobert PRO);
  }

  .font-smalltablet-body-xs-regular.font-smalltablet-body-xs-regular {
    font: var(--typography-body-xs-regular, 400 13px/16px Roobert PRO);
  }

  .font-smalltablet-body-2xs-semibold.font-smalltablet-body-2xs-semibold {
    font: var(--typography-body-2xs-semibold, 600 11px/12px Roobert PRO);
  }

  .font-smalltablet-body-2xs-medium.font-smalltablet-body-2xs-medium {
    font: var(--typography-body-2xs-medium, 500 11px/12px Roobert PRO);
  }

  .font-smalltablet-body-2xs-regular.font-smalltablet-body-2xs-regular {
    font: var(--typography-body-2xs-regular, 400 11px/12px Roobert PRO);
  }

  .font-smalltablet-link-l-medium.font-smalltablet-link-l-medium {
    font: var(--typography-link-l-medium, 500 24px/32px Roobert PRO);
  }

  .font-smalltablet-link-ml-medium.font-smalltablet-link-ml-medium {
    font: var(--typography-link-ml-medium, 500 20px/28px Roobert PRO);
  }

  .font-smalltablet-link-m-medium.font-smalltablet-link-m-medium {
    font: var(--typography-link-m-medium, 500 17px/24px Roobert PRO);
  }

  .font-smalltablet-link-s-medium.font-smalltablet-link-s-medium {
    font: var(--typography-link-s-medium, 500 15px/20px Roobert PRO);
  }

  .font-smalltablet-link-xs-medium.font-smalltablet-link-xs-medium {
    font: var(--typography-link-xs-medium, 500 13px/16px Roobert PRO);
  }

  .font-smalltablet-link-2xs-medium.font-smalltablet-link-2xs-medium {
    font: var(--typography-link-2xs-medium, 500 11px/12px Roobert PRO);
  }
}

@media screen and (min-width: 768px) {
  .font-tablet-display-xl-bold.font-tablet-display-xl-bold {
    font: var(--typography-display-xl-bold, 700 80px/92px Tartuffo);
  }

  .font-tablet-display-l-bold.font-tablet-display-l-bold {
    font: var(--typography-display-l-bold, 700 48px/64px Tartuffo);
  }

  .font-tablet-display-m-bold.font-tablet-display-m-bold {
    font: var(--typography-display-m-bold, 700 40px/44px Tartuffo);
  }

  .font-tablet-display-s-bold.font-tablet-display-s-bold {
    font: var(--typography-display-s-bold, 700 28px/36px Tartuffo);
  }

  .font-tablet-header-3xl-bold.font-tablet-header-3xl-bold {
    font: var(--typography-header-3xl-bold, 700 96px/112px Roobert PRO);
  }

  .font-tablet-header-2xl-bold.font-tablet-header-2xl-bold {
    font: var(--typography-header-2xl-bold, 700 48px/52px Roobert PRO);
  }

  .font-tablet-header-xl-bold.font-tablet-header-xl-bold {
    font: var(--typography-header-xl-bold, 700 40px/44px Roobert PRO);
  }

  .font-tablet-header-l-semibold.font-tablet-header-l-semibold {
    font: var(--typography-header-l-semibold, 600 28px/36px Roobert PRO);
  }

  .font-tablet-header-m-semibold.font-tablet-header-m-semibold {
    font: var(--typography-header-m-semibold, 600 24px/32px Roobert PRO);
  }

  .font-tablet-header-s-semibold.font-tablet-header-s-semibold {
    font: var(--typography-header-s-semibold, 600 20px/28px Roobert PRO);
  }

  .font-tablet-header-xs-semibold.font-tablet-header-xs-semibold {
    font: var(--typography-header-xs-semibold, 600 17px/24px Roobert PRO);
  }

  .font-tablet-body-l-semibold.font-tablet-body-l-semibold {
    font: var(--typography-body-l-semibold, 600 24px/32px Roobert PRO);
  }

  .font-tablet-body-l-medium.font-tablet-body-l-medium {
    font: var(--typography-body-l-medium, 500 24px/32px Roobert PRO);
  }

  .font-tablet-body-l-regular.font-tablet-body-l-regular {
    font: var(--typography-body-l-regular, 400 24px/32px Roobert PRO);
  }

  .font-tablet-body-ml-semibold.font-tablet-body-ml-semibold {
    font: var(--typography-body-ml-semibold, 600 20px/28px Roobert PRO);
  }

  .font-tablet-body-ml-medium.font-tablet-body-ml-medium {
    font: var(--typography-body-ml-medium, 500 20px/28px Roobert PRO);
  }

  .font-tablet-body-ml-regular.font-tablet-body-ml-regular {
    font: var(--typography-body-ml-regular, 400 20px/28px Roobert PRO);
  }

  .font-tablet-body-m-semibold.font-tablet-body-m-semibold {
    font: var(--typography-body-m-semibold, 600 17px/24px Roobert PRO);
  }

  .font-tablet-body-m-medium.font-tablet-body-m-medium {
    font: var(--typography-body-m-medium, 500 17px/24px Roobert PRO);
  }

  .font-tablet-body-m-regular.font-tablet-body-m-regular {
    font: var(--typography-body-m-regular, 400 17px/24px Roobert PRO);
  }

  .font-tablet-body-s-semibold.font-tablet-body-s-semibold {
    font: var(--typography-body-s-semibold, 600 15px/20px Roobert PRO);
  }

  .font-tablet-body-s-medium.font-tablet-body-s-medium {
    font: var(--typography-body-s-medium, 500 15px/20px Roobert PRO);
  }

  .font-tablet-body-s-regular.font-tablet-body-s-regular {
    font: var(--typography-body-s-regular, 400 15px/20px Roobert PRO);
  }

  .font-tablet-body-xs-semibold.font-tablet-body-xs-semibold {
    font: var(--typography-body-xs-semibold, 600 13px/16px Roobert PRO);
  }

  .font-tablet-body-xs-medium.font-tablet-body-xs-medium {
    font: var(--typography-body-xs-medium, 500 13px/16px Roobert PRO);
  }

  .font-tablet-body-xs-regular.font-tablet-body-xs-regular {
    font: var(--typography-body-xs-regular, 400 13px/16px Roobert PRO);
  }

  .font-tablet-body-2xs-semibold.font-tablet-body-2xs-semibold {
    font: var(--typography-body-2xs-semibold, 600 11px/12px Roobert PRO);
  }

  .font-tablet-body-2xs-medium.font-tablet-body-2xs-medium {
    font: var(--typography-body-2xs-medium, 500 11px/12px Roobert PRO);
  }

  .font-tablet-body-2xs-regular.font-tablet-body-2xs-regular {
    font: var(--typography-body-2xs-regular, 400 11px/12px Roobert PRO);
  }

  .font-tablet-link-l-medium.font-tablet-link-l-medium {
    font: var(--typography-link-l-medium, 500 24px/32px Roobert PRO);
  }

  .font-tablet-link-ml-medium.font-tablet-link-ml-medium {
    font: var(--typography-link-ml-medium, 500 20px/28px Roobert PRO);
  }

  .font-tablet-link-m-medium.font-tablet-link-m-medium {
    font: var(--typography-link-m-medium, 500 17px/24px Roobert PRO);
  }

  .font-tablet-link-s-medium.font-tablet-link-s-medium {
    font: var(--typography-link-s-medium, 500 15px/20px Roobert PRO);
  }

  .font-tablet-link-xs-medium.font-tablet-link-xs-medium {
    font: var(--typography-link-xs-medium, 500 13px/16px Roobert PRO);
  }

  .font-tablet-link-2xs-medium.font-tablet-link-2xs-medium {
    font: var(--typography-link-2xs-medium, 500 11px/12px Roobert PRO);
  }
}

@media screen and (min-width: 1024px) {
  .font-laptop-display-xl-bold.font-laptop-display-xl-bold {
    font: var(--typography-display-xl-bold, 700 80px/92px Tartuffo);
  }

  .font-laptop-display-l-bold.font-laptop-display-l-bold {
    font: var(--typography-display-l-bold, 700 48px/64px Tartuffo);
  }

  .font-laptop-display-m-bold.font-laptop-display-m-bold {
    font: var(--typography-display-m-bold, 700 40px/44px Tartuffo);
  }

  .font-laptop-display-s-bold.font-laptop-display-s-bold {
    font: var(--typography-display-s-bold, 700 28px/36px Tartuffo);
  }

  .font-laptop-header-3xl-bold.font-laptop-header-3xl-bold {
    font: var(--typography-header-3xl-bold, 700 96px/112px Roobert PRO);
  }

  .font-laptop-header-2xl-bold.font-laptop-header-2xl-bold {
    font: var(--typography-header-2xl-bold, 700 48px/52px Roobert PRO);
  }

  .font-laptop-header-xl-bold.font-laptop-header-xl-bold {
    font: var(--typography-header-xl-bold, 700 40px/44px Roobert PRO);
  }

  .font-laptop-header-l-semibold.font-laptop-header-l-semibold {
    font: var(--typography-header-l-semibold, 600 28px/36px Roobert PRO);
  }

  .font-laptop-header-m-semibold.font-laptop-header-m-semibold {
    font: var(--typography-header-m-semibold, 600 24px/32px Roobert PRO);
  }

  .font-laptop-header-s-semibold.font-laptop-header-s-semibold {
    font: var(--typography-header-s-semibold, 600 20px/28px Roobert PRO);
  }

  .font-laptop-header-xs-semibold.font-laptop-header-xs-semibold {
    font: var(--typography-header-xs-semibold, 600 17px/24px Roobert PRO);
  }

  .font-laptop-body-l-semibold.font-laptop-body-l-semibold {
    font: var(--typography-body-l-semibold, 600 24px/32px Roobert PRO);
  }

  .font-laptop-body-l-medium.font-laptop-body-l-medium {
    font: var(--typography-body-l-medium, 500 24px/32px Roobert PRO);
  }

  .font-laptop-body-l-regular.font-laptop-body-l-regular {
    font: var(--typography-body-l-regular, 400 24px/32px Roobert PRO);
  }

  .font-laptop-body-ml-semibold.font-laptop-body-ml-semibold {
    font: var(--typography-body-ml-semibold, 600 20px/28px Roobert PRO);
  }

  .font-laptop-body-ml-medium.font-laptop-body-ml-medium {
    font: var(--typography-body-ml-medium, 500 20px/28px Roobert PRO);
  }

  .font-laptop-body-ml-regular.font-laptop-body-ml-regular {
    font: var(--typography-body-ml-regular, 400 20px/28px Roobert PRO);
  }

  .font-laptop-body-m-semibold.font-laptop-body-m-semibold {
    font: var(--typography-body-m-semibold, 600 17px/24px Roobert PRO);
  }

  .font-laptop-body-m-medium.font-laptop-body-m-medium {
    font: var(--typography-body-m-medium, 500 17px/24px Roobert PRO);
  }

  .font-laptop-body-m-regular.font-laptop-body-m-regular {
    font: var(--typography-body-m-regular, 400 17px/24px Roobert PRO);
  }

  .font-laptop-body-s-semibold.font-laptop-body-s-semibold {
    font: var(--typography-body-s-semibold, 600 15px/20px Roobert PRO);
  }

  .font-laptop-body-s-medium.font-laptop-body-s-medium {
    font: var(--typography-body-s-medium, 500 15px/20px Roobert PRO);
  }

  .font-laptop-body-s-regular.font-laptop-body-s-regular {
    font: var(--typography-body-s-regular, 400 15px/20px Roobert PRO);
  }

  .font-laptop-body-xs-semibold.font-laptop-body-xs-semibold {
    font: var(--typography-body-xs-semibold, 600 13px/16px Roobert PRO);
  }

  .font-laptop-body-xs-medium.font-laptop-body-xs-medium {
    font: var(--typography-body-xs-medium, 500 13px/16px Roobert PRO);
  }

  .font-laptop-body-xs-regular.font-laptop-body-xs-regular {
    font: var(--typography-body-xs-regular, 400 13px/16px Roobert PRO);
  }

  .font-laptop-body-2xs-semibold.font-laptop-body-2xs-semibold {
    font: var(--typography-body-2xs-semibold, 600 11px/12px Roobert PRO);
  }

  .font-laptop-body-2xs-medium.font-laptop-body-2xs-medium {
    font: var(--typography-body-2xs-medium, 500 11px/12px Roobert PRO);
  }

  .font-laptop-body-2xs-regular.font-laptop-body-2xs-regular {
    font: var(--typography-body-2xs-regular, 400 11px/12px Roobert PRO);
  }

  .font-laptop-link-l-medium.font-laptop-link-l-medium {
    font: var(--typography-link-l-medium, 500 24px/32px Roobert PRO);
  }

  .font-laptop-link-ml-medium.font-laptop-link-ml-medium {
    font: var(--typography-link-ml-medium, 500 20px/28px Roobert PRO);
  }

  .font-laptop-link-m-medium.font-laptop-link-m-medium {
    font: var(--typography-link-m-medium, 500 17px/24px Roobert PRO);
  }

  .font-laptop-link-s-medium.font-laptop-link-s-medium {
    font: var(--typography-link-s-medium, 500 15px/20px Roobert PRO);
  }

  .font-laptop-link-xs-medium.font-laptop-link-xs-medium {
    font: var(--typography-link-xs-medium, 500 13px/16px Roobert PRO);
  }

  .font-laptop-link-2xs-medium.font-laptop-link-2xs-medium {
    font: var(--typography-link-2xs-medium, 500 11px/12px Roobert PRO);
  }
}

@media screen and (min-width: 1440px) {
  .font-desktop-display-xl-bold.font-desktop-display-xl-bold {
    font: var(--typography-display-xl-bold, 700 80px/92px Tartuffo);
  }

  .font-desktop-display-l-bold.font-desktop-display-l-bold {
    font: var(--typography-display-l-bold, 700 48px/64px Tartuffo);
  }

  .font-desktop-display-m-bold.font-desktop-display-m-bold {
    font: var(--typography-display-m-bold, 700 40px/44px Tartuffo);
  }

  .font-desktop-display-s-bold.font-desktop-display-s-bold {
    font: var(--typography-display-s-bold, 700 28px/36px Tartuffo);
  }

  .font-desktop-header-3xl-bold.font-desktop-header-3xl-bold {
    font: var(--typography-header-3xl-bold, 700 96px/112px Roobert PRO);
  }

  .font-desktop-header-2xl-bold.font-desktop-header-2xl-bold {
    font: var(--typography-header-2xl-bold, 700 48px/52px Roobert PRO);
  }

  .font-desktop-header-xl-bold.font-desktop-header-xl-bold {
    font: var(--typography-header-xl-bold, 700 40px/44px Roobert PRO);
  }

  .font-desktop-header-l-semibold.font-desktop-header-l-semibold {
    font: var(--typography-header-l-semibold, 600 28px/36px Roobert PRO);
  }

  .font-desktop-header-m-semibold.font-desktop-header-m-semibold {
    font: var(--typography-header-m-semibold, 600 24px/32px Roobert PRO);
  }

  .font-desktop-header-s-semibold.font-desktop-header-s-semibold {
    font: var(--typography-header-s-semibold, 600 20px/28px Roobert PRO);
  }

  .font-desktop-header-xs-semibold.font-desktop-header-xs-semibold {
    font: var(--typography-header-xs-semibold, 600 17px/24px Roobert PRO);
  }

  .font-desktop-body-l-semibold.font-desktop-body-l-semibold {
    font: var(--typography-body-l-semibold, 600 24px/32px Roobert PRO);
  }

  .font-desktop-body-l-medium.font-desktop-body-l-medium {
    font: var(--typography-body-l-medium, 500 24px/32px Roobert PRO);
  }

  .font-desktop-body-l-regular.font-desktop-body-l-regular {
    font: var(--typography-body-l-regular, 400 24px/32px Roobert PRO);
  }

  .font-desktop-body-ml-semibold.font-desktop-body-ml-semibold {
    font: var(--typography-body-ml-semibold, 600 20px/28px Roobert PRO);
  }

  .font-desktop-body-ml-medium.font-desktop-body-ml-medium {
    font: var(--typography-body-ml-medium, 500 20px/28px Roobert PRO);
  }

  .font-desktop-body-ml-regular.font-desktop-body-ml-regular {
    font: var(--typography-body-ml-regular, 400 20px/28px Roobert PRO);
  }

  .font-desktop-body-m-semibold.font-desktop-body-m-semibold {
    font: var(--typography-body-m-semibold, 600 17px/24px Roobert PRO);
  }

  .font-desktop-body-m-medium.font-desktop-body-m-medium {
    font: var(--typography-body-m-medium, 500 17px/24px Roobert PRO);
  }

  .font-desktop-body-m-regular.font-desktop-body-m-regular {
    font: var(--typography-body-m-regular, 400 17px/24px Roobert PRO);
  }

  .font-desktop-body-s-semibold.font-desktop-body-s-semibold {
    font: var(--typography-body-s-semibold, 600 15px/20px Roobert PRO);
  }

  .font-desktop-body-s-medium.font-desktop-body-s-medium {
    font: var(--typography-body-s-medium, 500 15px/20px Roobert PRO);
  }

  .font-desktop-body-s-regular.font-desktop-body-s-regular {
    font: var(--typography-body-s-regular, 400 15px/20px Roobert PRO);
  }

  .font-desktop-body-xs-semibold.font-desktop-body-xs-semibold {
    font: var(--typography-body-xs-semibold, 600 13px/16px Roobert PRO);
  }

  .font-desktop-body-xs-medium.font-desktop-body-xs-medium {
    font: var(--typography-body-xs-medium, 500 13px/16px Roobert PRO);
  }

  .font-desktop-body-xs-regular.font-desktop-body-xs-regular {
    font: var(--typography-body-xs-regular, 400 13px/16px Roobert PRO);
  }

  .font-desktop-body-2xs-semibold.font-desktop-body-2xs-semibold {
    font: var(--typography-body-2xs-semibold, 600 11px/12px Roobert PRO);
  }

  .font-desktop-body-2xs-medium.font-desktop-body-2xs-medium {
    font: var(--typography-body-2xs-medium, 500 11px/12px Roobert PRO);
  }

  .font-desktop-body-2xs-regular.font-desktop-body-2xs-regular {
    font: var(--typography-body-2xs-regular, 400 11px/12px Roobert PRO);
  }

  .font-desktop-link-l-medium.font-desktop-link-l-medium {
    font: var(--typography-link-l-medium, 500 24px/32px Roobert PRO);
  }

  .font-desktop-link-ml-medium.font-desktop-link-ml-medium {
    font: var(--typography-link-ml-medium, 500 20px/28px Roobert PRO);
  }

  .font-desktop-link-m-medium.font-desktop-link-m-medium {
    font: var(--typography-link-m-medium, 500 17px/24px Roobert PRO);
  }

  .font-desktop-link-s-medium.font-desktop-link-s-medium {
    font: var(--typography-link-s-medium, 500 15px/20px Roobert PRO);
  }

  .font-desktop-link-xs-medium.font-desktop-link-xs-medium {
    font: var(--typography-link-xs-medium, 500 13px/16px Roobert PRO);
  }

  .font-desktop-link-2xs-medium.font-desktop-link-2xs-medium {
    font: var(--typography-link-2xs-medium, 500 11px/12px Roobert PRO);
  }
}