.hidden {
	display: none;
}

.flex {
	display: flex;
}

.block {
	display: block;
}

.grid {
	display: grid;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.fixed {
	position: fixed;
}

.absolute {
	position: absolute;
}

.relative {
	position: relative;
}

.sticky {
	position: sticky;
}

.center {
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}

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

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

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

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

.m-auto {
	margin: auto;
}

.ml-auto {
	margin-left: auto;
}

.mr-auto {
	margin-right: auto;
}

.inset {
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}

.top-0 {
	top: 0px;
}

.left-0 {
	left: 0px;
}

.bottom-0 {
	bottom: 0px;
}

.right-0 {
	right: 0px;
}

.left-50 {
	left: 50%;
}

.right-50 {
	right: 50%;
}

.top-50 {
	top: 50%;
}

.bottom-50 {
	bottom: 50%;
}

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

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

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

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

.size-800 {
	font-size: var(--size-800);
}

.size-700 {
	font-size: var(--size-700);
}

.size-600 {
	font-size: var(--size-600);
}

.size-500 {
	font-size: var(--size-500);
}

.size-400 {
	font-size: var(--size-400);
}

.size-100 {
	font-size: var(--size-100);
}

.weight-700 {
	font-weight: var(--weight-700);
}

.weight-600 {
	font-weight: var(--weight-600);
}

.weight-400 {
	font-weight: var(--weight-400);
}

.color-main {
	color: var(--main);
}

.color-grey {
	color: var(--grey);
}

.color-white {
	color: white;
}

.color-black {
	color: black;
}

.bg-black {
	background-color: black;
}

.bg-white {
	background-color: white;
}

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

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

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

.h-full {
	height: 100%;
}

.h-fit {
	height: fit-content;
}

.h-100 {
	height: 100vh;
}

.h-50 {
	height: 50%;
}

.h-33 {
	height: calc(100% / 3);
}

.h-40 {
	height: 40%;
}

.h-30 {
	height: 30%;
}

.h-60 {
	height: 60%;
}

.h-65 {
	height: 65%;
}

.h-66 {
	height: calc((100%/3)*2);
}

.h-25 {
	height: 25%;
}

.h-75 {
	height: 75%;
}

.h-20 {
	height: 20%;
}

.h-60 {
	height: 60%;
}

.h-70 {
	height: 70%;
}

.h-80 {
	height: 80%;
}

.h-90 {
	height: 90%;
}

.w-auto {
	width: auto;
}

.w-full {
	width: 100%;
}

.w-fit {
	width: -moz-fit-content;
	width: fit-content;
}

.w-100 {
	width: 100vw;
}

.w-20 {
	width: 20%;
}

.w-25 {
	width: 25%;
}

.w-30 {
	width: 30%;
}

.w-33 {
	width: calc(100% / 3);
}

.w-35 {
	width: 35%;
}

.w-40 {
	width: 40%;
}

.w-45 {
	width: 45%;
}

.w-50 {
	width: 50%;
}

.w-55 {
	width: 55%;
}

.w-60 {
	width: 60%;
}

.w-65 {
	width: 65%;
}

.w-66 {
	width: calc((100%/3)*2);
}

.w-70 {
	width: 70%;
}

.w-75 {
	width: 75%;
}

.w-80 {
	width: 80%;
}

.w-90 {
	width: 90%;
}

.max-w-full {
	max-width: 100%;
}

.max-w-none {
	max-width: none;
}

.min-h-screen {
	min-height: 100vh;
}

.grid-flow-col {
	grid-auto-flow: column;
}

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

.grid-cols-2 {
	grid-template-columns: repeat(2, 1fr);
}

.grid-cols-3 {
	grid-template-columns: repeat(3, 1fr);
}

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

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

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

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

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

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

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

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

.grid-rows-9 {
	grid-template-rows: repeat(9, 1fr);
}

.grid-rows-10 {
	grid-template-rows: repeat(10, 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-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;
}

.row-span-full {
	grid-column: 1 / -1;
}

.row-span-1 {
	grid-row: span 1 / span 1;
}

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

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

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

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

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

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

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

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

.row-span-9 {
	grid-row: span 9 / span 9;
}

.row-span-full {
	grid-row: 1 / -1;
}

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

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

.-translate-x-50 {
	transform: translateX(-50%);
}

.-translate-y-50 {
	transform: translateY(-50%);
}

.-translate-50 {
	transform: translate(-50%, -50%);
}

.translate-x-50 {
	transform: translateX(50%);
}

.translate-y-50 {
	transform: translateY(50%);
}

.translate-50 {
	transform: translate(50%, 50%);
}

.-translate-x-100 {
	transform: translateX(-100%);
}

.-translate-y-100 {
	transform: translateY(-100%);
}

.-translate-100 {
	transform: translate(-100%, -100%);
}

.translate-x-100 {
	transform: translateX(100%);
}

.translate-y-100 {
	transform: translateY(100%);
}

.translate-100 {
	transform: translate(100%, 100%);
}

.overflow-hidden {
	overflow: hidden;
}

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

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

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

.transition {
	transition: all 280ms ease;
}

.rounded {
	border-radius: 50vw;
}

.radius {
	border-radius: 15px;
}

.top-radius {
	border-radius: 15px 15px 0 0;
}

.bottom-radius {
	border-radius: 0 0 15px 15px;
}

.border-0 {
	border: none;
}

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

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

.bg-cover {
	background-size: cover;
}

.block-1 {
	width: 100%;
	max-width: var(--block-1)
}

.block-2 {
	width: 100%;
	max-width: var(--block-2)
}

.block-3 {
	width: 100%;
	max-width: var(--block-3)
}

.block-4 {
	width: 100%;
	max-width: var(--block-4)
}

.transition-400 {
	transition: var(--transition-400);
}

.transition-500 {
	transition: var(--transition-500);
}

.transition-600 {
	transition: var(--transition-600);
}

.transition-700 {
	transition: var(--transition-700);
}

.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}

.capitalize {
	text-transform: capitalize;
}

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

.opacity-0 {
	opacity: 0;
}

.size-900 {
	font-size: var(--size-900);
	line-height: 1.1;
}

.size-600 {
	font-size: var(--size-600);
}

.size-500 {
	font-size: var(--size-500);
}

.size-400 {
	font-size: var(--size-400);
}

.size-300 {
	font-size: var(--size-300);
}

.size-100 {
	font-size: var(--size-100);
}

.weight-900 {
	font-weight: var(--weight-900);
}

.weight-800 {
	font-weight: var(--weight-800);
}

.weight-700 {
	font-weight: var(--weight-700);
}

.weight-400 {
	font-weight: var(--weight-400);
}

.weight-300 {
	font-weight: var(--weight-300);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pointer {
	cursor: pointer;
}

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