.image-gallery__button{display:block;width:100%;margin:0;padding:0;border:0;background:none;cursor:pointer;color:inherit;font:inherit;text-align:inherit}.image-gallery__media{width:100%}.image-gallery__media img{transition:transform var(--duration-long) ease}.image-gallery__button:hover .image-gallery__media img,.image-gallery__button:focus-visible .image-gallery__media img{transform:scale(1.05)}gallery-lightbox{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;visibility:hidden;opacity:0;padding:2rem;background:#000000d9}gallery-lightbox[open]{visibility:visible;opacity:1;z-index:101}.gallery-lightbox__dialog{position:relative;display:flex;flex-direction:column;align-items:center;max-width:100%;max-height:100%}.gallery-lightbox__content{position:relative;max-width:90vw;max-height:80vh}.gallery-lightbox__slide{display:none}.gallery-lightbox__slide.active{display:block}.gallery-lightbox__slide img{display:block;margin:0 auto;max-width:90vw;max-height:80vh;width:auto;height:auto}.gallery-lightbox__caption{margin:1rem 0 0;color:#fff;text-align:center}.gallery-lightbox__close,.gallery-lightbox__prev,.gallery-lightbox__next{position:fixed;z-index:2;display:flex;align-items:center;justify-content:center;border:.1rem solid rgba(255,255,255,.2);border-radius:50%;background-color:#00000080;color:#fff;cursor:pointer}.gallery-lightbox__close:hover,.gallery-lightbox__prev:not([disabled]):hover,.gallery-lightbox__next:not([disabled]):hover{background-color:#000000bf}.gallery-lightbox__close{top:2rem;right:2rem;width:4.4rem;height:4.4rem}.gallery-lightbox__close .icon{width:1.8rem;height:auto;margin:0}.gallery-lightbox__prev,.gallery-lightbox__next{top:50%;width:4.8rem;height:4.8rem;transform:translateY(-50%)}.gallery-lightbox__prev .icon,.gallery-lightbox__next .icon{width:1.4rem;height:auto;margin:0}.gallery-lightbox__prev{left:2rem}.gallery-lightbox__next{right:2rem}.gallery-lightbox__counter{margin-top:1.5rem;color:#fff}@media screen and (max-width:749px){.gallery-lightbox__close{top:1rem;right:1rem;width:3.6rem;height:3.6rem}.gallery-lightbox__prev,.gallery-lightbox__next{width:3.6rem;height:3.6rem}.gallery-lightbox__prev{left:.5rem}.gallery-lightbox__next{right:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-gallery-lightbox.css.map */
