/**
 * Component: Icoongrid
 */

.bw-icoongrid__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bw-icoongrid__item {
	display: grid;
	gap: var(--bw-space-2xs);
	align-content: start;
}

.bw-icoongrid__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: var(--bw-radius);
	background: color-mix(in srgb, var(--bw-caramel) 16%, transparent);
	color: var(--bw-accent-text, var(--bw-caramel-ink));
	margin-block-end: var(--bw-space-3xs);
}

.bw-surface--midnight .bw-icoongrid__icon,
.bw-surface--jeans .bw-icoongrid__icon {
	background: rgba(255, 255, 255, 0.10);
}

.bw-icoongrid__title {
	font-size: var(--bw-text-lg);
}

.bw-icoongrid__text {
	font-size: var(--bw-text-base);
	color: var(--bw-surface-muted, var(--bw-text-muted));
	max-width: 40ch;
}