//
// Typography custom field control
//
.convert-typography-control-wrap {
	position: relative;
	margin-bottom: 12px;

	input[type="number"],
	select {
		width: 100%;
		display: block;
	}
}

.convert-typography-control-split {
	display: flex;
	margin: 0 -3px 12px;

	.convert-typography-control-wrap {
		width: 50%;
		margin: 0 3px;
	}
}

.customize-control {
	.select2-container {
		z-index: 1;

		.select2-selection--single {
			height: 32px;
		}
	}

	.select2-container--default {
		.select2-selection--single {
			height: 32px;
			border-color: $border-color;
			border-radius: 4px;
			font-size: 14px;

			.select2-selection__rendered {
				color: $text-color;
				line-height: 30px;
			}

			.select2-selection__arrow {
				height: 30px;
			}
		}

		.select2-results__option--highlighted[aria-selected] {
			background-color: $accent-color;
		}
	}

	.select2-search--dropdown {
		.select2-search__field {
			border-color: $border-color;
			border-radius: 4px;
		}
	}
}