.image-search{display:flex;align-items:center;flex-shrink:0}.image-search__button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:var(--minimum-touch-target, 44px);min-height:var(--minimum-touch-target, 44px);padding:0;margin:0;border:none;background:transparent;color:var(--color-foreground, currentColor);cursor:pointer;border-radius:var(--style-border-radius-buttons, var(--style-border-radius-inputs, 4px));transition:opacity var(--animation-speed, .2s) var(--animation-easing, ease),background-color var(--animation-speed, .2s) var(--animation-easing, ease),color var(--animation-speed, .2s) var(--animation-easing, ease)}.image-search__button:hover{opacity:var(--opacity-subdued-text, .85);background-color:rgb(var(--color-foreground-rgb, 0 0 0) / var(--opacity-5, .06))}.image-search__button:focus-visible{outline:var(--focus-outline-width, 2px) solid var(--color-primary, currentColor);outline-offset:var(--focus-outline-offset, 2px)}.image-search__button-icon img{display:block;width:22px;height:22px;object-fit:contain}.image-search__dialog{padding:0;border:none;background:transparent;max-width:100vw;max-height:100dvh;margin:auto;z-index:var(--layer-temporary, 20)}.image-search__dialog::backdrop{background:#00000073}.image-search__dialog-shell{box-sizing:border-box;display:flex;flex-direction:row;align-items:stretch;margin:auto;width:max-content;max-width:80vw;max-height:min(92dvh,720px)}.image-search__dialog-panel{box-sizing:border-box;flex:0 0 auto;width:min(100vw - 2rem,420px);max-height:min(90dvh,640px);overflow:auto;margin:0;padding:var(--padding-lg, 1.25rem);background:var(--color-background, #fff);color:var(--color-foreground, #121212);border-radius:var(--style-border-radius-popover, var(--style-border-radius-inputs, 8px));border:var(--style-border-width, 1px) solid var(--color-border, #e8e8e8);box-shadow:var(--shadow-popover, 0 12px 40px rgb(0 0 0 / 15%))}.image-search__dialog-shell:not(:has([data-image-search-results]:not([hidden]))) .image-search__dialog-panel{max-height:min(90dvh,640px)}.image-search__dialog-shell:has([data-image-search-results]:not([hidden])){overflow:hidden;background:var(--color-background, #fff);border-radius:var(--style-border-radius-popover, var(--style-border-radius-inputs, 8px));border:var(--style-border-width, 1px) solid var(--color-border, #e8e8e8);box-shadow:var(--shadow-popover, 0 12px 40px rgb(0 0 0 / 15%))}.image-search__dialog-shell:has([data-image-search-results]:not([hidden])) .image-search__dialog-panel{flex:0 0 min(38vw,400px);width:min(38vw,400px);min-width:260px;max-width:420px;max-height:none;align-self:stretch;border:none;border-radius:0;box-shadow:none;border-inline-end:var(--style-border-width, 1px) solid var(--color-border, #e8e8e8)}@media screen and (max-width:749px){.image-search__dialog-shell{flex-direction:column;width:calc(100vw - 1.25rem);max-width:none;max-height:calc(100dvh - 1.25rem)}.image-search__dialog-panel{width:100%;max-width:none;max-height:min(52dvh,480px);padding:var(--padding-md, 1rem)}.image-search__dialog-shell:not(:has([data-image-search-results]:not([hidden]))) .image-search__dialog-panel{max-height:calc(100dvh - 1.25rem)}.image-search__dialog-shell:has([data-image-search-results]:not([hidden])) .image-search__dialog-panel{flex:0 0 auto;width:100%;min-width:0;max-width:none;border-inline-end:none;border-block-end:var(--style-border-width, 1px) solid var(--color-border, #e8e8e8);max-height:min(48dvh,440px)}.image-search__results-aside{flex:1 1 auto;min-height:0;max-width:none;max-height:min(44dvh,420px)}}.image-search__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-sm, .75rem);margin-block-end:var(--padding-xs, .75rem)}.image-search__title{margin:0;font-family:var(--font-heading--family, inherit);font-size:var(--font-size--lg, 1.125rem);font-weight:600;line-height:1.25;flex:1}.image-search__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:var(--minimum-touch-target, 44px);min-height:var(--minimum-touch-target, 44px);padding:0;margin-block-start:-.25rem;margin-inline-end:-.35rem;color:var(--color-foreground, inherit);cursor:pointer;border-radius:var(--style-border-radius-buttons, 4px)}.image-search__close:focus-visible{outline:var(--focus-outline-width, 2px) solid var(--color-primary, currentColor);outline-offset:2px}.image-search__close .svg-wrapper svg{width:var(--icon-size-xs, 14px);height:var(--icon-size-xs, 14px)}.image-search__description{margin:0 0 var(--padding-sm, .75rem);font-size:var(--font-size--sm, .875rem);line-height:1.5;opacity:var(--opacity-subdued-text, .88);white-space:pre-line}.image-search__hint{margin:0 0 var(--padding-md, 1rem);font-size:var(--font-size--xs, .8125rem);line-height:1.45}.image-search__hint--muted{color:rgb(var(--color-foreground-rgb, 18 18 18) / var(--opacity-subdued-text, .72))}.image-search__dropzone{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;padding:var(--padding-lg, 1.25rem);margin-block-end:var(--padding-md, 1rem);border:2px dashed var(--color-border, #ccc);border-radius:var(--style-border-radius-inputs, 6px);background:rgb(var(--color-background-rgb, 255 255 255) / var(--opacity-5, 1));cursor:pointer;transition:border-color var(--animation-speed, .2s) ease,background-color var(--animation-speed, .2s) ease}.image-search__dropzone:hover,.image-search__dropzone:focus-visible{border-color:var(--color-primary, var(--color-foreground, #121212));outline:none}.image-search__dropzone.is-dragover{border-color:var(--color-primary, var(--color-foreground, #121212));background-color:rgb(var(--color-foreground-rgb, 18 18 18) / .04)}.image-search__dropzone-inner{display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center}.image-search__dropzone-text{font-size:var(--font-size--sm, .9375rem);font-weight:600}.image-search__dropzone-subdued{font-size:var(--font-size--xs, .8125rem);color:rgb(var(--color-foreground-rgb, 18 18 18) / var(--opacity-subdued-text, .72))}.image-search__preview-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--padding-sm, .75rem);width:100%}.image-search__preview-img{display:block;width:auto;height:auto;max-width:100%;max-height:200px;object-fit:contain;border-radius:var(--style-border-radius-inputs, 6px)}.image-search__preview-meta{display:flex;flex-direction:column;align-items:center;gap:var(--padding-xs, .5rem);width:100%}.image-search__file-name{font-size:var(--font-size--xs, .8125rem);word-break:break-word;text-align:center;max-width:100%}.image-search__change-btn{min-height:var(--minimum-touch-target, 44px)}.image-search__error{padding:var(--padding-sm, .75rem);margin-block-end:var(--padding-sm, .75rem);font-size:var(--font-size--sm, .875rem);border-radius:var(--style-border-radius-inputs, 6px);background-color:#b4231814;color:var(--color-error, #b42318)}.image-search__status{margin-block-end:var(--padding-sm, .75rem);font-size:var(--font-size--sm, .875rem)}.image-search__actions{display:flex;flex-direction:column;gap:var(--padding-xs, .5rem);margin-top:16px}.image-search__submit{width:100%;min-height:var(--minimum-touch-target, 44px);justify-content:center}.image-search__submit:disabled{opacity:.65;cursor:not-allowed}.image-search__results-aside{box-sizing:border-box;display:flex;flex-direction:column;flex:1 1 280px;min-width:220px;max-width:100%;min-height:0;padding:var(--padding-lg, 1.25rem);margin:0;overflow:hidden;background:var(--color-background, #fff);color:var(--color-foreground, #121212)}.image-search__results[hidden]{display:none!important}.image-search__results-aside{box-sizing:border-box;display:flex;flex-direction:column;flex:1 1 280px;min-width:220px;max-width:100%;min-height:0;padding:var(--padding-lg, 1.25rem);margin:0;overflow-y:auto;overflow-x:hidden;background:var(--color-background, #fff);color:var(--color-foreground, #121212)}.image-search__section{display:flex;flex-direction:column}.image-search__section:not(:last-child){margin-bottom:1.5rem}.image-search__section-title{margin:0 0 .75rem;padding-bottom:.5rem;font-size:var(--font-size--sm, .875rem);font-weight:600;line-height:1.3;color:var(--color-foreground, inherit);border-bottom:1px solid var(--color-border, #e8e8e8)}.image-search__products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--padding-sm, .75rem)}@media screen and (min-width:900px){.image-search__products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.image-search__product-card{display:flex;flex-direction:column;box-sizing:border-box;padding:var(--padding-xs, .5rem);border:var(--style-border-width, 1px) solid var(--color-border, #e8e8e8);border-radius:var(--style-border-radius-inputs, 6px);background:var(--color-background, #fff);color:inherit;text-decoration:none;text-align:center;cursor:pointer;transition:border-color var(--animation-speed, .2s) ease,box-shadow var(--animation-speed, .2s) ease}.image-search__product-card:hover{border-color:var(--color-primary, var(--color-foreground, #121212));box-shadow:0 4px 14px #00000014}.image-search__product-card:focus-visible{outline:var(--focus-outline-width, 2px) solid var(--color-primary, currentColor);outline-offset:2px}.image-search__product-media{display:flex;align-items:center;justify-content:center;aspect-ratio:1;margin-block-end:var(--padding-xs, .5rem);border-radius:var(--style-border-radius-inputs, 4px);background:rgb(var(--color-foreground-rgb, 18 18 18) / .04);overflow:hidden}.image-search__product-img{width:100%;height:100%;object-fit:contain}.image-search__product-name{font-size:var(--font-size--xs, .75rem);font-weight:500;line-height:1.35;margin:0 0 .35rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.image-search__product-prices{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.35rem;font-size:var(--font-size--xs, .75rem)}.image-search__product-price{font-weight:600;color:var(--color-foreground, inherit)}.image-search__product-price--compare{font-weight:400;text-decoration:line-through;color:rgb(var(--color-foreground-rgb, 18 18 18) / var(--opacity-subdued-text, .65))}.image-search__product-placeholder{font-size:var(--font-size--xs, .6875rem);color:rgb(var(--color-foreground-rgb, 18 18 18) / var(--opacity-subdued-text, .72));padding:.5rem}.header__search-cluster{display:flex;align-items:center;gap:var(--gap-2xs, .35rem)}.header__column--center .header__search-cluster{width:100%;justify-content:center}.header__column--right .header__search-cluster{justify-content:flex-end}@media screen and (max-width:749px){.image-search__dialog.image-search__dialog--crop{width:100%;max-width:100vw;max-height:100dvh;height:100%;margin:0}.image-search__dialog-shell--crop{flex-direction:column;width:100%;max-width:100vw;max-height:100dvh;height:100%;margin:0;border-radius:0;border:none;box-shadow:none}.image-search__dialog-shell--crop .image-search__dialog-panel{display:none}.image-search__crop-stage{display:flex;flex-direction:column;flex:1;min-height:0;background:#0a0a0a}.image-search__crop-stage[hidden]{display:none!important}.image-search__crop-wrap{flex:1;min-height:180px;max-height:58vh;overflow:hidden}.image-search__crop-img{display:block;max-width:100%}.image-search__crop-actions{padding:.75rem 1rem 1rem;flex-shrink:0}.image-search__crop-submit{width:100%;min-height:var(--minimum-touch-target, 44px)}.image-search__dialog-shell--crop .image-search__results-aside:not([hidden]){flex:0 1 auto;max-height:38vh;border-radius:12px 12px 0 0;padding-top:.5rem;box-shadow:0 -6px 24px #0000002e}.image-search__dialog-shell--crop .image-search__results-aside:not([hidden]):before{content:"";display:block;width:36px;height:4px;margin:0 auto .75rem;border-radius:999px;background:#ccc}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-image-search.css.map */