.predictive-search{position:relative}.predictive-search__results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:200;background:var(--color-bg);border:1px solid var(--color-surface);border-radius:var(--radius-md, 8px);box-shadow:0 8px 32px #0000001f;overflow:hidden;animation:ps-fade .14s ease}.predictive-search__results[hidden]{display:none}@keyframes ps-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.header-search__dropdown{width:340px;max-height:70vh;overflow-y:auto;overflow-x:hidden;padding:6px 0 8px;background:var(--header-bg, var(--color-bg));color:var(--header-text, var(--color-text));backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid color-mix(in srgb,var(--header-text, var(--color-text)) 14%,transparent);animation:ps-fade .14s ease}.header-search__dropdown[hidden]{display:none}.predictive-search__heading{padding:8px 20px 4px;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-subtle)}.header-search__dropdown .predictive-search__heading{color:color-mix(in srgb,var(--header-text, currentColor) 45%,transparent)}.predictive-search__item{display:flex;flex-direction:row;align-items:center;gap:12px;padding:9px 20px;text-decoration:none;color:inherit;cursor:pointer;transition:background-color .12s ease;-webkit-tap-highlight-color:transparent}.predictive-search__item:hover,.predictive-search__item.is-active{background:#0000000d}.header-search__dropdown .predictive-search__item:hover,.header-search__dropdown .predictive-search__item.is-active{background:color-mix(in srgb,var(--header-text, #111) 7%,transparent)}.predictive-search__item-image{display:block;width:40px;min-width:40px;height:53px;object-fit:cover;border-radius:3px;background:var(--color-surface, #f0f0f0);flex-shrink:0}.header-search__dropdown .predictive-search__item-image{background:color-mix(in srgb,var(--header-text, #111) 7%,transparent)}.predictive-search__item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.predictive-search__item-title{font-size:.875rem;font-weight:500;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit;margin:0}.predictive-search__item-price{font-size:.78rem;font-weight:400;color:var(--color-text-subtle);margin:0}.header-search__dropdown .predictive-search__item-price{color:color-mix(in srgb,var(--header-text, #111) 52%,transparent)}.predictive-search__item--collection{padding:7px 20px;gap:10px}.predictive-search__item--collection .predictive-search__item-title{font-size:.83rem;font-weight:400}.predictive-search__divider{border:none;border-top:1px solid var(--color-surface, #eee);margin:4px 0}.header-search__dropdown .predictive-search__divider{border-top-color:color-mix(in srgb,var(--header-text, #111) 9%,transparent)}.predictive-search__footer{padding:8px 20px 4px;border-top:1px solid var(--color-surface, #eee);margin-top:4px}.header-search__dropdown .predictive-search__footer{border-top-color:color-mix(in srgb,var(--header-text, #111) 9%,transparent)}.predictive-search__footer a{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;font-weight:600;color:var(--color-accent, var(--color-text));text-decoration:none;transition:opacity .12s}.header-search__dropdown .predictive-search__footer a{color:inherit;opacity:.65}.predictive-search__footer a:hover{opacity:.8}.header-search__dropdown .predictive-search__footer a:hover{opacity:1}.predictive-search__loading{padding:16px 20px;text-align:center;font-size:.875rem;color:var(--color-text-subtle)}.predictive-search__empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 20px;text-align:center}.predictive-search__empty-state svg{color:var(--color-text-subtle);opacity:.4}.predictive-search__empty{font-size:.875rem;color:var(--color-text-subtle);margin:0}.predictive-search__all-link{font-size:.8125rem;font-weight:600;color:var(--color-accent);text-decoration:none}.predictive-search__all-link:hover{text-decoration:underline}.header-search__dropdown .predictive-search__loading,.header-search__dropdown .predictive-search__empty{color:color-mix(in srgb,var(--header-text, #111) 50%,transparent)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/predictive-search.css.map */