:root, [data-theme-name="pricefinder"] {
  --space-none: 0px;
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-s: 12px;
  --space-m: 16px;
  --space-l: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --border-radius-outer: 16px;
  --border-radius-inner: 12px;
  --border-radius-mini: 4px;
  --type-mini-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-mini-weight: 400;
  --type-mini-size: 12px;
  --type-mini-line-height: 20px;
  --type-mini-bold-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-mini-bold-weight: 700;
  --type-mini-bold-size: 12px;
  --type-mini-bold-line-height: 20px;
  --type-caption-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-caption-weight: 400;
  --type-caption-size: 14px;
  --type-caption-line-height: 20px;
  --type-caption-bold-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-caption-bold-weight: 700;
  --type-caption-bold-size: 14px;
  --type-caption-bold-line-height: 20px;
  --type-body-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-body-weight: 400;
  --type-body-size: 16px;
  --type-body-line-height: 24px;
  --type-body-bold-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-body-bold-weight: 700;
  --type-body-bold-size: 16px;
  --type-body-bold-line-height: 24px;
  --type-lead-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-lead-weight: 400;
  --type-lead-size: 18px;
  --type-lead-line-height: 24px;
  --type-overline-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-overline-weight: 700;
  --type-overline-size: 14px;
  --type-overline-line-height: 20px;
  --type-overline-text-transform: uppercase;
  --type-display-small-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-display-small-weight: 700;
  --type-display-small-size: 18px;
  --type-display-small-line-height: 24px;
  --type-subheading-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-subheading-weight: 700;
  --type-subheading-size: 18px;
  --type-subheading-line-height: 24px;
  --type-display-medium-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-display-medium-weight: 700;
  --type-display-medium-size: 20px;
  --type-display-medium-line-height: 24px;
  --type-heading-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-heading-weight: 700;
  --type-heading-size: 23px;
  --type-heading-line-height: 28px;
  --type-pageheading-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-pageheading-weight: 700;
  --type-pageheading-size: 26px;
  --type-pageheading-line-height: 32px;
  --type-display-large-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-display-large-weight: 700;
  --type-display-large-size: 32px;
  --type-display-large-line-height: 36px;
  --type-callout-family: 'Georgia', 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: #121010;
  --color-neutral-heavy-hover: #30302f;
  --color-neutral-heavy-pressed: #000000;
  --color-neutral-heavy-selected: #000000;
  --color-neutral-heavy-disabled: #8f8f8e;
  --color-neutral-medium-default: #444544;
  --color-neutral-medium-hover: #30302f;
  --color-neutral-medium-pressed: #121010;
  --color-neutral-medium-selected: #000000;
  --color-neutral-medium-disabled: #8f8f8e;
  --color-neutral-base-default: #70706f;
  --color-neutral-base-hover: #5b5c5a;
  --color-neutral-base-pressed: #444544;
  --color-neutral-base-selected: #30302f;
  --color-neutral-base-disabled: #8f8f8e;
  --color-neutral-trim-default: #8f8f8e;
  --color-neutral-trim-hover: #70706f;
  --color-neutral-trim-pressed: #5b5c5a;
  --color-neutral-trim-selected: #444544;
  --color-neutral-trim-disabled: #a8a8a7;
  --color-neutral-subdued-default: #f0f0f0;
  --color-neutral-subdued-hover: #d3d3d3;
  --color-neutral-subdued-pressed: #a8a8a7;
  --color-neutral-subdued-selected: #f0f0f0;
  --color-neutral-subdued-disabled: #fefefe;
  --color-neutral-background-default: #f6f6f6;
  --color-neutral-background-hover: #f0f0f0;
  --color-neutral-background-pressed: #c4c4c4;
  --color-neutral-background-selected: #f6f6f6;
  --color-neutral-background-disabled: #fefefe;
  --color-neutral-surface-default: #fefefe;
  --color-neutral-surface-hover: #f6f6f6;
  --color-neutral-surface-pressed: #f0f0f0;
  --color-neutral-surface-selected: #fefefe;
  --color-neutral-surface-disabled: #fefefe;
  --color-interactive-heavy-default: #0B1212;
  --color-interactive-heavy-hover: #173533;
  --color-interactive-heavy-pressed: #000000;
  --color-interactive-heavy-selected: #000000;
  --color-interactive-heavy-disabled: #8f8f8e;
  --color-interactive-medium-default: #164C48;
  --color-interactive-medium-hover: #173533;
  --color-interactive-medium-pressed: #0B1212;
  --color-interactive-medium-selected: #000000;
  --color-interactive-medium-disabled: #8f8f8e;
  --color-interactive-base-default: #007d77;
  --color-interactive-base-hover: #076762;
  --color-interactive-base-pressed: #164C48;
  --color-interactive-base-selected: #173533;
  --color-interactive-base-disabled: #8f8f8e;
  --color-interactive-trim-default: #209F97;
  --color-interactive-trim-hover: #007d77;
  --color-interactive-trim-pressed: #076762;
  --color-interactive-trim-selected: #164C48;
  --color-interactive-trim-disabled: #a8a8a7;
  --color-interactive-subdued-default: #E4F2F0;
  --color-interactive-subdued-hover: #AFDCD7;
  --color-interactive-subdued-pressed: #59B7AF;
  --color-interactive-subdued-selected: #E4F2F0;
  --color-interactive-subdued-disabled: #fefefe;
  --color-interactive-background-default: #F2F8F7;
  --color-interactive-background-hover: #E4F2F0;
  --color-interactive-background-pressed: #91CFC9;
  --color-interactive-background-selected: #F2F8F7;
  --color-interactive-background-disabled: #fefefe;
  --color-interactive-surface-default: #FDFEFD;
  --color-interactive-surface-hover: #F2F8F7;
  --color-interactive-surface-pressed: #E4F2F0;
  --color-interactive-surface-selected: #FDFEFD;
  --color-interactive-surface-disabled: #fefefe;
  --color-primary-heavy-default: #0B1212;
  --color-primary-heavy-hover: #173533;
  --color-primary-heavy-pressed: #000000;
  --color-primary-heavy-selected: #000000;
  --color-primary-heavy-disabled: #8f8f8e;
  --color-primary-medium-default: #164C48;
  --color-primary-medium-hover: #173533;
  --color-primary-medium-pressed: #0B1212;
  --color-primary-medium-selected: #000000;
  --color-primary-medium-disabled: #8f8f8e;
  --color-primary-base-default: #007d77;
  --color-primary-base-hover: #076762;
  --color-primary-base-pressed: #164C48;
  --color-primary-base-selected: #173533;
  --color-primary-base-disabled: #8f8f8e;
  --color-primary-trim-default: #209F97;
  --color-primary-trim-hover: #007d77;
  --color-primary-trim-pressed: #076762;
  --color-primary-trim-selected: #164C48;
  --color-primary-trim-disabled: #a8a8a7;
  --color-primary-subdued-default: #E4F2F0;
  --color-primary-subdued-hover: #AFDCD7;
  --color-primary-subdued-pressed: #59B7AF;
  --color-primary-subdued-selected: #E4F2F0;
  --color-primary-subdued-disabled: #fefefe;
  --color-primary-background-default: #F2F8F7;
  --color-primary-background-hover: #E4F2F0;
  --color-primary-background-pressed: #91CFC9;
  --color-primary-background-selected: #F2F8F7;
  --color-primary-background-disabled: #fefefe;
  --color-primary-surface-default: #FDFEFD;
  --color-primary-surface-hover: #F2F8F7;
  --color-primary-surface-pressed: #E4F2F0;
  --color-primary-surface-selected: #FDFEFD;
  --color-primary-surface-disabled: #fefefe;
  --color-secondary-heavy-default: #051027;
  --color-secondary-heavy-hover: #152f5d;
  --color-secondary-heavy-pressed: #000000;
  --color-secondary-heavy-selected: #000000;
  --color-secondary-heavy-disabled: #8f8f8e;
  --color-secondary-medium-default: #22437e;
  --color-secondary-medium-hover: #152f5d;
  --color-secondary-medium-pressed: #051027;
  --color-secondary-medium-selected: #000000;
  --color-secondary-medium-disabled: #8f8f8e;
  --color-secondary-base-default: #3b6ec7;
  --color-secondary-base-hover: #315aa3;
  --color-secondary-base-pressed: #22437e;
  --color-secondary-base-selected: #152f5d;
  --color-secondary-base-disabled: #8f8f8e;
  --color-secondary-trim-default: #5d8ee3;
  --color-secondary-trim-hover: #3b6ec7;
  --color-secondary-trim-pressed: #315aa3;
  --color-secondary-trim-selected: #22437e;
  --color-secondary-trim-disabled: #a8a8a7;
  --color-secondary-subdued-default: #e6f0ff;
  --color-secondary-subdued-hover: #bbd5ff;
  --color-secondary-subdued-pressed: #7da9f5;
  --color-secondary-subdued-selected: #e6f0ff;
  --color-secondary-subdued-disabled: #fefefe;
  --color-secondary-background-default: #f3f7fe;
  --color-secondary-background-hover: #e6f0ff;
  --color-secondary-background-pressed: #a3c5fe;
  --color-secondary-background-selected: #f3f7fe;
  --color-secondary-background-disabled: #fefefe;
  --color-secondary-surface-default: #FEFEFF;
  --color-secondary-surface-hover: #f3f7fe;
  --color-secondary-surface-pressed: #e6f0ff;
  --color-secondary-surface-selected: #FEFEFF;
  --color-secondary-surface-disabled: #fefefe;
  --color-info-heavy-default: #051027;
  --color-info-heavy-hover: #152f5d;
  --color-info-heavy-pressed: #000000;
  --color-info-heavy-selected: #000000;
  --color-info-heavy-disabled: #8f8f8e;
  --color-info-medium-default: #22437e;
  --color-info-medium-hover: #152f5d;
  --color-info-medium-pressed: #051027;
  --color-info-medium-selected: #000000;
  --color-info-medium-disabled: #8f8f8e;
  --color-info-base-default: #3b6ec7;
  --color-info-base-hover: #315aa3;
  --color-info-base-pressed: #22437e;
  --color-info-base-selected: #152f5d;
  --color-info-base-disabled: #8f8f8e;
  --color-info-trim-default: #5d8ee3;
  --color-info-trim-hover: #3b6ec7;
  --color-info-trim-pressed: #315aa3;
  --color-info-trim-selected: #22437e;
  --color-info-trim-disabled: #a8a8a7;
  --color-info-subdued-default: #e6f0ff;
  --color-info-subdued-hover: #bbd5ff;
  --color-info-subdued-pressed: #7da9f5;
  --color-info-subdued-selected: #e6f0ff;
  --color-info-subdued-disabled: #fefefe;
  --color-info-background-default: #f3f7fe;
  --color-info-background-hover: #e6f0ff;
  --color-info-background-pressed: #a3c5fe;
  --color-info-background-selected: #f3f7fe;
  --color-info-background-disabled: #fefefe;
  --color-info-surface-default: #FEFEFF;
  --color-info-surface-hover: #f3f7fe;
  --color-info-surface-pressed: #e6f0ff;
  --color-info-surface-selected: #FEFEFF;
  --color-info-surface-disabled: #fefefe;
  --color-success-heavy-default: #0E110E;
  --color-success-heavy-hover: #283329;
  --color-success-heavy-pressed: #000000;
  --color-success-heavy-selected: #000000;
  --color-success-heavy-disabled: #8f8f8e;
  --color-success-medium-default: #374939;
  --color-success-medium-hover: #283329;
  --color-success-medium-pressed: #0E110E;
  --color-success-medium-selected: #000000;
  --color-success-medium-disabled: #8f8f8e;
  --color-success-base-default: #527958;
  --color-success-base-hover: #466249;
  --color-success-base-pressed: #374939;
  --color-success-base-selected: #283329;
  --color-success-base-disabled: #8f8f8e;
  --color-success-trim-default: #649B6E;
  --color-success-trim-hover: #527958;
  --color-success-trim-pressed: #466249;
  --color-success-trim-selected: #374939;
  --color-success-trim-disabled: #a8a8a7;
  --color-success-subdued-default: #E0F5DF;
  --color-success-subdued-hover: #A7E1AE;
  --color-success-subdued-pressed: #74B780;
  --color-success-subdued-selected: #E0F5DF;
  --color-success-subdued-disabled: #fefefe;
  --color-success-background-default: #F0FAEE;
  --color-success-background-hover: #E0F5DF;
  --color-success-background-pressed: #90D39A;
  --color-success-background-selected: #F0FAEE;
  --color-success-background-disabled: #fefefe;
  --color-success-surface-default: #FDFEFA;
  --color-success-surface-hover: #F0FAEE;
  --color-success-surface-pressed: #E0F5DF;
  --color-success-surface-selected: #FDFEFA;
  --color-success-surface-disabled: #fefefe;
  --color-warning-heavy-default: #1A0F00;
  --color-warning-heavy-hover: #432C02;
  --color-warning-heavy-pressed: #000000;
  --color-warning-heavy-selected: #000000;
  --color-warning-heavy-disabled: #8f8f8e;
  --color-warning-medium-default: #5D3F04;
  --color-warning-medium-hover: #432C02;
  --color-warning-medium-pressed: #1A0F00;
  --color-warning-medium-selected: #000000;
  --color-warning-medium-disabled: #8f8f8e;
  --color-warning-base-default: #a06200;
  --color-warning-base-hover: #7B5409;
  --color-warning-base-pressed: #5D3F04;
  --color-warning-base-selected: #432C02;
  --color-warning-base-disabled: #8f8f8e;
  --color-warning-trim-default: #BB851E;
  --color-warning-trim-hover: #a06200;
  --color-warning-trim-pressed: #7B5409;
  --color-warning-trim-selected: #5D3F04;
  --color-warning-trim-disabled: #a8a8a7;
  --color-warning-subdued-default: #FFF0BA;
  --color-warning-subdued-hover: #FFCB60;
  --color-warning-subdued-pressed: #DA9D2E;
  --color-warning-subdued-selected: #FFF0BA;
  --color-warning-subdued-disabled: #fefefe;
  --color-warning-background-default: #FFF7DB;
  --color-warning-background-hover: #FFF0BA;
  --color-warning-background-pressed: #FBB845;
  --color-warning-background-selected: #FFF7DB;
  --color-warning-background-disabled: #fefefe;
  --color-warning-surface-default: #FFFEFC;
  --color-warning-surface-hover: #FFF7DB;
  --color-warning-surface-pressed: #FFF0BA;
  --color-warning-surface-selected: #FFFEFC;
  --color-warning-surface-disabled: #fefefe;
  --color-critical-heavy-default: #1F0B0B;
  --color-critical-heavy-hover: #4E2424;
  --color-critical-heavy-pressed: #000000;
  --color-critical-heavy-selected: #000000;
  --color-critical-heavy-disabled: #8f8f8e;
  --color-critical-medium-default: #6B3534;
  --color-critical-medium-hover: #4E2424;
  --color-critical-medium-pressed: #1F0B0B;
  --color-critical-medium-selected: #000000;
  --color-critical-medium-disabled: #8f8f8e;
  --color-critical-base-default: #be4945;
  --color-critical-base-hover: #8C4747;
  --color-critical-base-pressed: #6B3534;
  --color-critical-base-selected: #4E2424;
  --color-critical-base-disabled: #8f8f8e;
  --color-critical-trim-default: #D37372;
  --color-critical-trim-hover: #be4945;
  --color-critical-trim-pressed: #8C4747;
  --color-critical-trim-selected: #6B3534;
  --color-critical-trim-disabled: #a8a8a7;
  --color-critical-subdued-default: #FFECEB;
  --color-critical-subdued-hover: #FFC6C3;
  --color-critical-subdued-pressed: #F38B89;
  --color-critical-subdued-selected: #FFECEB;
  --color-critical-subdued-disabled: #fefefe;
  --color-critical-background-default: #FFF4F4;
  --color-critical-background-hover: #FFECEB;
  --color-critical-background-pressed: #FFB0AD;
  --color-critical-background-selected: #FFF4F4;
  --color-critical-background-disabled: #fefefe;
  --color-critical-surface-default: #FFFDFC;
  --color-critical-surface-hover: #FFF4F4;
  --color-critical-surface-pressed: #FFECEB;
  --color-critical-surface-selected: #FFFDFC;
  --color-critical-surface-disabled: #fefefe;
  --color-accent-one-heavy-default: #0E110E;
  --color-accent-one-heavy-hover: #283329;
  --color-accent-one-heavy-pressed: #000000;
  --color-accent-one-heavy-selected: #000000;
  --color-accent-one-heavy-disabled: #8f8f8e;
  --color-accent-one-medium-default: #374939;
  --color-accent-one-medium-hover: #283329;
  --color-accent-one-medium-pressed: #0E110E;
  --color-accent-one-medium-selected: #000000;
  --color-accent-one-medium-disabled: #8f8f8e;
  --color-accent-one-base-default: #527958;
  --color-accent-one-base-hover: #466249;
  --color-accent-one-base-pressed: #374939;
  --color-accent-one-base-selected: #283329;
  --color-accent-one-base-disabled: #8f8f8e;
  --color-accent-one-trim-default: #649B6E;
  --color-accent-one-trim-hover: #527958;
  --color-accent-one-trim-pressed: #466249;
  --color-accent-one-trim-selected: #374939;
  --color-accent-one-trim-disabled: #a8a8a7;
  --color-accent-one-subdued-default: #E0F5DF;
  --color-accent-one-subdued-hover: #A7E1AE;
  --color-accent-one-subdued-pressed: #74B780;
  --color-accent-one-subdued-selected: #E0F5DF;
  --color-accent-one-subdued-disabled: #fefefe;
  --color-accent-one-background-default: #F0FAEE;
  --color-accent-one-background-hover: #E0F5DF;
  --color-accent-one-background-pressed: #90D39A;
  --color-accent-one-background-selected: #F0FAEE;
  --color-accent-one-background-disabled: #fefefe;
  --color-accent-one-surface-default: #FDFEFA;
  --color-accent-one-surface-hover: #F0FAEE;
  --color-accent-one-surface-pressed: #E0F5DF;
  --color-accent-one-surface-selected: #FDFEFA;
  --color-accent-one-surface-disabled: #fefefe;
  --color-accent-two-heavy-default: #180B20;
  --color-accent-two-heavy-hover: #3F2550;
  --color-accent-two-heavy-pressed: #000000;
  --color-accent-two-heavy-selected: #000000;
  --color-accent-two-heavy-disabled: #8f8f8e;
  --color-accent-two-medium-default: #57376F;
  --color-accent-two-medium-hover: #3F2550;
  --color-accent-two-medium-pressed: #180B20;
  --color-accent-two-medium-selected: #000000;
  --color-accent-two-medium-disabled: #8f8f8e;
  --color-accent-two-base-default: #8b5cad;
  --color-accent-two-base-hover: #744A91;
  --color-accent-two-base-pressed: #57376F;
  --color-accent-two-base-selected: #3F2550;
  --color-accent-two-base-disabled: #8f8f8e;
  --color-accent-two-trim-default: #AF78D7;
  --color-accent-two-trim-hover: #8b5cad;
  --color-accent-two-trim-pressed: #744A91;
  --color-accent-two-trim-selected: #57376F;
  --color-accent-two-trim-disabled: #a8a8a7;
  --color-accent-two-subdued-default: #F9EBFF;
  --color-accent-two-subdued-hover: #EEC5FF;
  --color-accent-two-subdued-pressed: #CA90F4;
  --color-accent-two-subdued-selected: #F9EBFF;
  --color-accent-two-subdued-disabled: #fefefe;
  --color-accent-two-background-default: #FBF3FF;
  --color-accent-two-background-hover: #F9EBFF;
  --color-accent-two-background-pressed: #E3B1FF;
  --color-accent-two-background-selected: #FBF3FF;
  --color-accent-two-background-disabled: #fefefe;
  --color-accent-two-surface-default: #FEFDFF;
  --color-accent-two-surface-hover: #FBF3FF;
  --color-accent-two-surface-pressed: #F9EBFF;
  --color-accent-two-surface-selected: #FEFDFF;
  --color-accent-two-surface-disabled: #fefefe;
  --color-accent-three-heavy-default: #170F0B;
  --color-accent-three-heavy-hover: #412B1F;
  --color-accent-three-heavy-pressed: #000000;
  --color-accent-three-heavy-selected: #000000;
  --color-accent-three-heavy-disabled: #8f8f8e;
  --color-accent-three-medium-default: #5D3D2B;
  --color-accent-three-medium-hover: #412B1F;
  --color-accent-three-medium-pressed: #170F0B;
  --color-accent-three-medium-selected: #000000;
  --color-accent-three-medium-disabled: #8f8f8e;
  --color-accent-three-base-default: #92664c;
  --color-accent-three-base-hover: #7A533C;
  --color-accent-three-base-pressed: #5D3D2B;
  --color-accent-three-base-selected: #412B1F;
  --color-accent-three-base-disabled: #8f8f8e;
  --color-accent-three-trim-default: #B58468;
  --color-accent-three-trim-hover: #92664c;
  --color-accent-three-trim-pressed: #7A533C;
  --color-accent-three-trim-selected: #5D3D2B;
  --color-accent-three-trim-disabled: #a8a8a7;
  --color-accent-three-subdued-default: #f2efef;
  --color-accent-three-subdued-hover: #f7caac;
  --color-accent-three-subdued-pressed: #D09D80;
  --color-accent-three-subdued-selected: #f2efef;
  --color-accent-three-subdued-disabled: #fefefe;
  --color-accent-three-background-default: #f9f6f5;
  --color-accent-three-background-hover: #f2efef;
  --color-accent-three-background-pressed: #ebba9c;
  --color-accent-three-background-selected: #f9f6f5;
  --color-accent-three-background-disabled: #fefefe;
  --color-accent-three-surface-default: #fffdf9;
  --color-accent-three-surface-hover: #f9f6f5;
  --color-accent-three-surface-pressed: #f2efef;
  --color-accent-three-surface-selected: #fffdf9;
  --color-accent-three-surface-disabled: #fefefe;
  --color-accent-four-heavy-default: #051027;
  --color-accent-four-heavy-hover: #152f5d;
  --color-accent-four-heavy-pressed: #000000;
  --color-accent-four-heavy-selected: #000000;
  --color-accent-four-heavy-disabled: #8f8f8e;
  --color-accent-four-medium-default: #22437e;
  --color-accent-four-medium-hover: #152f5d;
  --color-accent-four-medium-pressed: #051027;
  --color-accent-four-medium-selected: #000000;
  --color-accent-four-medium-disabled: #8f8f8e;
  --color-accent-four-base-default: #3b6ec7;
  --color-accent-four-base-hover: #315aa3;
  --color-accent-four-base-pressed: #22437e;
  --color-accent-four-base-selected: #152f5d;
  --color-accent-four-base-disabled: #8f8f8e;
  --color-accent-four-trim-default: #5d8ee3;
  --color-accent-four-trim-hover: #3b6ec7;
  --color-accent-four-trim-pressed: #315aa3;
  --color-accent-four-trim-selected: #22437e;
  --color-accent-four-trim-disabled: #a8a8a7;
  --color-accent-four-subdued-default: #e6f0ff;
  --color-accent-four-subdued-hover: #bbd5ff;
  --color-accent-four-subdued-pressed: #7da9f5;
  --color-accent-four-subdued-selected: #e6f0ff;
  --color-accent-four-subdued-disabled: #fefefe;
  --color-accent-four-background-default: #f3f7fe;
  --color-accent-four-background-hover: #e6f0ff;
  --color-accent-four-background-pressed: #a3c5fe;
  --color-accent-four-background-selected: #f3f7fe;
  --color-accent-four-background-disabled: #fefefe;
  --color-accent-four-surface-default: #FEFEFF;
  --color-accent-four-surface-hover: #f3f7fe;
  --color-accent-four-surface-pressed: #e6f0ff;
  --color-accent-four-surface-selected: #FEFEFF;
  --color-accent-four-surface-disabled: #fefefe;
  --color-accent-five-heavy-default: #1F0B0B;
  --color-accent-five-heavy-hover: #4E2424;
  --color-accent-five-heavy-pressed: #000000;
  --color-accent-five-heavy-selected: #000000;
  --color-accent-five-heavy-disabled: #8f8f8e;
  --color-accent-five-medium-default: #6B3534;
  --color-accent-five-medium-hover: #4E2424;
  --color-accent-five-medium-pressed: #1F0B0B;
  --color-accent-five-medium-selected: #000000;
  --color-accent-five-medium-disabled: #8f8f8e;
  --color-accent-five-base-default: #be4945;
  --color-accent-five-base-hover: #8C4747;
  --color-accent-five-base-pressed: #6B3534;
  --color-accent-five-base-selected: #4E2424;
  --color-accent-five-base-disabled: #8f8f8e;
  --color-accent-five-trim-default: #D37372;
  --color-accent-five-trim-hover: #be4945;
  --color-accent-five-trim-pressed: #8C4747;
  --color-accent-five-trim-selected: #6B3534;
  --color-accent-five-trim-disabled: #a8a8a7;
  --color-accent-five-subdued-default: #FFECEB;
  --color-accent-five-subdued-hover: #FFC6C3;
  --color-accent-five-subdued-pressed: #F38B89;
  --color-accent-five-subdued-selected: #FFECEB;
  --color-accent-five-subdued-disabled: #fefefe;
  --color-accent-five-background-default: #FFF4F4;
  --color-accent-five-background-hover: #FFECEB;
  --color-accent-five-background-pressed: #FFB0AD;
  --color-accent-five-background-selected: #FFF4F4;
  --color-accent-five-background-disabled: #fefefe;
  --color-accent-five-surface-default: #FFFDFC;
  --color-accent-five-surface-hover: #FFF4F4;
  --color-accent-five-surface-pressed: #FFECEB;
  --color-accent-five-surface-selected: #FFFDFC;
  --color-accent-five-surface-disabled: #fefefe;
  --shadow-elevation-1-key-color: rgba(10, 8, 8, 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(10, 8, 8, 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(10, 8, 8, 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(10, 8, 8, 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(10, 8, 8, 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(10, 8, 8, 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(10, 8, 8, 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(10, 8, 8, 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="pricefinder"][data-theme="dark"] {
  --color-neutral-heavy-default: #f0f0f0;
  --color-neutral-heavy-hover: #f6f6f6;
  --color-neutral-heavy-pressed: #fefefe;
  --color-neutral-heavy-selected: #fefefe;
  --color-neutral-heavy-disabled: #5b5c5a;
  --color-neutral-medium-default: #a8a8a7;
  --color-neutral-medium-hover: #c4c4c4;
  --color-neutral-medium-pressed: #f0f0f0;
  --color-neutral-medium-selected: #fefefe;
  --color-neutral-medium-disabled: #5b5c5a;
  --color-neutral-base-default: #828281;
  --color-neutral-base-hover: #9b9c9a;
  --color-neutral-base-pressed: #b7b7b7;
  --color-neutral-base-selected: #d3d3d3;
  --color-neutral-base-disabled: #5b5c5a;
  --color-neutral-trim-default: #5b5c5a;
  --color-neutral-trim-hover: #70706f;
  --color-neutral-trim-pressed: #8f8f8e;
  --color-neutral-trim-selected: #a8a8a7;
  --color-neutral-trim-disabled: #444544;
  --color-neutral-subdued-default: #121010;
  --color-neutral-subdued-hover: #272626;
  --color-neutral-subdued-pressed: #444544;
  --color-neutral-subdued-selected: #121010;
  --color-neutral-subdued-disabled: #000000;
  --color-neutral-background-default: #0a0808;
  --color-neutral-background-hover: #121010;
  --color-neutral-background-pressed: #30302f;
  --color-neutral-background-selected: #0a0808;
  --color-neutral-background-disabled: #000000;
  --color-neutral-surface-default: #272626;
  --color-neutral-surface-hover: #30302f;
  --color-neutral-surface-pressed: #121010;
  --color-neutral-surface-selected: #000000;
  --color-neutral-surface-disabled: #000000;
  --color-interactive-heavy-default: #E4F2F0;
  --color-interactive-heavy-hover: #F2F8F7;
  --color-interactive-heavy-pressed: #FDFEFD;
  --color-interactive-heavy-selected: #FDFEFD;
  --color-interactive-heavy-disabled: #5b5c5a;
  --color-interactive-medium-default: #59B7AF;
  --color-interactive-medium-hover: #91CFC9;
  --color-interactive-medium-pressed: #E4F2F0;
  --color-interactive-medium-selected: #FDFEFD;
  --color-interactive-medium-disabled: #5b5c5a;
  --color-interactive-base-default: #00918A;
  --color-interactive-base-hover: #3EABA3;
  --color-interactive-base-pressed: #79C5BE;
  --color-interactive-base-selected: #AFDCD7;
  --color-interactive-base-disabled: #5b5c5a;
  --color-interactive-trim-default: #076762;
  --color-interactive-trim-hover: #007d77;
  --color-interactive-trim-pressed: #209F97;
  --color-interactive-trim-selected: #59B7AF;
  --color-interactive-trim-disabled: #444544;
  --color-interactive-subdued-default: #0B1212;
  --color-interactive-subdued-hover: #142A28;
  --color-interactive-subdued-pressed: #164C48;
  --color-interactive-subdued-selected: #0B1212;
  --color-interactive-subdued-disabled: #000000;
  --color-interactive-background-default: #060909;
  --color-interactive-background-hover: #0B1212;
  --color-interactive-background-pressed: #173533;
  --color-interactive-background-selected: #060909;
  --color-interactive-background-disabled: #000000;
  --color-interactive-surface-default: #142A28;
  --color-interactive-surface-hover: #173533;
  --color-interactive-surface-pressed: #0B1212;
  --color-interactive-surface-selected: #000000;
  --color-interactive-surface-disabled: #000000;
  --color-primary-heavy-default: #E4F2F0;
  --color-primary-heavy-hover: #F2F8F7;
  --color-primary-heavy-pressed: #FDFEFD;
  --color-primary-heavy-selected: #FDFEFD;
  --color-primary-heavy-disabled: #5b5c5a;
  --color-primary-medium-default: #59B7AF;
  --color-primary-medium-hover: #91CFC9;
  --color-primary-medium-pressed: #E4F2F0;
  --color-primary-medium-selected: #FDFEFD;
  --color-primary-medium-disabled: #5b5c5a;
  --color-primary-base-default: #00918A;
  --color-primary-base-hover: #3EABA3;
  --color-primary-base-pressed: #79C5BE;
  --color-primary-base-selected: #AFDCD7;
  --color-primary-base-disabled: #5b5c5a;
  --color-primary-trim-default: #076762;
  --color-primary-trim-hover: #007d77;
  --color-primary-trim-pressed: #209F97;
  --color-primary-trim-selected: #59B7AF;
  --color-primary-trim-disabled: #444544;
  --color-primary-subdued-default: #0B1212;
  --color-primary-subdued-hover: #142A28;
  --color-primary-subdued-pressed: #164C48;
  --color-primary-subdued-selected: #0B1212;
  --color-primary-subdued-disabled: #000000;
  --color-primary-background-default: #060909;
  --color-primary-background-hover: #0B1212;
  --color-primary-background-pressed: #173533;
  --color-primary-background-selected: #060909;
  --color-primary-background-disabled: #000000;
  --color-primary-surface-default: #142A28;
  --color-primary-surface-hover: #173533;
  --color-primary-surface-pressed: #0B1212;
  --color-primary-surface-selected: #000000;
  --color-primary-surface-disabled: #000000;
  --color-secondary-heavy-default: #e6f0ff;
  --color-secondary-heavy-hover: #f3f7fe;
  --color-secondary-heavy-pressed: #FEFEFF;
  --color-secondary-heavy-selected: #FEFEFF;
  --color-secondary-heavy-disabled: #5b5c5a;
  --color-secondary-medium-default: #7da9f5;
  --color-secondary-medium-hover: #a3c5fe;
  --color-secondary-medium-pressed: #e6f0ff;
  --color-secondary-medium-selected: #FEFEFF;
  --color-secondary-medium-disabled: #5b5c5a;
  --color-secondary-base-default: #5081d7;
  --color-secondary-base-hover: #6c9ced;
  --color-secondary-base-pressed: #92b9fb;
  --color-secondary-base-selected: #bbd5ff;
  --color-secondary-base-disabled: #5b5c5a;
  --color-secondary-trim-default: #315aa3;
  --color-secondary-trim-hover: #3b6ec7;
  --color-secondary-trim-pressed: #5d8ee3;
  --color-secondary-trim-selected: #7da9f5;
  --color-secondary-trim-disabled: #444544;
  --color-secondary-subdued-default: #051027;
  --color-secondary-subdued-hover: #0f254c;
  --color-secondary-subdued-pressed: #22437e;
  --color-secondary-subdued-selected: #051027;
  --color-secondary-subdued-disabled: #000000;
  --color-secondary-background-default: #040912;
  --color-secondary-background-hover: #051027;
  --color-secondary-background-pressed: #152f5d;
  --color-secondary-background-selected: #040912;
  --color-secondary-background-disabled: #000000;
  --color-secondary-surface-default: #0f254c;
  --color-secondary-surface-hover: #152f5d;
  --color-secondary-surface-pressed: #051027;
  --color-secondary-surface-selected: #000000;
  --color-secondary-surface-disabled: #000000;
  --color-info-heavy-default: #e6f0ff;
  --color-info-heavy-hover: #f3f7fe;
  --color-info-heavy-pressed: #FEFEFF;
  --color-info-heavy-selected: #FEFEFF;
  --color-info-heavy-disabled: #5b5c5a;
  --color-info-medium-default: #7da9f5;
  --color-info-medium-hover: #a3c5fe;
  --color-info-medium-pressed: #e6f0ff;
  --color-info-medium-selected: #FEFEFF;
  --color-info-medium-disabled: #5b5c5a;
  --color-info-base-default: #5081d7;
  --color-info-base-hover: #6c9ced;
  --color-info-base-pressed: #92b9fb;
  --color-info-base-selected: #bbd5ff;
  --color-info-base-disabled: #5b5c5a;
  --color-info-trim-default: #315aa3;
  --color-info-trim-hover: #3b6ec7;
  --color-info-trim-pressed: #5d8ee3;
  --color-info-trim-selected: #7da9f5;
  --color-info-trim-disabled: #444544;
  --color-info-subdued-default: #051027;
  --color-info-subdued-hover: #0f254c;
  --color-info-subdued-pressed: #22437e;
  --color-info-subdued-selected: #051027;
  --color-info-subdued-disabled: #000000;
  --color-info-background-default: #040912;
  --color-info-background-hover: #051027;
  --color-info-background-pressed: #152f5d;
  --color-info-background-selected: #040912;
  --color-info-background-disabled: #000000;
  --color-info-surface-default: #0f254c;
  --color-info-surface-hover: #152f5d;
  --color-info-surface-pressed: #051027;
  --color-info-surface-selected: #000000;
  --color-info-surface-disabled: #000000;
  --color-success-heavy-default: #E0F5DF;
  --color-success-heavy-hover: #F0FAEE;
  --color-success-heavy-pressed: #FDFEFA;
  --color-success-heavy-selected: #FDFEFA;
  --color-success-heavy-disabled: #5b5c5a;
  --color-success-medium-default: #74B780;
  --color-success-medium-hover: #90D39A;
  --color-success-medium-pressed: #E0F5DF;
  --color-success-medium-selected: #FDFEFA;
  --color-success-medium-disabled: #5b5c5a;
  --color-success-base-default: #5D8D64;
  --color-success-base-hover: #6CA976;
  --color-success-base-pressed: #81C78D;
  --color-success-base-selected: #A7E1AE;
  --color-success-base-disabled: #5b5c5a;
  --color-success-trim-default: #466249;
  --color-success-trim-hover: #527958;
  --color-success-trim-pressed: #649B6E;
  --color-success-trim-selected: #74B780;
  --color-success-trim-disabled: #444544;
  --color-success-subdued-default: #0E110E;
  --color-success-subdued-hover: #202821;
  --color-success-subdued-pressed: #374939;
  --color-success-subdued-selected: #0E110E;
  --color-success-subdued-disabled: #000000;
  --color-success-background-default: #080908;
  --color-success-background-hover: #0E110E;
  --color-success-background-pressed: #283329;
  --color-success-background-selected: #080908;
  --color-success-background-disabled: #000000;
  --color-success-surface-default: #202821;
  --color-success-surface-hover: #283329;
  --color-success-surface-pressed: #0E110E;
  --color-success-surface-selected: #000000;
  --color-success-surface-disabled: #000000;
  --color-warning-heavy-default: #FFF0BA;
  --color-warning-heavy-hover: #FFF7DB;
  --color-warning-heavy-pressed: #FFFEFC;
  --color-warning-heavy-selected: #FFFEFC;
  --color-warning-heavy-disabled: #5b5c5a;
  --color-warning-medium-default: #DA9D2E;
  --color-warning-medium-hover: #FBB845;
  --color-warning-medium-pressed: #FFF0BA;
  --color-warning-medium-selected: #FFFEFC;
  --color-warning-medium-disabled: #5b5c5a;
  --color-warning-base-default: #AB7818;
  --color-warning-base-hover: #CB9126;
  --color-warning-base-pressed: #EDAC3A;
  --color-warning-base-selected: #FFCB60;
  --color-warning-base-disabled: #5b5c5a;
  --color-warning-trim-default: #7B5409;
  --color-warning-trim-hover: #a06200;
  --color-warning-trim-pressed: #BB851E;
  --color-warning-trim-selected: #DA9D2E;
  --color-warning-trim-disabled: #444544;
  --color-warning-subdued-default: #1A0F00;
  --color-warning-subdued-hover: #352201;
  --color-warning-subdued-pressed: #5D3F04;
  --color-warning-subdued-selected: #1A0F00;
  --color-warning-subdued-disabled: #000000;
  --color-warning-background-default: #0F0700;
  --color-warning-background-hover: #1A0F00;
  --color-warning-background-pressed: #432C02;
  --color-warning-background-selected: #0F0700;
  --color-warning-background-disabled: #000000;
  --color-warning-surface-default: #352201;
  --color-warning-surface-hover: #432C02;
  --color-warning-surface-pressed: #1A0F00;
  --color-warning-surface-selected: #000000;
  --color-warning-surface-disabled: #000000;
  --color-critical-heavy-default: #FFECEB;
  --color-critical-heavy-hover: #FFF4F4;
  --color-critical-heavy-pressed: #FFFDFC;
  --color-critical-heavy-selected: #FFFDFC;
  --color-critical-heavy-disabled: #5b5c5a;
  --color-critical-medium-default: #F38B89;
  --color-critical-medium-hover: #FFB0AD;
  --color-critical-medium-pressed: #FFECEB;
  --color-critical-medium-selected: #FFFDFC;
  --color-critical-medium-disabled: #5b5c5a;
  --color-critical-base-default: #C26867;
  --color-critical-base-hover: #E37F7D;
  --color-critical-base-pressed: #FF9D9A;
  --color-critical-base-selected: #FFC6C3;
  --color-critical-base-disabled: #5b5c5a;
  --color-critical-trim-default: #8C4747;
  --color-critical-trim-hover: #be4945;
  --color-critical-trim-pressed: #D37372;
  --color-critical-trim-selected: #F38B89;
  --color-critical-trim-disabled: #444544;
  --color-critical-subdued-default: #1F0B0B;
  --color-critical-subdued-hover: #3E1C1B;
  --color-critical-subdued-pressed: #6B3534;
  --color-critical-subdued-selected: #1F0B0B;
  --color-critical-subdued-disabled: #000000;
  --color-critical-background-default: #140505;
  --color-critical-background-hover: #1F0B0B;
  --color-critical-background-pressed: #4E2424;
  --color-critical-background-selected: #140505;
  --color-critical-background-disabled: #000000;
  --color-critical-surface-default: #3E1C1B;
  --color-critical-surface-hover: #4E2424;
  --color-critical-surface-pressed: #1F0B0B;
  --color-critical-surface-selected: #000000;
  --color-critical-surface-disabled: #000000;
  --color-accent-one-heavy-default: #E0F5DF;
  --color-accent-one-heavy-hover: #F0FAEE;
  --color-accent-one-heavy-pressed: #FDFEFA;
  --color-accent-one-heavy-selected: #FDFEFA;
  --color-accent-one-heavy-disabled: #5b5c5a;
  --color-accent-one-medium-default: #74B780;
  --color-accent-one-medium-hover: #90D39A;
  --color-accent-one-medium-pressed: #E0F5DF;
  --color-accent-one-medium-selected: #FDFEFA;
  --color-accent-one-medium-disabled: #5b5c5a;
  --color-accent-one-base-default: #5D8D64;
  --color-accent-one-base-hover: #6CA976;
  --color-accent-one-base-pressed: #81C78D;
  --color-accent-one-base-selected: #A7E1AE;
  --color-accent-one-base-disabled: #5b5c5a;
  --color-accent-one-trim-default: #466249;
  --color-accent-one-trim-hover: #527958;
  --color-accent-one-trim-pressed: #649B6E;
  --color-accent-one-trim-selected: #74B780;
  --color-accent-one-trim-disabled: #444544;
  --color-accent-one-subdued-default: #0E110E;
  --color-accent-one-subdued-hover: #202821;
  --color-accent-one-subdued-pressed: #374939;
  --color-accent-one-subdued-selected: #0E110E;
  --color-accent-one-subdued-disabled: #000000;
  --color-accent-one-background-default: #080908;
  --color-accent-one-background-hover: #0E110E;
  --color-accent-one-background-pressed: #283329;
  --color-accent-one-background-selected: #080908;
  --color-accent-one-background-disabled: #000000;
  --color-accent-one-surface-default: #202821;
  --color-accent-one-surface-hover: #283329;
  --color-accent-one-surface-pressed: #0E110E;
  --color-accent-one-surface-selected: #000000;
  --color-accent-one-surface-disabled: #000000;
  --color-accent-two-heavy-default: #F9EBFF;
  --color-accent-two-heavy-hover: #FBF3FF;
  --color-accent-two-heavy-pressed: #FEFDFF;
  --color-accent-two-heavy-selected: #FEFDFF;
  --color-accent-two-heavy-disabled: #5b5c5a;
  --color-accent-two-medium-default: #CA90F4;
  --color-accent-two-medium-hover: #E3B1FF;
  --color-accent-two-medium-pressed: #F9EBFF;
  --color-accent-two-medium-selected: #FEFDFF;
  --color-accent-two-medium-disabled: #5b5c5a;
  --color-accent-two-base-default: #A06CC6;
  --color-accent-two-base-hover: #BD84E7;
  --color-accent-two-base-pressed: #D9A2FF;
  --color-accent-two-base-selected: #EEC5FF;
  --color-accent-two-base-disabled: #5b5c5a;
  --color-accent-two-trim-default: #744A91;
  --color-accent-two-trim-hover: #8b5cad;
  --color-accent-two-trim-pressed: #AF78D7;
  --color-accent-two-trim-selected: #CA90F4;
  --color-accent-two-trim-disabled: #444544;
  --color-accent-two-subdued-default: #180B20;
  --color-accent-two-subdued-hover: #331D41;
  --color-accent-two-subdued-pressed: #57376F;
  --color-accent-two-subdued-selected: #180B20;
  --color-accent-two-subdued-disabled: #000000;
  --color-accent-two-background-default: #0E0514;
  --color-accent-two-background-hover: #180B20;
  --color-accent-two-background-pressed: #3F2550;
  --color-accent-two-background-selected: #0E0514;
  --color-accent-two-background-disabled: #000000;
  --color-accent-two-surface-default: #331D41;
  --color-accent-two-surface-hover: #3F2550;
  --color-accent-two-surface-pressed: #180B20;
  --color-accent-two-surface-selected: #000000;
  --color-accent-two-surface-disabled: #000000;
  --color-accent-three-heavy-default: #f2efef;
  --color-accent-three-heavy-hover: #f9f6f5;
  --color-accent-three-heavy-pressed: #fffdf9;
  --color-accent-three-heavy-selected: #fffdf9;
  --color-accent-three-heavy-disabled: #5b5c5a;
  --color-accent-three-medium-default: #D09D80;
  --color-accent-three-medium-hover: #ebba9c;
  --color-accent-three-medium-pressed: #f2efef;
  --color-accent-three-medium-selected: #fffdf9;
  --color-accent-three-medium-disabled: #5b5c5a;
  --color-accent-three-base-default: #A6785C;
  --color-accent-three-base-hover: #C29174;
  --color-accent-three-base-pressed: #dfad8e;
  --color-accent-three-base-selected: #f7caac;
  --color-accent-three-base-disabled: #5b5c5a;
  --color-accent-three-trim-default: #7A533C;
  --color-accent-three-trim-hover: #92664c;
  --color-accent-three-trim-pressed: #B58468;
  --color-accent-three-trim-selected: #D09D80;
  --color-accent-three-trim-disabled: #444544;
  --color-accent-three-subdued-default: #170F0B;
  --color-accent-three-subdued-hover: #342218;
  --color-accent-three-subdued-pressed: #5D3D2B;
  --color-accent-three-subdued-selected: #170F0B;
  --color-accent-three-subdued-disabled: #000000;
  --color-accent-three-background-default: #0D0806;
  --color-accent-three-background-hover: #170F0B;
  --color-accent-three-background-pressed: #412B1F;
  --color-accent-three-background-selected: #0D0806;
  --color-accent-three-background-disabled: #000000;
  --color-accent-three-surface-default: #342218;
  --color-accent-three-surface-hover: #412B1F;
  --color-accent-three-surface-pressed: #170F0B;
  --color-accent-three-surface-selected: #000000;
  --color-accent-three-surface-disabled: #000000;
  --color-accent-four-heavy-default: #e6f0ff;
  --color-accent-four-heavy-hover: #f3f7fe;
  --color-accent-four-heavy-pressed: #FEFEFF;
  --color-accent-four-heavy-selected: #FEFEFF;
  --color-accent-four-heavy-disabled: #5b5c5a;
  --color-accent-four-medium-default: #7da9f5;
  --color-accent-four-medium-hover: #a3c5fe;
  --color-accent-four-medium-pressed: #e6f0ff;
  --color-accent-four-medium-selected: #FEFEFF;
  --color-accent-four-medium-disabled: #5b5c5a;
  --color-accent-four-base-default: #5081d7;
  --color-accent-four-base-hover: #6c9ced;
  --color-accent-four-base-pressed: #92b9fb;
  --color-accent-four-base-selected: #bbd5ff;
  --color-accent-four-base-disabled: #5b5c5a;
  --color-accent-four-trim-default: #315aa3;
  --color-accent-four-trim-hover: #3b6ec7;
  --color-accent-four-trim-pressed: #5d8ee3;
  --color-accent-four-trim-selected: #7da9f5;
  --color-accent-four-trim-disabled: #444544;
  --color-accent-four-subdued-default: #051027;
  --color-accent-four-subdued-hover: #0f254c;
  --color-accent-four-subdued-pressed: #22437e;
  --color-accent-four-subdued-selected: #051027;
  --color-accent-four-subdued-disabled: #000000;
  --color-accent-four-background-default: #040912;
  --color-accent-four-background-hover: #051027;
  --color-accent-four-background-pressed: #152f5d;
  --color-accent-four-background-selected: #040912;
  --color-accent-four-background-disabled: #000000;
  --color-accent-four-surface-default: #0f254c;
  --color-accent-four-surface-hover: #152f5d;
  --color-accent-four-surface-pressed: #051027;
  --color-accent-four-surface-selected: #000000;
  --color-accent-four-surface-disabled: #000000;
  --color-accent-five-heavy-default: #FFECEB;
  --color-accent-five-heavy-hover: #FFF4F4;
  --color-accent-five-heavy-pressed: #FFFDFC;
  --color-accent-five-heavy-selected: #FFFDFC;
  --color-accent-five-heavy-disabled: #5b5c5a;
  --color-accent-five-medium-default: #F38B89;
  --color-accent-five-medium-hover: #FFB0AD;
  --color-accent-five-medium-pressed: #FFECEB;
  --color-accent-five-medium-selected: #FFFDFC;
  --color-accent-five-medium-disabled: #5b5c5a;
  --color-accent-five-base-default: #C26867;
  --color-accent-five-base-hover: #E37F7D;
  --color-accent-five-base-pressed: #FF9D9A;
  --color-accent-five-base-selected: #FFC6C3;
  --color-accent-five-base-disabled: #5b5c5a;
  --color-accent-five-trim-default: #8C4747;
  --color-accent-five-trim-hover: #be4945;
  --color-accent-five-trim-pressed: #D37372;
  --color-accent-five-trim-selected: #F38B89;
  --color-accent-five-trim-disabled: #444544;
  --color-accent-five-subdued-default: #1F0B0B;
  --color-accent-five-subdued-hover: #3E1C1B;
  --color-accent-five-subdued-pressed: #6B3534;
  --color-accent-five-subdued-selected: #1F0B0B;
  --color-accent-five-subdued-disabled: #000000;
  --color-accent-five-background-default: #140505;
  --color-accent-five-background-hover: #1F0B0B;
  --color-accent-five-background-pressed: #4E2424;
  --color-accent-five-background-selected: #140505;
  --color-accent-five-background-disabled: #000000;
  --color-accent-five-surface-default: #3E1C1B;
  --color-accent-five-surface-hover: #4E2424;
  --color-accent-five-surface-pressed: #1F0B0B;
  --color-accent-five-surface-selected: #000000;
  --color-accent-five-surface-disabled: #000000;
  --shadow-elevation-1-key-color: rgba(10, 8, 8, 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(10, 8, 8, 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(10, 8, 8, 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(10, 8, 8, 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(10, 8, 8, 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(10, 8, 8, 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(10, 8, 8, 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(10, 8, 8, 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="pricefinder"] {
  --space-none: 0px;
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-s: 16px;
  --space-m: 24px;
  --space-l: 32px;
  --space-xl: 48px;
  --space-xxl: 72px;
  --type-mini-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-mini-weight: 400;
  --type-mini-size: 12px;
  --type-mini-line-height: 20px;
  --type-mini-bold-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-mini-bold-weight: 700;
  --type-mini-bold-size: 12px;
  --type-mini-bold-line-height: 20px;
  --type-caption-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-caption-weight: 400;
  --type-caption-size: 14px;
  --type-caption-line-height: 20px;
  --type-caption-bold-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-caption-bold-weight: 700;
  --type-caption-bold-size: 14px;
  --type-caption-bold-line-height: 20px;
  --type-body-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-body-weight: 400;
  --type-body-size: 16px;
  --type-body-line-height: 24px;
  --type-body-bold-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-body-bold-weight: 700;
  --type-body-bold-size: 16px;
  --type-body-bold-line-height: 24px;
  --type-lead-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-lead-weight: 400;
  --type-lead-size: 18px;
  --type-lead-line-height: 32px;
  --type-overline-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-overline-weight: 700;
  --type-overline-size: 14px;
  --type-overline-line-height: 20px;
  --type-overline-text-transform: uppercase;
  --type-display-small-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-display-small-weight: 700;
  --type-display-small-size: 18px;
  --type-display-small-line-height: 32px;
  --type-subheading-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-subheading-weight: 700;
  --type-subheading-size: 19px;
  --type-subheading-line-height: 24px;
  --type-display-medium-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-display-medium-weight: 700;
  --type-display-medium-size: 23px;
  --type-display-medium-line-height: 32px;
  --type-heading-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-heading-weight: 700;
  --type-heading-size: 25px;
  --type-heading-line-height: 28px;
  --type-pageheading-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-pageheading-weight: 700;
  --type-pageheading-size: 33px;
  --type-pageheading-line-height: 44px;
  --type-display-large-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-display-large-weight: 700;
  --type-display-large-size: 40px;
  --type-display-large-line-height: 48px;
  --type-callout-family: 'Georgia', 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="pricefinder"] {
  --space-none: 0px;
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-s: 24px;
  --space-m: 32px;
  --space-l: 40px;
  --space-xl: 64px;
  --space-xxl: 96px;
  --type-mini-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-mini-weight: 400;
  --type-mini-size: 12px;
  --type-mini-line-height: 16px;
  --type-mini-bold-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-mini-bold-weight: 700;
  --type-mini-bold-size: 12px;
  --type-mini-bold-line-height: 16px;
  --type-caption-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-caption-weight: 400;
  --type-caption-size: 14px;
  --type-caption-line-height: 16px;
  --type-caption-bold-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-caption-bold-weight: 700;
  --type-caption-bold-size: 14px;
  --type-caption-bold-line-height: 16px;
  --type-body-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-body-weight: 400;
  --type-body-size: 16px;
  --type-body-line-height: 24px;
  --type-body-bold-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-body-bold-weight: 700;
  --type-body-bold-size: 16px;
  --type-body-bold-line-height: 24px;
  --type-lead-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-lead-weight: 400;
  --type-lead-size: 18px;
  --type-lead-line-height: 28px;
  --type-overline-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-overline-weight: 700;
  --type-overline-size: 14px;
  --type-overline-line-height: 16px;
  --type-overline-text-transform: uppercase;
  --type-display-small-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-display-small-weight: 700;
  --type-display-small-size: 18px;
  --type-display-small-line-height: 28px;
  --type-subheading-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-subheading-weight: 700;
  --type-subheading-size: 20px;
  --type-subheading-line-height: 24px;
  --type-display-medium-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-display-medium-weight: 700;
  --type-display-medium-size: 24px;
  --type-display-medium-line-height: 30px;
  --type-heading-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-heading-weight: 700;
  --type-heading-size: 28px;
  --type-heading-line-height: 32px;
  --type-pageheading-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-pageheading-weight: 700;
  --type-pageheading-size: 39px;
  --type-pageheading-line-height: 48px;
  --type-display-large-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Ubuntu, sans-serif;
  --type-display-large-weight: 700;
  --type-display-large-size: 48px;
  --type-display-large-line-height: 54px;
  --type-callout-family: 'Georgia', 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;
  }
}