: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;
  --avatar: 1/1;
  --card: 3/2;
  --thumbnail: 1/1;
  --icon-button: 1/1;
  --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: #393939;
  --dark-color-core-background-brand-soft: #004b23;
  --dark-color-core-background-brand-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-content-active: #ffffff;
  --dark-color-action-neutral-background-default: #ffffff00;
  --dark-color-action-neutral-background-hover: #ffffff0f;
  --dark-color-action-neutral-background-pressed: #ffffff14;
  --dark-color-action-neutral-background-disabled: #ffffff00;
  --dark-color-action-neutral-background-active: #ffffff00;
  --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-neutral-border-active: #ffffff00;
  --dark-color-action-danger-content-default: #ff634e;
  --dark-color-action-danger-content-hover: #af0011;
  --dark-color-action-danger-content-pressed: #af0011;
  --dark-color-action-danger-content-disabled: #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-subtle: #070707;
  --dark-color-feedback-danger-soft: #770006;
  --dark-color-feedback-danger-default: #ff8c76;
  --dark-color-feedback-danger-strong: #ff8c76;
  --dark-color-feedback-danger-stronger: #ffffff;
  --dark-color-feedback-success-subtle: #070707;
  --dark-color-feedback-success-soft: #075022;
  --dark-color-feedback-success-default: #45ee7b;
  --dark-color-feedback-success-strong: #45ee7b;
  --dark-color-feedback-success-stronger: #ffffff;
  --dark-color-feedback-warning-subtle: #070707;
  --dark-color-feedback-warning-soft: #493601;
  --dark-color-feedback-warning-default: #fcd993;
  --dark-color-feedback-warning-strong: #fcd993;
  --dark-color-feedback-warning-stronger: #ffffff;
  --dark-color-feedback-info-subtle: #070707;
  --dark-color-feedback-info-soft: #004aaf;
  --dark-color-feedback-info-default: #8de4ff;
  --dark-color-feedback-info-strong: #8de4ff;
  --dark-color-feedback-info-stronger: #ffffff;
  --dark-color-feedback-neutral-subtle: #070707;
  --dark-color-feedback-neutral-soft: #aeaeae33;
  --dark-color-feedback-neutral-default: #dedede;
  --dark-color-feedback-neutral-strong: #dedede;
  --dark-color-feedback-neutral-stronger: #ffffff;
  --dark-color-decorative-primary-subtle: #ffffff;
  --dark-color-decorative-primary-soft: #192e99;
  --dark-color-decorative-primary-default: #aea5f7;
  --dark-color-decorative-primary-strong: #e7e3f9;
  --dark-color-decorative-primary-stronger: #ffffff;
  --dark-color-decorative-secondary-subtle: #ffffff;
  --dark-color-decorative-secondary-soft: #713106;
  --dark-color-decorative-secondary-default: #fac6a8;
  --dark-color-decorative-secondary-strong: #fae0d1;
  --dark-color-decorative-secondary-stronger: #ffffff;
  --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-effect-skeleton-default: #ffffff;
  --dark-color-effect-skeleton-soft: #ffffff;
  --dark-color-effect-skeleton-strong: #ffffff;
  --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-button-neutral-floating-content-default: #ffffff;
  --dark-color-button-neutral-floating-content-hover: #f9f9f9;
  --dark-color-button-neutral-floating-content-pressed: #f9f9f9;
  --dark-color-button-neutral-floating-content-disabled: #ececec;
  --dark-color-button-neutral-floating-background-default: #070707;
  --dark-color-button-neutral-floating-background-hover: #1b1b1b;
  --dark-color-button-neutral-floating-background-pressed: #2c2c2c;
  --dark-color-button-neutral-floating-background-disabled: #2c2c2c;
  --dark-color-button-neutral-floating-border-default: #ffffff00;
  --dark-color-button-neutral-floating-border-hover: #ffffff00;
  --dark-color-button-neutral-floating-border-pressed: #ffffff00;
  --dark-color-button-neutral-floating-border-disabled: #ffffff00;
  --dark-color-table-head-default: #ffffff0a;
  --dark-color-table-head-hover: #ffffff14;
  --dark-color-table-head-selected: #ffffff14;
  --dark-color-table-row-default: #ffffff00;
  --dark-color-table-row-hover: #ffffff0a;
  --dark-color-table-row-selected: #ffffff14;
  --dark-color-table-cell-default: #ffffff00;
  --dark-color-table-cell-hover: #ffffff0a;
  --dark-color-table-cell-selected: #ffffff14;
  --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-color-textfield-border-success: #ffffff;
  --dark-color-switch-unchecked-background-default: #ffffff;
  --dark-color-switch-unchecked-background-hover: #ffffff;
  --dark-color-switch-unchecked-background-disabled: #ffffff;
  --dark-color-switch-checked-background-default: #ffffff;
  --dark-color-switch-checked-background-hover: #ffffff;
  --dark-color-switch-checked-background-disabled: #ffffff;
  --dark-color-tile-border-default: #ffffff;
  --dark-color-tile-border-hover: #ffffff;
  --dark-color-tile-border-disabled: #ffffff;
  --dark-color-tile-content-default: #ffffff;
  --dark-color-tile-content-disabled: #ffffff;
  --dark-color-tile-background-default: #ffffff;
  --dark-color-tile-background-hover: #ffffff;
  --dark-color-tile-background-disabled: #ffffff;
  --dark-color-tile-checked-background-default: #ffffff;
  --dark-color-tile-checked-background-hover: #ffffff;
  --dark-color-tile-checked-background-disabled: #ffffff;
  --dark-color-tile-checked-border-default: #ffffff;
  --dark-color-tile-checked-border-hover: #ffffff;
  --dark-color-tile-checked-border-disabled: #ffffff;
  --dark-color-menu-item-parent-background-active: #ffffff;
  --dark-color-menu-item-child-background-active: #ffffff;
  --dark-color-menu-item-content-disabled: #ffffff;
  --dark-color-menu-item-background-default: #ffffff00;
  --dark-color-menu-item-background-hover: #ffffff0a;
  --dark-color-menu-item-background-pressed: #ffffff14;
  --dark-color-menu-item-background-disabled: #ffffff00;
  --dark-elevation-raised: 0px 0px 4px 0px #000000e5, 0px 2px 4px 0px #000000cc;
  --dark-elevation-floating: 0px 0px 4px 0px #000000e5, 0px 4px 8px 0px #000000e5;
  --dark-focus-outset: 0px 0px 0px 1.5px #070707, 0px 0px 0px 4px #10dd75;
  --dark-focus-inset: 0px 0px 0px 2px #10dd75 inset, 0px 0px 0px 4px #070707 inset;
  --dark-focus-textfield: 0px 0px 0px 2px #10dd75 inset;
  --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: #f9f9f9;
  --light-color-core-background-brand-soft: #eefdf1;
  --light-color-core-background-brand-strong: #004b23;
  --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-content-active: #070707;
  --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: #ffffff00;
  --light-color-action-neutral-background-active: #eefdf1;
  --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-neutral-border-active: #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: #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-subtle: #fcf1ef;
  --light-color-feedback-danger-soft: #fbdfd8;
  --light-color-feedback-danger-default: #d50118;
  --light-color-feedback-danger-strong: #af0011;
  --light-color-feedback-danger-stronger: #5b0803;
  --light-color-feedback-success-subtle: #dcfce0;
  --light-color-feedback-success-soft: #97fbaa;
  --light-color-feedback-success-default: #127c39;
  --light-color-feedback-success-strong: #0c652d;
  --light-color-feedback-success-stronger: #073415;
  --light-color-feedback-warning-subtle: #fcf2e2;
  --light-color-feedback-warning-soft: #fce1b1;
  --light-color-feedback-warning-default: #876602;
  --light-color-feedback-warning-strong: #6e5202;
  --light-color-feedback-warning-stronger: #382a03;
  --light-color-feedback-info-subtle: #e0f9ff;
  --light-color-feedback-info-soft: #a7ecff;
  --light-color-feedback-info-default: #016cd3;
  --light-color-feedback-info-strong: #005bc7;
  --light-color-feedback-info-stronger: #033d8f;
  --light-color-feedback-neutral-subtle: #f3f3f3;
  --light-color-feedback-neutral-soft: #e5e5e5;
  --light-color-feedback-neutral-default: #6c6c6c;
  --light-color-feedback-neutral-strong: #565656;
  --light-color-feedback-neutral-stronger: #2c2c2c;
  --light-color-decorative-primary-subtle: #f4f3fb;
  --light-color-decorative-primary-soft: #e0dbf9;
  --light-color-decorative-primary-default: #968ef5;
  --light-color-decorative-primary-strong: #2a47df;
  --light-color-decorative-primary-stronger: #172376;
  --light-color-decorative-secondary-subtle: #fcf1ec;
  --light-color-decorative-secondary-soft: #fad7c3;
  --light-color-decorative-secondary-default: #f97316;
  --light-color-decorative-secondary-strong: #8e3e07;
  --light-color-decorative-secondary-stronger: #472107;
  --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-effect-skeleton-default: #aeaeae;
  --light-color-effect-skeleton-soft: #d1d1d1;
  --light-color-effect-skeleton-strong: #828282;
  --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: #aeaeae;
  --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: #64748b;
  --light-color-button-secondary-content-hover: #64748b;
  --light-color-button-secondary-content-pressed: #64748b;
  --light-color-button-secondary-content-disabled: #aeaeae;
  --light-color-button-secondary-background-default: #ffffff;
  --light-color-button-secondary-background-hover: #f3f3f3;
  --light-color-button-secondary-background-pressed: #ececec;
  --light-color-button-secondary-background-disabled: #ffffff0a;
  --light-color-button-secondary-border-default: #64748b;
  --light-color-button-secondary-border-hover: #4c586b;
  --light-color-button-secondary-border-pressed: #3b4554;
  --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: #aeaeae;
  --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: #aeaeae;
  --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: #aeaeae;
  --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-button-neutral-floating-content-default: #070707;
  --light-color-button-neutral-floating-content-hover: #444444;
  --light-color-button-neutral-floating-content-pressed: #444444;
  --light-color-button-neutral-floating-content-disabled: #aeaeae;
  --light-color-button-neutral-floating-background-default: #ffffff;
  --light-color-button-neutral-floating-background-hover: #f3f3f3;
  --light-color-button-neutral-floating-background-pressed: #ececec;
  --light-color-button-neutral-floating-background-disabled: #ececec;
  --light-color-button-neutral-floating-border-default: #ffffff00;
  --light-color-button-neutral-floating-border-hover: #ffffff00;
  --light-color-button-neutral-floating-border-pressed: #ffffff00;
  --light-color-button-neutral-floating-border-disabled: #ffffff00;
  --light-color-table-head-default: #0000000a;
  --light-color-table-head-hover: #00000014;
  --light-color-table-head-selected: #00000014;
  --light-color-table-row-default: #ffffff00;
  --light-color-table-row-hover: #0000000a;
  --light-color-table-row-selected: #00000014;
  --light-color-table-cell-default: #ffffff00;
  --light-color-table-cell-hover: #0000000a;
  --light-color-table-cell-selected: #ececec;
  --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-color-textfield-border-success: #017d3e;
  --light-color-switch-unchecked-background-default: #989898;
  --light-color-switch-unchecked-background-hover: #828282;
  --light-color-switch-unchecked-background-disabled: #00000014;
  --light-color-switch-checked-background-default: #017d3e;
  --light-color-switch-checked-background-hover: #006531;
  --light-color-switch-checked-background-disabled: #00000014;
  --light-color-tile-border-default: #dedede;
  --light-color-tile-border-hover: #dedede;
  --light-color-tile-border-disabled: #dedede;
  --light-color-tile-content-default: #070707;
  --light-color-tile-content-disabled: #828282;
  --light-color-tile-background-default: #ffffff;
  --light-color-tile-background-hover: #f9f9f9;
  --light-color-tile-background-disabled: #00000005;
  --light-color-tile-checked-background-default: #eefdf1;
  --light-color-tile-checked-background-hover: #eefdf1;
  --light-color-tile-checked-background-disabled: #00000005;
  --light-color-tile-checked-border-default: #017d3e;
  --light-color-tile-checked-border-hover: #017d3e;
  --light-color-tile-checked-border-disabled: #dedede;
  --light-color-menu-item-parent-background-active: #017d3e;
  --light-color-menu-item-child-background-active: #eefdf1;
  --light-color-menu-item-content-disabled: #828282;
  --light-color-menu-item-background-default: #ffffff00;
  --light-color-menu-item-background-hover: #0000000a;
  --light-color-menu-item-background-pressed: #0000000f;
  --light-color-menu-item-background-disabled: #ffffff00;
  --light-elevation-raised: 0px 0px 4px 0px #0425221f, 0px 2px 4px 0px #04252229;
  --light-elevation-floating: 0px 0px 4px 0px #0425221f, 0px 4px 8px 0px #0425221f;
  --light-focus-outset: 0px 0px 0px 1.5px #ffffff, 0px 0px 0px 4px #00964d;
  --light-focus-inset: 0px 0px 0px 2px #00964d inset, 0px 0px 0px 4px #ffffff inset;
  --light-focus-textfield: 0px 0px 0px 2px #00964d inset;
  --base-duration-slow: 500ms;
  --base-duration-medium: 300ms;
  --base-duration-fast: 200ms;
  --base-easing-linear: cubic-bezier(0, 0, 1, 1);
  --base-easing-in: cubic-bezier(0.42, 0, 1, 1);
  --base-easing-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --base-skeleton: pulse 1s ease-in-out 0.5s infinite alternate;
  --base-hide: -0.0625rem;
  --base-base: 0rem;
  --base-dropdown: 62.5rem;
  --base-sticky: 68.75rem;
  --base-overlay: 81.25rem;
  --base-modal: 87.5rem;
  --base-popover: 93.75rem;
  --base-toast: 106.25rem;
  --base-tooltip: 112.5rem;
  --base-max: 62500000rem;
  --base-olivabackds-color-basic-white: #ffffff;
  --base-olivabackds-color-basic-black: #000000;
  --base-olivabackds-color-opacity-transparent: #ffffff00;
  --base-olivabackds-color-opacity-black-02: #00000005;
  --base-olivabackds-color-opacity-black-04: #0000000a;
  --base-olivabackds-color-opacity-black-06: #0000000f;
  --base-olivabackds-color-opacity-black-08: #00000014;
  --base-olivabackds-color-opacity-black-16: #00000029;
  --base-olivabackds-color-opacity-black-32: #00000052;
  --base-olivabackds-color-opacity-black-48: #0000007a;
  --base-olivabackds-color-opacity-white-02: #ffffff05;
  --base-olivabackds-color-opacity-white-04: #ffffff0a;
  --base-olivabackds-color-opacity-white-06: #ffffff0f;
  --base-olivabackds-color-opacity-white-08: #ffffff14;
  --base-olivabackds-color-opacity-white-16: #ffffff29;
  --base-olivabackds-color-opacity-white-32: #ffffff52;
  --base-olivabackds-color-opacity-white-48: #ffffff7a;
  --base-olivabackds-color-opacity-orange300-20: #fb914f33;
  --base-olivabackds-color-opacity-bluegrey300-20: #a0afc633;
  --base-olivabackds-color-opacity-pink300-20: #f28fb833;
  --base-olivabackds-color-opacity-green300-20: #22c55e33;
  --base-olivabackds-color-opacity-blue300-20: #2ca7f033;
  --base-olivabackds-color-opacity-olive-green300-20: #02c86833;
  --base-olivabackds-color-opacity-yellow150-30: #fdc94c4d;
  --base-olivabackds-color-opacity-red300-20: #ff8c7633;
  --base-olivabackds-color-opacity-purple300-20: #aea5f733;
  --base-olivabackds-color-opacity-neutral300-20: #aeaeae33;
  --base-olivabackds-color-neutral-25: #f9f9f9;
  --base-olivabackds-color-neutral-50: #f3f3f3;
  --base-olivabackds-color-neutral-75: #ececec;
  --base-olivabackds-color-neutral-100: #e5e5e5;
  --base-olivabackds-color-neutral-125: #dedede;
  --base-olivabackds-color-neutral-150: #d1d1d1;
  --base-olivabackds-color-neutral-225: #c1c1c1;
  --base-olivabackds-color-neutral-300: #aeaeae;
  --base-olivabackds-color-neutral-375: #989898;
  --base-olivabackds-color-neutral-450: #828282;
  --base-olivabackds-color-neutral-550: #6c6c6c;
  --base-olivabackds-color-neutral-625: #565656;
  --base-olivabackds-color-neutral-700: #444444;
  --base-olivabackds-color-neutral-750: #393939;
  --base-olivabackds-color-neutral-825: #2c2c2c;
  --base-olivabackds-color-neutral-850: #242424;
  --base-olivabackds-color-neutral-900: #1b1b1b;
  --base-olivabackds-color-neutral-925: #171717;
  --base-olivabackds-color-neutral-950: #0e0e0e;
  --base-olivabackds-color-neutral-975: #070707;
  --base-olivabackds-color-blue-25: #f2fcff;
  --base-olivabackds-color-blue-50: #e0f9ff;
  --base-olivabackds-color-blue-75: #c8f5ff;
  --base-olivabackds-color-blue-100: #a7ecff;
  --base-olivabackds-color-blue-125: #8de4ff;
  --base-olivabackds-color-blue-150: #58d4ff;
  --base-olivabackds-color-blue-225: #10bbff;
  --base-olivabackds-color-blue-300: #2ca7f0;
  --base-olivabackds-color-blue-375: #0192ea;
  --base-olivabackds-color-blue-450: #0080e0;
  --base-olivabackds-color-blue-550: #016cd3;
  --base-olivabackds-color-blue-625: #005bc7;
  --base-olivabackds-color-blue-700: #004aaf;
  --base-olivabackds-color-blue-750: #004199;
  --base-olivabackds-color-blue-825: #033d8f;
  --base-olivabackds-color-blue-850: #043479;
  --base-olivabackds-color-blue-900: #052863;
  --base-olivabackds-color-blue-925: #05205a;
  --base-olivabackds-color-blue-950: #031235;
  --base-olivabackds-color-blue-975: #020a24;
  --base-olivabackds-color-orange-25: #fdf8f6;
  --base-olivabackds-color-orange-50: #fcf1ec;
  --base-olivabackds-color-orange-75: #fbe9df;
  --base-olivabackds-color-orange-100: #fae0d1;
  --base-olivabackds-color-orange-125: #fad7c3;
  --base-olivabackds-color-orange-150: #fac6a8;
  --base-olivabackds-color-orange-225: #fbae80;
  --base-olivabackds-color-orange-300: #fb914f;
  --base-olivabackds-color-orange-375: #f97316;
  --base-olivabackds-color-orange-450: #d15f11;
  --base-olivabackds-color-orange-550: #ae4e0c;
  --base-olivabackds-color-orange-625: #8e3e07;
  --base-olivabackds-color-orange-700: #713106;
  --base-olivabackds-color-orange-750: #5e2905;
  --base-olivabackds-color-orange-825: #472107;
  --base-olivabackds-color-orange-850: #381c07;
  --base-olivabackds-color-orange-900: #2a1707;
  --base-olivabackds-color-orange-925: #221306;
  --base-olivabackds-color-orange-950: #160c04;
  --base-olivabackds-color-orange-975: #0d0602;
  --base-olivabackds-color-olive-green-25: #eefdf1;
  --base-olivabackds-color-olive-green-50: #dafce1;
  --base-olivabackds-color-olive-green-75: #bafcca;
  --base-olivabackds-color-olive-green-100: #90fcaf;
  --base-olivabackds-color-olive-green-125: #49fc90;
  --base-olivabackds-color-olive-green-150: #35ef84;
  --base-olivabackds-color-olive-green-225: #10dd75;
  --base-olivabackds-color-olive-green-300: #02c868;
  --base-olivabackds-color-olive-green-375: #01b05a;
  --base-olivabackds-color-olive-green-450: #00964d;
  --base-olivabackds-color-olive-green-550: #017d3e;
  --base-olivabackds-color-olive-green-625: #006531;
  --base-olivabackds-color-olive-green-700: #004b23;
  --base-olivabackds-color-olive-green-750: #00431f;
  --base-olivabackds-color-olive-green-825: #033417;
  --base-olivabackds-color-olive-green-850: #042a13;
  --base-olivabackds-color-olive-green-900: #05210d;
  --base-olivabackds-color-olive-green-925: #051b0a;
  --base-olivabackds-color-olive-green-950: #031106;
  --base-olivabackds-color-olive-green-975: #020903;
  --base-olivabackds-color-blue-grey-25: #f9f9fa;
  --base-olivabackds-color-blue-grey-50: #f2f4f6;
  --base-olivabackds-color-blue-grey-75: #eaedf1;
  --base-olivabackds-color-blue-grey-100: #e2e6ec;
  --base-olivabackds-color-blue-grey-125: #dadfe7;
  --base-olivabackds-color-blue-grey-150: #cbd2de;
  --base-olivabackds-color-blue-grey-225: #b7c2d3;
  --base-olivabackds-color-blue-grey-300: #a0afc6;
  --base-olivabackds-color-blue-grey-375: #879bb7;
  --base-olivabackds-color-blue-grey-450: #72849e;
  --base-olivabackds-color-blue-grey-550: #64748b;
  --base-olivabackds-color-blue-grey-625: #4c586b;
  --base-olivabackds-color-blue-grey-700: #3b4554;
  --base-olivabackds-color-blue-grey-750: #313a47;
  --base-olivabackds-color-blue-grey-825: #262d37;
  --base-olivabackds-color-blue-grey-850: #1f242c;
  --base-olivabackds-color-blue-grey-900: #181c22;
  --base-olivabackds-color-blue-grey-925: #13171c;
  --base-olivabackds-color-blue-grey-950: #0b0e13;
  --base-olivabackds-color-blue-grey-975: #06080b;
  --base-olivabackds-color-pink-25: #fcf8fa;
  --base-olivabackds-color-pink-50: #faf1f4;
  --base-olivabackds-color-pink-75: #f9e8ee;
  --base-olivabackds-color-pink-100: #f7dfe8;
  --base-olivabackds-color-pink-125: #f7d5e1;
  --base-olivabackds-color-pink-150: #f5c4d6;
  --base-olivabackds-color-pink-225: #f4acc8;
  --base-olivabackds-color-pink-300: #f28fb8;
  --base-olivabackds-color-pink-375: #ee6aa5;
  --base-olivabackds-color-pink-450: #ec4899;
  --base-olivabackds-color-pink-550: #be3279;
  --base-olivabackds-color-pink-625: #9b2762;
  --base-olivabackds-color-pink-700: #7c1d4d;
  --base-olivabackds-color-pink-750: #691841;
  --base-olivabackds-color-pink-825: #521332;
  --base-olivabackds-color-pink-850: #431028;
  --base-olivabackds-color-pink-900: #340c1f;
  --base-olivabackds-color-pink-925: #2b0a1a;
  --base-olivabackds-color-pink-950: #1e0511;
  --base-olivabackds-color-pink-975: #130309;
  --base-olivabackds-color-red-25: #fdf8f7;
  --base-olivabackds-color-red-50: #fcf1ef;
  --base-olivabackds-color-red-75: #fbe8e4;
  --base-olivabackds-color-red-100: #fbdfd8;
  --base-olivabackds-color-red-125: #fcd5cd;
  --base-olivabackds-color-red-150: #fcc4b7;
  --base-olivabackds-color-red-225: #feab99;
  --base-olivabackds-color-red-300: #ff8c76;
  --base-olivabackds-color-red-375: #ff634e;
  --base-olivabackds-color-red-450: #ff3d32;
  --base-olivabackds-color-red-550: #d50118;
  --base-olivabackds-color-red-625: #af0011;
  --base-olivabackds-color-red-700: #8c000b;
  --base-olivabackds-color-red-750: #770006;
  --base-olivabackds-color-red-825: #5b0803;
  --base-olivabackds-color-red-850: #470e04;
  --base-olivabackds-color-red-900: #341005;
  --base-olivabackds-color-red-925: #280f05;
  --base-olivabackds-color-red-950: #1b0903;
  --base-olivabackds-color-red-975: #100502;
  --base-olivabackds-color-green-25: #effdf0;
  --base-olivabackds-color-green-50: #dcfce0;
  --base-olivabackds-color-green-75: #befbc7;
  --base-olivabackds-color-green-100: #97fbaa;
  --base-olivabackds-color-green-125: #5bfb88;
  --base-olivabackds-color-green-150: #45ee7b;
  --base-olivabackds-color-green-225: #2ddd6c;
  --base-olivabackds-color-green-300: #22c55e;
  --base-olivabackds-color-green-375: #1daf53;
  --base-olivabackds-color-green-450: #189646;
  --base-olivabackds-color-green-550: #127c39;
  --base-olivabackds-color-green-625: #0c652d;
  --base-olivabackds-color-green-700: #075022;
  --base-olivabackds-color-green-750: #05431b;
  --base-olivabackds-color-green-825: #073415;
  --base-olivabackds-color-green-850: #062a10;
  --base-olivabackds-color-green-900: #06210b;
  --base-olivabackds-color-green-925: #061b09;
  --base-olivabackds-color-green-950: #041105;
  --base-olivabackds-color-green-975: #020903;
  --base-olivabackds-color-yellow-25: #fdf9f1;
  --base-olivabackds-color-yellow-50: #fcf2e2;
  --base-olivabackds-color-yellow-75: #fceacb;
  --base-olivabackds-color-yellow-100: #fce1b1;
  --base-olivabackds-color-yellow-125: #fcd993;
  --base-olivabackds-color-yellow-150: #fdc94c;
  --base-olivabackds-color-yellow-225: #eab308;
  --base-olivabackds-color-yellow-300: #d8a506;
  --base-olivabackds-color-yellow-375: #be9105;
  --base-olivabackds-color-yellow-450: #a37c03;
  --base-olivabackds-color-yellow-550: #876602;
  --base-olivabackds-color-yellow-625: #6e5202;
  --base-olivabackds-color-yellow-700: #574001;
  --base-olivabackds-color-yellow-750: #493601;
  --base-olivabackds-color-yellow-825: #382a03;
  --base-olivabackds-color-yellow-850: #2d2205;
  --base-olivabackds-color-yellow-900: #231a05;
  --base-olivabackds-color-yellow-925: #1c1605;
  --base-olivabackds-color-yellow-950: #120d03;
  --base-olivabackds-color-yellow-975: #0a0702;
  --base-olivabackds-color-purple-25: #faf9fd;
  --base-olivabackds-color-purple-50: #f4f3fb;
  --base-olivabackds-color-purple-75: #edebfa;
  --base-olivabackds-color-purple-100: #e7e3f9;
  --base-olivabackds-color-purple-125: #e0dbf9;
  --base-olivabackds-color-purple-150: #d4cdf8;
  --base-olivabackds-color-purple-225: #c3baf8;
  --base-olivabackds-color-purple-300: #aea5f7;
  --base-olivabackds-color-purple-375: #968ef5;
  --base-olivabackds-color-purple-450: #7975f3;
  --base-olivabackds-color-purple-550: #6366f1;
  --base-olivabackds-color-purple-625: #2a47df;
  --base-olivabackds-color-purple-700: #2037b3;
  --base-olivabackds-color-purple-750: #192e99;
  --base-olivabackds-color-purple-825: #172376;
  --base-olivabackds-color-purple-850: #141c61;
  --base-olivabackds-color-purple-900: #11164c;
  --base-olivabackds-color-purple-925: #0f123f;
  --base-olivabackds-color-purple-950: #0c0832;
  --base-olivabackds-color-purple-975: #0a0225;
  --base-olivabackds-size-border-width-0: 0rem;
  --base-olivabackds-size-border-width-5: 0.03125rem;
  --base-olivabackds-size-border-width-10: 0.0625rem;
  --base-olivabackds-size-border-width-20: 0.125rem;
  --base-olivabackds-size-border-width-40: 0.25rem;
  --base-olivabackds-size-dimensions-0: 0rem;
  --base-olivabackds-size-dimensions-25: 0.0625rem;
  --base-olivabackds-size-dimensions-50: 0.125rem;
  --base-olivabackds-size-dimensions-100: 0.25rem;
  --base-olivabackds-size-dimensions-150: 0.375rem;
  --base-olivabackds-size-dimensions-200: 0.5rem;
  --base-olivabackds-size-dimensions-300: 0.75rem;
  --base-olivabackds-size-dimensions-350: 0.875rem;
  --base-olivabackds-size-dimensions-400: 1rem;
  --base-olivabackds-size-dimensions-450: 1.125rem;
  --base-olivabackds-size-dimensions-500: 1.25rem;
  --base-olivabackds-size-dimensions-550: 1.375rem;
  --base-olivabackds-size-dimensions-600: 1.5rem;
  --base-olivabackds-size-dimensions-650: 1.625rem;
  --base-olivabackds-size-dimensions-700: 1.75rem;
  --base-olivabackds-size-dimensions-750: 1.875rem;
  --base-olivabackds-size-dimensions-800: 2rem;
  --base-olivabackds-size-dimensions-850: 2.125rem;
  --base-olivabackds-size-dimensions-900: 2.25rem;
  --base-olivabackds-size-dimensions-950: 2.375rem;
  --base-olivabackds-size-dimensions-1000: 2.5rem;
  --base-olivabackds-size-dimensions-1050: 2.625rem;
  --base-olivabackds-size-dimensions-1100: 2.75rem;
  --base-olivabackds-size-dimensions-1150: 2.875rem;
  --base-olivabackds-size-dimensions-1200: 3rem;
  --base-olivabackds-size-dimensions-1250: 3.125rem;
  --base-olivabackds-size-dimensions-1400: 3.5rem;
  --base-olivabackds-size-dimensions-1600: 4rem;
  --base-olivabackds-size-dimensions-1800: 4.5rem;
  --base-olivabackds-size-dimensions-2000: 5rem;
  --base-olivabackds-size-dimensions-2100: 5.25rem;
  --base-olivabackds-size-dimensions-2200: 5.5rem;
  --base-olivabackds-size-dimensions-2250: 6.25rem;
  --base-olivabackds-size-dimensions-2300: 6.375rem;
  --base-olivabackds-size-dimensions-2500: 6.75rem;
  --base-olivabackds-size-dimensions-2600: 7rem;
  --base-olivabackds-size-dimensions-3200: 8rem;
  --base-olivabackds-size-dimensions-6400: 16rem;
  --typography-font-family-primary: Fira Sans Condensed;
  --typography-font-family-secondary: Figtree;
  --typography-font-weight-regular: 400;
  --typography-font-weight-semi-bold: 500;
  --typography-font-weight-bold: 600;
  --typography-font-weight-extrabold: 700;
  --typography-heading-xl-family: Fira Sans Condensed;
  --typography-heading-xl-size: 2rem;
  --typography-heading-xl-line-height: 2.5rem;
  --typography-heading-xl-weight: 500;
  --typography-heading-xl-letter-spacing: 0rem;
  --typography-heading-lg-family: Fira Sans Condensed;
  --typography-heading-lg-size: 1.75rem;
  --typography-heading-lg-line-height: 2.5rem;
  --typography-heading-lg-weight: 500;
  --typography-heading-lg-letter-spacing: 0rem;
  --typography-heading-md-family: Fira Sans Condensed;
  --typography-heading-md-size: 1.5rem;
  --typography-heading-md-line-height: 2rem;
  --typography-heading-md-weight: 500;
  --typography-heading-md-letter-spacing: 0rem;
  --typography-heading-sm-family: Fira Sans Condensed;
  --typography-heading-sm-size: 1.25rem;
  --typography-heading-sm-line-height: 1.75rem;
  --typography-heading-sm-weight: 500;
  --typography-heading-sm-letter-spacing: 0rem;
  --typography-title-xl-family: Figtree;
  --typography-title-xl-size: 1.75rem;
  --typography-title-xl-line-height: 2.5rem;
  --typography-title-xl-weight: 600;
  --typography-title-xl-letter-spacing: 0rem;
  --typography-title-lg-family: Figtree;
  --typography-title-lg-size: 1.5rem;
  --typography-title-lg-line-height: 2rem;
  --typography-title-lg-weight: 600;
  --typography-title-lg-letter-spacing: 0rem;
  --typography-title-md-family: Figtree;
  --typography-title-md-size: 1.25rem;
  --typography-title-md-line-height: 1.75rem;
  --typography-title-md-weight: 600;
  --typography-title-md-letter-spacing: 0rem;
  --typography-title-sm-family: Figtree;
  --typography-title-sm-size: 1.125rem;
  --typography-title-sm-line-height: 1.5rem;
  --typography-title-sm-weight: 600;
  --typography-title-sm-letter-spacing: 0rem;
  --typography-body-lg-family: Figtree;
  --typography-body-lg-size: 1.125rem;
  --typography-body-lg-line-height: 1.5rem;
  --typography-body-lg-weight: 400;
  --typography-body-lg-letter-spacing: 0rem;
  --typography-body-lg-paragraph-spacing: 0.75rem;
  --typography-body-md-family: Figtree;
  --typography-body-md-size: 1rem;
  --typography-body-md-line-height: 1.5rem;
  --typography-body-md-weight: 400;
  --typography-body-md-letter-spacing: 0rem;
  --typography-body-md-paragraph-spacing: 0.5rem;
  --typography-body-sm-family: Figtree;
  --typography-body-sm-size: 0.875rem;
  --typography-body-sm-line-height: 1.25rem;
  --typography-body-sm-weight: 400;
  --typography-body-sm-letter-spacing: 0rem;
  --typography-body-sm-paragraph-spacing: 0.375rem;
  --typography-body-xs-family: Figtree;
  --typography-body-xs-size: 0.75rem;
  --typography-body-xs-line-height: 1rem;
  --typography-body-xs-weight: 400;
  --typography-body-xs-letter-spacing: 0rem;
  --typography-body-xs-paragraph-spacing: 0.375rem;
  --typography-label-lg-default-family: Figtree;
  --typography-label-lg-default-size: 1.125rem;
  --typography-label-lg-default-line-height: 1.75rem;
  --typography-label-lg-default-weight: 400;
  --typography-label-lg-default-letter-spacing: 0rem;
  --typography-label-lg-strong-family: Figtree;
  --typography-label-lg-strong-size: 1.125rem;
  --typography-label-lg-strong-line-height: 1.75rem;
  --typography-label-lg-strong-weight: 600;
  --typography-label-lg-strong-letter-spacing: 0rem;
  --typography-label-md-default-family: Figtree;
  --typography-label-md-default-size: 1rem;
  --typography-label-md-default-line-height: 1.5rem;
  --typography-label-md-default-weight: 400;
  --typography-label-md-default-letter-spacing: 0rem;
  --typography-label-md-strong-family: Figtree;
  --typography-label-md-strong-size: 1rem;
  --typography-label-md-strong-line-height: 1.5rem;
  --typography-label-md-strong-weight: 600;
  --typography-label-md-strong-letter-spacing: 0rem;
  --typography-label-sm-default-family: Figtree;
  --typography-label-sm-default-size: 0.875rem;
  --typography-label-sm-default-line-height: 1.25rem;
  --typography-label-sm-default-weight: 400;
  --typography-label-sm-default-letter-spacing: 0rem;
  --typography-label-sm-strong-family: Figtree;
  --typography-label-sm-strong-size: 0.875rem;
  --typography-label-sm-strong-line-height: 1.25rem;
  --typography-label-sm-strong-weight: 600;
  --typography-label-sm-strong-letter-spacing: 0rem;
  --typography-label-xs-default-family: Figtree;
  --typography-label-xs-default-size: 0.75rem;
  --typography-label-xs-default-line-height: 1rem;
  --typography-label-xs-default-weight: 400;
  --typography-label-xs-default-letter-spacing: 0rem;
  --typography-label-xs-strong-family: Figtree;
  --typography-label-xs-strong-size: 0.75rem;
  --typography-label-xs-strong-line-height: 1rem;
  --typography-label-xs-strong-weight: 600;
  --typography-label-xs-strong-letter-spacing: 0rem;
  --space-grid-column-margin: 1rem;
  --space-grid-column-gutter: 1rem;
  --space-grid-column-count: 0.125rem;
  --space-grid-row-gutter: 0.25rem;
  --space-grid-row-height: 0.25rem;
  --space-page-padding-none: 0rem;
  --space-page-padding-sm: 1rem;
  --space-page-padding-md: 1.5rem;
  --space-page-padding-lg: 2rem;
  --space-page-padding-xl: 3rem;
  --space-page-gap-none: 0rem;
  --space-page-gap-xs: 0.25rem;
  --space-page-gap-sm: 0.5rem;
  --space-page-gap-md: 1rem;
  --space-page-gap-lg: 2rem;
  --space-page-gap-xl: 3rem;
  --space-page-gap-2xl: 4rem;
  --space-container-padding-none: 0rem;
  --space-container-padding-sm: 1rem;
  --space-container-padding-md: 1.5rem;
  --space-container-gap-none: 0rem;
  --space-container-gap-xs: 0.25rem;
  --space-container-gap-sm: 0.5rem;
  --space-container-gap-md: 1rem;
  --space-container-gap-lg: 1.5rem;
  --space-container-stack-sm: 0.5rem;
  --space-container-stack-md: 1rem;
  --space-container-stack-lg: 1.5rem;
  --space-component-padding-none: 0rem;
  --space-component-padding-2xs: 0.125rem;
  --space-component-padding-xs: 0.25rem;
  --space-component-padding-sm: 0.5rem;
  --space-component-padding-md: 0.75rem;
  --space-component-padding-lg: 1rem;
  --space-component-padding-xl: 1.5rem;
  --space-component-padding-2xl: 2rem;
  --space-component-gap-none: 0rem;
  --space-component-gap-xs: 0.125rem;
  --space-component-gap-sm: 0.25rem;
  --space-component-gap-md: 0.5rem;
  --space-component-gap-lg: 0.75rem;
  --size-viewport-width: 22.5rem;
  --size-border-radius-none: 0rem;
  --size-border-radius-sm: 0.25rem;
  --size-border-radius-md: 0.5rem;
  --size-border-radius-lg: 0.75rem;
  --size-border-radius-full: 6.25rem;
  --size-border-width-md: 0.125rem;
  --size-border-width-sm: 0.0625rem;
  --size-border-width-none: 0rem;
  --size-textfield-border-width: 0.0625rem;
  --size-textfield-border-radius: 0.5rem;
  --size-button-border-width: 0.0625rem;
  --size-button-border-radius: 0.5rem;
  --size-button-min-width-xs: 1.5rem;
  --size-button-min-width-sm: 2rem;
  --size-button-min-width-md: 2.5rem;
  --size-button-min-width-lg: 3rem;
  --size-button-min-height-xs: 1.5rem;
  --size-button-min-height-md: 2.5rem;
  --size-button-min-height-sm: 2rem;
  --size-button-min-height-lg: 3rem;
}

@media (min-width: 768px) {
  :root {
  --typography-font-family-primary: Fira Sans Condensed;
  --typography-font-family-secondary: Figtree;
  --typography-font-weight-regular: 400;
  --typography-font-weight-semi-bold: 500;
  --typography-font-weight-bold: 600;
  --typography-font-weight-extrabold: 700;
  --typography-heading-xl-family: Fira Sans Condensed;
  --typography-heading-xl-size: 2.25rem;
  --typography-heading-xl-line-height: 2.75rem;
  --typography-heading-xl-weight: 500;
  --typography-heading-xl-letter-spacing: 0rem;
  --typography-heading-lg-family: Fira Sans Condensed;
  --typography-heading-lg-size: 2rem;
  --typography-heading-lg-line-height: 2.75rem;
  --typography-heading-lg-weight: 500;
  --typography-heading-lg-letter-spacing: 0rem;
  --typography-heading-md-family: Fira Sans Condensed;
  --typography-heading-md-size: 1.625rem;
  --typography-heading-md-line-height: 2.125rem;
  --typography-heading-md-weight: 500;
  --typography-heading-md-letter-spacing: 0rem;
  --typography-heading-sm-family: Fira Sans Condensed;
  --typography-heading-sm-size: 1.25rem;
  --typography-heading-sm-line-height: 1.75rem;
  --typography-heading-sm-weight: 500;
  --typography-heading-sm-letter-spacing: 0rem;
  --typography-title-xl-family: Figtree;
  --typography-title-xl-size: 1.875rem;
  --typography-title-xl-line-height: 2.5rem;
  --typography-title-xl-weight: 600;
  --typography-title-xl-letter-spacing: 0rem;
  --typography-title-lg-family: Figtree;
  --typography-title-lg-size: 1.5rem;
  --typography-title-lg-line-height: 2rem;
  --typography-title-lg-weight: 600;
  --typography-title-lg-letter-spacing: 0rem;
  --typography-title-md-family: Figtree;
  --typography-title-md-size: 1.375rem;
  --typography-title-md-line-height: 1.75rem;
  --typography-title-md-weight: 600;
  --typography-title-md-letter-spacing: 0rem;
  --typography-title-sm-family: Figtree;
  --typography-title-sm-size: 1.125rem;
  --typography-title-sm-line-height: 1.5rem;
  --typography-title-sm-weight: 600;
  --typography-title-sm-letter-spacing: 0rem;
  --typography-body-lg-family: Figtree;
  --typography-body-lg-size: 1.125rem;
  --typography-body-lg-line-height: 1.5rem;
  --typography-body-lg-weight: 400;
  --typography-body-lg-letter-spacing: 0rem;
  --typography-body-lg-paragraph-spacing: 0.75rem;
  --typography-body-md-family: Figtree;
  --typography-body-md-size: 1rem;
  --typography-body-md-line-height: 1.5rem;
  --typography-body-md-weight: 400;
  --typography-body-md-letter-spacing: 0rem;
  --typography-body-md-paragraph-spacing: 0.5rem;
  --typography-body-sm-family: Figtree;
  --typography-body-sm-size: 0.875rem;
  --typography-body-sm-line-height: 1.25rem;
  --typography-body-sm-weight: 400;
  --typography-body-sm-letter-spacing: 0rem;
  --typography-body-sm-paragraph-spacing: 0.375rem;
  --typography-body-xs-family: Figtree;
  --typography-body-xs-size: 0.75rem;
  --typography-body-xs-line-height: 1rem;
  --typography-body-xs-weight: 400;
  --typography-body-xs-letter-spacing: 0rem;
  --typography-body-xs-paragraph-spacing: 0.375rem;
  --typography-label-lg-default-family: Figtree;
  --typography-label-lg-default-size: 1.125rem;
  --typography-label-lg-default-line-height: 1.75rem;
  --typography-label-lg-default-weight: 400;
  --typography-label-lg-default-letter-spacing: 0rem;
  --typography-label-lg-strong-family: Figtree;
  --typography-label-lg-strong-size: 1.125rem;
  --typography-label-lg-strong-line-height: 1.75rem;
  --typography-label-lg-strong-weight: 600;
  --typography-label-lg-strong-letter-spacing: 0rem;
  --typography-label-md-default-family: Figtree;
  --typography-label-md-default-size: 1rem;
  --typography-label-md-default-line-height: 1.5rem;
  --typography-label-md-default-weight: 400;
  --typography-label-md-default-letter-spacing: 0rem;
  --typography-label-md-strong-family: Figtree;
  --typography-label-md-strong-size: 1rem;
  --typography-label-md-strong-line-height: 1.5rem;
  --typography-label-md-strong-weight: 600;
  --typography-label-md-strong-letter-spacing: 0rem;
  --typography-label-sm-default-family: Figtree;
  --typography-label-sm-default-size: 0.875rem;
  --typography-label-sm-default-line-height: 1.25rem;
  --typography-label-sm-default-weight: 400;
  --typography-label-sm-default-letter-spacing: 0rem;
  --typography-label-sm-strong-family: Figtree;
  --typography-label-sm-strong-size: 0.875rem;
  --typography-label-sm-strong-line-height: 1.25rem;
  --typography-label-sm-strong-weight: 600;
  --typography-label-sm-strong-letter-spacing: 0rem;
  --typography-label-xs-default-family: Figtree;
  --typography-label-xs-default-size: 0.75rem;
  --typography-label-xs-default-line-height: 1rem;
  --typography-label-xs-default-weight: 400;
  --typography-label-xs-default-letter-spacing: 0rem;
  --typography-label-xs-strong-family: Figtree;
  --typography-label-xs-strong-size: 0.75rem;
  --typography-label-xs-strong-line-height: 1rem;
  --typography-label-xs-strong-weight: 600;
  --typography-label-xs-strong-letter-spacing: 0rem;
  --space-grid-column-margin: 1.5rem;
  --space-grid-column-gutter: 1rem;
  --space-grid-column-count: 0.375rem;
  --space-grid-row-gutter: 0.25rem;
  --space-grid-row-height: 0.25rem;
  --space-page-padding-none: 0rem;
  --space-page-padding-sm: 1.5rem;
  --space-page-padding-md: 2rem;
  --space-page-padding-lg: 3rem;
  --space-page-padding-xl: 3.5rem;
  --space-page-gap-none: 0rem;
  --space-page-gap-xs: 0.25rem;
  --space-page-gap-sm: 0.5rem;
  --space-page-gap-md: 1rem;
  --space-page-gap-lg: 2rem;
  --space-page-gap-xl: 3rem;
  --space-page-gap-2xl: 4rem;
  --space-container-padding-none: 0rem;
  --space-container-padding-sm: 1rem;
  --space-container-padding-md: 1.5rem;
  --space-container-gap-none: 0rem;
  --space-container-gap-xs: 0.25rem;
  --space-container-gap-sm: 0.5rem;
  --space-container-gap-md: 1rem;
  --space-container-gap-lg: 1.5rem;
  --space-container-stack-sm: 0.5rem;
  --space-container-stack-md: 1rem;
  --space-container-stack-lg: 1.5rem;
  --space-component-padding-none: 0rem;
  --space-component-padding-2xs: 0.125rem;
  --space-component-padding-xs: 0.25rem;
  --space-component-padding-sm: 0.5rem;
  --space-component-padding-md: 0.75rem;
  --space-component-padding-lg: 1rem;
  --space-component-padding-xl: 1.5rem;
  --space-component-padding-2xl: 2rem;
  --space-component-gap-none: 0rem;
  --space-component-gap-xs: 0.125rem;
  --space-component-gap-sm: 0.25rem;
  --space-component-gap-md: 0.5rem;
  --space-component-gap-lg: 0.75rem;
  --size-viewport-width: 48rem;
  --size-border-radius-none: 0rem;
  --size-border-radius-sm: 0.25rem;
  --size-border-radius-md: 0.5rem;
  --size-border-radius-lg: 0.75rem;
  --size-border-radius-full: 6.25rem;
  --size-border-width-md: 0.125rem;
  --size-border-width-sm: 0.0625rem;
  --size-border-width-none: 0rem;
  --size-textfield-border-width: 0.0625rem;
  --size-textfield-border-radius: 0.5rem;
  --size-button-border-width: 0.0625rem;
  --size-button-border-radius: 0.5rem;
  --size-button-min-width-xs: 1.5rem;
  --size-button-min-width-sm: 2rem;
  --size-button-min-width-md: 2.5rem;
  --size-button-min-width-lg: 3rem;
  --size-button-min-height-xs: 1.5rem;
  --size-button-min-height-md: 2.5rem;
  --size-button-min-height-sm: 2rem;
  --size-button-min-height-lg: 3rem;
  }
}

@media (min-width: 1280px) {
  :root {
  --typography-font-family-primary: Fira Sans Condensed;
  --typography-font-family-secondary: Figtree;
  --typography-font-weight-regular: 400;
  --typography-font-weight-semi-bold: 500;
  --typography-font-weight-bold: 600;
  --typography-font-weight-extrabold: 700;
  --typography-heading-xl-family: Fira Sans Condensed;
  --typography-heading-xl-size: 2.625rem;
  --typography-heading-xl-line-height: 3.125rem;
  --typography-heading-xl-weight: 500;
  --typography-heading-xl-letter-spacing: 0rem;
  --typography-heading-lg-family: Fira Sans Condensed;
  --typography-heading-lg-size: 2.25rem;
  --typography-heading-lg-line-height: 3rem;
  --typography-heading-lg-weight: 500;
  --typography-heading-lg-letter-spacing: 0rem;
  --typography-heading-md-family: Fira Sans Condensed;
  --typography-heading-md-size: 1.875rem;
  --typography-heading-md-line-height: 2.375rem;
  --typography-heading-md-weight: 500;
  --typography-heading-md-letter-spacing: 0rem;
  --typography-heading-sm-family: Fira Sans Condensed;
  --typography-heading-sm-size: 1.5rem;
  --typography-heading-sm-line-height: 2rem;
  --typography-heading-sm-weight: 500;
  --typography-heading-sm-letter-spacing: 0rem;
  --typography-title-xl-family: Figtree;
  --typography-title-xl-size: 2rem;
  --typography-title-xl-line-height: 2.5rem;
  --typography-title-xl-weight: 600;
  --typography-title-xl-letter-spacing: 0rem;
  --typography-title-lg-family: Figtree;
  --typography-title-lg-size: 1.75rem;
  --typography-title-lg-line-height: 2.5rem;
  --typography-title-lg-weight: 600;
  --typography-title-lg-letter-spacing: 0rem;
  --typography-title-md-family: Figtree;
  --typography-title-md-size: 1.5rem;
  --typography-title-md-line-height: 2rem;
  --typography-title-md-weight: 600;
  --typography-title-md-letter-spacing: 0rem;
  --typography-title-sm-family: Figtree;
  --typography-title-sm-size: 1.25rem;
  --typography-title-sm-line-height: 1.75rem;
  --typography-title-sm-weight: 600;
  --typography-title-sm-letter-spacing: 0rem;
  --typography-body-lg-family: Figtree;
  --typography-body-lg-size: 1.125rem;
  --typography-body-lg-line-height: 1.5rem;
  --typography-body-lg-weight: 400;
  --typography-body-lg-letter-spacing: 0rem;
  --typography-body-lg-paragraph-spacing: 0.75rem;
  --typography-body-md-family: Figtree;
  --typography-body-md-size: 1rem;
  --typography-body-md-line-height: 1.5rem;
  --typography-body-md-weight: 400;
  --typography-body-md-letter-spacing: 0rem;
  --typography-body-md-paragraph-spacing: 0.5rem;
  --typography-body-sm-family: Figtree;
  --typography-body-sm-size: 0.875rem;
  --typography-body-sm-line-height: 1.25rem;
  --typography-body-sm-weight: 400;
  --typography-body-sm-letter-spacing: 0rem;
  --typography-body-sm-paragraph-spacing: 0.375rem;
  --typography-body-xs-family: Figtree;
  --typography-body-xs-size: 0.75rem;
  --typography-body-xs-line-height: 1rem;
  --typography-body-xs-weight: 400;
  --typography-body-xs-letter-spacing: 0rem;
  --typography-body-xs-paragraph-spacing: 0.375rem;
  --typography-label-lg-default-family: Figtree;
  --typography-label-lg-default-size: 1.125rem;
  --typography-label-lg-default-line-height: 1.75rem;
  --typography-label-lg-default-weight: 400;
  --typography-label-lg-default-letter-spacing: 0rem;
  --typography-label-lg-strong-family: Figtree;
  --typography-label-lg-strong-size: 1.125rem;
  --typography-label-lg-strong-line-height: 1.75rem;
  --typography-label-lg-strong-weight: 600;
  --typography-label-lg-strong-letter-spacing: 0rem;
  --typography-label-md-default-family: Figtree;
  --typography-label-md-default-size: 1rem;
  --typography-label-md-default-line-height: 1.5rem;
  --typography-label-md-default-weight: 400;
  --typography-label-md-default-letter-spacing: 0rem;
  --typography-label-md-strong-family: Figtree;
  --typography-label-md-strong-size: 1rem;
  --typography-label-md-strong-line-height: 1.5rem;
  --typography-label-md-strong-weight: 600;
  --typography-label-md-strong-letter-spacing: 0rem;
  --typography-label-sm-default-family: Figtree;
  --typography-label-sm-default-size: 0.875rem;
  --typography-label-sm-default-line-height: 1.25rem;
  --typography-label-sm-default-weight: 400;
  --typography-label-sm-default-letter-spacing: 0rem;
  --typography-label-sm-strong-family: Figtree;
  --typography-label-sm-strong-size: 0.875rem;
  --typography-label-sm-strong-line-height: 1.25rem;
  --typography-label-sm-strong-weight: 600;
  --typography-label-sm-strong-letter-spacing: 0rem;
  --typography-label-xs-default-family: Figtree;
  --typography-label-xs-default-size: 0.75rem;
  --typography-label-xs-default-line-height: 1rem;
  --typography-label-xs-default-weight: 400;
  --typography-label-xs-default-letter-spacing: 0rem;
  --typography-label-xs-strong-family: Figtree;
  --typography-label-xs-strong-size: 0.75rem;
  --typography-label-xs-strong-line-height: 1rem;
  --typography-label-xs-strong-weight: 600;
  --typography-label-xs-strong-letter-spacing: -0.0125rem;
  --space-grid-column-margin: 4.5rem;
  --space-grid-column-gutter: 1.5rem;
  --space-grid-column-count: 0.75rem;
  --space-grid-row-gutter: 0.25rem;
  --space-grid-row-height: 0.25rem;
  --space-page-padding-none: 0rem;
  --space-page-padding-sm: 2rem;
  --space-page-padding-md: 2.5rem;
  --space-page-padding-lg: 3.5rem;
  --space-page-padding-xl: 4rem;
  --space-page-gap-none: 0rem;
  --space-page-gap-xs: 0.75rem;
  --space-page-gap-sm: 1.5rem;
  --space-page-gap-md: 2rem;
  --space-page-gap-lg: 3rem;
  --space-page-gap-xl: 4rem;
  --space-page-gap-2xl: 5rem;
  --space-container-padding-none: 0rem;
  --space-container-padding-sm: 1rem;
  --space-container-padding-md: 1.5rem;
  --space-container-gap-none: 0rem;
  --space-container-gap-xs: 0.25rem;
  --space-container-gap-sm: 0.5rem;
  --space-container-gap-md: 1rem;
  --space-container-gap-lg: 1.5rem;
  --space-container-stack-sm: 1rem;
  --space-container-stack-md: 1.5rem;
  --space-container-stack-lg: 2rem;
  --space-component-padding-none: 0rem;
  --space-component-padding-2xs: 0.125rem;
  --space-component-padding-xs: 0.25rem;
  --space-component-padding-sm: 0.5rem;
  --space-component-padding-md: 0.75rem;
  --space-component-padding-lg: 1rem;
  --space-component-padding-xl: 1.5rem;
  --space-component-padding-2xl: 2rem;
  --space-component-gap-none: 0rem;
  --space-component-gap-xs: 0.125rem;
  --space-component-gap-sm: 0.25rem;
  --space-component-gap-md: 0.5rem;
  --space-component-gap-lg: 0.75rem;
  --size-viewport-width: 80rem;
  --size-border-radius-none: 0rem;
  --size-border-radius-sm: 0.25rem;
  --size-border-radius-md: 0.5rem;
  --size-border-radius-lg: 0.75rem;
  --size-border-radius-full: 6.25rem;
  --size-border-width-md: 0.125rem;
  --size-border-width-sm: 0.0625rem;
  --size-border-width-none: 0rem;
  --size-textfield-border-width: 0.0625rem;
  --size-textfield-border-radius: 0.5rem;
  --size-button-border-width: 0.0625rem;
  --size-button-border-radius: 0.5rem;
  --size-button-min-width-xs: 1.5rem;
  --size-button-min-width-sm: 2rem;
  --size-button-min-width-md: 2.5rem;
  --size-button-min-width-lg: 3rem;
  --size-button-min-height-xs: 1.5rem;
  --size-button-min-height-md: 2.5rem;
  --size-button-min-height-sm: 2rem;
  --size-button-min-height-lg: 3rem;
  }
}

@media (min-width: 1440px) {
  :root {
  --typography-font-family-primary: Fira Sans Condensed;
  --typography-font-family-secondary: Figtree;
  --typography-font-weight-regular: 400;
  --typography-font-weight-semi-bold: 500;
  --typography-font-weight-bold: 600;
  --typography-font-weight-extrabold: 700;
  --typography-heading-xl-family: Fira Sans Condensed;
  --typography-heading-xl-size: 3rem;
  --typography-heading-xl-line-height: 3.5rem;
  --typography-heading-xl-weight: 500;
  --typography-heading-xl-letter-spacing: 0rem;
  --typography-heading-lg-family: Fira Sans Condensed;
  --typography-heading-lg-size: 2.5rem;
  --typography-heading-lg-line-height: 3rem;
  --typography-heading-lg-weight: 500;
  --typography-heading-lg-letter-spacing: 0rem;
  --typography-heading-md-family: Fira Sans Condensed;
  --typography-heading-md-size: 2rem;
  --typography-heading-md-line-height: 2.5rem;
  --typography-heading-md-weight: 500;
  --typography-heading-md-letter-spacing: 0rem;
  --typography-heading-sm-family: Fira Sans Condensed;
  --typography-heading-sm-size: 1.5rem;
  --typography-heading-sm-line-height: 2rem;
  --typography-heading-sm-weight: 500;
  --typography-heading-sm-letter-spacing: 0rem;
  --typography-title-xl-family: Figtree;
  --typography-title-xl-size: 2rem;
  --typography-title-xl-line-height: 2.5rem;
  --typography-title-xl-weight: 600;
  --typography-title-xl-letter-spacing: 0rem;
  --typography-title-lg-family: Figtree;
  --typography-title-lg-size: 1.75rem;
  --typography-title-lg-line-height: 2.5rem;
  --typography-title-lg-weight: 600;
  --typography-title-lg-letter-spacing: 0rem;
  --typography-title-md-family: Figtree;
  --typography-title-md-size: 1.5rem;
  --typography-title-md-line-height: 2rem;
  --typography-title-md-weight: 600;
  --typography-title-md-letter-spacing: 0rem;
  --typography-title-sm-family: Figtree;
  --typography-title-sm-size: 1.25rem;
  --typography-title-sm-line-height: 1.75rem;
  --typography-title-sm-weight: 600;
  --typography-title-sm-letter-spacing: 0rem;
  --typography-body-lg-family: Figtree;
  --typography-body-lg-size: 1.125rem;
  --typography-body-lg-line-height: 1.5rem;
  --typography-body-lg-weight: 400;
  --typography-body-lg-letter-spacing: 0rem;
  --typography-body-lg-paragraph-spacing: 0.75rem;
  --typography-body-md-family: Figtree;
  --typography-body-md-size: 1rem;
  --typography-body-md-line-height: 1.5rem;
  --typography-body-md-weight: 400;
  --typography-body-md-letter-spacing: 0rem;
  --typography-body-md-paragraph-spacing: 0.5rem;
  --typography-body-sm-family: Figtree;
  --typography-body-sm-size: 0.875rem;
  --typography-body-sm-line-height: 1.25rem;
  --typography-body-sm-weight: 400;
  --typography-body-sm-letter-spacing: 0rem;
  --typography-body-sm-paragraph-spacing: 0.375rem;
  --typography-body-xs-family: Figtree;
  --typography-body-xs-size: 0.75rem;
  --typography-body-xs-line-height: 1rem;
  --typography-body-xs-weight: 400;
  --typography-body-xs-letter-spacing: 0rem;
  --typography-body-xs-paragraph-spacing: 0.375rem;
  --typography-label-lg-default-family: Figtree;
  --typography-label-lg-default-size: 1.125rem;
  --typography-label-lg-default-line-height: 1.75rem;
  --typography-label-lg-default-weight: 400;
  --typography-label-lg-default-letter-spacing: 0rem;
  --typography-label-lg-strong-family: Figtree;
  --typography-label-lg-strong-size: 1.125rem;
  --typography-label-lg-strong-line-height: 1.75rem;
  --typography-label-lg-strong-weight: 600;
  --typography-label-lg-strong-letter-spacing: 0rem;
  --typography-label-md-default-family: Figtree;
  --typography-label-md-default-size: 1rem;
  --typography-label-md-default-line-height: 1.5rem;
  --typography-label-md-default-weight: 400;
  --typography-label-md-default-letter-spacing: 0rem;
  --typography-label-md-strong-family: Figtree;
  --typography-label-md-strong-size: 1rem;
  --typography-label-md-strong-line-height: 1.5rem;
  --typography-label-md-strong-weight: 600;
  --typography-label-md-strong-letter-spacing: 0rem;
  --typography-label-sm-default-family: Figtree;
  --typography-label-sm-default-size: 0.875rem;
  --typography-label-sm-default-line-height: 1.25rem;
  --typography-label-sm-default-weight: 400;
  --typography-label-sm-default-letter-spacing: 0rem;
  --typography-label-sm-strong-family: Figtree;
  --typography-label-sm-strong-size: 0.875rem;
  --typography-label-sm-strong-line-height: 1.25rem;
  --typography-label-sm-strong-weight: 600;
  --typography-label-sm-strong-letter-spacing: 0rem;
  --typography-label-xs-default-family: Figtree;
  --typography-label-xs-default-size: 0.75rem;
  --typography-label-xs-default-line-height: 1rem;
  --typography-label-xs-default-weight: 400;
  --typography-label-xs-default-letter-spacing: 0rem;
  --typography-label-xs-strong-family: Figtree;
  --typography-label-xs-strong-size: 0.75rem;
  --typography-label-xs-strong-line-height: 1rem;
  --typography-label-xs-strong-weight: 600;
  --typography-label-xs-strong-letter-spacing: 0rem;
  --space-grid-column-margin: 6.75rem;
  --space-grid-column-gutter: 1.5rem;
  --space-grid-column-count: 0.75rem;
  --space-grid-row-gutter: 0.25rem;
  --space-grid-row-height: 0.25rem;
  --space-page-padding-none: 0rem;
  --space-page-padding-sm: 2.5rem;
  --space-page-padding-md: 3rem;
  --space-page-padding-lg: 4rem;
  --space-page-padding-xl: 4.5rem;
  --space-page-gap-none: 0rem;
  --space-page-gap-xs: 0.75rem;
  --space-page-gap-sm: 1.5rem;
  --space-page-gap-md: 2rem;
  --space-page-gap-lg: 3rem;
  --space-page-gap-xl: 4rem;
  --space-page-gap-2xl: 5rem;
  --space-container-padding-none: 0rem;
  --space-container-padding-sm: 1rem;
  --space-container-padding-md: 1.5rem;
  --space-container-gap-none: 0rem;
  --space-container-gap-xs: 0.25rem;
  --space-container-gap-sm: 0.5rem;
  --space-container-gap-md: 1rem;
  --space-container-gap-lg: 1.5rem;
  --space-container-stack-sm: 1rem;
  --space-container-stack-md: 1.5rem;
  --space-container-stack-lg: 2rem;
  --space-component-padding-none: 0rem;
  --space-component-padding-2xs: 0.125rem;
  --space-component-padding-xs: 0.25rem;
  --space-component-padding-sm: 0.5rem;
  --space-component-padding-md: 0.75rem;
  --space-component-padding-lg: 1rem;
  --space-component-padding-xl: 1.5rem;
  --space-component-padding-2xl: 2rem;
  --space-component-gap-none: 0rem;
  --space-component-gap-xs: 0.125rem;
  --space-component-gap-sm: 0.25rem;
  --space-component-gap-md: 0.5rem;
  --space-component-gap-lg: 0.75rem;
  --size-viewport-width: 90rem;
  --size-border-radius-none: 0rem;
  --size-border-radius-sm: 0.25rem;
  --size-border-radius-md: 0.5rem;
  --size-border-radius-lg: 0.75rem;
  --size-border-radius-full: 6.25rem;
  --size-border-width-md: 0.125rem;
  --size-border-width-sm: 0.0625rem;
  --size-border-width-none: 0rem;
  --size-textfield-border-width: 0.0625rem;
  --size-textfield-border-radius: 0.5rem;
  --size-button-border-width: 0.0625rem;
  --size-button-border-radius: 0.5rem;
  --size-button-min-width-xs: 1.5rem;
  --size-button-min-width-sm: 2rem;
  --size-button-min-width-md: 2.5rem;
  --size-button-min-width-lg: 3rem;
  --size-button-min-height-xs: 1.5rem;
  --size-button-min-height-md: 2.5rem;
  --size-button-min-height-sm: 2rem;
  --size-button-min-height-lg: 3rem;
  }
}


:root {
  --color-core-content-default: var(--light-color-core-content-default);
  --color-core-content-soft: var(--light-color-core-content-soft);
  --color-core-content-inverse: var(--light-color-core-content-inverse);
  --color-core-background-default: var(--light-color-core-background-default);
  --color-core-background-neutral: var(--light-color-core-background-neutral);
  --color-core-background-brand-soft: var(--light-color-core-background-brand-soft);
  --color-core-background-brand-strong: var(--light-color-core-background-brand-strong);
  --color-core-background-inverse: var(--light-color-core-background-inverse);
  --color-core-background-surface-raised: var(--light-color-core-background-surface-raised);
  --color-core-background-surface-floating: var(--light-color-core-background-surface-floating);
  --color-core-border-default: var(--light-color-core-border-default);
  --color-core-border-soft: var(--light-color-core-border-soft);
  --color-core-border-inverse: var(--light-color-core-border-inverse);
  --color-action-primary-content-default: var(--light-color-action-primary-content-default);
  --color-action-primary-content-hover: var(--light-color-action-primary-content-hover);
  --color-action-primary-content-pressed: var(--light-color-action-primary-content-pressed);
  --color-action-primary-content-disabled: var(--light-color-action-primary-content-disabled);
  --color-action-primary-background-default: var(--light-color-action-primary-background-default);
  --color-action-primary-background-hover: var(--light-color-action-primary-background-hover);
  --color-action-primary-background-pressed: var(--light-color-action-primary-background-pressed);
  --color-action-primary-background-disabled: var(--light-color-action-primary-background-disabled);
  --color-action-primary-border-default: var(--light-color-action-primary-border-default);
  --color-action-primary-border-hover: var(--light-color-action-primary-border-hover);
  --color-action-primary-border-active: var(--light-color-action-primary-border-active);
  --color-action-primary-border-disabled: var(--light-color-action-primary-border-disabled);
  --color-action-primary-selected-content-default: var(--light-color-action-primary-selected-content-default);
  --color-action-primary-selected-content-hover: var(--light-color-action-primary-selected-content-hover);
  --color-action-primary-selected-content-pressed: var(--light-color-action-primary-selected-content-pressed);
  --color-action-primary-selected-content-disabled: var(--light-color-action-primary-selected-content-disabled);
  --color-action-primary-selected-background-default: var(--light-color-action-primary-selected-background-default);
  --color-action-primary-selected-background-hover: var(--light-color-action-primary-selected-background-hover);
  --color-action-primary-selected-background-pressed: var(--light-color-action-primary-selected-background-pressed);
  --color-action-primary-selected-background-disabled: var(--light-color-action-primary-selected-background-disabled);
  --color-action-primary-selected-border-default: var(--light-color-action-primary-selected-border-default);
  --color-action-primary-selected-border-hover: var(--light-color-action-primary-selected-border-hover);
  --color-action-primary-selected-border-active: var(--light-color-action-primary-selected-border-active);
  --color-action-primary-selected-border-disabled: var(--light-color-action-primary-selected-border-disabled);
  --color-action-neutral-content-default: var(--light-color-action-neutral-content-default);
  --color-action-neutral-content-hover: var(--light-color-action-neutral-content-hover);
  --color-action-neutral-content-pressed: var(--light-color-action-neutral-content-pressed);
  --color-action-neutral-content-disabled: var(--light-color-action-neutral-content-disabled);
  --color-action-neutral-content-active: var(--light-color-action-neutral-content-active);
  --color-action-neutral-background-default: var(--light-color-action-neutral-background-default);
  --color-action-neutral-background-hover: var(--light-color-action-neutral-background-hover);
  --color-action-neutral-background-pressed: var(--light-color-action-neutral-background-pressed);
  --color-action-neutral-background-disabled: var(--light-color-action-neutral-background-disabled);
  --color-action-neutral-background-active: var(--light-color-action-neutral-background-active);
  --color-action-neutral-border-default: var(--light-color-action-neutral-border-default);
  --color-action-neutral-border-hover: var(--light-color-action-neutral-border-hover);
  --color-action-neutral-border-pressed: var(--light-color-action-neutral-border-pressed);
  --color-action-neutral-border-disabled: var(--light-color-action-neutral-border-disabled);
  --color-action-neutral-border-active: var(--light-color-action-neutral-border-active);
  --color-action-danger-content-default: var(--light-color-action-danger-content-default);
  --color-action-danger-content-hover: var(--light-color-action-danger-content-hover);
  --color-action-danger-content-pressed: var(--light-color-action-danger-content-pressed);
  --color-action-danger-content-disabled: var(--light-color-action-danger-content-disabled);
  --color-action-danger-background-default: var(--light-color-action-danger-background-default);
  --color-action-danger-background-hover: var(--light-color-action-danger-background-hover);
  --color-action-danger-background-pressed: var(--light-color-action-danger-background-pressed);
  --color-action-danger-background-disabled: var(--light-color-action-danger-background-disabled);
  --color-action-danger-border-default: var(--light-color-action-danger-border-default);
  --color-action-danger-border-hover: var(--light-color-action-danger-border-hover);
  --color-action-danger-border-pressed: var(--light-color-action-danger-border-pressed);
  --color-action-danger-border-disabled: var(--light-color-action-danger-border-disabled);
  --color-feedback-danger-subtle: var(--light-color-feedback-danger-subtle);
  --color-feedback-danger-soft: var(--light-color-feedback-danger-soft);
  --color-feedback-danger-default: var(--light-color-feedback-danger-default);
  --color-feedback-danger-strong: var(--light-color-feedback-danger-strong);
  --color-feedback-danger-stronger: var(--light-color-feedback-danger-stronger);
  --color-feedback-success-subtle: var(--light-color-feedback-success-subtle);
  --color-feedback-success-soft: var(--light-color-feedback-success-soft);
  --color-feedback-success-default: var(--light-color-feedback-success-default);
  --color-feedback-success-strong: var(--light-color-feedback-success-strong);
  --color-feedback-success-stronger: var(--light-color-feedback-success-stronger);
  --color-feedback-warning-subtle: var(--light-color-feedback-warning-subtle);
  --color-feedback-warning-soft: var(--light-color-feedback-warning-soft);
  --color-feedback-warning-default: var(--light-color-feedback-warning-default);
  --color-feedback-warning-strong: var(--light-color-feedback-warning-strong);
  --color-feedback-warning-stronger: var(--light-color-feedback-warning-stronger);
  --color-feedback-info-subtle: var(--light-color-feedback-info-subtle);
  --color-feedback-info-soft: var(--light-color-feedback-info-soft);
  --color-feedback-info-default: var(--light-color-feedback-info-default);
  --color-feedback-info-strong: var(--light-color-feedback-info-strong);
  --color-feedback-info-stronger: var(--light-color-feedback-info-stronger);
  --color-feedback-neutral-subtle: var(--light-color-feedback-neutral-subtle);
  --color-feedback-neutral-soft: var(--light-color-feedback-neutral-soft);
  --color-feedback-neutral-default: var(--light-color-feedback-neutral-default);
  --color-feedback-neutral-strong: var(--light-color-feedback-neutral-strong);
  --color-feedback-neutral-stronger: var(--light-color-feedback-neutral-stronger);
  --color-decorative-primary-subtle: var(--light-color-decorative-primary-subtle);
  --color-decorative-primary-soft: var(--light-color-decorative-primary-soft);
  --color-decorative-primary-default: var(--light-color-decorative-primary-default);
  --color-decorative-primary-strong: var(--light-color-decorative-primary-strong);
  --color-decorative-primary-stronger: var(--light-color-decorative-primary-stronger);
  --color-decorative-secondary-subtle: var(--light-color-decorative-secondary-subtle);
  --color-decorative-secondary-soft: var(--light-color-decorative-secondary-soft);
  --color-decorative-secondary-default: var(--light-color-decorative-secondary-default);
  --color-decorative-secondary-strong: var(--light-color-decorative-secondary-strong);
  --color-decorative-secondary-stronger: var(--light-color-decorative-secondary-stronger);
  --color-effect-focus-color: var(--light-color-effect-focus-color);
  --color-effect-focus-contrast: var(--light-color-effect-focus-contrast);
  --color-effect-shadow-soft: var(--light-color-effect-shadow-soft);
  --color-effect-shadow-strong: var(--light-color-effect-shadow-strong);
  --color-effect-overlay: var(--light-color-effect-overlay);
  --color-effect-skeleton-default: var(--light-color-effect-skeleton-default);
  --color-effect-skeleton-soft: var(--light-color-effect-skeleton-soft);
  --color-effect-skeleton-strong: var(--light-color-effect-skeleton-strong);
  --color-button-primary-content-default: var(--light-color-button-primary-content-default);
  --color-button-primary-content-hover: var(--light-color-button-primary-content-hover);
  --color-button-primary-content-pressed: var(--light-color-button-primary-content-pressed);
  --color-button-primary-content-disabled: var(--light-color-button-primary-content-disabled);
  --color-button-primary-background-default: var(--light-color-button-primary-background-default);
  --color-button-primary-background-hover: var(--light-color-button-primary-background-hover);
  --color-button-primary-background-pressed: var(--light-color-button-primary-background-pressed);
  --color-button-primary-background-disabled: var(--light-color-button-primary-background-disabled);
  --color-button-primary-border-default: var(--light-color-button-primary-border-default);
  --color-button-primary-border-hover: var(--light-color-button-primary-border-hover);
  --color-button-primary-border-pressed: var(--light-color-button-primary-border-pressed);
  --color-button-primary-border-disabled: var(--light-color-button-primary-border-disabled);
  --color-button-secondary-content-default: var(--light-color-button-secondary-content-default);
  --color-button-secondary-content-hover: var(--light-color-button-secondary-content-hover);
  --color-button-secondary-content-pressed: var(--light-color-button-secondary-content-pressed);
  --color-button-secondary-content-disabled: var(--light-color-button-secondary-content-disabled);
  --color-button-secondary-background-default: var(--light-color-button-secondary-background-default);
  --color-button-secondary-background-hover: var(--light-color-button-secondary-background-hover);
  --color-button-secondary-background-pressed: var(--light-color-button-secondary-background-pressed);
  --color-button-secondary-background-disabled: var(--light-color-button-secondary-background-disabled);
  --color-button-secondary-border-default: var(--light-color-button-secondary-border-default);
  --color-button-secondary-border-hover: var(--light-color-button-secondary-border-hover);
  --color-button-secondary-border-pressed: var(--light-color-button-secondary-border-pressed);
  --color-button-secondary-border-disabled: var(--light-color-button-secondary-border-disabled);
  --color-button-tertiary-content-default: var(--light-color-button-tertiary-content-default);
  --color-button-tertiary-content-hover: var(--light-color-button-tertiary-content-hover);
  --color-button-tertiary-content-pressed: var(--light-color-button-tertiary-content-pressed);
  --color-button-tertiary-content-disabled: var(--light-color-button-tertiary-content-disabled);
  --color-button-tertiary-background-default: var(--light-color-button-tertiary-background-default);
  --color-button-tertiary-background-hover: var(--light-color-button-tertiary-background-hover);
  --color-button-tertiary-background-pressed: var(--light-color-button-tertiary-background-pressed);
  --color-button-tertiary-background-disabled: var(--light-color-button-tertiary-background-disabled);
  --color-button-tertiary-border-default: var(--light-color-button-tertiary-border-default);
  --color-button-tertiary-border-hover: var(--light-color-button-tertiary-border-hover);
  --color-button-tertiary-border-pressed: var(--light-color-button-tertiary-border-pressed);
  --color-button-tertiary-border-disabled: var(--light-color-button-tertiary-border-disabled);
  --color-button-danger-content-default: var(--light-color-button-danger-content-default);
  --color-button-danger-content-hover: var(--light-color-button-danger-content-hover);
  --color-button-danger-content-pressed: var(--light-color-button-danger-content-pressed);
  --color-button-danger-content-disabled: var(--light-color-button-danger-content-disabled);
  --color-button-danger-background-default: var(--light-color-button-danger-background-default);
  --color-button-danger-background-hover: var(--light-color-button-danger-background-hover);
  --color-button-danger-background-pressed: var(--light-color-button-danger-background-pressed);
  --color-button-danger-background-disabled: var(--light-color-button-danger-background-disabled);
  --color-button-danger-border-default: var(--light-color-button-danger-border-default);
  --color-button-danger-border-pressed: var(--light-color-button-danger-border-pressed);
  --color-button-danger-border-hover: var(--light-color-button-danger-border-hover);
  --color-button-danger-border-disabled: var(--light-color-button-danger-border-disabled);
  --color-button-inverse-content-default: var(--light-color-button-inverse-content-default);
  --color-button-inverse-content-hover: var(--light-color-button-inverse-content-hover);
  --color-button-inverse-content-pressed: var(--light-color-button-inverse-content-pressed);
  --color-button-inverse-content-disabled: var(--light-color-button-inverse-content-disabled);
  --color-button-inverse-background-default: var(--light-color-button-inverse-background-default);
  --color-button-inverse-background-hover: var(--light-color-button-inverse-background-hover);
  --color-button-inverse-background-pressed: var(--light-color-button-inverse-background-pressed);
  --color-button-inverse-background-disabled: var(--light-color-button-inverse-background-disabled);
  --color-button-inverse-border-default: var(--light-color-button-inverse-border-default);
  --color-button-inverse-border-hover: var(--light-color-button-inverse-border-hover);
  --color-button-inverse-border-pressed: var(--light-color-button-inverse-border-pressed);
  --color-button-inverse-border-disabled: var(--light-color-button-inverse-border-disabled);
  --color-button-neutral-content-default: var(--light-color-button-neutral-content-default);
  --color-button-neutral-content-hover: var(--light-color-button-neutral-content-hover);
  --color-button-neutral-content-pressed: var(--light-color-button-neutral-content-pressed);
  --color-button-neutral-content-disabled: var(--light-color-button-neutral-content-disabled);
  --color-button-neutral-background-default: var(--light-color-button-neutral-background-default);
  --color-button-neutral-background-hover: var(--light-color-button-neutral-background-hover);
  --color-button-neutral-background-pressed: var(--light-color-button-neutral-background-pressed);
  --color-button-neutral-background-disabled: var(--light-color-button-neutral-background-disabled);
  --color-button-neutral-border-default: var(--light-color-button-neutral-border-default);
  --color-button-neutral-border-hover: var(--light-color-button-neutral-border-hover);
  --color-button-neutral-border-pressed: var(--light-color-button-neutral-border-pressed);
  --color-button-neutral-border-disabled: var(--light-color-button-neutral-border-disabled);
  --color-button-neutral-floating-content-default: var(--light-color-button-neutral-floating-content-default);
  --color-button-neutral-floating-content-hover: var(--light-color-button-neutral-floating-content-hover);
  --color-button-neutral-floating-content-pressed: var(--light-color-button-neutral-floating-content-pressed);
  --color-button-neutral-floating-content-disabled: var(--light-color-button-neutral-floating-content-disabled);
  --color-button-neutral-floating-background-default: var(--light-color-button-neutral-floating-background-default);
  --color-button-neutral-floating-background-hover: var(--light-color-button-neutral-floating-background-hover);
  --color-button-neutral-floating-background-pressed: var(--light-color-button-neutral-floating-background-pressed);
  --color-button-neutral-floating-background-disabled: var(--light-color-button-neutral-floating-background-disabled);
  --color-button-neutral-floating-border-default: var(--light-color-button-neutral-floating-border-default);
  --color-button-neutral-floating-border-hover: var(--light-color-button-neutral-floating-border-hover);
  --color-button-neutral-floating-border-pressed: var(--light-color-button-neutral-floating-border-pressed);
  --color-button-neutral-floating-border-disabled: var(--light-color-button-neutral-floating-border-disabled);
  --color-table-head-default: var(--light-color-table-head-default);
  --color-table-head-hover: var(--light-color-table-head-hover);
  --color-table-head-selected: var(--light-color-table-head-selected);
  --color-table-row-default: var(--light-color-table-row-default);
  --color-table-row-hover: var(--light-color-table-row-hover);
  --color-table-row-selected: var(--light-color-table-row-selected);
  --color-table-cell-default: var(--light-color-table-cell-default);
  --color-table-cell-hover: var(--light-color-table-cell-hover);
  --color-table-cell-selected: var(--light-color-table-cell-selected);
  --color-textfield-content-default: var(--light-color-textfield-content-default);
  --color-textfield-content-placeholder: var(--light-color-textfield-content-placeholder);
  --color-textfield-content-disabled: var(--light-color-textfield-content-disabled);
  --color-textfield-background-default: var(--light-color-textfield-background-default);
  --color-textfield-background-hover: var(--light-color-textfield-background-hover);
  --color-textfield-background-pressed: var(--light-color-textfield-background-pressed);
  --color-textfield-background-disabled: var(--light-color-textfield-background-disabled);
  --color-textfield-border-default: var(--light-color-textfield-border-default);
  --color-textfield-border-hover: var(--light-color-textfield-border-hover);
  --color-textfield-border-pressed: var(--light-color-textfield-border-pressed);
  --color-textfield-border-error: var(--light-color-textfield-border-error);
  --color-textfield-border-active: var(--light-color-textfield-border-active);
  --color-textfield-border-disabled: var(--light-color-textfield-border-disabled);
  --color-textfield-border-success: var(--light-color-textfield-border-success);
  --color-switch-unchecked-background-default: var(--light-color-switch-unchecked-background-default);
  --color-switch-unchecked-background-hover: var(--light-color-switch-unchecked-background-hover);
  --color-switch-unchecked-background-disabled: var(--light-color-switch-unchecked-background-disabled);
  --color-switch-checked-background-default: var(--light-color-switch-checked-background-default);
  --color-switch-checked-background-hover: var(--light-color-switch-checked-background-hover);
  --color-switch-checked-background-disabled: var(--light-color-switch-checked-background-disabled);
  --color-tile-border-default: var(--light-color-tile-border-default);
  --color-tile-border-hover: var(--light-color-tile-border-hover);
  --color-tile-border-disabled: var(--light-color-tile-border-disabled);
  --color-tile-content-default: var(--light-color-tile-content-default);
  --color-tile-content-disabled: var(--light-color-tile-content-disabled);
  --color-tile-background-default: var(--light-color-tile-background-default);
  --color-tile-background-hover: var(--light-color-tile-background-hover);
  --color-tile-background-disabled: var(--light-color-tile-background-disabled);
  --color-tile-checked-background-default: var(--light-color-tile-checked-background-default);
  --color-tile-checked-background-hover: var(--light-color-tile-checked-background-hover);
  --color-tile-checked-background-disabled: var(--light-color-tile-checked-background-disabled);
  --color-tile-checked-border-default: var(--light-color-tile-checked-border-default);
  --color-tile-checked-border-hover: var(--light-color-tile-checked-border-hover);
  --color-tile-checked-border-disabled: var(--light-color-tile-checked-border-disabled);
  --color-menu-item-parent-background-active: var(--light-color-menu-item-parent-background-active);
  --color-menu-item-child-background-active: var(--light-color-menu-item-child-background-active);
  --color-menu-item-content-disabled: var(--light-color-menu-item-content-disabled);
  --color-menu-item-background-default: var(--light-color-menu-item-background-default);
  --color-menu-item-background-hover: var(--light-color-menu-item-background-hover);
  --color-menu-item-background-pressed: var(--light-color-menu-item-background-pressed);
  --color-menu-item-background-disabled: var(--light-color-menu-item-background-disabled);
  --elevation-raised: var(--light-elevation-raised);
  --elevation-floating: var(--light-elevation-floating);
  --focus-outset: var(--light-focus-outset);
  --focus-inset: var(--light-focus-inset);
  --focus-textfield: var(--light-focus-textfield);

}

/* Valores para modo dark */
.dark {
  --color-core-content-default: var(--dark-color-core-content-default);
  --color-core-content-soft: var(--dark-color-core-content-soft);
  --color-core-content-inverse: var(--dark-color-core-content-inverse);
  --color-core-background-default: var(--dark-color-core-background-default);
  --color-core-background-neutral: var(--dark-color-core-background-neutral);
  --color-core-background-brand-soft: var(--dark-color-core-background-brand-soft);
  --color-core-background-brand-strong: var(--dark-color-core-background-brand-strong);
  --color-core-background-inverse: var(--dark-color-core-background-inverse);
  --color-core-background-surface-raised: var(--dark-color-core-background-surface-raised);
  --color-core-background-surface-floating: var(--dark-color-core-background-surface-floating);
  --color-core-border-default: var(--dark-color-core-border-default);
  --color-core-border-soft: var(--dark-color-core-border-soft);
  --color-core-border-inverse: var(--dark-color-core-border-inverse);
  --color-action-primary-content-default: var(--dark-color-action-primary-content-default);
  --color-action-primary-content-hover: var(--dark-color-action-primary-content-hover);
  --color-action-primary-content-pressed: var(--dark-color-action-primary-content-pressed);
  --color-action-primary-content-disabled: var(--dark-color-action-primary-content-disabled);
  --color-action-primary-background-default: var(--dark-color-action-primary-background-default);
  --color-action-primary-background-hover: var(--dark-color-action-primary-background-hover);
  --color-action-primary-background-pressed: var(--dark-color-action-primary-background-pressed);
  --color-action-primary-background-disabled: var(--dark-color-action-primary-background-disabled);
  --color-action-primary-border-default: var(--dark-color-action-primary-border-default);
  --color-action-primary-border-hover: var(--dark-color-action-primary-border-hover);
  --color-action-primary-border-active: var(--dark-color-action-primary-border-active);
  --color-action-primary-border-disabled: var(--dark-color-action-primary-border-disabled);
  --color-action-primary-selected-content-default: var(--dark-color-action-primary-selected-content-default);
  --color-action-primary-selected-content-hover: var(--dark-color-action-primary-selected-content-hover);
  --color-action-primary-selected-content-pressed: var(--dark-color-action-primary-selected-content-pressed);
  --color-action-primary-selected-content-disabled: var(--dark-color-action-primary-selected-content-disabled);
  --color-action-primary-selected-background-default: var(--dark-color-action-primary-selected-background-default);
  --color-action-primary-selected-background-hover: var(--dark-color-action-primary-selected-background-hover);
  --color-action-primary-selected-background-pressed: var(--dark-color-action-primary-selected-background-pressed);
  --color-action-primary-selected-background-disabled: var(--dark-color-action-primary-selected-background-disabled);
  --color-action-primary-selected-border-default: var(--dark-color-action-primary-selected-border-default);
  --color-action-primary-selected-border-hover: var(--dark-color-action-primary-selected-border-hover);
  --color-action-primary-selected-border-active: var(--dark-color-action-primary-selected-border-active);
  --color-action-primary-selected-border-disabled: var(--dark-color-action-primary-selected-border-disabled);
  --color-action-neutral-content-default: var(--dark-color-action-neutral-content-default);
  --color-action-neutral-content-hover: var(--dark-color-action-neutral-content-hover);
  --color-action-neutral-content-pressed: var(--dark-color-action-neutral-content-pressed);
  --color-action-neutral-content-disabled: var(--dark-color-action-neutral-content-disabled);
  --color-action-neutral-content-active: var(--dark-color-action-neutral-content-active);
  --color-action-neutral-background-default: var(--dark-color-action-neutral-background-default);
  --color-action-neutral-background-hover: var(--dark-color-action-neutral-background-hover);
  --color-action-neutral-background-pressed: var(--dark-color-action-neutral-background-pressed);
  --color-action-neutral-background-disabled: var(--dark-color-action-neutral-background-disabled);
  --color-action-neutral-background-active: var(--dark-color-action-neutral-background-active);
  --color-action-neutral-border-default: var(--dark-color-action-neutral-border-default);
  --color-action-neutral-border-hover: var(--dark-color-action-neutral-border-hover);
  --color-action-neutral-border-pressed: var(--dark-color-action-neutral-border-pressed);
  --color-action-neutral-border-disabled: var(--dark-color-action-neutral-border-disabled);
  --color-action-neutral-border-active: var(--dark-color-action-neutral-border-active);
  --color-action-danger-content-default: var(--dark-color-action-danger-content-default);
  --color-action-danger-content-hover: var(--dark-color-action-danger-content-hover);
  --color-action-danger-content-pressed: var(--dark-color-action-danger-content-pressed);
  --color-action-danger-content-disabled: var(--dark-color-action-danger-content-disabled);
  --color-action-danger-background-default: var(--dark-color-action-danger-background-default);
  --color-action-danger-background-hover: var(--dark-color-action-danger-background-hover);
  --color-action-danger-background-pressed: var(--dark-color-action-danger-background-pressed);
  --color-action-danger-background-disabled: var(--dark-color-action-danger-background-disabled);
  --color-action-danger-border-default: var(--dark-color-action-danger-border-default);
  --color-action-danger-border-hover: var(--dark-color-action-danger-border-hover);
  --color-action-danger-border-pressed: var(--dark-color-action-danger-border-pressed);
  --color-action-danger-border-disabled: var(--dark-color-action-danger-border-disabled);
  --color-feedback-danger-subtle: var(--dark-color-feedback-danger-subtle);
  --color-feedback-danger-soft: var(--dark-color-feedback-danger-soft);
  --color-feedback-danger-default: var(--dark-color-feedback-danger-default);
  --color-feedback-danger-strong: var(--dark-color-feedback-danger-strong);
  --color-feedback-danger-stronger: var(--dark-color-feedback-danger-stronger);
  --color-feedback-success-subtle: var(--dark-color-feedback-success-subtle);
  --color-feedback-success-soft: var(--dark-color-feedback-success-soft);
  --color-feedback-success-default: var(--dark-color-feedback-success-default);
  --color-feedback-success-strong: var(--dark-color-feedback-success-strong);
  --color-feedback-success-stronger: var(--dark-color-feedback-success-stronger);
  --color-feedback-warning-subtle: var(--dark-color-feedback-warning-subtle);
  --color-feedback-warning-soft: var(--dark-color-feedback-warning-soft);
  --color-feedback-warning-default: var(--dark-color-feedback-warning-default);
  --color-feedback-warning-strong: var(--dark-color-feedback-warning-strong);
  --color-feedback-warning-stronger: var(--dark-color-feedback-warning-stronger);
  --color-feedback-info-subtle: var(--dark-color-feedback-info-subtle);
  --color-feedback-info-soft: var(--dark-color-feedback-info-soft);
  --color-feedback-info-default: var(--dark-color-feedback-info-default);
  --color-feedback-info-strong: var(--dark-color-feedback-info-strong);
  --color-feedback-info-stronger: var(--dark-color-feedback-info-stronger);
  --color-feedback-neutral-subtle: var(--dark-color-feedback-neutral-subtle);
  --color-feedback-neutral-soft: var(--dark-color-feedback-neutral-soft);
  --color-feedback-neutral-default: var(--dark-color-feedback-neutral-default);
  --color-feedback-neutral-strong: var(--dark-color-feedback-neutral-strong);
  --color-feedback-neutral-stronger: var(--dark-color-feedback-neutral-stronger);
  --color-decorative-primary-subtle: var(--dark-color-decorative-primary-subtle);
  --color-decorative-primary-soft: var(--dark-color-decorative-primary-soft);
  --color-decorative-primary-default: var(--dark-color-decorative-primary-default);
  --color-decorative-primary-strong: var(--dark-color-decorative-primary-strong);
  --color-decorative-primary-stronger: var(--dark-color-decorative-primary-stronger);
  --color-decorative-secondary-subtle: var(--dark-color-decorative-secondary-subtle);
  --color-decorative-secondary-soft: var(--dark-color-decorative-secondary-soft);
  --color-decorative-secondary-default: var(--dark-color-decorative-secondary-default);
  --color-decorative-secondary-strong: var(--dark-color-decorative-secondary-strong);
  --color-decorative-secondary-stronger: var(--dark-color-decorative-secondary-stronger);
  --color-effect-focus-color: var(--dark-color-effect-focus-color);
  --color-effect-focus-contrast: var(--dark-color-effect-focus-contrast);
  --color-effect-shadow-soft: var(--dark-color-effect-shadow-soft);
  --color-effect-shadow-strong: var(--dark-color-effect-shadow-strong);
  --color-effect-overlay: var(--dark-color-effect-overlay);
  --color-effect-skeleton-default: var(--dark-color-effect-skeleton-default);
  --color-effect-skeleton-soft: var(--dark-color-effect-skeleton-soft);
  --color-effect-skeleton-strong: var(--dark-color-effect-skeleton-strong);
  --color-button-primary-content-default: var(--dark-color-button-primary-content-default);
  --color-button-primary-content-hover: var(--dark-color-button-primary-content-hover);
  --color-button-primary-content-pressed: var(--dark-color-button-primary-content-pressed);
  --color-button-primary-content-disabled: var(--dark-color-button-primary-content-disabled);
  --color-button-primary-background-default: var(--dark-color-button-primary-background-default);
  --color-button-primary-background-hover: var(--dark-color-button-primary-background-hover);
  --color-button-primary-background-pressed: var(--dark-color-button-primary-background-pressed);
  --color-button-primary-background-disabled: var(--dark-color-button-primary-background-disabled);
  --color-button-primary-border-default: var(--dark-color-button-primary-border-default);
  --color-button-primary-border-hover: var(--dark-color-button-primary-border-hover);
  --color-button-primary-border-pressed: var(--dark-color-button-primary-border-pressed);
  --color-button-primary-border-disabled: var(--dark-color-button-primary-border-disabled);
  --color-button-secondary-content-default: var(--dark-color-button-secondary-content-default);
  --color-button-secondary-content-hover: var(--dark-color-button-secondary-content-hover);
  --color-button-secondary-content-pressed: var(--dark-color-button-secondary-content-pressed);
  --color-button-secondary-content-disabled: var(--dark-color-button-secondary-content-disabled);
  --color-button-secondary-background-default: var(--dark-color-button-secondary-background-default);
  --color-button-secondary-background-hover: var(--dark-color-button-secondary-background-hover);
  --color-button-secondary-background-pressed: var(--dark-color-button-secondary-background-pressed);
  --color-button-secondary-background-disabled: var(--dark-color-button-secondary-background-disabled);
  --color-button-secondary-border-default: var(--dark-color-button-secondary-border-default);
  --color-button-secondary-border-hover: var(--dark-color-button-secondary-border-hover);
  --color-button-secondary-border-pressed: var(--dark-color-button-secondary-border-pressed);
  --color-button-secondary-border-disabled: var(--dark-color-button-secondary-border-disabled);
  --color-button-tertiary-content-default: var(--dark-color-button-tertiary-content-default);
  --color-button-tertiary-content-hover: var(--dark-color-button-tertiary-content-hover);
  --color-button-tertiary-content-pressed: var(--dark-color-button-tertiary-content-pressed);
  --color-button-tertiary-content-disabled: var(--dark-color-button-tertiary-content-disabled);
  --color-button-tertiary-background-default: var(--dark-color-button-tertiary-background-default);
  --color-button-tertiary-background-hover: var(--dark-color-button-tertiary-background-hover);
  --color-button-tertiary-background-pressed: var(--dark-color-button-tertiary-background-pressed);
  --color-button-tertiary-background-disabled: var(--dark-color-button-tertiary-background-disabled);
  --color-button-tertiary-border-default: var(--dark-color-button-tertiary-border-default);
  --color-button-tertiary-border-hover: var(--dark-color-button-tertiary-border-hover);
  --color-button-tertiary-border-pressed: var(--dark-color-button-tertiary-border-pressed);
  --color-button-tertiary-border-disabled: var(--dark-color-button-tertiary-border-disabled);
  --color-button-danger-content-default: var(--dark-color-button-danger-content-default);
  --color-button-danger-content-hover: var(--dark-color-button-danger-content-hover);
  --color-button-danger-content-pressed: var(--dark-color-button-danger-content-pressed);
  --color-button-danger-content-disabled: var(--dark-color-button-danger-content-disabled);
  --color-button-danger-background-default: var(--dark-color-button-danger-background-default);
  --color-button-danger-background-hover: var(--dark-color-button-danger-background-hover);
  --color-button-danger-background-pressed: var(--dark-color-button-danger-background-pressed);
  --color-button-danger-background-disabled: var(--dark-color-button-danger-background-disabled);
  --color-button-danger-border-default: var(--dark-color-button-danger-border-default);
  --color-button-danger-border-pressed: var(--dark-color-button-danger-border-pressed);
  --color-button-danger-border-hover: var(--dark-color-button-danger-border-hover);
  --color-button-danger-border-disabled: var(--dark-color-button-danger-border-disabled);
  --color-button-inverse-content-default: var(--dark-color-button-inverse-content-default);
  --color-button-inverse-content-hover: var(--dark-color-button-inverse-content-hover);
  --color-button-inverse-content-pressed: var(--dark-color-button-inverse-content-pressed);
  --color-button-inverse-content-disabled: var(--dark-color-button-inverse-content-disabled);
  --color-button-inverse-background-default: var(--dark-color-button-inverse-background-default);
  --color-button-inverse-background-hover: var(--dark-color-button-inverse-background-hover);
  --color-button-inverse-background-pressed: var(--dark-color-button-inverse-background-pressed);
  --color-button-inverse-background-disabled: var(--dark-color-button-inverse-background-disabled);
  --color-button-inverse-border-default: var(--dark-color-button-inverse-border-default);
  --color-button-inverse-border-hover: var(--dark-color-button-inverse-border-hover);
  --color-button-inverse-border-pressed: var(--dark-color-button-inverse-border-pressed);
  --color-button-inverse-border-disabled: var(--dark-color-button-inverse-border-disabled);
  --color-button-neutral-content-default: var(--dark-color-button-neutral-content-default);
  --color-button-neutral-content-hover: var(--dark-color-button-neutral-content-hover);
  --color-button-neutral-content-pressed: var(--dark-color-button-neutral-content-pressed);
  --color-button-neutral-content-disabled: var(--dark-color-button-neutral-content-disabled);
  --color-button-neutral-background-default: var(--dark-color-button-neutral-background-default);
  --color-button-neutral-background-hover: var(--dark-color-button-neutral-background-hover);
  --color-button-neutral-background-pressed: var(--dark-color-button-neutral-background-pressed);
  --color-button-neutral-background-disabled: var(--dark-color-button-neutral-background-disabled);
  --color-button-neutral-border-default: var(--dark-color-button-neutral-border-default);
  --color-button-neutral-border-hover: var(--dark-color-button-neutral-border-hover);
  --color-button-neutral-border-pressed: var(--dark-color-button-neutral-border-pressed);
  --color-button-neutral-border-disabled: var(--dark-color-button-neutral-border-disabled);
  --color-button-neutral-floating-content-default: var(--dark-color-button-neutral-floating-content-default);
  --color-button-neutral-floating-content-hover: var(--dark-color-button-neutral-floating-content-hover);
  --color-button-neutral-floating-content-pressed: var(--dark-color-button-neutral-floating-content-pressed);
  --color-button-neutral-floating-content-disabled: var(--dark-color-button-neutral-floating-content-disabled);
  --color-button-neutral-floating-background-default: var(--dark-color-button-neutral-floating-background-default);
  --color-button-neutral-floating-background-hover: var(--dark-color-button-neutral-floating-background-hover);
  --color-button-neutral-floating-background-pressed: var(--dark-color-button-neutral-floating-background-pressed);
  --color-button-neutral-floating-background-disabled: var(--dark-color-button-neutral-floating-background-disabled);
  --color-button-neutral-floating-border-default: var(--dark-color-button-neutral-floating-border-default);
  --color-button-neutral-floating-border-hover: var(--dark-color-button-neutral-floating-border-hover);
  --color-button-neutral-floating-border-pressed: var(--dark-color-button-neutral-floating-border-pressed);
  --color-button-neutral-floating-border-disabled: var(--dark-color-button-neutral-floating-border-disabled);
  --color-table-head-default: var(--dark-color-table-head-default);
  --color-table-head-hover: var(--dark-color-table-head-hover);
  --color-table-head-selected: var(--dark-color-table-head-selected);
  --color-table-row-default: var(--dark-color-table-row-default);
  --color-table-row-hover: var(--dark-color-table-row-hover);
  --color-table-row-selected: var(--dark-color-table-row-selected);
  --color-table-cell-default: var(--dark-color-table-cell-default);
  --color-table-cell-hover: var(--dark-color-table-cell-hover);
  --color-table-cell-selected: var(--dark-color-table-cell-selected);
  --color-textfield-content-default: var(--dark-color-textfield-content-default);
  --color-textfield-content-placeholder: var(--dark-color-textfield-content-placeholder);
  --color-textfield-content-disabled: var(--dark-color-textfield-content-disabled);
  --color-textfield-background-default: var(--dark-color-textfield-background-default);
  --color-textfield-background-hover: var(--dark-color-textfield-background-hover);
  --color-textfield-background-pressed: var(--dark-color-textfield-background-pressed);
  --color-textfield-background-disabled: var(--dark-color-textfield-background-disabled);
  --color-textfield-border-default: var(--dark-color-textfield-border-default);
  --color-textfield-border-hover: var(--dark-color-textfield-border-hover);
  --color-textfield-border-pressed: var(--dark-color-textfield-border-pressed);
  --color-textfield-border-error: var(--dark-color-textfield-border-error);
  --color-textfield-border-active: var(--dark-color-textfield-border-active);
  --color-textfield-border-disabled: var(--dark-color-textfield-border-disabled);
  --color-textfield-border-success: var(--dark-color-textfield-border-success);
  --color-switch-unchecked-background-default: var(--dark-color-switch-unchecked-background-default);
  --color-switch-unchecked-background-hover: var(--dark-color-switch-unchecked-background-hover);
  --color-switch-unchecked-background-disabled: var(--dark-color-switch-unchecked-background-disabled);
  --color-switch-checked-background-default: var(--dark-color-switch-checked-background-default);
  --color-switch-checked-background-hover: var(--dark-color-switch-checked-background-hover);
  --color-switch-checked-background-disabled: var(--dark-color-switch-checked-background-disabled);
  --color-tile-border-default: var(--dark-color-tile-border-default);
  --color-tile-border-hover: var(--dark-color-tile-border-hover);
  --color-tile-border-disabled: var(--dark-color-tile-border-disabled);
  --color-tile-content-default: var(--dark-color-tile-content-default);
  --color-tile-content-disabled: var(--dark-color-tile-content-disabled);
  --color-tile-background-default: var(--dark-color-tile-background-default);
  --color-tile-background-hover: var(--dark-color-tile-background-hover);
  --color-tile-background-disabled: var(--dark-color-tile-background-disabled);
  --color-tile-checked-background-default: var(--dark-color-tile-checked-background-default);
  --color-tile-checked-background-hover: var(--dark-color-tile-checked-background-hover);
  --color-tile-checked-background-disabled: var(--dark-color-tile-checked-background-disabled);
  --color-tile-checked-border-default: var(--dark-color-tile-checked-border-default);
  --color-tile-checked-border-hover: var(--dark-color-tile-checked-border-hover);
  --color-tile-checked-border-disabled: var(--dark-color-tile-checked-border-disabled);
  --color-menu-item-parent-background-active: var(--dark-color-menu-item-parent-background-active);
  --color-menu-item-child-background-active: var(--dark-color-menu-item-child-background-active);
  --color-menu-item-content-disabled: var(--dark-color-menu-item-content-disabled);
  --color-menu-item-background-default: var(--dark-color-menu-item-background-default);
  --color-menu-item-background-hover: var(--dark-color-menu-item-background-hover);
  --color-menu-item-background-pressed: var(--dark-color-menu-item-background-pressed);
  --color-menu-item-background-disabled: var(--dark-color-menu-item-background-disabled);
  --elevation-raised: var(--dark-elevation-raised);
  --elevation-floating: var(--dark-elevation-floating);
  --focus-outset: var(--dark-focus-outset);
  --focus-inset: var(--dark-focus-inset);
  --focus-textfield: var(--dark-focus-textfield);

}
