#search {}
#search-wrap .animation {
width: calc( 100% + var( --horizontal-spacing ) );
} 
#search__form,
#search__form-input,
#search__input {
display: block;
width: 100%;
}
#search__form-input {
overflow: visible;
}
#search__input {
text-transform: uppercase;
margin-bottom: 0;
line-height: 1 !important;
}
#search__form-submit {
position: relative;
top: calc( var( --font-size--huge ) * -0.23 );
background: var( --white );
z-index: 20;
padding-top: var( --vertical-spacing );
padding-bottom: calc( var( --font-size--huge ) * 0.5 );
margin-bottom: calc( var( --font-size--huge ) * -0.5 );
}
#search__query {
margin-bottom: var( --footer-spacing );
}
#search__results {
--search-spacing-lines: 3;
--search-transition-duration: 0.4s;
--search-transition-easing: cubic-bezier( 0.76, 0, 0.24, 1 );
margin-bottom: calc( var( --one-line--small ) * var( --search-spacing-lines ) * -1 );
}
#search__results .product {
--column-span: 12 !important;
--grid-vertical-spacing: calc( var( --one-line--small ) * 2 );
}