.template-search__search .search{display:flex;align-items:center;justify-content:center;max-width:600px;margin:0 auto}.template-search__search .field{position:relative;width:100%;display:block}.template-search__search .field__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search__input.field__input{padding:16px 100px 16px 20px;width:100%;display:block;font-size:16px;line-height:1.5;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;transition:border-color .2s ease}.search__input.field__input:focus{outline:none;border-color:#9ca3af}.search__input.field__input::placeholder{color:#9ca3af}.search__button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background-color:transparent;border:none;padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.reset__button{position:absolute;right:56px;top:50%;transform:translateY(-50%);background-color:transparent;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.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.2rem;width:1.2rem;stroke-width:.15rem;color:#9ca3af}.reset__button .icon.icon-close circle{display:none}.reset__button:hover .icon.icon-close{color:#6b7280}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__results{position:relative}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-search.css.map */