.flo-multi-select-control {
	// global styles

	.components-base-control {
		margin-bottom: 18px;
	}
	.components-base-control__label {
		display: block;
		margin-bottom: 10px;
	}
	.components-base-control__field {
		margin-bottom: 0px;
	}
	.flo__indicator-separator {
		display: none;
	}
	.flo__control {
		border-color: #7e8993;
		min-height: 30px;
		border-radius: 3px;
		box-shadow: none;
		&:hover {
			border-color: #7e8993;
		}

		&.flo__control--menu-is-open {
			border-bottom: 0px;
			border-bottom-left-radius: 0 !important;
			border-bottom-right-radius: 0 !important;
		}
	}
	.flo__menu {
		border: 1px solid #7e8993;
		border-top: 0;
		box-shadow: none !important;
		position: relative;
		top: calc(100% - -4px) !important;
		border-top-left-radius: 0 !important;
		border-top-right-radius: 0 !important;
		margin-bottom: 40px;

		.flo__menu-list {
			.flo__option.flo__option--is-selected {
				background-color: #007cba;
			}
		}
	}
	.flo__value-container {
		padding-top: 0px;
		padding-bottom: 0px;
		.css-pb1nbc-Input {
			padding: 0;
		}
		.flo__multi-value {
			padding: 4px;
			border-radius: 4px;
		}
		.flo__multi-value__remove {
			background-color: transparent;
		}
		.flo__input input[type='text']:focus {
			border-color: transparent;
			box-shadow: none;
		}
		&.flo__value-container--is-multi {
			padding-left: 0;
			padding-right: 0;

			.flo__placeholder {
				padding: 0 8px;
			}
		}
	}
	&.flo-multi-select-control--multiple {
		.flo__indicators {
			display: none;
		}
	}

	.flo__indicator.flo__clear-indicator {
		display: none;
	}
	.flo__indicator.flo__dropdown-indicator {
		padding: 0 4px;
		background: #fff
			url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E)
			no-repeat right 5px top 55%;
		background-size: 16px 16px;
		svg {
			opacity: 0;
		}
	}
}
