.hsearch{--hs-height: 4.8rem;--hs-radius: 1rem;--hs-surface: #fff;--hs-line: rgba(var(--color-foreground), .16);--hs-muted: rgba(var(--color-foreground), .58)}.hsearch__row{display:flex;align-items:center;gap:1rem}.hsearch__field{flex:1 1 auto;min-width:0;position:relative;display:flex;align-items:center;height:var(--hs-height);background:rgba(var(--color-foreground),.04);border:.1rem solid var(--hs-line);border-radius:var(--hs-radius);transition:background-color var(--duration-short, .1s) ease,border-color var(--duration-short, .1s) ease,box-shadow var(--duration-short, .1s) ease}.hsearch__field:hover{border-color:rgba(var(--color-foreground),.3)}.hsearch__field:focus-within{background:var(--hs-surface);border-color:rgb(var(--color-button));box-shadow:0 0 0 .3rem rgba(var(--color-button),.16)}.hsearch__leading{position:absolute;left:1.4rem;display:flex;color:var(--hs-muted);pointer-events:none}.hsearch__leading .icon,.hsearch__leading svg{width:1.8rem;height:1.8rem}.hsearch__input{flex:1 1 auto;min-width:0;height:100%;margin:0;padding:0 .4rem 0 4.2rem;border:0;background:transparent;box-shadow:none;border-radius:var(--hs-radius);font-family:var(--font-body-family);font-size:1.5rem;line-height:normal;letter-spacing:.01rem;color:rgb(var(--color-foreground));-webkit-appearance:none;appearance:none}.hsearch__input::placeholder{color:var(--hs-muted);opacity:1}.hsearch__input:focus,.hsearch__input:focus-visible{outline:none;box-shadow:none}.hsearch__input::-webkit-search-cancel-button,.hsearch__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.hsearch__clear{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;margin-right:.6rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--hs-muted);cursor:pointer}.hsearch__clear:hover{background:rgba(var(--color-foreground),.07);color:rgb(var(--color-foreground))}.hsearch__clear:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.hsearch__clear .icon,.hsearch__clear svg{width:1.5rem;height:1.5rem}.hsearch__go{flex:0 0 auto;min-width:0;min-height:var(--hs-height);padding:0 2.8rem;font-size:1.4rem}@media screen and (max-width:749px){.hsearch__go{padding:0 1.8rem}}@media screen and (min-width:990px){.header--inline-search .header__inline-search{max-width:56rem;justify-self:center}}.header .predictive-search,.hsearch .predictive-search{top:calc(100% + .8rem);left:0;width:100%;padding:.4rem 0 .6rem;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:1.2rem;background:var(--hs-surface, #fff);box-shadow:0 1.2rem 3.2rem rgba(var(--color-shadow),.16);overscroll-behavior:contain;overflow-x:hidden}.hsearch .predictive-search__result-group,.hsearch .predictive-search__results-groups-wrapper>*{min-width:0}@media screen and (min-width:750px){.header .predictive-search,.hsearch .predictive-search{border-top:.1rem solid rgba(var(--color-foreground),.1);width:100%}}.hsearch predictive-search[open] .predictive-search,.hsearch predictive-search[loading] .predictive-search{animation:hsearch-panel-in .18s ease both}@keyframes hsearch-panel-in{0%{opacity:0;transform:translateY(-.6rem)}to{opacity:1;transform:none}}.hsearch .predictive-search__results-groups-wrapper{border-bottom:0;padding-bottom:0}@media screen and (min-width:750px){.hsearch .predictive-search__result-group:first-child:not(:only-child){flex:0 0 24rem;border-right:.1rem solid rgba(var(--color-foreground),.08)}}.hsearch .predictive-search__heading{margin:0 1.8rem;padding:1.3rem 0 .3rem;border-bottom:0;font-size:1.05rem;font-weight:700;letter-spacing:.14rem;text-transform:uppercase;color:rgba(var(--color-foreground),.5)}.hsearch .predictive-search__results-list{padding:0 .8rem}.hsearch .predictive-search__item{padding:.8rem 1rem;border-radius:.8rem;column-gap:1.4rem}.hsearch .predictive-search__list-item[aria-selected=true]>*,.hsearch .predictive-search__list-item:hover>*{background:rgba(var(--color-foreground),.055)}.hsearch .predictive-search__list-item[aria-selected=true] .predictive-search__item-heading,.hsearch .predictive-search__list-item:hover .predictive-search__item-heading{text-decoration:none}.hsearch .predictive-search__item-heading{font-size:1.35rem;line-height:1.4;letter-spacing:0}.hsearch .predictive-search__item--link-with-thumbnail{grid-template-columns:5.2rem 1fr;align-items:center}.hsearch .predictive-search__item--link-with-thumbnail .predictive-search__item-heading{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hsearch .predictive-search__image{width:5.2rem;height:5.2rem;padding:.4rem;background:#fff;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:.8rem;object-fit:contain}.hsearch .predictive-search__item .price{margin-top:.3rem;font-size:1.3rem;font-weight:600;color:rgb(var(--color-foreground))}.hsearch .predictive-search__item-vendor{font-size:1.05rem;letter-spacing:.1rem;color:rgba(var(--color-foreground),.55)}.hsearch .predictive-search__search-for-button{margin-top:.6rem;padding:.6rem .8rem 0;border-top:.1rem solid rgba(var(--color-foreground),.08)}.hsearch .predictive-search__item--term{margin:0;padding:1.1rem 1rem;border-radius:.8rem;font-size:1.35rem;font-weight:600;word-break:normal;overflow-wrap:anywhere}.hsearch .predictive-search__item--term .icon-arrow{margin-left:1.2rem}.hsearch predictive-search[loading] .predictive-search__loading-state{padding:2.4rem 1rem}.hsearch--modal .search-modal__content{padding:0 1.2rem;gap:.8rem}.hsearch--modal .search-modal__content>.hsearch__form{flex:1 1 auto;width:auto;min-width:0}.hsearch--modal .hsearch__field{--hs-height: 4.6rem}.hsearch--modal .search-modal__close-button{position:relative;right:auto;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0}@media screen and (min-width:750px){.hsearch--modal .search-modal__content{padding:0 2rem}.hsearch--modal .search-modal__close-button{right:auto}}@media screen and (max-width:749px){.hsearch .predictive-search{top:calc(100% + 1rem);left:1.2rem;right:1.2rem;width:auto;border-radius:1.2rem}.hsearch .predictive-search__results-groups-wrapper{gap:0}.hsearch .predictive-search__item{padding:1rem}.hsearch .predictive-search__item:not(.predictive-search__item--link-with-thumbnail){min-height:4.4rem;align-items:center}}@media(prefers-reduced-motion:reduce){.hsearch__field{transition:none}.hsearch predictive-search[open] .predictive-search,.hsearch predictive-search[loading] .predictive-search{animation:none}}.template-search__header .srch-head__term{margin:.6rem 0 0;font-size:1.8rem;line-height:1.4;color:rgba(var(--color-foreground),.75);overflow-wrap:anywhere}.template-search__header .srch-head__intro{max-width:58rem;margin:1rem auto 0}.template-search__header .srch-head__intro p{margin:0;font-size:1.5rem;line-height:1.6;color:rgba(var(--color-foreground),.72)}.template-search__header .srch-head__count{margin:1.6rem 0 0;font-size:1.4rem;color:rgba(var(--color-foreground),.68)}.srch-quick{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.8rem 1.2rem;margin-top:2rem}.srch-quick__label{margin:0;font-size:1.3rem;font-weight:600;color:rgba(var(--color-foreground),.6)}.srch-quick__list{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin:0;padding:0}.srch-quick__chip{display:inline-flex;align-items:center;min-height:3.6rem;padding:0 1.6rem;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:10rem;font-size:1.35rem;text-decoration:none;color:rgb(var(--color-foreground));transition:border-color var(--duration-short, .1s) ease,background-color var(--duration-short, .1s) ease}.srch-quick__chip:hover{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.05)}.srch-empty{max-width:56rem;margin:2.4rem auto 0;padding:2.4rem 2rem;text-align:center;background:rgba(var(--color-foreground),.035);border-radius:1.2rem}.srch-empty__lead{margin:0;font-size:1.6rem;font-weight:600;line-height:1.5}.srch-empty__text{margin-top:.8rem}.srch-empty__text p{margin:0;font-size:1.45rem;line-height:1.6;color:rgba(var(--color-foreground),.72)}.srch-empty__button{margin-top:1.8rem}@media(prefers-reduced-motion:reduce){.srch-quick__chip{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/component-header-search.css.map */