:where(html){
    --color-neutral-0: #fff;
    --color-neutral-25: #fcfcfd;
    --color-neutral-50: #f9fafb;
    --color-neutral-100: #f3f4f6;
    --color-neutral-200: #e5e7eb;
    --color-neutral-300: #d2d6db;
    --color-neutral-400: #9da4ae;
    --color-neutral-500: #6c737f;
    --color-neutral-600: #4d5761;
    --color-neutral-700: #484250;
    --color-neutral-800: #1f2a37;
    --color-neutral-900: #111927;
    --color-neutral-950: #0d121c;
    --color-primary-25: #f8f2f5;
    --color-primary-50: #f5eaf0;
    --color-primary-100: #ebd5e1;
    --color-primary-200: #cd98b4;
    --color-primary-300: #b46791;
    --color-primary-400: #a24176;
    --color-primary-500: #8f1b5a;
    --color-primary-600: #77174b;
    --color-primary-700: #5f123c;
    --color-primary-800: #480e2d;
    --color-primary-900: #30091e;
    --color-primary-950: #1d0512;
    --color-error-25: #fcf5f5;
    --color-error-50: #f5e1e2;
    --color-error-100: #e7b3b6;
    --color-error-200: #db8e92;
    --color-error-300: #cf686d;
    --color-error-400: #c34249;
    --color-error-500: #b81d25;
    --color-error-600: #99181e;
    --color-error-700: #7a1318;
    --color-error-800: #5c0e12;
    --color-error-900: #3d090c;
    --color-error-950: #1e0406;
    --color-warning-25: #fffcf5;
    --color-warning-50: #fffaeb;
    --color-warning-100: #fef0f7;
    --color-warning-200: #fedf89;
    --color-warning-300: #fec84b;
    --color-warning-400: #fdb022;
    --color-warning-500: #f79009;
    --color-warning-600: #dc6803;
    --color-warning-700: #b54708;
    --color-warning-800: #93370d;
    --color-warning-900: #7a2e0e;
    --color-warning-950: #4e1d09;
    --color-success-25: #f5fcfa;
    --color-success-50: #e6f5ef;
    --color-success-100: #d8f0e7;
    --color-success-200: #b1e2d0;
    --color-success-300: #64c5a1;
    --color-success-400: #3db68a;
    --color-success-500: #17a873;
    --color-success-600: #138c5f;
    --color-success-700: #0f704c;
    --color-success-800: #0b5439;
    --color-success-900: #073826;
    --color-success-950: #031c13;
    --color-secondary-25: #fafdec;
    --color-secondary-50: #f5fcd9;
    --color-secondary-100: #eefbc0;
    --color-secondary-200: #e5f8a0;
    --color-secondary-300: #dcf680;
    --color-secondary-400: #d4f461;
    --color-secondary-500: #cbf241;
    --color-secondary-600: #a9ca36;
    --color-secondary-700: #87a12b;
    --color-secondary-800: #667921;
    --color-secondary-900: #445116;
    --color-secondary-950: #28300d;
    --color-tertiary-25: #f0ebff;
    --color-tertiary-50: #e0d6ff;
    --color-tertiary-100: #ccbbff;
    --color-tertiary-200: #b299ff;
    --color-tertiary-300: #9977ff;
    --color-tertiary-400: #8055ff;
    --color-tertiary-500: #6633ff;
    --color-tertiary-600: #552bd4;
    --color-tertiary-700: #4422aa;
    --color-tertiary-800: #331a80;
    --color-tertiary-900: #221155;
    --color-tertiary-950: #140a33;
    --color-quaternary-25: #feecf8;
    --color-quaternary-50: #ffe3f6;
    --color-quaternary-100: #ffd1f1;
    --color-quaternary-200: #ffb9e9;
    --color-quaternary-300: #ffa2e2;
    --color-quaternary-400: #ff88db;
    --color-quaternary-500: #ff74d4;
    --color-quaternary-600: #d461b1;
    --color-quaternary-700: #aa4d8d;
    --color-quaternary-800: #803a6a;
    --color-quaternary-900: #552747;
    --color-quaternary-950: #33172a;
    --color-neutral-900-5: rgba(17 25 39 / 0.05);
    --color-neutral-900-10: rgba(17 25 39 / 0.1);
    --font-sans: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
    --font-serif: "TT Norms Pro";
    --font-mono: "TT Norms Pro Mono";
    --font-size-xxs: clamp(0.5625rem, 0.5192rem + 0.1923vw, 0.75rem);
    --font-size-xs: clamp(0.75rem, 0.6923rem + 0.2564vw, 1rem);
    --font-size-s: clamp(1rem, 0.9423rem + 0.2564vw, 1.25rem);
    --font-size-m: clamp(1.375rem, 1.3173rem + 0.2564vw, 1.625rem);
    --font-size-l: clamp(1.75rem, 1.6346rem + 0.5128vw, 2.25rem);
    --font-size-xl: clamp(2.375rem, 2.2308rem + 0.641vw, 3rem);
    --font-size-xxl: clamp(3.125rem, 2.9231rem + 0.8974vw, 4rem);
    --display-m: clamp(1.75rem, 1.6923rem + 0.2564vw, 2rem);
    --display-l: clamp(2.25rem, 2.1346rem + 0.5128vw, 2.75rem);
    --display-xl: clamp(2.75rem, 2.5192rem + 1.0256vw, 3.75rem);
    --display-xxl: clamp(3.75rem, 3.5192rem + 1.0256vw, 4.75rem);
    --text-xxs: clamp(0.875rem, 0.7885rem + 0.3846vw, 1.125rem);
    --text-xs: clamp(1.25rem, 1.1923rem + 0.2564vw, 1.5rem);
    --text-s: clamp(1.5rem, 1.3846rem + 0.5128vw, 2rem);
    --text-m: clamp(2.25rem, 2.1923rem + 0.2564vw, 2.5rem);
    --text-l: clamp(2.75rem, 2.5769rem + 0.7692vw, 3.5rem);
    --text-xl: var(--display-xl);
    --font-size-xxs-container-dependant: clamp(0.5625rem, 0.5rem + 0.2778cqi, 0.75rem);
    --font-size-xs-container-dependant: clamp(0.75rem, 0.6667rem + 0.3704cqi, 1rem);
    --font-size-s-container-dependant: clamp(1rem, 0.9167rem + 0.3704cqi, 1.25rem);
    --font-size-m-container-dependant: clamp(1.375rem, 1.2917rem + 0.3704cqi, 1.625rem);
    --font-size-l-container-dependant: clamp(1.75rem, 1.5833rem + 0.7407cqi, 2.25rem);
    --font-size-xl-container-dependant: clamp(2.375rem, 2.1667rem + 0.9259cqi, 3rem);
    --font-size-xxl-container-dependant: clamp(3.125rem, 2.8333rem + 1.2963cqi, 4rem);
    --text-xxs-container-dependant: clamp(0.875rem, 0.7917rem + 0.3704cqi, 1.125rem);
    --text-xs-container-dependant: clamp(1.25rem, 1.1667rem + 0.3704cqi, 1.5rem);
    --text-s-container-dependant: clamp(1.5rem, 1.3333rem + 0.7407cqi, 2rem);
    --text-m-container-dependant: clamp(2.25rem, 2.1667rem + 0.3704cqi, 2.5rem);
    --text-l-container-dependant: clamp(2.75rem, 2.5rem + 1.1111cqi, 3.5rem);
    --display-m-container-dependant: clamp(1.75rem, 1.6667rem + 0.3704cqi, 2rem);
    --display-l-container-dependant: clamp(2.25rem, 2.0833rem + 0.7407cqi, 2.75rem);
    --display-xl-container-dependant: clamp(2.75rem, 2.4167rem + 1.4815cqi, 3.75rem);
    --display-xxl-container-dependant: clamp(3.75rem, 3.4167rem + 1.4815cqi, 4.75rem);
    --surface-default: var(--color-neutral-0);
    --text-default: var(--color-neutral-900);
    --text-on-color-block: var(--color-neutral-0);
    --text-default-display: var(--text-neutral-accent);
    --surface-default-elevation-1: var(--color-neutral-50);
    --surface-default-elevation-2: var(--color-neutral-100);
    --surface-default-elevation-3: var(--color-neutral-200);
    --surface-default-elevation-4: var(--color-neutral-300);
    --surface-primary-elevation-1: var(--color-primary-25);
    --surface-primary-elevation-2: var(--color-primary-50);
    --surface-primary-elevation-3: var(--color-primary-100);
    --surface-error-elevation-1: var(--color-error-25);
    --surface-error-elevation-2: var(--color-error-50);
    --surface-error-elevation-3: var(--color-error-100);
    --surface-warning-elevation-1: var(--color-warning-50);
    --surface-warning-elevation-2: var(--color-warning-100);
    --surface-warning-elevation-3: var(--color-warning-200);
    --surface-success-elevation-1: var(--color-success-25);
    --surface-success-elevation-2: var(--color-success-50);
    --surface-success-elevation-3: var(--color-success-100);
    --border-colored: var(--color-primary-200);
    --border-neutral: var(--color-neutral-200);
    --border-colored-accent: var(--color-primary-400);
    --border-neutral-accent: var(--color-neutral-400);
    --border-error: var(--color-error-100);
    --border-error-accent: var(--color-error-300);
    --border-success: var(--color-success-200);
    --border-success-accent: var(--color-success-300);
    --border-warning: var(--color-warning-200);
    --border-warning-accent: var(--color-warning-300);
    --text-colored: var(--color-primary-500);
    --text-colored-accent: var(--color-primary-600);
    --text-colored-dark: var(--color-primary-700);
    --surface-primary-block: var(--color-primary-500);
    --surface-primary-block-accent: var(--color-primary-600);
    --surface-primary-block-dark: var(--color-primary-700);
    --text-neutral: var(--color-neutral-500);
    --text-neutral-accent: var(--color-neutral-600);
    --text-neutral-dark: var(--color-neutral-700);
    --border-colored-light: var(--color-primary-50);
    --border-neutral-light: var(--color-neutral-100);
    --text-colored-disabled: var(--color-primary-200);
    --text-neutral-disabled: var(--color-neutral-300);
    --surface-error-block: var(--color-error-600);
    --surface-error-block-accent: var(--color-error-700);
    --surface-error-block-dark: var(--color-error-800);
    --text-error: var(--color-error-600);
    --text-error-accent: var(--color-error-700);
    --text-success: var(--color-success-600);
    --text-success-accent: var(--color-success-700);
    --text-warning: var(--color-warning-700);
    --text-warning-accent: var(--color-warning-800);
    --text-error-disabled: var(--color-error-300);
    --text-success-disabled: var(--color-success-300);
    --text-warning-disabled: var(--color-warning-300);
    --text-error-dark: var(--color-error-800);
    --text-success-dark: var(--color-success-800);
    --text-warning-dark: var(--color-warning-900);
    --border-error-light: var(--color-error-50);
    --surface-success-block: var(--color-success-600);
    --surface-success-block-accent: var(--color-success-700);
    --surface-neutral-block: var(--color-neutral-500);
    --surface-neutral-block-accent: var(--color-neutral-600);
    --surface-dark-block: var(--color-neutral-900);
    --text-colored-secondary: var(--color-secondary-600);
    --text-colored-secondary-accent: var(--color-secondary-700);
    --text-colored-secondary-dark: var(--color-secondary-800);
    --text-colored-tertiary: var(--color-tertiary-500);
    --text-colored-tertiary-accent: var(--color-tertiary-600);
    --text-colored-tertiary-dark: var(--color-tertiary-700);
    --text-colored-quaternary: var(--color-quaternary-600);
    --text-colored-quaternary-accent: var(--color-quaternary-700);
    --text-colored-quaternary-dark: var(--color-quaternary-800);
    --surface-secondary-elevation-1: var(--color-secondary-25);
    --surface-tertiary-elevation-1: var(--color-tertiary-25);
    --surface-quaternary-elevation-1: var(--color-quaternary-25);
    --border-colored-secondary: var(--color-secondary-200);
    --border-colored-tertiary: var(--color-tertiary-200);
    --border-colored-quaternary: var(--color-quaternary-200);
    --border-colored-dark: var(--color-primary-500);
    --border-colored-tertiary-dark: var(--color-tertiary-500);
    --border-success-light: var(--color-success-50);
    --border-warning-light: var(--color-warning-50);
    --surface-warning-block: var(--color-warning-600);
    --surface-warning-block-accent: var(--color-warning-700);
    --surface-warning-block-dark: var(--color-warning-800);
    --surface-success-block-dark: var(--color-success-800);
    --surface-tertiary-elevation-2: var(--color-tertiary-50);
    --surface-secondary-elevation-2: var(--color-secondary-50);
    --surface-quaternary-elevation-2: var(--color-quaternary-50);
    --border-invisible-elevation-1: var(--color-neutral-50);
    --border-focus-ring-primary: var(--color-primary-300);
    --border-focus-ring-neutral: var(--color-neutral-300);
    --border-focus-ring-error: var(--color-error-300);
    --border-white: var(--color-neutral-0);
    --surface-shadow-light-extra: var(--color-neutral-900-5);
    --surface-shadow-light: var(--color-neutral-900-10);
    --border-focus-ring-success: var(--color-success-300);
    --border-focus-ring-warning: var(--color-warning-300);
    --border-focus-ring-secondary: var(--color-secondary-300);
    --border-focus-ring-tertiary: var(--color-tertiary-300);
    --border-focus-ring-quaternary: var(--color-quaternary-300);
    --shadow-xs: 0px 1px 4px 0px var(--surface-shadow-light-extra);
    --shadow-s: 0px 1px 2px 0px var(--surface-shadow-light-extra),
                    0px 1px 4px 0px var(--surface-shadow-light);
    --shadow-m: 0px 2px 4px -2px var(--surface-shadow-light-extra),
                    0px 4px 8px -2px var(--surface-shadow-light);
    --shadow-l: 0px 4px 6px -2px var(--surface-shadow-light-extra),
                    0px 12px 16px -4px var(--surface-shadow-light);
    --text-primary: var(--text-colored);
    --text-primary-accent: var(--text-colored-accent);
    --border-primary: var(--border-colored);
    --border-primary-accent: var(--border-colored-accent);
    --surface-neutral-elevation-1: var(--surface-default-elevation-1);
    --surface-neutral-elevation-2: var(--surface-default-elevation-2);
    --surface-neutral-elevation-3: var(--surface-default-elevation-3);
    --spacing-0: 0rem;
    --spacing-1: .25rem;
    --spacing-2: .5rem;
    --spacing-3: .75rem;
    --spacing-4: 1rem;
    --spacing-5: 1.25rem;
    --spacing-6: 1.5rem;
    --spacing-8: 2rem;
    --spacing-10: 2.5rem;
    --spacing-12: 3rem;
    --spacing-14: 3.25rem;
    --spacing-16: 4rem;
    --spacing-20: 5rem;
    --spacing-24: 6rem;
    --spacing-32: 8rem;
    --spacing-40: 10rem;
    --spacing-48: 12rem;
    --spacing-56: 14rem;
    --spacing-64: 16rem;
    --container-full-desktop: 100vw;
    --container-full-tablet-landscape: 100vw;
    --container-full-tablet-portrait: 100vw;
    --container-full-mobile: 100vw;
    --container-wide-desktop: clamp(64rem, 58rem + 26.6667vw, 90rem);
    --container-wide-tablet-landscape: clamp(48rem, 44.3077rem + 16.4103vw, 64rem);
    --container-wide-tablet-portrait: clamp(20.5rem, 14.1538rem + 28.2051vw, 48rem);
    --container-wide-mobile: 20.5rem;
    --container-large-desktop: clamp(60rem, 57.375rem + 11.6667vw, 71.375rem);
    --container-large-tablet-landscape: clamp(45rem, 41.5385rem + 15.3846vw, 60rem);
    --container-large-tablet-portrait: clamp(20.5rem, 14.8462rem + 25.1282vw, 45rem);
    --container-large-mobile: 20.5rem;
    --container-medium-desktop: clamp(46.25rem, 43.8558rem + 10.641vw, 56.625rem);
    --container-medium-tablet-landscape: clamp(29.5rem, 25.6346rem + 17.1795vw, 46.25rem);
    --container-medium-tablet-portrait: clamp(20.5rem, 18.4231rem + 9.2308vw, 29.5rem);
    --container-medium-mobile: 20.5rem;
    --container-narrow-desktop: clamp(32.5rem, 30.3077rem + 9.7436vw, 42rem);
    --container-narrow-tablet-landscape: clamp(29.5rem, 28.8077rem + 3.0769vw, 32.5rem);
    --container-narrow-tablet-portrait: clamp(20.5rem, 18.4231rem + 9.2308vw, 29.5rem);
    --container-narrow-mobile: 20.5rem;
    --spacing-padding-edge-desktop: var(--spacing-8);
    --spacing-padding-edge-tablet-landscape: var(--spacing-8);
    --spacing-padding-edge-tablet-portrait: var(--spacing-6);
    --spacing-padding-edge-mobile: var(--spacing-4);
    --spacing-gutter-desktop: var(--spacing-8);
    --spacing-gutter-tablet-landscape: var(--spacing-8);
    --spacing-gutter-tablet-portrait: var(--spacing-6);
    --spacing-gutter-mobile: var(--spacing-4);
    --spacing-padding-content-top-desktop: var(--spacing-0);
    --spacing-padding-content-top-tablet-landscape: var(--spacing-0);
    --spacing-padding-content-top-tablet-portrait: var(--spacing-0);
    --spacing-padding-content-top-mobile: var(--spacing-0);
    --spacing-padding-main-bottom-desktop: var(--spacing-32);
    --spacing-padding-main-bottom-tablet-landscape: var(--spacing-32);
    --spacing-padding-main-bottom-tablet-portrait: var(--spacing-20);
    --spacing-padding-main-bottom-mobile: var(--spacing-16);
    --spacing-content-gap-desktop: var(--spacing-16);
    --spacing-content-gap-tablet-landscape: var(--spacing-16);
    --spacing-content-gap-tablet-portrait: var(--spacing-16);
    --spacing-content-gap-mobile: var(--spacing-12);
    --border-radii-sharp:0rem;
    --border-radius-1: 0.25rem;
    --border-radius-2: 0.5rem;
    --border-radius-3: 0.75rem;
    --border-radius-4: 1rem;
    --border-radius-6: 1.5rem;
    --border-radius-9: 2.25rem;
    --border-radius-12: 3rem;
    --border-radius-xxs-desktop: var(--border-radius-1);
    --border-radius-xxs-tablet-landscape: var(--border-radius-1);
    --border-radius-xxs-tablet-portrait: var(--border-radius-1);
    --border-radius-xxs-mobile: var(--border-radius-1);
    --border-radius-xs-desktop: var(--border-radius-2);
    --border-radius-xs-tablet-landscape: var(--border-radius-2);
    --border-radius-xs-tablet-portrait: var(--border-radius-2);
    --border-radius-xs-mobile: var(--border-radius-2);
    --border-radius-s-desktop: 0.625rem;
    --border-radius-s-tablet-landscape: 0.625rem;
    --border-radius-s-tablet-portrait: 0.625rem;
    --border-radius-s-mobile: 0.625rem;
    --border-radius-m-desktop: var(--border-radius-3);
    --border-radius-m-tablet-landscape: var(--border-radius-3);
    --border-radius-m-tablet-portrait: var(--border-radius-3);
    --border-radius-m-mobile: var(--border-radius-3);
    --border-radius-l-desktop: var(--border-radius-6);
    --border-radius-l-tablet-landscape: var(--border-radius-6);
    --border-radius-l-tablet-portrait: var(--border-radius-6);
    --border-radius-l-mobile: var(--border-radius-6);
    --border-radius-xl-desktop: var(--border-radius-9);
    --border-radius-xl-tablet-landscape: var(--border-radius-9);
    --border-radius-xl-tablet-portrait: var(--border-radius-9);
    --border-radius-xl-mobile: var(--border-radius-9);
    --duration-xs: 150ms;
    --duration-s: 250ms;
    --duration-m: 350ms;
    --easing-1: cubic-bezier(0.2, 0, 0.34, 1);
    --easing-1-reversed: cubic-bezier(0.66, 1, 0.8 , 0);
    --easing-2: cubic-bezier(0.2, 0.06, 0.19, 1);
    --easing-2-reversed: cubic-bezier(0.71, 0, 0.8, 0.94);
    --icon-size-xxs: clamp(0.75rem, 0.7212rem + 0.1282vw, 0.875rem);
    --icon-size-xs: var(--font-size-xs);
    --icon-size-s: var(--font-size-s);
    --icon-size-m: clamp(1.25rem, 1.1923rem + 0.2564vw, 1.5rem);
    --icon-size-l: var(--font-size-m):
                      --featured-icon-xs: clamp(2rem, 1.8846rem + 0.5128vw, 2.5rem);
    --featured-icon-s: clamp(2.5rem, 2.3846rem + 0.5128vw, 3rem);
    --featured-icon-m: clamp(3rem, 2.8846rem + 0.5128vw, 3.5rem);
    --logo-width: clamp(3rem, 2.5rem + 2.2222vw, 4.5rem);
    --logo-height: auto;
    --height-xs: clamp(2.5rem, 2.3846rem + 0.5128vw, 3rem);
    --height-s: clamp(3rem, 2.8846rem + 0.5128vw, 3.5rem);
    --height-m: clamp(3.5rem, 3.3846rem + 0.5128vw, 4rem)
  }
  @media only screen and (min-width: calc(320px + 1px)) and (max-width: 360px){
    :where(html){
      --border-radii-xxs: var(--border-radius-xxs-mobile);
      --border-radii-xs: var(--border-radius-xs-mobile);
      --border-radii-s: var(--border-radius-s-mobile);
      --border-radii-m: var(--border-radius-m-mobile);
      --border-radii-l: var(--border-radius-l-mobile);
      --container-full: var(--container-full-mobile);
      --container-wide: var(--container-wide-mobile);
      --container-large: var(--container-large-mobile);
      --container-medium: var(--container-medium-mobile);
      --container-narrow: var(--container-narrow-mobile);
      --spacing-padding-edge: var(--spacing-padding-edge-mobile);
      --spacing-gutter: var(--spacing-gutter-mobile);
      --spacing-padding-content-top: var(--spacing-padding-content-top-mobile);
      --spacing-padding-main-bottom: var(--spacing-padding-main-bottom-mobile);
      --spacing-content-gap: var(--spacing-content-gap-mobile)
    }
  }
  @media only screen and (min-width: calc(360px + 1px)) and (max-width: 768px){
    :where(html){
    --border-radii-xxs: var(--border-radius-xxs-tablet-portrait);
  --border-radii-xs: var(--border-radius-xs-tablet-portrait);
  --border-radii-s: var(--border-radius-s-tablet-portrait);
  --border-radii-m: var(--border-radius-m-tablet-portrait);
  --border-radii-l: var(--border-radius-l-tablet-portrait);
  --container-full: var(--container-full-tablet-portrait);
  --container-wide: var(--container-wide-tablet-portrait);
  --container-large: var(--container-large-tablet-portrait);
  --container-medium: var(--container-medium-tablet-portrait);
  --container-narrow: var(--container-narrow-tablet-portrait);
  --spacing-padding-edge: var(--spacing-padding-edge-tablet-portrait);
  --spacing-gutter: var(--spacing-gutter-tablet-portrait);
  --spacing-padding-content-top: var(--spacing-padding-content-top-tablet-portrait);
  --spacing-padding-main-bottom: var(--spacing-padding-main-bottom-tablet-portrait);
  --spacing-content-gap: var(--spacing-content-gap-tablet-portrait)
  }
  
  }
  @media only screen and (min-width: calc(768px + 1px)) and (max-width: 1024px){
    :where(html){
    --border-radii-xxs: var(--border-radius-xxs-tablet-landscape);
  --border-radii-xs: var(--border-radius-xs-tablet-landscape);
  --border-radii-s: var(--border-radius-s-tablet-landscape);
  --border-radii-m: var(--border-radius-m-tablet-landscape);
  --border-radii-l: var(--border-radius-l-tablet-landscape);
  --container-full: var(--container-full-tablet-landscape);
  --container-wide: var(--container-wide-tablet-landscape);
  --container-large: var(--container-large-tablet-landscape);
  --container-medium: var(--container-medium-tablet-landscape);
  --container-narrow: var(--container-narrow-tablet-landscape);
  --spacing-padding-edge: var(--spacing-padding-edge-tablet-landscape);
  --spacing-gutter: var(--spacing-gutter-tablet-landscape);
  --spacing-padding-content-top: var(--spacing-padding-content-top-tablet-landscape);
  --spacing-padding-main-bottom: var(--spacing-padding-main-bottom-tablet-landscape);
  --spacing-content-gap: var(--spacing-content-gap-tablet-landscape)
  }
  
  }
  @media only screen and (min-width: calc(1024px + 1px)) and (max-width: 9999px){
    :where(html){
    --border-radii-xxs: var(--border-radius-xxs-desktop);
  --border-radii-xs: var(--border-radius-xs-desktop);
  --border-radii-s: var(--border-radius-s-desktop);
  --border-radii-m: var(--border-radius-m-desktop);
  --border-radii-l: var(--border-radius-l-desktop);
  --container-full: var(--container-full-desktop);
  --container-wide: var(--container-wide-desktop);
  --container-large: var(--container-large-desktop);
  --container-medium: var(--container-medium-desktop);
  --container-narrow: var(--container-narrow-desktop);
  --spacing-padding-edge: var(--spacing-padding-edge-desktop);
  --spacing-gutter: var(--spacing-gutter-desktop);
  --spacing-padding-content-top: var(--spacing-padding-content-top-desktop);
  --spacing-padding-main-bottom: var(--spacing-padding-main-bottom-desktop);
  --spacing-content-gap: var(--spacing-content-gap-desktop)
  }


@font-face{
    font-family:"TT Norms Pro Mono";
    src:url("../fonts/tt_norms_pro_mono_regular.otf") format("opentype");
    font-weight:normal;
    font-style:normal
  }
  @font-face{
    font-family:"TT Norms Pro Mono";
    src:url("../fonts/tt_norms_pro_mono_italic.otf") format("opentype");
    font-weight:normal;
    font-style:italic
  }
  @font-face{
    font-family:"TT Norms Pro Mono";
    src:url("../fonts/tt_norms_pro_mono_bold.otf") format("opentype");
    font-weight:bold;
    font-style:normal
  }
  @font-face{
    font-family:"TT Norms Pro Mono";
    src:url("../fonts/tt_norms_pro_mono_bold_italic.otf") format("opentype");
    font-weight:bold;
    font-style:italic
  }
  @font-face{
    font-family:"TT Norms Pro Mono";
    src:url("../fonts/tt_norms_pro_mono_demibold.otf") format("opentype");
    font-weight:600;
    font-style:normal
  }
  @font-face{
    font-family:"TT Norms Pro Mono";
    src:url("../fonts/tt_norms_pro_mono_demibold_italic.otf") format("opentype");
    font-weight:600;
    font-style:italic
  }
  @font-face{
    font-family:"TT Norms Pro Mono";
    src:url("../fonts/tt_norms_pro_mono_medium.otf") format("opentype");
    font-weight:500;
    font-style:normal
  }
  @font-face{
    font-family:"TT Norms Pro Mono";
    src:url("../fonts/tt_norms_pro_mono_medium_italic.otf") format("opentype");
    font-weight:500;
    font-style:italic
  }
  @font-face{
    font-family:"TT Norms Pro Mono";
    src:url("../fonts/tt_norms_pro_mono_light.otf") format("opentype");
    font-weight:300;
    font-style:normal
  }
  @font-face{
    font-family:"TT Norms Pro Mono";
    src:url("../fonts/tt_norms_pro_mono_light_italic.otf") format("opentype");
    font-weight:300;
    font-style:italic
  }
  @font-face{
    font-family:"TT Norms Pro Mono";
    src:url("../fonts/tt_norms_pro_mono_extralight.otf") format("opentype");
    font-weight:200;
    font-style:normal
  }
  @font-face{
    font-family:"TT Norms Pro Mono";
    src:url("../fonts/tt_norms_pro_mono_extralight_italic.otf") format("opentype");
    font-weight:200;
    font-style:italic
  }
  @font-face{
    font-family:"TT Norms Pro Mono";
    src:url("../fonts/tt_norms_pro_mono_thin.otf") format("opentype");
    font-weight:100;
    font-style:normal
  }
  @font-face{
    font-family:"TT Norms Pro Mono";
    src:url("../fonts/tt_norms_pro_mono_thin_italic.otf") format("opentype");
    font-weight:100;
    font-style:italic
  }
  @font-face{
    font-family:"TT Norms Pro";
    src:url("../fonts/tt_norms_pro_regular.otf") format("opentype");
    font-weight:normal;
    font-style:normal
  }
  @font-face{
    font-family:"TT Norms Pro";
    src:url("../fonts/tt_norms_pro_italic.otf") format("opentype");
    font-weight:normal;
    font-style:italic
  }
  @font-face{
    font-family:"TT Norms Pro";
    src:url("../fonts/tt_norms_pro_bold.otf") format("opentype");
    font-weight:bold;
    font-style:normal
  }
  @font-face{
    font-family:"TT Norms Pro";
    src:url("../fonts/tt_norms_pro_bold_italic.otf") format("opentype");
    font-weight:bold;
    font-style:italic
  }
  @font-face{
    font-family:"TT Norms Pro";
    src:url("../fonts/tt_norms_pro_demibold.otf") format("opentype");
    font-weight:600;
    font-style:normal
  }
  @font-face{
    font-family:"TT Norms Pro";
    src:url("../fonts/tt_norms_pro_demibold_italic.otf") format("opentype");
    font-weight:600;
    font-style:italic
  }
  @font-face{
    font-family:"TT Norms Pro";
    src:url("../fonts/tt_norms_pro_medium.otf") format("opentype");
    font-weight:500;
    font-style:normal
  }
  @font-face{
    font-family:"TT Norms Pro";
    src:url("../fonts/tt_norms_pro_medium_italic.otf") format("opentype");
    font-weight:500;
    font-style:italic
  }
  @font-face{
    font-family:"TT Norms Pro";
    src:url("../fonts/tt_norms_pro_light.otf") format("opentype");
    font-weight:300;
    font-style:normal
  }
  @font-face{
    font-family:"TT Norms Pro";
    src:url("../fonts/tt_norms_pro_light_italic.otf") format("opentype");
    font-weight:300;
    font-style:italic
  }
  @font-face{
    font-family:"TT Norms Pro";
    src:url("../fonts/tt_norms_pro_extralight.otf") format("opentype");
    font-weight:200;
    font-style:normal
  }
  @font-face{
    font-family:"TT Norms Pro";
    src:url("../fonts/tt_norms_pro_extralight_italic.otf") format("opentype");
    font-weight:200;
    font-style:italic
  }
  @font-face{
    font-family:"TT Norms Pro";
    src:url("../fonts/tt_norms_pro_thin.otf") format("opentype");
    font-weight:100;
    font-style:normal
  }
  @font-face{
    font-family:"TT Norms Pro";
    src:url("../fonts/tt_norms_pro_thin_italic.otf") format("opentype");
    font-weight:100;
    font-style:italic
    }