predictive-search form.search{position:relative;overflow:visible}.predictive-search{display:none;position:absolute;top:calc(100% + .4rem);left:0;right:0;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-top:none;border-radius:0 0 1.2rem 1.2rem;z-index:10;box-shadow:0 24px 48px #0000001f,0 8px 16px #00000014;overflow:hidden;animation:searchReveal .22s cubic-bezier(.16,1,.3,1)}@keyframes searchReveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block;width:100%}.predictive-search--search-template{z-index:3}@media screen and (max-width:749px){.predictive-search--header{right:0;left:0;top:100%}.predictive-search{overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:70vh}}@media screen and (min-width:750px){.predictive-search{border-top:none;width:calc(100% + .2rem)}.header predictive-search{position:relative}}.predictive-search__heading{display:flex;justify-content:space-between;align-items:center;padding:1.6rem 2rem .8rem;margin:0;font-family:var(--font-body-family);font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--color-foreground),.4);border-bottom:1px solid rgba(var(--color-foreground),.06);width:100%}predictive-search .spinner{width:1.6rem;height:1.6rem;line-height:0}.predictive-search__heading .spinner{margin:0 0 0 1.6rem;opacity:.5}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:2.4rem}predictive-search[loading] .predictive-search__heading~.predictive-search__loading-state,predictive-search[loading] .predictive-search__results-list:first-child{display:none}.predictive-search__results-list{margin:0;padding:.8rem 0;list-style:none}.predictive-search__list-item{overflow:hidden;transition:background .18s ease}.predictive-search__list-item:nth-last-child(2){border-bottom:1px solid rgba(var(--color-foreground),.06);padding-bottom:.4rem;margin-bottom:.4rem}.predictive-search__list-item[aria-selected=true]>*,.predictive-search__list-item:hover>*{background:rgba(var(--color-foreground),.03)}.predictive-search__list-item[aria-selected=true] .predictive-search__item-heading,.predictive-search__list-item:hover .predictive-search__item-heading{color:rgb(var(--color-foreground))}.predictive-search__item{display:flex;align-items:center;padding:1.2rem 2rem;text-align:left;text-decoration:none;width:100%;gap:1.6rem;transition:background .18s ease}.predictive-search__item--link{display:grid;grid-template-columns:5.6rem 1fr;grid-column-gap:1.6rem;grid-template-areas:"product-image product-content"}.predictive-search__item-content{grid-area:product-content;display:flex;flex-direction:column;justify-content:center;gap:.3rem}.predictive-search__item-content--centered{justify-content:center}.predictive-search__item-vendor{font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--color-foreground),.45)}.predictive-search__item-heading{margin:0;font-size:1.4rem;font-family:var(--font-body-family);font-weight:500;letter-spacing:.02em;color:rgb(var(--color-foreground));transition:color .18s ease}.predictive-search__item .price{font-size:1.2rem;color:rgba(var(--color-foreground),.55);font-family:var(--font-body-family);letter-spacing:.02em}.predictive-search__item-vendor+.predictive-search__item-heading,.predictive-search .price{margin-top:.2rem}.predictive-search__image{grid-area:product-image;width:5.6rem;height:5.6rem;object-fit:cover;border-radius:.6rem;border:1px solid rgba(var(--color-foreground),.08);transition:border-color .18s ease;background:rgba(var(--color-foreground),.03)}.predictive-search__list-item:hover .predictive-search__image{border-color:rgba(var(--color-foreground),.18)}.predictive-search__item--term{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 2rem;font-size:1.3rem;font-family:var(--font-body-family);letter-spacing:.03em;color:rgba(var(--color-foreground),.7);word-break:break-all;line-height:calc(1 + .4 / var(--font-body-scale));transition:color .18s ease,background .18s ease;cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.predictive-search__item--term:hover{color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.03)}@media screen and (min-width:750px){.predictive-search__item--term{padding-top:1.2rem;padding-bottom:1.2rem}}.predictive-search__item--term .icon-arrow{width:1.6rem;height:1.6rem;flex-shrink:0;margin-left:2rem;color:rgba(var(--color-foreground),.4);transition:transform .2s ease,color .2s ease}.predictive-search__item--term:hover .icon-arrow{transform:translate(3px);color:rgb(var(--color-foreground))}.predictive-search__loading-state{padding:2.4rem;display:flex;align-items:center;justify-content:center;color:rgba(var(--color-foreground),.4);font-size:1.3rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-predictive-search.css.map */