/* ── Utility Classes ─────────────────────────────────────── */
.d-flex {
	display: flex;
}
.flex-grow {
	flex-grow: 1;
}
.flex-shrink {
	flex-shrink: 1;
}
.flex-1 {
	flex: 1 1 auto;
}
.flex-column {
	flex-direction: column;
}
.justify-end {
	justify-content: flex-end;
}
.justify-center {
	justify-content: center;
}
.justify-between {
	justify-content: space-between;
}
.align-center {
	align-items: center;
}
.text-center {
	text-align: center;
}
.fw-bold {
	font-weight: 700;
}
.eg-weight-bold {
	font-weight: 700;
}
.eg-no-select {
	-webkit-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
}

.relative {
	position: relative;
}

/* Padding */
.pa-2 {
	padding: 8px;
}
.pa-3 {
	padding: 12px;
}
.pa-4 {
	padding: 16px;
}
.pa-8 {
	padding: 32px;
}
.px-0 {
	padding-left: 0;
	padding-right: 0;
}
.px-6 {
	padding-left: 24px;
	padding-right: 24px;
}
.py-12 {
	padding-top: 48px;
	padding-bottom: 48px;
}
.pb-16 {
	padding-bottom: 64px;
}

/* Margin */
.mt-1 {
	margin-top: 4px;
}
.mt-2 {
	margin-top: 8px;
}
.mt-3 {
	margin-top: 12px;
}
.mt-4 {
	margin-top: 16px;
}
.mt-6 {
	margin-top: 24px;
}
.mb-1 {
	margin-bottom: 4px;
}
.mb-2 {
	margin-bottom: 8px;
}
.mb-3 {
	margin-bottom: 12px;
}
.mb-4 {
	margin-bottom: 16px;
}
.mb-6 {
	margin-bottom: 24px;
}
.mr-1 {
	margin-right: 4px;
}
.mr-2 {
	margin-right: 8px;
}
.my-3 {
	margin-top: 12px;
	margin-bottom: 12px;
}

.w-100 {
	width: 100%;
}