:root {
  --container: 1328px;
  /* COLORS */
  --color-base-black: #000000;
  --color-base-white: #ffffff;
  --color-base-accent-100: #ffce81;
  --color-base-accent-200: #ffbf67;
  --color-base-accent-25: #ffe6ae;
  --color-base-accent-300: #ffb250;
  --color-base-accent-400: #ff9f2d;
  --color-base-accent-50: #ffd896;
  --color-base-accent-500: #fe9d2d;
  --color-base-accent-600: #ed8422;
  --color-base-accent-700: #de6105;
  --color-base-accent-800: #c44804;
  --color-base-accent-900: #a62c02;
  --color-base-neutral-100: #d6d8d9;
  --color-base-neutral-200: #c5c8ca;
  --color-base-neutral-25: #f7f7f8;
  --color-base-neutral-300: #b4b7ba;
  --color-base-neutral-400: #a3a7ab;
  --color-base-neutral-50: #eeeff0;
  --color-base-neutral-500: #8f9498;
  --color-base-neutral-600: #767b7f;
  --color-base-neutral-700: #5c6063;
  --color-base-neutral-800: #44474b;
  --color-base-neutral-900: #2b2e32;
  --color-base-primary-100: #9bdef2;
  --color-base-primary-200: #77d2ed;
  --color-base-primary-25: #edf9fd;
  --color-base-primary-300: #4bc3e7;
  --color-base-primary-400: #1cb5e3;
  --color-base-primary-50: #c2ebf7;
  --color-base-primary-500: #0ea8d5;
  --color-base-primary-600: #0b90c4;
  --color-base-primary-700: #087db4;
  --color-base-primary-800: #0669a2;
  --color-base-primary-900: #03538f;
  --color-bg-white: var(--color-base-white);
  --color-bg-neutral-100: var(--color-base-neutral-100);
  --color-bg-neutral-200: var(--color-base-neutral-200);
  --color-bg-neutral-25: var(--color-base-neutral-25);
  --color-bg-neutral-300: var(--color-base-neutral-300);
  --color-bg-neutral-50: var(--color-base-neutral-50);
  --color-border-light: var(--color-base-white);
  --color-border-md: var(--color-base-neutral-100);
  --color-border-sm: var(--color-base-neutral-25);
  --color-content-accent: var(--color-base-accent-400);
  --color-content-primary: var(--color-base-primary-400);
  --color-content-white: var(--color-base-white);
  --color-content-neutral-100: var(--color-base-neutral-200);
  --color-content-neutral-200: var(--color-base-neutral-600);
  --color-content-neutral-300: var(--color-base-neutral-700);
  --color-content-neutral-400: var(--color-base-neutral-900);
  /* SIZES */
  --size-border-radius-0: 0px;
  --size-border-radius-05: var(--size-space-05x);
  --size-border-radius-1x: var(--size-space-1x);
  --size-border-radius-2x: var(--size-space-2x);
  --size-border-radius-3x: var(--size-space-3x);
  --size-border-radius-4x: var(--size-space-4x);
  --size-border-radius-6x: var(--size-space-6x);
  --size-border-radius-8x: var(--size-space-8x);
  --size-border-radius-999: 999px;
  --size-border-width-1: 1px;
  --size-border-width-2: 2px;
  --size-border-width-3: 3px;
  --size-border-width-4: 4px;
  --size-border-width-8: 8px;
  --size-breackpoints-xl: 1440px;
  --size-button-md: var(--size-space-12x);
  --size-button-xl: var(--size-space-16x);
  --size-padding-0x: var(--size-space-0x);
  --size-padding-1x: var(--size-space-1x);
  --size-padding-2x: var(--size-space-2x);
  --size-padding-3x: var(--size-space-3x);
  --size-padding-4x: var(--size-space-4x);
  --size-padding-6x: var(--size-space-6x);
  --size-padding-8x: var(--size-space-8x);
  --size-padding-12x: var(--size-space-12x);
  --size-padding-14x: var(--size-space-14x);
  --size-padding-24x: var(--size-space-24x);
  --size-padding-28x: 112px;
  --size-space-0x: 0px;
  --size-space-05x: 2px;
  --size-space-1x: 4px;
  --size-space-2x: 8px;
  --size-space-3x: 12px;
  --size-space-4x: 16px;
  --size-space-5x: 20px;
  --size-space-6x: 24px;
  --size-space-8x: 32px;
  --size-space-10x: 40px;
  --size-space-12x: 48px;
  --size-space-14x: 56px;
  --size-space-16x: 64px;
  --size-space-20x: 80px;
  --size-space-24x: 96px;
  --size-space-32x: 128px;
  --size-space-40x: 160px;
  --size-space-48x: 192px;
  --size-space-56x: 224px;
  --size-space-64x: 256px;
  --width-container: 1328px;
  --fr: calc((var(--width-container) - calc(16px * 11)) / 12);
  --gap: 16px;
  --two-one: calc((var(--fr) * 8) + (var(--gap) * 7)) 4fr;
  --one-three: calc((var(--fr) * 4) + (var(--gap) * 3)) 8fr;
}/*# sourceMappingURL=vars.css.map */