/* Do not edit, this file is generated */

/* stylelint-disable no-duplicate-selectors */

:root {
	--common__primitive__color__error-200: #fde7e7;
	--common__primitive__color__error-400: #ec1313;
	--common__primitive__color__error-600: #5e0808;
	--common__primitive__color__info-200: #e6f5ff;
	--common__primitive__color__info-400: #017acb;
	--common__primitive__color__info-600: #013d66;
	--common__primitive__color__neutrals-100: #f6f7f8;
	--common__primitive__color__neutrals-200: #eaecee;
	--common__primitive__color__neutrals-300: #d9dee2;
	--common__primitive__color__neutrals-400: #c2cbd4;
	--common__primitive__color__neutrals-500: #9fabb7;
	--common__primitive__color__neutrals-600: #677889;
	--common__primitive__color__neutrals-700: #3b454e;
	--common__primitive__color__neutrals-800: #252b31;
	--common__primitive__color__neutrals-900: #0e1318;
	--common__primitive__color__neutrals-black: #000000;
	--common__primitive__color__neutrals-white: #ffffff;
	--common__primitive__color__validation-200: #e7fdee;
	--common__primitive__color__validation-400: #0da540;
	--common__primitive__color__validation-600: #085e25;
	--common__primitive__color__warning-200: #fff4e5;
	--common__primitive__color__warning-400: #b26800;
	--common__primitive__color__warning-600: #663c00;
	--common__primitive__scale__05x: 2px;
	--common__primitive__scale__10x: 40px;
	--common__primitive__scale__12x: 48px;
	--common__primitive__scale__14x: 56px;
	--common__primitive__scale__18x: 72px;
	--common__primitive__scale__1x: 4px;
	--common__primitive__scale__22x: 88px;
	--common__primitive__scale__2x: 8px;
	--common__primitive__scale__32x: 128px;
	--common__primitive__scale__3x: 12px;
	--common__primitive__scale__4x: 16px;
	--common__primitive__scale__5x: 20px;
	--common__primitive__scale__6x: 24px;
	--common__primitive__scale__7x: 28px;
	--common__primitive__scale__8x: 32px;
	--common__primitive__scale__9x: 36px;
	--common__primitive__typography__font-size-100: 12px;
	--common__primitive__typography__font-size-200: 14px;
	--common__primitive__typography__font-size-300: 16px;
	--common__primitive__typography__font-size-350: 18px;
	--common__primitive__typography__font-size-400: 20px;
	--common__primitive__typography__font-size-450: 22px;
	--common__primitive__typography__font-size-500: 24px;
	--common__primitive__typography__font-size-600: 28px;
	--common__primitive__typography__font-size-700: 32px;
	--common__primitive__typography__font-size-800: 40px;
	--common__primitive__typography__font-size-900: 48px;
	--common__primitive__typography__font-size-1000: 64px;
	--common__primitive__typography__font-weight-bold: 700;
	--common__primitive__typography__font-weight-light: 300;
	--common__primitive__typography__font-weight-regular: 400;
	--common__primitive__typography__font-weight-semi-bold: 600;
	--common__primitive__typography__line-height-base: 1.5;
	--common__primitive__typography__line-height-compact: 1;
	--common__primitive__typography__line-height-tight: 1.3;
}

:root {
	--groupoctopus__primitive__color__light-indigo-50: #f7f8ff;
	--groupoctopus__primitive__color__light-indigo-100: #e6eaff;
	--groupoctopus__primitive__color__light-indigo-200: #cbd3ff;
	--groupoctopus__primitive__color__light-indigo-300: #a4aeff;
	--groupoctopus__primitive__color__light-indigo-400: #888eff;
	--groupoctopus__primitive__color__light-indigo-500: #6e6efa;
	--groupoctopus__primitive__color__light-indigo-600: #473bc5;
	--groupoctopus__primitive__color__light-indigo-700: #2e029b;
	--groupoctopus__primitive__color__light-indigo-800: #130054;
	--groupoctopus__primitive__color__light-indigo-900: #03001f;
	--groupoctopus__primitive__color__peps-lime-50: #e8ffdc;
	--groupoctopus__primitive__color__peps-lime-100: #b0ff8a;
	--groupoctopus__primitive__color__peps-lime-200: #8af850;
	--groupoctopus__primitive__color__peps-lime-300: #6ad724;
	--groupoctopus__primitive__color__peps-lime-400: #4ebb00;
	--groupoctopus__primitive__color__peps-lime-500: #389e00;
	--groupoctopus__primitive__color__peps-lime-600: #1e6b00;
	--groupoctopus__primitive__color__peps-lime-700: #0b4400;
	--groupoctopus__primitive__color__peps-lime-800: #001e00;
	--groupoctopus__primitive__color__peps-lime-900: #000600;
	--groupoctopus__primitive__color__prussian-blue-50: #edf4fc;
	--groupoctopus__primitive__color__prussian-blue-100: #d5e7f9;
	--groupoctopus__primitive__color__prussian-blue-200: #9accf5;
	--groupoctopus__primitive__color__prussian-blue-300: #47afeb;
	--groupoctopus__primitive__color__prussian-blue-400: #3091c6;
	--groupoctopus__primitive__color__prussian-blue-500: #1e74a0;
	--groupoctopus__primitive__color__prussian-blue-600: #0d587c;
	--groupoctopus__primitive__color__prussian-blue-700: #003c57;
	--groupoctopus__primitive__color__prussian-blue-800: #022436;
	--groupoctopus__primitive__color__prussian-blue-900: #010810;
	--groupoctopus__primitive__typography__font-family-default: 'DM Sans';
	--semantic__color__background-accent-primary: var(--groupoctopus__primitive__color__peps-lime-50);
	--semantic__color__background-accent-secondary: var(--groupoctopus__primitive__color__light-indigo-100);
	--semantic__color__background-default: var(--common__primitive__color__neutrals-white);
	--semantic__color__background-error: var(--common__primitive__color__error-200);
	--semantic__color__background-information: var(--common__primitive__color__info-200);
	--semantic__color__background-overlay: #003c57b3;
	--semantic__color__background-reverse: var(--groupoctopus__primitive__color__prussian-blue-700);
	--semantic__color__background-skeleton: var(--common__primitive__color__neutrals-400);
	--semantic__color__background-soft: var(--common__primitive__color__neutrals-100);
	--semantic__color__background-validation: var(--common__primitive__color__validation-200);
	--semantic__color__background-warning: var(--common__primitive__color__warning-200);
	--semantic__color__on-background-accent-primary: var(--groupoctopus__primitive__color__light-indigo-500);
	--semantic__color__on-background-accent-secondary: var(--groupoctopus__primitive__color__prussian-blue-700);
	--semantic__color__on-background-base: var(--common__primitive__color__neutrals-900);
	--semantic__color__on-background-error: var(--common__primitive__color__error-400);
	--semantic__color__on-background-information: var(--common__primitive__color__info-400);
	--semantic__color__on-background-muted: var(--common__primitive__color__neutrals-600);
	--semantic__color__on-background-reverse: var(--common__primitive__color__neutrals-white);
	--semantic__color__on-background-reverse-accent: var(--groupoctopus__primitive__color__peps-lime-300);
	--semantic__color__on-background-subtle: var(--common__primitive__color__neutrals-700);
	--semantic__color__on-background-validation: var(--common__primitive__color__validation-400);
	--semantic__color__on-background-warning: var(--common__primitive__color__warning-400);
	--semantic__color__on-surface-accent-primary: var(--common__primitive__color__neutrals-900);
	--semantic__color__on-surface-accent-secondary: var(--common__primitive__color__neutrals-900);
	--semantic__color__on-surface-default-accent: var(--groupoctopus__primitive__color__peps-lime-600);
	--semantic__color__on-surface-default-base: var(--common__primitive__color__neutrals-900);
	--semantic__color__on-surface-default-error: var(--common__primitive__color__error-400);
	--semantic__color__on-surface-default-muted: var(--common__primitive__color__neutrals-500);
	--semantic__color__on-surface-default-subtle: var(--common__primitive__color__neutrals-600);
	--semantic__color__on-surface-disabled: var(--common__primitive__color__neutrals-600);
	--semantic__color__on-surface-error: var(--common__primitive__color__error-600);
	--semantic__color__on-surface-error-accent: var(--common__primitive__color__neutrals-white);
	--semantic__color__on-surface-information: var(--common__primitive__color__info-600);
	--semantic__color__on-surface-information-accent: var(--common__primitive__color__neutrals-white);
	--semantic__color__on-surface-primary: var(--common__primitive__color__neutrals-900);
	--semantic__color__on-surface-primary-neutral: var(--common__primitive__color__neutrals-white);
	--semantic__color__on-surface-reverse: var(--common__primitive__color__neutrals-white);
	--semantic__color__on-surface-reverse-accent: var(--groupoctopus__primitive__color__peps-lime-300);
	--semantic__color__on-surface-secondary: var(--common__primitive__color__neutrals-white);
	--semantic__color__on-surface-soft-base: var(--common__primitive__color__neutrals-900);
	--semantic__color__on-surface-soft-subtle: var(--common__primitive__color__neutrals-700);
	--semantic__color__on-surface-validation: var(--common__primitive__color__validation-600);
	--semantic__color__on-surface-validation-accent: var(--common__primitive__color__neutrals-white);
	--semantic__color__on-surface-warning: var(--common__primitive__color__warning-600);
	--semantic__color__on-surface-warning-accent: var(--common__primitive__color__neutrals-white);
	--semantic__color__outline-base: var(--common__primitive__color__neutrals-900);
	--semantic__color__outline-error: var(--common__primitive__color__error-400);
	--semantic__color__outline-information: var(--common__primitive__color__info-400);
	--semantic__color__outline-muted: var(--common__primitive__color__neutrals-300);
	--semantic__color__outline-primary: var(--groupoctopus__primitive__color__light-indigo-500);
	--semantic__color__outline-primary-subtle: var(--groupoctopus__primitive__color__light-indigo-200);
	--semantic__color__outline-secondary: var(--groupoctopus__primitive__color__prussian-blue-700);
	--semantic__color__outline-secondary-subtle: var(--groupoctopus__primitive__color__prussian-blue-200);
	--semantic__color__outline-subtle: var(--common__primitive__color__neutrals-500);
	--semantic__color__outline-validation: var(--common__primitive__color__validation-400);
	--semantic__color__outline-warning: var(--common__primitive__color__warning-400);
	--semantic__color__surface-accent-primary: var(--groupoctopus__primitive__color__peps-lime-50);
	--semantic__color__surface-accent-primary-active: var(--groupoctopus__primitive__color__peps-lime-200);
	--semantic__color__surface-accent-primary-hover: var(--groupoctopus__primitive__color__peps-lime-100);
	--semantic__color__surface-default: var(--common__primitive__color__neutrals-white);
	--semantic__color__surface-default-active: var(--common__primitive__color__neutrals-200);
	--semantic__color__surface-default-hover: var(--common__primitive__color__neutrals-100);
	--semantic__color__surface-disabled: var(--common__primitive__color__neutrals-300);
	--semantic__color__surface-error: var(--common__primitive__color__error-200);
	--semantic__color__surface-error-accent: var(--common__primitive__color__error-400);
	--semantic__color__surface-information: var(--common__primitive__color__info-200);
	--semantic__color__surface-information-accent: var(--common__primitive__color__info-400);
	--semantic__color__surface-primary: var(--groupoctopus__primitive__color__peps-lime-300);
	--semantic__color__surface-primary-active: var(--groupoctopus__primitive__color__peps-lime-500);
	--semantic__color__surface-primary-hover: var(--groupoctopus__primitive__color__peps-lime-400);
	--semantic__color__surface-primary-neutral: var(--common__primitive__color__neutrals-900);
	--semantic__color__surface-primary-neutral-active: var(--common__primitive__color__neutrals-600);
	--semantic__color__surface-primary-neutral-hover: var(--common__primitive__color__neutrals-700);
	--semantic__color__surface-reverse: var(--groupoctopus__primitive__color__prussian-blue-700);
	--semantic__color__surface-reverse-hover: var(--groupoctopus__primitive__color__prussian-blue-600);
	--semantic__color__surface-secondary: var(--groupoctopus__primitive__color__light-indigo-500);
	--semantic__color__surface-secondary-active: var(--groupoctopus__primitive__color__light-indigo-700);
	--semantic__color__surface-secondary-hover: var(--groupoctopus__primitive__color__light-indigo-600);
	--semantic__color__surface-soft: var(--common__primitive__color__neutrals-100);
	--semantic__color__surface-soft-active: var(--common__primitive__color__neutrals-300);
	--semantic__color__surface-soft-hover: var(--common__primitive__color__neutrals-200);
	--semantic__color__surface-validation: var(--common__primitive__color__validation-200);
	--semantic__color__surface-validation-accent: var(--common__primitive__color__validation-400);
	--semantic__color__surface-warning: var(--common__primitive__color__warning-200);
	--semantic__color__surface-warning-accent: var(--common__primitive__color__warning-400);
	--semantic__radius__base: var(--common__primitive__scale__2x);
	--semantic__radius__large: var(--common__primitive__scale__4x);
	--semantic__radius__medium: var(--common__primitive__scale__3x);
	--semantic__radius__none: 0;
	--semantic__radius__round: 999px;
	--semantic__radius__small: var(--common__primitive__scale__1x);
	--semantic__radius__xlarge: var(--common__primitive__scale__6x);
	--semantic__radius__xxlarge: var(--common__primitive__scale__8x);
	--semantic__typography__font-family-body: var(--groupoctopus__primitive__typography__font-family-default);
	--semantic__typography__font-family-display: var(--groupoctopus__primitive__typography__font-family-default);
	--semantic__typography__font-family-heading: var(--groupoctopus__primitive__typography__font-family-default);
	--semantic__typography__font-weight-body-medium-base: var(--common__primitive__typography__font-weight-regular);
	--semantic__typography__font-weight-body-medium-strong: var(--common__primitive__typography__font-weight-semi-bold);
	--semantic__typography__font-weight-body-small-base: var(--common__primitive__typography__font-weight-regular);
	--semantic__typography__font-weight-body-small-strong: var(--common__primitive__typography__font-weight-semi-bold);
	--semantic__typography__font-weight-body-xsmall-base: var(--common__primitive__typography__font-weight-regular);
	--semantic__typography__font-weight-body-xsmall-strong: var(--common__primitive__typography__font-weight-semi-bold);
	--semantic__typography__font-weight-display-large: var(--common__primitive__typography__font-weight-semi-bold);
	--semantic__typography__font-weight-display-medium: var(--common__primitive__typography__font-weight-semi-bold);
	--semantic__typography__font-weight-display-small: var(--common__primitive__typography__font-weight-semi-bold);
	--semantic__typography__font-weight-heading-large: var(--common__primitive__typography__font-weight-bold);
	--semantic__typography__font-weight-heading-medium: var(--common__primitive__typography__font-weight-bold);
	--semantic__typography__font-weight-heading-small: var(--common__primitive__typography__font-weight-bold);
}

:root {
	@media screen and (max-width: 768px) {
		--semantic__responsive__outline-width__base: 1px;
		--semantic__responsive__outline-width__medium: 2px;
		--semantic__responsive__spacing__05x: var(--common__primitive__scale__05x);
		--semantic__responsive__spacing__10x: var(--common__primitive__scale__10x);
		--semantic__responsive__spacing__12x: var(--common__primitive__scale__12x);
		--semantic__responsive__spacing__14x: var(--common__primitive__scale__14x);
		--semantic__responsive__spacing__18x: var(--common__primitive__scale__18x);
		--semantic__responsive__spacing__1x: var(--common__primitive__scale__1x);
		--semantic__responsive__spacing__22x: var(--common__primitive__scale__22x);
		--semantic__responsive__spacing__2x: var(--common__primitive__scale__2x);
		--semantic__responsive__spacing__32x: var(--common__primitive__scale__32x);
		--semantic__responsive__spacing__3x: var(--common__primitive__scale__3x);
		--semantic__responsive__spacing__4x: var(--common__primitive__scale__4x);
		--semantic__responsive__spacing__5x: var(--common__primitive__scale__5x);
		--semantic__responsive__spacing__6x: var(--common__primitive__scale__6x);
		--semantic__responsive__spacing__8x: var(--common__primitive__scale__8x);
		--semantic__responsive__typography__font-size-body-medium: var(--common__primitive__typography__font-size-300);
		--semantic__responsive__typography__font-size-body-small: var(--common__primitive__typography__font-size-200);
		--semantic__responsive__typography__font-size-body-xsmall: var(--common__primitive__typography__font-size-100);
		--semantic__responsive__typography__font-size-display-large: var(--common__primitive__typography__font-size-800);
		--semantic__responsive__typography__font-size-display-medium: var(--common__primitive__typography__font-size-700);
		--semantic__responsive__typography__font-size-display-small: var(--common__primitive__typography__font-size-600);
		--semantic__responsive__typography__font-size-heading-large: var(--common__primitive__typography__font-size-500);
		--semantic__responsive__typography__font-size-heading-medium: var(--common__primitive__typography__font-size-450);
		--semantic__responsive__typography__font-size-heading-small: var(--common__primitive__typography__font-size-350);
		--semantic__responsive__typography__line-height-body-medium: var(--common__primitive__typography__line-height-base);
		--semantic__responsive__typography__line-height-body-small: var(--common__primitive__typography__line-height-base);
		--semantic__responsive__typography__line-height-body-xsmall: var(--common__primitive__typography__line-height-base);
		--semantic__responsive__typography__line-height-display-large: var(--common__primitive__typography__line-height-compact);
		--semantic__responsive__typography__line-height-display-medium: var(--common__primitive__typography__line-height-compact);
		--semantic__responsive__typography__line-height-display-small: var(--common__primitive__typography__line-height-compact);
		--semantic__responsive__typography__line-height-heading-large: var(--common__primitive__typography__line-height-tight);
		--semantic__responsive__typography__line-height-heading-medium: var(--common__primitive__typography__line-height-tight);
		--semantic__responsive__typography__line-height-heading-small: var(--common__primitive__typography__line-height-tight);
	}
}

:root {
	@media screen and (min-width: 769px) {
		--semantic__responsive__outline-width__base: 1px;
		--semantic__responsive__outline-width__medium: 2px;
		--semantic__responsive__spacing__05x: var(--common__primitive__scale__05x);
		--semantic__responsive__spacing__10x: var(--common__primitive__scale__10x);
		--semantic__responsive__spacing__12x: var(--common__primitive__scale__12x);
		--semantic__responsive__spacing__14x: var(--common__primitive__scale__14x);
		--semantic__responsive__spacing__18x: var(--common__primitive__scale__18x);
		--semantic__responsive__spacing__1x: var(--common__primitive__scale__1x);
		--semantic__responsive__spacing__22x: var(--common__primitive__scale__22x);
		--semantic__responsive__spacing__2x: var(--common__primitive__scale__2x);
		--semantic__responsive__spacing__32x: var(--common__primitive__scale__32x);
		--semantic__responsive__spacing__3x: var(--common__primitive__scale__3x);
		--semantic__responsive__spacing__4x: var(--common__primitive__scale__4x);
		--semantic__responsive__spacing__5x: var(--common__primitive__scale__5x);
		--semantic__responsive__spacing__6x: var(--common__primitive__scale__6x);
		--semantic__responsive__spacing__8x: var(--common__primitive__scale__8x);
		--semantic__responsive__typography__font-size-body-medium: var(--common__primitive__typography__font-size-300);
		--semantic__responsive__typography__font-size-body-small: var(--common__primitive__typography__font-size-200);
		--semantic__responsive__typography__font-size-body-xsmall: var(--common__primitive__typography__font-size-100);
		--semantic__responsive__typography__font-size-display-large: var(--common__primitive__typography__font-size-1000);
		--semantic__responsive__typography__font-size-display-medium: var(--common__primitive__typography__font-size-900);
		--semantic__responsive__typography__font-size-display-small: var(--common__primitive__typography__font-size-800);
		--semantic__responsive__typography__font-size-heading-large: var(--common__primitive__typography__font-size-600);
		--semantic__responsive__typography__font-size-heading-medium: var(--common__primitive__typography__font-size-500);
		--semantic__responsive__typography__font-size-heading-small: var(--common__primitive__typography__font-size-400);
		--semantic__responsive__typography__line-height-body-medium: var(--common__primitive__typography__line-height-base);
		--semantic__responsive__typography__line-height-body-small: var(--common__primitive__typography__line-height-base);
		--semantic__responsive__typography__line-height-body-xsmall: var(--common__primitive__typography__line-height-base);
		--semantic__responsive__typography__line-height-display-large: var(--common__primitive__typography__line-height-compact);
		--semantic__responsive__typography__line-height-display-medium: var(--common__primitive__typography__line-height-compact);
		--semantic__responsive__typography__line-height-display-small: var(--common__primitive__typography__line-height-compact);
		--semantic__responsive__typography__line-height-heading-large: var(--common__primitive__typography__line-height-tight);
		--semantic__responsive__typography__line-height-heading-medium: var(--common__primitive__typography__line-height-tight);
		--semantic__responsive__typography__line-height-heading-small: var(--common__primitive__typography__line-height-tight);
	}
}