@use "~@wordpress/base-styles/breakpoints" as wp-breakpoints;
@use "../../variables/colors" as colors;
.chosen-container-single .chosen-single div b {
	background-image: none;
}

.chosen-container-single .chosen-search:after {
	display: block;
	position: absolute;
	right: 6px;
	top: 50%;
	font-family: dashicons;
	font-size: 17px;
	content: '\f179';
	transform: translateY(-50%);
}

.chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single {
	border-radius: 4px 4px 0 0;
}

.chosen-container-single .chosen-single div {
	width: 26px;
}

.chosen-container-single .chosen-default {
	color: colors.$wp-input-text;
}

.chosen-container-active .chosen-single {
	border-color: transparent;
	outline: 2px solid transparent;
}

.chosen-container-single .chosen-search input[type=text] {
	margin: 1px 0;
	padding: 4px 20px 4px 5px;
	width: 100% !important;
	height: auto;
	outline: 0;
	border: 1px solid colors.$wp-input-border;
	border-radius: 4px;
	line-height: normal;
	box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
}
.chosen-container-single .chosen-single,
.chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single {
	min-height: 30px;

	@media screen and (max-width: wp-breakpoints.$break-medium) {
		font-size: 16px;
		line-height: 1.625;
		min-height: 40px;
		padding: 5px 8px;
	}
}
