.predictive-search{display:none;position:absolute;top:calc(100% + 1rem);left:-.1rem;border:1px solid var(--z-color-white);background-color:var(--z-color-white);z-index:3;border-radius:6px;box-shadow:0 2px 10px #00000026}.predictive-search--search-template{z-index:4;width:calc(100% + .2rem)}@media screen and (max-width: 749px){.predictive-search--header{right:0;left:0}}@media screen and (max-width: 989px){.predictive-search{overflow-y:auto;-webkit-overflow-scrolling:touch}}@media screen and (min-width: 750px){.predictive-search{border-top:none;width:calc(100% + .2rem)}.header predictive-search{position:relative}}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}.predictive-search__heading{border-bottom:.1rem solid rgba(var(--color-foreground),.08);margin:0 auto;padding:1.5rem 0 .75rem;display:flex;justify-content:space-between;align-items:center;width:calc(100% - 4rem);color:rgba(var(--color-foreground),.7)}predictive-search .spinner{width:1.5rem;height:1.5rem;line-height:0}.predictive-search__heading .spinner{margin:0 .2rem 0 2rem}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}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[aria-selected=true]>*,.predictive-search__list-item:hover>*{background-color:var(--z-color-grey-5)}.predictive-search__list-item[aria-selected=true] .predictive-search__item-heading,.predictive-search__list-item:hover .predictive-search__item-heading{text-underline-offset:.3rem}.predictive-search__list-item{border-top:1px solid var(--z-color-grey-3)}.predictive-search__list-item:first-child{border-top:none}.predictive-search__item{display:flex;padding:1.6rem 2rem;text-align:left;text-decoration:none;width:100%}.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:.9rem}.predictive-search__item-heading{margin:0}.predictive-search__item .price{color:rgba(var(--color-foreground),.7);font-size:1.2rem}.predictive-search__item-vendor+.predictive-search__item-heading,.predictive-search .price{margin-top:.5rem}.predictive-search__item--term{align-items:center;padding:1.4rem 2rem;word-break:break-all;line-height:calc(1 + .4 / var(--font-body-scale));border-top:none}.predictive-search__button-text{text-decoration:underline}.predictive-search__item--term .icon-arrow{width:calc(var(--font-heading-scale) * 1.4rem);height:calc(var(--font-heading-scale) * 1.4rem);flex-shrink:0;margin-left:calc(var(--font-heading-scale) * 2rem);color:rgb(var(--color-link))}.predictive-search__wrap-image{width:4.4rem;margin-right:8px}.predictive-search__image{object-fit:contain;font-family:"object-fit: contain"}.template-search__search{width:100%;max-width:420px;margin:0 auto}.template-search__search .field:after,.template-search__search .field:before{box-shadow:none!important}.template-search__search .field label{display:none}.template-search__search .field input{height:auto;margin:0;padding:8px 15px;border-radius:8px;box-shadow:0 0 0 2px var(--z-color-grey-3);font-family:DM Sans,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.16px}.template-search__search .field input::placeholder{opacity:.8;color:var(--z-color-black);font-family:DM Sans,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:-.16px}.template-search__search .field input:focus,.template-search__search .field input:hover{box-shadow:0 0 0 2px #e9b55c;border-radius:8px}.template-search__search .field input:focus{background-color:var(--z-color-grey-5)}.template-search__search .field__button{height:100%;padding:12px}
/*# sourceMappingURL=/cdn/shop/t/706/assets/component-predictive-search.css.map */
