.single-select__block, .multi-select__block {
	position: absolute;
	width: 300px;
	max-height: 330px;
  overflow-y: scroll;
  z-index: 1;
	display: none;
	padding: 8px 8px;
	background: var(--widget-bg, #FBF5EA);
	
	border-radius: 6px;
	box-shadow: 4px 4px 10px -4px #3a3a3a3a;	
  line-height: 2;
}

.single-select__block.active, .multi-select__block.active {
	display: block;
}

.profiles-search-form .multi-select__label {
	display: flex;
}

.profiles-search-form .single-select__label,
.profiles-search-form .multi-select__label {
	line-height: 1.4;
	text-align: left;
}

.profiles-search-form .single-select__label  + .single-select__label,
.profiles-search-form .multi-select__label + .multi-select__label {
	margin-top: 5px;
}

.chmk {
	display: none;
}

.multi-select__label.active {
	color: var(--link-color, #6b4f38);
}

.multi-select__label.active .chmk {
	display: block;
}

.select-wrapper {
  position: relative;
  display: block;
}

.select-wrapper::before {
	content: attr(data-select-values);
	position: absolute;
	top: 50%;
	width: 90%;
	transform: translateY(-50%);
	pointer-events: none;
	white-space: nowrap;
	padding: 0 .2em .1em;
	text-overflow: ellipsis;
	overflow-x: hidden;
}

.single-select__label {
	min-height: 35px;
}

.single-select__label, .multi-select__label {
	cursor: pointer;
}

.profiles-search-form .additional-filters-button {
	display:flex;
	align-items: center;
	gap: 5px;
	font-weight: 600;
    margin: 10px 0;
}

.profiles-search-form .additional-filters-button.active i {
	transform: rotate(180deg);
}

.profiles-search-form .field-group.additional-filters {
	grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr));	
}

.profiles-search-form .additional-filters-wrapper {
	display: grid; /* required for height: 100% animation */
}

.profiles-search-form .additional-filters {
	height: 0;
	overflow: hidden;
	transition: height 0.7s ease;	
}
.profiles-search-form .additional-filters.active {
	height: 100%;
	overflow: visible;
}

@media (max-width: 504px) {

	.multi-select__block, .single-select__block {
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

}