.template-search__header{margin:var(--spacing-xx-large) auto}.template-search__header h1{margin:0}.template-search__header .product-count{text-align:center;color:var(--body-text-color-light);overflow-wrap:break-word}.template-search__search{margin:0 auto;max-width:42.13rem}.template-search__search .search{margin:var(--spacing-normal) 0}.template-search__search .search .field{z-index:1}.template-search--empty{padding-bottom:18rem}@media screen and (min-width: 769px){.template-search__header{margin:var(--spacing-xxx-large) auto}}.search__button .icon{height:1.8rem}.search__input.field__input{padding-right:6rem}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width)}.reset__button{right:calc(3rem + 2 * var(--inputs-border-width));top:var(--inputs-border-width)}.reset__button:not(:focus-visible):after{border-right:1px solid var(--border-color);display:block;height:calc(100% - 1.6rem);content:"";position:absolute;right:0}.reset__button:not(:focus):after{border-right:1px solid var(--border-color);display:block;height:calc(100% - 1.8rem);content:"";position:absolute;right:0}.search__button:focus-visible,.reset__button:focus-visible{background-color:rgb(var(--color-background));z-index:4}.search__button:focus,.reset__button:focus{background-color:rgb(var(--color-background));z-index:4}.search__button:not(:focus-visible):not(.focused),.reset__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}.search__button:hover .icon,.reset__button:hover .icon{transform:scale(1.07)}.search__button .icon{height:1.8rem;width:1.8rem}.reset__button .icon.icon-close{height:1.8rem;width:1.8rem;stroke-width:.1rem}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__results{position:relative}.template-search__search .predictive-search__loading-state svg{width:2rem;height:2rem}