.header__search{--search-form-width: 48rem}.header__search .search__input{box-sizing:border-box;height:5.2rem;padding-inline:2rem 5.2rem;background-color:transparent;border:0;border-block-end:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1));border-radius:0;font-size:1.4rem;line-height:2.4rem;color:rgb(var(--color-foreground))}.header__search .search__input::placeholder{color:rgba(var(--color-foreground),.5)}.header__search .search__input:focus,.header__search .search__input:focus:not(:focus-visible),.predictive-search-open .header__search .search__input,.header__search .search__form[results] .search__input{background-color:transparent;box-shadow:none;border-block-end-color:rgb(var(--color-foreground))}.header__search .search__input:focus-visible{border-block-end-width:.2rem}.header__search .search__input:not(:placeholder-shown){border-block-end-color:rgb(var(--color-foreground))}.header__search .search__field-icon,.header__search .search__reset{inset-inline-end:2rem}.header__search .search__field-icon{color:rgb(var(--color-foreground));transition:opacity .2s}.header__search .search__field .search__input:not(:placeholder-shown)~.search__field-icon{opacity:0;pointer-events:none}.header__search .search__reset{pointer-events:none;font-size:1.2rem;line-height:1.8rem;font-weight:var(--font-body-weight-bolder);letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-foreground))}.header__search .search__field .search__input:not(:placeholder-shown)~.search__reset{pointer-events:auto}.header__search .pako-search-clear--icon{flex:none;width:0;min-width:0;margin-inline-start:0;overflow:hidden;padding:0;border:0;background:none;color:rgb(var(--color-foreground));opacity:0;pointer-events:none;transition:opacity .2s,width .2s,margin-inline-start .2s}.header__search:has(.search__input:not(:placeholder-shown)) .pako-search-clear--icon{width:2.4rem;margin-inline-start:.8rem;opacity:1;pointer-events:auto}@media(min-width:1024px){.header__search .pako-search-clear--icon,.header__search:has(.search__input:not(:placeholder-shown)) .pako-search-clear--icon{width:2.4rem;margin-inline-start:.8rem;margin-inline-end:-3.2rem}}.header__search .search__field-icon .icon,.header__search .search__field-icon .icon path{stroke-width:.15rem}
/*# sourceMappingURL=/cdn/shop/t/9/assets/pako-header-search.css.map */