.template-search{padding-bottom:var(--spacing-xx-large)}@media screen and (min-width:1025px){.template-search{padding-bottom:var(--spacing-xxx-large)}}.template-search__header{padding-block:var(--spacing-xx-large);margin-inline:auto;background-color:var(--primary-color)}.template-search__header h1{margin:0;color:var(--body-text-color-white)}.template-search__header .product-count{text-align:center;color:var(--body-text-color-white);padding:0}.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{padding-block:var(--spacing-xxx-large)}}.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)}.search__button svg{color:var(--black-color)}.reset__button{right:calc(3rem + 2* var(--inputs-border-width));top:var(--inputs-border-width)}.reset__button:not(:focus-visible):after{border-right:.1rem solid rgb(from var(--border-color) r g b / .6);display:block;height:calc(100% - 1.6rem);content:"";position:absolute;right:0}.reset__button:not(:focus):after{border-right:.1rem solid rgb(from var(--border-color) r g b / .6);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.25rem;width:1.25rem;color:var(--black-color)}.reset__button .icon.icon-close{height:1.5rem;width:1.5rem;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}