/**
 * Do not edit directly, this file was auto-generated.
 * Generated on 
 * fluid-font is based on utopia.fyi: -> https://utopia.fyi/type/calculator/?c=320,16,1.2,1280,18,1.333,7,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12
 * fluid-spacing is based on utopia.fyi: -> https://utopia.fyi/space/calculator?c=320,16,1.2,1280,18,1.333,7,2,&s=0.75|0.5|0.25,1.5|2|3|4|6|7|8|10,s-l&g=s,l,xl,12
 */

:root {
  --tu-color-base: rgb(255, 255, 255); /** white */
  --tu-color-base-80: rgba(255, 255, 255, 0.8); /** white */
  --tu-color-base-hover: rgb(255, 255, 255); /** white */
  --tu-color-contrast: rgb(34, 34, 34); /** charcoal */
  --tu-color-contrast-80: rgba(34, 34, 34, 0.8); /** charcoal */
  --tu-color-contrast-hover: rgb(49, 49, 49); /** charcoal */
  --tu-color-primary: rgb(164, 30, 53); /** cherry */
  --tu-color-primary-80: rgba(164, 30, 53, 0.8); /** cherry */
  --tu-color-primary-hover: rgb(205, 72, 85); /** cherry */
  --tu-color-secondary: rgb(46, 41, 123); /** blue-dark */
  --tu-color-secondary-80: rgba(46, 41, 123, 0.8); /** blue-dark */
  --tu-color-secondary-hover: rgb(66, 66, 150); /** blue-dark */
  --tu-color-tertiary: rgb(242, 238, 232); /** eggshell */
  --tu-color-tertiary-80: rgba(242, 238, 232, 0.8); /** eggshell */
  --tu-color-tertiary-hover: rgb(255, 255, 255); /** eggshell */
  --tu-color-quaternary: rgb(188, 166, 133); /** taupe */
  --tu-color-quaternary-80: rgba(188, 166, 133, 0.8); /** taupe */
  --tu-color-quaternary-hover: rgb(248, 225, 190); /** taupe */
  --tu-color-quinary: rgb(206, 236, 249); /** blue-icy */
  --tu-color-quinary-80: rgba(206, 236, 249, 0.8); /** blue-icy */
  --tu-color-quinary-hover: rgb(255, 255, 255); /** blue-icy */
  --tu-color-senary: rgb(92, 132, 163); /** blue-steel */
  --tu-color-senary-80: rgba(92, 132, 163, 0.8); /** blue-steel */
  --tu-color-senary-hover: rgb(136, 178, 211); /** blue-steel */
  --tu-color-septenary: rgb(232, 44, 42); /** geranium */
  --tu-color-septenary-80: rgba(232, 44, 42, 0.8); /** geranium */
  --tu-color-septenary-hover: rgb(255, 126, 112); /** geranium */
  --tu-color-octonary: rgb(199, 215, 51); /** lime */
  --tu-color-octonary-80: rgba(199, 215, 51, 0.8); /** lime */
  --tu-color-octonary-hover: rgb(255, 255, 255); /** lime */
  --tu-color-nonary: rgb(252, 184, 19); /** ochre */
  --tu-color-nonary-80: rgba(252, 184, 19, 0.8); /** ochre */
  --tu-color-nonary-hover: rgb(255, 255, 255); /** ochre */
  --tu-font-fluid-xs: clamp(0.6331rem, 0.7149rem + -0.1022vw, 0.6944rem);
  --tu-font-fluid-sm: clamp(0.8333rem, 0.8298rem + 0.0177vw, 0.844rem);
  --tu-font-fluid-base: clamp(1rem, 0.9583rem + 0.2083vw, 1.125rem);
  --tu-font-fluid-lg: clamp(1.2rem, 1.1001rem + 0.4994vw, 1.4996rem);
  --tu-font-fluid-xl: clamp(1.44rem, 1.2537rem + 0.9317vw, 1.999rem);
  --tu-font-fluid-2xl: clamp(1.728rem, 1.4158rem + 1.5611vw, 2.6647rem);
  --tu-font-fluid-3xl: clamp(2.0736rem, 1.5808rem + 2.464vw, 3.552rem);
  --tu-font-fluid-4xl: clamp(2.4883rem, 1.7395rem + 3.7442vw, 4.7348rem);
  --tu-font-fluid-5xl: clamp(2.986rem, 1.8775rem + 5.5425vw, 6.3115rem);
  --tu-font-fluid-6xl: clamp(3.5832rem, 1.9732rem + 8.0501vw, 8.4132rem);
  --tu-font-size-fluid-xs: clamp(0.6331rem, 0.7149rem + -0.1022vw, 0.6944rem);
  --tu-font-size-fluid-sm: clamp(0.8333rem, 0.8298rem + 0.0177vw, 0.844rem);
  --tu-font-size-fluid-base: clamp(1rem, 0.9583rem + 0.2083vw, 1.125rem);
  --tu-font-size-fluid-lg: clamp(1.2rem, 1.1001rem + 0.4994vw, 1.4996rem);
  --tu-font-size-fluid-xl: clamp(1.44rem, 1.2537rem + 0.9317vw, 1.999rem);
  --tu-font-size-fluid-2xl: clamp(1.728rem, 1.4158rem + 1.5611vw, 2.6647rem);
  --tu-font-size-fluid-3xl: clamp(2.0736rem, 1.5808rem + 2.464vw, 3.552rem);
  --tu-font-size-fluid-4xl: clamp(2.4883rem, 1.7395rem + 3.7442vw, 4.7348rem);
  --tu-font-size-fluid-5xl: clamp(2.986rem, 1.8775rem + 5.5425vw, 6.3115rem);
  --tu-font-size-fluid-6xl: clamp(3.5832rem, 1.9732rem + 8.0501vw, 8.4132rem);
  --tu-font-family-sans: Roboto;
  --tu-font-family-roboto: Roboto;
  --tu-font-family-roboto-condensed: Roboto Condensed;
  --tu-font-family-serif: Faustina;
  --tu-font-family-faustina: Faustina;
  --tu-font-family-mono: Roboto Mono;
  --tu-font-family-primary: Roboto;
  --tu-font-family-secondary: Faustina;
  --tu-font-family-tertiary: Roboto Condensed;
  --tu-font-family-heading: Roboto;
  --tu-font-family-body: Faustina;
  --tu-font-family-button: Roboto;
  --tu-line-height-none: 1; /** Line height 1 */
  --tu-line-height-tight: 1.25; /** Line height 1.25 */
  --tu-line-height-snug: 1.375; /** Line height 1.375 */
  --tu-line-height-normal: 1.5; /** Line height 1.5 */
  --tu-line-height-relaxed: 1.625; /** Line height 1.625 */
  --tu-line-height-loose: 2; /** Line height 2 */
  --tu-font-weight-light: 300; /** Font weight 300 */
  --tu-font-weight-normal: 400; /** Font weight 400 */
  --tu-font-weight-medium: 500; /** Font weight 500 */
  --tu-font-weight-semibold: 600; /** Font weight 600 */
  --tu-font-weight-bold: 700; /** Font weight 700 */
  --tu-font-weight-extrabold: 800; /** Font weight 800 */
  --tu-font-weight-black: 900; /** Font weight 900 */
  --tu-spacing-fluid-base: clamp(1rem, 0.9583rem + 0.2083vw, 1.125rem);
  --tu-spacing-fluid-lg: clamp(1.5rem, 1.4375rem + 0.3125vw, 1.6875rem);
  --tu-spacing-fluid-xl: clamp(2rem, 1.9167rem + 0.4167vw, 2.25rem);
  --tu-spacing-fluid-2xl: clamp(3rem, 2.875rem + 0.625vw, 3.375rem);
  --tu-spacing-fluid-3xl: clamp(4rem, 3.8333rem + 0.8333vw, 4.5rem);
  --tu-spacing-fluid-4xl: clamp(6rem, 5.75rem + 1.25vw, 6.75rem);
  --tu-spacing-fluid-5xl: clamp(7rem, 6.7083rem + 1.4583vw, 7.875rem);
  --tu-spacing-fluid-6xl: clamp(8rem, 7.6667rem + 1.6667vw, 9rem); /** 128 144 */
  --tu-base-color-base: rgb(255, 255, 255); /** white */
  --tu-base-color-base-80: rgba(255, 255, 255, 0.8); /** white */
  --tu-base-color-base-hover: rgb(255, 255, 255); /** white */
  --tu-base-color-contrast: rgb(34, 34, 34); /** charcoal */
  --tu-base-color-contrast-80: rgba(34, 34, 34, 0.8); /** charcoal */
  --tu-base-color-contrast-hover: rgb(49, 49, 49); /** charcoal */
  --tu-base-color-primary: rgb(164, 30, 53); /** cherry */
  --tu-base-color-primary-80: rgba(164, 30, 53, 0.8); /** cherry */
  --tu-base-color-primary-hover: rgb(205, 72, 85); /** cherry */
  --tu-base-color-secondary: rgb(46, 41, 123); /** blue-dark */
  --tu-base-color-secondary-80: rgba(46, 41, 123, 0.8); /** blue-dark */
  --tu-base-color-secondary-hover: rgb(66, 66, 150); /** blue-dark */
  --tu-base-color-tertiary: rgb(242, 238, 232); /** eggshell */
  --tu-base-color-tertiary-80: rgba(242, 238, 232, 0.8); /** eggshell */
  --tu-base-color-tertiary-hover: rgb(255, 255, 255); /** eggshell */
  --tu-base-color-quaternary: rgb(188, 166, 133); /** taupe */
  --tu-base-color-quaternary-80: rgba(188, 166, 133, 0.8); /** taupe */
  --tu-base-color-quaternary-hover: rgb(248, 225, 190); /** taupe */
  --tu-base-color-quinary: rgb(206, 236, 249); /** blue-icy */
  --tu-base-color-quinary-80: rgba(206, 236, 249, 0.8); /** blue-icy */
  --tu-base-color-quinary-hover: rgb(255, 255, 255); /** blue-icy */
  --tu-base-color-senary: rgb(92, 132, 163); /** blue-steel */
  --tu-base-color-senary-80: rgba(92, 132, 163, 0.8); /** blue-steel */
  --tu-base-color-senary-hover: rgb(136, 178, 211); /** blue-steel */
  --tu-base-color-septenary: rgb(232, 44, 42); /** geranium */
  --tu-base-color-septenary-80: rgba(232, 44, 42, 0.8); /** geranium */
  --tu-base-color-septenary-hover: rgb(255, 126, 112); /** geranium */
  --tu-base-color-octonary: rgb(199, 215, 51); /** lime */
  --tu-base-color-octonary-80: rgba(199, 215, 51, 0.8); /** lime */
  --tu-base-color-octonary-hover: rgb(255, 255, 255); /** lime */
  --tu-base-color-nonary: rgb(252, 184, 19); /** ochre */
  --tu-base-color-nonary-80: rgba(252, 184, 19, 0.8); /** ochre */
  --tu-base-color-nonary-hover: rgb(255, 255, 255); /** ochre */
  --tu-base-font-fluid-xs: clamp(0.6331rem, 0.7149rem + -0.1022vw, 0.6944rem);
  --tu-base-font-fluid-sm: clamp(0.8333rem, 0.8298rem + 0.0177vw, 0.844rem);
  --tu-base-font-fluid-base: clamp(1rem, 0.9583rem + 0.2083vw, 1.125rem);
  --tu-base-font-fluid-lg: clamp(1.2rem, 1.1001rem + 0.4994vw, 1.4996rem);
  --tu-base-font-fluid-xl: clamp(1.44rem, 1.2537rem + 0.9317vw, 1.999rem);
  --tu-base-font-fluid-2xl: clamp(1.728rem, 1.4158rem + 1.5611vw, 2.6647rem);
  --tu-base-font-fluid-3xl: clamp(2.0736rem, 1.5808rem + 2.464vw, 3.552rem);
  --tu-base-font-fluid-4xl: clamp(2.4883rem, 1.7395rem + 3.7442vw, 4.7348rem);
  --tu-base-font-fluid-5xl: clamp(2.986rem, 1.8775rem + 5.5425vw, 6.3115rem);
  --tu-base-font-fluid-6xl: clamp(3.5832rem, 1.9732rem + 8.0501vw, 8.4132rem);
  --tu-base-font-size-fluid-xs: clamp(0.6331rem, 0.7149rem + -0.1022vw, 0.6944rem);
  --tu-base-font-size-fluid-sm: clamp(0.8333rem, 0.8298rem + 0.0177vw, 0.844rem);
  --tu-base-font-size-fluid-base: clamp(1rem, 0.9583rem + 0.2083vw, 1.125rem);
  --tu-base-font-size-fluid-lg: clamp(1.2rem, 1.1001rem + 0.4994vw, 1.4996rem);
  --tu-base-font-size-fluid-xl: clamp(1.44rem, 1.2537rem + 0.9317vw, 1.999rem);
  --tu-base-font-size-fluid-2xl: clamp(1.728rem, 1.4158rem + 1.5611vw, 2.6647rem);
  --tu-base-font-size-fluid-3xl: clamp(2.0736rem, 1.5808rem + 2.464vw, 3.552rem);
  --tu-base-font-size-fluid-4xl: clamp(2.4883rem, 1.7395rem + 3.7442vw, 4.7348rem);
  --tu-base-font-size-fluid-5xl: clamp(2.986rem, 1.8775rem + 5.5425vw, 6.3115rem);
  --tu-base-font-size-fluid-6xl: clamp(3.5832rem, 1.9732rem + 8.0501vw, 8.4132rem);
  --tu-base-font-family-sans: Roboto;
  --tu-base-font-family-roboto: Roboto;
  --tu-base-font-family-roboto-condensed: Roboto Condensed;
  --tu-base-font-family-serif: Faustina;
  --tu-base-font-family-faustina: Faustina;
  --tu-base-font-family-mono: Roboto Mono;
  --tu-base-font-family-primary: Roboto;
  --tu-base-font-family-secondary: Faustina;
  --tu-base-font-family-tertiary: Roboto Condensed;
  --tu-base-font-family-heading: Roboto;
  --tu-base-font-family-body: Faustina;
  --tu-base-font-family-button: Roboto;
  --tu-base-line-height-none: 1; /** Line height 1 */
  --tu-base-line-height-tight: 1.25; /** Line height 1.25 */
  --tu-base-line-height-snug: 1.375; /** Line height 1.375 */
  --tu-base-line-height-normal: 1.5; /** Line height 1.5 */
  --tu-base-line-height-relaxed: 1.625; /** Line height 1.625 */
  --tu-base-line-height-loose: 2; /** Line height 2 */
  --tu-base-font-weight-light: 300; /** Font weight 300 */
  --tu-base-font-weight-normal: 400; /** Font weight 400 */
  --tu-base-font-weight-medium: 500; /** Font weight 500 */
  --tu-base-font-weight-semibold: 600; /** Font weight 600 */
  --tu-base-font-weight-bold: 700; /** Font weight 700 */
  --tu-base-font-weight-extrabold: 800; /** Font weight 800 */
  --tu-base-font-weight-black: 900; /** Font weight 900 */
  --tu-base-spacing-fluid-base: clamp(1rem, 0.9583rem + 0.2083vw, 1.125rem);
  --tu-base-spacing-fluid-lg: clamp(1.5rem, 1.4375rem + 0.3125vw, 1.6875rem);
  --tu-base-spacing-fluid-xl: clamp(2rem, 1.9167rem + 0.4167vw, 2.25rem);
  --tu-base-spacing-fluid-2xl: clamp(3rem, 2.875rem + 0.625vw, 3.375rem);
  --tu-base-spacing-fluid-3xl: clamp(4rem, 3.8333rem + 0.8333vw, 4.5rem);
  --tu-base-spacing-fluid-4xl: clamp(6rem, 5.75rem + 1.25vw, 6.75rem);
  --tu-base-spacing-fluid-5xl: clamp(7rem, 6.7083rem + 1.4583vw, 7.875rem);
  --tu-base-spacing-fluid-6xl: clamp(8rem, 7.6667rem + 1.6667vw, 9rem); /** 128 144 */
  --tu-preset-color-base: rgb(255, 255, 255); /** white */
  --tu-preset-color-base-80: rgba(255, 255, 255, 0.8); /** white */
  --tu-preset-color-base-hover: rgb(255, 255, 255); /** white */
  --tu-preset-color-contrast: rgb(34, 34, 34); /** charcoal */
  --tu-preset-color-contrast-80: rgba(34, 34, 34, 0.8); /** charcoal */
  --tu-preset-color-contrast-hover: rgb(49, 49, 49); /** charcoal */
  --tu-preset-color-primary: rgb(164, 30, 53); /** cherry */
  --tu-preset-color-primary-80: rgba(164, 30, 53, 0.8); /** cherry */
  --tu-preset-color-primary-hover: rgb(205, 72, 85); /** cherry */
  --tu-preset-color-secondary: rgb(46, 41, 123); /** blue-dark */
  --tu-preset-color-secondary-80: rgba(46, 41, 123, 0.8); /** blue-dark */
  --tu-preset-color-secondary-hover: rgb(66, 66, 150); /** blue-dark */
  --tu-preset-color-tertiary: rgb(242, 238, 232); /** eggshell */
  --tu-preset-color-tertiary-80: rgba(242, 238, 232, 0.8); /** eggshell */
  --tu-preset-color-tertiary-hover: rgb(255, 255, 255); /** eggshell */
  --tu-preset-color-quaternary: rgb(188, 166, 133); /** taupe */
  --tu-preset-color-quaternary-80: rgba(188, 166, 133, 0.8); /** taupe */
  --tu-preset-color-quaternary-hover: rgb(248, 225, 190); /** taupe */
  --tu-preset-color-quinary: rgb(206, 236, 249); /** blue-icy */
  --tu-preset-color-quinary-80: rgba(206, 236, 249, 0.8); /** blue-icy */
  --tu-preset-color-quinary-hover: rgb(255, 255, 255); /** blue-icy */
  --tu-preset-color-senary: rgb(92, 132, 163); /** blue-steel */
  --tu-preset-color-senary-80: rgba(92, 132, 163, 0.8); /** blue-steel */
  --tu-preset-color-senary-hover: rgb(136, 178, 211); /** blue-steel */
  --tu-preset-color-septenary: rgb(232, 44, 42); /** geranium */
  --tu-preset-color-septenary-80: rgba(232, 44, 42, 0.8); /** geranium */
  --tu-preset-color-septenary-hover: rgb(255, 126, 112); /** geranium */
  --tu-preset-color-octonary: rgb(199, 215, 51); /** lime */
  --tu-preset-color-octonary-80: rgba(199, 215, 51, 0.8); /** lime */
  --tu-preset-color-octonary-hover: rgb(255, 255, 255); /** lime */
  --tu-preset-color-nonary: rgb(252, 184, 19); /** ochre */
  --tu-preset-color-nonary-80: rgba(252, 184, 19, 0.8); /** ochre */
  --tu-preset-color-nonary-hover: rgb(255, 255, 255); /** ochre */
  --tu-preset-font-fluid-xs: clamp(0.6331rem, 0.7149rem + -0.1022vw, 0.6944rem);
  --tu-preset-font-fluid-sm: clamp(0.8333rem, 0.8298rem + 0.0177vw, 0.844rem);
  --tu-preset-font-fluid-base: clamp(1rem, 0.9583rem + 0.2083vw, 1.125rem);
  --tu-preset-font-fluid-lg: clamp(1.2rem, 1.1001rem + 0.4994vw, 1.4996rem);
  --tu-preset-font-fluid-xl: clamp(1.44rem, 1.2537rem + 0.9317vw, 1.999rem);
  --tu-preset-font-fluid-2xl: clamp(1.728rem, 1.4158rem + 1.5611vw, 2.6647rem);
  --tu-preset-font-fluid-3xl: clamp(2.0736rem, 1.5808rem + 2.464vw, 3.552rem);
  --tu-preset-font-fluid-4xl: clamp(2.4883rem, 1.7395rem + 3.7442vw, 4.7348rem);
  --tu-preset-font-fluid-5xl: clamp(2.986rem, 1.8775rem + 5.5425vw, 6.3115rem);
  --tu-preset-font-fluid-6xl: clamp(3.5832rem, 1.9732rem + 8.0501vw, 8.4132rem);
  --tu-preset-font-size-fluid-xs: clamp(0.6331rem, 0.7149rem + -0.1022vw, 0.6944rem);
  --tu-preset-font-size-fluid-sm: clamp(0.8333rem, 0.8298rem + 0.0177vw, 0.844rem);
  --tu-preset-font-size-fluid-base: clamp(1rem, 0.9583rem + 0.2083vw, 1.125rem);
  --tu-preset-font-size-fluid-lg: clamp(1.2rem, 1.1001rem + 0.4994vw, 1.4996rem);
  --tu-preset-font-size-fluid-xl: clamp(1.44rem, 1.2537rem + 0.9317vw, 1.999rem);
  --tu-preset-font-size-fluid-2xl: clamp(1.728rem, 1.4158rem + 1.5611vw, 2.6647rem);
  --tu-preset-font-size-fluid-3xl: clamp(2.0736rem, 1.5808rem + 2.464vw, 3.552rem);
  --tu-preset-font-size-fluid-4xl: clamp(2.4883rem, 1.7395rem + 3.7442vw, 4.7348rem);
  --tu-preset-font-size-fluid-5xl: clamp(2.986rem, 1.8775rem + 5.5425vw, 6.3115rem);
  --tu-preset-font-size-fluid-6xl: clamp(3.5832rem, 1.9732rem + 8.0501vw, 8.4132rem);
  --tu-preset-font-family-sans: Roboto;
  --tu-preset-font-family-roboto: Roboto;
  --tu-preset-font-family-roboto-condensed: Roboto Condensed;
  --tu-preset-font-family-serif: Faustina;
  --tu-preset-font-family-faustina: Faustina;
  --tu-preset-font-family-mono: Roboto Mono;
  --tu-preset-font-family-primary: Roboto;
  --tu-preset-font-family-secondary: Faustina;
  --tu-preset-font-family-tertiary: Roboto Condensed;
  --tu-preset-font-family-heading: Roboto;
  --tu-preset-font-family-body: Faustina;
  --tu-preset-font-family-button: Roboto;
  --tu-preset-line-height-none: 1; /** Line height 1 */
  --tu-preset-line-height-tight: 1.25; /** Line height 1.25 */
  --tu-preset-line-height-snug: 1.375; /** Line height 1.375 */
  --tu-preset-line-height-normal: 1.5; /** Line height 1.5 */
  --tu-preset-line-height-relaxed: 1.625; /** Line height 1.625 */
  --tu-preset-line-height-loose: 2; /** Line height 2 */
  --tu-preset-font-weight-light: 300; /** Font weight 300 */
  --tu-preset-font-weight-normal: 400; /** Font weight 400 */
  --tu-preset-font-weight-medium: 500; /** Font weight 500 */
  --tu-preset-font-weight-semibold: 600; /** Font weight 600 */
  --tu-preset-font-weight-bold: 700; /** Font weight 700 */
  --tu-preset-font-weight-extrabold: 800; /** Font weight 800 */
  --tu-preset-font-weight-black: 900; /** Font weight 900 */
  --tu-preset-spacing-fluid-base: clamp(1rem, 0.9583rem + 0.2083vw, 1.125rem);
  --tu-preset-spacing-fluid-lg: clamp(1.5rem, 1.4375rem + 0.3125vw, 1.6875rem);
  --tu-preset-spacing-fluid-xl: clamp(2rem, 1.9167rem + 0.4167vw, 2.25rem);
  --tu-preset-spacing-fluid-2xl: clamp(3rem, 2.875rem + 0.625vw, 3.375rem);
  --tu-preset-spacing-fluid-3xl: clamp(4rem, 3.8333rem + 0.8333vw, 4.5rem);
  --tu-preset-spacing-fluid-4xl: clamp(6rem, 5.75rem + 1.25vw, 6.75rem);
  --tu-preset-spacing-fluid-5xl: clamp(7rem, 6.7083rem + 1.4583vw, 7.875rem);
  --tu-preset-spacing-fluid-6xl: clamp(8rem, 7.6667rem + 1.6667vw, 9rem); /** 128 144 */
}