.predictive-search--search-template,predictive-search[open] .predictive-search--search-template,predictive-search[loading] .predictive-search--search-template{display:none!important}.predictive-search{display:none;position:absolute;top:100%;left:0;width:100%;background:rgb(var(--color-background));z-index:3;border-top:.1rem solid rgba(var(--color-foreground),.08);overflow:hidden}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}.header .predictive-search--header{left:50%;transform:translate(-50%);width:100vw}[data-predictive-search]{overflow-y:auto;-webkit-overflow-scrolling:touch}.predictive-search__heading{display:flex;justify-content:space-between;align-items:center;margin:0 auto;padding:1.5rem 2rem .75rem;max-width:min(900px,90vw);width:100%;box-sizing:border-box;color:rgba(var(--color-foreground),1);text-transform:uppercase;font-weight:700;font-size:1.2rem;letter-spacing:.3px}.predictive-search__heading .spinner{display:none;width:1.5rem;height:1.5rem;flex-shrink:0}predictive-search[loading] .predictive-search__heading .spinner{display:block}.predictive-search__loading-state{display:none;padding:2rem;text-align:center}.predictive-search__loading-state .spinner{width:2.4rem;height:2.4rem}predictive-search[loading] .predictive-search__loading-state{display:block}.predictive-search__results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;padding:0 2rem 2rem;list-style:none;margin:0 auto;max-width:min(900px,90vw);box-sizing:border-box}@media screen and (max-width:749px){.predictive-search__results-grid{grid-template-columns:repeat(2,1fr)}}.predictive-search__grid-item{display:block}.predictive-search__card{display:block;text-decoration:none;color:inherit}.predictive-search__card-image-wrapper{position:relative;overflow:hidden;background:rgba(var(--color-foreground),.04);aspect-ratio:3/4;margin-bottom:.8rem}.predictive-search__card-image-wrapper--article{aspect-ratio:16/9}.predictive-search__card-image-wrapper--placeholder{display:flex;align-items:center;justify-content:center}.predictive-search__card-image{width:100%;height:100%;object-fit:cover;display:block}.predictive-search__card-info{padding:0 .2rem}.predictive-search__card-title{font-size:1.3rem;font-weight:600;margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.3px}.predictive-search__card-price{font-size:1.3rem;color:rgba(var(--color-foreground),.75)}.predictive-search__no-results{padding:2rem;text-align:center}.predictive-search__see-more{text-align:center;padding:1rem 2rem 2rem;max-width:min(900px,90vw);margin:0 auto;box-sizing:border-box}.predictive-search__see-more-link{display:inline-block;padding:.8rem 2.4rem;border:.1rem solid rgba(var(--color-foreground),.3);font-size:1.2rem;font-weight:600;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;color:rgba(var(--color-foreground),1);transition:border-color .2s,background .2s}.predictive-search__see-more-link:hover{border-color:rgba(var(--color-foreground),.8);background:rgba(var(--color-foreground),.04)}.predictive-search__popular{width:100%;background:rgb(var(--color-background));overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 110px);padding-bottom:3rem;box-sizing:border-box}.predictive-search__pills-wrapper{padding:0 2rem .5rem;max-width:min(900px,90vw);margin:0 auto;text-align:center;box-sizing:border-box}.predictive-search__pills-wrapper .predictive-search__heading{justify-content:center;max-width:100%;padding-left:0;padding-right:0}.predictive-search__pills-list{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:.5rem}.predictive-search__pill{display:inline-block;padding:.6rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:2rem;font-size:1.2rem;cursor:pointer;background:transparent;color:rgba(var(--color-foreground),1);transition:border-color .2s,background .2s;white-space:nowrap}.predictive-search__pill:hover{border-color:rgba(var(--color-foreground),.6);background:rgba(var(--color-foreground),.04)}.search-collection-card__image-wrapper{aspect-ratio:1/1!important}predictive-search[open] [data-popular-searches],predictive-search[loading] [data-popular-searches]{display:none}.predictive-search{overflow:visible}[data-predictive-search]{overflow-y:auto;max-height:calc(100vh - 120px)}.search-modal .modal__close-button{position:absolute!important;top:50%;transform:translateY(-50%);right:1rem;z-index:10}
/*# sourceMappingURL=/cdn/shop/t/185/assets/component-predictive-search.css.map */
