@vivareal/lina-tokens/dist/zapmais/css/variables.css

Project responsible for transforming and formatting design tokens

/**
 * Do not edit directly
 * Generated on Mon, 23 Jan 2023 17:27:40 GMT
 */

:root {
  --token-border-radius-small: 4px;
  --token-border-radius-regular: 8px;
  --token-border-radius-large: 12px;
  --token-border-radius-rounded: 26px;
  --token-border-radius-circle: 50%;
  --token-box-shadow-xsmall: 0px 8px 8px rgba(24, 39, 75, 0.08);
  --token-box-shadow-small: 0px 8px 16px rgba(24, 39, 75, 0.08);
  --token-box-shadow-regular: 0px 8px 32px rgba(24, 39, 75, 0.16);
  --token-box-shadow-large: 0px 8px 24px -8px rgba(24, 39, 75, 0.12), 0px 8px 88px -4px rgba(24, 39, 75, 0.16);
  --token-box-shadow-xlarge: 0px 8px 24px -8px rgba(24, 39, 75, 0.12), 0px 8px 88px -4px rgba(24, 39, 75, 0.16);
  --token-box-shadow-enhancer-small: 0px 0px 10px rgba(0, 0, 0, 0.1);
  --token-box-shadow-enhancer-regular: 0px 0px 20px rgba(0, 0, 0, 0.1);
  --token-box-shadow-enhancer-large: 0px 0px 30px rgba(0, 0, 0, 0.15);
  --token-breakpoint-xs: 0;
  --token-breakpoint-sm: 360px;
  --token-breakpoint-md: 720px;
  --token-breakpoint-lg: 1024px;
  --token-breakpoint-xl: 1279px;
  --token-breakpoint-container: 1232px;
  --token-color-primary-70: #f4ebff;
  --token-color-primary-80: #ead9ff;
  --token-color-primary-90: #b596ff;
  --token-color-primary-100: #4d009e;
  --token-color-primary-110: #34006b;
  --token-color-primary-120: #1b0038;
  --token-color-primary-130: #1b0038;
  --token-color-secondary-70: #effaf3;
  --token-color-secondary-80: #d0f1dc;
  --token-color-secondary-90: #a9e5be;
  --token-color-secondary-100: #5fcf87;
  --token-color-secondary-110: #2e9954;
  --token-color-secondary-120: #164b29;
  --token-color-secondary-130: #164b29;
  --token-color-aux-1-70: #c1ecfb;
  --token-color-aux-1-80: #c1ecfb;
  --token-color-aux-1-90: #61cff5;
  --token-color-aux-1-100: #0eaae0;
  --token-color-aux-1-110: #0b87b2;
  --token-color-aux-1-120: #086282;
  --token-color-aux-1-130: #086282;
  --token-color-aux-2-70: #ebf4d7;
  --token-color-aux-2-80: #ebf4d7;
  --token-color-aux-2-90: #c4dd88;
  --token-color-aux-2-100: #9cc539;
  --token-color-aux-2-110: #7d9e2e;
  --token-color-aux-2-120: #5e7722;
  --token-color-aux-2-130: #5e7722;
  --token-color-aux-3-70: #fcecde;
  --token-color-aux-3-80: #fcecde;
  --token-color-aux-3-90: #f4b480;
  --token-color-aux-3-100: #ec7b20;
  --token-color-aux-3-110: #ca6411;
  --token-color-aux-3-120: #9b4d0d;
  --token-color-aux-3-130: #9b4d0d;
  --token-color-aux-4-70: #fbe0e8;
  --token-color-aux-4-80: #fbe0e8;
  --token-color-aux-4-90: #f19cb6;
  --token-color-aux-4-100: #e85884;
  --token-color-aux-4-110: #e22c64;
  --token-color-aux-4-120: #c11b4d;
  --token-color-aux-4-130: #c11b4d;
  --token-color-aux-5-70: #fff9cc;
  --token-color-aux-5-80: #fff9cc;
  --token-color-aux-5-90: #ffec66;
  --token-color-aux-5-100: #ffdf00;
  --token-color-aux-5-110: #ccb200;
  --token-color-aux-5-120: #998600;
  --token-color-aux-5-130: #998600;
  --token-color-aux-6-70: #fbd5d8;
  --token-color-aux-6-80: #fbd5d8;
  --token-color-aux-6-90: #f7a6ad;
  --token-color-aux-6-100: #ee4957;
  --token-color-aux-6-110: #bf1221;
  --token-color-aux-6-120: #620911;
  --token-color-aux-6-130: #620911;
  --token-color-feedback-success-70: #def9cc;
  --token-color-feedback-success-80: #def9cc;
  --token-color-feedback-success-90: #8ce563;
  --token-color-feedback-success-100: #24a148;
  --token-color-feedback-success-110: #197b35;
  --token-color-feedback-success-120: #105323;
  --token-color-feedback-success-130: #105323;
  --token-color-feedback-attention-70: #fff7e0;
  --token-color-feedback-attention-80: #fff7e0;
  --token-color-feedback-attention-90: #ffe19a;
  --token-color-feedback-attention-100: #f9af27;
  --token-color-feedback-attention-110: #7b5613;
  --token-color-feedback-attention-120: #3c2a09;
  --token-color-feedback-attention-130: #3c2a09;
  --token-color-feedback-error-70: #fff5f5;
  --token-color-feedback-error-80: #fff5f5;
  --token-color-feedback-error-90: #f48787;
  --token-color-feedback-error-100: #e22828;
  --token-color-feedback-error-110: #901111;
  --token-color-feedback-error-120: #3b0505;
  --token-color-feedback-error-130: #3b0505;
  --token-color-feedback-info-70: #e1f9ff;
  --token-color-feedback-info-80: #e1f9ff;
  --token-color-feedback-info-90: #9ce6f9;
  --token-color-feedback-info-100: #28b5d9;
  --token-color-feedback-info-110: #14596b;
  --token-color-feedback-info-120: #0a2b34;
  --token-color-feedback-info-130: #0a2b34;
  --token-color-neutral-12: #1a1d23;
  --token-color-neutral-28: #3c4453;
  --token-color-neutral-44: #5e6a82;
  --token-color-neutral-60: #8994a9;
  --token-color-neutral-84: #cfd4dd;
  --token-color-neutral-96: #f5f6f7;
  --token-color-neutral-100: #ffffff;
  --token-color-focus: #70a5ff;
  --token-color-facebook-100: #3b5998;
  --token-color-facebook-110: #36528c;
  --token-color-facebook-120: #324b80;
  --token-color-google-100: #4285f4;
  --token-color-google-110: #3d7ae0;
  --token-color-google-120: #3770cd;
  --token-color-whatsapp-100: #2ecc71;
  --token-color-whatsapp-110: #2abc68;
  --token-color-whatsapp-120: #26ab5e;
  --token-asset-heart-filled: "icon-heart-filled";
  --token-asset-heart-void: "icon-heart-void";
  --token-asset-star-filled: "icon-star-filled";
  --token-asset-star-void: "icon-star-void";
  --token-font-family: "Roboto", Arial, Helvetica, sans-serif;
  --token-font-size-body-xsmall: 0.75rem;
  --token-font-size-body-small: 0.875rem;
  --token-font-size-body-regular: 1rem;
  --token-font-size-heading-small: 1rem;
  --token-font-size-heading-regular: 1.25rem;
  --token-font-size-heading-large: 1.5rem;
  --token-font-size-display-small: 2rem;
  --token-font-size-display-regular: 2.5rem;
  --token-font-size-display-large: 3rem;
  --token-font-weight-regular: 400;
  --token-font-weight-medium: 500;
  --token-font-weight-semi-bold: 600;
  --token-font-weight-bold: 700;
  --token-line-height-body-xsmall: 18px;
  --token-line-height-body-small: 1.25rem;
  --token-line-height-body-regular: 1.5rem;
  --token-line-height-heading-small: 1.5rem;
  --token-line-height-heading-regular: 1.75rem;
  --token-line-height-heading-large: 2rem;
  --token-line-height-display-small: 40px;
  --token-line-height-display-regular: 56px;
  --token-line-height-display-large: 56px;
  --token-opacity-disabled: 0.56;
  --token-opacity-background-black-8: rgba(0, 0, 0, 0.08);
  --token-opacity-background-black-16: rgba(0, 0, 0, 0.16);
  --token-opacity-background-black-24: rgba(0, 0, 0, 0.24);
  --token-opacity-background-black-32: rgba(0, 0, 0, 0.32);
  --token-opacity-background-black-64: rgba(0, 0, 0, 0.64);
  --token-opacity-background-white-8: rgba(255, 255, 255, 0.08);
  --token-opacity-background-white-16: rgba(255, 255, 255, 0.16);
  --token-opacity-background-white-24: rgba(255, 255, 255, 0.24);
  --token-opacity-background-white-32: rgba(255, 255, 255, 0.32);
  --token-opacity-background-white-64: rgba(255, 255, 255, 0.64);
  --token-size-font-tiny: 0.625rem; /* 10px if 16px = 1rem */
  --token-size-font-xsmall: 0.75rem; /* 12px if 16px = 1rem */
  --token-size-font-small: 0.875rem; /* 14px if 16px = 1rem */
  --token-size-font-regular: 1rem; /* 16px if 16px = 1rem */
  --token-size-font-medium: 1.125rem; /* 18px if 16px = 1rem */
  --token-size-font-large: 1.25rem; /* 20px if 16px = 1rem */
  --token-size-font-xlarge: 1.5rem; /* 24px if 16px = 1rem */
  --token-size-font-big: 2rem; /* 32px if 16px = 1rem */
  --token-size-font-huge: 2.5rem; /* 40px if 16px = 1rem */
  --token-size-font-giant: 3rem; /* 48px if 16px = 1rem */
  --token-size-spacing-tiny: 0.125rem; /* 2px if 16px = 1rem */
  --token-size-spacing-xsmall: 0.25rem; /* 4px if 16px = 1rem */
  --token-size-spacing-small: 0.5rem; /* 8px if 16px = 1rem */
  --token-size-spacing-regular: 1rem; /* 16px if 16px = 1rem */
  --token-size-spacing-large: 1.5rem; /* 24px if 16px = 1rem */
  --token-size-spacing-xlarge: 2rem; /* 32px if 16px = 1rem */
  --token-size-spacing-big: 2.5rem; /* 40px if 16px = 1rem */
  --token-size-spacing-huge: 4rem; /* 64px if 16px = 1rem */
  --token-size-spacing-giant: 6rem; /* 96px if 16px = 1rem */
  --token-spacing-tiny: 0.125rem; /* 2px if 16px = 1rem */
  --token-spacing-xsmall: 0.25rem; /* 4px if 16px = 1rem */
  --token-spacing-small: 0.5rem; /* 8px if 16px = 1rem */
  --token-spacing-regular: 1rem; /* 16px if 16px = 1rem */
  --token-spacing-large: 1.5rem; /* 24px if 16px = 1rem */
  --token-spacing-xlarge: 2rem; /* 32px if 16px = 1rem */
  --token-spacing-big: 2.5rem; /* 40px if 16px = 1rem */
  --token-spacing-huge: 4rem; /* 64px if 16px = 1rem */
  --token-spacing-giant: 6rem; /* 96px if 16px = 1rem */
  --token-spacing-inline-tiny: 0 0.125rem 0 0;
  --token-spacing-inline-xsmall: 0 0.25rem 0 0;
  --token-spacing-inline-small: 0 0.5rem 0 0;
  --token-spacing-inline-regular: 0 1rem 0 0;
  --token-spacing-inline-large: 0 1.5rem 0 0;
  --token-spacing-inline-xlarge: 0 2rem 0 0;
  --token-spacing-inline-big: 0 2.5rem 0 0;
  --token-spacing-inset-tiny: 0.5rem 0.5rem 0.5rem 0.5rem ;
  --token-spacing-inset-xsmall: 1rem 1rem 1rem 1rem ;
  --token-spacing-inset-small: 1.5rem 1.5rem 1.5rem 1.5rem ;
  --token-spacing-inset-regular: 2rem 2rem 2rem 2rem ;
  --token-spacing-inset-large: 2.5rem 2.5rem 2.5rem 2.5rem ;
  --token-spacing-inset-xlarge: 3.5rem 3.5rem 3.5rem 3.5rem;
  --token-spacing-inset-squish-default: 0 0.75rem;
  --token-spacing-inset-squish-tiny: 0.125rem 0.5rem;
  --token-spacing-inset-squish-xsmall: 0.25rem 0.5rem;
  --token-spacing-inset-squish-small: 0.5rem 1rem;
  --token-spacing-inset-squish-regular: 0.75rem 1rem;
  --token-spacing-inset-squish-large: 0.75rem 1.5rem;
  --token-spacing-inset-squish-xlarge: 1rem 1.5rem;
  --token-spacing-inset-squish-big: 1rem 2.5rem;
  --token-spacing-inset-squish-huge: 1.5rem 2.5rem;
  --token-spacing-stack-tiny: 0 0 0.25rem 0;
  --token-spacing-stack-xsmall: 0 0 0.5rem 0;
  --token-spacing-stack-small: 0 0 1rem 0;
  --token-spacing-stack-regular: 0 0 2rem 0;
  --token-spacing-stack-large: 0 0 2.5rem 0;
  --token-spacing-stack-xlarge: 0 0 4rem 0;
  --token-spacing-stack-big: 0 0 6rem 0;
  --token-transition-default: .2s ease;
  --token-z-index-overlay: 80;
  --token-z-index-modal: 90;
  --token-z-index-tooltip: 100;
  --token-card-image-padding: 32px 60px 28px 32px;
  --token-card-image-overlay-background: rgba(0, 0, 0, 0.4);
  --token-card-image-background-size: cover;
  --token-checkbox-group-button-color: #4d009e;
  --token-checkbox-group-button-hover-background-color: #ead9ff;
  --token-checkbox-group-button-active-background-color: #b596ff;
  --token-form-label-fragment-margin: 0 0 0.25rem 0;
  --token-form-label-fragment-label-font-size: 1rem;
  --token-form-label-fragment-label-line-height: 1rem;
  --token-form-label-fragment-label-text-transform: none;
  --token-image-carousel-layer-background: rgba(0,0,0,.45);
  --token-menu-item-root-padding: 14px 20px;
  --token-menu-item-root-grid-columns: 24px 1fr 24px;
  --token-menu-item-root-grid-gap: 8px;
  --token-menu-item-sub-item-padding: 14px 20px 14px 52px;
  --token-menu-item-sub-item-line-height: 20px;
  --token-menu-item-sub-item-active-padding: 14px 20px 14px 48px;
  --token-menu-item-sub-item-active-border: 4px solid;
  --token-multiselect-max-height: 440px;
  --token-multiselect-border: 1px solid #cfd4dd;
  --token-multiselect-activator-columns: 1fr 30px 24px;
  --token-multiselect-activator-gap: 8px;
  --token-multiselect-content-label-spacing: 16px 0 8px;
  --token-multiselect-content-label-weight: 400;
  --token-multiselect-icon-color: #4d009e;
  --token-multiselect-input-padding-left: 2.75rem;
  --token-multiselect-input-hover-border-color: #b596ff;
  --token-multiselect-counter-font-size: 0.875rem;
  --token-multiselect-counter-min-width: 24px;
  --token-multiselect-counter-height: 24px;
  --token-multiselect-counter-right: 12px;
  --token-multiselect-counter-box-shadow: 0px 8px 32px rgba(24, 39, 75, 0.16);
  --token-progress-indicator-spacing-gap: 8px;
  --token-typo-body-xsmall-font: normal normal 400 0.75rem/18px "Roboto", Arial, Helvetica, sans-serif;
  --token-typo-body-xsmall-text-transform: uppercase;
  --token-typo-body-small-font: normal normal 400 0.875rem/1.25rem "Roboto", Arial, Helvetica, sans-serif;
  --token-typo-body-small-text-transform: inherit;
  --token-typo-body-regular-font: normal normal 400 1rem/1.5rem "Roboto", Arial, Helvetica, sans-serif;
  --token-typo-body-regular-text-transform: inherit;
  --token-typo-heading-small-font: normal normal 600 1rem/1.5rem "Roboto", Arial, Helvetica, sans-serif;
  --token-typo-heading-small-text-transform: inherit;
  --token-typo-heading-regular-font: normal normal 600 1.25rem/1.75rem "Roboto", Arial, Helvetica, sans-serif;
  --token-typo-heading-regular-text-transform: inherit;
  --token-typo-heading-large-font: normal normal 600 1.5rem/2rem "Roboto", Arial, Helvetica, sans-serif;
  --token-typo-heading-large-text-transform: inherit;
  --token-typo-display-small-font: normal normal 400 2rem/40px "Roboto", Arial, Helvetica, sans-serif;
  --token-typo-display-small-text-transform: inherit;
  --token-typo-display-regular-font: normal normal 400 2.5rem/56px "Roboto", Arial, Helvetica, sans-serif;
  --token-typo-display-regular-text-transform: inherit;
  --token-typo-display-large-font: normal normal 400 3rem/56px "Roboto", Arial, Helvetica, sans-serif;
  --token-typo-display-large-text-transform: inherit;
  --token-new-accordion-standard-border-color: #cfd4dd;
  --token-new-accordion-standard-border-radius: 8px;
  --token-new-accordion-standard-border-size: 1px;
  --token-new-accordion-standard-focus-shadow: #f4ebff;
  --token-new-accordion-standard-hover-background: #f4ebff;
  --token-new-accordion-standard-hover-border-color: #4d009e;
  --token-new-accordion-standard-open-border-color: #4d009e;
  --token-new-accordion-standard-open-border-size: 2px;
  --token-new-accordion-mobile-arrow-size: 1rem;
  --token-new-accordion-arrow-color: #5e6a82;
  --token-new-accordion-spacing: 1.5rem;
  --token-new-accordion-button-color: #1a1d23;
  --token-new-accordion-button-font-size: 1.25rem;
  --token-new-accordion-button-font-weight: 500;
  --token-new-accordion-button-line-height: 140%;
  --token-new-accordion-content-spacing: 1rem;
  --token-new-accordion-open-button-color: #4d009e;
  --token-new-accordion-open-button-font-weight: 500;
  --token-new-alert-background-info: #ffffff;
  --token-new-alert-background-success: #ffffff;
  --token-new-alert-background-attention: #ffffff;
  --token-new-alert-background-error: #ffffff;
  --token-new-alert-border-radius: 0px;
  --token-new-alert-banner-align-icon: center;
  --token-new-alert-banner-border-width: 1px;
  --token-new-alert-banner-border-width-left: 0.5rem;
  --token-new-alert-toast-border-width: 1px;
  --token-new-badge-border-radius: 26px;
  --token-new-badge-dot-spacing: 2px;
  --token-new-badge-regular-dot-size: 10px;
  --token-new-badge-regular-content-size: 24px;
  --token-new-badge-regular-content-padding: 0 0.25rem;
  --token-new-badge-regular-font-size: 0.75rem;
  --token-new-badge-regular-font-weight: 400;
  --token-new-badge-small-dot-size: 6px;
  --token-new-badge-small-content-size: 16px;
  --token-new-badge-small-content-padding: 0 0.25rem;
  --token-new-badge-small-font-size: calc(1rem / 2);
  --token-new-badge-small-font-weight: 400;
  --token-new-badge-large-dot-size: 32px;
  --token-new-badge-large-content-padding: 0 0.5rem;
  --token-new-badge-large-font-size: 0.875rem;
  --token-new-badge-large-font-weight: 700;
  --token-new-breadcrumb-color: #4d009e;
  --token-new-breadcrumb-small-icon-padding: 2px 3px;
  --token-new-breadcrumb-hover-color: #34006b;
  --token-new-breadcrumb-active-color: #1b0038;
  --token-new-breadcrumb-focus-color: #34006b;
  --token-new-breadcrumb-font-size: 1rem;
  --token-new-breadcrumb-font-size-small: 0.875rem;
  --token-new-breadcrumb-font-weight: 400;
  --token-new-breadcrumb-icon-spacing: 0 0.5rem;
  --token-new-breadcrumb-dot-size: null;
  --token-new-breadcrumb-dot-spacing: null;
  --token-new-breadcrumb-dot-radius: null;
  --token-new-breadcrumb-primary-dot-color: null;
  --token-new-breadcrumb-primary-icon-color: #b596ff;
  --token-new-breadcrumb-primary-current-font-color: #34006b;
  --token-new-breadcrumb-secondary-dot-color: null;
  --token-new-breadcrumb-secondary-icon-color: #a9e5be;
  --token-new-breadcrumb-secondary-current-font-color: #2e9954;
  --token-new-button-default-font-weight: 700;
  --token-new-button-default-border-radius: 8px;
  --token-new-button-default-no-label-border-radius: 12px;
  --token-new-button-default-size-small-font-size: 0.875rem;
  --token-new-button-default-size-small-height: 2.75rem;
  --token-new-button-default-size-small-line-height: 1.5rem;
  --token-new-button-default-size-small-padding: 0 1.5rem;
  --token-new-button-default-size-regular-font-size: 1rem;
  --token-new-button-default-size-regular-height: 3rem;
  --token-new-button-default-size-regular-line-height: 1.5rem;
  --token-new-button-default-size-regular-padding: 0 1.5rem;
  --token-new-button-default-size-large-font-size: 1rem;
  --token-new-button-default-size-large-height: 3.5rem;
  --token-new-button-default-size-large-line-height: 1.5rem;
  --token-new-button-default-size-large-padding: 0 1.5rem;
  --token-new-button-primary-standard-border: 1px solid #4d009e;
  --token-new-button-primary-standard-background-color: #4d009e;
  --token-new-button-primary-standard-color: #ffffff;
  --token-new-button-primary-standard-hover-border: 1px solid #34006b;
  --token-new-button-primary-standard-hover-background-color: #34006b;
  --token-new-button-primary-standard-active-border: 1px solid #1b0038;
  --token-new-button-primary-standard-active-background-color: #1b0038;
  --token-new-button-primary-outline-border: 1px solid #4d009e;
  --token-new-button-primary-outline-background-color: #ffffff;
  --token-new-button-primary-outline-color: #4d009e;
  --token-new-button-primary-outline-hover-background-color: #ead9ff;
  --token-new-button-primary-outline-active-background-color: #b596ff;
  --token-new-button-primary-borderless-border: 1px solid transparent;
  --token-new-button-primary-borderless-background-color: #ffffff;
  --token-new-button-primary-borderless-color: #4d009e;
  --token-new-button-primary-borderless-hover-background-color: #ead9ff;
  --token-new-button-primary-borderless-active-background-color: #b596ff;
  --token-new-button-primary-icon-button-color: #4d009e;
  --token-new-button-primary-icon-button-border: 1px solid #cfd4dd;
  --token-new-button-primary-icon-button-width: 3rem;
  --token-new-button-primary-icon-button-height: 3rem;
  --token-new-button-primary-icon-button-hover-background-color: #ead9ff;
  --token-new-button-primary-icon-button-active-background-color: #4d009e;
  --token-new-button-secondary-standard-border: 1px solid #5fcf87;
  --token-new-button-secondary-standard-background-color: #5fcf87;
  --token-new-button-secondary-standard-color: #ffffff;
  --token-new-button-secondary-standard-hover-border: 1px solid #2e9954;
  --token-new-button-secondary-standard-hover-background-color: #2e9954;
  --token-new-button-secondary-standard-active-border: 1px solid #164b29;
  --token-new-button-secondary-standard-active-background-color: #164b29;
  --token-new-button-secondary-outline-border: 1px solid #5fcf87;
  --token-new-button-secondary-outline-background-color: #ffffff;
  --token-new-button-secondary-outline-color: #5fcf87;
  --token-new-button-secondary-outline-hover-background-color: #d0f1dc;
  --token-new-button-secondary-outline-active-background-color: #a9e5be;
  --token-new-button-secondary-borderless-border: 1px solid transparent;
  --token-new-button-secondary-borderless-background-color: #ffffff;
  --token-new-button-secondary-borderless-color: #5fcf87;
  --token-new-button-secondary-borderless-hover-background-color: #d0f1dc;
  --token-new-button-secondary-borderless-active-background-color: #a9e5be;
  --token-new-button-secondary-icon-button-color: #5fcf87;
  --token-new-button-secondary-icon-button-border: 1px solid #cfd4dd;
  --token-new-button-secondary-icon-button-width: 3rem;
  --token-new-button-secondary-icon-button-height: 3rem;
  --token-new-button-secondary-icon-button-hover-background-color: #d0f1dc;
  --token-new-button-secondary-icon-button-active-background-color: #5fcf87;
  --token-new-button-neutral-standard-border: 1px solid #5e6a82;
  --token-new-button-neutral-standard-background-color: #5e6a82;
  --token-new-button-neutral-standard-color: #ffffff;
  --token-new-button-neutral-standard-hover-border: 1px solid #3c4453;
  --token-new-button-neutral-standard-hover-background-color: #3c4453;
  --token-new-button-neutral-standard-hover-color: #ffffff;
  --token-new-button-neutral-standard-active-border: #1a1d23;
  --token-new-button-neutral-standard-active-background-color: #1a1d23;
  --token-new-button-neutral-standard-active-color: #ffffff;
  --token-new-button-neutral-standard-disabled-border: #cfd4dd;
  --token-new-button-neutral-standard-disabled-background-color: #cfd4dd;
  --token-new-button-neutral-standard-disabled-color: #5e6a82;
  --token-new-button-neutral-standard-borderless-border: 1px solid transparent;
  --token-new-button-neutral-standard-borderless-background-color: #ffffff;
  --token-new-button-neutral-standard-borderless-color: #5e6a82;
  --token-new-button-neutral-standard-borderless-hover-background-color: #ffffff;
  --token-new-button-neutral-standard-borderless-hover-text-decoration: underline;
  --token-new-button-neutral-standard-borderless-hover-border: 1px solid transparent;
  --token-new-button-neutral-standard-borderless-active-background-color: #ffffff;
  --token-new-button-neutral-standard-borderless-active-border: 1px solid transparent;
  --token-new-button-neutral-standard-borderless-disabled-background-color: #ffffff;
  --token-new-button-neutral-standard-borderless-disabled-color: #5e6a82;
  --token-new-button-neutral-standard-borderless-disabled-border: 1px solid #8994a9;
  --token-new-button-neutral-standard-outline-border: 1px solid #5e6a82;
  --token-new-button-neutral-standard-outline-background-color: transparent;
  --token-new-button-neutral-standard-outline-color: #5e6a82;
  --token-new-button-neutral-standard-outline-hover-background-color: #f5f6f7;
  --token-new-button-neutral-standard-outline-active-background-color: #cfd4dd;
  --token-new-button-neutral-standard-outline-disabled-color: #8994a9;
  --token-new-button-neutral-standard-outline-disabled-border: 1px solid 80;
  --token-new-button-error-standard-border: 1px solid #e22828;
  --token-new-button-error-standard-background-color: #e22828;
  --token-new-button-error-standard-color: #ffffff;
  --token-new-button-error-standard-hover-border: 1px solid #901111;
  --token-new-button-error-standard-hover-background-color: #901111;
  --token-new-button-error-standard-active-border: 1px solid #3b0505;
  --token-new-button-error-standard-active-background-color: #3b0505;
  --token-new-button-attention-standard-border: 1px solid #f9af27;
  --token-new-button-attention-standard-background-color: #f9af27;
  --token-new-button-attention-standard-color: #1a1d23;
  --token-new-button-attention-standard-hover-border: 1px solid #7b5613;
  --token-new-button-attention-standard-hover-background-color: #7b5613;
  --token-new-button-attention-standard-active-border: 1px solid #3c2a09;
  --token-new-button-attention-standard-active-background-color: #3c2a09;
  --token-new-button-success-standard-border: 1px solid #24a148;
  --token-new-button-success-standard-background-color: #24a148;
  --token-new-button-success-standard-color: #ffffff;
  --token-new-button-success-standard-hover-border: 1px solid #197b35;
  --token-new-button-success-standard-hover-background-color: #197b35;
  --token-new-button-success-standard-active-border: 1px solid #105323;
  --token-new-button-success-standard-active-background-color: #105323;
  --token-new-button-info-standard-border: 1px solid #28b5d9;
  --token-new-button-info-standard-background-color: #28b5d9;
  --token-new-button-info-standard-color: #ffffff;
  --token-new-button-info-standard-hover-border: 1px solid #14596b;
  --token-new-button-info-standard-hover-background-color: #14596b;
  --token-new-button-info-standard-active-border: 1px solid #0a2b34;
  --token-new-button-info-standard-active-background-color: #0a2b34;
  --token-new-button-select-standard-border: 1px solid #cfd4dd;
  --token-new-button-select-standard-background-color: #ffffff;
  --token-new-button-select-standard-color: #3c4453;
  --token-new-button-select-standard-hover-border: 1px solid #cfd4dd;
  --token-new-button-select-standard-hover-background-color: #f5f6f7;
  --token-new-button-select-standard-hover-color: #3c4453;
  --token-new-button-select-standard-active-border: 1px solid #3c4453;
  --token-new-button-select-standard-active-background-color: #3c4453;
  --token-new-button-select-standard-active-color: #ffffff;
  --token-new-button-select-standard-disabled-border: 1px solid #8994a9;
  --token-new-button-select-standard-disabled-background-color: #cfd4dd;
  --token-new-button-select-standard-disabled-color: #5e6a82;
  --token-new-button-select-standard-borderless-border: 1px solid transparent;
  --token-new-button-select-standard-borderless-color: #3c4453;
  --token-new-button-select-standard-borderless-hover-background-color: #ffffff;
  --token-new-button-select-standard-borderless-hover-text-decoration: underline;
  --token-new-button-select-standard-borderless-hover-border: 1px solid transparent;
  --token-new-button-select-standard-borderless-active-background-color: #ffffff;
  --token-new-button-select-standard-borderless-active-border: 1px solid transparent;
  --token-new-button-select-standard-borderless-disabled-border: 1px solid transparent;
  --token-new-button-select-standard-borderless-disabled-background-color: #ffffff;
  --token-new-button-select-standard-borderless-disabled-color: #ffffff;
  --token-new-button-select-standard-selected-background-color: #1a1d23;
  --token-new-button-select-standard-selected-color: #ffffff;
  --token-new-button-link-border: none;
  --token-new-button-link-color: #8994a9;
  --token-new-button-link-selected-background-color: #ffffff;
  --token-new-button-link-selected-color: #1a1d23;
  --token-new-button-link-selected-after-width: 100%;
  --token-new-button-link-selected-after-height: 2px;
  --token-new-button-link-selected-after-background-color: #1a1d23;
  --token-new-button-link-selected-after-border-radius: 2px;
  --token-new-checkbox-padding: 8px 12px;
  --token-new-checkbox-margin-bottom: 0.25rem;
  --token-new-checkbox-border-radius: 8px;
  --token-new-checkbox-background-color: #ffffff;
  --token-new-checkbox-checked-background-color: #f4ebff;
  --token-new-checkbox-checked-color: #4d009e;
  --token-new-checkbox-disabled-background-color: #ffffff;
  --token-new-checkbox-disabled-color: #8994a9;
  --token-new-checkbox-input-wrapper-min-width: calc(1.25 * 1rem);
  --token-new-checkbox-input-wrapper-width: calc(1.25 * 1rem);
  --token-new-checkbox-input-wrapper-height: calc(1.25 * 1rem);
  --token-new-checkbox-input-wrapper-margin: 0 12px 0 0;
  --token-new-checkbox-input-width: 100%;
  --token-new-checkbox-input-height: 100%;
  --token-new-checkbox-input-margin: 0;
  --token-new-checkbox-input-border: 1px solid #8994a9;
  --token-new-checkbox-input-border-radius: 4px;
  --token-new-checkbox-input-background-color: #ffffff;
  --token-new-checkbox-input-checked-border: 1px solid #4d009e;
  --token-new-checkbox-input-checked-background-color: #4d009e;
  --token-new-checkbox-input-checked-disabled-background-color: #cfd4dd;
  --token-new-checkbox-input-checked-disabled-color: #ffffff;
  --token-new-checkbox-input-disabled-border-color: #cfd4dd;
  --token-new-checkbox-input-disabled-background-color: #f5f6f7;
  --token-new-checkbox-icon-width: 1rem;
  --token-new-checkbox-icon-height: 1rem;
  --token-new-checkbox-icon-color: #ffffff;
  --token-new-checkbox-hover-background-color: #f4ebff;
  --token-new-checkbox-hover-border: 1px solid #4d009e;
  --token-new-checkbox-focus-visible-outline: 2px solid #4285f4;
  --token-new-checkbox-variant-regular-input-wrapper-min-width: calc(1.25 * 1rem);
  --token-new-checkbox-variant-regular-input-wrapper-width: calc(1.25 * 1rem);
  --token-new-checkbox-variant-regular-input-wrapper-height: calc(1.25 * 1rem);
  --token-new-checkbox-variant-regular-input-border-radius: 4px;
  --token-new-checkbox-variant-large-input-wrapper-min-width: 2rem;
  --token-new-checkbox-variant-large-input-wrapper-width: 2rem;
  --token-new-checkbox-variant-large-input-wrapper-height: 2rem;
  --token-new-checkbox-variant-large-input-border-radius: 8px;
  --token-new-divider-background: #f5f6f7;
  --token-new-divider-border-radius: 0;
  --token-new-divider-height: 1px;
  --token-new-divider-label-width: 80%;
  --token-new-divider-label-margin: 0 0.5rem;
  --token-new-divider-label-font-size: 0.875rem;
  --token-new-divider-label-line-height: 1.43;
  --token-new-divider-section-background: #3c4453;
  --token-new-divider-section-border-radius: 0;
  --token-new-divider-section-width: 4rem;
  --token-new-divider-section-height: 1px;
  --token-new-dropdown-position: relative;
  --token-new-dropdown-options-position: relative;
  --token-new-dropdown-options-z-index: 1;
  --token-new-dropdown-button-display: flex;
  --token-new-dropdown-button-position: absolute;
  --token-new-dropdown-button-top: 50%;
  --token-new-dropdown-button-right: 1rem;
  --token-new-dropdown-button-transform: translateY(-50%);
  --token-new-dropdown-button-z-index: 10;
  --token-new-dropdown-button-color: #4d009e;
  --token-new-dropdown-button-font-weight: 700;
  --token-new-dropdown-button-after-position: absolute;
  --token-new-dropdown-button-after-width: 100%;
  --token-new-dropdown-button-after-height: 56px;
  --token-new-dropdown-button-after-padding: 0 1rem;
  --token-new-dropdown-button-after-top: 50%;
  --token-new-dropdown-button-after-left: 50%;
  --token-new-dropdown-button-after-transform: translate(-50%, -50%);
  --token-new-dropdown-arrow-color: #3c4453;
  --token-new-dropdown-arrow-margin-left: 0.5rem;
  --token-new-dropdown-arrow-svg-transform: transform 0.3s linear;
  --token-new-dropdown-arrow-open-svg-transform: rotate(-180deg);
  --token-new-dropdown-content-display: none;
  --token-new-dropdown-content-position: relative;
  --token-new-dropdown-content-z-index: 2;
  --token-new-dropdown-content-open-display: block;
  --token-new-dropdown-content-open-before-position: fixed;
  --token-new-dropdown-content-open-before-top: 0;
  --token-new-dropdown-content-open-before-left: 0;
  --token-new-dropdown-content-open-before-width: 100%;
  --token-new-dropdown-content-open-before-height: 100%;
  --token-new-dropdown-box-position: absolute;
  --token-new-dropdown-box-width: 100%;
  --token-new-dropdown-box-max-width: 335px;
  --token-new-dropdown-box-max-height: 440px;
  --token-new-dropdown-box-overflow: auto;
  --token-new-dropdown-box-top: calc(100% + 8px);
  --token-new-dropdown-box-border-radius: 8px;
  --token-new-dropdown-box-padding: 1.5rem 1.5rem 1.5rem 1.5rem ;
  --token-new-dropdown-box-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  --token-new-dropdown-box-background: #ffffff;
  --token-new-input-label-background-color: #ffffff;
  --token-new-input-floating-label-label-margin: 0 0.875rem;
  --token-new-input-floating-label-label-transition-duration: 0.1s;
  --token-new-input-floating-label-invalid-label-color: #e22828;
  --token-new-input-shrink-label-label-margin: 0 0.875rem;
  --token-new-input-shrink-label-label-transform-scale: 0.75;
  --token-new-input-input-height-regular: 3rem;
  --token-new-input-input-height-large: 3.5rem;
  --token-new-input-input-padding: 0.75rem 1rem;
  --token-new-input-input-border-width: 1px;
  --token-new-input-input-border-style: solid;
  --token-new-input-input-border-color: #cfd4dd;
  --token-new-input-input-border-radius: 12px;
  --token-new-input-input-color: #1a1d23;
  --token-new-input-input-invalid-color: #e22828;
  --token-new-input-input-invalid-border-color: #e22828;
  --token-new-input-input-invalid-placeholder-color: #e22828;
  --token-new-input-input-icon-padding-left: 3rem;
  --token-new-input-input-icon-padding-right: 3rem;
  --token-new-input-input-focus-color: #ead9ff;
  --token-new-input-input-focus-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  --token-new-input-input-hover-color: #ead9ff;
  --token-new-input-input-placeholder-color: #5e6a82;
  --token-new-input-icon-left: 1rem;
  --token-new-input-icon-right: 1rem;
  --token-new-input-icon-color: #5e6a82;
  --token-new-input-addon-padding: 0 0.75rem;
  --token-new-input-addon-border-width: 1px;
  --token-new-input-addon-border-style: solid;
  --token-new-input-addon-border-color: #cfd4dd;
  --token-new-input-addon-background-color: #f5f6f7;
  --token-new-link-group-default-button-padding: 0.5rem 1rem;
  --token-new-link-default-font-weight-regular: 400;
  --token-new-link-default-font-weight-bold: 700;
  --token-new-link-default-size-small: 0.875rem;
  --token-new-link-default-size-regular: 1rem;
  --token-new-link-primary-color: #4d009e;
  --token-new-link-primary-font-weight: 700;
  --token-new-link-primary-hover-color: #34006b;
  --token-new-link-primary-active-color: #1b0038;
  --token-new-link-secondary-color: #5fcf87;
  --token-new-link-secondary-font-weight: 700;
  --token-new-link-secondary-hover-color: #164b29;
  --token-new-link-secondary-hover-text-decoration: underline;
  --token-new-link-secondary-active-color: #2e9954;
  --token-new-link-secondary-with-icon-hover-text-decoration: underline;
  --token-new-link-light-color: #ffffff;
  --token-new-link-light-font-weight: 700;
  --token-new-link-light-hover-color: #ffffff;
  --token-new-link-light-hover-text-decoration: none;
  --token-new-link-light-hover-opacity: 0.8;
  --token-new-link-light-active-color: #ffffff;
  --token-new-link-icon-left-margin: 0 0.5rem 0 0;
  --token-new-link-icon-right-margin: 0 0 0 0.5rem;
  --token-new-modal-default-border-radius: 0;
  --token-new-modal-regular-mobile-width: 100vw;
  --token-new-modal-regular-mobile-max-height: 88vh;
  --token-new-modal-regular-desktop-width: 704px;
  --token-new-modal-regular-desktop-max-height: 568px;
  --token-new-modal-large-mobile-width: 100vw;
  --token-new-modal-large-mobile-height: 100vh;
  --token-new-modal-large-desktop-width: 704px;
  --token-new-modal-large-desktop-max-height: 568px;
  --token-new-pagination-color: #4d009e;
  --token-new-pagination-hover: #d0f1dc;
  --token-new-pagination-previous-margin-right: 0.5rem;
  --token-new-pagination-next-margin-left: 0.5rem;
  --token-new-pagination-link-width: 2.5rem;
  --token-new-pagination-link-height: 2.5rem;
  --token-new-pagination-link-border-radius: 50%;
  --token-new-pagination-link-current-border-radius: 26px;
  --token-new-radio-group-border-left-between: 0px;
  --token-new-radio-group-border-radius-around: 8px;
  --token-new-radio-group-border-radius-between: 0px;
  --token-new-radio-group-width: 222px;
  --token-new-radio-group-range-border-width: 1px;
  --token-new-radio-group-range-border-color: null;
  --token-new-radio-group-range-border-left-between: null;
  --token-new-radio-group-range-border-radius-between: null;
  --token-new-radio-group-range-border-radius-around: null;
  --token-new-radio-group-range-font-size: null;
  --token-new-radio-group-range-font-weight: null;
  --token-new-radio-group-range-width: 58px;
  --token-new-radio-group-range-height: null;
  --token-new-radio-group-range-spacing-between: null;
  --token-new-radio-group-range-outline-spacing: null;
  --token-new-radio-group-primary-container-border-radius: 12px;
  --token-new-radio-group-primary-container-border-color: #cfd4dd;
  --token-new-radio-group-primary-container-border-size: 1px;
  --token-new-radio-group-primary-button-border-radius: 8px;
  --token-new-radio-group-primary-button-margin: 4px 5px 4px 4px;
  --token-new-radio-group-primary-button-border-width: 1px;
  --token-new-radio-group-primary-button-color: #1a1d23;
  --token-new-radio-group-primary-button-font-weight: 400;
  --token-new-radio-group-primary-button-border-color: transparent;
  --token-new-radio-group-primary-button-width: 100%;
  --token-new-radio-group-primary-button-margin-right: 4px;
  --token-new-radio-group-primary-button-border-left: 1px solid #cfd4dd;
  --token-new-radio-group-primary-button-height: calc(100% + 12px);
  --token-new-radio-group-primary-button-selected-color: #ffffff;
  --token-new-radio-group-primary-button-selected-font-weight: 700;
  --token-new-radio-group-tab-detail-height: 2px;
  --token-new-radio-padding: 12px;
  --token-new-radio-margin-bottom: 0.25rem;
  --token-new-radio-border-radius: 12px;
  --token-new-radio-background-color: #ffffff;
  --token-new-radio-checked-background-color: #f4ebff;
  --token-new-radio-checked-color: #4d009e;
  --token-new-radio-disabled-background-color: #ffffff;
  --token-new-radio-disabled-color: #8994a9;
  --token-new-radio-input-wrapper-min-width: 1.5rem;
  --token-new-radio-input-wrapper-width: 1.5rem;
  --token-new-radio-input-wrapper-height: 1.5rem;
  --token-new-radio-input-wrapper-margin: 0 12px 0 0;
  --token-new-radio-input-width: 100%;
  --token-new-radio-input-height: 100%;
  --token-new-radio-input-margin: 0;
  --token-new-radio-input-border: 1px solid #8994a9;
  --token-new-radio-input-border-radius: 50%;
  --token-new-radio-input-background-color: #ffffff;
  --token-new-radio-input-checked-background-color: #4d009e;
  --token-new-radio-input-checked-border-color: #4d009e;
  --token-new-radio-input-checked-disabled-background-color: #cfd4dd;
  --token-new-radio-input-disabled-border-color: #cfd4dd;
  --token-new-radio-input-disabled-background-color: #f5f6f7;
  --token-new-radio-icon-check-width: 1rem;
  --token-new-radio-icon-check-height: 1rem;
  --token-new-radio-icon-check-color: #ffffff;
  --token-new-radio-hover-background-color: #f4ebff;
  --token-new-radio-hover-border: 1px solid #4d009e;
  --token-new-radio-focus-visible-outline: 2px solid #4285f4;
  --token-new-radio-variant-regular-min-width: 20px;
  --token-new-radio-variant-regular-width: 20px;
  --token-new-radio-variant-regular-height: 20px;
  --token-new-radio-variant-regular-icon-check-width: 14px;
  --token-new-radio-variant-regular-icon-check-height: 14px;
  --token-new-radio-variant-large-min-width: 2rem;
  --token-new-radio-variant-large-width: 2rem;
  --token-new-radio-variant-large-height: 2rem;
  --token-new-radio-variant-large-icon-check-width: 1.25rem;
  --token-new-radio-variant-large-icon-check-height: 1.25rem;
  --token-new-radio-icon-input-color: #4d009e;
  --token-new-radio-icon-disabled-color: #cfd4dd;
  --token-new-radio-icon-icon-width: 1.25rem;
  --token-new-radio-icon-icon-height: 1.25rem;
  --token-new-radio-icon-icon-color: #5e6a82;
  --token-new-radio-icon-hover-background-color: #f4ebff;
  --token-new-radio-icon-hover-color: #3c4453;
  --token-new-select-select-height: 3rem;
  --token-new-select-select-padding: 0.75rem 1rem;
  --token-new-select-select-padding-right: 2.5rem;
  --token-new-select-select-border-width: 1px;
  --token-new-select-select-border-style: solid;
  --token-new-select-select-border-color: #8994a9;
  --token-new-select-select-border-radius: 8px;
  --token-new-select-select-color: #1a1d23;
  --token-new-select-select-invalid-color: #e22828;
  --token-new-select-select-invalid-border-color: #e22828;
  --token-new-select-select-invalid-placeholder-color: #e22828;
  --token-new-select-select-focus-color: #4d009e;
  --token-new-select-select-placeholder-color: #5e6a82;
  --token-new-select-icon-right: 0.5rem;
  --token-new-select-icon-color: #3c4453;
  --token-new-slider-active-color: #4d009e;
  --token-new-slider-disabled-color: #cfd4dd;
  --token-new-slider-vertical-text-height: 1.5rem;
  --token-new-slider-thumb-size: 20px;
  --token-new-slider-thumb-radius: 26px;
  --token-new-slider-thumb-shadow: 0px 8px 32px rgba(24, 39, 75, 0.16);
  --token-new-slider-thumb-spread-size: 0.5rem;
  --token-new-slider-thumb-spread-color: #f4ebff;
  --token-new-slider-bar-background: #f5f6f7;
  --token-new-slider-bar-radius: 26px;
  --token-new-slider-bar-height: 0.5rem;
  --token-new-step-bar-border-radius: 26px;
  --token-new-step-bar-line-size: 4px;
  --token-new-step-bar-line-color: #cfd4dd;
  --token-new-step-bar-line-done-color: #24a148;
  --token-new-step-bar-label-line-height: 1.5;
  --token-new-step-bar-label-spacing-top: 1rem;
  --token-new-step-bar-label-spacing-bottom: 0;
  --token-new-step-bar-label-text-transform: uppercase;
  --token-new-step-bar-default-label-color: #5e6a82;
  --token-new-step-bar-default-label-font-size: 0.75rem;
  --token-new-step-bar-default-label-font-weight: 400;
  --token-new-step-bar-default-background-color: #cfd4dd;
  --token-new-step-bar-default-border: 0 none;
  --token-new-step-bar-default-box-shadow: unset;
  --token-new-step-bar-default-color: #ffffff;
  --token-new-step-bar-default-margin: 0;
  --token-new-step-bar-default-outline-size: 0px;
  --token-new-step-bar-default-outline-color: null;
  --token-new-step-bar-default-size: 16px;
  --token-new-step-bar-current-label-color: #3c4453;
  --token-new-step-bar-current-label-font-size: 0.75rem;
  --token-new-step-bar-current-label-font-weight: 700;
  --token-new-step-bar-current-background-color: #24a148;
  --token-new-step-bar-current-border: 4px solid #ffffff;
  --token-new-step-bar-current-box-shadow: 0px 8px 16px rgba(24, 39, 75, 0.08);
  --token-new-step-bar-current-color: #ffffff;
  --token-new-step-bar-current-margin: 0;
  --token-new-step-bar-current-outline-size: 0px;
  --token-new-step-bar-current-outline-color: null;
  --token-new-step-bar-current-size: 16px;
  --token-new-step-bar-done-label-color: #5e6a82;
  --token-new-step-bar-done-label-font-size: 0.75rem;
  --token-new-step-bar-done-label-font-weight: 400;
  --token-new-step-bar-done-background-color: #24a148;
  --token-new-step-bar-done-border: 0 none;
  --token-new-step-bar-done-box-shadow: unset;
  --token-new-step-bar-done-color: #ffffff;
  --token-new-step-bar-done-margin: 0;
  --token-new-step-bar-done-outline-size: 0px;
  --token-new-step-bar-done-outline-color: null;
  --token-new-step-bar-done-size: 16px;
  --token-new-switch-button-width: 2.5rem;
  --token-new-switch-button-height: 1.25rem;
  --token-new-switch-button-margin: 0.125rem 0.5rem 0 0;
  --token-new-switch-button-border: 0.125rem solid #8994a9;
  --token-new-switch-button-border-radius: 26px;
  --token-new-switch-button-background-color: transparent;
  --token-new-switch-button-before-width: 0.625rem;
  --token-new-switch-button-before-height: 0.625rem;
  --token-new-switch-button-before-translate-x: 0.25rem;
  --token-new-switch-button-before-border-radius: 50%;
  --token-new-switch-button-before-background-color: #8994a9;
  --token-new-switch-button-checked-border-color: #4d009e;
  --token-new-switch-button-checked-before-background-color: #4d009e;
  --token-new-switch-button-checked-before-translate-x: 1.4rem;
  --token-new-switch-button-loading-border-color: #8994a9;
  --token-new-switch-button-loading-before-background-color: #8994a9;
  --token-new-switch-button-loading-before-translate-x: 0.8rem;
  --token-new-tabs-item-color: #4d009e;
  --token-new-tabs-item-text-transform: uppercase;
  --token-new-tabs-item-font-weight: 600;
  --token-new-tabs-item-font-size: 13px;
  --token-new-tabs-item-height: 48px;
  --token-new-tabs-item-padding: 12px 24px;
  --token-new-tabs-item-hover-color: #4d009e;
  --token-new-tabs-item-hover-background: #f4ebff;
  --token-new-tabs-item-selected-color: #4d009e;
  --token-new-tabs-item-selected-font-weight: 600;
  --token-new-tabs-item-dark-color: #ffffff;
  --token-new-tabs-item-hover-dark-background: #8994a9;
  --token-new-tabs-bottom-line-color: #4d009e;
  --token-new-tabs-bottom-line-height: 4px;
  --token-new-tabs-bottom-line-border-radius: 2px;
  --token-new-tabs-bottom-line-hover-width: 100%;
  --token-new-tabs-bottom-line-selected-width: 100%;
  --token-new-tabs-bottom-line-dark-color: #ffffff;
  --token-new-tabs-spacing: 24px;
  --token-new-tag-filter-spacing: 0.25rem;
  --token-new-tag-filter-border-radius: 26px;
  --token-new-tag-filter-border-width: 1px;
  --token-new-tag-filter-font-weight: 400;
  --token-new-tag-filter-padding: 0.5rem 1rem;
  --token-new-tag-filter-icon-size: 1rem;
  --token-new-tag-filter-default-border-color: #4d009e;
  --token-new-tag-filter-default-color: #4d009e;
  --token-new-tag-filter-default-hover-background: #ead9ff;
  --token-new-tag-filter-default-active-border-color: #70a5ff;
  --token-new-tag-filter-default-selected-background: #4d009e;
  --token-new-tag-filter-default-selected-color: #ffffff;
  --token-new-tag-filter-neutral-border-color: #5e6a82;
  --token-new-tag-filter-neutral-color: #5e6a82;
  --token-new-tag-filter-neutral-hover-background: #f5f6f7;
  --token-new-tag-filter-neutral-active-border-color: #70a5ff;
  --token-new-tag-filter-neutral-selected-background: #5e6a82;
  --token-new-tag-filter-neutral-selected-color: #ffffff;
  --token-new-tag-filter-disabled-background: #cfd4dd;
  --token-new-tag-filter-disabled-border-color: #cfd4dd;
  --token-new-tag-filter-disabled-color: #8994a9;
  --token-new-tag-spacing: 8px;
  --token-new-tag-border-radius: 4px;
  --token-new-tag-border: 0px none;
  --token-new-tag-color: #1b0038;
  --token-new-tag-font-size: 1rem;
  --token-new-tag-font-weight: 400;
  --token-new-tag-outline-color: #4d009e;
  --token-new-tag-padding: calc(0.25rem - 1px) calc(0.5rem - 1px);
  --token-new-tag-fixed-border-radius: 0px;
  --token-new-tag-fixed-font-size: 0.875rem;
  --token-new-tag-fixed-font-weight: 700;
  --token-new-tag-fixed-padding: 0.125rem 0.5rem;
  --token-new-tag-selectable-border-radius: 4px;
  --token-new-tag-selectable-border: 1px solid #4d009e;
  --token-new-tag-selectable-color: #4d009e;
  --token-new-tag-selectable-font-size: 1rem;
  --token-new-tag-selectable-font-weight: 700;
  --token-new-tag-selectable-padding: calc(0.5rem - 1px);
  --token-new-tag-selectable-background: #ffffff;
  --token-new-tag-selectable-focus-background: #ead9ff;
  --token-new-tag-selectable-hover-background: #f4ebff;
  --token-new-tag-selectable-pressed-background: #ead9ff;
  --token-new-tag-selectable-selected-background: #4d009e;
  --token-new-tag-selectable-selected-color: #ffffff;
  --token-new-tag-dismissible-background: #f4ebff;
  --token-new-tag-dismissible-focus-background: #b596ff;
  --token-new-tag-dismissible-hover-background: #ead9ff;
  --token-new-tag-dismissible-pressed-background: #b596ff;
  --token-new-tag-close-color: #1b0038;
  --token-new-tag-close-width: 1rem;
  --token-new-tag-close-height: 1rem;
  --token-new-text-body-xsmall-font-size: 0.75rem;
  --token-new-text-body-xsmall-line-height: 1.125rem;
  --token-new-text-body-xsmall-font-weight: 400;
  --token-new-text-body-small-font-size: 0.875rem;
  --token-new-text-body-small-line-height: 1.25rem;
  --token-new-text-body-small-font-weight: 400;
  --token-new-text-body-regular-font-size: 1rem;
  --token-new-text-body-regular-line-height: 1.5rem;
  --token-new-text-body-regular-font-weight: 400;
  --token-new-text-heading-small-font-size: 1rem;
  --token-new-text-heading-small-line-height: 1.5rem;
  --token-new-text-heading-small-font-weight: 700;
  --token-new-text-heading-regular-font-size: 1.25rem;
  --token-new-text-heading-regular-line-height: 1.75rem;
  --token-new-text-heading-regular-font-weight: 400;
  --token-new-text-heading-large-font-size: 1.5rem;
  --token-new-text-heading-large-line-height: 2rem;
  --token-new-text-heading-large-font-weight: 500;
  --token-new-text-display-small-font-size: 2rem;
  --token-new-text-display-small-line-height: 2.5rem;
  --token-new-text-display-small-font-weight: 500;
  --token-new-text-display-regular-font-size: 2.5rem;
  --token-new-text-display-regular-line-height: 3.5rem;
  --token-new-text-display-regular-font-weight: 500;
  --token-new-text-display-large-font-size: 3rem;
  --token-new-text-display-large-line-height: 3.5rem;
  --token-new-text-display-large-font-weight: 400;
  --token-new-tooltip-container-z-index: 100;
  --token-new-tooltip-info-background-color: #34006b;
  --token-new-tooltip-info-border-radius: 8px;
  --token-new-tooltip-info-margin-bottom: 0.25rem;
  --token-new-tooltip-info-padding: 0.5rem 0.25rem;
  --token-new-tooltip-info-font-size: 0.875rem;
  --token-new-tooltip-info-transition: opacity .2s ease;
  --token-form-feedback-message-fragment-margin-top: 0.25rem;
  --token-form-feedback-message-fragment-icon-width: 1rem;
  --token-form-feedback-message-fragment-icon-height: 1rem;
  --token-form-feedback-message-fragment-icon-margin: 0 0.5rem 0 0;
  --token-new-avatar-background-color: #5fcf87;
  --token-new-skeleton-width: 100%;
  --token-new-skeleton-height: 100%;
  --token-new-skeleton-border-radius-small: 4px;
  --token-new-skeleton-border-radius-regular: 8px;
  --token-new-skeleton-border-radius-large: 12px;
  --token-new-skeleton-border-radius-rounded: 26px;
  --token-new-skeleton-border-radius-circle: 50%;
  --token-new-skeleton-background-color: #cfd4dd;
  --token-new-skeleton-animation-background-color: linear-gradient(90deg, transparent, #ffffff, transparent);
}