/* Fonts */
@font-face {
	font-family: "articulat-cf";
	src: url("../fonts/ArticulatCF-Medium.woff2") format("woff2"), url("../fonts/ArticulatCF-Medium.woff") format("woff");
	font-display: auto;
	font-style: normal;
	font-weight: 500;
	font-stretch: normal;
}

@font-face {
	font-family: "articulat-cf";
	src: url("../fonts/ArticulatCF-Extra-Bold.woff2") format("woff2"), url("../fonts/ArticulatCF-Extra-Bold.woff") format("woff");
	font-display: auto;
	font-style: normal;
	font-weight: 800;
	font-stretch: normal;
}

@font-face {
	font-family: "marlide-display-variable";
	src: url("../fonts/MarlideDisplay-Variable.woff2") format("woff2"), url("../fonts/MarlideDisplay-Variable.woff") format("woff");
	font-display: auto;
	font-style: normal;
	font-weight: 300 900;
	font-stretch: normal;
}

/* Tokens */
@layer tokens {
	:root {
		/* Typography — Font Families */
		--font-family-serif: "marlide-display-variable", ui-serif, serif;
		--font-family-sans-serif: "articulat-cf", ui-sans-serif, system-ui, sans-serif;
		--font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

		/* Typography — Sizes */
		--font-size-xs: 12px;
		--font-size-sm: 14px;
		--font-size-md: 15px;
		--font-size-base: 18px;
		--font-size-lg: 17px;
		--font-size-xl: 18px;
		--font-size-2xl: 22px;
		--font-size-3xl: 30px;
		--font-size-4xl: 40px;
		--font-size-5xl: 60px;
		--font-size-6xl: 100px;

		/* Typography — Weights */
		--font-weight-medium: 500;
		--font-weight-extra-bold: 800;
		--font-weight-heavy: 900;

		/* Colors */
		--color-white-rgb: 255, 255, 255;
		--color-black-rgb: 0, 0, 0;
		--color-pink-rgb: 245, 80, 180;
		--color-red-rgb: 245, 60, 25;
		--color-yellow-rgb: 245, 195, 50;
		--color-green-rgb: 160, 210, 80;
		--color-light-blue-rgb: 60, 205, 245;
		--color-dark-blue-rgb: 40, 0, 130;
		--color-light-gray-rgb: 238, 238, 238;
		--color-dark-gray-rgb: 192, 192, 192;

		--color-white: rgb(var(--color-white-rgb));
		--color-black: rgb(var(--color-black-rgb));
		--color-pink: rgb(var(--color-pink-rgb));
		--color-red: rgb(var(--color-red-rgb));
		--color-yellow: rgb(var(--color-yellow-rgb));
		--color-green: rgb(var(--color-green-rgb));
		--color-light-blue: rgb(var(--color-light-blue-rgb));
		--color-dark-blue: rgb(var(--color-dark-blue-rgb));
		--color-light-gray: rgb(var(--color-light-gray-rgb));
		--color-dark-gray: rgb(var(--color-dark-gray-rgb));

		/* Spacing Scale */
		--space-0: 0rem;
		/* 0px */
		--space-1: 0.25rem;
		/* 4px */
		--space-2: 0.5rem;
		/* 8px */
		--space-3: 0.75rem;
		/* 12px */
		--space-4: 1rem;
		/* 16px */
		--space-5: 1.25rem;
		/* 20px */
		--space-6: 1.5rem;
		/* 24px */
		--space-7: 1.75rem;
		/* 28px */
		--space-8: 2rem;
		/* 32px */
		--space-9: 2.5rem;
		/* 40px */
		--space-10: 3rem;
		/* 48px */
		--space-11: 3.5rem;
		/* 56px */
		--space-12: 4rem;
		/* 64px */

		/* Breakpoints */
		--breakpoint-xs: 0;
		--breakpoint-sm: 576px;
		--breakpoint-md: 768px;
		--breakpoint-lg: 992px;
		--breakpoint-xl: 1200px;
		--breakpoint-xxl: 1400px;

		/* Container widths */
		--container-sm: 540px;
		--container-md: 720px;
		--container-lg: 960px;
		--container-xl: 1038px;
		--container-xxl: 1280px;

		/* URL encoded icons */
		--globe-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' fill='none'%3E%3Cpath stroke='currentColor' stroke-miterlimit='10' d='M7.627 13.434c3.519 0 6.372-2.88 6.372-6.435 0-3.554-2.853-6.435-6.372-6.435C4.107.564 1.255 3.445 1.255 7s2.853 6.435 6.372 6.435Z'/%3E%3Cpath stroke='currentColor' stroke-miterlimit='10' d='M7.627 13.434c1.76 0 3.186-2.88 3.186-6.435 0-3.554-1.426-6.435-3.186-6.435S4.44 3.445 4.44 7s1.427 6.435 3.187 6.435ZM7.627.564v12.872M14 7H1.255M13.146 10.217H2.109M13.146 3.783H2.109'/%3E%3C/svg%3E");
	}

	--scrollbar-half: 8.5px;

	@media (max-width: 991px) {
		--scrollbar-half: 0px;
	}
}

/* Utilities */
@layer utilities {

	.container,
	.container-fluid,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		--gutter-x: var(--space-9);
		--gutter-y: var(--space-0);
		width: 100%;
		padding-right: calc(var(--gutter-x) * .5);
		padding-left: calc(var(--gutter-x) * .5);
		margin-right: auto;
		margin-left: auto
	}

	@media (min-width:576px) {

		.container,
		.container-sm {
			max-width: var(--container-sm);
		}
	}

	@media (min-width:768px) {

		.container,
		.container-md,
		.container-sm {
			max-width: var(--container-md);
		}
	}

	@media (min-width:992px) {

		.container,
		.container-lg,
		.container-md,
		.container-sm {
			max-width: var(--container-lg);
		}
	}

	@media (min-width:1200px) {

		.container,
		.container-lg,
		.container-md,
		.container-sm,
		.container-xl {
			max-width: var(--container-xl);
		}
	}

	@media (min-width:1400px) {

		.container,
		.container-lg,
		.container-md,
		.container-sm,
		.container-xl,
		.container-xxl {
			max-width: var(--container-xxl);
		}
	}

	.row {
		--gutter-x: var(--space-6);
		--gutter-y: var(--space-0);
		display: flex;
		flex-wrap: wrap;
		margin-top: calc(-1 * var(--gutter-y));
		margin-right: calc(-.5 * var(--gutter-x));
		margin-left: calc(-.5 * var(--gutter-x))
	}

	.row>* {
		box-sizing: border-box;
		flex-shrink: 0;
		width: 100%;
		max-width: 100%;
		padding-right: calc(var(--gutter-x) * .5);
		padding-left: calc(var(--gutter-x) * .5);
		margin-top: var(--gutter-y)
	}

	.col {
		flex: 1 0 0
	}

	.row-cols-auto>* {
		flex: 0 0 auto;
		width: auto
	}

	.row-cols-1>* {
		flex: 0 0 auto;
		width: 100%
	}

	.row-cols-2>* {
		flex: 0 0 auto;
		width: 50%
	}

	.row-cols-3>* {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.row-cols-4>* {
		flex: 0 0 auto;
		width: 25%
	}

	.row-cols-5>* {
		flex: 0 0 auto;
		width: 20%
	}

	.row-cols-6>* {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-auto {
		flex: 0 0 auto;
		width: auto
	}

	.col-1 {
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-3 {
		flex: 0 0 auto;
		width: 25%
	}

	.col-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-5 {
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-6 {
		flex: 0 0 auto;
		width: 50%
	}

	.col-7 {
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-8 {
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-9 {
		flex: 0 0 auto;
		width: 75%
	}

	.col-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-11 {
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-12 {
		flex: 0 0 auto;
		width: 100%
	}

	.offset-1 {
		margin-left: 8.33333333%
	}

	.offset-2 {
		margin-left: 16.66666667%
	}

	.offset-3 {
		margin-left: 25%
	}

	.offset-4 {
		margin-left: 33.33333333%
	}

	.offset-5 {
		margin-left: 41.66666667%
	}

	.offset-6 {
		margin-left: 50%
	}

	.offset-7 {
		margin-left: 58.33333333%
	}

	.offset-8 {
		margin-left: 66.66666667%
	}

	.offset-9 {
		margin-left: 75%
	}

	.offset-10 {
		margin-left: 83.33333333%
	}

	.offset-11 {
		margin-left: 91.66666667%
	}

	.g-0,
	.gx-0 {
		--gutter-x: var(--space-0)
	}

	.g-0,
	.gy-0 {
		--gutter-y: var(--space-0)
	}

	.g-1,
	.gx-1 {
		--gutter-x: var(--space-1)
	}

	.g-1,
	.gy-1 {
		--gutter-y: var(--space-1)
	}

	.g-2,
	.gx-2 {
		--gutter-x: var(--space-2)
	}

	.g-2,
	.gy-2 {
		--gutter-y: var(--space-2)
	}

	.g-3,
	.gx-3 {
		--gutter-x: var(--space-4)
	}

	.g-3,
	.gy-3 {
		--gutter-y: var(--space-4)
	}

	.g-4,
	.gx-4 {
		--gutter-x: var(--space-6)
	}

	.g-4,
	.gy-4 {
		--gutter-y: var(--space-6)
	}

	.g-5,
	.gx-5 {
		--gutter-x: var(--space-12)
	}

	.g-5,
	.gy-5 {
		--gutter-y: var(--space-12)
	}

	@media (min-width:576px) {
		.col-sm {
			flex: 1 0 0
		}

		.row-cols-sm-auto>* {
			flex: 0 0 auto;
			width: auto
		}

		.row-cols-sm-1>* {
			flex: 0 0 auto;
			width: 100%
		}

		.row-cols-sm-2>* {
			flex: 0 0 auto;
			width: 50%
		}

		.row-cols-sm-3>* {
			flex: 0 0 auto;
			width: 33.33333333%
		}

		.row-cols-sm-4>* {
			flex: 0 0 auto;
			width: 25%
		}

		.row-cols-sm-5>* {
			flex: 0 0 auto;
			width: 20%
		}

		.row-cols-sm-6>* {
			flex: 0 0 auto;
			width: 16.66666667%
		}

		.col-sm-auto {
			flex: 0 0 auto;
			width: auto
		}

		.col-sm-1 {
			flex: 0 0 auto;
			width: 8.33333333%
		}

		.col-sm-2 {
			flex: 0 0 auto;
			width: 16.66666667%
		}

		.col-sm-3 {
			flex: 0 0 auto;
			width: 25%
		}

		.col-sm-4 {
			flex: 0 0 auto;
			width: 33.33333333%
		}

		.col-sm-5 {
			flex: 0 0 auto;
			width: 41.66666667%
		}

		.col-sm-6 {
			flex: 0 0 auto;
			width: 50%
		}

		.col-sm-7 {
			flex: 0 0 auto;
			width: 58.33333333%
		}

		.col-sm-8 {
			flex: 0 0 auto;
			width: 66.66666667%
		}

		.col-sm-9 {
			flex: 0 0 auto;
			width: 75%
		}

		.col-sm-10 {
			flex: 0 0 auto;
			width: 83.33333333%
		}

		.col-sm-11 {
			flex: 0 0 auto;
			width: 91.66666667%
		}

		.col-sm-12 {
			flex: 0 0 auto;
			width: 100%
		}

		.offset-sm-0 {
			margin-left: 0
		}

		.offset-sm-1 {
			margin-left: 8.33333333%
		}

		.offset-sm-2 {
			margin-left: 16.66666667%
		}

		.offset-sm-3 {
			margin-left: 25%
		}

		.offset-sm-4 {
			margin-left: 33.33333333%
		}

		.offset-sm-5 {
			margin-left: 41.66666667%
		}

		.offset-sm-6 {
			margin-left: 50%
		}

		.offset-sm-7 {
			margin-left: 58.33333333%
		}

		.offset-sm-8 {
			margin-left: 66.66666667%
		}

		.offset-sm-9 {
			margin-left: 75%
		}

		.offset-sm-10 {
			margin-left: 83.33333333%
		}

		.offset-sm-11 {
			margin-left: 91.66666667%
		}

		.g-sm-0,
		.gx-sm-0 {
			--gutter-x: var(--space-0)
		}

		.g-sm-0,
		.gy-sm-0 {
			--gutter-y: var(--space-0)
		}

		.g-sm-1,
		.gx-sm-1 {
			--gutter-x: var(--space-1)
		}

		.g-sm-1,
		.gy-sm-1 {
			--gutter-y: var(--space-1)
		}

		.g-sm-2,
		.gx-sm-2 {
			--gutter-x: var(--space-2)
		}

		.g-sm-2,
		.gy-sm-2 {
			--gutter-y: var(--space-2)
		}

		.g-sm-3,
		.gx-sm-3 {
			--gutter-x: var(--space-4)
		}

		.g-sm-3,
		.gy-sm-3 {
			--gutter-y: var(--space-4)
		}

		.g-sm-4,
		.gx-sm-4 {
			--gutter-x: var(--space-6)
		}

		.g-sm-4,
		.gy-sm-4 {
			--gutter-y: var(--space-6)
		}

		.g-sm-5,
		.gx-sm-5 {
			--gutter-x: var(--space-12)
		}

		.g-sm-5,
		.gy-sm-5 {
			--gutter-y: var(--space-12)
		}
	}

	@media (min-width:768px) {
		.col-md {
			flex: 1 0 0
		}

		.row-cols-md-auto>* {
			flex: 0 0 auto;
			width: auto
		}

		.row-cols-md-1>* {
			flex: 0 0 auto;
			width: 100%
		}

		.row-cols-md-2>* {
			flex: 0 0 auto;
			width: 50%
		}

		.row-cols-md-3>* {
			flex: 0 0 auto;
			width: 33.33333333%
		}

		.row-cols-md-4>* {
			flex: 0 0 auto;
			width: 25%
		}

		.row-cols-md-5>* {
			flex: 0 0 auto;
			width: 20%
		}

		.row-cols-md-6>* {
			flex: 0 0 auto;
			width: 16.66666667%
		}

		.col-md-auto {
			flex: 0 0 auto;
			width: auto
		}

		.col-md-1 {
			flex: 0 0 auto;
			width: 8.33333333%
		}

		.col-md-2 {
			flex: 0 0 auto;
			width: 16.66666667%
		}

		.col-md-3 {
			flex: 0 0 auto;
			width: 25%
		}

		.col-md-4 {
			flex: 0 0 auto;
			width: 33.33333333%
		}

		.col-md-5 {
			flex: 0 0 auto;
			width: 41.66666667%
		}

		.col-md-6 {
			flex: 0 0 auto;
			width: 50%
		}

		.col-md-7 {
			flex: 0 0 auto;
			width: 58.33333333%
		}

		.col-md-8 {
			flex: 0 0 auto;
			width: 66.66666667%
		}

		.col-md-9 {
			flex: 0 0 auto;
			width: 75%
		}

		.col-md-10 {
			flex: 0 0 auto;
			width: 83.33333333%
		}

		.col-md-11 {
			flex: 0 0 auto;
			width: 91.66666667%
		}

		.col-md-12 {
			flex: 0 0 auto;
			width: 100%
		}

		.offset-md-0 {
			margin-left: 0
		}

		.offset-md-1 {
			margin-left: 8.33333333%
		}

		.offset-md-2 {
			margin-left: 16.66666667%
		}

		.offset-md-3 {
			margin-left: 25%
		}

		.offset-md-4 {
			margin-left: 33.33333333%
		}

		.offset-md-5 {
			margin-left: 41.66666667%
		}

		.offset-md-6 {
			margin-left: 50%
		}

		.offset-md-7 {
			margin-left: 58.33333333%
		}

		.offset-md-8 {
			margin-left: 66.66666667%
		}

		.offset-md-9 {
			margin-left: 75%
		}

		.offset-md-10 {
			margin-left: 83.33333333%
		}

		.offset-md-11 {
			margin-left: 91.66666667%
		}

		.g-md-0,
		.gx-md-0 {
			--gutter-x: var(--space-0)
		}

		.g-md-0,
		.gy-md-0 {
			--gutter-y: var(--space-0)
		}

		.g-md-1,
		.gx-md-1 {
			--gutter-x: var(--space-1)
		}

		.g-md-1,
		.gy-md-1 {
			--gutter-y: var(--space-1)
		}

		.g-md-2,
		.gx-md-2 {
			--gutter-x: var(--space-2)
		}

		.g-md-2,
		.gy-md-2 {
			--gutter-y: var(--space-2)
		}

		.g-md-3,
		.gx-md-3 {
			--gutter-x: var(--space-4)
		}

		.g-md-3,
		.gy-md-3 {
			--gutter-y: var(--space-4)
		}

		.g-md-4,
		.gx-md-4 {
			--gutter-x: var(--space-6)
		}

		.g-md-4,
		.gy-md-4 {
			--gutter-y: var(--space-6)
		}

		.g-md-5,
		.gx-md-5 {
			--gutter-x: var(--space-12)
		}

		.g-md-5,
		.gy-md-5 {
			--gutter-y: var(--space-12)
		}
	}

	@media (min-width:992px) {
		.col-lg {
			flex: 1 0 0
		}

		.row-cols-lg-auto>* {
			flex: 0 0 auto;
			width: auto
		}

		.row-cols-lg-1>* {
			flex: 0 0 auto;
			width: 100%
		}

		.row-cols-lg-2>* {
			flex: 0 0 auto;
			width: 50%
		}

		.row-cols-lg-3>* {
			flex: 0 0 auto;
			width: 33.33333333%
		}

		.row-cols-lg-4>* {
			flex: 0 0 auto;
			width: 25%
		}

		.row-cols-lg-5>* {
			flex: 0 0 auto;
			width: 20%
		}

		.row-cols-lg-6>* {
			flex: 0 0 auto;
			width: 16.66666667%
		}

		.col-lg-auto {
			flex: 0 0 auto;
			width: auto
		}

		.col-lg-1 {
			flex: 0 0 auto;
			width: 8.33333333%
		}

		.col-lg-2 {
			flex: 0 0 auto;
			width: 16.66666667%
		}

		.col-lg-3 {
			flex: 0 0 auto;
			width: 25%
		}

		.col-lg-4 {
			flex: 0 0 auto;
			width: 33.33333333%
		}

		.col-lg-5 {
			flex: 0 0 auto;
			width: 41.66666667%
		}

		.col-lg-6 {
			flex: 0 0 auto;
			width: 50%
		}

		.col-lg-7 {
			flex: 0 0 auto;
			width: 58.33333333%
		}

		.col-lg-8 {
			flex: 0 0 auto;
			width: 66.66666667%
		}

		.col-lg-9 {
			flex: 0 0 auto;
			width: 75%
		}

		.col-lg-10 {
			flex: 0 0 auto;
			width: 83.33333333%
		}

		.col-lg-11 {
			flex: 0 0 auto;
			width: 91.66666667%
		}

		.col-lg-12 {
			flex: 0 0 auto;
			width: 100%
		}

		.offset-lg-0 {
			margin-left: 0
		}

		.offset-lg-1 {
			margin-left: 8.33333333%
		}

		.offset-lg-2 {
			margin-left: 16.66666667%
		}

		.offset-lg-3 {
			margin-left: 25%
		}

		.offset-lg-4 {
			margin-left: 33.33333333%
		}

		.offset-lg-5 {
			margin-left: 41.66666667%
		}

		.offset-lg-6 {
			margin-left: 50%
		}

		.offset-lg-7 {
			margin-left: 58.33333333%
		}

		.offset-lg-8 {
			margin-left: 66.66666667%
		}

		.offset-lg-9 {
			margin-left: 75%
		}

		.offset-lg-10 {
			margin-left: 83.33333333%
		}

		.offset-lg-11 {
			margin-left: 91.66666667%
		}

		.g-lg-0,
		.gx-lg-0 {
			--gutter-x: var(--space-0)
		}

		.g-lg-0,
		.gy-lg-0 {
			--gutter-y: var(--space-0)
		}

		.g-lg-1,
		.gx-lg-1 {
			--gutter-x: var(--space-1)
		}

		.g-lg-1,
		.gy-lg-1 {
			--gutter-y: var(--space-1)
		}

		.g-lg-2,
		.gx-lg-2 {
			--gutter-x: var(--space-2)
		}

		.g-lg-2,
		.gy-lg-2 {
			--gutter-y: var(--space-2)
		}

		.g-lg-3,
		.gx-lg-3 {
			--gutter-x: var(--space-4)
		}

		.g-lg-3,
		.gy-lg-3 {
			--gutter-y: var(--space-4)
		}

		.g-lg-4,
		.gx-lg-4 {
			--gutter-x: var(--space-6)
		}

		.g-lg-4,
		.gy-lg-4 {
			--gutter-y: var(--space-6)
		}

		.g-lg-5,
		.gx-lg-5 {
			--gutter-x: var(--space-12)
		}

		.g-lg-5,
		.gy-lg-5 {
			--gutter-y: var(--space-12)
		}
	}

	@media (min-width:1200px) {
		.col-xl {
			flex: 1 0 0
		}

		.row-cols-xl-auto>* {
			flex: 0 0 auto;
			width: auto
		}

		.row-cols-xl-1>* {
			flex: 0 0 auto;
			width: 100%
		}

		.row-cols-xl-2>* {
			flex: 0 0 auto;
			width: 50%
		}

		.row-cols-xl-3>* {
			flex: 0 0 auto;
			width: 33.33333333%
		}

		.row-cols-xl-4>* {
			flex: 0 0 auto;
			width: 25%
		}

		.row-cols-xl-5>* {
			flex: 0 0 auto;
			width: 20%
		}

		.row-cols-xl-6>* {
			flex: 0 0 auto;
			width: 16.66666667%
		}

		.col-xl-auto {
			flex: 0 0 auto;
			width: auto
		}

		.col-xl-1 {
			flex: 0 0 auto;
			width: 8.33333333%
		}

		.col-xl-2 {
			flex: 0 0 auto;
			width: 16.66666667%
		}

		.col-xl-3 {
			flex: 0 0 auto;
			width: 25%
		}

		.col-xl-4 {
			flex: 0 0 auto;
			width: 33.33333333%
		}

		.col-xl-5 {
			flex: 0 0 auto;
			width: 41.66666667%
		}

		.col-xl-6 {
			flex: 0 0 auto;
			width: 50%
		}

		.col-xl-7 {
			flex: 0 0 auto;
			width: 58.33333333%
		}

		.col-xl-8 {
			flex: 0 0 auto;
			width: 66.66666667%
		}

		.col-xl-9 {
			flex: 0 0 auto;
			width: 75%
		}

		.col-xl-10 {
			flex: 0 0 auto;
			width: 83.33333333%
		}

		.col-xl-11 {
			flex: 0 0 auto;
			width: 91.66666667%
		}

		.col-xl-12 {
			flex: 0 0 auto;
			width: 100%
		}

		.offset-xl-0 {
			margin-left: 0
		}

		.offset-xl-1 {
			margin-left: 8.33333333%
		}

		.offset-xl-2 {
			margin-left: 16.66666667%
		}

		.offset-xl-3 {
			margin-left: 25%
		}

		.offset-xl-4 {
			margin-left: 33.33333333%
		}

		.offset-xl-5 {
			margin-left: 41.66666667%
		}

		.offset-xl-6 {
			margin-left: 50%
		}

		.offset-xl-7 {
			margin-left: 58.33333333%
		}

		.offset-xl-8 {
			margin-left: 66.66666667%
		}

		.offset-xl-9 {
			margin-left: 75%
		}

		.offset-xl-10 {
			margin-left: 83.33333333%
		}

		.offset-xl-11 {
			margin-left: 91.66666667%
		}

		.g-xl-0,
		.gx-xl-0 {
			--gutter-x: var(--space-0)
		}

		.g-xl-0,
		.gy-xl-0 {
			--gutter-y: var(--space-0)
		}

		.g-xl-1,
		.gx-xl-1 {
			--gutter-x: var(--space-1)
		}

		.g-xl-1,
		.gy-xl-1 {
			--gutter-y: var(--space-1)
		}

		.g-xl-2,
		.gx-xl-2 {
			--gutter-x: var(--space-2)
		}

		.g-xl-2,
		.gy-xl-2 {
			--gutter-y: var(--space-2)
		}

		.g-xl-3,
		.gx-xl-3 {
			--gutter-x: var(--space-4)
		}

		.g-xl-3,
		.gy-xl-3 {
			--gutter-y: var(--space-4)
		}

		.g-xl-4,
		.gx-xl-4 {
			--gutter-x: var(--space-6)
		}

		.g-xl-4,
		.gy-xl-4 {
			--gutter-y: var(--space-6)
		}

		.g-xl-5,
		.gx-xl-5 {
			--gutter-x: var(--space-12)
		}

		.g-xl-5,
		.gy-xl-5 {
			--gutter-y: var(--space-12)
		}
	}

	@media (min-width:1400px) {
		.col-xxl {
			flex: 1 0 0
		}

		.row-cols-xxl-auto>* {
			flex: 0 0 auto;
			width: auto
		}

		.row-cols-xxl-1>* {
			flex: 0 0 auto;
			width: 100%
		}

		.row-cols-xxl-2>* {
			flex: 0 0 auto;
			width: 50%
		}

		.row-cols-xxl-3>* {
			flex: 0 0 auto;
			width: 33.33333333%
		}

		.row-cols-xxl-4>* {
			flex: 0 0 auto;
			width: 25%
		}

		.row-cols-xxl-5>* {
			flex: 0 0 auto;
			width: 20%
		}

		.row-cols-xxl-6>* {
			flex: 0 0 auto;
			width: 16.66666667%
		}

		.col-xxl-auto {
			flex: 0 0 auto;
			width: auto
		}

		.col-xxl-1 {
			flex: 0 0 auto;
			width: 8.33333333%
		}

		.col-xxl-2 {
			flex: 0 0 auto;
			width: 16.66666667%
		}

		.col-xxl-3 {
			flex: 0 0 auto;
			width: 25%
		}

		.col-xxl-4 {
			flex: 0 0 auto;
			width: 33.33333333%
		}

		.col-xxl-5 {
			flex: 0 0 auto;
			width: 41.66666667%
		}

		.col-xxl-6 {
			flex: 0 0 auto;
			width: 50%
		}

		.col-xxl-7 {
			flex: 0 0 auto;
			width: 58.33333333%
		}

		.col-xxl-8 {
			flex: 0 0 auto;
			width: 66.66666667%
		}

		.col-xxl-9 {
			flex: 0 0 auto;
			width: 75%
		}

		.col-xxl-10 {
			flex: 0 0 auto;
			width: 83.33333333%
		}

		.col-xxl-11 {
			flex: 0 0 auto;
			width: 91.66666667%
		}

		.col-xxl-12 {
			flex: 0 0 auto;
			width: 100%
		}

		.offset-xxl-0 {
			margin-left: 0
		}

		.offset-xxl-1 {
			margin-left: 8.33333333%
		}

		.offset-xxl-2 {
			margin-left: 16.66666667%
		}

		.offset-xxl-3 {
			margin-left: 25%
		}

		.offset-xxl-4 {
			margin-left: 33.33333333%
		}

		.offset-xxl-5 {
			margin-left: 41.66666667%
		}

		.offset-xxl-6 {
			margin-left: 50%
		}

		.offset-xxl-7 {
			margin-left: 58.33333333%
		}

		.offset-xxl-8 {
			margin-left: 66.66666667%
		}

		.offset-xxl-9 {
			margin-left: 75%
		}

		.offset-xxl-10 {
			margin-left: 83.33333333%
		}

		.offset-xxl-11 {
			margin-left: 91.66666667%
		}

		.g-xxl-0,
		.gx-xxl-0 {
			--gutter-x: var(--space-0)
		}

		.g-xxl-0,
		.gy-xxl-0 {
			--gutter-y: var(--space-0)
		}

		.g-xxl-1,
		.gx-xxl-1 {
			--gutter-x: var(--space-1)
		}

		.g-xxl-1,
		.gy-xxl-1 {
			--gutter-y: var(--space-1)
		}

		.g-xxl-2,
		.gx-xxl-2 {
			--gutter-x: var(--space-2)
		}

		.g-xxl-2,
		.gy-xxl-2 {
			--gutter-y: var(--space-2)
		}

		.g-xxl-3,
		.gx-xxl-3 {
			--gutter-x: var(--space-4)
		}

		.g-xxl-3,
		.gy-xxl-3 {
			--gutter-y: var(--space-4)
		}

		.g-xxl-4,
		.gx-xxl-4 {
			--gutter-x: var(--space-6)
		}

		.g-xxl-4,
		.gy-xxl-4 {
			--gutter-y: var(--space-6)
		}

		.g-xxl-5,
		.gx-xxl-5 {
			--gutter-x: var(--space-12)
		}

		.g-xxl-5,
		.gy-xxl-5 {
			--gutter-y: var(--space-12)
		}
	}

	:root {
		--snap-gutter: 24px;
		--snap-container: 100vh;
		--snap-offset: calc(var(--snap-container) / 2 - var(--snap-gutter) / 2)
	}

	.snap-left-yes {
		margin-left: calc(-1 * var(--snap-gutter) / 2) !important
	}

	.snap-left-no {
		margin-left: auto !important
	}

	.snap-right-yes {
		margin-right: calc(-1 * var(--snap-gutter) / 2) !important
	}

	.snap-right-no {
		margin-right: auto !important
	}

	@media(min-width: 576px) {
		:root {
			--snap-container: 540px
		}

		.snap-left-yes,
		.snap-sm-left-yes {
			margin-left: calc(-50vw + var(--snap-offset) + var(--scrollbar-half)) !important
		}

		.snap-sm-left-no {
			margin-left: auto !important
		}

		.snap-right-yes,
		.snap-sm-right-yes {
			margin-right: calc(-50vw + var(--snap-offset) + var(--scrollbar-half)) !important
		}

		.snap-sm-right-no {
			margin-right: auto !important
		}
	}

	@media(min-width: 768px) {
		:root {
			--snap-container: 720px
		}

		.snap-left-yes,
		.snap-md-left-yes {
			margin-left: calc(-50vw + var(--snap-offset) + var(--scrollbar-half)) !important
		}

		.snap-md-left-no {
			margin-left: auto !important
		}

		.snap-right-yes,
		.snap-md-right-yes {
			margin-right: calc(-50vw + var(--snap-offset) + var(--scrollbar-half)) !important
		}

		.snap-md-right-no {
			margin-right: auto !important
		}
	}

	@media(min-width: 992px) {
		:root {
			--snap-container: 960px
		}

		.snap-left-yes,
		.snap-lg-left-yes {
			margin-left: calc(-50vw + var(--snap-offset) + var(--scrollbar-half)) !important
		}

		.snap-lg-left-no {
			margin-left: auto !important
		}

		.snap-right-yes,
		.snap-lg-right-yes {
			margin-right: calc(-50vw + var(--snap-offset) + var(--scrollbar-half)) !important
		}

		.snap-lg-right-no {
			margin-right: auto !important
		}
	}

	@media(min-width: 1200px) {
		:root {
			--snap-container: 1038px
		}

		.snap-left-yes,
		.snap-xl-left-yes {
			margin-left: calc(-50vw + var(--snap-offset) + var(--scrollbar-half)) !important
		}

		.snap-xl-left-no {
			margin-left: auto !important
		}

		.snap-right-yes,
		.snap-xl-right-yes {
			margin-right: calc(-50vw + var(--snap-offset) + var(--scrollbar-half)) !important
		}

		.snap-xl-right-no {
			margin-right: auto !important
		}
	}

	h1, h2, h3, h4, h5, h6 {
		hyphens: auto;
	}

	.screen-reader-text, .screen-reader-response {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		border: 0;
	}

	.skip-link:focus {
		width: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		clip: auto;
		padding: 0.75rem 1rem;
		background: var(--color-black, #000);
		color: var(--color-white, #fff);
		text-decoration: none;
		z-index: 1000;
		top: 0.5rem;
		left: 0.5rem;
	}

	.overflow-hidden {
		overflow: hidden !important;
	}
}