v4design-tokens/dist/External-Domain/Account-Interface/css/variables.css

design tokens v4 company

/**
 * Do not edit directly
 * Generated on Tue, 09 Apr 2024 12:51:44 GMT
 */

:root {
  --lab-ds-color-white: #ffffff;
  --lab-ds-size-breakpoints-l: 1920px;
  --lab-ds-size-breakpoints-m: 1440px;
  --lab-ds-size-breakpoints-s: 430px;
  --lab-ds-semantic-web-size-breakpoints-xl: 1680px;
  --lab-ds-semantic-web-size-breakpoints-l: 1440px;
  --lab-ds-semantic-web-size-breakpoints-md: 1024px;
  --lab-ds-semantic-web-size-breakpoints-sm: 430px;
  --lab-ds-semantic-web-size-breakpoints-xs: 0px;
  --lab-ds-core-color-black-10: #070304;
  --lab-ds-core-color-black-0: #000000;
  --lab-ds-core-color-white-0: #ffffff;
  --lab-ds-core-color-gray-100: #FAFAFA;
  --lab-ds-core-color-gray-90: #F1F1F1;
  --lab-ds-core-color-gray-80: #E2E2E2;
  --lab-ds-core-color-gray-70: #C6C6C6;
  --lab-ds-core-color-gray-60: #ABABAB;
  --lab-ds-core-color-gray-50: #919191;
  --lab-ds-core-color-gray-40: #777777;
  --lab-ds-core-color-gray-30: #5E5E5E;
  --lab-ds-core-color-gray-20: #474747;
  --lab-ds-core-color-gray-10: #303030;
  --lab-ds-core-color-gray-0: #1B1B1B;
  --lab-ds-core-color-red-100: #FAE8E8;
  --lab-ds-core-color-red-90: #F6D1D1;
  --lab-ds-core-color-red-80: #ECA2A2;
  --lab-ds-core-color-red-70: #E37474;
  --lab-ds-core-color-red-60: #D94545;
  --lab-ds-core-color-red-50: #D01717;
  --lab-ds-core-color-red-40: #A61212;
  --lab-ds-core-color-red-30: #7D0E0E;
  --lab-ds-core-color-red-20: #530909;
  --lab-ds-core-color-red-10: #2A0505;
  --lab-ds-core-color-green-100: #CDE5CE;
  --lab-ds-core-color-green-90: #B3D9B6;
  --lab-ds-core-color-green-80: #81BF86;
  --lab-ds-core-color-green-70: #4FA555;
  --lab-ds-core-color-green-60: #1C8C24;
  --lab-ds-core-color-green-50: #03720B;
  --lab-ds-core-color-green-40: #025908;
  --lab-ds-core-color-green-30: #024006;
  --lab-ds-core-color-green-20: #012604;
  --lab-ds-core-color-green-10: #000D01;
  --lab-ds-core-color-yellow-100: #FFF1CF;
  --lab-ds-core-color-yellow-90: #FFEBB7;
  --lab-ds-core-color-yellow-80: #FFDD87;
  --lab-ds-core-color-yellow-70: #FFCF57;
  --lab-ds-core-color-yellow-60: #FFCF57;
  --lab-ds-core-color-yellow-50: #E5A80D;
  --lab-ds-core-color-yellow-40: #B3830B;
  --lab-ds-core-color-yellow-30: #805E08;
  --lab-ds-core-color-yellow-20: #4D3805;
  --lab-ds-core-color-yellow-10: #1A1302;
  --lab-ds-core-color-neutral-100: #F4ECED;
  --lab-ds-core-color-neutral-90: #E9D8DC;
  --lab-ds-core-color-neutral-80: #D3B1B9;
  --lab-ds-core-color-neutral-70: #BF8D96;
  --lab-ds-core-color-neutral-60: #A96674;
  --lab-ds-core-color-neutral-50: #923F52;
  --lab-ds-core-color-neutral-40: #763242;
  --lab-ds-core-color-neutral-30: #592732;
  --lab-ds-core-color-neutral-20: #3A1820;
  --lab-ds-core-color-neutral-10: #1D0C10;
  --lab-ds-core-color-ski-100: #F8E7EB;
  --lab-ds-core-color-ski-90: #F2D0D8;
  --lab-ds-core-color-ski-80: #E5A1B0;
  --lab-ds-core-color-ski-70: #D77189;
  --lab-ds-core-color-ski-60: #CA4261;
  --lab-ds-core-color-ski-50: #BD133A;
  --lab-ds-core-color-ski-40: #970F2E;
  --lab-ds-core-color-ski-30: #710B23;
  --lab-ds-core-color-ski-20: #4C0817;
  --lab-ds-core-color-ski-10: #26040C;
  --lab-ds-core-color-orange-100: #FFF3E6;
  --lab-ds-core-color-orange-90: #FFE6CC;
  --lab-ds-core-color-orange-80: #FFCD99;
  --lab-ds-core-color-orange-70: #FFB466;
  --lab-ds-core-color-orange-60: #FF9B33;
  --lab-ds-core-color-orange-50: #FF8200;
  --lab-ds-core-color-orange-40: #CC6800;
  --lab-ds-core-color-orange-30: #994E00;
  --lab-ds-core-color-orange-20: #663400;
  --lab-ds-core-color-orange-10: #331A00;
  --lab-ds-core-brand-color-yellow: #E4E000;
  --lab-ds-core-brand-color-green: #77E600;
  --lab-ds-core-brand-color-red: #E50914;
  --lab-ds-core-font-decoration-02: line-through;
  --lab-ds-core-font-decoration-01: underline;
  --lab-ds-core-font-letter-case-04: none;
  --lab-ds-core-font-letter-case-03: uppercase;
  --lab-ds-core-font-letter-case-02: capitalize;
  --lab-ds-core-font-letter-case-01: lowercase;
  --lab-ds-core-font-size-rem: 16px; /* base para a escala do tamanho da fonte em REM */
  --lab-ds-core-font-line-height-09: 12px;
  --lab-ds-core-font-line-height-08: 14px;
  --lab-ds-core-font-line-height-07: 16px;
  --lab-ds-core-font-line-height-06: 24px;
  --lab-ds-core-font-line-height-05: 32px;
  --lab-ds-core-font-line-height-04: 40px;
  --lab-ds-core-font-line-height-03: 48px;
  --lab-ds-core-font-line-height-02: 64px;
  --lab-ds-core-font-line-height-01: 80px;
  --lab-ds-core-font-weight-bold: 700;
  --lab-ds-core-font-weight-semibold: 600;
  --lab-ds-core-font-weight-medium: 500;
  --lab-ds-core-font-weight-regular-italic: Italic;
  --lab-ds-core-font-weight-regular: 400;
  --lab-ds-core-font-weight-light: 300;
  --lab-ds-core-font-family-02: Fira Sans;
  --lab-ds-core-font-family-01: Noto Sans;
  --lab-ds-core-shadow-05: 0 10px 20px 0 rgba(000,000,000, 12%);
  --lab-ds-core-shadow-04: 0 6px 10px 4px rgba(000,000,000, 6%), 0 2px 3px 0 rgba(000,000,000, 12%);
  --lab-ds-core-shadow-03: 0 3px 8px 3px rgba(000,000,000, 6%), 0 1px 3px 0 rgba(000,000,000, 12%);
  --lab-ds-core-shadow-02: 0 0 8px 0 rgba(000,000,000, 8%);
  --lab-ds-core-shadow-01: 0 2px 2px 0 rgba(000,000,000,10%);
  --lab-ds-core-shadow-none: 0 0 0 0 0;
  --lab-ds-core-opacity-100: 1;
  --lab-ds-core-opacity-80: 0.8;
  --lab-ds-core-opacity-50: 0.5;
  --lab-ds-core-opacity-30: 0.3;
  --lab-ds-core-opacity-15: 0.15;
  --lab-ds-core-opacity-10: 0.1;
  --lab-ds-core-opacity-0: 0;
  --lab-ds-core-border-width-4: 4px;
  --lab-ds-core-border-width-3: 3px;
  --lab-ds-core-border-width-2: 2px;
  --lab-ds-core-border-width-1: 1px;
  --lab-ds-core-border-width-0: 0px;
  --lab-ds-core-border-radius-pill: 9999px;
  --lab-ds-core-border-radius-0: 0px;
  --lab-ds-core-dimension-0: 0px;
  --lab-ds-core-size-scale: 16px;
  --lab-ds-color-brand-green: var(--lab-ds-core-brand-color-green);
  --lab-ds-color-brand-yellow: var(--lab-ds-core-brand-color-yellow);
  --lab-ds-color-brand-red: var(--lab-ds-core-brand-color-red);
  --lab-ds-semantic-color-brand-03: var(--lab-ds-core-brand-color-green);
  --lab-ds-semantic-color-brand-02: var(--lab-ds-core-brand-color-yellow);
  --lab-ds-semantic-color-brand-01: var(--lab-ds-core-brand-color-red);
  --lab-ds-color-bg-02: var(--lab-ds-core-color-gray-90);
  --lab-ds-color-bg-01: var(--lab-ds-core-color-gray-100);
  --lab-ds-color-bg-00: var(--lab-ds-core-color-gray-90);
  --lab-ds-color-text-icon-disabled-on-fill: var(--lab-ds-core-color-gray-80);
  --lab-ds-color-text-icon-enabled: var(--lab-ds-core-color-gray-20);
  --lab-ds-color-text-icon-default: var(--lab-ds-core-color-black-10);
  --lab-ds-color-text-icon-warning-on-fill: var(--lab-ds-core-color-black-10);
  --lab-ds-color-text-icon-warning-default: var(--lab-ds-core-color-yellow-30);
  --lab-ds-color-text-icon-success-on-fill: var(--lab-ds-core-color-green-100);
  --lab-ds-color-text-icon-success-default: var(--lab-ds-core-color-green-30);
  --lab-ds-color-text-icon-error-on-fill: var(--lab-ds-core-color-gray-100);
  --lab-ds-color-text-icon-error-default: var(--lab-ds-core-color-red-20);
  --lab-ds-color-text-icon-secondary-on-fill: var(--lab-ds-core-color-black-10);
  --lab-ds-color-text-icon-secondary-default: var(--lab-ds-core-color-orange-40);
  --lab-ds-color-text-icon-primary-on-fill: var(--lab-ds-core-color-gray-100);
  --lab-ds-color-text-icon-primary-default: var(--lab-ds-core-color-ski-40);
  --lab-ds-color-border-default: var(--lab-ds-core-color-gray-70);
  --lab-ds-color-border-strong: var(--lab-ds-core-color-gray-60);
  --lab-ds-color-border-warning-weakest: var(--lab-ds-core-color-yellow-100);
  --lab-ds-color-border-warning-default: var(--lab-ds-core-color-yellow-50);
  --lab-ds-color-border-success-weakest: var(--lab-ds-core-color-green-100);
  --lab-ds-color-border-success-default: var(--lab-ds-core-color-green-30);
  --lab-ds-color-border-error-weakest: var(--lab-ds-core-color-red-100);
  --lab-ds-color-border-error-default: var(--lab-ds-core-color-red-30);
  --lab-ds-color-border-secondary-default: var(--lab-ds-core-color-orange-50);
  --lab-ds-color-border-secondary-weakest: var(--lab-ds-core-color-orange-100);
  --lab-ds-color-border-primary-default: var(--lab-ds-core-color-ski-50);
  --lab-ds-color-border-primary-weakest: var(--lab-ds-core-color-ski-100);
  --lab-ds-color-fill-gray-press: var(--lab-ds-core-color-gray-70);
  --lab-ds-color-fill-gray-hover: var(--lab-ds-core-color-gray-90);
  --lab-ds-color-fill-disabled-default: var(--lab-ds-core-color-gray-100);
  --lab-ds-color-fill-warning-strong: var(--lab-ds-core-color-yellow-30);
  --lab-ds-color-fill-warning-default: var(--lab-ds-core-color-yellow-50);
  --lab-ds-color-fill-warning-weakest: var(--lab-ds-core-color-yellow-100);
  --lab-ds-color-fill-success-default: var(--lab-ds-core-color-green-30);
  --lab-ds-color-fill-success-weakest: var(--lab-ds-core-color-green-100);
  --lab-ds-color-fill-error-weakest: var(--lab-ds-core-color-red-100);
  --lab-ds-color-fill-error-press: var(--lab-ds-core-color-red-30);
  --lab-ds-color-fill-error-default: var(--lab-ds-core-color-red-50);
  --lab-ds-color-fill-error-hover: var(--lab-ds-core-color-red-60);
  --lab-ds-color-fill-error-active: var(--lab-ds-core-color-red-100);
  --lab-ds-color-fill-secondary-press: var(--lab-ds-core-color-orange-40);
  --lab-ds-color-fill-secondary-default: var(--lab-ds-core-color-orange-50);
  --lab-ds-color-fill-secondary-hover: var(--lab-ds-core-color-orange-70);
  --lab-ds-color-fill-secondary-active: var(--lab-ds-core-color-orange-100);
  --lab-ds-color-fill-primary-press: var(--lab-ds-core-color-ski-40);
  --lab-ds-color-fill-primary-default: var(--lab-ds-core-color-ski-50);
  --lab-ds-color-fill-primary-hover: var(--lab-ds-core-color-ski-70);
  --lab-ds-color-fill-primary-active: var(--lab-ds-core-color-ski-100);
  --lab-ds-component-button-font-weight: var(--lab-ds-core-font-weight-bold);
  --lab-ds-component-button-font-family: var(--lab-ds-core-font-family-01);
  --lab-ds-component-button-font-line-height-small: var(--lab-ds-core-font-line-height-09);
  --lab-ds-component-button-font-line-height-medium: var(--lab-ds-core-font-line-height-08);
  --lab-ds-component-button-font-line-height-large: var(--lab-ds-core-font-line-height-07);
  --lab-ds-body-font-line-height-08: var(--lab-ds-core-font-line-height-08);
  --lab-ds-body-font-line-height-07: var(--lab-ds-core-font-line-height-07);
  --lab-ds-body-font-weight-bold: var(--lab-ds-core-font-weight-bold);
  --lab-ds-body-font-weight-semibold: var(--lab-ds-core-font-weight-semibold);
  --lab-ds-body-font-weight-medium: var(--lab-ds-core-font-weight-medium);
  --lab-ds-body-font-weight-regular-italic: var(--lab-ds-core-font-weight-regular-italic);
  --lab-ds-body-font-weight-regular: var(--lab-ds-core-font-weight-regular);
  --lab-ds-body-font-weight-light: var(--lab-ds-core-font-weight-light);
  --lab-ds-heading-font-line-height-09: var(--lab-ds-core-font-line-height-09);
  --lab-ds-heading-font-line-height-07: var(--lab-ds-core-font-line-height-07);
  --lab-ds-heading-font-line-height-06: var(--lab-ds-core-font-line-height-06);
  --lab-ds-heading-font-line-height-05: var(--lab-ds-core-font-line-height-05);
  --lab-ds-heading-font-line-height-04: var(--lab-ds-core-font-line-height-04);
  --lab-ds-heading-font-line-height-03: var(--lab-ds-core-font-line-height-03);
  --lab-ds-heading-font-line-height-02: var(--lab-ds-core-font-line-height-02);
  --lab-ds-heading-font-line-height-01: var(--lab-ds-core-font-line-height-01);
  --lab-ds-heading-font-weight-bold: var(--lab-ds-core-font-weight-bold);
  --lab-ds-heading-font-weight-semibold: var(--lab-ds-core-font-weight-semibold);
  --lab-ds-font-decoration-line-through: var(--lab-ds-core-font-decoration-02);
  --lab-ds-font-decoration-underlined: var(--lab-ds-core-font-decoration-01);
  --lab-ds-font-family-heading: var(--lab-ds-core-font-family-02);
  --lab-ds-font-family-body: var(--lab-ds-core-font-family-01);
  --lab-ds-shadow-m: var(--lab-ds-core-shadow-02);
  --lab-ds-shadow-s: var(--lab-ds-core-shadow-01);
  --lab-ds-border-width-l: var(--lab-ds-core-border-width-4);
  --lab-ds-border-width-m: var(--lab-ds-core-border-width-2);
  --lab-ds-border-width-s: var(--lab-ds-core-border-width-1);
  --lab-ds-border-width-none: var(--lab-ds-core-border-width-0);
  --lab-ds-border-radius-pill: var(--lab-ds-core-border-radius-pill);
  --lab-ds-space-none: var(--lab-ds-core-dimension-0);
  --lab-ds-semantic-color-neutral-100: var(--lab-ds-core-color-neutral-100);
  --lab-ds-semantic-color-neutral-90: var(--lab-ds-core-color-neutral-90);
  --lab-ds-semantic-color-neutral-80: var(--lab-ds-core-color-neutral-80);
  --lab-ds-semantic-color-neutral-70: var(--lab-ds-core-color-neutral-70);
  --lab-ds-semantic-color-neutral-60: var(--lab-ds-core-color-neutral-60);
  --lab-ds-semantic-color-neutral-50: var(--lab-ds-core-color-neutral-50);
  --lab-ds-semantic-color-neutral-40: var(--lab-ds-core-color-neutral-40);
  --lab-ds-semantic-color-neutral-30: var(--lab-ds-core-color-neutral-30);
  --lab-ds-semantic-color-neutral-20: var(--lab-ds-core-color-neutral-20);
  --lab-ds-semantic-color-neutral-10: var(--lab-ds-core-color-neutral-10);
  --lab-ds-semantic-color-fg-contrast-primary: var(--lab-ds-core-color-gray-100);
  --lab-ds-semantic-color-fg-disabled: var(--lab-ds-core-color-gray-30);
  --lab-ds-semantic-color-fg-enabled: var(--lab-ds-core-color-gray-20);
  --lab-ds-semantic-color-fg-default: var(--lab-ds-core-color-black-10);
  --lab-ds-semantic-color-fg-pure: var(--lab-ds-core-color-black-0);
  --lab-ds-semantic-color-bg-second-level: var(--lab-ds-core-color-gray-100);
  --lab-ds-semantic-color-bg-first-level: var(--lab-ds-core-color-gray-90);
  --lab-ds-semantic-color-bg-disabled: var(--lab-ds-core-color-gray-80);
  --lab-ds-semantic-color-bg-cloudy: var(--lab-ds-core-color-gray-70);
  --lab-ds-semantic-color-bg-hover: var(--lab-ds-core-color-gray-90);
  --lab-ds-semantic-color-bg-default: var(--lab-ds-core-color-gray-100);
  --lab-ds-semantic-color-bg-pure: var(--lab-ds-core-color-white-0);
  --lab-ds-semantic-placeholder-color-secondary-stronger: var(--lab-ds-core-color-orange-20);
  --lab-ds-semantic-placeholder-color-secondary-strong: var(--lab-ds-core-color-orange-40);
  --lab-ds-semantic-placeholder-color-secondary-waek: var(--lab-ds-core-color-orange-50);
  --lab-ds-semantic-placeholder-color-secondary-weaker: var(--lab-ds-core-color-orange-70);
  --lab-ds-semantic-placeholder-color-secondary-weakest: var(--lab-ds-core-color-orange-100);
  --lab-ds-semantic-placeholder-color-error-focus: var(--lab-ds-core-color-red-20);
  --lab-ds-semantic-placeholder-color-error-press: var(--lab-ds-core-color-red-30);
  --lab-ds-semantic-placeholder-color-error-default: var(--lab-ds-core-color-red-50);
  --lab-ds-semantic-placeholder-color-error-hover: var(--lab-ds-core-color-red-70);
  --lab-ds-semantic-placeholder-color-error-active: var(--lab-ds-core-color-red-100);
  --lab-ds-semantic-placeholder-color-border-disabled: var(--lab-ds-core-color-gray-90);
  --lab-ds-semantic-placeholder-color-border-default: var(--lab-ds-core-color-gray-70);
  --lab-ds-semantic-placeholder-color-bg-light-success: var(--lab-ds-core-color-green-100);
  --lab-ds-semantic-placeholder-color-bg-light-warning: var(--lab-ds-core-color-yellow-100);
  --lab-ds-semantic-placeholder-border-radius-pill: var(--lab-ds-core-border-radius-pill);
  --lab-ds-semantic-placeholder-border-radius-none: var(--lab-ds-core-border-radius-0);
  --lab-ds-semantic-placeholder-border-width-l: var(--lab-ds-core-border-width-4);
  --lab-ds-semantic-placeholder-border-width-m: var(--lab-ds-core-border-width-2);
  --lab-ds-semantic-placeholder-border-width-s: var(--lab-ds-core-border-width-1);
  --lab-ds-semantic-placeholder-border-width-none: var(--lab-ds-core-border-width-0);
  --lab-ds-semantic-placeholder-space-gap-none: var(--lab-ds-core-dimension-0);
  --lab-ds-semantic-placeholder-space-padding-none: var(--lab-ds-core-dimension-0);
  --lab-ds-semantic-heading-font-line-height-07: var(--lab-ds-core-font-line-height-07);
  --lab-ds-semantic-heading-font-line-height-09: var(--lab-ds-core-font-line-height-09);
  --lab-ds-semantic-heading-font-line-height-06: var(--lab-ds-core-font-line-height-06);
  --lab-ds-semantic-heading-font-line-height-05: var(--lab-ds-core-font-line-height-05);
  --lab-ds-semantic-heading-font-line-height-04: var(--lab-ds-core-font-line-height-04);
  --lab-ds-semantic-heading-font-line-height-03: var(--lab-ds-core-font-line-height-03);
  --lab-ds-semantic-heading-font-line-height-02: var(--lab-ds-core-font-line-height-02);
  --lab-ds-semantic-heading-font-line-height-01: var(--lab-ds-core-font-line-height-01);
  --lab-ds-semantic-heading-font-weight-bold: var(--lab-ds-core-font-weight-bold);
  --lab-ds-semantic-font-decoration-line-through: var(--lab-ds-core-font-decoration-02);
  --lab-ds-semantic-font-decoration-underlined: var(--lab-ds-core-font-decoration-01);
  --lab-ds-semantic-font-family-heading: var(--lab-ds-core-font-family-02);
  --lab-ds-semantic-font-family-body: var(--lab-ds-core-font-family-01);
  --lab-ds-semantic-body-font-line-height-08: var(--lab-ds-core-font-line-height-08);
  --lab-ds-semantic-body-font-line-height-07: var(--lab-ds-core-font-line-height-07);
  --lab-ds-semantic-body-font-weight-bold: var(--lab-ds-core-font-weight-bold);
  --lab-ds-semantic-body-font-weight-semibold: var(--lab-ds-core-font-weight-semibold);
  --lab-ds-semantic-body-font-weight-regular-italic: var(--lab-ds-core-font-weight-regular-italic);
  --lab-ds-semantic-body-font-weight-regular: var(--lab-ds-core-font-weight-regular);
  --lab-ds-semantic-body-font-weight-light: var(--lab-ds-core-font-weight-light);
  --lab-ds-semantic-body-space-gap-none: var(--lab-ds-core-dimension-0);
  --lab-ds-semantic-body-space-padding-none: var(--lab-ds-core-dimension-0);
  --lab-ds-semantic-page-space-padding-none: var(--lab-ds-core-dimension-0);
  --lab-ds-semantic-container-space-gap-none: var(--lab-ds-core-dimension-0);
  --lab-ds-semantic-container-space-padding-none: var(--lab-ds-core-dimension-0);
  --lab-ds-semantic-container-shadow-xxl: var(--lab-ds-core-shadow-05);
  --lab-ds-semantic-container-shadow-xl: var(--lab-ds-core-shadow-04);
  --lab-ds-semantic-container-shadow-l: var(--lab-ds-core-shadow-03);
  --lab-ds-semantic-container-border-radius-pill: var(--lab-ds-core-border-radius-pill);
  --lab-ds-semantic-container-border-radius-none: var(--lab-ds-core-border-radius-0);
  --lab-ds-semantic-selectable-color-error-focus: var(--lab-ds-core-color-red-20);
  --lab-ds-semantic-selectable-color-error-press: var(--lab-ds-core-color-red-30);
  --lab-ds-semantic-selectable-color-error-default: var(--lab-ds-core-color-red-50);
  --lab-ds-semantic-selectable-color-error-hover: var(--lab-ds-core-color-red-60);
  --lab-ds-semantic-selectable-color-error-active: var(--lab-ds-core-color-red-100);
  --lab-ds-semantic-selectable-color-border-disabled: var(--lab-ds-core-color-gray-90);
  --lab-ds-semantic-selectable-color-border-default: var(--lab-ds-core-color-gray-70);
  --lab-ds-semantic-selectable-color-bg-light-success: var(--lab-ds-core-color-green-100);
  --lab-ds-semantic-selectable-color-bg-light-warning: var(--lab-ds-core-color-yellow-100);
  --lab-ds-semantic-selectable-color-bg-dark-error: var(--lab-ds-core-color-red-30);
  --lab-ds-semantic-selectable-color-bg-dark-warning: var(--lab-ds-core-color-yellow-30);
  --lab-ds-semantic-selectable-color-bg-dark-success: var(--lab-ds-core-color-green-30);
  --lab-ds-semantic-selectable-color-primary-focus: var(--lab-ds-core-color-ski-20);
  --lab-ds-semantic-selectable-color-primary-press: var(--lab-ds-core-color-ski-40);
  --lab-ds-semantic-selectable-color-primary-default: var(--lab-ds-core-color-ski-50);
  --lab-ds-semantic-selectable-color-primary-hover: var(--lab-ds-core-color-ski-70);
  --lab-ds-semantic-selectable-color-primary-active: var(--lab-ds-core-color-ski-100);
  --lab-ds-semantic-selectable-space-gap-none: var(--lab-ds-core-dimension-0);
  --lab-ds-semantic-selectable-space-padding-none: var(--lab-ds-core-dimension-0);
  --lab-ds-semantic-selectable-shadow-m: var(--lab-ds-core-shadow-02);
  --lab-ds-semantic-selectable-shadow-s: var(--lab-ds-core-shadow-01);
  --lab-ds-semantic-selectable-shadow-none: var(--lab-ds-core-shadow-none);
  --lab-ds-semantic-selectable-border-width-l: var(--lab-ds-core-border-width-4);
  --lab-ds-semantic-selectable-border-width-m: var(--lab-ds-core-border-width-2);
  --lab-ds-semantic-selectable-border-width-s: var(--lab-ds-core-border-width-1);
  --lab-ds-semantic-selectable-border-width-none: var(--lab-ds-core-border-width-0);
  --lab-ds-semantic-selectable-border-radius-pill: var(--lab-ds-core-border-radius-pill);
  --lab-ds-core-color-white-10: var(--lab-ds-core-color-gray-100);
  --lab-ds-core-font-size-base: 0.var(--lab-ds-core-font-size-rem); /* base do calculo do tamanho da fonte em REM */
  --lab-ds-core-border-radius-base: 0.var(--lab-ds-core-size-scale);
  --lab-ds-core-dimension-base: 0.var(--lab-ds-core-size-scale); /* base para utilizar de calculo as variacoes de dimensao */
  --lab-ds-color-fill-error-loading: var(--lab-ds-color-fill-error-press);
  --lab-ds-color-fill-secondary-loading: var(--lab-ds-color-fill-secondary-press);
  --lab-ds-color-fill-primary-loading: var(--lab-ds-color-fill-primary-press);
  --lab-ds-component-button-typography-small-underlined: var(--lab-ds-component-button-font-weight) var(--lab-ds-component-button-font-size-small)/var(--lab-ds-component-button-font-line-height-small) var(--lab-ds-component-button-font-family);
  --lab-ds-component-button-typography-small: var(--lab-ds-component-button-font-weight) var(--lab-ds-component-button-font-size-small)/var(--lab-ds-component-button-font-line-height-small) var(--lab-ds-component-button-font-family);
  --lab-ds-component-button-typography-medium-underlined: var(--lab-ds-component-button-font-weight) var(--lab-ds-component-button-font-size-medium)/var(--lab-ds-component-button-font-line-height-medium) var(--lab-ds-component-button-font-family);
  --lab-ds-component-button-typography-medium: var(--lab-ds-component-button-font-weight) var(--lab-ds-component-button-font-size-medium)/var(--lab-ds-component-button-font-line-height-medium) var(--lab-ds-component-button-font-family);
  --lab-ds-component-button-typography-large-underlined: var(--lab-ds-component-button-font-weight) var(--lab-ds-component-button-font-size-large)/var(--lab-ds-component-button-font-line-height-large) var(--lab-ds-component-button-font-family);
  --lab-ds-component-button-typography-large: var(--lab-ds-component-button-font-weight) var(--lab-ds-component-button-font-size-large)/var(--lab-ds-component-button-font-line-height-large) var(--lab-ds-component-button-font-family);
  --lab-ds-component-button-typography-underlined-small: var(--lab-ds-component-button-font-weight) var(--lab-ds-component-button-font-size-small)/var(--lab-ds-component-button-font-line-height-small) var(--lab-ds-component-button-font-family);
  --lab-ds-component-button-typography-underlined-medium: var(--lab-ds-component-button-font-weight) var(--lab-ds-component-button-font-line-height-medium)/var(--lab-ds-component-button-font-size-medium) var(--lab-ds-component-button-font-family);
  --lab-ds-component-button-typography-underlined-large: var(--lab-ds-component-button-font-weight) var(--lab-ds-component-button-font-line-height-large)/var(--lab-ds-component-button-font-size-large) var(--lab-ds-component-button-font-family);
  --lab-ds-component-button-typography-none-decoration-small: var(--lab-ds-component-button-font-weight) var(--lab-ds-component-button-font-size-small)/var(--lab-ds-component-button-font-line-height-small) var(--lab-ds-component-button-font-family);
  --lab-ds-component-button-typography-none-decoration-medium: var(--lab-ds-component-button-font-weight) var(--lab-ds-component-button-font-size-medium)/var(--lab-ds-component-button-font-line-height-medium) var(--lab-ds-component-button-font-family);
  --lab-ds-component-button-typography-none-decoration-large: var(--lab-ds-component-button-font-weight) var(--lab-ds-component-button-font-size-large)/var(--lab-ds-component-button-font-line-height-large) var(--lab-ds-component-button-font-family);
  --lab-ds-typography-body-p5-bold: var(--lab-ds-body-font-weight-bold) var(--lab-ds-body-font-size-s)/var(--lab-ds-body-font-line-height-08) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p5-semibold: var(--lab-ds-body-font-weight-semibold) var(--lab-ds-body-font-size-s)/var(--lab-ds-body-font-line-height-08) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p5-medium: var(--lab-ds-body-font-weight-medium) var(--lab-ds-body-font-size-s)/var(--lab-ds-body-font-line-height-08) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p5-regular: var(--lab-ds-body-font-weight-regular) var(--lab-ds-body-font-size-s)/var(--lab-ds-body-font-line-height-08) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p4-underlined-bold: var(--lab-ds-body-font-weight-bold) var(--lab-ds-body-font-size-sm)/var(--lab-ds-body-font-line-height-07) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p4-underlined-regular: var(--lab-ds-body-font-weight-regular) var(--lab-ds-body-font-size-sm)/var(--lab-ds-body-font-line-height-07) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p4-bold: var(--lab-ds-body-font-weight-bold) var(--lab-ds-body-font-size-sm)/var(--lab-ds-body-font-line-height-07) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p4-semibold: var(--lab-ds-body-font-weight-semibold) var(--lab-ds-body-font-size-sm)/var(--lab-ds-body-font-line-height-07) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p4-medium: var(--lab-ds-body-font-weight-medium) var(--lab-ds-body-font-size-sm)/var(--lab-ds-body-font-line-height-07) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p4-light: var(--lab-ds-body-font-weight-light) var(--lab-ds-body-font-size-sm)/var(--lab-ds-body-font-line-height-07) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p4-regular: var(--lab-ds-body-font-weight-regular) var(--lab-ds-body-font-size-sm)/var(--lab-ds-body-font-line-height-07) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p3-underlined-bold: var(--lab-ds-body-font-weight-bold) var(--lab-ds-body-font-size-m)/var(--lab-ds-heading-font-line-height-07) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p3-underlined-regular: var(--lab-ds-body-font-weight-regular) var(--lab-ds-body-font-size-m)/var(--lab-ds-heading-font-line-height-07) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p3-bold: var(--lab-ds-body-font-weight-bold) var(--lab-ds-body-font-size-m)/var(--lab-ds-heading-font-line-height-07) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p3-medium: var(--lab-ds-body-font-weight-medium) var(--lab-ds-body-font-size-m)/var(--lab-ds-heading-font-line-height-07) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p3-semibold: var(--lab-ds-heading-font-weight-semibold) var(--lab-ds-body-font-size-m)/var(--lab-ds-heading-font-line-height-07) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p3-regular-italic: var(--lab-ds-body-font-weight-regular-italic) var(--lab-ds-body-font-size-m)/var(--lab-ds-heading-font-line-height-07) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p3-regular: var(--lab-ds-body-font-weight-regular) var(--lab-ds-body-font-size-m)/var(--lab-ds-heading-font-line-height-07) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p1-underlined-bold: var(--lab-ds-body-font-weight-bold) var(--lab-ds-body-font-size-l)/var(--lab-ds-heading-font-line-height-05) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p1-underlined-regular: var(--lab-ds-body-font-weight-regular) var(--lab-ds-body-font-size-l)/var(--lab-ds-heading-font-line-height-05) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p1-bold: var(--lab-ds-heading-font-weight-bold) var(--lab-ds-body-font-size-l)/var(--lab-ds-heading-font-line-height-05) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p1-semibold: var(--lab-ds-body-font-weight-semibold) var(--lab-ds-body-font-size-l)/var(--lab-ds-heading-font-line-height-05) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p1-medium: var(--lab-ds-body-font-weight-medium) var(--lab-ds-body-font-size-l)/var(--lab-ds-heading-font-line-height-05) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p1-regular-italic: var(--lab-ds-body-font-weight-regular-italic) var(--lab-ds-body-font-size-l)/var(--lab-ds-heading-font-line-height-05) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p1-regular: var(--lab-ds-body-font-weight-regular) var(--lab-ds-body-font-size-l)/var(--lab-ds-heading-font-line-height-05) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p2-underlined-bold: var(--lab-ds-body-font-weight-bold) var(--lab-ds-body-font-size-ml)/var(--lab-ds-heading-font-line-height-06) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p2-underlined-regular: var(--lab-ds-body-font-weight-regular) var(--lab-ds-body-font-size-ml)/var(--lab-ds-heading-font-line-height-06) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p2-bold: var(--lab-ds-body-font-weight-bold) var(--lab-ds-body-font-size-ml)/var(--lab-ds-heading-font-line-height-06) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p2-semibold: var(--lab-ds-heading-font-weight-semibold) var(--lab-ds-body-font-size-ml)/var(--lab-ds-heading-font-line-height-06) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p2-medium: var(--lab-ds-body-font-weight-medium) var(--lab-ds-body-font-size-ml)/var(--lab-ds-heading-font-line-height-06) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p2-regular-italic: var(--lab-ds-body-font-weight-regular-italic) var(--lab-ds-body-font-size-ml)/var(--lab-ds-heading-font-line-height-06) var(--lab-ds-font-family-body);
  --lab-ds-typography-body-p2-regular: var(--lab-ds-body-font-weight-regular) var(--lab-ds-body-font-size-ml)/var(--lab-ds-heading-font-line-height-06) var(--lab-ds-font-family-body);
  --lab-ds-typography-heading-h8: var(--lab-ds-heading-font-weight-bold) var(--lab-ds-heading-font-size-s)/var(--lab-ds-heading-font-line-height-09) var(--lab-ds-font-family-heading);
  --lab-ds-typography-heading-h7: var(--lab-ds-heading-font-weight-bold) var(--lab-ds-heading-font-size-m)/var(--lab-ds-heading-font-line-height-07) var(--lab-ds-font-family-heading);
  --lab-ds-typography-heading-h6: var(--lab-ds-heading-font-weight-bold) var(--lab-ds-heading-font-size-ml)/var(--lab-ds-heading-font-line-height-06) var(--lab-ds-font-family-heading);
  --lab-ds-typography-heading-h5: var(--lab-ds-heading-font-weight-bold) var(--lab-ds-heading-font-size-l)/var(--lab-ds-heading-font-line-height-05) var(--lab-ds-font-family-heading);
  --lab-ds-typography-heading-h4: var(--lab-ds-heading-font-weight-bold) var(--lab-ds-heading-font-size-xl)/var(--lab-ds-heading-font-line-height-04) var(--lab-ds-font-family-heading);
  --lab-ds-typography-heading-h3: var(--lab-ds-heading-font-weight-bold) var(--lab-ds-heading-font-size-xxl)/var(--lab-ds-heading-font-line-height-03) var(--lab-ds-font-family-heading);
  --lab-ds-typography-heading-h2: var(--lab-ds-heading-font-weight-bold) var(--lab-ds-heading-font-size-xxxl)/var(--lab-ds-heading-font-line-height-02) var(--lab-ds-font-family-heading);
  --lab-ds-typography-heading-h1: var(--lab-ds-heading-font-weight-bold) var(--lab-ds-heading-font-size-strong)/var(--lab-ds-heading-font-line-height-01) var(--lab-ds-font-family-heading);
  --lab-ds-semantic-placeholder-color-error-loading: var(--lab-ds-semantic-placeholder-color-error-press);
  --lab-ds-semantic-placeholder-color-border-light-success: var(--lab-ds-semantic-selectable-color-bg-light-success);
  --lab-ds-semantic-placeholder-color-border-light-warning: var(--lab-ds-semantic-selectable-color-bg-light-warning);
  --lab-ds-semantic-placeholder-color-border-dark-warning: var(--lab-ds-semantic-selectable-color-bg-dark-warning);
  --lab-ds-semantic-placeholder-color-border-dark-error: var(--lab-ds-semantic-selectable-color-bg-dark-error);
  --lab-ds-semantic-placeholder-color-border-dark-success: var(--lab-ds-semantic-selectable-color-bg-dark-success);
  --lab-ds-semantic-placeholder-color-bg-light-error: var(--lab-ds-semantic-placeholder-color-error-active);
  --lab-ds-semantic-placeholder-color-bg-cloudy: var(--lab-ds-semantic-color-bg-cloudy);
  --lab-ds-semantic-placeholder-color-bg-disabled: var(--lab-ds-semantic-color-bg-disabled);
  --lab-ds-semantic-placeholder-color-bg-hover: var(--lab-ds-semantic-color-bg-hover);
  --lab-ds-semantic-placeholder-color-bg-default: var(--lab-ds-semantic-color-bg-default);
  --lab-ds-semantic-placeholder-color-bg-pure: var(--lab-ds-semantic-color-bg-pure);
  --lab-ds-semantic-placeholder-color-bg-dark-success: var(--lab-ds-semantic-selectable-color-bg-dark-success);
  --lab-ds-semantic-typography-body-underlined-p2-regular: var(--lab-ds-semantic-body-font-weight-regular) var(--lab-ds-semantic-body-font-size-ml)/var(--lab-ds-semantic-heading-font-line-height-06) var(--lab-ds-semantic-font-family-body);
  --lab-ds-semantic-typography-body-none-decoration-p5-bold: var(--lab-ds-semantic-body-font-weight-bold) var(--lab-ds-semantic-body-font-size-s)/var(--lab-ds-semantic-body-font-line-height-08) var(--lab-ds-semantic-font-family-body);
  --lab-ds-semantic-typography-body-none-decoration-p5-regular: var(--lab-ds-semantic-body-font-weight-regular) var(--lab-ds-semantic-body-font-size-s)/var(--lab-ds-semantic-body-font-line-height-08) var(--lab-ds-semantic-font-family-body);
  --lab-ds-semantic-typography-body-none-decoration-p4-light: var(--lab-ds-semantic-body-font-weight-light) var(--lab-ds-semantic-body-font-size-sm)/var(--lab-ds-semantic-body-font-line-height-07) var(--lab-ds-semantic-font-family-body);
  --lab-ds-semantic-typography-body-none-decoration-p4-regular: var(--lab-ds-semantic-body-font-weight-regular) var(--lab-ds-semantic-body-font-size-sm)/var(--lab-ds-semantic-body-font-line-height-07) var(--lab-ds-semantic-font-family-body);
  --lab-ds-semantic-typography-body-none-decoration-p4-bold: var(--lab-ds-semantic-heading-font-weight-bold) var(--lab-ds-semantic-body-font-size-sm)/var(--lab-ds-semantic-body-font-line-height-07) var(--lab-ds-semantic-font-family-body);
  --lab-ds-semantic-typography-body-none-decoration-p3-light: var(--lab-ds-semantic-body-font-weight-light) var(--lab-ds-semantic-body-font-size-m)/var(--lab-ds-semantic-body-font-line-height-07) var(--lab-ds-semantic-font-family-body);
  --lab-ds-semantic-typography-body-none-decoration-p3-regular: var(--lab-ds-semantic-body-font-weight-regular) var(--lab-ds-semantic-body-font-size-m)/var(--lab-ds-semantic-body-font-line-height-07) var(--lab-ds-semantic-font-family-body);
  --lab-ds-semantic-typography-body-none-decoration-p3-bold: var(--lab-ds-semantic-heading-font-weight-bold) var(--lab-ds-semantic-body-font-size-m)/var(--lab-ds-semantic-body-font-line-height-07) var(--lab-ds-semantic-font-family-body);
  --lab-ds-semantic-typography-body-none-decoration-p2-regular-italic: var(--lab-ds-semantic-body-font-weight-regular-italic) var(--lab-ds-semantic-body-font-size-ml)/var(--lab-ds-semantic-heading-font-line-height-06) var(--lab-ds-semantic-font-family-body);
  --lab-ds-semantic-typography-body-none-decoration-p2-regular: var(--lab-ds-semantic-body-font-weight-regular) var(--lab-ds-semantic-body-font-size-ml)/var(--lab-ds-semantic-heading-font-line-height-06) var(--lab-ds-semantic-font-family-body);
  --lab-ds-semantic-typography-body-none-decoration-p2-bold: var(--lab-ds-semantic-heading-font-weight-bold) var(--lab-ds-semantic-body-font-size-ml)/var(--lab-ds-semantic-heading-font-line-height-06) var(--lab-ds-semantic-font-family-body);
  --lab-ds-semantic-typography-body-none-decoration-p1-regular: var(--lab-ds-semantic-body-font-weight-regular) var(--lab-ds-semantic-body-font-size-l)/var(--lab-ds-semantic-heading-font-line-height-05) var(--lab-ds-semantic-font-family-body);
  --lab-ds-semantic-typography-body-none-decoration-p1-bold: var(--lab-ds-semantic-heading-font-weight-bold) var(--lab-ds-semantic-body-font-size-l)/var(--lab-ds-semantic-heading-font-line-height-05) var(--lab-ds-semantic-font-family-body);
  --lab-ds-semantic-typography-heading-h8: var(--lab-ds-semantic-heading-font-weight-bold) var(--lab-ds-semantic-heading-font-line-height-09)/var(--lab-ds-semantic-heading-font-size-s) var(--lab-ds-semantic-font-family-heading);
  --lab-ds-semantic-typography-heading-h7: var(--lab-ds-semantic-heading-font-weight-bold) var(--lab-ds-semantic-heading-font-size-m)/var(--lab-ds-semantic-body-font-line-height-07) var(--lab-ds-semantic-font-family-heading);
  --lab-ds-semantic-typography-heading-h6: var(--lab-ds-semantic-heading-font-weight-bold) var(--lab-ds-semantic-heading-font-size-ml)/var(--lab-ds-semantic-heading-font-line-height-06) var(--lab-ds-semantic-font-family-heading);
  --lab-ds-semantic-typography-heading-h5: var(--lab-ds-semantic-heading-font-weight-bold) var(--lab-ds-semantic-heading-font-size-l)/var(--lab-ds-semantic-heading-font-line-height-05) var(--lab-ds-semantic-font-family-heading);
  --lab-ds-semantic-typography-heading-h4: var(--lab-ds-semantic-heading-font-weight-bold) var(--lab-ds-semantic-heading-font-size-xl)/var(--lab-ds-semantic-heading-font-line-height-04) var(--lab-ds-semantic-font-family-heading);
  --lab-ds-semantic-typography-heading-h3: var(--lab-ds-semantic-heading-font-weight-bold) var(--lab-ds-semantic-heading-font-size-xxl)/var(--lab-ds-semantic-heading-font-line-height-03) var(--lab-ds-semantic-font-family-heading);
  --lab-ds-semantic-typography-heading-h2: var(--lab-ds-semantic-heading-font-weight-bold) var(--lab-ds-semantic-heading-font-size-xxxl)/var(--lab-ds-semantic-heading-font-line-height-02) var(--lab-ds-semantic-font-family-heading);
  --lab-ds-semantic-typography-heading-h1: var(--lab-ds-semantic-heading-font-weight-bold) var(--lab-ds-semantic-heading-font-line-height-01)/var(--lab-ds-semantic-heading-font-size-strong) var(--lab-ds-semantic-font-family-heading);
  --lab-ds-semantic-selectable-color-error-loading: var(--lab-ds-semantic-selectable-color-error-press);
  --lab-ds-semantic-selectable-color-border-light-success: var(--lab-ds-semantic-selectable-color-bg-light-success);
  --lab-ds-semantic-selectable-color-border-light-warning: var(--lab-ds-semantic-selectable-color-bg-light-warning);
  --lab-ds-semantic-selectable-color-border-dark-warning: var(--lab-ds-semantic-selectable-color-bg-dark-warning);
  --lab-ds-semantic-selectable-color-border-dark-error: var(--lab-ds-semantic-selectable-color-bg-dark-error);
  --lab-ds-semantic-selectable-color-border-dark-success: var(--lab-ds-semantic-selectable-color-bg-dark-success);
  --lab-ds-semantic-selectable-color-bg-light-error: var(--lab-ds-semantic-selectable-color-error-active);
  --lab-ds-semantic-selectable-color-bg-cloudy: var(--lab-ds-semantic-color-bg-cloudy);
  --lab-ds-semantic-selectable-color-bg-disabled: var(--lab-ds-semantic-color-bg-disabled);
  --lab-ds-semantic-selectable-color-bg-hover: var(--lab-ds-semantic-color-bg-hover);
  --lab-ds-semantic-selectable-color-bg-default: var(--lab-ds-semantic-color-bg-default);
  --lab-ds-semantic-selectable-color-bg-pure: var(--lab-ds-semantic-color-bg-pure);
  --lab-ds-semantic-selectable-color-primary-loading: var(--lab-ds-semantic-selectable-color-primary-press);
  --lab-ds-core-font-size-09: 10px;
  --lab-ds-core-font-size-08: 12px;
  --lab-ds-core-font-size-07: 14px;
  --lab-ds-core-font-size-06: 16px;
  --lab-ds-core-font-size-05: 22px;
  --lab-ds-core-font-size-04: 28px;
  --lab-ds-core-font-size-03: 38px;
  --lab-ds-core-font-size-02: 52px;
  --lab-ds-core-font-size-01: 68px;
  --lab-ds-core-border-radius-500: 80px;
  --lab-ds-core-border-radius-250: 40px;
  --lab-ds-core-border-radius-200: 32px;
  --lab-ds-core-border-radius-150: 24px;
  --lab-ds-core-border-radius-100: 16px;
  --lab-ds-core-border-radius-75: 12px;
  --lab-ds-core-border-radius-50: 8px;
  --lab-ds-core-border-radius-25: 4px;
  --lab-ds-core-border-radius-12: 2px;
  --lab-ds-core-dimension-1800: 288px;
  --lab-ds-core-dimension-1600: 256px;
  --lab-ds-core-dimension-1400: 224px;
  --lab-ds-core-dimension-1200: 192px;
  --lab-ds-core-dimension-1000: 160px;
  --lab-ds-core-dimension-800: 128px;
  --lab-ds-core-dimension-700: 112px;
  --lab-ds-core-dimension-600: 96px;
  --lab-ds-core-dimension-500: 80px;
  --lab-ds-core-dimension-450: 72px;
  --lab-ds-core-dimension-400: 64px;
  --lab-ds-core-dimension-350: 56px;
  --lab-ds-core-dimension-300: 48px;
  --lab-ds-core-dimension-275: 44px;
  --lab-ds-core-dimension-250: 40px;
  --lab-ds-core-dimension-225: 36px;
  --lab-ds-core-dimension-200: 32px;
  --lab-ds-core-dimension-175: 28px;
  --lab-ds-core-dimension-150: 24px;
  --lab-ds-core-dimension-125: 20px;
  --lab-ds-core-dimension-100: 16px;
  --lab-ds-core-dimension-75: 12px;
  --lab-ds-core-dimension-50: 8px;
  --lab-ds-core-dimension-37: 6px;
  --lab-ds-core-dimension-25: 4px;
  --lab-ds-core-dimension-12: 2px;
  --lab-ds-component-button-font-size-small: var(--lab-ds-core-font-size-09);
  --lab-ds-component-button-font-size-medium: var(--lab-ds-core-font-size-07);
  --lab-ds-component-button-font-size-large: var(--lab-ds-core-font-size-06);
  --lab-ds-body-font-size-l: var(--lab-ds-core-font-size-05);
  --lab-ds-body-font-size-ml: var(--lab-ds-core-font-size-06);
  --lab-ds-body-font-size-m: var(--lab-ds-core-font-size-07);
  --lab-ds-body-font-size-sm: var(--lab-ds-core-font-size-08);
  --lab-ds-body-font-size-s: var(--lab-ds-core-font-size-09);
  --lab-ds-heading-font-size-strong: var(--lab-ds-core-font-size-01);
  --lab-ds-heading-font-size-xxxl: var(--lab-ds-core-font-size-02);
  --lab-ds-heading-font-size-xxl: var(--lab-ds-core-font-size-03);
  --lab-ds-heading-font-size-xl: var(--lab-ds-core-font-size-04);
  --lab-ds-heading-font-size-l: var(--lab-ds-core-font-size-05);
  --lab-ds-heading-font-size-ml: var(--lab-ds-core-font-size-06);
  --lab-ds-heading-font-size-m: var(--lab-ds-core-font-size-07);
  --lab-ds-heading-font-size-s: var(--lab-ds-core-font-size-08);
  --lab-ds-border-radius-xxl: var(--lab-ds-core-border-radius-500);
  --lab-ds-border-radius-xl: var(--lab-ds-core-border-radius-250);
  --lab-ds-border-radius-l: var(--lab-ds-core-border-radius-200);
  --lab-ds-border-radius-m: var(--lab-ds-core-border-radius-150);
  --lab-ds-border-radius-sm: var(--lab-ds-core-border-radius-100);
  --lab-ds-border-radius-s: var(--lab-ds-core-border-radius-50);
  --lab-ds-border-radius-xs: var(--lab-ds-core-border-radius-25);
  --lab-ds-border-radius-xxs: var(--lab-ds-core-border-radius-12);
  --lab-ds-space-5-x: var(--lab-ds-core-dimension-500);
  --lab-ds-space-4-x: var(--lab-ds-core-dimension-400);
  --lab-ds-space-3-x: var(--lab-ds-core-dimension-300);
  --lab-ds-space-275-x: var(--lab-ds-core-dimension-275);
  --lab-ds-space-250-x: var(--lab-ds-core-dimension-250);
  --lab-ds-space-225-x: var(--lab-ds-core-dimension-225);
  --lab-ds-space-2-x: var(--lab-ds-core-dimension-200);
  --lab-ds-space-175-x: var(--lab-ds-core-dimension-175);
  --lab-ds-space-150-x: var(--lab-ds-core-dimension-150);
  --lab-ds-space-125-x: var(--lab-ds-core-dimension-125);
  --lab-ds-space-1-x: var(--lab-ds-core-dimension-100);
  --lab-ds-space-075-x: var(--lab-ds-core-dimension-75);
  --lab-ds-space-050-x: var(--lab-ds-core-dimension-50);
  --lab-ds-space-0375-x: var(--lab-ds-core-dimension-37);
  --lab-ds-space-025-x: var(--lab-ds-core-dimension-25);
  --lab-ds-space-0125-x: var(--lab-ds-core-dimension-12);
  --lab-ds-space-negative-025-x: -var(--lab-ds-core-dimension-25);
  --lab-ds-size-5-x: var(--lab-ds-core-dimension-500);
  --lab-ds-size-450-x: var(--lab-ds-core-dimension-450);
  --lab-ds-size-4-x: var(--lab-ds-core-dimension-400);
  --lab-ds-size-350-x: var(--lab-ds-core-dimension-350);
  --lab-ds-size-3-x: var(--lab-ds-core-dimension-300);
  --lab-ds-size-250-x: var(--lab-ds-core-dimension-250);
  --lab-ds-size-2-x: var(--lab-ds-core-dimension-200);
  --lab-ds-size-150-x: var(--lab-ds-core-dimension-150);
  --lab-ds-size-1-x: var(--lab-ds-core-dimension-100);
  --lab-ds-size-075-x: var(--lab-ds-core-dimension-75);
  --lab-ds-size-050-x: var(--lab-ds-core-dimension-50);
  --lab-ds-semantic-placeholder-color-border-light-error: var(--lab-ds-semantic-selectable-color-bg-light-error);
  --lab-ds-semantic-placeholder-color-bg-dark-error: var(--lab-ds-semantic-selectable-color-border-dark-error);
  --lab-ds-semantic-placeholder-color-bg-dark-warning: var(--lab-ds-semantic-selectable-color-border-dark-warning);
  --lab-ds-semantic-placeholder-size-xxl: var(--lab-ds-core-dimension-500);
  --lab-ds-semantic-placeholder-size-xl: var(--lab-ds-core-dimension-400);
  --lab-ds-semantic-placeholder-size-l: var(--lab-ds-core-dimension-300);
  --lab-ds-semantic-placeholder-size-m: var(--lab-ds-core-dimension-200);
  --lab-ds-semantic-placeholder-size-sm: var(--lab-ds-core-dimension-150);
  --lab-ds-semantic-placeholder-size-s: var(--lab-ds-core-dimension-125);
  --lab-ds-semantic-placeholder-size-xs: var(--lab-ds-core-dimension-100);
  --lab-ds-semantic-placeholder-size-xxs: var(--lab-ds-core-dimension-50);
  --lab-ds-semantic-placeholder-size-xxxs: var(--lab-ds-core-dimension-12);
  --lab-ds-semantic-placeholder-border-radius-l: var(--lab-ds-core-border-radius-150);
  --lab-ds-semantic-placeholder-border-radius-m: var(--lab-ds-core-border-radius-100);
  --lab-ds-semantic-placeholder-border-radius-s: var(--lab-ds-core-border-radius-50);
  --lab-ds-semantic-placeholder-space-gap-xxxl: var(--lab-ds-core-dimension-300);
  --lab-ds-semantic-placeholder-space-gap-xxl: var(--lab-ds-core-dimension-200);
  --lab-ds-semantic-placeholder-space-gap-xl: var(--lab-ds-core-dimension-150);
  --lab-ds-semantic-placeholder-space-gap-l: var(--lab-ds-core-dimension-125);
  --lab-ds-semantic-placeholder-space-gap-m: var(--lab-ds-core-dimension-100);
  --lab-ds-semantic-placeholder-space-gap-s: var(--lab-ds-core-dimension-50);
  --lab-ds-semantic-placeholder-space-gap-xs: var(--lab-ds-core-dimension-25);
  --lab-ds-semantic-placeholder-space-padding-xl: var(--lab-ds-core-dimension-200);
  --lab-ds-semantic-placeholder-space-padding-l: var(--lab-ds-core-dimension-150);
  --lab-ds-semantic-placeholder-space-padding-m: var(--lab-ds-core-dimension-100);
  --lab-ds-semantic-placeholder-space-padding-sm: var(--lab-ds-core-dimension-75);
  --lab-ds-semantic-placeholder-space-padding-s: var(--lab-ds-core-dimension-50);
  --lab-ds-semantic-placeholder-space-padding-xs: var(--lab-ds-core-dimension-25);
  --lab-ds-semantic-placeholder-space-padding-xxs: var(--lab-ds-core-dimension-12);
  --lab-ds-semantic-heading-font-size-s: var(--lab-ds-core-font-size-08);
  --lab-ds-semantic-heading-font-size-m: var(--lab-ds-core-font-size-07);
  --lab-ds-semantic-heading-font-size-ml: var(--lab-ds-core-font-size-06);
  --lab-ds-semantic-heading-font-size-l: var(--lab-ds-core-font-size-05);
  --lab-ds-semantic-heading-font-size-xl: var(--lab-ds-core-font-size-04);
  --lab-ds-semantic-heading-font-size-xxl: var(--lab-ds-core-font-size-03);
  --lab-ds-semantic-heading-font-size-xxxl: var(--lab-ds-core-font-size-02);
  --lab-ds-semantic-heading-font-size-strong: var(--lab-ds-core-font-size-01);
  --lab-ds-semantic-body-font-size-s: var(--lab-ds-core-font-size-09);
  --lab-ds-semantic-body-font-size-sm: var(--lab-ds-core-font-size-08);
  --lab-ds-semantic-body-font-size-m: var(--lab-ds-core-font-size-07);
  --lab-ds-semantic-body-font-size-ml: var(--lab-ds-core-font-size-06);
  --lab-ds-semantic-body-font-size-l: var(--lab-ds-core-font-size-05);
  --lab-ds-semantic-body-space-gap-xl: var(--lab-ds-core-dimension-250);
  --lab-ds-semantic-body-space-gap-l: var(--lab-ds-core-dimension-200);
  --lab-ds-semantic-body-space-gap-m: var(--lab-ds-core-dimension-150);
  --lab-ds-semantic-body-space-gap-s: var(--lab-ds-core-dimension-100);
  --lab-ds-semantic-body-space-padding-xl: var(--lab-ds-core-dimension-500);
  --lab-ds-semantic-body-space-padding-l: var(--lab-ds-core-dimension-250);
  --lab-ds-semantic-body-space-padding-m: var(--lab-ds-core-dimension-200);
  --lab-ds-semantic-body-space-padding-s: var(--lab-ds-core-dimension-150);
  --lab-ds-semantic-page-space-padding-xxl: var(--lab-ds-core-dimension-1600);
  --lab-ds-semantic-page-space-padding-xl: var(--lab-ds-core-dimension-800);
  --lab-ds-semantic-page-space-padding-l: var(--lab-ds-core-dimension-400);
  --lab-ds-semantic-page-space-padding-m: var(--lab-ds-core-dimension-200);
  --lab-ds-semantic-page-space-padding-s: var(--lab-ds-core-dimension-100);
  --lab-ds-semantic-page-space-padding-xs: var(--lab-ds-core-dimension-50);
  --lab-ds-semantic-page-space-padding-xxs: var(--lab-ds-core-dimension-25);
  --lab-ds-semantic-size-icon-xxxl: var(--lab-ds-core-dimension-500);
  --lab-ds-semantic-size-icon-xxl: var(--lab-ds-core-dimension-450);
  --lab-ds-semantic-size-icon-xl: var(--lab-ds-core-dimension-300);
  --lab-ds-semantic-size-icon-l: var(--lab-ds-core-dimension-250);
  --lab-ds-semantic-size-icon-m: var(--lab-ds-core-dimension-200);
  --lab-ds-semantic-size-icon-sm: var(--lab-ds-core-dimension-150);
  --lab-ds-semantic-size-icon-s: var(--lab-ds-core-dimension-100);
  --lab-ds-semantic-size-icon-xs: var(--lab-ds-core-dimension-75);
  --lab-ds-semantic-size-icon-xxs: var(--lab-ds-core-dimension-50);
  --lab-ds-semantic-container-space-gap-xl: var(--lab-ds-core-dimension-500);
  --lab-ds-semantic-container-space-gap-l: var(--lab-ds-core-dimension-250);
  --lab-ds-semantic-container-space-gap-m: var(--lab-ds-core-dimension-200);
  --lab-ds-semantic-container-space-gap-s: var(--lab-ds-core-dimension-150);
  --lab-ds-semantic-container-space-gap-xs: var(--lab-ds-core-dimension-100);
  --lab-ds-semantic-container-space-padding-l: var(--lab