@egov-moldova/mud-site-kit 1.0.0

package/mud/tokens/core.tokens.css

@@ -0,0 +1,2639 @@
+:root {
+  --color-background-base-default: #ffffff;
+  --color-background-base-default-active: #d9d9d9;
+  --color-background-base-secondary: #f5f5f5;
+  --color-background-base-secondary-active: #d9d9d9;
+  --color-background-base-tertiary: #f1f1f1;
+  --color-background-base-tertiary-active: #b2b2b2;
+  --color-background-base-tertiary-hover: #d9d9d9;
+  --color-background-base-default-hover: #f5f5f5;
+  --color-background-base-secondary-hover: #f1f1f1;
+  --color-background-brand-default: #0058d2;
+  --color-background-brand-default-active: #00357e;
+  --color-background-brand-secondary: #e8f0fb;
+  --color-background-brand-secondary-active: #99bced;
+  --color-background-brand-default-hover: #0046a8;
+  --color-background-brand-secondary-hover: #ccdef6;
+  --color-background-brand-tertiary: #00295a;
+  --color-background-brand-focus-ring: #3379db;
+  --color-background-positive-default: #039855;
+  --color-background-positive-default-active: #05603a;
+  --color-background-positive-secondary: #e6f5ee;
+  --color-background-positive-secondary-active: #cdeadd;
+  --color-background-positive-default-hover: #027948;
+  --color-background-warning-default: #fdb022;
+  --color-background-warning-default-active: #dc6803;
+  --color-background-warning-secondary: #feefc6;
+  --color-background-warning-secondary-active: #fedf89;
+  --color-background-warning-accent: #fec84b;
+  --color-background-warning-default-hover: #f79009;
+  --color-background-danger-default: #d92d20;
+  --color-background-danger-default-active: #912018;
+  --color-background-danger-secondary: #fee4e2;
+  --color-background-danger-secondary-active: #fda19b;
+  --color-background-danger-default-hover: #b32318;
+  --color-background-danger-secondary-hover: #fecdc9;
+  --color-background-base-inverse-default: #1e1e1e;
+  --color-background-base-inverse-default-active: #444444;
+  --color-background-base-inverse-default-hover: #383838;
+  --color-background-disabled-default: #f1f1f1;
+  --color-background-disabled-secondary: #d9d9d9;
+  --color-background-alpha-overlay-dark: #12121266;
+  --color-background-alpha-overlay-light: #ffffff66;
+  --color-background-alpha-large-surface: #44444408;
+  --color-background-transparent-inactive: #1212121a;
+  --color-border-base-default: #d9d9d9;
+  --color-border-base-secondary: #b2b2b2;
+  --color-border-base-tertiary: #444444;
+  --color-border-base-strong: #121212;
+  --color-border-base-subtle: #ffffff;
+  --color-border-brand-default: #0058d2;
+  --color-border-disabled-default: #d9d9d9;
+  --color-border-positive-default: #027948;
+  --color-border-warning-default: #dc6803;
+  --color-border-danger-default: #d92d20;
+  --color-text-base-default: #121212;
+  --color-text-base-secondary: #383838;
+  --color-text-base-tertiary: #757575;
+  --color-text-base-default-on-color: #121212;
+  --color-text-base-secondary-on-color: #444444;
+  --color-text-base-inverse-default: #ffffff;
+  --color-text-base-inverse-on-color: #ffffff;
+  --color-text-brand-default: #0058d2;
+  --color-text-brand-on-secondary: #0058d2;
+  --color-text-brand-default-hover: #0058d2;
+  --color-text-brand-visited: #aa18ce;
+  --color-text-disabled-default: #b2b2b2;
+  --color-text-disabled-on-disabled: #b2b2b2;
+  --color-text-positive-default: #039855;
+  --color-text-positive-on-secondary: #027948;
+  --color-text-warning-default: #b54708;
+  --color-text-warning-on-secondary: #b54708;
+  --color-text-danger-default: #d92d20;
+  --color-text-danger-on-secondary: #b32318;
+  --color-icon-base-default: #121212;
+  --color-icon-base-secondary: #444444;
+  --color-icon-base-tertiary: #757575;
+  --color-icon-base-default-on-color: #121212;
+  --color-icon-base-secondary-on-color: #444444;
+  --color-icon-brand-default: #0058d2;
+  --color-icon-brand-on-secondary: #0058d2;
+  --color-icon-brand-visited: #aa18ce;
+  --color-icon-disabled-default: #b2b2b2;
+  --color-icon-disabled-on-disabled: #b2b2b2;
+  --color-icon-positive-default: #039855;
+  --color-icon-positive-on-secondary: #027948;
+  --color-icon-warning-default: #dc6803;
+  --color-icon-warning-on-secondary: #b54708;
+  --color-icon-danger-default: #d92d20;
+  --color-icon-danger-on-secondary: #b32318;
+  --color-icon-base-inverse-default: #ffffff;
+  --color-icon-base-inverse-on-color: #ffffff;
+  --accordion-item-border-color-default: #d9d9d9;
+  --accordion-item-border-width: 1px;
+  --accordion-item-transition-duration: 150ms;
+  --accordion-item-transition-timing-function: ease-out;
+  --accordion-item-padding-block-desktop: 32px;
+  --accordion-item-padding-block-mobile: 24px;
+  --accordion-item-padding-inline-tinted: 20px;
+  --accordion-item-gap: 12px;
+  --accordion-item-container-background-default: #ffffff;
+  --accordion-item-container-background-hover: #f5f5f5;
+  --accordion-item-container-background-trail-sites: #e8f0fb;
+  --accordion-item-heading-font-family: Onest;
+  --accordion-item-heading-font-weight: 600;
+  --accordion-item-heading-font-size-desktop: 24px;
+  --accordion-item-heading-font-size-mobile: 22px;
+  --accordion-item-heading-line-height-desktop: 32px;
+  --accordion-item-heading-line-height-mobile: 30px;
+  --accordion-item-heading-letter-spacing: -0.01em;
+  --accordion-item-heading-color-default: #121212;
+  --accordion-item-heading-color-open: #0058d2;
+  --accordion-item-heading-color-disabled: #b2b2b2;
+  --accordion-item-heading-gap: 8px;
+  --accordion-item-supporting-font-family: Onest;
+  --accordion-item-supporting-font-size: 16px;
+  --accordion-item-supporting-line-height: 24px;
+  --accordion-item-supporting-font-weight: 400;
+  --accordion-item-supporting-color-default: #757575;
+  --accordion-item-supporting-color-disabled: #b2b2b2;
+  --accordion-item-trigger-size: 48px;
+  --accordion-item-trigger-icon-size: 20px;
+  --accordion-item-trigger-border-radius: 9999px;
+  --accordion-item-trigger-color-default: #121212;
+  --accordion-item-trigger-color-open: #121212;
+  --accordion-item-trigger-color-disabled: #b2b2b2;
+  --accordion-item-panel-padding-block-end: 32px;
+  --accordion-item-panel-padding-inline-start: 24px;
+  --accordion-item-panel-padding-inline-end: 48px;
+  --accordion-item-panel-font-family: Onest;
+  --accordion-item-panel-font-size: 16px;
+  --accordion-item-panel-line-height: 24px;
+  --accordion-item-panel-font-weight: 400;
+  --accordion-item-panel-color-default: #383838;
+  --accordion-item-panel-color-trail-sites: #121212;
+  --accordion-item-trail-sites-heading-color: #0058d2;
+  --accordion-item-trail-sites-supporting-color: #444444;
+  --accordion-item-trail-sites-trigger-color: #0058d2;
+  --avatar-container-size-xs: 24px;
+  --avatar-container-size-sm: 32px;
+  --avatar-container-size-md: 40px;
+  --avatar-container-size-lg: 48px;
+  --avatar-container-size-xl: 72px;
+  --avatar-container-border-radius: 9999px;
+  --avatar-container-background: #f1f1f1;
+  --avatar-container-transition-duration: 150ms;
+  --avatar-container-transition-timing-function: ease-out;
+  --avatar-stack-border-width: 2px;
+  --avatar-stack-border-color: #ffffff;
+  --avatar-stack-overlap-xs: -8px;
+  --avatar-stack-overlap-sm: -10px;
+  --avatar-stack-overlap-md: -12px;
+  --avatar-stack-overlap-lg: -14px;
+  --avatar-stack-overlap-xl: -20px;
+  --avatar-initials-font-family: Onest;
+  --avatar-initials-font-weight: 500;
+  --avatar-initials-font-size-xs: 12px;
+  --avatar-initials-font-size-sm: 14px;
+  --avatar-initials-font-size-md: 14px;
+  --avatar-initials-font-size-lg: 16px;
+  --avatar-initials-font-size-xl: 18px;
+  --avatar-initials-line-height-xs: 16px;
+  --avatar-initials-line-height-sm: 20px;
+  --avatar-initials-line-height-md: 20px;
+  --avatar-initials-line-height-lg: 24px;
+  --avatar-initials-line-height-xl: 28px;
+  --avatar-initials-color: #383838;
+  --avatar-icon-size-xs: 16px;
+  --avatar-icon-size-sm: 20px;
+  --avatar-icon-size-md: 20px;
+  --avatar-icon-size-lg: 24px;
+  --avatar-icon-size-xl: 24px;
+  --avatar-icon-color: #444444;
+  --avatar-focus-ring-inner-color: #ffffff;
+  --avatar-focus-ring-outer-color: #3379db;
+  --avatar-focus-ring-inner-width: 2px;
+  --avatar-focus-ring-outer-width: 3px;
+  --badge-size-xs: 8px;
+  --badge-size-sm: 12px;
+  --badge-size-md: 16px;
+  --badge-size-lg: 20px;
+  --badge-size-xl: 24px;
+  --badge-min-width-xs: 8px;
+  --badge-min-width-sm: 12px;
+  --badge-min-width-md: 16px;
+  --badge-min-width-lg: 20px;
+  --badge-min-width-xl: 24px;
+  --badge-padding-inline-xs: 0px;
+  --badge-padding-inline-sm: 2px;
+  --badge-padding-inline-md: 2px;
+  --badge-padding-inline-lg: 4px;
+  --badge-padding-inline-xl: 8px;
+  --badge-border-radius: 9999px;
+  --badge-dot-size-md: 2px;
+  --badge-dot-size-lg: 3px;
+  --badge-dot-size-xl: 3px;
+  --badge-font-size-xs: 10px;
+  --badge-font-size-sm: 10px;
+  --badge-font-size-md: 12px;
+  --badge-font-size-lg: 12px;
+  --badge-font-size-xl: 14px;
+  --badge-line-height-xs: 12px;
+  --badge-line-height-sm: 12px;
+  --badge-line-height-md: 16px;
+  --badge-line-height-lg: 16px;
+  --badge-line-height-xl: 20px;
+  --badge-font-weight: 500;
+  --badge-font-family: Onest;
+  --badge-background-default: #1e1e1e;
+  --badge-background-brand: #0058d2;
+  --badge-background-positive: #039855;
+  --badge-background-warning: #fec84b;
+  --badge-background-danger: #d92d20;
+  --badge-background-disabled: #b2b2b2;
+  --badge-text-default: #ffffff;
+  --badge-text-brand: #ffffff;
+  --badge-text-positive: #121212;
+  --badge-text-warning: #121212;
+  --badge-text-danger: #ffffff;
+  --badge-text-disabled: #f1f1f1;
+  --badge-offset-top: 0px;
+  --badge-offset-right: 0px;
+  --banner-container-padding-block: 12px;
+  --banner-container-padding-inline: 0px;
+  --banner-container-gap: 8px;
+  --banner-container-content-gap: 8px;
+  --banner-container-content-inset: 48px;
+  --banner-mobile-padding-inline-start: 16px;
+  --banner-mobile-padding-inline-end: 12px;
+  --banner-mobile-gap: 16px;
+  --banner-mobile-content-gap: 12px;
+  --banner-icon-size: 24px;
+  --banner-message-font-family: Onest;
+  --banner-message-font-size: 14px;
+  --banner-message-line-height: 20px;
+  --banner-message-font-weight: 400;
+  --banner-message-font-size-mobile: 16px;
+  --banner-message-line-height-mobile: 24px;
+  --banner-link-font-size: 16px;
+  --banner-link-line-height: 24px;
+  --banner-link-underline-offset: 2px;
+  --banner-link-color: #0058d2;
+  --banner-actions-gap: 12px;
+  --banner-close-size-pointer: 32px;
+  --banner-close-size-mobile: 24px;
+  --banner-close-hit-area-inset: 8px;
+  --banner-close-icon-size: 16px;
+  --banner-close-padding: 4px;
+  --banner-close-inset-inline-end: 8px;
+  --banner-close-border-radius: 4px;
+  --banner-info-subtle-background: #e8f0fb;
+  --banner-info-subtle-text: #121212;
+  --banner-info-subtle-icon: #0058d2;
+  --banner-info-strong-background: #0058d2;
+  --banner-info-strong-text: #ffffff;
+  --banner-info-strong-icon: #ffffff;
+  --banner-warning-subtle-background: #feefc6;
+  --banner-warning-subtle-text: #121212;
+  --banner-warning-subtle-icon: #b54708;
+  --banner-warning-strong-background: #fec84b;
+  --banner-warning-strong-text: #121212;
+  --banner-warning-strong-icon: #b54708;
+  --banner-error-subtle-background: #fee4e2;
+  --banner-error-subtle-text: #121212;
+  --banner-error-subtle-icon: #b32318;
+  --banner-error-strong-background: #d92d20;
+  --banner-error-strong-text: #ffffff;
+  --banner-error-strong-icon: #ffffff;
+  --breadcrumb-gap-item: 4px;
+  --breadcrumb-gap-menu: 4px;
+  --breadcrumb-font-family: Onest;
+  --breadcrumb-font-size: 14px;
+  --breadcrumb-line-height: 20px;
+  --breadcrumb-font-weight-default: 400;
+  --breadcrumb-font-weight-active: 500;
+  --breadcrumb-item-text-default: #757575;
+  --breadcrumb-item-text-hover: #383838;
+  --breadcrumb-item-text-active: #121212;
+  --breadcrumb-item-text-visited: #aa18ce;
+  --breadcrumb-item-text-disabled: #b2b2b2;
+  --breadcrumb-item-border-radius: 4px;
+  --breadcrumb-item-padding-inline: 2px;
+  --breadcrumb-item-padding-block: 0px;
+  --breadcrumb-separator-color: #757575;
+  --breadcrumb-separator-size: 16px;
+  --breadcrumb-icon-color: #757575;
+  --breadcrumb-icon-color-active: #121212;
+  --breadcrumb-icon-color-disabled: #b2b2b2;
+  --breadcrumb-icon-size: 16px;
+  --breadcrumb-back-icon-size: 20px;
+  --breadcrumb-back-icon-color: #757575;
+  --breadcrumb-back-gap: 4px;
+  --breadcrumb-menu-background: #ffffff;
+  --breadcrumb-menu-border-color: #d9d9d9;
+  --breadcrumb-menu-border-width: 1px;
+  --breadcrumb-menu-border-radius: 8px;
+  --breadcrumb-menu-shadow: 0px 4px 8px 2px rgba(40, 46, 55, 0.06), 0px 2px 4px 0px rgba(40, 46, 55, 0.04);
+  --breadcrumb-menu-min-width: 160px;
+  --breadcrumb-menu-padding: 8px;
+  --breadcrumb-menu-item-padding-inline: 12px;
+  --breadcrumb-menu-item-padding-block: 8px;
+  --breadcrumb-menu-item-border-radius: 6px;
+  --breadcrumb-menu-item-text-default: #121212;
+  --breadcrumb-menu-item-text-hover: #121212;
+  --breadcrumb-menu-item-background-default: #ffffff;
+  --breadcrumb-menu-item-background-hover: #f5f5f5;
+  --button-group-gap-horizontal: 12px;
+  --button-group-gap-vertical: 12px;
+  --button-container-height-sm: 32px;
+  --button-container-height-md: 40px;
+  --button-container-height-lg: 48px;
+  --button-container-touch-target-sm: 40px;
+  --button-container-touch-target-md: 48px;
+  --button-container-touch-target-lg: 48px;
+  --button-container-max-width: 400px;
+  --button-container-min-width-sm: 52px;
+  --button-container-min-width-md: 56px;
+  --button-container-min-width-lg: 72px;
+  --button-container-padding-inline-sm: 12px;
+  --button-container-padding-inline-md: 16px;
+  --button-container-padding-inline-lg: 20px;
+  --button-container-padding-inline-icon-sm: 8px;
+  --button-container-padding-inline-icon-md: 12px;
+  --button-container-padding-inline-icon-lg: 16px;
+  --button-container-gap-sm: 6px;
+  --button-container-gap-md: 6px;
+  --button-container-gap-lg: 6px;
+  --button-container-border-radius-rectangular-sm: 6px;
+  --button-container-border-radius-rectangular-md: 6px;
+  --button-container-border-radius-rectangular-lg: 8px;
+  --button-container-border-radius-circular-sm: 9999px;
+  --button-container-border-radius-circular-md: 9999px;
+  --button-container-border-radius-circular-lg: 9999px;
+  --button-container-transition-duration: 150ms;
+  --button-container-transition-timing-function: ease-out;
+  --button-label-font-family: Onest;
+  --button-label-font-size-sm: 14px;
+  --button-label-font-size-md: 14px;
+  --button-label-font-size-lg: 16px;
+  --button-label-line-height-sm: 20px;
+  --button-label-line-height-md: 20px;
+  --button-label-line-height-lg: 24px;
+  --button-label-font-weight: 500;
+  --button-badge-size: 24px;
+  --button-badge-disabled-opacity: 0.3;
+  --button-badge-neutral-background-default: #f5f5f5;
+  --button-icon-size-sm: 16px;
+  --button-icon-size-md: 20px;
+  --button-icon-size-lg: 20px;
+  --button-primary-background-default: #0058d2;
+  --button-primary-background-hover: #0046a8;
+  --button-primary-background-active: #00357e;
+  --button-primary-label: #ffffff;
+  --button-primary-icon: #ffffff;
+  --button-secondary-background-default: #e8f0fb;
+  --button-secondary-background-hover: #ccdef6;
+  --button-secondary-background-active: #99bced;
+  --button-secondary-label: #0058d2;
+  --button-secondary-icon: #0058d2;
+  --button-strict-background-default: #1e1e1e;
+  --button-strict-background-hover: #383838;
+  --button-strict-background-active: #444444;
+  --button-strict-label: #ffffff;
+  --button-strict-icon: #ffffff;
+  --button-neutral-background-default: #f1f1f1;
+  --button-neutral-background-hover: #d9d9d9;
+  --button-neutral-background-active: #b2b2b2;
+  --button-neutral-label: #121212;
+  --button-neutral-icon: #121212;
+  --button-destructive-background-default: #d92d20;
+  --button-destructive-background-hover: #b32318;
+  --button-destructive-background-active: #912018;
+  --button-destructive-label: #ffffff;
+  --button-destructive-icon: #ffffff;
+  --button-disabled-background: #f1f1f1;
+  --button-disabled-label: #b2b2b2;
+  --button-disabled-icon: #b2b2b2;
+  --button-outlined-primary-border-default: #0058d2;
+  --button-outlined-primary-border-hover: #00000000;
+  --button-outlined-primary-border-active: #00000000;
+  --button-outlined-primary-border-disabled: #d9d9d9;
+  --button-outlined-primary-background-default: #00000000;
+  --button-outlined-primary-background-hover: #0046a8;
+  --button-outlined-primary-background-active: #00357e;
+  --button-outlined-primary-background-disabled: #00000000;
+  --button-outlined-primary-label-default: #0058d2;
+  --button-outlined-primary-label-hover: #ffffff;
+  --button-outlined-primary-label-active: #ffffff;
+  --button-outlined-primary-label-disabled: #b2b2b2;
+  --button-outlined-primary-icon-default: #0058d2;
+  --button-outlined-primary-icon-hover: #ffffff;
+  --button-outlined-primary-icon-active: #ffffff;
+  --button-outlined-primary-icon-disabled: #b2b2b2;
+  --button-outlined-strict-border-default: #121212;
+  --button-outlined-strict-border-hover: #00000000;
+  --button-outlined-strict-border-active: #00000000;
+  --button-outlined-strict-border-disabled: #d9d9d9;
+  --button-outlined-strict-background-default: #00000000;
+  --button-outlined-strict-background-hover: #383838;
+  --button-outlined-strict-background-active: #444444;
+  --button-outlined-strict-background-disabled: #00000000;
+  --button-outlined-strict-label-default: #121212;
+  --button-outlined-strict-label-hover: #ffffff;
+  --button-outlined-strict-label-active: #ffffff;
+  --button-outlined-strict-label-disabled: #b2b2b2;
+  --button-outlined-strict-icon-default: #121212;
+  --button-outlined-strict-icon-hover: #ffffff;
+  --button-outlined-strict-icon-active: #ffffff;
+  --button-outlined-strict-icon-disabled: #b2b2b2;
+  --button-outlined-destructive-border-default: #d92d20;
+  --button-outlined-destructive-border-hover: #00000000;
+  --button-outlined-destructive-border-active: #00000000;
+  --button-outlined-destructive-border-disabled: #d9d9d9;
+  --button-outlined-destructive-background-default: #00000000;
+  --button-outlined-destructive-background-hover: #b32318;
+  --button-outlined-destructive-background-active: #912018;
+  --button-outlined-destructive-background-disabled: #00000000;
+  --button-outlined-destructive-label-default: #d92d20;
+  --button-outlined-destructive-label-hover: #ffffff;
+  --button-outlined-destructive-label-active: #ffffff;
+  --button-outlined-destructive-label-disabled: #b2b2b2;
+  --button-outlined-destructive-icon-default: #d92d20;
+  --button-outlined-destructive-icon-hover: #ffffff;
+  --button-outlined-destructive-icon-active: #ffffff;
+  --button-outlined-destructive-icon-disabled: #b2b2b2;
+  --button-text-primary-background-default: #00000000;
+  --button-text-primary-background-hover: #ccdef6;
+  --button-text-primary-background-active: #99bced;
+  --button-text-primary-background-disabled: #00000000;
+  --button-text-primary-label-default: #0058d2;
+  --button-text-primary-label-hover: #0058d2;
+  --button-text-primary-label-active: #0058d2;
+  --button-text-primary-label-disabled: #b2b2b2;
+  --button-text-primary-icon-default: #0058d2;
+  --button-text-primary-icon-hover: #0058d2;
+  --button-text-primary-icon-active: #0058d2;
+  --button-text-primary-icon-disabled: #b2b2b2;
+  --button-text-strict-background-default: #00000000;
+  --button-text-strict-background-hover: #d9d9d9;
+  --button-text-strict-background-active: #b2b2b2;
+  --button-text-strict-background-disabled: #00000000;
+  --button-text-strict-label-default: #121212;
+  --button-text-strict-label-hover: #121212;
+  --button-text-strict-label-active: #121212;
+  --button-text-strict-label-disabled: #b2b2b2;
+  --button-text-strict-icon-default: #121212;
+  --button-text-strict-icon-hover: #121212;
+  --button-text-strict-icon-active: #121212;
+  --button-text-strict-icon-disabled: #b2b2b2;
+  --button-text-destructive-background-default: #00000000;
+  --button-text-destructive-background-hover: #fecdc9;
+  --button-text-destructive-background-active: #fda19b;
+  --button-text-destructive-background-disabled: #00000000;
+  --button-text-destructive-label-default: #d92d20;
+  --button-text-destructive-label-hover: #d92d20;
+  --button-text-destructive-label-active: #d92d20;
+  --button-text-destructive-label-disabled: #b2b2b2;
+  --button-text-destructive-icon-default: #d92d20;
+  --button-text-destructive-icon-hover: #d92d20;
+  --button-text-destructive-icon-active: #d92d20;
+  --button-text-destructive-icon-disabled: #b2b2b2;
+  --checkbox-container-size-sm: 20px;
+  --checkbox-container-size-md: 24px;
+  --checkbox-container-touch-target-sm: 36px;
+  --checkbox-container-touch-target-md: 36px;
+  --checkbox-container-border-radius-sm: 6px;
+  --checkbox-container-border-radius-md: 6px;
+  --checkbox-container-border-width: 2px;
+  --checkbox-container-focus-ring-width: 3px;
+  --checkbox-container-focus-ring-offset: 1px;
+  --checkbox-container-gap-sm: 12px;
+  --checkbox-container-gap-md: 12px;
+  --checkbox-container-transition-duration: 150ms;
+  --checkbox-container-transition-timing-function: ease-out;
+  --checkbox-icon-size-sm: 16px;
+  --checkbox-icon-size-md: 20px;
+  --checkbox-icon-color-default: #ffffff;
+  --checkbox-icon-color-disabled: #b2b2b2;
+  --checkbox-label-font-family: Onest;
+  --checkbox-label-font-weight: 500;
+  --checkbox-label-font-size-sm: 14px;
+  --checkbox-label-font-size-md: 16px;
+  --checkbox-label-line-height-sm: 20px;
+  --checkbox-label-line-height-md: 24px;
+  --checkbox-label-color-default: #121212;
+  --checkbox-label-color-disabled: #b2b2b2;
+  --checkbox-text-gap: 2px;
+  --checkbox-supporting-font-family: Onest;
+  --checkbox-supporting-font-weight: 400;
+  --checkbox-supporting-font-size-sm: 12px;
+  --checkbox-supporting-font-size-md: 14px;
+  --checkbox-supporting-line-height-sm: 16px;
+  --checkbox-supporting-line-height-md: 20px;
+  --checkbox-supporting-color-default: #757575;
+  --checkbox-supporting-color-disabled: #b2b2b2;
+  --checkbox-default-background-unchecked: #ffffff;
+  --checkbox-default-background-checked: #0058d2;
+  --checkbox-default-border-unchecked: #b2b2b2;
+  --checkbox-default-border-checked: #0058d2;
+  --checkbox-default-focus-ring: #3379db;
+  --checkbox-destructive-background-unchecked: #ffffff;
+  --checkbox-destructive-background-checked: #d92d20;
+  --checkbox-destructive-border-unchecked: #d92d20;
+  --checkbox-destructive-border-checked: #d92d20;
+  --checkbox-destructive-focus-ring: #3379db;
+  --checkbox-destructive-label: #d92d20;
+  --checkbox-destructive-supporting: #d92d20;
+  --checkbox-disabled-background-unchecked: #f1f1f1;
+  --checkbox-disabled-background-checked: #f1f1f1;
+  --checkbox-disabled-border-unchecked: #d9d9d9;
+  --checkbox-disabled-border-checked: #d9d9d9;
+  --chip-container-height-md: 36px;
+  --chip-container-height-sm: 28px;
+  --chip-container-touch-target-md: 44px;
+  --chip-container-touch-target-sm: 40px;
+  --chip-container-min-width-md: 60px;
+  --chip-container-min-width-sm: 52px;
+  --chip-container-padding-inline-md: 16px;
+  --chip-container-padding-inline-sm: 12px;
+  --chip-container-padding-inline-icon-md: 12px;
+  --chip-container-padding-inline-icon-sm: 8px;
+  --chip-container-padding-inline-remove-md: 12px;
+  --chip-container-padding-inline-remove-sm: 8px;
+  --chip-container-gap-md: 8px;
+  --chip-container-gap-sm: 6px;
+  --chip-container-gap-icon-md: 4px;
+  --chip-container-gap-icon-sm: 4px;
+  --chip-container-border-radius: 9999px;
+  --chip-container-transition-duration: 150ms;
+  --chip-container-transition-timing-function: ease-out;
+  --chip-avatar-size-md: 24px;
+  --chip-avatar-size-sm: 20px;
+  --chip-count-size-md: 16px;
+  --chip-count-size-sm: 16px;
+  --chip-count-font-size-md: 12px;
+  --chip-count-font-size-sm: 12px;
+  --chip-count-line-height-md: 16px;
+  --chip-count-line-height-sm: 16px;
+  --chip-count-padding-inline-md: 2px;
+  --chip-count-padding-inline-sm: 2px;
+  --chip-count-background: #ffffff;
+  --chip-count-color: #121212;
+  --chip-label-font-family: Onest;
+  --chip-label-font-size-md: 14px;
+  --chip-label-font-size-sm: 12px;
+  --chip-label-line-height-md: 20px;
+  --chip-label-line-height-sm: 16px;
+  --chip-label-font-weight: 500;
+  --chip-icon-size-md: 20px;
+  --chip-icon-size-sm: 16px;
+  --chip-filter-background-default: #f1f1f1;
+  --chip-filter-background-hover: #d9d9d9;
+  --chip-filter-background-selected: #1e1e1e;
+  --chip-filter-background-selected-hover: #383838;
+  --chip-filter-label-default: #121212;
+  --chip-filter-label-selected: #ffffff;
+  --chip-filter-icon-default: #121212;
+  --chip-filter-icon-selected: #ffffff;
+  --chip-input-background-default: #f1f1f1;
+  --chip-input-background-hover: #d9d9d9;
+  --chip-input-label-default: #121212;
+  --chip-input-icon-default: #121212;
+  --chip-input-avatar-background: #ffffff;
+  --chip-input-avatar-border-color: #d9d9d9;
+  --chip-input-avatar-border-width: 1.5px;
+  --chip-input-avatar-gap-md: 6px;
+  --chip-input-avatar-gap-sm: 4px;
+  --chip-input-avatar-padding-inline-remove-md: 8px;
+  --chip-input-avatar-padding-inline-remove-sm: 6px;
+  --chip-input-avatar-disabled-opacity: 0.6;
+  --chip-input-remove-size-md: 20px;
+  --chip-input-remove-size-sm: 16px;
+  --chip-input-remove-icon-size-md: 20px;
+  --chip-input-remove-icon-size-sm: 16px;
+  --chip-input-remove-border-radius: 9999px;
+  --chip-input-remove-background-default: #00000000;
+  --chip-input-remove-background-hover: #d9d9d9;
+  --chip-input-remove-color-default: #121212;
+  --chip-input-remove-color-hover: #121212;
+  --chip-input-remove-color-disabled: #b2b2b2;
+  --chip-input-remove-focus-ring-width-inner: 1px;
+  --chip-input-remove-focus-ring-width-outer: 2px;
+  --chip-disabled-background: #f1f1f1;
+  --chip-disabled-label: #b2b2b2;
+  --chip-disabled-icon: #b2b2b2;
+  --date-input-field-gap: 8px;
+  --date-input-container-height-md: 40px;
+  --date-input-container-height-lg: 48px;
+  --date-input-container-padding-inline-md: 12px;
+  --date-input-container-padding-inline-lg: 16px;
+  --date-input-container-gap-md: 8px;
+  --date-input-container-gap-lg: 8px;
+  --date-input-container-border-radius: 8px;
+  --date-input-container-border-width-default: 1px;
+  --date-input-container-border-width-emphasized: 2px;
+  --date-input-container-focus-ring-width: 2px;
+  --date-input-container-transition-duration: 150ms;
+  --date-input-container-transition-timing-function: ease-out;
+  --date-input-popover-offset: 8px;
+  --date-input-control-font-family: Onest;
+  --date-input-control-font-weight: 400;
+  --date-input-control-font-size-md: 14px;
+  --date-input-control-font-size-lg: 16px;
+  --date-input-control-line-height-md: 20px;
+  --date-input-control-line-height-lg: 24px;
+  --date-input-control-caret-color: #0058d2;
+  --date-input-label-font-family: Onest;
+  --date-input-label-font-size: 14px;
+  --date-input-label-line-height: 20px;
+  --date-input-label-font-weight: 400;
+  --date-input-label-gap: 4px;
+  --date-input-label-color-default: #383838;
+  --date-input-label-required-mark-size: 12px;
+  --date-input-label-required-mark-color: #d92d20;
+  --date-input-assistive-font-family: Onest;
+  --date-input-assistive-font-size: 14px;
+  --date-input-assistive-line-height: 20px;
+  --date-input-assistive-font-weight: 400;
+  --date-input-assistive-gap-default: 6px;
+  --date-input-assistive-gap-error: 4px;
+  --date-input-assistive-icon-size: 20px;
+  --date-input-assistive-color-default: #383838;
+  --date-input-assistive-color-error: #d92d20;
+  --date-input-clear-button-size: 20px;
+  --date-input-clear-button-border-radius: 9999px;
+  --date-input-clear-button-background-default: #f1f1f1;
+  --date-input-clear-button-background-hover: #d9d9d9;
+  --date-input-clear-button-background-active: #b2b2b2;
+  --date-input-clear-button-icon-color: #757575;
+  --date-input-icon-size-md: 20px;
+  --date-input-icon-size-lg: 24px;
+  --date-input-icon-color-default: #444444;
+  --date-input-icon-color-disabled: #b2b2b2;
+  --date-input-default-background-default: #ffffff;
+  --date-input-default-background-disabled: #f1f1f1;
+  --date-input-default-border-default: #d9d9d9;
+  --date-input-default-border-hover: #444444;
+  --date-input-default-border-focus: #0058d2;
+  --date-input-default-border-disabled: #d9d9d9;
+  --date-input-default-text-default: #121212;
+  --date-input-default-text-placeholder: #757575;
+  --date-input-default-text-disabled: #b2b2b2;
+  --date-input-default-focus-ring: #ccdef6;
+  --date-input-destructive-border-default: #d92d20;
+  --date-input-destructive-border-hover: #d92d20;
+  --date-input-destructive-border-focus: #d92d20;
+  --date-input-destructive-focus-ring: #fecdc9;
+  --date-picker-container-width-desktop: 320px;
+  --date-picker-container-width-mobile: 100%;
+  --date-picker-container-width-docked: 320px;
+  --date-picker-container-padding-desktop: 12px;
+  --date-picker-container-padding-mobile: 0px;
+  --date-picker-container-padding-docked: 8px;
+  --date-picker-container-gap: 8px;
+  --date-picker-container-range-gap: 6px;
+  --date-picker-container-background: #ffffff;
+  --date-picker-container-border-radius: 12px;
+  --date-picker-container-border-width: 0px;
+  --date-picker-container-border-color: #d9d9d9;
+  --date-picker-container-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08), 0px 5px 12px 0px rgba(0, 0, 0, 0.08), 0px 0px 0.5px 0px rgba(0, 0, 0, 0.15);
+  --date-picker-container-transition-duration: 150ms;
+  --date-picker-container-transition-timing-function: ease-out;
+  --date-picker-header-height: 40px;
+  --date-picker-header-gap: 8px;
+  --date-picker-header-title-font-family: Onest;
+  --date-picker-header-title-font-weight: 500;
+  --date-picker-header-title-font-size: 16px;
+  --date-picker-header-title-line-height: 24px;
+  --date-picker-header-title-color: #121212;
+  --date-picker-header-nav-button-size: 40px;
+  --date-picker-header-nav-button-border-radius: 6px;
+  --date-picker-header-nav-button-background-default: #f1f1f1;
+  --date-picker-header-nav-button-background-hover: #d9d9d9;
+  --date-picker-header-nav-button-background-active: #b2b2b2;
+  --date-picker-header-nav-button-icon-size: 20px;
+  --date-picker-header-nav-button-icon-color-default: #121212;
+  --date-picker-header-nav-button-icon-color-disabled: #b2b2b2;
+  --date-picker-header-dropdown-height: 40px;
+  --date-picker-header-dropdown-padding-start: 6px;
+  --date-picker-header-dropdown-padding-end: 4px;
+  --date-picker-header-dropdown-gap: 4px;
+  --date-picker-header-dropdown-group-gap: 0px;
+  --date-picker-header-dropdown-border-radius: 4px;
+  --date-picker-header-dropdown-icon-size: 16px;
+  --date-picker-header-dropdown-background-hover: #f5f5f5;
+  --date-picker-header-dropdown-background-active: #d9d9d9;
+  --date-picker-day-label-height: 32px;
+  --date-picker-day-label-font-family: Onest;
+  --date-picker-day-label-font-weight: 500;
+  --date-picker-day-label-font-size: 14px;
+  --date-picker-day-label-line-height: 20px;
+  --date-picker-day-label-color: #757575;
+  --date-picker-day-cell-height: 40px;
+  --date-picker-day-cell-border-radius: 6px;
+  --date-picker-day-cell-font-family: Onest;
+  --date-picker-day-cell-font-weight: 500;
+  --date-picker-day-cell-font-size: 14px;
+  --date-picker-day-cell-line-height: 20px;
+  --date-picker-day-cell-border-width: 1.5px;
+  --date-picker-day-cell-focus-ring-width: 3px;
+  --date-picker-day-cell-focus-ring-offset: 1px;
+  --date-picker-day-cell-default-color: #121212;
+  --date-picker-day-cell-hover-background: #f5f5f5;
+  --date-picker-day-cell-hover-color: #121212;
+  --date-picker-day-cell-selected-background: #0058d2;
+  --date-picker-day-cell-selected-color: #ffffff;
+  --date-picker-day-cell-selected-hover-background: #0046a8;
+  --date-picker-day-cell-selected-hover-color: #ffffff;
+  --date-picker-day-cell-today-color: #0058d2;
+  --date-picker-day-cell-today-border-color: #0058d2;
+  --date-picker-day-cell-today-hover-background: #f5f5f5;
+  --date-picker-day-cell-today-hover-color: #0058d2;
+  --date-picker-day-cell-in-range-background: #e8f0fb;
+  --date-picker-day-cell-in-range-color: #121212;
+  --date-picker-day-cell-outside-month-color: #b2b2b2;
+  --date-picker-day-cell-disabled-color: #b2b2b2;
+  --date-picker-day-cell-focus-ring: #3379db;
+  --date-picker-year-grid-row-gap: 4px;
+  --date-picker-year-grid-column-gap: 0px;
+  --date-picker-year-grid-cell-height: 40px;
+  --date-picker-year-grid-cell-border-radius: 6px;
+  --date-picker-month-grid-row-gap: 4px;
+  --date-picker-month-grid-column-gap: 0px;
+  --date-picker-month-grid-cell-height: 40px;
+  --date-picker-month-grid-cell-border-radius: 6px;
+  --date-picker-drag-handle-width: 48px;
+  --date-picker-drag-handle-height: 4px;
+  --date-picker-drag-handle-background: #d9d9d9;
+  --date-picker-drag-handle-border-radius: 9999px;
+  --date-picker-sheet-gap: 0px;
+  --date-picker-sheet-drag-handle-padding: 16px;
+  --date-picker-sheet-header-padding-inline: 20px;
+  --date-picker-sheet-content-padding-block: 24px;
+  --date-picker-sheet-content-padding-inline: 16px;
+  --file-input-field-gap: 8px;
+  --file-input-dropzone-min-height-md: 156px;
+  --file-input-dropzone-min-height-lg: 156px;
+  --file-input-dropzone-padding-block-md: 32px;
+  --file-input-dropzone-padding-block-lg: 32px;
+  --file-input-dropzone-padding-inline-md: 24px;
+  --file-input-dropzone-padding-inline-lg: 24px;
+  --file-input-dropzone-gap-md: 20px;
+  --file-input-dropzone-gap-lg: 20px;
+  --file-input-dropzone-border-radius: 8px;
+  --file-input-dropzone-border-width-default: 1.5px;
+  --file-input-dropzone-transition-duration: 150ms;
+  --file-input-dropzone-transition-timing-function: ease-out;
+  --file-input-dropzone-icon-circle-size-md: 48px;
+  --file-input-dropzone-icon-circle-size-lg: 48px;
+  --file-input-dropzone-icon-circle-padding-md: 12px;
+  --file-input-dropzone-icon-circle-padding-lg: 12px;
+  --file-input-dropzone-icon-circle-background: #f1f1f1;
+  --file-input-dropzone-icon-circle-background-disabled: #f1f1f1;
+  --file-input-dropzone-icon-glyph-size-md: 24px;
+  --file-input-dropzone-icon-glyph-size-lg: 24px;
+  --file-input-dropzone-icon-glyph-color: #121212;
+  --file-input-dropzone-icon-glyph-color-disabled: #b2b2b2;
+  --file-input-dropzone-cta-gap: 6px;
+  --file-input-dropzone-cta-body-color: #121212;
+  --file-input-dropzone-cta-body-color-disabled: #b2b2b2;
+  --file-input-dropzone-cta-link-underline-offset: 4px;
+  --file-input-dropzone-cta-link-color: #0058d2;
+  --file-input-dropzone-cta-link-color-hover: #0058d2;
+  --file-input-dropzone-cta-link-color-disabled: #b2b2b2;
+  --file-input-caption-font-family: Onest;
+  --file-input-caption-font-size: 14px;
+  --file-input-caption-line-height: 20px;
+  --file-input-caption-font-weight: 400;
+  --file-input-caption-gap: 24px;
+  --file-input-caption-margin-block-start: 12px;
+  --file-input-caption-color-default: #757575;
+  --file-input-caption-color-disabled: #b2b2b2;
+  --file-input-primary-text-font-family: Onest;
+  --file-input-primary-text-font-size-md: 16px;
+  --file-input-primary-text-font-size-lg: 16px;
+  --file-input-primary-text-line-height-md: 24px;
+  --file-input-primary-text-line-height-lg: 24px;
+  --file-input-primary-text-font-weight: 400;
+  --file-input-secondary-text-font-family: Onest;
+  --file-input-secondary-text-font-size: 14px;
+  --file-input-secondary-text-line-height: 20px;
+  --file-input-secondary-text-font-weight: 400;
+  --file-input-label-font-family: Onest;
+  --file-input-label-font-size: 14px;
+  --file-input-label-line-height: 20px;
+  --file-input-label-font-weight: 400;
+  --file-input-label-gap: 4px;
+  --file-input-label-color-default: #383838;
+  --file-input-label-color-disabled: #b2b2b2;
+  --file-input-label-required-mark-size: 12px;
+  --file-input-label-required-mark-color: #d92d20;
+  --file-input-assistive-font-family: Onest;
+  --file-input-assistive-font-size: 14px;
+  --file-input-assistive-line-height: 20px;
+  --file-input-assistive-font-weight: 400;
+  --file-input-assistive-gap-default: 6px;
+  --file-input-assistive-gap-error: 4px;
+  --file-input-assistive-icon-size: 20px;
+  --file-input-assistive-color-default: #383838;
+  --file-input-assistive-color-error: #d92d20;
+  --file-input-list-gap: 8px;
+  --file-input-list-margin-block-start: 12px;
+  --file-input-background-default: #ffffff;
+  --file-input-background-active: #e8f0fb;
+  --file-input-background-disabled: #ffffff;
+  --file-input-border-default: #b2b2b2;
+  --file-input-border-hover: #0058d2;
+  --file-input-border-focus: #0058d2;
+  --file-input-border-active: #0058d2;
+  --file-input-border-disabled: #d9d9d9;
+  --file-input-border-invalid: #d92d20;
+  --file-input-text-primary: #121212;
+  --file-input-text-secondary: #757575;
+  --file-input-text-disabled: #b2b2b2;
+  --file-input-icon-default: #444444;
+  --file-input-icon-accent: #0058d2;
+  --file-input-icon-disabled: #b2b2b2;
+  --file-input-focus-ring-width-inner: 2px;
+  --file-input-focus-ring-width-outer: 3px;
+  --file-item-container-min-height: 48px;
+  --file-item-container-padding-block: 8px;
+  --file-item-container-padding-inline: 12px;
+  --file-item-container-gap: 12px;
+  --file-item-container-border-radius: 6px;
+  --file-item-container-border-width: 1px;
+  --file-item-container-transition-duration: 150ms;
+  --file-item-container-transition-timing-function: ease-out;
+  --file-item-icon-size: 24px;
+  --file-item-icon-color-uploaded: #444444;
+  --file-item-icon-color-uploading: #0058d2;
+  --file-item-icon-color-success: #039855;
+  --file-item-icon-color-error: #d92d20;
+  --file-item-icon-color-disabled: #b2b2b2;
+  --file-item-text-font-family: Onest;
+  --file-item-text-filename-font-size: 14px;
+  --file-item-text-filename-line-height: 20px;
+  --file-item-text-filename-font-weight: 500;
+  --file-item-text-filename-color-default: #121212;
+  --file-item-text-filename-color-disabled: #b2b2b2;
+  --file-item-text-meta-font-size: 12px;
+  --file-item-text-meta-line-height: 16px;
+  --file-item-text-meta-font-weight: 400;
+  --file-item-text-meta-color-default: #757575;
+  --file-item-text-meta-color-error: #d92d20;
+  --file-item-text-meta-color-disabled: #b2b2b2;
+  --file-item-remove-size: 32px;
+  --file-item-remove-icon-size: 20px;
+  --file-item-remove-border-radius: 6px;
+  --file-item-remove-color-default: #444444;
+  --file-item-remove-color-hover: #d92d20;
+  --file-item-remove-color-disabled: #b2b2b2;
+  --file-item-remove-background-hover: #fee4e2;
+  --file-item-remove-focus-ring: #ccdef6;
+  --file-item-background-default: #f1f1f1;
+  --file-item-background-error: #ffffff;
+  --file-item-background-disabled: #f1f1f1;
+  --file-item-border-uploaded: #d9d9d9;
+  --file-item-border-uploading: #0058d2;
+  --file-item-border-success: #027948;
+  --file-item-border-error: #d92d20;
+  --file-item-border-disabled: #d9d9d9;
+  --info-box-container-padding-block: 12px;
+  --info-box-container-padding-inline: 16px;
+  --info-box-container-gap: 12px;
+  --info-box-container-stack-gap: 8px;
+  --info-box-container-heading-gap: 4px;
+  --info-box-container-border-radius: 8px;
+  --info-box-container-transition-duration: 150ms;
+  --info-box-container-transition-timing-function: ease-out;
+  --info-box-icon-size: 20px;
+  --info-box-heading-font-family: Onest;
+  --info-box-heading-font-size: 16px;
+  --info-box-heading-line-height: 24px;
+  --info-box-heading-font-weight: 600;
+  --info-box-body-font-family: Onest;
+  --info-box-body-font-size: 14px;
+  --info-box-body-line-height: 20px;
+  --info-box-body-font-weight: 400;
+  --info-box-close-size-pointer: 32px;
+  --info-box-close-size-touch: 40px;
+  --info-box-close-icon-size: 16px;
+  --info-box-close-border-radius: 4px;
+  --info-box-close-background-hover: #d9d9d9;
+  --info-box-strong-info-background: #e8f0fb;
+  --info-box-strong-info-text: #121212;
+  --info-box-strong-info-icon: #0058d2;
+  --info-box-strong-info-close-icon: #444444;
+  --info-box-strong-info-moderate-background: #e8f0fb;
+  --info-box-strong-info-moderate-text: #121212;
+  --info-box-strong-info-moderate-icon: #0058d2;
+  --info-box-strong-info-moderate-close-icon: #444444;
+  --info-box-strong-warning-background: #feefc6;
+  --info-box-strong-warning-text: #121212;
+  --info-box-strong-warning-icon: #dc6803;
+  --info-box-strong-warning-close-icon: #444444;
+  --info-box-strong-error-background: #fee4e2;
+  --info-box-strong-error-text: #121212;
+  --info-box-strong-error-icon: #d92d20;
+  --info-box-strong-error-close-icon: #444444;
+  --info-box-subtle-info-background: #f5f5f5;
+  --info-box-subtle-info-text: #121212;
+  --info-box-subtle-info-icon: #121212;
+  --info-box-subtle-info-close-icon: #444444;
+  --info-box-subtle-info-moderate-background: #f5f5f5;
+  --info-box-subtle-info-moderate-text: #121212;
+  --info-box-subtle-info-moderate-icon: #0058d2;
+  --info-box-subtle-info-moderate-close-icon: #444444;
+  --info-box-subtle-warning-background: #f5f5f5;
+  --info-box-subtle-warning-text: #121212;
+  --info-box-subtle-warning-icon: #dc6803;
+  --info-box-subtle-warning-close-icon: #444444;
+  --info-box-subtle-error-background: #f5f5f5;
+  --info-box-subtle-error-text: #121212;
+  --info-box-subtle-error-icon: #d92d20;
+  --info-box-subtle-error-close-icon: #444444;
+  --inline-message-font-family: Onest;
+  --inline-message-font-weight: 400;
+  --inline-message-gap-small: 4px;
+  --inline-message-gap-medium: 6px;
+  --inline-message-font-size-small: 12px;
+  --inline-message-font-size-medium: 14px;
+  --inline-message-line-height-small: 16px;
+  --inline-message-line-height-medium: 20px;
+  --inline-message-icon-size-small: 16px;
+  --inline-message-icon-size-medium: 20px;
+  --inline-message-info-text: #383838;
+  --inline-message-info-icon: #0058d2;
+  --inline-message-warning-text: #b54708;
+  --inline-message-warning-icon: #dc6803;
+  --inline-message-success-text: #027948;
+  --inline-message-success-icon: #027948;
+  --inline-message-error-text: #d92d20;
+  --inline-message-error-icon: #d92d20;
+  --input-chip-field-gap: 8px;
+  --input-chip-container-min-height-md: 40px;
+  --input-chip-container-min-height-lg: 48px;
+  --input-chip-container-padding-block-md: 4px;
+  --input-chip-container-padding-block-lg: 6px;
+  --input-chip-container-padding-inline-md: 8px;
+  --input-chip-container-padding-inline-lg: 12px;
+  --input-chip-container-gap-md: 6px;
+  --input-chip-container-gap-lg: 8px;
+  --input-chip-container-border-radius: 8px;
+  --input-chip-container-border-width-default: 1px;
+  --input-chip-container-border-width-emphasized: 2px;
+  --input-chip-container-focus-ring-width: 2px;
+  --input-chip-container-transition-duration: 150ms;
+  --input-chip-container-transition-timing-function: ease-out;
+  --input-chip-control-font-family: Onest;
+  --input-chip-control-font-weight: 400;
+  --input-chip-control-font-size-md: 14px;
+  --input-chip-control-font-size-lg: 16px;
+  --input-chip-control-line-height-md: 20px;
+  --input-chip-control-line-height-lg: 24px;
+  --input-chip-control-min-width: 80px;
+  --input-chip-label-font-family: Onest;
+  --input-chip-label-font-size: 14px;
+  --input-chip-label-line-height: 20px;
+  --input-chip-label-font-weight: 400;
+  --input-chip-label-gap: 4px;
+  --input-chip-label-color-default: #383838;
+  --input-chip-label-color-disabled: #b2b2b2;
+  --input-chip-label-required-mark-size: 12px;
+  --input-chip-label-required-mark-color: #d92d20;
+  --input-chip-assistive-font-family: Onest;
+  --input-chip-assistive-font-size: 14px;
+  --input-chip-assistive-line-height: 20px;
+  --input-chip-assistive-font-weight: 400;
+  --input-chip-assistive-gap-default: 6px;
+  --input-chip-assistive-gap-error: 4px;
+  --input-chip-assistive-icon-size: 20px;
+  --input-chip-assistive-color-default: #383838;
+  --input-chip-assistive-color-error: #d92d20;
+  --input-chip-chip-font-family: Onest;
+  --input-chip-chip-font-size: 14px;
+  --input-chip-chip-line-height: 20px;
+  --input-chip-chip-font-weight: 500;
+  --input-chip-chip-height-md: 24px;
+  --input-chip-chip-height-lg: 32px;
+  --input-chip-chip-padding-block-md: 2px;
+  --input-chip-chip-padding-block-lg: 4px;
+  --input-chip-chip-padding-inline-start-md: 8px;
+  --input-chip-chip-padding-inline-start-lg: 12px;
+  --input-chip-chip-padding-inline-end-md: 4px;
+  --input-chip-chip-padding-inline-end-lg: 6px;
+  --input-chip-chip-gap-md: 4px;
+  --input-chip-chip-gap-lg: 6px;
+  --input-chip-chip-border-radius: 6px;
+  --input-chip-chip-max-inline-size: 100%;
+  --input-chip-chip-background-default: #f5f5f5;
+  --input-chip-chip-background-hover: #f1f1f1;
+  --input-chip-chip-background-disabled: #f1f1f1;
+  --input-chip-chip-label-default: #121212;
+  --input-chip-chip-label-disabled: #383838;
+  --input-chip-chip-remove-size-md: 16px;
+  --input-chip-chip-remove-size-lg: 20px;
+  --input-chip-chip-remove-icon-size-md: 12px;
+  --input-chip-chip-remove-icon-size-lg: 16px;
+  --input-chip-chip-remove-color-default: #444444;
+  --input-chip-chip-remove-color-hover: #121212;
+  --input-chip-chip-remove-color-disabled: #b2b2b2;
+  --input-chip-chip-remove-background-hover: #f1f1f1;
+  --input-chip-chip-remove-background-focus: #e8f0fb;
+  --input-chip-chip-remove-border-radius: 9999px;
+  --input-chip-chip-focus-ring-color: #ccdef6;
+  --input-chip-default-background-default: #ffffff;
+  --input-chip-default-background-disabled: #f1f1f1;
+  --input-chip-default-border-default: #d9d9d9;
+  --input-chip-default-border-hover: #444444;
+  --input-chip-default-border-focus: #0058d2;
+  --input-chip-default-border-disabled: #d9d9d9;
+  --input-chip-default-text-default: #121212;
+  --input-chip-default-text-placeholder: #757575;
+  --input-chip-default-text-disabled: #b2b2b2;
+  --input-chip-default-focus-ring: #ccdef6;
+  --input-chip-destructive-border-default: #d92d20;
+  --input-chip-destructive-border-hover: #d92d20;
+  --input-chip-destructive-border-focus: #d92d20;
+  --input-chip-destructive-focus-ring: #fecdc9;
+  --input-field-gap: 8px;
+  --input-container-height-md: 40px;
+  --input-container-height-lg: 48px;
+  --input-container-padding-inline-md: 12px;
+  --input-container-padding-inline-lg: 16px;
+  --input-container-gap-md: 8px;
+  --input-container-gap-lg: 8px;
+  --input-container-border-radius: 8px;
+  --input-container-border-width-default: 1px;
+  --input-container-border-width-emphasized: 2px;
+  --input-container-focus-ring-width: 2px;
+  --input-container-transition-duration: 150ms;
+  --input-container-transition-timing-function: ease-out;
+  --input-control-font-family: Onest;
+  --input-control-font-weight: 400;
+  --input-control-font-size-md: 14px;
+  --input-control-font-size-lg: 16px;
+  --input-control-line-height-md: 20px;
+  --input-control-line-height-lg: 24px;
+  --input-control-loading-opacity: 0.6;
+  --input-label-font-family: Onest;
+  --input-label-font-size: 14px;
+  --input-label-line-height: 20px;
+  --input-label-font-weight: 400;
+  --input-label-gap: 4px;
+  --input-label-color-default: #383838;
+  --input-label-color-disabled: #b2b2b2;
+  --input-label-required-mark-size: 12px;
+  --input-label-required-mark-color: #d92d20;
+  --input-assistive-font-family: Onest;
+  --input-assistive-font-size: 14px;
+  --input-assistive-line-height: 20px;
+  --input-assistive-font-weight: 400;
+  --input-assistive-gap-default: 6px;
+  --input-assistive-gap-error: 4px;
+  --input-assistive-icon-size: 20px;
+  --input-assistive-color-default: #383838;
+  --input-assistive-color-error: #d92d20;
+  --input-assistive-color-warning: #b54708;
+  --input-assistive-color-success: #027948;
+  --input-icon-size-md: 20px;
+  --input-icon-size-lg: 24px;
+  --input-icon-color-default: #444444;
+  --input-icon-color-loading: #757575;
+  --input-icon-color-disabled: #b2b2b2;
+  --input-clear-button-size-md: 16px;
+  --input-clear-button-size-lg: 20px;
+  --input-clear-button-border-radius: 9999px;
+  --input-clear-button-color-default: #444444;
+  --input-clear-button-color-hover: #121212;
+  --input-clear-button-background-hover: #f1f1f1;
+  --input-default-background-default: #ffffff;
+  --input-default-background-read-only: #f5f5f5;
+  --input-default-background-disabled: #f1f1f1;
+  --input-default-border-default: #d9d9d9;
+  --input-default-border-hover: #444444;
+  --input-default-border-focus: #0058d2;
+  --input-default-border-read-only: #d9d9d9;
+  --input-default-border-disabled: #d9d9d9;
+  --input-default-text-default: #121212;
+  --input-default-text-placeholder: #757575;
+  --input-default-text-read-only: #121212;
+  --input-default-text-disabled: #b2b2b2;
+  --input-default-focus-ring: #ccdef6;
+  --input-warning-background-default: #ffffff;
+  --input-warning-border-default: #dc6803;
+  --input-warning-border-hover: #dc6803;
+  --input-warning-border-focus: #dc6803;
+  --input-warning-focus-ring: #fedf89;
+  --input-destructive-background-default: #ffffff;
+  --input-destructive-border-default: #d92d20;
+  --input-destructive-border-hover: #d92d20;
+  --input-destructive-border-focus: #d92d20;
+  --input-destructive-focus-ring: #fecdc9;
+  --input-success-background-default: #ffffff;
+  --input-success-border-default: #027948;
+  --input-success-border-hover: #027948;
+  --input-success-border-focus: #027948;
+  --input-success-focus-ring: #cdeadd;
+  --link-container-padding-inline: 0px;
+  --link-container-padding-block: 0px;
+  --link-container-gap-xs: 2px;
+  --link-container-gap-sm: 4px;
+  --link-container-gap-md: 4px;
+  --link-container-gap-lg: 6px;
+  --link-container-min-height-touch: 40px;
+  --link-container-min-height-pointer: 32px;
+  --link-container-border-radius: 0px;
+  --link-container-transition-duration: 150ms;
+  --link-container-transition-timing-function: ease-out;
+  --link-label-font-family: Onest;
+  --link-label-font-weight: 400;
+  --link-label-font-size-xs: 12px;
+  --link-label-font-size-sm: 14px;
+  --link-label-font-size-md: 16px;
+  --link-label-font-size-lg: 18px;
+  --link-label-line-height-xs: 16px;
+  --link-label-line-height-sm: 20px;
+  --link-label-line-height-md: 24px;
+  --link-label-line-height-lg: 28px;
+  --link-label-underline-thickness: 1px;
+  --link-label-underline-thickness-hover: 1.5px;
+  --link-label-underline-offset-xs: 2px;
+  --link-label-underline-offset-sm: 3px;
+  --link-label-underline-offset-md: 4px;
+  --link-label-underline-offset-lg: 6px;
+  --link-icon-size-xs: 12px;
+  --link-icon-size-sm: 16px;
+  --link-icon-size-md: 20px;
+  --link-icon-size-lg: 20px;
+  --link-primary-label-default: #0058d2;
+  --link-primary-label-hover: #0058d2;
+  --link-primary-label-active: #00357e;
+  --link-primary-label-visited: #aa18ce;
+  --link-strict-label-default: #121212;
+  --link-strict-label-hover: #121212;
+  --link-strict-label-active: #121212;
+  --link-strict-label-visited: #aa18ce;
+  --link-white-label-default: #ffffff;
+  --link-white-label-hover: #ffffff;
+  --link-white-label-active: #ffffff;
+  --link-white-label-visited: #aa18ce;
+  --link-disabled-label: #b2b2b2;
+  --link-focus-ring-color: #3379db;
+  --link-focus-ring-width: 3px;
+  --link-focus-ring-offset: 1px;
+  --link-focus-ring-offset-color: #ffffff;
+  --menu-panel-background: #ffffff;
+  --menu-panel-border-radius: 16px;
+  --menu-panel-border-width: 0px;
+  --menu-panel-border-color: #d9d9d9;
+  --menu-panel-padding: 8px;
+  --menu-panel-gap: 4px;
+  --menu-panel-min-inline-size: 270px;
+  --menu-panel-max-block-size: 320px;
+  --menu-panel-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08), 0px 5px 12px 0px rgba(0, 0, 0, 0.08), 0px 0px 0.5px 0px rgba(0, 0, 0, 0.15);
+  --menu-item-min-block-size: 40px;
+  --menu-item-padding-block: 12px;
+  --menu-item-padding-inline-start: 16px;
+  --menu-item-padding-inline-end: 24px;
+  --menu-item-padding-inline-end-trailing: 16px;
+  --menu-item-border-radius: 8px;
+  --menu-item-gap: 12px;
+  --menu-item-font-family: Onest;
+  --menu-item-font-size: 14px;
+  --menu-item-line-height: 20px;
+  --menu-item-font-weight: 500;
+  --menu-item-background-default: #ffffff;
+  --menu-item-background-hover: #f5f5f5;
+  --menu-item-background-active: #d9d9d9;
+  --menu-item-background-selected: #f5f5f5;
+  --menu-item-text-default: #383838;
+  --menu-item-text-selected: #0058d2;
+  --menu-item-text-disabled: #b2b2b2;
+  --menu-item-icon-size: 20px;
+  --menu-item-icon-color-default: #121212;
+  --menu-item-icon-color-disabled: #b2b2b2;
+  --menu-item-check-size: 24px;
+  --menu-item-check-color: #0058d2;
+  --menu-heading-padding-inline: 16px;
+  --menu-heading-padding-block: 4px;
+  --menu-heading-gap: 4px;
+  --menu-heading-font-family: Onest;
+  --menu-heading-font-size: 14px;
+  --menu-heading-line-height: 20px;
+  --menu-heading-font-weight: 500;
+  --menu-heading-color: #757575;
+  --menu-heading-separator-color: #d9d9d9;
+  --menu-focus-ring-color: #3379db;
+  --menu-focus-ring-width: 2px;
+  --modal-backdrop-background: #12121266;
+  --modal-backdrop-blur: 0px;
+  --modal-backdrop-transition-duration: 150ms;
+  --modal-backdrop-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  --modal-container-background: #ffffff;
+  --modal-container-border-radius: 16px;
+  --modal-container-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08), 0px 10px 24px 0px rgba(0, 0, 0, 0.08), 0px 0px 0px 0.5px rgba(0, 0, 0, 0.12);
+  --modal-container-min-width: 280px;
+  --modal-container-max-width-sm: 480px;
+  --modal-container-max-width-md: 588px;
+  --modal-container-max-width-lg: 720px;
+  --modal-container-max-height: calc(100dvh - 64px);
+  --modal-container-max-height-mobile: calc(100dvh - 32px);
+  --modal-container-margin-inline: 16px;
+  --modal-container-transition-duration: 200ms;
+  --modal-container-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  --modal-header-padding-block-start: 24px;
+  --modal-header-padding-inline-start: 32px;
+  --modal-header-padding-inline-end: 20px;
+  --modal-header-gap: 12px;
+  --modal-header-image-height: 280px;
+  --modal-header-image-height-sm: 180px;
+  --modal-title-color: #121212;
+  --modal-title-font-family: Onest;
+  --modal-title-font-size-md: 24px;
+  --modal-title-font-size-sm: 20px;
+  --modal-title-line-height-md: 32px;
+  --modal-title-line-height-sm: 28px;
+  --modal-title-font-weight: 600;
+  --modal-title-letter-spacing-md: -0.24px;
+  --modal-title-letter-spacing-sm: -0.2px;
+  --modal-body-color: #383838;
+  --modal-body-font-family: Onest;
+  --modal-body-font-size-md: 16px;
+  --modal-body-font-size-sm: 14px;
+  --modal-body-line-height-md: 24px;
+  --modal-body-line-height-sm: 20px;
+  --modal-body-font-weight: 400;
+  --modal-body-padding-block-start-md: 24px;
+  --modal-body-padding-block-start-sm: 16px;
+  --modal-body-padding-block-end-md: 40px;
+  --modal-body-padding-block-end-sm: 20px;
+  --modal-body-padding-inline: 32px;
+  --modal-body-gap: 16px;
+  --modal-body-gap-sm: 12px;
+  --modal-icon-size: 48px;
+  --modal-icon-color: #121212;
+  --modal-footer-padding-block-start: 12px;
+  --modal-footer-padding-block-end-md: 24px;
+  --modal-footer-padding-block-end-sm: 20px;
+  --modal-footer-padding-inline: 20px;
+  --modal-footer-gap: 8px;
+  --modal-footer-gap-stacked: 12px;
+  --modal-close-size: 32px;
+  --modal-close-icon-size: 16px;
+  --modal-close-padding: 8px;
+  --modal-close-background: #f1f1f1;
+  --modal-close-background-hover: #d9d9d9;
+  --modal-close-background-on-image: #f1f1f1;
+  --modal-close-icon-color: #444444;
+  --modal-close-border-radius: 9999px;
+  --numeric-input-field-gap: 8px;
+  --numeric-input-container-height-md: 40px;
+  --numeric-input-container-height-lg: 48px;
+  --numeric-input-container-padding-inline-md: 12px;
+  --numeric-input-container-padding-inline-lg: 16px;
+  --numeric-input-container-padding-inline-end-with-stepper-md: 4px;
+  --numeric-input-container-padding-inline-end-with-stepper-lg: 4px;
+  --numeric-input-container-gap-md: 8px;
+  --numeric-input-container-gap-lg: 8px;
+  --numeric-input-container-border-radius: 8px;
+  --numeric-input-container-border-width-default: 1px;
+  --numeric-input-container-border-width-emphasized: 2px;
+  --numeric-input-container-focus-ring-width: 2px;
+  --numeric-input-container-transition-duration: 150ms;
+  --numeric-input-container-transition-timing-function: ease-out;
+  --numeric-input-control-font-family: Onest;
+  --numeric-input-control-font-weight: 400;
+  --numeric-input-control-font-size-md: 14px;
+  --numeric-input-control-font-size-lg: 16px;
+  --numeric-input-control-line-height-md: 20px;
+  --numeric-input-control-line-height-lg: 24px;
+  --numeric-input-control-text-align: start;
+  --numeric-input-control-loading-opacity: 0.6;
+  --numeric-input-label-font-family: Onest;
+  --numeric-input-label-font-size: 14px;
+  --numeric-input-label-line-height: 20px;
+  --numeric-input-label-font-weight: 400;
+  --numeric-input-label-gap: 4px;
+  --numeric-input-label-color-default: #383838;
+  --numeric-input-label-color-disabled: #383838;
+  --numeric-input-label-required-mark-size: 12px;
+  --numeric-input-label-required-mark-color: #d92d20;
+  --numeric-input-assistive-font-family: Onest;
+  --numeric-input-assistive-font-size: 14px;
+  --numeric-input-assistive-line-height: 20px;
+  --numeric-input-assistive-font-weight: 400;
+  --numeric-input-assistive-gap-default: 6px;
+  --numeric-input-assistive-gap-error: 4px;
+  --numeric-input-assistive-icon-size: 20px;
+  --numeric-input-assistive-color-default: #383838;
+  --numeric-input-assistive-color-error: #d92d20;
+  --numeric-input-assistive-color-success: #039855;
+  --numeric-input-icon-size-md: 20px;
+  --numeric-input-icon-size-lg: 24px;
+  --numeric-input-icon-color-default: #444444;
+  --numeric-input-icon-color-loading: #0058d2;
+  --numeric-input-icon-color-disabled: #b2b2b2;
+  --numeric-input-suffix-font-family: Onest;
+  --numeric-input-suffix-font-weight: 500;
+  --numeric-input-suffix-font-size-md: 18px;
+  --numeric-input-suffix-font-size-lg: 18px;
+  --numeric-input-suffix-line-height-md: 28px;
+  --numeric-input-suffix-line-height-lg: 28px;
+  --numeric-input-suffix-color-default: #757575;
+  --numeric-input-suffix-color-read-only: #383838;
+  --numeric-input-suffix-color-disabled: #b2b2b2;
+  --numeric-input-suffix-margin-inline-start: 4px;
+  --numeric-input-clear-button-size: 20px;
+  --numeric-input-clear-button-padding: 2px;
+  --numeric-input-clear-button-border-radius: 9999px;
+  --numeric-input-clear-button-color-default: #757575;
+  --numeric-input-clear-button-color-hover: #121212;
+  --numeric-input-clear-button-background-default: #1212121a;
+  --numeric-input-clear-button-background-hover: #d9d9d9;
+  --numeric-input-stepper-width-md: 24px;
+  --numeric-input-stepper-width-lg: 32px;
+  --numeric-input-stepper-gap: 4px;
+  --numeric-input-stepper-border-radius: 4px;
+  --numeric-input-stepper-border-width: 1px;
+  --numeric-input-stepper-border-color: #d9d9d9;
+  --numeric-input-stepper-background-default: #ffffff;
+  --numeric-input-stepper-background-hover: #f5f5f5;
+  --numeric-input-stepper-background-active: #f1f1f1;
+  --numeric-input-stepper-background-disabled: #f1f1f1;
+  --numeric-input-stepper-icon-size-md: 16px;
+  --numeric-input-stepper-icon-size-lg: 20px;
+  --numeric-input-stepper-icon-color-default: #444444;
+  --numeric-input-stepper-icon-color-hover: #121212;
+  --numeric-input-stepper-icon-color-disabled: #b2b2b2;
+  --numeric-input-stepper-divider-color: #d9d9d9;
+  --numeric-input-stepper-divider-width: 1px;
+  --numeric-input-stepper-transition-duration: 150ms;
+  --numeric-input-stepper-transition-timing-function: ease-out;
+  --numeric-input-loading-spinner-size-md: 16px;
+  --numeric-input-loading-spinner-size-lg: 20px;
+  --numeric-input-default-background-default: #ffffff;
+  --numeric-input-default-background-read-only: #f5f5f5;
+  --numeric-input-default-background-disabled: #f1f1f1;
+  --numeric-input-default-border-default: #d9d9d9;
+  --numeric-input-default-border-hover: #444444;
+  --numeric-input-default-border-focus: #0058d2;
+  --numeric-input-default-border-disabled: #d9d9d9;
+  --numeric-input-default-text-default: #121212;
+  --numeric-input-default-text-placeholder: #757575;
+  --numeric-input-default-text-read-only: #121212;
+  --numeric-input-default-text-disabled: #b2b2b2;
+  --numeric-input-default-focus-ring: #ccdef6;
+  --numeric-input-destructive-background-default: #ffffff;
+  --numeric-input-destructive-background-filled: #fee4e2;
+  --numeric-input-destructive-border-default: #d92d20;
+  --numeric-input-destructive-border-hover: #d92d20;
+  --numeric-input-destructive-border-focus: #d92d20;
+  --numeric-input-destructive-focus-ring: #fecdc9;
+  --numeric-input-success-background-default: #ffffff;
+  --numeric-input-success-background-filled: #e6f5ee;
+  --numeric-input-success-border-default: #027948;
+  --numeric-input-success-border-hover: #027948;
+  --numeric-input-success-border-focus: #027948;
+  --numeric-input-success-focus-ring: #cdeadd;
+  --pagination-container-gap-sm: 4px;
+  --pagination-container-gap-md: 24px;
+  --pagination-container-inner-gap-sm: 8px;
+  --pagination-container-inner-gap-md: 16px;
+  --pagination-container-transition-duration: 150ms;
+  --pagination-container-transition-timing-function: ease-out;
+  --pagination-item-size-sm: 32px;
+  --pagination-item-size-md: 40px;
+  --pagination-item-border-radius: 4px;
+  --pagination-item-border-width-default: 0;
+  --pagination-item-border-width-focus: 1.5px;
+  --pagination-item-focus-ring-inner-width: 1px;
+  --pagination-item-focus-ring-outer-width: 3px;
+  --pagination-item-focus-ring-inner-color: #ffffff;
+  --pagination-item-focus-ring-outer-color: #3379db;
+  --pagination-item-font-family: Onest;
+  --pagination-item-font-size: 14px;
+  --pagination-item-line-height: 20px;
+  --pagination-item-font-weight: 500;
+  --pagination-item-unselected-background-default: #00000000;
+  --pagination-item-unselected-background-hover: #f5f5f5;
+  --pagination-item-unselected-background-active: #d9d9d9;
+  --pagination-item-unselected-label-default: #121212;
+  --pagination-item-unselected-label-hover: #121212;
+  --pagination-item-unselected-label-active: #121212;
+  --pagination-item-unselected-border-default: #00000000;
+  --pagination-item-unselected-border-focus: #0058d2;
+  --pagination-item-selected-background-default: #0058d2;
+  --pagination-item-selected-background-hover: #0046a8;
+  --pagination-item-selected-background-active: #00357e;
+  --pagination-item-selected-label-default: #ffffff;
+  --pagination-item-selected-label-hover: #ffffff;
+  --pagination-item-selected-label-active: #ffffff;
+  --pagination-item-disabled-background: #00000000;
+  --pagination-item-disabled-label: #b2b2b2;
+  --pagination-ellipsis-size-sm: 32px;
+  --pagination-ellipsis-size-md: 40px;
+  --pagination-ellipsis-label: #757575;
+  --pagination-overflow-trigger-background-default: #00000000;
+  --pagination-overflow-trigger-background-hover: #f5f5f5;
+  --pagination-overflow-trigger-background-active: #d9d9d9;
+  --pagination-overflow-trigger-background-open: #d9d9d9;
+  --pagination-overflow-trigger-label: #121212;
+  --pagination-overflow-trigger-border-default: #00000000;
+  --pagination-overflow-trigger-border-focus: #0058d2;
+  --pagination-overflow-menu-background: #ffffff;
+  --pagination-overflow-menu-border-color: #d9d9d9;
+  --pagination-overflow-menu-border-width: 1px;
+  --pagination-overflow-menu-border-radius: 6px;
+  --pagination-overflow-menu-shadow: 0px 4px 8px 2px rgba(40, 46, 55, 0.06), 0px 2px 4px 0px rgba(40, 46, 55, 0.04);
+  --pagination-overflow-menu-padding-inline: 4px;
+  --pagination-overflow-menu-padding-block: 4px;
+  --pagination-overflow-menu-gap: 2px;
+  --pagination-overflow-menu-min-width: 56px;
+  --pagination-overflow-menu-offset: 4px;
+  --pagination-overflow-menu-max-height: 264px;
+  --pagination-overflow-menu-item-size-sm: 32px;
+  --pagination-overflow-menu-item-size-md: 32px;
+  --pagination-overflow-menu-item-padding-inline: 12px;
+  --pagination-overflow-menu-item-border-radius: 4px;
+  --pagination-overflow-menu-item-background-default: #00000000;
+  --pagination-overflow-menu-item-background-hover: #f1f1f1;
+  --pagination-overflow-menu-item-background-active: #b2b2b2;
+  --pagination-overflow-menu-item-label: #121212;
+  --pagination-nav-height-sm: 32px;
+  --pagination-nav-height-md: 40px;
+  --pagination-nav-min-width-sm: 32px;
+  --pagination-nav-min-width-md: 56px;
+  --pagination-nav-padding-inline-start-sm: 0px;
+  --pagination-nav-padding-inline-start-md: 12px;
+  --pagination-nav-padding-inline-end-sm: 0px;
+  --pagination-nav-padding-inline-end-md: 16px;
+  --pagination-nav-gap: 6px;
+  --pagination-nav-border-radius: 6px;
+  --pagination-nav-icon-size-sm: 16px;
+  --pagination-nav-icon-size-md: 20px;
+  --pagination-nav-background-default: #00000000;
+  --pagination-nav-background-hover: #d9d9d9;
+  --pagination-nav-background-active: #b2b2b2;
+  --pagination-nav-label-default: #121212;
+  --pagination-nav-label-disabled: #b2b2b2;
+  --pagination-nav-icon-default: #121212;
+  --pagination-nav-icon-disabled: #b2b2b2;
+  --pagination-nav-border-default: #00000000;
+  --pagination-nav-border-focus: #0058d2;
+  --phone-input-field-gap: 8px;
+  --phone-input-container-height-md: 40px;
+  --phone-input-container-height-lg: 48px;
+  --phone-input-container-padding-inline-start-md: 4px;
+  --phone-input-container-padding-inline-start-lg: 6px;
+  --phone-input-container-padding-inline-md: 12px;
+  --phone-input-container-padding-inline-lg: 16px;
+  --phone-input-container-gap-md: 12px;
+  --phone-input-container-gap-lg: 12px;
+  --phone-input-container-border-radius: 8px;
+  --phone-input-container-border-width-default: 1px;
+  --phone-input-container-border-width-emphasized: 2px;
+  --phone-input-container-focus-ring-width: 2px;
+  --phone-input-container-transition-duration: 150ms;
+  --phone-input-container-transition-timing-function: ease-out;
+  --phone-input-control-font-family: Onest;
+  --phone-input-control-font-weight: 400;
+  --phone-input-control-font-size-md: 14px;
+  --phone-input-control-font-size-lg: 16px;
+  --phone-input-control-line-height-md: 20px;
+  --phone-input-control-line-height-lg: 24px;
+  --phone-input-control-loading-opacity: 0.6;
+  --phone-input-label-font-family: Onest;
+  --phone-input-label-font-size: 14px;
+  --phone-input-label-line-height: 20px;
+  --phone-input-label-font-weight: 400;
+  --phone-input-label-gap: 4px;
+  --phone-input-label-color-default: #383838;
+  --phone-input-label-color-disabled: #b2b2b2;
+  --phone-input-label-required-mark-size: 12px;
+  --phone-input-label-required-mark-color: #d92d20;
+  --phone-input-assistive-font-family: Onest;
+  --phone-input-assistive-font-size: 14px;
+  --phone-input-assistive-line-height: 20px;
+  --phone-input-assistive-font-weight: 400;
+  --phone-input-assistive-gap-default: 6px;
+  --phone-input-assistive-gap-error: 4px;
+  --phone-input-assistive-icon-size: 20px;
+  --phone-input-assistive-color-default: #383838;
+  --phone-input-assistive-color-error: #d92d20;
+  --phone-input-assistive-color-warning: #b54708;
+  --phone-input-assistive-color-success: #039855;
+  --phone-input-icon-size-md: 20px;
+  --phone-input-icon-size-lg: 24px;
+  --phone-input-icon-color-default: #444444;
+  --phone-input-icon-color-loading: #0058d2;
+  --phone-input-icon-color-disabled: #b2b2b2;
+  --phone-input-loading-spinner-size-md: 16px;
+  --phone-input-loading-spinner-size-lg: 20px;
+  --phone-input-default-background-default: #ffffff;
+  --phone-input-default-background-read-only: #f5f5f5;
+  --phone-input-default-background-disabled: #f1f1f1;
+  --phone-input-default-border-default: #d9d9d9;
+  --phone-input-default-border-hover: #444444;
+  --phone-input-default-border-focus: #0058d2;
+  --phone-input-default-border-read-only: #d9d9d9;
+  --phone-input-default-border-disabled: #d9d9d9;
+  --phone-input-default-text-default: #121212;
+  --phone-input-default-text-placeholder: #757575;
+  --phone-input-default-text-read-only: #121212;
+  --phone-input-default-text-disabled: #b2b2b2;
+  --phone-input-default-focus-ring: #ccdef6;
+  --phone-input-warning-background-default: #ffffff;
+  --phone-input-warning-border-default: #dc6803;
+  --phone-input-warning-border-hover: #dc6803;
+  --phone-input-warning-border-focus: #dc6803;
+  --phone-input-warning-focus-ring: #fedf89;
+  --phone-input-destructive-background-default: #ffffff;
+  --phone-input-destructive-border-default: #d92d20;
+  --phone-input-destructive-border-hover: #d92d20;
+  --phone-input-destructive-border-focus: #d92d20;
+  --phone-input-destructive-focus-ring: #fecdc9;
+  --phone-input-success-background-default: #ffffff;
+  --phone-input-success-border-default: #027948;
+  --phone-input-success-border-hover: #027948;
+  --phone-input-success-border-focus: #027948;
+  --phone-input-success-focus-ring: #cdeadd;
+  --phone-input-country-trigger-height-md: 32px;
+  --phone-input-country-trigger-height-lg: 36px;
+  --phone-input-country-trigger-gap: 4px;
+  --phone-input-country-trigger-padding-inline: 8px;
+  --phone-input-country-trigger-padding-inline-end-local: 12px;
+  --phone-input-country-trigger-border-radius: 4px;
+  --phone-input-country-trigger-background-default: #f5f5f5;
+  --phone-input-country-trigger-background-hover: #f1f1f1;
+  --phone-input-country-trigger-background-disabled: #f1f1f1;
+  --phone-input-country-trigger-font-family: Onest;
+  --phone-input-country-trigger-font-weight: 500;
+  --phone-input-country-trigger-font-size-md: 14px;
+  --phone-input-country-trigger-font-size-lg: 16px;
+  --phone-input-country-trigger-line-height-md: 20px;
+  --phone-input-country-trigger-line-height-lg: 24px;
+  --phone-input-country-trigger-color-default: #121212;
+  --phone-input-country-trigger-color-disabled: #b2b2b2;
+  --phone-input-country-trigger-chevron-size-md: 16px;
+  --phone-input-country-trigger-chevron-size-lg: 16px;
+  --phone-input-country-trigger-chevron-color-default: #121212;
+  --phone-input-country-trigger-chevron-color-disabled: #b2b2b2;
+  --phone-input-country-trigger-chevron-transition-duration: 150ms;
+  --phone-input-country-trigger-chevron-transition-timing-function: ease-out;
+  --phone-input-flag-width-md: 20px;
+  --phone-input-flag-width-lg: 20px;
+  --phone-input-flag-height-md: 14px;
+  --phone-input-flag-height-lg: 14px;
+  --phone-input-flag-border-radius: 4px;
+  --phone-input-flag-border-color: #d9d9d9;
+  --phone-input-flag-border-width: 1px;
+  --phone-input-listbox-background: #ffffff;
+  --phone-input-listbox-border-radius: 8px;
+  --phone-input-listbox-border-width: 1px;
+  --phone-input-listbox-border-color: #d9d9d9;
+  --phone-input-listbox-padding: 8px;
+  --phone-input-listbox-gap: 8px;
+  --phone-input-listbox-margin-block-start: 8px;
+  --phone-input-listbox-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08), 0px 5px 12px 0px rgba(0, 0, 0, 0.08), 0px 0px 0.5px 0px rgba(0, 0, 0, 0.15);
+  --phone-input-listbox-max-block-size: 320px;
+  --phone-input-option-min-block-size-md: 32px;
+  --phone-input-option-min-block-size-lg: 40px;
+  --phone-input-option-padding-inline: 8px;
+  --phone-input-option-padding-block: 6px;
+  --phone-input-option-border-radius: 4px;
+  --phone-input-option-gap: 8px;
+  --phone-input-option-font-family: Onest;
+  --phone-input-option-font-size-md: 14px;
+  --phone-input-option-font-size-lg: 16px;
+  --phone-input-option-line-height-md: 20px;
+  --phone-input-option-line-height-lg: 24px;
+  --phone-input-option-font-weight-default: 400;
+  --phone-input-option-font-weight-selected: 500;
+  --phone-input-option-background-default: #ffffff;
+  --phone-input-option-background-hover: #f5f5f5;
+  --phone-input-option-background-selected: #f5f5f5;
+  --phone-input-option-background-active: #f5f5f5;
+  --phone-input-option-text-default: #121212;
+  --phone-input-option-text-secondary: #757575;
+  --phone-input-option-text-selected: #0058d2;
+  --phone-input-option-text-disabled: #b2b2b2;
+  --phone-input-option-dial-code-min-inline-size: 48px;
+  --phone-input-option-dial-code-color: #757575;
+  --phone-input-option-check-color: #0058d2;
+  --phone-input-option-icon-size-md: 16px;
+  --phone-input-option-icon-size-lg: 20px;
+  --phone-input-valid-icon-size-md: 20px;
+  --phone-input-valid-icon-size-lg: 24px;
+  --phone-input-valid-icon-color: #039855;
+  --phone-input-live-region-position: absolute;
+  --radio-group-gap: 12px;
+  --radio-group-options-gap-vertical: 12px;
+  --radio-group-options-gap-horizontal: 24px;
+  --radio-group-label-font-family: Onest;
+  --radio-group-label-font-weight: 500;
+  --radio-group-label-font-size-md: 16px;
+  --radio-group-label-font-size-sm: 14px;
+  --radio-group-label-line-height-md: 24px;
+  --radio-group-label-line-height-sm: 20px;
+  --radio-group-label-color-default: #121212;
+  --radio-group-label-color-disabled: #b2b2b2;
+  --radio-container-size-md: 24px;
+  --radio-container-size-sm: 20px;
+  --radio-container-border-width: 2px;
+  --radio-container-border-radius: 9999px;
+  --radio-container-transition-duration: 150ms;
+  --radio-container-transition-timing-function: ease-out;
+  --radio-dot-size-md: 12px;
+  --radio-dot-size-sm: 10px;
+  --radio-dot-color-default: #0058d2;
+  --radio-dot-color-error: #d92d20;
+  --radio-dot-color-disabled: #d9d9d9;
+  --radio-border-default: #b2b2b2;
+  --radio-border-hover: #b2b2b2;
+  --radio-border-checked: #0058d2;
+  --radio-border-error: #d92d20;
+  --radio-border-disabled: #d9d9d9;
+  --radio-background-default: #00000000;
+  --radio-background-disabled: #f1f1f1;
+  --radio-focus-ring-inner-width: 1px;
+  --radio-focus-ring-outer-width: 3px;
+  --radio-focus-ring-inner-color: #ffffff;
+  --radio-focus-ring-outer-color: #3379db;
+  --radio-touch-target-size-md: 36px;
+  --radio-touch-target-size-sm: 36px;
+  --radio-label-font-family: Onest;
+  --radio-label-font-weight: 500;
+  --radio-label-font-size-md: 16px;
+  --radio-label-font-size-sm: 14px;
+  --radio-label-line-height-md: 24px;
+  --radio-label-line-height-sm: 20px;
+  --radio-label-color-default: #121212;
+  --radio-label-color-disabled: #b2b2b2;
+  --radio-supporting-text-font-family: Onest;
+  --radio-supporting-text-font-weight: 400;
+  --radio-supporting-text-font-size-md: 14px;
+  --radio-supporting-text-font-size-sm: 12px;
+  --radio-supporting-text-line-height-md: 20px;
+  --radio-supporting-text-line-height-sm: 16px;
+  --radio-supporting-text-color-default: #757575;
+  --radio-supporting-text-color-disabled: #b2b2b2;
+  --radio-supporting-text-margin-top: 2px;
+  --radio-error-message-margin-top: 6px;
+  --radio-gap-radio-label: 12px;
+  --search-input-field-gap: 8px;
+  --search-input-container-height-sm: 40px;
+  --search-input-container-height-md: 48px;
+  --search-input-container-padding-inline-sm: 12px;
+  --search-input-container-padding-inline-md: 16px;
+  --search-input-container-gap-sm: 8px;
+  --search-input-container-gap-md: 8px;
+  --search-input-container-border-radius-rectangular: 8px;
+  --search-input-container-border-radius-circular: 9999px;
+  --search-input-container-border-width-default: 1px;
+  --search-input-container-border-width-emphasized: 2px;
+  --search-input-container-focus-ring-width: 2px;
+  --search-input-container-transition-duration: 150ms;
+  --search-input-container-transition-timing-function: ease-out;
+  --search-input-control-font-family: Onest;
+  --search-input-control-font-weight: 400;
+  --search-input-control-font-size-sm: 14px;
+  --search-input-control-font-size-md: 16px;
+  --search-input-control-line-height-sm: 20px;
+  --search-input-control-line-height-md: 24px;
+  --search-input-label-font-family: Onest;
+  --search-input-label-font-size: 14px;
+  --search-input-label-line-height: 20px;
+  --search-input-label-font-weight: 400;
+  --search-input-label-gap: 4px;
+  --search-input-label-color-default: #383838;
+  --search-input-label-color-disabled: #b2b2b2;
+  --search-input-assistive-font-family: Onest;
+  --search-input-assistive-font-size: 14px;
+  --search-input-assistive-line-height: 20px;
+  --search-input-assistive-font-weight: 400;
+  --search-input-assistive-gap-default: 6px;
+  --search-input-assistive-color-default: #383838;
+  --search-input-icon-start-size-sm: 20px;
+  --search-input-icon-start-size-md: 24px;
+  --search-input-icon-start-color-default: #444444;
+  --search-input-icon-start-color-disabled: #b2b2b2;
+  --search-input-icon-end-clear-size: 20px;
+  --search-input-icon-end-clear-padding: 2px;
+  --search-input-icon-end-clear-border-radius: 9999px;
+  --search-input-icon-end-clear-color-default: #757575;
+  --search-input-icon-end-clear-color-hover: #121212;
+  --search-input-icon-end-clear-color-active: #121212;
+  --search-input-icon-end-clear-color-disabled: #b2b2b2;
+  --search-input-icon-end-clear-background-default: #1212121a;
+  --search-input-icon-end-clear-background-hover: #d9d9d9;
+  --search-input-icon-end-clear-background-active: #b2b2b2;
+  --search-input-default-background-default: #ffffff;
+  --search-input-default-background-disabled: #f1f1f1;
+  --search-input-default-border-default: #d9d9d9;
+  --search-input-default-border-hover: #444444;
+  --search-input-default-border-focus: #0058d2;
+  --search-input-default-border-disabled: #d9d9d9;
+  --search-input-default-text-default: #121212;
+  --search-input-default-text-placeholder: #757575;
+  --search-input-default-text-disabled: #b2b2b2;
+  --search-input-default-focus-ring: #ccdef6;
+  --search-input-submit-button-size-sm: 32px;
+  --search-input-submit-button-size-md: 40px;
+  --search-input-submit-button-icon-size-sm: 16px;
+  --search-input-submit-button-icon-size-md: 20px;
+  --search-input-submit-button-border-radius-rectangular: 6px;
+  --search-input-submit-button-border-radius-circular: 9999px;
+  --search-input-submit-button-background-default: #0058d2;
+  --search-input-submit-button-background-hover: #0046a8;
+  --search-input-submit-button-background-active: #00357e;
+  --search-input-submit-button-background-disabled: #f1f1f1;
+  --search-input-submit-button-icon-default: #ffffff;
+  --search-input-submit-button-icon-disabled: #b2b2b2;
+  --search-input-submit-button-focus-ring-offset: 2px;
+  --search-input-submit-button-container-padding-inline-end: 4px;
+  --search-input-loading-spinner-size: 20px;
+  --search-input-loading-spinner-color-default: #0058d2;
+  --search-input-loading-spinner-color-disabled: #b2b2b2;
+  --segmented-control-container-background: #f1f1f1;
+  --segmented-control-container-background-disabled: #f1f1f1;
+  --segmented-control-container-border-radius: 9999px;
+  --segmented-control-container-padding-default: 6px;
+  --segmented-control-container-padding-fluid: 4px;
+  --segmented-control-container-gap: 6px;
+  --segmented-control-container-transition-duration: 150ms;
+  --segmented-control-container-transition-timing-function: ease-out;
+  --segmented-control-segment-height-md: 40px;
+  --segmented-control-segment-height-sm: 32px;
+  --segmented-control-segment-height-fluid: 44px;
+  --segmented-control-segment-height-stacked: 56px;
+  --segmented-control-segment-min-width: 68px;
+  --segmented-control-segment-padding-inline-md: 16px;
+  --segmented-control-segment-padding-inline-sm: 12px;
+  --segmented-control-segment-padding-inline-stacked: 8px;
+  --segmented-control-segment-gap: 6px;
+  --segmented-control-segment-border-radius: 9999px;
+  --segmented-control-segment-gap-stacked: 4px;
+  --segmented-control-label-font-family: Onest;
+  --segmented-control-label-font-size-md: 14px;
+  --segmented-control-label-font-size-sm: 14px;
+  --segmented-control-label-line-height-md: 20px;
+  --segmented-control-label-line-height-sm: 20px;
+  --segmented-control-label-font-weight-selected: 500;
+  --segmented-control-label-font-weight-unselected: 400;
+  --segmented-control-selected-background: #1e1e1e;
+  --segmented-control-selected-background-hover: #383838;
+  --segmented-control-selected-color: #ffffff;
+  --segmented-control-selected-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16), 0px 0px 0.5px 0px rgba(0, 0, 0, 0.3);
+  --segmented-control-unselected-background: #f1f1f1;
+  --segmented-control-unselected-background-hover: #d9d9d9;
+  --segmented-control-unselected-color: #383838;
+  --segmented-control-unselected-color-hover: #121212;
+  --segmented-control-disabled-background: #f1f1f1;
+  --segmented-control-disabled-color: #b2b2b2;
+  --segmented-control-separator-color: #d9d9d9;
+  --segmented-control-separator-width: 1.5px;
+  --segmented-control-separator-height: 16px;
+  --segmented-control-focus-ring-inner-width: 2px;
+  --segmented-control-focus-ring-outer-width: 3px;
+  --segmented-control-focus-ring-inner-color: #ffffff;
+  --segmented-control-focus-ring-outer-color: #3379db;
+  --select-field-gap: 8px;
+  --select-container-height-medium: 40px;
+  --select-container-height-large: 48px;
+  --select-container-padding-inline-medium: 12px;
+  --select-container-padding-inline-large: 16px;
+  --select-container-gap-medium: 8px;
+  --select-container-gap-large: 8px;
+  --select-container-border-radius: 8px;
+  --select-container-border-width-default: 1px;
+  --select-container-border-width-emphasized: 2px;
+  --select-container-focus-ring-width: 2px;
+  --select-container-transition-duration: 150ms;
+  --select-container-transition-timing-function: ease-out;
+  --select-control-font-family: Onest;
+  --select-control-font-weight: 400;
+  --select-control-font-size-medium: 14px;
+  --select-control-font-size-large: 16px;
+  --select-control-line-height-medium: 20px;
+  --select-control-line-height-large: 24px;
+  --select-label-font-family: Onest;
+  --select-label-font-size: 14px;
+  --select-label-line-height: 20px;
+  --select-label-font-weight: 400;
+  --select-label-gap: 4px;
+  --select-label-color-default: #383838;
+  --select-label-color-disabled: #383838;
+  --select-label-required-mark-size: 12px;
+  --select-label-required-mark-color: #d92d20;
+  --select-assistive-font-family: Onest;
+  --select-assistive-font-size: 14px;
+  --select-assistive-line-height: 20px;
+  --select-assistive-font-weight: 400;
+  --select-assistive-gap-default: 6px;
+  --select-assistive-gap-error: 4px;
+  --select-assistive-icon-size: 20px;
+  --select-assistive-color-default: #383838;
+  --select-assistive-color-error: #d92d20;
+  --select-icon-size-medium: 20px;
+  --select-icon-size-large: 24px;
+  --select-icon-color-default: #444444;
+  --select-icon-color-disabled: #b2b2b2;
+  --select-chevron-size-medium: 20px;
+  --select-chevron-size-large: 24px;
+  --select-chevron-color-default: #444444;
+  --select-chevron-color-disabled: #b2b2b2;
+  --select-chevron-transition-duration: 150ms;
+  --select-chevron-transition-timing-function: ease-out;
+  --select-default-background-default: #ffffff;
+  --select-default-background-disabled: #f1f1f1;
+  --select-default-border-default: #d9d9d9;
+  --select-default-border-hover: #444444;
+  --select-default-border-focus: #0058d2;
+  --select-default-border-disabled: #d9d9d9;
+  --select-default-text-default: #121212;
+  --select-default-text-placeholder: #757575;
+  --select-default-text-disabled: #b2b2b2;
+  --select-default-focus-ring: #ccdef6;
+  --select-destructive-border-default: #d92d20;
+  --select-destructive-border-hover: #d92d20;
+  --select-destructive-border-focus: #d92d20;
+  --select-destructive-focus-ring: #fecdc9;
+  --select-listbox-background: #ffffff;
+  --select-listbox-border-radius: 16px;
+  --select-listbox-border-width: 0px;
+  --select-listbox-border-color: #d9d9d9;
+  --select-listbox-padding: 8px;
+  --select-listbox-gap: 4px;
+  --select-listbox-margin-block-start: 8px;
+  --select-listbox-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08), 0px 5px 12px 0px rgba(0, 0, 0, 0.08), 0px 0px 0.5px 0px rgba(0, 0, 0, 0.15);
+  --select-listbox-max-block-size: 320px;
+  --select-option-min-block-size-medium: 40px;
+  --select-option-min-block-size-large: 40px;
+  --select-option-padding-inline: 16px;
+  --select-option-padding-inline-end: 24px;
+  --select-option-padding-inline-end-trailing: 16px;
+  --select-option-padding-block: 12px;
+  --select-option-border-radius: 8px;
+  --select-option-gap: 12px;
+  --select-option-font-family: Onest;
+  --select-option-font-size-medium: 14px;
+  --select-option-font-size-large: 14px;
+  --select-option-line-height-medium: 20px;
+  --select-option-line-height-large: 20px;
+  --select-option-font-weight-default: 500;
+  --select-option-font-weight-selected: 500;
+  --select-option-icon-size-medium: 20px;
+  --select-option-icon-size-large: 24px;
+  --select-option-background-default: #ffffff;
+  --select-option-background-hover: #f5f5f5;
+  --select-option-background-active: #f5f5f5;
+  --select-option-background-selected: #f5f5f5;
+  --select-option-text-default: #383838;
+  --select-option-text-selected: #0058d2;
+  --select-option-text-disabled: #757575;
+  --select-option-check-color: #0058d2;
+  --select-group-padding-inline: 16px;
+  --select-group-padding-block: 4px;
+  --select-group-gap: 4px;
+  --select-group-font-family: Onest;
+  --select-group-font-size: 14px;
+  --select-group-line-height: 20px;
+  --select-group-font-weight: 500;
+  --select-group-color: #757575;
+  --select-separator-color: #d9d9d9;
+  --select-separator-thickness: 1px;
+  --select-separator-margin-block: 4px;
+  --separator-color-subtle: #d9d9d9;
+  --separator-color-mild: #b2b2b2;
+  --separator-color-strong: #444444;
+  --separator-padding-block: 2px;
+  --separator-size-extra-thin: 0.5px;
+  --separator-size-thin: 1px;
+  --separator-size-medium: 1.5px;
+  --separator-size-thick: 2px;
+  --separator-label-gap: 8px;
+  --separator-label-color: #757575;
+  --separator-label-font-size: 14px;
+  --separator-label-font-weight: 400;
+  --separator-label-line-height: 20px;
+  --separator-label-padding-inline: 8px;
+  --separator-inset-spacing: 8px;
+  --service-button-container-height: 48px;
+  --service-button-container-min-width: 72px;
+  --service-button-container-padding-inline-start: 16px;
+  --service-button-container-padding-inline-end: 20px;
+  --service-button-container-gap: 6px;
+  --service-button-container-border-radius: 8px;
+  --service-button-container-transition-duration: 150ms;
+  --service-button-container-transition-timing-function: ease-out;
+  --service-button-label-font-family: Onest;
+  --service-button-label-font-size: 16px;
+  --service-button-label-line-height: 24px;
+  --service-button-label-font-weight: 500;
+  --service-button-badge-size: 24px;
+  --service-button-primary-background-default: #0058d2;
+  --service-button-primary-background-hover: #0046a8;
+  --service-button-primary-background-active: #00357e;
+  --service-button-primary-label: #ffffff;
+  --service-button-neutral-background-default: #f5f5f5;
+  --service-button-neutral-background-hover: #d9d9d9;
+  --service-button-neutral-background-active: #b2b2b2;
+  --service-button-neutral-label: #121212;
+  --service-button-disabled-background: #f1f1f1;
+  --service-button-disabled-label: #b2b2b2;
+  --service-button-disabled-badge-opacity: 0.3;
+  --sidebar-container-background: #ffffff;
+  --sidebar-container-border-color: #d9d9d9;
+  --sidebar-container-border-width: 1px;
+  --sidebar-container-border-radius: 16px;
+  --sidebar-container-inline-size: 368px;
+  --sidebar-container-collapsed-inline-size: 68px;
+  --sidebar-section-padding-block: 32px;
+  --sidebar-section-gap: 12px;
+  --sidebar-heading-padding-inline: 24px;
+  --sidebar-heading-separator-gap: 20px;
+  --sidebar-heading-font-family: Onest;
+  --sidebar-heading-font-size: 14px;
+  --sidebar-heading-line-height: 20px;
+  --sidebar-heading-font-weight: 500;
+  --sidebar-heading-color: #757575;
+  --sidebar-item-min-block-size: 48px;
+  --sidebar-item-padding-inline-start: 24px;
+  --sidebar-item-padding-inline-start-nested: 56px;
+  --sidebar-item-padding-inline-end: 16px;
+  --sidebar-item-padding-block: 12px;
+  --sidebar-item-gap: 12px;
+  --sidebar-item-icon-size: 20px;
+  --sidebar-item-chevron-size: 24px;
+  --sidebar-item-font-family: Onest;
+  --sidebar-item-font-size: 16px;
+  --sidebar-item-line-height: 24px;
+  --sidebar-item-font-weight-default: 400;
+  --sidebar-item-font-weight-active: 500;
+  --sidebar-item-active-border-width: 3px;
+  --sidebar-item-active-border-color: #0058d2;
+  --sidebar-item-background-default: #ffffff;
+  --sidebar-item-background-hover: #f5f5f5;
+  --sidebar-item-background-active: #e8f0fb;
+  --sidebar-item-text-default: #383838;
+  --sidebar-item-text-active: #0058d2;
+  --sidebar-item-text-disabled: #b2b2b2;
+  --sidebar-item-icon-default: #121212;
+  --sidebar-item-icon-active: #0058d2;
+  --sidebar-item-icon-disabled: #b2b2b2;
+  --sidebar-item-secondary-font-size: 14px;
+  --sidebar-item-secondary-line-height: 20px;
+  --sidebar-item-secondary-font-weight: 400;
+  --sidebar-item-secondary-color: #757575;
+  --sidebar-item-badge-min-size: 24px;
+  --sidebar-item-badge-padding-inline: 8px;
+  --sidebar-item-badge-border-radius: 9999px;
+  --sidebar-item-badge-background: #f1f1f1;
+  --sidebar-item-badge-color: #121212;
+  --sidebar-item-badge-font-size: 14px;
+  --sidebar-item-badge-line-height: 20px;
+  --sidebar-item-badge-font-weight: 500;
+  --sidebar-focus-ring-width-inner: 2px;
+  --sidebar-focus-ring-width-outer: 3px;
+  --spinner-size-xs: 16px;
+  --spinner-size-sm: 20px;
+  --spinner-size-md: 32px;
+  --spinner-size-lg: 40px;
+  --spinner-stroke-width-xs: 2px;
+  --spinner-stroke-width-sm: 2px;
+  --spinner-stroke-width-md: 3px;
+  --spinner-stroke-width-lg: 4px;
+  --spinner-arc-color-brand: #0058d2;
+  --spinner-arc-color-dark: #1e1e1e;
+  --spinner-arc-color-light: #ffffff;
+  --spinner-arc-color-light-on-color: #ffffff;
+  --spinner-transition-duration: 800ms;
+  --spinner-transition-timing-function: linear;
+  --stepper-font-family: Onest;
+  --stepper-font-size: 14px;
+  --stepper-line-height: 20px;
+  --stepper-font-weight-label: 400;
+  --stepper-font-weight-indicator: 500;
+  --stepper-supporting-text-font-size: 12px;
+  --stepper-supporting-text-line-height: 20px;
+  --stepper-supporting-text-color: #757575;
+  --stepper-container-gap-horizontal: 12px;
+  --stepper-container-gap-vertical: 12px;
+  --stepper-container-label-gap: 8px;
+  --stepper-container-max-width: 996px;
+  --stepper-container-vertical-step-min-height: 54.5px;
+  --stepper-container-vertical-step-min-height-compact: 56px;
+  --stepper-indicator-size: 24px;
+  --stepper-indicator-border-width: 1.5px;
+  --stepper-indicator-border-radius: 9999px;
+  --stepper-indicator-background: #ffffff;
+  --stepper-indicator-transition-duration: 150ms;
+  --stepper-indicator-transition-timing-function: ease-out;
+  --stepper-connector-thickness: 1.5px;
+  --stepper-connector-thickness-pending: 1.5px;
+  --stepper-connector-min-length: 16px;
+  --stepper-label-color: #383838;
+  --stepper-label-color-disabled: #b2b2b2;
+  --stepper-pending-indicator-border: #b2b2b2;
+  --stepper-pending-indicator-text: #b2b2b2;
+  --stepper-pending-indicator-background: #ffffff;
+  --stepper-pending-connector: #d9d9d9;
+  --stepper-pending-label: #383838;
+  --stepper-current-indicator-border: #0058d2;
+  --stepper-current-indicator-text: #0058d2;
+  --stepper-current-indicator-background: #ffffff;
+  --stepper-current-connector: #0058d2;
+  --stepper-current-label: #0058d2;
+  --stepper-current-label-font-weight: 500;
+  --stepper-current-highlight-background: #e8f0fb;
+  --stepper-current-highlight-border-radius: 4px;
+  --stepper-current-highlight-padding: 8px;
+  --stepper-completed-indicator-border: #0058d2;
+  --stepper-completed-indicator-border-width: 2px;
+  --stepper-completed-indicator-text: #ffffff;
+  --stepper-completed-indicator-background: #0058d2;
+  --stepper-completed-connector: #0058d2;
+  --stepper-completed-label: #383838;
+  --stepper-error-indicator-border: #d92d20;
+  --stepper-error-indicator-text: #d92d20;
+  --stepper-error-indicator-background: #ffffff;
+  --stepper-error-connector: #d92d20;
+  --stepper-error-label: #383838;
+  --stepper-available-indicator-border: #0058d2;
+  --stepper-available-indicator-text: #0058d2;
+  --stepper-available-indicator-background: #ffffff;
+  --stepper-interactive-padding-inline: 2px;
+  --stepper-interactive-padding-block: 2px;
+  --stepper-interactive-border-radius: 6px;
+  --stepper-interactive-disabled-indicator-border: #d9d9d9;
+  --stepper-interactive-disabled-indicator-text: #b2b2b2;
+  --stepper-interactive-disabled-label: #b2b2b2;
+  --stepper-step-indicator-size: 24px;
+  --stepper-step-indicator-gap: 12px;
+  --stepper-step-indicator-label-font-weight: 500;
+  --stepper-step-indicator-label-color: #121212;
+  --stepper-step-indicator-supporting-text-color: #757575;
+  --switch-track-width: 48px;
+  --switch-track-height: 28px;
+  --switch-track-border-radius: 9999px;
+  --switch-track-padding: 2px;
+  --switch-track-transition-duration: 150ms;
+  --switch-track-transition-timing-function: ease-out;
+  --switch-thumb-size: 24px;
+  --switch-thumb-border-radius: 9999px;
+  --switch-thumb-color-default: #ffffff;
+  --switch-thumb-color-disabled: #ffffff;
+  --switch-thumb-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 0 0.5px 0 rgba(0, 0, 0, 0.3);
+  --switch-background-off: #757575;
+  --switch-background-on: #0058d2;
+  --switch-background-off-hover: #616161;
+  --switch-background-on-hover: #0046a8;
+  --switch-background-disabled: #f1f1f1;
+  --switch-focus-ring-inner-width: 1px;
+  --switch-focus-ring-outer-width: 3px;
+  --switch-focus-ring-inner-color: #ffffff;
+  --switch-focus-ring-outer-color: #3379db;
+  --switch-touch-target-pointer: 32px;
+  --switch-touch-target-touch: 40px;
+  --switch-label-font-family: Onest;
+  --switch-label-font-weight: 500;
+  --switch-label-font-size: 14px;
+  --switch-label-line-height: 20px;
+  --switch-label-color-default: #121212;
+  --switch-label-color-disabled: #b2b2b2;
+  --switch-gap-switch-label: 12px;
+  --table-divider-width: 0.5px;
+  --table-container-background: #ffffff;
+  --table-container-border-radius: 0px;
+  --table-container-font-family: Onest;
+  --table-header-min-height: 48px;
+  --table-header-padding-inline-desktop: 24px;
+  --table-header-padding-inline-mobile: 16px;
+  --table-header-padding-block: 8px;
+  --table-header-gap: 6px;
+  --table-header-font-weight: 500;
+  --table-header-font-size: 14px;
+  --table-header-line-height: 20px;
+  --table-header-default-background: #f1f1f1;
+  --table-header-default-color: #121212;
+  --table-header-inverted-background: #1e1e1e;
+  --table-header-inverted-color: #ffffff;
+  --table-header-white-background: #ffffff;
+  --table-header-white-color: #121212;
+  --table-header-white-border-bottom: #d9d9d9;
+  --table-cell-min-height: 48px;
+  --table-cell-padding-inline-desktop: 24px;
+  --table-cell-padding-inline-mobile: 16px;
+  --table-cell-padding-block: 8px;
+  --table-cell-gap: 6px;
+  --table-cell-font-weight: 400;
+  --table-cell-font-size: 14px;
+  --table-cell-line-height: 20px;
+  --table-cell-color: #383838;
+  --table-cell-border-bottom: #d9d9d9;
+  --table-row-background-default: #ffffff;
+  --table-row-background-zebra: #f5f5f5;
+  --table-row-background-hover: #f5f5f5;
+  --table-row-background-selected: #e8f0fb;
+  --table-row-background-selected-hover: #ccdef6;
+  --table-row-transition-duration: 120ms;
+  --table-row-transition-timing-function: ease-out;
+  --table-sort-icon-size: 16px;
+  --table-sort-icon-color-inactive: #121212;
+  --table-sort-icon-color-active: #121212;
+  --table-sort-icon-color-inverted: #ffffff;
+  --table-focus-ring-width: 3px;
+  --table-focus-ring-offset: 1px;
+  --table-focus-ring-color: #3379db;
+  --table-selection-padding-inline-desktop: 24px;
+  --table-selection-padding-inline-mobile: 16px;
+  --table-selection-checkbox-size: 20px;
+  --table-mobile-breakpoint: 640px;
+  --table-empty-padding: 48px;
+  --table-empty-color: #757575;
+  --table-empty-font-size: 14px;
+  --tabs-container-gap: 0px;
+  --tabs-container-border-color: #d9d9d9;
+  --tabs-container-border-width: 1px;
+  --tabs-container-transition-duration: 150ms;
+  --tabs-container-transition-timing-function: ease-out;
+  --tabs-tab-height-md: 48px;
+  --tabs-tab-height-sm: 40px;
+  --tabs-tab-padding-inline-md: 16px;
+  --tabs-tab-padding-inline-sm: 12px;
+  --tabs-tab-gap: 8px;
+  --tabs-tab-inner-gap: 6px;
+  --tabs-tab-indicator-height: 2px;
+  --tabs-tab-indicator-color: #0058d2;
+  --tabs-tab-min-width: 40px;
+  --tabs-label-font-family: Onest;
+  --tabs-label-font-size-md: 16px;
+  --tabs-label-font-size-sm: 14px;
+  --tabs-label-line-height-md: 24px;
+  --tabs-label-line-height-sm: 20px;
+  --tabs-label-font-weight-selected: 500;
+  --tabs-label-font-weight-unselected: 400;
+  --tabs-selected-color: #0058d2;
+  --tabs-selected-icon-color: #0058d2;
+  --tabs-unselected-color: #383838;
+  --tabs-unselected-color-hover: #121212;
+  --tabs-unselected-icon-color: #444444;
+  --tabs-unselected-icon-color-hover: #121212;
+  --tabs-disabled-color: #b2b2b2;
+  --tabs-disabled-icon-color: #b2b2b2;
+  --tabs-icon-size-md: 20px;
+  --tabs-icon-size-sm: 20px;
+  --tabs-badge-background: #f1f1f1;
+  --tabs-badge-color: #121212;
+  --tabs-badge-min-size-md: 24px;
+  --tabs-badge-min-size-sm: 20px;
+  --tabs-badge-padding-inline-md: 8px;
+  --tabs-badge-padding-inline-sm: 4px;
+  --tabs-badge-border-radius: 9999px;
+  --tabs-badge-font-size-md: 14px;
+  --tabs-badge-font-size-sm: 12px;
+  --tabs-badge-line-height-md: 20px;
+  --tabs-badge-line-height-sm: 16px;
+  --tabs-badge-font-weight: 500;
+  --tabs-overflow-chevron-size-md: 24px;
+  --tabs-overflow-chevron-size-sm: 20px;
+  --tabs-overflow-chevron-color: #444444;
+  --tabs-overflow-chevron-color-hover: #121212;
+  --tabs-overflow-chevron-color-disabled: #b2b2b2;
+  --tabs-overflow-chevron-background: #ffffff;
+  --tabs-overflow-chevron-padding-block-start-md: 12px;
+  --tabs-overflow-chevron-padding-block-start-sm: 8px;
+  --tabs-overflow-chevron-padding-block-end-md: 8px;
+  --tabs-overflow-chevron-padding-block-end-sm: 8px;
+  --tabs-overflow-chevron-padding-inline-edge-md: 4px;
+  --tabs-overflow-chevron-padding-inline-edge-sm: 4px;
+  --tabs-overflow-chevron-padding-inline-inner-md: 16px;
+  --tabs-overflow-chevron-padding-inline-inner-sm: 16px;
+  --tabs-panel-padding-block: 16px;
+  --tabs-panel-color: #121212;
+  --tabs-focus-ring-inner-width: 2px;
+  --tabs-focus-ring-outer-width: 3px;
+  --tabs-focus-ring-inner-color: #ffffff;
+  --tabs-focus-ring-outer-color: #3379db;
+  --tag-container-height-md: 24px;
+  --tag-container-height-sm: 20px;
+  --tag-container-min-width-md: 32px;
+  --tag-container-min-width-sm: 32px;
+  --tag-container-padding-inline-md: 8px;
+  --tag-container-padding-inline-sm: 6px;
+  --tag-container-padding-inline-icon-md: 6px;
+  --tag-container-padding-inline-icon-sm: 4px;
+  --tag-container-gap-md: 4px;
+  --tag-container-gap-sm: 4px;
+  --tag-container-border-radius: 4px;
+  --tag-container-border-width: 1px;
+  --tag-container-group-gap: 8px;
+  --tag-label-font-family: Onest;
+  --tag-label-font-size-md: 14px;
+  --tag-label-font-size-sm: 12px;
+  --tag-label-line-height-md: 20px;
+  --tag-label-line-height-sm: 16px;
+  --tag-label-font-weight-status: 500;
+  --tag-label-font-weight-info: 400;
+  --tag-icon-size-md: 16px;
+  --tag-icon-size-sm: 12px;
+  --tag-subtle-background-muted: #ffffff;
+  --tag-subtle-background-neutral: #f1f1f1;
+  --tag-subtle-background-accent: #feefc6;
+  --tag-subtle-background-success: #e6f5ee;
+  --tag-subtle-background-brand: #e8f0fb;
+  --tag-subtle-background-danger: #fee4e2;
+  --tag-subtle-label-muted: #757575;
+  --tag-subtle-label-neutral: #121212;
+  --tag-subtle-label-accent: #b54708;
+  --tag-subtle-label-success: #027948;
+  --tag-subtle-label-brand: #0058d2;
+  --tag-subtle-label-danger: #b32318;
+  --tag-strong-background-muted: #444444;
+  --tag-strong-background-neutral: #1e1e1e;
+  --tag-strong-background-accent: #fec84b;
+  --tag-strong-background-success: #027948;
+  --tag-strong-background-brand: #0058d2;
+  --tag-strong-background-danger: #d92d20;
+  --tag-strong-label-muted: #ffffff;
+  --tag-strong-label-neutral: #ffffff;
+  --tag-strong-label-accent: #121212;
+  --tag-strong-label-success: #ffffff;
+  --tag-strong-label-brand: #ffffff;
+  --tag-strong-label-danger: #ffffff;
+  --tag-outlined-background: #00000000;
+  --tag-outlined-border-muted: #d9d9d9;
+  --tag-outlined-border-neutral: #d9d9d9;
+  --tag-outlined-border-accent: #dc6803;
+  --tag-outlined-border-success: #027948;
+  --tag-outlined-border-brand: #0058d2;
+  --tag-outlined-border-danger: #d92d20;
+  --tag-outlined-label-muted: #757575;
+  --tag-outlined-label-neutral: #121212;
+  --tag-outlined-label-accent: #b54708;
+  --tag-outlined-label-success: #027948;
+  --tag-outlined-label-brand: #0058d2;
+  --tag-outlined-label-danger: #b32318;
+  --tag-info-strong-background: #e8f0fb;
+  --tag-info-strong-label: #383838;
+  --tag-info-subtle-background: #00000000;
+  --tag-info-subtle-label: #757575;
+  --tag-info-padding-inline-icon: 4px;
+  --tag-disabled-background: #f1f1f1;
+  --tag-disabled-label: #b2b2b2;
+  --tag-disabled-outlined-border: #d9d9d9;
+  --tag-disabled-outlined-label: #b2b2b2;
+  --textarea-container-min-height-md: 120px;
+  --textarea-container-min-height-lg: 150px;
+  --textarea-container-padding-block-md: 8px;
+  --textarea-container-padding-block-lg: 12px;
+  --textarea-label-font-weight: 400;
+  --textarea-resize-size: 24px;
+  --textarea-resize-offset: 4px;
+  --textarea-resize-color-default: #757575;
+  --textarea-resize-color-disabled: #b2b2b2;
+  --textarea-counter-font-family: Onest;
+  --textarea-counter-font-size: 14px;
+  --textarea-counter-line-height: 20px;
+  --textarea-counter-font-weight: 400;
+  --textarea-counter-gap: 16px;
+  --textarea-counter-margin-block-start: 4px;
+  --textarea-counter-color-default: #757575;
+  --textarea-counter-color-error: #d92d20;
+  --textarea-counter-color-disabled: #b2b2b2;
+  --time-input-field-gap: 8px;
+  --time-input-popover-offset: 8px;
+  --time-input-container-height-md: 40px;
+  --time-input-container-height-lg: 48px;
+  --time-input-container-padding-inline-md: 12px;
+  --time-input-container-padding-inline-lg: 16px;
+  --time-input-container-gap-md: 8px;
+  --time-input-container-gap-lg: 8px;
+  --time-input-container-border-radius: 8px;
+  --time-input-container-border-width-default: 1px;
+  --time-input-container-border-width-emphasized: 2px;
+  --time-input-container-focus-ring-width: 2px;
+  --time-input-container-transition-duration: 150ms;
+  --time-input-container-transition-timing-function: ease-out;
+  --time-input-control-font-family: Onest;
+  --time-input-control-font-weight: 400;
+  --time-input-control-font-size-md: 14px;
+  --time-input-control-font-size-lg: 16px;
+  --time-input-control-line-height-md: 20px;
+  --time-input-control-line-height-lg: 24px;
+  --time-input-control-caret-color: #0058d2;
+  --time-input-label-font-family: Onest;
+  --time-input-label-font-size: 14px;
+  --time-input-label-line-height: 20px;
+  --time-input-label-font-weight: 400;
+  --time-input-label-gap: 4px;
+  --time-input-label-color-default: #383838;
+  --time-input-label-required-mark-size: 12px;
+  --time-input-label-required-mark-color: #d92d20;
+  --time-input-assistive-font-family: Onest;
+  --time-input-assistive-font-size: 14px;
+  --time-input-assistive-line-height: 20px;
+  --time-input-assistive-font-weight: 400;
+  --time-input-assistive-gap-default: 6px;
+  --time-input-assistive-gap-error: 4px;
+  --time-input-assistive-icon-size: 20px;
+  --time-input-assistive-color-default: #383838;
+  --time-input-assistive-color-error: #d92d20;
+  --time-input-clear-button-size: 20px;
+  --time-input-clear-button-border-radius: 9999px;
+  --time-input-clear-button-background-default: #f1f1f1;
+  --time-input-clear-button-background-hover: #d9d9d9;
+  --time-input-clear-button-background-active: #b2b2b2;
+  --time-input-clear-button-icon-color: #757575;
+  --time-input-icon-size-md: 20px;
+  --time-input-icon-size-lg: 24px;
+  --time-input-icon-color-default: #444444;
+  --time-input-icon-color-disabled: #b2b2b2;
+  --time-input-default-background-default: #ffffff;
+  --time-input-default-background-disabled: #f1f1f1;
+  --time-input-default-border-default: #d9d9d9;
+  --time-input-default-border-hover: #444444;
+  --time-input-default-border-focus: #0058d2;
+  --time-input-default-border-disabled: #d9d9d9;
+  --time-input-default-text-default: #121212;
+  --time-input-default-text-placeholder: #757575;
+  --time-input-default-text-disabled: #b2b2b2;
+  --time-input-default-focus-ring: #ccdef6;
+  --time-input-destructive-border-default: #d92d20;
+  --time-input-destructive-border-hover: #d92d20;
+  --time-input-destructive-border-focus: #d92d20;
+  --time-input-destructive-focus-ring: #fecdc9;
+  --time-picker-container-width: 202px;
+  --time-picker-container-padding: 12px;
+  --time-picker-container-background: #ffffff;
+  --time-picker-container-border-radius: 12px;
+  --time-picker-container-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08), 0px 5px 12px 0px rgba(0, 0, 0, 0.08), 0px 0px 0.5px 0px rgba(0, 0, 0, 0.15);
+  --time-picker-container-transition-duration: 150ms;
+  --time-picker-container-transition-timing-function: ease-out;
+  --time-picker-column-gap: 8px;
+  --time-picker-separator-width: 12px;
+  --time-picker-option-height: 40px;
+  --time-picker-option-padding-block: 6px;
+  --time-picker-option-padding-inline: 8px;
+  --time-picker-option-border-radius: 6px;
+  --time-picker-option-font-family: Onest;
+  --time-picker-option-font-weight: 500;
+  --time-picker-option-font-size: 14px;
+  --time-picker-option-line-height: 20px;
+  --time-picker-option-focus-ring-width: 3px;
+  --time-picker-option-focus-ring-offset: 1px;
+  --time-picker-option-focus-ring: #3379db;
+  --time-picker-option-default-color: #121212;
+  --time-picker-option-hover-background: #f5f5f5;
+  --time-picker-option-selected-background: #0058d2;
+  --time-picker-option-selected-color: #ffffff;
+  --time-picker-option-selected-inactive-background: #e8f0fb;
+  --time-picker-option-selected-inactive-color: #121212;
+  --time-picker-option-disabled-color: #b2b2b2;
+  --toast-container-width: 350px;
+  --toast-container-padding-top: 12px;
+  --toast-container-padding-bottom: 16px;
+  --toast-container-padding-bottom-text-only: 12px;
+  --toast-container-padding-inline: 12px;
+  --toast-container-gap: 16px;
+  --toast-container-content-gap: 8px;
+  --toast-container-stack-gap: 8px;
+  --toast-container-stack-gap-text-only: 4px;
+  --toast-container-heading-gap: 6px;
+  --toast-container-border-radius: 8px;
+  --toast-container-transition-timing-function: ease-out;
+  --toast-container-appearance-duration: 250ms;
+  --toast-container-dismiss-duration: 250ms;
+  --toast-icon-size: 24px;
+  --toast-icon-padding: 2px;
+  --toast-title-font-family: Onest;
+  --toast-title-font-size: 18px;
+  --toast-title-line-height: 26px;
+  --toast-title-font-weight: 600;
+  --toast-title-letter-spacing: -0.18px;
+  --toast-body-font-family: Onest;
+  --toast-body-font-size: 14px;
+  --toast-body-line-height: 20px;
+  --toast-body-font-weight: 400;
+  --toast-close-size-pointer: 32px;
+  --toast-close-size-touch: 40px;
+  --toast-close-icon-size: 16px;
+  --toast-close-border-radius: 4px;
+  --toast-close-focus-ring-width: 3px;
+  --toast-close-focus-ring-offset: 1px;
+  --toast-info-background: #0058d2;
+  --toast-info-text: #ffffff;
+  --toast-info-icon: #ffffff;
+  --toast-info-close-icon: #ffffff;
+  --toast-warning-background: #fec84b;
+  --toast-warning-text: #121212;
+  --toast-warning-icon: #b54708;
+  --toast-warning-close-icon: #444444;
+  --toast-success-background: #039855;
+  --toast-success-text: #ffffff;
+  --toast-success-icon: #ffffff;
+  --toast-success-close-icon: #ffffff;
+  --toast-error-background: #d92d20;
+  --toast-error-text: #ffffff;
+  --toast-error-icon: #ffffff;
+  --toast-error-close-icon: #ffffff;
+  --tooltip-container-border-radius-sm: 4px;
+  --tooltip-container-border-radius-lg: 6px;
+  --tooltip-container-padding-block-sm: 8px;
+  --tooltip-container-padding-block-lg: 12px;
+  --tooltip-container-padding-inline-sm: 12px;
+  --tooltip-container-padding-inline-lg: 16px;
+  --tooltip-container-padding-inline-end-lg: 12px;
+  --tooltip-container-gap-sm: 8px;
+  --tooltip-container-gap-lg: 12px;
+  --tooltip-container-max-width: 200px;
+  --tooltip-container-shadow: 0px 2px 8px 0px rgba(19, 22, 29, 0.06), 0px 4px 8px 1px rgba(19, 22, 29, 0.04);
+  --tooltip-container-transition-duration: 150ms;
+  --tooltip-container-transition-timing-function: ease-out;
+  --tooltip-container-background-default: #1e1e1e;
+  --tooltip-container-z-index: 9999;
+  --tooltip-label-font-family: Onest;
+  --tooltip-label-font-size: 14px;
+  --tooltip-label-line-height: 20px;
+  --tooltip-label-font-weight: 400;
+  --tooltip-label-color-default: #ffffff;
+  --tooltip-hint-font-family: Onest;
+  --tooltip-hint-font-size: 12px;
+  --tooltip-hint-line-height: 16px;
+  --tooltip-hint-font-weight: 400;
+  --tooltip-hint-color-default: #ffffff;
+  --tooltip-hint-opacity: 0.72;
+  --tooltip-hint-margin-top: 6px;
+  --tooltip-arrow-size-sm: 8px;
+  --tooltip-arrow-size-lg: 12px;
+  --tooltip-arrow-width-sm: 16px;
+  --tooltip-arrow-width-lg: 24px;
+  --tooltip-arrow-edge-margin: 12px;
+  --tooltip-close-size: 16px;
+  --tooltip-close-color-default: #ffffff;
+  --tooltip-close-color-hover: #ffffff;
+  --tooltip-close-background-default: #00000000;
+  --tooltip-close-background-hover: #383838;
+  --tooltip-close-border-radius: 4px;
+  --tooltip-close-touch-target: 24px;
+  --tooltip-offset-trigger: 4px;
+  --drop-shadow-100: 0px 2px 8px 0px rgba(19, 22, 29, 0.06), 0px 4px 8px 1px rgba(19, 22, 29, 0.04);
+  --drop-shadow-200: 0px 4px 8px 2px rgba(40, 46, 55, 0.06), 0px 2px 4px 0px rgba(40, 46, 55, 0.04);
+  --drop-shadow-300: 0px 1px 3px 0px rgba(0, 0, 0, 0.08), 0px 5px 12px 0px rgba(0, 0, 0, 0.08), 0px 0px 0.5px 0px rgba(0, 0, 0, 0.15);
+  --drop-shadow-400: 0px 2px 8px 0px rgba(0, 0, 0, 0.08), 0px 10px 24px 0px rgba(0, 0, 0, 0.08), 0px 0px 0px 0.5px rgba(0, 0, 0, 0.12);
+  --drop-shadow-500: 0px 16px 20px 6px rgba(40, 46, 55, 0.06), 0px 4px 8px 0px rgba(40, 46, 55, 0.06);
+  --focus-ring-color-inner: #ffffff;
+  --focus-ring-color-outer: #3379db;
+  --focus-ring-color-halo-brand: #ccdef6;
+  --focus-ring-color-halo-danger: #fecdc9;
+  --focus-ring-color-halo-warning: #fedf89;
+  --focus-ring-color-halo-positive: #cdeadd;
+  --focus-ring-width-inner: 2px;
+  --focus-ring-width-outer: 3px;
+  --font-family-primary: Onest;
+  --font-size-10: 10px;
+  --font-size-12: 12px;
+  --font-size-14: 14px;
+  --font-size-16: 16px;
+  --font-size-18: 18px;
+  --font-size-20: 20px;
+  --font-size-22: 22px;
+  --font-size-24: 24px;
+  --font-size-28: 28px;
+  --font-size-32: 32px;
+  --font-size-40: 40px;
+  --font-size-48: 48px;
+  --font-size-56: 56px;
+  --font-size-64: 64px;
+  --font-weight-regular: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+  --font-weight-bold: 700;
+  --line-height-12: 12px;
+  --line-height-16: 16px;
+  --line-height-20: 20px;
+  --line-height-24: 24px;
+  --line-height-26: 26px;
+  --line-height-28: 28px;
+  --line-height-30: 30px;
+  --line-height-32: 32px;
+  --line-height-36: 36px;
+  --line-height-40: 40px;
+  --line-height-48: 48px;
+  --line-height-56: 56px;
+  --line-height-64: 64px;
+  --palette-blue-sky-100: #e8f0fb;
+  --palette-blue-sky-150: #d6e5f8;
+  --palette-blue-sky-200: #ccdef6;
+  --palette-blue-sky-300: #99bced;
+  --palette-blue-sky-400: #669be4;
+  --palette-blue-sky-500: #3379db;
+  --palette-blue-sky-600: #0058d2;
+  --palette-blue-sky-700: #0046a8;
+  --palette-blue-sky-800: #00357e;
+  --palette-blue-sky-900: #00295a;
+  --palette-lavender-100: #efeafc;
+  --palette-lavender-200: #ddd2fa;
+  --palette-lavender-300: #bba5f5;
+  --palette-lavender-400: #9a79ef;
+  --palette-lavender-500: #784cea;
+  --palette-lavender-600: #561fe5;
+  --palette-lavender-700: #4519b7;
+  --palette-lavender-800: #341389;
+  --palette-lavender-900: #240c66;
+  --palette-purple-100: #efeafc;
+  --palette-purple-200: #ddd2fa;
+  --palette-purple-300: #cbaffd;
+  --palette-purple-400: #b287fb;
+  --palette-purple-500: #985ffa;
+  --palette-purple-600: #7e37f9;
+  --palette-purple-700: #652cc7;
+  --palette-purple-800: #4c2195;
+  --palette-purple-900: #36166a;
+  --palette-magenta-100: #f7eafa;
+  --palette-magenta-200: #eed1f5;
+  --palette-magenta-300: #dda3eb;
+  --palette-magenta-400: #cc74e2;
+  --palette-magenta-500: #bb46d8;
+  --palette-magenta-600: #aa18ce;
+  --palette-magenta-700: #8813a5;
+  --palette-magenta-800: #660e7c;
+  --palette-magenta-900: #4a095a;
+  --palette-forest-green-100: #e8f1f1;
+  --palette-forest-green-150: #d6e6e7;
+  --palette-forest-green-200: #cce0e1;
+  --palette-forest-green-300: #99c1c3;
+  --palette-forest-green-400: #66a1a5;
+  --palette-forest-green-500: #338287;
+  --palette-forest-green-600: #006369;
+  --palette-forest-green-700: #004f54;
+  --palette-forest-green-800: #003b3f;
+  --palette-forest-green-900: #00292c;
+  --palette-red-50: #feefee;
+  --palette-red-100: #fee4e2;
+  --palette-red-200: #fecdc9;
+  --palette-red-300: #fda19b;
+  --palette-red-400: #f97066;
+  --palette-red-500: #f04438;
+  --palette-red-600: #d92d20;
+  --palette-red-700: #b32318;
+  --palette-red-800: #912018;
+  --palette-red-900: #7a271a;
+  --palette-apricot-50: #fef5dd;
+  --palette-apricot-100: #feefc6;
+  --palette-apricot-200: #fedf89;
+  --palette-apricot-300: #fec84b;
+  --palette-apricot-400: #fdb022;
+  --palette-apricot-500: #f79009;
+  --palette-apricot-600: #dc6803;
+  --palette-apricot-700: #b54708;
+  --palette-apricot-800: #93370d;
+  --palette-apricot-900: #792e0d;
+  --palette-green-50: #ebf7f1;
+  --palette-green-100: #e6f5ee;
+  --palette-green-200: #cdeadd;
+  --palette-green-300: #9ad6bb;
+  --palette-green-400: #68c199;
+  --palette-green-500: #35ad77;
+  --palette-green-600: #039855;
+  --palette-green-700: #027948;
+  --palette-green-800: #05603a;
+  --palette-green-900: #054f31;
+  --palette-gray-50: #f7f7f7;
+  --palette-gray-100: #f5f5f5;
+  --palette-gray-200: #f1f1f1;
+  --palette-gray-250: #d9d9d9;
+  --palette-gray-300: #b2b2b2;
+  --palette-gray-350: #8a8a8a;
+  --palette-gray-400: #757575;
+  --palette-gray-500: #616161;
+  --palette-gray-600: #444444;
+  --palette-gray-700: #383838;
+  --palette-gray-800: #2c2c2c;
+  --palette-gray-900: #1e1e1e;
+  --palette-black-1000: #121212;
+  --palette-white-1000: #ffffff;
+  --palette-alpha-black-100-alpha: #1212120d;
+  --palette-alpha-black-200-alpha: #1212121a;
+  --palette-alpha-black-300-alpha: #12121233;
+  --palette-alpha-black-400-alpha: #12121266;
+  --palette-alpha-black-500-alpha: #12121299;
+  --palette-alpha-white-100-alpha: #ffffff0d;
+  --palette-alpha-white-200-alpha: #ffffff1a;
+  --palette-alpha-white-300-alpha: #ffffff33;
+  --palette-alpha-white-400-alpha: #ffffff66;
+  --palette-alpha-white-500-alpha: #ffffff99;
+  --palette-alpha-gray-alpha-100: #44444408;
+  --palette-alpha-gray-alpha-200: #4444441a;
+  --palette-alpha-gray-alpha-300: #44444433;
+  --palette-alpha-gray-alpha-400: #44444466;
+  --palette-alpha-gray-alpha-500: #44444499;
+  --screen-width-fixed-desktop: 1440px;
+  --screen-width-fixed-laptop: 1280px;
+  --screen-width-fixed-tablet: 768px;
+  --screen-width-fixed-mobile: 360px;
+  --screen-width-min-fluid-desktop: 1440px;
+  --screen-width-min-fluid-laptop: 1024px;
+  --screen-width-min-fluid-tablet: 480px;
+  --screen-width-min-fluid-mobile: 320px;
+  --screen-width-max-fluid-desktop: 1920px;
+  --screen-width-max-fluid-laptop: 1440px;
+  --screen-width-max-fluid-tablet: 1024px;
+  --screen-width-max-fluid-mobile: 480px;
+  --screen-height-fixed-desktop: 1024px;
+  --screen-height-fixed-laptop: 832px;
+  --screen-height-fixed-tablet: 1024px;
+  --screen-height-fixed-mobile: 800px;
+  --spacing-0: 0px;
+  --spacing-2: 2px;
+  --spacing-4: 4px;
+  --spacing-6: 6px;
+  --spacing-8: 8px;
+  --spacing-12: 12px;
+  --spacing-16: 16px;
+  --spacing-20: 20px;
+  --spacing-24: 24px;
+  --spacing-32: 32px;
+  --spacing-40: 40px;
+  --spacing-48: 48px;
+  --spacing-56: 56px;
+  --spacing-64: 64px;
+  --spacing-80: 80px;
+  --spacing-96: 96px;
+  --spacing-120: 120px;
+  --border-radius-0: 0px;
+  --border-radius-4: 4px;
+  --border-radius-6: 6px;
+  --border-radius-8: 8px;
+  --border-radius-12: 12px;
+  --border-radius-16: 16px;
+  --border-radius-24: 24px;
+  --border-radius-32: 32px;
+  --border-radius-full: 9999px;
+  --border-width-1: 1px;
+  --border-width-2: 2px;
+  --border-width-3: 3px;
+  --border-width-1-5: 1.5px;
+  --border-width-0-5: 0.5px;
+}