:root {
	--spacing-0: 0;
	--spacing-px: 1px;
	--spacing-2px: 2px;
	--spacing-1: .25rem;
	--spacing-2: .5rem;
	--spacing-3: .75rem;
	--spacing-4: 1rem;
	--spacing-5: 1.25rem;
	--spacing-6: 1.5rem;
	--spacing--6: -1.5rem;
	--spacing-8: 2rem;
	--spacing-10: 2.5rem;
	--spacing-12: 3rem;
	--spacing--12: -3rem;
	--spacing-16: 4rem;
	--spacing-20: 5rem;
	--spacing-24: 6rem;
	--spacing-36: 9rem;
	--spacing-42: 10.5rem;
}

.mb-0 {
	margin-bottom: 0;
}
.mb-1 {
	margin-bottom: var(--spacing-1);
}
.mb-2 {
	margin-bottom: var(--spacing-2);
}
.mb-3 {
	margin-bottom: var(--spacing-3);
}
.mb-4 {
	margin-bottom: var(--spacing-4);
}
.mb-5 {
	margin-bottom: var(--spacing-5);
}
.mb-6 {
	margin-bottom: var(--spacing-6);
}
.mb-8 {
	margin-bottom: var(--spacing-8);
}
.mb-12 {
	margin-bottom: var(--spacing-12);
}
.mb-24 {
	margin-bottom: var(--spacing-24);
}
.mb-36 {
	margin-bottom: var(--spacing-36);
}
.mb-42 {
	margin-bottom: var(--spacing-42);
}

.mt-0 {
	margin-top: 0;
}
.mt-1 {
	margin-top: var(--spacing-1);
}
.mt-2 {
	margin-top: var(--spacing-2);
}
.mt-3 {
	margin-top: var(--spacing-3);
}
.mt-4 {
	margin-top: var(--spacing-4);
}
.mt-5 {
	margin-top: var(--spacing-5);
}
.mt-6 {
	margin-top: var(--spacing-6);
}
.mt-8 {
	margin-top: var(--spacing-8);
}

.ml-8 {
	margin-left: var(--spacing-8);
}
.ml-auto {
	margin-left: auto;
}

.mr-1 {
	margin-right: var(--spacing-1);
}
.mr-3 {
	margin-right: var(--spacing-3);
}

.mx-1 {
	margin-left: var(--spacing-1);
	margin-right: var(--spacing-1);
}
.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

.p-1 {
	padding: var(--spacing-1);
}
.p-3 {
	padding: var(--spacing-3);
}
.p-6 {
	padding: var(--spacing-6);
}
.p-12 {
	padding: var(--spacing-12);
}
.p-24 {
	padding: var(--spacing-24);
}

.pt-1 {
	padding-top: var(--spacing-1);
}
.pt-3 {
	padding-top: var(--spacing-3);
}
.pt-6 {
	padding-top: var(--spacing-6);
}
.pt-12 {
	padding-top: var(--spacing-12);
}

.px-1 {
	padding-left: var(--spacing-1);
	padding-right: var(--spacing-1);
}
.px-3 {
	padding-left: var(--spacing-3);
	padding-right: var(--spacing-3);
}
.px-6 {
	padding-left: var(--spacing-6);
	padding-right: var(--spacing-6);
}
.px-12 {
	padding-left: var(--spacing-12);
	padding-right: var(--spacing-12);
}

.py-1 {
	padding-bottom: var(--spacing-1);
	padding-top: var(--spacing-1);
}
.py-3 {
	padding-bottom: var(--spacing-3);
	padding-top: var(--spacing-3);
}
.py-6 {
	padding-bottom: var(--spacing-6);
	padding-top: var(--spacing-6);
}
.py-12 {
	padding-bottom: var(--spacing-12);
	padding-top: var(--spacing-12);
}