:root {
  --square: 1/1;
  --landscape-sm: 3/2;
  --landscape-md: 5/4;
  --landscape-lg: 16/9;
  --portrait-sm: 2/3;
  --portrait-md: 4/5;
  --portrait-lg: 9/16;
  --thumbnail: 1/1;
  --avatar: 1/1;
  --icon-button: 1/1;
  --card: 3/2;
  --dark-color-core-content-default: #ffffff;
  --dark-color-core-content-soft: #dee7e6;
  --dark-color-core-content-inverse: #070707;
  --dark-color-core-background-default: #070707;
  --dark-color-core-background-neutral-soft: #363a3a;
  --dark-color-core-background-alternative-soft: #0a2825;
  --dark-color-core-background-alternative-strong: #edf5f5;
  --dark-color-core-background-inverse: #ffffff;
  --dark-color-core-background-surface-raised: #1a1c1c;
  --dark-color-core-background-surface-floating: #2a2d2c;
  --dark-color-core-border-default: #f1f4f4;
  --dark-color-core-border-soft: #a6b0af;
  --dark-color-core-border-inverse: #070707;
  --dark-color-action-inverse-content-default: #070707;
  --dark-color-action-inverse-content-hover: #070707;
  --dark-color-action-inverse-content-pressed: #070707;
  --dark-color-action-inverse-content-disabled: #676d6c;
  --dark-color-action-primary-content-default: #ffffff;
  --dark-color-action-primary-content-hover: #d7fbf6;
  --dark-color-action-primary-content-pressed: #d7fbf6;
  --dark-color-action-primary-content-disabled: #e7eeed;
  --dark-color-action-primary-background-default: #ffffff00;
  --dark-color-action-primary-background-hover: #19625b;
  --dark-color-action-primary-background-pressed: #217870;
  --dark-color-action-primary-background-disabled: #ffffff0a;
  --dark-color-action-primary-border-default: #ffffff;
  --dark-color-action-primary-border-hover: #d7fbf6;
  --dark-color-action-primary-border-pressed: #d7fbf6;
  --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: #e7eeed;
  --dark-color-action-primary-selected-background-default: #45d6c8;
  --dark-color-action-primary-selected-background-hover: #3bc1b4;
  --dark-color-action-primary-selected-background-pressed: #2e9e93;
  --dark-color-action-primary-selected-background-disabled: #ffffff0a;
  --dark-color-action-primary-selected-border-default: #45d6c8;
  --dark-color-action-primary-selected-border-hover: #3bc1b4;
  --dark-color-action-primary-selected-border-pressed: #2e9e93;
  --dark-color-action-primary-selected-border-disabled: #ffffff00;
  --dark-color-action-neutral-content-default: #ffffff;
  --dark-color-action-neutral-content-hover: #f8faf9;
  --dark-color-action-neutral-content-pressed: #f8faf9;
  --dark-color-action-neutral-content-disabled: #e7eeed;
  --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: #f8faf9;
  --dark-color-action-neutral-border-pressed: #f8faf9;
  --dark-color-action-neutral-border-disabled: #ffffff00;
  --dark-color-action-neutral-border-active: #ffffff00;
  --dark-color-action-danger-content-default: #ef7156;
  --dark-color-action-danger-content-hover: #ba2f1e;
  --dark-color-action-danger-content-pressed: #ba2f1e;
  --dark-color-action-danger-content-disabled: #e7eeed;
  --dark-color-action-danger-background-default: #ffffff00;
  --dark-color-action-danger-background-hover: #ffffff0a;
  --dark-color-action-danger-background-pressed: #ffffff0f;
  --dark-color-action-danger-background-disabled: #ffffff0a;
  --dark-color-action-danger-border-default: #ef7156;
  --dark-color-action-danger-border-hover: #ec402a;
  --dark-color-action-danger-border-pressed: #ba2f1e;
  --dark-color-action-danger-border-disabled: #ffffff00;
  --dark-color-feedback-danger-default: #f5c7ba;
  --dark-color-feedback-danger-on-default: #070707;
  --dark-color-feedback-danger-surface-background: #811e12;
  --dark-color-feedback-danger-surface-border: #f5c7ba;
  --dark-color-feedback-success-default: #a5f6d0;
  --dark-color-feedback-success-on-default: #070707;
  --dark-color-feedback-success-surface-background: #204d39;
  --dark-color-feedback-success-surface-border: #77e7b5;
  --dark-color-feedback-warning-default: #fce2ae;
  --dark-color-feedback-warning-on-default: #070707;
  --dark-color-feedback-warning-surface-background: #564100;
  --dark-color-feedback-warning-surface-border: #fcd98e;
  --dark-color-feedback-info-default: #c5e3f8;
  --dark-color-feedback-info-on-default: #070707;
  --dark-color-feedback-info-surface-background: #164a64;
  --dark-color-feedback-info-surface-border: #c5e3f8;
  --dark-color-feedback-neutral-default: #d6e0df;
  --dark-color-feedback-neutral-on-default: #070707;
  --dark-color-feedback-neutral-surface-background: #414545;
  --dark-color-feedback-neutral-surface-border: #d6e0df;
  --dark-color-decorative-primary-default: #f9c886;
  --dark-color-decorative-primary-soft: #5c3e0b;
  --dark-color-decorative-primary-strong: #f9e1c3;
  --dark-color-decorative-secondary-default: #baa7c5;
  --dark-color-decorative-secondary-soft: #463153;
  --dark-color-decorative-secondary-strong: #e9e4eb;
  --dark-color-effect-focus-color: #f9b23c;
  --dark-color-effect-focus-contrast: #ffffff;
  --dark-color-effect-shadow-soft: #000000f2;
  --dark-color-effect-shadow-strong: #000000d9;
  --dark-color-effect-overlay: #ffffff29;
  --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: #e7eeed;
  --dark-color-button-primary-background-default: #45d6c8;
  --dark-color-button-primary-background-hover: #3bc1b4;
  --dark-color-button-primary-background-pressed: #2e9e93;
  --dark-color-button-primary-background-disabled: #ffffff0f;
  --dark-color-button-primary-border-default: #45d6c8;
  --dark-color-button-primary-border-hover: #3bc1b4;
  --dark-color-button-primary-border-pressed: #2e9e93;
  --dark-color-button-primary-border-disabled: #ffffff00;
  --dark-color-button-secondary-content-default: #45d6c8;
  --dark-color-button-secondary-content-hover: #3bc1b4;
  --dark-color-button-secondary-content-pressed: #2e9e93;
  --dark-color-button-secondary-content-disabled: #e7eeed;
  --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: #45d6c8;
  --dark-color-button-secondary-border-hover: #3bc1b4;
  --dark-color-button-secondary-border-pressed: #2e9e93;
  --dark-color-button-secondary-border-disabled: #ffffff00;
  --dark-color-button-tertiary-content-default: #45d6c8;
  --dark-color-button-tertiary-content-hover: #3bc1b4;
  --dark-color-button-tertiary-content-pressed: #2e9e93;
  --dark-color-button-tertiary-content-disabled: #e7eeed;
  --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: #e7eeed;
  --dark-color-button-danger-background-default: #ef7156;
  --dark-color-button-danger-background-hover: #ec402a;
  --dark-color-button-danger-background-pressed: #ba2f1e;
  --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: #676d6c;
  --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: #00000029;
  --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: #f8faf9;
  --dark-color-button-neutral-content-pressed: #f8faf9;
  --dark-color-button-neutral-content-disabled: #e7eeed;
  --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: #f8faf9;
  --dark-color-button-neutral-floating-content-pressed: #f8faf9;
  --dark-color-button-neutral-floating-content-disabled: #e7eeed;
  --dark-color-button-neutral-floating-background-default: #070707;
  --dark-color-button-neutral-floating-background-hover: #1a1c1c;
  --dark-color-button-neutral-floating-background-pressed: #2a2d2c;
  --dark-color-button-neutral-floating-background-disabled: #2a2d2c;
  --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: #b3bdbc;
  --dark-color-textfield-content-disabled: #e7eeed;
  --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: #a6b0af;
  --dark-color-textfield-border-hover: #b3bdbc;
  --dark-color-textfield-border-pressed: #c9d4d3;
  --dark-color-textfield-border-error: #ef7156;
  --dark-color-textfield-border-active: #217870;
  --dark-color-textfield-border-disabled: #e7eeed;
  --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: #ffffff0f;
  --dark-color-menu-item-background-pressed: #ffffff14;
  --dark-color-menu-item-background-disabled: #ffffff00;
  --dark-elevation-raised: 0px 0px 4px 0px #000000f2, 0px 2px 4px 0px #000000d9;
  --dark-elevation-floating: 0px 0px 4px 0px #000000f2, 0px 4px 8px 0px #000000f2;
  --dark-focus-outset: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #f9b23c;
  --dark-focus-inset: 0px 0px 0px 2px #f9b23c inset, 0px 0px 0px 4px #ffffff inset;
  --dark-focus-textfield: 0px 0px 0px 2px #217870 inset;
  --light-color-core-content-default: #070707;
  --light-color-core-content-soft: #535858;
  --light-color-core-content-inverse: #ffffff;
  --light-color-core-background-default: #ffffff;
  --light-color-core-background-neutral-soft: #f8faf9;
  --light-color-core-background-alternative-soft: #edf5f5;
  --light-color-core-background-alternative-strong: #19625b;
  --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: #a6b0af;
  --light-color-core-border-soft: #d6e0df;
  --light-color-core-border-inverse: #ffffff;
  --light-color-action-inverse-content-default: #ffffff;
  --light-color-action-inverse-content-hover: #ffffff;
  --light-color-action-inverse-content-pressed: #ffffff;
  --light-color-action-inverse-content-disabled: #c9d4d3;
  --light-color-action-primary-content-default: #217870;
  --light-color-action-primary-content-hover: #19625b;
  --light-color-action-primary-content-pressed: #124d47;
  --light-color-action-primary-content-disabled: #7d8483;
  --light-color-action-primary-background-default: #ffffff00;
  --light-color-action-primary-background-hover: #edf5f5;
  --light-color-action-primary-background-pressed: #e0f0ee;
  --light-color-action-primary-background-disabled: #0000000a;
  --light-color-action-primary-border-default: #217870;
  --light-color-action-primary-border-hover: #19625b;
  --light-color-action-primary-border-pressed: #124d47;
  --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: #7d8483;
  --light-color-action-primary-selected-background-default: #217870;
  --light-color-action-primary-selected-background-hover: #19625b;
  --light-color-action-primary-selected-background-pressed: #124d47;
  --light-color-action-primary-selected-background-disabled: #0000000a;
  --light-color-action-primary-selected-border-default: #217870;
  --light-color-action-primary-selected-border-hover: #19625b;
  --light-color-action-primary-selected-border-pressed: #124d47;
  --light-color-action-primary-selected-border-disabled: #ffffff00;
  --light-color-action-neutral-content-default: #070707;
  --light-color-action-neutral-content-hover: #414545;
  --light-color-action-neutral-content-pressed: #414545;
  --light-color-action-neutral-content-disabled: #7d8483;
  --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: #edfdfa;
  --light-color-action-neutral-border-default: #070707;
  --light-color-action-neutral-border-hover: #414545;
  --light-color-action-neutral-border-pressed: #414545;
  --light-color-action-neutral-border-disabled: #ffffff00;
  --light-color-action-neutral-border-active: #ffffff00;
  --light-color-action-danger-content-default: #ba2f1e;
  --light-color-action-danger-content-hover: #a22819;
  --light-color-action-danger-content-pressed: #811e12;
  --light-color-action-danger-content-disabled: #7d8483;
  --light-color-action-danger-background-default: #ffffff00;
  --light-color-action-danger-background-hover: #0000000a;
  --light-color-action-danger-background-pressed: #0000000f;
  --light-color-action-danger-background-disabled: #0000000a;
  --light-color-action-danger-border-default: #ba2f1e;
  --light-color-action-danger-border-hover: #a22819;
  --light-color-action-danger-border-pressed: #811e12;
  --light-color-action-danger-border-disabled: #ffffff00;
  --light-color-feedback-danger-default: #ba2f1e;
  --light-color-feedback-danger-on-default: #ffffff;
  --light-color-feedback-danger-surface-background: #f5c7ba;
  --light-color-feedback-danger-surface-border: #ba2f1e;
  --light-color-feedback-success-default: #35785b;
  --light-color-feedback-success-on-default: #ffffff;
  --light-color-feedback-success-surface-background: #c5f8de;
  --light-color-feedback-success-surface-border: #35785b;
  --light-color-feedback-warning-default: #866600;
  --light-color-feedback-warning-on-default: #ffffff;
  --light-color-feedback-warning-surface-background: #fce2ae;
  --light-color-feedback-warning-surface-border: #866600;
  --light-color-feedback-info-default: #27749a;
  --light-color-feedback-info-on-default: #ffffff;
  --light-color-feedback-info-surface-background: #d3e9f8;
  --light-color-feedback-info-surface-border: #27749a;
  --light-color-feedback-neutral-default: #535858;
  --light-color-feedback-neutral-on-default: #ffffff;
  --light-color-feedback-neutral-surface-background: #dee7e6;
  --light-color-feedback-neutral-surface-border: #535858;
  --light-color-decorative-primary-default: #eaa42c;
  --light-color-decorative-primary-soft: #f9e1c3;
  --light-color-decorative-primary-strong: #2f2109;
  --light-color-decorative-secondary-default: #a890b6;
  --light-color-decorative-secondary-soft: #e9e4eb;
  --light-color-decorative-secondary-strong: #463153;
  --light-color-effect-focus-color: #eaa42c;
  --light-color-effect-focus-contrast: #ffffff;
  --light-color-effect-shadow-soft: #0425221f;
  --light-color-effect-shadow-strong: #04252229;
  --light-color-effect-overlay: #00000029;
  --light-color-effect-skeleton-default: #a6b0af;
  --light-color-effect-skeleton-soft: #c9d4d3;
  --light-color-effect-skeleton-strong: #7d8483;
  --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: #a6b0af;
  --light-color-button-primary-background-default: #217870;
  --light-color-button-primary-background-hover: #19625b;
  --light-color-button-primary-background-pressed: #124d47;
  --light-color-button-primary-background-disabled: #00000014;
  --light-color-button-primary-border-default: #217870;
  --light-color-button-primary-border-hover: #19625b;
  --light-color-button-primary-border-pressed: #124d47;
  --light-color-button-primary-border-disabled: #ffffff00;
  --light-color-button-secondary-content-default: #217870;
  --light-color-button-secondary-content-hover: #19625b;
  --light-color-button-secondary-content-pressed: #124d47;
  --light-color-button-secondary-content-disabled: #a6b0af;
  --light-color-button-secondary-background-default: #ffffff00;
  --light-color-button-secondary-background-hover: #0000000a;
  --light-color-button-secondary-background-pressed: #0000000f;
  --light-color-button-secondary-background-disabled: #ffffff00;
  --light-color-button-secondary-border-default: #217870;
  --light-color-button-secondary-border-hover: #19625b;
  --light-color-button-secondary-border-pressed: #124d47;
  --light-color-button-secondary-border-disabled: #ffffff00;
  --light-color-button-tertiary-content-default: #217870;
  --light-color-button-tertiary-content-hover: #19625b;
  --light-color-button-tertiary-content-pressed: #124d47;
  --light-color-button-tertiary-content-disabled: #a6b0af;
  --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: #a6b0af;
  --light-color-button-danger-background-default: #ba2f1e;
  --light-color-button-danger-background-hover: #a22819;
  --light-color-button-danger-background-pressed: #811e12;
  --light-color-button-danger-background-disabled: #00000014;
  --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: #c9d4d3;
  --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: #ffffff29;
  --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: #414545;
  --light-color-button-neutral-content-pressed: #414545;
  --light-color-button-neutral-content-disabled: #a6b0af;
  --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: #414545;
  --light-color-button-neutral-floating-content-pressed: #414545;
  --light-color-button-neutral-floating-content-disabled: #a6b0af;
  --light-color-button-neutral-floating-background-default: #ffffff;
  --light-color-button-neutral-floating-background-hover: #f1f4f4;
  --light-color-button-neutral-floating-background-pressed: #e7eeed;
  --light-color-button-neutral-floating-background-disabled: #e7eeed;
  --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: #00000014;
  --light-color-textfield-content-default: #070707;
  --light-color-textfield-content-placeholder: #676d6c;
  --light-color-textfield-content-disabled: #7d8483;
  --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: #929a99;
  --light-color-textfield-border-hover: #7d8483;
  --light-color-textfield-border-pressed: #676d6c;
  --light-color-textfield-border-error: #ba2f1e;
  --light-color-textfield-border-active: #217870;
  --light-color-textfield-border-disabled: #a6b0af;
  --light-color-switch-unchecked-background-default: #929a99;
  --light-color-switch-unchecked-background-hover: #7d8483;
  --light-color-switch-unchecked-background-disabled: #00000014;
  --light-color-switch-checked-background-default: #217870;
  --light-color-switch-checked-background-hover: #19625b;
  --light-color-switch-checked-background-disabled: #00000014;
  --light-color-tile-border-default: #d6e0df;
  --light-color-tile-border-hover: #d6e0df;
  --light-color-tile-border-disabled: #d6e0df;
  --light-color-tile-content-default: #070707;
  --light-color-tile-content-disabled: #7d8483;
  --light-color-tile-background-default: #ffffff;
  --light-color-tile-background-hover: #f8faf9;
  --light-color-tile-background-disabled: #00000005;
  --light-color-tile-checked-background-default: #edfdfa;
  --light-color-tile-checked-background-hover: #edfdfa;
  --light-color-tile-checked-background-disabled: #00000005;
  --light-color-tile-checked-border-default: #217870;
  --light-color-tile-checked-border-hover: #217870;
  --light-color-tile-checked-border-disabled: #d6e0df;
  --light-color-menu-item-parent-background-active: #217870;
  --light-color-menu-item-child-background-active: #edfdfa;
  --light-color-menu-item-content-disabled: #7d8483;
  --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 2px #ffffff, 0px 0px 0px 4px #eaa42c;
  --light-focus-inset: 0px 0px 0px 2px #eaa42c inset, 0px 0px 0px 4px #ffffff inset;
  --light-focus-textfield: 0px 0px 0px 2px #217870 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-olivads-color-basic-white: #ffffff;
  --base-olivads-color-basic-black: #000000;
  --base-olivads-color-opacity-transparent: #ffffff00;
  --base-olivads-color-opacity-black-02: #00000005;
  --base-olivads-color-opacity-black-04: #0000000a;
  --base-olivads-color-opacity-black-06: #0000000f;
  --base-olivads-color-opacity-black-08: #00000014;
  --base-olivads-color-opacity-black-16: #00000029;
  --base-olivads-color-opacity-black-32: #00000052;
  --base-olivads-color-opacity-black-48: #0000007a;
  --base-olivads-color-opacity-white-02: #ffffff05;
  --base-olivads-color-opacity-white-04: #ffffff0a;
  --base-olivads-color-opacity-white-06: #ffffff0f;
  --base-olivads-color-opacity-white-08: #ffffff14;
  --base-olivads-color-opacity-white-16: #ffffff29;
  --base-olivads-color-opacity-white-32: #ffffff52;
  --base-olivads-color-opacity-white-48: #ffffff7a;
  --base-olivads-color-opacity-purple300-20: #baa7c533;
  --base-olivads-color-opacity-orange300-20: #eaa42c33;
  --base-olivads-color-opacity-success300-20: #5ac19433;
  --base-olivads-color-opacity-warning150-20: #fdc93c33;
  --base-olivads-color-opacity-danger300-20: #f2947d33;
  --base-olivads-color-opacity-info300-20: #44baf533;
  --base-olivads-color-opacity-neutral300-20: #a6b0af33;
  --base-olivads-color-neutral-25: #f8faf9;
  --base-olivads-color-neutral-50: #f1f4f4;
  --base-olivads-color-neutral-75: #e7eeed;
  --base-olivads-color-neutral-100: #dee7e6;
  --base-olivads-color-neutral-125: #d6e0df;
  --base-olivads-color-neutral-150: #c9d4d3;
  --base-olivads-color-neutral-225: #b3bdbc;
  --base-olivads-color-neutral-300: #a6b0af;
  --base-olivads-color-neutral-375: #929a99;
  --base-olivads-color-neutral-450: #7d8483;
  --base-olivads-color-neutral-550: #676d6c;
  --base-olivads-color-neutral-625: #535858;
  --base-olivads-color-neutral-700: #414545;
  --base-olivads-color-neutral-750: #363a3a;
  --base-olivads-color-neutral-825: #2a2d2c;
  --base-olivads-color-neutral-850: #222424;
  --base-olivads-color-neutral-900: #1a1c1c;
  --base-olivads-color-neutral-925: #151717;
  --base-olivads-color-neutral-950: #0d0e0e;
  --base-olivads-color-neutral-975: #070707;
  --base-olivads-color-turquoise-25: #edfdfa;
  --base-olivads-color-turquoise-50: #d7fbf6;
  --base-olivads-color-turquoise-75: #b4faf0;
  --base-olivads-color-turquoise-100: #85faec;
  --base-olivads-color-turquoise-125: #68f5e5;
  --base-olivads-color-turquoise-150: #58e8d9;
  --base-olivads-color-turquoise-225: #45d6c8;
  --base-olivads-color-turquoise-300: #3bc1b4;
  --base-olivads-color-turquoise-375: #2e9e93;
  --base-olivads-color-turquoise-450: #299287;
  --base-olivads-color-turquoise-550: #217870;
  --base-olivads-color-turquoise-625: #19625b;
  --base-olivads-color-turquoise-700: #124d47;
  --base-olivads-color-turquoise-750: #0e413c;
  --base-olivads-color-turquoise-825: #0c322e;
  --base-olivads-color-turquoise-850: #0a2825;
  --base-olivads-color-turquoise-900: #081f1d;
  --base-olivads-color-turquoise-925: #071a17;
  --base-olivads-color-turquoise-950: #05100f;
  --base-olivads-color-turquoise-975: #140208;
  --base-olivads-color-orange-25: #fdf9f4;
  --base-olivads-color-orange-50: #fbf2e7;
  --base-olivads-color-orange-75: #faead6;
  --base-olivads-color-orange-100: #f9e1c3;
  --base-olivads-color-orange-125: #f9d8af;
  --base-olivads-color-orange-150: #f9c886;
  --base-olivads-color-orange-225: #f9b23c;
  --base-olivads-color-orange-300: #eaa42c;
  --base-olivads-color-orange-375: #c88b24;
  --base-olivads-color-orange-450: #ab771d;
  --base-olivads-color-orange-550: #8e6216;
  --base-olivads-color-orange-625: #744f10;
  --base-olivads-color-orange-700: #5c3e0b;
  --base-olivads-color-orange-750: #4d3409;
  --base-olivads-color-orange-825: #3b280a;
  --base-olivads-color-orange-850: #2f2109;
  --base-olivads-color-orange-900: #241a09;
  --base-olivads-color-orange-925: #1d1507;
  --base-olivads-color-orange-950: #130d05;
  --base-olivads-color-orange-975: #0a0703;
  --base-olivads-color-sage-25: #f6fafa;
  --base-olivads-color-sage-50: #edf5f5;
  --base-olivads-color-sage-75: #e0f0ee;
  --base-olivads-color-sage-100: #d2eae8;
  --base-olivads-color-sage-125: #c9e4e2;
  --base-olivads-color-sage-150: #c0dad8;
  --base-olivads-color-sage-225: #adc6c4;
  --base-olivads-color-sage-300: #9bb3b1;
  --base-olivads-color-sage-375: #889d9b;
  --base-olivads-color-sage-450: #748685;
  --base-olivads-color-sage-550: #606f6e;
  --base-olivads-color-sage-625: #4d5a59;
  --base-olivads-color-sage-700: #3c4646;
  --base-olivads-color-sage-750: #323b3a;
  --base-olivads-color-sage-825: #272d2d;
  --base-olivads-color-sage-850: #1f2524;
  --base-olivads-color-sage-900: #181c1c;
  --base-olivads-color-sage-925: #141717;
  --base-olivads-color-sage-950: #0c0f0e;
  --base-olivads-color-sage-975: #060807;
  --base-olivads-color-yellow-25: #fef9ef;
  --base-olivads-color-yellow-50: #fdf2db;
  --base-olivads-color-yellow-75: #fdeabd;
  --base-olivads-color-yellow-100: #fee299;
  --base-olivads-color-yellow-125: #ffd966;
  --base-olivads-color-yellow-150: #f9cb01;
  --base-olivads-color-yellow-225: #e5bb01;
  --base-olivads-color-yellow-300: #cfa901;
  --base-olivads-color-yellow-375: #b69401;
  --base-olivads-color-yellow-450: #9c7e00;
  --base-olivads-color-yellow-550: #816800;
  --base-olivads-color-yellow-625: #695400;
  --base-olivads-color-yellow-700: #534200;
  --base-olivads-color-yellow-750: #463700;
  --base-olivads-color-yellow-825: #362b00;
  --base-olivads-color-yellow-850: #2c2200;
  --base-olivads-color-yellow-900: #221b01;
  --base-olivads-color-yellow-925: #1c1602;
  --base-olivads-color-yellow-950: #120e02;
  --base-olivads-color-yellow-975: #0a0701;
  --base-olivads-color-red-25: #fcf9f8;
  --base-olivads-color-red-50: #f9f2f0;
  --base-olivads-color-red-75: #f7eae5;
  --base-olivads-color-red-100: #f5e1db;
  --base-olivads-color-red-125: #f3d8d0;
  --base-olivads-color-red-150: #f0c9bd;
  --base-olivads-color-red-225: #edb3a1;
  --base-olivads-color-red-300: #e99981;
  --base-olivads-color-red-375: #e26f50;
  --base-olivads-color-red-450: #dd5333;
  --base-olivads-color-red-550: #b84429;
  --base-olivads-color-red-625: #963620;
  --base-olivads-color-red-700: #762b19;
  --base-olivads-color-red-750: #622516;
  --base-olivads-color-red-825: #4a1f13;
  --base-olivads-color-red-850: #3a1a11;
  --base-olivads-color-red-900: #2b160e;
  --base-olivads-color-red-925: #22130c;
  --base-olivads-color-red-950: #160b07;
  --base-olivads-color-red-975: #120308;
  --base-olivads-color-purple-25: #faf9fa;
  --base-olivads-color-purple-50: #f5f3f6;
  --base-olivads-color-purple-75: #efebf1;
  --base-olivads-color-purple-100: #e9e4eb;
  --base-olivads-color-purple-125: #e3dce7;
  --base-olivads-color-purple-150: #d8cede;
  --base-olivads-color-purple-225: #cbbcd2;
  --base-olivads-color-purple-300: #baa7c5;
  --base-olivads-color-purple-375: #a890b6;
  --base-olivads-color-purple-450: #9578a6;
  --base-olivads-color-purple-550: #7e5c93;
  --base-olivads-color-purple-625: #694c7b;
  --base-olivads-color-purple-700: #533b62;
  --base-olivads-color-purple-750: #463153;
  --base-olivads-color-purple-825: #362640;
  --base-olivads-color-purple-850: #2c1f34;
  --base-olivads-color-purple-900: #221828;
  --base-olivads-color-purple-925: #1c1321;
  --base-olivads-color-purple-950: #130b16;
  --base-olivads-color-purple-975: #0c0607;
  --base-olivads-color-green-25: #f2fcf6;
  --base-olivads-color-green-50: #e2f9ec;
  --base-olivads-color-green-75: #caf7dd;
  --base-olivads-color-green-100: #aef5ce;
  --base-olivads-color-green-125: #8ff2bf;
  --base-olivads-color-green-150: #83e5b2;
  --base-olivads-color-green-225: #72d4a2;
  --base-olivads-color-green-300: #66bf92;
  --base-olivads-color-green-375: #59a880;
  --base-olivads-color-green-450: #509974;
  --base-olivads-color-green-550: #3d775a;
  --base-olivads-color-green-625: #306148;
  --base-olivads-color-green-700: #254c38;
  --base-olivads-color-green-750: #1e402f;
  --base-olivads-color-green-825: #173124;
  --base-olivads-color-green-850: #13281d;
  --base-olivads-color-green-900: #0f1f16;
  --base-olivads-color-green-925: #0c1912;
  --base-olivads-color-green-950: #07100b;
  --base-olivads-color-green-975: #110408;
  --base-olivads-color-brown-25: #fbf9f7;
  --base-olivads-color-brown-50: #f8f2ef;
  --base-olivads-color-brown-75: #f4eae5;
  --base-olivads-color-brown-100: #f0e2da;
  --base-olivads-color-brown-125: #eddacf;
  --base-olivads-color-brown-150: #e8ccba;
  --base-olivads-color-brown-225: #e2b89d;
  --base-olivads-color-brown-300: #dba079;
  --base-olivads-color-brown-375: #cb885b;
  --base-olivads-color-brown-450: #af754e;
  --base-olivads-color-brown-550: #90603f;
  --base-olivads-color-brown-625: #764d32;
  --base-olivads-color-brown-700: #5d3c27;
  --base-olivads-color-brown-750: #4e3320;
  --base-olivads-color-brown-825: #3b271a;
  --base-olivads-color-brown-850: #2f2017;
  --base-olivads-color-brown-900: #231913;
  --base-olivads-color-brown-925: #1c150f;
  --base-olivads-color-brown-950: #120d09;
  --base-olivads-color-brown-975: #0f0507;
  --base-olivads-color-danger-25: #fcf8f7;
  --base-olivads-color-danger-50: #faf2ef;
  --base-olivads-color-danger-75: #f9e9e5;
  --base-olivads-color-danger-100: #f7e0da;
  --base-olivads-color-danger-125: #f7d7cf;
  --base-olivads-color-danger-150: #f5c7ba;
  --base-olivads-color-danger-225: #f4b09e;
  --base-olivads-color-danger-300: #f2947d;
  --base-olivads-color-danger-375: #ef7156;
  --base-olivads-color-danger-450: #ec402a;
  --base-olivads-color-danger-550: #ba2f1e;
  --base-olivads-color-danger-625: #a22819;
  --base-olivads-color-danger-700: #811e12;
  --base-olivads-color-danger-750: #6c190e;
  --base-olivads-color-danger-825: #51180e;
  --base-olivads-color-danger-850: #40160c;
  --base-olivads-color-danger-900: #2f130b;
  --base-olivads-color-danger-925: #251109;
  --base-olivads-color-danger-950: #180b05;
  --base-olivads-color-danger-975: #0e0503;
  --base-olivads-color-warning-25: #fdf9f1;
  --base-olivads-color-warning-50: #fcf2e1;
  --base-olivads-color-warning-75: #fceac9;
  --base-olivads-color-warning-100: #fce2ae;
  --base-olivads-color-warning-125: #fcd98e;
  --base-olivads-color-warning-150: #fdc93c;
  --base-olivads-color-warning-225: #edb80a;
  --base-olivads-color-warning-300: #d6a600;
  --base-olivads-color-warning-375: #b38a00;
  --base-olivads-color-warning-450: #a17c00;
  --base-olivads-color-warning-550: #866600;
  --base-olivads-color-warning-625: #6d5300;
  --base-olivads-color-warning-700: #564100;
  --base-olivads-color-warning-750: #483600;
  --base-olivads-color-warning-825: #382a03;
  --base-olivads-color-warning-850: #2d2204;
  --base-olivads-color-warning-900: #221a05;
  --base-olivads-color-warning-925: #1c1605;
  --base-olivads-color-warning-950: #120d03;
  --base-olivads-color-warning-975: #0a0702;
  --base-olivads-color-success-25: #f1fcf6;
  --base-olivads-color-success-50: #dffaec;
  --base-olivads-color-success-75: #c5f8de;
  --base-olivads-color-success-100: #a5f6d0;
  --base-olivads-color-success-125: #84f4c1;
  --base-olivads-color-success-150: #77e7b5;
  --base-olivads-color-success-225: #66d6a5;
  --base-olivads-color-success-300: #5ac194;
  --base-olivads-color-success-375: #4ea982;
  --base-olivads-color-success-450: #42916f;
  --base-olivads-color-success-550: #35785b;
  --base-olivads-color-success-625: #2f6b51;
  --base-olivads-color-success-700: #204d39;
  --base-olivads-color-success-750: #19402f;
  --base-olivads-color-success-825: #143224;
  --base-olivads-color-success-850: #10281d;
  --base-olivads-color-success-900: #0d1f17;
  --base-olivads-color-success-925: #0b1913;
  --base-olivads-color-success-950: #06100b;
  --base-olivads-color-success-975: #030906;
  --base-olivads-color-info-25: #f6fafd;
  --base-olivads-color-info-50: #edf5fb;
  --base-olivads-color-info-75: #e0effa;
  --base-olivads-color-info-100: #d3e9f8;
  --base-olivads-color-info-125: #c5e3f8;
  --base-olivads-color-info-150: #abd8f7;
  --base-olivads-color-info-225: #82cbf6;
  --base-olivads-color-info-300: #44baf5;
  --base-olivads-color-info-375: #3aa4d7;
  --base-olivads-color-info-450: #318cb9;
  --base-olivads-color-info-550: #27749a;
  --base-olivads-color-info-625: #226789;
  --base-olivads-color-info-700: #164a64;
  --base-olivads-color-info-750: #113e54;
  --base-olivads-color-info-825: #0e3041;
  --base-olivads-color-info-850: #0c2735;
  --base-olivads-color-info-900: #0a1e29;
  --base-olivads-color-info-925: #081921;
  --base-olivads-color-info-950: #051016;
  --base-olivads-color-info-975: #02080d;
  --base-olivads-color-teal-25: #f1fcfb;
  --base-olivads-color-teal-50: #e0f9f7;
  --base-olivads-color-teal-75: #c6f6f4;
  --base-olivads-color-teal-100: #a7f4f1;
  --base-olivads-color-teal-125: #9aedeb;
  --base-olivads-color-teal-150: #8de1de;
  --base-olivads-color-teal-225: #7dcfcd;
  --base-olivads-color-teal-300: #6fbbb9;
  --base-olivads-color-teal-375: #5d9e9c;
  --base-olivads-color-teal-450: #528d8b;
  --base-olivads-color-teal-550: #437473;
  --base-olivads-color-teal-625: #355e5d;
  --base-olivads-color-teal-700: #294a49;
  --base-olivads-color-teal-750: #213e3d;
  --base-olivads-color-teal-825: #1a302f;
  --base-olivads-color-teal-850: #152726;
  --base-olivads-color-teal-900: #101e1e;
  --base-olivads-color-teal-925: #0e1918;
  --base-olivads-color-teal-950: #08100f;
  --base-olivads-color-teal-975: #040808;
  --base-olivads-color-lagoon-25: #adeefb;
  --base-olivads-color-lagoon-50: #7fe7fb;
  --base-olivads-color-lagoon-75: #31dffa;
  --base-olivads-color-lagoon-100: #1cd3ee;
  --base-olivads-color-lagoon-125: #11c6e0;
  --base-olivads-color-lagoon-150: #10bad2;
  --base-olivads-color-lagoon-225: #0fadc4;
  --base-olivads-color-lagoon-300: #0aa2b7;
  --base-olivads-color-lagoon-375: #0a96aa;
  --base-olivads-color-lagoon-450: #098a9c;
  --base-olivads-color-lagoon-550: #077e8f;
  --base-olivads-color-lagoon-625: #056e7d;
  --base-olivads-color-lagoon-700: #056876;
  --base-olivads-color-lagoon-750: #035d6a;
  --base-olivads-color-lagoon-825: #03515d;
  --base-olivads-color-lagoon-850: #024752;
  --base-olivads-color-lagoon-900: #023c45;
  --base-olivads-color-lagoon-925: #05333a;
  --base-olivads-color-lagoon-950: #05282e;
  --base-olivads-color-lagoon-975: #051f24;
  --base-olivads-color-amber-25: #fffdf3;
  --base-olivads-color-amber-50: #fffbe9;
  --base-olivads-color-amber-75: #fff9db;
  --base-olivads-color-amber-100: #fff6cd;
  --base-olivads-color-amber-125: #fff4bf;
  --base-olivads-color-amber-150: #ffefa7;
  --base-olivads-color-amber-225: #ffe779;
  --base-olivads-color-amber-300: #ffe25f;
  --base-olivads-color-amber-375: #ffdb33;
  --base-olivads-color-amber-450: #ffd515;
  --base-olivads-color-amber-550: #ffd100;
  --base-olivads-color-amber-625: #ebc001;
  --base-olivads-color-amber-700: #cda701;
  --base-olivads-color-amber-750: #a69000;
  --base-olivads-color-amber-825: #827100;
  --base-olivads-color-amber-850: #6c5f00;
  --base-olivads-color-amber-900: #544a00;
  --base-olivads-color-amber-925: #443b00;
  --base-olivads-color-amber-950: #342e00;
  --base-olivads-color-amber-975: #2a2600;
  --base-olivads-size-border-width-0: 0rem;
  --base-olivads-size-border-width-5: 0.03125rem;
  --base-olivads-size-border-width-10: 0.0625rem;
  --base-olivads-size-border-width-20: 0.125rem;
  --base-olivads-size-border-width-40: 0.25rem;
  --base-olivads-size-dimensions-0: 0rem;
  --base-olivads-size-dimensions-25: 0.0625rem;
  --base-olivads-size-dimensions-50: 0.125rem;
  --base-olivads-size-dimensions-100: 0.25rem;
  --base-olivads-size-dimensions-150: 0.375rem;
  --base-olivads-size-dimensions-200: 0.5rem;
  --base-olivads-size-dimensions-300: 0.75rem;
  --base-olivads-size-dimensions-350: 0.875rem;
  --base-olivads-size-dimensions-400: 1rem;
  --base-olivads-size-dimensions-450: 1.125rem;
  --base-olivads-size-dimensions-500: 1.25rem;
  --base-olivads-size-dimensions-550: 1.375rem;
  --base-olivads-size-dimensions-600: 1.5rem;
  --base-olivads-size-dimensions-650: 1.625rem;
  --base-olivads-size-dimensions-700: 1.75rem;
  --base-olivads-size-dimensions-750: 1.875rem;
  --base-olivads-size-dimensions-800: 2rem;
  --base-olivads-size-dimensions-850: 2.125rem;
  --base-olivads-size-dimensions-900: 2.25rem;
  --base-olivads-size-dimensions-950: 2.375rem;
  --base-olivads-size-dimensions-1000: 2.5rem;
  --base-olivads-size-dimensions-1050: 2.625rem;
  --base-olivads-size-dimensions-1100: 2.75rem;
  --base-olivads-size-dimensions-1150: 2.875rem;
  --base-olivads-size-dimensions-1200: 3rem;
  --base-olivads-size-dimensions-1250: 3.125rem;
  --base-olivads-size-dimensions-1400: 3.5rem;
  --base-olivads-size-dimensions-1600: 4rem;
  --base-olivads-size-dimensions-1800: 4.5rem;
  --base-olivads-size-dimensions-2000: 5rem;
  --base-olivads-size-dimensions-2100: 5.25rem;
  --base-olivads-size-dimensions-2200: 5.5rem;
  --base-olivads-size-dimensions-2250: 6.25rem;
  --base-olivads-size-dimensions-2300: 6.375rem;
  --base-olivads-size-dimensions-2500: 6.75rem;
  --base-olivads-size-dimensions-2600: 7rem;
  --base-olivads-size-dimensions-3200: 8rem;
  --base-olivads-size-dimensions-6400: 16rem;
  --typography-font-family-primary: ITC Souvenir Std;
  --typography-font-family-secondary: Satoshi;
  --typography-font-weight-regular: 400;
  --typography-font-weight-semi-bold: 600;
  --typography-font-weight-bold: 700;
  --typography-font-weight-extrabold: 800;
  --typography-heading-xl-family: ITC Souvenir Std;
  --typography-heading-xl-size: 2rem;
  --typography-heading-xl-line-height: 2.5rem;
  --typography-heading-xl-weight: 600;
  --typography-heading-xl-letter-spacing: -0.025rem;
  --typography-heading-lg-family: ITC Souvenir Std;
  --typography-heading-lg-size: 1.75rem;
  --typography-heading-lg-line-height: 2.5rem;
  --typography-heading-lg-weight: 600;
  --typography-heading-lg-letter-spacing: -0.025rem;
  --typography-heading-md-family: ITC Souvenir Std;
  --typography-heading-md-size: 1.5rem;
  --typography-heading-md-line-height: 2rem;
  --typography-heading-md-weight: 600;
  --typography-heading-md-letter-spacing: -0.025rem;
  --typography-heading-sm-family: ITC Souvenir Std;
  --typography-heading-sm-size: 1.25rem;
  --typography-heading-sm-line-height: 2rem;
  --typography-heading-sm-weight: 600;
  --typography-heading-sm-letter-spacing: -0.025rem;
  --typography-title-xl-family: Satoshi;
  --typography-title-xl-size: 1.75rem;
  --typography-title-xl-line-height: 2.5rem;
  --typography-title-xl-weight: 700;
  --typography-title-xl-letter-spacing: 0rem;
  --typography-title-lg-family: Satoshi;
  --typography-title-lg-size: 1.5rem;
  --typography-title-lg-line-height: 2rem;
  --typography-title-lg-weight: 700;
  --typography-title-lg-letter-spacing: 0rem;
  --typography-title-md-family: Satoshi;
  --typography-title-md-size: 1.25rem;
  --typography-title-md-line-height: 1.5rem;
  --typography-title-md-weight: 700;
  --typography-title-md-letter-spacing: 0rem;
  --typography-title-sm-family: Satoshi;
  --typography-title-sm-size: 1.125rem;
  --typography-title-sm-line-height: 1.5rem;
  --typography-title-sm-weight: 700;
  --typography-title-sm-letter-spacing: 0rem;
  --typography-body-lg-family: Satoshi;
  --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: Satoshi;
  --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: Satoshi;
  --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: Satoshi;
  --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: Satoshi;
  --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: Satoshi;
  --typography-label-lg-strong-size: 1.125rem;
  --typography-label-lg-strong-line-height: 1.75rem;
  --typography-label-lg-strong-weight: 700;
  --typography-label-lg-strong-letter-spacing: 0rem;
  --typography-label-md-default-family: Satoshi;
  --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: Satoshi;
  --typography-label-md-strong-size: 1rem;
  --typography-label-md-strong-line-height: 1.5rem;
  --typography-label-md-strong-weight: 700;
  --typography-label-md-strong-letter-spacing: 0rem;
  --typography-label-sm-default-family: Satoshi;
  --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: Satoshi;
  --typography-label-sm-strong-size: 0.875rem;
  --typography-label-sm-strong-line-height: 1.25rem;
  --typography-label-sm-strong-weight: 700;
  --typography-label-sm-strong-letter-spacing: 0rem;
  --typography-label-xs-default-family: Satoshi;
  --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: Satoshi;
  --typography-label-xs-strong-size: 0.75rem;
  --typography-label-xs-strong-line-height: 1rem;
  --typography-label-xs-strong-weight: 700;
  --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: ITC Souvenir Std;
  --typography-font-family-secondary: Satoshi;
  --typography-font-weight-regular: 400;
  --typography-font-weight-semi-bold: 600;
  --typography-font-weight-bold: 700;
  --typography-font-weight-extrabold: 800;
  --typography-heading-xl-family: ITC Souvenir Std;
  --typography-heading-xl-size: 2.25rem;
  --typography-heading-xl-line-height: 2.75rem;
  --typography-heading-xl-weight: 600;
  --typography-heading-xl-letter-spacing: -0.025rem;
  --typography-heading-lg-family: ITC Souvenir Std;
  --typography-heading-lg-size: 2rem;
  --typography-heading-lg-line-height: 2.75rem;
  --typography-heading-lg-weight: 600;
  --typography-heading-lg-letter-spacing: -0.025rem;
  --typography-heading-md-family: ITC Souvenir Std;
  --typography-heading-md-size: 1.625rem;
  --typography-heading-md-line-height: 2.125rem;
  --typography-heading-md-weight: 600;
  --typography-heading-md-letter-spacing: -0.025rem;
  --typography-heading-sm-family: ITC Souvenir Std;
  --typography-heading-sm-size: 1.25rem;
  --typography-heading-sm-line-height: 2rem;
  --typography-heading-sm-weight: 600;
  --typography-heading-sm-letter-spacing: -0.025rem;
  --typography-title-xl-family: Satoshi;
  --typography-title-xl-size: 1.875rem;
  --typography-title-xl-line-height: 2.5rem;
  --typography-title-xl-weight: 700;
  --typography-title-xl-letter-spacing: 0rem;
  --typography-title-lg-family: Satoshi;
  --typography-title-lg-size: 1.5rem;
  --typography-title-lg-line-height: 2rem;
  --typography-title-lg-weight: 700;
  --typography-title-lg-letter-spacing: 0rem;
  --typography-title-md-family: Satoshi;
  --typography-title-md-size: 1.375rem;
  --typography-title-md-line-height: 1.75rem;
  --typography-title-md-weight: 700;
  --typography-title-md-letter-spacing: 0rem;
  --typography-title-sm-family: Satoshi;
  --typography-title-sm-size: 1.125rem;
  --typography-title-sm-line-height: 1.5rem;
  --typography-title-sm-weight: 700;
  --typography-title-sm-letter-spacing: 0rem;
  --typography-body-lg-family: Satoshi;
  --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: Satoshi;
  --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: Satoshi;
  --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: Satoshi;
  --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: Satoshi;
  --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: Satoshi;
  --typography-label-lg-strong-size: 1.125rem;
  --typography-label-lg-strong-line-height: 1.75rem;
  --typography-label-lg-strong-weight: 700;
  --typography-label-lg-strong-letter-spacing: 0rem;
  --typography-label-md-default-family: Satoshi;
  --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: Satoshi;
  --typography-label-md-strong-size: 1rem;
  --typography-label-md-strong-line-height: 1.5rem;
  --typography-label-md-strong-weight: 700;
  --typography-label-md-strong-letter-spacing: 0rem;
  --typography-label-sm-default-family: Satoshi;
  --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: Satoshi;
  --typography-label-sm-strong-size: 0.875rem;
  --typography-label-sm-strong-line-height: 1.25rem;
  --typography-label-sm-strong-weight: 700;
  --typography-label-sm-strong-letter-spacing: 0rem;
  --typography-label-xs-default-family: Satoshi;
  --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: Satoshi;
  --typography-label-xs-strong-size: 0.75rem;
  --typography-label-xs-strong-line-height: 1rem;
  --typography-label-xs-strong-weight: 700;
  --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: ITC Souvenir Std;
  --typography-font-family-secondary: Satoshi;
  --typography-font-weight-regular: 400;
  --typography-font-weight-semi-bold: 600;
  --typography-font-weight-bold: 700;
  --typography-font-weight-extrabold: 800;
  --typography-heading-xl-family: ITC Souvenir Std;
  --typography-heading-xl-size: 2.625rem;
  --typography-heading-xl-line-height: 3.125rem;
  --typography-heading-xl-weight: 600;
  --typography-heading-xl-letter-spacing: -0.025rem;
  --typography-heading-lg-family: ITC Souvenir Std;
  --typography-heading-lg-size: 2.25rem;
  --typography-heading-lg-line-height: 3rem;
  --typography-heading-lg-weight: 600;
  --typography-heading-lg-letter-spacing: -0.025rem;
  --typography-heading-md-family: ITC Souvenir Std;
  --typography-heading-md-size: 1.875rem;
  --typography-heading-md-line-height: 2.375rem;
  --typography-heading-md-weight: 600;
  --typography-heading-md-letter-spacing: -0.025rem;
  --typography-heading-sm-family: ITC Souvenir Std;
  --typography-heading-sm-size: 1.5rem;
  --typography-heading-sm-line-height: 2rem;
  --typography-heading-sm-weight: 600;
  --typography-heading-sm-letter-spacing: -0.025rem;
  --typography-title-xl-family: Satoshi;
  --typography-title-xl-size: 2rem;
  --typography-title-xl-line-height: 2.5rem;
  --typography-title-xl-weight: 700;
  --typography-title-xl-letter-spacing: 0rem;
  --typography-title-lg-family: Satoshi;
  --typography-title-lg-size: 1.75rem;
  --typography-title-lg-line-height: 2.5rem;
  --typography-title-lg-weight: 700;
  --typography-title-lg-letter-spacing: 0rem;
  --typography-title-md-family: Satoshi;
  --typography-title-md-size: 1.5rem;
  --typography-title-md-line-height: 2rem;
  --typography-title-md-weight: 700;
  --typography-title-md-letter-spacing: 0rem;
  --typography-title-sm-family: Satoshi;
  --typography-title-sm-size: 1.25rem;
  --typography-title-sm-line-height: 1.75rem;
  --typography-title-sm-weight: 700;
  --typography-title-sm-letter-spacing: 0rem;
  --typography-body-lg-family: Satoshi;
  --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: Satoshi;
  --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: Satoshi;
  --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: Satoshi;
  --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: Satoshi;
  --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: Satoshi;
  --typography-label-lg-strong-size: 1.125rem;
  --typography-label-lg-strong-line-height: 1.75rem;
  --typography-label-lg-strong-weight: 700;
  --typography-label-lg-strong-letter-spacing: 0rem;
  --typography-label-md-default-family: Satoshi;
  --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: Satoshi;
  --typography-label-md-strong-size: 1rem;
  --typography-label-md-strong-line-height: 1.5rem;
  --typography-label-md-strong-weight: 700;
  --typography-label-md-strong-letter-spacing: 0rem;
  --typography-label-sm-default-family: Satoshi;
  --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: Satoshi;
  --typography-label-sm-strong-size: 0.875rem;
  --typography-label-sm-strong-line-height: 1.25rem;
  --typography-label-sm-strong-weight: 700;
  --typography-label-sm-strong-letter-spacing: 0rem;
  --typography-label-xs-default-family: Satoshi;
  --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: Satoshi;
  --typography-label-xs-strong-size: 0.75rem;
  --typography-label-xs-strong-line-height: 1rem;
  --typography-label-xs-strong-weight: 700;
  --typography-label-xs-strong-letter-spacing: 0rem;
  --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: 1rem;
  --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: ITC Souvenir Std;
  --typography-font-family-secondary: Satoshi;
  --typography-font-weight-regular: 400;
  --typography-font-weight-semi-bold: 600;
  --typography-font-weight-bold: 700;
  --typography-font-weight-extrabold: 800;
  --typography-heading-xl-family: ITC Souvenir Std;
  --typography-heading-xl-size: 3rem;
  --typography-heading-xl-line-height: 3.5rem;
  --typography-heading-xl-weight: 600;
  --typography-heading-xl-letter-spacing: -0.025rem;
  --typography-heading-lg-family: ITC Souvenir Std;
  --typography-heading-lg-size: 2.5rem;
  --typography-heading-lg-line-height: 3rem;
  --typography-heading-lg-weight: 600;
  --typography-heading-lg-letter-spacing: -0.025rem;
  --typography-heading-md-family: ITC Souvenir Std;
  --typography-heading-md-size: 2rem;
  --typography-heading-md-line-height: 2.5rem;
  --typography-heading-md-weight: 600;
  --typography-heading-md-letter-spacing: -0.025rem;
  --typography-heading-sm-family: ITC Souvenir Std;
  --typography-heading-sm-size: 1.5rem;
  --typography-heading-sm-line-height: 2rem;
  --typography-heading-sm-weight: 600;
  --typography-heading-sm-letter-spacing: -0.025rem;
  --typography-title-xl-family: Satoshi;
  --typography-title-xl-size: 2rem;
  --typography-title-xl-line-height: 2.5rem;
  --typography-title-xl-weight: 700;
  --typography-title-xl-letter-spacing: 0rem;
  --typography-title-lg-family: Satoshi;
  --typography-title-lg-size: 1.75rem;
  --typography-title-lg-line-height: 2.5rem;
  --typography-title-lg-weight: 700;
  --typography-title-lg-letter-spacing: 0rem;
  --typography-title-md-family: Satoshi;
  --typography-title-md-size: 1.5rem;
  --typography-title-md-line-height: 2rem;
  --typography-title-md-weight: 700;
  --typography-title-md-letter-spacing: 0rem;
  --typography-title-sm-family: Satoshi;
  --typography-title-sm-size: 1.25rem;
  --typography-title-sm-line-height: 1.75rem;
  --typography-title-sm-weight: 700;
  --typography-title-sm-letter-spacing: 0rem;
  --typography-body-lg-family: Satoshi;
  --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: Satoshi;
  --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: Satoshi;
  --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: Satoshi;
  --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: Satoshi;
  --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: Satoshi;
  --typography-label-lg-strong-size: 1.125rem;
  --typography-label-lg-strong-line-height: 1.75rem;
  --typography-label-lg-strong-weight: 700;
  --typography-label-lg-strong-letter-spacing: 0rem;
  --typography-label-md-default-family: Satoshi;
  --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: Satoshi;
  --typography-label-md-strong-size: 1rem;
  --typography-label-md-strong-line-height: 1.5rem;
  --typography-label-md-strong-weight: 700;
  --typography-label-md-strong-letter-spacing: 0rem;
  --typography-label-sm-default-family: Satoshi;
  --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: Satoshi;
  --typography-label-sm-strong-size: 0.875rem;
  --typography-label-sm-strong-line-height: 1.25rem;
  --typography-label-sm-strong-weight: 700;
  --typography-label-sm-strong-letter-spacing: 0rem;
  --typography-label-xs-default-family: Satoshi;
  --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: Satoshi;
  --typography-label-xs-strong-size: 0.75rem;
  --typography-label-xs-strong-line-height: 1rem;
  --typography-label-xs-strong-weight: 700;
  --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: 1rem;
  --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-soft: var(--light-color-core-background-neutral-soft);
  --color-core-background-alternative-soft: var(--light-color-core-background-alternative-soft);
  --color-core-background-alternative-strong: var(--light-color-core-background-alternative-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-inverse-content-default: var(--light-color-action-inverse-content-default);
  --color-action-inverse-content-hover: var(--light-color-action-inverse-content-hover);
  --color-action-inverse-content-pressed: var(--light-color-action-inverse-content-pressed);
  --color-action-inverse-content-disabled: var(--light-color-action-inverse-content-disabled);
  --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-pressed: var(--light-color-action-primary-border-pressed);
  --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-pressed: var(--light-color-action-primary-selected-border-pressed);
  --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-default: var(--light-color-feedback-danger-default);
  --color-feedback-danger-on-default: var(--light-color-feedback-danger-on-default);
  --color-feedback-danger-surface-background: var(--light-color-feedback-danger-surface-background);
  --color-feedback-danger-surface-border: var(--light-color-feedback-danger-surface-border);
  --color-feedback-success-default: var(--light-color-feedback-success-default);
  --color-feedback-success-on-default: var(--light-color-feedback-success-on-default);
  --color-feedback-success-surface-background: var(--light-color-feedback-success-surface-background);
  --color-feedback-success-surface-border: var(--light-color-feedback-success-surface-border);
  --color-feedback-warning-default: var(--light-color-feedback-warning-default);
  --color-feedback-warning-on-default: var(--light-color-feedback-warning-on-default);
  --color-feedback-warning-surface-background: var(--light-color-feedback-warning-surface-background);
  --color-feedback-warning-surface-border: var(--light-color-feedback-warning-surface-border);
  --color-feedback-info-default: var(--light-color-feedback-info-default);
  --color-feedback-info-on-default: var(--light-color-feedback-info-on-default);
  --color-feedback-info-surface-background: var(--light-color-feedback-info-surface-background);
  --color-feedback-info-surface-border: var(--light-color-feedback-info-surface-border);
  --color-feedback-neutral-default: var(--light-color-feedback-neutral-default);
  --color-feedback-neutral-on-default: var(--light-color-feedback-neutral-on-default);
  --color-feedback-neutral-surface-background: var(--light-color-feedback-neutral-surface-background);
  --color-feedback-neutral-surface-border: var(--light-color-feedback-neutral-surface-border);
  --color-decorative-primary-default: var(--light-color-decorative-primary-default);
  --color-decorative-primary-soft: var(--light-color-decorative-primary-soft);
  --color-decorative-primary-strong: var(--light-color-decorative-primary-strong);
  --color-decorative-secondary-default: var(--light-color-decorative-secondary-default);
  --color-decorative-secondary-soft: var(--light-color-decorative-secondary-soft);
  --color-decorative-secondary-strong: var(--light-color-decorative-secondary-strong);
  --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-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-soft: var(--dark-color-core-background-neutral-soft);
  --color-core-background-alternative-soft: var(--dark-color-core-background-alternative-soft);
  --color-core-background-alternative-strong: var(--dark-color-core-background-alternative-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-inverse-content-default: var(--dark-color-action-inverse-content-default);
  --color-action-inverse-content-hover: var(--dark-color-action-inverse-content-hover);
  --color-action-inverse-content-pressed: var(--dark-color-action-inverse-content-pressed);
  --color-action-inverse-content-disabled: var(--dark-color-action-inverse-content-disabled);
  --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-pressed: var(--dark-color-action-primary-border-pressed);
  --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-pressed: var(--dark-color-action-primary-selected-border-pressed);
  --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-default: var(--dark-color-feedback-danger-default);
  --color-feedback-danger-on-default: var(--dark-color-feedback-danger-on-default);
  --color-feedback-danger-surface-background: var(--dark-color-feedback-danger-surface-background);
  --color-feedback-danger-surface-border: var(--dark-color-feedback-danger-surface-border);
  --color-feedback-success-default: var(--dark-color-feedback-success-default);
  --color-feedback-success-on-default: var(--dark-color-feedback-success-on-default);
  --color-feedback-success-surface-background: var(--dark-color-feedback-success-surface-background);
  --color-feedback-success-surface-border: var(--dark-color-feedback-success-surface-border);
  --color-feedback-warning-default: var(--dark-color-feedback-warning-default);
  --color-feedback-warning-on-default: var(--dark-color-feedback-warning-on-default);
  --color-feedback-warning-surface-background: var(--dark-color-feedback-warning-surface-background);
  --color-feedback-warning-surface-border: var(--dark-color-feedback-warning-surface-border);
  --color-feedback-info-default: var(--dark-color-feedback-info-default);
  --color-feedback-info-on-default: var(--dark-color-feedback-info-on-default);
  --color-feedback-info-surface-background: var(--dark-color-feedback-info-surface-background);
  --color-feedback-info-surface-border: var(--dark-color-feedback-info-surface-border);
  --color-feedback-neutral-default: var(--dark-color-feedback-neutral-default);
  --color-feedback-neutral-on-default: var(--dark-color-feedback-neutral-on-default);
  --color-feedback-neutral-surface-background: var(--dark-color-feedback-neutral-surface-background);
  --color-feedback-neutral-surface-border: var(--dark-color-feedback-neutral-surface-border);
  --color-decorative-primary-default: var(--dark-color-decorative-primary-default);
  --color-decorative-primary-soft: var(--dark-color-decorative-primary-soft);
  --color-decorative-primary-strong: var(--dark-color-decorative-primary-strong);
  --color-decorative-secondary-default: var(--dark-color-decorative-secondary-default);
  --color-decorative-secondary-soft: var(--dark-color-decorative-secondary-soft);
  --color-decorative-secondary-strong: var(--dark-color-decorative-secondary-strong);
  --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-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);

}
