html,
body,
#mapEl {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	display: flex;
}

#logo-icon {
	align-self: center;
	height: auto;
	margin-inline-start: 0.5rem;
}

/* Theme chip group styling */
#theme-chip-group {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

/* Card styling for info blocks */
#card-heading {
	font-size: var(--calcite-font-size-md);
}

#card-description {
	font-size: var(--calcite-font-size);
}

#card-tags {
	flex-wrap: wrap;
}