:root{--hbc-search-panel-bg: rgba(255, 255, 255, .72);--hbc-search-panel-blur: 22px;--hbc-search-dropdown-bg: rgba(255, 255, 255, .88);--hbc-search-dropdown-blur: 18px;--hbc-search-field-bg: rgba(255, 255, 255, .5);--hbc-search-field-bg-focus: rgba(255, 255, 255, .78);--hbc-search-field-border: rgba(17, 24, 28, .22);--hbc-search-field-border-hover: rgba(17, 24, 28, .4);--hbc-search-fg: rgb(var(--color-foreground));--hbc-search-fg-muted: rgba(var(--color-foreground), .62);--hbc-search-fg-faint: rgba(var(--color-foreground), .14);--hbc-search-icon: rgba(var(--color-foreground), .72);--hbc-search-accent: var(--hbc-accent, rgb(var(--color-link)));--hbc-search-row-hover-bg: rgba(17, 24, 28, .05);--hbc-search-row-active-bg: rgba(17, 24, 28, .09);--hbc-search-thumb-size: 5.6rem;--hbc-search-thumb-radius: .6rem;--hbc-search-thumb-bg: #fff;--hbc-search-thumb-fit: cover;--hbc-search-title-size: 1.4rem;--hbc-search-title-lines: 2;--hbc-search-radius: 1rem;--hbc-search-shadow: 0 1.8rem 4rem rgba(17, 24, 28, .16);--hbc-search-no-results-text: "No matching products. Try a size, brand or part name."}.hbc-header--overlay,[data-hbc-header-state=overlay],body.hbc-header--overlay{--hbc-search-panel-bg: rgba(255, 255, 255, .86);--hbc-search-panel-blur: 28px;--hbc-search-dropdown-bg: rgba(255, 255, 255, .93);--hbc-search-field-bg: rgba(255, 255, 255, .62);--hbc-search-field-border: rgba(17, 24, 28, .26);--hbc-search-shadow: 0 2rem 5rem rgba(17, 24, 28, .28)}.hbc-header--overlay .search:not(.search-modal__form),[data-hbc-header-state=overlay] .search:not(.search-modal__form),.search.hbc-search--on-dark{--hbc-search-field-bg: rgba(255, 255, 255, .16);--hbc-search-field-bg-focus: rgba(255, 255, 255, .26);--hbc-search-field-border: rgba(255, 255, 255, .42);--hbc-search-field-border-hover: rgba(255, 255, 255, .72);--hbc-search-fg: #fff;--hbc-search-fg-muted: rgba(255, 255, 255, .78);--hbc-search-fg-faint: rgba(255, 255, 255, .22);--hbc-search-icon: rgba(255, 255, 255, .86);--hbc-search-accent: #fff}.header__search .search-modal.modal__content,.search-modal.modal__content{background:var(--hbc-search-panel-bg);-webkit-backdrop-filter:blur(var(--hbc-search-panel-blur)) saturate(160%);backdrop-filter:blur(var(--hbc-search-panel-blur)) saturate(160%);border-bottom:.1rem solid var(--hbc-search-fg-faint)}.header__search .search-modal__close-button,.search-modal .search-modal__close-button{color:var(--hbc-search-fg)}.search .field{border-radius:var(--inputs-radius, .4rem)}.search .field__input.search__input{background-color:var(--hbc-search-field-bg);-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);color:var(--hbc-search-fg);caret-color:var(--hbc-search-accent);transition:background-color var(--duration-short, .1s) ease,box-shadow var(--duration-short, .1s) ease}.search .field__input.search__input:focus,.search .field__input.search__input:focus-visible{background-color:var(--hbc-search-field-bg-focus)}.search .field:after{box-shadow:0 0 0 var(--inputs-border-width, .1rem) var(--hbc-search-field-border)}.search .field:hover.field:after{box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width, .1rem)) var(--hbc-search-field-border-hover)}.search .field__input.search__input:focus-visible{box-shadow:0 0 0 .2rem var(--hbc-search-accent),0 0 0 .4rem #ffffff8c;outline:0}.search .field__label{color:var(--hbc-search-fg-muted)}.search .search__button,.search .reset__button{color:var(--hbc-search-icon)}.search .search__button:hover,.search .reset__button:hover{color:var(--hbc-search-fg)}.search .search__button:focus,.search .search__button:focus-visible,.search .reset__button:focus,.search .reset__button:focus-visible{background-color:transparent;outline:.2rem solid var(--hbc-search-accent);outline-offset:-.4rem;border-radius:var(--inputs-radius, .4rem)}.search .reset__button:not(:focus-visible):after,.search .reset__button:not(:focus):after{border-right-color:var(--hbc-search-fg-faint)}predictive-search .predictive-search,.predictive-search.predictive-search--header,.predictive-search.predictive-search--search-template{background-color:var(--hbc-search-dropdown-bg);-webkit-backdrop-filter:blur(var(--hbc-search-dropdown-blur)) saturate(170%);backdrop-filter:blur(var(--hbc-search-dropdown-blur)) saturate(170%);border:.1rem solid rgba(17,24,28,.1);border-radius:var(--hbc-search-radius);box-shadow:var(--hbc-search-shadow);overflow:hidden auto;overscroll-behavior:contain;scrollbar-width:thin;--hbc-search-fg: rgb(var(--color-foreground));--hbc-search-fg-muted: rgba(var(--color-foreground), .62);--hbc-search-fg-faint: rgba(var(--color-foreground), .14);--hbc-search-accent: var(--hbc-accent, rgb(var(--color-link)));color:var(--hbc-search-fg)}predictive-search[loading] .predictive-search,predictive-search[open] .predictive-search{min-height:8rem}predictive-search .predictive-search__results-groups-wrapper{border-bottom-color:var(--hbc-search-fg-faint);padding-bottom:.6rem}@media screen and (min-width:750px){predictive-search .predictive-search__result-group:first-child{flex:0 0 22rem;border-right:.1rem solid var(--hbc-search-fg-faint)}predictive-search .predictive-search__results-groups-wrapper--no-products .predictive-search__result-group:first-child,predictive-search .predictive-search__result-group:only-child{border-right:0}}predictive-search .predictive-search__heading{position:sticky;top:0;z-index:1;margin:0;padding:1.2rem 1.6rem .7rem;background:var(--hbc-search-dropdown-bg);-webkit-backdrop-filter:blur(var(--hbc-search-dropdown-blur));backdrop-filter:blur(var(--hbc-search-dropdown-blur));border-bottom:.1rem solid var(--hbc-search-fg-faint);color:var(--hbc-search-fg-muted);font-size:1.1rem;letter-spacing:.11rem;text-transform:uppercase}predictive-search .predictive-search__item{padding:.9rem 1.6rem;border-radius:.8rem;align-items:center;column-gap:1.2rem;transition:background-color var(--duration-short, .1s) ease}predictive-search .predictive-search__item--link-with-thumbnail{grid-template-columns:var(--hbc-search-thumb-size) minmax(0,1fr);grid-column-gap:1.2rem;align-items:center}predictive-search .predictive-search__image{width:var(--hbc-search-thumb-size);height:var(--hbc-search-thumb-size);aspect-ratio:1 / 1;object-fit:var(--hbc-search-thumb-fit);font-family:"object-fit: cover";border-radius:var(--hbc-search-thumb-radius);background-color:var(--hbc-search-thumb-bg);border:.1rem solid var(--hbc-search-fg-faint);align-self:center;flex-shrink:0}predictive-search .predictive-search__item-content{min-width:0;justify-content:center;row-gap:.3rem}predictive-search .predictive-search__item-heading{margin:0;font-size:var(--hbc-search-title-size);line-height:1.32;letter-spacing:.01rem;color:var(--hbc-search-fg);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:var(--hbc-search-title-lines);line-clamp:var(--hbc-search-title-lines);-webkit-box-orient:vertical;overflow:hidden}predictive-search .predictive-search__item-query-result{--hbc-search-title-lines: 1;font-size:1.4rem}predictive-search .predictive-search__item-query-result *:not(mark){font-weight:600;color:var(--hbc-search-fg)}predictive-search .predictive-search__item-query-result mark{background-color:transparent;color:var(--hbc-search-fg-muted);font-weight:400}predictive-search .predictive-search__item-vendor{font-size:1rem;letter-spacing:.08rem;text-transform:uppercase;color:var(--hbc-search-fg-muted)}predictive-search .predictive-search__item .price{margin-top:.2rem;font-size:1.3rem;font-weight:600;color:var(--hbc-search-fg)}predictive-search .predictive-search__item .price--on-sale .price-item--regular{color:var(--hbc-search-fg-muted);font-weight:400}predictive-search .predictive-search__item-vendor+.predictive-search__item-heading{margin-top:.2rem}predictive-search .predictive-search__list-item:hover>*,predictive-search .predictive-search__item:hover{background-color:var(--hbc-search-row-hover-bg);color:var(--hbc-search-fg)}predictive-search .predictive-search__list-item[aria-selected=true]>*,predictive-search .predictive-search__item[aria-selected=true]{background-color:var(--hbc-search-row-active-bg);color:var(--hbc-search-fg);outline:.2rem solid var(--hbc-search-accent);outline-offset:-.2rem;border-radius:.8rem}predictive-search .predictive-search__list-item:hover .predictive-search__item-heading{text-decoration:none}predictive-search .predictive-search__list-item[aria-selected=true] .predictive-search__item-heading{text-decoration:underline;text-underline-offset:.3rem}predictive-search .predictive-search__search-for-button{padding:.6rem;border-top:.1rem solid var(--hbc-search-fg-faint);background:linear-gradient(to bottom,transparent,rgba(255,255,255,.35))}predictive-search .predictive-search__item--term{word-break:normal;overflow-wrap:anywhere;font-size:1.3rem;font-weight:600;color:var(--hbc-search-fg);padding:1.1rem 1.4rem}predictive-search .predictive-search__item--term .icon-arrow{color:var(--hbc-search-accent)}predictive-search[loading] .predictive-search__loading-state{padding:2.4rem 1rem}predictive-search .spinner{color:var(--hbc-search-fg-muted)}predictive-search[open] #predictive-search-results:not(:has(#predictive-search-results-groups-wrapper)) .predictive-search__search-for-button{border-top:0;background:none;padding:.6rem .6rem 1rem}predictive-search[open] #predictive-search-results:not(:has(#predictive-search-results-groups-wrapper)) .predictive-search__search-for-button:before{content:var(--hbc-search-no-results-text);display:block;padding:2rem 1.6rem 1.2rem;font-size:1.3rem;line-height:1.45;color:var(--hbc-search-fg-muted);text-align:left}@media screen and (max-width:749px){predictive-search .predictive-search,.predictive-search.predictive-search--header{left:0;right:0;width:auto;max-width:100vw;border-left:0;border-right:0;border-radius:0 0 var(--hbc-search-radius) var(--hbc-search-radius)}predictive-search .predictive-search__results-groups-wrapper{gap:.4rem}predictive-search .predictive-search__item{padding:1rem 1.4rem}predictive-search .predictive-search__item--link-with-thumbnail{--hbc-search-thumb-size: 4.8rem;grid-column-gap:1.1rem}predictive-search .predictive-search__heading{padding:1rem 1.4rem .6rem}predictive-search .predictive-search__item--term{padding:1.3rem 1.4rem}.search-modal__content{padding-left:1.4rem}}predictive-search .predictive-search__results-list,predictive-search .predictive-search__result-group,predictive-search .predictive-search__list-item{min-width:0;max-width:100%}@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))){:root{--hbc-search-panel-bg: rgba(255, 255, 255, .96);--hbc-search-dropdown-bg: rgba(255, 255, 255, .98);--hbc-search-field-bg: rgba(255, 255, 255, .9);--hbc-search-field-bg-focus: rgba(255, 255, 255, .98)}.hbc-header--overlay .search:not(.search-modal__form),[data-hbc-header-state=overlay] .search:not(.search-modal__form),.search.hbc-search--on-dark{--hbc-search-field-bg: rgba(17, 24, 28, .55);--hbc-search-field-bg-focus: rgba(17, 24, 28, .72)}}@media(prefers-reduced-motion:reduce){.header__search details[open]>.search-modal,details[open]>.search-modal{animation:none}.search .field,.search .field:after,.search .field__input.search__input,.search .field__label,predictive-search .predictive-search__item{transition:none}.search .search__button:hover .icon,.search .reset__button:hover .icon{transform:none}}@media(forced-colors:active){.search-modal.modal__content,predictive-search .predictive-search,predictive-search .predictive-search__heading{-webkit-backdrop-filter:none;backdrop-filter:none;background:Canvas;border:1px solid CanvasText}predictive-search .predictive-search__list-item[aria-selected=true]>*,predictive-search .predictive-search__item[aria-selected=true]{outline:2px solid Highlight;outline-offset:-2px;forced-color-adjust:none;background-color:Highlight;color:HighlightText}predictive-search .predictive-search__image{border:1px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/hbc-search.css.map */