:root, [data-theme-name="allhomes"] {
  --space-none: 0px;
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-s: 12px;
  --space-m: 16px;
  --space-l: 24px;
  --space-xl: 32px;
  --space-xxl: 64px;
  --border-radius-outer: 16px;
  --border-radius-inner: 3px;
  --border-radius-mini: 3px;
  --type-mini-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  --type-mini-weight: 400;
  --type-mini-size: 14px;
  --type-mini-line-height: 20px;
  --type-mini-bold-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  --type-mini-bold-weight: 600;
  --type-mini-bold-size: 14px;
  --type-mini-bold-line-height: 20px;
  --type-caption-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  --type-caption-weight: 400;
  --type-caption-size: 14px;
  --type-caption-line-height: 20px;
  --type-caption-bold-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  --type-caption-bold-weight: 600;
  --type-caption-bold-size: 14px;
  --type-caption-bold-line-height: 20px;
  --type-body-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  --type-body-weight: 400;
  --type-body-size: 16px;
  --type-body-line-height: 24px;
  --type-body-bold-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  --type-body-bold-weight: 600;
  --type-body-bold-size: 16px;
  --type-body-bold-line-height: 24px;
  --type-lead-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-lead-weight: 400;
  --type-lead-size: 18px;
  --type-lead-line-height: 24px;
  --type-overline-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-overline-weight: 600;
  --type-overline-size: 14px;
  --type-overline-line-height: 18px;
  --type-overline-text-transform: uppercase;
  --type-display-small-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-display-small-weight: 600;
  --type-display-small-size: 20px;
  --type-display-small-line-height: 24px;
  --type-subheading-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-subheading-weight: 600;
  --type-subheading-size: 18px;
  --type-subheading-line-height: 24px;
  --type-display-medium-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-display-medium-weight: 600;
  --type-display-medium-size: 24px;
  --type-display-medium-line-height: 32px;
  --type-heading-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-heading-weight: 600;
  --type-heading-size: 22px;
  --type-heading-line-height: 28px;
  --type-pageheading-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-pageheading-weight: 400;
  --type-pageheading-size: 24px;
  --type-pageheading-line-height: 28px;
  --type-display-large-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-display-large-weight: 600;
  --type-display-large-size: 32px;
  --type-display-large-line-height: 40px;
  --type-callout-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-callout-weight: 400;
  --type-callout-size: 18px;
  --type-callout-line-height: 24px;
  --type-code-family: 'Courier New', monospace;
  --type-code-weight: 700;
  --type-code-size: 18px;
  --type-code-line-height: 24px;
  --color-neutral-heavy-default: #0B2047;
  --color-neutral-heavy-hover: #0A0B0D;
  --color-neutral-heavy-pressed: #0A0B0D;
  --color-neutral-heavy-selected: #0A0B0D;
  --color-neutral-heavy-disabled: #CCD4E3;
  --color-neutral-medium-default: #5F7297;
  --color-neutral-medium-hover: #314B7B;
  --color-neutral-medium-pressed: #0B2047;
  --color-neutral-medium-selected: #0A0B0D;
  --color-neutral-medium-disabled: #CCD4E3;
  --color-neutral-base-default: #7285A5;
  --color-neutral-base-hover: #5F7297;
  --color-neutral-base-pressed: #314B7B;
  --color-neutral-base-selected: #0A0B0D;
  --color-neutral-base-disabled: #CCD4E3;
  --color-neutral-trim-default: #CCD4E3;
  --color-neutral-trim-hover: #A0AFCB;
  --color-neutral-trim-pressed: #7285A5;
  --color-neutral-trim-selected: #314B7B;
  --color-neutral-trim-disabled: #E3E9F2;
  --color-neutral-subdued-default: #F1F5FA;
  --color-neutral-subdued-hover: #E3E9F2;
  --color-neutral-subdued-pressed: #CCD4E3;
  --color-neutral-subdued-selected: #A0AFCB;
  --color-neutral-subdued-disabled: #FFFFFF;
  --color-neutral-background-default: #FAFCFD;
  --color-neutral-background-hover: #F1F5FA;
  --color-neutral-background-pressed: #E3E9F2;
  --color-neutral-background-selected: #FAFCFD;
  --color-neutral-background-disabled: #FFFFFF;
  --color-neutral-surface-default: #FFFFFF;
  --color-neutral-surface-hover: #FAFCFD;
  --color-neutral-surface-pressed: #F1F5FA;
  --color-neutral-surface-selected: #FFFFFF;
  --color-neutral-surface-disabled: #FFFFFF;
  --color-interactive-heavy-default: #65091E;
  --color-interactive-heavy-hover: #0E0404;
  --color-interactive-heavy-pressed: #0E0404;
  --color-interactive-heavy-selected: #0E0404;
  --color-interactive-heavy-disabled: #CCD4E3;
  --color-interactive-medium-default: #CB143F;
  --color-interactive-medium-hover: #A20B2E;
  --color-interactive-medium-pressed: #65091E;
  --color-interactive-medium-selected: #0E0404;
  --color-interactive-medium-disabled: #CCD4E3;
  --color-interactive-base-default: #E81043;
  --color-interactive-base-hover: #CB143F;
  --color-interactive-base-pressed: #A20B2E;
  --color-interactive-base-selected: #0E0404;
  --color-interactive-base-disabled: #CCD4E3;
  --color-interactive-trim-default: #FF7788;
  --color-interactive-trim-hover: #FF4963;
  --color-interactive-trim-pressed: #E81043;
  --color-interactive-trim-selected: #A20B2E;
  --color-interactive-trim-disabled: #CCD4E3;
  --color-interactive-subdued-default: #FFF9F9;
  --color-interactive-subdued-hover: #FFEBF1;
  --color-interactive-subdued-pressed: #FFCEDA;
  --color-interactive-subdued-selected: #FFF9F9;
  --color-interactive-subdued-disabled: #FFFFFF;
  --color-interactive-background-default: #FFF9F9;
  --color-interactive-background-hover: #FFEBF1;
  --color-interactive-background-pressed: #FFCEDA;
  --color-interactive-background-selected: #FFF9F9;
  --color-interactive-background-disabled: #FFFFFF;
  --color-interactive-surface-default: #FFFFFF;
  --color-interactive-surface-hover: #FFF9F9;
  --color-interactive-surface-pressed: #FFEBF1;
  --color-interactive-surface-selected: #FFFFFF;
  --color-interactive-surface-disabled: #FFFFFF;
  --color-primary-heavy-default: #65091E;
  --color-primary-heavy-hover: #0E0404;
  --color-primary-heavy-pressed: #0E0404;
  --color-primary-heavy-selected: #0E0404;
  --color-primary-heavy-disabled: #FF7788;
  --color-primary-medium-default: #CB143F;
  --color-primary-medium-hover: #A20B2E;
  --color-primary-medium-pressed: #65091E;
  --color-primary-medium-selected: #0E0404;
  --color-primary-medium-disabled: #FF7788;
  --color-primary-base-default: #E81043;
  --color-primary-base-hover: #CB143F;
  --color-primary-base-pressed: #A20B2E;
  --color-primary-base-selected: #0E0404;
  --color-primary-base-disabled: #FF7788;
  --color-primary-trim-default: #FF7788;
  --color-primary-trim-hover: #FF4963;
  --color-primary-trim-pressed: #E81043;
  --color-primary-trim-selected: #A20B2E;
  --color-primary-trim-disabled: #FF7788;
  --color-primary-subdued-default: #FFF9F9;
  --color-primary-subdued-hover: #FFEBF1;
  --color-primary-subdued-pressed: #FFCEDA;
  --color-primary-subdued-selected: #FFF9F9;
  --color-primary-subdued-disabled: #FFFFFF;
  --color-primary-background-default: #FFF9F9;
  --color-primary-background-hover: #FFEBF1;
  --color-primary-background-pressed: #FFCEDA;
  --color-primary-background-selected: #FFF9F9;
  --color-primary-background-disabled: #FFFFFF;
  --color-primary-surface-default: #FFFFFF;
  --color-primary-surface-hover: #FFF9F9;
  --color-primary-surface-pressed: #FFEBF1;
  --color-primary-surface-selected: #FFFFFF;
  --color-primary-surface-disabled: #FFFFFF;
  --color-secondary-heavy-default: #0B2047;
  --color-secondary-heavy-hover: #0A0B0D;
  --color-secondary-heavy-pressed: #0A0B0D;
  --color-secondary-heavy-selected: #0A0B0D;
  --color-secondary-heavy-disabled: #CCD4E3;
  --color-secondary-medium-default: #5F7297;
  --color-secondary-medium-hover: #314B7B;
  --color-secondary-medium-pressed: #0B2047;
  --color-secondary-medium-selected: #0A0B0D;
  --color-secondary-medium-disabled: #CCD4E3;
  --color-secondary-base-default: #7285A5;
  --color-secondary-base-hover: #5F7297;
  --color-secondary-base-pressed: #314B7B;
  --color-secondary-base-selected: #0A0B0D;
  --color-secondary-base-disabled: #CCD4E3;
  --color-secondary-trim-default: #CCD4E3;
  --color-secondary-trim-hover: #A0AFCB;
  --color-secondary-trim-pressed: #7285A5;
  --color-secondary-trim-selected: #314B7B;
  --color-secondary-trim-disabled: #CCD4E3;
  --color-secondary-subdued-default: #FAFCFD;
  --color-secondary-subdued-hover: #F1F5FA;
  --color-secondary-subdued-pressed: #E3E9F2;
  --color-secondary-subdued-selected: #FAFCFD;
  --color-secondary-subdued-disabled: #FFFFFF;
  --color-secondary-background-default: #FAFCFD;
  --color-secondary-background-hover: #F1F5FA;
  --color-secondary-background-pressed: #E3E9F2;
  --color-secondary-background-selected: #FAFCFD;
  --color-secondary-background-disabled: #FFFFFF;
  --color-secondary-surface-default: #FFFFFF;
  --color-secondary-surface-hover: #FAFCFD;
  --color-secondary-surface-pressed: #F1F5FA;
  --color-secondary-surface-selected: #FFFFFF;
  --color-secondary-surface-disabled: #FFFFFF;
  --color-info-heavy-default: #0B2047;
  --color-info-heavy-hover: #0A0B0D;
  --color-info-heavy-pressed: #0A0B0D;
  --color-info-heavy-selected: #0A0B0D;
  --color-info-heavy-disabled: #CCD4E3;
  --color-info-medium-default: #5F7297;
  --color-info-medium-hover: #314B7B;
  --color-info-medium-pressed: #0B2047;
  --color-info-medium-selected: #0A0B0D;
  --color-info-medium-disabled: #CCD4E3;
  --color-info-base-default: #7285A5;
  --color-info-base-hover: #5F7297;
  --color-info-base-pressed: #314B7B;
  --color-info-base-selected: #0A0B0D;
  --color-info-base-disabled: #CCD4E3;
  --color-info-trim-default: #E3E9F2;
  --color-info-trim-hover: #CCD4E3;
  --color-info-trim-pressed: #A0AFCB;
  --color-info-trim-selected: #5F7297;
  --color-info-trim-disabled: #CCD4E3;
  --color-info-subdued-default: #FAFCFD;
  --color-info-subdued-hover: #F1F5FA;
  --color-info-subdued-pressed: #E3E9F2;
  --color-info-subdued-selected: #FAFCFD;
  --color-info-subdued-disabled: #FFFFFF;
  --color-info-background-default: #FAFCFD;
  --color-info-background-hover: #F1F5FA;
  --color-info-background-pressed: #E3E9F2;
  --color-info-background-selected: #FAFCFD;
  --color-info-background-disabled: #FFFFFF;
  --color-info-surface-default: #FFFFFF;
  --color-info-surface-hover: #FAFCFD;
  --color-info-surface-pressed: #F1F5FA;
  --color-info-surface-selected: #FFFFFF;
  --color-info-surface-disabled: #FFFFFF;
  --color-success-heavy-default: #17251D;
  --color-success-heavy-hover: #070C09;
  --color-success-heavy-pressed: #070C09;
  --color-success-heavy-selected: #070C09;
  --color-success-heavy-disabled: #CCD4E3;
  --color-success-medium-default: #395446;
  --color-success-medium-hover: #273D31;
  --color-success-medium-pressed: #17251D;
  --color-success-medium-selected: #070C09;
  --color-success-medium-disabled: #CCD4E3;
  --color-success-base-default: #4C6A5A;
  --color-success-base-hover: #395446;
  --color-success-base-pressed: #273D31;
  --color-success-base-selected: #070C09;
  --color-success-base-disabled: #CCD4E3;
  --color-success-trim-default: #A0B1A7;
  --color-success-trim-hover: #6A8376;
  --color-success-trim-pressed: #4C6A5A;
  --color-success-trim-selected: #273D31;
  --color-success-trim-disabled: #CCD4E3;
  --color-success-subdued-default: #CCD6D0;
  --color-success-subdued-hover: #EEF1EF;
  --color-success-subdued-pressed: #A0B1A7;
  --color-success-subdued-selected: #F9FAFA;
  --color-success-subdued-disabled: #FFFFFF;
  --color-success-background-default: #F9FAFA;
  --color-success-background-hover: #EEF1EF;
  --color-success-background-pressed: #CCD6D0;
  --color-success-background-selected: #F9FAFA;
  --color-success-background-disabled: #FFFFFF;
  --color-success-surface-default: #FFFFFF;
  --color-success-surface-hover: #F9FAFA;
  --color-success-surface-pressed: #EEF1EF;
  --color-success-surface-selected: #FFFFFF;
  --color-success-surface-disabled: #FFFFFF;
  --color-warning-heavy-default: #5B4B1B;
  --color-warning-heavy-hover: #392601;
  --color-warning-heavy-pressed: #392601;
  --color-warning-heavy-selected: #392601;
  --color-warning-heavy-disabled: #CCD4E3;
  --color-warning-medium-default: #8B7732;
  --color-warning-medium-hover: #5B4B1B;
  --color-warning-medium-pressed: #392601;
  --color-warning-medium-selected: #392601;
  --color-warning-medium-disabled: #CCD4E3;
  --color-warning-base-default: #E5CE63;
  --color-warning-base-hover: #BBA54B;
  --color-warning-base-pressed: #8B7732;
  --color-warning-base-selected: #392601;
  --color-warning-base-disabled: #CCD4E3;
  --color-warning-trim-default: #FFF2AD;
  --color-warning-trim-hover: #FFE97B;
  --color-warning-trim-pressed: #E5CE63;
  --color-warning-trim-selected: #8B7732;
  --color-warning-trim-disabled: #CCD4E3;
  --color-warning-subdued-default: #FFFCEE;
  --color-warning-subdued-hover: #FFFAE0;
  --color-warning-subdued-pressed: #FFF7D1;
  --color-warning-subdued-selected: #FFFCEE;
  --color-warning-subdued-disabled: #FFFFFF;
  --color-warning-background-default: #FFFCEE;
  --color-warning-background-hover: #FFFAE0;
  --color-warning-background-pressed: #FFF7D1;
  --color-warning-background-selected: #FFFCEE;
  --color-warning-background-disabled: #FFFFFF;
  --color-warning-surface-default: #FFFFFF;
  --color-warning-surface-hover: #FFFCEE;
  --color-warning-surface-pressed: #FFFAE0;
  --color-warning-surface-selected: #FFFFFF;
  --color-warning-surface-disabled: #FFFFFF;
  --color-critical-heavy-default: #65091E;
  --color-critical-heavy-hover: #0E0404;
  --color-critical-heavy-pressed: #0E0404;
  --color-critical-heavy-selected: #0E0404;
  --color-critical-heavy-disabled: #CCD4E3;
  --color-critical-medium-default: #CB143F;
  --color-critical-medium-hover: #A20B2E;
  --color-critical-medium-pressed: #65091E;
  --color-critical-medium-selected: #0E0404;
  --color-critical-medium-disabled: #CCD4E3;
  --color-critical-base-default: #E81043;
  --color-critical-base-hover: #CB143F;
  --color-critical-base-pressed: #A20B2E;
  --color-critical-base-selected: #0E0404;
  --color-critical-base-disabled: #CCD4E3;
  --color-critical-trim-default: #FF7788;
  --color-critical-trim-hover: #FF4963;
  --color-critical-trim-pressed: #E81043;
  --color-critical-trim-selected: #A20B2E;
  --color-critical-trim-disabled: #CCD4E3;
  --color-critical-subdued-default: #FFEBF1;
  --color-critical-subdued-hover: #FFCEDA;
  --color-critical-subdued-pressed: #FF7788;
  --color-critical-subdued-selected: #FFF9F9;
  --color-critical-subdued-disabled: #FFFFFF;
  --color-critical-background-default: #FFF9F9;
  --color-critical-background-hover: #FFEBF1;
  --color-critical-background-pressed: #FFCEDA;
  --color-critical-background-selected: #FFF9F9;
  --color-critical-background-disabled: #FFFFFF;
  --color-critical-surface-default: #FFFFFF;
  --color-critical-surface-hover: #FFF9F9;
  --color-critical-surface-pressed: #FFEBF1;
  --color-critical-surface-selected: #FFFFFF;
  --color-critical-surface-disabled: #FFFFFF;
  --color-accent-one-heavy-default: #1F183C;
  --color-accent-one-heavy-hover: #0E0916;
  --color-accent-one-heavy-pressed: #0E0916;
  --color-accent-one-heavy-selected: #0E0916;
  --color-accent-one-heavy-disabled: #D0D3D9;
  --color-accent-one-medium-default: #3B2F94;
  --color-accent-one-medium-hover: #2D2367;
  --color-accent-one-medium-pressed: #1F183C;
  --color-accent-one-medium-selected: #0E0916;
  --color-accent-one-medium-disabled: #D0D3D9;
  --color-accent-one-base-default: #483BC5;
  --color-accent-one-base-hover: #3B2F94;
  --color-accent-one-base-pressed: #2D2367;
  --color-accent-one-base-selected: #0E0916;
  --color-accent-one-base-disabled: #D0D3D9;
  --color-accent-one-trim-default: #9078EA;
  --color-accent-one-trim-hover: #6753E2;
  --color-accent-one-trim-pressed: #483BC5;
  --color-accent-one-trim-selected: #2D2367;
  --color-accent-one-trim-disabled: #D0D3D9;
  --color-accent-one-subdued-default: #F3EFFD;
  --color-accent-one-subdued-hover: #D4C6F8;
  --color-accent-one-subdued-pressed: #B39FF1;
  --color-accent-one-subdued-selected: #F3EFFD;
  --color-accent-one-subdued-disabled: #FFFFFF;
  --color-accent-one-background-default: #F3EFFD;
  --color-accent-one-background-hover: #D4C6F8;
  --color-accent-one-background-pressed: #B39FF1;
  --color-accent-one-background-selected: #F3EFFD;
  --color-accent-one-background-disabled: #FFFFFF;
  --color-accent-one-surface-default: #FFFFFF;
  --color-accent-one-surface-hover: #F3EFFD;
  --color-accent-one-surface-pressed: #D4C6F8;
  --color-accent-one-surface-selected: #FFFFFF;
  --color-accent-one-surface-disabled: #FFFFFF;
  --color-accent-two-heavy-default: #16312E;
  --color-accent-two-heavy-hover: #0A1312;
  --color-accent-two-heavy-pressed: #0A1312;
  --color-accent-two-heavy-selected: #0A1312;
  --color-accent-two-heavy-disabled: #D0D3D9;
  --color-accent-two-medium-default: #1A746E;
  --color-accent-two-medium-hover: #1A514D;
  --color-accent-two-medium-pressed: #16312E;
  --color-accent-two-medium-selected: #0A1312;
  --color-accent-two-medium-disabled: #D0D3D9;
  --color-accent-two-base-default: #0F9991;
  --color-accent-two-base-hover: #1A746E;
  --color-accent-two-base-pressed: #1A514D;
  --color-accent-two-base-selected: #0A1312;
  --color-accent-two-base-disabled: #D0D3D9;
  --color-accent-two-trim-default: #74C6BE;
  --color-accent-two-trim-hover: #3DB5AC;
  --color-accent-two-trim-pressed: #0F9991;
  --color-accent-two-trim-selected: #1A514D;
  --color-accent-two-trim-disabled: #D0D3D9;
  --color-accent-two-subdued-default: #F0F8F7;
  --color-accent-two-subdued-hover: #C8E8E4;
  --color-accent-two-subdued-pressed: #9FD7D1;
  --color-accent-two-subdued-selected: #F0F8F7;
  --color-accent-two-subdued-disabled: #FFFFFF;
  --color-accent-two-background-default: #F0F8F7;
  --color-accent-two-background-hover: #C8E8E4;
  --color-accent-two-background-pressed: #9FD7D1;
  --color-accent-two-background-selected: #F0F8F7;
  --color-accent-two-background-disabled: #FFFFFF;
  --color-accent-two-surface-default: #FFFFFF;
  --color-accent-two-surface-hover: #F0F8F7;
  --color-accent-two-surface-pressed: #C8E8E4;
  --color-accent-two-surface-selected: #FFFFFF;
  --color-accent-two-surface-disabled: #FFFFFF;
  --color-accent-three-heavy-default: #192843;
  --color-accent-three-heavy-hover: #0C1018;
  --color-accent-three-heavy-pressed: #0C1018;
  --color-accent-three-heavy-selected: #0C1018;
  --color-accent-three-heavy-disabled: #D0D3D9;
  --color-accent-three-medium-default: #1F5DA9;
  --color-accent-three-medium-hover: #1F4274;
  --color-accent-three-medium-pressed: #192843;
  --color-accent-three-medium-selected: #0C1018;
  --color-accent-three-medium-disabled: #D0D3D9;
  --color-accent-three-base-default: #147AE2;
  --color-accent-three-base-hover: #1F5DA9;
  --color-accent-three-base-pressed: #1F4274;
  --color-accent-three-base-selected: #0C1018;
  --color-accent-three-base-disabled: #D0D3D9;
  --color-accent-three-trim-default: #7FABFF;
  --color-accent-three-trim-hover: #4794FF;
  --color-accent-three-trim-pressed: #147AE2;
  --color-accent-three-trim-selected: #1F4274;
  --color-accent-three-trim-disabled: #D0D3D9;
  --color-accent-three-subdued-default: #F2F5FF;
  --color-accent-three-subdued-hover: #CEDCFF;
  --color-accent-three-subdued-pressed: #A9C3FF;
  --color-accent-three-subdued-selected: #F2F5FF;
  --color-accent-three-subdued-disabled: #FFFFFF;
  --color-accent-three-background-default: #F2F5FF;
  --color-accent-three-background-hover: #CEDCFF;
  --color-accent-three-background-pressed: #A9C3FF;
  --color-accent-three-background-selected: #F2F5FF;
  --color-accent-three-background-disabled: #FFFFFF;
  --color-accent-three-surface-default: #FFFFFF;
  --color-accent-three-surface-hover: #F2F5FF;
  --color-accent-three-surface-pressed: #CEDCFF;
  --color-accent-three-surface-selected: #FFFFFF;
  --color-accent-three-surface-disabled: #FFFFFF;
  --color-accent-four-heavy-default: #1F351C;
  --color-accent-four-heavy-hover: #181C18;
  --color-accent-four-heavy-pressed: #181C18;
  --color-accent-four-heavy-selected: #181C18;
  --color-accent-four-heavy-disabled: #D0D3D9;
  --color-accent-four-medium-default: #1B7B10;
  --color-accent-four-medium-hover: #205519;
  --color-accent-four-medium-pressed: #1F351C;
  --color-accent-four-medium-selected: #181C18;
  --color-accent-four-medium-disabled: #D0D3D9;
  --color-accent-four-base-default: #0EA800;
  --color-accent-four-base-hover: #1B7B10;
  --color-accent-four-base-pressed: #205519;
  --color-accent-four-base-selected: #181C18;
  --color-accent-four-base-disabled: #D0D3D9;
  --color-accent-four-trim-default: #7FC468;
  --color-accent-four-trim-hover: #4AB535;
  --color-accent-four-trim-pressed: #0EA800;
  --color-accent-four-trim-selected: #205519;
  --color-accent-four-trim-disabled: #D0D3D9;
  --color-accent-four-subdued-default: #D6E8CA;
  --color-accent-four-subdued-hover: #AED59A;
  --color-accent-four-subdued-pressed: #7FC468;
  --color-accent-four-subdued-selected: #4AB535;
  --color-accent-four-subdued-disabled: #FFFFFF;
  --color-accent-four-background-default: #FAFCF8;
  --color-accent-four-background-hover: #D6E8CA;
  --color-accent-four-background-pressed: #AED59A;
  --color-accent-four-background-selected: #FAFCF8;
  --color-accent-four-background-disabled: #FFFFFF;
  --color-accent-four-surface-default: #FFFFFF;
  --color-accent-four-surface-hover: #FAFCF8;
  --color-accent-four-surface-pressed: #D6E8CA;
  --color-accent-four-surface-selected: #FFFFFF;
  --color-accent-four-surface-disabled: #FFFFFF;
  --color-accent-five-heavy-default: #4A0806;
  --color-accent-five-heavy-hover: #1A0202;
  --color-accent-five-heavy-pressed: #1A0202;
  --color-accent-five-heavy-selected: #1A0202;
  --color-accent-five-heavy-disabled: #D0D3D9;
  --color-accent-five-medium-default: #A9200E;
  --color-accent-five-medium-hover: #7A120A;
  --color-accent-five-medium-pressed: #4A0806;
  --color-accent-five-medium-selected: #1A0202;
  --color-accent-five-medium-disabled: #D0D3D9;
  --color-accent-five-base-default: #D93013;
  --color-accent-five-base-hover: #A9200E;
  --color-accent-five-base-pressed: #7A120A;
  --color-accent-five-base-selected: #1A0202;
  --color-accent-five-base-disabled: #D0D3D9;
  --color-accent-five-trim-default: #F67B5A;
  --color-accent-five-trim-hover: #F3502C;
  --color-accent-five-trim-pressed: #D93013;
  --color-accent-five-trim-selected: #7A120A;
  --color-accent-five-trim-disabled: #D0D3D9;
  --color-accent-five-subdued-default: #FFF1EB;
  --color-accent-five-subdued-hover: #FCCBB9;
  --color-accent-five-subdued-pressed: #F9A489;
  --color-accent-five-subdued-selected: #FFF1EB;
  --color-accent-five-subdued-disabled: #FFFFFF;
  --color-accent-five-background-default: #FFF1EB;
  --color-accent-five-background-hover: #FCCBB9;
  --color-accent-five-background-pressed: #F9A489;
  --color-accent-five-background-selected: #FFF1EB;
  --color-accent-five-background-disabled: #FFFFFF;
  --color-accent-five-surface-default: #FFFFFF;
  --color-accent-five-surface-hover: #FFF1EB;
  --color-accent-five-surface-pressed: #FCCBB9;
  --color-accent-five-surface-selected: #FFFFFF;
  --color-accent-five-surface-disabled: #FFFFFF;
  --shadow-elevation-1-key-color: rgba(7, 6, 7, 0.05);
  --shadow-elevation-1-key-x: 0;
  --shadow-elevation-1-key-y: 1px;
  --shadow-elevation-1-key-radius: 2px;
  --shadow-elevation-1-ambient-color: rgba(7, 6, 7, 0.05);
  --shadow-elevation-1-ambient-x: 0;
  --shadow-elevation-1-ambient-y: 1px;
  --shadow-elevation-1-ambient-radius: 4px;
  --shadow-elevation-2-key-color: rgba(7, 6, 7, 0.04);
  --shadow-elevation-2-key-x: 0;
  --shadow-elevation-2-key-y: 1px;
  --shadow-elevation-2-key-radius: 4px;
  --shadow-elevation-2-ambient-color: rgba(7, 6, 7, 0.03);
  --shadow-elevation-2-ambient-x: 0;
  --shadow-elevation-2-ambient-y: 2px;
  --shadow-elevation-2-ambient-radius: 8px;
  --shadow-elevation-3-key-color: rgba(7, 6, 7, 0.04);
  --shadow-elevation-3-key-x: 0;
  --shadow-elevation-3-key-y: 2px;
  --shadow-elevation-3-key-radius: 8px;
  --shadow-elevation-3-ambient-color: rgba(7, 6, 7, 0.03);
  --shadow-elevation-3-ambient-x: 0;
  --shadow-elevation-3-ambient-y: 4px;
  --shadow-elevation-3-ambient-radius: 12px;
  --shadow-elevation-4-key-color: rgba(7, 6, 7, 0.05);
  --shadow-elevation-4-key-x: 0;
  --shadow-elevation-4-key-y: 2px;
  --shadow-elevation-4-key-radius: 8px;
  --shadow-elevation-4-ambient-color: rgba(7, 6, 7, 0.04);
  --shadow-elevation-4-ambient-x: 0;
  --shadow-elevation-4-ambient-y: 8px;
  --shadow-elevation-4-ambient-radius: 16px;
}

/* dark colors */
[data-theme="dark"], [data-theme-name="allhomes"][data-theme="dark"] {
  --color-neutral-heavy-default: #FAFBFC;
  --color-neutral-heavy-hover: #FAFBFC;
  --color-neutral-heavy-pressed: #FAFBFC;
  --color-neutral-heavy-selected: #FAFBFC;
  --color-neutral-heavy-disabled: #FAFBFC;
  --color-neutral-medium-default: #D0D3D9;
  --color-neutral-medium-hover: #D0D3D9;
  --color-neutral-medium-pressed: #D0D3D9;
  --color-neutral-medium-selected: #D0D3D9;
  --color-neutral-medium-disabled: #D0D3D9;
  --color-neutral-base-default: #7E8594;
  --color-neutral-base-hover: #515B6E;
  --color-neutral-base-pressed: #3C475B;
  --color-neutral-base-selected: #0C1018;
  --color-neutral-base-disabled: #D0D3D9;
  --color-neutral-trim-default: #3C475B;
  --color-neutral-trim-hover: #3C475B;
  --color-neutral-trim-pressed: #3C475B;
  --color-neutral-trim-selected: #3C475B;
  --color-neutral-trim-disabled: #3C475B;
  --color-neutral-subdued-default: #0C1018;
  --color-neutral-subdued-hover: #0C1018;
  --color-neutral-subdued-pressed: #0C1018;
  --color-neutral-subdued-selected: #0C1018;
  --color-neutral-subdued-disabled: #0C1018;
  --color-neutral-background-default: #0C1018;
  --color-neutral-background-hover: #0C1018;
  --color-neutral-background-pressed: #0C1018;
  --color-neutral-background-selected: #0C1018;
  --color-neutral-background-disabled: #0C1018;
  --color-neutral-surface-default: #1E293D;
  --color-neutral-surface-hover: #1E293D;
  --color-neutral-surface-pressed: #1E293D;
  --color-neutral-surface-selected: #1E293D;
  --color-neutral-surface-disabled: #1E293D;
  --color-interactive-heavy-default: #FFEBF1;
  --color-interactive-heavy-hover: #FFF9F9;
  --color-interactive-heavy-pressed: #FFFFFF;
  --color-interactive-heavy-selected: #FFFFFF;
  --color-interactive-heavy-disabled: #515B6E;
  --color-interactive-medium-default: #FF7788;
  --color-interactive-medium-hover: #FFCEDA;
  --color-interactive-medium-pressed: #FFEBF1;
  --color-interactive-medium-selected: #FFEBF1;
  --color-interactive-medium-disabled: #3C475B;
  --color-interactive-base-default: #FF4963;
  --color-interactive-base-hover: #FF7788;
  --color-interactive-base-pressed: #FFCEDA;
  --color-interactive-base-selected: #FFCEDA;
  --color-interactive-base-disabled: #515B6E;
  --color-interactive-trim-default: #A20B2E;
  --color-interactive-trim-hover: #CB143F;
  --color-interactive-trim-pressed: #E81043;
  --color-interactive-trim-selected: #E81043;
  --color-interactive-trim-disabled: #1E293D;
  --color-interactive-subdued-default: #0E0404;
  --color-interactive-subdued-hover: #0E0404;
  --color-interactive-subdued-pressed: #0E0404;
  --color-interactive-subdued-selected: #0E0404;
  --color-interactive-subdued-disabled: #0C1018;
  --color-interactive-background-default: #0E0404;
  --color-interactive-background-hover: #0E0404;
  --color-interactive-background-pressed: #0E0404;
  --color-interactive-background-selected: #0E0404;
  --color-interactive-background-disabled: #0C1018;
  --color-interactive-surface-default: #65091E;
  --color-interactive-surface-hover: #A20B2E;
  --color-interactive-surface-pressed: #CB143F;
  --color-interactive-surface-selected: #CB143F;
  --color-interactive-surface-disabled: #0C1018;
  --color-primary-heavy-default: #FFEBF1;
  --color-primary-heavy-hover: #FFF9F9;
  --color-primary-heavy-pressed: #FFFFFF;
  --color-primary-heavy-selected: #FFFFFF;
  --color-primary-heavy-disabled: #515B6E;
  --color-primary-medium-default: #FF7788;
  --color-primary-medium-hover: #FFCEDA;
  --color-primary-medium-pressed: #FFEBF1;
  --color-primary-medium-selected: #FFEBF1;
  --color-primary-medium-disabled: #3C475B;
  --color-primary-base-default: #FF4963;
  --color-primary-base-hover: #FF7788;
  --color-primary-base-pressed: #FFCEDA;
  --color-primary-base-selected: #FFCEDA;
  --color-primary-base-disabled: #515B6E;
  --color-primary-trim-default: #A20B2E;
  --color-primary-trim-hover: #CB143F;
  --color-primary-trim-pressed: #E81043;
  --color-primary-trim-selected: #E81043;
  --color-primary-trim-disabled: #1E293D;
  --color-primary-subdued-default: #0E0404;
  --color-primary-subdued-hover: #0E0404;
  --color-primary-subdued-pressed: #0E0404;
  --color-primary-subdued-selected: #0E0404;
  --color-primary-subdued-disabled: #0C1018;
  --color-primary-background-default: #0E0404;
  --color-primary-background-hover: #0E0404;
  --color-primary-background-pressed: #0E0404;
  --color-primary-background-selected: #0E0404;
  --color-primary-background-disabled: #0C1018;
  --color-primary-surface-default: #65091E;
  --color-primary-surface-hover: #A20B2E;
  --color-primary-surface-pressed: #CB143F;
  --color-primary-surface-selected: #CB143F;
  --color-primary-surface-disabled: #0C1018;
  --color-secondary-heavy-default: #BABECF;
  --color-secondary-heavy-hover: #EBECF1;
  --color-secondary-heavy-pressed: #FFFFFF;
  --color-secondary-heavy-selected: #FFFFFF;
  --color-secondary-heavy-disabled: #515B6E;
  --color-secondary-medium-default: #5D698D;
  --color-secondary-medium-hover: #8B92AE;
  --color-secondary-medium-pressed: #BABECF;
  --color-secondary-medium-selected: #BABECF;
  --color-secondary-medium-disabled: #3C475B;
  --color-secondary-base-default: #2E426D;
  --color-secondary-base-hover: #5D698D;
  --color-secondary-base-pressed: #8B92AE;
  --color-secondary-base-selected: #8B92AE;
  --color-secondary-base-disabled: #515B6E;
  --color-secondary-trim-default: #121B2F;
  --color-secondary-trim-hover: #142341;
  --color-secondary-trim-pressed: #142C54;
  --color-secondary-trim-selected: #142C54;
  --color-secondary-trim-disabled: #1E293D;
  --color-secondary-subdued-default: #04060C;
  --color-secondary-subdued-hover: #04060C;
  --color-secondary-subdued-pressed: #04060C;
  --color-secondary-subdued-selected: #04060C;
  --color-secondary-subdued-disabled: #0C1018;
  --color-secondary-background-default: #04060C;
  --color-secondary-background-hover: #04060C;
  --color-secondary-background-pressed: #04060C;
  --color-secondary-background-selected: #04060C;
  --color-secondary-background-disabled: #0C1018;
  --color-secondary-surface-default: #0E121E;
  --color-secondary-surface-hover: #121B2F;
  --color-secondary-surface-pressed: #142341;
  --color-secondary-surface-selected: #142341;
  --color-secondary-surface-disabled: #0C1018;
  --color-info-heavy-default: #CEDCFF;
  --color-info-heavy-hover: #F2F5FF;
  --color-info-heavy-pressed: #FFFFFF;
  --color-info-heavy-selected: #FFFFFF;
  --color-info-heavy-disabled: #515B6E;
  --color-info-medium-default: #7FABFF;
  --color-info-medium-hover: #A9C3FF;
  --color-info-medium-pressed: #CEDCFF;
  --color-info-medium-selected: #CEDCFF;
  --color-info-medium-disabled: #3C475B;
  --color-info-base-default: #4794FF;
  --color-info-base-hover: #7FABFF;
  --color-info-base-pressed: #A9C3FF;
  --color-info-base-selected: #A9C3FF;
  --color-info-base-disabled: #515B6E;
  --color-info-trim-default: #1F4274;
  --color-info-trim-hover: #1F5DA9;
  --color-info-trim-pressed: #147AE2;
  --color-info-trim-selected: #147AE2;
  --color-info-trim-disabled: #1E293D;
  --color-info-subdued-default: #0C1018;
  --color-info-subdued-hover: #0C1018;
  --color-info-subdued-pressed: #0C1018;
  --color-info-subdued-selected: #0C1018;
  --color-info-subdued-disabled: #0C1018;
  --color-info-background-default: #0C1018;
  --color-info-background-hover: #0C1018;
  --color-info-background-pressed: #0C1018;
  --color-info-background-selected: #0C1018;
  --color-info-background-disabled: #0C1018;
  --color-info-surface-default: #192843;
  --color-info-surface-hover: #1F4274;
  --color-info-surface-pressed: #1F5DA9;
  --color-info-surface-selected: #1F5DA9;
  --color-info-surface-disabled: #0C1018;
  --color-success-heavy-default: #FFEBF1;
  --color-success-heavy-hover: #FFF9F9;
  --color-success-heavy-pressed: #FFFFFF;
  --color-success-heavy-selected: #FFFFFF;
  --color-success-heavy-disabled: #515B6E;
  --color-success-medium-default: #FF7788;
  --color-success-medium-hover: #FFCEDA;
  --color-success-medium-pressed: #FFEBF1;
  --color-success-medium-selected: #FFEBF1;
  --color-success-medium-disabled: #3C475B;
  --color-success-base-default: #FF4963;
  --color-success-base-hover: #FF7788;
  --color-success-base-pressed: #FFCEDA;
  --color-success-base-selected: #FFCEDA;
  --color-success-base-disabled: #515B6E;
  --color-success-trim-default: #A20B2E;
  --color-success-trim-hover: #CB143F;
  --color-success-trim-pressed: #E81043;
  --color-success-trim-selected: #E81043;
  --color-success-trim-disabled: #1E293D;
  --color-success-subdued-default: #0E0404;
  --color-success-subdued-hover: #0E0404;
  --color-success-subdued-pressed: #0E0404;
  --color-success-subdued-selected: #0E0404;
  --color-success-subdued-disabled: #0C1018;
  --color-success-background-default: #0E0404;
  --color-success-background-hover: #0E0404;
  --color-success-background-pressed: #0E0404;
  --color-success-background-selected: #0E0404;
  --color-success-background-disabled: #0C1018;
  --color-success-surface-default: #65091E;
  --color-success-surface-hover: #A20B2E;
  --color-success-surface-pressed: #CB143F;
  --color-success-surface-selected: #CB143F;
  --color-success-surface-disabled: #0C1018;
  --color-warning-heavy-default: #FFFAC6;
  --color-warning-heavy-hover: #FFFCF0;
  --color-warning-heavy-pressed: #FFFFFF;
  --color-warning-heavy-selected: #FFFFFF;
  --color-warning-heavy-disabled: #515B6E;
  --color-warning-medium-default: #FFE976;
  --color-warning-medium-hover: #FFF399;
  --color-warning-medium-pressed: #FFFAC6;
  --color-warning-medium-selected: #FFFAC6;
  --color-warning-medium-disabled: #3C475B;
  --color-warning-base-default: #FFDB59;
  --color-warning-base-hover: #FFE976;
  --color-warning-base-pressed: #FFF399;
  --color-warning-base-selected: #FFF399;
  --color-warning-base-disabled: #515B6E;
  --color-warning-trim-default: #8B4D1D;
  --color-warning-trim-hover: #9D6525;
  --color-warning-trim-pressed: #FFCA44;
  --color-warning-trim-selected: #FFCA44;
  --color-warning-trim-disabled: #1E293D;
  --color-warning-subdued-default: #3F252C;
  --color-warning-subdued-hover: #3F252C;
  --color-warning-subdued-pressed: #3F252C;
  --color-warning-subdued-selected: #3F252C;
  --color-warning-subdued-disabled: #0C1018;
  --color-warning-background-default: #3F252C;
  --color-warning-background-hover: #3F252C;
  --color-warning-background-pressed: #3F252C;
  --color-warning-background-selected: #3F252C;
  --color-warning-background-disabled: #0C1018;
  --color-warning-surface-default: #603415;
  --color-warning-surface-hover: #8B4D1D;
  --color-warning-surface-pressed: #9D6525;
  --color-warning-surface-selected: #9D6525;
  --color-warning-surface-disabled: #0C1018;
  --color-critical-heavy-default: #FCCBB9;
  --color-critical-heavy-hover: #FFF1EB;
  --color-critical-heavy-pressed: #FFFFFF;
  --color-critical-heavy-selected: #FFFFFF;
  --color-critical-heavy-disabled: #515B6E;
  --color-critical-medium-default: #F67B5A;
  --color-critical-medium-hover: #F9A489;
  --color-critical-medium-pressed: #FCCBB9;
  --color-critical-medium-selected: #FCCBB9;
  --color-critical-medium-disabled: #3C475B;
  --color-critical-base-default: #F3502C;
  --color-critical-base-hover: #F67B5A;
  --color-critical-base-pressed: #F9A489;
  --color-critical-base-selected: #F9A489;
  --color-critical-base-disabled: #515B6E;
  --color-critical-trim-default: #7A120A;
  --color-critical-trim-hover: #A9200E;
  --color-critical-trim-pressed: #D93013;
  --color-critical-trim-selected: #D93013;
  --color-critical-trim-disabled: #1E293D;
  --color-critical-subdued-default: #1A0202;
  --color-critical-subdued-hover: #1A0202;
  --color-critical-subdued-pressed: #1A0202;
  --color-critical-subdued-selected: #1A0202;
  --color-critical-subdued-disabled: #0C1018;
  --color-critical-background-default: #1A0202;
  --color-critical-background-hover: #1A0202;
  --color-critical-background-pressed: #1A0202;
  --color-critical-background-selected: #1A0202;
  --color-critical-background-disabled: #0C1018;
  --color-critical-surface-default: #4A0806;
  --color-critical-surface-hover: #7A120A;
  --color-critical-surface-pressed: #A9200E;
  --color-critical-surface-selected: #A9200E;
  --color-critical-surface-disabled: #0C1018;
  --color-accent-one-heavy-default: #D4C6F8;
  --color-accent-one-heavy-hover: #F3EFFD;
  --color-accent-one-heavy-pressed: #FFFFFF;
  --color-accent-one-heavy-selected: #FFFFFF;
  --color-accent-one-heavy-disabled: #515B6E;
  --color-accent-one-medium-default: #9078EA;
  --color-accent-one-medium-hover: #B39FF1;
  --color-accent-one-medium-pressed: #D4C6F8;
  --color-accent-one-medium-selected: #D4C6F8;
  --color-accent-one-medium-disabled: #3C475B;
  --color-accent-one-base-default: #6753E2;
  --color-accent-one-base-hover: #9078EA;
  --color-accent-one-base-pressed: #B39FF1;
  --color-accent-one-base-selected: #B39FF1;
  --color-accent-one-base-disabled: #515B6E;
  --color-accent-one-trim-default: #2D2367;
  --color-accent-one-trim-hover: #3B2F94;
  --color-accent-one-trim-pressed: #483BC5;
  --color-accent-one-trim-selected: #483BC5;
  --color-accent-one-trim-disabled: #1E293D;
  --color-accent-one-subdued-default: #0E0916;
  --color-accent-one-subdued-hover: #0E0916;
  --color-accent-one-subdued-pressed: #0E0916;
  --color-accent-one-subdued-selected: #0E0916;
  --color-accent-one-subdued-disabled: #0C1018;
  --color-accent-one-background-default: #0E0916;
  --color-accent-one-background-hover: #0E0916;
  --color-accent-one-background-pressed: #0E0916;
  --color-accent-one-background-selected: #0E0916;
  --color-accent-one-background-disabled: #0C1018;
  --color-accent-one-surface-default: #1F183C;
  --color-accent-one-surface-hover: #2D2367;
  --color-accent-one-surface-pressed: #3B2F94;
  --color-accent-one-surface-selected: #3B2F94;
  --color-accent-one-surface-disabled: #0C1018;
  --color-accent-two-heavy-default: #C8E8E4;
  --color-accent-two-heavy-hover: #F0F8F7;
  --color-accent-two-heavy-pressed: #FFFFFF;
  --color-accent-two-heavy-selected: #FFFFFF;
  --color-accent-two-heavy-disabled: #515B6E;
  --color-accent-two-medium-default: #74C6BE;
  --color-accent-two-medium-hover: #9FD7D1;
  --color-accent-two-medium-pressed: #C8E8E4;
  --color-accent-two-medium-selected: #C8E8E4;
  --color-accent-two-medium-disabled: #3C475B;
  --color-accent-two-base-default: #3DB5AC;
  --color-accent-two-base-hover: #74C6BE;
  --color-accent-two-base-pressed: #9FD7D1;
  --color-accent-two-base-selected: #9FD7D1;
  --color-accent-two-base-disabled: #515B6E;
  --color-accent-two-trim-default: #1A514D;
  --color-accent-two-trim-hover: #1A746E;
  --color-accent-two-trim-pressed: #0F9991;
  --color-accent-two-trim-selected: #0F9991;
  --color-accent-two-trim-disabled: #1E293D;
  --color-accent-two-subdued-default: #0A1312;
  --color-accent-two-subdued-hover: #0A1312;
  --color-accent-two-subdued-pressed: #0A1312;
  --color-accent-two-subdued-selected: #0A1312;
  --color-accent-two-subdued-disabled: #0C1018;
  --color-accent-two-background-default: #0A1312;
  --color-accent-two-background-hover: #0A1312;
  --color-accent-two-background-pressed: #0A1312;
  --color-accent-two-background-selected: #0A1312;
  --color-accent-two-background-disabled: #0C1018;
  --color-accent-two-surface-default: #16312E;
  --color-accent-two-surface-hover: #1A514D;
  --color-accent-two-surface-pressed: #1A746E;
  --color-accent-two-surface-selected: #1A746E;
  --color-accent-two-surface-disabled: #0C1018;
  --color-accent-three-heavy-default: #CEDCFF;
  --color-accent-three-heavy-hover: #F2F5FF;
  --color-accent-three-heavy-pressed: #FFFFFF;
  --color-accent-three-heavy-selected: #FFFFFF;
  --color-accent-three-heavy-disabled: #515B6E;
  --color-accent-three-medium-default: #7FABFF;
  --color-accent-three-medium-hover: #A9C3FF;
  --color-accent-three-medium-pressed: #CEDCFF;
  --color-accent-three-medium-selected: #CEDCFF;
  --color-accent-three-medium-disabled: #3C475B;
  --color-accent-three-base-default: #4794FF;
  --color-accent-three-base-hover: #7FABFF;
  --color-accent-three-base-pressed: #A9C3FF;
  --color-accent-three-base-selected: #A9C3FF;
  --color-accent-three-base-disabled: #515B6E;
  --color-accent-three-trim-default: #1F4274;
  --color-accent-three-trim-hover: #1F5DA9;
  --color-accent-three-trim-pressed: #147AE2;
  --color-accent-three-trim-selected: #147AE2;
  --color-accent-three-trim-disabled: #1E293D;
  --color-accent-three-subdued-default: #0C1018;
  --color-accent-three-subdued-hover: #0C1018;
  --color-accent-three-subdued-pressed: #0C1018;
  --color-accent-three-subdued-selected: #0C1018;
  --color-accent-three-subdued-disabled: #0C1018;
  --color-accent-three-background-default: #0C1018;
  --color-accent-three-background-hover: #0C1018;
  --color-accent-three-background-pressed: #0C1018;
  --color-accent-three-background-selected: #0C1018;
  --color-accent-three-background-disabled: #0C1018;
  --color-accent-three-surface-default: #192843;
  --color-accent-three-surface-hover: #1F4274;
  --color-accent-three-surface-pressed: #1F5DA9;
  --color-accent-three-surface-selected: #1F5DA9;
  --color-accent-three-surface-disabled: #0C1018;
  --color-accent-four-heavy-default: #FFFAC6;
  --color-accent-four-heavy-hover: #FFFCF0;
  --color-accent-four-heavy-pressed: #FFFFFF;
  --color-accent-four-heavy-selected: #FFFFFF;
  --color-accent-four-heavy-disabled: #515B6E;
  --color-accent-four-medium-default: #FFE976;
  --color-accent-four-medium-hover: #FFF399;
  --color-accent-four-medium-pressed: #FFFAC6;
  --color-accent-four-medium-selected: #FFFAC6;
  --color-accent-four-medium-disabled: #3C475B;
  --color-accent-four-base-default: #FFDB59;
  --color-accent-four-base-hover: #FFE976;
  --color-accent-four-base-pressed: #FFF399;
  --color-accent-four-base-selected: #FFF399;
  --color-accent-four-base-disabled: #515B6E;
  --color-accent-four-trim-default: #8B4D1D;
  --color-accent-four-trim-hover: #9D6525;
  --color-accent-four-trim-pressed: #FFCA44;
  --color-accent-four-trim-selected: #FFCA44;
  --color-accent-four-trim-disabled: #1E293D;
  --color-accent-four-subdued-default: #3F252C;
  --color-accent-four-subdued-hover: #3F252C;
  --color-accent-four-subdued-pressed: #3F252C;
  --color-accent-four-subdued-selected: #3F252C;
  --color-accent-four-subdued-disabled: #0C1018;
  --color-accent-four-background-default: #3F252C;
  --color-accent-four-background-hover: #3F252C;
  --color-accent-four-background-pressed: #3F252C;
  --color-accent-four-background-selected: #3F252C;
  --color-accent-four-background-disabled: #0C1018;
  --color-accent-four-surface-default: #603415;
  --color-accent-four-surface-hover: #8B4D1D;
  --color-accent-four-surface-pressed: #9D6525;
  --color-accent-four-surface-selected: #9D6525;
  --color-accent-four-surface-disabled: #0C1018;
  --color-accent-five-heavy-default: #FCCBB9;
  --color-accent-five-heavy-hover: #FFF1EB;
  --color-accent-five-heavy-pressed: #FFFFFF;
  --color-accent-five-heavy-selected: #FFFFFF;
  --color-accent-five-heavy-disabled: #515B6E;
  --color-accent-five-medium-default: #F67B5A;
  --color-accent-five-medium-hover: #F9A489;
  --color-accent-five-medium-pressed: #FCCBB9;
  --color-accent-five-medium-selected: #FCCBB9;
  --color-accent-five-medium-disabled: #3C475B;
  --color-accent-five-base-default: #F3502C;
  --color-accent-five-base-hover: #F67B5A;
  --color-accent-five-base-pressed: #F9A489;
  --color-accent-five-base-selected: #F9A489;
  --color-accent-five-base-disabled: #515B6E;
  --color-accent-five-trim-default: #7A120A;
  --color-accent-five-trim-hover: #A9200E;
  --color-accent-five-trim-pressed: #D93013;
  --color-accent-five-trim-selected: #D93013;
  --color-accent-five-trim-disabled: #1E293D;
  --color-accent-five-subdued-default: #1A0202;
  --color-accent-five-subdued-hover: #1A0202;
  --color-accent-five-subdued-pressed: #1A0202;
  --color-accent-five-subdued-selected: #1A0202;
  --color-accent-five-subdued-disabled: #0C1018;
  --color-accent-five-background-default: #1A0202;
  --color-accent-five-background-hover: #1A0202;
  --color-accent-five-background-pressed: #1A0202;
  --color-accent-five-background-selected: #1A0202;
  --color-accent-five-background-disabled: #0C1018;
  --color-accent-five-surface-default: #4A0806;
  --color-accent-five-surface-hover: #7A120A;
  --color-accent-five-surface-pressed: #A9200E;
  --color-accent-five-surface-selected: #A9200E;
  --color-accent-five-surface-disabled: #0C1018;
  --shadow-elevation-1-key-color: rgba(7, 6, 7, 0.05);
  --shadow-elevation-1-key-x: 0;
  --shadow-elevation-1-key-y: 1px;
  --shadow-elevation-1-key-radius: 2px;
  --shadow-elevation-1-ambient-color: rgba(7, 6, 7, 0.05);
  --shadow-elevation-1-ambient-x: 0;
  --shadow-elevation-1-ambient-y: 1px;
  --shadow-elevation-1-ambient-radius: 4px;
  --shadow-elevation-2-key-color: rgba(7, 6, 7, 0.04);
  --shadow-elevation-2-key-x: 0;
  --shadow-elevation-2-key-y: 1px;
  --shadow-elevation-2-key-radius: 4px;
  --shadow-elevation-2-ambient-color: rgba(7, 6, 7, 0.03);
  --shadow-elevation-2-ambient-x: 0;
  --shadow-elevation-2-ambient-y: 2px;
  --shadow-elevation-2-ambient-radius: 8px;
  --shadow-elevation-3-key-color: rgba(7, 6, 7, 0.04);
  --shadow-elevation-3-key-x: 0;
  --shadow-elevation-3-key-y: 2px;
  --shadow-elevation-3-key-radius: 8px;
  --shadow-elevation-3-ambient-color: rgba(7, 6, 7, 0.03);
  --shadow-elevation-3-ambient-x: 0;
  --shadow-elevation-3-ambient-y: 4px;
  --shadow-elevation-3-ambient-radius: 12px;
  --shadow-elevation-4-key-color: rgba(7, 6, 7, 0.05);
  --shadow-elevation-4-key-x: 0;
  --shadow-elevation-4-key-y: 2px;
  --shadow-elevation-4-key-radius: 8px;
  --shadow-elevation-4-ambient-color: rgba(7, 6, 7, 0.04);
  --shadow-elevation-4-ambient-x: 0;
  --shadow-elevation-4-ambient-y: 8px;
  --shadow-elevation-4-ambient-radius: 16px;
}

/* "regular" spacing and typography */
@media only screen and (min-width: 624px) {
 :root, [data-theme-name="allhomes"] {
  --space-none: 0px;
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-s: 12px;
  --space-m: 24px;
  --space-l: 28px;
  --space-xl: 36px;
  --space-xxl: 72px;
  --type-mini-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  --type-mini-weight: 400;
  --type-mini-size: 14px;
  --type-mini-line-height: 20px;
  --type-mini-bold-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  --type-mini-bold-weight: 600;
  --type-mini-bold-size: 14px;
  --type-mini-bold-line-height: 20px;
  --type-caption-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  --type-caption-weight: 400;
  --type-caption-size: 14px;
  --type-caption-line-height: 20px;
  --type-caption-bold-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  --type-caption-bold-weight: 600;
  --type-caption-bold-size: 14px;
  --type-caption-bold-line-height: 20px;
  --type-body-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  --type-body-weight: 400;
  --type-body-size: 16px;
  --type-body-line-height: 24px;
  --type-body-bold-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  --type-body-bold-weight: 600;
  --type-body-bold-size: 16px;
  --type-body-bold-line-height: 24px;
  --type-lead-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-lead-weight: 400;
  --type-lead-size: 18px;
  --type-lead-line-height: 24px;
  --type-overline-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-overline-weight: 600;
  --type-overline-size: 14px;
  --type-overline-line-height: 18px;
  --type-overline-text-transform: uppercase;
  --type-display-small-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-display-small-weight: 600;
  --type-display-small-size: 20px;
  --type-display-small-line-height: 28px;
  --type-subheading-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-subheading-weight: 600;
  --type-subheading-size: 18px;
  --type-subheading-line-height: 24px;
  --type-display-medium-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-display-medium-weight: 600;
  --type-display-medium-size: 28px;
  --type-display-medium-line-height: 36px;
  --type-heading-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-heading-weight: 600;
  --type-heading-size: 24px;
  --type-heading-line-height: 28px;
  --type-pageheading-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-pageheading-weight: 400;
  --type-pageheading-size: 32px;
  --type-pageheading-line-height: 36px;
  --type-display-large-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-display-large-weight: 600;
  --type-display-large-size: 40px;
  --type-display-large-line-height: 52px;
  --type-callout-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-callout-weight: 400;
  --type-callout-size: 18px;
  --type-callout-line-height: 24px;
  --type-code-family: 'Courier New', monospace;
  --type-code-weight: 700;
  --type-code-size: 18px;
  --type-code-line-height: 24px;
  }
}

/* "large" spacing and typography */
@media only screen and (min-width: 1021px) {
 :root, [data-theme-name="allhomes"] {
  --space-none: 0px;
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-s: 16px;
  --space-m: 24px;
  --space-l: 32px;
  --space-xl: 40px;
  --space-xxl: 80px;
  --type-mini-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  --type-mini-weight: 400;
  --type-mini-size: 14px;
  --type-mini-line-height: 20px;
  --type-mini-bold-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  --type-mini-bold-weight: 600;
  --type-mini-bold-size: 14px;
  --type-mini-bold-line-height: 20px;
  --type-caption-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  --type-caption-weight: 400;
  --type-caption-size: 14px;
  --type-caption-line-height: 20px;
  --type-caption-bold-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  --type-caption-bold-weight: 600;
  --type-caption-bold-size: 14px;
  --type-caption-bold-line-height: 20px;
  --type-body-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  --type-body-weight: 400;
  --type-body-size: 16px;
  --type-body-line-height: 24px;
  --type-body-bold-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  --type-body-bold-weight: 600;
  --type-body-bold-size: 16px;
  --type-body-bold-line-height: 24px;
  --type-lead-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-lead-weight: 400;
  --type-lead-size: 18px;
  --type-lead-line-height: 24px;
  --type-overline-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-overline-weight: 600;
  --type-overline-size: 14px;
  --type-overline-line-height: 18px;
  --type-overline-text-transform: uppercase;
  --type-display-small-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-display-small-weight: 600;
  --type-display-small-size: 20px;
  --type-display-small-line-height: 28px;
  --type-subheading-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-subheading-weight: 600;
  --type-subheading-size: 18px;
  --type-subheading-line-height: 24px;
  --type-display-medium-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-display-medium-weight: 600;
  --type-display-medium-size: 28px;
  --type-display-medium-line-height: 36px;
  --type-heading-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-heading-weight: 600;
  --type-heading-size: 24px;
  --type-heading-line-height: 28px;
  --type-pageheading-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-pageheading-weight: 400;
  --type-pageheading-size: 32px;
  --type-pageheading-line-height: 36px;
  --type-display-large-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-display-large-weight: 600;
  --type-display-large-size: 40px;
  --type-display-large-line-height: 52px;
  --type-callout-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
  --type-callout-weight: 400;
  --type-callout-size: 18px;
  --type-callout-line-height: 24px;
  --type-code-family: 'Courier New', monospace;
  --type-code-weight: 700;
  --type-code-size: 18px;
  --type-code-line-height: 24px;
  }
}