.dropdown-wrapper .targetBox {
	background-color: #171a20;
	border-radius: 4px;
	border: 2px solid white;
	color: white;
	width: fit-content;
	padding: 5px;
	position: relative;
}

.dropdown-wrapper .targetBox .text {
	min-width: 100px;
	text-align: center;
	margin-right: 20px;
}

.dropdown-wrapper .options {
	background-color: #171a20;
	border-radius: 4px;
	border: 2px solid white;
	color: white;
	width: fit-content;
	min-width: 100px;
	padding: 8px;
	margin-top: 10px;
	position: absolute;
	z-index: 10;
}

.dropdown-wrapper .options .option {
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-radius: 4px;
}

.dropdown-wrapper .option:is(:hover, :focus) {
	background-color: #5b606f;
}

.dropdown-wrapper .targetBox[aria-expanded="false"] + .options {
	display: none;
}

.dropdown-wrapper .finsemble-icon {
	position: absolute;
	right: 5px;
	top: 10px;
	transition-duration: 0.3s;
	transition-property: all;
}

.dropdown-wrapper .targetBox[aria-expanded="true"] .finsemble-icon {
	transform: rotate(180deg);
}
