.template-search__modes{display:flex;width:fit-content;gap:0;margin:0 auto 2.4rem;border-bottom:.1rem solid rgba(var(--color-foreground),.2)}.template-search[data-search-mode=image],.template-search[data-search-mode=sourcing]{padding-bottom:0}.store-image-search[hidden],.store-image-search [hidden],.template-search [data-search-panel][hidden]{display:none!important}.template-search__mode{min-height:4.4rem;padding:0 3.2rem;border:0;border-bottom:.2rem solid transparent;background:transparent;color:rgba(var(--color-foreground),.62);font:inherit;cursor:pointer}.template-search__mode[aria-selected=true]{border-bottom-color:rgb(var(--color-foreground));color:rgb(var(--color-foreground))}.template-search__mode:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.store-image-search{display:block;scroll-margin-top:10rem;padding-bottom:clamp(6rem,8vw,10rem)}.store-image-search__intro{max-width:90rem;margin:0 auto}.store-image-search__eyebrow{margin:0 0 1rem;color:rgba(var(--color-foreground),.62);font-size:1.2rem;letter-spacing:.16rem;line-height:1.4;text-transform:uppercase}.store-image-search__heading{max-width:12ch;margin:0;font-size:clamp(3.2rem,5vw,5.2rem);line-height:1.06}.store-image-search__description{max-width:57ch;margin:2rem 0 0;color:rgba(var(--color-foreground),.72);font-size:1.7rem;line-height:1.55}.store-image-search__guidance{margin:1.8rem 0 0;color:rgba(var(--color-foreground),.6);font-size:1.3rem;text-align:center}.store-image-search__form{min-width:0}.store-image-search__dropzone{position:relative;display:grid;min-height:30rem;border:.1rem dashed rgba(var(--color-foreground),.42);background:rgb(var(--color-background));cursor:pointer;transition:border-color .16s cubic-bezier(.22,1,.36,1),background-color .16s cubic-bezier(.22,1,.36,1)}.store-image-search__dropzone:hover,.store-image-search__dropzone.is-dragging{border-color:rgb(var(--color-foreground));background:rgba(var(--color-background),.7)}.store-image-search__dropzone:focus-within{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.store-image-search__file-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.store-image-search__dropzone-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.store-image-search__icon{display:grid;place-items:center;width:5.6rem;height:5.6rem;margin-bottom:2rem;border:.1rem solid rgba(var(--color-foreground),.22);border-radius:50%}.store-image-search__icon .icon{width:2.6rem;height:2.6rem}.store-image-search__dropzone-title{color:rgb(var(--color-foreground));font-size:1.7rem}.store-image-search__dropzone-help{margin-top:.4rem;color:rgba(var(--color-foreground),.58);font-size:1.4rem}.store-image-search__preview{position:relative;display:grid;height:clamp(30rem,58vh,46rem);min-height:0;overflow:hidden;background:rgba(var(--color-foreground),.035)}.store-image-search__preview img{width:100%;height:100%;min-height:0;object-fit:contain}.store-image-search__preview-meta{position:absolute;right:1.2rem;bottom:1.2rem;left:1.2rem;display:flex;justify-content:space-between;gap:1.2rem;padding:1rem 1.2rem;background:rgba(var(--color-background),.92);color:rgb(var(--color-foreground));font-size:1.2rem}.store-image-search__file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-image-search__file-size{flex:0 0 auto;color:rgba(var(--color-foreground),.58)}.store-image-search__file-error{margin:1.2rem 0 0;color:#b22626;font-size:1.4rem}.store-image-search__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.6rem}.store-image-search__actions .button{min-width:24rem}.store-image-search__button-spinner,.store-image-search__loader{display:inline-block;width:1.8rem;height:1.8rem;border:.2rem solid currentColor;border-right-color:transparent;border-radius:50%;animation:store-image-search-spin .7s linear infinite}.store-image-search__button-spinner{margin-left:.9rem}.store-image-search__state{display:flex;align-items:center;justify-content:center;gap:1.8rem;max-width:74rem;min-height:16rem;margin:4rem auto 0;padding:2.8rem;border:.1rem solid rgba(var(--color-foreground),.16);text-align:left}.store-image-search__state h3,.store-image-search__state p{margin:0}.store-image-search__state p+.link,.store-image-search__state h3+p{margin-top:.8rem}.store-image-search__state-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.8rem}.store-image-search__state-actions .button{min-height:4.4rem}.store-image-search__state-icon{display:grid;flex:0 0 5rem;place-items:center;width:5rem;height:5rem;border:.1rem solid rgba(var(--color-foreground),.24);border-radius:50%;font-size:2rem}.store-image-search__state-icon .icon{width:2.4rem;height:2.4rem}.store-image-search__results{margin-top:clamp(5rem,8vw,9rem)}.store-image-search__results-header{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.4rem}.store-image-search__results-header h3,.store-image-search__results-note{margin:0}.store-image-search__results-note{color:rgba(var(--color-foreground),.58);font-size:1.3rem}.store-image-search__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2.4rem,4vw,4.8rem) clamp(1.2rem,2vw,2.4rem);margin:0;padding:0;list-style:none}.store-image-search__product{min-width:0}.store-image-search__product-link{display:block;color:rgb(var(--color-foreground));text-decoration:none}.store-image-search__product-image-wrap{position:relative;aspect-ratio:1;overflow:hidden;background:rgba(var(--color-foreground),.045)}.store-image-search__product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.22,1,.36,1)}.store-image-search__product-link:hover .store-image-search__product-image{transform:scale(1.025)}.store-image-search__match{position:absolute;right:1rem;bottom:1rem;padding:.6rem .9rem;background:rgba(var(--color-background),.92);color:rgb(var(--color-foreground));font-size:1.1rem;letter-spacing:.04rem}.store-image-search__product-title{margin:1.4rem 0 0;font-size:1.6rem;line-height:1.35}.store-image-search__product-meta{margin:.6rem 0 0;color:rgba(var(--color-foreground),.58);font-size:1.3rem}.store-image-search__product-link:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.4rem}.store-image-search__pagination{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:5rem}@media screen and (min-width:750px){.store-image-search__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width:749px){.template-search__modes{display:flex;width:100%}.template-search__mode{flex:1;min-width:0;padding-right:1.2rem;padding-left:1.2rem}.store-image-search__dropzone{min-height:26rem}.store-image-search__preview{height:32rem}.store-image-search__actions .button,.store-image-search__state-actions .button{width:100%}.store-image-search__results-header{display:block}.store-image-search__results-note{margin-top:.8rem}.store-image-search__pagination{gap:1rem}.store-image-search__pagination .button{min-width:9rem;padding-inline:1.4rem}}@media(prefers-reduced-motion:reduce){.store-image-search__product-image{transition:none}.store-image-search__button-spinner,.store-image-search__loader{animation-duration:1.4s}}@keyframes store-image-search-spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-store-image-search.css.map */