@charset "UTF-8";

:root {
	--font-body: "Mona Sans", sans-serif;
	--font-heading: "Mona Sans", sans-serif;
	--container-max-width: 1680px;
	--container-padding: 1rem;
}

@media (min-width:768px) {
	:root {
		--container-padding: 2.5rem;
	}
}

@media (min-width:1024px) {
	:root {
		--container-padding: 2rem;
	}
}

:root {
	--black: hsla(0, 0%, 14%, 1);
	--black-light: hsla(0, 0%, 42%, 1);
	--gray-dark: hsla(0, 0%, 50%, 1);
	--gray-darker: hsla(0, 0%, 24%, 1);
	--gray-light: hsla(0, 0%, 74%, 1);
	--gray-lighter: hsla(0, 0%, 92%, 1);
	--white: hsla(0, 0%, 97%, 1);
	--aero: #ac5646;
	--line: #575842;
	--panel: #8a362e;
	--colab: #af804e;
	--red: hsla(4, 77%, 38%, 1);
	--transparent-black-10: hsla(0, 0%, 14%, .1);
	--transparent-black-20: hsla(0, 0%, 14%, .2);
	--transparent-black-30: hsla(0, 0%, 14%, .3);
	--transparent-black-40: hsla(0, 0%, 14%, .4);
	--transparent-black-50: hsla(0, 0%, 14%, .5);
	--transparent-black-60: hsla(0, 0%, 14%, .6);
	--transparent-white-10: hsla(0, 0%, 97%, .1);
	--transparent-white-20: hsla(0, 0%, 97%, .2);
	--transparent-white-40: hsla(0, 0%, 97%, .4);
	--transparent-white-60: hsla(0, 0%, 97%, .6);
	--header-height: 57px;
	--space-1: .25rem;
	--space-2: .5rem;
	--space-3: .75rem;
	--space-4: 1rem;
	--space-5: 1.25rem;
	--space-6: 1.5rem;
	--space-7: 1.75rem;
	--space-8: 2rem;
	--space-9: 2.25rem;
	--space-10: 2.5rem;
	--space-11: 2.75rem;
	--space-12: 3rem;
	--space-13: 3.25rem;
	--space-14: 3.5rem;
	--space-15: 3.75rem;
	--space-16: 4rem;
	--space-17: 4.25rem;
	--space-18: 4.5rem;
	--space-19: 4.75rem;
	--space-20: 5rem;
	--space-21: 5.25rem;
	--space-22: 5.5rem;
	--space-23: 5.75rem;
	--space-24: 6rem;
}

*, *:before, *:after {
	box-sizing: border-box;
	border: 0;
	margin: 0;
	padding: 0;
}

body {
	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-text-size-adjust: none;
	text-size-adjust: none;
	color: var(--black);
	background-color: var(--white);
}

img, picture, video, canvas, iframe, svg {
	display: block;
	max-width: 100%;
}

h1, h2, h3, h4, h5, h6, blockquote, p {
	overflow-wrap: break-word;
}

input, button, textarea, select {
	font: inherit;
	border-radius: 0;
}

address {
	font-style: normal;
}

button {
	background-color: transparent;
	outline: none;
	cursor: pointer;
	color: inherit;
}

button[disabled] {
	pointer-events: none;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
}

img {
	height: auto;
	object-fit: cover;
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

input[type=number] {
	-moz-appearance: textfield;
}

[tabindex]:not(input):not(textarea):focus, a:focus, button:focus {
	outline: 1px dotted rgba(128, 128, 128, .5);
}

:focus:not(:focus-visible) {
	outline: none;
}

@media (prefers-reduced-motion:reduce) {
	* {
		scroll-behavior: auto !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
}

@media print {
	body * {
		display: none !important;
	}
	
	body:after {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		content: "Please don\'t waste paper";
	}
}

:root {
	--ease-cubic: cubic-bezier(.645, .045, .355, 1);
	--ease-expo: cubic-bezier(.19, 1, .22, 1);
	--ease-out-expo: cubic-bezier(.16, 1, .3, 1);
	--ease-in: cubic-bezier(.075, .82, .165, 1);
	--ease-in-out: cubic-bezier(.68, -.55, .27, 1.55);
	--ease-quad: cubic-bezier(.25, .46, .45, .94);
	--ease-quint: cubic-bezier(.23, 1, .32, 1);
	--ease-quint-out: cubic-bezier(.34, 1, .36, 1);
}

@keyframes fade-in {
	0% {
		opacity: 0;
	}
	
	to {
		opacity: 1;
	}
}

@keyframes fade-out {
	0% {
		opacity: 1;
	}
	
	to {
		opacity: 0;
	}
}

@keyframes spin {
	0% {
		transform: rotate(0);
	}
	
	to {
		transform: rotate(360deg);
	}
}

::selection {
	background-color: rgba(128, 128, 128, .3);
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 74px;
}

body {
	font: 400 1rem/1.4 var(--font-body);
	overflow-x: hidden;
}

html.lenis, html.lenis body {
	height: auto;
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
	overflow: clip;
}

.lenis [data-lenis-prevent], .lenis [data-lenis-prevent-wheel], .lenis [data-lenis-prevent-touch] {
	overscroll-behavior: contain;
}

.lenis.lenis-smooth iframe {
	pointer-events: none;
}

.lenis.lenis-autoToggle {
	transition-property: overflow;
	transition-duration: 1ms;
	transition-behavior: allow-discrete;
}

a {
	color: currentColor;
	text-decoration: none;
	transition: color .15s;
}

a:hover {
	color: var(--black-light);
}

hr {
	width: 100%;
	height: 1px;
	margin: calc(var(--font-size) * 3) 0;
	background-color: currentColor;
	line-height: 0;
	opacity: .25;
	border: none;
}

blockquote {
	position: relative;
	padding-left: 1.65em;
	font-size: 1.375rem;
	line-height: 1.3;
}

@media (min-width:768px) {
	blockquote {
		font-size: 1.75rem;
	}
}

@media (min-width:1024px) {
	blockquote {
		font-size: 2rem;
	}
}

blockquote:before {
	content: "";
	position: absolute;
	width: 2px;
	height: 94%;
	top: 3%;
	left: 0;
	background-color: var(--gray-dark);
}

blockquote>div {
	margin-top: 2em;
	font-size: .75rem;
	line-height: 1.4;
	font-weight: 600;
}

blockquote>div>span:before {
	content: " ";
	display: inline-block;
	margin: 0 .9em 0 .55em;
	font-size: .65em;
	background-image: linear-gradient(90deg, transparent calc(50% - .5px), currentColor 0, currentColor calc(50% + .5px), transparent 0);
	transform: translateY(-20%);
}

h1, .heading-1, h2, .heading-2, h3, .heading-3, h4, .heading-4 {
	font-family: var(--font-heading);
	font-weight: 400;
}

h1, .heading-1 {
	font-size: 2rem;
	line-height: 1.25;
	letter-spacing: -1px;
}

@media (min-width:768px) {
	h1, .heading-1 {
		font-size: 2.25rem;
	}
}

@media (min-width:1024px) {
	h1, .heading-1 {
		font-size: 3rem;
	}
}

h2, .heading-2 {
	font-size: 1.75rem;
	line-height: 1.3;
	letter-spacing: -.5px;
}

@media (min-width:768px) {
	h2, .heading-2 {
		font-size: 2rem;
	}
}

@media (min-width:1024px) {
	h2, .heading-2 {
		font-size: 2.25rem;
	}
}

h3, .heading-3 {
	font-size: 1.5rem;
	line-height: 1.4;
}

@media (min-width:768px) {
	h3, .heading-3 {
		font-size: 1.75rem;
	}
}

h4, .heading-4 {
	font-size: 1.125rem;
	line-height: 1.3;
}

@media (min-width:768px) {
	h4, .heading-4 {
		font-size: 1.5rem;
	}
}

.display {
	font-size: 2.5rem;
	font-weight: 300;
	line-height: 1;
	letter-spacing: -.18rem;
}

@media (min-width:768px) {
	.display {
		font-size: 3.75rem;
	}
}

@media (min-width:1024px) {
	.display {
		font-size: 4.5rem;
	}
}

.eyebrow {
	font-size: .75rem;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.3;
	letter-spacing: .05rem;
}

.lead {
	font-size: 1.375rem;
	line-height: 1.3;
}

@media (min-width:768px) {
	.lead {
		font-size: 1.75rem;
	}
}

@media (min-width:1024px) {
	.lead {
		font-size: 2rem;
	}
}

.text-xs {
	font-size: .75rem;
	line-height: 1.4;
}

.text-sm {
	font-size: .875rem;
	line-height: 1.4;
}

.text-base {
	font-size: 1rem;
	line-height: 1.4;
}

.text-lg {
	font-size: 1.125rem;
	line-height: 1.6;
}

.text-xl {
	font-size: 1.25rem;
	line-height: 1.6;
}

.text-2xl {
	font-size: 1.5rem;
	line-height: 1.6;
}

@media (min-width:640px) {
	.sm\:text-xs {
		font-size: .75rem;
		line-height: 1.4;
	}
	
	.sm\:text-sm {
		font-size: .875rem;
		line-height: 1.4;
	}
	
	.sm\:text-base {
		font-size: 1rem;
		line-height: 1.4;
	}
	
	.sm\:text-lg {
		font-size: 1.125rem;
		line-height: 1.6;
	}
	
	.sm\:text-xl {
		font-size: 1.25rem;
		line-height: 1.6;
	}
	
	.sm\:text-2xl {
		font-size: 1.5rem;
		line-height: 1.6;
	}
}

@media (min-width:768px) {
	.md\:text-xs {
		font-size: .75rem;
		line-height: 1.4;
	}
	
	.md\:text-sm {
		font-size: .875rem;
		line-height: 1.4;
	}
	
	.md\:text-base {
		font-size: 1rem;
		line-height: 1.4;
	}
	
	.md\:text-lg {
		font-size: 1.125rem;
		line-height: 1.6;
	}
	
	.md\:text-xl {
		font-size: 1.25rem;
		line-height: 1.6;
	}
	
	.md\:text-2xl {
		font-size: 1.5rem;
		line-height: 1.6;
	}
}

@media (min-width:1024px) {
	.lg\:text-xs {
		font-size: .75rem;
		line-height: 1.4;
	}
	
	.lg\:text-sm {
		font-size: .875rem;
		line-height: 1.4;
	}
	
	.lg\:text-base {
		font-size: 1rem;
		line-height: 1.4;
	}
	
	.lg\:text-lg {
		font-size: 1.125rem;
		line-height: 1.6;
	}
	
	.lg\:text-xl {
		font-size: 1.25rem;
		line-height: 1.6;
	}
	
	.lg\:text-2xl {
		font-size: 1.5rem;
		line-height: 1.6;
	}
}

@media (min-width:1280px) {
	.xl\:text-xs {
		font-size: .75rem;
		line-height: 1.4;
	}
	
	.xl\:text-sm {
		font-size: .875rem;
		line-height: 1.4;
	}
	
	.xl\:text-base {
		font-size: 1rem;
		line-height: 1.4;
	}
	
	.xl\:text-lg {
		font-size: 1.125rem;
		line-height: 1.6;
	}
	
	.xl\:text-xl {
		font-size: 1.25rem;
		line-height: 1.6;
	}
	
	.xl\:text-2xl {
		font-size: 1.5rem;
		line-height: 1.6;
	}
}

.bento-grid {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 16px;
}

.bento-grid img {
	aspect-ratio: .77/1;
}

@media (min-width:768px) {
	.bento-grid {
		grid-template-columns: repeat(12, minmax(0, 1fr));
		grid-template-rows: repeat(3, minmax(0, auto));
		gap: 32px;
	}
	
	.bento-grid>:first-child {
		grid-column: 1/span 6;
		grid-row: 1/1;
	}
	
	.bento-grid>:first-child img {
		aspect-ratio: 1.15/1;
	}
	
	.bento-grid>:nth-child(2) {
		grid-column: 7/span 6;
		grid-row: 1/span 2;
	}
	
	.bento-grid>:nth-child(2) img {
		aspect-ratio: .77/1;
	}
	
	.bento-grid>:nth-child(3) {
		grid-column: 1/span 6;
		grid-row: 2/span 2;
	}
	
	.bento-grid>:nth-child(3) img {
		aspect-ratio: .77/1;
	}
	
	.bento-grid>:nth-child(4) {
		grid-column: 7/span 6;
		grid-row: 3/span 1;
	}
	
	.bento-grid>:nth-child(4) img {
		aspect-ratio: 1.15/1;
	}
}

.bento-grid--image {
	position: relative;
	width: 100%;
	height: max-content;
}

.bento-grid--image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bento-grid--image:after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(179deg, rgba(0, 0, 0, 0) 61.05%, rgba(0, 0, 0, .6) 83.5%);
}

.bento-grid--image-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
	width: 100%;
	padding: var(--space-4);
	color: var(--white);
}

@media (min-width:998px) {
	.bento-grid--image-caption {
		padding: var(--space-8);
	}
}

.billboard {
	--cluster-gap: 1.5rem;
	display: grid;
	position: relative;
	box-sizing: border-box;
	min-height: clamp(856px, 90vmin, 1000px);
	max-height: 1000px;
	color: var(--white);
	padding-block: 3rem;
	overflow: hidden;
}

@media (min-width:768px) {
	.billboard {
		padding-block: 4rem;
	}
}

@media (min-width:1024px) {
	.billboard {
		padding-block: 6rem;
	}
}

.billboard:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: var(--transparent-black-40);
	z-index: 3;
}

@media (min-width:1024px) {
	.billboard:after {
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 56.93%, rgba(0, 0, 0, .54) 83.02%);
	}
}

.billboard-mask {
	position: absolute;
	inset: 0;
	z-index: 2;
	width: 50vw;
}

.billboard-mask img, .billboard-mask svg {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	object-fit: cover;
	min-width: 2290px;
	min-height: 2054px;
}

.billboard-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.billboard-image img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.billboard-content {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 1.75rem;
}

@media (min-width:1024px) {
	.billboard-content {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 4rem;
	}
}

.billboard .container {
	position: relative;
	z-index: 5;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	height: 100%;
}

.billboard .heading-1 {
	max-width: 656px;
}

.billboard .lead {
	margin-bottom: .5em;
}

.billboard .cluster {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem 1rem;
	justify-content: flex-start;
	align-items: center;
}

@media (min-width:1024px) {
	.billboard .cluster {
		place-self: flex-end;
	}
}

.button {
	--bg: var(--black);
	--c: var(--white);
	--h: 2.75rem;
	--w: 2.75rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-2);
	height: var(--h);
	padding: .75rem 2rem;
	background-color: var(--bg);
	color: var(--c);
	font-size: 1rem;
	border-radius: 9999px;
	text-align: center;
	white-space: nowrap;
	transition-property: background-color, border-color, color;
	transition-duration: .2s;
	transition-timing-function: var(--ease-cubic);
}

.button:hover {
	--bg: var(--black-light);
	color: var(--white);
}

.button:disabled {
	--bg: var(--gray-lighter);
	color: var(--gray-light);
}

.button--white {
	--bg: var(--white);
	color: var(--black);
}

.button--text {
	--bg: transparent;
	--c: var(--black);
	padding: 0 .5rem;
	height: auto;
}

.button--text:hover {
	--bg: transparent;
	color: var(--black);
}

.button--icon {
	width: var(--w);
	padding: 0;
	aspect-ratio: 1/1;
}

.button--icon:hover .icon {
	fill: var(--white);
}

.button .icon {
	flex: none;
	fill: currentColor;
	color: currentColor;
	width: 1rem;
	height: 1rem;
}

.callout {
	--callout-split: .485;
	--callout-break: 80rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--space-8);
}

@media (min-width:1024px) {
	.callout {
		flex-direction: var(--callout-direction, row);
		gap: var(--space-16);
	}
}

.callout\:reverse {
	--callout-direction: row-reverse;
}

.callout\:row {
	--callout-direction: column;
}

.callout\:row-reverse {
	--callout-direction: column-reverse;
}

.callout\:row-reverse>:first-child {
	align-self: center;
	width: 100%;
	max-width: 626px;
}

.callout>* {
	flex-grow: 1;
	flex-basis: calc(( var(--callout-break) - 100% ) * 999);
}

.callout>:first-child {
	min-width: calc(var(--callout-split) * 100%);
}

.callout>:last-child {
	align-self: center;
}

.callout p:not([class]), .callout li:not([class]) {
	font-size: var(--font-size);
}

.callout-link {
	--callout-link-align: left;
	margin-top: var(--s-5);
	text-align: var(--callout-link-align, left);
}

.callout-link\:center {
	--callout-link-align: center;
}

.callout-link\:right {
	--callout-link-align: right;
}

.callout .image {
	width: 100%;
	aspect-ratio: 1/1;
}

.callout .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.callout-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-16);
	padding-block: var(--space-12);
}

@media (min-width:768px) {
	.callout-grid {
		padding-block: var(--space-14);
	}
}

@media (min-width:1024px) {
	.callout-grid {
		padding-block: var(--space-24);
	}
}

.callout-grid--callouts {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: var(--space-11);
}

@media (min-width:768px) {
	.callout-grid--callouts {
		gap: var(--space-12);
	}
}

@media (min-width:1024px) {
	.callout-grid--callouts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--space-16);
	}
}

.callout-grid--callout {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-6);
	padding-block-start: var(--space-12);
	border-top: 1px solid var(--transparent-black-20);
}

@media (min-width:768px) {
	.callout-grid--callout {
		flex-direction: row;
		align-items: center;
		gap: var(--space-7);
		padding-block-start: var(--space-16);
	}
}

@media (min-width:1024px) {
	.callout-grid--callout {
		gap: var(--space-8);
	}
}

.callout-grid--callout>* {
	flex: 1;
}

.callout-grid--callout-image {
	width: 100%;
	aspect-ratio: 1/1;
}

.callout-grid--callout-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.callout-grid--callout-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-6);
}

.card {
	--p: 2rem;
	position: relative;
	z-index: 1;
	cursor: pointer;
}

.card-header {
	position: relative;
	background-color: var(--gray-lighter);
}

.card-badge {
	position: absolute;
	right: var(--space-2);
	top: var(--space-2);
	z-index: 10;
	display: flex;
	align-items: center;
	gap: 1px;
	padding: .25rem .5rem;
	background-color: var(--transparent-black-60);
	backdrop-filter: blur(24px);
	color: var(--white);
	border-radius: 9999px;
}

.card-utils {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: max-content;
	max-width: 100%;
}

.card-utils>* {
	opacity: 0;
	transition: opacity .3s var(--ease-out-quad);
}

.card-title {
	color: currentColor;
	font-weight: 600;
}

.card-title-wrapper {
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: var(--space-2);
}

.card-title-family\:line-form {
	color: var(--line);
}

.card-title-family\:aero-form {
	color: var(--aero);
}

.card-title-family\:panel-form {
	color: var(--panel);
}

.card p {
	line-height: 1.25;
	max-width: 50ch;
}

.card:hover .image img {
	transform: scale(1.05);
}

.card .image img {
	transition: transform .2s var(--ease-quad);
}

.no-hover .card-utils {
	--space: var(--space-2);
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--space);
	inset: auto var(--space) var(--space) var(--space);
	transform: none;
}

.no-hover .card-utils>* {
	flex: 1 1 auto;
	opacity: 1;
}

.no-hover .card-utils .icon {
	display: none;
}

.card>div:last-child {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-2);
	margin-block-start: var(--space-8);
}

.card\:finish {
	--image-ratio: 1;
	overflow: hidden;
	cursor: auto;
}

.card\:finish:hover .image img {
	transform: none;
}

.card\:finish .card-content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	justify-content: flex-end;
	height: 75%;
	padding: .625rem;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 4.01%, rgba(0, 0, 0, .8) 80.34%);
	color: var(--white);
	opacity: 0;
	transform: translateY(1rem);
	transition: opacity .2s var(--ease-quad), transform .2s var(--ease-quad);
	transition-delay: 50ms, 0ms;
}

.card\:finish:hover .card-content {
	opacity: 1;
	transform: translateY(0);
}

.card-result-category {
	margin-bottom: 0;
}

.card-result-category:not(:first-of-type) {
	margin-left: var(--space-2);
}

.card-finish--description {
	white-space: break-spaces;
}

.card\:post .image {
	--aspect-width: 4;
	--aspect-height: 3;
}

.card\:market.card\:coming-soon {
	cursor: not-allowed !important;
}

.card\:market.card\:coming-soon img {
	transform: none !important;
}

.card\:market.card\:coming-soon .button {
	opacity: 0 !important;
	visibility: hidden !important;
}

.card\:market .card-title {
	font-size: 1rem;
	color: var(--white);
	font-weight: 700;
}

.card\:market .card-title a {
	color: var(--white);
}

.card\:market p {
	font-size: 18px;
	margin-bottom: 0;
}

.card\:market .card-content {
	position: absolute;
	inset: 0;
	z-index: 10;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	padding: var(--space-6);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 24.01%, rgba(0, 0, 0, .5) 100.34%);
}

.card\:market .button {
	opacity: 0;
	transition: all .3s var(--ease-quad);
}

.card\:market>div:last-child {
	margin: 0;
}

.card\:market:hover .button {
	opacity: 1;
}

.card\:project .image {
	--aspect-width: 4;
	--aspect-height: 3;
}

.card\:project>div:last-child {
	margin-block-start: var(--space-6);
}

.card\:family:after {
	content: none;
}

.card\:family:hover .image-hover-overlay {
	opacity: 1;
	visibility: visible;
}

.card\:family:hover .card-title, .card\:family:hover .card-content {
	opacity: 0;
	visibility: hidden;
}

.card\:family {
	padding: 1.5rem;
	width: 100%;
	aspect-ratio: 1/1;
	color: var(--white);
}

.card\:family .card-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.card\:family .card-title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: .5rem;
	color: var(--white);
	transition: opacity .3s var(--ease-quad), visibility .3s var(--ease-quad);
}

.card\:family .card-title h2 {
	font-size: 1.25rem;
	color: var(--transparent-white-60);
}

.card\:family .card-content {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1.5rem;
	transition: opacity .3s var(--ease-quad), visibility .3s var(--ease-quad);
}

@media (min-width:1280px) {
	.card\:family .card-content {
		display: grid;
		grid-template-columns: repeat(8, minmax(0, 1fr));
		gap: var(--space-6);
	}
}

.card\:family .eyebrow {
	color: var(--transparent-white-40);
}

.card\:family .applications-list-wrapper {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.5rem;
}

@media (min-width:1280px) {
	.card\:family .applications-list-wrapper {
		grid-column: span 3/span 3;
	}
}

.card\:family .applications-list {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: .5rem;
}

.card\:family .image {
	flex: 1;
	width: 100%;
	max-width: 164px;
	aspect-ratio: 1/1;
}

.card\:family .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (min-width:1280px) {
	.card\:family .image {
		grid-column: span 5/span 5;
		max-width: none;
	}
}

.card\:family .image-hover-overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s var(--ease-quad), visibility .3s var(--ease-quad);
}

.card\:family .image-hover-overlay img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card\:family .image-hover-overlay .button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

.card\:lineform {
	background-color: var(--line);
}

.card\:aeroform {
	background-color: var(--aero);
}

.card\:panelform {
	background-color: var(--panel);
}

.card\:resource {
	cursor: auto;
}

.card\:resource .image {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 1/1;
}

.card\:resource .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card\:resource .card-details, .card\:resource .card-details ul {
	width: 100%;
}

.card\:resource .card-details {
	margin-block-start: var(--space-2);
}

@media (min-width:1024px) {
	.card\:resource .card-details {
		margin-block-start: var(--space-4);
	}
}

.card\:resource .card-details ul li:first-child {
	border-top: none;
}

.card\:carousel {
	position: relative;
}

.card\:carousel:after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 54.95%, rgba(0, 0, 0, .5) 96.33%);
}

.card\:carousel .image {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 3/4;
}

@media (min-width:768px) {
	.card\:carousel .image {
		aspect-ratio: 1.618/1;
	}
}

.card\:carousel .card-content {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 1.25rem;
	padding: 1rem;
}

@media (min-width:768px) {
	.card\:carousel .card-content {
		padding: 2rem;
	}
}

.card\:carousel .card-content h4, .card\:carousel .card-content h4>* {
	font-weight: 600;
	color: var(--gray-lighter);
}

.card\:carousel .card-content p {
	color: var(--gray-lighter);
}

.card\:carousel .card-content a {
	color: var(--white);
}

.card\:carousel .card-content a:hover {
	color: var(--gray-lighter);
}

.card\:carousel .card-content a :after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 3;
}

.card\:carousel img {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card-grid {
	--bg-color: var(--white);
	--text-color: var(--black);
	background-color: var(--bg-color);
	color: var(--text-color);
}

.card-grid.theme-light {
	--bg-color: var(--white);
	--text-color: var(--black);
}

.card-grid.theme-dark {
	--bg-color: var(--gray-darker);
	--text-color: var(--white);
}

.card-grid.theme-gray {
	--bg-color: var(--gray-lighter);
	--text-color: var(--black);
}

.card-grid.theme-aero {
	--bg-color: var(--aero);
	--text-color: var(--white);
}

.card-grid.theme-line {
	--bg-color: var(--line);
	--text-color: var(--white);
}

.card-grid.theme-panel {
	--bg-color: var(--panel);
	--text-color: var(--white);
}

.card-grid--layout-wrapper {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 16px;
	margin-block-start: 24px;
}

@media (min-width:767px) {
	.card-grid--layout-wrapper {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
		margin-block-start: 48px;
	}
}

@media (min-width:1200px) {
	.card-grid--layout-wrapper {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 32px;
		margin-block-start: 64px;
	}
}

.card-grid--card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
	width: 100%;
	height: auto;
	aspect-ratio: 427/279;
	padding: 24px;
	background-color: rgba(255, 255, 255, .05);
}

.card-grid--card-icon {
	aspect-ratio: 1/1;
	width: 60px;
	height: 60px;
}

.card-grid .header-textblock {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 1em;
}

.card-grid .header-textblock div>*+* {
	margin-block-start: 16px;
}

.card-grid .header-textblock h2 {
	margin: 0;
}

@media (min-width:767px) {
	.card-grid .header-textblock {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.carousel {
	overflow: hidden;
}

.carousel-track {
	display: flex;
	gap: 16px;
}

.carousel-slide {
	position: relative;
	flex: 1 0 100%;
	aspect-ratio: 3/4;
}

@media (min-width:768px) {
	.carousel-slide {
		flex: 0 0 80%;
		aspect-ratio: 1.618/1;
	}
}

@media (min-width:768px)and (max-height:950px) {
	.carousel-slide {
		flex: 0 0 clamp(500px, 100vh - 30px, 80%);
	}
}

.carousel-slide:has(.carousel-slide-content):after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 54.95%, rgba(0, 0, 0, .5) 96.33%);
}

.carousel-slide img {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.carousel-slide.is-selected .carousel-slide-content {
	opacity: 1;
	transform: translateY(0);
}

.carousel-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

@media (min-width:768px) {
	.carousel-actions {
		display: grid;
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}
}

.carousel-slide-content {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 1.25rem;
	padding: 1rem;
	opacity: 0;
	transform: translateY(16px);
	transition: opacity .3s var(--ease-quad), transform .3s var(--ease-quad);
	transition-delay: .25s, .2s;
}

@media (min-width:768px) {
	.carousel-slide-content {
		padding: 2rem;
	}
}

.carousel-slide-content h4 {
	font-weight: 600;
	color: var(--gray-lighter);
}

.carousel-slide-content p {
	color: var(--gray-lighter);
}

@media (min-width:768px) {
	.carousel-snap-display {
		grid-column: 1/4;
	}
}

.carousel-buttons {
	grid-column: 1/-1;
}

@media (min-width:768px) {
	.carousel-buttons {
		grid-column: 7/-1;
		justify-self: end;
	}
}

@media (min-width:768px) {
	.carousel\:modal .carousel-slide {
		flex: 1 0 100%;
	}
}

.modal\:gallery-modal .modal-content {
	background-color: transparent;
}

@media (min-width:768px) {
	.modal\:gallery-modal .carousel-slide {
		flex: 1 0 100%;
	}
}

.modal\:gallery-modal .image {
	--aspect-width: 16;
	--aspect-height: 9;
}

.carousel-dots {
	display: flex;
	gap: 1rem;
	pointer-events: none;
}

.carousel-dots li {
	flex: 1 1 auto;
	max-width: 40px;
	height: 2px;
	position: relative;
}

.carousel-dots li:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: var(--white);
}

.carousel-dots li:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: #fff;
	transform-origin: 0 0;
	opacity: 0;
	transform: scaleX(var(--progress, 1));
	transition: opacity .25s;
	will-change: opacity, transform;
}

.carousel-dots li.active:after {
	opacity: 1;
}

.contact-link {
	display: inline-flex;
	font-size: var(--font-size-xs);
	align-items: center;
	gap: 1.2rem;
}

.content *+:where(h2,h3,h4) {
	margin-top: 2rem;
}

.content .prehead+:where(h2,h3,h4) {
	margin-top: 0;
}

.content h2 {
	margin-bottom: .8333333em;
}

.content h3 {
	margin-bottom: .25rem;
}

.content *+p>.button {
	margin-top: 1rem;
}

.content *+p {
	margin-top: clamp(1rem, 2.5vw, 2rem);
}

.content :where(h2,h3,h4)+p {
	margin-top: clamp(1rem, 2.5vw, 1.5rem);
}

.content :where(ul,ol):not([class]) {
	margin: 2rem 0 2rem 1.75rem;
}

.content :where(ul):not([class]) {
	list-style-type: square;
}

.content :where(ol):not([class]) {
	list-style-type: decimal;
}

.content :where(ul,ol):not([class]) li+li {
	margin-top: .5rem;
}

.content blockquote {
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
}

.content a:not([class]) {
	text-decoration: underline;
}

.content a:not([class]):hover {
	text-decoration: none;
}

.content>*:first-child {
	margin-top: 0;
}

.content>*:last-child {
	margin-bottom: 0;
}

.content .wp-caption {
	margin: 3rem auto;
}

.content .wp-caption\:aligncenter {
	max-width: 700px;
}

.content .wp-caption-text {
	font-size: var(--font-size-xs);
	margin-top: 1rem;
	color: var(--gray-dark);
}

.content img {
	width: 100%;
	height: auto;
}

.callout-content-element-image {
	width: 3rem;
	height: 3rem;
	aspect-ratio: 1/1;
}

.callout-content-element-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.callout-content-element-content p {
	margin-top: 0;
}

.testimonial--image {
	width: 100%;
	aspect-ratio: 1/1;
}

.testimonial--image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.testimonial--content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
	padding-inline-start: var(--space-4);
	border-left: 2px solid var(--white);
}

@media (min-width:1024px) {
	.testimonial--content {
		padding-inline-start: var(--space-8);
	}
}

.cta-bar {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: var(--space-4) var(--space-5);
}

.cta-bar>div {
	flex: 1;
}

.cta-bar p {
	max-width: 85ch;
}

@media (min-width:900px) {
	.cta-bar {
		flex-direction: row;
		align-items: center;
	}
	
	.cta-bar\:samples:before {
		content: "";
		width: 12rem;
		aspect-ratio: 1/1;
		background: url("https://cdn-ildmbnd.nitrocdn.com/YatFPIMlfmdYopQgmHsUDzYmBdXvEpZU/assets/images/optimized/rev-eac296b/maxxitgroup.com/wp-content/themes/maxxit/images/samples-cta-tile.jpg") center/cover;
	}
}

.cta-bar.cta-bar\:samples {
	max-width: 864px;
	margin-inline: auto;
	padding: var(--space-6);
	background-color: var(--black);
	color: var(--white);
}

.cta-brochure {
	position: relative;
}

.cta-brochure .cta-brochure-image {
	position: relative;
	height: 100%;
	width: 100%;
	max-height: 680px;
	aspect-ratio: 13/20;
}

.cta-brochure .cta-brochure-image:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 56.93%, rgba(0, 0, 0, .54) 83.02%);
}

@media (min-width:768px) {
	.cta-brochure .cta-brochure-image {
		aspect-ratio: 6/7;
	}
}

@media (min-width:1024px) {
	.cta-brochure .cta-brochure-image {
		aspect-ratio: 36/17;
	}
}

.cta-brochure .cta-brochure-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cta-brochure .container {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%);
	z-index: 3;
	padding-block-end: var(--space-8);
}

@media (min-width:768px) {
	.cta-brochure .container {
		padding-block-end: var(--space-12);
	}
}

@media (min-width:1024px) {
	.cta-brochure .container {
		padding-block-end: var(--space-16);
	}
}

.cta-brochure .cta-brochure-intro {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--space-8);
	color: var(--white);
}

.cta-link {
	font-size: var(--font-size-xs);
	text-decoration: none;
	display: inline-flex;
	align-items: baseline;
	gap: .5em;
}

.cta-link:after {
	content: "";
	--size: calc(13 / 14 * 1em);
	width: var(--size);
	height: var(--size);
	background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 640 640\'%3E%3Cpath d=\'M496 128C504.8 128 512 135.2 512 144L512 400C512 408.8 504.8 416 496 416C487.2 416 480 408.8 480 400L480 182.6L155.3 507.3C149.1 513.5 138.9 513.5 132.7 507.3C126.5 501.1 126.5 490.9 132.7 484.7L457.4 160L240 160C231.2 160 224 152.8 224 144C224 135.2 231.2 128 240 128L496 128z\'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	transform: translateY(1px);
	transition: transform .3s var(--ease-quad);
}

.cta-link:hover:after {
	transform: translate(1px, -.5px);
}

.cta-section {
	padding-block: var(--space-8);
}

@media (min-width:768px) {
	.cta-section {
		padding-block: var(--space-12);
	}
}

.cta-section .container {
	display: grid;
	grid-template-columns: 1fr;
	gap: 7.5rem;
}

@media (min-width:1024px) {
	.cta-section .container {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--space-20);
	}
}

.cta-section .container div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-8);
}

.cta-section .container div:has(:only-child) {
	justify-content: center;
}

.cta-section .container div a:only-child {
	align-self: flex-end;
}

.cta-section .container>div:last-child {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-7);
}

@media (min-width:1024px) {
	.cta-section .container>div:last-child {
		grid-row-start: 2;
		grid-column: 1/3;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: var(--space-24);
	}
}

.cta-section .container>div:last-child h2 {
	flex: 1;
	max-width: 680px;
}

.cta-section.cta\:image {
	position: relative;
	padding-block: 0;
}

.cta-section.cta\:image:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 56.93%, rgba(0, 0, 0, .54) 83.02%);
}

.cta-section.cta\:image .container {
	position: absolute;
	bottom: var(--space-8);
	left: var(--container-padding);
	right: var(--container-padding);
	z-index: 4;
}

@media (min-width:768px) {
	.cta-section.cta\:image .container {
		bottom: var(--space-12);
	}
}

.cta-section svg {
	width: 90px;
	height: 90px;
}

.cta-section .cta--image {
	position: relative;
	z-index: 1;
	width: 100%;
	max-height: 680px;
	aspect-ratio: 13/20;
}

@media (min-width:768px) {
	.cta-section .cta--image {
		aspect-ratio: 6/7;
	}
}

@media (min-width:1024px) {
	.cta-section .cta--image {
		aspect-ratio: 36/17;
	}
}

.cta-section .cta--image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dropdown {
	position: relative;
	z-index: 5;
}

.dropdown-menu {
	position: absolute;
	left: 0;
	top: 100%;
	min-width: 100%;
	width: max-content;
	max-width: calc(100vw - var(--gutters));
	background-color: #fff;
	box-shadow: var(--shadow-sm);
	visibility: hidden;
	transform: translate(var(--tx, 0), 3px);
	opacity: 0;
	transition: all .25s;
}

.dropdown-menu\:center {
	left: 50%;
	--tx: -50%;
}

.dropdown.is-active {
	z-index: 6;
}

.dropdown.is-active .dropdown-button {
	color: var(--gray-dark);
}

.dropdown.is-active .dropdown-menu {
	visibility: visible;
	transform: translate(var(--tx, 0));
	opacity: 1;
}

.dropdown-menu:is(ul) {
	font-size: var(--font-size-xs);
	padding: .5em;
}

.dropdown-menu>li {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dropdown-menu>li a {
	--icon-scale: .85;
	display: flex;
	gap: 1em;
	align-items: center;
	justify-content: space-between;
	white-space: nowrap;
	min-width: max-content;
	padding: .5em 1em;
	color: var(--black);
}

.dropdown-menu>li a:hover {
	color: var(--gray-light);
	background-color: var(--gray-lighter);
}

.dropdown-menu>li a .icon {
	flex: none;
}

.featured-content {
	padding-block: var(--space-12);
}

@media (min-width:768px) {
	.featured-content {
		padding-block: var(--space-16);
	}
}

@media (min-width:1024px) {
	.featured-content {
		padding-block: var(--space-24);
	}
}

.featured-content-grid {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	column-gap: var(--space-4);
	row-gap: var(--space-12);
	margin-block-start: var(--space-12);
}

@media (min-width:768px) {
	.featured-content-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-block-start: var(--space-16);
		row-gap: var(--space-16);
	}
}

@media (min-width:1024px) {
	.featured-content-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		margin-block-start: var(--space-24);
	}
}

.featured-content-grid--carousel {
	margin-block-start: var(--space-12);
}

@media (min-width:768px) {
	.featured-content-grid--carousel {
		margin-block-start: var(--space-16);
	}
}

.featured-content-grid--carousel .carousel-track {
	display: flex;
	gap: var(--space-4);
}

.featured-content-grid--carousel .carousel-slide {
	flex: 0 0 100%;
}

@media (min-width:768px) {
	.featured-content-grid--carousel .carousel-slide {
		flex: 0 0 80%;
	}
}

@media (min-width:768px)and (max-height:950px) {
	.featured-content-grid--carousel .carousel-slide {
		flex: 0 0 clamp(500px, 100vh - 30px, 80%);
	}
}

.featured-content-grid--carousel .carousel-slide .card-content {
	opacity: 0;
	transform: translateY(16px);
	transition: opacity .3s var(--ease-quad), transform .3s var(--ease-quad);
	transition-delay: .25s, .2s;
}

.featured-content-grid--carousel .carousel-slide.is-selected .card-content, .featured-content-grid--carousel .carousel-slide.is-in-view .card-content {
	opacity: 1;
	transform: translateY(0);
}

.featured-content-grid--carousel-utils {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4);
	margin-block-start: var(--space-8);
}

.featured-content-grid--carousel-utils .carousel-snap-display {
	font-size: .875rem;
}

.featured-content-grid--carousel-utils .carousel-navigation {
	display: flex;
	align-items: center;
	gap: var(--space-4);
}

.filters {
	display: flex;
}

.filters>* {
	flex: 1;
}

.filters .dropdown>button {
	--icon-scale: 13/14;
	display: flex;
	gap: 1rem;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 1rem;
	font-size: var(--font-size-xs);
	line-height: 1;
	color: var(--black);
	border: currentColor 1px solid;
}

@media (max-width:999px) {
	.filters {
		flex-direction: column;
	}
	
	.filters>:not(:last-child) {
		margin-bottom: -1px;
	}
	
	.filters .dropdown>button {
		justify-content: space-between;
	}
}

@media (min-width:1000px) {
	.filters>:not(:first-child) {
		margin-left: -1px;
	}
}

.form-input, #content select, #content textarea, #content input:not([type=radio],[type=checkbox],[type=button],[type=submit]), #gform_wrapper_1 select, #gform_wrapper_1 textarea, #gform_wrapper_1 input:not([type=radio],[type=checkbox],[type=button],[type=submit]), #gform_wrapper_2 select, #gform_wrapper_2 textarea, #gform_wrapper_2 input:not([type=radio],[type=checkbox],[type=button],[type=submit]), select, textarea, input:not([type=radio],[type=checkbox],[type=button],[type=submit]) {
	max-width: 100%;
	font-size: 1rem;
	line-height: 1;
	font-weight: 400;
	padding: .7em .9em;
	outline: none;
	border: 1px solid #a0acac;
	border-radius: 3px;
	color: var(--black);
	background-color: transparent;
	transition: border-color .2s, box-shadow .2s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.form-input::placeholder, #content select::placeholder, #content textarea::placeholder, #content input:not([type=radio],[type=checkbox],[type=button],[type=submit])::placeholder, #gform_wrapper_1 select::placeholder, #gform_wrapper_1 textarea::placeholder, #gform_wrapper_1 input:not([type=radio],[type=checkbox],[type=button],[type=submit])::placeholder, #gform_wrapper_2 select::placeholder, #gform_wrapper_2 textarea::placeholder, #gform_wrapper_2 input:not([type=radio],[type=checkbox],[type=button],[type=submit])::placeholder, select::placeholder, textarea::placeholder, input:not([type=radio],[type=checkbox],[type=button],[type=submit])::placeholder {
	color: #a0acac;
}

.form-input:focus, #content select:focus, #content textarea:focus, #content input:focus:not([type=radio],[type=checkbox],[type=button],[type=submit]), #gform_wrapper_1 select:focus, #gform_wrapper_1 textarea:focus, #gform_wrapper_1 input:focus:not([type=radio],[type=checkbox],[type=button],[type=submit]), #gform_wrapper_2 select:focus, #gform_wrapper_2 textarea:focus, #gform_wrapper_2 input:focus:not([type=radio],[type=checkbox],[type=button],[type=submit]), select:focus, textarea:focus, input:not([type=radio],[type=checkbox],[type=button],[type=submit]):focus {
	border-color: var(--gray-dark);
}

.form-checkbox {
	display: flex;
	align-items: center;
	gap: 1rem;
	font-size: var(--font-size-xs);
	line-height: 1.2;
	padding: .9em 1.25em;
	outline: none;
	color: var(--black);
	cursor: pointer;
}

.form-checkbox:hover {
	background-color: var(--gray-lighter);
}

.form-checkbox:not(:first-child) {
	border-top: 1px solid var(--gray-lighter);
}

.form-checkbox input[type=checkbox] {
	display: grid;
	place-content: center;
	border: 1px solid var(--gray-light);
	border-radius: .2em;
	background-color: #fff;
	-webkit-appearance: none;
	appearance: none;
}

.form-checkbox input[type=checkbox]:before {
	content: "";
	width: 1.5rem;
	height: 1.5rem;
	background: var(--gray-dark) url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 34 34\'%3E%3Cpath fill=\'%23FFF\' fill-rule=\'nonzero\' d=\'m12.6 26.6-8.53-8.7a1.36 1.36 0 0 1 0-1.9l1.86-1.9a1.3 1.3 0 0 1 1.85 0l5.75 5.87L25.84 7.39a1.3 1.3 0 0 1 1.86 0l1.85 1.9c.52.52.52 1.37 0 1.9L14.45 26.6a1.3 1.3 0 0 1-1.85 0Z\'/%3E%3C/svg%3E") center/cover no-repeat;
	opacity: 0;
	transition: opacity .1s;
}

.form-checkbox input[type=checkbox]:focus {
	border-color: var(--gray-dark);
}

.form-checkbox input[type=checkbox]:checked {
	border-color: var(--gray-dark);
}

.form-checkbox input[type=checkbox]:checked:before {
	opacity: 1;
}

.form-checkbox input[type=checkbox]:checked+* {
	color: var(--gray-dark);
}

.form-group {
	display: flex;
	flex-direction: column;
	gap: var(--s-5);
}

.form-group__image {
	flex: 1 0 0%;
	aspect-ratio: 3/4;
}

.form-group__image img {
	width: 100%;
}

.form-group__form {
	flex: 1 0 0%;
}

@media (min-width:943px) {
	.form-group {
		flex-direction: row;
	}
}

#content select, #gform_wrapper_1 select, #gform_wrapper_2 select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'none\' viewBox=\'0 0 13 8\'%3E%3Cpath fill=\'%23808080\' d=\'M12.2 1.3l-.5-.5c-.1-.1-.3-.1-.4 0l-5 5-5-5c0-.1-.3-.1-.4 0l-.6.5v.5l5.8 5.7c0 .2.3.2.4 0l5.7-5.7c.2-.1.2-.3 0-.5z\'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 1.125em top 50%;
	background-size: .85em auto;
	line-height: 1.45;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#content select.nitro-lazy, #gform_wrapper_1 select.nitro-lazy, #gform_wrapper_2 select.nitro-lazy {
	background-image: none !important;
}

#content select::-ms-expand, #gform_wrapper_1 select::-ms-expand, #gform_wrapper_2 select::-ms-expand {
	display: none;
}

#content input[type=checkbox], #gform_wrapper_1 input[type=checkbox], #gform_wrapper_2 input[type=checkbox] {
	accent-color: var(--black);
}

#content input[type=submit], #gform_wrapper_1 input[type=submit], #gform_wrapper_2 input[type=submit] {
	line-height: 16px !important;
}

#content .gfield_label, #gform_wrapper_1 .gfield_label, #gform_wrapper_2 .gfield_label {
	font-size: var(--font-size-sm);
	font-weight: 400;
}

#content .gform_fields, #gform_wrapper_1 .gform_fields, #gform_wrapper_2 .gform_fields {
	grid-row-gap: 1rem;
}

#content .gform_required_legend, #gform_wrapper_1 .gform_required_legend, #gform_wrapper_2 .gform_required_legend {
	display: none;
}

#content .gform_footer, #gform_wrapper_1 .gform_footer, #gform_wrapper_2 .gform_footer {
	margin: 2.5rem 0 0;
	padding: 0;
}

#content .gfield_header_item, #content .gform_fileupload_rules, #content .ginput_complex label, #content .description, #content .gfield_description, #content .gsection_description, #content .instruction, #gform_wrapper_1 .gfield_header_item, #gform_wrapper_1 .gform_fileupload_rules, #gform_wrapper_1 .ginput_complex label, #gform_wrapper_1 .description, #gform_wrapper_1 .gfield_description, #gform_wrapper_1 .gsection_description, #gform_wrapper_1 .instruction, #gform_wrapper_2 .gfield_header_item, #gform_wrapper_2 .gform_fileupload_rules, #gform_wrapper_2 .ginput_complex label, #gform_wrapper_2 .description, #gform_wrapper_2 .gfield_description, #gform_wrapper_2 .gsection_description, #gform_wrapper_2 .instruction {
	font-size: var(--font-size-xs);
	padding-top: 0;
	color: var(--gray-dark);
}

#content .ginput_complex label, #gform_wrapper_1 .ginput_complex label, #gform_wrapper_2 .ginput_complex label {
	margin-top: .5rem;
}

#content .gfield--type-checkbox, #gform_wrapper_1 .gfield--type-checkbox, #gform_wrapper_2 .gfield--type-checkbox {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
}

#content .gfield--type-checkbox legend, #gform_wrapper_1 .gfield--type-checkbox legend, #gform_wrapper_2 .gfield--type-checkbox legend {
	display: contents;
	font-weight: 700;
}

#content .gfield_checkbox:where([id=input_2_5],[id=input_1_9],[id=input_4_14]), #gform_wrapper_1 .gfield_checkbox:where([id=input_2_5],[id=input_1_9],[id=input_4_14]), #gform_wrapper_2 .gfield_checkbox:where([id=input_2_5],[id=input_1_9],[id=input_4_14]) {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
}

#content .gfield_checkbox:where([id=input_2_5],[id=input_1_9],[id=input_4_14]) .gchoice, #gform_wrapper_1 .gfield_checkbox:where([id=input_2_5],[id=input_1_9],[id=input_4_14]) .gchoice, #gform_wrapper_2 .gfield_checkbox:where([id=input_2_5],[id=input_1_9],[id=input_4_14]) .gchoice {
	position: relative;
}

#content .gfield_checkbox:where([id=input_2_5],[id=input_1_9],[id=input_4_14]) label, #gform_wrapper_1 .gfield_checkbox:where([id=input_2_5],[id=input_1_9],[id=input_4_14]) label, #gform_wrapper_2 .gfield_checkbox:where([id=input_2_5],[id=input_1_9],[id=input_4_14]) label {
	font-size: var(--font-size-xs);
	padding-left: .25rem;
}

#content .gfield_checkbox:where([id=input_2_5],[id=input_1_9],[id=input_4_14]) label:before, #gform_wrapper_1 .gfield_checkbox:where([id=input_2_5],[id=input_1_9],[id=input_4_14]) label:before, #gform_wrapper_2 .gfield_checkbox:where([id=input_2_5],[id=input_1_9],[id=input_4_14]) label:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
}

#content #input_1_1>span, #content #input_2_1>span, #gform_wrapper_1 #input_1_1>span, #gform_wrapper_1 #input_2_1>span, #gform_wrapper_2 #input_1_1>span, #gform_wrapper_2 #input_2_1>span {
	padding: 0;
	flex: 100%;
}

#content #input_1_1 .name_first, #content #input_2_1 .name_first, #gform_wrapper_1 #input_1_1 .name_first, #gform_wrapper_1 #input_2_1 .name_first, #gform_wrapper_2 #input_1_1 .name_first, #gform_wrapper_2 #input_2_1 .name_first {
	margin-bottom: 1rem;
}

#content #input_1_1 .name_last, #content #input_2_1 .name_last, #gform_wrapper_1 #input_1_1 .name_last, #gform_wrapper_1 #input_2_1 .name_last, #gform_wrapper_2 #input_1_1 .name_last, #gform_wrapper_2 #input_2_1 .name_last {
	margin-bottom: 0;
}

#content .gform_validation_errors, #gform_wrapper_1 .gform_validation_errors, #gform_wrapper_2 .gform_validation_errors {
	margin-top: 0;
	margin-bottom: 2.5rem;
	border: 1px solid var(--gray-light);
	border-radius: 3px;
	box-shadow: none;
}

#content .gform_validation_errors>h2, #gform_wrapper_1 .gform_validation_errors>h2, #gform_wrapper_2 .gform_validation_errors>h2 {
	color: var(--red);
	font-size: var(--font-size-xs);
}

#content .validation_message, #gform_wrapper_1 .validation_message, #gform_wrapper_2 .validation_message {
	margin-top: .5rem;
	padding: 0;
	border: 0;
	font-size: var(--font-size-xs);
	background-color: transparent;
	color: var(--red);
}

#content .gfield_error input:not([type=checkbox]):not([type=radio]), #content .gfield_error textarea, #gform_wrapper_1 .gfield_error input:not([type=checkbox]):not([type=radio]), #gform_wrapper_1 .gfield_error textarea, #gform_wrapper_2 .gfield_error input:not([type=checkbox]):not([type=radio]), #gform_wrapper_2 .gfield_error textarea {
	border: var(--red) 1px solid;
}

#content #gf_form_focus, #gform_wrapper_1 #gf_form_focus, #gform_wrapper_2 #gf_form_focus {
	outline: none;
}

#content .gform_ajax_spinner, #gform_wrapper_1 .gform_ajax_spinner, #gform_wrapper_2 .gform_ajax_spinner {
	display: none !important;
}

#gform_wrapper_1 #field_1_9 {
	margin-bottom: var(--s-2);
}

#gform_wrapper_1 #field_1_10 {
	max-width: 550px;
}

#gform_wrapper_2 {
	--px: calc(2.5rem + 4 * var(--fluid-scale));
	--py: calc(4rem + 2 * var(--fluid-scale));
	padding: var(--py) var(--px);
}

#gform_wrapper_2 .gform_description {
	display: block;
	font-size: var(--font-size-sm);
	margin-bottom: 2em;
}

#gform_wrapper_2 #field_2_5 {
	margin: var(--s-2) 0;
}

.gform_ajax_spinner {
	display: none !important;
}

.gform_button {
	cursor: pointer !important;
}

.gform_wrapper.gravity-theme .ginput_complex {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.gform_wrapper.gravity-theme .ginput_complex>* {
	margin: 0 !important;
	padding: 0 !important;
}

.gform_wrapper.gravity-theme .ginput_container_address span {
	flex: 1 1 100% !important;
}

.gform_wrapper.gravity-theme .ginput_container_address {
	margin: 0 !important;
}

.heading-layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.75rem;
}

@media (min-width:1024px) {
	.heading-layout {
		grid-template-columns: repeat(2, 1fr);
		gap: 4rem;
	}
}

.heading-layout>div:not(:first-child) {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-5);
}

.heading-layout>div:not(:first-child):has(:only-child) {
	justify-content: center;
}

@media (min-width:1024px) {
	.heading-layout>div:not(:first-child) a:only-child {
		align-self: flex-end;
	}
}

.home-hero {
	width: 100%;
	height: 100vh;
	z-index: 2;
	background-color: var(--transparent-black-60);
	backdrop-filter: blur(24px);
	color: var(--white);
}

.home-hero-projects .home-hero-projects-wrapper {
	display: flex;
	flex-direction: column-reverse;
	gap: 1.75rem;
	align-items: center;
	justify-content: space-between;
}

@media (min-width:768px) {
	.home-hero-projects .home-hero-projects-wrapper {
		flex-direction: row;
		gap: var(--space-24);
	}
}

.home-hero-projects .project-info-wrapper {
	display: grid;
	grid-template-columns: 1fr 96px;
	gap: .75rem;
	align-items: center;
	width: 100%;
}

@media (min-width:768px) {
	.home-hero-projects .project-info-wrapper {
		flex: 1;
		grid-template-columns: 1fr 96px;
		justify-items: flex-start;
		width: auto;
	}
}

@media (min-width:1280px) {
	.home-hero-projects .project-info-wrapper {
		grid-template-columns: 1fr 1fr 1fr 96px;
		gap: 1rem;
	}
}

.home-hero-footer-wrapper {
	position: relative;
}

.home-hero-navigation {
	position: absolute;
	bottom: var(--space-12);
	right: 0;
	z-index: 2;
	display: flex;
	gap: .5rem;
	justify-content: flex-end;
}

@media (min-width:1024px) {
	.home-hero-navigation {
		bottom: var(--space-16);
	}
}

.home-hero img, .home-hero video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: var(--position, 50% 50%);
}

.home-hero .carousel-track {
	height: 100vh;
}

.home-hero .carousel-slide {
	overflow: hidden;
	flex: 1 0 100%;
	aspect-ratio: 3/4;
}

.home-hero .carousel-slide:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	background: linear-gradient(180deg, rgba(0, 0, 0, .7) .46%, rgba(0, 0, 0, 0) 18.07% 40.07%, rgba(0, 0, 0, .6) 88.48%);
}

@media (min-width:768px) {
	.home-hero .carousel-slide {
		flex: 1 0 100%;
		aspect-ratio: 3/4;
	}
}

.home-hero .carousel-slide--content {
	position: relative;
}

.home-hero .carousel-slide--title {
	position: absolute;
	bottom: 14rem;
	left: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
	max-width: 900px;
}

@media (min-width:768px) {
	.home-hero .carousel-slide--title {
		bottom: 12rem;
		gap: 3rem;
	}
}

@media (min-width:1024px) {
	.home-hero .carousel-slide--title {
		gap: 4rem;
	}
}

.home-hero .carousel-slide--content-inner {
	position: absolute;
	bottom: var(--space-12);
	left: 0;
	z-index: 4;
	display: flex;
	flex-direction: column-reverse;
	align-items: start;
	justify-content: space-between;
	gap: var(--space-8);
}

@media (min-width:768px) {
	.home-hero .carousel-slide--content-inner {
		flex-direction: row;
		align-items: center;
	}
}

@media (min-width:1024px) {
	.home-hero .carousel-slide--content-inner {
		bottom: var(--space-16);
		gap: var(--space-24);
		width: calc(100% - 160px);
	}
}

.home-hero .carousel-slide--info {
	display: flex;
	gap: var(--space-4);
}

@media (min-width:1024px) {
	.home-hero .carousel-slide--info {
		flex: 1;
	}
	
	.home-hero .carousel-slide--info>div {
		min-width: 276px;
	}
}

.home-hero .carousel-dots {
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	z-index: 3;
	width: calc(100% - var(--container-padding));
	bottom: 64px;
}

.home-hero article {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	position: relative;
}

.home-hero article:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	z-index: 1;
	opacity: .5;
	background-image: linear-gradient(0deg, #000, rgba(0, 0, 0, 0) 75%);
}

.home-hero article>div {
	padding-bottom: var(--s-7);
	user-select: none;
	position: relative;
	z-index: 2;
}

.home-hero article>div>* {
	max-width: 760px;
}

@media (min-width:1024px) {
	.home-hero article>div {
		padding-bottom: var(--s-5);
	}
	
	.home-hero .carousel-dots {
		bottom: 64px;
		justify-content: flex-end;
	}
}

.icon {
	display: inline-flex;
	width: calc(var(--icon-scale, 1) * 1rem);
	height: calc(var(--icon-scale, 1) * 1rem);
	max-width: 100%;
	max-height: 100%;
	fill: var(--icon-color, currentColor);
	pointer-events: none;
	transition: all .2s var(--ease-quad);
}

.icon-grid {
	--grid-item-min: 100px;
	--grid-item-max: 125px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(var(--grid-item-min), var(--grid-item-max)));
	place-content: center;
	place-items: center;
	gap: var(--s-4);
}

.icon-grid__link {
	--callout-link-align: left;
	text-align: var(--callout-link-align, left);
}

.icon-grid__link\:center {
	--callout-link-align: center;
}

.icon-grid__link\:right {
	--callout-link-align: right;
}

.js-open-search {
	display: flex;
	align-items: center;
	justify-content: center;
	color: currentColor;
}

.search-box-wrap {
	position: fixed;
	overflow-y: scroll;
	top: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: start;
	background-color: #fff;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}

.search-box-wrap input {
	min-height: 74px;
	width: 100%;
	border: none;
}

.search-box-wrap .js-close-search {
	line-height: 1;
	padding: .7em 0;
	outline: none;
}

.search-hits, .search-hits-resources {
	margin-top: 32px;
}

.search-is-open {
	overflow: hidden;
}

.search-is-open .search-box-wrap {
	opacity: 1;
	visibility: visible;
	z-index: 20;
}

.search-is-open .search-hits-wrap {
	opacity: 1;
	visibility: visible;
	display: block;
}

.search-hits-header {
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: space-between;
}

@media (min-width:767px) {
	.search-hits-header {
		flex-direction: row;
		align-items: center;
	}
}

.search-pagination-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

@media (min-width:767px) {
	.search-pagination-wrap {
		align-items: center;
		justify-content: flex-end;
	}
}

.ais-Hits-list {
	display: grid;
	grid-template-columns: repeat(1fr);
	gap: var(--space-8) var(--space-4);
}

@media (min-width:767px) {
	.ais-Hits-list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width:1200px) {
	.ais-Hits-list {
		grid-template-columns: repeat(4, 1fr);
	}
}

.ais-Hits-item mark {
	background-color: #ffe8e9;
	color: #000;
}

@media (min-width:1200px) {
	#hits-search-projects .ais-Hits-list {
		grid-template-columns: repeat(3, 1fr);
	}
}

.search-hits-resources .ais-Hits-list {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.search-hits-resources .ais-Hits-list .resource {
	padding: 1.644em .85em;
}

.search-hits-resources .ais-Hits-list .resource:first-of-type {
	border-top: none;
}

.image {
	--aspect-width: 1;
	--aspect-height: 1;
	position: relative;
	display: block;
	aspect-ratio: var(--aspect-width)/var(--aspect-height);
	overflow: hidden;
}

.image>img, .image>video {
	width: 100%;
	height: 100%;
	object-fit: var(--image-fit, cover);
	object-position: var(--image-position, 50% 50%);
}

.image.object-contain {
	--image-fit: contain;
	background-color: var(--white);
}

.image.object-cover {
	--image-fit: cover;
}

img:is([sizes=auto i],[sizes^="auto," i]) {
	contain-intrinsic-size: auto none;
}

.line-header {
	display: grid;
	background-color: var(--color);
	color: var(--white);
}

.line-header:before {
	content: "";
	grid-area: 1/-1;
}

@media (min-width:1100px) {
	.line-header:before {
		padding-bottom: calc(var(--image-ratio) * 100%);
	}
}

.line-header>div {
	grid-area: 1/-1;
	padding: var(--s-5);
}

.line-header h2:not(:first-child) {
	margin-top: var(--s-4);
}

.line-header p:not(:last-child) {
	margin-bottom: var(--s-4);
}

.line-header .button:hover {
	--c: var(--color);
}

.markets {
	overflow: hidden;
}

.markets-list {
	display: flex;
	gap: var(--space-4);
	width: max-content;
	animation: scroll 30s linear infinite;
}

.markets-list>* {
	flex: 1 1 100%;
	max-height: 300px;
	max-width: 300px;
}

.markets-list:hover {
	animation-play-state: paused;
}

@media (min-width:1024px) {
	.markets-list>* {
		max-height: 400px;
		max-width: 400px;
	}
}

@keyframes scroll {
	to {
		transform: translate(calc(-50% - var(--space-2)));
	}
}

.masked-parallax {
	--gradient-color-1: #141a21;
	--gradient-color-2: #d9d9d5;
	background: linear-gradient(180deg, var(--gradient-color-1) 50%, var(--gradient-color-2) 50%);
}

.masked-image {
	width: 100%;
	height: auto;
	transform: scale(1.1);
}

.mask {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	aspect-ratio: 4/3;
	object-fit: cover;
	--webkit-mask-image: var(--mask-url);
	--webkit-mask-size: cover;
	--webkit-mask-repeat: no-repeat;
	mask-image: var(--mask-url);
	mask-size: cover;
	mask-repeat: no-repeat;
}

@media (min-width:768px) {
	.mask {
		aspect-ratio: 16/9;
	}
}

.mask:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 56.93%, rgba(0, 0, 0, .54) 83.02%);
}

.mask-content {
	position: absolute;
	bottom: 72px;
	left: 0;
	z-index: 1;
	max-width: 20ch;
}

.mask-content.outside {
	position: relative;
	bottom: auto;
	left: auto;
	z-index: auto;
	max-width: none;
	padding-block: var(--space-8);
}

.mask-content.outside h2 {
	color: var(--black);
}

@media (min-width:1024px) {
	.mask-content.outside {
		position: absolute;
		bottom: 72px;
		left: 0;
		z-index: 1;
		max-width: 450px;
		padding-block: 0;
	}
	
	.mask-content.outside h2 {
		color: var(--white);
	}
}

@media (min-width:1024px) {
	.mask-content {
		max-width: 450px;
	}
}

.mask-content h2 {
	margin: 0;
	font-weight: 400;
	color: var(--white);
}

.meta {
	font-size: var(--font-size-sm);
	color: var(--gray-dark);
}

.meta li {
	display: inline;
}

.meta li:not(:first-child):before {
	content: " ";
	display: inline-block;
	margin: 0 .9em 0 .55em;
	font-size: .65em;
	background-image: linear-gradient(90deg, transparent calc(50% - .5px), currentColor 0, currentColor calc(50% + .5px), transparent 0);
	transform: translateY(-10%);
}

.modal {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	display: none;
	position: fixed;
	z-index: 1000;
	inset: 0;
}

.modal-overlay {
	display: table;
	width: 100%;
	height: 100%;
	background: var(--transparent-black-60);
	backdrop-filter: blur(24px);
}

.modal-wrapper {
	display: table-cell;
	vertical-align: middle;
	padding: min(var(--container-padding) * 2, 5rem) max(2.5vw, 1rem) min(var(--container-padding), 5rem);
}

.modal-content {
	position: relative;
	width: 100%;
	max-width: var(--modal-width, 1440px);
	margin: auto;
	background-color: #fff;
}

.modal-content .gform_confirmation_wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% - var(--container-padding) * 2);
	height: 100%;
	min-height: 250px;
	margin: 0 auto;
}

@media (min-width:1200px) {
	.modal-content .gform_confirmation_wrapper {
		width: 100%;
		min-height: 360px;
		padding: 0 24px;
	}
}

.modal-close {
	position: absolute;
	z-index: 2;
	right: var(--space-4);
	top: var(--space-4);
	color: var(--white);
}

.modal-close>* {
	pointer-events: none;
}

.modal.is-open {
	display: block;
}

.modal[aria-hidden=false] {
	animation: fade-in .25s var(--ease-quad);
}

.modal[aria-hidden=true] {
	animation: fade-out .25s var(--ease-quad);
}

.modal\:video {
	--modal-width: 100%;
	font-size: 0;
}

.modal\:video .modal-content, .modal\:video .modal-content iframe {
	position: relative;
	width: 100%;
	height: 100%;
	aspect-ratio: 16/9;
	max-height: calc(100vh - var(--container-padding) * 4);
}

.modal\:samples-form {
	--modal-width: 1380px;
	--image-ratio: .35;
	--image-min-height: 250px;
}

.modal\:samples-form .modal-content {
	display: grid;
}

@media (min-width:1024px) {
	.modal\:samples-form .modal-content {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.modal\:samples-form .samples-form--form-container {
	padding: var(--space-8) var(--space-4);
}

@media (min-width:768px) {
	.modal\:samples-form .samples-form--form-container {
		padding: var(--space-12) var(--space-4);
	}
}

@media (min-width:1024px) {
	.modal\:samples-form .samples-form--form-container {
		padding: var(--space-24) var(--space-8);
	}
}

@media (min-width:1024px) {
	.modal\:samples-form .image {
		grid-column-start: 2;
		grid-row-start: 1;
		width: 100%;
		height: 100%;
	}
}

#samples-form .modal-close {
	background-color: var(--black);
	padding: 0;
	width: 2.75rem;
	height: 2.75rem;
}

#samples-form .modal-close:hover {
	background-color: var(--black-light);
	color: var(--white);
}

#samples-form .modal-close span {
	display: none;
}

.image-zoom-overlay {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	gap: var(--space-8);
	padding: var(--space-18) var(--space-8);
	background-color: var(--transparent-black-60);
	backdrop-filter: blur(24px);
}

.image-zoom-overlay .button {
	--c: var(--white);
}

.nav-toggle {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 10;
}

.nav-toggle svg {
	flex: none;
	width: 1em;
	height: 1em;
}

.nav-toggle rect {
	transform-origin: 50% 50%;
	transform-box: fill-box;
}

.nav-toggle rect:nth-child(1) {
	transform: translateY(-330%);
}

.nav-toggle rect:nth-child(3) {
	transform: translateY(330%);
}

.nav-toggle[aria-expanded=true] rect:nth-child(1) {
	transform: rotate(45deg) translateY(0);
}

.nav-toggle[aria-expanded=true] rect:nth-child(2) {
	opacity: 0;
}

.nav-toggle[aria-expanded=true] rect:nth-child(3) {
	transform: rotate(-45deg) translateY(0);
}

@media (min-width:1200px) {
	.nav-toggle {
		display: none !important;
	}
}

.nav-utils {
	display: flex;
	align-items: center;
	gap: 1em;
}

.nav-utils>* {
	display: flex;
	align-items: center;
}

.nav-utils button {
	width: 1.5rem;
	height: 1.5rem;
	padding: .25rem;
}

.nav-utils button svg {
	width: 100%;
	height: 100%;
}

.nav-utils .button {
	display: none;
}

@media (min-width:1200px) {
	.nav-utils .button {
		display: inline-flex;
	}
}

.nav-submenu--heading {
	display: block;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.5;
	letter-spacing: 1px;
	margin-bottom: var(--space-4);
}

.nav-submenu--list {
	display: flex;
	flex-direction: column;
	gap: var(--space-6);
}

@media (max-width:1199px) {
	.nav {
		position: absolute;
		left: 0;
		top: calc(100% + 1px);
		width: 100%;
		height: calc(100dvh - var(--header-height));
		background-color: var(--white);
		clip-path: inset(0 0 100% 0);
		overflow: hidden;
		transition-property: visibility, clip-path;
		transition-duration: .3s;
		transition-timing-function: var(--ease-quad);
		visibility: hidden;
	}
	
	.nav.active {
		visibility: visible;
		clip-path: inset(0 0 0 0);
		transition-duration: .5s;
	}
	
	.nav:before {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		content: "";
		z-index: -1;
		background-color: var(--white);
	}
	
	.nav-wrap {
		display: grid;
		grid-template-columns: 1fr;
		height: 100%;
	}
	
	.nav-menu {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: .75rem;
		padding: var(--container-padding);
	}
	
	.nav-cta {
		align-self: end;
		padding: 1rem var(--container-padding);
		border-top: 1px solid var(--transparent-black-20);
	}
	
	.nav-link {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: .5rem;
		width: 100%;
		padding-block: .5rem;
		font-size: 1.125rem;
	}
	
	.nav-link .icon {
		width: 1rem;
		height: 1rem;
		pointer-events: none;
	}
	
	.nav-link .icon:first-child {
		display: none;
	}
	
	.nav-item.has-submenu.is-active>.nav-submenu {
		transform: translate(0);
		visibility: visible;
		opacity: 1;
	}
	
	.nav-submenu {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: calc(100dvh - var(--header-height));
		overflow-y: scroll;
		background-color: var(--white);
		box-shadow: var(--shadow-lg);
		display: flex;
		flex-direction: column;
		gap: .5rem;
		font-size: var(--font-size-sm);
		visibility: hidden;
		transform: translate(100%);
		transition: .2s;
		transition-property: visibility, transform;
	}
	
	.nav-submenu-wrapper>div+div {
		margin-top: 1.75rem;
	}
	
	.nav-submenu-wrapper ul ul {
		display: flex;
		flex-direction: column;
		gap: .75rem;
	}
	
	.nav-submenu-wrapper .nav-submenu--heading+ul {
		margin-top: 1.75rem;
	}
	
	.nav-submenu-wrapper, .nav-submenu-footer {
		padding: 1rem var(--container-padding);
	}
	
	.nav-submenu-footer {
		position: sticky;
		bottom: 0;
		z-index: 1;
		background-color: var(--white);
		border-top: 1px solid var(--transparent-black-20);
	}
	
	.nav-submenu\:products li .image, .nav-submenu--custom-products {
		display: none;
	}
}

@media (min-width:1200px) {
	.nav {
		display: flex;
		align-items: center;
	}
	
	.nav:before {
		z-index: 1;
	}
	
	.nav-menu {
		display: flex;
		gap: 1.5rem;
		font-size: var(--font-size-sm);
	}
	
	.nav-item {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.nav-item\:about, .nav-item\:markets {
		position: relative;
	}
	
	.nav-link {
		display: inline-flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		gap: .5rem;
		padding: .25em 0;
		color: var(--black);
		text-decoration: none;
		line-height: 1;
		transition: color .2s var(--ease-quad);
		font-weight: 400;
	}
	
	.nav-link .icon {
		width: 1em;
		height: 1em;
		pointer-events: none;
	}
	
	.nav-link .icon:first-child {
		display: block;
	}
	
	.nav-link .icon:last-child {
		display: none;
	}
}

@media (min-width:1200px)and (min-width:1280px) {
	.nav-link {
		padding: .25em .75em;
	}
}

@media (min-width:1200px) {
	.nav-link:hover {
		color: var(--transparent-black-60);
	}
	
	.nav-link.is-current, .nav-item.has-submenu.is-active>.nav-link {
		color: var(--black);
		font-weight: 600;
	}
	
	.nav-item.has-submenu.is-active>.nav-submenu {
		visibility: visible;
		opacity: 1;
		max-height: 800px;
		transition-timing-function: var(--ease-quint-out);
		transition-delay: 0ms;
	}
	
	.nav-item.has-submenu.is-active>.nav-submenu strong, .nav-item.has-submenu.is-active>.nav-submenu li, .nav-item.has-submenu.is-active .nav-submenu-footer>div, .nav-item.has-submenu.is-active .nav-submenu--custom-products {
		opacity: 1;
		transition-delay: 175ms;
	}
	
	.nav-submenu {
		position: absolute;
		top: calc(100% + 1px);
		inset-inline: 0;
		isolation: isolate;
		width: 100vw;
		min-width: 150px;
		max-height: 0px;
		white-space: nowrap;
		background-color: var(--white);
		box-shadow: var(--shadow-lg);
		visibility: hidden;
		opacity: 0;
		transition: .5s, .25s, .25s;
		transition-property: max-height, visibility, opacity;
		transition-timing-function: var(--ease-expo);
		transition-delay: 0ms, .15s, .15s;
		will-change: opacity;
	}
	
	.nav-submenu>li+li {
		margin-top: 1em;
	}
	
	.nav-submenu strong, .nav-submenu li, .nav-submenu-footer>div {
		opacity: 0;
		transition: opacity .2s var(--ease-quad);
	}
	
	.nav-submenu a:not(.button) {
		position: relative;
		display: block;
		color: var(--black);
		transition: color .2s var(--ease-quad);
	}
	
	.nav-submenu a:not(.button):hover {
		color: var(--transparent-black-60);
	}
}

@media (min-width:1200px)and (max-height:820px) {
	.nav-submenu--list {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width:1200px) {
	.nav-submenu\:products {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		height: calc(90vh - ( var(--header-height) + 92px ));
		max-height: 640px;
		margin-inline: auto;
		overflow-y: scroll;
	}
}

@media (min-width:1200px)and (max-height:820px) {
	.nav-submenu\:products {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}
	
	.nav-submenu\:products>div:first-child {
		grid-column: 1/span 6;
	}
	
	.nav-submenu\:products>div:nth-child(2) {
		grid-column: 7/span 2;
	}
	
	.nav-submenu\:products>div:nth-child(3) {
		grid-column: 9/span 4;
		display: grid;
		grid-template-columns: subgrid;
		grid-template-rows: var(--space-15) auto;
		padding: 0;
	}
	
	.nav-submenu\:products>div:nth-child(3)>.nav-submenu--heading {
		padding-top: var(--space-6);
		padding-inline: var(--space-8);
	}
	
	.nav-submenu\:products>div:nth-child(3) .nav-submenu--heading {
		grid-column: 1/span 2;
	}
	
	.nav-submenu\:products>div:nth-child(3) ul {
		grid-column: 1/span 2;
		grid-row: 2/span 1;
		padding-inline: var(--space-8);
	}
	
	.nav-submenu\:products>div:nth-child(3) .nav-submenu--custom-products {
		grid-column: 3/span 2;
		grid-row: 1/span 2;
		margin-top: 0;
		padding-top: var(--space-6);
		padding-inline: var(--space-8);
		border-left: 1px solid var(--transparent-black-20);
	}
	
	.nav-submenu\:products>div:nth-child(3) .nav-submenu--custom-products a {
		flex-direction: column;
	}
	
	.nav-submenu\:products>div:nth-child(3) .nav-submenu--custom-products p {
		font-size: 14px;
	}
}

@media (min-width:1200px) {
	.nav-submenu\:products>:is(a,a:hover) {
		background-color: transparent;
		grid-column: 1/-1;
	}
	
	.nav-submenu\:products>div {
		padding: 1.5rem var(--container-padding);
	}
	
	.nav-submenu\:products>div:first-child, .nav-submenu\:products>div:nth-child(2) {
		border-right: 1px solid var(--transparent-black-20);
	}
	
	.nav-submenu\:products li {
		position: relative;
		margin-top: .5em;
	}
	
	.nav-submenu\:products li:has(>.image):hover>.image {
		opacity: 1;
	}
	
	.nav-submenu\:products li>.image {
		position: absolute;
		top: 50%;
		left: 160px;
		z-index: 10;
		transform: translateY(-50%);
		width: 200px;
		height: auto;
		aspect-ratio: 1/1;
		opacity: 0;
		transition: opacity .2s var(--ease-quad);
		pointer-events: none;
	}
	
	.nav-submenu\:products li>.image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.nav-submenu-footer {
		border-top: 1px solid var(--transparent-black-20);
	}
	
	.nav-submenu-footer>div {
		padding: 1.5rem var(--container-padding);
	}
	
	.nav-submenu\:about, .nav-submenu\:markets {
		top: calc(100% + 1rem + 2px);
		max-width: 300px;
		padding: 2rem;
		border: 1px solid var(--transparent-black-20);
		border-top: none;
	}
	
	.nav-submenu\:about ul, .nav-submenu\:markets ul {
		display: flex;
		flex-direction: column;
		gap: var(--space-2);
	}
	
	.nav-submenu--custom-products {
		display: flex;
		flex-direction: column;
		gap: var(--space-4);
		width: 100%;
		max-width: 416px;
		margin-top: var(--space-16);
		white-space: normal;
		opacity: 0;
		transition: opacity .2s var(--ease-quad);
	}
	
	.nav-submenu--custom-products>a {
		display: flex !important;
		gap: var(--space-4);
	}
	
	.nav-submenu--custom-products>a .image {
		width: 143px;
		height: 143px;
	}
	
	.nav-submenu--custom-products-content {
		flex: 1;
	}
	
	.nav .nav-cta {
		display: none;
	}
}

.next-post {
	position: relative;
}

.next-post\:m_project {
	margin-bottom: var(--s-6);
}

.next-post>div {
	margin-top: var(--s-3);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--s-5);
}

.next-post h3 {
	max-width: 42ch;
}

.next-post a {
	color: var(--black);
}

.next-post .group {
	position: relative;
}

.next-post .group:hover a {
	color: var(--black-light);
}

.next-post .group:hover .button {
	background-color: var(--black-light);
}

[data-observe] {
	--observer-translate-y: 24px;
	--observer-delay: .1s;
	opacity: 0;
	transform: translateY(var(--observer-translate-y));
	transition-property: opacity, transform;
	transition-duration: .75s;
	transition-timing-function: cubic-bezier(.16, 1, .3, 1);
	transition-delay: var(--observer-delay);
}

[data-observe].is-visible {
	opacity: 1;
	transform: translateY(0);
}

.page-header {
	--p: calc(5rem + 2.5 * var(--fluid-scale));
	padding-top: var(--p);
	padding-bottom: var(--p);
}

.page-header h1 {
	text-wrap: balance;
}

.page-hero {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-8);
	padding-block: var(--space-12);
}

@media (min-width:768px) {
	.page-hero {
		padding-block: var(--space-14);
	}
}

@media (min-width:1024px) {
	.page-hero {
		padding-block: var(--space-24);
	}
}

@media (min-width:1024px) {
	.page-hero {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: center;
		gap: var(--space-16);
	}
}

.page-hero .page-hero-image {
	width: 100%;
	height: 100%;
}

@media (min-width:1024px) {
	.page-hero .page-hero-image {
		grid-column-start: 2;
	}
}

.page-hero .page-hero-image .image {
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
}

.page-hero .page-hero-image .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page-hero .page-hero-intro {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-7);
	padding-block: var(--space-6);
}

@media (min-width:1024px) {
	.page-hero .page-hero-intro {
		grid-column-start: 1;
		grid-row-start: 1;
		gap: var(--space-16);
	}
}

.page-hero .page-hero-intro p {
	white-space: break-spaces;
}

.page-hero\:product {
	align-items: flex-start;
}

.page-hero\:product .page-hero-image {
	background-color: transparent;
}

@media (min-width:1024px) {
	.page-hero\:product .page-hero-image {
		grid-column-start: 1;
		position: sticky;
		top: 5rem;
		height: max-content;
	}
}

.page-hero\:product .page-hero-image .image:hover .modal-trigger {
	opacity: 1;
}

@media (min-width:1024px) {
	.page-hero\:product .page-hero-intro {
		grid-column-start: 2;
		padding-block: 0;
	}
}

.page-hero\:product .modal-trigger {
	position: absolute;
	top: var(--space-4);
	right: var(--space-4);
	z-index: 1;
	opacity: 0;
	transition: opacity .3s var(--ease-quad);
}

.pagination, .ais-Pagination {
	display: flex;
	justify-content: center;
}

.pagination li, .ais-Pagination li {
	display: inline;
	margin: 0;
	padding: 0;
}

.pagination a, .pagination span, .ais-Pagination a, .ais-Pagination span {
	float: left;
	display: block;
	height: 100%;
	position: relative;
	padding: .667em 1em;
	line-height: 1;
}

.pagination a:where(.prev,.next), .ais-Pagination a:where(.prev,.next) {
	padding-left: 1.25em;
	padding-right: 1.25em;
}

.pagination a:not(.prev,.next), .ais-Pagination a:not(.prev,.next) {
	color: var(--gray-dark);
}

.pagination a:hover, .ais-Pagination a:hover {
	color: var(--black);
}

.pagination .current, .pagination .ais-Pagination-item--selected a, .ais-Pagination .current, .ais-Pagination .ais-Pagination-item--selected a {
	color: var(--black);
	font-weight: 700;
}

.pagination svg, .ais-Pagination svg {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
	height: 50%;
}

.pagination .ais-Pagination-item--previousPage a, .pagination .ais-Pagination-item--nextPage a, .ais-Pagination .ais-Pagination-item--previousPage a, .ais-Pagination .ais-Pagination-item--nextPage a {
	color: var(--black);
}

.pagination .ais-Pagination-item--disabled, .ais-Pagination .ais-Pagination-item--disabled {
	opacity: .5;
	pointer-events: none;
	cursor: not-allowed;
}

.post-header .container>div:last-child {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--space-4);
}

.process {
	--p: calc(3rem + 1 * var(--fluid-scale));
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
	overflow: hidden;
	min-height: 500px;
	padding-block: var(--space-12);
}

@media (min-width:768px) {
	.process {
		padding-block: var(--space-14);
	}
}

@media (min-width:1024px) {
	.process {
		padding-block: var(--space-24);
	}
}

.process-step {
	counter-increment: steps;
	position: relative;
	color: var(--black);
	background-color: var(--gray-lighter);
}

.process-step-image:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 64.95%, rgba(0, 0, 0, .5) 91.46%);
	opacity: 0;
	transition: opacity .2s var(--ease-quad);
	will-change: opacity;
}

.process-step-image span {
	position: absolute;
	bottom: 1rem;
	left: 1rem;
	z-index: 2;
	font-size: 1.125rem;
	font-weight: 700;
	color: var(--white);
	transition: opacity .2s var(--ease-quad);
}

@media (min-width:1024px) {
	.process-step-image span {
		opacity: 0;
		white-space: nowrap;
	}
}

.process-step-image a {
	position: absolute;
	inset: 0;
	z-index: 2;
}

@media (min-width:768px) {
	.process {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width:1024px) {
	.process {
		display: flex;
		flex-direction: row;
	}
	
	.process-step {
		display: flex;
		align-items: flex-start;
		transition: max-width .7s var(--ease-quint);
		will-change: max-width;
		width: 100%;
		max-width: 200px;
		min-height: 500px;
		max-height: 500px;
		overflow: hidden;
	}
	
	.process-step.is-active {
		max-width: 730px;
	}
	
	.process-step.is-active .process-step-image:before {
		opacity: 1;
	}
	
	.process-step.is-active .process-step-image img {
		transform: translate(0);
	}
	
	.process-step.is-active .process-step-image span {
		opacity: 1;
	}
	
	.process-step-image {
		position: relative;
		width: 100%;
		height: 100%;
		aspect-ratio: 1.344/1;
	}
	
	.process-step-image img {
		min-width: 730px;
		width: 100%;
		height: 100%;
		object-fit: cover;
		transform: translate(-100px);
		transition: transform .7s var(--ease-expo);
		will-change: transform;
	}
	
	.process-step-intro {
		text-align: left;
	}
}

.product-assembly a {
	display: flex;
	align-items: flex-start;
	gap: var(--space-2);
}

.product-assembly a:not(:hover) {
	color: currentColor;
}

.product-assembly li:hover .assembly-icon {
	opacity: 1;
}

.product-assembly .assembly-icon {
	position: absolute;
	top: var(--space-3);
	right: var(--space-3);
	z-index: 10;
	display: grid;
	place-items: center;
	padding: .375rem;
	width: 1.5rem;
	height: 1.5rem;
	aspect-ratio: 1/1;
	border-radius: 9999px;
	background-color: var(--transparent-black-20);
	backdrop-filter: blur(24px);
	opacity: 0;
	transition: opacity .2s var(--ease-quad);
	pointer-events: none;
}

.product-assembly .assembly-icon .icon {
	--icon-scale: .75;
	fill: var(--white);
}

.product-details .product-details-heading {
	padding-block-end: var(--space-8);
}

.product-details .product-details--inner .product-details-heading {
	border-top: 1px solid var(--transparent-black-20);
}

.product-details dl {
	column-count: 3;
	column-width: 300px;
	column-gap: var(--s-5);
	font-size: var(--font-size-xs);
	color: var(--gray-darker);
}

.product-details dl>div {
	break-inside: avoid;
}

.product-details dt {
	break-before: always;
	display: inline-block;
	font-size: .875rem;
	font-weight: 700;
	margin-bottom: .5rem;
}

.product-details dd {
	font-size: .875rem;
	line-height: 20px;
	margin-bottom: var(--space-4);
}

.product-details dd ul {
	list-style-type: square;
	margin-left: 1rem;
}

.product-details dd li+li {
	margin-top: .5rem;
}

.product-finishes {
	--grid-n: 6;
	--grid-w: 170px;
}

@media (max-width:600px) {
	.product-finishes {
		--grid-w: 150px;
	}
}

.finishes-grid {
	--grid-w: 208px;
	display: grid;
	grid-gap: 3.2rem;
	grid-template-columns: repeat(auto-fit, minmax(var(--grid-w), 1fr));
}

.product-gallery {
	--grid-gap: min(3rem, 2.5vw);
	--px: min(var(--gutter), 3rem);
	padding-left: var(--px);
	padding-right: var(--px);
}

.page-hero\:product-line {
	position: relative;
	height: calc(100vh - var(--header-height));
	max-height: 600px;
	width: 100vw;
}

.page-hero\:product-line:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 56.93%, rgba(0, 0, 0, .54) 83.02%);
	z-index: 2;
}

@media (min-width:1024px) {
	.page-hero\:product-line {
		max-height: none;
	}
}

.page-hero\:product-line .page-hero-image__full {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.page-hero\:product-line .page-hero-image__full .image {
	--aspect-width: auto;
	--aspect-height: auto;
	height: 100%;
}

.page-hero\:product-line .page-hero-image__full img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-line-content {
	position: absolute;
	left: 0;
	right: 0;
	bottom: var(--space-12);
	z-index: 5;
	width: min(100% - var(--container-padding) * 2, var(--container-max-width));
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
	color: var(--white);
}

.product-line-logo {
	width: 100%;
	max-width: 170px;
	min-height: 26px;
}

@media (min-width:998px) {
	.product-line-logo {
		max-width: 200px;
	}
}

.product-line-logo img {
	width: 100%;
	height: auto;
}

.reveal {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 152px 0 18px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--white, hsl(0, 0%, 97%)) 100%);
}

.reveal.is-active {
	position: relative;
	padding: 18px 0;
	background: none;
}

.card-title .card-result-type {
	font-size: 1rem;
	font-weight: 400;
	color: var(--gray-dark);
	margin-top: .5rem;
}

.section-header {
	padding-block-start: var(--space-12);
}

@media (min-width:768px) {
	.section-header {
		padding-block-start: var(--space-14);
	}
}

@media (min-width:1024px) {
	.section-header {
		padding-block-start: var(--space-24);
	}
}

.share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem;
}

.share[aria-label]:before {
	content: attr(aria-label);
	flex: 1 1 100%;
	font-size: var(--font-size-sm);
	line-height: 1;
	margin-right: .5rem;
	color: var(--black);
}

@media (min-width:768px) {
	.share[aria-label]:before {
		flex: auto;
	}
}

.share a {
	display: grid;
	place-items: center;
	width: 3rem;
	height: 3rem;
	background-color: #fff;
	color: var(--black);
	border-radius: .5rem;
}

.share a:hover {
	color: var(--black-light);
}

.share\:blog-post a {
	background-color: transparent;
	width: auto;
	height: auto;
}

.skeleton--title {
	--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
	height: 3rem;
	width: 200px;
	background-color: var(--gray-lighter);
	animation: var(--animate-pulse);
}

.skeleton-card {
	--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
	animation: var(--animate-pulse);
}

.skeleton-card--image {
	--aspect-width: 1;
	--aspect-height: 1;
	width: 100%;
	aspect-ratio: var(--aspect-width)/var(--aspect-height);
	background-color: var(--gray-lighter);
}

.skeleton-card--image[data-variant=project] {
	--aspect-width: 4;
	--aspect-height: 3;
}

.skeleton-card--content {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
	margin-top: var(--space-8);
}

.skeleton-card--title {
	height: 1rem;
	width: 75px;
	background-color: var(--gray-lighter);
}

.skeleton-card--description {
	height: 2rem;
	width: 200px;
	background-color: var(--gray-lighter);
}

@keyframes pulse {
	0% {
		opacity: 1;
	}
	
	50% {
		opacity: .5;
	}
	
	to {
		opacity: 1;
	}
}

.site-footer {
	position: relative;
	z-index: 4;
	padding-block: var(--space-12);
	background-color: var(--black);
	color: var(--gray-lighter);
	border-top: 1px solid var(--transparent-white-20);
}

@media (min-width:768px) {
	.site-footer {
		padding-block: var(--space-14);
	}
}

@media (min-width:1024px) {
	.site-footer {
		padding-block: var(--space-24);
	}
}

.site-footer .site-footer--container {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-18);
	width: calc(100% - var(--container-padding) * 2);
	margin-inline: auto;
}

@media (min-width:1024px) {
	.site-footer .site-footer--container {
		grid-template-columns: repeat(2, 1fr);
		gap: 12rem var(--space-16);
	}
}

.site-footer .eyebrow {
	display: block;
	color: var(--gray-dark);
}

.site-footer a {
	color: var(--gray-lighter);
}

.site-footer a:hover {
	color: var(--gray-light);
}

.site-footer-terms {
	font-size: .875rem;
}

.site-footer .site-logo {
	display: block;
	width: 36%;
	max-width: 159px;
	color: var(--white);
}

.site-footer .site-logo:hover {
	color: var(--white);
}

.site-footer--locations {
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
	margin-block-start: var(--space-11);
}

@media (min-width:768px) {
	.site-footer--locations {
		display: grid;
		grid-template-rows: repeat(2, auto);
		grid-auto-flow: column;
		grid-auto-columns: minmax(0, 1fr);
		gap: var(--space-6) var(--space-12);
	}
}

@media (min-width:1024px) {
	.site-footer--locations {
		position: absolute;
		bottom: 0;
		left: 0;
		display: flex;
		flex-direction: column;
		gap: var(--space-8);
	}
}

.site-footer--locations li {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
}

.site-footer--locations li a, .site-footer--locations li p {
	font-size: .875rem;
}

.site-footer a[href="#top"] {
	font-size: 2rem;
	padding: var(--space-6);
	line-height: 0;
}

.site-footer .logo-mark {
	width: 6.8rem;
}

.site-footer-tier-2 li+li {
	margin-block-start: var(--space-8);
}

@media (min-width:768px) {
	.site-footer-tier-2 ul {
		display: grid;
		grid-template-rows: repeat(6, auto);
		grid-auto-flow: column;
		grid-auto-columns: minmax(0, 1fr);
		gap: var(--space-8) var(--space-12);
	}
	
	.site-footer-tier-2 li+li {
		margin-block-start: 0;
	}
}

@media (min-width:1024px) {
	.site-footer-tier-2 ul {
		grid-template-rows: repeat(4, auto);
	}
}

.site-footer-tier-3 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	gap: 2em 4em;
}

.site-footer-tier-3 .gform_wrapper {
	width: 100%;
	max-width: 400px;
}

.site-footer-tier-3 .gform_wrapper form {
	display: grid;
	grid-template-columns: 1fr 2.75rem;
	align-items: flex-end;
	width: 100%;
	gap: 1.5rem;
}

.site-footer-tier-3 .gform_wrapper form .gform-body {
	width: 100%;
	max-width: 330px;
}

.site-footer-tier-3 .gform_wrapper form .gfield_required {
	display: none;
}

.site-footer-tier-3 .gform_wrapper form .top_label {
	padding: 0;
	margin: 0;
}

.site-footer-tier-3 .gform_wrapper form .top_label button {
	margin: 0;
}

.site-footer-tier-3 form .field_description_below {
	width: 100%;
	font-size: 1.375rem;
}

@media (min-width:768px) {
	.site-footer-tier-3 form .field_description_below {
		font-size: 1.125rem;
		font-weight: 600;
	}
}

@media (min-width:1024px) {
	.site-footer-tier-3 form .field_description_below {
		font-size: 1.25rem;
	}
}

.site-footer-tier-3 form input {
	min-height: 45px;
	padding: 1rem;
	background-color: transparent;
	color: var(--gray-lighter);
	border: 1px solid var(--gray-lighter);
	border-radius: 9999px;
}

.site-footer-tier-3 form input[type=submit] {
	background-color: var(--white);
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 9999px;
	padding: 0;
	margin: 0 !important;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	transition: background-color .2s, color .2s;
}

.site-footer-tier-3 .gform_confirmation_wrapper {
	display: flex;
	align-items: center;
	max-width: 450px;
}

.site-footer-tier-3 .gform-footer {
	position: relative;
	max-height: max-content;
}

.site-footer-tier-3 .gform-footer:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1em;
	height: 1em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 12 12\'%3E%3Cpath fill=\'currentColor\' d=\'m5.48.56-.17.18a.3.3 0 0 0 0 .43L9.83 5.7H.3A.3.3 0 0 0 0 6v.26c0 .18.13.3.3.3h9.53L5.3 11.1a.3.3 0 0 0 0 .43l.17.18c.13.13.3.13.44 0l5.35-5.36a.3.3 0 0 0 0-.43L5.92.56a.3.3 0 0 0-.44 0Z\'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: none;
}

.site-footer-tier-3 .gform-footer:before:hover {
	color: var(--white);
}

@media (min-width:600px) {
	.site-footer-tier-3 ul {
		columns: 2 16rem;
		column-gap: 2.5rem;
	}
	
	.site-footer-tier-3 form {
		max-width: 450px;
	}
}

.site-footer-tier-4 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 2em 4em;
}

.site-footer-tier-4>div:last-child {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.site-footer-tier-4>div:last-child * {
	color: var(--gray-dark);
}

.site-footer-tier-4>div:last-child a:hover {
	color: var(--gray-lighter);
}

.home .site-header {
	position: fixed;
	width: 100%;
}

.site-header {
	position: sticky;
	z-index: 20;
	top: 0;
	isolation: isolate;
	padding-block: 1rem;
	background-color: var(--transparent-white-60);
	border-bottom: 1px solid transparent;
	backdrop-filter: blur(24px);
	transition: background-color .1s, backdrop-filter .1s, border-color .3s;
	transition-timing-function: var(--ease-cubic);
	transition-delay: .1s;
}

.site-header.is-active {
	background-color: var(--white);
	backdrop-filter: none;
	border-color: var(--transparent-black-20);
	transition-delay: 0ms;
}

@media (max-width:1199px) {
	.site-header.is-active .site-logo {
		visibility: hidden;
	}
}

.site-header>div {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.site-header .site-logo {
	position: relative;
}

.site-header .site-logo:before {
	content: "";
	display: block;
	width: 100%;
	padding-top: 16.3522012579%;
}

.site-header .site-logo {
	z-index: 1;
	display: block;
	width: 36%;
	max-width: 159px;
}

.site-header .site-logo:hover {
	color: currentColor;
}

.site-header .site-logo svg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.site-header .js-close-submenu {
	position: absolute;
	top: 50%;
	left: var(--container-padding);
	transform: translateY(-50%);
	display: none;
}

.site-header .js-close-submenu.is-visible {
	display: block;
}

@media (min-width:1200px) {
	.site-header .js-close-submenu {
		display: none !important;
	}
}

.site-header--container {
	width: calc(100% - var(--container-padding) * 2);
	margin-inline: auto;
}

.site-header--overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 15;
	width: 100%;
	height: 100%;
	background-color: var(--transparent-black-20);
	backdrop-filter: blur(24px);
	transition: visibility, opacity;
	transition-duration: .2s;
	transition-timing-function: var(--ease-quad);
	visibility: hidden;
	opacity: 0;
}

.site-header--overlay.is-active {
	visibility: visible;
	opacity: 1;
}

.site {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.js.is-loading .site {
	opacity: 0;
}

.site-content {
	flex: 1;
}

body>a[href="#content"] {
	position: absolute;
	left: -9999px;
	top: 1em;
	padding: 1em;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	background-color: var(--gray-darker);
	color: #fff;
}

body>a[href="#content"]:focus {
	left: 1em;
	z-index: 1000;
}

.social {
	display: flex;
	align-items: center;
	gap: 1.5em;
	font-size: 2rem;
}

.social a {
	position: relative;
}

.social a:before {
	content: "";
	position: absolute;
	width: 200%;
	height: 200%;
	left: -50%;
	top: -50%;
}

.social a {
	display: flex;
	align-items: center;
	color: currentColor;
	line-height: 0;
}

.social a .icon {
	width: 1.5rem;
	height: 1.5rem;
	fill: currentColor;
}

.social a:hover {
	color: var(--gray-dark);
}

.sticky-nav {
	display: none;
}

@media (min-width:998px) {
	.sticky-nav {
		display: block;
		position: sticky;
		top: 58px;
		z-index: 5;
		padding-block: 16px;
		background-color: #141a21;
	}
	
	.sticky-nav>div>:nth-child(2) {
		display: none;
	}
	
	.sticky-nav ul {
		display: flex;
		gap: 32px;
	}
	
	.sticky-nav a:not([class]) {
		font-size: 16px;
		color: var(--white);
	}
}

@media (min-width:1264px) {
	.sticky-nav>div>:nth-child(2) {
		display: flex;
	}
}

.tabs {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	--tab-width: 0;
	--tab-x: 0;
	padding-bottom: .5rem;
}

.tabs>* {
	display: flex;
	gap: .8em;
	position: relative;
}

.tabs>*:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: var(--tab-width);
	height: 1px;
	background-color: var(--black);
	transform: translate(var(--tab-x));
	transition: .3s var(--ease-quad);
	will-change: width;
}

.tabs a {
	display: block;
	padding: 0 .5rem .5rem;
	font-size: 1rem;
	text-decoration: none;
	color: var(--black);
	white-space: nowrap;
	transition: all .15s var(--ease-quad);
}

.tabs a:where(:hover,.is-active) {
	color: var(--black);
}

.tabs a.is-active, .tabs a[aria-current=page] {
	color: var(--black);
	font-weight: 700;
}

.tabs\:blog>*:before {
	content: none;
}

.tabs\:blog li {
	position: relative;
}

.tabs\:blog a {
	color: var(--black-light);
}

.tabs\:blog a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: var(--black-light);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .2s var(--ease-quad);
	will-change: transform;
}

.tabs\:blog a:where(:hover,[aria-current=page]):before {
	transform: scaleX(1);
}

.tabs\:blog a[aria-current=page]:before {
	background-color: var(--black);
}

.tag {
	display: inline-flex;
	align-items: center;
	gap: .8rem;
	padding: .375rem .5rem .5rem;
	background-color: var(--transparent-white-10);
	backdrop-filter: blur(24px);
	border-radius: .25rem;
	font-size: 1rem;
	line-height: 1;
	white-space: nowrap;
	user-select: none;
	color: var(--white);
	transition: background-color .2s var(--ease-quad), color .2s var(--ease-quad);
}

.tag[type]:hover, .tag[href]:hover, .tag.reset:hover {
	color: var(--white);
	background-color: var(--gray-dark);
}

.tag[type=reset], .tag.reset {
	color: inherit;
	background-color: transparent;
}

.tag[aria-current=page], .tag[aria-current=page]:hover {
	color: var(--white);
	background-color: var(--gray-dark);
}

.tag\:generic {
	font-size: .75rem;
	background-color: var(--transparent-black-10);
	color: var(--black);
	backdrop-filter: blur(24px);
}

.vertical-tabs {
	--scale-x: 0;
	--accent: var(--gray-dark);
	--accent-active: var(--white);
}

.vertical-tabs\:theme-dark {
	--accent: var(--gray-dark);
	--accent-active: var(--white);
}

.vertical-tabs\:theme-gray {
	--accent: var(--transparent-black-20);
	--accent-active: var(--black);
}

.vertical-tabs\:theme-light {
	--accent: var(--gray-light);
	--accent-active: var(--black);
}

.vertical-tabs--wrapper {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: var(--space-4);
}

@media (min-width:1024px) {
	.vertical-tabs--wrapper {
		grid-template-columns: repeat(12, minmax(0, 1fr));
		gap: var(--space-16);
	}
	
	.vertical-tabs--wrapper>:first-child {
		grid-column: 1/span 6;
	}
	
	.vertical-tabs--wrapper>:last-child:not(:only-child) {
		grid-column: 7/span 6;
	}
}

@media (min-width:1024px) {
	.vertical-tabs--wrapper.reverse-wrapper>:first-child {
		grid-column: 7/span 6;
		grid-row: 1;
	}
	
	.vertical-tabs--wrapper.reverse-wrapper>:last-child:not(:only-child) {
		grid-column: 1/span 6;
		grid-row: 1;
	}
}

.vertical-tabs--image-wrapper {
	position: relative;
	width: 100%;
}

.vertical-tabs--image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	opacity: 0;
	transform: translateY(20px);
	transition-property: opacity, transform;
	transition-duration: .2s, .25s;
	transition-timing-function: ease-in-out, ease-in-out;
	transition-delay: 0ms, 50ms;
}

.vertical-tabs--image.is-active {
	position: relative;
	opacity: 1;
	transform: translateY(0);
}

.vertical-tabs--buttons {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 16px;
}

@media (min-width:1024px) {
	.vertical-tabs--buttons {
		gap: 32px;
	}
}

.vertical-tabs--button-wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: start;
	text-align: initial;
	padding-top: 24px;
	border-top: 1px solid var(--accent);
}

.vertical-tabs--button-wrapper:before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--accent-active);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .12s linear;
}

.vertical-tabs--button-wrapper.is-active:before {
	transform: scaleX(var(--scale-x));
}

.vertical-tabs--button.is-active .icon {
	fill: var(--accent-active);
}

.vertical-tabs--button.is-active .icon:first-of-type {
	transform: translateY(-50%) rotate(45deg);
	opacity: 0 !important;
}

.vertical-tabs--button.is-active .icon:last-of-type {
	transform: translateY(-50%) rotate(0);
	opacity: 1;
}

.vertical-tabs--button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-2);
	width: 100%;
	font-size: 18px;
	font-weight: 600;
}

.vertical-tabs--button:after {
	content: "";
	position: absolute;
	inset: 0;
}

.vertical-tabs--button .icon {
	--icon-scale: 1.125;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(0);
	right: 0;
	fill: var(--accent);
	transition: all .2s var(--ease-quad);
}

.vertical-tabs--button .icon:first-of-type {
	opacity: 1;
}

.vertical-tabs--button .icon:last-of-type {
	opacity: 0;
}

@media (min-width:1024px) {
	.vertical-tabs--button {
		font-size: 24px;
	}
}

.vertical-tabs--description {
	font-size: 14px;
	line-height: 1.5;
	padding-top: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: all .3s var(--ease-quad);
}

.vertical-tabs--description.is-active {
	padding-top: var(--space-2);
	opacity: 1;
	visibility: visible;
}

.vertical-tabs--content {
	height: 0;
	padding-top: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: all .3s var(--ease-quad);
}

.vertical-tabs--content.is-active {
	height: auto;
	padding-top: var(--space-2);
	opacity: 1;
	visibility: visible;
}

.video--button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
}

.page-7 .partners {
	overflow: hidden;
	-webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
	mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}

.page-7 .partners--marquee {
	display: flex;
	gap: var(--space-4);
	width: max-content;
	animation: marquee 30s linear infinite;
}

.page-7 .partners li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 1/1;
	padding: var(--space-8) var(--space-4);
	background-color: rgba(255, 255, 255, .02);
}

.page-7 .partners img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform: scale(var(--scale, 1));
}

.page-7 .partners [src*=Gensler], .page-7 .partners [src*=Nelson] {
	--scale: .95;
}

.page-7 .partners [src*=GHA] {
	--scale: .85;
}

.page-7 .partners [src*=IBI] {
	--scale: .7;
}

.page-7 .partners [src*=Tim-Hortons] {
	--scale: 1;
}

.page-7 .partners [src*=Alliance-Bernstein] {
	--scale: .7;
}

.page-7 .partners [src*=Centennial] {
	--scale: .95;
}

.page-7 .partners [src*=TD-Bank] {
	--scale: .7;
}

.page-7 .partners [src*=Boston-Consulting-Group] {
	--scale: .8;
}

.page-7 .partners [src*=Canes] {
	--scale: .9;
}

.page-7 .partners [src*=Whole-Foods-Market], .page-7 .partners [src*=Pizza-Hut] {
	--scale: .65;
}

@keyframes marquee {
	to {
		transform: translate(calc(-50% - var(--space-2)));
	}
}

.page-8 .contact-header {
	--image-ratio: 1;
	--image-min-height: 250px;
	--image-max-height: min(45vw, 600px);
	--switcher-gap: var(--s-5);
}

.page-8 .contact-header .image {
	align-self: start;
}

.page-8 .contact-support ul {
	margin-left: auto;
	margin-right: auto;
	row-gap: var(--s-5);
}

.page-8 .contact-region li, .page-8 .contact-support li {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

.page-8 .contact-support .container {
	display: flex;
	flex-direction: column;
	gap: var(--s-5);
}

@media (min-width:1000px) {
	.page-8 .contact-support .container {
		flex-direction: row;
		justify-content: space-between;
	}
}

.page-8 .contact-support .container>* {
	flex: 1;
}

.page-8 .contact-support .container .grid {
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.page-8 .contact-regions-map {
	position: relative;
}

.page-8 .contact-regions-map span {
	position: absolute;
	font-size: var(--font-size-xs);
	font-weight: 700;
	line-height: 1;
	border-radius: 4px;
	color: var(--white);
	background-color: var(--black);
	padding: .85em 1em;
	user-select: none;
	transform: translate(-50%, -50%);
	left: calc(var(--x) / 1100 * 100%);
	top: calc(var(--y) / 556 * 100%);
}

.page-8 .contact-regions-map span:nth-of-type(1) {
	--x: 808;
	--y: 115;
}

.page-8 .contact-regions-map span:nth-of-type(2) {
	--x: 626;
	--y: 252;
}

.page-8 .contact-regions-map span:nth-of-type(3) {
	--x: 625;
	--y: 405;
}

.page-8 .contact-regions-map span:nth-of-type(4) {
	--x: 372;
	--y: 255;
}

@media (min-width:1000px) {
	.page-8 .contact-regions-map span:before {
		content: "Region ";
	}
}

.page-8 .contact-regions>div:last-child {
	--switcher-gap: var(--s-4);
	--switcher-break: 90rem;
}

.page-8 .contact-regions>div:last-child>* {
	display: inline-block;
}

.page-8 .contact-regions h3 {
	margin-bottom: .5rem;
}

.page-8 .contact-regions li+li {
	margin-top: var(--s-3);
}

.page-8 .contact-regions address {
	font-size: var(--font-size-xs);
	margin-bottom: .5em;
}

.page-8 .gform_anchor {
	display: none;
}

.page-8 .gform_confirmation_message {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.home .featured-content .callout .image {
	flex-grow: 1.75;
}

.home .featured-content .switcher {
	--switcher-break: 80rem;
}

.market-header {
	position: relative;
	height: clamp(400px, var(--vh, 1vh) * 100 - var(--header-height), 1100px);
	width: 100%;
}

.market-header figure {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	object-fit: cover;
	object-position: var(--position, 50% 50%);
}

.market-header figure:after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 1.05%, rgba(0, 0, 0, .65));
	z-index: 2;
}

.market-header img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.market-header .container {
	position: absolute;
	bottom: 0;
	z-index: 3;
	left: 50%;
	transform: translate(-50%);
	color: var(--white);
	padding-bottom: 48px;
}

.market-header .container * {
	margin-bottom: 0;
}

.market-header .wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	max-width: 624px;
}

@media (min-width:1024px) {
	.market-header .wrapper {
		gap: 24px;
	}
}

.market-video .image {
	aspect-ratio: 16/9;
}

.market-video .image:before {
	content: none;
}

.market-video--content {
	margin-block-start: var(--space-6);
}

@media (min-width:1024px) {
	.market-video--content {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 2;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		height: 100%;
		width: 100%;
		margin-block-start: 0;
		padding: var(--space-4);
		color: var(--white);
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 1.05%, rgba(0, 0, 0, .65));
	}
}

.market-video--button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
}

.featured-market {
	background-color: var(--white);
	padding: 48px 0;
}

.featured-market .container {
	display: grid;
	grid-template-columns: 1fr;
	align-items: flex-start;
	gap: 16px;
}

.featured-market .content p {
	font-size: 16px;
	max-width: 376px;
}

@media (min-width:1024px) {
	.featured-market {
		padding: 64px 0;
	}
	
	.featured-market .container {
		grid-template-columns: 1fr 1fr;
		align-items: center;
		gap: 32px;
	}
}

.markets-grid {
	background-color: var(--gray-lighter);
	padding: 48px 0;
}

.markets-grid .container {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}

@media (min-width:1024px) {
	.markets-grid .container {
		grid-template-columns: repeat(2, 1fr);
	}
}

.market-list ul {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: var(--space-11);
}

@media (min-width:768px) {
	.market-list ul {
		gap: var(--space-12);
	}
}

@media (min-width:1024px) {
	.market-list ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--space-16);
	}
}

.market-list-item--wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-6);
	padding-block-start: var(--space-12);
	border-top: 1px solid var(--transparent-black-20);
}

@media (min-width:768px) {
	.market-list-item--wrapper {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: center;
		gap: var(--space-7);
		padding-block-start: var(--space-16);
	}
}

@media (min-width:1024px) {
	.market-list-item--wrapper {
		gap: var(--space-8);
	}
}

.market-list-item--image {
	width: 100%;
	aspect-ratio: 1/1;
}

.market-list-item--image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.market-list-item--content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-6);
}

.market-featured-project {
	overflow: hidden;
}

.market-featured-project .wrapper {
	position: relative;
}

.market-featured-project--image {
	aspect-ratio: 1/2.28;
	width: 100%;
	max-height: 890px;
}

.market-featured-project--image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (min-width:768px) {
	.market-featured-project--image {
		aspect-ratio: 60/89;
	}
}

@media (min-width:1024px) {
	.market-featured-project--image {
		order: 2;
		aspect-ratio: 1.618/1;
	}
}

.market-featured-project--content {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 16px;
	padding-block: var(--space-8);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 1.05%, rgba(0, 0, 0, .65));
	color: var(--white);
}

@media (min-width:768px) {
	.market-featured-project--content {
		padding-block: var(--space-12);
	}
}

@media (min-width:1024px) {
	.market-featured-project--content {
		padding-block: var(--space-16);
	}
}

@media (min-width:1024px) {
	.market-featured-project--content h2 {
		max-width: 20ch;
	}
}

.market-featured-project--products {
	padding-block-start: var(--s-5);
	border-top: 1px solid var(--gray-light);
}

.market-featured-project--products-list {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 16px;
}

@media (min-width:1024px) {
	.market-featured-project--products-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width:1255px) {
	.market-featured-project--products-list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.market-featured-project--product {
	position: relative;
	display: grid;
	grid-template-columns: 40% 1fr;
	gap: 16px;
}

@media (min-width:1024px) {
	.market-featured-project--product {
		display: flex;
	}
}

.market-featured-project--product>* {
	flex: 1;
}

.market-featured-project--product>div:first-child {
	aspect-ratio: 4/3;
}

.market-featured-project--product>div:first-child img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.market-featured-project--product>div:last-child {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.market-featured-project--product>div:last-child>*:not(:first-child) {
	margin-top: 8px;
}

.market-featured-project--product>div:last-child .card-title-family {
	font-size: 16px;
}

.market-featured-project--product>div:last-child h4 {
	font-size: 16px;
}

.market-featured-project--product>div:last-child p {
	font-size: 14px;
}

.market-featured-project--product>div:last-child a:after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

.market-projects--list {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 16px;
}

@media (min-width:1024px) {
	.market-projects--list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 32px;
	}
}

@media (min-width:1255px) {
	.market-projects--list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.products-line {
	display: flex;
	flex-direction: column;
	gap: var(--grid-gap);
	margin-bottom: var(--grid-gap);
}

.products-line>* {
	flex: 1 1 50%;
}

@media (min-width:1100px) {
	.products-line {
		flex-direction: row;
		align-items: flex-start;
	}
	
	.products-line\:alt {
		flex-direction: row-reverse;
	}
}

.products-line+.grid .grid-col-full {
	grid-row: 3;
}

.projects .grid .grid-col-full:first-child {
	grid-row: 4;
}

.projects .grid .grid-col-full:last-child {
	grid-row: 8;
}

.projects .ais-RefinementList-count {
	display: none;
}

.products-projects a:hover {
	color: var(--gray-light);
}

.resource-section>ul {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: var(--space-8);
}

@media (min-width:768px) {
	.resource-section>ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: var(--space-4);
		row-gap: var(--space-8);
	}
}

@media (min-width:1024px) {
	.resource-section>ul {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		row-gap: var(--space-16);
	}
}

.resource-section .family\:line-form {
	color: var(--line);
}

.resource-section .family\:aero-form {
	color: var(--aero);
}

.resource-section .family\:panel-form {
	color: var(--panel);
}

.resource {
	--icon-color: var(--gray-dark);
	font-size: var(--font-size-sm);
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding: .75em 0;
	border-top: 1px solid var(--transparent-black-20);
	user-select: none;
	cursor: pointer;
	color: var(--black);
}

.has-hover .resource:hover {
	--icon-color: var(--black);
}

.resource a {
	flex: 1;
	margin-right: 1.5rem;
	color: currentColor;
}

.resource span:not(.tag) {
	font-size: var(--font-size-xs);
	margin-left: 1rem;
	color: var(--gray-dark);
	text-transform: uppercase;
}

@media (max-width:600px) {
	.resource .icon {
		display: none;
	}
}

.ais-CurrentRefinements-item {
	display: flex;
	gap: var(--cluster-gap, .8rem);
}

.ais-CurrentRefinements-item:first-of-type:before {
	content: "Filtering by";
	display: flex;
	align-items: center;
	font-size: .75rem;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1;
}

.single-project article>.image {
	--aspect-width: 16;
	--aspect-height: 9;
	width: 100%;
	max-height: 810px;
}

.single-project .project-header {
	--switcher-break: 100rem;
	--switcher-col-gap: var(--s-6);
	--switcher-row-gap: var(--s-5);
	--p: calc(4rem + 8 * var(--fluid-scale));
	padding-top: var(--p);
	padding-bottom: var(--p);
}

.single-project .project-header h1 {
	max-width: 32ch;
}

.single-project .project-gallery {
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
}

.single-project .project-gallery-row {
	display: grid;
	gap: var(--space-4);
}

.single-project .project-gallery-row .image {
	--aspect-width: 16;
	--aspect-height: 9;
	width: 100%;
	height: 100%;
}

@media (min-width:1024px) {
	.single-project .project-gallery-row\:1 {
		grid-template-columns: 1fr;
	}
	
	.single-project .project-gallery-row\:2 {
		grid-template-columns: 1fr 1fr;
	}
	
	.single-project .project-gallery-row\:3 {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr;
	}
	
	.single-project .project-gallery-row\:3>:nth-child(1) {
		grid-column: 1/2;
		grid-row: 1/2;
	}
	
	.single-project .project-gallery-row\:3>:nth-child(2) {
		grid-column: 1/2;
		grid-row: 2/3;
	}
	
	.single-project .project-gallery-row\:3>:nth-child(3) {
		grid-column: 2/4;
		grid-row: 1/3;
	}
	
	.single-project .project-gallery-row\:3:nth-of-type(2n)>:nth-child(1) {
		grid-column: 1/3;
		grid-row: 1/3;
	}
	
	.single-project .project-gallery-row\:3:nth-of-type(2n)>:nth-child(2) {
		grid-column: 3/4;
		grid-row: 1/2;
	}
	
	.single-project .project-gallery-row\:3:nth-of-type(2n)>:nth-child(3) {
		grid-column: 3/4;
		grid-row: 2/3;
	}
}

.single-project .project-gallery .image {
	position: relative;
}

.single-project .project-gallery .image:hover .modal-trigger {
	opacity: 1;
}

.single-project .project-gallery .image figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	padding: var(--space-12) var(--space-4) var(--space-4);
	color: var(--white);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 15.16%, rgba(0, 0, 0, .5) 88.48%);
}

.single-project .modal-trigger {
	position: absolute;
	top: var(--space-4);
	right: var(--space-4);
	z-index: 2;
	opacity: 0;
	transition: opacity .3s var(--ease-quad);
}

.cluster {
	display: flex;
	flex-wrap: wrap;
	gap: var(--cluster-gap, .8rem);
	justify-content: flex-start;
	align-items: center;
}

.cluster[aria-label]:before {
	content: attr(aria-label);
	font-size: var(--font-size-sm);
	font-weight: 700;
	line-height: 1;
	margin-right: var(--s-2);
}

.c-black {
	color: var(--black) !important;
}

.bg-black {
	background-color: var(--black);
}

.hover\:c-black:hover {
	color: var(--black) !important;
}

.hover\:bg-black:hover {
	background-color: var(--black) !important;
}

.c-black-light {
	color: var(--black-light) !important;
}

.bg-black-light {
	background-color: var(--black-light);
}

.hover\:c-black-light:hover {
	color: var(--black-light) !important;
}

.hover\:bg-black-light:hover {
	background-color: var(--black-light) !important;
}

.c-white {
	color: var(--white) !important;
}

.bg-white {
	background-color: var(--white);
}

.hover\:c-white:hover {
	color: var(--white) !important;
}

.hover\:bg-white:hover {
	background-color: var(--white) !important;
}

.c-gray-dark {
	color: var(--gray-dark) !important;
}

.bg-gray-dark {
	background-color: var(--gray-dark);
}

.hover\:c-gray-dark:hover {
	color: var(--gray-dark) !important;
}

.hover\:bg-gray-dark:hover {
	background-color: var(--gray-dark) !important;
}

.c-gray-darker {
	color: var(--gray-darker) !important;
}

.bg-gray-darker {
	background-color: var(--gray-darker);
}

.hover\:c-gray-darker:hover {
	color: var(--gray-darker) !important;
}

.hover\:bg-gray-darker:hover {
	background-color: var(--gray-darker) !important;
}

.c-gray-light {
	color: var(--gray-light) !important;
}

.bg-gray-light {
	background-color: var(--gray-light);
}

.hover\:c-gray-light:hover {
	color: var(--gray-light) !important;
}

.hover\:bg-gray-light:hover {
	background-color: var(--gray-light) !important;
}

.c-gray-lighter {
	color: var(--gray-lighter) !important;
}

.bg-gray-lighter {
	background-color: var(--gray-lighter);
}

.hover\:c-gray-lighter:hover {
	color: var(--gray-lighter) !important;
}

.hover\:bg-gray-lighter:hover {
	background-color: var(--gray-lighter) !important;
}

.c-aero {
	color: var(--aero) !important;
}

.bg-aero {
	background-color: var(--aero);
}

.hover\:c-aero:hover {
	color: var(--aero) !important;
}

.hover\:bg-aero:hover {
	background-color: var(--aero) !important;
}

.c-line {
	color: var(--line) !important;
}

.bg-line {
	background-color: var(--line);
}

.hover\:c-line:hover {
	color: var(--line) !important;
}

.hover\:bg-line:hover {
	background-color: var(--line) !important;
}

.c-panel {
	color: var(--panel) !important;
}

.bg-panel {
	background-color: var(--panel);
}

.hover\:c-panel:hover {
	color: var(--panel) !important;
}

.hover\:bg-panel:hover {
	background-color: var(--panel) !important;
}

.c-colab {
	color: var(--colab) !important;
}

.bg-colab {
	background-color: var(--colab);
}

.hover\:c-colab:hover {
	color: var(--colab) !important;
}

.hover\:bg-colab:hover {
	background-color: var(--colab) !important;
}

.c-current, .hover\:c-current:hover {
	color: currentColor !important;
}

.container {
	width: min(100% - var(--container-padding) * 2, var(--container-max-width));
	margin-inline: auto;
}

.container\:inset-1 {
	--container-max-width: 928px;
}

.cursor-default {
	cursor: default !important;
}

.cursor-pointer {
	cursor: pointer !important;
}

.cursor-grab {
	cursor: grab !important;
}

.cursor-grabbing {
	cursor: grabbing !important;
}

.no-cursor {
	cursor: none !important;
}

.no-pointer {
	pointer-events: none !important;
}

@media (max-width:1200px) {
	.desktop-br {
		display: none;
	}
}

.hide {
	display: none;
}

.flex {
	display: flex;
}

.block {
	display: block;
}

.inline {
	display: inline;
}

.inline-flex {
	display: inline-flex;
}

.inline-block {
	display: inline-block;
}

.visible {
	visibility: visible;
}

.invisible {
	visibility: hidden;
}

.hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	border-width: 0;
	white-space: nowrap;
	clip: rect(0, 0, 0, 0);
}

.layout {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

@media (min-width:640px) {
	.sm\:hide {
		display: none;
	}
	
	.sm\:grid {
		display: grid;
	}
	
	.sm\:flex {
		display: flex;
	}
	
	.sm\:block {
		display: block;
	}
	
	.sm\:inline {
		display: inline;
	}
	
	.sm\:inline-flex {
		display: inline-flex;
	}
	
	.sm\:inline-block {
		display: inline-block;
	}
	
	.sm\:visible {
		visibility: visible;
	}
	
	.sm\:invisible {
		visibility: hidden;
	}
	
	.sm\:hidden {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		border-width: 0;
		white-space: nowrap;
		clip: rect(0, 0, 0, 0);
	}
	
	.layout {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (min-width:768px) {
	.md\:hide {
		display: none;
	}
	
	.md\:grid {
		display: grid;
	}
	
	.md\:flex {
		display: flex;
	}
	
	.md\:block {
		display: block;
	}
	
	.md\:inline {
		display: inline;
	}
	
	.md\:inline-flex {
		display: inline-flex;
	}
	
	.md\:inline-block {
		display: inline-block;
	}
	
	.md\:visible {
		visibility: visible;
	}
	
	.md\:invisible {
		visibility: hidden;
	}
	
	.md\:hidden {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		border-width: 0;
		white-space: nowrap;
		clip: rect(0, 0, 0, 0);
	}
	
	.layout {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (min-width:1024px) {
	.lg\:hide {
		display: none;
	}
	
	.lg\:grid {
		display: grid;
	}
	
	.lg\:flex {
		display: flex;
	}
	
	.lg\:block {
		display: block;
	}
	
	.lg\:inline {
		display: inline;
	}
	
	.lg\:inline-flex {
		display: inline-flex;
	}
	
	.lg\:inline-block {
		display: inline-block;
	}
	
	.lg\:visible {
		visibility: visible;
	}
	
	.lg\:invisible {
		visibility: hidden;
	}
	
	.lg\:hidden {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		border-width: 0;
		white-space: nowrap;
		clip: rect(0, 0, 0, 0);
	}
	
	.layout {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (min-width:1280px) {
	.xl\:hide {
		display: none;
	}
	
	.xl\:grid {
		display: grid;
	}
	
	.xl\:flex {
		display: flex;
	}
	
	.xl\:block {
		display: block;
	}
	
	.xl\:inline {
		display: inline;
	}
	
	.xl\:inline-flex {
		display: inline-flex;
	}
	
	.xl\:inline-block {
		display: inline-block;
	}
	
	.xl\:visible {
		visibility: visible;
	}
	
	.xl\:invisible {
		visibility: hidden;
	}
	
	.xl\:hidden {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		border-width: 0;
		white-space: nowrap;
		clip: rect(0, 0, 0, 0);
	}
	
	.layout {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
}

.fill-link:not(a) {
	position: relative;
}

.fill-link:not(a) a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

a.fill-link:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.flex-row {
	flex-direction: row;
}

.flex-row-reverse {
	flex-direction: row-reverse;
}

.flex-col {
	flex-direction: column;
}

.flex-col-reverse {
	flex-direction: column-reverse;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}

.justify-evenly {
	justify-content: space-evenly;
}

.items-start {
	align-items: flex-start;
}

.items-end {
	align-items: flex-end;
}

.items-center {
	align-items: center;
}

.items-stretch {
	align-items: stretch;
}

.self-start {
	align-self: flex-start;
}

.self-end {
	align-self: flex-end;
}

.self-center {
	align-self: center;
}

.self-stretch {
	align-self: stretch;
}

.content-start {
	align-content: flex-start;
}

.content-end {
	align-content: flex-end;
}

.content-center {
	align-content: center;
}

.content-stretch {
	align-content: stretch;
}

.content-between {
	align-content: space-between;
}

.content-around {
	align-content: space-around;
}

.content-evenly {
	align-content: space-evenly;
}

.flex-1 {
	flex: 1;
}

.flex-initial {
	flex: initial;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-auto {
	flex: auto;
}

.flex-none {
	flex: none;
}

.flex-grow {
	flex-grow: 1;
}

.flex-no-grow {
	flex-grow: 0;
}

.flex-shrink {
	flex-shrink: 1;
}

.flex-no-shrink {
	flex-shrink: 0;
}

.order-first {
	order: -1;
}

.order-last {
	order: 9999;
}

@media (min-width:640px) {
	.sm\:flex-row {
		flex-direction: row;
	}
	
	.sm\:flex-row-reverse {
		flex-direction: row-reverse;
	}
	
	.sm\:flex-col {
		flex-direction: column;
	}
	
	.sm\:flex-col-reverse {
		flex-direction: column-reverse;
	}
	
	.sm\:justify-start {
		justify-content: flex-start;
	}
	
	.sm\:justify-end {
		justify-content: flex-end;
	}
	
	.sm\:justify-center {
		justify-content: center;
	}
	
	.sm\:justify-between {
		justify-content: space-between;
	}
	
	.sm\:justify-around {
		justify-content: space-around;
	}
	
	.sm\:justify-evenly {
		justify-content: space-evenly;
	}
	
	.sm\:items-start {
		align-items: flex-start;
	}
	
	.sm\:items-end {
		align-items: flex-end;
	}
	
	.sm\:items-center {
		align-items: center;
	}
	
	.sm\:items-stretch {
		align-items: stretch;
	}
	
	.sm\:self-start {
		align-self: flex-start;
	}
	
	.sm\:self-end {
		align-self: flex-end;
	}
	
	.sm\:self-center {
		align-self: center;
	}
	
	.sm\:self-stretch {
		align-self: stretch;
	}
	
	.sm\:content-start {
		align-content: flex-start;
	}
	
	.sm\:content-end {
		align-content: flex-end;
	}
	
	.sm\:content-center {
		align-content: center;
	}
	
	.sm\:content-stretch {
		align-content: stretch;
	}
	
	.sm\:content-between {
		align-content: space-between;
	}
	
	.sm\:content-around {
		align-content: space-around;
	}
	
	.sm\:content-evenly {
		align-content: space-evenly;
	}
	
	.sm\:flex-1 {
		flex: 1;
	}
	
	.sm\:flex-initial {
		flex: initial;
	}
	
	.sm\:flex-wrap {
		flex-wrap: wrap;
	}
	
	.sm\:flex-auto {
		flex: auto;
	}
	
	.sm\:flex-none {
		flex: none;
	}
	
	.sm\:flex-grow {
		flex-grow: 1;
	}
	
	.sm\:flex-no-grow {
		flex-grow: 0;
	}
	
	.sm\:flex-shrink {
		flex-shrink: 1;
	}
	
	.sm\:flex-no-shrink {
		flex-shrink: 0;
	}
	
	.sm\:order-first {
		order: -1;
	}
	
	.sm\:order-last {
		order: 9999;
	}
}

@media (min-width:768px) {
	.md\:flex-row {
		flex-direction: row;
	}
	
	.md\:flex-row-reverse {
		flex-direction: row-reverse;
	}
	
	.md\:flex-col {
		flex-direction: column;
	}
	
	.md\:flex-col-reverse {
		flex-direction: column-reverse;
	}
	
	.md\:justify-start {
		justify-content: flex-start;
	}
	
	.md\:justify-end {
		justify-content: flex-end;
	}
	
	.md\:justify-center {
		justify-content: center;
	}
	
	.md\:justify-between {
		justify-content: space-between;
	}
	
	.md\:justify-around {
		justify-content: space-around;
	}
	
	.md\:justify-evenly {
		justify-content: space-evenly;
	}
	
	.md\:items-start {
		align-items: flex-start;
	}
	
	.md\:items-end {
		align-items: flex-end;
	}
	
	.md\:items-center {
		align-items: center;
	}
	
	.md\:items-stretch {
		align-items: stretch;
	}
	
	.md\:self-start {
		align-self: flex-start;
	}
	
	.md\:self-end {
		align-self: flex-end;
	}
	
	.md\:self-center {
		align-self: center;
	}
	
	.md\:self-stretch {
		align-self: stretch;
	}
	
	.md\:content-start {
		align-content: flex-start;
	}
	
	.md\:content-end {
		align-content: flex-end;
	}
	
	.md\:content-center {
		align-content: center;
	}
	
	.md\:content-stretch {
		align-content: stretch;
	}
	
	.md\:content-between {
		align-content: space-between;
	}
	
	.md\:content-around {
		align-content: space-around;
	}
	
	.md\:content-evenly {
		align-content: space-evenly;
	}
	
	.md\:flex-1 {
		flex: 1;
	}
	
	.md\:flex-initial {
		flex: initial;
	}
	
	.md\:flex-wrap {
		flex-wrap: wrap;
	}
	
	.md\:flex-auto {
		flex: auto;
	}
	
	.md\:flex-none {
		flex: none;
	}
	
	.md\:flex-grow {
		flex-grow: 1;
	}
	
	.md\:flex-no-grow {
		flex-grow: 0;
	}
	
	.md\:flex-shrink {
		flex-shrink: 1;
	}
	
	.md\:flex-no-shrink {
		flex-shrink: 0;
	}
	
	.md\:order-first {
		order: -1;
	}
	
	.md\:order-last {
		order: 9999;
	}
}

@media (min-width:1024px) {
	.lg\:flex-row {
		flex-direction: row;
	}
	
	.lg\:flex-row-reverse {
		flex-direction: row-reverse;
	}
	
	.lg\:flex-col {
		flex-direction: column;
	}
	
	.lg\:flex-col-reverse {
		flex-direction: column-reverse;
	}
	
	.lg\:justify-start {
		justify-content: flex-start;
	}
	
	.lg\:justify-end {
		justify-content: flex-end;
	}
	
	.lg\:justify-center {
		justify-content: center;
	}
	
	.lg\:justify-between {
		justify-content: space-between;
	}
	
	.lg\:justify-around {
		justify-content: space-around;
	}
	
	.lg\:justify-evenly {
		justify-content: space-evenly;
	}
	
	.lg\:items-start {
		align-items: flex-start;
	}
	
	.lg\:items-end {
		align-items: flex-end;
	}
	
	.lg\:items-center {
		align-items: center;
	}
	
	.lg\:items-stretch {
		align-items: stretch;
	}
	
	.lg\:self-start {
		align-self: flex-start;
	}
	
	.lg\:self-end {
		align-self: flex-end;
	}
	
	.lg\:self-center {
		align-self: center;
	}
	
	.lg\:self-stretch {
		align-self: stretch;
	}
	
	.lg\:content-start {
		align-content: flex-start;
	}
	
	.lg\:content-end {
		align-content: flex-end;
	}
	
	.lg\:content-center {
		align-content: center;
	}
	
	.lg\:content-stretch {
		align-content: stretch;
	}
	
	.lg\:content-between {
		align-content: space-between;
	}
	
	.lg\:content-around {
		align-content: space-around;
	}
	
	.lg\:content-evenly {
		align-content: space-evenly;
	}
	
	.lg\:flex-1 {
		flex: 1;
	}
	
	.lg\:flex-initial {
		flex: initial;
	}
	
	.lg\:flex-wrap {
		flex-wrap: wrap;
	}
	
	.lg\:flex-auto {
		flex: auto;
	}
	
	.lg\:flex-none {
		flex: none;
	}
	
	.lg\:flex-grow {
		flex-grow: 1;
	}
	
	.lg\:flex-no-grow {
		flex-grow: 0;
	}
	
	.lg\:flex-shrink {
		flex-shrink: 1;
	}
	
	.lg\:flex-no-shrink {
		flex-shrink: 0;
	}
	
	.lg\:order-first {
		order: -1;
	}
	
	.lg\:order-last {
		order: 9999;
	}
}

@media (min-width:1280px) {
	.xl\:flex-row {
		flex-direction: row;
	}
	
	.xl\:flex-row-reverse {
		flex-direction: row-reverse;
	}
	
	.xl\:flex-col {
		flex-direction: column;
	}
	
	.xl\:flex-col-reverse {
		flex-direction: column-reverse;
	}
	
	.xl\:justify-start {
		justify-content: flex-start;
	}
	
	.xl\:justify-end {
		justify-content: flex-end;
	}
	
	.xl\:justify-center {
		justify-content: center;
	}
	
	.xl\:justify-between {
		justify-content: space-between;
	}
	
	.xl\:justify-around {
		justify-content: space-around;
	}
	
	.xl\:justify-evenly {
		justify-content: space-evenly;
	}
	
	.xl\:items-start {
		align-items: flex-start;
	}
	
	.xl\:items-end {
		align-items: flex-end;
	}
	
	.xl\:items-center {
		align-items: center;
	}
	
	.xl\:items-stretch {
		align-items: stretch;
	}
	
	.xl\:self-start {
		align-self: flex-start;
	}
	
	.xl\:self-end {
		align-self: flex-end;
	}
	
	.xl\:self-center {
		align-self: center;
	}
	
	.xl\:self-stretch {
		align-self: stretch;
	}
	
	.xl\:content-start {
		align-content: flex-start;
	}
	
	.xl\:content-end {
		align-content: flex-end;
	}
	
	.xl\:content-center {
		align-content: center;
	}
	
	.xl\:content-stretch {
		align-content: stretch;
	}
	
	.xl\:content-between {
		align-content: space-between;
	}
	
	.xl\:content-around {
		align-content: space-around;
	}
	
	.xl\:content-evenly {
		align-content: space-evenly;
	}
	
	.xl\:flex-1 {
		flex: 1;
	}
	
	.xl\:flex-initial {
		flex: initial;
	}
	
	.xl\:flex-wrap {
		flex-wrap: wrap;
	}
	
	.xl\:flex-auto {
		flex: auto;
	}
	
	.xl\:flex-none {
		flex: none;
	}
	
	.xl\:flex-grow {
		flex-grow: 1;
	}
	
	.xl\:flex-no-grow {
		flex-grow: 0;
	}
	
	.xl\:flex-shrink {
		flex-shrink: 1;
	}
	
	.xl\:flex-no-shrink {
		flex-shrink: 0;
	}
	
	.xl\:order-first {
		order: -1;
	}
	
	.xl\:order-last {
		order: 9999;
	}
}

.grid {
	display: grid;
}

.grid-cols-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7 {
	grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-8 {
	grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-9 {
	grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-cols-10 {
	grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-11 {
	grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-cols-12 {
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

.col-span-1 {
	grid-column: span 1/span 1;
}

.col-span-2 {
	grid-column: span 2/span 2;
}

.col-span-3 {
	grid-column: span 3/span 3;
}

.col-span-4 {
	grid-column: span 4/span 4;
}

.col-span-5 {
	grid-column: span 5/span 5;
}

.col-span-6 {
	grid-column: span 6/span 6;
}

.col-span-7 {
	grid-column: span 7/span 7;
}

.col-span-8 {
	grid-column: span 8/span 8;
}

.col-span-9 {
	grid-column: span 9/span 9;
}

.col-span-10 {
	grid-column: span 10/span 10;
}

.col-span-11 {
	grid-column: span 11/span 11;
}

.col-span-12 {
	grid-column: span 12/span 12;
}

.col-span-13 {
	grid-column: span 13/span 13;
}

.col-start-1 {
	grid-column-start: 1;
}

.col-start-2 {
	grid-column-start: 2;
}

.col-start-3 {
	grid-column-start: 3;
}

.col-start-4 {
	grid-column-start: 4;
}

.col-start-5 {
	grid-column-start: 5;
}

.col-start-6 {
	grid-column-start: 6;
}

.col-start-7 {
	grid-column-start: 7;
}

.col-start-8 {
	grid-column-start: 8;
}

.col-start-9 {
	grid-column-start: 9;
}

.col-start-10 {
	grid-column-start: 10;
}

.col-start-11 {
	grid-column-start: 11;
}

.col-start-12 {
	grid-column-start: 12;
}

.col-start-13 {
	grid-column-start: 13;
}

.col-end-1 {
	grid-column-end: 1;
}

.col-end-2 {
	grid-column-end: 2;
}

.col-end-3 {
	grid-column-end: 3;
}

.col-end-4 {
	grid-column-end: 4;
}

.col-end-5 {
	grid-column-end: 5;
}

.col-end-6 {
	grid-column-end: 6;
}

.col-end-7 {
	grid-column-end: 7;
}

.col-end-8 {
	grid-column-end: 8;
}

.col-end-9 {
	grid-column-end: 9;
}

.col-end-10 {
	grid-column-end: 10;
}

.col-end-11 {
	grid-column-end: 11;
}

.col-end-12 {
	grid-column-end: 12;
}

.col-end-13 {
	grid-column-end: 13;
}

.row-start-1 {
	grid-row-start: 1;
}

.row-start-2 {
	grid-row-start: 2;
}

.row-start-3 {
	grid-row-start: 3;
}

.row-start-4 {
	grid-row-start: 4;
}

.row-start-5 {
	grid-row-start: 5;
}

.row-start-6 {
	grid-row-start: 6;
}

.row-start-7 {
	grid-row-start: 7;
}

.row-start-8 {
	grid-row-start: 8;
}

.row-start-9 {
	grid-row-start: 9;
}

.row-start-10 {
	grid-row-start: 10;
}

.row-start-11 {
	grid-row-start: 11;
}

.row-start-12 {
	grid-row-start: 12;
}

.row-start-13 {
	grid-row-start: 13;
}

.row-end-1 {
	grid-row-end: 1;
}

.row-end-2 {
	grid-row-end: 2;
}

.row-end-3 {
	grid-row-end: 3;
}

.row-end-4 {
	grid-row-end: 4;
}

.row-end-5 {
	grid-row-end: 5;
}

.row-end-6 {
	grid-row-end: 6;
}

.row-end-7 {
	grid-row-end: 7;
}

.row-end-8 {
	grid-row-end: 8;
}

.row-end-9 {
	grid-row-end: 9;
}

.row-end-10 {
	grid-row-end: 10;
}

.row-end-11 {
	grid-row-end: 11;
}

.row-end-12 {
	grid-row-end: 12;
}

.row-end-13 {
	grid-row-end: 13;
}

.col-auto {
	grid-column: auto;
}

.col-span-full {
	grid-column: 1/-1;
}

@media (min-width:640px) {
	.sm\:grid {
		display: grid;
	}
	
	.sm\:grid-cols-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	
	.sm\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.sm\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	
	.sm\:grid-cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	
	.sm\:grid-cols-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
	
	.sm\:grid-cols-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
	
	.sm\:grid-cols-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}
	
	.sm\:grid-cols-8 {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}
	
	.sm\:grid-cols-9 {
		grid-template-columns: repeat(9, minmax(0, 1fr));
	}
	
	.sm\:grid-cols-10 {
		grid-template-columns: repeat(10, minmax(0, 1fr));
	}
	
	.sm\:grid-cols-11 {
		grid-template-columns: repeat(11, minmax(0, 1fr));
	}
	
	.sm\:grid-cols-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}
	
	.sm\:col-span-1 {
		grid-column: span 1/span 1;
	}
	
	.sm\:col-span-2 {
		grid-column: span 2/span 2;
	}
	
	.sm\:col-span-3 {
		grid-column: span 3/span 3;
	}
	
	.sm\:col-span-4 {
		grid-column: span 4/span 4;
	}
	
	.sm\:col-span-5 {
		grid-column: span 5/span 5;
	}
	
	.sm\:col-span-6 {
		grid-column: span 6/span 6;
	}
	
	.sm\:col-span-7 {
		grid-column: span 7/span 7;
	}
	
	.sm\:col-span-8 {
		grid-column: span 8/span 8;
	}
	
	.sm\:col-span-9 {
		grid-column: span 9/span 9;
	}
	
	.sm\:col-span-10 {
		grid-column: span 10/span 10;
	}
	
	.sm\:col-span-11 {
		grid-column: span 11/span 11;
	}
	
	.sm\:col-span-12 {
		grid-column: span 12/span 12;
	}
	
	.sm\:col-span-13 {
		grid-column: span 13/span 13;
	}
	
	.sm\:col-start-1 {
		grid-column-start: 1;
	}
	
	.sm\:col-start-2 {
		grid-column-start: 2;
	}
	
	.sm\:col-start-3 {
		grid-column-start: 3;
	}
	
	.sm\:col-start-4 {
		grid-column-start: 4;
	}
	
	.sm\:col-start-5 {
		grid-column-start: 5;
	}
	
	.sm\:col-start-6 {
		grid-column-start: 6;
	}
	
	.sm\:col-start-7 {
		grid-column-start: 7;
	}
	
	.sm\:col-start-8 {
		grid-column-start: 8;
	}
	
	.sm\:col-start-9 {
		grid-column-start: 9;
	}
	
	.sm\:col-start-10 {
		grid-column-start: 10;
	}
	
	.sm\:col-start-11 {
		grid-column-start: 11;
	}
	
	.sm\:col-start-12 {
		grid-column-start: 12;
	}
	
	.sm\:col-start-13 {
		grid-column-start: 13;
	}
	
	.sm\:col-end-1 {
		grid-column-end: 1;
	}
	
	.sm\:col-end-2 {
		grid-column-end: 2;
	}
	
	.sm\:col-end-3 {
		grid-column-end: 3;
	}
	
	.sm\:col-end-4 {
		grid-column-end: 4;
	}
	
	.sm\:col-end-5 {
		grid-column-end: 5;
	}
	
	.sm\:col-end-6 {
		grid-column-end: 6;
	}
	
	.sm\:col-end-7 {
		grid-column-end: 7;
	}
	
	.sm\:col-end-8 {
		grid-column-end: 8;
	}
	
	.sm\:col-end-9 {
		grid-column-end: 9;
	}
	
	.sm\:col-end-10 {
		grid-column-end: 10;
	}
	
	.sm\:col-end-11 {
		grid-column-end: 11;
	}
	
	.sm\:col-end-12 {
		grid-column-end: 12;
	}
	
	.sm\:col-end-13 {
		grid-column-end: 13;
	}
	
	.sm\:row-start-1 {
		grid-row-start: 1;
	}
	
	.sm\:row-start-2 {
		grid-row-start: 2;
	}
	
	.sm\:row-start-3 {
		grid-row-start: 3;
	}
	
	.sm\:row-start-4 {
		grid-row-start: 4;
	}
	
	.sm\:row-start-5 {
		grid-row-start: 5;
	}
	
	.sm\:row-start-6 {
		grid-row-start: 6;
	}
	
	.sm\:row-start-7 {
		grid-row-start: 7;
	}
	
	.sm\:row-start-8 {
		grid-row-start: 8;
	}
	
	.sm\:row-start-9 {
		grid-row-start: 9;
	}
	
	.sm\:row-start-10 {
		grid-row-start: 10;
	}
	
	.sm\:row-start-11 {
		grid-row-start: 11;
	}
	
	.sm\:row-start-12 {
		grid-row-start: 12;
	}
	
	.sm\:row-start-13 {
		grid-row-start: 13;
	}
	
	.sm\:row-end-1 {
		grid-row-end: 1;
	}
	
	.sm\:row-end-2 {
		grid-row-end: 2;
	}
	
	.sm\:row-end-3 {
		grid-row-end: 3;
	}
	
	.sm\:row-end-4 {
		grid-row-end: 4;
	}
	
	.sm\:row-end-5 {
		grid-row-end: 5;
	}
	
	.sm\:row-end-6 {
		grid-row-end: 6;
	}
	
	.sm\:row-end-7 {
		grid-row-end: 7;
	}
	
	.sm\:row-end-8 {
		grid-row-end: 8;
	}
	
	.sm\:row-end-9 {
		grid-row-end: 9;
	}
	
	.sm\:row-end-10 {
		grid-row-end: 10;
	}
	
	.sm\:row-end-11 {
		grid-row-end: 11;
	}
	
	.sm\:row-end-12 {
		grid-row-end: 12;
	}
	
	.sm\:row-end-13 {
		grid-row-end: 13;
	}
	
	.sm\:col-auto {
		grid-column: auto;
	}
	
	.sm\:col-span-full {
		grid-column: 1/-1;
	}
}

@media (min-width:768px) {
	.md\:grid {
		display: grid;
	}
	
	.md\:grid-cols-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	
	.md\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.md\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	
	.md\:grid-cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	
	.md\:grid-cols-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
	
	.md\:grid-cols-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
	
	.md\:grid-cols-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}
	
	.md\:grid-cols-8 {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}
	
	.md\:grid-cols-9 {
		grid-template-columns: repeat(9, minmax(0, 1fr));
	}
	
	.md\:grid-cols-10 {
		grid-template-columns: repeat(10, minmax(0, 1fr));
	}
	
	.md\:grid-cols-11 {
		grid-template-columns: repeat(11, minmax(0, 1fr));
	}
	
	.md\:grid-cols-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}
	
	.md\:col-span-1 {
		grid-column: span 1/span 1;
	}
	
	.md\:col-span-2 {
		grid-column: span 2/span 2;
	}
	
	.md\:col-span-3 {
		grid-column: span 3/span 3;
	}
	
	.md\:col-span-4 {
		grid-column: span 4/span 4;
	}
	
	.md\:col-span-5 {
		grid-column: span 5/span 5;
	}
	
	.md\:col-span-6 {
		grid-column: span 6/span 6;
	}
	
	.md\:col-span-7 {
		grid-column: span 7/span 7;
	}
	
	.md\:col-span-8 {
		grid-column: span 8/span 8;
	}
	
	.md\:col-span-9 {
		grid-column: span 9/span 9;
	}
	
	.md\:col-span-10 {
		grid-column: span 10/span 10;
	}
	
	.md\:col-span-11 {
		grid-column: span 11/span 11;
	}
	
	.md\:col-span-12 {
		grid-column: span 12/span 12;
	}
	
	.md\:col-span-13 {
		grid-column: span 13/span 13;
	}
	
	.md\:col-start-1 {
		grid-column-start: 1;
	}
	
	.md\:col-start-2 {
		grid-column-start: 2;
	}
	
	.md\:col-start-3 {
		grid-column-start: 3;
	}
	
	.md\:col-start-4 {
		grid-column-start: 4;
	}
	
	.md\:col-start-5 {
		grid-column-start: 5;
	}
	
	.md\:col-start-6 {
		grid-column-start: 6;
	}
	
	.md\:col-start-7 {
		grid-column-start: 7;
	}
	
	.md\:col-start-8 {
		grid-column-start: 8;
	}
	
	.md\:col-start-9 {
		grid-column-start: 9;
	}
	
	.md\:col-start-10 {
		grid-column-start: 10;
	}
	
	.md\:col-start-11 {
		grid-column-start: 11;
	}
	
	.md\:col-start-12 {
		grid-column-start: 12;
	}
	
	.md\:col-start-13 {
		grid-column-start: 13;
	}
	
	.md\:col-end-1 {
		grid-column-end: 1;
	}
	
	.md\:col-end-2 {
		grid-column-end: 2;
	}
	
	.md\:col-end-3 {
		grid-column-end: 3;
	}
	
	.md\:col-end-4 {
		grid-column-end: 4;
	}
	
	.md\:col-end-5 {
		grid-column-end: 5;
	}
	
	.md\:col-end-6 {
		grid-column-end: 6;
	}
	
	.md\:col-end-7 {
		grid-column-end: 7;
	}
	
	.md\:col-end-8 {
		grid-column-end: 8;
	}
	
	.md\:col-end-9 {
		grid-column-end: 9;
	}
	
	.md\:col-end-10 {
		grid-column-end: 10;
	}
	
	.md\:col-end-11 {
		grid-column-end: 11;
	}
	
	.md\:col-end-12 {
		grid-column-end: 12;
	}
	
	.md\:col-end-13 {
		grid-column-end: 13;
	}
	
	.md\:row-start-1 {
		grid-row-start: 1;
	}
	
	.md\:row-start-2 {
		grid-row-start: 2;
	}
	
	.md\:row-start-3 {
		grid-row-start: 3;
	}
	
	.md\:row-start-4 {
		grid-row-start: 4;
	}
	
	.md\:row-start-5 {
		grid-row-start: 5;
	}
	
	.md\:row-start-6 {
		grid-row-start: 6;
	}
	
	.md\:row-start-7 {
		grid-row-start: 7;
	}
	
	.md\:row-start-8 {
		grid-row-start: 8;
	}
	
	.md\:row-start-9 {
		grid-row-start: 9;
	}
	
	.md\:row-start-10 {
		grid-row-start: 10;
	}
	
	.md\:row-start-11 {
		grid-row-start: 11;
	}
	
	.md\:row-start-12 {
		grid-row-start: 12;
	}
	
	.md\:row-start-13 {
		grid-row-start: 13;
	}
	
	.md\:row-end-1 {
		grid-row-end: 1;
	}
	
	.md\:row-end-2 {
		grid-row-end: 2;
	}
	
	.md\:row-end-3 {
		grid-row-end: 3;
	}
	
	.md\:row-end-4 {
		grid-row-end: 4;
	}
	
	.md\:row-end-5 {
		grid-row-end: 5;
	}
	
	.md\:row-end-6 {
		grid-row-end: 6;
	}
	
	.md\:row-end-7 {
		grid-row-end: 7;
	}
	
	.md\:row-end-8 {
		grid-row-end: 8;
	}
	
	.md\:row-end-9 {
		grid-row-end: 9;
	}
	
	.md\:row-end-10 {
		grid-row-end: 10;
	}
	
	.md\:row-end-11 {
		grid-row-end: 11;
	}
	
	.md\:row-end-12 {
		grid-row-end: 12;
	}
	
	.md\:row-end-13 {
		grid-row-end: 13;
	}
	
	.md\:col-auto {
		grid-column: auto;
	}
	
	.md\:col-span-full {
		grid-column: 1/-1;
	}
}

@media (min-width:1024px) {
	.lg\:grid {
		display: grid;
	}
	
	.lg\:grid-cols-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	
	.lg\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.lg\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	
	.lg\:grid-cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	
	.lg\:grid-cols-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
	
	.lg\:grid-cols-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
	
	.lg\:grid-cols-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}
	
	.lg\:grid-cols-8 {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}
	
	.lg\:grid-cols-9 {
		grid-template-columns: repeat(9, minmax(0, 1fr));
	}
	
	.lg\:grid-cols-10 {
		grid-template-columns: repeat(10, minmax(0, 1fr));
	}
	
	.lg\:grid-cols-11 {
		grid-template-columns: repeat(11, minmax(0, 1fr));
	}
	
	.lg\:grid-cols-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}
	
	.lg\:col-span-1 {
		grid-column: span 1/span 1;
	}
	
	.lg\:col-span-2 {
		grid-column: span 2/span 2;
	}
	
	.lg\:col-span-3 {
		grid-column: span 3/span 3;
	}
	
	.lg\:col-span-4 {
		grid-column: span 4/span 4;
	}
	
	.lg\:col-span-5 {
		grid-column: span 5/span 5;
	}
	
	.lg\:col-span-6 {
		grid-column: span 6/span 6;
	}
	
	.lg\:col-span-7 {
		grid-column: span 7/span 7;
	}
	
	.lg\:col-span-8 {
		grid-column: span 8/span 8;
	}
	
	.lg\:col-span-9 {
		grid-column: span 9/span 9;
	}
	
	.lg\:col-span-10 {
		grid-column: span 10/span 10;
	}
	
	.lg\:col-span-11 {
		grid-column: span 11/span 11;
	}
	
	.lg\:col-span-12 {
		grid-column: span 12/span 12;
	}
	
	.lg\:col-span-13 {
		grid-column: span 13/span 13;
	}
	
	.lg\:col-start-1 {
		grid-column-start: 1;
	}
	
	.lg\:col-start-2 {
		grid-column-start: 2;
	}
	
	.lg\:col-start-3 {
		grid-column-start: 3;
	}
	
	.lg\:col-start-4 {
		grid-column-start: 4;
	}
	
	.lg\:col-start-5 {
		grid-column-start: 5;
	}
	
	.lg\:col-start-6 {
		grid-column-start: 6;
	}
	
	.lg\:col-start-7 {
		grid-column-start: 7;
	}
	
	.lg\:col-start-8 {
		grid-column-start: 8;
	}
	
	.lg\:col-start-9 {
		grid-column-start: 9;
	}
	
	.lg\:col-start-10 {
		grid-column-start: 10;
	}
	
	.lg\:col-start-11 {
		grid-column-start: 11;
	}
	
	.lg\:col-start-12 {
		grid-column-start: 12;
	}
	
	.lg\:col-start-13 {
		grid-column-start: 13;
	}
	
	.lg\:col-end-1 {
		grid-column-end: 1;
	}
	
	.lg\:col-end-2 {
		grid-column-end: 2;
	}
	
	.lg\:col-end-3 {
		grid-column-end: 3;
	}
	
	.lg\:col-end-4 {
		grid-column-end: 4;
	}
	
	.lg\:col-end-5 {
		grid-column-end: 5;
	}
	
	.lg\:col-end-6 {
		grid-column-end: 6;
	}
	
	.lg\:col-end-7 {
		grid-column-end: 7;
	}
	
	.lg\:col-end-8 {
		grid-column-end: 8;
	}
	
	.lg\:col-end-9 {
		grid-column-end: 9;
	}
	
	.lg\:col-end-10 {
		grid-column-end: 10;
	}
	
	.lg\:col-end-11 {
		grid-column-end: 11;
	}
	
	.lg\:col-end-12 {
		grid-column-end: 12;
	}
	
	.lg\:col-end-13 {
		grid-column-end: 13;
	}
	
	.lg\:row-start-1 {
		grid-row-start: 1;
	}
	
	.lg\:row-start-2 {
		grid-row-start: 2;
	}
	
	.lg\:row-start-3 {
		grid-row-start: 3;
	}
	
	.lg\:row-start-4 {
		grid-row-start: 4;
	}
	
	.lg\:row-start-5 {
		grid-row-start: 5;
	}
	
	.lg\:row-start-6 {
		grid-row-start: 6;
	}
	
	.lg\:row-start-7 {
		grid-row-start: 7;
	}
	
	.lg\:row-start-8 {
		grid-row-start: 8;
	}
	
	.lg\:row-start-9 {
		grid-row-start: 9;
	}
	
	.lg\:row-start-10 {
		grid-row-start: 10;
	}
	
	.lg\:row-start-11 {
		grid-row-start: 11;
	}
	
	.lg\:row-start-12 {
		grid-row-start: 12;
	}
	
	.lg\:row-start-13 {
		grid-row-start: 13;
	}
	
	.lg\:row-end-1 {
		grid-row-end: 1;
	}
	
	.lg\:row-end-2 {
		grid-row-end: 2;
	}
	
	.lg\:row-end-3 {
		grid-row-end: 3;
	}
	
	.lg\:row-end-4 {
		grid-row-end: 4;
	}
	
	.lg\:row-end-5 {
		grid-row-end: 5;
	}
	
	.lg\:row-end-6 {
		grid-row-end: 6;
	}
	
	.lg\:row-end-7 {
		grid-row-end: 7;
	}
	
	.lg\:row-end-8 {
		grid-row-end: 8;
	}
	
	.lg\:row-end-9 {
		grid-row-end: 9;
	}
	
	.lg\:row-end-10 {
		grid-row-end: 10;
	}
	
	.lg\:row-end-11 {
		grid-row-end: 11;
	}
	
	.lg\:row-end-12 {
		grid-row-end: 12;
	}
	
	.lg\:row-end-13 {
		grid-row-end: 13;
	}
	
	.lg\:col-auto {
		grid-column: auto;
	}
	
	.lg\:col-span-full {
		grid-column: 1/-1;
	}
}

@media (min-width:1280px) {
	.xl\:grid {
		display: grid;
	}
	
	.xl\:grid-cols-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	
	.xl\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.xl\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	
	.xl\:grid-cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	
	.xl\:grid-cols-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
	
	.xl\:grid-cols-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
	
	.xl\:grid-cols-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}
	
	.xl\:grid-cols-8 {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}
	
	.xl\:grid-cols-9 {
		grid-template-columns: repeat(9, minmax(0, 1fr));
	}
	
	.xl\:grid-cols-10 {
		grid-template-columns: repeat(10, minmax(0, 1fr));
	}
	
	.xl\:grid-cols-11 {
		grid-template-columns: repeat(11, minmax(0, 1fr));
	}
	
	.xl\:grid-cols-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}
	
	.xl\:col-span-1 {
		grid-column: span 1/span 1;
	}
	
	.xl\:col-span-2 {
		grid-column: span 2/span 2;
	}
	
	.xl\:col-span-3 {
		grid-column: span 3/span 3;
	}
	
	.xl\:col-span-4 {
		grid-column: span 4/span 4;
	}
	
	.xl\:col-span-5 {
		grid-column: span 5/span 5;
	}
	
	.xl\:col-span-6 {
		grid-column: span 6/span 6;
	}
	
	.xl\:col-span-7 {
		grid-column: span 7/span 7;
	}
	
	.xl\:col-span-8 {
		grid-column: span 8/span 8;
	}
	
	.xl\:col-span-9 {
		grid-column: span 9/span 9;
	}
	
	.xl\:col-span-10 {
		grid-column: span 10/span 10;
	}
	
	.xl\:col-span-11 {
		grid-column: span 11/span 11;
	}
	
	.xl\:col-span-12 {
		grid-column: span 12/span 12;
	}
	
	.xl\:col-span-13 {
		grid-column: span 13/span 13;
	}
	
	.xl\:col-start-1 {
		grid-column-start: 1;
	}
	
	.xl\:col-start-2 {
		grid-column-start: 2;
	}
	
	.xl\:col-start-3 {
		grid-column-start: 3;
	}
	
	.xl\:col-start-4 {
		grid-column-start: 4;
	}
	
	.xl\:col-start-5 {
		grid-column-start: 5;
	}
	
	.xl\:col-start-6 {
		grid-column-start: 6;
	}
	
	.xl\:col-start-7 {
		grid-column-start: 7;
	}
	
	.xl\:col-start-8 {
		grid-column-start: 8;
	}
	
	.xl\:col-start-9 {
		grid-column-start: 9;
	}
	
	.xl\:col-start-10 {
		grid-column-start: 10;
	}
	
	.xl\:col-start-11 {
		grid-column-start: 11;
	}
	
	.xl\:col-start-12 {
		grid-column-start: 12;
	}
	
	.xl\:col-start-13 {
		grid-column-start: 13;
	}
	
	.xl\:col-end-1 {
		grid-column-end: 1;
	}
	
	.xl\:col-end-2 {
		grid-column-end: 2;
	}
	
	.xl\:col-end-3 {
		grid-column-end: 3;
	}
	
	.xl\:col-end-4 {
		grid-column-end: 4;
	}
	
	.xl\:col-end-5 {
		grid-column-end: 5;
	}
	
	.xl\:col-end-6 {
		grid-column-end: 6;
	}
	
	.xl\:col-end-7 {
		grid-column-end: 7;
	}
	
	.xl\:col-end-8 {
		grid-column-end: 8;
	}
	
	.xl\:col-end-9 {
		grid-column-end: 9;
	}
	
	.xl\:col-end-10 {
		grid-column-end: 10;
	}
	
	.xl\:col-end-11 {
		grid-column-end: 11;
	}
	
	.xl\:col-end-12 {
		grid-column-end: 12;
	}
	
	.xl\:col-end-13 {
		grid-column-end: 13;
	}
	
	.xl\:row-start-1 {
		grid-row-start: 1;
	}
	
	.xl\:row-start-2 {
		grid-row-start: 2;
	}
	
	.xl\:row-start-3 {
		grid-row-start: 3;
	}
	
	.xl\:row-start-4 {
		grid-row-start: 4;
	}
	
	.xl\:row-start-5 {
		grid-row-start: 5;
	}
	
	.xl\:row-start-6 {
		grid-row-start: 6;
	}
	
	.xl\:row-start-7 {
		grid-row-start: 7;
	}
	
	.xl\:row-start-8 {
		grid-row-start: 8;
	}
	
	.xl\:row-start-9 {
		grid-row-start: 9;
	}
	
	.xl\:row-start-10 {
		grid-row-start: 10;
	}
	
	.xl\:row-start-11 {
		grid-row-start: 11;
	}
	
	.xl\:row-start-12 {
		grid-row-start: 12;
	}
	
	.xl\:row-start-13 {
		grid-row-start: 13;
	}
	
	.xl\:row-end-1 {
		grid-row-end: 1;
	}
	
	.xl\:row-end-2 {
		grid-row-end: 2;
	}
	
	.xl\:row-end-3 {
		grid-row-end: 3;
	}
	
	.xl\:row-end-4 {
		grid-row-end: 4;
	}
	
	.xl\:row-end-5 {
		grid-row-end: 5;
	}
	
	.xl\:row-end-6 {
		grid-row-end: 6;
	}
	
	.xl\:row-end-7 {
		grid-row-end: 7;
	}
	
	.xl\:row-end-8 {
		grid-row-end: 8;
	}
	
	.xl\:row-end-9 {
		grid-row-end: 9;
	}
	
	.xl\:row-end-10 {
		grid-row-end: 10;
	}
	
	.xl\:row-end-11 {
		grid-row-end: 11;
	}
	
	.xl\:row-end-12 {
		grid-row-end: 12;
	}
	
	.xl\:row-end-13 {
		grid-row-end: 13;
	}
	
	.xl\:col-auto {
		grid-column: auto;
	}
	
	.xl\:col-span-full {
		grid-column: 1/-1;
	}
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.static {
	position: static;
}

.sticky {
	position: sticky;
}

.fixed {
	position: fixed;
}

.pin-t, .pin {
	top: 0;
}

.pin-r, .pin {
	right: 0;
}

.pin-b, .pin {
	bottom: 0;
}

.pin-l, .pin {
	left: 0;
}

.center-x, .center {
	left: 50%;
	transform: translate(-50%);
}

.center-y, .center {
	top: 50%;
	transform: translateY(-50%);
}

.fit-contain {
	object-fit: contain;
}

.fit-cover {
	object-fit: cover;
}

.z-0 {
	z-index: 0;
}

.z-1 {
	z-index: 1;
}

.z-2 {
	z-index: 2;
}

.z-3 {
	z-index: 3;
}

.z-4 {
	z-index: 4;
}

.z-5 {
	z-index: 5;
}

.z-6 {
	z-index: 6;
}

.z-7 {
	z-index: 7;
}

.z-8 {
	z-index: 8;
}

.z-9 {
	z-index: 9;
}

.z-10 {
	z-index: 10;
}

.z-20 {
	z-index: 20;
}

.z-30 {
	z-index: 30;
}

.z-40 {
	z-index: 40;
}

.z-50 {
	z-index: 50;
}

.z-100 {
	z-index: 100;
}

.no-overflow-x {
	overflow-x: hidden;
}

.no-overflow-y {
	overflow-y: hidden;
}

.no-overflow {
	overflow: hidden;
}

.scroll-x {
	overflow-x: auto;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.scroll-y {
	overflow-y: auto;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.w-full {
	width: 100vw;
	margin-left: calc(50% - 50vw);
}

.w-100 {
	width: 100%;
}

.h-100 {
	height: 100%;
}

.h-auto {
	height: auto;
}

.fill {
	width: 100%;
	height: 100%;
}

.max-w-3xl {
	max-width: 864px;
}

@media (min-width:640px) {
	.sm\:w-full {
		width: 100vw;
		margin-left: calc(50% - 50vw);
	}
	
	.sm\:w-100 {
		width: 100%;
	}
	
	.sm\:h-100 {
		height: 100%;
	}
	
	.sm\:h-auto {
		height: auto;
	}
	
	.sm\:fill {
		width: 100%;
		height: 100%;
	}
	
	.sm\:max-w-3xl {
		max-width: 864px;
	}
}

@media (min-width:768px) {
	.md\:w-full {
		width: 100vw;
		margin-left: calc(50% - 50vw);
	}
	
	.md\:w-100 {
		width: 100%;
	}
	
	.md\:h-100 {
		height: 100%;
	}
	
	.md\:h-auto {
		height: auto;
	}
	
	.md\:fill {
		width: 100%;
		height: 100%;
	}
	
	.md\:max-w-3xl {
		max-width: 864px;
	}
}

@media (min-width:1024px) {
	.lg\:w-full {
		width: 100vw;
		margin-left: calc(50% - 50vw);
	}
	
	.lg\:w-100 {
		width: 100%;
	}
	
	.lg\:h-100 {
		height: 100%;
	}
	
	.lg\:h-auto {
		height: auto;
	}
	
	.lg\:fill {
		width: 100%;
		height: 100%;
	}
	
	.lg\:max-w-3xl {
		max-width: 864px;
	}
}

@media (min-width:1280px) {
	.xl\:w-full {
		width: 100vw;
		margin-left: calc(50% - 50vw);
	}
	
	.xl\:w-100 {
		width: 100%;
	}
	
	.xl\:h-100 {
		height: 100%;
	}
	
	.xl\:h-auto {
		height: auto;
	}
	
	.xl\:fill {
		width: 100%;
		height: 100%;
	}
	
	.xl\:max-w-3xl {
		max-width: 864px;
	}
}

.m-0 {
	margin: 0 !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mr-0 {
	margin-right: 0 !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.ml-0 {
	margin-left: 0 !important;
}

.mx-0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.p-0 {
	padding: 0 !important;
}

.pt-0 {
	padding-top: 0 !important;
}

.pr-0 {
	padding-right: 0 !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.pl-0 {
	padding-left: 0 !important;
}

.px-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.gap-0 {
	gap: 0 !important;
}

.gap-x-0 {
	column-gap: 0 !important;
}

.gap-y-0 {
	row-gap: 0 !important;
}

.m-1 {
	margin: var(--space-1) !important;
}

.mt-1 {
	margin-top: var(--space-1) !important;
}

.mr-1 {
	margin-right: var(--space-1) !important;
}

.mb-1 {
	margin-bottom: var(--space-1) !important;
}

.ml-1 {
	margin-left: var(--space-1) !important;
}

.mx-1 {
	margin-left: var(--space-1) !important;
	margin-right: var(--space-1) !important;
}

.my-1 {
	margin-top: var(--space-1) !important;
	margin-bottom: var(--space-1) !important;
}

.p-1 {
	padding: var(--space-1) !important;
}

.pt-1 {
	padding-top: var(--space-1) !important;
}

.pr-1 {
	padding-right: var(--space-1) !important;
}

.pb-1 {
	padding-bottom: var(--space-1) !important;
}

.pl-1 {
	padding-left: var(--space-1) !important;
}

.px-1 {
	padding-left: var(--space-1) !important;
	padding-right: var(--space-1) !important;
}

.py-1 {
	padding-top: var(--space-1) !important;
	padding-bottom: var(--space-1) !important;
}

.gap-1 {
	gap: var(--space-1) !important;
}

.gap-x-1 {
	column-gap: var(--space-1) !important;
}

.gap-y-1 {
	row-gap: var(--space-1) !important;
}

.m-2 {
	margin: var(--space-2) !important;
}

.mt-2 {
	margin-top: var(--space-2) !important;
}

.mr-2 {
	margin-right: var(--space-2) !important;
}

.mb-2 {
	margin-bottom: var(--space-2) !important;
}

.ml-2 {
	margin-left: var(--space-2) !important;
}

.mx-2 {
	margin-left: var(--space-2) !important;
	margin-right: var(--space-2) !important;
}

.my-2 {
	margin-top: var(--space-2) !important;
	margin-bottom: var(--space-2) !important;
}

.p-2 {
	padding: var(--space-2) !important;
}

.pt-2 {
	padding-top: var(--space-2) !important;
}

.pr-2 {
	padding-right: var(--space-2) !important;
}

.pb-2 {
	padding-bottom: var(--space-2) !important;
}

.pl-2 {
	padding-left: var(--space-2) !important;
}

.px-2 {
	padding-left: var(--space-2) !important;
	padding-right: var(--space-2) !important;
}

.py-2 {
	padding-top: var(--space-2) !important;
	padding-bottom: var(--space-2) !important;
}

.gap-2 {
	gap: var(--space-2) !important;
}

.gap-x-2 {
	column-gap: var(--space-2) !important;
}

.gap-y-2 {
	row-gap: var(--space-2) !important;
}

.m-3 {
	margin: var(--space-3) !important;
}

.mt-3 {
	margin-top: var(--space-3) !important;
}

.mr-3 {
	margin-right: var(--space-3) !important;
}

.mb-3 {
	margin-bottom: var(--space-3) !important;
}

.ml-3 {
	margin-left: var(--space-3) !important;
}

.mx-3 {
	margin-left: var(--space-3) !important;
	margin-right: var(--space-3) !important;
}

.my-3 {
	margin-top: var(--space-3) !important;
	margin-bottom: var(--space-3) !important;
}

.p-3 {
	padding: var(--space-3) !important;
}

.pt-3 {
	padding-top: var(--space-3) !important;
}

.pr-3 {
	padding-right: var(--space-3) !important;
}

.pb-3 {
	padding-bottom: var(--space-3) !important;
}

.pl-3 {
	padding-left: var(--space-3) !important;
}

.px-3 {
	padding-left: var(--space-3) !important;
	padding-right: var(--space-3) !important;
}

.py-3 {
	padding-top: var(--space-3) !important;
	padding-bottom: var(--space-3) !important;
}

.gap-3 {
	gap: var(--space-3) !important;
}

.gap-x-3 {
	column-gap: var(--space-3) !important;
}

.gap-y-3 {
	row-gap: var(--space-3) !important;
}

.m-4 {
	margin: var(--space-4) !important;
}

.mt-4 {
	margin-top: var(--space-4) !important;
}

.mr-4 {
	margin-right: var(--space-4) !important;
}

.mb-4 {
	margin-bottom: var(--space-4) !important;
}

.ml-4 {
	margin-left: var(--space-4) !important;
}

.mx-4 {
	margin-left: var(--space-4) !important;
	margin-right: var(--space-4) !important;
}

.my-4 {
	margin-top: var(--space-4) !important;
	margin-bottom: var(--space-4) !important;
}

.p-4 {
	padding: var(--space-4) !important;
}

.pt-4 {
	padding-top: var(--space-4) !important;
}

.pr-4 {
	padding-right: var(--space-4) !important;
}

.pb-4 {
	padding-bottom: var(--space-4) !important;
}

.pl-4 {
	padding-left: var(--space-4) !important;
}

.px-4 {
	padding-left: var(--space-4) !important;
	padding-right: var(--space-4) !important;
}

.py-4 {
	padding-top: var(--space-4) !important;
	padding-bottom: var(--space-4) !important;
}

.gap-4 {
	gap: var(--space-4) !important;
}

.gap-x-4 {
	column-gap: var(--space-4) !important;
}

.gap-y-4 {
	row-gap: var(--space-4) !important;
}

.m-5 {
	margin: var(--space-5) !important;
}

.mt-5 {
	margin-top: var(--space-5) !important;
}

.mr-5 {
	margin-right: var(--space-5) !important;
}

.mb-5 {
	margin-bottom: var(--space-5) !important;
}

.ml-5 {
	margin-left: var(--space-5) !important;
}

.mx-5 {
	margin-left: var(--space-5) !important;
	margin-right: var(--space-5) !important;
}

.my-5 {
	margin-top: var(--space-5) !important;
	margin-bottom: var(--space-5) !important;
}

.p-5 {
	padding: var(--space-5) !important;
}

.pt-5 {
	padding-top: var(--space-5) !important;
}

.pr-5 {
	padding-right: var(--space-5) !important;
}

.pb-5 {
	padding-bottom: var(--space-5) !important;
}

.pl-5 {
	padding-left: var(--space-5) !important;
}

.px-5 {
	padding-left: var(--space-5) !important;
	padding-right: var(--space-5) !important;
}

.py-5 {
	padding-top: var(--space-5) !important;
	padding-bottom: var(--space-5) !important;
}

.gap-5 {
	gap: var(--space-5) !important;
}

.gap-x-5 {
	column-gap: var(--space-5) !important;
}

.gap-y-5 {
	row-gap: var(--space-5) !important;
}

.m-6 {
	margin: var(--space-6) !important;
}

.mt-6 {
	margin-top: var(--space-6) !important;
}

.mr-6 {
	margin-right: var(--space-6) !important;
}

.mb-6 {
	margin-bottom: var(--space-6) !important;
}

.ml-6 {
	margin-left: var(--space-6) !important;
}

.mx-6 {
	margin-left: var(--space-6) !important;
	margin-right: var(--space-6) !important;
}

.my-6 {
	margin-top: var(--space-6) !important;
	margin-bottom: var(--space-6) !important;
}

.p-6 {
	padding: var(--space-6) !important;
}

.pt-6 {
	padding-top: var(--space-6) !important;
}

.pr-6 {
	padding-right: var(--space-6) !important;
}

.pb-6 {
	padding-bottom: var(--space-6) !important;
}

.pl-6 {
	padding-left: var(--space-6) !important;
}

.px-6 {
	padding-left: var(--space-6) !important;
	padding-right: var(--space-6) !important;
}

.py-6 {
	padding-top: var(--space-6) !important;
	padding-bottom: var(--space-6) !important;
}

.gap-6 {
	gap: var(--space-6) !important;
}

.gap-x-6 {
	column-gap: var(--space-6) !important;
}

.gap-y-6 {
	row-gap: var(--space-6) !important;
}

.m-7 {
	margin: var(--space-7) !important;
}

.mt-7 {
	margin-top: var(--space-7) !important;
}

.mr-7 {
	margin-right: var(--space-7) !important;
}

.mb-7 {
	margin-bottom: var(--space-7) !important;
}

.ml-7 {
	margin-left: var(--space-7) !important;
}

.mx-7 {
	margin-left: var(--space-7) !important;
	margin-right: var(--space-7) !important;
}

.my-7 {
	margin-top: var(--space-7) !important;
	margin-bottom: var(--space-7) !important;
}

.p-7 {
	padding: var(--space-7) !important;
}

.pt-7 {
	padding-top: var(--space-7) !important;
}

.pr-7 {
	padding-right: var(--space-7) !important;
}

.pb-7 {
	padding-bottom: var(--space-7) !important;
}

.pl-7 {
	padding-left: var(--space-7) !important;
}

.px-7 {
	padding-left: var(--space-7) !important;
	padding-right: var(--space-7) !important;
}

.py-7 {
	padding-top: var(--space-7) !important;
	padding-bottom: var(--space-7) !important;
}

.gap-7 {
	gap: var(--space-7) !important;
}

.gap-x-7 {
	column-gap: var(--space-7) !important;
}

.gap-y-7 {
	row-gap: var(--space-7) !important;
}

.m-8 {
	margin: var(--space-8) !important;
}

.mt-8 {
	margin-top: var(--space-8) !important;
}

.mr-8 {
	margin-right: var(--space-8) !important;
}

.mb-8 {
	margin-bottom: var(--space-8) !important;
}

.ml-8 {
	margin-left: var(--space-8) !important;
}

.mx-8 {
	margin-left: var(--space-8) !important;
	margin-right: var(--space-8) !important;
}

.my-8 {
	margin-top: var(--space-8) !important;
	margin-bottom: var(--space-8) !important;
}

.p-8 {
	padding: var(--space-8) !important;
}

.pt-8 {
	padding-top: var(--space-8) !important;
}

.pr-8 {
	padding-right: var(--space-8) !important;
}

.pb-8 {
	padding-bottom: var(--space-8) !important;
}

.pl-8 {
	padding-left: var(--space-8) !important;
}

.px-8 {
	padding-left: var(--space-8) !important;
	padding-right: var(--space-8) !important;
}

.py-8 {
	padding-top: var(--space-8) !important;
	padding-bottom: var(--space-8) !important;
}

.gap-8 {
	gap: var(--space-8) !important;
}

.gap-x-8 {
	column-gap: var(--space-8) !important;
}

.gap-y-8 {
	row-gap: var(--space-8) !important;
}

.m-9 {
	margin: var(--space-9) !important;
}

.mt-9 {
	margin-top: var(--space-9) !important;
}

.mr-9 {
	margin-right: var(--space-9) !important;
}

.mb-9 {
	margin-bottom: var(--space-9) !important;
}

.ml-9 {
	margin-left: var(--space-9) !important;
}

.mx-9 {
	margin-left: var(--space-9) !important;
	margin-right: var(--space-9) !important;
}

.my-9 {
	margin-top: var(--space-9) !important;
	margin-bottom: var(--space-9) !important;
}

.p-9 {
	padding: var(--space-9) !important;
}

.pt-9 {
	padding-top: var(--space-9) !important;
}

.pr-9 {
	padding-right: var(--space-9) !important;
}

.pb-9 {
	padding-bottom: var(--space-9) !important;
}

.pl-9 {
	padding-left: var(--space-9) !important;
}

.px-9 {
	padding-left: var(--space-9) !important;
	padding-right: var(--space-9) !important;
}

.py-9 {
	padding-top: var(--space-9) !important;
	padding-bottom: var(--space-9) !important;
}

.gap-9 {
	gap: var(--space-9) !important;
}

.gap-x-9 {
	column-gap: var(--space-9) !important;
}

.gap-y-9 {
	row-gap: var(--space-9) !important;
}

.m-10 {
	margin: var(--space-10) !important;
}

.mt-10 {
	margin-top: var(--space-10) !important;
}

.mr-10 {
	margin-right: var(--space-10) !important;
}

.mb-10 {
	margin-bottom: var(--space-10) !important;
}

.ml-10 {
	margin-left: var(--space-10) !important;
}

.mx-10 {
	margin-left: var(--space-10) !important;
	margin-right: var(--space-10) !important;
}

.my-10 {
	margin-top: var(--space-10) !important;
	margin-bottom: var(--space-10) !important;
}

.p-10 {
	padding: var(--space-10) !important;
}

.pt-10 {
	padding-top: var(--space-10) !important;
}

.pr-10 {
	padding-right: var(--space-10) !important;
}

.pb-10 {
	padding-bottom: var(--space-10) !important;
}

.pl-10 {
	padding-left: var(--space-10) !important;
}

.px-10 {
	padding-left: var(--space-10) !important;
	padding-right: var(--space-10) !important;
}

.py-10 {
	padding-top: var(--space-10) !important;
	padding-bottom: var(--space-10) !important;
}

.gap-10 {
	gap: var(--space-10) !important;
}

.gap-x-10 {
	column-gap: var(--space-10) !important;
}

.gap-y-10 {
	row-gap: var(--space-10) !important;
}

.m-11 {
	margin: var(--space-11) !important;
}

.mt-11 {
	margin-top: var(--space-11) !important;
}

.mr-11 {
	margin-right: var(--space-11) !important;
}

.mb-11 {
	margin-bottom: var(--space-11) !important;
}

.ml-11 {
	margin-left: var(--space-11) !important;
}

.mx-11 {
	margin-left: var(--space-11) !important;
	margin-right: var(--space-11) !important;
}

.my-11 {
	margin-top: var(--space-11) !important;
	margin-bottom: var(--space-11) !important;
}

.p-11 {
	padding: var(--space-11) !important;
}

.pt-11 {
	padding-top: var(--space-11) !important;
}

.pr-11 {
	padding-right: var(--space-11) !important;
}

.pb-11 {
	padding-bottom: var(--space-11) !important;
}

.pl-11 {
	padding-left: var(--space-11) !important;
}

.px-11 {
	padding-left: var(--space-11) !important;
	padding-right: var(--space-11) !important;
}

.py-11 {
	padding-top: var(--space-11) !important;
	padding-bottom: var(--space-11) !important;
}

.gap-11 {
	gap: var(--space-11) !important;
}

.gap-x-11 {
	column-gap: var(--space-11) !important;
}

.gap-y-11 {
	row-gap: var(--space-11) !important;
}

.m-12 {
	margin: var(--space-12) !important;
}

.mt-12 {
	margin-top: var(--space-12) !important;
}

.mr-12 {
	margin-right: var(--space-12) !important;
}

.mb-12 {
	margin-bottom: var(--space-12) !important;
}

.ml-12 {
	margin-left: var(--space-12) !important;
}

.mx-12 {
	margin-left: var(--space-12) !important;
	margin-right: var(--space-12) !important;
}

.my-12 {
	margin-top: var(--space-12) !important;
	margin-bottom: var(--space-12) !important;
}

.p-12 {
	padding: var(--space-12) !important;
}

.pt-12 {
	padding-top: var(--space-12) !important;
}

.pr-12 {
	padding-right: var(--space-12) !important;
}

.pb-12 {
	padding-bottom: var(--space-12) !important;
}

.pl-12 {
	padding-left: var(--space-12) !important;
}

.px-12 {
	padding-left: var(--space-12) !important;
	padding-right: var(--space-12) !important;
}

.py-12 {
	padding-top: var(--space-12) !important;
	padding-bottom: var(--space-12) !important;
}

.gap-12 {
	gap: var(--space-12) !important;
}

.gap-x-12 {
	column-gap: var(--space-12) !important;
}

.gap-y-12 {
	row-gap: var(--space-12) !important;
}

.m-13 {
	margin: var(--space-13) !important;
}

.mt-13 {
	margin-top: var(--space-13) !important;
}

.mr-13 {
	margin-right: var(--space-13) !important;
}

.mb-13 {
	margin-bottom: var(--space-13) !important;
}

.ml-13 {
	margin-left: var(--space-13) !important;
}

.mx-13 {
	margin-left: var(--space-13) !important;
	margin-right: var(--space-13) !important;
}

.my-13 {
	margin-top: var(--space-13) !important;
	margin-bottom: var(--space-13) !important;
}

.p-13 {
	padding: var(--space-13) !important;
}

.pt-13 {
	padding-top: var(--space-13) !important;
}

.pr-13 {
	padding-right: var(--space-13) !important;
}

.pb-13 {
	padding-bottom: var(--space-13) !important;
}

.pl-13 {
	padding-left: var(--space-13) !important;
}

.px-13 {
	padding-left: var(--space-13) !important;
	padding-right: var(--space-13) !important;
}

.py-13 {
	padding-top: var(--space-13) !important;
	padding-bottom: var(--space-13) !important;
}

.gap-13 {
	gap: var(--space-13) !important;
}

.gap-x-13 {
	column-gap: var(--space-13) !important;
}

.gap-y-13 {
	row-gap: var(--space-13) !important;
}

.m-14 {
	margin: var(--space-14) !important;
}

.mt-14 {
	margin-top: var(--space-14) !important;
}

.mr-14 {
	margin-right: var(--space-14) !important;
}

.mb-14 {
	margin-bottom: var(--space-14) !important;
}

.ml-14 {
	margin-left: var(--space-14) !important;
}

.mx-14 {
	margin-left: var(--space-14) !important;
	margin-right: var(--space-14) !important;
}

.my-14 {
	margin-top: var(--space-14) !important;
	margin-bottom: var(--space-14) !important;
}

.p-14 {
	padding: var(--space-14) !important;
}

.pt-14 {
	padding-top: var(--space-14) !important;
}

.pr-14 {
	padding-right: var(--space-14) !important;
}

.pb-14 {
	padding-bottom: var(--space-14) !important;
}

.pl-14 {
	padding-left: var(--space-14) !important;
}

.px-14 {
	padding-left: var(--space-14) !important;
	padding-right: var(--space-14) !important;
}

.py-14 {
	padding-top: var(--space-14) !important;
	padding-bottom: var(--space-14) !important;
}

.gap-14 {
	gap: var(--space-14) !important;
}

.gap-x-14 {
	column-gap: var(--space-14) !important;
}

.gap-y-14 {
	row-gap: var(--space-14) !important;
}

.m-15 {
	margin: var(--space-15) !important;
}

.mt-15 {
	margin-top: var(--space-15) !important;
}

.mr-15 {
	margin-right: var(--space-15) !important;
}

.mb-15 {
	margin-bottom: var(--space-15) !important;
}

.ml-15 {
	margin-left: var(--space-15) !important;
}

.mx-15 {
	margin-left: var(--space-15) !important;
	margin-right: var(--space-15) !important;
}

.my-15 {
	margin-top: var(--space-15) !important;
	margin-bottom: var(--space-15) !important;
}

.p-15 {
	padding: var(--space-15) !important;
}

.pt-15 {
	padding-top: var(--space-15) !important;
}

.pr-15 {
	padding-right: var(--space-15) !important;
}

.pb-15 {
	padding-bottom: var(--space-15) !important;
}

.pl-15 {
	padding-left: var(--space-15) !important;
}

.px-15 {
	padding-left: var(--space-15) !important;
	padding-right: var(--space-15) !important;
}

.py-15 {
	padding-top: var(--space-15) !important;
	padding-bottom: var(--space-15) !important;
}

.gap-15 {
	gap: var(--space-15) !important;
}

.gap-x-15 {
	column-gap: var(--space-15) !important;
}

.gap-y-15 {
	row-gap: var(--space-15) !important;
}

.m-16 {
	margin: var(--space-16) !important;
}

.mt-16 {
	margin-top: var(--space-16) !important;
}

.mr-16 {
	margin-right: var(--space-16) !important;
}

.mb-16 {
	margin-bottom: var(--space-16) !important;
}

.ml-16 {
	margin-left: var(--space-16) !important;
}

.mx-16 {
	margin-left: var(--space-16) !important;
	margin-right: var(--space-16) !important;
}

.my-16 {
	margin-top: var(--space-16) !important;
	margin-bottom: var(--space-16) !important;
}

.p-16 {
	padding: var(--space-16) !important;
}

.pt-16 {
	padding-top: var(--space-16) !important;
}

.pr-16 {
	padding-right: var(--space-16) !important;
}

.pb-16 {
	padding-bottom: var(--space-16) !important;
}

.pl-16 {
	padding-left: var(--space-16) !important;
}

.px-16 {
	padding-left: var(--space-16) !important;
	padding-right: var(--space-16) !important;
}

.py-16 {
	padding-top: var(--space-16) !important;
	padding-bottom: var(--space-16) !important;
}

.gap-16 {
	gap: var(--space-16) !important;
}

.gap-x-16 {
	column-gap: var(--space-16) !important;
}

.gap-y-16 {
	row-gap: var(--space-16) !important;
}

.m-17 {
	margin: var(--space-17) !important;
}

.mt-17 {
	margin-top: var(--space-17) !important;
}

.mr-17 {
	margin-right: var(--space-17) !important;
}

.mb-17 {
	margin-bottom: var(--space-17) !important;
}

.ml-17 {
	margin-left: var(--space-17) !important;
}

.mx-17 {
	margin-left: var(--space-17) !important;
	margin-right: var(--space-17) !important;
}

.my-17 {
	margin-top: var(--space-17) !important;
	margin-bottom: var(--space-17) !important;
}

.p-17 {
	padding: var(--space-17) !important;
}

.pt-17 {
	padding-top: var(--space-17) !important;
}

.pr-17 {
	padding-right: var(--space-17) !important;
}

.pb-17 {
	padding-bottom: var(--space-17) !important;
}

.pl-17 {
	padding-left: var(--space-17) !important;
}

.px-17 {
	padding-left: var(--space-17) !important;
	padding-right: var(--space-17) !important;
}

.py-17 {
	padding-top: var(--space-17) !important;
	padding-bottom: var(--space-17) !important;
}

.gap-17 {
	gap: var(--space-17) !important;
}

.gap-x-17 {
	column-gap: var(--space-17) !important;
}

.gap-y-17 {
	row-gap: var(--space-17) !important;
}

.m-18 {
	margin: var(--space-18) !important;
}

.mt-18 {
	margin-top: var(--space-18) !important;
}

.mr-18 {
	margin-right: var(--space-18) !important;
}

.mb-18 {
	margin-bottom: var(--space-18) !important;
}

.ml-18 {
	margin-left: var(--space-18) !important;
}

.mx-18 {
	margin-left: var(--space-18) !important;
	margin-right: var(--space-18) !important;
}

.my-18 {
	margin-top: var(--space-18) !important;
	margin-bottom: var(--space-18) !important;
}

.p-18 {
	padding: var(--space-18) !important;
}

.pt-18 {
	padding-top: var(--space-18) !important;
}

.pr-18 {
	padding-right: var(--space-18) !important;
}

.pb-18 {
	padding-bottom: var(--space-18) !important;
}

.pl-18 {
	padding-left: var(--space-18) !important;
}

.px-18 {
	padding-left: var(--space-18) !important;
	padding-right: var(--space-18) !important;
}

.py-18 {
	padding-top: var(--space-18) !important;
	padding-bottom: var(--space-18) !important;
}

.gap-18 {
	gap: var(--space-18) !important;
}

.gap-x-18 {
	column-gap: var(--space-18) !important;
}

.gap-y-18 {
	row-gap: var(--space-18) !important;
}

.m-19 {
	margin: var(--space-19) !important;
}

.mt-19 {
	margin-top: var(--space-19) !important;
}

.mr-19 {
	margin-right: var(--space-19) !important;
}

.mb-19 {
	margin-bottom: var(--space-19) !important;
}

.ml-19 {
	margin-left: var(--space-19) !important;
}

.mx-19 {
	margin-left: var(--space-19) !important;
	margin-right: var(--space-19) !important;
}

.my-19 {
	margin-top: var(--space-19) !important;
	margin-bottom: var(--space-19) !important;
}

.p-19 {
	padding: var(--space-19) !important;
}

.pt-19 {
	padding-top: var(--space-19) !important;
}

.pr-19 {
	padding-right: var(--space-19) !important;
}

.pb-19 {
	padding-bottom: var(--space-19) !important;
}

.pl-19 {
	padding-left: var(--space-19) !important;
}

.px-19 {
	padding-left: var(--space-19) !important;
	padding-right: var(--space-19) !important;
}

.py-19 {
	padding-top: var(--space-19) !important;
	padding-bottom: var(--space-19) !important;
}

.gap-19 {
	gap: var(--space-19) !important;
}

.gap-x-19 {
	column-gap: var(--space-19) !important;
}

.gap-y-19 {
	row-gap: var(--space-19) !important;
}

.m-20 {
	margin: var(--space-20) !important;
}

.mt-20 {
	margin-top: var(--space-20) !important;
}

.mr-20 {
	margin-right: var(--space-20) !important;
}

.mb-20 {
	margin-bottom: var(--space-20) !important;
}

.ml-20 {
	margin-left: var(--space-20) !important;
}

.mx-20 {
	margin-left: var(--space-20) !important;
	margin-right: var(--space-20) !important;
}

.my-20 {
	margin-top: var(--space-20) !important;
	margin-bottom: var(--space-20) !important;
}

.p-20 {
	padding: var(--space-20) !important;
}

.pt-20 {
	padding-top: var(--space-20) !important;
}

.pr-20 {
	padding-right: var(--space-20) !important;
}

.pb-20 {
	padding-bottom: var(--space-20) !important;
}

.pl-20 {
	padding-left: var(--space-20) !important;
}

.px-20 {
	padding-left: var(--space-20) !important;
	padding-right: var(--space-20) !important;
}

.py-20 {
	padding-top: var(--space-20) !important;
	padding-bottom: var(--space-20) !important;
}

.gap-20 {
	gap: var(--space-20) !important;
}

.gap-x-20 {
	column-gap: var(--space-20) !important;
}

.gap-y-20 {
	row-gap: var(--space-20) !important;
}

.m-21 {
	margin: var(--space-21) !important;
}

.mt-21 {
	margin-top: var(--space-21) !important;
}

.mr-21 {
	margin-right: var(--space-21) !important;
}

.mb-21 {
	margin-bottom: var(--space-21) !important;
}

.ml-21 {
	margin-left: var(--space-21) !important;
}

.mx-21 {
	margin-left: var(--space-21) !important;
	margin-right: var(--space-21) !important;
}

.my-21 {
	margin-top: var(--space-21) !important;
	margin-bottom: var(--space-21) !important;
}

.p-21 {
	padding: var(--space-21) !important;
}

.pt-21 {
	padding-top: var(--space-21) !important;
}

.pr-21 {
	padding-right: var(--space-21) !important;
}

.pb-21 {
	padding-bottom: var(--space-21) !important;
}

.pl-21 {
	padding-left: var(--space-21) !important;
}

.px-21 {
	padding-left: var(--space-21) !important;
	padding-right: var(--space-21) !important;
}

.py-21 {
	padding-top: var(--space-21) !important;
	padding-bottom: var(--space-21) !important;
}

.gap-21 {
	gap: var(--space-21) !important;
}

.gap-x-21 {
	column-gap: var(--space-21) !important;
}

.gap-y-21 {
	row-gap: var(--space-21) !important;
}

.m-22 {
	margin: var(--space-22) !important;
}

.mt-22 {
	margin-top: var(--space-22) !important;
}

.mr-22 {
	margin-right: var(--space-22) !important;
}

.mb-22 {
	margin-bottom: var(--space-22) !important;
}

.ml-22 {
	margin-left: var(--space-22) !important;
}

.mx-22 {
	margin-left: var(--space-22) !important;
	margin-right: var(--space-22) !important;
}

.my-22 {
	margin-top: var(--space-22) !important;
	margin-bottom: var(--space-22) !important;
}

.p-22 {
	padding: var(--space-22) !important;
}

.pt-22 {
	padding-top: var(--space-22) !important;
}

.pr-22 {
	padding-right: var(--space-22) !important;
}

.pb-22 {
	padding-bottom: var(--space-22) !important;
}

.pl-22 {
	padding-left: var(--space-22) !important;
}

.px-22 {
	padding-left: var(--space-22) !important;
	padding-right: var(--space-22) !important;
}

.py-22 {
	padding-top: var(--space-22) !important;
	padding-bottom: var(--space-22) !important;
}

.gap-22 {
	gap: var(--space-22) !important;
}

.gap-x-22 {
	column-gap: var(--space-22) !important;
}

.gap-y-22 {
	row-gap: var(--space-22) !important;
}

.m-23 {
	margin: var(--space-23) !important;
}

.mt-23 {
	margin-top: var(--space-23) !important;
}

.mr-23 {
	margin-right: var(--space-23) !important;
}

.mb-23 {
	margin-bottom: var(--space-23) !important;
}

.ml-23 {
	margin-left: var(--space-23) !important;
}

.mx-23 {
	margin-left: var(--space-23) !important;
	margin-right: var(--space-23) !important;
}

.my-23 {
	margin-top: var(--space-23) !important;
	margin-bottom: var(--space-23) !important;
}

.p-23 {
	padding: var(--space-23) !important;
}

.pt-23 {
	padding-top: var(--space-23) !important;
}

.pr-23 {
	padding-right: var(--space-23) !important;
}

.pb-23 {
	padding-bottom: var(--space-23) !important;
}

.pl-23 {
	padding-left: var(--space-23) !important;
}

.px-23 {
	padding-left: var(--space-23) !important;
	padding-right: var(--space-23) !important;
}

.py-23 {
	padding-top: var(--space-23) !important;
	padding-bottom: var(--space-23) !important;
}

.gap-23 {
	gap: var(--space-23) !important;
}

.gap-x-23 {
	column-gap: var(--space-23) !important;
}

.gap-y-23 {
	row-gap: var(--space-23) !important;
}

.m-24 {
	margin: var(--space-24) !important;
}

.mt-24 {
	margin-top: var(--space-24) !important;
}

.mr-24 {
	margin-right: var(--space-24) !important;
}

.mb-24 {
	margin-bottom: var(--space-24) !important;
}

.ml-24 {
	margin-left: var(--space-24) !important;
}

.mx-24 {
	margin-left: var(--space-24) !important;
	margin-right: var(--space-24) !important;
}

.my-24 {
	margin-top: var(--space-24) !important;
	margin-bottom: var(--space-24) !important;
}

.p-24 {
	padding: var(--space-24) !important;
}

.pt-24 {
	padding-top: var(--space-24) !important;
}

.pr-24 {
	padding-right: var(--space-24) !important;
}

.pb-24 {
	padding-bottom: var(--space-24) !important;
}

.pl-24 {
	padding-left: var(--space-24) !important;
}

.px-24 {
	padding-left: var(--space-24) !important;
	padding-right: var(--space-24) !important;
}

.py-24 {
	padding-top: var(--space-24) !important;
	padding-bottom: var(--space-24) !important;
}

.gap-24 {
	gap: var(--space-24) !important;
}

.gap-x-24 {
	column-gap: var(--space-24) !important;
}

.gap-y-24 {
	row-gap: var(--space-24) !important;
}

@media (min-width:640px) {
	.sm\:m-0 {
		margin: 0 !important;
	}
	
	.sm\:mt-0 {
		margin-top: 0 !important;
	}
	
	.sm\:mr-0 {
		margin-right: 0 !important;
	}
	
	.sm\:mb-0 {
		margin-bottom: 0 !important;
	}
	
	.sm\:ml-0 {
		margin-left: 0 !important;
	}
	
	.sm\:mx-0 {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	.sm\:my-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	
	.sm\:p-0 {
		padding: 0 !important;
	}
	
	.sm\:pt-0 {
		padding-top: 0 !important;
	}
	
	.sm\:pr-0 {
		padding-right: 0 !important;
	}
	
	.sm\:pb-0 {
		padding-bottom: 0 !important;
	}
	
	.sm\:pl-0 {
		padding-left: 0 !important;
	}
	
	.sm\:px-0 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.sm\:py-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	.sm\:gap-0 {
		gap: 0 !important;
	}
	
	.sm\:gap-x-0 {
		column-gap: 0 !important;
	}
	
	.sm\:gap-y-0 {
		row-gap: 0 !important;
	}
	
	.sm\:m-1 {
		margin: var(--space-1) !important;
	}
	
	.sm\:mt-1 {
		margin-top: var(--space-1) !important;
	}
	
	.sm\:mr-1 {
		margin-right: var(--space-1) !important;
	}
	
	.sm\:mb-1 {
		margin-bottom: var(--space-1) !important;
	}
	
	.sm\:ml-1 {
		margin-left: var(--space-1) !important;
	}
	
	.sm\:mx-1 {
		margin-left: var(--space-1) !important;
		margin-right: var(--space-1) !important;
	}
	
	.sm\:my-1 {
		margin-top: var(--space-1) !important;
		margin-bottom: var(--space-1) !important;
	}
	
	.sm\:p-1 {
		padding: var(--space-1) !important;
	}
	
	.sm\:pt-1 {
		padding-top: var(--space-1) !important;
	}
	
	.sm\:pr-1 {
		padding-right: var(--space-1) !important;
	}
	
	.sm\:pb-1 {
		padding-bottom: var(--space-1) !important;
	}
	
	.sm\:pl-1 {
		padding-left: var(--space-1) !important;
	}
	
	.sm\:px-1 {
		padding-left: var(--space-1) !important;
		padding-right: var(--space-1) !important;
	}
	
	.sm\:py-1 {
		padding-top: var(--space-1) !important;
		padding-bottom: var(--space-1) !important;
	}
	
	.sm\:gap-1 {
		gap: var(--space-1) !important;
	}
	
	.sm\:gap-x-1 {
		column-gap: var(--space-1) !important;
	}
	
	.sm\:gap-y-1 {
		row-gap: var(--space-1) !important;
	}
	
	.sm\:m-2 {
		margin: var(--space-2) !important;
	}
	
	.sm\:mt-2 {
		margin-top: var(--space-2) !important;
	}
	
	.sm\:mr-2 {
		margin-right: var(--space-2) !important;
	}
	
	.sm\:mb-2 {
		margin-bottom: var(--space-2) !important;
	}
	
	.sm\:ml-2 {
		margin-left: var(--space-2) !important;
	}
	
	.sm\:mx-2 {
		margin-left: var(--space-2) !important;
		margin-right: var(--space-2) !important;
	}
	
	.sm\:my-2 {
		margin-top: var(--space-2) !important;
		margin-bottom: var(--space-2) !important;
	}
	
	.sm\:p-2 {
		padding: var(--space-2) !important;
	}
	
	.sm\:pt-2 {
		padding-top: var(--space-2) !important;
	}
	
	.sm\:pr-2 {
		padding-right: var(--space-2) !important;
	}
	
	.sm\:pb-2 {
		padding-bottom: var(--space-2) !important;
	}
	
	.sm\:pl-2 {
		padding-left: var(--space-2) !important;
	}
	
	.sm\:px-2 {
		padding-left: var(--space-2) !important;
		padding-right: var(--space-2) !important;
	}
	
	.sm\:py-2 {
		padding-top: var(--space-2) !important;
		padding-bottom: var(--space-2) !important;
	}
	
	.sm\:gap-2 {
		gap: var(--space-2) !important;
	}
	
	.sm\:gap-x-2 {
		column-gap: var(--space-2) !important;
	}
	
	.sm\:gap-y-2 {
		row-gap: var(--space-2) !important;
	}
	
	.sm\:m-3 {
		margin: var(--space-3) !important;
	}
	
	.sm\:mt-3 {
		margin-top: var(--space-3) !important;
	}
	
	.sm\:mr-3 {
		margin-right: var(--space-3) !important;
	}
	
	.sm\:mb-3 {
		margin-bottom: var(--space-3) !important;
	}
	
	.sm\:ml-3 {
		margin-left: var(--space-3) !important;
	}
	
	.sm\:mx-3 {
		margin-left: var(--space-3) !important;
		margin-right: var(--space-3) !important;
	}
	
	.sm\:my-3 {
		margin-top: var(--space-3) !important;
		margin-bottom: var(--space-3) !important;
	}
	
	.sm\:p-3 {
		padding: var(--space-3) !important;
	}
	
	.sm\:pt-3 {
		padding-top: var(--space-3) !important;
	}
	
	.sm\:pr-3 {
		padding-right: var(--space-3) !important;
	}
	
	.sm\:pb-3 {
		padding-bottom: var(--space-3) !important;
	}
	
	.sm\:pl-3 {
		padding-left: var(--space-3) !important;
	}
	
	.sm\:px-3 {
		padding-left: var(--space-3) !important;
		padding-right: var(--space-3) !important;
	}
	
	.sm\:py-3 {
		padding-top: var(--space-3) !important;
		padding-bottom: var(--space-3) !important;
	}
	
	.sm\:gap-3 {
		gap: var(--space-3) !important;
	}
	
	.sm\:gap-x-3 {
		column-gap: var(--space-3) !important;
	}
	
	.sm\:gap-y-3 {
		row-gap: var(--space-3) !important;
	}
	
	.sm\:m-4 {
		margin: var(--space-4) !important;
	}
	
	.sm\:mt-4 {
		margin-top: var(--space-4) !important;
	}
	
	.sm\:mr-4 {
		margin-right: var(--space-4) !important;
	}
	
	.sm\:mb-4 {
		margin-bottom: var(--space-4) !important;
	}
	
	.sm\:ml-4 {
		margin-left: var(--space-4) !important;
	}
	
	.sm\:mx-4 {
		margin-left: var(--space-4) !important;
		margin-right: var(--space-4) !important;
	}
	
	.sm\:my-4 {
		margin-top: var(--space-4) !important;
		margin-bottom: var(--space-4) !important;
	}
	
	.sm\:p-4 {
		padding: var(--space-4) !important;
	}
	
	.sm\:pt-4 {
		padding-top: var(--space-4) !important;
	}
	
	.sm\:pr-4 {
		padding-right: var(--space-4) !important;
	}
	
	.sm\:pb-4 {
		padding-bottom: var(--space-4) !important;
	}
	
	.sm\:pl-4 {
		padding-left: var(--space-4) !important;
	}
	
	.sm\:px-4 {
		padding-left: var(--space-4) !important;
		padding-right: var(--space-4) !important;
	}
	
	.sm\:py-4 {
		padding-top: var(--space-4) !important;
		padding-bottom: var(--space-4) !important;
	}
	
	.sm\:gap-4 {
		gap: var(--space-4) !important;
	}
	
	.sm\:gap-x-4 {
		column-gap: var(--space-4) !important;
	}
	
	.sm\:gap-y-4 {
		row-gap: var(--space-4) !important;
	}
	
	.sm\:m-5 {
		margin: var(--space-5) !important;
	}
	
	.sm\:mt-5 {
		margin-top: var(--space-5) !important;
	}
	
	.sm\:mr-5 {
		margin-right: var(--space-5) !important;
	}
	
	.sm\:mb-5 {
		margin-bottom: var(--space-5) !important;
	}
	
	.sm\:ml-5 {
		margin-left: var(--space-5) !important;
	}
	
	.sm\:mx-5 {
		margin-left: var(--space-5) !important;
		margin-right: var(--space-5) !important;
	}
	
	.sm\:my-5 {
		margin-top: var(--space-5) !important;
		margin-bottom: var(--space-5) !important;
	}
	
	.sm\:p-5 {
		padding: var(--space-5) !important;
	}
	
	.sm\:pt-5 {
		padding-top: var(--space-5) !important;
	}
	
	.sm\:pr-5 {
		padding-right: var(--space-5) !important;
	}
	
	.sm\:pb-5 {
		padding-bottom: var(--space-5) !important;
	}
	
	.sm\:pl-5 {
		padding-left: var(--space-5) !important;
	}
	
	.sm\:px-5 {
		padding-left: var(--space-5) !important;
		padding-right: var(--space-5) !important;
	}
	
	.sm\:py-5 {
		padding-top: var(--space-5) !important;
		padding-bottom: var(--space-5) !important;
	}
	
	.sm\:gap-5 {
		gap: var(--space-5) !important;
	}
	
	.sm\:gap-x-5 {
		column-gap: var(--space-5) !important;
	}
	
	.sm\:gap-y-5 {
		row-gap: var(--space-5) !important;
	}
	
	.sm\:m-6 {
		margin: var(--space-6) !important;
	}
	
	.sm\:mt-6 {
		margin-top: var(--space-6) !important;
	}
	
	.sm\:mr-6 {
		margin-right: var(--space-6) !important;
	}
	
	.sm\:mb-6 {
		margin-bottom: var(--space-6) !important;
	}
	
	.sm\:ml-6 {
		margin-left: var(--space-6) !important;
	}
	
	.sm\:mx-6 {
		margin-left: var(--space-6) !important;
		margin-right: var(--space-6) !important;
	}
	
	.sm\:my-6 {
		margin-top: var(--space-6) !important;
		margin-bottom: var(--space-6) !important;
	}
	
	.sm\:p-6 {
		padding: var(--space-6) !important;
	}
	
	.sm\:pt-6 {
		padding-top: var(--space-6) !important;
	}
	
	.sm\:pr-6 {
		padding-right: var(--space-6) !important;
	}
	
	.sm\:pb-6 {
		padding-bottom: var(--space-6) !important;
	}
	
	.sm\:pl-6 {
		padding-left: var(--space-6) !important;
	}
	
	.sm\:px-6 {
		padding-left: var(--space-6) !important;
		padding-right: var(--space-6) !important;
	}
	
	.sm\:py-6 {
		padding-top: var(--space-6) !important;
		padding-bottom: var(--space-6) !important;
	}
	
	.sm\:gap-6 {
		gap: var(--space-6) !important;
	}
	
	.sm\:gap-x-6 {
		column-gap: var(--space-6) !important;
	}
	
	.sm\:gap-y-6 {
		row-gap: var(--space-6) !important;
	}
	
	.sm\:m-7 {
		margin: var(--space-7) !important;
	}
	
	.sm\:mt-7 {
		margin-top: var(--space-7) !important;
	}
	
	.sm\:mr-7 {
		margin-right: var(--space-7) !important;
	}
	
	.sm\:mb-7 {
		margin-bottom: var(--space-7) !important;
	}
	
	.sm\:ml-7 {
		margin-left: var(--space-7) !important;
	}
	
	.sm\:mx-7 {
		margin-left: var(--space-7) !important;
		margin-right: var(--space-7) !important;
	}
	
	.sm\:my-7 {
		margin-top: var(--space-7) !important;
		margin-bottom: var(--space-7) !important;
	}
	
	.sm\:p-7 {
		padding: var(--space-7) !important;
	}
	
	.sm\:pt-7 {
		padding-top: var(--space-7) !important;
	}
	
	.sm\:pr-7 {
		padding-right: var(--space-7) !important;
	}
	
	.sm\:pb-7 {
		padding-bottom: var(--space-7) !important;
	}
	
	.sm\:pl-7 {
		padding-left: var(--space-7) !important;
	}
	
	.sm\:px-7 {
		padding-left: var(--space-7) !important;
		padding-right: var(--space-7) !important;
	}
	
	.sm\:py-7 {
		padding-top: var(--space-7) !important;
		padding-bottom: var(--space-7) !important;
	}
	
	.sm\:gap-7 {
		gap: var(--space-7) !important;
	}
	
	.sm\:gap-x-7 {
		column-gap: var(--space-7) !important;
	}
	
	.sm\:gap-y-7 {
		row-gap: var(--space-7) !important;
	}
	
	.sm\:m-8 {
		margin: var(--space-8) !important;
	}
	
	.sm\:mt-8 {
		margin-top: var(--space-8) !important;
	}
	
	.sm\:mr-8 {
		margin-right: var(--space-8) !important;
	}
	
	.sm\:mb-8 {
		margin-bottom: var(--space-8) !important;
	}
	
	.sm\:ml-8 {
		margin-left: var(--space-8) !important;
	}
	
	.sm\:mx-8 {
		margin-left: var(--space-8) !important;
		margin-right: var(--space-8) !important;
	}
	
	.sm\:my-8 {
		margin-top: var(--space-8) !important;
		margin-bottom: var(--space-8) !important;
	}
	
	.sm\:p-8 {
		padding: var(--space-8) !important;
	}
	
	.sm\:pt-8 {
		padding-top: var(--space-8) !important;
	}
	
	.sm\:pr-8 {
		padding-right: var(--space-8) !important;
	}
	
	.sm\:pb-8 {
		padding-bottom: var(--space-8) !important;
	}
	
	.sm\:pl-8 {
		padding-left: var(--space-8) !important;
	}
	
	.sm\:px-8 {
		padding-left: var(--space-8) !important;
		padding-right: var(--space-8) !important;
	}
	
	.sm\:py-8 {
		padding-top: var(--space-8) !important;
		padding-bottom: var(--space-8) !important;
	}
	
	.sm\:gap-8 {
		gap: var(--space-8) !important;
	}
	
	.sm\:gap-x-8 {
		column-gap: var(--space-8) !important;
	}
	
	.sm\:gap-y-8 {
		row-gap: var(--space-8) !important;
	}
	
	.sm\:m-9 {
		margin: var(--space-9) !important;
	}
	
	.sm\:mt-9 {
		margin-top: var(--space-9) !important;
	}
	
	.sm\:mr-9 {
		margin-right: var(--space-9) !important;
	}
	
	.sm\:mb-9 {
		margin-bottom: var(--space-9) !important;
	}
	
	.sm\:ml-9 {
		margin-left: var(--space-9) !important;
	}
	
	.sm\:mx-9 {
		margin-left: var(--space-9) !important;
		margin-right: var(--space-9) !important;
	}
	
	.sm\:my-9 {
		margin-top: var(--space-9) !important;
		margin-bottom: var(--space-9) !important;
	}
	
	.sm\:p-9 {
		padding: var(--space-9) !important;
	}
	
	.sm\:pt-9 {
		padding-top: var(--space-9) !important;
	}
	
	.sm\:pr-9 {
		padding-right: var(--space-9) !important;
	}
	
	.sm\:pb-9 {
		padding-bottom: var(--space-9) !important;
	}
	
	.sm\:pl-9 {
		padding-left: var(--space-9) !important;
	}
	
	.sm\:px-9 {
		padding-left: var(--space-9) !important;
		padding-right: var(--space-9) !important;
	}
	
	.sm\:py-9 {
		padding-top: var(--space-9) !important;
		padding-bottom: var(--space-9) !important;
	}
	
	.sm\:gap-9 {
		gap: var(--space-9) !important;
	}
	
	.sm\:gap-x-9 {
		column-gap: var(--space-9) !important;
	}
	
	.sm\:gap-y-9 {
		row-gap: var(--space-9) !important;
	}
	
	.sm\:m-10 {
		margin: var(--space-10) !important;
	}
	
	.sm\:mt-10 {
		margin-top: var(--space-10) !important;
	}
	
	.sm\:mr-10 {
		margin-right: var(--space-10) !important;
	}
	
	.sm\:mb-10 {
		margin-bottom: var(--space-10) !important;
	}
	
	.sm\:ml-10 {
		margin-left: var(--space-10) !important;
	}
	
	.sm\:mx-10 {
		margin-left: var(--space-10) !important;
		margin-right: var(--space-10) !important;
	}
	
	.sm\:my-10 {
		margin-top: var(--space-10) !important;
		margin-bottom: var(--space-10) !important;
	}
	
	.sm\:p-10 {
		padding: var(--space-10) !important;
	}
	
	.sm\:pt-10 {
		padding-top: var(--space-10) !important;
	}
	
	.sm\:pr-10 {
		padding-right: var(--space-10) !important;
	}
	
	.sm\:pb-10 {
		padding-bottom: var(--space-10) !important;
	}
	
	.sm\:pl-10 {
		padding-left: var(--space-10) !important;
	}
	
	.sm\:px-10 {
		padding-left: var(--space-10) !important;
		padding-right: var(--space-10) !important;
	}
	
	.sm\:py-10 {
		padding-top: var(--space-10) !important;
		padding-bottom: var(--space-10) !important;
	}
	
	.sm\:gap-10 {
		gap: var(--space-10) !important;
	}
	
	.sm\:gap-x-10 {
		column-gap: var(--space-10) !important;
	}
	
	.sm\:gap-y-10 {
		row-gap: var(--space-10) !important;
	}
	
	.sm\:m-11 {
		margin: var(--space-11) !important;
	}
	
	.sm\:mt-11 {
		margin-top: var(--space-11) !important;
	}
	
	.sm\:mr-11 {
		margin-right: var(--space-11) !important;
	}
	
	.sm\:mb-11 {
		margin-bottom: var(--space-11) !important;
	}
	
	.sm\:ml-11 {
		margin-left: var(--space-11) !important;
	}
	
	.sm\:mx-11 {
		margin-left: var(--space-11) !important;
		margin-right: var(--space-11) !important;
	}
	
	.sm\:my-11 {
		margin-top: var(--space-11) !important;
		margin-bottom: var(--space-11) !important;
	}
	
	.sm\:p-11 {
		padding: var(--space-11) !important;
	}
	
	.sm\:pt-11 {
		padding-top: var(--space-11) !important;
	}
	
	.sm\:pr-11 {
		padding-right: var(--space-11) !important;
	}
	
	.sm\:pb-11 {
		padding-bottom: var(--space-11) !important;
	}
	
	.sm\:pl-11 {
		padding-left: var(--space-11) !important;
	}
	
	.sm\:px-11 {
		padding-left: var(--space-11) !important;
		padding-right: var(--space-11) !important;
	}
	
	.sm\:py-11 {
		padding-top: var(--space-11) !important;
		padding-bottom: var(--space-11) !important;
	}
	
	.sm\:gap-11 {
		gap: var(--space-11) !important;
	}
	
	.sm\:gap-x-11 {
		column-gap: var(--space-11) !important;
	}
	
	.sm\:gap-y-11 {
		row-gap: var(--space-11) !important;
	}
	
	.sm\:m-12 {
		margin: var(--space-12) !important;
	}
	
	.sm\:mt-12 {
		margin-top: var(--space-12) !important;
	}
	
	.sm\:mr-12 {
		margin-right: var(--space-12) !important;
	}
	
	.sm\:mb-12 {
		margin-bottom: var(--space-12) !important;
	}
	
	.sm\:ml-12 {
		margin-left: var(--space-12) !important;
	}
	
	.sm\:mx-12 {
		margin-left: var(--space-12) !important;
		margin-right: var(--space-12) !important;
	}
	
	.sm\:my-12 {
		margin-top: var(--space-12) !important;
		margin-bottom: var(--space-12) !important;
	}
	
	.sm\:p-12 {
		padding: var(--space-12) !important;
	}
	
	.sm\:pt-12 {
		padding-top: var(--space-12) !important;
	}
	
	.sm\:pr-12 {
		padding-right: var(--space-12) !important;
	}
	
	.sm\:pb-12 {
		padding-bottom: var(--space-12) !important;
	}
	
	.sm\:pl-12 {
		padding-left: var(--space-12) !important;
	}
	
	.sm\:px-12 {
		padding-left: var(--space-12) !important;
		padding-right: var(--space-12) !important;
	}
	
	.sm\:py-12 {
		padding-top: var(--space-12) !important;
		padding-bottom: var(--space-12) !important;
	}
	
	.sm\:gap-12 {
		gap: var(--space-12) !important;
	}
	
	.sm\:gap-x-12 {
		column-gap: var(--space-12) !important;
	}
	
	.sm\:gap-y-12 {
		row-gap: var(--space-12) !important;
	}
	
	.sm\:m-13 {
		margin: var(--space-13) !important;
	}
	
	.sm\:mt-13 {
		margin-top: var(--space-13) !important;
	}
	
	.sm\:mr-13 {
		margin-right: var(--space-13) !important;
	}
	
	.sm\:mb-13 {
		margin-bottom: var(--space-13) !important;
	}
	
	.sm\:ml-13 {
		margin-left: var(--space-13) !important;
	}
	
	.sm\:mx-13 {
		margin-left: var(--space-13) !important;
		margin-right: var(--space-13) !important;
	}
	
	.sm\:my-13 {
		margin-top: var(--space-13) !important;
		margin-bottom: var(--space-13) !important;
	}
	
	.sm\:p-13 {
		padding: var(--space-13) !important;
	}
	
	.sm\:pt-13 {
		padding-top: var(--space-13) !important;
	}
	
	.sm\:pr-13 {
		padding-right: var(--space-13) !important;
	}
	
	.sm\:pb-13 {
		padding-bottom: var(--space-13) !important;
	}
	
	.sm\:pl-13 {
		padding-left: var(--space-13) !important;
	}
	
	.sm\:px-13 {
		padding-left: var(--space-13) !important;
		padding-right: var(--space-13) !important;
	}
	
	.sm\:py-13 {
		padding-top: var(--space-13) !important;
		padding-bottom: var(--space-13) !important;
	}
	
	.sm\:gap-13 {
		gap: var(--space-13) !important;
	}
	
	.sm\:gap-x-13 {
		column-gap: var(--space-13) !important;
	}
	
	.sm\:gap-y-13 {
		row-gap: var(--space-13) !important;
	}
	
	.sm\:m-14 {
		margin: var(--space-14) !important;
	}
	
	.sm\:mt-14 {
		margin-top: var(--space-14) !important;
	}
	
	.sm\:mr-14 {
		margin-right: var(--space-14) !important;
	}
	
	.sm\:mb-14 {
		margin-bottom: var(--space-14) !important;
	}
	
	.sm\:ml-14 {
		margin-left: var(--space-14) !important;
	}
	
	.sm\:mx-14 {
		margin-left: var(--space-14) !important;
		margin-right: var(--space-14) !important;
	}
	
	.sm\:my-14 {
		margin-top: var(--space-14) !important;
		margin-bottom: var(--space-14) !important;
	}
	
	.sm\:p-14 {
		padding: var(--space-14) !important;
	}
	
	.sm\:pt-14 {
		padding-top: var(--space-14) !important;
	}
	
	.sm\:pr-14 {
		padding-right: var(--space-14) !important;
	}
	
	.sm\:pb-14 {
		padding-bottom: var(--space-14) !important;
	}
	
	.sm\:pl-14 {
		padding-left: var(--space-14) !important;
	}
	
	.sm\:px-14 {
		padding-left: var(--space-14) !important;
		padding-right: var(--space-14) !important;
	}
	
	.sm\:py-14 {
		padding-top: var(--space-14) !important;
		padding-bottom: var(--space-14) !important;
	}
	
	.sm\:gap-14 {
		gap: var(--space-14) !important;
	}
	
	.sm\:gap-x-14 {
		column-gap: var(--space-14) !important;
	}
	
	.sm\:gap-y-14 {
		row-gap: var(--space-14) !important;
	}
	
	.sm\:m-15 {
		margin: var(--space-15) !important;
	}
	
	.sm\:mt-15 {
		margin-top: var(--space-15) !important;
	}
	
	.sm\:mr-15 {
		margin-right: var(--space-15) !important;
	}
	
	.sm\:mb-15 {
		margin-bottom: var(--space-15) !important;
	}
	
	.sm\:ml-15 {
		margin-left: var(--space-15) !important;
	}
	
	.sm\:mx-15 {
		margin-left: var(--space-15) !important;
		margin-right: var(--space-15) !important;
	}
	
	.sm\:my-15 {
		margin-top: var(--space-15) !important;
		margin-bottom: var(--space-15) !important;
	}
	
	.sm\:p-15 {
		padding: var(--space-15) !important;
	}
	
	.sm\:pt-15 {
		padding-top: var(--space-15) !important;
	}
	
	.sm\:pr-15 {
		padding-right: var(--space-15) !important;
	}
	
	.sm\:pb-15 {
		padding-bottom: var(--space-15) !important;
	}
	
	.sm\:pl-15 {
		padding-left: var(--space-15) !important;
	}
	
	.sm\:px-15 {
		padding-left: var(--space-15) !important;
		padding-right: var(--space-15) !important;
	}
	
	.sm\:py-15 {
		padding-top: var(--space-15) !important;
		padding-bottom: var(--space-15) !important;
	}
	
	.sm\:gap-15 {
		gap: var(--space-15) !important;
	}
	
	.sm\:gap-x-15 {
		column-gap: var(--space-15) !important;
	}
	
	.sm\:gap-y-15 {
		row-gap: var(--space-15) !important;
	}
	
	.sm\:m-16 {
		margin: var(--space-16) !important;
	}
	
	.sm\:mt-16 {
		margin-top: var(--space-16) !important;
	}
	
	.sm\:mr-16 {
		margin-right: var(--space-16) !important;
	}
	
	.sm\:mb-16 {
		margin-bottom: var(--space-16) !important;
	}
	
	.sm\:ml-16 {
		margin-left: var(--space-16) !important;
	}
	
	.sm\:mx-16 {
		margin-left: var(--space-16) !important;
		margin-right: var(--space-16) !important;
	}
	
	.sm\:my-16 {
		margin-top: var(--space-16) !important;
		margin-bottom: var(--space-16) !important;
	}
	
	.sm\:p-16 {
		padding: var(--space-16) !important;
	}
	
	.sm\:pt-16 {
		padding-top: var(--space-16) !important;
	}
	
	.sm\:pr-16 {
		padding-right: var(--space-16) !important;
	}
	
	.sm\:pb-16 {
		padding-bottom: var(--space-16) !important;
	}
	
	.sm\:pl-16 {
		padding-left: var(--space-16) !important;
	}
	
	.sm\:px-16 {
		padding-left: var(--space-16) !important;
		padding-right: var(--space-16) !important;
	}
	
	.sm\:py-16 {
		padding-top: var(--space-16) !important;
		padding-bottom: var(--space-16) !important;
	}
	
	.sm\:gap-16 {
		gap: var(--space-16) !important;
	}
	
	.sm\:gap-x-16 {
		column-gap: var(--space-16) !important;
	}
	
	.sm\:gap-y-16 {
		row-gap: var(--space-16) !important;
	}
	
	.sm\:m-17 {
		margin: var(--space-17) !important;
	}
	
	.sm\:mt-17 {
		margin-top: var(--space-17) !important;
	}
	
	.sm\:mr-17 {
		margin-right: var(--space-17) !important;
	}
	
	.sm\:mb-17 {
		margin-bottom: var(--space-17) !important;
	}
	
	.sm\:ml-17 {
		margin-left: var(--space-17) !important;
	}
	
	.sm\:mx-17 {
		margin-left: var(--space-17) !important;
		margin-right: var(--space-17) !important;
	}
	
	.sm\:my-17 {
		margin-top: var(--space-17) !important;
		margin-bottom: var(--space-17) !important;
	}
	
	.sm\:p-17 {
		padding: var(--space-17) !important;
	}
	
	.sm\:pt-17 {
		padding-top: var(--space-17) !important;
	}
	
	.sm\:pr-17 {
		padding-right: var(--space-17) !important;
	}
	
	.sm\:pb-17 {
		padding-bottom: var(--space-17) !important;
	}
	
	.sm\:pl-17 {
		padding-left: var(--space-17) !important;
	}
	
	.sm\:px-17 {
		padding-left: var(--space-17) !important;
		padding-right: var(--space-17) !important;
	}
	
	.sm\:py-17 {
		padding-top: var(--space-17) !important;
		padding-bottom: var(--space-17) !important;
	}
	
	.sm\:gap-17 {
		gap: var(--space-17) !important;
	}
	
	.sm\:gap-x-17 {
		column-gap: var(--space-17) !important;
	}
	
	.sm\:gap-y-17 {
		row-gap: var(--space-17) !important;
	}
	
	.sm\:m-18 {
		margin: var(--space-18) !important;
	}
	
	.sm\:mt-18 {
		margin-top: var(--space-18) !important;
	}
	
	.sm\:mr-18 {
		margin-right: var(--space-18) !important;
	}
	
	.sm\:mb-18 {
		margin-bottom: var(--space-18) !important;
	}
	
	.sm\:ml-18 {
		margin-left: var(--space-18) !important;
	}
	
	.sm\:mx-18 {
		margin-left: var(--space-18) !important;
		margin-right: var(--space-18) !important;
	}
	
	.sm\:my-18 {
		margin-top: var(--space-18) !important;
		margin-bottom: var(--space-18) !important;
	}
	
	.sm\:p-18 {
		padding: var(--space-18) !important;
	}
	
	.sm\:pt-18 {
		padding-top: var(--space-18) !important;
	}
	
	.sm\:pr-18 {
		padding-right: var(--space-18) !important;
	}
	
	.sm\:pb-18 {
		padding-bottom: var(--space-18) !important;
	}
	
	.sm\:pl-18 {
		padding-left: var(--space-18) !important;
	}
	
	.sm\:px-18 {
		padding-left: var(--space-18) !important;
		padding-right: var(--space-18) !important;
	}
	
	.sm\:py-18 {
		padding-top: var(--space-18) !important;
		padding-bottom: var(--space-18) !important;
	}
	
	.sm\:gap-18 {
		gap: var(--space-18) !important;
	}
	
	.sm\:gap-x-18 {
		column-gap: var(--space-18) !important;
	}
	
	.sm\:gap-y-18 {
		row-gap: var(--space-18) !important;
	}
	
	.sm\:m-19 {
		margin: var(--space-19) !important;
	}
	
	.sm\:mt-19 {
		margin-top: var(--space-19) !important;
	}
	
	.sm\:mr-19 {
		margin-right: var(--space-19) !important;
	}
	
	.sm\:mb-19 {
		margin-bottom: var(--space-19) !important;
	}
	
	.sm\:ml-19 {
		margin-left: var(--space-19) !important;
	}
	
	.sm\:mx-19 {
		margin-left: var(--space-19) !important;
		margin-right: var(--space-19) !important;
	}
	
	.sm\:my-19 {
		margin-top: var(--space-19) !important;
		margin-bottom: var(--space-19) !important;
	}
	
	.sm\:p-19 {
		padding: var(--space-19) !important;
	}
	
	.sm\:pt-19 {
		padding-top: var(--space-19) !important;
	}
	
	.sm\:pr-19 {
		padding-right: var(--space-19) !important;
	}
	
	.sm\:pb-19 {
		padding-bottom: var(--space-19) !important;
	}
	
	.sm\:pl-19 {
		padding-left: var(--space-19) !important;
	}
	
	.sm\:px-19 {
		padding-left: var(--space-19) !important;
		padding-right: var(--space-19) !important;
	}
	
	.sm\:py-19 {
		padding-top: var(--space-19) !important;
		padding-bottom: var(--space-19) !important;
	}
	
	.sm\:gap-19 {
		gap: var(--space-19) !important;
	}
	
	.sm\:gap-x-19 {
		column-gap: var(--space-19) !important;
	}
	
	.sm\:gap-y-19 {
		row-gap: var(--space-19) !important;
	}
	
	.sm\:m-20 {
		margin: var(--space-20) !important;
	}
	
	.sm\:mt-20 {
		margin-top: var(--space-20) !important;
	}
	
	.sm\:mr-20 {
		margin-right: var(--space-20) !important;
	}
	
	.sm\:mb-20 {
		margin-bottom: var(--space-20) !important;
	}
	
	.sm\:ml-20 {
		margin-left: var(--space-20) !important;
	}
	
	.sm\:mx-20 {
		margin-left: var(--space-20) !important;
		margin-right: var(--space-20) !important;
	}
	
	.sm\:my-20 {
		margin-top: var(--space-20) !important;
		margin-bottom: var(--space-20) !important;
	}
	
	.sm\:p-20 {
		padding: var(--space-20) !important;
	}
	
	.sm\:pt-20 {
		padding-top: var(--space-20) !important;
	}
	
	.sm\:pr-20 {
		padding-right: var(--space-20) !important;
	}
	
	.sm\:pb-20 {
		padding-bottom: var(--space-20) !important;
	}
	
	.sm\:pl-20 {
		padding-left: var(--space-20) !important;
	}
	
	.sm\:px-20 {
		padding-left: var(--space-20) !important;
		padding-right: var(--space-20) !important;
	}
	
	.sm\:py-20 {
		padding-top: var(--space-20) !important;
		padding-bottom: var(--space-20) !important;
	}
	
	.sm\:gap-20 {
		gap: var(--space-20) !important;
	}
	
	.sm\:gap-x-20 {
		column-gap: var(--space-20) !important;
	}
	
	.sm\:gap-y-20 {
		row-gap: var(--space-20) !important;
	}
	
	.sm\:m-21 {
		margin: var(--space-21) !important;
	}
	
	.sm\:mt-21 {
		margin-top: var(--space-21) !important;
	}
	
	.sm\:mr-21 {
		margin-right: var(--space-21) !important;
	}
	
	.sm\:mb-21 {
		margin-bottom: var(--space-21) !important;
	}
	
	.sm\:ml-21 {
		margin-left: var(--space-21) !important;
	}
	
	.sm\:mx-21 {
		margin-left: var(--space-21) !important;
		margin-right: var(--space-21) !important;
	}
	
	.sm\:my-21 {
		margin-top: var(--space-21) !important;
		margin-bottom: var(--space-21) !important;
	}
	
	.sm\:p-21 {
		padding: var(--space-21) !important;
	}
	
	.sm\:pt-21 {
		padding-top: var(--space-21) !important;
	}
	
	.sm\:pr-21 {
		padding-right: var(--space-21) !important;
	}
	
	.sm\:pb-21 {
		padding-bottom: var(--space-21) !important;
	}
	
	.sm\:pl-21 {
		padding-left: var(--space-21) !important;
	}
	
	.sm\:px-21 {
		padding-left: var(--space-21) !important;
		padding-right: var(--space-21) !important;
	}
	
	.sm\:py-21 {
		padding-top: var(--space-21) !important;
		padding-bottom: var(--space-21) !important;
	}
	
	.sm\:gap-21 {
		gap: var(--space-21) !important;
	}
	
	.sm\:gap-x-21 {
		column-gap: var(--space-21) !important;
	}
	
	.sm\:gap-y-21 {
		row-gap: var(--space-21) !important;
	}
	
	.sm\:m-22 {
		margin: var(--space-22) !important;
	}
	
	.sm\:mt-22 {
		margin-top: var(--space-22) !important;
	}
	
	.sm\:mr-22 {
		margin-right: var(--space-22) !important;
	}
	
	.sm\:mb-22 {
		margin-bottom: var(--space-22) !important;
	}
	
	.sm\:ml-22 {
		margin-left: var(--space-22) !important;
	}
	
	.sm\:mx-22 {
		margin-left: var(--space-22) !important;
		margin-right: var(--space-22) !important;
	}
	
	.sm\:my-22 {
		margin-top: var(--space-22) !important;
		margin-bottom: var(--space-22) !important;
	}
	
	.sm\:p-22 {
		padding: var(--space-22) !important;
	}
	
	.sm\:pt-22 {
		padding-top: var(--space-22) !important;
	}
	
	.sm\:pr-22 {
		padding-right: var(--space-22) !important;
	}
	
	.sm\:pb-22 {
		padding-bottom: var(--space-22) !important;
	}
	
	.sm\:pl-22 {
		padding-left: var(--space-22) !important;
	}
	
	.sm\:px-22 {
		padding-left: var(--space-22) !important;
		padding-right: var(--space-22) !important;
	}
	
	.sm\:py-22 {
		padding-top: var(--space-22) !important;
		padding-bottom: var(--space-22) !important;
	}
	
	.sm\:gap-22 {
		gap: var(--space-22) !important;
	}
	
	.sm\:gap-x-22 {
		column-gap: var(--space-22) !important;
	}
	
	.sm\:gap-y-22 {
		row-gap: var(--space-22) !important;
	}
	
	.sm\:m-23 {
		margin: var(--space-23) !important;
	}
	
	.sm\:mt-23 {
		margin-top: var(--space-23) !important;
	}
	
	.sm\:mr-23 {
		margin-right: var(--space-23) !important;
	}
	
	.sm\:mb-23 {
		margin-bottom: var(--space-23) !important;
	}
	
	.sm\:ml-23 {
		margin-left: var(--space-23) !important;
	}
	
	.sm\:mx-23 {
		margin-left: var(--space-23) !important;
		margin-right: var(--space-23) !important;
	}
	
	.sm\:my-23 {
		margin-top: var(--space-23) !important;
		margin-bottom: var(--space-23) !important;
	}
	
	.sm\:p-23 {
		padding: var(--space-23) !important;
	}
	
	.sm\:pt-23 {
		padding-top: var(--space-23) !important;
	}
	
	.sm\:pr-23 {
		padding-right: var(--space-23) !important;
	}
	
	.sm\:pb-23 {
		padding-bottom: var(--space-23) !important;
	}
	
	.sm\:pl-23 {
		padding-left: var(--space-23) !important;
	}
	
	.sm\:px-23 {
		padding-left: var(--space-23) !important;
		padding-right: var(--space-23) !important;
	}
	
	.sm\:py-23 {
		padding-top: var(--space-23) !important;
		padding-bottom: var(--space-23) !important;
	}
	
	.sm\:gap-23 {
		gap: var(--space-23) !important;
	}
	
	.sm\:gap-x-23 {
		column-gap: var(--space-23) !important;
	}
	
	.sm\:gap-y-23 {
		row-gap: var(--space-23) !important;
	}
	
	.sm\:m-24 {
		margin: var(--space-24) !important;
	}
	
	.sm\:mt-24 {
		margin-top: var(--space-24) !important;
	}
	
	.sm\:mr-24 {
		margin-right: var(--space-24) !important;
	}
	
	.sm\:mb-24 {
		margin-bottom: var(--space-24) !important;
	}
	
	.sm\:ml-24 {
		margin-left: var(--space-24) !important;
	}
	
	.sm\:mx-24 {
		margin-left: var(--space-24) !important;
		margin-right: var(--space-24) !important;
	}
	
	.sm\:my-24 {
		margin-top: var(--space-24) !important;
		margin-bottom: var(--space-24) !important;
	}
	
	.sm\:p-24 {
		padding: var(--space-24) !important;
	}
	
	.sm\:pt-24 {
		padding-top: var(--space-24) !important;
	}
	
	.sm\:pr-24 {
		padding-right: var(--space-24) !important;
	}
	
	.sm\:pb-24 {
		padding-bottom: var(--space-24) !important;
	}
	
	.sm\:pl-24 {
		padding-left: var(--space-24) !important;
	}
	
	.sm\:px-24 {
		padding-left: var(--space-24) !important;
		padding-right: var(--space-24) !important;
	}
	
	.sm\:py-24 {
		padding-top: var(--space-24) !important;
		padding-bottom: var(--space-24) !important;
	}
	
	.sm\:gap-24 {
		gap: var(--space-24) !important;
	}
	
	.sm\:gap-x-24 {
		column-gap: var(--space-24) !important;
	}
	
	.sm\:gap-y-24 {
		row-gap: var(--space-24) !important;
	}
}

@media (min-width:768px) {
	.md\:m-0 {
		margin: 0 !important;
	}
	
	.md\:mt-0 {
		margin-top: 0 !important;
	}
	
	.md\:mr-0 {
		margin-right: 0 !important;
	}
	
	.md\:mb-0 {
		margin-bottom: 0 !important;
	}
	
	.md\:ml-0 {
		margin-left: 0 !important;
	}
	
	.md\:mx-0 {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	.md\:my-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	
	.md\:p-0 {
		padding: 0 !important;
	}
	
	.md\:pt-0 {
		padding-top: 0 !important;
	}
	
	.md\:pr-0 {
		padding-right: 0 !important;
	}
	
	.md\:pb-0 {
		padding-bottom: 0 !important;
	}
	
	.md\:pl-0 {
		padding-left: 0 !important;
	}
	
	.md\:px-0 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.md\:py-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	.md\:gap-0 {
		gap: 0 !important;
	}
	
	.md\:gap-x-0 {
		column-gap: 0 !important;
	}
	
	.md\:gap-y-0 {
		row-gap: 0 !important;
	}
	
	.md\:m-1 {
		margin: var(--space-1) !important;
	}
	
	.md\:mt-1 {
		margin-top: var(--space-1) !important;
	}
	
	.md\:mr-1 {
		margin-right: var(--space-1) !important;
	}
	
	.md\:mb-1 {
		margin-bottom: var(--space-1) !important;
	}
	
	.md\:ml-1 {
		margin-left: var(--space-1) !important;
	}
	
	.md\:mx-1 {
		margin-left: var(--space-1) !important;
		margin-right: var(--space-1) !important;
	}
	
	.md\:my-1 {
		margin-top: var(--space-1) !important;
		margin-bottom: var(--space-1) !important;
	}
	
	.md\:p-1 {
		padding: var(--space-1) !important;
	}
	
	.md\:pt-1 {
		padding-top: var(--space-1) !important;
	}
	
	.md\:pr-1 {
		padding-right: var(--space-1) !important;
	}
	
	.md\:pb-1 {
		padding-bottom: var(--space-1) !important;
	}
	
	.md\:pl-1 {
		padding-left: var(--space-1) !important;
	}
	
	.md\:px-1 {
		padding-left: var(--space-1) !important;
		padding-right: var(--space-1) !important;
	}
	
	.md\:py-1 {
		padding-top: var(--space-1) !important;
		padding-bottom: var(--space-1) !important;
	}
	
	.md\:gap-1 {
		gap: var(--space-1) !important;
	}
	
	.md\:gap-x-1 {
		column-gap: var(--space-1) !important;
	}
	
	.md\:gap-y-1 {
		row-gap: var(--space-1) !important;
	}
	
	.md\:m-2 {
		margin: var(--space-2) !important;
	}
	
	.md\:mt-2 {
		margin-top: var(--space-2) !important;
	}
	
	.md\:mr-2 {
		margin-right: var(--space-2) !important;
	}
	
	.md\:mb-2 {
		margin-bottom: var(--space-2) !important;
	}
	
	.md\:ml-2 {
		margin-left: var(--space-2) !important;
	}
	
	.md\:mx-2 {
		margin-left: var(--space-2) !important;
		margin-right: var(--space-2) !important;
	}
	
	.md\:my-2 {
		margin-top: var(--space-2) !important;
		margin-bottom: var(--space-2) !important;
	}
	
	.md\:p-2 {
		padding: var(--space-2) !important;
	}
	
	.md\:pt-2 {
		padding-top: var(--space-2) !important;
	}
	
	.md\:pr-2 {
		padding-right: var(--space-2) !important;
	}
	
	.md\:pb-2 {
		padding-bottom: var(--space-2) !important;
	}
	
	.md\:pl-2 {
		padding-left: var(--space-2) !important;
	}
	
	.md\:px-2 {
		padding-left: var(--space-2) !important;
		padding-right: var(--space-2) !important;
	}
	
	.md\:py-2 {
		padding-top: var(--space-2) !important;
		padding-bottom: var(--space-2) !important;
	}
	
	.md\:gap-2 {
		gap: var(--space-2) !important;
	}
	
	.md\:gap-x-2 {
		column-gap: var(--space-2) !important;
	}
	
	.md\:gap-y-2 {
		row-gap: var(--space-2) !important;
	}
	
	.md\:m-3 {
		margin: var(--space-3) !important;
	}
	
	.md\:mt-3 {
		margin-top: var(--space-3) !important;
	}
	
	.md\:mr-3 {
		margin-right: var(--space-3) !important;
	}
	
	.md\:mb-3 {
		margin-bottom: var(--space-3) !important;
	}
	
	.md\:ml-3 {
		margin-left: var(--space-3) !important;
	}
	
	.md\:mx-3 {
		margin-left: var(--space-3) !important;
		margin-right: var(--space-3) !important;
	}
	
	.md\:my-3 {
		margin-top: var(--space-3) !important;
		margin-bottom: var(--space-3) !important;
	}
	
	.md\:p-3 {
		padding: var(--space-3) !important;
	}
	
	.md\:pt-3 {
		padding-top: var(--space-3) !important;
	}
	
	.md\:pr-3 {
		padding-right: var(--space-3) !important;
	}
	
	.md\:pb-3 {
		padding-bottom: var(--space-3) !important;
	}
	
	.md\:pl-3 {
		padding-left: var(--space-3) !important;
	}
	
	.md\:px-3 {
		padding-left: var(--space-3) !important;
		padding-right: var(--space-3) !important;
	}
	
	.md\:py-3 {
		padding-top: var(--space-3) !important;
		padding-bottom: var(--space-3) !important;
	}
	
	.md\:gap-3 {
		gap: var(--space-3) !important;
	}
	
	.md\:gap-x-3 {
		column-gap: var(--space-3) !important;
	}
	
	.md\:gap-y-3 {
		row-gap: var(--space-3) !important;
	}
	
	.md\:m-4 {
		margin: var(--space-4) !important;
	}
	
	.md\:mt-4 {
		margin-top: var(--space-4) !important;
	}
	
	.md\:mr-4 {
		margin-right: var(--space-4) !important;
	}
	
	.md\:mb-4 {
		margin-bottom: var(--space-4) !important;
	}
	
	.md\:ml-4 {
		margin-left: var(--space-4) !important;
	}
	
	.md\:mx-4 {
		margin-left: var(--space-4) !important;
		margin-right: var(--space-4) !important;
	}
	
	.md\:my-4 {
		margin-top: var(--space-4) !important;
		margin-bottom: var(--space-4) !important;
	}
	
	.md\:p-4 {
		padding: var(--space-4) !important;
	}
	
	.md\:pt-4 {
		padding-top: var(--space-4) !important;
	}
	
	.md\:pr-4 {
		padding-right: var(--space-4) !important;
	}
	
	.md\:pb-4 {
		padding-bottom: var(--space-4) !important;
	}
	
	.md\:pl-4 {
		padding-left: var(--space-4) !important;
	}
	
	.md\:px-4 {
		padding-left: var(--space-4) !important;
		padding-right: var(--space-4) !important;
	}
	
	.md\:py-4 {
		padding-top: var(--space-4) !important;
		padding-bottom: var(--space-4) !important;
	}
	
	.md\:gap-4 {
		gap: var(--space-4) !important;
	}
	
	.md\:gap-x-4 {
		column-gap: var(--space-4) !important;
	}
	
	.md\:gap-y-4 {
		row-gap: var(--space-4) !important;
	}
	
	.md\:m-5 {
		margin: var(--space-5) !important;
	}
	
	.md\:mt-5 {
		margin-top: var(--space-5) !important;
	}
	
	.md\:mr-5 {
		margin-right: var(--space-5) !important;
	}
	
	.md\:mb-5 {
		margin-bottom: var(--space-5) !important;
	}
	
	.md\:ml-5 {
		margin-left: var(--space-5) !important;
	}
	
	.md\:mx-5 {
		margin-left: var(--space-5) !important;
		margin-right: var(--space-5) !important;
	}
	
	.md\:my-5 {
		margin-top: var(--space-5) !important;
		margin-bottom: var(--space-5) !important;
	}
	
	.md\:p-5 {
		padding: var(--space-5) !important;
	}
	
	.md\:pt-5 {
		padding-top: var(--space-5) !important;
	}
	
	.md\:pr-5 {
		padding-right: var(--space-5) !important;
	}
	
	.md\:pb-5 {
		padding-bottom: var(--space-5) !important;
	}
	
	.md\:pl-5 {
		padding-left: var(--space-5) !important;
	}
	
	.md\:px-5 {
		padding-left: var(--space-5) !important;
		padding-right: var(--space-5) !important;
	}
	
	.md\:py-5 {
		padding-top: var(--space-5) !important;
		padding-bottom: var(--space-5) !important;
	}
	
	.md\:gap-5 {
		gap: var(--space-5) !important;
	}
	
	.md\:gap-x-5 {
		column-gap: var(--space-5) !important;
	}
	
	.md\:gap-y-5 {
		row-gap: var(--space-5) !important;
	}
	
	.md\:m-6 {
		margin: var(--space-6) !important;
	}
	
	.md\:mt-6 {
		margin-top: var(--space-6) !important;
	}
	
	.md\:mr-6 {
		margin-right: var(--space-6) !important;
	}
	
	.md\:mb-6 {
		margin-bottom: var(--space-6) !important;
	}
	
	.md\:ml-6 {
		margin-left: var(--space-6) !important;
	}
	
	.md\:mx-6 {
		margin-left: var(--space-6) !important;
		margin-right: var(--space-6) !important;
	}
	
	.md\:my-6 {
		margin-top: var(--space-6) !important;
		margin-bottom: var(--space-6) !important;
	}
	
	.md\:p-6 {
		padding: var(--space-6) !important;
	}
	
	.md\:pt-6 {
		padding-top: var(--space-6) !important;
	}
	
	.md\:pr-6 {
		padding-right: var(--space-6) !important;
	}
	
	.md\:pb-6 {
		padding-bottom: var(--space-6) !important;
	}
	
	.md\:pl-6 {
		padding-left: var(--space-6) !important;
	}
	
	.md\:px-6 {
		padding-left: var(--space-6) !important;
		padding-right: var(--space-6) !important;
	}
	
	.md\:py-6 {
		padding-top: var(--space-6) !important;
		padding-bottom: var(--space-6) !important;
	}
	
	.md\:gap-6 {
		gap: var(--space-6) !important;
	}
	
	.md\:gap-x-6 {
		column-gap: var(--space-6) !important;
	}
	
	.md\:gap-y-6 {
		row-gap: var(--space-6) !important;
	}
	
	.md\:m-7 {
		margin: var(--space-7) !important;
	}
	
	.md\:mt-7 {
		margin-top: var(--space-7) !important;
	}
	
	.md\:mr-7 {
		margin-right: var(--space-7) !important;
	}
	
	.md\:mb-7 {
		margin-bottom: var(--space-7) !important;
	}
	
	.md\:ml-7 {
		margin-left: var(--space-7) !important;
	}
	
	.md\:mx-7 {
		margin-left: var(--space-7) !important;
		margin-right: var(--space-7) !important;
	}
	
	.md\:my-7 {
		margin-top: var(--space-7) !important;
		margin-bottom: var(--space-7) !important;
	}
	
	.md\:p-7 {
		padding: var(--space-7) !important;
	}
	
	.md\:pt-7 {
		padding-top: var(--space-7) !important;
	}
	
	.md\:pr-7 {
		padding-right: var(--space-7) !important;
	}
	
	.md\:pb-7 {
		padding-bottom: var(--space-7) !important;
	}
	
	.md\:pl-7 {
		padding-left: var(--space-7) !important;
	}
	
	.md\:px-7 {
		padding-left: var(--space-7) !important;
		padding-right: var(--space-7) !important;
	}
	
	.md\:py-7 {
		padding-top: var(--space-7) !important;
		padding-bottom: var(--space-7) !important;
	}
	
	.md\:gap-7 {
		gap: var(--space-7) !important;
	}
	
	.md\:gap-x-7 {
		column-gap: var(--space-7) !important;
	}
	
	.md\:gap-y-7 {
		row-gap: var(--space-7) !important;
	}
	
	.md\:m-8 {
		margin: var(--space-8) !important;
	}
	
	.md\:mt-8 {
		margin-top: var(--space-8) !important;
	}
	
	.md\:mr-8 {
		margin-right: var(--space-8) !important;
	}
	
	.md\:mb-8 {
		margin-bottom: var(--space-8) !important;
	}
	
	.md\:ml-8 {
		margin-left: var(--space-8) !important;
	}
	
	.md\:mx-8 {
		margin-left: var(--space-8) !important;
		margin-right: var(--space-8) !important;
	}
	
	.md\:my-8 {
		margin-top: var(--space-8) !important;
		margin-bottom: var(--space-8) !important;
	}
	
	.md\:p-8 {
		padding: var(--space-8) !important;
	}
	
	.md\:pt-8 {
		padding-top: var(--space-8) !important;
	}
	
	.md\:pr-8 {
		padding-right: var(--space-8) !important;
	}
	
	.md\:pb-8 {
		padding-bottom: var(--space-8) !important;
	}
	
	.md\:pl-8 {
		padding-left: var(--space-8) !important;
	}
	
	.md\:px-8 {
		padding-left: var(--space-8) !important;
		padding-right: var(--space-8) !important;
	}
	
	.md\:py-8 {
		padding-top: var(--space-8) !important;
		padding-bottom: var(--space-8) !important;
	}
	
	.md\:gap-8 {
		gap: var(--space-8) !important;
	}
	
	.md\:gap-x-8 {
		column-gap: var(--space-8) !important;
	}
	
	.md\:gap-y-8 {
		row-gap: var(--space-8) !important;
	}
	
	.md\:m-9 {
		margin: var(--space-9) !important;
	}
	
	.md\:mt-9 {
		margin-top: var(--space-9) !important;
	}
	
	.md\:mr-9 {
		margin-right: var(--space-9) !important;
	}
	
	.md\:mb-9 {
		margin-bottom: var(--space-9) !important;
	}
	
	.md\:ml-9 {
		margin-left: var(--space-9) !important;
	}
	
	.md\:mx-9 {
		margin-left: var(--space-9) !important;
		margin-right: var(--space-9) !important;
	}
	
	.md\:my-9 {
		margin-top: var(--space-9) !important;
		margin-bottom: var(--space-9) !important;
	}
	
	.md\:p-9 {
		padding: var(--space-9) !important;
	}
	
	.md\:pt-9 {
		padding-top: var(--space-9) !important;
	}
	
	.md\:pr-9 {
		padding-right: var(--space-9) !important;
	}
	
	.md\:pb-9 {
		padding-bottom: var(--space-9) !important;
	}
	
	.md\:pl-9 {
		padding-left: var(--space-9) !important;
	}
	
	.md\:px-9 {
		padding-left: var(--space-9) !important;
		padding-right: var(--space-9) !important;
	}
	
	.md\:py-9 {
		padding-top: var(--space-9) !important;
		padding-bottom: var(--space-9) !important;
	}
	
	.md\:gap-9 {
		gap: var(--space-9) !important;
	}
	
	.md\:gap-x-9 {
		column-gap: var(--space-9) !important;
	}
	
	.md\:gap-y-9 {
		row-gap: var(--space-9) !important;
	}
	
	.md\:m-10 {
		margin: var(--space-10) !important;
	}
	
	.md\:mt-10 {
		margin-top: var(--space-10) !important;
	}
	
	.md\:mr-10 {
		margin-right: var(--space-10) !important;
	}
	
	.md\:mb-10 {
		margin-bottom: var(--space-10) !important;
	}
	
	.md\:ml-10 {
		margin-left: var(--space-10) !important;
	}
	
	.md\:mx-10 {
		margin-left: var(--space-10) !important;
		margin-right: var(--space-10) !important;
	}
	
	.md\:my-10 {
		margin-top: var(--space-10) !important;
		margin-bottom: var(--space-10) !important;
	}
	
	.md\:p-10 {
		padding: var(--space-10) !important;
	}
	
	.md\:pt-10 {
		padding-top: var(--space-10) !important;
	}
	
	.md\:pr-10 {
		padding-right: var(--space-10) !important;
	}
	
	.md\:pb-10 {
		padding-bottom: var(--space-10) !important;
	}
	
	.md\:pl-10 {
		padding-left: var(--space-10) !important;
	}
	
	.md\:px-10 {
		padding-left: var(--space-10) !important;
		padding-right: var(--space-10) !important;
	}
	
	.md\:py-10 {
		padding-top: var(--space-10) !important;
		padding-bottom: var(--space-10) !important;
	}
	
	.md\:gap-10 {
		gap: var(--space-10) !important;
	}
	
	.md\:gap-x-10 {
		column-gap: var(--space-10) !important;
	}
	
	.md\:gap-y-10 {
		row-gap: var(--space-10) !important;
	}
	
	.md\:m-11 {
		margin: var(--space-11) !important;
	}
	
	.md\:mt-11 {
		margin-top: var(--space-11) !important;
	}
	
	.md\:mr-11 {
		margin-right: var(--space-11) !important;
	}
	
	.md\:mb-11 {
		margin-bottom: var(--space-11) !important;
	}
	
	.md\:ml-11 {
		margin-left: var(--space-11) !important;
	}
	
	.md\:mx-11 {
		margin-left: var(--space-11) !important;
		margin-right: var(--space-11) !important;
	}
	
	.md\:my-11 {
		margin-top: var(--space-11) !important;
		margin-bottom: var(--space-11) !important;
	}
	
	.md\:p-11 {
		padding: var(--space-11) !important;
	}
	
	.md\:pt-11 {
		padding-top: var(--space-11) !important;
	}
	
	.md\:pr-11 {
		padding-right: var(--space-11) !important;
	}
	
	.md\:pb-11 {
		padding-bottom: var(--space-11) !important;
	}
	
	.md\:pl-11 {
		padding-left: var(--space-11) !important;
	}
	
	.md\:px-11 {
		padding-left: var(--space-11) !important;
		padding-right: var(--space-11) !important;
	}
	
	.md\:py-11 {
		padding-top: var(--space-11) !important;
		padding-bottom: var(--space-11) !important;
	}
	
	.md\:gap-11 {
		gap: var(--space-11) !important;
	}
	
	.md\:gap-x-11 {
		column-gap: var(--space-11) !important;
	}
	
	.md\:gap-y-11 {
		row-gap: var(--space-11) !important;
	}
	
	.md\:m-12 {
		margin: var(--space-12) !important;
	}
	
	.md\:mt-12 {
		margin-top: var(--space-12) !important;
	}
	
	.md\:mr-12 {
		margin-right: var(--space-12) !important;
	}
	
	.md\:mb-12 {
		margin-bottom: var(--space-12) !important;
	}
	
	.md\:ml-12 {
		margin-left: var(--space-12) !important;
	}
	
	.md\:mx-12 {
		margin-left: var(--space-12) !important;
		margin-right: var(--space-12) !important;
	}
	
	.md\:my-12 {
		margin-top: var(--space-12) !important;
		margin-bottom: var(--space-12) !important;
	}
	
	.md\:p-12 {
		padding: var(--space-12) !important;
	}
	
	.md\:pt-12 {
		padding-top: var(--space-12) !important;
	}
	
	.md\:pr-12 {
		padding-right: var(--space-12) !important;
	}
	
	.md\:pb-12 {
		padding-bottom: var(--space-12) !important;
	}
	
	.md\:pl-12 {
		padding-left: var(--space-12) !important;
	}
	
	.md\:px-12 {
		padding-left: var(--space-12) !important;
		padding-right: var(--space-12) !important;
	}
	
	.md\:py-12 {
		padding-top: var(--space-12) !important;
		padding-bottom: var(--space-12) !important;
	}
	
	.md\:gap-12 {
		gap: var(--space-12) !important;
	}
	
	.md\:gap-x-12 {
		column-gap: var(--space-12) !important;
	}
	
	.md\:gap-y-12 {
		row-gap: var(--space-12) !important;
	}
	
	.md\:m-13 {
		margin: var(--space-13) !important;
	}
	
	.md\:mt-13 {
		margin-top: var(--space-13) !important;
	}
	
	.md\:mr-13 {
		margin-right: var(--space-13) !important;
	}
	
	.md\:mb-13 {
		margin-bottom: var(--space-13) !important;
	}
	
	.md\:ml-13 {
		margin-left: var(--space-13) !important;
	}
	
	.md\:mx-13 {
		margin-left: var(--space-13) !important;
		margin-right: var(--space-13) !important;
	}
	
	.md\:my-13 {
		margin-top: var(--space-13) !important;
		margin-bottom: var(--space-13) !important;
	}
	
	.md\:p-13 {
		padding: var(--space-13) !important;
	}
	
	.md\:pt-13 {
		padding-top: var(--space-13) !important;
	}
	
	.md\:pr-13 {
		padding-right: var(--space-13) !important;
	}
	
	.md\:pb-13 {
		padding-bottom: var(--space-13) !important;
	}
	
	.md\:pl-13 {
		padding-left: var(--space-13) !important;
	}
	
	.md\:px-13 {
		padding-left: var(--space-13) !important;
		padding-right: var(--space-13) !important;
	}
	
	.md\:py-13 {
		padding-top: var(--space-13) !important;
		padding-bottom: var(--space-13) !important;
	}
	
	.md\:gap-13 {
		gap: var(--space-13) !important;
	}
	
	.md\:gap-x-13 {
		column-gap: var(--space-13) !important;
	}
	
	.md\:gap-y-13 {
		row-gap: var(--space-13) !important;
	}
	
	.md\:m-14 {
		margin: var(--space-14) !important;
	}
	
	.md\:mt-14 {
		margin-top: var(--space-14) !important;
	}
	
	.md\:mr-14 {
		margin-right: var(--space-14) !important;
	}
	
	.md\:mb-14 {
		margin-bottom: var(--space-14) !important;
	}
	
	.md\:ml-14 {
		margin-left: var(--space-14) !important;
	}
	
	.md\:mx-14 {
		margin-left: var(--space-14) !important;
		margin-right: var(--space-14) !important;
	}
	
	.md\:my-14 {
		margin-top: var(--space-14) !important;
		margin-bottom: var(--space-14) !important;
	}
	
	.md\:p-14 {
		padding: var(--space-14) !important;
	}
	
	.md\:pt-14 {
		padding-top: var(--space-14) !important;
	}
	
	.md\:pr-14 {
		padding-right: var(--space-14) !important;
	}
	
	.md\:pb-14 {
		padding-bottom: var(--space-14) !important;
	}
	
	.md\:pl-14 {
		padding-left: var(--space-14) !important;
	}
	
	.md\:px-14 {
		padding-left: var(--space-14) !important;
		padding-right: var(--space-14) !important;
	}
	
	.md\:py-14 {
		padding-top: var(--space-14) !important;
		padding-bottom: var(--space-14) !important;
	}
	
	.md\:gap-14 {
		gap: var(--space-14) !important;
	}
	
	.md\:gap-x-14 {
		column-gap: var(--space-14) !important;
	}
	
	.md\:gap-y-14 {
		row-gap: var(--space-14) !important;
	}
	
	.md\:m-15 {
		margin: var(--space-15) !important;
	}
	
	.md\:mt-15 {
		margin-top: var(--space-15) !important;
	}
	
	.md\:mr-15 {
		margin-right: var(--space-15) !important;
	}
	
	.md\:mb-15 {
		margin-bottom: var(--space-15) !important;
	}
	
	.md\:ml-15 {
		margin-left: var(--space-15) !important;
	}
	
	.md\:mx-15 {
		margin-left: var(--space-15) !important;
		margin-right: var(--space-15) !important;
	}
	
	.md\:my-15 {
		margin-top: var(--space-15) !important;
		margin-bottom: var(--space-15) !important;
	}
	
	.md\:p-15 {
		padding: var(--space-15) !important;
	}
	
	.md\:pt-15 {
		padding-top: var(--space-15) !important;
	}
	
	.md\:pr-15 {
		padding-right: var(--space-15) !important;
	}
	
	.md\:pb-15 {
		padding-bottom: var(--space-15) !important;
	}
	
	.md\:pl-15 {
		padding-left: var(--space-15) !important;
	}
	
	.md\:px-15 {
		padding-left: var(--space-15) !important;
		padding-right: var(--space-15) !important;
	}
	
	.md\:py-15 {
		padding-top: var(--space-15) !important;
		padding-bottom: var(--space-15) !important;
	}
	
	.md\:gap-15 {
		gap: var(--space-15) !important;
	}
	
	.md\:gap-x-15 {
		column-gap: var(--space-15) !important;
	}
	
	.md\:gap-y-15 {
		row-gap: var(--space-15) !important;
	}
	
	.md\:m-16 {
		margin: var(--space-16) !important;
	}
	
	.md\:mt-16 {
		margin-top: var(--space-16) !important;
	}
	
	.md\:mr-16 {
		margin-right: var(--space-16) !important;
	}
	
	.md\:mb-16 {
		margin-bottom: var(--space-16) !important;
	}
	
	.md\:ml-16 {
		margin-left: var(--space-16) !important;
	}
	
	.md\:mx-16 {
		margin-left: var(--space-16) !important;
		margin-right: var(--space-16) !important;
	}
	
	.md\:my-16 {
		margin-top: var(--space-16) !important;
		margin-bottom: var(--space-16) !important;
	}
	
	.md\:p-16 {
		padding: var(--space-16) !important;
	}
	
	.md\:pt-16 {
		padding-top: var(--space-16) !important;
	}
	
	.md\:pr-16 {
		padding-right: var(--space-16) !important;
	}
	
	.md\:pb-16 {
		padding-bottom: var(--space-16) !important;
	}
	
	.md\:pl-16 {
		padding-left: var(--space-16) !important;
	}
	
	.md\:px-16 {
		padding-left: var(--space-16) !important;
		padding-right: var(--space-16) !important;
	}
	
	.md\:py-16 {
		padding-top: var(--space-16) !important;
		padding-bottom: var(--space-16) !important;
	}
	
	.md\:gap-16 {
		gap: var(--space-16) !important;
	}
	
	.md\:gap-x-16 {
		column-gap: var(--space-16) !important;
	}
	
	.md\:gap-y-16 {
		row-gap: var(--space-16) !important;
	}
	
	.md\:m-17 {
		margin: var(--space-17) !important;
	}
	
	.md\:mt-17 {
		margin-top: var(--space-17) !important;
	}
	
	.md\:mr-17 {
		margin-right: var(--space-17) !important;
	}
	
	.md\:mb-17 {
		margin-bottom: var(--space-17) !important;
	}
	
	.md\:ml-17 {
		margin-left: var(--space-17) !important;
	}
	
	.md\:mx-17 {
		margin-left: var(--space-17) !important;
		margin-right: var(--space-17) !important;
	}
	
	.md\:my-17 {
		margin-top: var(--space-17) !important;
		margin-bottom: var(--space-17) !important;
	}
	
	.md\:p-17 {
		padding: var(--space-17) !important;
	}
	
	.md\:pt-17 {
		padding-top: var(--space-17) !important;
	}
	
	.md\:pr-17 {
		padding-right: var(--space-17) !important;
	}
	
	.md\:pb-17 {
		padding-bottom: var(--space-17) !important;
	}
	
	.md\:pl-17 {
		padding-left: var(--space-17) !important;
	}
	
	.md\:px-17 {
		padding-left: var(--space-17) !important;
		padding-right: var(--space-17) !important;
	}
	
	.md\:py-17 {
		padding-top: var(--space-17) !important;
		padding-bottom: var(--space-17) !important;
	}
	
	.md\:gap-17 {
		gap: var(--space-17) !important;
	}
	
	.md\:gap-x-17 {
		column-gap: var(--space-17) !important;
	}
	
	.md\:gap-y-17 {
		row-gap: var(--space-17) !important;
	}
	
	.md\:m-18 {
		margin: var(--space-18) !important;
	}
	
	.md\:mt-18 {
		margin-top: var(--space-18) !important;
	}
	
	.md\:mr-18 {
		margin-right: var(--space-18) !important;
	}
	
	.md\:mb-18 {
		margin-bottom: var(--space-18) !important;
	}
	
	.md\:ml-18 {
		margin-left: var(--space-18) !important;
	}
	
	.md\:mx-18 {
		margin-left: var(--space-18) !important;
		margin-right: var(--space-18) !important;
	}
	
	.md\:my-18 {
		margin-top: var(--space-18) !important;
		margin-bottom: var(--space-18) !important;
	}
	
	.md\:p-18 {
		padding: var(--space-18) !important;
	}
	
	.md\:pt-18 {
		padding-top: var(--space-18) !important;
	}
	
	.md\:pr-18 {
		padding-right: var(--space-18) !important;
	}
	
	.md\:pb-18 {
		padding-bottom: var(--space-18) !important;
	}
	
	.md\:pl-18 {
		padding-left: var(--space-18) !important;
	}
	
	.md\:px-18 {
		padding-left: var(--space-18) !important;
		padding-right: var(--space-18) !important;
	}
	
	.md\:py-18 {
		padding-top: var(--space-18) !important;
		padding-bottom: var(--space-18) !important;
	}
	
	.md\:gap-18 {
		gap: var(--space-18) !important;
	}
	
	.md\:gap-x-18 {
		column-gap: var(--space-18) !important;
	}
	
	.md\:gap-y-18 {
		row-gap: var(--space-18) !important;
	}
	
	.md\:m-19 {
		margin: var(--space-19) !important;
	}
	
	.md\:mt-19 {
		margin-top: var(--space-19) !important;
	}
	
	.md\:mr-19 {
		margin-right: var(--space-19) !important;
	}
	
	.md\:mb-19 {
		margin-bottom: var(--space-19) !important;
	}
	
	.md\:ml-19 {
		margin-left: var(--space-19) !important;
	}
	
	.md\:mx-19 {
		margin-left: var(--space-19) !important;
		margin-right: var(--space-19) !important;
	}
	
	.md\:my-19 {
		margin-top: var(--space-19) !important;
		margin-bottom: var(--space-19) !important;
	}
	
	.md\:p-19 {
		padding: var(--space-19) !important;
	}
	
	.md\:pt-19 {
		padding-top: var(--space-19) !important;
	}
	
	.md\:pr-19 {
		padding-right: var(--space-19) !important;
	}
	
	.md\:pb-19 {
		padding-bottom: var(--space-19) !important;
	}
	
	.md\:pl-19 {
		padding-left: var(--space-19) !important;
	}
	
	.md\:px-19 {
		padding-left: var(--space-19) !important;
		padding-right: var(--space-19) !important;
	}
	
	.md\:py-19 {
		padding-top: var(--space-19) !important;
		padding-bottom: var(--space-19) !important;
	}
	
	.md\:gap-19 {
		gap: var(--space-19) !important;
	}
	
	.md\:gap-x-19 {
		column-gap: var(--space-19) !important;
	}
	
	.md\:gap-y-19 {
		row-gap: var(--space-19) !important;
	}
	
	.md\:m-20 {
		margin: var(--space-20) !important;
	}
	
	.md\:mt-20 {
		margin-top: var(--space-20) !important;
	}
	
	.md\:mr-20 {
		margin-right: var(--space-20) !important;
	}
	
	.md\:mb-20 {
		margin-bottom: var(--space-20) !important;
	}
	
	.md\:ml-20 {
		margin-left: var(--space-20) !important;
	}
	
	.md\:mx-20 {
		margin-left: var(--space-20) !important;
		margin-right: var(--space-20) !important;
	}
	
	.md\:my-20 {
		margin-top: var(--space-20) !important;
		margin-bottom: var(--space-20) !important;
	}
	
	.md\:p-20 {
		padding: var(--space-20) !important;
	}
	
	.md\:pt-20 {
		padding-top: var(--space-20) !important;
	}
	
	.md\:pr-20 {
		padding-right: var(--space-20) !important;
	}
	
	.md\:pb-20 {
		padding-bottom: var(--space-20) !important;
	}
	
	.md\:pl-20 {
		padding-left: var(--space-20) !important;
	}
	
	.md\:px-20 {
		padding-left: var(--space-20) !important;
		padding-right: var(--space-20) !important;
	}
	
	.md\:py-20 {
		padding-top: var(--space-20) !important;
		padding-bottom: var(--space-20) !important;
	}
	
	.md\:gap-20 {
		gap: var(--space-20) !important;
	}
	
	.md\:gap-x-20 {
		column-gap: var(--space-20) !important;
	}
	
	.md\:gap-y-20 {
		row-gap: var(--space-20) !important;
	}
	
	.md\:m-21 {
		margin: var(--space-21) !important;
	}
	
	.md\:mt-21 {
		margin-top: var(--space-21) !important;
	}
	
	.md\:mr-21 {
		margin-right: var(--space-21) !important;
	}
	
	.md\:mb-21 {
		margin-bottom: var(--space-21) !important;
	}
	
	.md\:ml-21 {
		margin-left: var(--space-21) !important;
	}
	
	.md\:mx-21 {
		margin-left: var(--space-21) !important;
		margin-right: var(--space-21) !important;
	}
	
	.md\:my-21 {
		margin-top: var(--space-21) !important;
		margin-bottom: var(--space-21) !important;
	}
	
	.md\:p-21 {
		padding: var(--space-21) !important;
	}
	
	.md\:pt-21 {
		padding-top: var(--space-21) !important;
	}
	
	.md\:pr-21 {
		padding-right: var(--space-21) !important;
	}
	
	.md\:pb-21 {
		padding-bottom: var(--space-21) !important;
	}
	
	.md\:pl-21 {
		padding-left: var(--space-21) !important;
	}
	
	.md\:px-21 {
		padding-left: var(--space-21) !important;
		padding-right: var(--space-21) !important;
	}
	
	.md\:py-21 {
		padding-top: var(--space-21) !important;
		padding-bottom: var(--space-21) !important;
	}
	
	.md\:gap-21 {
		gap: var(--space-21) !important;
	}
	
	.md\:gap-x-21 {
		column-gap: var(--space-21) !important;
	}
	
	.md\:gap-y-21 {
		row-gap: var(--space-21) !important;
	}
	
	.md\:m-22 {
		margin: var(--space-22) !important;
	}
	
	.md\:mt-22 {
		margin-top: var(--space-22) !important;
	}
	
	.md\:mr-22 {
		margin-right: var(--space-22) !important;
	}
	
	.md\:mb-22 {
		margin-bottom: var(--space-22) !important;
	}
	
	.md\:ml-22 {
		margin-left: var(--space-22) !important;
	}
	
	.md\:mx-22 {
		margin-left: var(--space-22) !important;
		margin-right: var(--space-22) !important;
	}
	
	.md\:my-22 {
		margin-top: var(--space-22) !important;
		margin-bottom: var(--space-22) !important;
	}
	
	.md\:p-22 {
		padding: var(--space-22) !important;
	}
	
	.md\:pt-22 {
		padding-top: var(--space-22) !important;
	}
	
	.md\:pr-22 {
		padding-right: var(--space-22) !important;
	}
	
	.md\:pb-22 {
		padding-bottom: var(--space-22) !important;
	}
	
	.md\:pl-22 {
		padding-left: var(--space-22) !important;
	}
	
	.md\:px-22 {
		padding-left: var(--space-22) !important;
		padding-right: var(--space-22) !important;
	}
	
	.md\:py-22 {
		padding-top: var(--space-22) !important;
		padding-bottom: var(--space-22) !important;
	}
	
	.md\:gap-22 {
		gap: var(--space-22) !important;
	}
	
	.md\:gap-x-22 {
		column-gap: var(--space-22) !important;
	}
	
	.md\:gap-y-22 {
		row-gap: var(--space-22) !important;
	}
	
	.md\:m-23 {
		margin: var(--space-23) !important;
	}
	
	.md\:mt-23 {
		margin-top: var(--space-23) !important;
	}
	
	.md\:mr-23 {
		margin-right: var(--space-23) !important;
	}
	
	.md\:mb-23 {
		margin-bottom: var(--space-23) !important;
	}
	
	.md\:ml-23 {
		margin-left: var(--space-23) !important;
	}
	
	.md\:mx-23 {
		margin-left: var(--space-23) !important;
		margin-right: var(--space-23) !important;
	}
	
	.md\:my-23 {
		margin-top: var(--space-23) !important;
		margin-bottom: var(--space-23) !important;
	}
	
	.md\:p-23 {
		padding: var(--space-23) !important;
	}
	
	.md\:pt-23 {
		padding-top: var(--space-23) !important;
	}
	
	.md\:pr-23 {
		padding-right: var(--space-23) !important;
	}
	
	.md\:pb-23 {
		padding-bottom: var(--space-23) !important;
	}
	
	.md\:pl-23 {
		padding-left: var(--space-23) !important;
	}
	
	.md\:px-23 {
		padding-left: var(--space-23) !important;
		padding-right: var(--space-23) !important;
	}
	
	.md\:py-23 {
		padding-top: var(--space-23) !important;
		padding-bottom: var(--space-23) !important;
	}
	
	.md\:gap-23 {
		gap: var(--space-23) !important;
	}
	
	.md\:gap-x-23 {
		column-gap: var(--space-23) !important;
	}
	
	.md\:gap-y-23 {
		row-gap: var(--space-23) !important;
	}
	
	.md\:m-24 {
		margin: var(--space-24) !important;
	}
	
	.md\:mt-24 {
		margin-top: var(--space-24) !important;
	}
	
	.md\:mr-24 {
		margin-right: var(--space-24) !important;
	}
	
	.md\:mb-24 {
		margin-bottom: var(--space-24) !important;
	}
	
	.md\:ml-24 {
		margin-left: var(--space-24) !important;
	}
	
	.md\:mx-24 {
		margin-left: var(--space-24) !important;
		margin-right: var(--space-24) !important;
	}
	
	.md\:my-24 {
		margin-top: var(--space-24) !important;
		margin-bottom: var(--space-24) !important;
	}
	
	.md\:p-24 {
		padding: var(--space-24) !important;
	}
	
	.md\:pt-24 {
		padding-top: var(--space-24) !important;
	}
	
	.md\:pr-24 {
		padding-right: var(--space-24) !important;
	}
	
	.md\:pb-24 {
		padding-bottom: var(--space-24) !important;
	}
	
	.md\:pl-24 {
		padding-left: var(--space-24) !important;
	}
	
	.md\:px-24 {
		padding-left: var(--space-24) !important;
		padding-right: var(--space-24) !important;
	}
	
	.md\:py-24 {
		padding-top: var(--space-24) !important;
		padding-bottom: var(--space-24) !important;
	}
	
	.md\:gap-24 {
		gap: var(--space-24) !important;
	}
	
	.md\:gap-x-24 {
		column-gap: var(--space-24) !important;
	}
	
	.md\:gap-y-24 {
		row-gap: var(--space-24) !important;
	}
}

@media (min-width:1024px) {
	.lg\:m-0 {
		margin: 0 !important;
	}
	
	.lg\:mt-0 {
		margin-top: 0 !important;
	}
	
	.lg\:mr-0 {
		margin-right: 0 !important;
	}
	
	.lg\:mb-0 {
		margin-bottom: 0 !important;
	}
	
	.lg\:ml-0 {
		margin-left: 0 !important;
	}
	
	.lg\:mx-0 {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	.lg\:my-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	
	.lg\:p-0 {
		padding: 0 !important;
	}
	
	.lg\:pt-0 {
		padding-top: 0 !important;
	}
	
	.lg\:pr-0 {
		padding-right: 0 !important;
	}
	
	.lg\:pb-0 {
		padding-bottom: 0 !important;
	}
	
	.lg\:pl-0 {
		padding-left: 0 !important;
	}
	
	.lg\:px-0 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.lg\:py-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	.lg\:gap-0 {
		gap: 0 !important;
	}
	
	.lg\:gap-x-0 {
		column-gap: 0 !important;
	}
	
	.lg\:gap-y-0 {
		row-gap: 0 !important;
	}
	
	.lg\:m-1 {
		margin: var(--space-1) !important;
	}
	
	.lg\:mt-1 {
		margin-top: var(--space-1) !important;
	}
	
	.lg\:mr-1 {
		margin-right: var(--space-1) !important;
	}
	
	.lg\:mb-1 {
		margin-bottom: var(--space-1) !important;
	}
	
	.lg\:ml-1 {
		margin-left: var(--space-1) !important;
	}
	
	.lg\:mx-1 {
		margin-left: var(--space-1) !important;
		margin-right: var(--space-1) !important;
	}
	
	.lg\:my-1 {
		margin-top: var(--space-1) !important;
		margin-bottom: var(--space-1) !important;
	}
	
	.lg\:p-1 {
		padding: var(--space-1) !important;
	}
	
	.lg\:pt-1 {
		padding-top: var(--space-1) !important;
	}
	
	.lg\:pr-1 {
		padding-right: var(--space-1) !important;
	}
	
	.lg\:pb-1 {
		padding-bottom: var(--space-1) !important;
	}
	
	.lg\:pl-1 {
		padding-left: var(--space-1) !important;
	}
	
	.lg\:px-1 {
		padding-left: var(--space-1) !important;
		padding-right: var(--space-1) !important;
	}
	
	.lg\:py-1 {
		padding-top: var(--space-1) !important;
		padding-bottom: var(--space-1) !important;
	}
	
	.lg\:gap-1 {
		gap: var(--space-1) !important;
	}
	
	.lg\:gap-x-1 {
		column-gap: var(--space-1) !important;
	}
	
	.lg\:gap-y-1 {
		row-gap: var(--space-1) !important;
	}
	
	.lg\:m-2 {
		margin: var(--space-2) !important;
	}
	
	.lg\:mt-2 {
		margin-top: var(--space-2) !important;
	}
	
	.lg\:mr-2 {
		margin-right: var(--space-2) !important;
	}
	
	.lg\:mb-2 {
		margin-bottom: var(--space-2) !important;
	}
	
	.lg\:ml-2 {
		margin-left: var(--space-2) !important;
	}
	
	.lg\:mx-2 {
		margin-left: var(--space-2) !important;
		margin-right: var(--space-2) !important;
	}
	
	.lg\:my-2 {
		margin-top: var(--space-2) !important;
		margin-bottom: var(--space-2) !important;
	}
	
	.lg\:p-2 {
		padding: var(--space-2) !important;
	}
	
	.lg\:pt-2 {
		padding-top: var(--space-2) !important;
	}
	
	.lg\:pr-2 {
		padding-right: var(--space-2) !important;
	}
	
	.lg\:pb-2 {
		padding-bottom: var(--space-2) !important;
	}
	
	.lg\:pl-2 {
		padding-left: var(--space-2) !important;
	}
	
	.lg\:px-2 {
		padding-left: var(--space-2) !important;
		padding-right: var(--space-2) !important;
	}
	
	.lg\:py-2 {
		padding-top: var(--space-2) !important;
		padding-bottom: var(--space-2) !important;
	}
	
	.lg\:gap-2 {
		gap: var(--space-2) !important;
	}
	
	.lg\:gap-x-2 {
		column-gap: var(--space-2) !important;
	}
	
	.lg\:gap-y-2 {
		row-gap: var(--space-2) !important;
	}
	
	.lg\:m-3 {
		margin: var(--space-3) !important;
	}
	
	.lg\:mt-3 {
		margin-top: var(--space-3) !important;
	}
	
	.lg\:mr-3 {
		margin-right: var(--space-3) !important;
	}
	
	.lg\:mb-3 {
		margin-bottom: var(--space-3) !important;
	}
	
	.lg\:ml-3 {
		margin-left: var(--space-3) !important;
	}
	
	.lg\:mx-3 {
		margin-left: var(--space-3) !important;
		margin-right: var(--space-3) !important;
	}
	
	.lg\:my-3 {
		margin-top: var(--space-3) !important;
		margin-bottom: var(--space-3) !important;
	}
	
	.lg\:p-3 {
		padding: var(--space-3) !important;
	}
	
	.lg\:pt-3 {
		padding-top: var(--space-3) !important;
	}
	
	.lg\:pr-3 {
		padding-right: var(--space-3) !important;
	}
	
	.lg\:pb-3 {
		padding-bottom: var(--space-3) !important;
	}
	
	.lg\:pl-3 {
		padding-left: var(--space-3) !important;
	}
	
	.lg\:px-3 {
		padding-left: var(--space-3) !important;
		padding-right: var(--space-3) !important;
	}
	
	.lg\:py-3 {
		padding-top: var(--space-3) !important;
		padding-bottom: var(--space-3) !important;
	}
	
	.lg\:gap-3 {
		gap: var(--space-3) !important;
	}
	
	.lg\:gap-x-3 {
		column-gap: var(--space-3) !important;
	}
	
	.lg\:gap-y-3 {
		row-gap: var(--space-3) !important;
	}
	
	.lg\:m-4 {
		margin: var(--space-4) !important;
	}
	
	.lg\:mt-4 {
		margin-top: var(--space-4) !important;
	}
	
	.lg\:mr-4 {
		margin-right: var(--space-4) !important;
	}
	
	.lg\:mb-4 {
		margin-bottom: var(--space-4) !important;
	}
	
	.lg\:ml-4 {
		margin-left: var(--space-4) !important;
	}
	
	.lg\:mx-4 {
		margin-left: var(--space-4) !important;
		margin-right: var(--space-4) !important;
	}
	
	.lg\:my-4 {
		margin-top: var(--space-4) !important;
		margin-bottom: var(--space-4) !important;
	}
	
	.lg\:p-4 {
		padding: var(--space-4) !important;
	}
	
	.lg\:pt-4 {
		padding-top: var(--space-4) !important;
	}
	
	.lg\:pr-4 {
		padding-right: var(--space-4) !important;
	}
	
	.lg\:pb-4 {
		padding-bottom: var(--space-4) !important;
	}
	
	.lg\:pl-4 {
		padding-left: var(--space-4) !important;
	}
	
	.lg\:px-4 {
		padding-left: var(--space-4) !important;
		padding-right: var(--space-4) !important;
	}
	
	.lg\:py-4 {
		padding-top: var(--space-4) !important;
		padding-bottom: var(--space-4) !important;
	}
	
	.lg\:gap-4 {
		gap: var(--space-4) !important;
	}
	
	.lg\:gap-x-4 {
		column-gap: var(--space-4) !important;
	}
	
	.lg\:gap-y-4 {
		row-gap: var(--space-4) !important;
	}
	
	.lg\:m-5 {
		margin: var(--space-5) !important;
	}
	
	.lg\:mt-5 {
		margin-top: var(--space-5) !important;
	}
	
	.lg\:mr-5 {
		margin-right: var(--space-5) !important;
	}
	
	.lg\:mb-5 {
		margin-bottom: var(--space-5) !important;
	}
	
	.lg\:ml-5 {
		margin-left: var(--space-5) !important;
	}
	
	.lg\:mx-5 {
		margin-left: var(--space-5) !important;
		margin-right: var(--space-5) !important;
	}
	
	.lg\:my-5 {
		margin-top: var(--space-5) !important;
		margin-bottom: var(--space-5) !important;
	}
	
	.lg\:p-5 {
		padding: var(--space-5) !important;
	}
	
	.lg\:pt-5 {
		padding-top: var(--space-5) !important;
	}
	
	.lg\:pr-5 {
		padding-right: var(--space-5) !important;
	}
	
	.lg\:pb-5 {
		padding-bottom: var(--space-5) !important;
	}
	
	.lg\:pl-5 {
		padding-left: var(--space-5) !important;
	}
	
	.lg\:px-5 {
		padding-left: var(--space-5) !important;
		padding-right: var(--space-5) !important;
	}
	
	.lg\:py-5 {
		padding-top: var(--space-5) !important;
		padding-bottom: var(--space-5) !important;
	}
	
	.lg\:gap-5 {
		gap: var(--space-5) !important;
	}
	
	.lg\:gap-x-5 {
		column-gap: var(--space-5) !important;
	}
	
	.lg\:gap-y-5 {
		row-gap: var(--space-5) !important;
	}
	
	.lg\:m-6 {
		margin: var(--space-6) !important;
	}
	
	.lg\:mt-6 {
		margin-top: var(--space-6) !important;
	}
	
	.lg\:mr-6 {
		margin-right: var(--space-6) !important;
	}
	
	.lg\:mb-6 {
		margin-bottom: var(--space-6) !important;
	}
	
	.lg\:ml-6 {
		margin-left: var(--space-6) !important;
	}
	
	.lg\:mx-6 {
		margin-left: var(--space-6) !important;
		margin-right: var(--space-6) !important;
	}
	
	.lg\:my-6 {
		margin-top: var(--space-6) !important;
		margin-bottom: var(--space-6) !important;
	}
	
	.lg\:p-6 {
		padding: var(--space-6) !important;
	}
	
	.lg\:pt-6 {
		padding-top: var(--space-6) !important;
	}
	
	.lg\:pr-6 {
		padding-right: var(--space-6) !important;
	}
	
	.lg\:pb-6 {
		padding-bottom: var(--space-6) !important;
	}
	
	.lg\:pl-6 {
		padding-left: var(--space-6) !important;
	}
	
	.lg\:px-6 {
		padding-left: var(--space-6) !important;
		padding-right: var(--space-6) !important;
	}
	
	.lg\:py-6 {
		padding-top: var(--space-6) !important;
		padding-bottom: var(--space-6) !important;
	}
	
	.lg\:gap-6 {
		gap: var(--space-6) !important;
	}
	
	.lg\:gap-x-6 {
		column-gap: var(--space-6) !important;
	}
	
	.lg\:gap-y-6 {
		row-gap: var(--space-6) !important;
	}
	
	.lg\:m-7 {
		margin: var(--space-7) !important;
	}
	
	.lg\:mt-7 {
		margin-top: var(--space-7) !important;
	}
	
	.lg\:mr-7 {
		margin-right: var(--space-7) !important;
	}
	
	.lg\:mb-7 {
		margin-bottom: var(--space-7) !important;
	}
	
	.lg\:ml-7 {
		margin-left: var(--space-7) !important;
	}
	
	.lg\:mx-7 {
		margin-left: var(--space-7) !important;
		margin-right: var(--space-7) !important;
	}
	
	.lg\:my-7 {
		margin-top: var(--space-7) !important;
		margin-bottom: var(--space-7) !important;
	}
	
	.lg\:p-7 {
		padding: var(--space-7) !important;
	}
	
	.lg\:pt-7 {
		padding-top: var(--space-7) !important;
	}
	
	.lg\:pr-7 {
		padding-right: var(--space-7) !important;
	}
	
	.lg\:pb-7 {
		padding-bottom: var(--space-7) !important;
	}
	
	.lg\:pl-7 {
		padding-left: var(--space-7) !important;
	}
	
	.lg\:px-7 {
		padding-left: var(--space-7) !important;
		padding-right: var(--space-7) !important;
	}
	
	.lg\:py-7 {
		padding-top: var(--space-7) !important;
		padding-bottom: var(--space-7) !important;
	}
	
	.lg\:gap-7 {
		gap: var(--space-7) !important;
	}
	
	.lg\:gap-x-7 {
		column-gap: var(--space-7) !important;
	}
	
	.lg\:gap-y-7 {
		row-gap: var(--space-7) !important;
	}
	
	.lg\:m-8 {
		margin: var(--space-8) !important;
	}
	
	.lg\:mt-8 {
		margin-top: var(--space-8) !important;
	}
	
	.lg\:mr-8 {
		margin-right: var(--space-8) !important;
	}
	
	.lg\:mb-8 {
		margin-bottom: var(--space-8) !important;
	}
	
	.lg\:ml-8 {
		margin-left: var(--space-8) !important;
	}
	
	.lg\:mx-8 {
		margin-left: var(--space-8) !important;
		margin-right: var(--space-8) !important;
	}
	
	.lg\:my-8 {
		margin-top: var(--space-8) !important;
		margin-bottom: var(--space-8) !important;
	}
	
	.lg\:p-8 {
		padding: var(--space-8) !important;
	}
	
	.lg\:pt-8 {
		padding-top: var(--space-8) !important;
	}
	
	.lg\:pr-8 {
		padding-right: var(--space-8) !important;
	}
	
	.lg\:pb-8 {
		padding-bottom: var(--space-8) !important;
	}
	
	.lg\:pl-8 {
		padding-left: var(--space-8) !important;
	}
	
	.lg\:px-8 {
		padding-left: var(--space-8) !important;
		padding-right: var(--space-8) !important;
	}
	
	.lg\:py-8 {
		padding-top: var(--space-8) !important;
		padding-bottom: var(--space-8) !important;
	}
	
	.lg\:gap-8 {
		gap: var(--space-8) !important;
	}
	
	.lg\:gap-x-8 {
		column-gap: var(--space-8) !important;
	}
	
	.lg\:gap-y-8 {
		row-gap: var(--space-8) !important;
	}
	
	.lg\:m-9 {
		margin: var(--space-9) !important;
	}
	
	.lg\:mt-9 {
		margin-top: var(--space-9) !important;
	}
	
	.lg\:mr-9 {
		margin-right: var(--space-9) !important;
	}
	
	.lg\:mb-9 {
		margin-bottom: var(--space-9) !important;
	}
	
	.lg\:ml-9 {
		margin-left: var(--space-9) !important;
	}
	
	.lg\:mx-9 {
		margin-left: var(--space-9) !important;
		margin-right: var(--space-9) !important;
	}
	
	.lg\:my-9 {
		margin-top: var(--space-9) !important;
		margin-bottom: var(--space-9) !important;
	}
	
	.lg\:p-9 {
		padding: var(--space-9) !important;
	}
	
	.lg\:pt-9 {
		padding-top: var(--space-9) !important;
	}
	
	.lg\:pr-9 {
		padding-right: var(--space-9) !important;
	}
	
	.lg\:pb-9 {
		padding-bottom: var(--space-9) !important;
	}
	
	.lg\:pl-9 {
		padding-left: var(--space-9) !important;
	}
	
	.lg\:px-9 {
		padding-left: var(--space-9) !important;
		padding-right: var(--space-9) !important;
	}
	
	.lg\:py-9 {
		padding-top: var(--space-9) !important;
		padding-bottom: var(--space-9) !important;
	}
	
	.lg\:gap-9 {
		gap: var(--space-9) !important;
	}
	
	.lg\:gap-x-9 {
		column-gap: var(--space-9) !important;
	}
	
	.lg\:gap-y-9 {
		row-gap: var(--space-9) !important;
	}
	
	.lg\:m-10 {
		margin: var(--space-10) !important;
	}
	
	.lg\:mt-10 {
		margin-top: var(--space-10) !important;
	}
	
	.lg\:mr-10 {
		margin-right: var(--space-10) !important;
	}
	
	.lg\:mb-10 {
		margin-bottom: var(--space-10) !important;
	}
	
	.lg\:ml-10 {
		margin-left: var(--space-10) !important;
	}
	
	.lg\:mx-10 {
		margin-left: var(--space-10) !important;
		margin-right: var(--space-10) !important;
	}
	
	.lg\:my-10 {
		margin-top: var(--space-10) !important;
		margin-bottom: var(--space-10) !important;
	}
	
	.lg\:p-10 {
		padding: var(--space-10) !important;
	}
	
	.lg\:pt-10 {
		padding-top: var(--space-10) !important;
	}
	
	.lg\:pr-10 {
		padding-right: var(--space-10) !important;
	}
	
	.lg\:pb-10 {
		padding-bottom: var(--space-10) !important;
	}
	
	.lg\:pl-10 {
		padding-left: var(--space-10) !important;
	}
	
	.lg\:px-10 {
		padding-left: var(--space-10) !important;
		padding-right: var(--space-10) !important;
	}
	
	.lg\:py-10 {
		padding-top: var(--space-10) !important;
		padding-bottom: var(--space-10) !important;
	}
	
	.lg\:gap-10 {
		gap: var(--space-10) !important;
	}
	
	.lg\:gap-x-10 {
		column-gap: var(--space-10) !important;
	}
	
	.lg\:gap-y-10 {
		row-gap: var(--space-10) !important;
	}
	
	.lg\:m-11 {
		margin: var(--space-11) !important;
	}
	
	.lg\:mt-11 {
		margin-top: var(--space-11) !important;
	}
	
	.lg\:mr-11 {
		margin-right: var(--space-11) !important;
	}
	
	.lg\:mb-11 {
		margin-bottom: var(--space-11) !important;
	}
	
	.lg\:ml-11 {
		margin-left: var(--space-11) !important;
	}
	
	.lg\:mx-11 {
		margin-left: var(--space-11) !important;
		margin-right: var(--space-11) !important;
	}
	
	.lg\:my-11 {
		margin-top: var(--space-11) !important;
		margin-bottom: var(--space-11) !important;
	}
	
	.lg\:p-11 {
		padding: var(--space-11) !important;
	}
	
	.lg\:pt-11 {
		padding-top: var(--space-11) !important;
	}
	
	.lg\:pr-11 {
		padding-right: var(--space-11) !important;
	}
	
	.lg\:pb-11 {
		padding-bottom: var(--space-11) !important;
	}
	
	.lg\:pl-11 {
		padding-left: var(--space-11) !important;
	}
	
	.lg\:px-11 {
		padding-left: var(--space-11) !important;
		padding-right: var(--space-11) !important;
	}
	
	.lg\:py-11 {
		padding-top: var(--space-11) !important;
		padding-bottom: var(--space-11) !important;
	}
	
	.lg\:gap-11 {
		gap: var(--space-11) !important;
	}
	
	.lg\:gap-x-11 {
		column-gap: var(--space-11) !important;
	}
	
	.lg\:gap-y-11 {
		row-gap: var(--space-11) !important;
	}
	
	.lg\:m-12 {
		margin: var(--space-12) !important;
	}
	
	.lg\:mt-12 {
		margin-top: var(--space-12) !important;
	}
	
	.lg\:mr-12 {
		margin-right: var(--space-12) !important;
	}
	
	.lg\:mb-12 {
		margin-bottom: var(--space-12) !important;
	}
	
	.lg\:ml-12 {
		margin-left: var(--space-12) !important;
	}
	
	.lg\:mx-12 {
		margin-left: var(--space-12) !important;
		margin-right: var(--space-12) !important;
	}
	
	.lg\:my-12 {
		margin-top: var(--space-12) !important;
		margin-bottom: var(--space-12) !important;
	}
	
	.lg\:p-12 {
		padding: var(--space-12) !important;
	}
	
	.lg\:pt-12 {
		padding-top: var(--space-12) !important;
	}
	
	.lg\:pr-12 {
		padding-right: var(--space-12) !important;
	}
	
	.lg\:pb-12 {
		padding-bottom: var(--space-12) !important;
	}
	
	.lg\:pl-12 {
		padding-left: var(--space-12) !important;
	}
	
	.lg\:px-12 {
		padding-left: var(--space-12) !important;
		padding-right: var(--space-12) !important;
	}
	
	.lg\:py-12 {
		padding-top: var(--space-12) !important;
		padding-bottom: var(--space-12) !important;
	}
	
	.lg\:gap-12 {
		gap: var(--space-12) !important;
	}
	
	.lg\:gap-x-12 {
		column-gap: var(--space-12) !important;
	}
	
	.lg\:gap-y-12 {
		row-gap: var(--space-12) !important;
	}
	
	.lg\:m-13 {
		margin: var(--space-13) !important;
	}
	
	.lg\:mt-13 {
		margin-top: var(--space-13) !important;
	}
	
	.lg\:mr-13 {
		margin-right: var(--space-13) !important;
	}
	
	.lg\:mb-13 {
		margin-bottom: var(--space-13) !important;
	}
	
	.lg\:ml-13 {
		margin-left: var(--space-13) !important;
	}
	
	.lg\:mx-13 {
		margin-left: var(--space-13) !important;
		margin-right: var(--space-13) !important;
	}
	
	.lg\:my-13 {
		margin-top: var(--space-13) !important;
		margin-bottom: var(--space-13) !important;
	}
	
	.lg\:p-13 {
		padding: var(--space-13) !important;
	}
	
	.lg\:pt-13 {
		padding-top: var(--space-13) !important;
	}
	
	.lg\:pr-13 {
		padding-right: var(--space-13) !important;
	}
	
	.lg\:pb-13 {
		padding-bottom: var(--space-13) !important;
	}
	
	.lg\:pl-13 {
		padding-left: var(--space-13) !important;
	}
	
	.lg\:px-13 {
		padding-left: var(--space-13) !important;
		padding-right: var(--space-13) !important;
	}
	
	.lg\:py-13 {
		padding-top: var(--space-13) !important;
		padding-bottom: var(--space-13) !important;
	}
	
	.lg\:gap-13 {
		gap: var(--space-13) !important;
	}
	
	.lg\:gap-x-13 {
		column-gap: var(--space-13) !important;
	}
	
	.lg\:gap-y-13 {
		row-gap: var(--space-13) !important;
	}
	
	.lg\:m-14 {
		margin: var(--space-14) !important;
	}
	
	.lg\:mt-14 {
		margin-top: var(--space-14) !important;
	}
	
	.lg\:mr-14 {
		margin-right: var(--space-14) !important;
	}
	
	.lg\:mb-14 {
		margin-bottom: var(--space-14) !important;
	}
	
	.lg\:ml-14 {
		margin-left: var(--space-14) !important;
	}
	
	.lg\:mx-14 {
		margin-left: var(--space-14) !important;
		margin-right: var(--space-14) !important;
	}
	
	.lg\:my-14 {
		margin-top: var(--space-14) !important;
		margin-bottom: var(--space-14) !important;
	}
	
	.lg\:p-14 {
		padding: var(--space-14) !important;
	}
	
	.lg\:pt-14 {
		padding-top: var(--space-14) !important;
	}
	
	.lg\:pr-14 {
		padding-right: var(--space-14) !important;
	}
	
	.lg\:pb-14 {
		padding-bottom: var(--space-14) !important;
	}
	
	.lg\:pl-14 {
		padding-left: var(--space-14) !important;
	}
	
	.lg\:px-14 {
		padding-left: var(--space-14) !important;
		padding-right: var(--space-14) !important;
	}
	
	.lg\:py-14 {
		padding-top: var(--space-14) !important;
		padding-bottom: var(--space-14) !important;
	}
	
	.lg\:gap-14 {
		gap: var(--space-14) !important;
	}
	
	.lg\:gap-x-14 {
		column-gap: var(--space-14) !important;
	}
	
	.lg\:gap-y-14 {
		row-gap: var(--space-14) !important;
	}
	
	.lg\:m-15 {
		margin: var(--space-15) !important;
	}
	
	.lg\:mt-15 {
		margin-top: var(--space-15) !important;
	}
	
	.lg\:mr-15 {
		margin-right: var(--space-15) !important;
	}
	
	.lg\:mb-15 {
		margin-bottom: var(--space-15) !important;
	}
	
	.lg\:ml-15 {
		margin-left: var(--space-15) !important;
	}
	
	.lg\:mx-15 {
		margin-left: var(--space-15) !important;
		margin-right: var(--space-15) !important;
	}
	
	.lg\:my-15 {
		margin-top: var(--space-15) !important;
		margin-bottom: var(--space-15) !important;
	}
	
	.lg\:p-15 {
		padding: var(--space-15) !important;
	}
	
	.lg\:pt-15 {
		padding-top: var(--space-15) !important;
	}
	
	.lg\:pr-15 {
		padding-right: var(--space-15) !important;
	}
	
	.lg\:pb-15 {
		padding-bottom: var(--space-15) !important;
	}
	
	.lg\:pl-15 {
		padding-left: var(--space-15) !important;
	}
	
	.lg\:px-15 {
		padding-left: var(--space-15) !important;
		padding-right: var(--space-15) !important;
	}
	
	.lg\:py-15 {
		padding-top: var(--space-15) !important;
		padding-bottom: var(--space-15) !important;
	}
	
	.lg\:gap-15 {
		gap: var(--space-15) !important;
	}
	
	.lg\:gap-x-15 {
		column-gap: var(--space-15) !important;
	}
	
	.lg\:gap-y-15 {
		row-gap: var(--space-15) !important;
	}
	
	.lg\:m-16 {
		margin: var(--space-16) !important;
	}
	
	.lg\:mt-16 {
		margin-top: var(--space-16) !important;
	}
	
	.lg\:mr-16 {
		margin-right: var(--space-16) !important;
	}
	
	.lg\:mb-16 {
		margin-bottom: var(--space-16) !important;
	}
	
	.lg\:ml-16 {
		margin-left: var(--space-16) !important;
	}
	
	.lg\:mx-16 {
		margin-left: var(--space-16) !important;
		margin-right: var(--space-16) !important;
	}
	
	.lg\:my-16 {
		margin-top: var(--space-16) !important;
		margin-bottom: var(--space-16) !important;
	}
	
	.lg\:p-16 {
		padding: var(--space-16) !important;
	}
	
	.lg\:pt-16 {
		padding-top: var(--space-16) !important;
	}
	
	.lg\:pr-16 {
		padding-right: var(--space-16) !important;
	}
	
	.lg\:pb-16 {
		padding-bottom: var(--space-16) !important;
	}
	
	.lg\:pl-16 {
		padding-left: var(--space-16) !important;
	}
	
	.lg\:px-16 {
		padding-left: var(--space-16) !important;
		padding-right: var(--space-16) !important;
	}
	
	.lg\:py-16 {
		padding-top: var(--space-16) !important;
		padding-bottom: var(--space-16) !important;
	}
	
	.lg\:gap-16 {
		gap: var(--space-16) !important;
	}
	
	.lg\:gap-x-16 {
		column-gap: var(--space-16) !important;
	}
	
	.lg\:gap-y-16 {
		row-gap: var(--space-16) !important;
	}
	
	.lg\:m-17 {
		margin: var(--space-17) !important;
	}
	
	.lg\:mt-17 {
		margin-top: var(--space-17) !important;
	}
	
	.lg\:mr-17 {
		margin-right: var(--space-17) !important;
	}
	
	.lg\:mb-17 {
		margin-bottom: var(--space-17) !important;
	}
	
	.lg\:ml-17 {
		margin-left: var(--space-17) !important;
	}
	
	.lg\:mx-17 {
		margin-left: var(--space-17) !important;
		margin-right: var(--space-17) !important;
	}
	
	.lg\:my-17 {
		margin-top: var(--space-17) !important;
		margin-bottom: var(--space-17) !important;
	}
	
	.lg\:p-17 {
		padding: var(--space-17) !important;
	}
	
	.lg\:pt-17 {
		padding-top: var(--space-17) !important;
	}
	
	.lg\:pr-17 {
		padding-right: var(--space-17) !important;
	}
	
	.lg\:pb-17 {
		padding-bottom: var(--space-17) !important;
	}
	
	.lg\:pl-17 {
		padding-left: var(--space-17) !important;
	}
	
	.lg\:px-17 {
		padding-left: var(--space-17) !important;
		padding-right: var(--space-17) !important;
	}
	
	.lg\:py-17 {
		padding-top: var(--space-17) !important;
		padding-bottom: var(--space-17) !important;
	}
	
	.lg\:gap-17 {
		gap: var(--space-17) !important;
	}
	
	.lg\:gap-x-17 {
		column-gap: var(--space-17) !important;
	}
	
	.lg\:gap-y-17 {
		row-gap: var(--space-17) !important;
	}
	
	.lg\:m-18 {
		margin: var(--space-18) !important;
	}
	
	.lg\:mt-18 {
		margin-top: var(--space-18) !important;
	}
	
	.lg\:mr-18 {
		margin-right: var(--space-18) !important;
	}
	
	.lg\:mb-18 {
		margin-bottom: var(--space-18) !important;
	}
	
	.lg\:ml-18 {
		margin-left: var(--space-18) !important;
	}
	
	.lg\:mx-18 {
		margin-left: var(--space-18) !important;
		margin-right: var(--space-18) !important;
	}
	
	.lg\:my-18 {
		margin-top: var(--space-18) !important;
		margin-bottom: var(--space-18) !important;
	}
	
	.lg\:p-18 {
		padding: var(--space-18) !important;
	}
	
	.lg\:pt-18 {
		padding-top: var(--space-18) !important;
	}
	
	.lg\:pr-18 {
		padding-right: var(--space-18) !important;
	}
	
	.lg\:pb-18 {
		padding-bottom: var(--space-18) !important;
	}
	
	.lg\:pl-18 {
		padding-left: var(--space-18) !important;
	}
	
	.lg\:px-18 {
		padding-left: var(--space-18) !important;
		padding-right: var(--space-18) !important;
	}
	
	.lg\:py-18 {
		padding-top: var(--space-18) !important;
		padding-bottom: var(--space-18) !important;
	}
	
	.lg\:gap-18 {
		gap: var(--space-18) !important;
	}
	
	.lg\:gap-x-18 {
		column-gap: var(--space-18) !important;
	}
	
	.lg\:gap-y-18 {
		row-gap: var(--space-18) !important;
	}
	
	.lg\:m-19 {
		margin: var(--space-19) !important;
	}
	
	.lg\:mt-19 {
		margin-top: var(--space-19) !important;
	}
	
	.lg\:mr-19 {
		margin-right: var(--space-19) !important;
	}
	
	.lg\:mb-19 {
		margin-bottom: var(--space-19) !important;
	}
	
	.lg\:ml-19 {
		margin-left: var(--space-19) !important;
	}
	
	.lg\:mx-19 {
		margin-left: var(--space-19) !important;
		margin-right: var(--space-19) !important;
	}
	
	.lg\:my-19 {
		margin-top: var(--space-19) !important;
		margin-bottom: var(--space-19) !important;
	}
	
	.lg\:p-19 {
		padding: var(--space-19) !important;
	}
	
	.lg\:pt-19 {
		padding-top: var(--space-19) !important;
	}
	
	.lg\:pr-19 {
		padding-right: var(--space-19) !important;
	}
	
	.lg\:pb-19 {
		padding-bottom: var(--space-19) !important;
	}
	
	.lg\:pl-19 {
		padding-left: var(--space-19) !important;
	}
	
	.lg\:px-19 {
		padding-left: var(--space-19) !important;
		padding-right: var(--space-19) !important;
	}
	
	.lg\:py-19 {
		padding-top: var(--space-19) !important;
		padding-bottom: var(--space-19) !important;
	}
	
	.lg\:gap-19 {
		gap: var(--space-19) !important;
	}
	
	.lg\:gap-x-19 {
		column-gap: var(--space-19) !important;
	}
	
	.lg\:gap-y-19 {
		row-gap: var(--space-19) !important;
	}
	
	.lg\:m-20 {
		margin: var(--space-20) !important;
	}
	
	.lg\:mt-20 {
		margin-top: var(--space-20) !important;
	}
	
	.lg\:mr-20 {
		margin-right: var(--space-20) !important;
	}
	
	.lg\:mb-20 {
		margin-bottom: var(--space-20) !important;
	}
	
	.lg\:ml-20 {
		margin-left: var(--space-20) !important;
	}
	
	.lg\:mx-20 {
		margin-left: var(--space-20) !important;
		margin-right: var(--space-20) !important;
	}
	
	.lg\:my-20 {
		margin-top: var(--space-20) !important;
		margin-bottom: var(--space-20) !important;
	}
	
	.lg\:p-20 {
		padding: var(--space-20) !important;
	}
	
	.lg\:pt-20 {
		padding-top: var(--space-20) !important;
	}
	
	.lg\:pr-20 {
		padding-right: var(--space-20) !important;
	}
	
	.lg\:pb-20 {
		padding-bottom: var(--space-20) !important;
	}
	
	.lg\:pl-20 {
		padding-left: var(--space-20) !important;
	}
	
	.lg\:px-20 {
		padding-left: var(--space-20) !important;
		padding-right: var(--space-20) !important;
	}
	
	.lg\:py-20 {
		padding-top: var(--space-20) !important;
		padding-bottom: var(--space-20) !important;
	}
	
	.lg\:gap-20 {
		gap: var(--space-20) !important;
	}
	
	.lg\:gap-x-20 {
		column-gap: var(--space-20) !important;
	}
	
	.lg\:gap-y-20 {
		row-gap: var(--space-20) !important;
	}
	
	.lg\:m-21 {
		margin: var(--space-21) !important;
	}
	
	.lg\:mt-21 {
		margin-top: var(--space-21) !important;
	}
	
	.lg\:mr-21 {
		margin-right: var(--space-21) !important;
	}
	
	.lg\:mb-21 {
		margin-bottom: var(--space-21) !important;
	}
	
	.lg\:ml-21 {
		margin-left: var(--space-21) !important;
	}
	
	.lg\:mx-21 {
		margin-left: var(--space-21) !important;
		margin-right: var(--space-21) !important;
	}
	
	.lg\:my-21 {
		margin-top: var(--space-21) !important;
		margin-bottom: var(--space-21) !important;
	}
	
	.lg\:p-21 {
		padding: var(--space-21) !important;
	}
	
	.lg\:pt-21 {
		padding-top: var(--space-21) !important;
	}
	
	.lg\:pr-21 {
		padding-right: var(--space-21) !important;
	}
	
	.lg\:pb-21 {
		padding-bottom: var(--space-21) !important;
	}
	
	.lg\:pl-21 {
		padding-left: var(--space-21) !important;
	}
	
	.lg\:px-21 {
		padding-left: var(--space-21) !important;
		padding-right: var(--space-21) !important;
	}
	
	.lg\:py-21 {
		padding-top: var(--space-21) !important;
		padding-bottom: var(--space-21) !important;
	}
	
	.lg\:gap-21 {
		gap: var(--space-21) !important;
	}
	
	.lg\:gap-x-21 {
		column-gap: var(--space-21) !important;
	}
	
	.lg\:gap-y-21 {
		row-gap: var(--space-21) !important;
	}
	
	.lg\:m-22 {
		margin: var(--space-22) !important;
	}
	
	.lg\:mt-22 {
		margin-top: var(--space-22) !important;
	}
	
	.lg\:mr-22 {
		margin-right: var(--space-22) !important;
	}
	
	.lg\:mb-22 {
		margin-bottom: var(--space-22) !important;
	}
	
	.lg\:ml-22 {
		margin-left: var(--space-22) !important;
	}
	
	.lg\:mx-22 {
		margin-left: var(--space-22) !important;
		margin-right: var(--space-22) !important;
	}
	
	.lg\:my-22 {
		margin-top: var(--space-22) !important;
		margin-bottom: var(--space-22) !important;
	}
	
	.lg\:p-22 {
		padding: var(--space-22) !important;
	}
	
	.lg\:pt-22 {
		padding-top: var(--space-22) !important;
	}
	
	.lg\:pr-22 {
		padding-right: var(--space-22) !important;
	}
	
	.lg\:pb-22 {
		padding-bottom: var(--space-22) !important;
	}
	
	.lg\:pl-22 {
		padding-left: var(--space-22) !important;
	}
	
	.lg\:px-22 {
		padding-left: var(--space-22) !important;
		padding-right: var(--space-22) !important;
	}
	
	.lg\:py-22 {
		padding-top: var(--space-22) !important;
		padding-bottom: var(--space-22) !important;
	}
	
	.lg\:gap-22 {
		gap: var(--space-22) !important;
	}
	
	.lg\:gap-x-22 {
		column-gap: var(--space-22) !important;
	}
	
	.lg\:gap-y-22 {
		row-gap: var(--space-22) !important;
	}
	
	.lg\:m-23 {
		margin: var(--space-23) !important;
	}
	
	.lg\:mt-23 {
		margin-top: var(--space-23) !important;
	}
	
	.lg\:mr-23 {
		margin-right: var(--space-23) !important;
	}
	
	.lg\:mb-23 {
		margin-bottom: var(--space-23) !important;
	}
	
	.lg\:ml-23 {
		margin-left: var(--space-23) !important;
	}
	
	.lg\:mx-23 {
		margin-left: var(--space-23) !important;
		margin-right: var(--space-23) !important;
	}
	
	.lg\:my-23 {
		margin-top: var(--space-23) !important;
		margin-bottom: var(--space-23) !important;
	}
	
	.lg\:p-23 {
		padding: var(--space-23) !important;
	}
	
	.lg\:pt-23 {
		padding-top: var(--space-23) !important;
	}
	
	.lg\:pr-23 {
		padding-right: var(--space-23) !important;
	}
	
	.lg\:pb-23 {
		padding-bottom: var(--space-23) !important;
	}
	
	.lg\:pl-23 {
		padding-left: var(--space-23) !important;
	}
	
	.lg\:px-23 {
		padding-left: var(--space-23) !important;
		padding-right: var(--space-23) !important;
	}
	
	.lg\:py-23 {
		padding-top: var(--space-23) !important;
		padding-bottom: var(--space-23) !important;
	}
	
	.lg\:gap-23 {
		gap: var(--space-23) !important;
	}
	
	.lg\:gap-x-23 {
		column-gap: var(--space-23) !important;
	}
	
	.lg\:gap-y-23 {
		row-gap: var(--space-23) !important;
	}
	
	.lg\:m-24 {
		margin: var(--space-24) !important;
	}
	
	.lg\:mt-24 {
		margin-top: var(--space-24) !important;
	}
	
	.lg\:mr-24 {
		margin-right: var(--space-24) !important;
	}
	
	.lg\:mb-24 {
		margin-bottom: var(--space-24) !important;
	}
	
	.lg\:ml-24 {
		margin-left: var(--space-24) !important;
	}
	
	.lg\:mx-24 {
		margin-left: var(--space-24) !important;
		margin-right: var(--space-24) !important;
	}
	
	.lg\:my-24 {
		margin-top: var(--space-24) !important;
		margin-bottom: var(--space-24) !important;
	}
	
	.lg\:p-24 {
		padding: var(--space-24) !important;
	}
	
	.lg\:pt-24 {
		padding-top: var(--space-24) !important;
	}
	
	.lg\:pr-24 {
		padding-right: var(--space-24) !important;
	}
	
	.lg\:pb-24 {
		padding-bottom: var(--space-24) !important;
	}
	
	.lg\:pl-24 {
		padding-left: var(--space-24) !important;
	}
	
	.lg\:px-24 {
		padding-left: var(--space-24) !important;
		padding-right: var(--space-24) !important;
	}
	
	.lg\:py-24 {
		padding-top: var(--space-24) !important;
		padding-bottom: var(--space-24) !important;
	}
	
	.lg\:gap-24 {
		gap: var(--space-24) !important;
	}
	
	.lg\:gap-x-24 {
		column-gap: var(--space-24) !important;
	}
	
	.lg\:gap-y-24 {
		row-gap: var(--space-24) !important;
	}
}

@media (min-width:1280px) {
	.xl\:m-0 {
		margin: 0 !important;
	}
	
	.xl\:mt-0 {
		margin-top: 0 !important;
	}
	
	.xl\:mr-0 {
		margin-right: 0 !important;
	}
	
	.xl\:mb-0 {
		margin-bottom: 0 !important;
	}
	
	.xl\:ml-0 {
		margin-left: 0 !important;
	}
	
	.xl\:mx-0 {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	.xl\:my-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	
	.xl\:p-0 {
		padding: 0 !important;
	}
	
	.xl\:pt-0 {
		padding-top: 0 !important;
	}
	
	.xl\:pr-0 {
		padding-right: 0 !important;
	}
	
	.xl\:pb-0 {
		padding-bottom: 0 !important;
	}
	
	.xl\:pl-0 {
		padding-left: 0 !important;
	}
	
	.xl\:px-0 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.xl\:py-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	.xl\:gap-0 {
		gap: 0 !important;
	}
	
	.xl\:gap-x-0 {
		column-gap: 0 !important;
	}
	
	.xl\:gap-y-0 {
		row-gap: 0 !important;
	}
	
	.xl\:m-1 {
		margin: var(--space-1) !important;
	}
	
	.xl\:mt-1 {
		margin-top: var(--space-1) !important;
	}
	
	.xl\:mr-1 {
		margin-right: var(--space-1) !important;
	}
	
	.xl\:mb-1 {
		margin-bottom: var(--space-1) !important;
	}
	
	.xl\:ml-1 {
		margin-left: var(--space-1) !important;
	}
	
	.xl\:mx-1 {
		margin-left: var(--space-1) !important;
		margin-right: var(--space-1) !important;
	}
	
	.xl\:my-1 {
		margin-top: var(--space-1) !important;
		margin-bottom: var(--space-1) !important;
	}
	
	.xl\:p-1 {
		padding: var(--space-1) !important;
	}
	
	.xl\:pt-1 {
		padding-top: var(--space-1) !important;
	}
	
	.xl\:pr-1 {
		padding-right: var(--space-1) !important;
	}
	
	.xl\:pb-1 {
		padding-bottom: var(--space-1) !important;
	}
	
	.xl\:pl-1 {
		padding-left: var(--space-1) !important;
	}
	
	.xl\:px-1 {
		padding-left: var(--space-1) !important;
		padding-right: var(--space-1) !important;
	}
	
	.xl\:py-1 {
		padding-top: var(--space-1) !important;
		padding-bottom: var(--space-1) !important;
	}
	
	.xl\:gap-1 {
		gap: var(--space-1) !important;
	}
	
	.xl\:gap-x-1 {
		column-gap: var(--space-1) !important;
	}
	
	.xl\:gap-y-1 {
		row-gap: var(--space-1) !important;
	}
	
	.xl\:m-2 {
		margin: var(--space-2) !important;
	}
	
	.xl\:mt-2 {
		margin-top: var(--space-2) !important;
	}
	
	.xl\:mr-2 {
		margin-right: var(--space-2) !important;
	}
	
	.xl\:mb-2 {
		margin-bottom: var(--space-2) !important;
	}
	
	.xl\:ml-2 {
		margin-left: var(--space-2) !important;
	}
	
	.xl\:mx-2 {
		margin-left: var(--space-2) !important;
		margin-right: var(--space-2) !important;
	}
	
	.xl\:my-2 {
		margin-top: var(--space-2) !important;
		margin-bottom: var(--space-2) !important;
	}
	
	.xl\:p-2 {
		padding: var(--space-2) !important;
	}
	
	.xl\:pt-2 {
		padding-top: var(--space-2) !important;
	}
	
	.xl\:pr-2 {
		padding-right: var(--space-2) !important;
	}
	
	.xl\:pb-2 {
		padding-bottom: var(--space-2) !important;
	}
	
	.xl\:pl-2 {
		padding-left: var(--space-2) !important;
	}
	
	.xl\:px-2 {
		padding-left: var(--space-2) !important;
		padding-right: var(--space-2) !important;
	}
	
	.xl\:py-2 {
		padding-top: var(--space-2) !important;
		padding-bottom: var(--space-2) !important;
	}
	
	.xl\:gap-2 {
		gap: var(--space-2) !important;
	}
	
	.xl\:gap-x-2 {
		column-gap: var(--space-2) !important;
	}
	
	.xl\:gap-y-2 {
		row-gap: var(--space-2) !important;
	}
	
	.xl\:m-3 {
		margin: var(--space-3) !important;
	}
	
	.xl\:mt-3 {
		margin-top: var(--space-3) !important;
	}
	
	.xl\:mr-3 {
		margin-right: var(--space-3) !important;
	}
	
	.xl\:mb-3 {
		margin-bottom: var(--space-3) !important;
	}
	
	.xl\:ml-3 {
		margin-left: var(--space-3) !important;
	}
	
	.xl\:mx-3 {
		margin-left: var(--space-3) !important;
		margin-right: var(--space-3) !important;
	}
	
	.xl\:my-3 {
		margin-top: var(--space-3) !important;
		margin-bottom: var(--space-3) !important;
	}
	
	.xl\:p-3 {
		padding: var(--space-3) !important;
	}
	
	.xl\:pt-3 {
		padding-top: var(--space-3) !important;
	}
	
	.xl\:pr-3 {
		padding-right: var(--space-3) !important;
	}
	
	.xl\:pb-3 {
		padding-bottom: var(--space-3) !important;
	}
	
	.xl\:pl-3 {
		padding-left: var(--space-3) !important;
	}
	
	.xl\:px-3 {
		padding-left: var(--space-3) !important;
		padding-right: var(--space-3) !important;
	}
	
	.xl\:py-3 {
		padding-top: var(--space-3) !important;
		padding-bottom: var(--space-3) !important;
	}
	
	.xl\:gap-3 {
		gap: var(--space-3) !important;
	}
	
	.xl\:gap-x-3 {
		column-gap: var(--space-3) !important;
	}
	
	.xl\:gap-y-3 {
		row-gap: var(--space-3) !important;
	}
	
	.xl\:m-4 {
		margin: var(--space-4) !important;
	}
	
	.xl\:mt-4 {
		margin-top: var(--space-4) !important;
	}
	
	.xl\:mr-4 {
		margin-right: var(--space-4) !important;
	}
	
	.xl\:mb-4 {
		margin-bottom: var(--space-4) !important;
	}
	
	.xl\:ml-4 {
		margin-left: var(--space-4) !important;
	}
	
	.xl\:mx-4 {
		margin-left: var(--space-4) !important;
		margin-right: var(--space-4) !important;
	}
	
	.xl\:my-4 {
		margin-top: var(--space-4) !important;
		margin-bottom: var(--space-4) !important;
	}
	
	.xl\:p-4 {
		padding: var(--space-4) !important;
	}
	
	.xl\:pt-4 {
		padding-top: var(--space-4) !important;
	}
	
	.xl\:pr-4 {
		padding-right: var(--space-4) !important;
	}
	
	.xl\:pb-4 {
		padding-bottom: var(--space-4) !important;
	}
	
	.xl\:pl-4 {
		padding-left: var(--space-4) !important;
	}
	
	.xl\:px-4 {
		padding-left: var(--space-4) !important;
		padding-right: var(--space-4) !important;
	}
	
	.xl\:py-4 {
		padding-top: var(--space-4) !important;
		padding-bottom: var(--space-4) !important;
	}
	
	.xl\:gap-4 {
		gap: var(--space-4) !important;
	}
	
	.xl\:gap-x-4 {
		column-gap: var(--space-4) !important;
	}
	
	.xl\:gap-y-4 {
		row-gap: var(--space-4) !important;
	}
	
	.xl\:m-5 {
		margin: var(--space-5) !important;
	}
	
	.xl\:mt-5 {
		margin-top: var(--space-5) !important;
	}
	
	.xl\:mr-5 {
		margin-right: var(--space-5) !important;
	}
	
	.xl\:mb-5 {
		margin-bottom: var(--space-5) !important;
	}
	
	.xl\:ml-5 {
		margin-left: var(--space-5) !important;
	}
	
	.xl\:mx-5 {
		margin-left: var(--space-5) !important;
		margin-right: var(--space-5) !important;
	}
	
	.xl\:my-5 {
		margin-top: var(--space-5) !important;
		margin-bottom: var(--space-5) !important;
	}
	
	.xl\:p-5 {
		padding: var(--space-5) !important;
	}
	
	.xl\:pt-5 {
		padding-top: var(--space-5) !important;
	}
	
	.xl\:pr-5 {
		padding-right: var(--space-5) !important;
	}
	
	.xl\:pb-5 {
		padding-bottom: var(--space-5) !important;
	}
	
	.xl\:pl-5 {
		padding-left: var(--space-5) !important;
	}
	
	.xl\:px-5 {
		padding-left: var(--space-5) !important;
		padding-right: var(--space-5) !important;
	}
	
	.xl\:py-5 {
		padding-top: var(--space-5) !important;
		padding-bottom: var(--space-5) !important;
	}
	
	.xl\:gap-5 {
		gap: var(--space-5) !important;
	}
	
	.xl\:gap-x-5 {
		column-gap: var(--space-5) !important;
	}
	
	.xl\:gap-y-5 {
		row-gap: var(--space-5) !important;
	}
	
	.xl\:m-6 {
		margin: var(--space-6) !important;
	}
	
	.xl\:mt-6 {
		margin-top: var(--space-6) !important;
	}
	
	.xl\:mr-6 {
		margin-right: var(--space-6) !important;
	}
	
	.xl\:mb-6 {
		margin-bottom: var(--space-6) !important;
	}
	
	.xl\:ml-6 {
		margin-left: var(--space-6) !important;
	}
	
	.xl\:mx-6 {
		margin-left: var(--space-6) !important;
		margin-right: var(--space-6) !important;
	}
	
	.xl\:my-6 {
		margin-top: var(--space-6) !important;
		margin-bottom: var(--space-6) !important;
	}
	
	.xl\:p-6 {
		padding: var(--space-6) !important;
	}
	
	.xl\:pt-6 {
		padding-top: var(--space-6) !important;
	}
	
	.xl\:pr-6 {
		padding-right: var(--space-6) !important;
	}
	
	.xl\:pb-6 {
		padding-bottom: var(--space-6) !important;
	}
	
	.xl\:pl-6 {
		padding-left: var(--space-6) !important;
	}
	
	.xl\:px-6 {
		padding-left: var(--space-6) !important;
		padding-right: var(--space-6) !important;
	}
	
	.xl\:py-6 {
		padding-top: var(--space-6) !important;
		padding-bottom: var(--space-6) !important;
	}
	
	.xl\:gap-6 {
		gap: var(--space-6) !important;
	}
	
	.xl\:gap-x-6 {
		column-gap: var(--space-6) !important;
	}
	
	.xl\:gap-y-6 {
		row-gap: var(--space-6) !important;
	}
	
	.xl\:m-7 {
		margin: var(--space-7) !important;
	}
	
	.xl\:mt-7 {
		margin-top: var(--space-7) !important;
	}
	
	.xl\:mr-7 {
		margin-right: var(--space-7) !important;
	}
	
	.xl\:mb-7 {
		margin-bottom: var(--space-7) !important;
	}
	
	.xl\:ml-7 {
		margin-left: var(--space-7) !important;
	}
	
	.xl\:mx-7 {
		margin-left: var(--space-7) !important;
		margin-right: var(--space-7) !important;
	}
	
	.xl\:my-7 {
		margin-top: var(--space-7) !important;
		margin-bottom: var(--space-7) !important;
	}
	
	.xl\:p-7 {
		padding: var(--space-7) !important;
	}
	
	.xl\:pt-7 {
		padding-top: var(--space-7) !important;
	}
	
	.xl\:pr-7 {
		padding-right: var(--space-7) !important;
	}
	
	.xl\:pb-7 {
		padding-bottom: var(--space-7) !important;
	}
	
	.xl\:pl-7 {
		padding-left: var(--space-7) !important;
	}
	
	.xl\:px-7 {
		padding-left: var(--space-7) !important;
		padding-right: var(--space-7) !important;
	}
	
	.xl\:py-7 {
		padding-top: var(--space-7) !important;
		padding-bottom: var(--space-7) !important;
	}
	
	.xl\:gap-7 {
		gap: var(--space-7) !important;
	}
	
	.xl\:gap-x-7 {
		column-gap: var(--space-7) !important;
	}
	
	.xl\:gap-y-7 {
		row-gap: var(--space-7) !important;
	}
	
	.xl\:m-8 {
		margin: var(--space-8) !important;
	}
	
	.xl\:mt-8 {
		margin-top: var(--space-8) !important;
	}
	
	.xl\:mr-8 {
		margin-right: var(--space-8) !important;
	}
	
	.xl\:mb-8 {
		margin-bottom: var(--space-8) !important;
	}
	
	.xl\:ml-8 {
		margin-left: var(--space-8) !important;
	}
	
	.xl\:mx-8 {
		margin-left: var(--space-8) !important;
		margin-right: var(--space-8) !important;
	}
	
	.xl\:my-8 {
		margin-top: var(--space-8) !important;
		margin-bottom: var(--space-8) !important;
	}
	
	.xl\:p-8 {
		padding: var(--space-8) !important;
	}
	
	.xl\:pt-8 {
		padding-top: var(--space-8) !important;
	}
	
	.xl\:pr-8 {
		padding-right: var(--space-8) !important;
	}
	
	.xl\:pb-8 {
		padding-bottom: var(--space-8) !important;
	}
	
	.xl\:pl-8 {
		padding-left: var(--space-8) !important;
	}
	
	.xl\:px-8 {
		padding-left: var(--space-8) !important;
		padding-right: var(--space-8) !important;
	}
	
	.xl\:py-8 {
		padding-top: var(--space-8) !important;
		padding-bottom: var(--space-8) !important;
	}
	
	.xl\:gap-8 {
		gap: var(--space-8) !important;
	}
	
	.xl\:gap-x-8 {
		column-gap: var(--space-8) !important;
	}
	
	.xl\:gap-y-8 {
		row-gap: var(--space-8) !important;
	}
	
	.xl\:m-9 {
		margin: var(--space-9) !important;
	}
	
	.xl\:mt-9 {
		margin-top: var(--space-9) !important;
	}
	
	.xl\:mr-9 {
		margin-right: var(--space-9) !important;
	}
	
	.xl\:mb-9 {
		margin-bottom: var(--space-9) !important;
	}
	
	.xl\:ml-9 {
		margin-left: var(--space-9) !important;
	}
	
	.xl\:mx-9 {
		margin-left: var(--space-9) !important;
		margin-right: var(--space-9) !important;
	}
	
	.xl\:my-9 {
		margin-top: var(--space-9) !important;
		margin-bottom: var(--space-9) !important;
	}
	
	.xl\:p-9 {
		padding: var(--space-9) !important;
	}
	
	.xl\:pt-9 {
		padding-top: var(--space-9) !important;
	}
	
	.xl\:pr-9 {
		padding-right: var(--space-9) !important;
	}
	
	.xl\:pb-9 {
		padding-bottom: var(--space-9) !important;
	}
	
	.xl\:pl-9 {
		padding-left: var(--space-9) !important;
	}
	
	.xl\:px-9 {
		padding-left: var(--space-9) !important;
		padding-right: var(--space-9) !important;
	}
	
	.xl\:py-9 {
		padding-top: var(--space-9) !important;
		padding-bottom: var(--space-9) !important;
	}
	
	.xl\:gap-9 {
		gap: var(--space-9) !important;
	}
	
	.xl\:gap-x-9 {
		column-gap: var(--space-9) !important;
	}
	
	.xl\:gap-y-9 {
		row-gap: var(--space-9) !important;
	}
	
	.xl\:m-10 {
		margin: var(--space-10) !important;
	}
	
	.xl\:mt-10 {
		margin-top: var(--space-10) !important;
	}
	
	.xl\:mr-10 {
		margin-right: var(--space-10) !important;
	}
	
	.xl\:mb-10 {
		margin-bottom: var(--space-10) !important;
	}
	
	.xl\:ml-10 {
		margin-left: var(--space-10) !important;
	}
	
	.xl\:mx-10 {
		margin-left: var(--space-10) !important;
		margin-right: var(--space-10) !important;
	}
	
	.xl\:my-10 {
		margin-top: var(--space-10) !important;
		margin-bottom: var(--space-10) !important;
	}
	
	.xl\:p-10 {
		padding: var(--space-10) !important;
	}
	
	.xl\:pt-10 {
		padding-top: var(--space-10) !important;
	}
	
	.xl\:pr-10 {
		padding-right: var(--space-10) !important;
	}
	
	.xl\:pb-10 {
		padding-bottom: var(--space-10) !important;
	}
	
	.xl\:pl-10 {
		padding-left: var(--space-10) !important;
	}
	
	.xl\:px-10 {
		padding-left: var(--space-10) !important;
		padding-right: var(--space-10) !important;
	}
	
	.xl\:py-10 {
		padding-top: var(--space-10) !important;
		padding-bottom: var(--space-10) !important;
	}
	
	.xl\:gap-10 {
		gap: var(--space-10) !important;
	}
	
	.xl\:gap-x-10 {
		column-gap: var(--space-10) !important;
	}
	
	.xl\:gap-y-10 {
		row-gap: var(--space-10) !important;
	}
	
	.xl\:m-11 {
		margin: var(--space-11) !important;
	}
	
	.xl\:mt-11 {
		margin-top: var(--space-11) !important;
	}
	
	.xl\:mr-11 {
		margin-right: var(--space-11) !important;
	}
	
	.xl\:mb-11 {
		margin-bottom: var(--space-11) !important;
	}
	
	.xl\:ml-11 {
		margin-left: var(--space-11) !important;
	}
	
	.xl\:mx-11 {
		margin-left: var(--space-11) !important;
		margin-right: var(--space-11) !important;
	}
	
	.xl\:my-11 {
		margin-top: var(--space-11) !important;
		margin-bottom: var(--space-11) !important;
	}
	
	.xl\:p-11 {
		padding: var(--space-11) !important;
	}
	
	.xl\:pt-11 {
		padding-top: var(--space-11) !important;
	}
	
	.xl\:pr-11 {
		padding-right: var(--space-11) !important;
	}
	
	.xl\:pb-11 {
		padding-bottom: var(--space-11) !important;
	}
	
	.xl\:pl-11 {
		padding-left: var(--space-11) !important;
	}
	
	.xl\:px-11 {
		padding-left: var(--space-11) !important;
		padding-right: var(--space-11) !important;
	}
	
	.xl\:py-11 {
		padding-top: var(--space-11) !important;
		padding-bottom: var(--space-11) !important;
	}
	
	.xl\:gap-11 {
		gap: var(--space-11) !important;
	}
	
	.xl\:gap-x-11 {
		column-gap: var(--space-11) !important;
	}
	
	.xl\:gap-y-11 {
		row-gap: var(--space-11) !important;
	}
	
	.xl\:m-12 {
		margin: var(--space-12) !important;
	}
	
	.xl\:mt-12 {
		margin-top: var(--space-12) !important;
	}
	
	.xl\:mr-12 {
		margin-right: var(--space-12) !important;
	}
	
	.xl\:mb-12 {
		margin-bottom: var(--space-12) !important;
	}
	
	.xl\:ml-12 {
		margin-left: var(--space-12) !important;
	}
	
	.xl\:mx-12 {
		margin-left: var(--space-12) !important;
		margin-right: var(--space-12) !important;
	}
	
	.xl\:my-12 {
		margin-top: var(--space-12) !important;
		margin-bottom: var(--space-12) !important;
	}
	
	.xl\:p-12 {
		padding: var(--space-12) !important;
	}
	
	.xl\:pt-12 {
		padding-top: var(--space-12) !important;
	}
	
	.xl\:pr-12 {
		padding-right: var(--space-12) !important;
	}
	
	.xl\:pb-12 {
		padding-bottom: var(--space-12) !important;
	}
	
	.xl\:pl-12 {
		padding-left: var(--space-12) !important;
	}
	
	.xl\:px-12 {
		padding-left: var(--space-12) !important;
		padding-right: var(--space-12) !important;
	}
	
	.xl\:py-12 {
		padding-top: var(--space-12) !important;
		padding-bottom: var(--space-12) !important;
	}
	
	.xl\:gap-12 {
		gap: var(--space-12) !important;
	}
	
	.xl\:gap-x-12 {
		column-gap: var(--space-12) !important;
	}
	
	.xl\:gap-y-12 {
		row-gap: var(--space-12) !important;
	}
	
	.xl\:m-13 {
		margin: var(--space-13) !important;
	}
	
	.xl\:mt-13 {
		margin-top: var(--space-13) !important;
	}
	
	.xl\:mr-13 {
		margin-right: var(--space-13) !important;
	}
	
	.xl\:mb-13 {
		margin-bottom: var(--space-13) !important;
	}
	
	.xl\:ml-13 {
		margin-left: var(--space-13) !important;
	}
	
	.xl\:mx-13 {
		margin-left: var(--space-13) !important;
		margin-right: var(--space-13) !important;
	}
	
	.xl\:my-13 {
		margin-top: var(--space-13) !important;
		margin-bottom: var(--space-13) !important;
	}
	
	.xl\:p-13 {
		padding: var(--space-13) !important;
	}
	
	.xl\:pt-13 {
		padding-top: var(--space-13) !important;
	}
	
	.xl\:pr-13 {
		padding-right: var(--space-13) !important;
	}
	
	.xl\:pb-13 {
		padding-bottom: var(--space-13) !important;
	}
	
	.xl\:pl-13 {
		padding-left: var(--space-13) !important;
	}
	
	.xl\:px-13 {
		padding-left: var(--space-13) !important;
		padding-right: var(--space-13) !important;
	}
	
	.xl\:py-13 {
		padding-top: var(--space-13) !important;
		padding-bottom: var(--space-13) !important;
	}
	
	.xl\:gap-13 {
		gap: var(--space-13) !important;
	}
	
	.xl\:gap-x-13 {
		column-gap: var(--space-13) !important;
	}
	
	.xl\:gap-y-13 {
		row-gap: var(--space-13) !important;
	}
	
	.xl\:m-14 {
		margin: var(--space-14) !important;
	}
	
	.xl\:mt-14 {
		margin-top: var(--space-14) !important;
	}
	
	.xl\:mr-14 {
		margin-right: var(--space-14) !important;
	}
	
	.xl\:mb-14 {
		margin-bottom: var(--space-14) !important;
	}
	
	.xl\:ml-14 {
		margin-left: var(--space-14) !important;
	}
	
	.xl\:mx-14 {
		margin-left: var(--space-14) !important;
		margin-right: var(--space-14) !important;
	}
	
	.xl\:my-14 {
		margin-top: var(--space-14) !important;
		margin-bottom: var(--space-14) !important;
	}
	
	.xl\:p-14 {
		padding: var(--space-14) !important;
	}
	
	.xl\:pt-14 {
		padding-top: var(--space-14) !important;
	}
	
	.xl\:pr-14 {
		padding-right: var(--space-14) !important;
	}
	
	.xl\:pb-14 {
		padding-bottom: var(--space-14) !important;
	}
	
	.xl\:pl-14 {
		padding-left: var(--space-14) !important;
	}
	
	.xl\:px-14 {
		padding-left: var(--space-14) !important;
		padding-right: var(--space-14) !important;
	}
	
	.xl\:py-14 {
		padding-top: var(--space-14) !important;
		padding-bottom: var(--space-14) !important;
	}
	
	.xl\:gap-14 {
		gap: var(--space-14) !important;
	}
	
	.xl\:gap-x-14 {
		column-gap: var(--space-14) !important;
	}
	
	.xl\:gap-y-14 {
		row-gap: var(--space-14) !important;
	}
	
	.xl\:m-15 {
		margin: var(--space-15) !important;
	}
	
	.xl\:mt-15 {
		margin-top: var(--space-15) !important;
	}
	
	.xl\:mr-15 {
		margin-right: var(--space-15) !important;
	}
	
	.xl\:mb-15 {
		margin-bottom: var(--space-15) !important;
	}
	
	.xl\:ml-15 {
		margin-left: var(--space-15) !important;
	}
	
	.xl\:mx-15 {
		margin-left: var(--space-15) !important;
		margin-right: var(--space-15) !important;
	}
	
	.xl\:my-15 {
		margin-top: var(--space-15) !important;
		margin-bottom: var(--space-15) !important;
	}
	
	.xl\:p-15 {
		padding: var(--space-15) !important;
	}
	
	.xl\:pt-15 {
		padding-top: var(--space-15) !important;
	}
	
	.xl\:pr-15 {
		padding-right: var(--space-15) !important;
	}
	
	.xl\:pb-15 {
		padding-bottom: var(--space-15) !important;
	}
	
	.xl\:pl-15 {
		padding-left: var(--space-15) !important;
	}
	
	.xl\:px-15 {
		padding-left: var(--space-15) !important;
		padding-right: var(--space-15) !important;
	}
	
	.xl\:py-15 {
		padding-top: var(--space-15) !important;
		padding-bottom: var(--space-15) !important;
	}
	
	.xl\:gap-15 {
		gap: var(--space-15) !important;
	}
	
	.xl\:gap-x-15 {
		column-gap: var(--space-15) !important;
	}
	
	.xl\:gap-y-15 {
		row-gap: var(--space-15) !important;
	}
	
	.xl\:m-16 {
		margin: var(--space-16) !important;
	}
	
	.xl\:mt-16 {
		margin-top: var(--space-16) !important;
	}
	
	.xl\:mr-16 {
		margin-right: var(--space-16) !important;
	}
	
	.xl\:mb-16 {
		margin-bottom: var(--space-16) !important;
	}
	
	.xl\:ml-16 {
		margin-left: var(--space-16) !important;
	}
	
	.xl\:mx-16 {
		margin-left: var(--space-16) !important;
		margin-right: var(--space-16) !important;
	}
	
	.xl\:my-16 {
		margin-top: var(--space-16) !important;
		margin-bottom: var(--space-16) !important;
	}
	
	.xl\:p-16 {
		padding: var(--space-16) !important;
	}
	
	.xl\:pt-16 {
		padding-top: var(--space-16) !important;
	}
	
	.xl\:pr-16 {
		padding-right: var(--space-16) !important;
	}
	
	.xl\:pb-16 {
		padding-bottom: var(--space-16) !important;
	}
	
	.xl\:pl-16 {
		padding-left: var(--space-16) !important;
	}
	
	.xl\:px-16 {
		padding-left: var(--space-16) !important;
		padding-right: var(--space-16) !important;
	}
	
	.xl\:py-16 {
		padding-top: var(--space-16) !important;
		padding-bottom: var(--space-16) !important;
	}
	
	.xl\:gap-16 {
		gap: var(--space-16) !important;
	}
	
	.xl\:gap-x-16 {
		column-gap: var(--space-16) !important;
	}
	
	.xl\:gap-y-16 {
		row-gap: var(--space-16) !important;
	}
	
	.xl\:m-17 {
		margin: var(--space-17) !important;
	}
	
	.xl\:mt-17 {
		margin-top: var(--space-17) !important;
	}
	
	.xl\:mr-17 {
		margin-right: var(--space-17) !important;
	}
	
	.xl\:mb-17 {
		margin-bottom: var(--space-17) !important;
	}
	
	.xl\:ml-17 {
		margin-left: var(--space-17) !important;
	}
	
	.xl\:mx-17 {
		margin-left: var(--space-17) !important;
		margin-right: var(--space-17) !important;
	}
	
	.xl\:my-17 {
		margin-top: var(--space-17) !important;
		margin-bottom: var(--space-17) !important;
	}
	
	.xl\:p-17 {
		padding: var(--space-17) !important;
	}
	
	.xl\:pt-17 {
		padding-top: var(--space-17) !important;
	}
	
	.xl\:pr-17 {
		padding-right: var(--space-17) !important;
	}
	
	.xl\:pb-17 {
		padding-bottom: var(--space-17) !important;
	}
	
	.xl\:pl-17 {
		padding-left: var(--space-17) !important;
	}
	
	.xl\:px-17 {
		padding-left: var(--space-17) !important;
		padding-right: var(--space-17) !important;
	}
	
	.xl\:py-17 {
		padding-top: var(--space-17) !important;
		padding-bottom: var(--space-17) !important;
	}
	
	.xl\:gap-17 {
		gap: var(--space-17) !important;
	}
	
	.xl\:gap-x-17 {
		column-gap: var(--space-17) !important;
	}
	
	.xl\:gap-y-17 {
		row-gap: var(--space-17) !important;
	}
	
	.xl\:m-18 {
		margin: var(--space-18) !important;
	}
	
	.xl\:mt-18 {
		margin-top: var(--space-18) !important;
	}
	
	.xl\:mr-18 {
		margin-right: var(--space-18) !important;
	}
	
	.xl\:mb-18 {
		margin-bottom: var(--space-18) !important;
	}
	
	.xl\:ml-18 {
		margin-left: var(--space-18) !important;
	}
	
	.xl\:mx-18 {
		margin-left: var(--space-18) !important;
		margin-right: var(--space-18) !important;
	}
	
	.xl\:my-18 {
		margin-top: var(--space-18) !important;
		margin-bottom: var(--space-18) !important;
	}
	
	.xl\:p-18 {
		padding: var(--space-18) !important;
	}
	
	.xl\:pt-18 {
		padding-top: var(--space-18) !important;
	}
	
	.xl\:pr-18 {
		padding-right: var(--space-18) !important;
	}
	
	.xl\:pb-18 {
		padding-bottom: var(--space-18) !important;
	}
	
	.xl\:pl-18 {
		padding-left: var(--space-18) !important;
	}
	
	.xl\:px-18 {
		padding-left: var(--space-18) !important;
		padding-right: var(--space-18) !important;
	}
	
	.xl\:py-18 {
		padding-top: var(--space-18) !important;
		padding-bottom: var(--space-18) !important;
	}
	
	.xl\:gap-18 {
		gap: var(--space-18) !important;
	}
	
	.xl\:gap-x-18 {
		column-gap: var(--space-18) !important;
	}
	
	.xl\:gap-y-18 {
		row-gap: var(--space-18) !important;
	}
	
	.xl\:m-19 {
		margin: var(--space-19) !important;
	}
	
	.xl\:mt-19 {
		margin-top: var(--space-19) !important;
	}
	
	.xl\:mr-19 {
		margin-right: var(--space-19) !important;
	}
	
	.xl\:mb-19 {
		margin-bottom: var(--space-19) !important;
	}
	
	.xl\:ml-19 {
		margin-left: var(--space-19) !important;
	}
	
	.xl\:mx-19 {
		margin-left: var(--space-19) !important;
		margin-right: var(--space-19) !important;
	}
	
	.xl\:my-19 {
		margin-top: var(--space-19) !important;
		margin-bottom: var(--space-19) !important;
	}
	
	.xl\:p-19 {
		padding: var(--space-19) !important;
	}
	
	.xl\:pt-19 {
		padding-top: var(--space-19) !important;
	}
	
	.xl\:pr-19 {
		padding-right: var(--space-19) !important;
	}
	
	.xl\:pb-19 {
		padding-bottom: var(--space-19) !important;
	}
	
	.xl\:pl-19 {
		padding-left: var(--space-19) !important;
	}
	
	.xl\:px-19 {
		padding-left: var(--space-19) !important;
		padding-right: var(--space-19) !important;
	}
	
	.xl\:py-19 {
		padding-top: var(--space-19) !important;
		padding-bottom: var(--space-19) !important;
	}
	
	.xl\:gap-19 {
		gap: var(--space-19) !important;
	}
	
	.xl\:gap-x-19 {
		column-gap: var(--space-19) !important;
	}
	
	.xl\:gap-y-19 {
		row-gap: var(--space-19) !important;
	}
	
	.xl\:m-20 {
		margin: var(--space-20) !important;
	}
	
	.xl\:mt-20 {
		margin-top: var(--space-20) !important;
	}
	
	.xl\:mr-20 {
		margin-right: var(--space-20) !important;
	}
	
	.xl\:mb-20 {
		margin-bottom: var(--space-20) !important;
	}
	
	.xl\:ml-20 {
		margin-left: var(--space-20) !important;
	}
	
	.xl\:mx-20 {
		margin-left: var(--space-20) !important;
		margin-right: var(--space-20) !important;
	}
	
	.xl\:my-20 {
		margin-top: var(--space-20) !important;
		margin-bottom: var(--space-20) !important;
	}
	
	.xl\:p-20 {
		padding: var(--space-20) !important;
	}
	
	.xl\:pt-20 {
		padding-top: var(--space-20) !important;
	}
	
	.xl\:pr-20 {
		padding-right: var(--space-20) !important;
	}
	
	.xl\:pb-20 {
		padding-bottom: var(--space-20) !important;
	}
	
	.xl\:pl-20 {
		padding-left: var(--space-20) !important;
	}
	
	.xl\:px-20 {
		padding-left: var(--space-20) !important;
		padding-right: var(--space-20) !important;
	}
	
	.xl\:py-20 {
		padding-top: var(--space-20) !important;
		padding-bottom: var(--space-20) !important;
	}
	
	.xl\:gap-20 {
		gap: var(--space-20) !important;
	}
	
	.xl\:gap-x-20 {
		column-gap: var(--space-20) !important;
	}
	
	.xl\:gap-y-20 {
		row-gap: var(--space-20) !important;
	}
	
	.xl\:m-21 {
		margin: var(--space-21) !important;
	}
	
	.xl\:mt-21 {
		margin-top: var(--space-21) !important;
	}
	
	.xl\:mr-21 {
		margin-right: var(--space-21) !important;
	}
	
	.xl\:mb-21 {
		margin-bottom: var(--space-21) !important;
	}
	
	.xl\:ml-21 {
		margin-left: var(--space-21) !important;
	}
	
	.xl\:mx-21 {
		margin-left: var(--space-21) !important;
		margin-right: var(--space-21) !important;
	}
	
	.xl\:my-21 {
		margin-top: var(--space-21) !important;
		margin-bottom: var(--space-21) !important;
	}
	
	.xl\:p-21 {
		padding: var(--space-21) !important;
	}
	
	.xl\:pt-21 {
		padding-top: var(--space-21) !important;
	}
	
	.xl\:pr-21 {
		padding-right: var(--space-21) !important;
	}
	
	.xl\:pb-21 {
		padding-bottom: var(--space-21) !important;
	}
	
	.xl\:pl-21 {
		padding-left: var(--space-21) !important;
	}
	
	.xl\:px-21 {
		padding-left: var(--space-21) !important;
		padding-right: var(--space-21) !important;
	}
	
	.xl\:py-21 {
		padding-top: var(--space-21) !important;
		padding-bottom: var(--space-21) !important;
	}
	
	.xl\:gap-21 {
		gap: var(--space-21) !important;
	}
	
	.xl\:gap-x-21 {
		column-gap: var(--space-21) !important;
	}
	
	.xl\:gap-y-21 {
		row-gap: var(--space-21) !important;
	}
	
	.xl\:m-22 {
		margin: var(--space-22) !important;
	}
	
	.xl\:mt-22 {
		margin-top: var(--space-22) !important;
	}
	
	.xl\:mr-22 {
		margin-right: var(--space-22) !important;
	}
	
	.xl\:mb-22 {
		margin-bottom: var(--space-22) !important;
	}
	
	.xl\:ml-22 {
		margin-left: var(--space-22) !important;
	}
	
	.xl\:mx-22 {
		margin-left: var(--space-22) !important;
		margin-right: var(--space-22) !important;
	}
	
	.xl\:my-22 {
		margin-top: var(--space-22) !important;
		margin-bottom: var(--space-22) !important;
	}
	
	.xl\:p-22 {
		padding: var(--space-22) !important;
	}
	
	.xl\:pt-22 {
		padding-top: var(--space-22) !important;
	}
	
	.xl\:pr-22 {
		padding-right: var(--space-22) !important;
	}
	
	.xl\:pb-22 {
		padding-bottom: var(--space-22) !important;
	}
	
	.xl\:pl-22 {
		padding-left: var(--space-22) !important;
	}
	
	.xl\:px-22 {
		padding-left: var(--space-22) !important;
		padding-right: var(--space-22) !important;
	}
	
	.xl\:py-22 {
		padding-top: var(--space-22) !important;
		padding-bottom: var(--space-22) !important;
	}
	
	.xl\:gap-22 {
		gap: var(--space-22) !important;
	}
	
	.xl\:gap-x-22 {
		column-gap: var(--space-22) !important;
	}
	
	.xl\:gap-y-22 {
		row-gap: var(--space-22) !important;
	}
	
	.xl\:m-23 {
		margin: var(--space-23) !important;
	}
	
	.xl\:mt-23 {
		margin-top: var(--space-23) !important;
	}
	
	.xl\:mr-23 {
		margin-right: var(--space-23) !important;
	}
	
	.xl\:mb-23 {
		margin-bottom: var(--space-23) !important;
	}
	
	.xl\:ml-23 {
		margin-left: var(--space-23) !important;
	}
	
	.xl\:mx-23 {
		margin-left: var(--space-23) !important;
		margin-right: var(--space-23) !important;
	}
	
	.xl\:my-23 {
		margin-top: var(--space-23) !important;
		margin-bottom: var(--space-23) !important;
	}
	
	.xl\:p-23 {
		padding: var(--space-23) !important;
	}
	
	.xl\:pt-23 {
		padding-top: var(--space-23) !important;
	}
	
	.xl\:pr-23 {
		padding-right: var(--space-23) !important;
	}
	
	.xl\:pb-23 {
		padding-bottom: var(--space-23) !important;
	}
	
	.xl\:pl-23 {
		padding-left: var(--space-23) !important;
	}
	
	.xl\:px-23 {
		padding-left: var(--space-23) !important;
		padding-right: var(--space-23) !important;
	}
	
	.xl\:py-23 {
		padding-top: var(--space-23) !important;
		padding-bottom: var(--space-23) !important;
	}
	
	.xl\:gap-23 {
		gap: var(--space-23) !important;
	}
	
	.xl\:gap-x-23 {
		column-gap: var(--space-23) !important;
	}
	
	.xl\:gap-y-23 {
		row-gap: var(--space-23) !important;
	}
	
	.xl\:m-24 {
		margin: var(--space-24) !important;
	}
	
	.xl\:mt-24 {
		margin-top: var(--space-24) !important;
	}
	
	.xl\:mr-24 {
		margin-right: var(--space-24) !important;
	}
	
	.xl\:mb-24 {
		margin-bottom: var(--space-24) !important;
	}
	
	.xl\:ml-24 {
		margin-left: var(--space-24) !important;
	}
	
	.xl\:mx-24 {
		margin-left: var(--space-24) !important;
		margin-right: var(--space-24) !important;
	}
	
	.xl\:my-24 {
		margin-top: var(--space-24) !important;
		margin-bottom: var(--space-24) !important;
	}
	
	.xl\:p-24 {
		padding: var(--space-24) !important;
	}
	
	.xl\:pt-24 {
		padding-top: var(--space-24) !important;
	}
	
	.xl\:pr-24 {
		padding-right: var(--space-24) !important;
	}
	
	.xl\:pb-24 {
		padding-bottom: var(--space-24) !important;
	}
	
	.xl\:pl-24 {
		padding-left: var(--space-24) !important;
	}
	
	.xl\:px-24 {
		padding-left: var(--space-24) !important;
		padding-right: var(--space-24) !important;
	}
	
	.xl\:py-24 {
		padding-top: var(--space-24) !important;
		padding-bottom: var(--space-24) !important;
	}
	
	.xl\:gap-24 {
		gap: var(--space-24) !important;
	}
	
	.xl\:gap-x-24 {
		column-gap: var(--space-24) !important;
	}
	
	.xl\:gap-y-24 {
		row-gap: var(--space-24) !important;
	}
}

.mt-auto {
	margin-top: auto;
}

.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

.my-auto {
	margin-top: auto;
	margin-bottom: auto;
}

.m-auto {
	margin: auto;
}

@media (min-width:640px) {
	.sm\:mt-auto {
		margin-top: auto;
	}
	
	.sm\:mx-auto {
		margin-left: auto;
		margin-right: auto;
	}
	
	.sm\:my-auto {
		margin-top: auto;
		margin-bottom: auto;
	}
	
	.sm\:m-auto {
		margin: auto;
	}
}

@media (min-width:768px) {
	.md\:mt-auto {
		margin-top: auto;
	}
	
	.md\:mx-auto {
		margin-left: auto;
		margin-right: auto;
	}
	
	.md\:my-auto {
		margin-top: auto;
		margin-bottom: auto;
	}
	
	.md\:m-auto {
		margin: auto;
	}
}

@media (min-width:1024px) {
	.lg\:mt-auto {
		margin-top: auto;
	}
	
	.lg\:mx-auto {
		margin-left: auto;
		margin-right: auto;
	}
	
	.lg\:my-auto {
		margin-top: auto;
		margin-bottom: auto;
	}
	
	.lg\:m-auto {
		margin: auto;
	}
}

@media (min-width:1280px) {
	.xl\:mt-auto {
		margin-top: auto;
	}
	
	.xl\:mx-auto {
		margin-left: auto;
		margin-right: auto;
	}
	
	.xl\:my-auto {
		margin-top: auto;
		margin-bottom: auto;
	}
	
	.xl\:m-auto {
		margin: auto;
	}
}

.pad-t, .pad-y, .pad {
	padding-top: var(--gutter);
}

.pad-r, .pad-x, .pad {
	padding-right: var(--gutter);
}

.pad-b, .pad-y, .pad {
	padding-bottom: var(--gutter);
}

.pad-l, .pad-x, .pad {
	padding-left: var(--gutter);
}

.gap-t, .gap-y, .gap {
	margin-top: var(--gutter);
}

.gap-r, .gap-x, .gap {
	margin-right: var(--gutter);
}

.gap-b, .gap-y, .gap {
	margin-bottom: var(--gutter);
}

.gap-l, .gap-x, .gap {
	margin-left: var(--gutter);
}

:root {
	--switcher-break: 90rem;
	--switcher-gap: var(--grid-gap);
}

.switcher {
	display: flex;
	flex-wrap: wrap;
	gap: var(--switcher-row-gap, var(--switcher-gap)) var(--switcher-col-gap, var(--switcher-gap));
}

.switcher>* {
	flex-grow: 1;
	flex-basis: calc(( var(--switcher-break) - 100% ) * 999);
}

.switcher\:2>:nth-last-child(n+3), .switcher\:2>:nth-last-child(n+3)~* {
	flex-basis: 100%;
}

.switcher\:3>:nth-last-child(n+4), .switcher\:3>:nth-last-child(n+4)~* {
	flex-basis: 100%;
}

.teaser {
	display: grid;
	gap: var(--space-8);
	grid-template-columns: repeat(10, 1fr);
}

.teaser>* {
	grid-column: 1/-1;
}

.teaser>:first-child {
	margin-bottom: var(--s-3);
}

@media (min-width:700px) {
	.teaser>:first-child {
		grid-column: 1/-1;
	}
	
	.teaser>* {
		grid-column: span 5;
	}
}

@media (min-width:1100px) {
	.teaser>:first-child {
		grid-column: span 4;
		margin-top: var(--s-3);
		padding-right: var(--s-3);
	}
	
	.teaser>* {
		grid-column: span 3;
	}
}

.f-0 {
	font-size: 0;
}

.f-xs {
	font-size: var(--font-size-xs);
}

.f-sm {
	font-size: var(--font-size-sm);
}

.f-base {
	font-size: var(--font-size);
}

.f-body {
	font-family: var(--font-body) !important;
}

.f-heading {
	font-family: var(--font-heading) !important;
}

.fw-100 {
	font-weight: 100;
}

.fw-200 {
	font-weight: 200;
}

.fw-300 {
	font-weight: 300;
}

.fw-400 {
	font-weight: 400;
}

.fw-500 {
	font-weight: 500;
}

.fw-600 {
	font-weight: 600;
}

.fw-700 {
	font-weight: 700;
}

.fw-800 {
	font-weight: 800;
}

.fw-900 {
	font-weight: 900;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

.lowercase {
	text-transform: lowercase;
}

.uppercase {
	text-transform: uppercase;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.no-underline {
	text-decoration: none;
}

.no-select {
	user-select: none;
}

.no-wrap {
	white-space: nowrap;
}

.lh-0 {
	line-height: 0;
}

.lh-1 {
	line-height: 1;
}

.lh-tight {
	line-height: var(--line-height-tight, 1.25);
}

.lh-loose {
	line-height: var(--line-height-loose, 1.75);
}

.ls-0 {
	letter-spacing: 0;
}

.ls-tight {
	letter-spacing: var(--letter-spacing-tight, -.05em);
}

.ls-loose {
	letter-spacing: var(--letter-spacing-loose, .05em);
}

.tracking-wide {
	letter-spacing: 1.6px;
}

.f-antialiased {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.f-subpixel {
	-moz-osx-font-smoothing: auto;
	-webkit-font-smoothing: auto;
}

.truncate {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}