image-magnifier{position:relative;display:block}image-magnifier .image-magnifier__target{overflow:hidden}.image-magnifier__lens{display:block;position:absolute;inset-block-start:0;inset-inline-start:0;width:var(--magnifier-lens-size, 200px);height:var(--magnifier-lens-size, 200px);border-radius:0;border:2px solid rgba(0,0,0,.35);box-shadow:0 4px 18px #00000059;background-repeat:no-repeat;background-color:#fffffff2;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:5;transform:translate(-9999px,-9999px);will-change:transform,background-position}.image-magnifier__lens.is-visible{opacity:1}.image-magnifier__toggle{position:absolute;inset-block-end:1.6rem;inset-inline-start:1.6rem;width:4rem;height:4rem;padding:.8rem;display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-background-elements, #fff);color:var(--color-buttons-primary, #000);border:.1rem solid var(--color-border-1, rgba(0, 0, 0, .12));cursor:pointer;z-index:4;-webkit-appearance:none;appearance:none}.image-magnifier__toggle svg{width:2.2rem;height:2.2rem;color:currentColor;display:block}image-magnifier.is-zoom-mode .image-magnifier__toggle{background-color:var(--color-buttons-primary, #000);color:var(--color-buttons-primary-text, #fff)}@media(hover:hover)and (pointer:fine){image-magnifier:not(.is-zoom-mode) .image-magnifier__target{cursor:zoom-in}image-magnifier.is-zoom-mode .image-magnifier__target{cursor:zoom-out}}image-magnifier.is-zoom-mode .main-product__media-modal-opener{pointer-events:none}image-magnifier.is-zoom-mode img{transition:transform .05s linear}@media(hover:none)and (pointer:coarse){.image-magnifier__lens{display:none}}.bc-gallery-modal__slide-inner>image-magnifier{display:inline-block;max-width:100%;max-height:65vh;position:relative;line-height:0}.bc-gallery-modal__slide-inner>image-magnifier>.image-magnifier__target{display:block;overflow:hidden;max-width:100%;max-height:65vh}.bc-gallery-modal__slide-inner>image-magnifier>.image-magnifier__target>img{display:block;max-width:100%;max-height:65vh;width:auto;height:auto;object-fit:contain}@media screen and (max-width:989px){.bc-gallery-modal__slide-inner>image-magnifier,.bc-gallery-modal__slide-inner>image-magnifier>.image-magnifier__target,.bc-gallery-modal__slide-inner>image-magnifier>.image-magnifier__target>img{max-height:55vh}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/image-magnifier.css.map */