.EntryFilter {
	background: #e3e3e3;
	justify-content: center;
	align-items: center;
	padding: 5px;
	color: black;
}

.EntryFilter input {
	border: none;
	background: white;
	border-radius: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	box-shadow: 0px 1px 1px #bababa;
}

.EntryFilter input[type="button"] {
	cursor: pointer;
}

.EntryFilter input[type="button"]:hover {
	background: #f2f2f2;
}

.EntryFilter, .EntryFilter > div {
	display: flex;
	flex-wrap: wrap;
}

.EntryFilter > div {
	align-items: center;
	padding: 5px;
	display: flex;
}

.EntryFilter > div > div {
	flex-grow: 1;
	display: flex;
	justify-content: space-between;
}

.EntryFilterSearchContainer {
	gap: 5px;
}

.EntryFilterDateContainer > div {
	display: flex;
	align-items: center;
}

.EntryFilterDateContainer > div > div {
	padding-left: 2px;
	padding-right: 2px;
}

.EntryFilterTagContainer {
	justify-content: center;
	gap: 5px;
}

.EntryFilterTagContainer > div {
	--EntryFilterTagWidth: unset;
	display: flex;
	align-items: center;
	background: #f0f0f0;
	border-radius: 2px;
	box-shadow: 0px 1px 1px #bababa;
	transition: 200ms;
	max-width: fit-content;
	min-width: var(--EntryFilterTagWidth);
}

.EntryFilterTagContainer > div > div {
	width: 100%;
}

.EntryFilterTagContainer > div * {
	cursor: pointer;
	user-select: none;
}

.EntryFilterTagContainer > div > div:first-child > label {
	padding: 5px;
	display: flex;
	justify-content: center;
}

.EntryFilterTagContainer > div > div:last-child {
	display: none;
}

.EntryFilterTagSelected {
	background: #ad2c50 !important;
	color: #fff9f4;
}

.EntryFilterNoText > .EntryFilterSearchContainer,
.EntryFilterNoTitle > .EntryFilterTitleContainer,
.EntryFilterNoDate > .EntryFilterDateContainer,
.EntryFilterNoTags > .EntryFilterTagContainer {
	display: none;
}

.EntryFilterTagEmpty {
	cursor: not-allowed;
	filter: opacity(0.2);
}

.EntryFilterTagEmpty > * {
	pointer-events: none;
}

::highlight(EntryFilterHighlight) {
	background-color: magenta;
	color: white;
}