.dropdown-menu {
	position: absolute;
	top: 3rem;
	z-index: 100;
	box-shadow: 0 0 0.3em #888;
	padding: 0.75rem;
	overflow-y: auto;
	font: 400 1.2rem 'Open Sans', sans-serif;
	background-color: #fff;
	border-radius: 0.3rem;
}

.dropdown-menu .message {
	color: var(--gray-d);
	user-select: none;
	margin-top: 0.5rem;
}

.dropdown-search-input {
	display: flex;
	justify-content: center;
}

.dropdown-search-input .search-field {
	width: -webkit-fill-available;
	border: 0.1rem solid #ccc;
	border-radius: 0.3rem;
	padding: 0.5rem;
	background: transparent url('/assets/skins/lahuen/base/images/icon_search.svg') no-repeat
		right 0.7rem center/1.2rem;
}

.dropdown-search-input .search-field:focus {
	outline: none;
	border-color: var(--primary-b-light);
	transition: border-color 0.3s ease;
}

.dropdown-search-input .search-field[type='search']::-webkit-search-cancel-button {
	-webkit-appearance: none;
	-webkit-mask: url('data:image/svg+xml,<svg fill="%23fff" viewBox="2.52 2.52 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M77.126,63.411L53.715,39.998l23.408-23.409c3.788-3.788,3.791-9.925,0.003-13.712 c-3.786-3.787-9.926-3.788-13.714,0L40.001,26.288L16.589,2.875c-3.787-3.787-9.927-3.788-13.714,0 c-3.787,3.787-3.786,9.927,0.001,13.714l23.412,23.413L2.877,63.411c-3.787,3.788-3.788,9.929-0.001,13.715 c3.789,3.789,9.926,3.784,13.713-0.002L40,53.713l23.412,23.412c3.787,3.788,7.927,3.786,13.713,0 C80.912,73.338,80.914,67.197,77.126,63.411z"/></svg>')
		center/0.8rem no-repeat;
	background-color: var(--primary-e-normal);
	appearance: none;
	height: 1rem;
	width: 1rem;
	cursor: pointer;
	margin-right: 2rem;
}

.dropdown-content-item {
	cursor: pointer;
	list-style: none;
	user-select: none;
}

.dropdown-content-item p {
	padding: 0.3rem;
}

.dropdown-content-item:hover {
	background-color: var(--primary-d-bright);
}

.dropdown-content-item.selected {
	background-color: var(--primary-a-bright);
}

.dropdown-content-item.disabled {
	background-color: transparent;
	color: #b0b0b0;
}