/**
 * Separator block variants.
 */

/* Rankings — thin grey rule with a left-aligned Barracks Tan accent (Figma). */
:is(.entry-content, .editor-styles-wrapper) .wp-block-separator.vmi-rankings-separator {
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	height: 0;
	margin: 32px 0;
	border: none;
	border-top: 1px solid #bcbcbc;
	background: none;
	overflow: visible;
}

:is(.entry-content, .editor-styles-wrapper) .wp-block-separator.vmi-rankings-separator::before {
	content: "";
	position: absolute;
	top: -2px;
	left: 0;
	width: 45%;
	max-width: 420px;
	height: 3px;
	transform: translateY(-50%);
	background-color: #e0d3b4;
}