.header .search-bar{grid-area:search-bar;margin-top:2rem}@media screen and (min-width: 1200px){.search-bar{padding:0 4rem}}@media screen and (min-width: 750px){.search-bar{padding:0 1rem}.header .search-bar{max-width:100%;margin-top:0}}@media screen and (max-width: 749px){.header .search-bar{margin-top:1rem}}.header:not(.header--top-center) .search-bar>.header__search{display:block}.header .search-bar predictive-search{width:100%}.header .search-bar predictive-search form{position:relative}.header .search-bar predictive-search .field:before,.header .search-bar predictive-search .field:after,.header .search-bar predictive-search .field__input:focus{border-radius:.5rem}.search__input.field__input{padding-right:5rem}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width)}.search__button:focus-visible{background-color:rgb(var(--color-background));z-index:2}.search__button:focus{background-color:rgb(var(--color-background));z-index:2}.search__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}.search__button .icon{height:2.8rem;width:2.8rem}input::-webkit-search-decoration{-webkit-appearance:none}
/*# sourceMappingURL=/cdn/shop/t/375/assets/component-search.css.map */