.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--inline .header__search-field:before,.header__search--inline .header__search-field:after,.header__search--mobile .header__search-field:before,.header__search--mobile .header__search-field:after{content:none;display:none}.header__search--inline{position:relative;display:flex;width:700px;max-width:700px;min-width:0;margin:0 1.5rem;line-height:normal;align-items:center}.header>.header__search--inline{width:100%;max-width:100%}.header__search--inline .header__search-form{position:relative;width:100%}.header__search--inline .header__search-form-inner{width:100%}.header__search--inline .header__search-field{position:relative;margin:0}.header__search--inline .header__search-input{background-color:#fff;border:.1rem solid rgba(0,0,0,.1);border-radius:9999px;color:#1a1a1a;padding:1rem 5rem 1rem 1.6rem;margin:0;width:100%;min-width:24rem;font-size:1.5rem;min-height:4.8rem;transition:border-color .2s ease,box-shadow .2s ease}.header__search--inline .header__search-input::placeholder{color:#7d8a93;opacity:1}.header__search--inline .header__search-input:focus{border-color:#0003;box-shadow:0 0 0 2px #0000000d;outline:none}.header__search--inline .header__search-reset,.header__search--inline .header__search-submit{background:transparent;border:none;color:#0009}.header__search--inline .header__search-reset:hover,.header__search--inline .header__search-submit:hover{color:#1a1a1a}.header__search--inline .header__predictive-search{left:0;right:0;width:100%;border-radius:0 0 1.2rem 1.2rem}@media screen and (max-width:749px){.header__search--inline{display:none}}.header__search-mobile-wrapper{display:none;padding-bottom:1.2rem;background-color:#24272b}@media screen and (max-width:749px){.header__search-mobile-wrapper{display:block}}@media screen and (min-width:750px){.header__search-mobile-wrapper{display:none}}.header__search--mobile{position:relative;display:flex;width:100%;max-width:100%;line-height:normal;align-items:center}.header__search-mobile-wrapper predictive-search{position:relative}.header__search--mobile .header__search-form{position:relative;width:100%}.header__search--mobile .header__search-form-inner{width:100%}.header__search--mobile .header__search-field{position:relative;margin:0}.header__search--mobile .header__search-input{background-color:#fff;border:.1rem solid rgba(0,0,0,.1);border-radius:9999px;color:#1a1a1a;padding:1rem 5rem 1rem 1.6rem;margin:0;width:100%;font-size:1.5rem;min-height:4.4rem;transition:border-color .2s ease,box-shadow .2s ease}.header__search--mobile .header__search-input::placeholder{color:#00000080}.header__search--mobile .header__search-input:focus{border-color:#0003;box-shadow:0 0 0 2px #0000000d;outline:none}.header__search--mobile .header__search-reset,.header__search--mobile .header__search-submit{background:transparent;border:none;color:#0009}.header__search--mobile .header__search-reset:hover,.header__search--mobile .header__search-submit:hover{color:#1a1a1a}.header__search--mobile .header__predictive-search{left:0;right:0;width:100%;border-radius:0 0 1.2rem 1.2rem}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-search.css.map */