@legion-ui-kit/react-core/dist/styles/legion.css

<div align="center"> <img height="108" width="116" src="https://legion.digitaltelkom.id/favicon.svg?v=4643a71fb65fa61a5f2b266b769ea7b1" /> <h1 align="center">Legion UI Kit - React Core</h1> </div>

:root{--color-base-white:#fff;--color-base-black:#212121;--color-base-transparent:#ffffff00;--color-primary-25:#fbfaff;--color-primary-50:#f5f3ff;--color-primary-100:#ece9fe;--color-primary-200:#ddd6fe;--color-primary-300:#c3b5fd;--color-primary-400:#a48afb;--color-primary-500:#875bf7;--color-primary-600:#7839ee;--color-primary-700:#6927da;--color-primary-800:#5720b7;--color-primary-900:#491c96;--color-secondary-25:#f5f8ff;--color-secondary-50:#eff4ff;--color-secondary-100:#d1e0ff;--color-secondary-200:#b2ccff;--color-secondary-300:#84adff;--color-secondary-400:#528bff;--color-secondary-500:#2970ff;--color-secondary-600:#155eef;--color-secondary-700:#004eeb;--color-secondary-800:#0040c1;--color-secondary-900:#00359e;--color-tertiary-25:#fcfcfd;--color-tertiary-50:#f9fafb;--color-tertiary-100:#f2f4f7;--color-tertiary-200:#eaecf0;--color-tertiary-300:#d0d5dd;--color-tertiary-400:#98a2b3;--color-tertiary-500:#667085;--color-tertiary-600:#475467;--color-tertiary-700:#344054;--color-tertiary-800:#1d2939;--color-tertiary-900:#101828;--color-information-25:#f5fbff;--color-information-50:#f0f9ff;--color-information-100:#e0f2fe;--color-information-200:#b9e6fe;--color-information-300:#7cd4fd;--color-information-400:#36bffa;--color-information-500:#0ba5ec;--color-information-600:#0086c9;--color-information-700:#026aa2;--color-information-800:#065986;--color-information-900:#0b4a6f;--color-error-25:snow;--color-error-50:#fef3f2;--color-error-100:#fee4e2;--color-error-200:#fecdc9;--color-error-300:#fda19b;--color-error-400:#f97066;--color-error-500:#f04438;--color-error-600:#d92d20;--color-error-700:#b32318;--color-error-800:#912018;--color-error-900:#7a271a;--color-warning-25:#fffcf5;--color-warning-50:#fffaeb;--color-warning-100:#feefc6;--color-warning-200:#fedf89;--color-warning-300:#fec84b;--color-warning-400:#fdb022;--color-warning-500:#f79009;--color-warning-600:#dc6803;--color-warning-700:#b54708;--color-warning-800:#93370d;--color-warning-900:#792e0d;--color-success-25:#f6fef9;--color-success-50:#ecfdf3;--color-success-100:#d1fadf;--color-success-200:#a6f4c5;--color-success-300:#6ce9a6;--color-success-400:#32d583;--color-success-500:#12b76a;--color-success-600:#039855;--color-success-700:#027a48;--color-success-800:#05603a;--color-success-900:#054f31;--typography-font-family-heading:Nunito Sans;--typography-font-family-body:Nunito Sans;--alert-background-color-information:#f5fbff;--alert-background-color-warning:#fffcf5;--alert-background-color-error:snow;--alert-background-color-success:#f6fef9;--alert-background-color-icon-information:#2970ff;--alert-background-color-icon-warning:#f79009;--alert-background-color-icon-error:#f04438;--alert-background-color-icon-success:#12b76a;--alert-color-information-border:#2970ff;--alert-color-information-title:#1d2939;--alert-color-information-description:#667085;--alert-color-warning-border:#f79009;--alert-color-warning-title:#1d2939;--alert-color-warning-description:#667085;--alert-color-error-border:#f04438;--alert-color-error-title:#1d2939;--alert-color-error-description:#667085;--alert-color-success-border:#12b76a;--alert-color-success-title:#1d2939;--alert-color-success-description:#667085;--alert-color-right-icon:#1d2939;--alert-color-left-icon:#fff;--alert-border-radius-container:10px;--alert-padding-container:16px;--alert-padding-content-gap:12px;--alert-font-size-title:18px;--alert-font-size-description:16px;--alert-font-weight-title:700;--alert-font-weight-description:400;--alert-border-width-top:1px;--alert-border-width-left:4px;--alert-border-width-right:1px;--alert-border-width-bottom:1px;--alert-line-height-title:28px;--alert-line-height-description:24px;--accordion-background-color-closed-item:#fff;--accordion-background-color-opened-item:#fff;--accordion-background-color-disabled-item:#f2f4f7;--accordion-color-opened-title:#212121;--accordion-color-opened-icon-left:#667085;--accordion-color-opened-border-bottom:#eaecf0;--accordion-color-closed-title:#212121;--accordion-color-closed-icon-left:#667085;--accordion-color-closed-border-bottom:#eaecf0;--accordion-color-description:#667085;--accordion-color-opened-icon-right:#667085;--accordion-color-closed-icon-right:#667085;--accordion-color-disabled-title:#667085;--accordion-color-disabled-icon-left:#98a2b3;--accordion-color-disabled-icon-right:#98a2b3;--accordion-color-disabled-border-bottom:#eaecf0;--accordion-padding-item-left-right:12px;--accordion-padding-container-gap:2px;--accordion-padding-item-top-bottom:12px;--accordion-padding-content-gap:16px;--accordion-padding-icon-gap-left:8px;--accordion-padding-icon-gap-right:16px;--accordion-font-size-title:18px;--accordion-font-size-description:16px;--accordion-font-weight-title:700;--accordion-font-weight-description:400;--accordion-sizing-icon-left:24px;--accordion-sizing-icon-right:24px;--accordion-border-radius-container:4px;--accordion-border-radius-item:0px;--accordion-line-height-title:28px;--accordion-line-height-description:24px;--accordion-border-width-default:1px;--anchor-color-default:#875bf7;--anchor-color-hover:#7839ee;--anchor-color-pressed:#6927da;--anchor-color-focus-border:#a48afb;--anchor-color-disabled:#98a2b3;--anchor-font-weight-label:600;--anchor-font-size-label-lg:16px;--anchor-font-size-label-md:14px;--anchor-font-size-label-sm:12px;--anchor-line-height-label-lg:24px;--anchor-line-height-label-md:20px;--anchor-line-height-label-sm:18px;--avatar-background-color-container:#875bf7;--avatar-color-label:#fff;--avatar-color-border:#ddd6fe;--avatar-sizing-container-lg:64px;--avatar-sizing-container-md:40px;--avatar-sizing-container-sm:32px;--avatar-border-width-container-lg:0px;--avatar-border-width-container-md:0px;--avatar-border-width-container-sm:0px;--avatar-border-radius-container-lg:900px;--avatar-border-radius-container-md:900px;--avatar-border-radius-container-sm:900px;--avatar-font-size-label-lg:20px;--avatar-font-size-label-md:14px;--avatar-font-size-label-sm:12px;--avatar-font-weight-label:700;--avatar-line-height-label-lg:28px;--avatar-line-height-label-md:20px;--avatar-line-height-label-sm:18px;--badge-background-color-primary:#875bf7;--badge-background-color-secondary:#2970ff;--badge-background-color-tertiary:#667085;--badge-background-color-information:#0ba5ec;--badge-background-color-error:#f04438;--badge-background-color-warning:#f79009;--badge-background-color-success:#12b76a;--badge-color-primary-label:#fff;--badge-color-secondary-label:#fff;--badge-color-tertiary-label:#fff;--badge-color-information-label:#fff;--badge-color-error-label:#fff;--badge-color-warning-label:#fff;--badge-color-success-label:#fff;--badge-color-primary-border:#875bf7;--badge-color-secondary-border:#2970ff;--badge-color-tertiary-border:#667085;--badge-color-information-border:#0ba5ec;--badge-color-error-border:#f04438;--badge-color-warning-border:#f79009;--badge-color-success-border:#12b76a;--badge-font-size-label-lg:16px;--badge-font-size-label-md:14px;--badge-font-size-label-sm:12px;--badge-font-weight-label:600;--badge-border-radius-container-lg:900px;--badge-border-radius-container-md:900px;--badge-border-radius-container-sm:900px;--badge-sizing-container-lg:24px;--badge-sizing-container-md:20px;--badge-sizing-container-sm:16px;--badge-border-width-container-lg:1px;--badge-border-width-container-md:1px;--badge-border-width-container-sm:1px;--badge-line-height-label-lg:24px;--badge-line-height-label-md:20px;--badge-line-height-label-sm:18px;--badge-padding-left-right:4px;--button-background-color-primary-solid-default:#875bf7;--button-background-color-primary-solid-hover:#7839ee;--button-background-color-primary-solid-press:#6927da;--button-background-color-primary-soft-default:#f5f3ff;--button-background-color-primary-soft-hover:#ece9fe;--button-background-color-primary-soft-press:#ddd6fe;--button-background-color-primary-outline-default:#ffffff00;--button-background-color-primary-outline-hover:#f5f3ff;--button-background-color-primary-outline-press:#ece9fe;--button-background-color-primary-transparent-default:#ffffff00;--button-background-color-primary-transparent-hover:#ece9fe;--button-background-color-primary-transparent-press:#ddd6fe;--button-background-color-disabled-solid:#d0d5dd;--button-background-color-disabled-soft:#f2f4f7;--button-background-color-disabled-outline:#ffffff00;--button-background-color-disabled-transparent:#ffffff00;--button-background-color-secondary-solid-default:#2970ff;--button-background-color-secondary-solid-hover:#155eef;--button-background-color-secondary-solid-press:#004eeb;--button-background-color-secondary-soft-default:#eff4ff;--button-background-color-secondary-soft-hover:#d1e0ff;--button-background-color-secondary-soft-press:#b2ccff;--button-background-color-secondary-outline-default:#ffffff00;--button-background-color-secondary-outline-hover:#eff4ff;--button-background-color-secondary-outline-press:#d1e0ff;--button-background-color-secondary-transparent-default:#ffffff00;--button-background-color-secondary-transparent-hover:#f5f8ff;--button-background-color-secondary-transparent-press:#eff4ff;--button-background-color-tertiary-solid-default:#667085;--button-background-color-tertiary-solid-hover:#475467;--button-background-color-tertiary-solid-press:#344054;--button-background-color-tertiary-soft-default:#f9fafb;--button-background-color-tertiary-soft-hover:#f2f4f7;--button-background-color-tertiary-soft-press:#eaecf0;--button-background-color-tertiary-outline-default:#ffffff00;--button-background-color-tertiary-outline-hover:#f9fafb;--button-background-color-tertiary-outline-press:#f2f4f7;--button-background-color-tertiary-transparent-default:#ffffff00;--button-background-color-tertiary-transparent-hover:#fcfcfd;--button-background-color-tertiary-transparent-press:#f9fafb;--button-background-color-warning-solid-default:#f79009;--button-background-color-warning-solid-hover:#dc6803;--button-background-color-warning-solid-press:#b54708;--button-background-color-warning-soft-default:#fffaeb;--button-background-color-warning-soft-hover:#feefc6;--button-background-color-warning-soft-press:#fedf89;--button-background-color-warning-outline-default:#ffffff00;--button-background-color-warning-outline-hover:#fffaeb;--button-background-color-warning-outline-press:#feefc6;--button-background-color-warning-transparent-default:#ffffff00;--button-background-color-warning-transparent-hover:#fffcf5;--button-background-color-warning-transparent-press:#fffaeb;--button-background-color-success-solid-default:#12b76a;--button-background-color-success-solid-hover:#039855;--button-background-color-success-solid-press:#027a48;--button-background-color-success-soft-default:#ecfdf3;--button-background-color-success-soft-hover:#d1fadf;--button-background-color-success-soft-press:#a6f4c5;--button-background-color-success-outline-default:#ffffff00;--button-background-color-success-outline-hover:#ecfdf3;--button-background-color-success-outline-press:#d1fadf;--button-background-color-success-transparent-default:#ffffff00;--button-background-color-success-transparent-hover:#f6fef9;--button-background-color-success-transparent-press:#d1fadf;--button-background-color-error-solid-default:#f04438;--button-background-color-error-solid-hover:#d92d20;--button-background-color-error-solid-press:#b32318;--button-background-color-error-soft-default:#fef3f2;--button-background-color-error-soft-hover:#fee4e2;--button-background-color-error-soft-press:#fecdc9;--button-background-color-error-outline-default:#ffffff00;--button-background-color-error-outline-hover:#fef3f2;--button-background-color-error-outline-press:#fee4e2;--button-background-color-error-transparent-default:#ffffff00;--button-background-color-error-transparent-hover:snow;--button-background-color-error-transparent-press:#fef3f2;--button-background-color-information-solid-default:#0ba5ec;--button-background-color-information-solid-hover:#0086c9;--button-background-color-information-solid-press:#026aa2;--button-background-color-information-soft-default:#f0f9ff;--button-background-color-information-soft-hover:#e0f2fe;--button-background-color-information-soft-press:#b9e6fe;--button-background-color-information-outline-default:#ffffff00;--button-background-color-information-outline-hover:#f0f9ff;--button-background-color-information-outline-press:#e0f2fe;--button-background-color-information-transparent-default:#ffffff00;--button-background-color-information-transparent-hover:#f5fbff;--button-background-color-information-transparent-press:#f0f9ff;--button-color-primary-solid-default-label:#fff;--button-color-primary-solid-hover-label:#fff;--button-color-primary-solid-press-label:#fff;--button-color-primary-solid-focus-border:#ddd6fe;--button-color-primary-soft-default-label:#875bf7;--button-color-primary-soft-hover-label:#7839ee;--button-color-primary-soft-press-label:#6927da;--button-color-primary-soft-focus-border:#a48afb;--button-color-primary-outline-default-label:#875bf7;--button-color-primary-outline-hover-label:#7839ee;--button-color-primary-outline-press-label:#6927da;--button-color-primary-outline-focus-border:#ddd6fe;--button-color-primary-transparent-default-label:#875bf7;--button-color-primary-transparent-hover-label:#7839ee;--button-color-primary-transparent-press-label:#6927da;--button-color-primary-transparent-focus-border:#c3b5fd;--button-color-primary-outline-default-border:#a48afb;--button-color-primary-outline-hover-border:#875bf7;--button-color-primary-outline-press-border:#7839ee;--button-color-disabled-solid-label:#98a2b3;--button-color-disabled-soft-label:#d0d5dd;--button-color-disabled-outline-label:#d0d5dd;--button-color-disabled-transparent-label:#d0d5dd;--button-color-disabled-outline-border:#d0d5dd;--button-color-secondary-solid-default-label:#fff;--button-color-secondary-solid-hover-label:#fff;--button-color-secondary-solid-press-label:#fff;--button-color-secondary-solid-focus-border:#b2ccff;--button-color-secondary-soft-default-label:#2970ff;--button-color-secondary-soft-hover-label:#155eef;--button-color-secondary-soft-press-label:#004eeb;--button-color-secondary-soft-focus-border:#528bff;--button-color-secondary-outline-default-label:#2970ff;--button-color-secondary-outline-default-border:#528bff;--button-color-secondary-outline-hover-border:#2970ff;--button-color-secondary-outline-hover-label:#155eef;--button-color-secondary-outline-press-border:#155eef;--button-color-secondary-outline-press-label:#004eeb;--button-color-secondary-outline-focus-border:#b2ccff;--button-color-secondary-transparent-default-label:#2970ff;--button-color-secondary-transparent-hover-label:#155eef;--button-color-secondary-transparent-press-label:#004eeb;--button-color-secondary-transparent-focus-border:#84adff;--button-color-tertiary-solid-default-label:#fff;--button-color-tertiary-solid-hover-label:#fff;--button-color-tertiary-solid-press-label:#fff;--button-color-tertiary-solid-focus-border:#eaecf0;--button-color-tertiary-soft-default-label:#667085;--button-color-tertiary-soft-hover-label:#475467;--button-color-tertiary-soft-press-label:#344054;--button-color-tertiary-soft-focus-border:#98a2b3;--button-color-tertiary-outline-default-label:#667085;--button-color-tertiary-outline-default-border:#98a2b3;--button-color-tertiary-outline-hover-border:#667085;--button-color-tertiary-outline-hover-label:#475467;--button-color-tertiary-outline-press-border:#475467;--button-color-tertiary-outline-press-label:#344054;--button-color-tertiary-outline-focus-border:#eaecf0;--button-color-tertiary-transparent-default-label:#667085;--button-color-tertiary-transparent-hover-label:#475467;--button-color-tertiary-transparent-press-label:#344054;--button-color-tertiary-transparent-focus-border:#d0d5dd;--button-color-warning-solid-default-label:#fff;--button-color-warning-solid-hover-label:#fff;--button-color-warning-solid-press-label:#fff;--button-color-warning-solid-focus-border:#fedf89;--button-color-warning-soft-default-label:#f79009;--button-color-warning-soft-hover-label:#dc6803;--button-color-warning-soft-press-label:#b54708;--button-color-warning-soft-focus-border:#fdb022;--button-color-warning-outline-default-label:#f79009;--button-color-warning-outline-default-border:#fdb022;--button-color-warning-outline-hover-border:#f79009;--button-color-warning-outline-hover-label:#dc6803;--button-color-warning-outline-press-border:#dc6803;--button-color-warning-outline-press-label:#b54708;--button-color-warning-outline-focus-border:#fedf89;--button-color-warning-transparent-default-label:#f79009;--button-color-warning-transparent-hover-label:#dc6803;--button-color-warning-transparent-press-label:#b54708;--button-color-warning-transparent-focus-border:#fec84b;--button-color-success-solid-default-label:#fff;--button-color-success-solid-hover-label:#fff;--button-color-success-solid-press-label:#fff;--button-color-success-solid-focus-border:#a6f4c5;--button-color-success-soft-default-label:#12b76a;--button-color-success-soft-hover-label:#039855;--button-color-success-soft-press-label:#027a48;--button-color-success-soft-focus-border:#32d583;--button-color-success-outline-default-label:#12b76a;--button-color-success-outline-default-border:#32d583;--button-color-success-outline-hover-border:#12b76a;--button-color-success-outline-hover-label:#039855;--button-color-success-outline-press-border:#039855;--button-color-success-outline-press-label:#027a48;--button-color-success-outline-focus-border:#a6f4c5;--button-color-success-transparent-default-label:#12b76a;--button-color-success-transparent-hover-label:#039855;--button-color-success-transparent-press-label:#027a48;--button-color-success-transparent-focus-border:#6ce9a6;--button-color-error-solid-default-label:#fff;--button-color-error-solid-hover-label:#fff;--button-color-error-solid-press-label:#fff;--button-color-error-solid-focus-border:#fecdc9;--button-color-error-soft-default-label:#f04438;--button-color-error-soft-hover-label:#d92d20;--button-color-error-soft-press-label:#b32318;--button-color-error-soft-focus-border:#f97066;--button-color-error-outline-default-label:#f04438;--button-color-error-outline-default-border:#f97066;--button-color-error-outline-hover-border:#f04438;--button-color-error-outline-hover-label:#d92d20;--button-color-error-outline-press-border:#d92d20;--button-color-error-outline-press-label:#b32318;--button-color-error-outline-focus-border:#fecdc9;--button-color-error-transparent-default-label:#f04438;--button-color-error-transparent-hover-label:#d92d20;--button-color-error-transparent-press-label:#b32318;--button-color-error-transparent-focus-border:#fda19b;--button-color-information-solid-default-label:#fff;--button-color-information-solid-hover-label:#fff;--button-color-information-solid-press-label:#fff;--button-color-information-solid-focus-border:#b9e6fe;--button-color-information-soft-default-label:#0ba5ec;--button-color-information-soft-hover-label:#0086c9;--button-color-information-soft-press-label:#026aa2;--button-color-information-soft-focus-border:#36bffa;--button-color-information-outline-default-label:#0ba5ec;--button-color-information-outline-default-border:#36bffa;--button-color-information-outline-hover-border:#0ba5ec;--button-color-information-outline-hover-label:#0086c9;--button-color-information-outline-press-border:#0086c9;--button-color-information-outline-press-label:#026aa2;--button-color-information-outline-focus-border:#b9e6fe;--button-color-information-transparent-default-label:#0ba5ec;--button-color-information-transparent-hover-label:#0086c9;--button-color-information-transparent-press-label:#026aa2;--button-color-information-transparent-focus-border:#7cd4fd;--button-border-radius-container-lg:10px;--button-border-radius-container-md:8px;--button-border-radius-container-sm:6px;--button-font-size-label-lg:16px;--button-font-size-label-md:14px;--button-font-size-label-sm:12px;--button-sizing-container-lg:52px;--button-sizing-container-md:44px;--button-sizing-container-sm:36px;--button-font-weight-label:600;--button-padding-icon-gap-lg:8px;--button-padding-left-right-lg:24px;--button-padding-icon-gap-md:8px;--button-padding-left-right-md:20px;--button-padding-icon-gap-sm:4px;--button-padding-left-right-sm:16px;--button-line-height-label-lg:24px;--button-line-height-label-md:20px;--button-line-height-label-sm:18px;--checkbox-color-default-border:#d0d5dd;--checkbox-color-default-label:#212121;--checkbox-color-disabled-label:#667085;--checkbox-color-active-border:#c3b5fd;--checkbox-color-active-icon:#fff;--checkbox-color-disabled-icon:#d0d5dd;--checkbox-color-hover-border:#875bf7;--checkbox-color-disabled-border:#d0d5dd;--checkbox-border-radius-field-lg:6px;--checkbox-border-radius-field-md:4px;--checkbox-border-radius-field-sm:2px;--checkbox-padding-label-gap:8px;--checkbox-font-size-label-lg:16px;--checkbox-font-size-label-md:14px;--checkbox-font-size-label-sm:12px;--checkbox-font-weight-label:400;--checkbox-border-width-field:1px;--checkbox-sizing-field-lg:24px;--checkbox-sizing-field-md:20px;--checkbox-sizing-field-sm:16px;--checkbox-background-color-active:#875bf7;--checkbox-background-color-hover:#7839ee;--checkbox-background-color-default:#fff;--checkbox-background-color-disabled:#f2f4f7;--checkbox-line-height-label-lg:24px;--checkbox-line-height-label-md:20px;--checkbox-line-height-label-sm:18px;--radio-button-color-default-label:#212121;--radio-button-color-active-dot:#875bf7;--radio-button-color-default-dot:#d0d5dd;--radio-button-color-disabled-dot:#d0d5dd;--radio-button-color-hover-dot:#7839ee;--radio-button-color-disabled-active-dot:#c3b5fd;--radio-button-color-disabled-label:#667085;--radio-button-color-default-border:#d0d5dd;--radio-button-color-hover-border:#7839ee;--radio-button-color-disabled-border:#d0d5dd;--radio-button-color-active-border:#875bf7;--radio-button-color-disabled-active-border:#c3b5fd;--radio-button-background-color-active:#fff;--radio-button-background-color-default:#fff;--radio-button-background-color-disabled:#f2f4f7;--radio-button-background-color-hover:#fff;--radio-button-background-color-disabled-active:#fff;--radio-button-padding-label-gap:8px;--radio-button-border-radius-field:900px;--radio-button-font-size-label-lg:16px;--radio-button-font-size-label-md:14px;--radio-button-font-size-label-sm:12px;--radio-button-border-width-field:1px;--radio-button-font-weight-label:400;--radio-button-sizing-field-lg:24px;--radio-button-sizing-field-md:20px;--radio-button-sizing-field-sm:16px;--radio-button-line-height-label-lg:24px;--radio-button-line-height-label-md:20px;--radio-button-line-height-label-sm:18px;--text-field-font-size-label-lg:14px;--text-field-font-size-label-md:14px;--text-field-font-size-label-sm:14px;--text-field-font-size-input-lg:16px;--text-field-font-size-input-md:14px;--text-field-font-size-input-sm:12px;--text-field-font-size-hint-md:14px;--text-field-font-size-hint-sm:14px;--text-field-font-size-hint-lg:14px;--text-field-font-size-caption-lg:14px;--text-field-font-size-caption-md:14px;--text-field-font-size-caption-sm:14px;--text-field-font-weight-label:600;--text-field-font-weight-input:400;--text-field-font-weight-prefix-suffix:600;--text-field-font-weight-hint:400;--text-field-font-weight-caption:400;--text-field-border-radius-field-lg:10px;--text-field-border-radius-field-md:8px;--text-field-border-radius-field-sm:8px;--text-field-sizing-field-lg:52px;--text-field-sizing-field-md:44px;--text-field-sizing-field-sm:36px;--text-field-padding-field-left-right-lg:20px;--text-field-padding-field-left-right-md:16px;--text-field-padding-field-left-right-sm:16px;--text-field-padding-icon-gap:12px;--text-field-color-caption-info:#475467;--text-field-color-caption-error:#f04438;--text-field-color-caption-success:#12b76a;--text-field-color-label:#212121;--text-field-color-input:#212121;--text-field-color-prefix-suffix:#1d2939;--text-field-color-hint:#212121;--text-field-color-icon:#667085;--text-field-color-default-border:#d0d5dd;--text-field-color-hover-border:#875bf7;--text-field-color-focus-border:#875bf7;--text-field-color-error-border:#f04438;--text-field-color-success-border:#12b76a;--text-field-color-disabled-border:#d0d5dd;--text-field-color-divider-prefix-suffix:#d0d5dd;--text-field-color-placeholder:#667085;--text-field-color-disabled-input:#98a2b3;--text-field-background-color-default:#f9fafb;--text-field-background-color-hover:#f9fafb;--text-field-background-color-disabled:#f2f4f7;--text-field-border-width-outline:1px;--text-field-border-width-inline:2px;--text-field-line-height-label-lg:20px;--text-field-line-height-label-md:20px;--text-field-line-height-label-sm:20px;--text-field-line-height-input-lg:24px;--text-field-line-height-input-md:20px;--text-field-line-height-input-sm:18px;--text-field-line-height-hint-lg:20px;--text-field-line-height-hint-md:20px;--text-field-line-height-hint-sm:20px;--text-field-line-height-caption-lg:20px;--text-field-line-height-caption-md:20px;--text-field-line-height-caption-sm:20px;--chip-color-primary-solid-default-border:#875bf7;--chip-color-primary-solid-default-label:#fff;--chip-color-primary-solid-hover-border:#875bf7;--chip-color-primary-solid-hover-label:#875bf7;--chip-color-primary-soft-default-border:#875bf7;--chip-color-primary-soft-default-label:#875bf7;--chip-color-primary-soft-hover-border:#875bf7;--chip-color-primary-soft-hover-label:#875bf7;--chip-color-primary-outline-default-border:#875bf7;--chip-color-primary-outline-default-label:#875bf7;--chip-color-primary-outline-hover-border:#875bf7;--chip-color-primary-outline-hover-label:#875bf7;--chip-color-secondary-solid-default-border:#2970ff;--chip-color-secondary-solid-default-label:#fff;--chip-color-secondary-solid-hover-border:#2970ff;--chip-color-secondary-solid-hover-label:#2970ff;--chip-color-secondary-soft-hover-border:#2970ff;--chip-color-secondary-soft-hover-label:#2970ff;--chip-color-secondary-soft-default-border:#2970ff;--chip-color-secondary-soft-default-label:#2970ff;--chip-color-secondary-outline-default-border:#2970ff;--chip-color-secondary-outline-default-label:#2970ff;--chip-color-secondary-outline-hover-border:#2970ff;--chip-color-secondary-outline-hover-label:#2970ff;--chip-color-tertiary-solid-default-border:#667085;--chip-color-tertiary-solid-default-label:#fff;--chip-color-tertiary-solid-hover-border:#667085;--chip-color-tertiary-solid-hover-label:#667085;--chip-color-tertiary-soft-default-border:#667085;--chip-color-tertiary-soft-default-label:#667085;--chip-color-tertiary-soft-hover-border:#667085;--chip-color-tertiary-soft-hover-label:#667085;--chip-color-tertiary-outline-default-border:#667085;--chip-color-tertiary-outline-default-label:#667085;--chip-color-tertiary-outline-hover-border:#667085;--chip-color-tertiary-outline-hover-label:#667085;--chip-color-information-solid-default-border:#0ba5ec;--chip-color-information-solid-default-label:#fff;--chip-color-information-solid-hover-border:#0ba5ec;--chip-color-information-solid-hover-label:#0ba5ec;--chip-color-information-soft-default-border:#0ba5ec;--chip-color-information-soft-default-label:#0ba5ec;--chip-color-information-soft-hover-border:#0ba5ec;--chip-color-information-soft-hover-label:#0ba5ec;--chip-color-information-outline-default-border:#0ba5ec;--chip-color-information-outline-default-label:#0ba5ec;--chip-color-information-outline-hover-border:#0ba5ec;--chip-color-information-outline-hover-label:#0ba5ec;--chip-color-warning-solid-default-border:#f79009;--chip-color-warning-solid-default-label:#fff;--chip-color-warning-solid-hover-border:#f79009;--chip-color-warning-solid-hover-label:#f79009;--chip-color-warning-soft-default-border:#f79009;--chip-color-warning-soft-default-label:#f79009;--chip-color-warning-soft-hover-border:#f79009;--chip-color-warning-soft-hover-label:#f79009;--chip-color-warning-outline-default-border:#f79009;--chip-color-warning-outline-default-label:#f79009;--chip-color-warning-outline-hover-border:#f79009;--chip-color-warning-outline-hover-label:#f79009;--chip-color-error-solid-default-border:#f04438;--chip-color-error-solid-default-label:#fff;--chip-color-error-solid-hover-border:#f04438;--chip-color-error-solid-hover-label:#f04438;--chip-color-error-soft-default-border:#f04438;--chip-color-error-soft-default-label:#f04438;--chip-color-error-soft-hover-border:#f04438;--chip-color-error-soft-hover-label:#f04438;--chip-color-error-outline-default-border:#f04438;--chip-color-error-outline-default-label:#f04438;--chip-color-error-outline-hover-border:#f04438;--chip-color-error-outline-hover-label:#f04438;--chip-color-success-solid-default-border:#12b76a;--chip-color-success-solid-default-label:#fff;--chip-color-success-solid-hover-border:#12b76a;--chip-color-success-solid-hover-label:#12b76a;--chip-color-success-soft-default-border:#12b76a;--chip-color-success-soft-default-label:#12b76a;--chip-color-success-soft-hover-border:#12b76a;--chip-color-success-soft-hover-label:#12b76a;--chip-color-success-outline-default-border:#12b76a;--chip-color-success-outline-default-label:#12b76a;--chip-color-success-outline-hover-border:#12b76a;--chip-color-success-outline-hover-label:#12b76a;--chip-font-size-label-lg:16px;--chip-font-size-label-md:14px;--chip-font-size-label-sm:12px;--chip-font-weight-label:600;--chip-border-radius-container-lg:12px;--chip-border-radius-container-md:10px;--chip-border-radius-container-sm:8px;--chip-padding-container-right-left:2px;--chip-padding-container-gap-lg:4px;--chip-padding-container-gap-md:4px;--chip-padding-container-gap-sm:2px;--chip-sizing-container-lg:24px;--chip-sizing-container-sm:16px;--chip-sizing-container-md:20px;--chip-background-color-primary-solid-default:#875bf7;--chip-background-color-primary-solid-hover:#ddd6fe;--chip-background-color-primary-soft-default:#ece9fe;--chip-background-color-primary-soft-hover:#ddd6fe;--chip-background-color-primary-outline-default:#ffffff00;--chip-background-color-primary-outline-hover:#ece9fe;--chip-background-color-secondary-solid-default:#2970ff;--chip-background-color-secondary-solid-hover:#b2ccff;--chip-background-color-secondary-soft-default:#d1e0ff;--chip-background-color-secondary-soft-hover:#b2ccff;--chip-background-color-secondary-outline-default:#ffffff00;--chip-background-color-secondary-outline-hover:#d1e0ff;--chip-background-color-warning-solid-default:#f79009;--chip-background-color-warning-solid-hover:#fedf89;--chip-background-color-warning-soft-default:#feefc6;--chip-background-color-warning-soft-hover:#fedf89;--chip-background-color-warning-outline-default:#ffffff00;--chip-background-color-warning-outline-hover:#feefc6;--chip-background-color-error-solid-default:#f04438;--chip-background-color-error-solid-hover:#fecdc9;--chip-background-color-error-soft-default:#fee4e2;--chip-background-color-error-soft-hover:#fecdc9;--chip-background-color-error-outline-default:#ffffff00;--chip-background-color-error-outline-hover:#fee4e2;--chip-background-color-success-solid-default:#12b76a;--chip-background-color-success-solid-hover:#a6f4c5;--chip-background-color-success-soft-default:#d1fadf;--chip-background-color-success-soft-hover:#a6f4c5;--chip-background-color-success-outline-default:#ffffff00;--chip-background-color-success-outline-hover:#d1fadf;--chip-background-color-tertiary-solid-default:#667085;--chip-background-color-tertiary-solid-hover:#eaecf0;--chip-background-color-tertiary-soft-default:#f2f4f7;--chip-background-color-tertiary-soft-hover:#eaecf0;--chip-background-color-tertiary-outline-default:#ffffff00;--chip-background-color-tertiary-outline-hover:#f2f4f7;--chip-background-color-information-solid-default:#0ba5ec;--chip-background-color-information-solid-hover:#b9e6fe;--chip-background-color-information-soft-default:#e0f2fe;--chip-background-color-information-soft-hover:#b9e6fe;--chip-background-color-information-outline-default:#ffffff00;--chip-background-color-information-outline-hover:#e0f2fe;--chip-line-height-label-lg:24px;--chip-line-height-label-md:20px;--chip-line-height-label-sm:18px;--switch-color-default-label:#212121;--switch-color-default-border-toggle:#98a2b3;--switch-color-active-border-toggle:#875bf7;--switch-color-disabled-label:#667085;--switch-color-disabled-border-toggle:#d0d5dd;--switch-color-disabled-active-border-toggle:#ddd6fe;--switch-background-color-active:#875bf7;--switch-background-color-default:#98a2b3;--switch-background-color-toggle:#fff;--switch-background-color-disabled:#d0d5dd;--switch-background-color-disabled-active:#ddd6fe;--switch-background-color-active-toggle:#fff;--switch-background-color-disabled-toogle:#fff;--switch-background-color-disabled-active-toogle:#fff;--switch-font-size-label-lg:18px;--switch-font-size-label-md:14px;--switch-font-size-label-sm:12px;--switch-padding-label-gap:8px;--switch-font-weight-label:400;--switch-sizing-field-height-lg:24px;--switch-sizing-field-height-md:20px;--switch-sizing-field-height-sm:16px;--switch-sizing-toggle-lg:24px;--switch-sizing-toggle-md:20px;--switch-sizing-toggle-sm:16px;--switch-sizing-field-width-lg:48px;--switch-sizing-field-width-md:40px;--switch-sizing-field-width-sm:32px;--switch-border-radius-field:900px;--switch-border-radius-toggle:900px;--switch-line-height-label-lg:24px;--switch-line-height-label-md:20px;--switch-line-height-label-sm:18px;--stepper-background-color-default-indicator:#fff;--stepper-background-color-active-indicator:#fff;--stepper-background-color-success-indicator:#12b76a;--stepper-color-default-indicator-border:#d0d5dd;--stepper-color-default-indicator-label:#212121;--stepper-color-description:#667085;--stepper-color-active-indicator-border:#12b76a;--stepper-color-active-indicator-label:#212121;--stepper-color-success-indicator-border:#12b76a;--stepper-color-success-indicator-label:#fff;--stepper-color-default-separator:#d0d5dd;--stepper-color-success-separator:#12b76a;--stepper-color-title:#212121;--stepper-color-active-separator:#12b76a;--stepper-font-weight-title:700;--stepper-font-weight-description:400;--stepper-font-weight-indicator:700;--stepper-font-size-title:16px;--stepper-font-size-description:14px;--stepper-font-size-indicator:20px;--stepper-border-width-indicator:2px;--stepper-border-radius-indicator:900px;--stepper-sizing-indicator:40px;--stepper-padding-content:8px;--stepper-padding-content-gap:2px;--stepper-line-height-indicator:28px;--stepper-line-height-title:24px;--stepper-line-height-description:20px;--divider-color-line:#d0d5dd;--divider-color-label:#667085;--divider-padding-label-gap:16px;--divider-font-size-label:14px;--divider-font-weight-label:400;--divider-line-height-label:20px;--spinner-sizing-lg:64px;--spinner-sizing-md:40px;--spinner-sizing-sm:24px;--spinner-color-indicator:#875bf7;--spinner-color-track:#ece9fe;--spinner-border-width-lg:8px;--spinner-border-width-md:6px;--spinner-border-width-sm:4px;--progress-bar-padding-label-gap:8px;--progress-bar-padding-tooltip:8px;--progress-bar-background-color-track:#c3b5fd;--progress-bar-background-color-tooltip:#fff;--progress-bar-background-color-indicator:#875bf7;--progress-bar-font-weight-label:600;--progress-bar-color-label:#212121;--progress-bar-font-size-label:12px;--progress-bar-border-radius-tooltip:8px;--progress-bar-border-radius-track-indicator:4px;--progress-bar-line-height-label:18px;--text-area-border-radius-field-lg:12px;--text-area-border-radius-field-md:12px;--text-area-border-radius-field-sm:8px;--text-area-padding-field-left-right-lg:12px;--text-area-padding-field-left-right-md:8px;--text-area-padding-field-left-right-sm:8px;--text-area-padding-field-top-bottom-lg:12px;--text-area-padding-field-top-bottom-md:8px;--text-area-padding-field-top-bottom-sm:8px;--text-area-font-weight-label:600;--text-area-font-weight-input:400;--text-area-font-weight-hint:400;--text-area-font-weight-caption:400;--text-area-color-label:#212121;--text-area-color-input:#212121;--text-area-color-placeholder:#667085;--text-area-color-hint:#212121;--text-area-color-caption-info:#475467;--text-area-color-caption-error:#f04438;--text-area-color-caption-success:#12b76a;--text-area-color-default-border:#d0d5dd;--text-area-color-hover-border:#875bf7;--text-area-color-disabled-border:#d0d5dd;--text-area-color-error-border:#f04438;--text-area-color-success-border:#12b76a;--text-area-color-focus-border:#875bf7;--text-area-color-disabled-input:#667085;--text-area-color-icon-drag:#212121;--text-area-font-size-label-lg:14px;--text-area-font-size-label-md:14px;--text-area-font-size-label-sm:14px;--text-area-font-size-input-lg:16px;--text-area-font-size-input-md:14px;--text-area-font-size-input-sm:12px;--text-area-font-size-caption-lg:14px;--text-area-font-size-caption-md:14px;--text-area-font-size-caption-sm:14px;--text-area-font-size-hint-lg:14px;--text-area-font-size-hint-md:14px;--text-area-font-size-hint-sm:14px;--text-area-background-color-default:#f9fafb;--text-area-background-color-disabled:#f2f4f7;--text-area-background-color-hover:#f9fafb;--text-area-sizing-field-min-height:144px;--text-area-border-width-inline:2px;--text-area-border-width-outline:1px;--text-area-line-height-label-lg:20px;--text-area-line-height-label-md:20px;--text-area-line-height-label-sm:20px;--text-area-line-height-input-lg:24px;--text-area-line-height-input-md:20px;--text-area-line-height-input-sm:18px;--text-area-line-height-caption-lg:20px;--text-area-line-height-caption-md:20px;--text-area-line-height-caption-sm:20px;--text-area-line-height-hint-lg:20px;--text-area-line-height-hint-md:20px;--text-area-line-height-hint-sm:20px;--snackbar-font-weight-description:400;--snackbar-font-weight-title:600;--snackbar-padding-icon-gap:12px;--snackbar-padding-top-bottom:16px;--snackbar-padding-left-right:32px;--snackbar-color-title:#212121;--snackbar-color-description:#667085;--snackbar-color-left-icon:#875bf7;--snackbar-color-right-icon:#212121;--snackbar-border-radius-container:6px;--snackbar-background-color-container:#fff;--snackbar-font-size-title:18px;--snackbar-font-size-description:16px;--snackbar-line-height-title:28px;--snackbar-line-height-description:24px;--pagination-sizing-button:40px;--pagination-background-color-disabled:#f2f4f7;--pagination-background-color-active:#875bf7;--pagination-background-color-hover:#ece9fe;--pagination-background-color-container:#ffffff00;--pagination-background-color-default:#fff;--pagination-color-disabled-label:#98a2b3;--pagination-color-default-label:#101828;--pagination-color-active-label:#fff;--pagination-color-hover-label:#101828;--pagination-border-radius-button:10px;--pagination-border-radius-container:10px;--pagination-padding-container:2px;--pagination-padding-gap-button:8px;--pagination-padding-list-left-right:12px;--pagination-padding-list-top-bottom:12px;--pagination-font-weight-label:600;--pagination-font-size-label:14px;--pagination-line-height-label:20px;--rating-color-default:#eaecf0;--rating-color-hover:#fdb022;--rating-color-active:#f79009;--rating-padding-gap:2px;--select-font-size-label-lg:14px;--select-font-size-label-md:14px;--select-font-size-label-sm:14px;--select-font-size-input-lg:16px;--select-font-size-input-md:14px;--select-font-size-input-sm:12px;--select-font-size-hint-md:14px;--select-font-size-hint-sm:14px;--select-font-size-hint-lg:14px;--select-font-size-caption-lg:14px;--select-font-size-caption-md:14px;--select-font-size-caption-sm:14px;--select-font-weight-label:600;--select-font-weight-input:400;--select-font-weight-hint:400;--select-font-weight-caption:400;--select-border-radius-field-lg:10px;--select-border-radius-field-md:8px;--select-border-radius-field-sm:8px;--select-border-radius-list-container:6px;--select-border-radius-option:6px;--select-sizing-field-lg:52px;--select-sizing-field-md:44px;--select-sizing-field-sm:36px;--select-sizing-list-container-max-height-lg:240px;--select-sizing-list-container-max-height-md:220px;--select-sizing-list-container-max-height-sm:212px;--select-padding-field-left-right-lg:20px;--select-padding-field-left-right-md:16px;--select-padding-field-left-right-sm:16px;--select-padding-list-top-bottom:12px;--select-padding-list-left-right:12px;--select-padding-icon-gap-lg:16px;--select-padding-icon-gap-md:12px;--select-padding-icon-gap-sm:12px;--select-padding-modal-gap:12px;--select-padding-container-gap:8px;--select-color-caption-info:#475467;--select-color-caption-error:#f04438;--select-color-caption-success:#12b76a;--select-color-label:#212121;--select-color-input:#1d2939;--select-color-hint:#212121;--select-color-icon:#667085;--select-color-default-border:#d0d5dd;--select-color-hover-border:#875bf7;--select-color-focus-border:#875bf7;--select-color-error-border:#f04438;--select-color-success-border:#12b76a;--select-color-disabled-border:#d0d5dd;--select-color-placeholder:#667085;--select-color-option-selected:#875bf7;--select-color-option-hover:#212121;--select-color-option-default:#212121;--select-color-input-disabled:#98a2b3;--select-background-color-default:#f9fafb;--select-background-color-hover:#f9fafb;--select-background-color-disabled:#f2f4f7;--select-background-color-list-container:#fff;--select-background-color-option-selected:#f5f3ff;--select-background-color-option-hover:#f9fafb;--select-background-color-scrollbar:#eaecf0;--select-border-width-outline:1px;--select-border-width-inline:2px;--select-line-height-label-lg:20px;--select-line-height-label-md:20px;--select-line-height-label-sm:20px;--select-line-height-input-lg:24px;--select-line-height-input-md:20px;--select-line-height-input-sm:18px;--select-line-height-hint-lg:20px;--select-line-height-hint-md:20px;--select-line-height-hint-sm:20px;--select-line-height-caption-lg:20px;--select-line-height-caption-md:20px;--select-line-height-caption-sm:28px;--datepicker-font-size-label-md:14px;--datepicker-font-size-label-lg:14px;--datepicker-font-size-label-sm:14px;--datepicker-font-size-input-md:14px;--datepicker-font-size-input-lg:16px;--datepicker-font-size-input-sm:12px;--datepicker-font-size-hint-lg:14px;--datepicker-font-size-hint-md:14px;--datepicker-font-size-hint-sm:14px;--datepicker-font-size-title-modal-container:18px;--datepicker-font-size-sub-title-modal-container:14px;--datepicker-font-size-caption-lg:14px;--datepicker-font-size-caption-md:14px;--datepicker-font-size-caption-sm:18px;--datepicker-font-size-picker-label:14px;--datepicker-sizing-field-lg:52px;--datepicker-sizing-field-md:44px;--datepicker-sizing-field-sm:36px;--datepicker-sizing-picker:44px;--datepicker-border-radius-field-md:8px;--datepicker-border-radius-field-lg:10px;--datepicker-border-radius-field-sm:8px;--datepicker-border-radius-picker:900px;--datepicker-border-radius-modal-container:6px;--datepicker-padding-icon-gap:12px;--datepicker-padding-left-right-lg:20px;--datepicker-padding-left-right-md:16px;--datepicker-padding-left-right-sm:16px;--datepicker-padding-modal-container:24px;--datepicker-padding-picker-gap:4px;--datepicker-padding-title-gap:16px;--datepicker-padding-modal-container-gap:16px;--datepicker-font-weight-label:600;--datepicker-font-weight-input:400;--datepicker-font-weight-caption:400;--datepicker-font-weight-hint:400;--datepicker-font-weight-picker-label:400;--datepicker-font-weight-title-modal-container:700;--datepicker-font-weight-sub-title-modal-container:600;--datepicker-color-label:#212121;--datepicker-color-input-disabled:#667085;--datepicker-color-input:#1d2939;--datepicker-color-icon:#667085;--datepicker-color-caption-success:#12b76a;--datepicker-color-caption-error:#f04438;--datepicker-color-caption-info:#475467;--datepicker-color-success-border:#12b76a;--datepicker-color-error-border:#f04438;--datepicker-color-disabled-border:#d0d5dd;--datepicker-color-default-border:#d0d5dd;--datepicker-color-hover-border:#875bf7;--datepicker-color-focus-border:#ddd6fe;--datepicker-color-picker-label-default:#1d2939;--datepicker-color-picker-label-hover:#1d2939;--datepicker-color-picker-label-active:#fff;--datepicker-color-picker-label-disabled:#667085;--datepicker-color-picker-today-label:#875bf7;--datepicker-color-picker-today-border:#ece9fe;--datepicker-color-title-modal-container:#1d2939;--datepicker-color-modal-container-border:#d0d5dd;--datepicker-color-picker-today-label-hover:#875bf7;--datepicker-color-picker-today-border-hover:#c3b5fd;--datepicker-color-picker-out-range-label:#667085;--datepicker-background-color-hover:#f9fafb;--datepicker-background-color-default:#f9fafb;--datepicker-background-color-modal-container:#f9fafb;--datepicker-background-color-picker-hover:#f9fafb;--datepicker-background-color-picker-active:#875bf7;--datepicker-background-color-disabled:#f2f4f7;--datepicker-background-color-picker-default:#ffffff00;--datepicker-background-color-picker-range-default:#ece9fe;--datepicker-background-color-picker-range-hover:#ddd6fe;--datepicker-background-color-picker-disabled:#eaecf0;--datepicker-background-color-picker-out-range:#ffffff00;--datepicker-border-width-picker:1px;--datepicker-border-width-modal-container:1px;--datepicker-border-width-outline:1px;--datepicker-border-width-inline:2px;--datepicker-line-height-label-lg:20px;--datepicker-line-height-label-md:20px;--datepicker-line-height-label-sm:20px;--datepicker-line-height-input-lg:24px;--datepicker-line-height-input-md:20px;--datepicker-line-height-input-sm:18px;--datepicker-line-height-hint-lg:20px;--datepicker-line-height-hint-md:20px;--datepicker-line-height-hint-sm:20px;--datepicker-line-height-title-item-container:28px;--datepicker-line-height-label-item-container:20px;--datepicker-line-height-caption-lg:20px;--datepicker-line-height-caption-md:20px;--datepicker-line-height-caption-sm:20px;--datepicker-line-height-item-label:20px;--navbar-sizing-height-menu:40px;--navbar-sizing-height-sub-menu:44px;--navbar-border-radius-menu:12px;--navbar-border-radius-container-sub-menu:16px;--navbar-border-radius-sub-menu:10px;--navbar-border-radius-container:0px;--navbar-padding-menu-left-right:16px;--navbar-padding-container-sub-menu:12px;--navbar-padding-sub-menu-list-gap:2px;--navbar-padding-sub-menu-left-right:16px;--navbar-padding-container-left-right:24px;--navbar-padding-container-top-bottom:0px;--navbar-padding-menu-content-gap:8px;--navbar-padding-menu-list-gap:8px;--navbar-padding-container-sub-menu-gap:0px;--navbar-font-size-menu-label:14px;--navbar-font-size-sub-menu-label:14px;--navbar-font-weight-menu-label:700;--navbar-font-weight-sub-menu-label:600;--navbar-background-color-container-sub-menu:#fff;--navbar-background-color-default-menu:#fff;--navbar-background-color-hover-menu:#ece9fe;--navbar-background-color-active-menu:#f5f3ff;--navbar-background-color-hover-sub-menu:#ece9fe;--navbar-background-color-active-sub-menu:#f5f3ff;--navbar-background-color-default-sub-menu:#fff;--navbar-background-color-container:#fff;--navbar-color-default-menu-label:#344054;--navbar-color-hover-menu-label:#344054;--navbar-color-hover-menu-border:#875bf7;--navbar-color-active-menu-label:#6927da;--navbar-color-active-menu-border:#875bf7;--navbar-color-default-sub-menu-label:#344054;--navbar-color-hover-sub-menu-label:#344054;--navbar-color-active-sub-menu-label:#875bf7;--navbar-color-icon:#212121;--navbar-border-width-menu-top:0px;--navbar-border-width-menu-bottom:0px;--navbar-border-width-menu-left:0px;--navbar-border-width-menu-right:0px;--navbar-line-height-menu-label:20px;--navbar-line-height-sub-menu-label:20px;--tabs-color-default-border:#ffffff00;--tabs-color-active-border:#875bf7;--tabs-color-hover-border:#ddd6fe;--tabs-color-default-label:#344054;--tabs-color-hover-label:#6927da;--tabs-color-active-label:#875bf7;--tabs-color-border-container:#d0d5dd;--tabs-border-width-item:4px;--tabs-border-width-container:1px;--tabs-font-size-label:16px;--tabs-font-weight-label:600;--tabs-background-color-container:#ffffff00;--tabs-background-color-default:#ffffff00;--tabs-background-color-hover:#ffffff00;--tabs-background-color-active:#ffffff00;--tabs-padding-item-gap:0px;--tabs-padding-container-left-right:12px;--tabs-padding-container-top-bottom:0px;--tabs-padding-icon-gap:8px;--tabs-padding-item-left-right:16px;--tabs-sizing-item-height:56px;--tabs-line-height-label:24px;--tabs-border-radius-item:0px;--tabs-border-radius-container:0px;--slider-line-height-label:18px;--slider-background-color-indicator:#875bf7;--slider-background-color-track:#c3b5fd;--slider-background-color-toggle:#fcfcfd;--slider-background-color-tooltip:#fcfcfd;--slider-padding-tooltip:8px;--slider-border-radius-tooltip:8px;--slider-border-radius-toggle:900px;--slider-font-size-label:12px;--slider-font-weight-label:600;--slider-color-label:#101828;--slider-color-border-toggle:#875bf7;--slider-border-width-toggle:2px;--modal-color-title:#1d2939;--modal-color-description:#667085;--modal-color-left-icon:#98a2b3;--modal-color-right-icon:#212121;--modal-font-size-title:30px;--modal-font-size-description:18px;--modal-padding-container:32px;--modal-padding-content-gap:16px;--modal-background-color-overlay:#2121214d;--modal-background-color-container:#fff;--modal-font-weight-title:700;--modal-font-weight-description:400;--modal-border-radius-container:16px;--modal-line-height-title:40px;--modal-line-height-description:28px;--card-background-color-container:#fff;--card-background-color-divider-header-footer:#eaecf0;--card-background-color-soft-default:#f2f4f7;--card-padding-header-left-right:16px;--card-padding-media-left-right:16px;--card-padding-body-left-right:0px;--card-padding-footer-left-right:16px;--card-padding-media-top:16px;--card-padding-media-bottom:0px;--card-padding-header-top:16px;--card-padding-header-bottom:16px;--card-padding-body-top:0px;--card-padding-body-bottom:0px;--card-padding-footer-top:16px;--card-padding-footer-bottom:16px;--card-border-width-divider-header-footer:1px;--card-border-width-container:1px;--card-border-radius-container:16px;--card-font-size-header-title:18px;--card-font-size-header-description:12px;--card-font-size-body-description:16px;--card-font-size-body-title:18px;--card-font-weight-title:700;--card-font-weight-description:400;--card-color-left-icon:#212121;--card-color-title:#212121;--card-c