.mosaic-divider {
	display: flex;
	align-items: center;
	gap: 1rem;
	inline-size: 100%;
	color: var(--mosaic-color-text, inherit);
}

.mosaic-divider__line {
	flex: 1;
	min-inline-size: 1rem;
	border-block-start: var(--mosaic-divider-size, 1px) solid var(--mosaic-divider-color, var(--mosaic-color-border, #d5d9e2));
}

.mosaic-divider--dashed .mosaic-divider__line {
	border-block-start-style: dashed;
}

.mosaic-divider--dotted .mosaic-divider__line {
	border-block-start-style: dotted;
}

/* A double line needs room to show both lines. */
.mosaic-divider--double .mosaic-divider__line {
	border-block-start-style: double;
	border-block-start-width: max(var(--mosaic-divider-size, 1px), 3px);
}

.mosaic-divider__middle {
	display: inline-flex;
	flex: none;
	align-items: center;
	gap: 0.5em;
	max-inline-size: 70%;
	overflow-wrap: break-word;
}