.header__search-inline{display:flex;align-items:center}.header-search__form-wrapper{display:none;margin-left:.5rem}.header__search-inline[open] .header-search__form-wrapper{display:block}.header-search__form-wrapper .search__input{width:220px;min-width:180px;height:40px;min-height:40px;background-color:#fff;border:1px solid #e0e0e0;color:#333;padding-left:1rem;box-sizing:border-box;line-height:38px}.header-search__form-wrapper .search__input::placeholder{color:#888}.header__search-inline>summary{list-style:none;display:block;cursor:pointer}.header__search-inline>summary::-webkit-details-marker{display:none}.header__search-inline .header__icon-close{display:none}.header__search-inline[open] .header__icon-close{display:block}.header__search-inline[open] .svg-wrapper:not(.header__icon-close){display:none}.header__search-inline .predictive-search{position:absolute;top:100%;right:1rem;width:320px;background:#fff;border:1px solid #e0e0e0;box-shadow:0 4px 10px #0000001a;z-index:100}.search__input.field__input{padding-right:88px}.search__button{right:1px;top:1px;height:38px;width:44px}.reset__button{right:45px;top:1px;height:38px;width:40px;border-left:1px solid #f0f0f0;background-color:transparent}.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}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-search.css.map */