/* Keep long MetForm React Select menus usable inside Elementor modals. */
.mf-input-multiselect {
	position: relative;
}

.mf-input-multiselect .mf_multiselect__menu {
	z-index: 9999 !important;
}

.mf_multiselect__menu-list,
.mf-input-multiselect .mf_multiselect__menu-list {
	display: block !important;
	height: auto !important;
	max-height: var(--geplus-metform-menu-height, 260px) !important;
	min-height: 0 !important;
	overflow-x: hidden !important;
	overflow-y: scroll !important;
	overscroll-behavior: contain;
	padding-bottom: 8px !important;
	scrollbar-gutter: stable;
	-webkit-overflow-scrolling: touch;
}

.mf-input-multiselect .mf_multiselect__menu.geplus-metform-menu--above {
	bottom: calc(100% + 4px) !important;
	top: auto !important;
}

.mf-input-multiselect .mf_multiselect__menu.geplus-metform-menu--below {
	bottom: auto !important;
	top: calc(100% + 4px) !important;
}

.mf-input-multiselect .mf_multiselect__option:last-child {
	box-sizing: border-box;
	margin-bottom: 8px;
}
