.search__input.field__input{padding-right:9.8rem}.template-search{min-height:80vh}.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}.template-search h1{font-size:3.6rem;line-height:4.6rem;color:var(--color-base-black);font-weight:600}.template-search main-search .field:before,.template-search main-search .field:after{display:none}.template-search main-search .field .field__input{padding:12px 18px;border-radius:24px;font-size:1.6rem;line-height:2rem;border:0;outline:0;box-shadow:none;background-color:#fff}.template-search main-search .field .field__input:focus-visible{outline:0;box-shadow:none}.template-search .icon-search{color:var(--color-base-black)}.template-search main-search .field__input::placeholder{opacity:1}.template-search .search-grid{display:grid;list-style:none;padding:0;margin:30px 0 0;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));column-gap:30px;row-gap:20px}.template-search .search-grid .grid__item{width:100%!important;max-width:unset!important}@media only screen and (max-width:500px){.template-search .search-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-search.css.map */