/**
 * Search block.
 */

.wp-block-search .wp-block-search__input {
	background-color: var(--wp--preset--color--base-2);
	border: 1px solid var(--wp--preset--color--contrast-3);
	border-radius: var(--wp--custom--radius--pill);
	padding: 0.75rem 1.25rem;
}

.wp-block-search .wp-block-search__input:focus {
	border-color: var(--wp--preset--color--contrast);
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 1px;
}

.wp-block-search .wp-block-search__button {
	background-color: var(--wp--preset--color--contrast);
	border: 0;
	border-radius: var(--wp--custom--radius--pill);
	color: var(--wp--preset--color--base);
	padding: 0.75rem 1.5rem;
	transition: background-color var(--wp--custom--transition--base), color var(--wp--custom--transition--base);
}

.wp-block-search .wp-block-search__button:hover,
.wp-block-search .wp-block-search__button:focus {
	background-color: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--contrast);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	background-color: var(--wp--preset--color--base-2);
	border: 1px solid var(--wp--preset--color--contrast-3);
	border-radius: var(--wp--custom--radius--pill);
	padding: 0.25rem;
}

.wp-block-search.wp-block-search__button-inside
	.wp-block-search__inside-wrapper
	.wp-block-search__input {
	border: 0;
}
