.search__input.field__input{padding-right:9.8rem}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width)}.reset__button{right:calc(var(--inputs-border-width) + 4.4rem);top:var(--inputs-border-width)}.reset__button:not(:focus-visible):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.6rem);content:"";position:absolute;right:0}.reset__button:not(:focus):after{border-right:.1rem solid rgba(var(--color-foreground),.08);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}.searchpage-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;box-sizing:border-box}.collection-hero__title{font-size:2.8rem;font-weight:700;margin-bottom:3rem;text-align:left}.facets-vertical{display:flex;gap:4rem}.facets-wrapper{width:26rem;flex-shrink:0}.product-grid-container{flex-grow:1}.collection{width:100%}.grid.product-grid{display:flex;flex-wrap:wrap;column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing);padding:0}.grid__item{width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);max-width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);flex-grow:1;flex-shrink:0;list-style:none}@media screen and (max-width: 989px){.facets-vertical{flex-direction:column}.facets-wrapper{width:100%;margin-bottom:2rem}.grid__item{width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2);max-width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2)}}@media screen and (max-width: 749px){.grid__item{width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2);max-width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-search.css.map */