.mf-source {
	display: flex;
	align-items: center;
	gap: var(--mf-space-2);
	min-width: 0;
	color: var(--mf-color-text-muted);
	font-size: var(--mf-font-size-small);

	&[hidden] {
		display: none;
	}
}

.mf-source-glyph {
	display: flex;
	flex: 0 0 auto;
	color: var(--mf-color-border-strong);
}

.mf-source-label {
	flex: 0 0 auto;
	letter-spacing: var(--mf-track-caption);
	text-transform: uppercase;
}

/* The address is one line whatever its length: the query grows without moving the page. */
.mf-source-url {
	flex: 1 1 auto;
	color: inherit;
	text-decoration: none;

	&:hover,
	&:focus-visible {
		color: var(--mf-color-accent);
		outline: none;
	}
}