/**
 * Primitive — Divider
 *
 * Expected HTML:
 *   Horizontal: <hr class="ec-divider">
 *   Vertical:   <div class="ec-divider ec-divider--vertical" role="separator" aria-orientation="vertical"></div>
 *   (<hr> is semantically horizontal only, so the vertical variant is a plain element.)
 */

.ec-divider {
	border: none;
	border-top: 1px solid var(--ec-color-border);
	margin: var(--ec-space-5) 0;
}

.ec-divider--vertical {
	border-top: none;
	border-left: 1px solid var(--ec-color-border);
	width: 1px;
	height: 100%;
	margin: 0 var(--ec-space-4);
}