.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}.header-search-bar-wrap{width:100%;padding-top:.6rem;padding-bottom:2rem}.header-search-bar{width:100%;max-width:72rem;margin:0 auto;position:relative}.header-search-bar__form,.header-search-bar__search{width:100%;display:block}.header-search-bar .field{--inputs-radius: 999px;--inputs-radius-outset: 999px;margin:0;border-radius:999px;min-height:3.6rem}.header-search-bar .field:before,.header-search-bar .field:after,.header-search-bar .field:hover.field:after{border-radius:999px!important}.header-search-bar .search__input.field__input,.header-search-bar .search__input.field__input:focus,.header-search-bar .search__input.field__input:focus-visible{min-height:3.6rem;height:3.6rem;border-radius:999px!important;padding:.8rem 8.8rem .8rem 1.6rem;background:rgba(var(--color-foreground),.04);font-size:1.4rem}.header-search-bar .field__label{left:1.6rem;top:50%;transform:translateY(-50%);font-size:1.4rem}.header-search-bar .search__input:focus~.field__label,.header-search-bar .search__input:not(:placeholder-shown)~.field__label,.header-search-bar .search__input:-webkit-autofill~.field__label{display:none}.header-search-bar .search__button,.header-search-bar .reset__button{border-radius:999px;z-index:2;width:4rem;height:100%}.header-search-bar .search__button .icon,.header-search-bar .reset__button .icon{width:1.6rem;height:1.6rem}.header-search-bar .predictive-search--header{position:absolute;top:calc(100% + .4rem);left:0;right:0;z-index:5;border-radius:1.2rem;overflow:hidden;box-shadow:0 1rem 2.4rem rgba(var(--color-foreground),.12)}@media screen and (max-width:749px){.header-search-bar-wrap{padding-top:.8rem;padding-bottom:1.6rem}.header-search-bar .field{min-height:3.4rem}.header-search-bar .search__input.field__input,.header-search-bar .search__input.field__input:focus,.header-search-bar .search__input.field__input:focus-visible{min-height:3.4rem;height:3.4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-search.css.map */