.predictive-search{display:none;position:absolute;top:calc(100% + .1rem);left:0;right:0;background-color:#fff;z-index:9999;border:1px solid rgba(0,0,0,.12);border-radius:8px;box-shadow:0 10px 28px #00000024;overflow:hidden;max-height:360px;overflow-y:auto;-webkit-overflow-scrolling:touch}.predictive-search--search-template{z-index:2}@media screen and (max-width: 749px){.predictive-search--header{right:0;left:0;top:100%}.predictive-search{border-radius:0 0 10px 10px;max-height:60vh}}@media screen and (max-width: 989px){.predictive-search{overflow-y:auto;-webkit-overflow-scrolling:touch}}@media screen and (min-width: 750px){.predictive-search{width:100%;max-width:420px}.header predictive-search{position:relative}}.header .search-box .search-modal__content{justify-content:flex-start}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}.predictive-search,.predictive-search *,.predictive-search__results-list,.predictive-search__list-item,.predictive-search__item,.predictive-search__item--link,.predictive-search__item-content,.predictive-search__item--term{background-color:#fff!important}.predictive-search__heading{border-bottom:1px solid rgba(0,0,0,.08);margin:0;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;width:100%;color:#000000a6;font-size:12px;letter-spacing:.04em;text-transform:uppercase;background:#fff}predictive-search .spinner{width:1.2rem;height:1.2rem;line-height:0}.predictive-search__heading .spinner{margin:0 .2rem 0 1rem}predictive-search:not([loading]) .predictive-search__heading .spinner,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:flex;justify-content:center;padding:1rem;background:#fff}predictive-search[loading] .predictive-search__heading~.predictive-search__loading-state,predictive-search[loading] .predictive-search__results-list:first-child{display:none}.predictive-search__list-item:nth-last-child(2){border-bottom:1px solid rgba(0,0,0,.08)}.predictive-search__list-item[aria-selected=true]>*,.predictive-search__list-item:hover>*{background-color:transparent!important;transition:none!important}.predictive-search__list-item[aria-selected=true] .predictive-search__item-heading,.predictive-search__list-item:hover .predictive-search__item-heading{color:#222}.predictive-search__item{display:flex;padding:10px 12px;text-align:left;text-decoration:none;width:100%}.predictive-search__item--link{display:grid;grid-template-columns:44px 1fr;grid-column-gap:12px;grid-template-areas:"product-image product-content"}.predictive-search__item-content{grid-area:product-content;display:flex;flex-direction:column}.predictive-search__item-content--centered{justify-content:center}.predictive-search__item-vendor{font-size:11px;opacity:.75}.predictive-search__item-heading{margin:0;font-size:14px;font-weight:500;line-height:1.25}.predictive-search__item .price{color:rgba(var(--color-foreground),.7);font-size:12px}.predictive-search__item .price--on-sale .price-item--regular{font-size:11px}.predictive-search__item-vendor+.predictive-search__item-heading,.predictive-search .price{margin-top:6px}.predictive-search__item--term{justify-content:space-between;align-items:center;padding:12px;word-break:break-all;line-height:calc(1 + .3 / var(--font-body-scale));border-top:1px solid rgba(0,0,0,.08)}@media screen and (min-width: 750px){.predictive-search__item--term{padding-top:10px;padding-bottom:10px}}.predictive-search__item--term .icon-arrow{width:calc(var(--font-heading-scale) * 1.2rem);height:calc(var(--font-heading-scale) * 1.2rem);flex-shrink:0;margin-left:calc(var(--font-heading-scale) * 1.2rem);color:rgb(var(--color-link))}.predictive-search__image{grid-area:product-image;width:44px;height:44px;object-fit:contain;font-family:"object-fit: contain"}h2#predictive-search-products,h3.predictive-search__item-heading.h5{font-size:1em!important}@media screen and (min-width: 750px){.header__icon--search,.header__icon--search .icon__fallback-text{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-predictive-search.css.map */
