.predictive-search{display:none;position:absolute;top:calc(100% + .4rem);left:0;width:100%;max-height:440px;overflow-y:auto;background-color:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 12px 28px #00000026;z-index:1000;transition:opacity .25s ease,transform .25s ease;padding:.8rem 0;font-family:Inter,Helvetica Neue,sans-serif}@media screen and (min-width: 750px){.predictive-search{width:200%}}predictive-search[open] .predictive-search{display:block}.predictive-search--search-template{width:100%;z-index:2}.predictive-search__results-groups-wrapper{display:flex;flex-direction:row;gap:2.5rem;padding:1.2rem 1.5rem;border-bottom:1px solid #eee}@media screen and (max-width: 749px){.predictive-search__results-groups-wrapper{flex-direction:column;gap:1.5rem;padding:1rem}}.predictive-search__result-group{flex:1 1 auto;display:flex;flex-direction:column;gap:1.5rem}.predictive-search__heading{font-size:1.15rem;font-weight:700;color:#222;padding:.25rem 0;margin-bottom:.5rem;border-bottom:1px solid #ddd;text-transform:uppercase;letter-spacing:.5px}.predictive-search__item{display:flex;align-items:center;gap:1rem;padding:.9rem 1.2rem;text-decoration:none;color:#1a1a1a;border-radius:8px;background:transparent;transition:background .2s ease,transform .15s ease}.predictive-search__item:hover,.predictive-search__item[aria-selected=true]{background:#f0fdf5;transform:scale(1.01)}.predictive-search__item-heading{font-size:1.05rem;font-weight:600;margin:0}.predictive-search__item-query-result mark{background:none;color:#000;font-weight:700}.predictive-search__item--link-with-thumbnail{display:grid;grid-template-columns:4rem 1fr;gap:1rem;grid-template-areas:"thumb content"}.predictive-search__image{grid-area:thumb;width:100%;max-width:4rem;height:auto;object-fit:cover;border-radius:6px;border:1px solid #eee}.predictive-search__item-content{grid-area:content;display:flex;flex-direction:column;justify-content:center}.predictive-search__item-vendor{font-size:.8rem;color:#888;margin-top:.1rem}.predictive-search__item .price{font-size:.95rem;color:#444;font-weight:500;margin-top:.3rem}predictive-search .spinner{width:1.6rem;height:1.6rem;margin:auto}predictive-search:not([loading]) .predictive-search__loading-state{display:none}predictive-search[loading] .predictive-search__loading-state{display:flex;justify-content:center;padding:1rem}.header predictive-search{position:relative}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-predictive-search.css.map */
