.predictive{position:absolute;top:100%;right:0;left:0;z-index:15;visibility:hidden;opacity:0;transition:opacity var(--duration),visibility var(--duration)}.predictive.open{visibility:visible;opacity:1}.predictive:after{content:"";position:absolute;top:100%;left:0;width:100%;height:100vh;background-color:var(--color-overlay)}.predictive__panel{display:flex;max-height:calc(100vh - var(--header-height, 0px));overflow:hidden;background-color:var(--color-background);transform:translateY(-8px);transition:transform var(--duration)}.predictive.open .predictive__panel{transform:translateY(0)}.predictive__inner{display:flex;flex:1 1 auto;flex-direction:column;gap:32px;width:100%;max-width:1440px;min-height:0;margin:0 auto;padding:24px var(--page-padding) 42px}.predictive__close{align-self:flex-end;display:flex;color:var(--color-content)}.predictive__close svg{display:block;width:18px;height:18px}.predictive__field{margin-top:10px;padding-bottom:18px;border-bottom:1px solid var(--color-muted)}.predictive__field-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.predictive__input-wrapper{display:flex;flex:1 1 auto;align-items:center;gap:12px;min-width:0}.predictive__input-icon{display:flex;flex-shrink:0;color:var(--color-content)}.predictive__input-icon svg{display:block;width:22px;height:22px}.predictive__input{width:100%;padding:0;border:none;border-radius:0;font-size:22px;line-height:150%}.predictive__input::placeholder{color:var(--color-muted)}.predictive__clear{flex-shrink:0;color:var(--color-content);font-family:var(--font-family);font-size:18px;line-height:150%;text-decoration:underline;text-underline-offset:2px}.predictive__recommendations{display:flex;flex-direction:column;gap:24px}.predictive:has(.predictive__results.has-results) .predictive__recommendations{display:none}.predictive__recommendations-title{font-size:18px;line-height:150%}.predictive__recommendations-list{display:flex;gap:32px;margin:0;padding:0;overflow-x:auto}.predictive__recommendations-list>li{flex:0 0 auto;width:524px;max-width:100%}.suggestion{display:flex;flex-direction:row;align-items:center;gap:18px;height:auto;min-height:150px;padding:20px 18px;border:1px solid var(--color-muted);border-radius:8px;background-color:var(--color-background-alt)}.suggestion__media{flex-shrink:0;width:110px;overflow:hidden;border-radius:8px}.suggestion__media img,.suggestion__media svg{display:block;width:100%;height:100%}.suggestion__content{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-width:0}.suggestion__reviews{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:14px;line-height:150%}.suggestion__rating{display:flex;align-items:center;gap:6px;font-weight:500}.suggestion__rating svg{width:16px;height:16px}.suggestion__reviews-count{font-weight:300}.suggestion__title{font-family:var(--heading-font);font-weight:200;font-size:18px;line-height:150%;text-decoration:none}.suggestion__price{font-family:var(--button-font);font-weight:500;font-size:16px;line-height:150%}.suggestion__add{position:relative;flex-shrink:0;gap:10px;height:42px;min-width:0;padding:12px 24px;font-size:16px;text-transform:uppercase;justify-content:center}.suggestion__add svg{width:16px;height:16px}.suggestion__add .icon--loading{position:absolute;width:20px;height:20px}product-card.loading .suggestion__add>span,product-card.loading .suggestion__add .icon--plus{opacity:0}.predictive__results{display:flex;flex:1 1 auto;gap:32px;min-height:0}.predictive__results:empty{display:none}.predictive__results-title{flex-shrink:0;width:271px;padding-right:36px;border-right:1px solid var(--color-muted);font-size:18px;line-height:150%}.predictive__grid{display:grid;flex:1 1 auto;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:max-content;gap:18px;min-height:0;margin:0;padding:0;overflow-y:auto}.predictive__grid .product-card__subtitle,.predictive__grid .product-card__reviews{display:none}.predictive__empty{font-size:18px;line-height:150%}.predictive__results.loading{opacity:.5}@media screen and (max-width:749px){.predictive__panel{height:calc(100vh - var(--header-height, 0px));max-height:none}.predictive__inner{gap:24px}.predictive__close{display:none}.predictive__field{margin-top:0;padding-top:14px}.predictive__input,.predictive__clear,.predictive__recommendations-title{font-size:16px}.predictive__input-icon svg{width:18px;height:18px}.predictive__recommendations-list{gap:8px}.predictive__recommendations-list>li{width:183px}.suggestion{flex-direction:column;align-items:stretch;gap:12px;min-height:0;padding:9px 12px}.suggestion__media{width:100%}.suggestion__media .image{aspect-ratio:159 / 168}.suggestion__content{gap:8px}.suggestion__reviews{margin-bottom:0;gap:8px}.suggestion__title{font-size:17px}.suggestion__price{font-size:16px}.suggestion__add{width:100%;height:42px}.predictive__results{flex-direction:column;gap:27px}.predictive__results-title{width:auto;padding-right:0;border-right:none;font-size:16px}.predictive__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-predictive-search.css.map */