predictive-search{position:relative;display:inline-flex}.predictive-search__panel{position:absolute;top:calc(100% + var(--space-xs));left:0;right:0;min-width:20rem;max-height:24rem;overflow-y:auto;z-index:60;background-color:var(--color-background);color:var(--color-foreground);border:1px solid var(--color-muted);box-shadow:var(--shadow-soft);scrollbar-width:thin;scrollbar-color:var(--color-muted) transparent}.predictive-search__panel::-webkit-scrollbar{width:4px}.predictive-search__panel::-webkit-scrollbar-track{background:transparent}.predictive-search__panel::-webkit-scrollbar-thumb{background-color:var(--color-muted);border-radius:0}.predictive-search__panel::-webkit-scrollbar-thumb:hover{background-color:var(--color-foreground)}.predictive-search__panel[hidden]{display:none}.predictive-search__listbox{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.predictive-search__option{display:block;margin:0;padding:0;transition:background-color var(--duration-fast) var(--ease-luxury)}.predictive-search__option:hover,.predictive-search__option.is-active{background-color:color-mix(in srgb,var(--color-muted) 20%,transparent)}.predictive-search__option-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-2xs) var(--space-md);color:inherit;text-decoration:none}.predictive-search__option-link:hover,.predictive-search__option-link:focus-visible{opacity:1}.predictive-search__option-thumb{flex-shrink:0;width:48px;height:60px;overflow:hidden;background-color:color-mix(in srgb,var(--color-muted) 22%,transparent)}.predictive-search__option-image{width:100%;height:100%;object-fit:cover;display:block}.predictive-search__option-title{font-family:var(--font-body);font-size:.9375rem;line-height:1.4;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.predictive-search__empty{margin:0;padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:.875rem;line-height:1.4;color:var(--color-body)}predictive-search[data-variant=overlay] .predictive-search__empty{padding:var(--space-sm) 0}.predictive-search__fallback{display:block;padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-muted);font-family:var(--font-body);font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;text-align:center;text-decoration:none;color:var(--color-foreground);transition:opacity var(--duration-fast) var(--ease-luxury)}.predictive-search__fallback[hidden]{display:none}.predictive-search__fallback:hover,.predictive-search__fallback:focus-visible{opacity:.7}predictive-search[data-variant=overlay]{display:flex;flex-direction:column;width:100%}predictive-search[data-variant=overlay] .predictive-search__panel{position:static;top:auto;left:auto;right:auto;min-width:0;margin-top:var(--space-sm);border:0;box-shadow:none;background-color:transparent}predictive-search[data-variant=overlay] .predictive-search__option-link{padding:var(--space-xs) 0}predictive-search[data-variant=overlay] .predictive-search__option-title{font-size:1rem}predictive-search[data-variant=overlay] .predictive-search__fallback{border-top:1px solid color-mix(in srgb,var(--color-foreground) 8%,transparent);padding:var(--space-md) 0;text-align:left}@media(max-width:767.98px){predictive-search:not([data-variant=overlay]) .predictive-search__panel{min-width:0;max-height:70vh;border-left:0;border-right:0;border-bottom:0;border-top:1px solid var(--color-muted);box-shadow:none}predictive-search:not([data-variant=overlay]) .predictive-search__option-link{padding:var(--space-xs) var(--space-md)}}@media(prefers-reduced-motion:reduce){.predictive-search__option,.predictive-search__fallback{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-predictive-search.css.map */