/* Select2 skin (scoped to Gravity Forms "state-select") */
.state-select .select2-container {
	width: 100% !important;
	font-size: inherit;
}

.state-select .select2-container--default .select2-selection--single {
	height: 48px;
	border-radius: 12px;
	border: 1px solid var(--wp--preset--color--contrast-3, rgba(0, 0, 0, 0.2));
	background: var(--wp--preset--color--base, #fff);
	box-shadow: none;
	display: flex;
	align-items: center;
	transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.state-select .select2-container--default .select2-selection--single:hover {
	border-color: var(--wp--preset--color--contrast-2, rgba(0, 0, 0, 0.35));
}

.state-select .select2-container--default.select2-container--focus .select2-selection--single,
.state-select .select2-container--default.select2-container--open .select2-selection--single {
	border-color: var(--wp--preset--color--contrast, #111);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--contrast, #111) 20%, transparent);
}

.state-select .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0 44px 0 14px;
	line-height: 48px;
	color: var(--wp--preset--color--contrast, #111);
}

.state-select .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: var(--wp--preset--color--contrast-3, rgba(0, 0, 0, 0.55));
}

.state-select .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 48px;
	width: 42px;
	top: 0;
	right: 0;
}

.state-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: var(--wp--preset--color--contrast-2, rgba(0, 0, 0, 0.65)) transparent transparent transparent;
	border-width: 6px 5px 0 5px;
	margin-top: -2px;
}

.state-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent var(--wp--preset--color--contrast-2, rgba(0, 0, 0, 0.65)) transparent;
	border-width: 0 5px 6px 5px;
}

.state-select .select2-container--default .select2-selection--single .select2-selection__clear {
	margin-right: 44px;
	margin-top: 9px;
	height: 30px;
	width: 30px;
	border-radius: 999px;
	color: var(--wp--preset--color--contrast-2, rgba(0, 0, 0, 0.7));
	display: grid;
	place-items: center;
}

.state-select .select2-container--default .select2-selection--single .select2-selection__clear:hover {
	background: var(--wp--preset--color--base-2, rgba(0, 0, 0, 0.06));
	color: var(--wp--preset--color--contrast, #111);
}

/* Dropdown */
.state-select .select2-container--default .select2-dropdown {
	border-radius: 12px;
	border: 1px solid var(--wp--preset--color--contrast-3, rgba(0, 0, 0, 0.2));
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
	overflow: hidden;
}

.state-select .select2-container--default .select2-search--dropdown {
	padding: 10px;
	background: var(--wp--preset--color--base, #fff);
	border-bottom: 1px solid var(--wp--preset--color--contrast-3, rgba(0, 0, 0, 0.14));
}

.state-select .select2-container--default .select2-search--dropdown .select2-search__field {
	height: 40px;
	border-radius: 10px;
	border: 1px solid var(--wp--preset--color--contrast-3, rgba(0, 0, 0, 0.2));
	padding: 0 12px;
	outline: none;
}

.state-select .select2-container--default .select2-results__option {
	padding: 10px 12px;
}

.state-select .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background: color-mix(in srgb, var(--wp--preset--color--contrast, #111) 10%, transparent);
	color: var(--wp--preset--color--contrast, #111);
}

.state-select .select2-container--default .select2-results__option--selected {
	background: color-mix(in srgb, var(--wp--preset--color--contrast, #111) 14%, transparent);
}