@crowdfarming/oliva-ds 1.3.2 → 1.3.4

package/assets/styles/olivabackds/_tokens.scss

@@ -0,0 +1,1317 @@
+:root {
+  --square: 1/1;
+  --landscape-sm: 3/2;
+  --landscape-md: 5/4;
+  --landscape-lg: 16/9;
+  --portrait-sm: 2/3;
+  --portrait-md: 4/5;
+  --portrait-lg: 9/16;
+  --thumbnail: 1/1;
+  --avatar: 1/1;
+  --icon-button: 1/1;
+  --card: 3/2;
+  --dark-color-core-content-default: #ffffff;
+  --dark-color-core-content-soft: #e5e5e5;
+  --dark-color-core-content-inverse: #070707;
+  --dark-color-core-background-default: #070707;
+  --dark-color-core-background-neutral-soft: #393939;
+  --dark-color-core-background-alternative-soft: #006531;
+  --dark-color-core-background-alternative-strong: #eefdf1;
+  --dark-color-core-background-inverse: #ffffff;
+  --dark-color-core-background-surface-raised: #1b1b1b;
+  --dark-color-core-background-surface-floating: #2c2c2c;
+  --dark-color-core-border-default: #f3f3f3;
+  --dark-color-core-border-soft: #aeaeae;
+  --dark-color-core-border-inverse: #070707;
+  --dark-color-action-primary-content-default: #ffffff;
+  --dark-color-action-primary-content-hover: #dafce1;
+  --dark-color-action-primary-content-pressed: #dafce1;
+  --dark-color-action-primary-content-disabled: #ececec;
+  --dark-color-action-primary-background-default: #ffffff00;
+  --dark-color-action-primary-background-hover: #006531;
+  --dark-color-action-primary-background-pressed: #017d3e;
+  --dark-color-action-primary-background-disabled: #ffffff0a;
+  --dark-color-action-primary-border-default: #ffffff;
+  --dark-color-action-primary-border-hover: #dafce1;
+  --dark-color-action-primary-border-active: #dafce1;
+  --dark-color-action-primary-border-disabled: #ffffff00;
+  --dark-color-action-primary-selected-content-default: #070707;
+  --dark-color-action-primary-selected-content-hover: #070707;
+  --dark-color-action-primary-selected-content-pressed: #070707;
+  --dark-color-action-primary-selected-content-disabled: #ececec;
+  --dark-color-action-primary-selected-background-default: #10dd75;
+  --dark-color-action-primary-selected-background-hover: #02c868;
+  --dark-color-action-primary-selected-background-pressed: #01b05a;
+  --dark-color-action-primary-selected-background-disabled: #ffffff0f;
+  --dark-color-action-primary-selected-border-default: #10dd75;
+  --dark-color-action-primary-selected-border-hover: #02c868;
+  --dark-color-action-primary-selected-border-active: #01b05a;
+  --dark-color-action-primary-selected-border-disabled: #ffffff00;
+  --dark-color-action-neutral-content-default: #ffffff;
+  --dark-color-action-neutral-content-hover: #f9f9f9;
+  --dark-color-action-neutral-content-pressed: #f9f9f9;
+  --dark-color-action-neutral-content-disabled: #ececec;
+  --dark-color-action-neutral-background-default: #ffffff00;
+  --dark-color-action-neutral-background-hover: #ffffff0a;
+  --dark-color-action-neutral-background-pressed: #ffffff0f;
+  --dark-color-action-neutral-background-disabled: #ffffff0a;
+  --dark-color-action-neutral-border-default: #ffffff;
+  --dark-color-action-neutral-border-hover: #f9f9f9;
+  --dark-color-action-neutral-border-pressed: #f9f9f9;
+  --dark-color-action-neutral-border-disabled: #ffffff00;
+  --dark-color-action-danger-content-default: #ff634e;
+  --dark-color-action-danger-content-hover: #d50118;
+  --dark-color-action-danger-content-pressed: #d50118;
+  --dark-color-action-danger-content-disabled-2: #ececec;
+  --dark-color-action-danger-background-default: #ffffff00;
+  --dark-color-action-danger-background-hover: #ff3d32;
+  --dark-color-action-danger-background-pressed: #d50118;
+  --dark-color-action-danger-background-disabled: #ffffff0a;
+  --dark-color-action-danger-border-default: #ff634e;
+  --dark-color-action-danger-border-hover: #ff3d32;
+  --dark-color-action-danger-border-pressed: #d50118;
+  --dark-color-action-danger-border-disabled: #ffffff00;
+  --dark-color-feedback-danger-default: #ff8c76;
+  --dark-color-feedback-danger-on-default: #070707;
+  --dark-color-feedback-danger-surface-background: #770006;
+  --dark-color-feedback-danger-surface-border: #ff8c76;
+  --dark-color-feedback-success-default: #45ee7b;
+  --dark-color-feedback-success-on-default: #070707;
+  --dark-color-feedback-success-surface-background: #05431b;
+  --dark-color-feedback-success-surface-border: #45ee7b;
+  --dark-color-feedback-warning-default: #fcd993;
+  --dark-color-feedback-warning-on-default: #070707;
+  --dark-color-feedback-warning-surface-background: #493601;
+  --dark-color-feedback-warning-surface-border: #fcd993;
+  --dark-color-feedback-info-default: #e0dbf9;
+  --dark-color-feedback-info-on-default: #070707;
+  --dark-color-feedback-info-surface-background: #2037b3;
+  --dark-color-feedback-info-surface-border: #e0dbf9;
+  --dark-color-decorative-primary-default: #fac6a8;
+  --dark-color-decorative-primary-soft: #8e3e07;
+  --dark-color-decorative-primary-strong: #fbe9df;
+  --dark-color-decorative-secondary-default: #f28fb8;
+  --dark-color-decorative-secondary-soft: #9b2762;
+  --dark-color-decorative-secondary-strong: #f9e8ee;
+  --dark-color-effect-focus-color: #10dd75;
+  --dark-color-effect-focus-contrast: #070707;
+  --dark-color-effect-shadow-soft: #000000e5;
+  --dark-color-effect-shadow-strong: #000000cc;
+  --dark-color-effect-overlay: #ffffff52;
+  --dark-color-button-primary-content-default: #070707;
+  --dark-color-button-primary-content-hover: #070707;
+  --dark-color-button-primary-content-pressed: #070707;
+  --dark-color-button-primary-content-disabled: #ececec;
+  --dark-color-button-primary-background-default: #10dd75;
+  --dark-color-button-primary-background-hover: #02c868;
+  --dark-color-button-primary-background-pressed: #01b05a;
+  --dark-color-button-primary-background-disabled: #ffffff0f;
+  --dark-color-button-primary-border-default: #10dd75;
+  --dark-color-button-primary-border-hover: #02c868;
+  --dark-color-button-primary-border-pressed: #ffffff00;
+  --dark-color-button-primary-border-disabled: #ffffff00;
+  --dark-color-button-secondary-content-default: #10dd75;
+  --dark-color-button-secondary-content-hover: #02c868;
+  --dark-color-button-secondary-content-pressed: #01b05a;
+  --dark-color-button-secondary-content-disabled: #ececec;
+  --dark-color-button-secondary-background-default: #ffffff00;
+  --dark-color-button-secondary-background-hover: #ffffff0f;
+  --dark-color-button-secondary-background-pressed: #ffffff0a;
+  --dark-color-button-secondary-background-disabled: #ffffff0f;
+  --dark-color-button-secondary-border-default: #10dd75;
+  --dark-color-button-secondary-border-hover: #02c868;
+  --dark-color-button-secondary-border-pressed: #01b05a;
+  --dark-color-button-secondary-border-disabled: #ffffff00;
+  --dark-color-button-tertiary-content-default: #10dd75;
+  --dark-color-button-tertiary-content-hover: #02c868;
+  --dark-color-button-tertiary-content-pressed: #01b05a;
+  --dark-color-button-tertiary-content-disabled: #ececec;
+  --dark-color-button-tertiary-background-default: #ffffff00;
+  --dark-color-button-tertiary-background-hover: #ffffff0f;
+  --dark-color-button-tertiary-background-pressed: #ffffff0a;
+  --dark-color-button-tertiary-background-disabled: #ffffff00;
+  --dark-color-button-tertiary-border-default: #ffffff00;
+  --dark-color-button-tertiary-border-hover: #ffffff00;
+  --dark-color-button-tertiary-border-pressed: #ffffff00;
+  --dark-color-button-tertiary-border-disabled: #ffffff00;
+  --dark-color-button-danger-content-default: #070707;
+  --dark-color-button-danger-content-hover: #070707;
+  --dark-color-button-danger-content-pressed: #070707;
+  --dark-color-button-danger-content-disabled: #ececec;
+  --dark-color-button-danger-background-default: #ff634e;
+  --dark-color-button-danger-background-hover: #ff3d32;
+  --dark-color-button-danger-background-pressed: #d50118;
+  --dark-color-button-danger-background-disabled: #ffffff0f;
+  --dark-color-button-danger-border-default: #ffffff00;
+  --dark-color-button-danger-border-pressed: #ffffff00;
+  --dark-color-button-danger-border-hover: #ffffff00;
+  --dark-color-button-danger-border-disabled: #ffffff00;
+  --dark-color-button-inverse-content-default: #070707;
+  --dark-color-button-inverse-content-hover: #070707;
+  --dark-color-button-inverse-content-pressed: #070707;
+  --dark-color-button-inverse-content-disabled: #828282;
+  --dark-color-button-inverse-background-default: #ffffff00;
+  --dark-color-button-inverse-background-hover: #0000000a;
+  --dark-color-button-inverse-background-pressed: #0000000f;
+  --dark-color-button-inverse-background-disabled: #0000000a;
+  --dark-color-button-inverse-border-default: #070707;
+  --dark-color-button-inverse-border-hover: #070707;
+  --dark-color-button-inverse-border-pressed: #070707;
+  --dark-color-button-inverse-border-disabled: #ffffff00;
+  --dark-color-button-neutral-content-default: #ffffff;
+  --dark-color-button-neutral-content-hover: #f9f9f9;
+  --dark-color-button-neutral-content-pressed: #f9f9f9;
+  --dark-color-button-neutral-content-disabled: #ececec;
+  --dark-color-button-neutral-background-default: #ffffff00;
+  --dark-color-button-neutral-background-hover: #ffffff0a;
+  --dark-color-button-neutral-background-pressed: #ffffff0f;
+  --dark-color-button-neutral-background-disabled: #ffffff00;
+  --dark-color-button-neutral-border-default: #ffffff00;
+  --dark-color-button-neutral-border-hover: #ffffff00;
+  --dark-color-button-neutral-border-pressed: #ffffff00;
+  --dark-color-button-neutral-border-disabled: #ffffff00;
+  --dark-color-textfield-content-default: #ffffff;
+  --dark-color-textfield-content-placeholder: #c1c1c1;
+  --dark-color-textfield-content-disabled: #ececec;
+  --dark-color-textfield-background-default: #070707;
+  --dark-color-textfield-background-hover: #070707;
+  --dark-color-textfield-background-pressed: #070707;
+  --dark-color-textfield-background-disabled: #ffffff0a;
+  --dark-color-textfield-border-default: #aeaeae;
+  --dark-color-textfield-border-hover: #c1c1c1;
+  --dark-color-textfield-border-pressed: #d1d1d1;
+  --dark-color-textfield-border-error: #ff8c76;
+  --dark-color-textfield-border-active: #10dd75;
+  --dark-color-textfield-border-disabled: #ececec;
+  --dark-elevation-raised: [object Object],[object Object];
+  --dark-elevation-floating: [object Object],[object Object];
+  --dark-focus-outset: [object Object],[object Object];
+  --dark-focus-inset: [object Object],[object Object];
+  --dark-focus-textfield: [object Object];
+  --light-color-core-content-default: #070707;
+  --light-color-core-content-soft: #6c6c6c;
+  --light-color-core-content-inverse: #ffffff;
+  --light-color-core-background-default: #ffffff;
+  --light-color-core-background-neutral-soft: #f3f3f3;
+  --light-color-core-background-alternative-soft: #eefdf1;
+  --light-color-core-background-alternative-strong: #006531;
+  --light-color-core-background-inverse: #070707;
+  --light-color-core-background-surface-raised: #ffffff;
+  --light-color-core-background-surface-floating: #ffffff;
+  --light-color-core-border-default: #aeaeae;
+  --light-color-core-border-soft: #dedede;
+  --light-color-core-border-inverse: #ffffff;
+  --light-color-action-primary-content-default: #00431f;
+  --light-color-action-primary-content-hover: #017d3e;
+  --light-color-action-primary-content-pressed: #017d3e;
+  --light-color-action-primary-content-disabled: #828282;
+  --light-color-action-primary-background-default: #ffffff00;
+  --light-color-action-primary-background-hover: #eefdf1;
+  --light-color-action-primary-background-pressed: #dafce1;
+  --light-color-action-primary-background-disabled: #00000005;
+  --light-color-action-primary-border-default: #00431f;
+  --light-color-action-primary-border-hover: #017d3e;
+  --light-color-action-primary-border-active: #017d3e;
+  --light-color-action-primary-border-disabled: #ffffff00;
+  --light-color-action-primary-selected-content-default: #ffffff;
+  --light-color-action-primary-selected-content-hover: #ffffff;
+  --light-color-action-primary-selected-content-pressed: #ffffff;
+  --light-color-action-primary-selected-content-disabled: #828282;
+  --light-color-action-primary-selected-background-default: #017d3e;
+  --light-color-action-primary-selected-background-hover: #006531;
+  --light-color-action-primary-selected-background-pressed: #004b23;
+  --light-color-action-primary-selected-background-disabled: #00000005;
+  --light-color-action-primary-selected-border-default: #017d3e;
+  --light-color-action-primary-selected-border-hover: #006531;
+  --light-color-action-primary-selected-border-active: #004b23;
+  --light-color-action-primary-selected-border-disabled: #ffffff00;
+  --light-color-action-neutral-content-default: #070707;
+  --light-color-action-neutral-content-hover: #444444;
+  --light-color-action-neutral-content-pressed: #444444;
+  --light-color-action-neutral-content-disabled: #828282;
+  --light-color-action-neutral-background-default: #ffffff00;
+  --light-color-action-neutral-background-hover: #0000000a;
+  --light-color-action-neutral-background-pressed: #0000000f;
+  --light-color-action-neutral-background-disabled: #00000005;
+  --light-color-action-neutral-border-default: #070707;
+  --light-color-action-neutral-border-hover: #444444;
+  --light-color-action-neutral-border-pressed: #444444;
+  --light-color-action-neutral-border-disabled: #ffffff00;
+  --light-color-action-danger-content-default: #d50118;
+  --light-color-action-danger-content-hover: #af0011;
+  --light-color-action-danger-content-pressed: #8c000b;
+  --light-color-action-danger-content-disabled-2: #828282;
+  --light-color-action-danger-background-default: #ffffff00;
+  --light-color-action-danger-background-hover: #af0011;
+  --light-color-action-danger-background-pressed: #8c000b;
+  --light-color-action-danger-background-disabled: #00000005;
+  --light-color-action-danger-border-default: #d50118;
+  --light-color-action-danger-border-hover: #af0011;
+  --light-color-action-danger-border-pressed: #8c000b;
+  --light-color-action-danger-border-disabled: #ffffff00;
+  --light-color-feedback-danger-default: #d50118;
+  --light-color-feedback-danger-on-default: #ffffff;
+  --light-color-feedback-danger-surface-background: #fbdfd8;
+  --light-color-feedback-danger-surface-border: #d50118;
+  --light-color-feedback-success-default: #189646;
+  --light-color-feedback-success-on-default: #ffffff;
+  --light-color-feedback-success-surface-background: #dcfce0;
+  --light-color-feedback-success-surface-border: #189646;
+  --light-color-feedback-warning-default: #876602;
+  --light-color-feedback-warning-on-default: #ffffff;
+  --light-color-feedback-warning-surface-background: #fceacb;
+  --light-color-feedback-warning-surface-border: #876602;
+  --light-color-feedback-info-default: #6366f1;
+  --light-color-feedback-info-on-default: #ffffff;
+  --light-color-feedback-info-surface-background: #edebfa;
+  --light-color-feedback-info-surface-border: #6366f1;
+  --light-color-decorative-primary-default: #fb914f;
+  --light-color-decorative-primary-soft: #fbe9df;
+  --light-color-decorative-primary-strong: #8e3e07;
+  --light-color-decorative-secondary-default: #ec4899;
+  --light-color-decorative-secondary-soft: #f9e8ee;
+  --light-color-decorative-secondary-strong: #9b2762;
+  --light-color-effect-focus-color: #00964d;
+  --light-color-effect-focus-contrast: #ffffff;
+  --light-color-effect-shadow-soft: #0425221f;
+  --light-color-effect-shadow-strong: #04252229;
+  --light-color-effect-overlay: #00000052;
+  --light-color-button-primary-content-default: #ffffff;
+  --light-color-button-primary-content-hover: #ffffff;
+  --light-color-button-primary-content-pressed: #ffffff;
+  --light-color-button-primary-content-disabled: #6c6c6c;
+  --light-color-button-primary-background-default: #017d3e;
+  --light-color-button-primary-background-hover: #006531;
+  --light-color-button-primary-background-pressed: #004b23;
+  --light-color-button-primary-background-disabled: #0000000a;
+  --light-color-button-primary-border-default: #017d3e;
+  --light-color-button-primary-border-hover: #006531;
+  --light-color-button-primary-border-pressed: #004b23;
+  --light-color-button-primary-border-disabled: #ffffff00;
+  --light-color-button-secondary-content-default: #017d3e;
+  --light-color-button-secondary-content-hover: #006531;
+  --light-color-button-secondary-content-pressed: #004b23;
+  --light-color-button-secondary-content-disabled: #6c6c6c;
+  --light-color-button-secondary-background-default: #ffffff00;
+  --light-color-button-secondary-background-hover: #0000000a;
+  --light-color-button-secondary-background-pressed: #0000000f;
+  --light-color-button-secondary-background-disabled: #0000000a;
+  --light-color-button-secondary-border-default: #017d3e;
+  --light-color-button-secondary-border-hover: #006531;
+  --light-color-button-secondary-border-pressed: #004b23;
+  --light-color-button-secondary-border-disabled: #ffffff00;
+  --light-color-button-tertiary-content-default: #017d3e;
+  --light-color-button-tertiary-content-hover: #006531;
+  --light-color-button-tertiary-content-pressed: #004b23;
+  --light-color-button-tertiary-content-disabled: #6c6c6c;
+  --light-color-button-tertiary-background-default: #ffffff00;
+  --light-color-button-tertiary-background-hover: #0000000a;
+  --light-color-button-tertiary-background-pressed: #0000000f;
+  --light-color-button-tertiary-background-disabled: #ffffff00;
+  --light-color-button-tertiary-border-default: #ffffff00;
+  --light-color-button-tertiary-border-hover: #ffffff00;
+  --light-color-button-tertiary-border-pressed: #ffffff00;
+  --light-color-button-tertiary-border-disabled: #ffffff00;
+  --light-color-button-danger-content-default: #ffffff;
+  --light-color-button-danger-content-hover: #ffffff;
+  --light-color-button-danger-content-pressed: #ffffff;
+  --light-color-button-danger-content-disabled: #6c6c6c;
+  --light-color-button-danger-background-default: #d50118;
+  --light-color-button-danger-background-hover: #af0011;
+  --light-color-button-danger-background-pressed: #8c000b;
+  --light-color-button-danger-background-disabled: #0000000a;
+  --light-color-button-danger-border-default: #ffffff00;
+  --light-color-button-danger-border-pressed: #ffffff00;
+  --light-color-button-danger-border-hover: #ffffff00;
+  --light-color-button-danger-border-disabled: #ffffff00;
+  --light-color-button-inverse-content-default: #ffffff;
+  --light-color-button-inverse-content-hover: #ffffff;
+  --light-color-button-inverse-content-pressed: #ffffff;
+  --light-color-button-inverse-content-disabled: #d1d1d1;
+  --light-color-button-inverse-background-default: #ffffff00;
+  --light-color-button-inverse-background-hover: #ffffff0a;
+  --light-color-button-inverse-background-pressed: #ffffff0f;
+  --light-color-button-inverse-background-disabled: #ffffff0a;
+  --light-color-button-inverse-border-default: #ffffff;
+  --light-color-button-inverse-border-hover: #ffffff;
+  --light-color-button-inverse-border-pressed: #ffffff;
+  --light-color-button-inverse-border-disabled: #ffffff00;
+  --light-color-button-neutral-content-default: #070707;
+  --light-color-button-neutral-content-hover: #444444;
+  --light-color-button-neutral-content-pressed: #444444;
+  --light-color-button-neutral-content-disabled: #6c6c6c;
+  --light-color-button-neutral-background-default: #ffffff00;
+  --light-color-button-neutral-background-hover: #0000000a;
+  --light-color-button-neutral-background-pressed: #0000000f;
+  --light-color-button-neutral-background-disabled: #ffffff00;
+  --light-color-button-neutral-border-default: #ffffff00;
+  --light-color-button-neutral-border-hover: #ffffff00;
+  --light-color-button-neutral-border-pressed: #ffffff00;
+  --light-color-button-neutral-border-disabled: #ffffff00;
+  --light-color-textfield-content-default: #070707;
+  --light-color-textfield-content-placeholder: #6c6c6c;
+  --light-color-textfield-content-disabled: #828282;
+  --light-color-textfield-background-default: #ffffff;
+  --light-color-textfield-background-hover: #ffffff;
+  --light-color-textfield-background-pressed: #ffffff;
+  --light-color-textfield-background-disabled: #00000005;
+  --light-color-textfield-border-default: #989898;
+  --light-color-textfield-border-hover: #828282;
+  --light-color-textfield-border-pressed: #6c6c6c;
+  --light-color-textfield-border-error: #d50118;
+  --light-color-textfield-border-active: #00964d;
+  --light-color-textfield-border-disabled: #aeaeae;
+  --light-elevation-raised: [object Object],[object Object];
+  --light-elevation-floating: [object Object],[object Object];
+  --light-focus-outset: [object Object],[object Object];
+  --light-focus-inset: [object Object],[object Object];
+  --light-focus-textfield: [object Object];
+  --desktop-typography-font-family-primary: Fira Sans Condensed;
+  --desktop-typography-font-family-secondary: Figtree;
+  --desktop-typography-font-weight-regular: 400;
+  --desktop-typography-font-weight-semi-bold: 600;
+  --desktop-typography-font-weight-bold: 700;
+  --desktop-typography-font-weight-extrabold: 800;
+  --desktop-typography-heading-xl-family: Fira Sans Condensed;
+  --desktop-typography-heading-xl-size: 2.625rem;
+  --desktop-typography-heading-xl-line-height: 3.125rem;
+  --desktop-typography-heading-xl-weight: 700;
+  --desktop-typography-heading-xl-letter-spacing: 0rem;
+  --desktop-typography-heading-lg-family: Fira Sans Condensed;
+  --desktop-typography-heading-lg-size: 2.25rem;
+  --desktop-typography-heading-lg-line-height: 3rem;
+  --desktop-typography-heading-lg-weight: 700;
+  --desktop-typography-heading-lg-letter-spacing: 0rem;
+  --desktop-typography-heading-md-family: Fira Sans Condensed;
+  --desktop-typography-heading-md-size: 1.875rem;
+  --desktop-typography-heading-md-line-height: 2.375rem;
+  --desktop-typography-heading-md-weight: 700;
+  --desktop-typography-heading-md-letter-spacing: 0rem;
+  --desktop-typography-heading-sm-family: Fira Sans Condensed;
+  --desktop-typography-heading-sm-size: 1.5rem;
+  --desktop-typography-heading-sm-line-height: 2rem;
+  --desktop-typography-heading-sm-weight: 700;
+  --desktop-typography-heading-sm-letter-spacing: 0rem;
+  --desktop-typography-title-xl-family: Figtree;
+  --desktop-typography-title-xl-size: 2rem;
+  --desktop-typography-title-xl-line-height: 2.5rem;
+  --desktop-typography-title-xl-weight: 600;
+  --desktop-typography-title-xl-letter-spacing: 0rem;
+  --desktop-typography-title-lg-family: Figtree;
+  --desktop-typography-title-lg-size: 1.75rem;
+  --desktop-typography-title-lg-line-height: 2.5rem;
+  --desktop-typography-title-lg-weight: 600;
+  --desktop-typography-title-lg-letter-spacing: 0rem;
+  --desktop-typography-title-md-family: Figtree;
+  --desktop-typography-title-md-size: 1.5rem;
+  --desktop-typography-title-md-line-height: 2rem;
+  --desktop-typography-title-md-weight: 600;
+  --desktop-typography-title-md-letter-spacing: 0rem;
+  --desktop-typography-title-sm-family: Figtree;
+  --desktop-typography-title-sm-size: 1.25rem;
+  --desktop-typography-title-sm-line-height: 1.75rem;
+  --desktop-typography-title-sm-weight: 600;
+  --desktop-typography-title-sm-letter-spacing: 0rem;
+  --desktop-typography-body-lg-family: Figtree;
+  --desktop-typography-body-lg-size: 1.125rem;
+  --desktop-typography-body-lg-line-height: 1.5rem;
+  --desktop-typography-body-lg-weight: 400;
+  --desktop-typography-body-lg-letter-spacing: 0rem;
+  --desktop-typography-body-lg-paragraph-spacing: 0.75rem;
+  --desktop-typography-body-md-family: Figtree;
+  --desktop-typography-body-md-size: 1rem;
+  --desktop-typography-body-md-line-height: 1.5rem;
+  --desktop-typography-body-md-weight: 400;
+  --desktop-typography-body-md-letter-spacing: 0rem;
+  --desktop-typography-body-md-paragraph-spacing: 0.5rem;
+  --desktop-typography-body-sm-family: Figtree;
+  --desktop-typography-body-sm-size: 0.875rem;
+  --desktop-typography-body-sm-line-height: 1.25rem;
+  --desktop-typography-body-sm-weight: 400;
+  --desktop-typography-body-sm-letter-spacing: 0rem;
+  --desktop-typography-body-sm-paragraph-spacing: 0.375rem;
+  --desktop-typography-body-xs-family: Figtree;
+  --desktop-typography-body-xs-size: 0.75rem;
+  --desktop-typography-body-xs-line-height: 1rem;
+  --desktop-typography-body-xs-weight: 400;
+  --desktop-typography-body-xs-letter-spacing: 0rem;
+  --desktop-typography-body-xs-paragraph-spacing: 0.375rem;
+  --desktop-typography-label-lg-default-family: Figtree;
+  --desktop-typography-label-lg-default-size: 1.125rem;
+  --desktop-typography-label-lg-default-line-height: 1.75rem;
+  --desktop-typography-label-lg-default-weight: 400;
+  --desktop-typography-label-lg-default-letter-spacing: 0rem;
+  --desktop-typography-label-lg-strong-family: Figtree;
+  --desktop-typography-label-lg-strong-size: 1.125rem;
+  --desktop-typography-label-lg-strong-line-height: 1.75rem;
+  --desktop-typography-label-lg-strong-weight: 600;
+  --desktop-typography-label-lg-strong-letter-spacing: 0rem;
+  --desktop-typography-label-md-default-family: Figtree;
+  --desktop-typography-label-md-default-size: 1rem;
+  --desktop-typography-label-md-default-line-height: 1.5rem;
+  --desktop-typography-label-md-default-weight: 400;
+  --desktop-typography-label-md-default-letter-spacing: 0rem;
+  --desktop-typography-label-md-strong-family: Figtree;
+  --desktop-typography-label-md-strong-size: 1rem;
+  --desktop-typography-label-md-strong-line-height: 1.5rem;
+  --desktop-typography-label-md-strong-weight: 600;
+  --desktop-typography-label-md-strong-letter-spacing: 0rem;
+  --desktop-typography-label-sm-default-family: Figtree;
+  --desktop-typography-label-sm-default-size: 0.875rem;
+  --desktop-typography-label-sm-default-line-height: 1.25rem;
+  --desktop-typography-label-sm-default-weight: 400;
+  --desktop-typography-label-sm-default-letter-spacing: 0rem;
+  --desktop-typography-label-sm-strong-family: Figtree;
+  --desktop-typography-label-sm-strong-size: 0.875rem;
+  --desktop-typography-label-sm-strong-line-height: 1.25rem;
+  --desktop-typography-label-sm-strong-weight: 600;
+  --desktop-typography-label-sm-strong-letter-spacing: 0rem;
+  --desktop-typography-label-xs-default-family: Figtree;
+  --desktop-typography-label-xs-default-size: 0.75rem;
+  --desktop-typography-label-xs-default-line-height: 1rem;
+  --desktop-typography-label-xs-default-weight: 400;
+  --desktop-typography-label-xs-default-letter-spacing: 0rem;
+  --desktop-typography-label-xs-strong-family: Figtree;
+  --desktop-typography-label-xs-strong-size: 0.75rem;
+  --desktop-typography-label-xs-strong-line-height: 1rem;
+  --desktop-typography-label-xs-strong-weight: 600;
+  --desktop-typography-label-xs-strong-letter-spacing: -0.0125rem;
+  --desktop-space-grid-column-margin: 4.5rem;
+  --desktop-space-grid-column-gutter: 1.5rem;
+  --desktop-space-grid-column-count: 0.75rem;
+  --desktop-space-grid-row-gutter: 0.25rem;
+  --desktop-space-grid-row-height: 0.25rem;
+  --desktop-space-page-padding-none: 0rem;
+  --desktop-space-page-padding-sm: 2rem;
+  --desktop-space-page-padding-md: 2.5rem;
+  --desktop-space-page-padding-lg: 3.5rem;
+  --desktop-space-page-padding-xl: 4rem;
+  --desktop-space-page-gap-none: 0rem;
+  --desktop-space-page-gap-xs: 0.75rem;
+  --desktop-space-page-gap-sm: 1.5rem;
+  --desktop-space-page-gap-md: 2rem;
+  --desktop-space-page-gap-lg: 3rem;
+  --desktop-space-page-gap-xl: 4rem;
+  --desktop-space-page-gap-2xl: 5rem;
+  --desktop-space-container-padding-none: 0rem;
+  --desktop-space-container-padding-sm: 1rem;
+  --desktop-space-container-padding-md: 1.5rem;
+  --desktop-space-container-gap-none: 0rem;
+  --desktop-space-container-gap-xs: 0.25rem;
+  --desktop-space-container-gap-sm: 0.5rem;
+  --desktop-space-container-gap-md: 1rem;
+  --desktop-space-container-gap-lg: 1.5rem;
+  --desktop-space-container-stack-sm: 1rem;
+  --desktop-space-container-stack-md: 1.5rem;
+  --desktop-space-container-stack-lg: 2rem;
+  --desktop-space-component-padding-none: 0rem;
+  --desktop-space-component-padding-2xs: 0.125rem;
+  --desktop-space-component-padding-xs: 0.25rem;
+  --desktop-space-component-padding-sm: 0.5rem;
+  --desktop-space-component-padding-md: 0.75rem;
+  --desktop-space-component-padding-lg: 1rem;
+  --desktop-space-component-padding-xl: 1.5rem;
+  --desktop-space-component-padding-2xl: 2rem;
+  --desktop-space-component-gap-none: 0rem;
+  --desktop-space-component-gap-xs: 0.125rem;
+  --desktop-space-component-gap-sm: 0.25rem;
+  --desktop-space-component-gap-md: 0.5rem;
+  --desktop-space-component-gap-lg: 0.75rem;
+  --desktop-size-viewport-width: 80rem;
+  --desktop-size-border-radius-none: 0rem;
+  --desktop-size-border-radius-sm: 0.25rem;
+  --desktop-size-border-radius-md: 0.5rem;
+  --desktop-size-border-radius-lg: 0.75rem;
+  --desktop-size-border-radius-full: 6.25rem;
+  --desktop-size-border-width-md: 0.125rem;
+  --desktop-size-border-width-sm: 0.0625rem;
+  --desktop-size-border-width-none: 0rem;
+  --desktop-size-component-border-width: 0.0625rem;
+  --desktop-size-component-border-radius: 0.25rem;
+  --desktop-size-button-min-width-xs: 1.5rem;
+  --desktop-size-button-min-width-sm: 2rem;
+  --desktop-size-button-min-width-md: 2.5rem;
+  --desktop-size-button-min-width-lg: 3rem;
+  --desktop-size-button-border-width: 0.0625rem;
+  --desktop-size-button-border-radius: 0.25rem;
+  --desktop-size-button-min-height-xs: 1.5rem;
+  --desktop-size-button-min-height-md: 2.5rem;
+  --desktop-size-button-min-height-sm: 2rem;
+  --desktop-size-button-min-height-lg: 3rem;
+  --mobile-typography-font-family-primary: Fira Sans Condensed;
+  --mobile-typography-font-family-secondary: Figtree;
+  --mobile-typography-font-weight-regular: 400;
+  --mobile-typography-font-weight-semi-bold: 600;
+  --mobile-typography-font-weight-bold: 700;
+  --mobile-typography-font-weight-extrabold: 800;
+  --mobile-typography-heading-xl-family: Fira Sans Condensed;
+  --mobile-typography-heading-xl-size: 2rem;
+  --mobile-typography-heading-xl-line-height: 2.5rem;
+  --mobile-typography-heading-xl-weight: 700;
+  --mobile-typography-heading-xl-letter-spacing: 0rem;
+  --mobile-typography-heading-lg-family: Fira Sans Condensed;
+  --mobile-typography-heading-lg-size: 1.75rem;
+  --mobile-typography-heading-lg-line-height: 2.5rem;
+  --mobile-typography-heading-lg-weight: 700;
+  --mobile-typography-heading-lg-letter-spacing: 0rem;
+  --mobile-typography-heading-md-family: Fira Sans Condensed;
+  --mobile-typography-heading-md-size: 1.5rem;
+  --mobile-typography-heading-md-line-height: 2rem;
+  --mobile-typography-heading-md-weight: 700;
+  --mobile-typography-heading-md-letter-spacing: 0rem;
+  --mobile-typography-heading-sm-family: Fira Sans Condensed;
+  --mobile-typography-heading-sm-size: 1.25rem;
+  --mobile-typography-heading-sm-line-height: 1.75rem;
+  --mobile-typography-heading-sm-weight: 700;
+  --mobile-typography-heading-sm-letter-spacing: 0rem;
+  --mobile-typography-title-xl-family: Figtree;
+  --mobile-typography-title-xl-size: 1.75rem;
+  --mobile-typography-title-xl-line-height: 2.5rem;
+  --mobile-typography-title-xl-weight: 600;
+  --mobile-typography-title-xl-letter-spacing: 0rem;
+  --mobile-typography-title-lg-family: Figtree;
+  --mobile-typography-title-lg-size: 1.5rem;
+  --mobile-typography-title-lg-line-height: 2rem;
+  --mobile-typography-title-lg-weight: 600;
+  --mobile-typography-title-lg-letter-spacing: 0rem;
+  --mobile-typography-title-md-family: Figtree;
+  --mobile-typography-title-md-size: 1.25rem;
+  --mobile-typography-title-md-line-height: 1.75rem;
+  --mobile-typography-title-md-weight: 600;
+  --mobile-typography-title-md-letter-spacing: 0rem;
+  --mobile-typography-title-sm-family: Figtree;
+  --mobile-typography-title-sm-size: 1.125rem;
+  --mobile-typography-title-sm-line-height: 1.5rem;
+  --mobile-typography-title-sm-weight: 600;
+  --mobile-typography-title-sm-letter-spacing: 0rem;
+  --mobile-typography-body-lg-family: Figtree;
+  --mobile-typography-body-lg-size: 1.125rem;
+  --mobile-typography-body-lg-line-height: 1.5rem;
+  --mobile-typography-body-lg-weight: 400;
+  --mobile-typography-body-lg-letter-spacing: 0rem;
+  --mobile-typography-body-lg-paragraph-spacing: 0.75rem;
+  --mobile-typography-body-md-family: Figtree;
+  --mobile-typography-body-md-size: 1rem;
+  --mobile-typography-body-md-line-height: 1.5rem;
+  --mobile-typography-body-md-weight: 400;
+  --mobile-typography-body-md-letter-spacing: 0rem;
+  --mobile-typography-body-md-paragraph-spacing: 0.5rem;
+  --mobile-typography-body-sm-family: Figtree;
+  --mobile-typography-body-sm-size: 0.875rem;
+  --mobile-typography-body-sm-line-height: 1.25rem;
+  --mobile-typography-body-sm-weight: 400;
+  --mobile-typography-body-sm-letter-spacing: 0rem;
+  --mobile-typography-body-sm-paragraph-spacing: 0.375rem;
+  --mobile-typography-body-xs-family: Figtree;
+  --mobile-typography-body-xs-size: 0.75rem;
+  --mobile-typography-body-xs-line-height: 1rem;
+  --mobile-typography-body-xs-weight: 400;
+  --mobile-typography-body-xs-letter-spacing: 0rem;
+  --mobile-typography-body-xs-paragraph-spacing: 0.375rem;
+  --mobile-typography-label-lg-default-family: Figtree;
+  --mobile-typography-label-lg-default-size: 1.125rem;
+  --mobile-typography-label-lg-default-line-height: 1.75rem;
+  --mobile-typography-label-lg-default-weight: 400;
+  --mobile-typography-label-lg-default-letter-spacing: 0rem;
+  --mobile-typography-label-lg-strong-family: Figtree;
+  --mobile-typography-label-lg-strong-size: 1.125rem;
+  --mobile-typography-label-lg-strong-line-height: 1.75rem;
+  --mobile-typography-label-lg-strong-weight: 600;
+  --mobile-typography-label-lg-strong-letter-spacing: 0rem;
+  --mobile-typography-label-md-default-family: Figtree;
+  --mobile-typography-label-md-default-size: 1rem;
+  --mobile-typography-label-md-default-line-height: 1.5rem;
+  --mobile-typography-label-md-default-weight: 400;
+  --mobile-typography-label-md-default-letter-spacing: 0rem;
+  --mobile-typography-label-md-strong-family: Figtree;
+  --mobile-typography-label-md-strong-size: 1rem;
+  --mobile-typography-label-md-strong-line-height: 1.5rem;
+  --mobile-typography-label-md-strong-weight: 600;
+  --mobile-typography-label-md-strong-letter-spacing: 0rem;
+  --mobile-typography-label-sm-default-family: Figtree;
+  --mobile-typography-label-sm-default-size: 0.875rem;
+  --mobile-typography-label-sm-default-line-height: 1.25rem;
+  --mobile-typography-label-sm-default-weight: 400;
+  --mobile-typography-label-sm-default-letter-spacing: 0rem;
+  --mobile-typography-label-sm-strong-family: Figtree;
+  --mobile-typography-label-sm-strong-size: 0.875rem;
+  --mobile-typography-label-sm-strong-line-height: 1.25rem;
+  --mobile-typography-label-sm-strong-weight: 600;
+  --mobile-typography-label-sm-strong-letter-spacing: 0rem;
+  --mobile-typography-label-xs-default-family: Figtree;
+  --mobile-typography-label-xs-default-size: 0.75rem;
+  --mobile-typography-label-xs-default-line-height: 1rem;
+  --mobile-typography-label-xs-default-weight: 400;
+  --mobile-typography-label-xs-default-letter-spacing: 0rem;
+  --mobile-typography-label-xs-strong-family: Figtree;
+  --mobile-typography-label-xs-strong-size: 0.75rem;
+  --mobile-typography-label-xs-strong-line-height: 1rem;
+  --mobile-typography-label-xs-strong-weight: 600;
+  --mobile-typography-label-xs-strong-letter-spacing: 0rem;
+  --mobile-space-grid-column-margin: 1rem;
+  --mobile-space-grid-column-gutter: 1rem;
+  --mobile-space-grid-column-count: 0.125rem;
+  --mobile-space-grid-row-gutter: 0.25rem;
+  --mobile-space-grid-row-height: 0.25rem;
+  --mobile-space-page-padding-none: 0rem;
+  --mobile-space-page-padding-sm: 1rem;
+  --mobile-space-page-padding-md: 1.5rem;
+  --mobile-space-page-padding-lg: 2rem;
+  --mobile-space-page-padding-xl: 3rem;
+  --mobile-space-page-gap-none: 0rem;
+  --mobile-space-page-gap-xs: 0.25rem;
+  --mobile-space-page-gap-sm: 0.5rem;
+  --mobile-space-page-gap-md: 1rem;
+  --mobile-space-page-gap-lg: 2rem;
+  --mobile-space-page-gap-xl: 3rem;
+  --mobile-space-page-gap-2xl: 4rem;
+  --mobile-space-container-padding-none: 0rem;
+  --mobile-space-container-padding-sm: 1rem;
+  --mobile-space-container-padding-md: 1.5rem;
+  --mobile-space-container-gap-none: 0rem;
+  --mobile-space-container-gap-xs: 0.25rem;
+  --mobile-space-container-gap-sm: 0.5rem;
+  --mobile-space-container-gap-md: 1rem;
+  --mobile-space-container-gap-lg: 1.5rem;
+  --mobile-space-container-stack-sm: 0.5rem;
+  --mobile-space-container-stack-md: 1rem;
+  --mobile-space-container-stack-lg: 1.5rem;
+  --mobile-space-component-padding-none: 0rem;
+  --mobile-space-component-padding-2xs: 0.125rem;
+  --mobile-space-component-padding-xs: 0.25rem;
+  --mobile-space-component-padding-sm: 0.5rem;
+  --mobile-space-component-padding-md: 0.75rem;
+  --mobile-space-component-padding-lg: 1rem;
+  --mobile-space-component-padding-xl: 1.5rem;
+  --mobile-space-component-padding-2xl: 2rem;
+  --mobile-space-component-gap-none: 0rem;
+  --mobile-space-component-gap-xs: 0.125rem;
+  --mobile-space-component-gap-sm: 0.25rem;
+  --mobile-space-component-gap-md: 0.5rem;
+  --mobile-space-component-gap-lg: 0.75rem;
+  --mobile-size-viewport-width: 22.5rem;
+  --mobile-size-border-radius-none: 0rem;
+  --mobile-size-border-radius-sm: 0.25rem;
+  --mobile-size-border-radius-md: 0.5rem;
+  --mobile-size-border-radius-lg: 0.75rem;
+  --mobile-size-border-radius-full: 6.25rem;
+  --mobile-size-border-width-md: 0.125rem;
+  --mobile-size-border-width-sm: 0.0625rem;
+  --mobile-size-border-width-none: 0rem;
+  --mobile-size-component-border-width: 0.0625rem;
+  --mobile-size-component-border-radius: 0.25rem;
+  --mobile-size-button-min-width-xs: 1.5rem;
+  --mobile-size-button-min-width-sm: 2rem;
+  --mobile-size-button-min-width-md: 2.5rem;
+  --mobile-size-button-min-width-lg: 3rem;
+  --mobile-size-button-border-width: 0.0625rem;
+  --mobile-size-button-border-radius: 0.25rem;
+  --mobile-size-button-min-height-xs: 1.5rem;
+  --mobile-size-button-min-height-md: 2.5rem;
+  --mobile-size-button-min-height-sm: 2rem;
+  --mobile-size-button-min-height-lg: 3rem;
+  --tablet-typography-font-family-primary: Fira Sans Condensed;
+  --tablet-typography-font-family-secondary: Figtree;
+  --tablet-typography-font-weight-regular: 400;
+  --tablet-typography-font-weight-semi-bold: 600;
+  --tablet-typography-font-weight-bold: 700;
+  --tablet-typography-font-weight-extrabold: 800;
+  --tablet-typography-heading-xl-family: Fira Sans Condensed;
+  --tablet-typography-heading-xl-size: 2.25rem;
+  --tablet-typography-heading-xl-line-height: 2.75rem;
+  --tablet-typography-heading-xl-weight: 700;
+  --tablet-typography-heading-xl-letter-spacing: 0rem;
+  --tablet-typography-heading-lg-family: Fira Sans Condensed;
+  --tablet-typography-heading-lg-size: 2rem;
+  --tablet-typography-heading-lg-line-height: 2.75rem;
+  --tablet-typography-heading-lg-weight: 700;
+  --tablet-typography-heading-lg-letter-spacing: 0rem;
+  --tablet-typography-heading-md-family: Fira Sans Condensed;
+  --tablet-typography-heading-md-size: 1.625rem;
+  --tablet-typography-heading-md-line-height: 2.125rem;
+  --tablet-typography-heading-md-weight: 700;
+  --tablet-typography-heading-md-letter-spacing: 0rem;
+  --tablet-typography-heading-sm-family: Fira Sans Condensed;
+  --tablet-typography-heading-sm-size: 1.25rem;
+  --tablet-typography-heading-sm-line-height: 1.75rem;
+  --tablet-typography-heading-sm-weight: 700;
+  --tablet-typography-heading-sm-letter-spacing: 0rem;
+  --tablet-typography-title-xl-family: Figtree;
+  --tablet-typography-title-xl-size: 1.875rem;
+  --tablet-typography-title-xl-line-height: 2.5rem;
+  --tablet-typography-title-xl-weight: 600;
+  --tablet-typography-title-xl-letter-spacing: 0rem;
+  --tablet-typography-title-lg-family: Figtree;
+  --tablet-typography-title-lg-size: 1.5rem;
+  --tablet-typography-title-lg-line-height: 2rem;
+  --tablet-typography-title-lg-weight: 600;
+  --tablet-typography-title-lg-letter-spacing: 0rem;
+  --tablet-typography-title-md-family: Figtree;
+  --tablet-typography-title-md-size: 1.375rem;
+  --tablet-typography-title-md-line-height: 1.75rem;
+  --tablet-typography-title-md-weight: 600;
+  --tablet-typography-title-md-letter-spacing: 0rem;
+  --tablet-typography-title-sm-family: Figtree;
+  --tablet-typography-title-sm-size: 1.125rem;
+  --tablet-typography-title-sm-line-height: 1.5rem;
+  --tablet-typography-title-sm-weight: 600;
+  --tablet-typography-title-sm-letter-spacing: 0rem;
+  --tablet-typography-body-lg-family: Figtree;
+  --tablet-typography-body-lg-size: 1.125rem;
+  --tablet-typography-body-lg-line-height: 1.5rem;
+  --tablet-typography-body-lg-weight: 400;
+  --tablet-typography-body-lg-letter-spacing: 0rem;
+  --tablet-typography-body-lg-paragraph-spacing: 0.75rem;
+  --tablet-typography-body-md-family: Figtree;
+  --tablet-typography-body-md-size: 1rem;
+  --tablet-typography-body-md-line-height: 1.5rem;
+  --tablet-typography-body-md-weight: 400;
+  --tablet-typography-body-md-letter-spacing: 0rem;
+  --tablet-typography-body-md-paragraph-spacing: 0.5rem;
+  --tablet-typography-body-sm-family: Figtree;
+  --tablet-typography-body-sm-size: 0.875rem;
+  --tablet-typography-body-sm-line-height: 1.25rem;
+  --tablet-typography-body-sm-weight: 400;
+  --tablet-typography-body-sm-letter-spacing: 0rem;
+  --tablet-typography-body-sm-paragraph-spacing: 0.375rem;
+  --tablet-typography-body-xs-family: Figtree;
+  --tablet-typography-body-xs-size: 0.75rem;
+  --tablet-typography-body-xs-line-height: 1rem;
+  --tablet-typography-body-xs-weight: 400;
+  --tablet-typography-body-xs-letter-spacing: 0rem;
+  --tablet-typography-body-xs-paragraph-spacing: 0.375rem;
+  --tablet-typography-label-lg-default-family: Figtree;
+  --tablet-typography-label-lg-default-size: 1.125rem;
+  --tablet-typography-label-lg-default-line-height: 1.75rem;
+  --tablet-typography-label-lg-default-weight: 400;
+  --tablet-typography-label-lg-default-letter-spacing: 0rem;
+  --tablet-typography-label-lg-strong-family: Figtree;
+  --tablet-typography-label-lg-strong-size: 1.125rem;
+  --tablet-typography-label-lg-strong-line-height: 1.75rem;
+  --tablet-typography-label-lg-strong-weight: 600;
+  --tablet-typography-label-lg-strong-letter-spacing: 0rem;
+  --tablet-typography-label-md-default-family: Figtree;
+  --tablet-typography-label-md-default-size: 1rem;
+  --tablet-typography-label-md-default-line-height: 1.5rem;
+  --tablet-typography-label-md-default-weight: 400;
+  --tablet-typography-label-md-default-letter-spacing: 0rem;
+  --tablet-typography-label-md-strong-family: Figtree;
+  --tablet-typography-label-md-strong-size: 1rem;
+  --tablet-typography-label-md-strong-line-height: 1.5rem;
+  --tablet-typography-label-md-strong-weight: 600;
+  --tablet-typography-label-md-strong-letter-spacing: 0rem;
+  --tablet-typography-label-sm-default-family: Figtree;
+  --tablet-typography-label-sm-default-size: 0.875rem;
+  --tablet-typography-label-sm-default-line-height: 1.25rem;
+  --tablet-typography-label-sm-default-weight: 400;
+  --tablet-typography-label-sm-default-letter-spacing: 0rem;
+  --tablet-typography-label-sm-strong-family: Figtree;
+  --tablet-typography-label-sm-strong-size: 0.875rem;
+  --tablet-typography-label-sm-strong-line-height: 1.25rem;
+  --tablet-typography-label-sm-strong-weight: 600;
+  --tablet-typography-label-sm-strong-letter-spacing: 0rem;
+  --tablet-typography-label-xs-default-family: Figtree;
+  --tablet-typography-label-xs-default-size: 0.75rem;
+  --tablet-typography-label-xs-default-line-height: 1rem;
+  --tablet-typography-label-xs-default-weight: 400;
+  --tablet-typography-label-xs-default-letter-spacing: 0rem;
+  --tablet-typography-label-xs-strong-family: Figtree;
+  --tablet-typography-label-xs-strong-size: 0.75rem;
+  --tablet-typography-label-xs-strong-line-height: 1rem;
+  --tablet-typography-label-xs-strong-weight: 600;
+  --tablet-typography-label-xs-strong-letter-spacing: 0rem;
+  --tablet-space-grid-column-margin: 1.5rem;
+  --tablet-space-grid-column-gutter: 1rem;
+  --tablet-space-grid-column-count: 0.375rem;
+  --tablet-space-grid-row-gutter: 0.25rem;
+  --tablet-space-grid-row-height: 0.25rem;
+  --tablet-space-page-padding-none: 0rem;
+  --tablet-space-page-padding-sm: 1.5rem;
+  --tablet-space-page-padding-md: 2rem;
+  --tablet-space-page-padding-lg: 3rem;
+  --tablet-space-page-padding-xl: 3.5rem;
+  --tablet-space-page-gap-none: 0rem;
+  --tablet-space-page-gap-xs: 0.25rem;
+  --tablet-space-page-gap-sm: 0.5rem;
+  --tablet-space-page-gap-md: 1rem;
+  --tablet-space-page-gap-lg: 2rem;
+  --tablet-space-page-gap-xl: 3rem;
+  --tablet-space-page-gap-2xl: 4rem;
+  --tablet-space-container-padding-none: 0rem;
+  --tablet-space-container-padding-sm: 1rem;
+  --tablet-space-container-padding-md: 1.5rem;
+  --tablet-space-container-gap-none: 0rem;
+  --tablet-space-container-gap-xs: 0.25rem;
+  --tablet-space-container-gap-sm: 0.5rem;
+  --tablet-space-container-gap-md: 1rem;
+  --tablet-space-container-gap-lg: 1.5rem;
+  --tablet-space-container-stack-sm: 0.5rem;
+  --tablet-space-container-stack-md: 1rem;
+  --tablet-space-container-stack-lg: 1.5rem;
+  --tablet-space-component-padding-none: 0rem;
+  --tablet-space-component-padding-2xs: 0.125rem;
+  --tablet-space-component-padding-xs: 0.25rem;
+  --tablet-space-component-padding-sm: 0.5rem;
+  --tablet-space-component-padding-md: 0.75rem;
+  --tablet-space-component-padding-lg: 1rem;
+  --tablet-space-component-padding-xl: 1.5rem;
+  --tablet-space-component-padding-2xl: 2rem;
+  --tablet-space-component-gap-none: 0rem;
+  --tablet-space-component-gap-xs: 0.125rem;
+  --tablet-space-component-gap-sm: 0.25rem;
+  --tablet-space-component-gap-md: 0.5rem;
+  --tablet-space-component-gap-lg: 0.75rem;
+  --tablet-size-viewport-width: 48rem;
+  --tablet-size-border-radius-none: 0rem;
+  --tablet-size-border-radius-sm: 0.25rem;
+  --tablet-size-border-radius-md: 0.5rem;
+  --tablet-size-border-radius-lg: 0.75rem;
+  --tablet-size-border-radius-full: 6.25rem;
+  --tablet-size-border-width-md: 0.125rem;
+  --tablet-size-border-width-sm: 0.0625rem;
+  --tablet-size-border-width-none: 0rem;
+  --tablet-size-component-border-width: 0.0625rem;
+  --tablet-size-component-border-radius: 0.25rem;
+  --tablet-size-button-min-width-xs: 1.5rem;
+  --tablet-size-button-min-width-sm: 2rem;
+  --tablet-size-button-min-width-md: 2.5rem;
+  --tablet-size-button-min-width-lg: 3rem;
+  --tablet-size-button-border-width: 0.0625rem;
+  --tablet-size-button-border-radius: 0.25rem;
+  --tablet-size-button-min-height-xs: 1.5rem;
+  --tablet-size-button-min-height-md: 2.5rem;
+  --tablet-size-button-min-height-sm: 2rem;
+  --tablet-size-button-min-height-lg: 3rem;
+  --widescreen-typography-font-family-primary: Fira Sans Condensed;
+  --widescreen-typography-font-family-secondary: Figtree;
+  --widescreen-typography-font-weight-regular: 400;
+  --widescreen-typography-font-weight-semi-bold: 600;
+  --widescreen-typography-font-weight-bold: 700;
+  --widescreen-typography-font-weight-extrabold: 800;
+  --widescreen-typography-heading-xl-family: Fira Sans Condensed;
+  --widescreen-typography-heading-xl-size: 3rem;
+  --widescreen-typography-heading-xl-line-height: 3.5rem;
+  --widescreen-typography-heading-xl-weight: 700;
+  --widescreen-typography-heading-xl-letter-spacing: 0rem;
+  --widescreen-typography-heading-lg-family: Fira Sans Condensed;
+  --widescreen-typography-heading-lg-size: 2.5rem;
+  --widescreen-typography-heading-lg-line-height: 3rem;
+  --widescreen-typography-heading-lg-weight: 700;
+  --widescreen-typography-heading-lg-letter-spacing: 0rem;
+  --widescreen-typography-heading-md-family: Fira Sans Condensed;
+  --widescreen-typography-heading-md-size: 2rem;
+  --widescreen-typography-heading-md-line-height: 2.5rem;
+  --widescreen-typography-heading-md-weight: 700;
+  --widescreen-typography-heading-md-letter-spacing: 0rem;
+  --widescreen-typography-heading-sm-family: Fira Sans Condensed;
+  --widescreen-typography-heading-sm-size: 1.5rem;
+  --widescreen-typography-heading-sm-line-height: 2rem;
+  --widescreen-typography-heading-sm-weight: 700;
+  --widescreen-typography-heading-sm-letter-spacing: 0rem;
+  --widescreen-typography-title-xl-family: Figtree;
+  --widescreen-typography-title-xl-size: 2rem;
+  --widescreen-typography-title-xl-line-height: 2.5rem;
+  --widescreen-typography-title-xl-weight: 600;
+  --widescreen-typography-title-xl-letter-spacing: 0rem;
+  --widescreen-typography-title-lg-family: Figtree;
+  --widescreen-typography-title-lg-size: 1.75rem;
+  --widescreen-typography-title-lg-line-height: 2.5rem;
+  --widescreen-typography-title-lg-weight: 600;
+  --widescreen-typography-title-lg-letter-spacing: 0rem;
+  --widescreen-typography-title-md-family: Figtree;
+  --widescreen-typography-title-md-size: 1.5rem;
+  --widescreen-typography-title-md-line-height: 2rem;
+  --widescreen-typography-title-md-weight: 600;
+  --widescreen-typography-title-md-letter-spacing: 0rem;
+  --widescreen-typography-title-sm-family: Figtree;
+  --widescreen-typography-title-sm-size: 1.25rem;
+  --widescreen-typography-title-sm-line-height: 1.75rem;
+  --widescreen-typography-title-sm-weight: 600;
+  --widescreen-typography-title-sm-letter-spacing: 0rem;
+  --widescreen-typography-body-lg-family: Figtree;
+  --widescreen-typography-body-lg-size: 1.125rem;
+  --widescreen-typography-body-lg-line-height: 1.5rem;
+  --widescreen-typography-body-lg-weight: 400;
+  --widescreen-typography-body-lg-letter-spacing: 0rem;
+  --widescreen-typography-body-lg-paragraph-spacing: 0.75rem;
+  --widescreen-typography-body-md-family: Figtree;
+  --widescreen-typography-body-md-size: 1rem;
+  --widescreen-typography-body-md-line-height: 1.5rem;
+  --widescreen-typography-body-md-weight: 400;
+  --widescreen-typography-body-md-letter-spacing: 0rem;
+  --widescreen-typography-body-md-paragraph-spacing: 0.5rem;
+  --widescreen-typography-body-sm-family: Figtree;
+  --widescreen-typography-body-sm-size: 0.875rem;
+  --widescreen-typography-body-sm-line-height: 1.25rem;
+  --widescreen-typography-body-sm-weight: 400;
+  --widescreen-typography-body-sm-letter-spacing: 0rem;
+  --widescreen-typography-body-sm-paragraph-spacing: 0.375rem;
+  --widescreen-typography-body-xs-family: Figtree;
+  --widescreen-typography-body-xs-size: 0.75rem;
+  --widescreen-typography-body-xs-line-height: 1rem;
+  --widescreen-typography-body-xs-weight: 400;
+  --widescreen-typography-body-xs-letter-spacing: 0rem;
+  --widescreen-typography-body-xs-paragraph-spacing: 0.375rem;
+  --widescreen-typography-label-lg-default-family: Figtree;
+  --widescreen-typography-label-lg-default-size: 1.125rem;
+  --widescreen-typography-label-lg-default-line-height: 1.75rem;
+  --widescreen-typography-label-lg-default-weight: 400;
+  --widescreen-typography-label-lg-default-letter-spacing: 0rem;
+  --widescreen-typography-label-lg-strong-family: Figtree;
+  --widescreen-typography-label-lg-strong-size: 1.125rem;
+  --widescreen-typography-label-lg-strong-line-height: 1.75rem;
+  --widescreen-typography-label-lg-strong-weight: 600;
+  --widescreen-typography-label-lg-strong-letter-spacing: 0rem;
+  --widescreen-typography-label-md-default-family: Figtree;
+  --widescreen-typography-label-md-default-size: 1rem;
+  --widescreen-typography-label-md-default-line-height: 1.5rem;
+  --widescreen-typography-label-md-default-weight: 400;
+  --widescreen-typography-label-md-default-letter-spacing: 0rem;
+  --widescreen-typography-label-md-strong-family: Figtree;
+  --widescreen-typography-label-md-strong-size: 1rem;
+  --widescreen-typography-label-md-strong-line-height: 1.5rem;
+  --widescreen-typography-label-md-strong-weight: 600;
+  --widescreen-typography-label-md-strong-letter-spacing: 0rem;
+  --widescreen-typography-label-sm-default-family: Figtree;
+  --widescreen-typography-label-sm-default-size: 0.875rem;
+  --widescreen-typography-label-sm-default-line-height: 1.25rem;
+  --widescreen-typography-label-sm-default-weight: 400;
+  --widescreen-typography-label-sm-default-letter-spacing: 0rem;
+  --widescreen-typography-label-sm-strong-family: Figtree;
+  --widescreen-typography-label-sm-strong-size: 0.875rem;
+  --widescreen-typography-label-sm-strong-line-height: 1.25rem;
+  --widescreen-typography-label-sm-strong-weight: 600;
+  --widescreen-typography-label-sm-strong-letter-spacing: 0rem;
+  --widescreen-typography-label-xs-default-family: Figtree;
+  --widescreen-typography-label-xs-default-size: 0.75rem;
+  --widescreen-typography-label-xs-default-line-height: 1rem;
+  --widescreen-typography-label-xs-default-weight: 400;
+  --widescreen-typography-label-xs-default-letter-spacing: 0rem;
+  --widescreen-typography-label-xs-strong-family: Figtree;
+  --widescreen-typography-label-xs-strong-size: 0.75rem;
+  --widescreen-typography-label-xs-strong-line-height: 1rem;
+  --widescreen-typography-label-xs-strong-weight: 600;
+  --widescreen-typography-label-xs-strong-letter-spacing: 0rem;
+  --widescreen-space-grid-column-margin: 6.75rem;
+  --widescreen-space-grid-column-gutter: 1.5rem;
+  --widescreen-space-grid-column-count: 0.75rem;
+  --widescreen-space-grid-row-gutter: 0.25rem;
+  --widescreen-space-grid-row-height: 0.25rem;
+  --widescreen-space-page-padding-none: 0rem;
+  --widescreen-space-page-padding-sm: 2.5rem;
+  --widescreen-space-page-padding-md: 3rem;
+  --widescreen-space-page-padding-lg: 4rem;
+  --widescreen-space-page-padding-xl: 4.5rem;
+  --widescreen-space-page-gap-none: 0rem;
+  --widescreen-space-page-gap-xs: 0.75rem;
+  --widescreen-space-page-gap-sm: 1.5rem;
+  --widescreen-space-page-gap-md: 2rem;
+  --widescreen-space-page-gap-lg: 3rem;
+  --widescreen-space-page-gap-xl: 4rem;
+  --widescreen-space-page-gap-2xl: 5rem;
+  --widescreen-space-container-padding-none: 0rem;
+  --widescreen-space-container-padding-sm: 1rem;
+  --widescreen-space-container-padding-md: 1.5rem;
+  --widescreen-space-container-gap-none: 0rem;
+  --widescreen-space-container-gap-xs: 0.25rem;
+  --widescreen-space-container-gap-sm: 0.5rem;
+  --widescreen-space-container-gap-md: 1rem;
+  --widescreen-space-container-gap-lg: 1.5rem;
+  --widescreen-space-container-stack-sm: 1rem;
+  --widescreen-space-container-stack-md: 1.5rem;
+  --widescreen-space-container-stack-lg: 2rem;
+  --widescreen-space-component-padding-none: 0rem;
+  --widescreen-space-component-padding-2xs: 0.125rem;
+  --widescreen-space-component-padding-xs: 0.25rem;
+  --widescreen-space-component-padding-sm: 0.5rem;
+  --widescreen-space-component-padding-md: 0.75rem;
+  --widescreen-space-component-padding-lg: 1rem;
+  --widescreen-space-component-padding-xl: 1.5rem;
+  --widescreen-space-component-padding-2xl: 2rem;
+  --widescreen-space-component-gap-none: 0rem;
+  --widescreen-space-component-gap-xs: 0.125rem;
+  --widescreen-space-component-gap-sm: 0.25rem;
+  --widescreen-space-component-gap-md: 0.5rem;
+  --widescreen-space-component-gap-lg: 0.75rem;
+  --widescreen-size-viewport-width: 90rem;
+  --widescreen-size-border-radius-none: 0rem;
+  --widescreen-size-border-radius-sm: 0.25rem;
+  --widescreen-size-border-radius-md: 0.5rem;
+  --widescreen-size-border-radius-lg: 0.75rem;
+  --widescreen-size-border-radius-full: 6.25rem;
+  --widescreen-size-border-width-md: 0.125rem;
+  --widescreen-size-border-width-sm: 0.0625rem;
+  --widescreen-size-border-width-none: 0rem;
+  --widescreen-size-component-border-width: 0.0625rem;
+  --widescreen-size-component-border-radius: 0.25rem;
+  --widescreen-size-button-min-width-xs: 1.5rem;
+  --widescreen-size-button-min-width-sm: 2rem;
+  --widescreen-size-button-min-width-md: 2.5rem;
+  --widescreen-size-button-min-width-lg: 3rem;
+  --widescreen-size-button-border-width: 0.0625rem;
+  --widescreen-size-button-border-radius: 0.25rem;
+  --widescreen-size-button-min-height-xs: 1.5rem;
+  --widescreen-size-button-min-height-md: 2.5rem;
+  --widescreen-size-button-min-height-sm: 2rem;
+  --widescreen-size-button-min-height-lg: 3rem;
+  --base-color-basic-white: #ffffff;
+  --base-color-basic-black: #000000;
+  --base-color-opacity-transparent: #ffffff00;
+  --base-color-opacity-black-02: #00000005;
+  --base-color-opacity-black-04: #0000000a;
+  --base-color-opacity-black-06: #0000000f;
+  --base-color-opacity-black-08: #00000014;
+  --base-color-opacity-black-16: #00000029;
+  --base-color-opacity-black-32: #00000052;
+  --base-color-opacity-black-48: #0000007a;
+  --base-color-opacity-white-02: #ffffff05;
+  --base-color-opacity-white-04: #ffffff0a;
+  --base-color-opacity-white-06: #ffffff0f;
+  --base-color-opacity-white-08: #ffffff14;
+  --base-color-opacity-white-16: #ffffff29;
+  --base-color-opacity-white-32: #ffffff52;
+  --base-color-opacity-white-48: #ffffff7a;
+  --base-color-neutral-25: #f9f9f9;
+  --base-color-neutral-50: #f3f3f3;
+  --base-color-neutral-75: #ececec;
+  --base-color-neutral-100: #e5e5e5;
+  --base-color-neutral-125: #dedede;
+  --base-color-neutral-150: #d1d1d1;
+  --base-color-neutral-225: #c1c1c1;
+  --base-color-neutral-300: #aeaeae;
+  --base-color-neutral-375: #989898;
+  --base-color-neutral-450: #828282;
+  --base-color-neutral-550: #6c6c6c;
+  --base-color-neutral-625: #565656;
+  --base-color-neutral-700: #444444;
+  --base-color-neutral-750: #393939;
+  --base-color-neutral-825: #2c2c2c;
+  --base-color-neutral-850: #242424;
+  --base-color-neutral-900: #1b1b1b;
+  --base-color-neutral-925: #171717;
+  --base-color-neutral-950: #0e0e0e;
+  --base-color-neutral-975: #070707;
+  --base-color-teal-25: #ecfdfa;
+  --base-color-teal-50: #d5fcf4;
+  --base-color-teal-75: #affbee;
+  --base-color-teal-100: #78fbe8;
+  --base-color-teal-125: #50f7e1;
+  --base-color-teal-150: #3eead4;
+  --base-color-teal-225: #22d9c4;
+  --base-color-teal-300: #14b8a6;
+  --base-color-teal-375: #12ac9b;
+  --base-color-teal-450: #0e9384;
+  --base-color-teal-550: #0b7a6d;
+  --base-color-teal-625: #066359;
+  --base-color-teal-700: #034e46;
+  --base-color-teal-750: #02413a;
+  --base-color-teal-825: #05322d;
+  --base-color-teal-850: #052924;
+  --base-color-teal-900: #05201c;
+  --base-color-teal-925: #051a17;
+  --base-color-teal-950: #04110e;
+  --base-color-teal-975: #020907;
+  --base-color-orange-25: #fdf8f6;
+  --base-color-orange-50: #fcf1ec;
+  --base-color-orange-75: #fbe9df;
+  --base-color-orange-100: #fae0d1;
+  --base-color-orange-125: #fad7c3;
+  --base-color-orange-150: #fac6a8;
+  --base-color-orange-225: #fbae80;
+  --base-color-orange-300: #fb914f;
+  --base-color-orange-375: #f97316;
+  --base-color-orange-450: #d15f11;
+  --base-color-orange-550: #ae4e0c;
+  --base-color-orange-625: #8e3e07;
+  --base-color-orange-700: #713106;
+  --base-color-orange-750: #5e2905;
+  --base-color-orange-825: #472107;
+  --base-color-orange-850: #381c07;
+  --base-color-orange-900: #2a1707;
+  --base-color-orange-925: #221306;
+  --base-color-orange-950: #160c04;
+  --base-color-orange-975: #0d0602;
+  --base-color-green-25: #eefdf1;
+  --base-color-green-50: #dafce1;
+  --base-color-green-75: #bafcca;
+  --base-color-green-100: #90fcaf;
+  --base-color-green-125: #49fc90;
+  --base-color-green-150: #35ef84;
+  --base-color-green-225: #10dd75;
+  --base-color-green-300: #02c868;
+  --base-color-green-375: #01b05a;
+  --base-color-green-450: #00964d;
+  --base-color-green-550: #017d3e;
+  --base-color-green-625: #006531;
+  --base-color-green-700: #004b23;
+  --base-color-green-750: #00431f;
+  --base-color-green-825: #033417;
+  --base-color-green-850: #042a13;
+  --base-color-green-900: #05210d;
+  --base-color-green-925: #051b0a;
+  --base-color-green-950: #031106;
+  --base-color-green-975: #020903;
+  --base-color-blue-grey-25: #f9f9fa;
+  --base-color-blue-grey-50: #f2f4f6;
+  --base-color-blue-grey-75: #eaedf1;
+  --base-color-blue-grey-100: #e2e6ec;
+  --base-color-blue-grey-125: #dadfe7;
+  --base-color-blue-grey-150: #cbd2de;
+  --base-color-blue-grey-225: #b7c2d3;
+  --base-color-blue-grey-300: #a0afc6;
+  --base-color-blue-grey-375: #879bb7;
+  --base-color-blue-grey-450: #72849e;
+  --base-color-blue-grey-550: #64748b;
+  --base-color-blue-grey-625: #4c586b;
+  --base-color-blue-grey-700: #3b4554;
+  --base-color-blue-grey-750: #313a47;
+  --base-color-blue-grey-825: #262d37;
+  --base-color-blue-grey-850: #1f242c;
+  --base-color-blue-grey-900: #181c22;
+  --base-color-blue-grey-925: #13171c;
+  --base-color-blue-grey-950: #0b0e13;
+  --base-color-blue-grey-975: #06080b;
+  --base-color-pink-25: #fcf8fa;
+  --base-color-pink-50: #faf1f4;
+  --base-color-pink-75: #f9e8ee;
+  --base-color-pink-100: #f7dfe8;
+  --base-color-pink-125: #f7d5e1;
+  --base-color-pink-150: #f5c4d6;
+  --base-color-pink-225: #f4acc8;
+  --base-color-pink-300: #f28fb8;
+  --base-color-pink-375: #ee6aa5;
+  --base-color-pink-450: #ec4899;
+  --base-color-pink-550: #be3279;
+  --base-color-pink-625: #9b2762;
+  --base-color-pink-700: #7c1d4d;
+  --base-color-pink-750: #691841;
+  --base-color-pink-825: #521332;
+  --base-color-pink-850: #431028;
+  --base-color-pink-900: #340c1f;
+  --base-color-pink-925: #2b0a1a;
+  --base-color-pink-950: #1e0511;
+  --base-color-pink-975: #130309;
+  --base-color-danger-25: #fdf8f7;
+  --base-color-danger-50: #fcf1ef;
+  --base-color-danger-75: #fbe8e4;
+  --base-color-danger-100: #fbdfd8;
+  --base-color-danger-125: #fcd5cd;
+  --base-color-danger-150: #fcc4b7;
+  --base-color-danger-225: #feab99;
+  --base-color-danger-300: #ff8c76;
+  --base-color-danger-375: #ff634e;
+  --base-color-danger-450: #ff3d32;
+  --base-color-danger-550: #d50118;
+  --base-color-danger-625: #af0011;
+  --base-color-danger-700: #8c000b;
+  --base-color-danger-750: #770006;
+  --base-color-danger-825: #5b0803;
+  --base-color-danger-850: #470e04;
+  --base-color-danger-900: #341005;
+  --base-color-danger-925: #280f05;
+  --base-color-danger-950: #1b0903;
+  --base-color-danger-975: #100502;
+  --base-color-success-25: #effdf0;
+  --base-color-success-50: #dcfce0;
+  --base-color-success-75: #befbc7;
+  --base-color-success-100: #97fbaa;
+  --base-color-success-125: #5bfb88;
+  --base-color-success-150: #45ee7b;
+  --base-color-success-225: #2ddd6c;
+  --base-color-success-300: #22c55e;
+  --base-color-success-375: #1daf53;
+  --base-color-success-450: #189646;
+  --base-color-success-550: #127c39;
+  --base-color-success-625: #0c652d;
+  --base-color-success-700: #075022;
+  --base-color-success-750: #05431b;
+  --base-color-success-825: #073415;
+  --base-color-success-850: #062a10;
+  --base-color-success-900: #06210b;
+  --base-color-success-925: #061b09;
+  --base-color-success-950: #041105;
+  --base-color-success-975: #020903;
+  --base-color-warning-25: #fdf9f1;
+  --base-color-warning-50: #fcf2e2;
+  --base-color-warning-75: #fceacb;
+  --base-color-warning-100: #fce1b1;
+  --base-color-warning-125: #fcd993;
+  --base-color-warning-150: #fdc94c;
+  --base-color-warning-225: #eab308;
+  --base-color-warning-300: #d8a506;
+  --base-color-warning-375: #be9105;
+  --base-color-warning-450: #a37c03;
+  --base-color-warning-550: #876602;
+  --base-color-warning-625: #6e5202;
+  --base-color-warning-700: #574001;
+  --base-color-warning-750: #493601;
+  --base-color-warning-825: #382a03;
+  --base-color-warning-850: #2d2205;
+  --base-color-warning-900: #231a05;
+  --base-color-warning-925: #1c1605;
+  --base-color-warning-950: #120d03;
+  --base-color-warning-975: #0a0702;
+  --base-color-info-25: #faf9fd;
+  --base-color-info-50: #f4f3fb;
+  --base-color-info-75: #edebfa;
+  --base-color-info-100: #e7e3f9;
+  --base-color-info-125: #e0dbf9;
+  --base-color-info-150: #d4cdf8;
+  --base-color-info-225: #c3baf8;
+  --base-color-info-300: #aea5f7;
+  --base-color-info-375: #968ef5;
+  --base-color-info-450: #7975f3;
+  --base-color-info-550: #6366f1;
+  --base-color-info-625: #2a47df;
+  --base-color-info-700: #2037b3;
+  --base-color-info-750: #192e99;
+  --base-color-info-825: #172376;
+  --base-color-info-850: #141c61;
+  --base-color-info-900: #11164c;
+  --base-color-info-925: #0f123f;
+  --base-color-info-950: #0c0832;
+  --base-color-info-975: #0a0225;
+  --base-size-border-width-0: 0rem;
+  --base-size-border-width-5: 0.03125rem;
+  --base-size-border-width-10: 0.0625rem;
+  --base-size-border-width-20: 0.125rem;
+  --base-size-border-width-40: 0.25rem;
+  --base-size-dimensions-0: 0rem;
+  --base-size-dimensions-25: 0.0625rem;
+  --base-size-dimensions-50: 0.125rem;
+  --base-size-dimensions-100: 0.25rem;
+  --base-size-dimensions-150: 0.375rem;
+  --base-size-dimensions-200: 0.5rem;
+  --base-size-dimensions-300: 0.75rem;
+  --base-size-dimensions-350: 0.875rem;
+  --base-size-dimensions-400: 1rem;
+  --base-size-dimensions-450: 1.125rem;
+  --base-size-dimensions-500: 1.25rem;
+  --base-size-dimensions-550: 1.375rem;
+  --base-size-dimensions-600: 1.5rem;
+  --base-size-dimensions-650: 1.625rem;
+  --base-size-dimensions-700: 1.75rem;
+  --base-size-dimensions-750: 1.875rem;
+  --base-size-dimensions-800: 2rem;
+  --base-size-dimensions-850: 2.125rem;
+  --base-size-dimensions-900: 2.25rem;
+  --base-size-dimensions-950: 2.375rem;
+  --base-size-dimensions-1000: 2.5rem;
+  --base-size-dimensions-1050: 2.625rem;
+  --base-size-dimensions-1100: 2.75rem;
+  --base-size-dimensions-1150: 2.875rem;
+  --base-size-dimensions-1200: 3rem;
+  --base-size-dimensions-1250: 3.125rem;
+  --base-size-dimensions-1400: 3.5rem;
+  --base-size-dimensions-1600: 4rem;
+  --base-size-dimensions-1800: 4.5rem;
+  --base-size-dimensions-2000: 5rem;
+  --base-size-dimensions-2100: 5.25rem;
+  --base-size-dimensions-2200: 5.5rem;
+  --base-size-dimensions-2250: 6.25rem;
+  --base-size-dimensions-2300: 6.375rem;
+  --base-size-dimensions-2500: 6.75rem;
+  --base-size-dimensions-2600: 7rem;
+  --base-size-dimensions-3200: 8rem;
+  --base-size-dimensions-6400: 16rem;
+  }