/* Leaders (a core/table style, inc/block-styles.php): two-column rows, the first cell running a
   dashed leader out to the second, as in the drive times card (Figma 149:2141). Takes the text
   colour; the leader is that colour at 30%. */

.wp-block-table.is-style-leaders {
	margin: 0;
	overflow: visible;
}

.wp-block-table.is-style-leaders table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	table-layout: auto;
}

.wp-block-table.is-style-leaders thead,
.wp-block-table.is-style-leaders tfoot,
.wp-block-table.is-style-leaders figcaption {
	display: none;
}

.wp-block-table.is-style-leaders tr {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.wp-block-table.is-style-leaders tr + tr {
	margin-top: 0.75rem;
}

.wp-block-table.is-style-leaders td {
	padding: 0;
	border: 0;
	font-size: 1rem;
	line-height: 1;
	white-space: nowrap;
}

.wp-block-table.is-style-leaders td:first-child {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	gap: 0.25rem;
	min-width: 0;
}

.wp-block-table.is-style-leaders td:first-child::after {
	content: "";
	flex: 1 1 auto;
	height: 14px;
	border-bottom: 1px dashed color-mix(in srgb, currentColor 30%, transparent);
}