.sp-psearch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none}.sp-psearch[hidden]{display:none}.sp-psearch.is-open{display:block}.sp-psearch__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;animation:sp-psearch-fade .2s ease}.sp-psearch__panel{position:absolute;top:0;left:0;right:0;background:rgb(var(--color-background));max-height:85vh;display:flex;flex-direction:column;box-shadow:0 12px 40px #0000002e;animation:sp-psearch-slide .24s cubic-bezier(.16,1,.3,1)}.sp-psearch__form{display:flex;align-items:center;gap:1rem;width:100%;max-width:var(--page-width);margin:0 auto;padding:1.6rem;border-bottom:1px solid rgba(var(--color-foreground),.08)}.sp-psearch__form-icon{display:flex;flex:0 0 auto;color:rgb(var(--color-secondary))}.sp-psearch__input{flex:1 1 auto;min-width:0;border:none;background:none;outline:none;font-size:1.8rem;color:rgb(var(--color-foreground));padding:.4rem 0}.sp-psearch__input::-webkit-search-cancel-button,.sp-psearch__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.sp-psearch__input::-ms-clear{display:none}.sp-psearch__clear{flex:0 0 auto;display:none;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;color:rgb(var(--color-secondary));transition:background .15s,color .15s;cursor:pointer}.sp-psearch__clear.is-visible{display:flex}.sp-psearch__clear:hover{background:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground))}.sp-psearch__clear svg{width:1.7rem;height:1.7rem}.sp-psearch__divider{flex:0 0 auto;width:1px;height:2.4rem;background:rgba(var(--color-foreground),.12)}.sp-psearch__input::placeholder{color:rgba(var(--color-foreground),.4)}.sp-psearch__close{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;color:rgb(var(--color-foreground));transition:background .15s}.sp-psearch__close:hover{background:rgba(var(--color-foreground),.06)}.sp-psearch__panel-results{overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:var(--page-width);margin:0 auto}.sp-psearch__results{padding:.8rem 1.6rem 2rem}.sp-psearch__list{list-style:none;margin:0;padding:0}.sp-psearch__item{border-radius:var(--border-radius)}.sp-psearch__item.is-active,.sp-psearch__item:hover{background:rgba(var(--color-foreground),.04)}.sp-psearch__link{display:flex;align-items:center;gap:1.4rem;padding:1rem;color:inherit;text-decoration:none}.sp-psearch__thumb{flex:0 0 auto;width:64px;height:64px;border-radius:var(--border-radius);overflow:hidden;background:rgba(var(--color-foreground),.04);display:flex;align-items:center;justify-content:center}.sp-psearch__thumb img{width:100%;height:100%;object-fit:contain}.sp-psearch__info{display:flex;flex-direction:column;gap:.3rem;min-width:0}.sp-psearch__title{font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-psearch__price{display:flex;align-items:center;gap:.8rem;font-size:1.4rem}.sp-psearch__price-current{font-weight:800}.sp-psearch__price-current.is-sale{color:rgb(var(--color-sale))}.sp-psearch__price-compare{color:rgb(var(--color-secondary));font-size:1.2rem}.sp-psearch__all{display:block;text-align:center;padding:1.4rem;margin-top:.4rem;font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--color-foreground));border-top:1px solid rgba(var(--color-foreground),.08)}.sp-psearch__all:hover{color:rgb(var(--color-accent))}.sp-psearch__empty{padding:2.4rem 1rem;text-align:center;color:rgb(var(--color-secondary));font-size:1.4rem}.sp-psearch.is-loading .sp-psearch__form-icon{animation:sp-psearch-pulse 1s ease-in-out infinite}@keyframes sp-psearch-fade{0%{opacity:0}to{opacity:1}}@keyframes sp-psearch-slide{0%{transform:translateY(-1.5rem);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes sp-psearch-pulse{0%,to{opacity:.4}50%{opacity:1}}@media(min-width:750px){.sp-psearch__form{padding:2rem 3.2rem}.sp-psearch__input{font-size:2.2rem}.sp-psearch__results{padding:1.2rem 3.2rem 2.4rem}}@media(prefers-reduced-motion:reduce){.sp-psearch__backdrop,.sp-psearch__panel,.sp-psearch.is-loading .sp-psearch__form-icon{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/sp-predictive-search.css.map */