/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --color-neutral-0: #ffffff;
  --color-neutral-100: #fbf8f3;
  --color-neutral-200: #ebe7db;
  --color-neutral-500: #74716a;
  --color-neutral-900: #000000;
  --color-indigo-100: #efeefb;
  --color-indigo-500: #513bfc;
  --color-red-600: #f0001c;
  --color-red-700: #cb061d;
  --color-raspberry-500: #c6278d;
  --color-raspberry-500-50: rgba(198, 39, 141, 0.5);
  --color-yellow-500: #ffcb31;
  --color-green-500: #00be13;
  --color-text-strong: #000000;
  --color-text-subtle: #74716a;
  --color-text-emphasis: #513bfc;
  --color-text-error: #cb061d;
  --color-border-strong: #000000;
  --color-border-subtle: #74716a;
  --color-border-container: #ebe7db;
  --color-border-selected: #513bfc;
  --color-border-focus: #c6278d;
  --color-icon-strong: #000000;
  --color-icon-subtle: #74716a;
  --color-icon-inverse: #ffffff;
  --color-icon-accent: #513bfc;
  --color-surface-background: #fbf8f3;
  --color-surface-foreground: #ffffff;
  --color-surface-neutral-subtle: #fbf8f3;
  --color-surface-neutral-strong: #ebe7db;
  --color-surface-accent-strong: #513bfc;
  --color-surface-accent-subtle: #efeefb;
  --color-surface-accent-brand: #ffcb31;
  --color-component-button-surface-default: #000000;
  --color-component-button-surface-hover: #74716a;
  --color-component-button-text-inverse: #ffffff;
  --color-component-status-surface-open: #00be13;
  --color-component-status-surface-closed: #f0001c;
  --color-box-shadow-focus: [object Object],[object Object],[object Object];
  --spacing-1: 10;
  --spacing-2: 20;
  --spacing-3: 40;
  --spacing-4: 80;
  --spacing-10px: 10;
  --spacing-20px: 20;
  --spacing-40px: 40;
  --spacing-80px: 80;
  --border-radius-1: 8;
  --border-radius-2: 12;
  --border-radius-3: 16;
  --border-radius-4: 32;
  --border-radius-8px: 8;
  --border-radius-12px: 12;
  --border-radius-16px: 16;
  --border-radius-32px: 32;
  --border-radius-999px: 999;
  --border-radius-round: 999;
  --border-width-1: 1;
  --border-width-2: 1.5;
  --border-width-3: 2;
  --border-width-4: 3;
  --border-width-1px: 1;
  --border-width-1-5px: 1.5;
  --border-width-2px: 2;
  --border-width-3px: 3;
  --font-family-eqb: EQB Uncut Sans Variable;
  --font-family-aleo: Aleo;
  --font-family-inter: Inter;
  --font-family-icon: eqb-icon-regular;
  --font-weight-regular: Regular;
  --font-weight-bold: Bold;
  --font-weight-extra-bold: Extra Bold;
  --font-size-13: 13;
  --font-size-14: 14;
  --font-size-15: 15;
  --font-size-17: 17;
  --font-size-18: 18;
  --font-size-20: 20;
  --font-size-22: 22;
  --font-size-23: 23;
  --font-size-31: 31;
  --font-size-39: 39;
  --line-height-130: 130%;
  --font-heading-1: Extra Bold 39/130% Aleo;
  --font-heading-2: Bold 31/130% 'EQB Uncut Sans Variable';
  --font-heading-3: Bold 23/130% 'EQB Uncut Sans Variable';
  --font-heading-4: Bold 20/130% 'EQB Uncut Sans Variable';
  --font-heading-5: Bold 18/130% 'EQB Uncut Sans Variable';
  --font-heading-6: Bold 14/130% 'EQB Uncut Sans Variable';
  --font-heading-1-icon: 39/130% eqb-icon-regular;
  --font-heading-eyebrow: Bold 22/130% 'EQB Uncut Sans Variable';
  --font-body-1: Regular 17/130% Inter;
  --font-body-2: Regular 15/130% Inter;
  --font-body-legal: Regular 13/130% Inter;

  --fontSize-56: calc(var(--font-size-39, 39) * 1px); 
  --fontSize-22: calc(var(--font-size-22, 22) * 1px);
  --fontSize-20: calc(var(--font-size-20, 20) * 1px);
  --fontSize-18: calc(var(--font-size-18, 18) * 1px);
  --fontSize-17: calc(var(--font-size-17, 17) * 1px);
  --fontSize-15: calc(var(--font-size-15, 15) * 1px);


  --fontFamily-inter: var(--font-family-inter, Inter);


  --borderRadius-3: calc(var(--border-radius-3, 16) * 1px);
  --borderWidth-1:  calc(var(--border-width-1, 1) * 1px);


  --color-text-strong: var(--color-text-strong, #000); 
  --color-icon-strong: var(--color-icon-strong, #000);
  --color-text-inverse: var(--color-icon-inverse, #fff);
}