.header__search-inline{display:none;grid-area:left-icons;align-self:center;justify-self:start;width:100%;max-width:20rem;transition:max-width var(--duration-default) ease}@media screen and (min-width:990px){.header__search-inline{display:block}}.header__search-inline:focus-within{max-width:42rem}.header__search-inline predictive-search,.header__search-inline search-form,.header__search-inline .search{display:block;width:100%}.header__search-inline .field{position:relative;margin:0}.header__search-inline .field:before,.header__search-inline .field:after{display:none}.header__search-inline .field__input,.header__search-inline .field__input:focus,.header__search-inline .field__input:not(:placeholder-shown){height:4.4rem;min-height:0;margin:0;padding:0 9.8rem 0 1.6rem;border-radius:.8rem;border:.1rem solid rgba(var(--color-foreground),.45);background-color:rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground));box-shadow:none}.header__search-inline .field__input::placeholder{color:rgba(var(--color-foreground),.65);opacity:1}.header__search-inline .field__input:focus,.header__search-inline .field__input:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:none;outline:none}.header__search-inline .field__label{display:none}.header__search-inline .search__button,.header__search-inline .reset__button{color:rgb(var(--color-foreground))}.header__search-inline .search__button:not(:focus):not(:focus-visible),.header__search-inline .reset__button:not(:focus):not(:focus-visible){background-color:transparent}.header__search-inline .predictive-search{border-radius:0 0 var(--popup-corner-radius) var(--popup-corner-radius)}.header__search-inline .predictive-search__results-groups-wrapper{flex-direction:column;gap:1.6rem}.header__search-inline .predictive-search__result-group,.header__search-inline .predictive-search__result-group:first-child{flex:1 1 auto;width:100%}.header__search-inline .predictive-search__result-group:last-child{order:-1}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-header-search-inline.css.map */