/* ==========================================================================
   Search Input
   ========================================================================== */

.cf-search-input {
	position: relative;

	&::before {
		position: absolute;
		top: 50%;
		left: 9px;
		margin-top: -10px;

		.postbox & {
			color: $wp-color-base-gray;
		}

		.wp-block & {
			color: $gb-dark-gray-500;
		}
	}
}

.cf-search-input__inner {
	display: block;
	width: 100%;
	margin: 0;

	.cf-container &,
	.block-editor .cf-field & {
		padding-left: 35px;
	}

	.cf-container & {
		padding-top: 8px;
		padding-bottom: 8px;
		border-color: $wp-color-gray-light-500;
	}

	.block-editor .cf-container &,
	.wp-block .cf-field &,
	.edit-post-sidebar .cf-block__fields & {
		border-radius: 0;
		border: 0;

		&:focus {
			box-shadow: none;
		}
	}
}