.mosaic-logo {
	display: flex;
	justify-content: var(--mosaic-self, flex-start);
}

.mosaic-logo__link {
	display: inline-block;
	color: inherit;
	text-decoration: none;
}

.mosaic-logo__img {
	display: block;
	max-inline-size: 12rem;
	block-size: auto;
}

.mosaic-logo__text {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--mosaic-color-headings, inherit);
}

.mosaic-logo__link:focus-visible {
	outline: var(--mosaic-focus-width, 3px) solid var(--mosaic-color-focus, currentColor);
	outline-offset: 3px;
}