v4design-tokens
Version:
design tokens v4 company
618 lines (617 loc) • 58.3 kB
CSS
/**
* Do not edit directly
* Generated on Tue, 09 Apr 2024 12:51:44 GMT
*/
:root {
--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-blue-0: #0989ff;
--lab-ds-core-color-gray-01-1300: #383838;
--lab-ds-core-color-gray-01-1200: #525252;
--lab-ds-core-color-gray-01-1100: #5E5E5E;
--lab-ds-core-color-gray-01-1000: #6B6B6B;
--lab-ds-core-color-gray-01-900: #787878;
--lab-ds-core-color-gray-01-800: #B5B5B5;
--lab-ds-core-color-gray-01-700: #C2C2C2;
--lab-ds-core-color-gray-01-600: #CFCFCF;
--lab-ds-core-color-gray-01-500: #DBDBDB;
--lab-ds-core-color-gray-01-400: #E8E8E8;
--lab-ds-core-color-gray-01-300: #F0F0F0;
--lab-ds-core-color-gray-01-200: #F7F7F7;
--lab-ds-core-color-gray-01-100: #FAFAFA;
--lab-ds-core-color-gray-01-0: #FFFFFF;
--lab-ds-core-color-orange-1000: #37170B;
--lab-ds-core-color-orange-900: #632B13;
--lab-ds-core-color-orange-800: #87381C;
--lab-ds-core-color-orange-700: #B64C25;
--lab-ds-core-color-orange-600: #DC5F2E;
--lab-ds-core-color-orange-500: #E88A68;
--lab-ds-core-color-orange-400: #EEAA91;
--lab-ds-core-color-orange-300: #F4C8B8;
--lab-ds-core-color-orange-200: #FAE3DB;
--lab-ds-core-color-orange-100: #FCF1EE;
--lab-ds-core-color-yellow-01-1000: #372C0B;
--lab-ds-core-color-yellow-01-900: #634C13;
--lab-ds-core-color-yellow-01-800: #876B1C;
--lab-ds-core-color-yellow-01-700: #B79024;
--lab-ds-core-color-yellow-01-600: #DDB136;
--lab-ds-core-color-yellow-01-500: #EFC961;
--lab-ds-core-color-yellow-01-400: #F4D88A;
--lab-ds-core-color-yellow-01-300: #F6E1B6;
--lab-ds-core-color-yellow-01-200: #FAF2DB;
--lab-ds-core-color-yellow-01-100: #FCF8EE;
--lab-ds-core-color-green-01-1000: #1B370B;
--lab-ds-core-color-green-01-900: #316313;
--lab-ds-core-color-green-01-800: #3F7F1A;
--lab-ds-core-color-green-01-700: #5DB625;
--lab-ds-core-color-green-01-600: #76DD36;
--lab-ds-core-color-green-01-500: #99E868;
--lab-ds-core-color-green-01-400: #B4EE91;
--lab-ds-core-color-green-01-300: #CFF4B8;
--lab-ds-core-color-green-01-200: #E7FADB;
--lab-ds-core-color-green-01-100: #F3FCEE;
--lab-ds-core-color-purple-1000: #120B37;
--lab-ds-core-color-purple-900: #201363;
--lab-ds-core-color-purple-800: #2E1C87;
--lab-ds-core-color-purple-700: #3D25B6;
--lab-ds-core-color-purple-600: #5236DD;
--lab-ds-core-color-purple-500: #9283DD;
--lab-ds-core-color-purple-400: #A598E6;
--lab-ds-core-color-purple-300: #C9BEEE;
--lab-ds-core-color-purple-200: #E2DDF8;
--lab-ds-core-color-purple-100: #F3F3FC;
--lab-ds-core-color-black-01-1000: #212121;
--lab-ds-core-color-black-01-900: #3B3B3B;
--lab-ds-core-color-black-01-800: #525252;
--lab-ds-core-color-black-01-700: #6E6E6E;
--lab-ds-core-color-black-01-600: #8A8A8A;
--lab-ds-core-color-black-01-500: #A8A8A8;
--lab-ds-core-color-black-01-400: #BFBFBF;
--lab-ds-core-color-black-01-300: #D6D6D6;
--lab-ds-core-color-black-01-200: #EBEBEB;
--lab-ds-core-color-black-01-100: #F5F5F5;
--lab-ds-core-color-red-01-1000: #380B0C;
--lab-ds-core-color-red-01-900: #601315;
--lab-ds-core-color-red-01-800: #891C1E;
--lab-ds-core-color-red-01-700: #B52527;
--lab-ds-core-color-red-01-600: #DD3639;
--lab-ds-core-color-red-01-500: #E8686A;
--lab-ds-core-color-red-01-400: #EE9193;
--lab-ds-core-color-red-01-300: #F4B7B8;
--lab-ds-core-color-red-01-200: #FADBDC;
--lab-ds-core-color-red-01-100: #FCEDEE;
--lab-ds-core-color-black-10: #333333;
--lab-ds-core-color-black-0: #000000;
--lab-ds-core-color-white-10: #F1F1F4;
--lab-ds-core-color-white-0: #FFFFFF;
--lab-ds-core-color-gray-90: #1B1B1B;
--lab-ds-core-color-gray-80: #2F2F2F;
--lab-ds-core-color-gray-70: #444445;
--lab-ds-core-color-gray-60: #666668;
--lab-ds-core-color-gray-50: #8B8B8D;
--lab-ds-core-color-gray-40: #A4A4A7;
--lab-ds-core-color-gray-30: #BEBEC1;
--lab-ds-core-color-gray-20: #D9D9DC;
--lab-ds-core-color-gray-10: #E6E6EA;
--lab-ds-core-color-gray-0: #F4F4F8; /* Cor "default" da escala de cinza */
--lab-ds-core-color-yellow-100: #FFF8EA;
--lab-ds-core-color-yellow-90: #FEEBBF;
--lab-ds-core-color-yellow-80: #FDDE95;
--lab-ds-core-color-yellow-70: #FCD06A;
--lab-ds-core-color-yellow-60: #FBC33F;
--lab-ds-core-color-yellow-50: #FABC2A; /* Cor "default" para o tom amarelo */
--lab-ds-core-color-yellow-40: #C89622;
--lab-ds-core-color-yellow-30: #7D5E15;
--lab-ds-core-color-yellow-20: #4B380D;
--lab-ds-core-color-yellow-10: #322608;
--lab-ds-core-color-red-arterial-100: #F1E7E8;
--lab-ds-core-color-red-arterial-90: #E3CFD1;
--lab-ds-core-color-red-arterial-80: #C79EA3;
--lab-ds-core-color-red-arterial-70: #AB6E75;
--lab-ds-core-color-red-arterial-60: #8F3D47;
--lab-ds-core-color-red-arterial-50: #730D19;
--lab-ds-core-color-red-arterial-40: #5C0A14;
--lab-ds-core-color-red-arterial-30: #45080F;
--lab-ds-core-color-red-arterial-20: #2E050A;
--lab-ds-core-color-red-arterial-10: #170305;
--lab-ds-core-color-red-100: #F9E8EA;
--lab-ds-core-color-red-90: #ECBBC1;
--lab-ds-core-color-red-80: #E08E98;
--lab-ds-core-color-red-70: #D3606E;
--lab-ds-core-color-red-60: #C63345;
--lab-ds-core-color-red-50: #C01C30; /* Cor "default" para o tom vermelho */
--lab-ds-core-color-red-40: #9A1626;
--lab-ds-core-color-red-30: #600E18;
--lab-ds-core-color-red-20: #3A080E;
--lab-ds-core-color-red-10: #26060A;
--lab-ds-core-color-green-100: #E6F9F5;
--lab-ds-core-color-green-90: #B3EDE1;
--lab-ds-core-color-green-80: #80E2CD;
--lab-ds-core-color-green-70: #4DD6B8;
--lab-ds-core-color-green-60: #1ACAA4;
--lab-ds-core-color-green-50: #00C49A; /* Cor "default" entre o tom de cor verde */
--lab-ds-core-color-green-40: #009D7B;
--lab-ds-core-color-green-30: #00624D;
--lab-ds-core-color-green-20: #003B2E;
--lab-ds-core-color-green-10: #00271F;
--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-focus: var(--lab-ds-core-color-blue-0);
--lab-ds-color-white: var(--lab-ds-core-color-gray-01-0);
--lab-ds-color-bg-02: var(--lab-ds-core-color-gray-01-100);
--lab-ds-color-bg-01: var(--lab-ds-core-color-gray-01-0);
--lab-ds-color-bg-00: var(--lab-ds-core-color-gray-01-100);
--lab-ds-color-text-icon-warning-default: var(--lab-ds-core-color-yellow-01-800);
--lab-ds-color-text-icon-warning-on-fill-default: var(--lab-ds-core-color-black-01-900);
--lab-ds-color-text-icon-warning-on-fill-weakest: var(--lab-ds-core-color-yellow-01-900);
--lab-ds-color-text-icon-sucess-default: var(--lab-ds-core-color-green-01-900);
--lab-ds-color-text-icon-sucess-on-fill-default: var(--lab-ds-core-color-gray-01-0);
--lab-ds-color-text-icon-sucess-on-fill-weakest: var(--lab-ds-core-color-green-01-900);
--lab-ds-color-text-icon-info-press: var(--lab-ds-core-color-purple-900);
--lab-ds-color-text-icon-info-default: var(--lab-ds-core-color-purple-800);
--lab-ds-color-text-icon-info-hover: var(--lab-ds-core-color-purple-700);
--lab-ds-color-text-icon-info-active: var(--lab-ds-core-color-purple-600);
--lab-ds-color-text-icon-info-on-fill-weakest: var(--lab-ds-core-color-purple-700);
--lab-ds-color-text-icon-info-on-fill-default: var(--lab-ds-core-color-gray-01-0);
--lab-ds-color-text-icon-error-weakest: var(--lab-ds-core-color-orange-700);
--lab-ds-color-text-icon-error-default: var(--lab-ds-core-color-orange-800);
--lab-ds-color-text-icon-error-on-fill-weakest: var(--lab-ds-core-color-orange-800);
--lab-ds-color-text-icon-error-on-fill-default: var(--lab-ds-core-color-gray-01-0);
--lab-ds-color-text-icon-input-default: var(--lab-ds-core-color-black-01-900);
--lab-ds-color-text-icon-input-enabled: var(--lab-ds-core-color-gray-01-900);
--lab-ds-color-text-icon-input-disabled: var(--lab-ds-core-color-gray-01-1000);
--lab-ds-color-text-icon-input-populated: var(--lab-ds-core-color-black-01-900);
--lab-ds-color-text-icon-gray-default: var(--lab-ds-core-color-black-01-900);
--lab-ds-color-text-icon-gray-enabled-on-fill: var(--lab-ds-core-color-black-01-700);
--lab-ds-color-text-icon-gray-disabled-default: var(--lab-ds-core-color-gray-01-1000);
--lab-ds-color-text-icon-gray-disabled-on-fill: var(--lab-ds-core-color-gray-01-1000);
--lab-ds-color-text-icon-secondary-hover: var(--lab-ds-core-color-black-01-800);
--lab-ds-color-text-icon-secondary-on-fill: var(--lab-ds-core-color-gray-01-0);
--lab-ds-color-text-icon-secondary-default: var(--lab-ds-core-color-black-01-1000);
--lab-ds-color-text-icon-primary-on-fill: var(--lab-ds-core-color-gray-01-0);
--lab-ds-color-text-icon-primary-press: var(--lab-ds-core-color-red-01-800);
--lab-ds-color-text-icon-primary-hover: var(--lab-ds-core-color-red-01-700);
--lab-ds-color-text-icon-primary-default: var(--lab-ds-core-color-red-01-600);
--lab-ds-color-border-input-disabled: var(--lab-ds-core-color-gray-01-300);
--lab-ds-color-border-input-default: var(--lab-ds-core-color-black-01-400);
--lab-ds-color-border-input-weakest: var(--lab-ds-core-color-gray-01-400);
--lab-ds-color-border-gray-disabled: var(--lab-ds-core-color-gray-01-300);
--lab-ds-color-border-gray-strong: var(--lab-ds-core-color-gray-01-500);
--lab-ds-color-border-gray-default: var(--lab-ds-core-color-gray-01-400);
--lab-ds-color-border-warning-strong: var(--lab-ds-core-color-yellow-01-900);
--lab-ds-color-border-warning-weakest: var(--lab-ds-core-color-yellow-01-400);
--lab-ds-color-border-warning-default: var(--lab-ds-core-color-yellow-01-600);
--lab-ds-color-border-sucess-strong: var(--lab-ds-core-color-green-01-800);
--lab-ds-color-border-sucess-weakest: var(--lab-ds-core-color-green-01-400);
--lab-ds-color-border-sucess-default: var(--lab-ds-core-color-green-01-700);
--lab-ds-color-border-info-strong: var(--lab-ds-core-color-purple-900);
--lab-ds-color-border-info-weakest: var(--lab-ds-core-color-purple-400);
--lab-ds-color-border-info-default: var(--lab-ds-core-color-purple-600);
--lab-ds-color-border-error-weakest: var(--lab-ds-core-color-orange-400);
--lab-ds-color-border-error-default: var(--lab-ds-core-color-orange-800);
--lab-ds-color-border-secondary-hover: var(--lab-ds-core-color-black-01-800);
--lab-ds-color-border-secondary-default: var(--lab-ds-core-color-black-01-1000);
--lab-ds-color-border-secondary-weakest: var(--lab-ds-core-color-black-01-800);
--lab-ds-color-border-primary-hover: var(--lab-ds-core-color-red-01-700);
--lab-ds-color-border-primary-default: var(--lab-ds-core-color-red-01-600);
--lab-ds-color-border-primary-weakest: var(--lab-ds-core-color-red-01-300);
--lab-ds-color-fill-input-press: var(--lab-ds-core-color-gray-01-300);
--lab-ds-color-fill-input-default: var(--lab-ds-core-color-gray-01-0);
--lab-ds-color-fill-input-hover: var(--lab-ds-core-color-gray-01-200);
--lab-ds-color-fill-gray-disabled: var(--lab-ds-core-color-gray-01-300);
--lab-ds-color-fill-gray-press: var(--lab-ds-core-color-gray-01-600);
--lab-ds-color-fill-gray-hover: var(--lab-ds-core-color-gray-01-400);
--lab-ds-color-fill-gray-enabled: var(--lab-ds-core-color-gray-01-200);
--lab-ds-color-fill-warning-strong: var(--lab-ds-core-color-yellow-01-900);
--lab-ds-color-fill-warning-default: var(--lab-ds-core-color-yellow-01-600);
--lab-ds-color-fill-warning-weakest: var(--lab-ds-core-color-yellow-01-200);
--lab-ds-color-fill-success-default: var(--lab-ds-core-color-green-01-800);
--lab-ds-color-fill-success-weakest: var(--lab-ds-core-color-green-01-200);
--lab-ds-color-fill-info-default: var(--lab-ds-core-color-purple-700);
--lab-ds-color-fill-info-weakest: var(--lab-ds-core-color-purple-200);
--lab-ds-color-fill-error-weakest: var(--lab-ds-core-color-orange-200);
--lab-ds-color-fill-error-press: var(--lab-ds-core-color-orange-400);
--lab-ds-color-fill-error-default: var(--lab-ds-core-color-orange-700);
--lab-ds-color-fill-error-hover: var(--lab-ds-core-color-orange-800);
--lab-ds-color-fill-error-active: var(--lab-ds-core-color-orange-100);
--lab-ds-color-fill-secondary-press: var(--lab-ds-core-color-black-01-900);
--lab-ds-color-fill-secondary-default: var(--lab-ds-core-color-black-01-1000);
--lab-ds-color-fill-secondary-hover: var(--lab-ds-core-color-black-01-700);
--lab-ds-color-fill-secondary-active: var(--lab-ds-core-color-black-01-800);
--lab-ds-color-fill-primary-press: var(--lab-ds-core-color-red-01-800);
--lab-ds-color-fill-primary-default: var(--lab-ds-core-color-red-01-600);
--lab-ds-color-fill-primary-hover: var(--lab-ds-core-color-red-01-700);
--lab-ds-color-fill-primary-active: var(--lab-ds-core-color-red-01-300);
--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-fg-contrast-primary: var(--lab-ds-core-color-black-10);
--lab-ds-semantic-color-fg-disabled: var(--lab-ds-core-color-gray-60);
--lab-ds-semantic-color-fg-enabled: var(--lab-ds-core-color-gray-70);
--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-white-0);
--lab-ds-semantic-color-bg-first-level: var(--lab-ds-core-color-gray-0);
--lab-ds-semantic-color-bg-disabled: var(--lab-ds-core-color-white-10);
--lab-ds-semantic-color-bg-cloudy: var(--lab-ds-core-color-gray-20);
--lab-ds-semantic-color-bg-hover: var(--lab-ds-core-color-gray-10);
--lab-ds-semantic-color-bg-default: var(--lab-ds-core-color-gray-0);
--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-red-20);
--lab-ds-semantic-placeholder-color-secondary-strong: var(--lab-ds-core-color-red-40);
--lab-ds-semantic-placeholder-color-secondary-waek: var(--lab-ds-core-color-red-50);
--lab-ds-semantic-placeholder-color-secondary-weaker: var(--lab-ds-core-color-red-70);
--lab-ds-semantic-placeholder-color-secondary-weakest: var(--lab-ds-core-color-red-100);
--lab-ds-semantic-placeholder-color-error-focus: var(--lab-ds-core-color-red-arterial-20);
--lab-ds-semantic-placeholder-color-error-press: var(--lab-ds-core-color-red-arterial-30);
--lab-ds-semantic-placeholder-color-error-default: var(--lab-ds-core-color-red-arterial-50);
--lab-ds-semantic-placeholder-color-error-hover: var(--lab-ds-core-color-red-arterial-70);
--lab-ds-semantic-placeholder-color-error-active: var(--lab-ds-core-color-red-arterial-100);
--lab-ds-semantic-placeholder-color-border-disabled: var(--lab-ds-core-color-gray-10);
--lab-ds-semantic-placeholder-color-border-default: var(--lab-ds-core-color-gray-30);
--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-color-bg-light-error: var(--lab-ds-core-color-red-arterial-100);
--lab-ds-semantic-placeholder-color-bg-dark-warning: var(--lab-ds-core-color-yellow-30);
--lab-ds-semantic-placeholder-color-bg-dark-success: var(--lab-ds-core-color-green-30);
--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-arterial-20);
--lab-ds-semantic-selectable-color-error-press: var(--lab-ds-core-color-red-arterial-30);
--lab-ds-semantic-selectable-color-error-default: var(--lab-ds-core-color-red-arterial-50);
--lab-ds-semantic-selectable-color-error-hover: var(--lab-ds-core-color-red-arterial-70);
--lab-ds-semantic-selectable-color-error-active: var(--lab-ds-core-color-red-arterial-100);
--lab-ds-semantic-selectable-color-border-disabled: var(--lab-ds-core-color-gray-10);
--lab-ds-semantic-selectable-color-border-default: var(--lab-ds-core-color-gray-30);
--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-light-error: var(--lab-ds-core-color-red-arterial-100);
--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-green-20);
--lab-ds-semantic-selectable-color-primary-press: var(--lab-ds-core-color-green-40);
--lab-ds-semantic-selectable-color-primary-default: var(--lab-ds-core-color-green-50);
--lab-ds-semantic-selectable-color-primary-hover: var(--lab-ds-core-color-green-70);
--lab-ds-semantic-selectable-color-primary-active: var(--lab-ds-core-color-green-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-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-light-error: var(--lab-ds-semantic-selectable-color-bg-light-error);
--lab-ds-semantic-placeholder-color-border-dark-warning: var(--lab-ds-semantic-selectable-color-bg-dark-warning);
--lab-ds-semantic-placeholder-color-border-dark-success: var(--lab-ds-semantic-selectable-color-bg-dark-success);
--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-error: var(--lab-ds-semantic-placeholder-color-error-default);
--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-light-error: var(--lab-ds-semantic-selectable-color-bg-light-error);
--lab-ds-semantic-selectable-color-border-dark-warning: var(--lab-ds-semantic-selectable-color-bg-dark-warning);
--lab-ds-semantic-selectable-color-border-dark-success: var(--lab-ds-semantic-selectable-color-bg-dark-success);
--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-bg-dark-error: var(--lab-ds-semantic-selectable-color-error-default);
--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-dark-error: var(--lab-ds-semantic-selectable-color-bg-dark-error);
--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)