.header__searchbar{--header__searchbar-padding-offset: .5rem;width:100%;display:block;max-width:100%;grid-area:search;border-radius:30px;padding-inline:.3rem;color:var(--search-text);background:var(--search-background)}@media screen and (max-width: 989px){.header__searchbar{overflow:hidden}.header__searchbar[data-state=closed]{display:none}.header__searchbar[data-state=open]{overflow:visible}.header__searchbar[data-state=opening]{animation:searchbarOpen .25s ease-in forwards}.header__searchbar[data-state=closing]{animation:searchbarClose .25s ease-in forwards}@keyframes searchbarOpen{0%{max-height:0}to{max-height:4rem}}@keyframes searchbarClose{0%{max-height:4rem}to{max-height:0}}}.header-search-toggle-button{padding:0;border:none;display:block;cursor:pointer;margin-top:3px;background:transparent}@media screen and (min-width: 990px){.header-search-toggle-button{display:none}}.header__searchbar-field{position:relative;display:grid;grid-template-areas:"icon input";grid-template-columns:auto 1fr}.header__searchbar-input{grid-area:input;appearance:none;-webkit-appearance:none;border:none;outline:none;box-shadow:none;background:transparent;transition:box-shadow var(--duration-short) ease;font-size:1.4rem;color:inherit}.header__searchbar-input::placeholder{color:inherit;opacity:.75}.header__searchbar-input::-webkit-search-decoration,.header__searchbar-input::-webkit-search-cancel-button,.header__searchbar-input::-webkit-search-results-button,.header__searchbar-input::-webkit-search-results-decoration{display:none}.header__searchbar-button{grid-area:icon;border:none;background:transparent}.header__searchbar-button .icon{height:2.5rem;margin-top:3px;width:fit-content}.header__searchbar .predictive-search{background:var(--search-background);color:var(--search-text);border-color:var(--accent-background)}.header__searchbar button.predictive-search__item{background:var(--accent-background);color:var(--accent-text)}.header__searchbar .predictive-search__item,.header__searchbar .predictive-search__item-heading{font-size:1.2rem}@media screen and (max-width: 989px){.header__searchbar{--header__searchbar-padding-offset: 0rem;margin-top:1rem;max-width:60rem;margin-inline:auto}.header__searchbar-field{height:3.5rem}.header__searchbar-input{font-size:1.4rem}.header__searchbar-button .icon{height:2.3rem}}@media screen and (min-width: 990px){.header__searchbar{margin-bottom:0;padding-block:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/custom-search.css.map */