/* Generated from Figma Variables. First mode = :root default.
   FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */

:root {
  --background-color-primary-2: var(--color-neutral-white-3); /* @kind color */
  --background-color-primary-3: var(--color-neutral-white-3); /* @kind color */
  --background-color-primary: var(--color-neutral-white-3); /* @kind color */
  --background-color-secondary: var(--color-neutral-neutral-lightest-2); /* @kind color */
  --background-color-tertiary: var(--color-neutral-neutral-dark); /* @kind color */
  --background-color-white: var(--neutral-white); /* @kind color */
  --bg: rgb(248,250,252); /* @kind color */
  --black-100: rgb(28,28,28); /* @kind color */
  --black-2: rgb(14,22,33); /* @kind color */
  --black-60: rgba(14,22,33,0.6); /* @kind color */
  --black-70: rgba(14,22,33,0.7); /* @kind color */
  --black-85: rgba(14,22,33,0.85); /* @kind color */
  --black: rgb(5,7,15); /* @kind color */
  --blue-200-10: rgba(20,110,245,0.1); /* @kind color */
  --blue-200-20: rgba(20,110,245,0.2); /* @kind color */
  --blue-200: rgb(20,110,245); /* @kind color */
  --blue-300-2: rgb(29,110,191); /* @kind color */
  --blue-300: rgb(52,103,229); /* @kind color */
  --blue-400-2: rgb(0,69,132); /* @kind color */
  --blue-400: rgb(19,57,149); /* @kind color */
  --blue-450: rgb(0,75,187); /* @kind color */
  --blue-500: rgb(17,36,90); /* @kind color */
  --blue-50: rgb(133,162,204); /* @kind color */
  --blue-600-2: rgb(6,39,68); /* @kind color */
  --blue-600: rgb(2,12,46); /* @kind color */
  --blue-750: rgb(1,34,64); /* @kind color */
  --blue-blue-10: rgb(0,30,43); /* @kind color */
  --blue-blue-50: rgb(0,128,169); /* @kind color */
  --blue-blue-60: rgb(35,155,201); /* @kind color */
  --blue-blue-90: rgb(193,232,255); /* @kind color */
  --blue-contrast: rgb(235,245,255); /* @kind color */
  --blue: rgb(91,124,255); /* @kind color */
  --border-alternate: var(--color-neutral-white); /* @kind color */
  --border-grey-1: var(--neutral-grey-1); /* @kind color */
  --border-primary-2: var(--color-neutral-black); /* @kind color */
  --border-primary-3: var(--color-neutral-black); /* @kind color */
  --border-primary: var(--color-neutral-black); /* @kind color */
  --border-radius: 12; /* @kind radius */
  --button-arrow: var(--solid-green-200); /* @kind color */
  --button-black-20: var(--transparency-black-20); /* @kind color */
  --button-black-2: var(--black-2); /* @kind color */
  --button-black-3: var(--solid-black); /* @kind color */
  --button-black-70: var(--black-70); /* @kind color */
  --button-black: var(--solid-green-900); /* @kind color */
  --button-blue-10: var(--blue-blue-10); /* @kind color */
  --button-blue-2: var(--solid-devoe-blue); /* @kind color */
  --button-blue-50: var(--blue-blue-50); /* @kind color */
  --button-blue-60: var(--blue-blue-60); /* @kind color */
  --button-blue-90: var(--blue-blue-90); /* @kind color */
  --button-blue-dark: var(--solid-blue-800); /* @kind color */
  --button-blue-hover-2: var(--blue-450); /* @kind color */
  --button-blue-hover: var(--solid-blue-600); /* @kind color */
  --button-blue-light: var(--solid-blue-400-2); /* @kind color */
  --button-blue-resting: var(--solid-blue-400); /* @kind color */
  --button-blue: var(--blue-200); /* @kind color */
  --button-green-hover: var(--solid-green-600); /* @kind color */
  --button-green-resting: var(--solid-green-400); /* @kind color */
  --button-green: var(--solid-devoe-green); /* @kind color */
  --button-purple-hover: var(--solid-purple-400); /* @kind color */
  --button-purple-resting: var(--solid-purple-600); /* @kind color */
  --button-secondary-blue-hover: var(--blue-200-10); /* @kind color */
  --button-secondary-blue: var(--blue-200-20); /* @kind color */
  --button-transparency-blue: var(--transparency-blue-400-10); /* @kind color */
  --button-transparency-white: var(--transparency-white-80-3); /* @kind color */
  --button-white-10: var(--transparency-white-10); /* @kind color */
  --button-white-20: var(--white-20); /* @kind color */
  --button-white-2: var(--transparency-white-80); /* @kind color */
  --button-white-3: var(--neutral-white); /* @kind color */
  --button-white-4: var(--solid-white-2); /* @kind color */
  --button-white-5: var(--white-3); /* @kind color */
  --button-white-6: var(--solid-white-3); /* @kind color */
  --button-white-70: var(--white-70); /* @kind color */
  --button-white-7: var(--solid-white-4); /* @kind color */
  --button-white-hover-10: var(--white-10); /* @kind color */
  --button-white: var(--solid-white); /* @kind color */
  --buttons-dark-blue: var(--blue-500); /* @kind color */
  --buttons-hover-blue: var(--blue-400); /* @kind color */
  --buttons-secondary-black: var(--grey-900); /* @kind color */
  --buttons-secondary-light-grey: var(--grey-300); /* @kind color */
  --buttons-secondary-stroke: var(--grey-400); /* @kind color */
  --buttons-white-2: var(--white-60); /* @kind color */
  --camera: rgb(46,46,46); /* @kind color */
  --color-brand-black: rgb(0,0,0); /* @kind color */
  --color-brand-white: rgb(255,255,255); /* @kind color */
  --color-extra-purple: rgb(63,62,223); /* @kind color */
  --color-neutral-50: rgb(246,246,251); /* @kind color */
  --color-neutral-800: rgb(55,55,60); /* @kind color */
  --color-neutral-900: rgb(25,25,30); /* @kind color */
  --color-neutral-black-2: rgb(0,0,0); /* @kind color */
  --color-neutral-black-3: rgb(0,0,0); /* @kind color */
  --color-neutral-black-4: rgb(0,0,0); /* @kind color */
  --color-neutral-black: rgb(0,0,0); /* @kind color */
  --color-neutral-darker: rgb(34,34,34); /* @kind color */
  --color-neutral-darkest-2: rgb(0,0,0); /* @kind color */
  --color-neutral-darkest: rgb(0,0,0); /* @kind color */
  --color-neutral-lightest: rgb(238,238,238); /* @kind color */
  --color-neutral-neutral-dark: rgb(68,68,68); /* @kind color */
  --color-neutral-neutral-light: rgb(170,170,170); /* @kind color */
  --color-neutral-neutral-lightest-2: rgb(238,238,238); /* @kind color */
  --color-neutral-neutral-lightest: rgb(238,238,238); /* @kind color */
  --color-neutral-neutral: rgb(102,102,102); /* @kind color */
  --color-neutral-white-2: rgb(255,255,255); /* @kind color */
  --color-neutral-white-3: rgb(255,255,255); /* @kind color */
  --color-neutral-white-4: rgb(255,255,255); /* @kind color */
  --color-neutral-white-5: rgb(255,255,255); /* @kind color */
  --color-neutral-white: rgb(255,255,255); /* @kind color */
  --color-scheme-1-text-2: var(--color-neutral-darkest-2); /* @kind color */
  --color-scheme-1-text: var(--color-neutral-darkest); /* @kind color */
  --color-white: rgb(255,255,255); /* @kind color */
  --colors-brand-blue: rgb(58,100,161); /* @kind color */
  --component-container: rgb(247,250,248); /* @kind color */
  --corners-10: 10; /* @kind radius */
  --corners-12-2: 12; /* @kind radius */
  --corners-12: 12; /* @kind radius */
  --corners-16: 16; /* @kind radius */
  --corners-18: 18; /* @kind radius */
  --corners-20-2: 20; /* @kind radius */
  --corners-20: 20; /* @kind radius */
  --corners-4: 4; /* @kind radius */
  --corners-6: 6; /* @kind radius */
  --corners-8-2: 8; /* @kind radius */
  --corners-8: 8; /* @kind radius */
  --dark-2: rgb(17,24,39); /* @kind color */
  --dark-gray: rgb(30,30,33); /* @kind color */
  --dark-hover: rgb(70,62,107); /* @kind color */
  --dark-ontrast: rgb(34,45,68); /* @kind color */
  --dark: rgb(43,37,68); /* @kind color */
  --eyebrow-fill-dark: var(--transparency-green-10); /* @kind color */
  --eyebrow-fill-light: var(--transparency-green-bright-10); /* @kind color */
  --eyebrow-type-dark: var(--solid-green-400); /* @kind color */
  --eyebrow-type-light: var(--solid-green-200); /* @kind color */
  --family-copy: "Barlow"; /* @kind other */
  --family-mono: "Space Mono"; /* @kind other */
  --family-primary-2: "DM Sans"; /* @kind other */
  --family-primary: "Neue Haas Grotesk Display Pro"; /* @kind other */
  --family-secondary: "PP Neue Montreal"; /* @kind other */
  --family-titles: "Objektiv Mk2"; /* @kind other */
  --fill-black-20: var(--transparency-black-20); /* @kind color */
  --fill-black-2: var(--solid-black); /* @kind color */
  --fill-black: var(--black-2); /* @kind color */
  --fill-blue-contrast: var(--blue-contrast); /* @kind color */
  --fill-blue-overlay-2: var(--blue-750); /* @kind color */
  --fill-blue-overlay: var(--blue-600-2); /* @kind color */
  --fill-blue: var(--blue); /* @kind color */
  --fill-button-primary: var(--orange); /* @kind color */
  --fill-button-secondary: var(--dark-2); /* @kind color */
  --fill-button-white: var(--white-2); /* @kind color */
  --fill-dark-background: var(--solid-devoe-deep-blue); /* @kind color */
  --fill-dark-contrast: var(--dark-ontrast); /* @kind color */
  --fill-dark: var(--dark-2); /* @kind color */
  --fill-green-bg: var(--solid-green-600); /* @kind color */
  --fill-green: var(--green); /* @kind color */
  --fill-grey-bg: var(--grey-100); /* @kind color */
  --fill-light-background: var(--solid-white-3); /* @kind color */
  --fill-orange: var(--orange); /* @kind color */
  --fill-primary-bg: var(--bg); /* @kind color */
  --fill-purple: var(--purple-2); /* @kind color */
  --fill-sand-contrast: var(--solid-sand-200); /* @kind color */
  --fill-secondary-bg: var(--secondary-bg); /* @kind color */
  --fill-stroke-grey: var(--grey-stroke-2); /* @kind color */
  --fill-stroke-orange-contrast: var(--orange-acent); /* @kind color */
  --fill-white-20: var(--transparency-white-20); /* @kind color */
  --fill-white-2: var(--white-3); /* @kind color */
  --fill-white: var(--white-2); /* @kind color */
  --gap-gap-64: 64; /* @kind spacing */
  --gradients-blue-light-2: var(--blue-300-2); /* @kind color */
  --gradients-blue-light-stats: var(--blue-400-2); /* @kind color */
  --gradients-blue-light: var(--blue-400-2); /* @kind color */
  --gradients-blue-lines: var(--blue-200); /* @kind color */
  --gradients-green-dark: var(--green-600); /* @kind color */
  --gradients-green-light-2: var(--green-300); /* @kind color */
  --gradients-green-light: var(--green-400); /* @kind color */
  --gradients-green-lines: var(--green-200); /* @kind color */
  --gradients-grey-dark: var(--grey-200-2); /* @kind color */
  --gradients-grey-light: var(--grey-100); /* @kind color */
  --gradients-purple-dark: var(--purple-600); /* @kind color */
  --gradients-purple-light: var(--purple-200); /* @kind color */
  --gradients-yellow-dark: var(--yellow-400); /* @kind color */
  --gradients-yellow-light: var(--yellow-300); /* @kind color */
  --green-200: rgb(37,184,146); /* @kind color */
  --green-300: rgb(0,155,119); /* @kind color */
  --green-400: rgb(6,102,80); /* @kind color */
  --green-600: rgb(0,40,23); /* @kind color */
  --green-tag: rgb(133,149,80); /* @kind color */
  --green: rgb(52,211,153); /* @kind color */
  --grey-100: rgb(242,245,248); /* @kind color */
  --grey-200-2: rgb(233,237,241); /* @kind color */
  --grey-200: rgb(243,243,243); /* @kind color */
  --grey-300-2: rgb(215,219,222); /* @kind color */
  --grey-300: rgb(246,246,246); /* @kind color */
  --grey-400: rgb(231,231,231); /* @kind color */
  --grey-700: rgb(79,79,79); /* @kind color */
  --grey-900: rgb(24,24,24); /* @kind color */
  --grey-illustrations: rgb(226,227,228); /* @kind color */
  --grey-stroke-2: rgb(226,232,240); /* @kind color */
  --grey-stroke: rgb(236,236,238); /* @kind color */
  --grey-text: rgb(124,124,124); /* @kind color */
  --grey: rgb(71,85,105); /* @kind color */
  --icon-green-dark: var(--solid-green-900); /* @kind color */
  --light-grey-menu-cards: rgb(245,246,248); /* @kind color */
  --link-primary: var(--color-neutral-black-2); /* @kind color */
  --neutral-grey-1: rgb(218,223,226); /* @kind color */
  --neutral-neutral-100: rgb(231,231,235); /* @kind color */
  --neutral-neutral-200: rgb(209,209,214); /* @kind color */
  --neutral-neutral-300: rgb(176,176,180); /* @kind color */
  --neutral-neutral-400: rgb(136,136,144); /* @kind color */
  --neutral-neutral-50: rgb(246,246,251); /* @kind color */
  --neutral-neutral-700: rgb(79,79,84); /* @kind color */
  --neutral-neutral-800-20: rgba(55,55,60,0.2); /* @kind color */
  --neutral-neutral-800: rgb(55,55,60); /* @kind color */
  --neutral-neutral-900: rgb(25,25,30); /* @kind color */
  --neutral-neutral-950: rgb(12,12,12); /* @kind color */
  --neutral-white-2: rgb(255,255,255); /* @kind color */
  --neutral-white: rgb(255,255,255); /* @kind color */
  --orange-acent: rgb(226,146,11); /* @kind color */
  --orange: rgb(245,158,11); /* @kind color */
  --padding-10: 10; /* @kind spacing */
  --padding-12-2: 12; /* @kind spacing */
  --padding-12: 12; /* @kind spacing */
  --padding-16-2: 16; /* @kind spacing */
  --padding-16-3: 16; /* @kind spacing */
  --padding-16: 16; /* @kind spacing */
  --padding-24-2: 24; /* @kind spacing */
  --padding-24-3: 24; /* @kind spacing */
  --padding-24: 24; /* @kind spacing */
  --padding-32-2: 32; /* @kind spacing */
  --padding-32-3: 32; /* @kind spacing */
  --padding-32: 32; /* @kind spacing */
  --padding-40-2: 40; /* @kind spacing */
  --padding-40: 40; /* @kind spacing */
  --padding-4: 4; /* @kind spacing */
  --padding-60: 60; /* @kind spacing */
  --padding-64: 64; /* @kind spacing */
  --padding-6: 6; /* @kind spacing */
  --padding-8-2: 8; /* @kind spacing */
  --padding-80-2: 80; /* @kind spacing */
  --padding-80: 80; /* @kind spacing */
  --padding-8: 8; /* @kind spacing */
  --padding-bottom: 48; /* @kind spacing */
  --padding-card-inner-l-2: 32; /* @kind spacing */
  --padding-card-inner-l-3: 24; /* @kind spacing */
  --padding-card-inner-l: 40; /* @kind spacing */
  --padding-card-inner-m: 16; /* @kind spacing */
  --padding-card-inner-s: 24; /* @kind spacing */
  --padding-card-inner-xl: 32; /* @kind spacing */
  --padding-eyebrow-h2: 32; /* @kind spacing */
  --padding-eyebrow: 32; /* @kind spacing */
  --padding-global-margin: 96; /* @kind spacing */
  --padding-gutter-2: 20; /* @kind spacing */
  --padding-gutter: 24; /* @kind spacing */
  --padding-h2-button: 40; /* @kind spacing */
  --padding-heading: 48; /* @kind spacing */
  --padding-margin-2: 60; /* @kind spacing */
  --padding-margin-inner: 40; /* @kind spacing */
  --padding-margin-s: 20; /* @kind spacing */
  --padding-margin: 120; /* @kind spacing */
  --padding-top-bottom-2: 80; /* @kind spacing */
  --padding-top-bottom: 60; /* @kind spacing */
  --padding-top: 80; /* @kind spacing */
  --paddings-16: 16; /* @kind spacing */
  --paddings-32: 32; /* @kind spacing */
  --paddings-card-inner-padding: 32; /* @kind spacing */
  --paddings-copy-button: 40; /* @kind spacing */
  --paddings-eyebrow: 20; /* @kind spacing */
  --paddings-gutter-20: 20; /* @kind spacing */
  --paddings-h2-copy: 40; /* @kind spacing */
  --paddings-inner-card-m: 24; /* @kind spacing */
  --paddings-inner-card-s: 20; /* @kind spacing */
  --paddings-margin-hero: 64; /* @kind spacing */
  --paddings-margins: 64; /* @kind spacing */
  --paddings-module-padding: 100; /* @kind spacing */
  --pink-tag: rgb(234,101,153); /* @kind color */
  --purple-200: rgb(116,102,255); /* @kind color */
  --purple-2: rgb(167,139,250); /* @kind color */
  --purple-600: rgb(8,0,86); /* @kind color */
  --purple-grey-additional-text: rgb(133,127,158); /* @kind color */
  --purple: rgb(55,101,224); /* @kind color */
  --red-error: rgb(214,43,43); /* @kind color */
  --schemes-on-surface: rgb(23,29,27); /* @kind color */
  --schemes-scrim: rgb(0,0,0); /* @kind color */
  --secondary-bg: rgb(241,245,249); /* @kind color */
  --size-10: 10; /* @kind font */
  --size-14-2: 14; /* @kind font */
  --size-14: 14; /* @kind font */
  --size-16-2: 16; /* @kind font */
  --size-16-3: 16; /* @kind font */
  --size-16: 16; /* @kind font */
  --size-18: 18; /* @kind font */
  --size-20: 20; /* @kind font */
  --size-24-2: 24; /* @kind font */
  --size-24: 24; /* @kind font */
  --size-32-2: 32; /* @kind font */
  --size-32: 32; /* @kind font */
  --size-48-2: 48; /* @kind font */
  --size-48: 48; /* @kind font */
  --size-64: 64; /* @kind font */
  --sizes-14: 14; /* @kind font */
  --sizes-18: 18; /* @kind font */
  --sizes-80: 80; /* @kind font */
  --solid-black: rgb(23,16,17); /* @kind color */
  --solid-blue-400-2: rgb(30,71,174); /* @kind color */
  --solid-blue-400: rgb(0,109,176); /* @kind color */
  --solid-blue-600: rgb(0,66,107); /* @kind color */
  --solid-blue-800: rgb(0,26,58); /* @kind color */
  --solid-devoe-blue: rgb(4,50,140); /* @kind color */
  --solid-devoe-deep-blue: rgb(4,25,68); /* @kind color */
  --solid-devoe-green: rgb(23,184,144); /* @kind color */
  --solid-green-200: rgb(29,234,180); /* @kind color */
  --solid-green-400: rgb(0,134,97); /* @kind color */
  --solid-green-600: rgb(0,67,49); /* @kind color */
  --solid-green-900: rgb(0,33,24); /* @kind color */
  --solid-light-green: rgb(86,235,198); /* @kind color */
  --solid-purple-400: rgb(128,0,223); /* @kind color */
  --solid-purple-600: rgb(81,0,141); /* @kind color */
  --solid-sand-200: rgb(239,233,225); /* @kind color */
  --solid-sand-400: rgb(221,212,200); /* @kind color */
  --solid-white-2: rgb(255,255,255); /* @kind color */
  --solid-white-3: rgb(253,253,252); /* @kind color */
  --solid-white-4: rgb(255,255,255); /* @kind color */
  --solid-white: rgb(255,255,255); /* @kind color */
  --stroke-black-20: var(--transparency-black-20); /* @kind color */
  --stroke-border-width: 1; /* @kind spacing */
  --stroke-dark: var(--transparency-sand-20); /* @kind color */
  --stroke-devoe-green: var(--solid-devoe-green); /* @kind color */
  --stroke-divider-width: 1; /* @kind spacing */
  --stroke-green: var(--solid-green-400); /* @kind color */
  --stroke-grey-cards: var(--grey-200-2); /* @kind color */
  --stroke-grey-forms: var(--grey-300-2); /* @kind color */
  --stroke-light-2: var(--grey-400); /* @kind color */
  --stroke-light-green: var(--solid-light-green); /* @kind color */
  --stroke-light: var(--solid-sand-400); /* @kind color */
  --stroke-white-10: var(--transparency-white-10); /* @kind color */
  --stroke-white-80: var(--transparency-white-80-2); /* @kind color */
  --surface-background: var(--grey-200); /* @kind color */
  --surface-blue: var(--blue-600); /* @kind color */
  --surface-white: var(--white-60); /* @kind color */
  --text-alternate-2: var(--color-neutral-white-2); /* @kind color */
  --text-alternate-3: var(--color-neutral-white-2); /* @kind color */
  --text-alternate-4: var(--color-neutral-white-2); /* @kind color */
  --text-alternate: var(--color-neutral-white-2); /* @kind color */
  --text-blue-10: var(--blue-blue-10); /* @kind color */
  --text-blue-50: var(--blue-blue-50); /* @kind color */
  --text-blue-90: var(--blue-blue-90); /* @kind color */
  --text-primary-2: var(--color-neutral-black); /* @kind color */
  --text-primary-3: var(--color-neutral-black); /* @kind color */
  --text-primary: var(--color-neutral-black); /* @kind color */
  --text-sizes-text-small: 14; /* @kind font */
  --text-white: var(--neutral-white); /* @kind color */
  --transparency-black-20: rgba(23,16,17,0.2); /* @kind color */
  --transparency-black-60: rgba(23,16,17,0.6); /* @kind color */
  --transparency-blue-400-10: rgba(30,71,174,0.1); /* @kind color */
  --transparency-blue-800-80: rgba(0,26,58,0.8); /* @kind color */
  --transparency-green-10: rgba(0,134,97,0.1); /* @kind color */
  --transparency-green-bright-10: rgba(29,234,180,0.1); /* @kind color */
  --transparency-green-dark-70: rgba(0,33,24,0.7); /* @kind color */
  --transparency-sand-20: rgba(221,212,200,0.2); /* @kind color */
  --transparency-white-10: rgba(253,253,252,0.1); /* @kind color */
  --transparency-white-20: rgba(253,253,252,0.2); /* @kind color */
  --transparency-white-80-2: rgba(253,253,252,0.8); /* @kind color */
  --transparency-white-80-3: rgba(255,255,255,0.8); /* @kind color */
  --transparency-white-80: rgba(255,255,255,0.8); /* @kind color */
  --type-black-60: var(--transparency-black-60); /* @kind color */
  --type-black-primary: var(--solid-green-900); /* @kind color */
  --type-black-secondary: var(--transparency-green-dark-70); /* @kind color */
  --type-black: var(--solid-black); /* @kind color */
  --type-blue: var(--blue-200); /* @kind color */
  --type-devoe-green: var(--solid-devoe-green); /* @kind color */
  --type-eyebrow-2: var(--blue-50); /* @kind color */
  --type-eyebrow: var(--blue); /* @kind color */
  --type-green-2: var(--solid-light-green); /* @kind color */
  --type-green-highlight: var(--solid-green-200); /* @kind color */
  --type-green: var(--solid-green-400); /* @kind color */
  --type-highlight: var(--blue-300); /* @kind color */
  --type-orange-contrast: var(--orange-acent); /* @kind color */
  --type-orange: var(--orange); /* @kind color */
  --type-placeholder: var(--black-60); /* @kind color */
  --type-primary-2: var(--black); /* @kind color */
  --type-primary-3: var(--blue-600); /* @kind color */
  --type-primary-4: var(--black-2); /* @kind color */
  --type-primary-dark: var(--solid-blue-800); /* @kind color */
  --type-primary: var(--dark-2); /* @kind color */
  --type-secondary-2: var(--grey-700); /* @kind color */
  --type-secondary-3: var(--black-85); /* @kind color */
  --type-secondary-dark: var(--transparency-blue-800-80); /* @kind color */
  --type-secondary: var(--grey); /* @kind color */
  --type-tag: var(--white-60-2); /* @kind color */
  --type-white-2: rgba(255,255,255,0.8); /* @kind color */
  --type-white-3: var(--white-3); /* @kind color */
  --type-white-4: var(--solid-white-3); /* @kind color */
  --type-white-secondary: var(--white-85); /* @kind color */
  --type-white: var(--white-2); /* @kind color */
  --typography-family-body: "Helvetica Neue"; /* @kind other */
  --typography-family-header-small: "Helvetica Neue"; /* @kind other */
  --typography-family-header: "PP Eiko"; /* @kind other */
  --typography-family-pixel: "CoFo Sans Pixel"; /* @kind other */
  --typography-family-primary-2: "Manrope"; /* @kind other */
  --typography-family-primary-3: "Indivisible"; /* @kind other */
  --typography-family-primary: "Saans-TRIAL"; /* @kind other */
  --typography-family-sans: "Inter 18pt"; /* @kind other */
  --typography-family-secondary: "Space Grotesk"; /* @kind other */
  --typography-size-10: 10; /* @kind font */
  --typography-size-12-2: 12; /* @kind font */
  --typography-size-12: 12; /* @kind font */
  --typography-size-14-2: 14; /* @kind font */
  --typography-size-14-3: 14; /* @kind font */
  --typography-size-14-4: 14; /* @kind font */
  --typography-size-14: 14; /* @kind font */
  --typography-size-16-2: 16; /* @kind font */
  --typography-size-16-3: 16; /* @kind font */
  --typography-size-16-4: 16; /* @kind font */
  --typography-size-16: 16; /* @kind font */
  --typography-size-18-2: 18; /* @kind font */
  --typography-size-18-3: 18; /* @kind font */
  --typography-size-18: 18; /* @kind font */
  --typography-size-20-2: 20; /* @kind font */
  --typography-size-20-3: 20; /* @kind font */
  --typography-size-20: 20; /* @kind font */
  --typography-size-24-2: 24; /* @kind font */
  --typography-size-24: 24; /* @kind font */
  --typography-size-32-2: 32; /* @kind font */
  --typography-size-32: 32; /* @kind font */
  --typography-size-40: 40; /* @kind font */
  --typography-size-48-2: 48; /* @kind font */
  --typography-size-48: 48; /* @kind font */
  --typography-size-52: 52; /* @kind font */
  --typography-size-72-2: 72; /* @kind font */
  --typography-size-72: 72; /* @kind font */
  --typography-size-80: 80; /* @kind font */
  --typography-size-84: 84; /* @kind font */
  --typography-weight-bold: "String value"; /* @kind other */
  --typography-weight-medium-2: "Medium"; /* @kind other */
  --typography-weight-medium: "Medium"; /* @kind other */
  --typography-weight-regular-2: "Regular"; /* @kind other */
  --typography-weight-regular-3: "Regular"; /* @kind other */
  --typography-weight-regular-4: "Regular"; /* @kind other */
  --typography-weight-regular: "Regular"; /* @kind other */
  --typography-weight-semibold-2: "Semibold"; /* @kind other */
  --typography-weight-semibold: "SemiBold"; /* @kind other */
  --weight-light: "45 Light"; /* @kind other */
  --weight-medium-2: "Medium"; /* @kind other */
  --weight-medium: "Medium"; /* @kind other */
  --weight-regular: "Regular"; /* @kind other */
  --weight-roman: "55 Roman"; /* @kind other */
  --weight-semibold: "Semibold"; /* @kind other */
  --white-10: rgba(255,255,255,0.1); /* @kind color */
  --white-20: rgba(255,255,255,0.2); /* @kind color */
  --white-2: rgb(255,255,255); /* @kind color */
  --white-3: rgb(255,255,255); /* @kind color */
  --white-60-2: rgba(255,255,255,0.6); /* @kind color */
  --white-60: rgba(255,255,255,0.6); /* @kind color */
  --white-70: rgba(255,255,255,0.7); /* @kind color */
  --white-85: rgba(255,255,255,0.85); /* @kind color */
  --white: rgb(255,255,255); /* @kind color */
  --yellow-300: rgb(223,173,2); /* @kind color */
  --yellow-400: rgb(134,104,0); /* @kind color */
}

:root[data-mode="mobile"] {
  --border-radius: 12; /* @kind radius */
  --corners-10: 10; /* @kind radius */
  --corners-12-2: 10; /* @kind radius */
  --corners-18: 12; /* @kind radius */
  --corners-20-2: 18; /* @kind radius */
  --corners-6: 6; /* @kind radius */
  --corners-8-2: 8; /* @kind radius */
  --family-copy: "Barlow"; /* @kind other */
  --family-mono: "Space Mono"; /* @kind other */
  --family-primary-2: "DM Sans"; /* @kind other */
  --family-primary: "Neue Haas Grotesk Display Pro"; /* @kind other */
  --family-secondary: "PP Neue Montreal"; /* @kind other */
  --family-titles: "Objektiv Mk2"; /* @kind other */
  --padding-10: 10; /* @kind spacing */
  --padding-12-2: 12; /* @kind spacing */
  --padding-12: 12; /* @kind spacing */
  --padding-16-2: 16; /* @kind spacing */
  --padding-16-3: 16; /* @kind spacing */
  --padding-24-3: 24; /* @kind spacing */
  --padding-24: 24; /* @kind spacing */
  --padding-32-3: 32; /* @kind spacing */
  --padding-32: 28; /* @kind spacing */
  --padding-40-2: 40; /* @kind spacing */
  --padding-60: 60; /* @kind spacing */
  --padding-6: 6; /* @kind spacing */
  --padding-8-2: 8; /* @kind spacing */
  --padding-80-2: 80; /* @kind spacing */
  --padding-bottom: 32; /* @kind spacing */
  --padding-card-inner-l-2: 20; /* @kind spacing */
  --padding-card-inner-l: 20; /* @kind spacing */
  --padding-card-inner-s: 20; /* @kind spacing */
  --padding-eyebrow-h2: 24; /* @kind spacing */
  --padding-eyebrow: 20; /* @kind spacing */
  --padding-global-margin: 16; /* @kind spacing */
  --padding-gutter-2: 20; /* @kind spacing */
  --padding-h2-button: 32; /* @kind spacing */
  --padding-margin-2: 16; /* @kind spacing */
  --padding-margin-inner: 20; /* @kind spacing */
  --padding-top-bottom-2: 60; /* @kind spacing */
  --padding-top: 40; /* @kind spacing */
  --paddings-16: 16; /* @kind spacing */
  --paddings-32: 24; /* @kind spacing */
  --paddings-card-inner-padding: 20; /* @kind spacing */
  --paddings-copy-button: 32; /* @kind spacing */
  --paddings-eyebrow: 16; /* @kind spacing */
  --paddings-gutter-20: 16; /* @kind spacing */
  --paddings-h2-copy: 24; /* @kind spacing */
  --paddings-inner-card-m: 16; /* @kind spacing */
  --paddings-inner-card-s: 16; /* @kind spacing */
  --paddings-margin-hero: 0; /* @kind spacing */
  --paddings-margins: 16; /* @kind spacing */
  --paddings-module-padding: 48; /* @kind spacing */
  --size-10: 10; /* @kind font */
  --size-14-2: 12; /* @kind font */
  --size-14: 14; /* @kind font */
  --size-16-2: 16; /* @kind font */
  --size-16-3: 14; /* @kind font */
  --size-16: 16; /* @kind font */
  --size-18: 18; /* @kind font */
  --size-20: 20; /* @kind font */
  --size-24-2: 18; /* @kind font */
  --size-24: 20; /* @kind font */
  --size-32-2: 20; /* @kind font */
  --size-32: 24; /* @kind font */
  --size-48-2: 32; /* @kind font */
  --size-48: 38; /* @kind font */
  --size-64: 44; /* @kind font */
  --sizes-14: 14; /* @kind font */
  --sizes-18: 18; /* @kind font */
  --sizes-80: 52; /* @kind font */
  --text-sizes-text-small: 14; /* @kind font */
  --typography-family-body: "Helvetica Neue"; /* @kind other */
  --typography-family-header-small: "Helvetica Neue"; /* @kind other */
  --typography-family-header: "PP Eiko"; /* @kind other */
  --typography-family-pixel: "CoFo Sans Pixel"; /* @kind other */
  --typography-family-primary-3: "Indivisible"; /* @kind other */
  --typography-family-primary: "Saans-TRIAL"; /* @kind other */
  --typography-family-sans: "Inter 18pt"; /* @kind other */
  --typography-size-10: 10; /* @kind font */
  --typography-size-12: 12; /* @kind font */
  --typography-size-14-3: 14; /* @kind font */
  --typography-size-14-4: 14; /* @kind font */
  --typography-size-14: 14; /* @kind font */
  --typography-size-16-3: 16; /* @kind font */
  --typography-size-16-4: 14; /* @kind font */
  --typography-size-16: 16; /* @kind font */
  --typography-size-18-2: 18; /* @kind font */
  --typography-size-18-3: 16; /* @kind font */
  --typography-size-20-3: 20; /* @kind font */
  --typography-size-20: 18; /* @kind font */
  --typography-size-24-2: 24; /* @kind font */
  --typography-size-32-2: 28; /* @kind font */
  --typography-size-48: 28; /* @kind font */
  --typography-size-52: 42; /* @kind font */
  --typography-size-72-2: 48; /* @kind font */
  --typography-size-80: 72; /* @kind font */
  --typography-size-84: 58; /* @kind font */
  --typography-weight-medium: "Medium"; /* @kind other */
  --typography-weight-regular-3: "Regular"; /* @kind other */
  --typography-weight-regular-4: "Regular"; /* @kind other */
  --typography-weight-regular: "Regular"; /* @kind other */
  --typography-weight-semibold-2: "Semibold"; /* @kind other */
  --weight-light: "45 Light"; /* @kind other */
  --weight-medium-2: "Medium"; /* @kind other */
  --weight-medium: "Medium"; /* @kind other */
  --weight-regular: "Regular"; /* @kind other */
  --weight-roman: "55 Roman"; /* @kind other */
  --weight-semibold: "Semibold"; /* @kind other */
}

:root[data-mode="base"] {
  --dark-hover: rgb(70,62,107); /* @kind color */
  --dark: rgb(43,37,68); /* @kind color */
  --green-tag: rgb(133,149,80); /* @kind color */
  --grey-illustrations: rgb(226,227,228); /* @kind color */
  --grey-stroke: rgb(236,236,238); /* @kind color */
  --grey-text: rgb(124,124,124); /* @kind color */
  --light-grey-menu-cards: rgb(245,246,248); /* @kind color */
  --pink-tag: rgb(234,101,153); /* @kind color */
  --purple-grey-additional-text: rgb(133,127,158); /* @kind color */
  --red-error: rgb(214,43,43); /* @kind color */
  --white: rgb(255,255,255); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --black-100: rgb(255,255,255); /* @kind color */
  --black-100: rgb(255,255,255); /* @kind color */
  --schemes-on-surface: rgb(221,228,225); /* @kind color */
  --schemes-on-surface: rgb(246,252,249); /* @kind color */
  --schemes-on-surface: rgb(255,255,255); /* @kind color */
  --schemes-scrim: rgb(0,0,0); /* @kind color */
  --schemes-scrim: rgb(0,0,0); /* @kind color */
  --schemes-scrim: rgb(0,0,0); /* @kind color */
}

:root[data-theme="light"], .light {
  --black-100: rgb(46,52,62); /* @kind color */
  --schemes-on-surface: rgb(0,0,0); /* @kind color */
  --schemes-on-surface: rgb(23,29,27); /* @kind color */
  --schemes-scrim: rgb(0,0,0); /* @kind color */
  --schemes-scrim: rgb(0,0,0); /* @kind color */
}

:root[data-mode="mode"] {
  --camera: rgb(46,46,46); /* @kind color */
  --component-container: rgb(39,63,47); /* @kind color */
}