.multiselect-dropdown {
	display: flex;
	flex-direction: column;
}

.multiselect-dropdown .multiselect-label {
	display: flex;
	align-items: center;
	column-gap: 0.5rem;
	margin-bottom: 0.5rem;
}

.multiselect-toggle {
	position: relative;
	cursor: pointer;
}

.multiselect-container {
	display: none;
	flex-direction: column;
	position: absolute;
	width: 100%;
	z-index: 1000;
	box-sizing: border-box;
	border: 1px solid var(--color-border-gray);
	box-shadow: 0px 2px 6px 0px #00000040;
}

.multiselect-toggle.is-open .multiselect-container {
	display: flex;
}

.multiselect-selection-outer {
	display: flex;
	justify-content: space-between;
	background: var(--color-white);
	color: var(--text-color-gray);
	font-size: 14px;
	padding: 0.5rem 1rem;
}

.multiselect-selection {
	display: flex;
	align-items: center;
	column-gap: 0.5rem;
	row-gap: 0.25rem;
	flex-wrap: wrap;
}

.multiselect-toggle:has([selected]) .multiselect-selection {
	color: var(--color-black);
}

.multiselect-selection-outer:after {
	width: 24px;
	height: 24px;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 10.2525L12.2426 14.4951L16.4853 10.2525' stroke='%231E3063'/%3E%3C/svg%3E");
}

.multiselect-toggle.is-open .multiselect-selection-outer:after {
	transform: rotate(180deg);
}

.multiselect-selection:has(.multiselect-tag) .multiselect-placeholder {
	display: none;
}

.multiselect-tag {
	display: flex;
	text-wrap: balance;
	align-items: center;
	column-gap: 0.25rem;
	background: var(--color-lightgray);
	color: var(--color-black);
	padding: 0.25rem 0.75rem;
	border-radius: 1rem;
}

.multiselect-tag:after {
	width: 16px;
	height: 16px;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.26683 12.6667L3.3335 11.7333L7.06683 8L3.3335 4.26667L4.26683 3.33334L8.00016 7.06667L11.7335 3.33334L12.6668 4.26667L8.9335 8L12.6668 11.7333L11.7335 12.6667L8.00016 8.93334L4.26683 12.6667Z' fill='black'/%3E%3C/svg%3E");
}

.multiselect-filter {
	background: var(--color-white);
	color: var(--text-color-gray);
	font-size: 14px;
	padding: 1rem;
	border: 0;
	border-bottom: 1px solid var(--color-border-gray);
	cursor: pointer;
}

.multiselect-filter:focus {
	outline: none;
}

.multiselect-options {
	display: flex;
	flex-direction: column;
	list-style: none;
	background: var(--color-white);
	padding: 0;
	margin: 0;
	overflow-y: auto;
	max-height: 500px;
}

.multiselect-options li {
	display: flex;
	align-items: center;
	column-gap: 1rem;
	background: var(--white);
	color: var(--color-black);
	padding: 0.5rem 1rem;
	cursor: pointer;
}

.multiselect-options :nth-child(n + 2) {
	border-top: 1px solid var(--color-border-gray);
}
.multiselect-options li:before {
	width: 20px;
	height: 20px;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 24 24' version='1.1'%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Ctitle%3Eic_fluent_checkbox_unchecked_24_regular%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='🔍-Product-Icons' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ic_fluent_checkbox_unchecked_24_regular' fill='%23212121' fill-rule='nonzero'%3E%3Cpath d='M5.75,3 L18.25,3 C19.7687831,3 21,4.23121694 21,5.75 L21,18.25 C21,19.7687831 19.7687831,21 18.25,21 L5.75,21 C4.23121694,21 3,19.7687831 3,18.25 L3,5.75 C3,4.23121694 4.23121694,3 5.75,3 Z M5.75,4.5 C5.05964406,4.5 4.5,5.05964406 4.5,5.75 L4.5,18.25 C4.5,18.9403559 5.05964406,19.5 5.75,19.5 L18.25,19.5 C18.9403559,19.5 19.5,18.9403559 19.5,18.25 L19.5,5.75 C19.5,5.05964406 18.9403559,4.5 18.25,4.5 L5.75,4.5 Z' id='🎨Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.multiselect-options li[selected]:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 24 24' version='1.1'%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Ctitle%3Eic_fluent_checkbox_checked_24_regular%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='🔍-Product-Icons' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ic_fluent_checkbox_checked_24_regular' fill='%23212121' fill-rule='nonzero'%3E%3Cpath d='M18.25,3 C19.7687831,3 21,4.23121694 21,5.75 L21,18.25 C21,19.7687831 19.7687831,21 18.25,21 L5.75,21 C4.23121694,21 3,19.7687831 3,18.25 L3,5.75 C3,4.23121694 4.23121694,3 5.75,3 L18.25,3 Z M18.25,4.5 L5.75,4.5 C5.05964406,4.5 4.5,5.05964406 4.5,5.75 L4.5,18.25 C4.5,18.9403559 5.05964406,19.5 5.75,19.5 L18.25,19.5 C18.9403559,19.5 19.5,18.9403559 19.5,18.25 L19.5,5.75 C19.5,5.05964406 18.9403559,4.5 18.25,4.5 Z M10,14.4393398 L16.4696699,7.96966991 C16.7625631,7.6767767 17.2374369,7.6767767 17.5303301,7.96966991 C17.7965966,8.23593648 17.8208027,8.65260016 17.6029482,8.94621165 L17.5303301,9.03033009 L10.5303301,16.0303301 C10.2640635,16.2965966 9.84739984,16.3208027 9.55378835,16.1029482 L9.46966991,16.0303301 L6.46966991,13.0303301 C6.1767767,12.7374369 6.1767767,12.2625631 6.46966991,11.9696699 C6.73593648,11.7034034 7.15260016,11.6791973 7.44621165,11.8970518 L7.53033009,11.9696699 L10,14.4393398 L16.4696699,7.96966991 L10,14.4393398 Z' id='🎨Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}