image-search-flow{display:none}.image-search-modal,.image-search__panel--results{--image-search-foreground: var(--primary-highlight-color);--image-search-background: var(--primary-bg-color);--image-search-muted: var(--text-color-gray);--image-search-soft-background: var(--secondary-bg-color);--image-search-border: var(--third-highlight-color);--image-search-accent: var(--logo-color);color:var(--image-search-foreground);font-family:simvoni,sans-serif}.image-search-modal{position:fixed;z-index:1100;top:0;right:0;bottom:0;left:0;display:none;overflow:auto;background:#00000061;color:var(--image-search-foreground);font-family:simvoni,sans-serif;pointer-events:auto}.image-search-modal[open]{display:block}.image-search-modal[hidden],.image-search__error[hidden],.image-search__panel--results[hidden]{display:none}.image-search__file-input{position:fixed;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.image-search__panel{position:absolute;background:var(--image-search-background);pointer-events:auto}.image-search__panel--source{inset-block-start:50%;inset-inline-start:50%;inline-size:min(570px,calc(100% - 48px));padding:36px 32px 30px;transform:translate(-50%,-50%);border-radius:4px}.image-search__panel-heading{text-align:center}.image-search__panel-heading h2,.image-search__results-title h2{margin:0;font-family:inherit;font-size:20px;line-height:1.25;font-weight:700}.image-search__panel-heading p,.image-search__results-title p{margin:7px 0 0;color:var(--image-search-muted);font-size:14px;line-height:1.4}.image-search__close{position:absolute;z-index:2;inset-block-start:12px;inset-inline-end:12px;inline-size:44px;block-size:44px;padding:0;border:0;background:transparent;cursor:pointer}.image-search__close:before,.image-search__close:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:14px;block-size:1px;background:var(--image-search-foreground)}.image-search__close:before{transform:translate(-50%,-50%) rotate(45deg)}.image-search__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.image-search__source-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-block-start:26px}.image-search__source-button,.image-search__drop-zone{min-block-size:150px;padding:22px 16px;border:1px solid var(--image-search-border);border-radius:4px;background:var(--image-search-soft-background);color:inherit;cursor:pointer;text-align:center}.image-search__source-button{display:flex;flex-direction:column;align-items:center;justify-content:center}.image-search__source-button svg,.image-search__drop-zone svg{inline-size:32px;block-size:32px;margin-block-end:12px;fill:none;stroke:currentColor;stroke-width:1.5}.image-search__source-button strong,.image-search__drop-zone strong{display:block;font-size:14px}.image-search__source-button span,.image-search__drop-zone span{display:block;margin-block-start:5px;color:var(--image-search-muted);font-size:11px}.image-search__drop-zone{inline-size:100%;border-style:dashed;cursor:copy}.image-search__drop-zone.is-dragging{border-color:var(--image-search-accent);background:var(--image-search-soft-background)}.image-search__cancel,.image-search__mobile-copy,.image-search__source-button .image-search__mobile-copy{display:none}.image-search__error{margin:12px 0 0;color:var(--image-search-accent);text-align:center;font-size:13px}.image-search__panel--camera{inset-block-start:50%;inset-inline-start:50%;inline-size:min(720px,calc(100% - 48px));padding:28px 32px 30px;transform:translate(-50%,-50%);border-radius:4px}.image-search__back{position:absolute;z-index:2;inset-block-start:10px;inset-inline-start:10px;display:grid;inline-size:44px;block-size:44px;padding:10px;place-items:center;border:0;background:transparent;color:inherit;cursor:pointer}.image-search__back svg{inline-size:24px;block-size:24px;fill:none;stroke:currentColor;stroke-width:1.7}.image-search__camera-preview{position:relative;display:grid;min-block-size:400px;margin-block-start:24px;overflow:hidden;place-items:center;background:var(--image-search-foreground)}.image-search__camera-preview video{inline-size:100%;block-size:min(56vh,520px);object-fit:cover}.image-search__camera-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--image-search-background)}.image-search__camera-loading[hidden]{display:none}.image-search__capture{position:relative;display:grid;inline-size:58px;block-size:58px;margin:20px auto 0;padding:0;place-items:center;border:2px solid var(--image-search-foreground);border-radius:50%;background:var(--image-search-background);cursor:pointer}.image-search__capture>span:first-child{inline-size:44px;block-size:44px;border-radius:50%;background:var(--image-search-foreground)}.image-search__panel--crop{inset-block-start:50%;inset-inline-start:50%;inline-size:min(900px,calc(100% - 48px));padding:28px 32px 32px;transform:translate(-50%,-50%);border-radius:4px}.image-search__panel--crop .image-search__panel-heading p{margin-block-start:0;font-size:12px}.image-search__crop-layout{display:grid;grid-template-columns:minmax(360px,1.3fr) minmax(250px,.7fr);gap:32px;align-items:stretch;margin-block-start:24px}.image-search__crop-stage{position:relative;display:flex;align-items:center;justify-content:center;min-block-size:390px;padding:0;overflow:hidden;background:var(--image-search-background);touch-action:none;-webkit-user-select:none;user-select:none}@media(hover:hover)and (pointer:fine){.image-search__crop-stage,.image-search__crop-stage .image-search__crop-frame,.image-search__crop-stage .image-search__crop-frame:active{cursor:crosshair}}.image-search__crop-backdrop{position:absolute;z-index:0;inset-block-start:50%;inset-inline-start:50%;inline-size:100%;block-size:100%;max-inline-size:none;max-block-size:none;object-fit:contain;pointer-events:none;transform-origin:center;will-change:transform}.image-search__crop-frame{position:relative;z-index:1;inline-size:min(100%,330px);max-inline-size:100%;aspect-ratio:1;border:1px solid rgb(255 255 255 / 90%);box-shadow:0 0 0 9999px #0000007a;cursor:move;touch-action:none}.image-search__crop-frame:active{cursor:move}.image-search__crop-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,transparent 33.1%,rgb(255 255 255 / 35%) 33.1%,rgb(255 255 255 / 35%) 33.6%,transparent 33.6%,transparent 66.2%,rgb(255 255 255 / 35%) 66.2%,rgb(255 255 255 / 35%) 66.7%,transparent 66.7%),linear-gradient(to bottom,transparent 33.1%,rgb(255 255 255 / 35%) 33.1%,rgb(255 255 255 / 35%) 33.6%,transparent 33.6%,transparent 66.2%,rgb(255 255 255 / 35%) 66.2%,rgb(255 255 255 / 35%) 66.7%,transparent 66.7%);opacity:0;pointer-events:none;transition:opacity .25s ease}.image-search__crop-frame[data-resizing] .image-search__crop-grid,.image-search__crop-stage[data-selecting] .image-search__crop-grid,.image-search__crop-stage[data-interacting] .image-search__crop-grid{opacity:1}.image-search__crop-handle{position:absolute;z-index:1;inline-size:var(--minimum-touch-target, 44px);block-size:var(--minimum-touch-target, 44px);background:transparent;pointer-events:auto;touch-action:none}.image-search__crop-handle:after{position:absolute;inline-size:18px;block-size:18px;border:0 solid #fff;content:""}.image-search__crop-handle--tl{inset-block-start:0;inset-inline-start:0;cursor:nwse-resize;transform:translate(-50%,-50%)}.image-search__crop-handle--tl:after{inset-block-start:50%;inset-inline-start:50%;border-block-start-width:2px;border-inline-start-width:2px}.image-search__crop-handle--tr{inset-block-start:0;inset-inline-end:0;cursor:nesw-resize;transform:translate(50%,-50%)}.image-search__crop-handle--tr:after{inset-block-start:50%;inset-inline-end:50%;border-block-start-width:2px;border-inline-end-width:2px}.image-search__crop-handle--bl{inset-block-end:0;inset-inline-start:0;cursor:nesw-resize;transform:translate(-50%,50%)}.image-search__crop-handle--bl:after{inset-block-end:50%;inset-inline-start:50%;border-block-end-width:2px;border-inline-start-width:2px}.image-search__crop-handle--br{inset-block-end:0;inset-inline-end:0;cursor:nwse-resize;transform:translate(50%,50%)}.image-search__crop-handle--br:after{inset-block-end:50%;inset-inline-end:50%;border-block-end-width:2px;border-inline-end-width:2px}.image-search__crop-frame[data-resizing=tl],.image-search__crop-frame[data-resizing=br]{cursor:nwse-resize}.image-search__crop-frame[data-resizing=tr],.image-search__crop-frame[data-resizing=bl]{cursor:nesw-resize}.image-search__crop-controls{display:flex;min-inline-size:0;flex-direction:column;justify-content:flex-end;gap:18px;padding-block:18px}.image-search__crop-secondary{display:grid;grid-template-columns:1fr 1fr}.image-search__reselect,.image-search__reset{display:inline-flex;min-block-size:44px;align-items:center;justify-content:center;gap:8px;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.image-search__reselect+.image-search__reset{border-inline-start:1px solid var(--image-search-border)}.image-search__reselect svg,.image-search__reset svg{inline-size:17px;block-size:17px;fill:none;stroke:currentColor;stroke-width:1.5}.image-search__submit{display:inline-flex;min-block-size:46px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--image-search-foreground);border-radius:3px;background:var(--image-search-foreground);color:var(--image-search-background);cursor:pointer}.image-search__submit svg{inline-size:20px;block-size:20px;fill:none;stroke:currentColor;stroke-width:1.7}.image-search__panel--results{isolation:isolate;padding:30px 0 50px}.image-search__results-nav{max-inline-size:1440px;margin:0 auto 14px}.image-search__text-search{display:inline-flex;min-block-size:44px;align-items:center;gap:7px;padding:0;border:0;background:transparent;color:var(--image-search-foreground);font:inherit;cursor:pointer}.image-search__text-search svg{inline-size:18px;block-size:18px;fill:none;stroke:currentColor;stroke-width:1.7}.image-search__results-header{display:flex;align-items:center;gap:24px;max-inline-size:1440px;margin-inline:auto}.image-search__results-preview{position:relative;flex:0 0 auto;inline-size:100px;aspect-ratio:1;overflow:hidden;border-radius:6px;background:var(--image-search-soft-background)}.image-search__results-preview img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.is-searching .image-search__results-preview:after{content:"";position:absolute;inset-inline:0;inset-block-start:0;block-size:2px;background:var(--image-search-accent);box-shadow:0 0 12px var(--image-search-accent);animation:image-search-scan 1.4s ease-in-out infinite alternate}.image-search__results-title{min-inline-size:0;text-align:start}.image-search__results-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0 28px;margin-block-start:8px}.image-search__change,.image-search__refocus{display:inline-flex;min-block-size:44px;align-items:center;padding:0;border:0;border-radius:0;background:transparent;color:var(--image-search-foreground);font:inherit;font-size:16px;text-align:start;text-decoration:underline;text-underline-offset:4px;cursor:pointer}@media(prefers-reduced-motion:reduce){.is-searching .image-search__results-preview:after,.image-search__product-results .search-skeleton__image,.image-search__product-results .search-skeleton__line{animation:none}}.image-search__sort{max-inline-size:1440px;margin:22px auto 8px;color:var(--image-search-muted);text-align:end;font-size:12px}.image-search__product-results{max-inline-size:1440px;margin-inline:auto}.image-search__product-results [data-search-popup-grid]{display:flex;flex-wrap:wrap;margin-inline:-8px;row-gap:30px}.image-search__product-results [data-search-popup-grid]>div{flex:0 0 20%;inline-size:20%;max-inline-size:20%;padding-inline:8px}.image-search__product-results .search-skeleton__image,.image-search__product-results .product-item .thumb{aspect-ratio:1}.image-search-trigger{position:absolute;z-index:2;inset-block:0;inset-inline-end:0;display:grid;inline-size:44px;block-size:44px;margin:auto;padding:0;place-items:center;border:0;background:transparent;color:var(--primary-highlight-color);cursor:pointer}.image-search-trigger svg{inline-size:22px;block-size:22px;fill:none;stroke:currentColor;stroke-width:1.5}.search .image-search-trigger{position:absolute;inset-block:0;inset-inline-end:0;inline-size:44px;block-size:44px}search-field .search-field__clear:not([hidden]){inset-inline-end:50px}search-field .search-field__input{padding-inline-end:82px}@keyframes image-search-scan{to{inset-block-start:calc(100% - 2px)}}@media(prefers-reduced-motion:reduce){.image-search__crop-grid{transition-duration:0s}}@media all and (max-width:767px),all and (max-width:1024px)and (orientation:portrait){.image-search__desktop-copy,.image-search__source-button .image-search__desktop-copy{display:none}.image-search__mobile-copy,.image-search__source-button .image-search__mobile-copy{display:block}.image-search__panel--source{inset-block:auto 0;inset-inline:0;inline-size:100%;padding:28px 14px calc(20px + var(--safe-area-bottom));transform:none;border-radius:16px 16px 0 0}.image-search__panel-heading h2,.image-search__results-title h2{font-size:18px}.image-search__source-actions{grid-template-columns:1fr;gap:10px;margin-block-start:20px}.image-search__source-button{min-block-size:112px;padding:16px}.image-search__source-button svg{margin-block-end:7px}.image-search__cancel{display:block;inline-size:100%;min-block-size:48px;margin-block-start:8px;border:0;background:transparent;color:inherit}.image-search__panel--crop{top:0;right:0;bottom:0;left:0;display:flex;inline-size:100%;padding:12px 0 calc(14px + var(--safe-area-bottom));flex-direction:column;transform:none;border-radius:0}.image-search__crop-bar{display:flex;align-items:center;gap:4px;min-block-size:44px;padding-inline:6px}.image-search__crop-bar .image-search__back{position:static;flex:0 0 44px}.image-search__crop-bar--brand{position:relative}.image-search__crop-bar--brand .image-search__brand{position:absolute;inset-block-start:50%;inset-inline-start:50%;line-height:0;pointer-events:none;transform:translate(-50%,-50%)}.image-search__crop-bar--brand .image-search__brand img{display:block;inline-size:140px;block-size:auto}.image-search__panel--crop .image-search__panel-heading{margin-block-start:8px;padding-inline:14px}.image-search__crop-layout{display:flex;min-block-size:0;flex:1;flex-direction:column;gap:0;margin-block-start:10px}.image-search__crop-stage{min-block-size:0;padding:0;flex:1 1 auto}.image-search__crop-frame{inline-size:min(100%,460px)}.image-search__crop-controls{flex:0 0 auto;gap:12px;padding:14px 14px 0}.image-search__reselect,.image-search__reset{min-block-size:40px;font-size:13px}.image-search__submit{min-block-size:52px;font-size:15px}.image-search__panel--results{padding:18px 0 calc(30px + var(--safe-area-bottom))}.image-search__results-nav{margin-block-end:8px}.image-search__text-search{min-block-size:40px;font-size:12px}.image-search__results-header{gap:14px}.image-search__results-preview{inline-size:76px;border-radius:4px}.image-search__results-title h2{font-size:18px}.image-search__results-actions{gap:0 18px;margin-block-start:4px}.image-search__change,.image-search__refocus{min-block-size:36px;font-size:13px}.image-search__product-results{margin-block-start:26px}.image-search__product-results [data-search-popup-grid]{margin-inline:-5px;row-gap:28px}.image-search__product-results [data-search-popup-grid]>div{flex-basis:50%;inline-size:50%;max-inline-size:50%;padding-inline:5px}.image-search__product-results .product-item .title,.image-search__product-results .product-item .price{font-size:12px;line-height:1.35}}
/*# sourceMappingURL=/cdn/shop/t/650/assets/image-search.css.map */