.search-modal__form .field{align-items:center}.field__input{background:transparent;padding-left:3.5rem;padding-right:3.5rem}.search__input.field__input:is(:focus,:not(:placeholder-shown)){padding-top:1.5rem;padding-bottom:1.5rem}.search__button{left:var(--inputs-border-width);top:var(--inputs-border-width)}.reset__button{right:var(--inputs-border-width);top:var(--inputs-border-width)}.search-modal__form .reset__button{--inputs-border-width: 5rem;height:auto;text-decoration:underline}.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)}.search__button .icon{width:1.8rem;height:1.8rem}@media screen and (min-width: 750px){.search-modal.modal__content .search-modal__content .search__input.field__input{padding-left:3.5rem;padding-right:6rem}}@media screen and (min-width: 750px){.template-search__search .search__input.field__input{padding-left:1.2rem;padding-right:1.2rem}}.reset__button .icon.icon-close{height:1.8rem;width:1.8rem;stroke-width:.1rem}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__search{max-width:100%;background:rgba(var(--color-base),.1);padding:2.6rem 2.8rem 2.1rem}@media screen and (max-width: 989px){.template-search__search{padding:2.3rem 1.5rem 1.4rem}.template-search__search main-search .field__input{padding-left:1.2rem;padding-right:1.2rem;height:4rem}.template-search__search main-search .field__button{height:4rem}}.template-search__search .search-bar-product-count{margin-bottom:0;margin-top:.8rem;font-size:1.2rem;color:rgba(var(--color-foreground),1)}@media screen and (max-width: 989px){.template-search__search .search-bar-product-count{font-size:1rem}}.template-search__search .reset__button svg rect{fill:rgb(var(--color-button))}
/*# sourceMappingURL=/cdn/shop/t/350/assets/component-search.css.map */