.ec-catalogue-recherche > div {
	display: inline-block;
	position: relative;
}
.ec-catalogue-recherche-icon-search-label {
	display: block;
	padding: 15px;
	cursor: pointer;
}
.ec-catalogue-recherche-icon-search > i,
.ec-catalogue-recherche-icon-close > i,
.edit-post-visual-editor .ec-catalogue-recherche-icon-search > i,
.edit-post-visual-editor .ec-catalogue-recherche-icon-close > i {
	font-style: normal;
}
.ec-catalogue-recherche-input-parent {
	position: absolute;
	top: 100%;
	background-color: #fff;
	box-shadow: 0 3px 15px -5px rgba(0, 0, 0, 0.4);
	transform: translateX(-20px);
	transition: all 400ms ease;
	opacity: 0;
	touch-action: none;
	pointer-events: none;
	z-index: 10;
}
.ec-catalogue-recherche-input-parent.ec-catalogue-recherche-input-right {
	right: 0;
}
.ec-catalogue-recherche-input-parent.ec-catalogue-recherche-input-left {
	left: 0;
	transform: translateX(20px);
}
.ec-catalogue-recherche-input-parent.ec-catalogue-recherche-input-center {
	left: 50%;
	transform: translateX(calc(-50% -20px));
}
.ec-catalogue-recherche:focus .ec-catalogue-recherche-input-parent,
.ec-catalogue-recherche:focus-within .ec-catalogue-recherche-input-parent,
.ec-catalogue-recherche > div > label:focus + .ec-catalogue-recherche-input-parent,
.ec-catalogue-recherche > div > label:focus-within + .ec-catalogue-recherche-input-parent,
.ec-catalogue-recherche-input-parent:focus,
.ec-catalogue-recherche-input-parent:focus-within {
	transform: translateX(0);
	opacity: 1;
	touch-action: auto;
	pointer-events: auto;
}
.ec-catalogue-recherche:focus .ec-catalogue-recherche-input-parent.ec-catalogue-recherche-input-center,
.ec-catalogue-recherche:focus-within .ec-catalogue-recherche-input-parent.ec-catalogue-recherche-input-center,
.ec-catalogue-recherche > div > label:focus + .ec-catalogue-recherche-input-parent.ec-catalogue-recherche-input-center,
.ec-catalogue-recherche > div > label:focus-within + .ec-catalogue-recherche-input-parent.ec-catalogue-recherche-input-center,
.ec-catalogue-recherche-input-parent.ec-catalogue-recherche-input-center:focus,
.ec-catalogue-recherche-input-parent.ec-catalogue-recherche-input-center:focus-within {
	transform: translateX(-50%);
}
.ec-catalogue-recherche-input-parent > div {
	display: flex;
	align-items: center;
}
.ec-catalogue-recherche-input,
.ec-catalogue-recherche-input:hover,
.ec-catalogue-recherche-input:focus,
.ec-catalogue-recherche-input:focus-visible {
	flex: 1;
	padding: 15px;
	border: none !important;
	outline: none !important;
	background-color: #fff;
	box-shadow: none !important;
}
.ec-catalogue-recherche-icon-close {
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 10px 15px;
}