:root {
	--min-screen-width: 320px;
	--max-screen-width: 1400px;
	--primary: hsla(212, 69%, 50%, 1);
	--primary-d-1: #0453a7;
	--primary-d-2: #1a324f;
	--primary-d-3: #0e2036;
	--primary-l-1: #45b3ff;
	--primary-l-2: hsl(221, 66%, 78%);
	--primary-l-3: hsl(223, 66%, 89%);
	--secondary: hsla(33, 94%, 55%, 1);
	--secondary-d-1: hsl(32, 71%, 41%);
	--secondary-d-2: hsl(32, 64%, 28%);
	--secondary-d-3: hsl(30, 53%, 15%);
	--secondary-l-1: hsl(31, 100%, 69%);
	--secondary-l-2: hsl(31, 100%, 79%);
	--secondary-l-3: hsl(31, 100%, 89%);
	--bg-body: hsla(0, 0%, 90%, 1);
	--bg-surface: hsla(0, 0%, 100%, 1);
	--text-body: #485b72;
	--text-title: hsla(0, 0%, 0%, 1);
	--border-primary: hsla(211, 13%, 68%, 1);
	--shadow-primary: hsla(0, 0%, 0%, .15);
	--red-orange: hsla(21, 100%, 55%, 1);
	--red-orange-d-1: hsl(21, 78%, 44%);
	--red-orange-d-2: hsl(20, 73%, 33%);
	--red-orange-d-3: hsl(20, 67%, 23%);
	--red-orange-d-4: hsl(21, 58%, 13%);
	--orange: hsla(33, 94%, 55%, 1);
	--teal: hsla(161.94, 43.46%, 46.47%, 1);
	--teal-d-1: hsl(162, 42%, 41%);
	--teal-d-2: hsl(160, 30%, 17%);
	--teal-d-3: hsl(160, 32%, 20%);
	--teal-d-4: hsl(159, 25%, 11%);
	--light-purple: hsla(230, 33.33%, 57.65%, 1);
	--purple: hsla(259.17, 29.75%, 52.55%, 1);
	--red-orange-hover: hsla(20.9, 84.8%, 40%, 1);
	--light: hsla(0, 0%, 100%, 1);
	--dark: hsla(0, 0%, 0%, 1);
	--grey: hsla(240, 7.69%, 97.45%, 1);
	--success: hsla(94, 38%, 64%, 1);
	--error: hsla(356, 96%, 62%, 1);
	--warning: hsla(42, 93%, 64%, 1);
	--space-4xs: clamp(.33rem, calc(-.03vw + .33rem), .31rem);
	--space-3xs: clamp(.41rem, calc(.04vw + .4rem), .44rem);
	--space-2xs: clamp(.51rem, calc(.16vw + .48rem), .62rem);
	--space-xs: clamp(.64rem, calc(.35vw + .57rem), .88rem);
	--space-s: clamp(.8rem, calc(.65vw + .67rem), 1.24rem);
	--space-m: clamp(1rem, calc(1.11vw + .78rem), 1.75rem);
	--space-l: clamp(1.25rem, calc(1.81vw + .89rem), 2.47rem);
	--space-xl: clamp(1.56rem, calc(2.87vw + .99rem), 3.5rem);
	--space-2xl: clamp(1.95rem, calc(4.44vw + 1.07rem), 4.95rem);
	--space-3xl: clamp(2.44rem, calc(6.75vw + 1.09rem), 7rem);
	--space-4xl: clamp(3.05rem, calc(10.13vw + 1.02rem), 9.89rem);
	--text-xs: clamp(.69rem, calc(.04vw + .69rem), .72rem);
	--text-s: clamp(.83rem, calc(.1vw + .81rem), .9rem);
	--text-m: clamp(1rem, calc(.19vw + .96rem), 1.13rem);
	--text-l: clamp(1.2rem, calc(.31vw + 1.14rem), 1.41rem);
	--text-xl: clamp(1.44rem, calc(.47vw + 1.35rem), 1.76rem);
	--text-2xl: clamp(1.73rem, calc(.7vw + 1.59rem), 2.2rem);
	--text-3xl: clamp(2.07rem, calc(1vw + 1.87rem), 2.75rem);
	--text-4xl: clamp(2.49rem, calc(1.4vw + 2.21rem), 3.43rem);
	--hero-title-size: var(--text-4xl);
	--post-title-size: var(--text-2xl);
	--nav-link-size: var(--text-s);
	--header-space: var(--space-s);
	--btn-space: var(--space-xs) var(--space-s);
	--card-space: var(--space-l);
	--footer-space: var(--space-s) var(--space-m);
	--gutter: clamp(1.25rem, calc(1.85vw + .88rem), 2.5rem);
	--container-space: clamp(5.63rem, calc(2.78vw + 5.07rem), 7.5rem);
	--radius-xs: clamp(.25rem, calc(0vw + .25rem), .25rem);
	--radius-s: clamp(.38rem, calc(.19vw + .34rem), .5rem);
	--radius-m: clamp(.63rem, calc(.19vw + .59rem), .75rem);
	--radius-l: clamp(1rem, calc(.37vw + .93rem), 1.25rem);
	--radius-xl: clamp(1.63rem, calc(.56vw + 1.51rem), 2rem);
	--radius-full: 999rem;
	--shadow-xs: 0 1px 2px var(--shadow-primary);
	--shadow-s: 0 1.5px 3px var(--shadow-primary);
	--shadow-m: 0 2px 6px var(--shadow-primary);
	--shadow-l: 0 3px 12px var(--shadow-primary);
	--shadow-xl: 0 6px 48px var(--shadow-primary);
}

.btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-3xs);
	padding: var(--space-xs) var(--space-s);
	background: var(--primary);
	color: #fff;
	font-size: var(--text-m);
	font-weight: 600;
	border-radius: var(--radius-m);
	border: 1px solid var(--primary-d-1);
	box-shadow: var(--shadow-m);
	transition: all .25s ease-in-out;
	outline: 0;
	cursor: pointer;
}

.btn:hover {
	background: var(--primary-d-1);
	transform: translateY(-.1rem);
}

.btn.small {
	font-size: var(--text-s);
	padding: var(--space-xs) var(--space-s);
}

.btn.large {
	font-size: var(--text-l);
	padding: var(--space-s) var(--space-m);
}

.btn.tertiary {
	background: var(--tertiary);
	border-color: var(--tertiary-d-1);
}

.btn.ghost {
	color: var(--dark-80);
	background: transparent;
	border-color: transparent;
	box-shadow: none;
}

.btn.slight {
	color: var(--dark-80);
	background: var(--bg-surface);
	border-color: var(--border-primary);
	box-shadow: var(--shadow-s);
}

.btn.secondary {
	background: var(--secondary);
	border-color: var(--secondary-d-1);
}

.btn.ghost:hover {
	background: var(--dark-10);
}

.btn.slight:hover {
	background: var(--dark-5);
}

.btn.tertiary:hover {
	background: var(--tertiary-d-1);
}

.btn.secondary:hover {
	background: var(--secondary-d-1);
}

.btn:focus {
	outline: 4px solid var(--primary-l-3);
	outline-offset: 2px;
}

.btn.no-bg {
	color: var(--dark-80);
	background: transparent;
	box-shadow: none;
	border-color: transparent;
}

.btn.no-bg:hover {
	color: var(--dark);
}

.hs-button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-3xs);
	padding: .5em 1em;
	background: var(--red-orange);
	color: #fff;
	font-size: var(--text-m);
	font-weight: 600;
	border-radius: var(--radius-l);
	transition: all .25s ease-in-out;
	outline: 0;
	cursor: pointer;
	border: none;
}

.hs-button:hover {
	background: hsl(20.8, 83.1%, 46.3%);
}

.hs-button.small {
	font-size: var(--text-s);
	padding: var(--space-xs) var(--space-s);
}

.hs-button.large {
	font-size: var(--text-m);
}

.hs-button.tertiary {
	background: var(--tertiary);
	border-color: var(--tertiary-d-1);
}

.hs-button.ghost {
	color: var(--dark-80);
	background: transparent;
	border-color: transparent;
	box-shadow: none;
}

.hs-button.slight {
	color: var(--dark-80);
	background: var(--bg-surface);
	border-color: var(--border-primary);
	box-shadow: var(--shadow-s);
}

.hs-button.secondary {
	background: var(--secondary);
	border-color: var(--secondary-d-1);
}

.hs-button.ghost:hover {
	background: var(--dark-10);
}

.hs-button.slight:hover {
	background: var(--dark-5);
}

.hs-button.tertiary:hover {
	background: var(--tertiary-d-1);
}

.hs-button.secondary:hover {
	background: var(--secondary-d-1);
}

.hs-button:focus {
	outline: 4px solid var(--primary-l-3);
	outline-offset: 2px;
}

.hs-button.no-bg {
	color: var(--dark-80);
	background: transparent;
	box-shadow: none;
	border-color: transparent;
}

.hs-button.no-bg:hover {
	color: var(--dark);
}

.badge {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-4xs);
	padding: var(--space-2xs) var(--space-s);
	background: var(--dark-10);
	color: var(--primary);
	font-size: var(--text-s);
	font-weight: 500;
	border-radius: var(--radius-full);
	border: 0;
	outline: 0;
}

.badge.secondary {
	color: var(--secondary);
}

.link {
	color: var(--red-orange);
	font-size: var(--text-m);
	font-weight: 700;
	box-shadow: 0 2px 0 var(--primary-20);
	-webkit-text-decoration: none;
	text-decoration: none;
	transition: all .15s ease-in-out;
}

.link:hover {
	box-shadow: 0 2px 0 var(--primary-40);
	color: var(--secondary-d-1);
}

.link:focus {
	background: var(--primary-10);
}

.link.secondary {
	color: var(--secondary);
	border-color: var(--secondary-20);
}

.link.tertiary {
	color: var(--tertiary);
	border-color: var(--tertiary-20);
}

.link::after {
	content: url("data:image/svg+xml,%3Csvg width=\'6\' height=\'10\' viewBox=\'0 0 6 10\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M1.19141 9.18066L6 4.68066L1.19141 0.180664L0 1.29561L3.61719 4.68066L0 8.06572L1.19141 9.18066Z\' fill=\'%23FF6A19\'/%3E%3C/svg%3E");
	padding-left: .5em;
}

.input {
	padding: var(--space-2xs) var(--space-s);
	background: var(--dark-5);
	color: var(--text-title);
	font-size: var(--text-s);
	font-weight: 500;
	border-radius: var(--radius-m);
	border: 1px solid var(--border-primary);
	box-shadow: var(--shadow-xs);
	transition: all .25s ease-in-out;
	appearance: none;
	outline: 0;
}

.input:focus {
	background: var(--primary-20);
	border-color: var(--primary);
	box-shadow: var(--shadow-l);
}

.input:hover {
	border-color: var(--primary);
	background: transparent;
	box-shadow: var(--shadow-l);
}

.input::placeholder {
	color: var(--dark-40);
}

.input:invalid {
	border-color: var(--error);
	background: var(--error-10);
}

.input:disabled {
	cursor: not-allowed;
	opacity: .75;
	box-shadow: none;
	background: var(--dark-10);
}

.select {
	padding: var(--space-xs) var(--space-s);
	background: var(--dark-5);
	color: var(--text-body);
	font-size: var(--text-m);
	font-weight: 500;
	border-radius: var(--radius-m);
	border: 1px solid var(--border-primary);
	box-shadow: var(--shadow-xs);
	transition: all .25s ease-in-out;
	outline: 0;
}

.select:focus {
	background: var(--primary-20);
	border-color: var(--primary);
}

.select:hover {
	border-color: var(--primary);
}

.select::placeholder {
	color: var(--dark-40);
}

.select:invalid {
	border-color: var(--error);
	background: var(--error-10);
}

.select:disabled {
	cursor: not-allowed;
	opacity: .75;
	box-shadow: none;
	background: var(--dark-10);
}

.card {
	display: grid;
	gap: var(--space-xs);
	padding: var(--space-m);
	font-size: var(--text-m);
	color: var(--text-body);
	background: var(--bg-surface);
	line-height: 1.3;
	border-radius: var(--radius-m);
	box-shadow: var(--shadow-m);
}

.card.secondary {
	background: var(--secondary);
	color: #fff;
}

.card.primary {
	background: var(--primary);
	color: #fff;
}

.icon {
	color: var(--primary);
	width: var(--space-2xl);
	height: auto;
	font-size: var(--space-2xl);
}

.icon.large {
	width: var(--space-3xl);
	font-size: var(--space-3xl);
}

.icon.secondary {
	color: var(--secondary);
}

.icon.tertiary {
	color: var(--tertiary);
}

.icon.outline {
	padding: .5em;
	border: 1px solid var(--border-primary);
	border-radius: 100%;
	box-sizing: content-box;
}

.icon.filled {
	padding: .5em;
	border-radius: 100%;
	box-sizing: content-box;
	background: var(--dark-10);
}

.icon.small {
	width: var(--space-l);
	font-size: var(--space-l);
}

.avatar {
	width: var(--space-2xl);
	height: var(--space-2xl);
	border-radius: 100%;
	box-shadow: var(--shadow-m);
	object-fit: cover;
}

.avatar.small {
	width: var(--space-l);
	height: var(--space-l);
}

.avatar.large {
	width: var(--space-4xl);
	height: var(--space-4xl);
}

.divider {
	min-width: 100%;
	width: 100%;
	max-width: 100%;
	min-height: 1px;
	height: 1px;
	max-height: 1px;
	background: var(--border-primary);
	margin: var(--space-m) 0;
	border: 0;
}

.divider.vertical {
	min-width: 1px;
	width: 1px;
	max-width: 1px;
	min-height: 100%;
	height: 100%;
	max-height: 100%;
}

.checkbox {
	appearance: none;
	display: grid;
	place-content: center;
	border: 2px solid var(--dark-40);
	border-radius: var(--radius-s);
	width: clamp(1.13rem, calc(.37vw + 1.05rem), 1.38rem);
	height: clamp(1.13rem, calc(.37vw + 1.05rem), 1.38rem);
}

.checkbox:checked:before {
	transform: scale(1);
}

.checkbox::before {
	content: "";
	width: 1em;
	height: 1em;
	box-shadow: inset 1em 1em #fff;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
	transform: scale(0);
	transition: transform .2s;
}

.checkbox:hover {
	border-color: var(--primary);
}

.checkbox:focus {
	outline: 3px solid var(--primary-l-3);
	outline-offset: 2px;
}

.checkbox:checked {
	background: var(--primary);
	border-color: var(--primary);
}

.radio {
	appearance: none;
	display: grid;
	place-content: center;
	border: 2px solid var(--dark-40);
	border-radius: var(--radius-full);
	width: clamp(1.13rem, calc(.37vw + 1.05rem), 1.38rem);
	height: clamp(1.13rem, calc(.37vw + 1.05rem), 1.38rem);
}

.radio:checked:before {
	transform: scale(1);
}

.radio::before {
	content: "";
	width: 1em;
	height: 1em;
	border-radius: 100%;
	transform: scale(0);
	transition: transform .2s;
	background: var(--primary);
}

.radio:hover {
	border-color: var(--primary);
}

.radio:focus {
	outline: 3px solid var(--primary-l-3);
	outline-offset: 2px;
}

.radio:checked {
	border-color: var(--primary);
}

.bg-primary {
	background-color: var(--primary);
}

.bg-primary-d-1 {
	background-color: var(--primary-d-1);
}

.bg-primary-d-2 {
	background-color: var(--primary-d-2);
}

.bg-primary-d-3 {
	background-color: var(--primary-d-3);
}

.bg-primary-l-1 {
	background-color: var(--primary-l-1);
}

.bg-primary-l-2 {
	background-color: var(--primary-l-2);
}

.bg-primary-l-3 {
	background-color: var(--primary-l-3);
}

.text-primary {
	color: var(--primary);
}

.text-primary-d-1 {
	color: var(--primary-d-1);
}

.text-primary-d-2 {
	color: var(--primary-d-2);
}

.text-primary-d-3 {
	color: var(--primary-d-3);
}

.text-primary-l-1 {
	color: var(--primary-l-1);
}

.text-primary-l-2 {
	color: var(--primary-l-2);
}

.text-primary-l-3 {
	color: var(--primary-l-3);
}

.border-primary {
	border-color: var(--primary);
	border-color: var(--border-primary);
}

.border-primary-d-1 {
	border-color: var(--primary-d-1);
}

.border-primary-d-2 {
	border-color: var(--primary-d-2);
}

.border-primary-d-3 {
	border-color: var(--primary-d-3);
}

.border-primary-l-1 {
	border-color: var(--primary-l-1);
}

.border-primary-l-2 {
	border-color: var(--primary-l-2);
}

.border-primary-l-3 {
	border-color: var(--primary-l-3);
}

.bg-secondary {
	background-color: var(--secondary);
}

.bg-secondary-d-1 {
	background-color: var(--secondary-d-1);
}

.bg-secondary-d-2 {
	background-color: var(--secondary-d-2);
}

.bg-secondary-d-3 {
	background-color: var(--secondary-d-3);
}

.bg-secondary-l-1 {
	background-color: var(--secondary-l-1);
}

.bg-secondary-l-2 {
	background-color: var(--secondary-l-2);
}

.bg-secondary-l-3 {
	background-color: var(--secondary-l-3);
}

.text-secondary {
	color: var(--secondary);
}

.text-secondary-d-1 {
	color: var(--secondary-d-1);
}

.text-secondary-d-2 {
	color: var(--secondary-d-2);
}

.text-secondary-d-3 {
	color: var(--secondary-d-3);
}

.text-secondary-l-1 {
	color: var(--secondary-l-1);
}

.text-secondary-l-2 {
	color: var(--secondary-l-2);
}

.text-secondary-l-3 {
	color: var(--secondary-l-3);
}

.border-secondary {
	border-color: var(--secondary);
}

.border-secondary-d-1 {
	border-color: var(--secondary-d-1);
}

.border-secondary-d-2 {
	border-color: var(--secondary-d-2);
}

.border-secondary-d-3 {
	border-color: var(--secondary-d-3);
}

.border-secondary-l-1 {
	border-color: var(--secondary-l-1);
}

.border-secondary-l-2 {
	border-color: var(--secondary-l-2);
}

.border-secondary-l-3 {
	border-color: var(--secondary-l-3);
}

.bg-body {
	background-color: var(--bg-body);
}

.bg-surface {
	background-color: var(--bg-surface);
}

.text-body {
	color: var(--text-body);
}

.border-text-body {
	border-color: var(--text-body);
}

.text-title {
	color: var(--text-title);
}

.bg-light {
	background-color: var(--light);
}

.text-light {
	color: var(--light);
}

.border-light {
	border-color: var(--light);
}

.bg-dark {
	background-color: var(--dark);
}

.text-dark {
	color: var(--dark);
}

.border-dark {
	border-color: var(--dark);
}

.bg-success {
	background-color: var(--success);
}

.text-success {
	color: var(--success);
}

.border-success {
	border-color: var(--success);
}

.bg-error {
	background-color: var(--error);
}

.text-error {
	color: var(--error);
}

.border-error {
	border-color: var(--error);
}

.padding-4xs {
	padding: var(--space-4xs);
}

.padding-3xs {
	padding: var(--space-3xs);
}

.padding-2xs {
	padding: var(--space-2xs);
}

.padding-xs {
	padding: var(--space-xs);
}

.padding-s {
	padding: var(--space-s);
}

.padding-m {
	padding: var(--space-m);
}

.padding-l {
	padding: var(--space-l);
}

.padding-xl {
	padding: var(--space-xl);
}

.padding-2xl {
	padding: var(--space-2xl);
}

.padding-3xl {
	padding: var(--space-3xl);
}

.padding-4xl {
	padding: var(--space-4xl);
}

.padding-left-4xs {
	padding-left: var(--space-4xs);
}

.padding-left-3xs {
	padding-left: var(--space-3xs);
}

.padding-left-2xs {
	padding-left: var(--space-2xs);
}

.padding-left-xs {
	padding-left: var(--space-xs);
}

.padding-left-s {
	padding-left: var(--space-s);
}

.padding-left-m {
	padding-left: var(--space-m);
}

.padding-left-l {
	padding-left: var(--space-l);
}

.padding-left-xl {
	padding-left: var(--space-xl);
}

.padding-left-2xl {
	padding-left: var(--space-2xl);
}

.padding-left-3xl {
	padding-left: var(--space-3xl);
}

.padding-left-4xl {
	padding-left: var(--space-4xl);
}

.padding-right-4xs {
	padding-right: var(--space-4xs);
}

.padding-right-3xs {
	padding-right: var(--space-3xs);
}

.padding-right-2xs {
	padding-right: var(--space-2xs);
}

.padding-right-xs {
	padding-right: var(--space-xs);
}

.padding-right-s {
	padding-right: var(--space-s);
}

.padding-right-m {
	padding-right: var(--space-m);
}

.padding-right-l {
	padding-right: var(--space-l);
}

.padding-right-xl {
	padding-right: var(--space-xl);
}

.padding-right-2xl {
	padding-right: var(--space-2xl);
}

.padding-right-3xl {
	padding-right: var(--space-3xl);
}

.padding-right-4xl {
	padding-right: var(--space-4xl);
}

.padding-top-4xs {
	padding-top: var(--space-4xs);
}

.padding-top-3xs {
	padding-top: var(--space-3xs);
}

.padding-top-2xs {
	padding-top: var(--space-2xs);
}

.padding-top-xs {
	padding-top: var(--space-xs);
}

.padding-top-s {
	padding-top: var(--space-s);
}

.padding-top-m {
	padding-top: var(--space-m);
}

.padding-top-l {
	padding-top: var(--space-l);
}

.padding-top-xl {
	padding-top: var(--space-xl);
}

.padding-top-2xl {
	padding-top: var(--space-2xl);
}

.padding-top-3xl {
	padding-top: var(--space-3xl);
}

.padding-top-4xl {
	padding-top: var(--space-4xl);
}

.padding-bottom-4xs {
	padding-bottom: var(--space-4xs);
}

.padding-bottom-3xs {
	padding-bottom: var(--space-3xs);
}

.padding-bottom-2xs {
	padding-bottom: var(--space-2xs);
}

.padding-bottom-xs {
	padding-bottom: var(--space-xs);
}

.padding-bottom-s {
	padding-bottom: var(--space-s);
}

.padding-bottom-m {
	padding-bottom: var(--space-m);
}

.padding-bottom-l {
	padding-bottom: var(--space-l);
}

.padding-bottom-xl {
	padding-bottom: var(--space-xl);
}

.padding-bottom-2xl {
	padding-bottom: var(--space-2xl);
}

.padding-bottom-3xl {
	padding-bottom: var(--space-3xl);
}

.padding-bottom-4xl {
	padding-bottom: var(--space-4xl);
}

.padding-horizontal-4xs {
	padding-left: var(--space-4xs);
	padding-right: var(--space-4xs);
}

.padding-horizontal-3xs {
	padding-left: var(--space-3xs);
	padding-right: var(--space-3xs);
}

.padding-horizontal-2xs {
	padding-left: var(--space-2xs);
	padding-right: var(--space-2xs);
}

.padding-horizontal-xs {
	padding-left: var(--space-xs);
	padding-right: var(--space-xs);
}

.padding-horizontal-s {
	padding-left: var(--space-s);
	padding-right: var(--space-s);
}

.padding-horizontal-m {
	padding-left: var(--space-m);
	padding-right: var(--space-m);
}

.padding-horizontal-l {
	padding-left: var(--space-l);
	padding-right: var(--space-l);
}

.padding-horizontal-xl {
	padding-left: var(--space-xl);
	padding-right: var(--space-xl);
}

.padding-horizontal-2xl {
	padding-left: var(--space-2xl);
	padding-right: var(--space-2xl);
}

.padding-horizontal-3xl {
	padding-left: var(--space-3xl);
	padding-right: var(--space-3xl);
}

.padding-horizontal-4xl {
	padding-left: var(--space-4xl);
	padding-right: var(--space-4xl);
}

.padding-vertical-4xs {
	padding-top: var(--space-4xs);
	padding-bottom: var(--space-4xs);
}

.padding-vertical-3xs {
	padding-top: var(--space-3xs);
	padding-bottom: var(--space-3xs);
}

.padding-vertical-2xs {
	padding-top: var(--space-2xs);
	padding-bottom: var(--space-2xs);
}

.padding-vertical-xs {
	padding-top: var(--space-xs);
	padding-bottom: var(--space-xs);
}

.padding-vertical-s {
	padding-top: var(--space-s);
	padding-bottom: var(--space-s);
}

.padding-vertical-m {
	padding-top: var(--space-m);
	padding-bottom: var(--space-m);
}

.padding-vertical-l {
	padding-top: var(--space-l);
	padding-bottom: var(--space-l);
}

.padding-vertical-xl {
	padding-top: var(--space-xl);
	padding-bottom: var(--space-xl);
}

.padding-vertical-2xl {
	padding-top: var(--space-2xl);
	padding-bottom: var(--space-2xl);
}

.padding-vertical-3xl {
	padding-top: var(--space-3xl);
	padding-bottom: var(--space-3xl);
}

.padding-vertical-4xl {
	padding-top: var(--space-4xl);
	padding-bottom: var(--space-4xl);
}

.margin-4xs {
	margin: var(--space-4xs);
}

.margin-3xs {
	margin: var(--space-3xs);
}

.margin-2xs {
	margin: var(--space-2xs);
}

.margin-xs {
	margin: var(--space-xs);
}

.margin-s {
	margin: var(--space-s);
}

.margin-m {
	margin: var(--space-m);
}

.margin-l {
	margin: var(--space-l);
}

.margin-xl {
	margin: var(--space-xl);
}

.margin-2xl {
	margin: var(--space-2xl);
}

.margin-3xl {
	margin: var(--space-3xl);
}

.margin-4xl {
	margin: var(--space-4xl);
}

.margin-left-4xs {
	margin-left: var(--space-4xs);
}

.margin-left-3xs {
	margin-left: var(--space-3xs);
}

.margin-left-2xs {
	margin-left: var(--space-2xs);
}

.margin-left-xs {
	margin-left: var(--space-xs);
}

.margin-left-s {
	margin-left: var(--space-s);
}

.margin-left-m {
	margin-left: var(--space-m);
}

.margin-left-l {
	margin-left: var(--space-l);
}

.margin-left-xl {
	margin-left: var(--space-xl);
}

.margin-left-2xl {
	margin-left: var(--space-2xl);
}

.margin-left-3xl {
	margin-left: var(--space-3xl);
}

.margin-left-4xl {
	margin-left: var(--space-4xl);
}

.margin-right-4xs {
	margin-right: var(--space-4xs);
}

.margin-right-3xs {
	margin-right: var(--space-3xs);
}

.margin-right-2xs {
	margin-right: var(--space-2xs);
}

.margin-right-xs {
	margin-right: var(--space-xs);
}

.margin-right-s {
	margin-right: var(--space-s);
}

.margin-right-m {
	margin-right: var(--space-m);
}

.margin-right-l {
	margin-right: var(--space-l);
}

.margin-right-xl {
	margin-right: var(--space-xl);
}

.margin-right-2xl {
	margin-right: var(--space-2xl);
}

.margin-right-3xl {
	margin-right: var(--space-3xl);
}

.margin-right-4xl {
	margin-right: var(--space-4xl);
}

.margin-top-4xs {
	margin-top: var(--space-4xs);
}

.margin-top-3xs {
	margin-top: var(--space-3xs);
}

.margin-top-2xs {
	margin-top: var(--space-2xs);
}

.margin-top-xs {
	margin-top: var(--space-xs);
}

.margin-top-s {
	margin-top: var(--space-s);
}

.margin-top-m {
	margin-top: var(--space-m);
}

.margin-top-l {
	margin-top: var(--space-l);
}

.margin-top-xl {
	margin-top: var(--space-xl);
}

.margin-top-2xl {
	margin-top: var(--space-2xl);
}

.margin-top-3xl {
	margin-top: var(--space-3xl);
}

.margin-top-4xl {
	margin-top: var(--space-4xl);
}

.margin-bottom-4xs {
	margin-bottom: var(--space-4xs);
}

.margin-bottom-3xs {
	margin-bottom: var(--space-3xs);
}

.margin-bottom-2xs {
	margin-bottom: var(--space-2xs);
}

.margin-bottom-xs {
	margin-bottom: var(--space-xs);
}

.margin-bottom-s {
	margin-bottom: var(--space-s);
}

.margin-bottom-m {
	margin-bottom: var(--space-m);
}

.margin-bottom-l {
	margin-bottom: var(--space-l);
}

.margin-bottom-xl {
	margin-bottom: var(--space-xl);
}

.margin-bottom-2xl {
	margin-bottom: var(--space-2xl);
}

.margin-bottom-3xl {
	margin-bottom: var(--space-3xl);
}

.margin-bottom-4xl {
	margin-bottom: var(--space-4xl);
}

.margin-horizontal-4xs {
	margin-left: var(--space-4xs);
	margin-right: var(--space-4xs);
}

.margin-horizontal-3xs {
	margin-left: var(--space-3xs);
	margin-right: var(--space-3xs);
}

.margin-horizontal-2xs {
	margin-left: var(--space-2xs);
	margin-right: var(--space-2xs);
}

.margin-horizontal-xs {
	margin-left: var(--space-xs);
	margin-right: var(--space-xs);
}

.margin-horizontal-s {
	margin-left: var(--space-s);
	margin-right: var(--space-s);
}

.margin-horizontal-m {
	margin-left: var(--space-m);
	margin-right: var(--space-m);
}

.margin-horizontal-l {
	margin-left: var(--space-l);
	margin-right: var(--space-l);
}

.margin-horizontal-xl {
	margin-left: var(--space-xl);
	margin-right: var(--space-xl);
}

.margin-horizontal-2xl {
	margin-left: var(--space-2xl);
	margin-right: var(--space-2xl);
}

.margin-horizontal-3xl {
	margin-left: var(--space-3xl);
	margin-right: var(--space-3xl);
}

.margin-horizontal-4xl {
	margin-left: var(--space-4xl);
	margin-right: var(--space-4xl);
}

.margin-vertical-4xs {
	margin-top: var(--space-4xs);
	margin-bottom: var(--space-4xs);
}

.margin-vertical-3xs {
	margin-top: var(--space-3xs);
	margin-bottom: var(--space-3xs);
}

.margin-vertical-2xs {
	margin-top: var(--space-2xs);
	margin-bottom: var(--space-2xs);
}

.margin-vertical-xs {
	margin-top: var(--space-xs);
	margin-bottom: var(--space-xs);
}

.margin-vertical-s {
	margin-top: var(--space-s);
	margin-bottom: var(--space-s);
}

.margin-vertical-m {
	margin-top: var(--space-m);
	margin-bottom: var(--space-m);
}

.margin-vertical-l {
	margin-top: var(--space-l);
	margin-bottom: var(--space-l);
}

.margin-vertical-xl {
	margin-top: var(--space-xl);
	margin-bottom: var(--space-xl);
}

.margin-vertical-2xl {
	margin-top: var(--space-2xl);
	margin-bottom: var(--space-2xl);
}

.margin-vertical-3xl {
	margin-top: var(--space-3xl);
	margin-bottom: var(--space-3xl);
}

.margin-vertical-4xl {
	margin-top: var(--space-4xl);
	margin-bottom: var(--space-4xl);
}

.gap-4xs {
	gap: var(--space-4xs);
}

.gap-3xs {
	gap: var(--space-3xs);
}

.gap-2xs {
	gap: var(--space-2xs);
}

.gap-xs {
	gap: var(--space-xs);
}

.gap-s {
	gap: var(--space-s);
}

.gap-m {
	gap: var(--space-m);
}

.gap-l {
	gap: var(--space-l);
}

.gap-xl {
	gap: var(--space-xl);
}

.gap-2xl {
	gap: var(--space-2xl);
}

.gap-3xl {
	gap: var(--space-3xl);
}

.gap-4xl {
	gap: var(--space-4xl);
}

.text-xs {
	font-size: var(--text-xs);
}

.text-s {
	font-size: var(--text-s);
}

.text-m {
	font-size: var(--text-m);
}

.text-l {
	font-size: var(--text-l);
}

.text-xl {
	font-size: var(--text-xl);
}

.text-2xl {
	font-size: var(--text-2xl);
}

.text-3xl {
	font-size: var(--text-3xl);
}

.text-4xl {
	font-size: var(--text-4xl);
}

H1 {
	font-size: var(--text-3xl);
	line-height: 1.1;
}

H2 {
	font-size: var(--text-2xl);
	line-height: 1.2;
}

H3 {
	font-size: var(--text-xl);
	line-height: 1.3;
}

H4 {
	font-size: var(--text-xl);
	line-height: 1.3;
}

H5 {
	font-size: var(--text-l);
	line-height: 1.3;
}

H6 {
	font-size: var(--text-m);
	line-height: 1.4;
}

.line-height-xs {
	line-height: 1;
}

.line-height-s {
	line-height: 1.2;
}

.line-height-m {
	line-height: 1.3;
}

.line-height-l {
	line-height: 1.4;
}

.line-height-xl {
	line-height: 1.5;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.lowercase {
	text-transform: lowercase;
}

.uppercase {
	text-transform: uppercase;
}

.underline {
	-webkit-text-decoration: underline;
	text-decoration: underline;
}

.font-100 {
	font-weight: 100;
}

.font-200 {
	font-weight: 200;
}

.font-300 {
	font-weight: 300;
}

.font-400 {
	font-weight: 400;
}

.font-500 {
	font-weight: 500;
}

.font-600 {
	font-weight: 600;
}

.font-700 {
	font-weight: 700;
}

.font-800 {
	font-weight: 800;
}

.font-900 {
	font-weight: 900;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.row {
	display: grid;
	grid-auto-flow: column;
	justify-content: start;
}

.column {
	display: grid;
	grid-auto-flow: row;
	justify-items: start;
	align-content: start;
}

.columns-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.columns-3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.columns-4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.columns-5 {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
}

.columns-6 {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
}

.columns-7 {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
}

.columns-8 {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
}

.columns-min-5 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr));
}

.columns-min-10 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}

.columns-min-20 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
}

.columns-min-30 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
}

.columns-min-40 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(40rem, 1fr));
}

.columns-min-50 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(50rem, 1fr));
}

.columns-min-60 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(60rem, 1fr));
}

.columns-min-70 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(70rem, 1fr));
}

.flex-row {
	display: flex;
	flex-direction: row;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.flex-1 {
	flex: 1;
}

.flex-2 {
	flex: 2;
}

.flex-3 {
	flex: 3;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

.col-span-2 {
	grid-column: auto/span 2;
}

.col-span-3 {
	grid-column: auto/span 3;
}

.col-span-4 {
	grid-column: auto/span 4;
}

.col-span-5 {
	grid-column: auto/span 5;
}

.col-span-6 {
	grid-column: auto/span 6;
}

.col-span-7 {
	grid-column: auto/span 7;
}

.col-span-8 {
	grid-column: auto/span 8;
}

.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;
}

.row-span-2 {
	grid-row: auto/span 2;
}

.row-span-3 {
	grid-row: auto/span 3;
}

.row-span-4 {
	grid-row: auto/span 4;
}

.row-span-5 {
	grid-row: auto/span 5;
}

.row-span-6 {
	grid-row: auto/span 6;
}

.row-span-7 {
	grid-row: auto/span 7;
}

.row-span-8 {
	grid-row: auto/span 8;
}

.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;
}

.items-left {
	justify-items: start;
}

.content-left {
	justify-content: start;
}

.items-center {
	justify-items: center;
}

.content-center {
	justify-content: center;
}

.items-right {
	justify-items: end;
}

.content-right {
	justify-content: end;
}

.items-top {
	align-items: start;
}

.content-top {
	align-content: start;
}

.items-middle {
	align-items: center;
}

.content-middle {
	align-content: center;
}

.items-bottom {
	align-items: end;
}

.content-bottom {
	align-content: end;
}

.items-stretch {
	align-items: stretch;
}

.content-stretch {
	justify-content: stretch;
}

.space-between {
	justify-content: space-between;
}

.space-around {
	justify-content: space-around;
}

.self-left {
	margin-right: auto;
	place-self: start;
}

.self-center {
	margin-inline: auto;
	place-self: center;
}

.self-right {
	margin-left: auto;
	place-self: end;
}

.self-top {
	margin-bottom: auto;
	align-self: start;
}

.self-middle {
	margin-block: auto;
	align-self: center;
}

.self-bottom {
	margin-top: auto;
	align-self: end;
}

.self-stretch {
	align-self: stretch;
}

.full-width {
	width: 100%;
}

.full-height {
	height: 100%;
}

.screen-width {
	width: 100vw;
}

.screen-height {
	height: 100vh;
}

.auto-width {
	width: auto;
}

.auto-height {
	height: auto;
}

.width-90 {
	width: 90%;
}

.width-80 {
	width: 80%;
}

.width-70 {
	width: 70%;
}

.width-60 {
	width: 60%;
}

.width-50 {
	width: 50%;
}

.width-40 {
	width: 40%;
}

.width-30 {
	width: 30%;
}

.width-20 {
	width: 20%;
}

.width-10 {
	width: 10%;
}

.max-site-width {
	max-width: 140rem;
	width: 100%;
}

.max-width-140 {
	max-width: 140rem;
}

.max-width-130 {
	max-width: 130rem;
}

.max-width-120 {
	max-width: 120rem;
}

.max-width-110 {
	max-width: 110rem;
}

.max-width-100 {
	max-width: 100rem;
}

.max-width-90 {
	max-width: 90rem;
}

.max-width-80 {
	max-width: 80rem;
}

.max-width-70 {
	max-width: 70rem;
}

.max-width-60 {
	max-width: 60rem;
}

.max-width-50 {
	max-width: 50rem;
}

.max-width-40 {
	max-width: 40rem;
}

.max-width-30 {
	max-width: 30rem;
}

.max-width-20 {
	max-width: 20rem;
}

.max-width-10 {
	max-width: 10rem;
}

.radius-xs {
	border-radius: var(--radius-xs);
}

.radius-s {
	border-radius: var(--radius-s);
}

.radius-m {
	border-radius: var(--radius-m);
}

.radius-l {
	border-radius: var(--radius-l);
}

.radius-xl {
	border-radius: var(--radius-xl);
}

.radius-full {
	border-radius: var(--radius-full);
}

.border {
	border-width: 1px;
	border-style: solid;
}

.border-left {
	border-left-width: 1px;
	border-left-style: solid;
}

.border-right {
	border-right-width: 1px;
	border-right-style: solid;
}

.border-top {
	border-top-width: 1px;
	border-top-style: solid;
}

.border-bottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.shadow-xs {
	box-shadow: var(--shadow-xs);
}

.shadow-s {
	box-shadow: var(--shadow-s);
}

.shadow-m {
	box-shadow: var(--shadow-m);
}

.shadow-l {
	box-shadow: var(--shadow-l);
}

.shadow-xl {
	box-shadow: var(--shadow-xl);
}

.opacity-0 {
	opacity: 0;
}

.opacity-10 {
	opacity: .1;
}

.opacity-20 {
	opacity: .2;
}

.opacity-30 {
	opacity: .3;
}

.opacity-40 {
	opacity: .4;
}

.opacity-50 {
	opacity: .5;
}

.opacity-60 {
	opacity: .6;
}

.opacity-70 {
	opacity: .7;
}

.opacity-80 {
	opacity: .8;
}

.opacity-90 {
	opacity: .9;
}

.opacity-100 {
	opacity: 1;
}

.aspect-1 {
	aspect-ratio: 1;
}

.aspect-4-3 {
	aspect-ratio: 4/3;
}

.aspect-3-4 {
	aspect-ratio: 3/4;
}

.aspect-3-2 {
	aspect-ratio: 3/2;
}

.aspect-2-3 {
	aspect-ratio: 2/3;
}

.aspect-16-9 {
	aspect-ratio: 16/9;
}

.aspect-9-16 {
	aspect-ratio: 9/16;
}

.fit-contain {
	object-fit: contain;
}

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

.fit-fill {
	object-fit: fill;
}

.bg-blur-xs {
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
}

.bg-blur-s {
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}

.bg-blur-m {
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.bg-blur-l {
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
}

.bg-blur-xl {
	-webkit-backdrop-filter: blur(32px);
	backdrop-filter: blur(32px);
}

.grayscale {
	filter: grayscale(1);
}

.rotate-90 {
	transform: rotate(90deg);
}

.rotate-180 {
	transform: rotate(180deg);
}

.display-none {
	display: none;
}

.visible {
	visibility: visible;
}

.hidden {
	visibility: hidden;
}

.overflow-hidden {
	overflow: hidden;
}

.overflow-auto {
	overflow: auto;
}

.overflow-x-hidden {
	overflow-x: hidden;
}

.overflow-x-auto {
	overflow-x: auto;
}

.overflow-y-hidden {
	overflow-y: hidden;
}

.overflow-y-auto {
	overflow-y: auto;
}

.list-none {
	list-style-type: none;
}

.white-space-nowrap {
	white-space: nowrap;
}

.transition-global {
	transition: all .3s;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.sticky {
	position: sticky;
}

.fixed {
	position: fixed;
}

.inset-0 {
	inset: 0;
}

.bottom-0 {
	bottom: 0;
}

.top-0 {
	top: 0;
}

.left-0 {
	left: 0;
}

.right-0 {
	right: 0;
}

.pointer {
	cursor: pointer;
}

.not-allowed {
	cursor: not-allowed;
}

.cursor-auto {
	cursor: auto;
}

.no-pointer-events {
	pointer-events: none;
}

.z--1 {
	z-index: -1;
}

.z-0 {
	z-index: 0;
}

.z-1 {
	z-index: 1;
}

.z-10 {
	z-index: 10;
}

.z-100 {
	z-index: 100;
}

.z-1000 {
	z-index: 1000;
}

.z-10000 {
	z-index: 10000;
}

@media (max-width:1400px) {
	.column--on-xl {
		grid-template-columns: 1fr;
		grid-auto-flow: row;
	}
	
	.row--on-xl {
		grid-template-columns: unset;
		grid-auto-flow: column;
	}
	
	.columns-2--on-xl {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.columns-3--on-xl {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.columns-4--on-xl {
		grid-template-columns: repeat(4, 1fr);
	}
	
	.columns-5--on-xl {
		grid-template-columns: repeat(5, 1fr);
	}
	
	.columns-6--on-xl {
		grid-template-columns: repeat(6, 1fr);
	}
	
	.col-span-1--on-xl {
		grid-column: auto/span 1;
	}
	
	.col-span-2--on-xl {
		grid-column: auto/span 2;
	}
	
	.col-span-3--on-xl {
		grid-column: auto/span 3;
	}
	
	.col-span-4--on-xl {
		grid-column: auto/span 4;
	}
	
	.col-span-5--on-xl {
		grid-column: auto/span 5;
	}
	
	.col-span-6--on-xl {
		grid-column: auto/span 6;
	}
	
	.col-start-1--on-xl {
		grid-column-start: 1;
	}
	
	.col-start-2--on-xl {
		grid-column-start: 2;
	}
	
	.col-start-3--on-xl {
		grid-column-start: 3;
	}
	
	.col-start-4--on-xl {
		grid-column-start: 4;
	}
	
	.col-start-5--on-xl {
		grid-column-start: 5;
	}
	
	.col-start-6--on-xl {
		grid-column-start: 6;
	}
	
	.row-span-1--on-xl {
		grid-row: auto/span 1;
	}
	
	.row-span-2--on-xl {
		grid-row: auto/span 2;
	}
	
	.row-span-3--on-xl {
		grid-row: auto/span 3;
	}
	
	.row-span-4--on-xl {
		grid-row: auto/span 4;
	}
	
	.row-span-5--on-xl {
		grid-row: auto/span 5;
	}
	
	.row-span-6--on-xl {
		grid-row: auto/span 6;
	}
	
	.row-start-1--on-xl {
		grid-row-start: 1;
	}
	
	.row-start-2--on-xl {
		grid-row-start: 2;
	}
	
	.row-start-3--on-xl {
		grid-row-start: 3;
	}
	
	.row-start-4--on-xl {
		grid-row-start: 4;
	}
	
	.row-start-5--on-xl {
		grid-row-start: 5;
	}
	
	.row-start-6--on-xl {
		grid-row-start: 6;
	}
}

@media (max-width:992px) {
	.column--on-l {
		grid-template-columns: 1fr;
		grid-auto-flow: row;
	}
	
	.row--on-l {
		grid-template-columns: unset;
		grid-auto-flow: column;
	}
	
	.columns-2--on-l {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.columns-3--on-l {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.columns-4--on-l {
		grid-template-columns: repeat(4, 1fr);
	}
	
	.columns-5--on-l {
		grid-template-columns: repeat(5, 1fr);
	}
	
	.columns-6--on-l {
		grid-template-columns: repeat(6, 1fr);
	}
	
	.col-span-1--on-l {
		grid-column: auto/span 1;
	}
	
	.col-span-2--on-l {
		grid-column: auto/span 2;
	}
	
	.col-span-3--on-l {
		grid-column: auto/span 3;
	}
	
	.col-span-4--on-l {
		grid-column: auto/span 4;
	}
	
	.col-span-5--on-l {
		grid-column: auto/span 5;
	}
	
	.col-span-6--on-l {
		grid-column: auto/span 6;
	}
	
	.col-start-1--on-l {
		grid-column-start: 1;
	}
	
	.col-start-2--on-l {
		grid-column-start: 2;
	}
	
	.col-start-3--on-l {
		grid-column-start: 3;
	}
	
	.col-start-4--on-l {
		grid-column-start: 4;
	}
	
	.col-start-5--on-l {
		grid-column-start: 5;
	}
	
	.col-start-6--on-l {
		grid-column-start: 6;
	}
	
	.row-span-1--on-l {
		grid-row: auto/span 1;
	}
	
	.row-span-2--on-l {
		grid-row: auto/span 2;
	}
	
	.row-span-3--on-l {
		grid-row: auto/span 3;
	}
	
	.row-span-4--on-l {
		grid-row: auto/span 4;
	}
	
	.row-span-5--on-l {
		grid-row: auto/span 5;
	}
	
	.row-span-6--on-l {
		grid-row: auto/span 6;
	}
	
	.row-start-1--on-l {
		grid-row-start: 1;
	}
	
	.row-start-2--on-l {
		grid-row-start: 2;
	}
	
	.row-start-3--on-l {
		grid-row-start: 3;
	}
	
	.row-start-4--on-l {
		grid-row-start: 4;
	}
	
	.row-start-5--on-l {
		grid-row-start: 5;
	}
	
	.row-start-6--on-l {
		grid-row-start: 6;
	}
}

@media (max-width:768px) {
	.column--on-m {
		grid-template-columns: 1fr;
		grid-auto-flow: row;
	}
	
	.row--on-m {
		grid-template-columns: unset;
		grid-auto-flow: column;
	}
	
	.columns-2--on-m {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.columns-3--on-m {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.columns-4--on-m {
		grid-template-columns: repeat(4, 1fr);
	}
	
	.columns-5--on-m {
		grid-template-columns: repeat(5, 1fr);
	}
	
	.columns-6--on-m {
		grid-template-columns: repeat(6, 1fr);
	}
	
	.col-span-1--on-m {
		grid-column: auto/span 1;
	}
	
	.col-span-2--on-m {
		grid-column: auto/span 2;
	}
	
	.col-span-3--on-m {
		grid-column: auto/span 3;
	}
	
	.col-span-4--on-m {
		grid-column: auto/span 4;
	}
	
	.col-span-5--on-m {
		grid-column: auto/span 5;
	}
	
	.col-span-6--on-m {
		grid-column: auto/span 6;
	}
	
	.col-start-1--on-m {
		grid-column: 1;
	}
	
	.col-start-2--on-m {
		grid-column: 2;
	}
	
	.col-start-3--on-m {
		grid-column: 3;
	}
	
	.col-start-4--on-m {
		grid-column: 4;
	}
	
	.col-start-5--on-m {
		grid-column: 5;
	}
	
	.col-start-6--on-m {
		grid-column: 6;
	}
	
	.row-span-1--on-m {
		grid-row: auto/span 1;
	}
	
	.row-span-2--on-m {
		grid-row: auto/span 2;
	}
	
	.row-span-3--on-m {
		grid-row: auto/span 3;
	}
	
	.row-span-4--on-m {
		grid-row: auto/span 4;
	}
	
	.row-span-5--on-m {
		grid-row: auto/span 5;
	}
	
	.row-span-6--on-m {
		grid-row: auto/span 6;
	}
	
	.row-start-1--on-m {
		grid-row-start: 1;
	}
	
	.row-start-2--on-m {
		grid-row-start: 2;
	}
	
	.row-start-3--on-m {
		grid-row-start: 3;
	}
	
	.row-start-4--on-m {
		grid-row-start: 4;
	}
	
	.row-start-5--on-m {
		grid-row-start: 5;
	}
	
	.row-start-6--on-m {
		grid-row-start: 6;
	}
}

@media (max-width:480px) {
	.column--on-s {
		grid-template-columns: 1fr;
		grid-auto-flow: row;
	}
	
	.row--on-s {
		grid-template-columns: 1fr;
		grid-auto-flow: column;
	}
	
	.columns-2--on-s {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.columns-3--on-s {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.columns-4--on-s {
		grid-template-columns: repeat(4, 1fr);
	}
	
	.columns-5--on-s {
		grid-template-columns: repeat(5, 1fr);
	}
	
	.columns-6--on-s {
		grid-template-columns: repeat(6, 1fr);
	}
	
	.col-span-1--on-s {
		grid-column: auto/span 1;
	}
	
	.col-span-2--on-s {
		grid-column: auto/span 2;
	}
	
	.col-span-3--on-s {
		grid-column: auto/span 3;
	}
	
	.col-span-4--on-s {
		grid-column: auto/span 4;
	}
	
	.col-span-5--on-s {
		grid-column: auto/span 5;
	}
	
	.col-span-6--on-s {
		grid-column: auto/span 6;
	}
	
	.col-start-1--on-s {
		grid-column-start: 1;
	}
	
	.col-start-2--on-s {
		grid-column-start: 2;
	}
	
	.col-start-3--on-s {
		grid-column-start: 3;
	}
	
	.col-start-4--on-s {
		grid-column-start: 4;
	}
	
	.col-start-5--on-s {
		grid-column-start: 5;
	}
	
	.col-start-6--on-s {
		grid-column-start: 6;
	}
	
	.row-span-1--on-s {
		grid-row: auto/span 1;
	}
	
	.row-span-2--on-s {
		grid-row: auto/span 2;
	}
	
	.row-span-3--on-s {
		grid-row: auto/span 3;
	}
	
	.row-span-4--on-s {
		grid-row: auto/span 4;
	}
	
	.row-span-5--on-s {
		grid-row: auto/span 5;
	}
	
	.row-span-6--on-s {
		grid-row: auto/span 6;
	}
	
	.row-start-1--on-s {
		grid-row-start: 1;
	}
	
	.row-start-2--on-s {
		grid-row-start: 2;
	}
	
	.row-start-3--on-s {
		grid-row-start: 3;
	}
	
	.row-start-4--on-s {
		grid-row-start: 4;
	}
	
	.row-start-5--on-s {
		grid-row-start: 5;
	}
	
	.row-start-6--on-s {
		grid-row-start: 6;
	}
}

.wp-block {}