.divider {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-md);
}

.divider::before,
.divider::after {
	content: '';
	flex: 1;
	height: 1px;
	background-image: linear-gradient(to right, transparent, var(--color-surface-highest), var(--color-surface-high));
}

.divider::after {
	background-image: linear-gradient(to left, transparent, var(--color-surface-highest), var(--color-surface-high));
}

.divider__mark {
	color: var(--color-primary);
	user-select: none;
}