:root{--ps-radius: 16px;--ps-item-radius: 14px;--ps-pad: .75rem;--ps-item-minh: 52px}predictive-search{position:relative}predictive-search .predictive-search--header{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:var(--cbh-z-predictive, 5100)}.predictive-search{display:none;border-width:var(--popup-border-width);border-style:solid;border-color:rgb(var(--color-foreground) / .12);background:rgb(var(--color-background));border-radius:var(--ps-radius);overflow:hidden;box-shadow:0 18px 40px rgb(var(--color-shadow) / .18);max-height:min(72vh,640px,calc(100vh - var(--cbh-header-bottom, 0px) - 24px));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.predictive-search::-webkit-scrollbar{width:0;height:0}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}.predictive-search__results-groups-wrapper{display:flex;gap:.75rem;padding:.75rem;border-bottom:1px solid rgb(var(--color-foreground) / .08)}@media screen and (max-width: 749px){.predictive-search__results-groups-wrapper{flex-direction:column}}.predictive-search__result-group{display:flex;flex-direction:column;flex:1 1 auto;gap:.5rem;min-width:0}.predictive-search__heading{margin:0;padding:.95rem 1.2rem .65rem;font-size:1rem;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:rgb(var(--color-foreground) / .78);position:sticky;top:0;z-index:2;background:rgb(var(--color-background));border-bottom:1px solid rgb(var(--color-foreground) / .08)}.predictive-search__results-list{margin:0;padding:var(--ps-pad)}.predictive-search__list-item{padding:.25rem}.predictive-search__item{display:flex;width:100%;text-align:left;text-decoration:none;min-height:var(--ps-item-minh);padding:.9rem 1.1rem;border-radius:var(--ps-item-radius);background:transparent;border:1px solid transparent;transition:background-color var(--duration-default) ease,border-color var(--duration-default) ease}.predictive-search__item--link-with-thumbnail{display:grid;grid-template-columns:56px 1fr;grid-column-gap:1.1rem;align-items:center}.predictive-search__image{width:56px;height:56px;border-radius:12px;overflow:hidden;background:rgb(var(--color-foreground) / .05);border:1px solid rgb(var(--color-foreground) / .08);flex:0 0 56px}.predictive-search__image img{width:100%;height:100%;object-fit:cover;display:block}.predictive-search__item-content{display:flex;flex-direction:column;min-width:0}.predictive-search__item-vendor{font-size:1rem;opacity:.75;margin:0}.predictive-search__item-heading{margin:0;font-weight:800;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.predictive-search__item .price{margin-top:.35rem;font-size:1.2rem;opacity:.82}.predictive-search__item-query-result mark{color:rgb(var(--color-foreground));background:rgb(var(--color-foreground) / .08);border-radius:6px;padding:0 .25em}.predictive-search__list-item[aria-selected=true]>*,.predictive-search__list-item:hover>*,.predictive-search__item[aria-selected=true],.predictive-search__item:hover{background-color:rgb(var(--color-foreground) / .05);border-color:rgb(var(--color-foreground) / .12)}.predictive-search__item:focus-visible,.predictive-search__item *:focus-visible{outline:2px solid rgb(var(--color-foreground) / .35);outline-offset:2px;border-radius:var(--ps-item-radius)}predictive-search:not([loading]) .predictive-search__loading-state,predictive-search:not([loading]) .predictive-search-status__loading{display:none}predictive-search[loading] .predictive-search__loading-state{display:grid;place-items:center;padding:1.2rem}.predictive-search__search-for-button{position:sticky;bottom:0;padding:.75rem;background:rgb(var(--color-background));border-top:1px solid rgb(var(--color-foreground) / .08);padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}.predictive-search__item--term{justify-content:space-between;align-items:center;border-radius:999px;background:rgb(var(--color-foreground) / .05);border:1px solid rgb(var(--color-foreground) / .12);min-height:48px;padding:.9rem 1.1rem}@media screen and (max-width: 749px){.predictive-search__item--link-with-thumbnail{grid-template-columns:46px 1fr}.predictive-search__image{width:46px;height:46px;border-radius:10px;flex-basis:46px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-predictive-search-header.css.map */