:root {
	--algolia-green: #87c33e;
	--algolia-blue: #008ab3;
	--algolia-green-rgb: 135, 195, 62;
}

.aa-Panel {
	z-index: 10000000000;
	border-radius: 0;
}
.aa-Panel .aa-ItemIcon svg,
.aa-Panel .aa-ItemActions svg {
	color: var(--algolia-blue)!important;
}
.aa-Panel .aa-ItemActions {
	display: none!important;
}

.aa-Form {
	border-radius: 0;
	border-color: var(--algolia-blue)!important;
}
.aa-Form:focus-within {
	border-color: var(--algolia-green);
	border-color: rgba(var(--algolia-green-rgb), 1);
	box-shadow: 0 0 0 2px rgb(62 52 211 / 20%), inset 0 0 0 2px rgb(62 52 211 / 20%);
	box-shadow: rgba(var(--algolia-green-rgb),0.2) 0 0 0 2px,inset rgba(var(--algolia-green-rgb),0.2) 0 0 0 2px;
}
.aa-Form .aa-InputWrapperPrefix {
	order: 3;
}
.aa-Form .aa-InputWrapper {
	order: 1;
}
.aa-Form .aa-InputWrapperSuffix {
	order: 2;
}
.aa-Form .aa-Input {
	padding-left: 15px;
}
.aa-Form .aa-SubmitButton {
	width: auto;
	display: flex;
	align-items: center;
	background-color: var(--algolia-blue)!important;
	color: #fff;
	font-weight: 400;
	column-gap: 10px;
	padding: 0 15px;
	text-transform: uppercase;
}
.aa-Form .aa-SubmitButton::after {
	content: attr(title);
}
.aa-SubmitIcon {
	color: #fff!important;
}
.aa-ClearButton svg {
	color: var(--algolia-blue)!important;
}
.aa-Item[aria-selected=true] {
	background-color: rgba(var(--algolia-green-rgb), 0.2);
}
html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
	padding-right: 0!important;
}
