/* Bottom-bar icon containers (inner spans carry their own inline geometry). */
.dk-icon {
	display: flex;
	flex: 0 0 auto;
}

.dk-icon--where {
	flex-direction: column;
	align-items: flex-start;
	gap: 3px;
	width: 20px;
}

.dk-icon--paw,
.dk-icon--cat,
.dk-icon--search {
	position: relative;
	width: 22px;
	height: 18px;
}

.dk-icon--paw > *,
.dk-icon--cat > *,
.dk-icon--search > * {
	position: absolute;
}

.dk-icon--bars {
	align-items: flex-end;
	gap: 3px;
	height: 18px;
}