.mkb-quick-access {
	background: var(--mkb-color-surface);
}

.mkb-quick-access .mkb-ds-section-header {
	margin-bottom: var(--mkb-space-10);
}

.mkb-quick-access__track {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: var(--mkb-space-4);
}

.mkb-quick-access-card {
	min-width: 0;
	min-height: 310px;
	padding: var(--mkb-space-6);
}

.mkb-quick-access-card .mkb-ds-card__icon {
	width: 48px;
	height: 48px;
	border-radius: var(--mkb-radius-md);
}

.mkb-quick-access-card .mkb-ds-card__title {
	margin-top: var(--mkb-space-5);
	font-size: 1.125rem;
}

.mkb-quick-access-card .mkb-ds-card__copy {
	font-size: var(--mkb-text-sm);
}

.mkb-quick-access-card .mkb-ds-card__footer {
	justify-content: flex-start;
}

@media (max-width: 900px) {
	.mkb-quick-access {
		overflow: hidden;
	}

	.mkb-quick-access__track {
		width: calc(100% + 20px);
		grid-auto-columns: minmax(248px, 78vw);
		grid-template-columns: none;
		grid-auto-flow: column;
		gap: var(--mkb-space-4);
		padding: 2px 20px var(--mkb-space-4) 2px;
		overflow-x: auto;
		overscroll-behavior-inline: contain;
		scroll-padding-inline: 2px;
		scroll-snap-type: inline proximity;
		scrollbar-width: none;
	}

	.mkb-quick-access__track::-webkit-scrollbar {
		display: none;
	}

	.mkb-quick-access-card {
		min-height: 250px;
		scroll-snap-align: start;
	}
}

@media (max-width: 600px) {
	.mkb-quick-access {
		padding-block: var(--mkb-space-16);
	}

	.mkb-quick-access .mkb-ds-section-header {
		margin-bottom: var(--mkb-space-6);
	}

	.mkb-quick-access__track {
		grid-auto-columns: minmax(246px, 82vw);
	}
}