: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: #d6e0df;
  --dark-color-core-content-inverse: #1a1c1c;
  --dark-color-core-background-default: #1a1c1c;
  --dark-color-core-background-neutral: #414545;
  --dark-color-core-background-brand-soft: #002f37;
  --dark-color-core-background-brand-strong: #e3faff;
  --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: #f3f6f6;
  --dark-color-core-border-soft: #929a99;
  --dark-color-core-border-inverse: #1a1c1c;
  --dark-color-action-inverse-content-default: #1a1c1c;
  --dark-color-action-inverse-content-hover: #1a1c1c;
  --dark-color-action-inverse-content-pressed: #1a1c1c;
  --dark-color-action-inverse-content-disabled: #676d6c;
  --dark-color-action-primary-content-default: #ffffff;
  --dark-color-action-primary-content-hover: #e3faff;
  --dark-color-action-primary-content-pressed: #95e5f4;
  --dark-color-action-primary-content-disabled: #d6e0df;
  --dark-color-action-primary-background-default: #ffffff00;
  --dark-color-action-primary-background-hover: #005d6a;
  --dark-color-action-primary-background-pressed: #056e7d;
  --dark-color-action-primary-background-disabled: #ffffff0a;
  --dark-color-action-primary-border-default: #ffffff;
  --dark-color-action-primary-border-hover: #e3faff;
  --dark-color-action-primary-border-pressed: #95e5f4;
  --dark-color-action-primary-border-disabled: #ffffff00;
  --dark-color-action-primary-selected-content-default: #1a1c1c;
  --dark-color-action-primary-selected-content-hover: #1a1c1c;
  --dark-color-action-primary-selected-content-pressed: #1a1c1c;
  --dark-color-action-primary-selected-content-disabled: #f3f6f6;
  --dark-color-action-primary-selected-background-default: #76c6d5;
  --dark-color-action-primary-selected-background-hover: #58a7b6;
  --dark-color-action-primary-selected-background-pressed: #388a99;
  --dark-color-action-primary-selected-background-disabled: #ffffff0a;
  --dark-color-action-primary-selected-border-default: #76c6d5;
  --dark-color-action-primary-selected-border-hover: #58a7b6;
  --dark-color-action-primary-selected-border-pressed: #388a99;
  --dark-color-action-primary-selected-border-disabled: #ffffff00;
  --dark-color-action-neutral-content-default: #ffffff;
  --dark-color-action-neutral-content-hover: #f3f6f6;
  --dark-color-action-neutral-content-pressed: #f3f6f6;
  --dark-color-action-neutral-content-disabled: #f3f6f6;
  --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: #f3f6f6;
  --dark-color-action-neutral-border-pressed: #f3f6f6;
  --dark-color-action-neutral-border-disabled: #ffffff00;
  --dark-color-action-neutral-border-active: #ffffff00;
  --dark-color-action-danger-content-default: #f86d58;
  --dark-color-action-danger-content-hover: #d8503d;
  --dark-color-action-danger-content-pressed: #ba2f1e;
  --dark-color-action-danger-content-disabled: #f3f6f6;
  --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: #f86d58;
  --dark-color-action-danger-border-hover: #d8503d;
  --dark-color-action-danger-border-pressed: #ba2f1e;
  --dark-color-action-danger-border-disabled: #ffffff00;
  --dark-color-feedback-danger-subtle: #560400;
  --dark-color-feedback-danger-soft: #a51100;
  --dark-color-feedback-danger-default: #ba2f1e;
  --dark-color-feedback-danger-strong: #ffc9bf;
  --dark-color-feedback-danger-stronger: #fff2ef;
  --dark-color-feedback-success-subtle: #003421;
  --dark-color-feedback-success-soft: #006847;
  --dark-color-feedback-success-default: #35785b;
  --dark-color-feedback-success-strong: #a7e9c8;
  --dark-color-feedback-success-stronger: #e6fbf0;
  --dark-color-feedback-warning-subtle: #4f3800;
  --dark-color-feedback-warning-soft: #c28e00;
  --dark-color-feedback-warning-default: #f0b100;
  --dark-color-feedback-warning-strong: #ffe7b9;
  --dark-color-feedback-warning-stronger: #fff4df;
  --dark-color-feedback-info-subtle: #003045;
  --dark-color-feedback-info-soft: #006188;
  --dark-color-feedback-info-default: #27749a;
  --dark-color-feedback-info-strong: #ace0ff;
  --dark-color-feedback-info-stronger: #ebf7ff;
  --dark-color-feedback-neutral-subtle: #2a2d2c;
  --dark-color-feedback-neutral-soft: #535858;
  --dark-color-feedback-neutral-default: #676d6c;
  --dark-color-feedback-neutral-strong: #d6e0df;
  --dark-color-feedback-neutral-stronger: #f3f6f6;
  --dark-color-decorative-primary-subtle: #541e00;
  --dark-color-decorative-primary-soft: #b34800;
  --dark-color-decorative-primary-default: #e14f00;
  --dark-color-decorative-primary-strong: #ffd3c0;
  --dark-color-decorative-primary-stronger: #fff2ed;
  --dark-color-decorative-secondary-subtle: #42005e;
  --dark-color-decorative-secondary-soft: #704489;
  --dark-color-decorative-secondary-default: #7e5c93;
  --dark-color-decorative-secondary-strong: #eacaff;
  --dark-color-decorative-secondary-stronger: #f9f1fe;
  --dark-color-effect-focus-color: #f0b100;
  --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: #414545;
  --dark-color-effect-skeleton-soft: #1a1c1c;
  --dark-color-effect-skeleton-strong: #535858;
  --dark-color-button-primary-content-default: #1a1c1c;
  --dark-color-button-primary-content-hover: #1a1c1c;
  --dark-color-button-primary-content-pressed: #1a1c1c;
  --dark-color-button-primary-content-disabled: #f3f6f6;
  --dark-color-button-primary-background-default: #76c6d5;
  --dark-color-button-primary-background-hover: #58a7b6;
  --dark-color-button-primary-background-pressed: #388a99;
  --dark-color-button-primary-background-disabled: #ffffff0f;
  --dark-color-button-primary-border-default: #76c6d5;
  --dark-color-button-primary-border-hover: #58a7b6;
  --dark-color-button-primary-border-pressed: #388a99;
  --dark-color-button-primary-border-disabled: #ffffff00;
  --dark-color-button-secondary-content-default: #76c6d5;
  --dark-color-button-secondary-content-hover: #58a7b6;
  --dark-color-button-secondary-content-pressed: #388a99;
  --dark-color-button-secondary-content-disabled: #f3f6f6;
  --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: #76c6d5;
  --dark-color-button-secondary-border-hover: #58a7b6;
  --dark-color-button-secondary-border-pressed: #388a99;
  --dark-color-button-secondary-border-disabled: #ffffff00;
  --dark-color-button-tertiary-content-default: #76c6d5;
  --dark-color-button-tertiary-content-hover: #58a7b6;
  --dark-color-button-tertiary-content-pressed: #388a99;
  --dark-color-button-tertiary-content-disabled: #f3f6f6;
  --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: #1a1c1c;
  --dark-color-button-danger-content-hover: #1a1c1c;
  --dark-color-button-danger-content-pressed: #1a1c1c;
  --dark-color-button-danger-content-disabled: #f3f6f6;
  --dark-color-button-danger-background-default: #f86d58;
  --dark-color-button-danger-background-hover: #d8503d;
  --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: #1a1c1c;
  --dark-color-button-inverse-content-hover: #1a1c1c;
  --dark-color-button-inverse-content-pressed: #1a1c1c;
  --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: #1a1c1c;
  --dark-color-button-inverse-border-hover: #1a1c1c;
  --dark-color-button-inverse-border-pressed: #1a1c1c;
  --dark-color-button-inverse-border-disabled: #ffffff00;
  --dark-color-button-neutral-content-default: #ffffff;
  --dark-color-button-neutral-content-hover: #f3f6f6;
  --dark-color-button-neutral-content-pressed: #f3f6f6;
  --dark-color-button-neutral-content-disabled: #d6e0df;
  --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: #f3f6f6;
  --dark-color-button-neutral-floating-content-pressed: #f3f6f6;
  --dark-color-button-neutral-floating-content-disabled: #d6e0df;
  --dark-color-button-neutral-floating-background-default: #1a1c1c;
  --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: #f3f6f6;
  --dark-color-textfield-background-default: #000000;
  --dark-color-textfield-background-hover: #000000;
  --dark-color-textfield-background-pressed: #000000;
  --dark-color-textfield-background-disabled: #ffffff0a;
  --dark-color-textfield-border-default: #929a99;
  --dark-color-textfield-border-hover: #b3bdbc;
  --dark-color-textfield-border-pressed: #676d6c;
  --dark-color-textfield-border-error: #ba2f1e;
  --dark-color-textfield-border-active: #056e7d;
  --dark-color-textfield-border-disabled: #414545;
  --dark-color-textfield-border-success: #006847;
  --dark-color-switch-unchecked-background-default: #414545;
  --dark-color-switch-unchecked-background-hover: #535858;
  --dark-color-switch-unchecked-background-disabled: #ffffff14;
  --dark-color-switch-checked-background-default: #056e7d;
  --dark-color-switch-checked-background-hover: #388a99;
  --dark-color-switch-checked-background-disabled: #ffffff14;
  --dark-color-tile-border-default: #2a2d2c;
  --dark-color-tile-border-hover: #414545;
  --dark-color-tile-border-disabled: #2a2d2c;
  --dark-color-tile-content-default: #f3f6f6;
  --dark-color-tile-content-disabled: #535858;
  --dark-color-tile-background-default: #000000;
  --dark-color-tile-background-hover: #1a1c1c;
  --dark-color-tile-background-disabled: #ffffff05;
  --dark-color-tile-checked-background-default: #001d22;
  --dark-color-tile-checked-background-hover: #001d22;
  --dark-color-tile-checked-background-disabled: #ffffff05;
  --dark-color-tile-checked-border-default: #056e7d;
  --dark-color-tile-checked-border-hover: #388a99;
  --dark-color-tile-checked-border-disabled: #2a2d2c;
  --dark-color-menu-item-parent-background-active: #056e7d;
  --dark-color-menu-item-child-background-active: #001d22;
  --dark-color-menu-item-content-disabled: #535858;
  --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 #f0b100;
  --dark-focus-inset: 0px 0px 0px 2px #f0b100 inset, 0px 0px 0px 4px #ffffff inset;
  --dark-focus-textfield: 0px 0px 0px 2px #056e7d inset;
  --light-color-core-content-default: #1a1c1c;
  --light-color-core-content-soft: #535858;
  --light-color-core-content-inverse: #ffffff;
  --light-color-core-background-default: #ffffff;
  --light-color-core-background-neutral: #f3f6f6;
  --light-color-core-background-brand-soft: #e3faff;
  --light-color-core-background-brand-strong: #005d6a;
  --light-color-core-background-inverse: #1a1c1c;
  --light-color-core-background-surface-raised: #ffffff;
  --light-color-core-background-surface-floating: #ffffff;
  --light-color-core-border-default: #b3bdbc;
  --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: #d6e0df;
  --light-color-action-primary-content-default: #056e7d;
  --light-color-action-primary-content-hover: #005d6a;
  --light-color-action-primary-content-pressed: #004650;
  --light-color-action-primary-content-disabled: #7d8483;
  --light-color-action-primary-background-default: #ffffff00;
  --light-color-action-primary-background-hover: #0000000a;
  --light-color-action-primary-background-pressed: #00000014;
  --light-color-action-primary-background-disabled: #0000000a;
  --light-color-action-primary-border-default: #056e7d;
  --light-color-action-primary-border-hover: #005d6a;
  --light-color-action-primary-border-pressed: #004650;
  --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: #056e7d;
  --light-color-action-primary-selected-background-hover: #005d6a;
  --light-color-action-primary-selected-background-pressed: #004650;
  --light-color-action-primary-selected-background-disabled: #0000000a;
  --light-color-action-primary-selected-border-default: #056e7d;
  --light-color-action-primary-selected-border-hover: #005d6a;
  --light-color-action-primary-selected-border-pressed: #004650;
  --light-color-action-primary-selected-border-disabled: #ffffff00;
  --light-color-action-neutral-content-default: #1a1c1c;
  --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: #1a1c1c;
  --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: #e3faff;
  --light-color-action-neutral-border-default: #1a1c1c;
  --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: #a51100;
  --light-color-action-danger-content-pressed: #7d0a00;
  --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: #a51100;
  --light-color-action-danger-border-pressed: #7d0a00;
  --light-color-action-danger-border-disabled: #ffffff00;
  --light-color-feedback-danger-subtle: #fff2ef;
  --light-color-feedback-danger-soft: #ffc9bf;
  --light-color-feedback-danger-default: #ba2f1e;
  --light-color-feedback-danger-strong: #a51100;
  --light-color-feedback-danger-stronger: #560400;
  --light-color-feedback-success-subtle: #e6fbf0;
  --light-color-feedback-success-soft: #a7e9c8;
  --light-color-feedback-success-default: #35785b;
  --light-color-feedback-success-strong: #006847;
  --light-color-feedback-success-stronger: #003421;
  --light-color-feedback-warning-subtle: #fff4df;
  --light-color-feedback-warning-soft: #ffe7b9;
  --light-color-feedback-warning-default: #f0b100;
  --light-color-feedback-warning-strong: #c28e00;
  --light-color-feedback-warning-stronger: #4f3800;
  --light-color-feedback-info-subtle: #ebf7ff;
  --light-color-feedback-info-soft: #ace0ff;
  --light-color-feedback-info-default: #27749a;
  --light-color-feedback-info-strong: #006188;
  --light-color-feedback-info-stronger: #003045;
  --light-color-feedback-neutral-subtle: #f3f6f6;
  --light-color-feedback-neutral-soft: #d6e0df;
  --light-color-feedback-neutral-default: #676d6c;
  --light-color-feedback-neutral-strong: #535858;
  --light-color-feedback-neutral-stronger: #2a2d2c;
  --light-color-decorative-primary-subtle: #fff2ed;
  --light-color-decorative-primary-soft: #ffd3c0;
  --light-color-decorative-primary-default: #e14f00;
  --light-color-decorative-primary-strong: #b34800;
  --light-color-decorative-primary-stronger: #541e00;
  --light-color-decorative-secondary-subtle: #f9f1fe;
  --light-color-decorative-secondary-soft: #eacaff;
  --light-color-decorative-secondary-default: #7e5c93;
  --light-color-decorative-secondary-strong: #704489;
  --light-color-decorative-secondary-stronger: #42005e;
  --light-color-effect-focus-color: #f0b100;
  --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: #929a99;
  --light-color-effect-skeleton-soft: #d6e0df;
  --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: #929a99;
  --light-color-button-primary-background-default: #056e7d;
  --light-color-button-primary-background-hover: #005d6a;
  --light-color-button-primary-background-pressed: #004650;
  --light-color-button-primary-background-disabled: #00000014;
  --light-color-button-primary-border-default: #056e7d;
  --light-color-button-primary-border-hover: #005d6a;
  --light-color-button-primary-border-pressed: #004650;
  --light-color-button-primary-border-disabled: #ffffff00;
  --light-color-button-secondary-content-default: #056e7d;
  --light-color-button-secondary-content-hover: #005d6a;
  --light-color-button-secondary-content-pressed: #004650;
  --light-color-button-secondary-content-disabled: #929a99;
  --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: #056e7d;
  --light-color-button-secondary-border-hover: #005d6a;
  --light-color-button-secondary-border-pressed: #004650;
  --light-color-button-secondary-border-disabled: #ffffff00;
  --light-color-button-tertiary-content-default: #056e7d;
  --light-color-button-tertiary-content-hover: #005d6a;
  --light-color-button-tertiary-content-pressed: #004650;
  --light-color-button-tertiary-content-disabled: #929a99;
  --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: #929a99;
  --light-color-button-danger-background-default: #ba2f1e;
  --light-color-button-danger-background-hover: #a51100;
  --light-color-button-danger-background-pressed: #7d0a00;
  --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: #d6e0df;
  --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: #1a1c1c;
  --light-color-button-neutral-content-hover: #414545;
  --light-color-button-neutral-content-pressed: #414545;
  --light-color-button-neutral-content-disabled: #929a99;
  --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: #1a1c1c;
  --light-color-button-neutral-floating-content-hover: #414545;
  --light-color-button-neutral-floating-content-pressed: #414545;
  --light-color-button-neutral-floating-content-disabled: #929a99;
  --light-color-button-neutral-floating-background-default: #ffffff;
  --light-color-button-neutral-floating-background-hover: #f3f6f6;
  --light-color-button-neutral-floating-background-pressed: #f3f6f6;
  --light-color-button-neutral-floating-background-disabled: #f3f6f6;
  --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: #1a1c1c;
  --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: #056e7d;
  --light-color-textfield-border-disabled: #929a99;
  --light-color-textfield-border-success: #549275;
  --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: #056e7d;
  --light-color-switch-checked-background-hover: #005d6a;
  --light-color-switch-checked-background-disabled: #00000014;
  --light-color-tile-border-default: #b3bdbc;
  --light-color-tile-border-hover: #929a99;
  --light-color-tile-border-disabled: #b3bdbc;
  --light-color-tile-content-default: #1a1c1c;
  --light-color-tile-content-disabled: #7d8483;
  --light-color-tile-background-default: #ffffff;
  --light-color-tile-background-hover: #f3f6f6;
  --light-color-tile-background-disabled: #00000005;
  --light-color-tile-checked-background-default: #e3faff;
  --light-color-tile-checked-background-hover: #e3faff;
  --light-color-tile-checked-background-disabled: #00000005;
  --light-color-tile-checked-border-default: #056e7d;
  --light-color-tile-checked-border-hover: #005d6a;
  --light-color-tile-checked-border-disabled: #b3bdbc;
  --light-color-menu-item-parent-background-active: #056e7d;
  --light-color-menu-item-child-background-active: #e3faff;
  --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 #f0b100;
  --light-focus-inset: 0px 0px 0px 2px #f0b100 inset, 0px 0px 0px 4px #ffffff inset;
  --light-focus-textfield: 0px 0px 0px 2px #056e7d 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-olivahoneyds-color-basic-white: #ffffff;
  --base-olivahoneyds-color-basic-black: #000000;
  --base-olivahoneyds-color-opacity-transparent: #ffffff00;
  --base-olivahoneyds-color-opacity-black-02: #00000005;
  --base-olivahoneyds-color-opacity-black-04: #0000000a;
  --base-olivahoneyds-color-opacity-black-06: #0000000f;
  --base-olivahoneyds-color-opacity-black-08: #00000014;
  --base-olivahoneyds-color-opacity-black-16: #00000029;
  --base-olivahoneyds-color-opacity-black-32: #00000052;
  --base-olivahoneyds-color-opacity-black-48: #0000007a;
  --base-olivahoneyds-color-opacity-white-02: #ffffff05;
  --base-olivahoneyds-color-opacity-white-04: #ffffff0a;
  --base-olivahoneyds-color-opacity-white-06: #ffffff0f;
  --base-olivahoneyds-color-opacity-white-08: #ffffff14;
  --base-olivahoneyds-color-opacity-white-16: #ffffff29;
  --base-olivahoneyds-color-opacity-white-32: #ffffff52;
  --base-olivahoneyds-color-opacity-white-48: #ffffff7a;
  --base-olivahoneyds-color-opacity-purple300-20: #baa7c533;
  --base-olivahoneyds-color-opacity-orange300-20: #eaa42c33;
  --base-olivahoneyds-color-opacity-success300-20: #5ac19433;
  --base-olivahoneyds-color-opacity-warning150-20: #fdc93c33;
  --base-olivahoneyds-color-opacity-danger300-20: #f2947d33;
  --base-olivahoneyds-color-opacity-info300-20: #44baf533;
  --base-olivahoneyds-color-opacity-neutral300-20: #a6b0af33;
  --base-olivahoneyds-color-opacity-lagoon375-20: #0a96aa33;
  --base-olivahoneyds-color-opacity-red450-20: #dd533333;
  --base-olivahoneyds-color-opacity-yellow225-20: #e5bb0133;
  --base-olivahoneyds-color-opacity-green225-20: #72d4a233;
  --base-olivahoneyds-color-brand-50: #e3faff;
  --base-olivahoneyds-color-brand-100: #95e5f4;
  --base-olivahoneyds-color-brand-200: #76c6d5;
  --base-olivahoneyds-color-brand-300: #58a7b6;
  --base-olivahoneyds-color-brand-400: #388a99;
  --base-olivahoneyds-color-brand-500: #056e7d;
  --base-olivahoneyds-color-brand-600: #005d6a;
  --base-olivahoneyds-color-brand-700: #004650;
  --base-olivahoneyds-color-brand-800: #002f37;
  --base-olivahoneyds-color-brand-900: #001d22;
  --base-olivahoneyds-color-neutral-50: #f3f6f6;
  --base-olivahoneyds-color-neutral-100: #d6e0df;
  --base-olivahoneyds-color-neutral-200: #b3bdbc;
  --base-olivahoneyds-color-neutral-300: #929a99;
  --base-olivahoneyds-color-neutral-400: #7d8483;
  --base-olivahoneyds-color-neutral-500: #676d6c;
  --base-olivahoneyds-color-neutral-600: #535858;
  --base-olivahoneyds-color-neutral-700: #414545;
  --base-olivahoneyds-color-neutral-800: #2a2d2c;
  --base-olivahoneyds-color-neutral-900: #1a1c1c;
  --base-olivahoneyds-color-blue-50: #ebf7ff;
  --base-olivahoneyds-color-blue-100: #ace0ff;
  --base-olivahoneyds-color-blue-200: #7fc6ee;
  --base-olivahoneyds-color-blue-300: #64aad0;
  --base-olivahoneyds-color-blue-400: #488eb4;
  --base-olivahoneyds-color-blue-500: #27749a;
  --base-olivahoneyds-color-blue-600: #006188;
  --base-olivahoneyds-color-blue-700: #004866;
  --base-olivahoneyds-color-blue-800: #003045;
  --base-olivahoneyds-color-blue-900: #001b29;
  --base-olivahoneyds-color-green-50: #e6fbf0;
  --base-olivahoneyds-color-green-100: #a7e9c8;
  --base-olivahoneyds-color-green-200: #8bcbac;
  --base-olivahoneyds-color-green-300: #6fae90;
  --base-olivahoneyds-color-green-400: #549275;
  --base-olivahoneyds-color-green-500: #35785b;
  --base-olivahoneyds-color-green-600: #006847;
  --base-olivahoneyds-color-green-700: #004e34;
  --base-olivahoneyds-color-green-800: #003421;
  --base-olivahoneyds-color-green-900: #001f12;
  --base-olivahoneyds-color-yellow-50: #fff4df;
  --base-olivahoneyds-color-yellow-100: #ffe7b9;
  --base-olivahoneyds-color-yellow-200: #ffd990;
  --base-olivahoneyds-color-yellow-300: #ffca60;
  --base-olivahoneyds-color-yellow-400: #fbbd2d;
  --base-olivahoneyds-color-yellow-500: #f0b100;
  --base-olivahoneyds-color-yellow-600: #c28e00;
  --base-olivahoneyds-color-yellow-700: #886200;
  --base-olivahoneyds-color-yellow-800: #4f3800;
  --base-olivahoneyds-color-yellow-900: #221600;
  --base-olivahoneyds-color-orange-50: #fff2ed;
  --base-olivahoneyds-color-orange-100: #ffd3c0;
  --base-olivahoneyds-color-orange-200: #ffb290;
  --base-olivahoneyds-color-orange-300: #ff8e59;
  --base-olivahoneyds-color-orange-400: #f96803;
  --base-olivahoneyds-color-orange-500: #e14f00;
  --base-olivahoneyds-color-orange-600: #b34800;
  --base-olivahoneyds-color-orange-700: #833300;
  --base-olivahoneyds-color-orange-800: #541e00;
  --base-olivahoneyds-color-orange-900: #2d0d00;
  --base-olivahoneyds-color-red-50: #fff2ef;
  --base-olivahoneyds-color-red-100: #ffc9bf;
  --base-olivahoneyds-color-red-200: #ff9c8b;
  --base-olivahoneyds-color-red-300: #f86d58;
  --base-olivahoneyds-color-red-400: #d8503d;
  --base-olivahoneyds-color-red-500: #ba2f1e;
  --base-olivahoneyds-color-red-600: #a51100;
  --base-olivahoneyds-color-red-700: #7d0a00;
  --base-olivahoneyds-color-red-800: #560400;
  --base-olivahoneyds-color-red-900: #350200;
  --base-olivahoneyds-color-purple-50: #f9f1fe;
  --base-olivahoneyds-color-purple-100: #eacaff;
  --base-olivahoneyds-color-purple-200: #cface6;
  --base-olivahoneyds-color-purple-300: #b391c9;
  --base-olivahoneyds-color-purple-400: #9876ad;
  --base-olivahoneyds-color-purple-500: #7e5c93;
  --base-olivahoneyds-color-purple-600: #704489;
  --base-olivahoneyds-color-purple-700: #5b2378;
  --base-olivahoneyds-color-purple-800: #42005e;
  --base-olivahoneyds-color-purple-900: #28003a;
  --base-olivahoneyds-size-border-width-0: 0rem;
  --base-olivahoneyds-size-border-width-5: 0.03125rem;
  --base-olivahoneyds-size-border-width-10: 0.0625rem;
  --base-olivahoneyds-size-border-width-20: 0.125rem;
  --base-olivahoneyds-size-border-width-40: 0.25rem;
  --base-olivahoneyds-size-dimensions-0: 0rem;
  --base-olivahoneyds-size-dimensions-25: 0.0625rem;
  --base-olivahoneyds-size-dimensions-50: 0.125rem;
  --base-olivahoneyds-size-dimensions-100: 0.25rem;
  --base-olivahoneyds-size-dimensions-150: 0.375rem;
  --base-olivahoneyds-size-dimensions-200: 0.5rem;
  --base-olivahoneyds-size-dimensions-300: 0.75rem;
  --base-olivahoneyds-size-dimensions-350: 0.875rem;
  --base-olivahoneyds-size-dimensions-400: 1rem;
  --base-olivahoneyds-size-dimensions-450: 1.125rem;
  --base-olivahoneyds-size-dimensions-500: 1.25rem;
  --base-olivahoneyds-size-dimensions-550: 1.375rem;
  --base-olivahoneyds-size-dimensions-600: 1.5rem;
  --base-olivahoneyds-size-dimensions-650: 1.625rem;
  --base-olivahoneyds-size-dimensions-700: 1.75rem;
  --base-olivahoneyds-size-dimensions-750: 1.875rem;
  --base-olivahoneyds-size-dimensions-800: 2rem;
  --base-olivahoneyds-size-dimensions-850: 2.125rem;
  --base-olivahoneyds-size-dimensions-900: 2.25rem;
  --base-olivahoneyds-size-dimensions-950: 2.375rem;
  --base-olivahoneyds-size-dimensions-1000: 2.5rem;
  --base-olivahoneyds-size-dimensions-1050: 2.625rem;
  --base-olivahoneyds-size-dimensions-1100: 2.75rem;
  --base-olivahoneyds-size-dimensions-1150: 2.875rem;
  --base-olivahoneyds-size-dimensions-1200: 3rem;
  --base-olivahoneyds-size-dimensions-1250: 3.125rem;
  --base-olivahoneyds-size-dimensions-1400: 3.5rem;
  --base-olivahoneyds-size-dimensions-1600: 4rem;
  --base-olivahoneyds-size-dimensions-1800: 4.5rem;
  --base-olivahoneyds-size-dimensions-2000: 5rem;
  --base-olivahoneyds-size-dimensions-2100: 5.25rem;
  --base-olivahoneyds-size-dimensions-2200: 5.5rem;
  --base-olivahoneyds-size-dimensions-2250: 6.25rem;
  --base-olivahoneyds-size-dimensions-2300: 6.375rem;
  --base-olivahoneyds-size-dimensions-2500: 6.75rem;
  --base-olivahoneyds-size-dimensions-2600: 7rem;
  --base-olivahoneyds-size-dimensions-3200: 8rem;
  --base-olivahoneyds-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-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-border-width: 0.0625rem;
  --size-button-border-radius: 0.5rem;
  --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-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-border-width: 0.0625rem;
  --size-button-border-radius: 0.5rem;
  --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-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-border-width: 0.0625rem;
  --size-button-border-radius: 0.5rem;
  --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-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-border-width: 0.0625rem;
  --size-button-border-radius: 0.5rem;
  --size-button-min-height-xs: 1.5rem;
  --size-button-min-height-md: 2.5rem;
  --size-button-min-height-sm: 2rem;
  --size-button-min-height-lg: 3rem;
  }
}


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

}

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

}
