/**
 * Do not edit directly
 * Generated on Thu, 22 Oct 2026 08:01:49 GMT
 */

:host, :root {
  --effect-shadow-xs: 0 1px 2px 0 #0000001a;
  --effect-shadow-s: 0 2px 4px 0 #0000001a;
  --effect-shadow-m: 0 4px 8px 0 #0000001a;
  --effect-shadow-l: 0 8px 16px 0 #0000001a;
  --effect-shadow-xl: 0 2px 16px 0 #00000026;
  --color-background-primary-default: #5806d3ff;
  --color-background-primary-hover: #3d0098ff;
  --color-background-primary-pressed: #340082ff;
  --color-background-primary-fade: #f1eeffff;
  --color-background-primary-fade-hover: #ded7ffff;
  --color-background-positive-default: #0e7723ff;
  --color-background-positive-hover: #026617ff;
  --color-background-positive-pressed: #015011ff;
  --color-background-positive-fade: #ebfbeeff;
  --color-background-info-default: var(--color-background-primary-default, #5806d3ff);
  --color-background-info-hover: var(--color-background-primary-hover, #3d0098ff);
  --color-background-info-pressed: var(--color-background-primary-pressed, #340082ff);
  --color-background-info-fade: var(--color-background-primary-fade, #f1eeffff);
  --color-background-warning-default: #c14e01ff;
  --color-background-warning-hover: #993a07ff;
  --color-background-warning-pressed: #7e3009ff;
  --color-background-warning-fade: #fffbf0ff;
  --color-background-negative-default: #cc2b08ff;
  --color-background-negative-hover: #941b00ff;
  --color-background-negative-pressed: #640300ff;
  --color-background-negative-fade: #fff2eeff;
  --color-background-black-default: #000000ff;
  --color-background-black-hover: #393939ff;
  --color-background-black-pressed: #464646ff;
  --color-background-white-default: #ffffffff;
  --color-background-white-hover: #f5f5f5ff;
  --color-background-white-pressed: #f0f0f0ff;
  --color-background-accent-default: #b12e48ff;
  --color-background-accent-hover: #8b192fff;
  --color-background-accent-pressed: #7a1024ff;
  --color-background-accent-fade: #ffedefff;
  --color-background-secondary-default: #000000ff;
  --color-background-secondary-hover: #464646ff;
  --color-background-secondary-pressed: #5b5b5bff;
  --color-background-secondary-fade: #f5f5f5ff;
  --color-background-disabled: #f5f5f5ff;
  --color-background-bestprice-default: #ebfbeeff;
  --color-background-bestprice-hover: #d3f9d8ff;
  --color-background-neutral-fade: #fafafaff;
  --color-background-neutral-default: #f5f5f5ff;
  --color-background-neutral-hover: #f0f0f0ff;
  --color-background-neutral-pressed: #ddddddff;
  --color-content-positive-vibrant: #40c057ff;
  --color-content-positive-default: #0e7723ff;
  --color-content-positive-hover: #026617ff;
  --color-content-positive-pressed: #015011ff;
  --color-content-info-vibrant: var(--color-background-primary-default, #5f04e7ff);
  --color-content-info-default: var(--color-background-primary-default, #5806d3ff);
  --color-content-info-hover: var(--color-background-primary-hover, #3d0098ff);
  --color-content-info-pressed: var(--color-background-primary-pressed, #340082ff);
  --color-content-warning-vibrant: #ff9800ff;
  --color-content-warning-default: #c14e01ff;
  --color-content-warning-hover: #993a07ff;
  --color-content-warning-pressed: #7e3009ff;
  --color-content-negative-vibrant: #e66348ff;
  --color-content-negative-default: #cc2b08ff;
  --color-content-negative-hover: #941b00ff;
  --color-content-negative-pressed: #640300ff;
  --color-content-primary-default: #5806d3ff;
  --color-content-primary-hover: #4900b6ff;
  --color-content-primary-pressed: #340082ff;
  --color-content-secondary-default: #000000ff;
  --color-content-secondary-hover: #393939ff;
  --color-content-secondary-pressed: #464646ff;
  --color-content-accent-default: #b12e48ff;
  --color-content-accent-hover: #8b192fff;
  --color-content-accent-pressed: #7a1024ff;
  --color-content-white-default: #ffffffff;
  --color-content-white-hover: #f5f5f5ff;
  --color-content-white-pressed: #f0f0f0ff;
  --color-content-black-default: #000000ff;
  --color-content-black-hover: #393939ff;
  --color-content-black-pressed: #464646ff;
  --color-content-disabled: #c8c8c8ff;
  --color-content-ondark: #ffffffff;
  --color-content-onlight: #000000ff;
  --color-content-on-primary: #ffffffff; /* Auto-contrast: onlight/ondark, whichever reads best on color.background.primary. Only consumed when a theme's source.json sets autoContrast: true (src/compile.js). */
  --color-content-on-secondary: #ffffffff; /* Auto-contrast: onlight/ondark, whichever reads best on color.background.secondary. Only consumed when a theme's source.json sets autoContrast: true (src/compile.js). */
  --color-content-on-accent: #ffffffff; /* Auto-contrast: onlight/ondark, whichever reads best on color.background.accent. Only consumed when a theme's source.json sets autoContrast: true (src/compile.js). */
  --color-content-bestprice-default: #0e7723ff;
  --color-content-bestprice-hover: #026617ff;
  --color-content-neutral-hover: #464646ff;
  --color-content-neutral-default: #5b5b5bff;
  --color-content-neutral-light: #949494ff;
  --color-content-neutral-verylight: #c8c8c8ff;
  --color-content-neutral-pressed: #393939ff;
  --color-content-slopes-blue: #5f04e7ff;
  --color-content-slopes-red: #8b192fff;
  --color-content-slopes-green: #0e7723ff;
  --color-content-slopes-black: #000000ff;
  --color-border-primary-default: #5806d3ff;
  --color-border-primary-hover: #3d0098ff;
  --color-border-primary-pressed: #340082ff;
  --color-border-white-default: #ffffffff;
  --color-border-white-hover: #f5f5f5ff;
  --color-border-white-pressed: #f0f0f0ff;
  --color-border-black-default: #000000ff;
  --color-border-black-hover: #393939ff;
  --color-border-black-pressed: #464646ff;
  --color-border-secondary-default: #000000ff;
  --color-border-secondary-hover: #393939ff;
  --color-border-secondary-pressed: #464646ff;
  --color-border-accent-default: #b12e48ff;
  --color-border-accent-hover: #8b192fff;
  --color-border-accent-pressed: #7a1024ff;
  --color-border-positive-default: #0e7723ff;
  --color-border-positive-hover: #026617ff;
  --color-border-positive-pressed: #015011ff;
  --color-border-info-default: var(--color-background-primary-default, #5806d3ff);
  --color-border-info-hover: var(--color-background-primary-hover, #3d0098ff);
  --color-border-info-pressed: var(--color-background-primary-pressed, #340082ff);
  --color-border-warning-default: #c14e01ff;
  --color-border-warning-hover: #993a07ff;
  --color-border-warning-pressed: #7e3009ff;
  --color-border-negative-default: #cc2b08ff;
  --color-border-negative-hover: #941b00ff;
  --color-border-negative-pressed: #640300ff;
  --color-border-disabled: #c8c8c8ff;
  --color-border-neutral-default: #c8c8c8ff;
  --color-border-neutral-hover: #949494ff;
  --color-border-neutral-fade: #f5f5f5ff;
  --color-border-neutral-pressed: #727272ff;
  --color-border-neutral-dark: #5b5b5bff;
  --color-border-neutral-light: #f0f0f0ff;
  --spacing-none: 0;
  --spacing-4xs: 4px;
  --spacing-3xs: 8px;
  --spacing-2xs: 12px;
  --spacing-xs: 16px;
  --spacing-s: 24px;
  --spacing-m: 32px;
  --spacing-l: 48px;
  --spacing-xl: 64px;
  --spacing-2xl: 80px;
  --spacing-3xl: 96px;
  --spacing-4xl: 128px;
  --spacing-5xs: 1px;
  --radius-none: 0;
  --radius-round: 100px;
  --radius-s: 4px;
  --radius-xs: 2px;
  --radius-m: 8px;
  --radius-l: 16px;
  --radius-xl: 24px;
  --opacity-overlay: #0000004d;
  --font-size-m: 16px;
  --font-size-l: 18px;
  --font-size-h5: 18px;
  --font-size-h4: 20px;
  --font-size-h3: 24px;
  --font-size-h2: 28px;
  --font-size-h1: 36px;
  --font-size-s: 14px;
  --font-size-xs: 12px;
  --font-size-2xs: 10px;
  --font-family-title: Nunito Sans;
  --font-family-body: Nunito Sans;
  --font-family-numeric: Arial;
  --font-lineheight-h1: 44px;
  --font-lineheight-h2: 36px;
  --font-lineheight-h3: 32px;
  --font-lineheight-h4: 26px;
  --font-lineheight-h5: 26px;
  --font-lineheight-l: 26px;
  --font-lineheight-m: 24px;
  --font-lineheight-s: 22px;
  --font-lineheight-xs: 18px;
  --font-lineheight-2xs: 14px;
  --font-weight-h1: 900;
  --font-weight-h2: 900;
  --font-weight-h3: 900;
  --font-weight-h4: 900;
  --font-weight-h5: 900;
  --font-weight-body: 400;
  --font-weight-body-bold: 700;
  --font-weight-strike: 400;
  --font-weight-link: 700;
  --font-weight-legend: 400;
  --font-weight-legend-bold: 700;
  --font-weight-mention: 400;
  --font-weight-mini: 400;
  --font-weight-mini-bold: 700;
  --font-weight-numeric: 400;
  --font-weight-numeric-bold: 700;
  --size-3xs: 4px;
  --size-2xs: 8px;
  --size-xs: 12px;
  --size-s: 16px;
  --size-m: 20px;
  --size-xl: 28px;
  --size-3xl: 36px;
  --size-5xl: 44px;
  --size-5xs: 1px;
  --size-4xs: 2px;
  --size-4xl: 40px;
  --size-none: 0;
  --size-6xl: 48px;
  --size-l: 24px;
  --size-7xl: 52px;
  --size-8xl: 56px;
  --size-9xl: 60px;
  --size-10xl: 64px;
  --size-2xl: 32px;
  --shadow-y-xs: 1px;
  --shadow-y-s: 2px;
  --shadow-y-m: 4px;
  --shadow-y-l: 8px;
  --shadow-y-xl: 2px;
  --shadow-blur-xs: 2px;
  --shadow-blur-s: 4px;
  --shadow-blur-m: 8px;
  --shadow-blur-l: 16px;
  --shadow-blur-xl: 16px;
  --shadow-color-s: #0000001a;
  --shadow-color-xl: #00000026;
  --interaction-focus-border-color-default: #5f04e7ff;
  --interaction-focus-border-size-default: 2px;
  --button-radius: 8px;
  --input-radius: 8px;
  --segmentedcontrol-radius: 8px;
  --tabs-radius: 8px;
  --badge-radius: 8px;
}