#search,
label[for="search"] {
	display: none;
}

#tag-filter {
	display: flex;
	max-height: 1.5rem;
	overflow: visible;
	gap: 0.8rem;
	align-items: center;
	margin-block: 0.8rem;
}

#tag-active,
#tag-dialog-cloud {
	display: flex;
	flex-flow: wrap;
	gap: 0.5rem;
	align-items: baseline;
}

.tag .icon {
	display: none;
	border: none;
	font-size: 0.7rem;
	padding: 0.05rem;
	margin: -0.1rem;
	font-weight: 900;
}

#tag-active .tag:not([data-selected]) {
	display: none;
}

.tag[data-selected] {
	background: hsl(var(--tag-background-color-hsl) / 10%);
}

.tag[data-selected] .icon {
	display: inline;
}

.article-item[hidden] {
	display: none;
}