:root {
	--border-radius: 0.25rem;
	--z-index-120: 120;
	--z-index-100: 100;
	--z-index-040: 40;
	--z-index-020: 20;
	--z-index-001: 1;
	--space-base: 0.25rem;
	--space-005: calc(var(--space-base) * 1);
	--space-010: calc(var(--space-base) * 2);
	--space-015: calc(var(--space-base) * 3);
	--space-020: calc(var(--space-base) * 4);
	--space-025: calc(var(--space-base) * 5);
	--space-030: calc(var(--space-base) * 6);
	--space-035: calc(var(--space-base) * 7);
	--space-040: calc(var(--space-base) * 8);
	--space-045: calc(var(--space-base) * 9);
	--space-050: calc(var(--space-base) * 10);
	--space-055: calc(var(--space-base) * 11);
	--space-060: calc(var(--space-base) * 12);
	--space-065: calc(var(--space-base) * 13);
	--space-075: calc(var(--space-base) * 15);
	--space-080: calc(var(--space-base) * 16);
	--space-090: calc(var(--space-base) * 18);
	--space-100: calc(var(--space-base) * 20);
}

@media (max-width: 959px) {
	:root {
		--page-horizontal-padding: var(--space-030);
	}
}

@media (min-width: 960px) {
	:root {
		--page-horizontal-padding: var(--space-090);
	}
}

:root {
	--color-green-500: #674ea7;
	--color-orange-500: #fc6449;
	--color-clementine-500: #ff9f2f;
	--color-yellow-500: #ffea29;
	--color-blue-500: #1577ea;
	--color-dark-blue-500: #200928;
	--color-green-700: #e27dff;
	--color-green-100: #ebb6fa;
	--color-green-040: #ade8d9;
	--color-green-050: #ebb6fa;
	--color-green-010: #ebb6fa;
	--color-orange-600: #ea492f;
	--color-orange-200: #ffc7bd;
	--color-orange-150: #fed8d2;
	--color-orange-050: #ffefed;
	--color-clementine-600: #e08a26;
	--color-clementine-400: #ffb258;
	--color-clementine-200: #ffd7a9;
	--color-clementine-100: #ffead2;
	--color-blue-300: #73adf2;
	--color-blue-200: #a1c9f7;
	--color-blue-150: #b9d6f9;
	--color-blue-100: #d0e4fb;
	--color-blue-050: #e8f1fd;
	--color-blue-010: #e8f1fd;
	--color-blue-005: #f1f8ff;
	--color-yellow-050: #fff594;
	--color-gray-900: #1d2129;
	--color-gray-700: #31353c;
	--color-gray-500: #5d666f;
	--color-gray-300: #7f8a95;
	--color-gray-200: #adb6c0;
	--color-gray-150: #ccd3db;
	--color-gray-100: #dde4ed;
	--color-gray-075: #f0f3f8;
	--color-gray-050: #f6f8fb;
	--color-white-000: #fff;
	--font-standard: proximanova-regular, -apple-system, blinkmacsystemfont,
		'Segoe UI', roboto, helvetica, arial, sans-serif, 'Apple Color Emoji',
		'Segoe UI Emoji', 'Segoe UI Symbol';
	--font-semibold: proxima-nova-semibold, proximanova-regular, -apple-system,
		blinkmacsystemfont, 'Segoe UI', roboto, helvetica, arial, sans-serif,
		'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

@font-face {
	font-family: proximanova-regular;
	font-style: normal;
	font-weight: 400;
	src: url(/_next/static/media/proxima-nova-regular.27cfd494.woff2)
			format('woff2'),
		url(/_next/static/media/proxima-nova-regular.634b3993.woff) format('woff');
}

@font-face {
	font-family: proxima-nova-semibold;
	font-style: normal;
	font-weight: 600;
	src: url(/_next/static/media/proxima-nova-semibold.2f72ad14.woff2)
			format('woff2'),
		url(/_next/static/media/proxima-nova-semibold.e25cc0bd.woff) format('woff');
}

.heading-01,
.heading-02,
.title-01,
.title-02,
.title-03 {
	font-family: var(--font-semibold);
}

@media (max-width: 960px) {
	.heading-01 {
		font-size: 2rem;
		line-height: 2.75rem;
	}
}

@media (min-width: 961px) and (max-width: 1280px) {
	.heading-01 {
		font-size: 2.5rem;
		line-height: 3.25rem;
	}
}

@media (min-width: 1281px) {
	.heading-01 {
		font-size: 3.5rem;
		line-height: 4.25rem;
	}
}

.heading-02 {
	font-size: 2rem;
	line-height: 2.75rem;
}

@media (max-width: 959px) {
	.title-01 {
		font-size: 1.125rem;
		line-height: 1.875rem;
	}
}

@media (min-width: 960px) {
	.title-01 {
		font-size: 1.5rem;
		line-height: 2.25rem;
	}
}

.title-02 {
	font-size: 1.375rem;
}

.title-02,
.title-03 {
	line-height: 1.875rem;
}

.title-03 {
	font-size: 1.125rem;
}

.body-semibold {
	font-family: var(--font-semibold);
}

.body-regular,
.body-semibold {
	font-size: 1rem;
	line-height: 1.75rem;
}

.body-small-semibold {
	font-family: var(--font-semibold);
}

.body-small-regular,
.body-small-semibold {
	font-size: 0.875rem;
	line-height: 1.625rem;
}

.caption,
.small-caps {
	font-size: 0.75rem;
	line-height: 1.5rem;
}

.small-caps {
	font-family: var(--font-semibold);
	text-transform: uppercase;
}

.caption-small {
	font-size: 0.6875rem;
	line-height: 1.375rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: unset;
}

b,
strong {
	font-family: var(--font-semibold);
	font-weight: 600;
}

img {
	display: block;
}

:root {
	--size-base: 0.5rem;
	--size-base-010: var(--size-base);
	--size-base-020: calc(var(--size-base) * 2);
	--size-base-025: calc(var(--size-base) * 2.5);
	--size-base-030: calc(var(--size-base) * 3);
	--size-base-040: calc(var(--size-base) * 4);
	--size-base-050: calc(var(--size-base) * 5);
	--size-base-060: calc(var(--size-base) * 6);
	--size-base-070: calc(var(--size-base) * 7);
	--size-base-080: calc(var(--size-base) * 8);
}

body {
	font-family: var(--font-standard);
}

html {
	box-sizing: border-box;
	text-size-adjust: none;
}

*,
:after,
:before {
	box-sizing: inherit;
}

@media (prefers-reduced-motion: reduce) {
	*,
	:after,
	:before {
		animation-delay: -1ms !important;
		animation-duration: 1ms !important;
		animation-iteration-count: 1 !important;
		background-attachment: scroll !important;
		scroll-behavior: auto !important;
		transition-duration: 0s !important;
		transition-delay: 0s !important;
	}
}

body,
html {
	margin: 0;
	padding: 0;
}

body,
body > #__next,
html {
	block-size: 100dvb;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: unset;
}

button {
	font-family: inherit;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

:root {
	--size-navigation-mobile: calc(var(--size-base) * 7);
	--size-navigation-desktop: calc(var(--size-base) * 8);
}