.search__input.field__input{padding-right:9.8rem;width:100%;min-height:4.4rem}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width);position:absolute;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer}.reset__button{right:calc(var(--inputs-border-width) + 4.4rem);top:var(--inputs-border-width);position:absolute;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer}.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;outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.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}.search{position:relative;width:100%}.search .field{position:relative;margin-bottom:0}@media screen and (max-width: 749px){.search__input.field__input{padding-right:8rem;min-height:4rem;font-size:1.4rem}.search__button{padding:.8rem 1.2rem}.reset__button{padding:.8rem 1.2rem;right:calc(var(--inputs-border-width) + 3.8rem)}.search__button .icon,.reset__button .icon{height:1.6rem;width:1.6rem}}@media screen and (min-width: 750px){.search__input.field__input{font-size:1.6rem}.header__search .search__input.field__input{min-height:4.5rem;padding-right:10rem}}@media screen and (min-width: 750px) and (max-width: 989px){.search__input.field__input{padding-right:9rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-search.css.map */