.wp-block-acf-search input[type=search] {
	line-height: initial;
    min-height: initial;
	flex: 1;
	color: var(--wp--preset--color--custom-black);
	background-color: var(--wp--preset--color--custom-white);
	font-family: inherit;
}

.wp-block-acf-search form.collapse input {
	width: 0 !important;
	padding-left: 0;
	padding-right: 0;
	transition: var(--time);
}

.wp-block-acf-search form {
	display: flex;
	position: relative;
    width: fit-content;
	max-width: 100%;
}

.wp-block-acf-search button.click-to-open,
.wp-block-acf-search form > * {
	border: 0;
	padding: .5em 1em;
	border-radius: 0;
	margin: 0;
	outline: 0;
}

.wp-block-acf-search .material-symbols  {
	font-variation-settings: 'FILL' var(--mi-fill), 'wght' var(--mi-wght), 'GRAD' var(--mi-grad), 'opsz' var(--mi-opsz);
}

.wp-block-acf-search form {
	font-family: inherit;
}

.wp-block-acf-search input[type=search] {
	font-size: 16px;
}

.wp-block-acf-search input::placeholder {
	transition: var(--time);
}

.wp-block-acf-search input:focus::placeholder {
  color: transparent !important;
}

.wp-block-acf-search button.click-to-open,
.wp-block-acf-search form button {
	cursor: pointer;
	aspect-ratio: 1;
	font-size: 20px;
	display: flex;
    align-items: center;
    justify-content: center;
	color: var(--wp--preset--color--custom-white);
	background-color: var(--wp--preset--color--custom-black);
	position: relative;
	z-index: 1;
}

.wp-block-acf-search button.click-to-open span,
.wp-block-acf-search form button span {
	position: absolute;
}

.wp-block-acf-search.align-text-left form {
	margin-left: 0;
	margin-right: auto;
}
.wp-block-acf-search.align-text-center form {
	margin-left: auto;
	margin-right: auto;
}
.wp-block-acf-search.align-text-right form {
	margin-left: auto;
	margin-right: 0;
}

/* Position Under */

.wp-block-acf-search form.under {
	overflow: visible !important;
}

.wp-block-acf-search form.under input {
	padding-left: 1em !important;
    padding-right: 1em !important;
	position: absolute;
    top: calc(100%);
    right: 0;
	max-height: 0px;
	padding-top: 0;
	padding-bottom: 0;
	opacity: 0;
}

.wp-block-acf-search form.under:hover input,
.wp-block-acf-search form.under:focus-within input {
	max-height: 40px;
	opacity: 1;
	padding-top: .5em;
	padding-bottom: .5em;
}

/* Full Screen Search */
.wp-block-acf-search .search-full-screen {
	position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
	opacity: 0;
	pointer-events: none;
	transition: var(--time);
	z-index: 2;
}
.wp-block-acf-search .search-full-screen.active {
	opacity: 1;
	pointer-events: initial;
}

.wp-block-acf-search .search-button.click-to-open {
	z-index: 4;
	transition: var(--time);
}

.wp-block-acf-search .search-button.click-to-open.active {
	transform: scale(1.25) rotate(90deg);
}

.wp-block-acf-search .search-full-screen form {
	transition: var(--time);
}

.wp-block-acf-search .search-full-screen.active form {
	transform: scale(1.5);
}

.wp-block-acf-search .search-full-screen form:focus-within {
    outline-offset: 4px;
}