.clearfix {
    clear: both;
}
.algolia-autocomplete {
    width: 94% !important;
	position: fixed !important;
	bottom: calc(3.1rem + 3.7rem) !important;
	right: 3%;
	top: unset !important;
}
.aa-input {
	right: calc(3% + 4rem + 4rem);
	margin: var(--tiny);
    width: var(--height);
	padding: 0 var(--small);
	height: var(--height);
	line-height: var(--height);
	color: var(--background);
    outline: 0;
	border: 0;
	border-radius: var(--radius-m);
	box-shadow: var(--button-shadow);
	background: var(--background);
	font-size: var(--big);
	z-index: 100;
	background-image: url('https://assets.tommi.space/logos/darkblue-search.svg');
	background-repeat: no-repeat;
	background-position: center;
	&:active,
	&:focus,
	&:hover {
		background-color: var(--primary);
		color: var(--background);
		width: 94%;
		right: 3%;
	}
}
.dark .aa-input {
	background-image: url('https://assets.tommi.space/logos/lightblue-search.svg')
}
::placeholder {
	color: var(--light-grey);
	opacity: 1;
}
.aa-hint {
    width: 100%;
    color: var(--grey);
}
.aa-dropdown-menu {
    border-radius: var(--radius-m);
    box-shadow: var(--button-shadow);
	background: var(--background);
}
.aa-suggestion {
    padding: var(--small) var(--regular);
	border-radius: var(--radius-m);
}
/*.aa-suggestion~.aa-suggestion{
    border-top:1px solid #e8e8e8;
}*/
.aa-suggestion.aa-cursor {
	box-shadow: var(--inner-shadow);
}
.aa-powered-by {
	display: none;
}
.aa-hit--title {
    font-size: 1.1em;
    font-weight: 700;
}
.aa-hit--title .aa-hit--highlight {
    position: relative;
    z-index: 1;
}
.aa-hit--highlight {
	color: var(--primary) !important;
}
.aa-hit--title .aa-hit--highlight::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .1;
    z-index: -1;
}
.aa-hit__sm .aa-hit--title,.aa-hit__xs .aa-hit--title {
    font-size: 1em;
    line-height: 1.25em;
    display: block;
}
.aa-hit__xs .aa-hit--title {
    font-weight: 400;
    padding: 8px 0;
}
/*.aa-suggestion:first-child .aa-hit--title{
    border:none
} */
.aa-hit--description {
    font-size: 13px;
    color: var(--text);
    margin-top: 4px;
    line-height: 1.25em;
}
.aa-hit--description .aa-hit--highlight {
    color: var(--primary);
    font-weight: 700;
}
/*.aa-hit__xs .aa-hit--description {
    display: none;
} */
.aa-hit__sm .aa-hit--description {
    font-size: .9em;
    line-height: 1.25em;
}
/*# sourceMappingURL=algoliasearchNetlify.css.map*/
