/* MOD Icon Box Grid — optional responsive column dividers. */
.mod-icon-box-grid {
	--mod-icon-box-grid-divider-color: #d8cabb;
	--mod-icon-box-grid-divider-width: 1px;
	--mod-icon-box-grid-divider-style: solid;
	--mod-icon-box-grid-divider-length: 70%;
	position: relative;
}

/* Let the existing button layer sit above a whole-card link overlay. */
.mod-icon-box-grid .mod-icon-box-grid__column-link ~ .mod-icon-box-grid__body {
	z-index: auto;
}

.mod-icon-box-grid__vertical-divider {
	position: absolute;
	z-index: 6;
	display: none;
	width: 0;
	pointer-events: none;
}

.mod-icon-box-grid--vertical-divider .mod-icon-box-grid__vertical-divider {
	display: block;
}

.mod-icon-box-grid__vertical-divider::before {
	position: absolute;
	top: 50%;
	left: 50%;
	height: var(--mod-icon-box-grid-divider-length);
	border-inline-start-color: var(--mod-icon-box-grid-divider-color);
	border-inline-start-style: var(--mod-icon-box-grid-divider-style);
	border-inline-start-width: var(--mod-icon-box-grid-divider-width);
	box-sizing: border-box;
	content: "";
	transform: translate(-50%, -50%);
}