button.image-lightbox__trigger{padding:0;margin:0;border:none;background:none;cursor:zoom-in;text-align:left;font:inherit;color:inherit}.image-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:101;background:#000000e6;display:none;opacity:0;transition:opacity .3s ease}.image-lightbox[open]{display:flex;opacity:1}.image-lightbox__dialog{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:2rem}.image-lightbox__content{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;height:100%}.image-lightbox__slide{display:none;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.image-lightbox__slide.active{display:flex}.image-lightbox__image{max-height:80vh;max-width:100%;width:auto;height:auto;object-fit:contain}.image-lightbox__caption{color:#fff;font-size:1.4rem;margin-top:1.2rem;text-align:center}.image-lightbox__close{position:absolute;top:1.5rem;right:1.5rem;z-index:2;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:none;border-radius:50%;cursor:pointer;color:#fff;transition:background .2s ease}.image-lightbox__close:hover{background:#ffffff4d}.image-lightbox__close .svg-wrapper{width:20px;height:20px}.image-lightbox__nav{position:relative;z-index:2;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:none;border-radius:50%;cursor:pointer;color:#fff;transition:background .2s ease}.image-lightbox__nav:hover{background:#ffffff4d}.image-lightbox__nav:disabled{opacity:.3;cursor:default}.image-lightbox__nav .svg-wrapper{width:20px;height:20px}.image-lightbox__nav--prev .icon{transform:rotate(90deg)}.image-lightbox__nav--next .icon{transform:rotate(-90deg)}.image-lightbox__counter{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);color:#fff;font-size:1.4rem}@media screen and (max-width:749px){.image-lightbox__dialog{padding:1rem}.image-lightbox__close{top:1rem;right:1rem;width:36px;height:36px}.image-lightbox__nav{width:36px;height:36px}.image-lightbox__image{max-height:70vh}}@media(prefers-reduced-motion:reduce){.image-lightbox,.image-lightbox__close,.image-lightbox__nav{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/component-image-lightbox.css.map */