.multipleselect-container {
	position: relative;
}
.multipleselect-button {
	position: relative;
	padding: 10px 50px 10px 25px;
	width: fit-content;
	font-size: 0.9rem;
	color: #0b2c46;
	font-weight: light;
	text-align: left;
	border: none;
	border-radius: 10px;
	cursor: pointer;
	/* box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.1); */
	box-shadow: 0 0.25rem 0.375rem -0.0625rem rgb(20 20 20 / 12%),
		0 0.125rem 0.25rem -0.0625rem rgb(20 20 20 / 7%) !important;
	transform: scale(1);
	transition: box-shadow 0.2s, transform 0.2s;
	background-color: white;
}

.multipleselect-button:hover {
	transform: scale(1);
	box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.1);
}

.multipleselect-button:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.multipleselect-arrow {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%) rotateZ(0deg);
	font-size: 0.7rem;
	font-weight: bold;
	transition: 0.2s;
	user-select: none;
	color: #0b2c46 !important;
	font-style: normal !important;
}

.arrow-showing {
	transform: translateY(-55%) rotateZ(180deg);
}

.multipleselect-dropdown {
	position: absolute;
	left: 0;
	width: 100%;
	height: 0%;
	max-height: 200px;
	background-color: white;
	border-radius: 10px;
	overflow-y: scroll;
	box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.1);
	transition: 0.2s;
	z-index: 99;
}

.dropdown-up {
	bottom: 110%;
}
.dropdown-down {
	top: 110%;
}
.multipleselect-dropdown::-webkit-scrollbar {
	width: 5px;
}
.multipleselect-dropdown::-webkit-scrollbar-track {
	background-color: transparent;
}
.multipleselect-dropdown::-webkit-scrollbar-thumb {
	background-color: rgba(119, 119, 119, 0.377);
	border-radius: 999px;
}
.multipleselect-dropdown::-webkit-scrollbar-thumb:hover {
	background-color: rgba(119, 119, 119, 0.5);
}

.dropdown-active {
	height: 800%;
	z-index: 99;
}

.multipleselect-dropdown .dropdown-heading {
	padding: 0px 10px;
	padding-top: 8px;
	font-weight: bold !important;
	opacity: 0.7;
	cursor: auto;
}
.multipleselect-dropdown .dropdown-heading:hover {
	background-color: transparent;
}

.multipleselect-dropdown label {
	max-width: 100%;
	padding: 8px 20px;
	font-size: 0.9rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	font-weight: 200 !important;
	border-radius: 10px;
	user-select: none;
}

.multipleselect-dropdown label:hover {
	background-color: rgba(223, 223, 255, 0.521);
}
.multipleselect-dropdown label:has(.multipleselect-checkbox:disabled) {
	opacity: 0.5;
	background-color: white !important;
	cursor: default;
}
.multipleselect-checkbox {
	-webkit-appearance: none;
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	margin-right: 10px;
}

.multipleselect-checkbox:checked {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
		inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05),
		inset 15px 10px -12px rgba(255, 255, 255, 0.1);
	color: #99a1a7;
}

.multipleselect-checkbox:checked:after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");
	font-size: 0.9rem;
	position: absolute;
	transform: translateY(-40%);
	left: 3px;
	width: 0.9rem;
	color: #0b2c46;
}