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

:root {
  --accents-orange: rgb(255,141,40); /* @kind color */
  --action-active: var(--grey-600); /* @kind color */
  --action-disabled-bgcolor: var(--grey-24); /* @kind color */
  --action-disabled: var(--grey-80); /* @kind color */
  --action-hover: var(--grey-8); /* @kind color */
  --action-selected: var(--grey-16); /* @kind color */
  --background-default: var(--white-main); /* @kind color */
  --background-neutral: var(--grey-200); /* @kind color */
  --background-paper: var(--white-main); /* @kind color */
  --badge-standard-px: 6; /* @kind spacing */
  --black-16: rgba(0,0,0,0.16); /* @kind color */
  --black-24: rgba(0,0,0,0.24); /* @kind color */
  --black-48: rgba(0,0,0,0.48); /* @kind color */
  --black-72: rgba(0,0,0,0.72); /* @kind color */
  --black-8: rgba(0,0,0,0.08); /* @kind color */
  --black-main: rgb(0,0,0); /* @kind color */
  --body1-letter-spacing: 0; /* @kind font */
  --body1-line-height: 24; /* @kind font */
  --body1-paragraph-spacing: 0; /* @kind font */
  --body1-size: 16; /* @kind font */
  --body1-weight: var(--weight-400); /* @kind font */
  --body2-letter-spacing: 0; /* @kind font */
  --body2-line-height: 22; /* @kind font */
  --body2-paragraph-spacing: 0; /* @kind font */
  --body2-size: 14; /* @kind font */
  --body2-weight: var(--weight-400); /* @kind font */
  --button-large-icon: 24; /* @kind spacing */
  --button-large-min-height: 48; /* @kind spacing */
  --button-large-px: 16; /* @kind spacing */
  --button-large-py: 8; /* @kind spacing */
  --button-large-text-variant-px: 12; /* @kind spacing */
  --button-medium-icon: 20; /* @kind spacing */
  --button-medium-min-height: 36; /* @kind spacing */
  --button-medium-px: 12; /* @kind spacing */
  --button-medium-py: 6; /* @kind spacing */
  --button-medium-text-variant-px: 8; /* @kind spacing */
  --button-min-width: 64; /* @kind spacing */
  --button-radius: var(--radius-1); /* @kind other */
  --button-small-icon: 18; /* @kind spacing */
  --button-small-min-height: 30; /* @kind spacing */
  --button-small-px: 8; /* @kind spacing */
  --button-small-py: 4; /* @kind spacing */
  --button-small-text-variant-px: 4; /* @kind spacing */
  --button-spacing: var(--spacing-1); /* @kind spacing */
  --button-x-large-min-height: 56; /* @kind spacing */
  --caption-family: var(--family-primary); /* @kind font */
  --caption-letter-spacing: 0; /* @kind font */
  --caption-line-height: 18; /* @kind font */
  --caption-paragraph-spacing: 0; /* @kind font */
  --caption-size: 12; /* @kind font */
  --caption-weight: var(--weight-400); /* @kind font */
  --checkbox-md-icon: 24; /* @kind spacing */
  --checkbox-p: 8; /* @kind spacing */
  --checkbox-sm-icon: 20; /* @kind spacing */
  --color-blur: var(--z8-blur); /* @kind shadow */
  --color-spread: var(--z8-spread); /* @kind shadow */
  --color-x: var(--z8-x); /* @kind shadow */
  --color-y: var(--z8-y); /* @kind shadow */
  --components-button-large-line-height: 26; /* @kind font */
  --components-button-large-size: 15; /* @kind font */
  --components-button-large-weight: var(--weight-700); /* @kind font */
  --components-button-medium-line-height: 24; /* @kind font */
  --components-button-medium-size: 14; /* @kind font */
  --components-button-medium-weight: var(--weight-700); /* @kind font */
  --components-button-outlined: var(--grey-32); /* @kind color */
  --components-button-small-line-height: 22; /* @kind font */
  --components-button-small-size: 13; /* @kind font */
  --components-button-small-weight: var(--weight-700); /* @kind font */
  --components-divider: var(--grey-20); /* @kind color */
  --components-input-label-line-height: 18; /* @kind font */
  --components-input-label-size: 12; /* @kind font */
  --components-input-label-weight: var(--weight-600); /* @kind font */
  --components-input-outlined: var(--grey-20); /* @kind color */
  --components-input-underline: var(--grey-32); /* @kind color */
  --components-input-value-line-height: 24; /* @kind font */
  --components-input-value-size: 15; /* @kind font */
  --components-input-value-weight: var(--weight-400); /* @kind font */
  --components-label-weight: var(--weight-700); /* @kind font */
  --components-paper-bg-paper-blur: rgba(255,255,255,0.9); /* @kind color */
  --dialog-action-px: var(--spacing-3); /* @kind spacing */
  --dialog-action-py: var(--spacing-3); /* @kind spacing */
  --dialog-action-spacing: var(--spacing-1-5); /* @kind spacing */
  --dialog-blur: 80; /* @kind shadow */
  --dialog-content-px: var(--spacing-3); /* @kind spacing */
  --dialog-header-pl: 24; /* @kind spacing */
  --dialog-header-pr: 12; /* @kind spacing */
  --dialog-radius: var(--radius-2); /* @kind other */
  --dialog-spread: -8; /* @kind shadow */
  --dialog-x: -40; /* @kind shadow */
  --dialog-y: 40; /* @kind shadow */
  --docs-component-bgcolor: rgb(240,230,255); /* @kind color */
  --docs-component-border-color: rgb(143,75,246); /* @kind color */
  --docs-component-md-p: var(--spacing-5); /* @kind spacing */
  --docs-component-md-radius: var(--radius-3); /* @kind other */
  --dropdown-blur1: 2; /* @kind shadow */
  --dropdown-blur2: 40; /* @kind shadow */
  --dropdown-spread1: 0; /* @kind shadow */
  --dropdown-spread2: -4; /* @kind shadow */
  --dropdown-x1: 0; /* @kind other */
  --dropdown-x2: -20; /* @kind other */
  --dropdown-y1: 0; /* @kind other */
  --dropdown-y2: 20; /* @kind other */
  --error-0: rgba(255,86,48,0); /* @kind color */
  --error-16: rgba(255,86,48,0.16); /* @kind color */
  --error-24: rgba(255,86,48,0.24); /* @kind color */
  --error-32: rgba(255,86,48,0.32); /* @kind color */
  --error-48: rgba(255,86,48,0.48); /* @kind color */
  --error-8: rgba(255,86,48,0.08); /* @kind color */
  --error-contrast-text: var(--white-main); /* @kind color */
  --error-dark: rgb(183,29,24); /* @kind color */
  --error-light: rgb(255,172,130); /* @kind color */
  --error-main: rgb(255,86,48); /* @kind color */
  --fab-extended-md-py: 6; /* @kind spacing */
  --family-primary: "Public Sans"; /* @kind font */
  --form-helper-text-icon: 16; /* @kind spacing */
  --form-helper-text-pt: 6; /* @kind spacing */
  --form-helper-text-px: 12; /* @kind spacing */
  --form-helper-text-spacing: var(--spacing-0-5); /* @kind spacing */
  --gray-900: rgb(30,30,30); /* @kind color */
  --grays-gray-2: rgb(174,174,178); /* @kind color */
  --grey-16: rgba(145,158,171,0.16); /* @kind color */
  --grey-200: rgb(244,246,248); /* @kind color */
  --grey-20: rgba(145,158,171,0.2); /* @kind color */
  --grey-24: rgba(145,158,171,0.24); /* @kind color */
  --grey-32: rgba(145,158,171,0.32); /* @kind color */
  --grey-400: rgb(196,205,213); /* @kind color */
  --grey-48: rgba(145,158,171,0.48); /* @kind color */
  --grey-500: rgb(145,158,171); /* @kind color */
  --grey-600: rgb(99,115,129); /* @kind color */
  --grey-700: rgb(69,79,91); /* @kind color */
  --grey-800: rgb(28,37,46); /* @kind color */
  --grey-80: rgba(145,158,171,0.8); /* @kind color */
  --grey-8: rgba(145,158,171,0.08); /* @kind color */
  --grey-900: rgb(20,26,33); /* @kind color */
  --h3-letter-spacing: 0; /* @kind font */
  --h3-paragraph-spacing: 0; /* @kind font */
  --h3-size: 32; /* @kind font */
  --h4-letter-spacing: 0; /* @kind font */
  --h4-line-height: 36; /* @kind font */
  --h4-paragraph-spacing: 0; /* @kind font */
  --h4-size: 24; /* @kind font */
  --h4-weight: var(--weight-700); /* @kind font */
  --h5-letter-spacing: 0; /* @kind font */
  --h5-line-height: 30; /* @kind font */
  --h5-paragraph-spacing: 0; /* @kind font */
  --h5-weight: var(--weight-700); /* @kind font */
  --h6-family: var(--family-primary); /* @kind font */
  --h6-letter-spacing: 0; /* @kind font */
  --h6-line-height: 28; /* @kind font */
  --h6-paragraph-spacing: 0; /* @kind font */
  --h6-size: 18; /* @kind font */
  --h6-weight: var(--weight-600); /* @kind font */
  --header-mobile-height: 64; /* @kind spacing */
  --header-mobile-px: 16; /* @kind spacing */
  --icon-button-lg-p: 12; /* @kind spacing */
  --icon-button-md-p: 8; /* @kind spacing */
  --icon-button-radius: var(--radius-50); /* @kind spacing */
  --icon-button-sm-p: 5; /* @kind spacing */
  --icon-default-default: var(--gray-900); /* @kind color */
  --info-0: rgba(0,184,217,0); /* @kind color */
  --info-16: rgba(0,184,217,0.16); /* @kind color */
  --info-24: rgba(0,184,217,0.24); /* @kind color */
  --info-32: rgba(0,184,217,0.32); /* @kind color */
  --info-48: rgba(0,184,217,0.48); /* @kind color */
  --info-8: rgba(0,184,217,0.08); /* @kind color */
  --info-contrast-text: var(--white-main); /* @kind color */
  --info-dark: rgb(0,108,156); /* @kind color */
  --info-light: rgb(97,243,243); /* @kind color */
  --info-main: rgb(0,184,217); /* @kind color */
  --layout-header-main-height: 80; /* @kind spacing */
  --layout-header-mobile-dashboard-height: 64; /* @kind spacing */
  --menu-item-px: 8; /* @kind spacing */
  --menu-item-py: 6; /* @kind spacing */
  --menu-item-radius: var(--radius-0-75); /* @kind other */
  --menu-item-spacing: var(--spacing-1); /* @kind spacing */
  --menu-list-p: 4; /* @kind spacing */
  --menu-list-spacing: var(--spacing-0-5); /* @kind spacing */
  --other-icon-opacity: 40; /* @kind spacing */
  --other-icon: rgb(29,123,245); /* @kind color */
  --overline-letter-spacing: 0; /* @kind font */
  --overline-line-height: 18; /* @kind font */
  --overline-paragraph-spacing: 0; /* @kind font */
  --overline-size: 12; /* @kind font */
  --overline-weight: var(--weight-700); /* @kind font */
  --p-16: rgba(0,167,111,0.16); /* @kind color */
  --p-24: rgba(0,167,111,0.24); /* @kind color */
  --p-32: rgba(0,167,111,0.32); /* @kind color */
  --p-48: rgba(0,167,111,0.48); /* @kind color */
  --p-8: rgba(0,167,111,0.08); /* @kind color */
  --p-contrast-text: var(--white-main); /* @kind color */
  --p-dark: rgb(0,120,103); /* @kind color */
  --p-light: rgb(91,228,155); /* @kind color */
  --p-main: rgb(0,167,111); /* @kind color */
  --primary-16: var(--p-16); /* @kind color */
  --primary-24: var(--p-24); /* @kind color */
  --primary-32: var(--p-32); /* @kind color */
  --primary-48: var(--p-48); /* @kind color */
  --primary-8: var(--p-8); /* @kind color */
  --primary-contrast-text: var(--p-contrast-text); /* @kind color */
  --primary-dark: var(--p-dark); /* @kind color */
  --primary-light: var(--p-light); /* @kind color */
  --primary-main: var(--p-main); /* @kind color */
  --radio-p: 8; /* @kind spacing */
  --radius-0-75: 6; /* @kind other */
  --radius-1-25: 10; /* @kind other */
  --radius-1-5: 12; /* @kind other */
  --radius-1: 8; /* @kind other */
  --radius-2: 16; /* @kind other */
  --radius-3: 24; /* @kind other */
  --radius-50: 500; /* @kind other */
  --secondary-16: rgba(142,51,255,0.16); /* @kind color */
  --secondary-24: rgba(142,51,255,0.24); /* @kind color */
  --secondary-32: rgba(142,51,255,0.32); /* @kind color */
  --secondary-48: rgba(142,51,255,0.48); /* @kind color */
  --secondary-8: rgba(142,51,255,0.08); /* @kind color */
  --secondary-contrast-text: var(--white-main); /* @kind color */
  --secondary-dark: rgb(81,25,183); /* @kind color */
  --secondary-light: rgb(198,132,255); /* @kind color */
  --secondary-main: rgb(142,51,255); /* @kind color */
  --shadow-16: var(--grey-16); /* @kind color */
  --shadow-24: var(--grey-24); /* @kind color */
  --shape-filled-inherit-bgcolor: var(--grey-800); /* @kind color */
  --shape-filled-inherit-color: var(--white-main); /* @kind color */
  --shape-filled-inherit-hover: var(--grey-700); /* @kind color */
  --shape-soft-inherit-bgcolor: var(--grey-16); /* @kind color */
  --shape-soft-inherit-hover-bgcolor: var(--grey-32); /* @kind color */
  --spacing-0-5: 4; /* @kind spacing */
  --spacing-1-5: 12; /* @kind spacing */
  --spacing-1: 8; /* @kind spacing */
  --spacing-2-5: 20; /* @kind spacing */
  --spacing-2: 16; /* @kind spacing */
  --spacing-2px: 2; /* @kind spacing */
  --spacing-3: 24; /* @kind spacing */
  --spacing-4: 32; /* @kind spacing */
  --spacing-5: 40; /* @kind spacing */
  --subtitle1-letter-spacing: 0; /* @kind font */
  --subtitle1-line-height: 24; /* @kind font */
  --subtitle1-paragraph-spacing: 0; /* @kind font */
  --subtitle1-size: 16; /* @kind font */
  --subtitle1-weight: var(--weight-600); /* @kind font */
  --subtitle2-letter-spacing: 0; /* @kind font */
  --subtitle2-line-height: 22; /* @kind font */
  --subtitle2-paragraph-spacing: 0; /* @kind font */
  --subtitle2-size: 14; /* @kind font */
  --subtitle2-weight: var(--weight-600); /* @kind font */
  --success-16: rgba(34,197,94,0.16); /* @kind color */
  --success-24: rgba(34,197,94,0.24); /* @kind color */
  --success-32: rgba(34,197,94,0.32); /* @kind color */
  --success-48: rgba(34,197,94,0.48); /* @kind color */
  --success-8: rgba(34,197,94,0.08); /* @kind color */
  --success-contrast-text: var(--white-main); /* @kind color */
  --success-dark: rgb(17,141,87); /* @kind color */
  --success-light: rgb(119,237,139); /* @kind color */
  --success-main: rgb(34,197,94); /* @kind color */
  --swap-dark-light-error: var(--error-dark); /* @kind color */
  --swap-dark-light-info: var(--info-dark); /* @kind color */
  --swap-dark-light-primary: var(--primary-dark); /* @kind color */
  --swap-dark-light-secondary: var(--secondary-dark); /* @kind color */
  --swap-dark-light-success: var(--success-dark); /* @kind color */
  --swap-dark-light-warning: var(--warning-dark); /* @kind color */
  --swap-main-light-error: var(--error-main); /* @kind color */
  --switch-md-height: 38; /* @kind spacing */
  --switch-md-spacing: 9; /* @kind spacing */
  --switch-md-width: 33; /* @kind spacing */
  --switch-p: 3; /* @kind spacing */
  --switch-sm-height: 24; /* @kind spacing */
  --switch-sm-spacing: 7; /* @kind spacing */
  --switch-sm-width: 25; /* @kind spacing */
  --text-disabled: var(--grey-500); /* @kind color */
  --text-field-filled-hidden-py: 16; /* @kind spacing */
  --text-field-filled-pb: 8; /* @kind spacing */
  --text-field-filled-pl: 12; /* @kind spacing */
  --text-field-filled-pr: 10; /* @kind spacing */
  --text-field-filled-pt: 24; /* @kind spacing */
  --text-field-filled-sm-hidden-py: 12; /* @kind spacing */
  --text-field-filled-sm-pb: 4; /* @kind spacing */
  --text-field-filled-sm-pt: 20; /* @kind spacing */
  --text-field-outlined-md-height: 56; /* @kind spacing */
  --text-field-outlined-md-py: 16; /* @kind spacing */
  --text-field-outlined-px: 14; /* @kind spacing */
  --text-field-outlined-sm-py: 8; /* @kind spacing */
  --text-field-radius: var(--radius-1); /* @kind other */
  --text-field-select-arrow-icon: 18; /* @kind spacing */
  --text-field-select-arrow-mr: 10; /* @kind other */
  --text-field-standard-mt: 16; /* @kind other */
  --text-field-standard-pb: 4; /* @kind spacing */
  --text-field-standard-pt: 4; /* @kind spacing */
  --text-field-standard-sm-pt: 0; /* @kind spacing */
  --text-field-start-adornment-mr: 8; /* @kind other */
  --text-primary: var(--grey-800); /* @kind color */
  --text-secondary: var(--grey-600); /* @kind color */
  --textfield-start-adornment-size: 24; /* @kind font */
  --top: 27; /* @kind shadow */
  --warning-16: rgba(255,171,0,0.16); /* @kind color */
  --warning-24: rgba(255,171,0,0.24); /* @kind color */
  --warning-32: rgba(255,171,0,0.32); /* @kind color */
  --warning-48: rgba(255,171,0,0.48); /* @kind color */
  --warning-8: rgba(255,171,0,0.08); /* @kind color */
  --warning-contrast-text: var(--grey-800); /* @kind color */
  --warning-dark: rgb(183,110,0); /* @kind color */
  --warning-light: rgb(255,214,102); /* @kind color */
  --warning-main: rgb(255,171,0); /* @kind color */
  --weight-400: 400; /* @kind font */
  --weight-600: 600; /* @kind font */
  --weight-700: 700; /* @kind font */
  --white-1000: rgb(255,255,255); /* @kind color */
  --white-16: rgba(255,255,255,0.16); /* @kind color */
  --white-48: rgba(255,255,255,0.48); /* @kind color */
  --white-72: rgba(255,255,255,0.72); /* @kind color */
  --white-8: rgba(255,255,255,0.08); /* @kind color */
  --white-main: rgb(255,255,255); /* @kind color */
  --z8-blur: 16; /* @kind shadow */
  --z8-spread: 0; /* @kind shadow */
  --z8-x: 0; /* @kind shadow */
  --z8-y: 8; /* @kind shadow */
}

:root[data-theme="dark"], .dark {
  --accents-orange: rgb(255,146,48); /* @kind color */
  --accents-orange: rgb(255,160,86); /* @kind color */
  --action-active: var(--grey-500); /* @kind color */
  --action-disabled-bgcolor: var(--grey-24); /* @kind color */
  --action-disabled: var(--grey-80); /* @kind color */
  --action-hover: var(--grey-8); /* @kind color */
  --action-selected: var(--grey-16); /* @kind color */
  --background-default: var(--grey-900); /* @kind color */
  --background-neutral: rgb(40,50,61); /* @kind color */
  --background-paper: var(--grey-800); /* @kind color */
  --components-button-outlined: var(--grey-32); /* @kind color */
  --components-divider: var(--grey-20); /* @kind color */
  --components-input-outlined: var(--grey-20); /* @kind color */
  --components-input-underline: var(--grey-32); /* @kind color */
  --components-paper-bg-paper-blur: rgba(33,43,54,0.9); /* @kind color */
  --docs-component-bgcolor: rgb(240,230,255); /* @kind color */
  --docs-component-border-color: rgb(143,75,246); /* @kind color */
  --docs-component-md-p: var(--spacing-5); /* @kind spacing */
  --docs-component-md-radius: var(--radius-3); /* @kind other */
  --grays-gray-2: rgb(84,84,86); /* @kind color */
  --grays-gray-2: rgb(99,99,102); /* @kind color */
  --icon-default-default: var(--white-1000); /* @kind color */
  --shadow-16: var(--black-16); /* @kind color */
  --shadow-24: var(--black-24); /* @kind color */
  --shape-filled-inherit-bgcolor: var(--white-main); /* @kind color */
  --shape-filled-inherit-color: var(--grey-800); /* @kind color */
  --shape-filled-inherit-hover: var(--grey-400); /* @kind color */
  --shape-soft-inherit-bgcolor: var(--grey-16); /* @kind color */
  --shape-soft-inherit-hover-bgcolor: var(--grey-32); /* @kind color */
  --swap-dark-light-error: var(--error-light); /* @kind color */
  --swap-dark-light-info: var(--info-light); /* @kind color */
  --swap-dark-light-primary: var(--primary-light); /* @kind color */
  --swap-dark-light-secondary: var(--secondary-light); /* @kind color */
  --swap-dark-light-success: var(--success-light); /* @kind color */
  --swap-dark-light-warning: var(--warning-light); /* @kind color */
  --swap-main-light-error: var(--error-light); /* @kind color */
  --text-disabled: var(--grey-600); /* @kind color */
  --text-primary: var(--white-main); /* @kind color */
  --text-secondary: var(--grey-500); /* @kind color */
}

:root[data-mode="blue"] {
  --p-16: rgba(7,141,238,0.16); /* @kind color */
  --p-24: rgba(7,141,238,0.24); /* @kind color */
  --p-32: rgba(7,141,238,0.32); /* @kind color */
  --p-48: rgba(7,141,238,0.48); /* @kind color */
  --p-8: rgba(7,141,238,0.08); /* @kind color */
  --p-contrast-text: var(--white-main); /* @kind color */
  --p-dark: rgb(3,81,171); /* @kind color */
  --p-light: rgb(104,205,249); /* @kind color */
  --p-main: rgb(7,141,238); /* @kind color */
}

:root[data-mode="red"] {
  --p-16: rgba(250,84,28,0.16); /* @kind color */
  --p-24: rgba(250,84,28,0.24); /* @kind color */
  --p-32: rgba(250,84,28,0.32); /* @kind color */
  --p-48: rgba(250,84,28,0.48); /* @kind color */
  --p-8: rgba(250,84,28,0.08); /* @kind color */
  --p-contrast-text: var(--white-main); /* @kind color */
  --p-dark: rgb(179,32,14); /* @kind color */
  --p-light: rgb(253,171,118); /* @kind color */
  --p-main: rgb(250,84,28); /* @kind color */
}

:root[data-mode="mobile"] {
  --body1-letter-spacing: 0; /* @kind font */
  --body1-line-height: 24; /* @kind font */
  --body1-paragraph-spacing: 0; /* @kind font */
  --body1-size: 16; /* @kind font */
  --body1-weight: var(--weight-400); /* @kind font */
  --body2-letter-spacing: 0; /* @kind font */
  --body2-line-height: 22; /* @kind font */
  --body2-paragraph-spacing: 0; /* @kind font */
  --body2-size: 14; /* @kind font */
  --body2-weight: var(--weight-400); /* @kind font */
  --caption-family: var(--family-primary); /* @kind font */
  --caption-letter-spacing: 0; /* @kind font */
  --caption-line-height: 18; /* @kind font */
  --caption-paragraph-spacing: 0; /* @kind font */
  --caption-size: 12; /* @kind font */
  --caption-weight: var(--weight-400); /* @kind font */
  --components-button-large-line-height: 26; /* @kind font */
  --components-button-large-size: 15; /* @kind font */
  --components-button-large-weight: var(--weight-700); /* @kind font */
  --components-button-medium-line-height: 24; /* @kind font */
  --components-button-medium-size: 14; /* @kind font */
  --components-button-medium-weight: var(--weight-700); /* @kind font */
  --components-button-small-line-height: 22; /* @kind font */
  --components-button-small-size: 13; /* @kind font */
  --components-button-small-weight: var(--weight-700); /* @kind font */
  --components-input-label-line-height: 18; /* @kind font */
  --components-input-label-size: 12; /* @kind font */
  --components-input-label-weight: var(--weight-600); /* @kind font */
  --components-input-value-line-height: 24; /* @kind font */
  --components-input-value-size: 15; /* @kind font */
  --components-input-value-weight: var(--weight-400); /* @kind font */
  --components-label-weight: var(--weight-700); /* @kind font */
  --family-primary: "Public Sans"; /* @kind font */
  --h3-letter-spacing: 0; /* @kind font */
  --h3-paragraph-spacing: 0; /* @kind font */
  --h3-size: 24; /* @kind font */
  --h4-letter-spacing: 0; /* @kind font */
  --h4-line-height: 30; /* @kind font */
  --h4-paragraph-spacing: 0; /* @kind font */
  --h4-size: 20; /* @kind font */
  --h4-weight: var(--weight-700); /* @kind font */
  --h5-letter-spacing: 0; /* @kind font */
  --h5-line-height: 27; /* @kind font */
  --h5-paragraph-spacing: 0; /* @kind font */
  --h5-weight: var(--weight-700); /* @kind font */
  --h6-family: var(--family-primary); /* @kind font */
  --h6-letter-spacing: 0; /* @kind font */
  --h6-line-height: 26.444; /* @kind font */
  --h6-paragraph-spacing: 0; /* @kind font */
  --h6-size: 17; /* @kind font */
  --h6-weight: var(--weight-600); /* @kind font */
  --overline-letter-spacing: 0; /* @kind font */
  --overline-line-height: 18; /* @kind font */
  --overline-paragraph-spacing: 0; /* @kind font */
  --overline-size: 12; /* @kind font */
  --overline-weight: var(--weight-700); /* @kind font */
  --subtitle1-letter-spacing: 0; /* @kind font */
  --subtitle1-line-height: 24; /* @kind font */
  --subtitle1-paragraph-spacing: 0; /* @kind font */
  --subtitle1-size: 16; /* @kind font */
  --subtitle1-weight: var(--weight-600); /* @kind font */
  --subtitle2-letter-spacing: 0; /* @kind font */
  --subtitle2-line-height: 22; /* @kind font */
  --subtitle2-paragraph-spacing: 0; /* @kind font */
  --subtitle2-size: 14; /* @kind font */
  --subtitle2-weight: var(--weight-600); /* @kind font */
  --weight-400: 400; /* @kind font */
  --weight-600: 600; /* @kind font */
  --weight-700: 700; /* @kind font */
}

:root[data-theme="light"], .light {
  --accents-orange: rgb(197,83,0); /* @kind color */
  --grays-gray-2: rgb(174,174,178); /* @kind color */
}