.biome-logo {
	--biome-logo-padding: 15%;

	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 16 / 9;
	padding: var(--biome-logo-padding);
	overflow: hidden;
	border-radius: var(--system-border-radius-sm);
	background-color: var(--brand-orange);
}

.biome-logo img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 100%;
	object-fit: contain;
}