.image-gallery{position:relative}.image-gallery__grid{display:grid;gap:var(--grid-desktop-horizontal-spacing, 1rem);list-style:none;padding:0;margin:0}.image-gallery__grid--2{grid-template-columns:repeat(2,1fr)}.image-gallery__grid--3{grid-template-columns:repeat(3,1fr)}.image-gallery__grid--4{grid-template-columns:repeat(4,1fr)}@media screen and (max-width:749px){.image-gallery__grid{grid-template-columns:repeat(2,1fr)}}.image-gallery__item{position:relative;overflow:hidden}.image-gallery__item button{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:zoom-in}.image-gallery__item button:hover img,.image-gallery__item button:focus-visible img{opacity:.85;transition:opacity .3s ease}.image-gallery__item img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.image-gallery__item--square{aspect-ratio:1 / 1}.image-gallery__item--portrait{aspect-ratio:3 / 4}.image-gallery__item--landscape{aspect-ratio:4 / 3}.image-gallery__item--adapt img{object-fit:contain}.image-gallery__caption{margin-top:.5rem;font-size:1.2rem;color:rgba(var(--color-foreground),.7);text-align:center}.image-gallery__button{text-align:center;margin-top:2rem}.image-gallery-lightbox{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;visibility:hidden;pointer-events:none}.image-gallery-lightbox.is-open{z-index:101;visibility:visible;pointer-events:auto;background-color:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-gallery-lightbox__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000eb;opacity:0;transition:opacity .45s ease}.image-gallery-lightbox.is-open .image-gallery-lightbox__overlay{opacity:1}.image-gallery-lightbox__dialog{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:2rem}.image-gallery-lightbox__close{position:absolute;top:1.5rem;right:1.5rem;z-index:2;background:none;border:none;color:#fff;cursor:pointer;width:4.4rem;height:4.4rem;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;transition:opacity .4s ease .2s}.image-gallery-lightbox.is-open .image-gallery-lightbox__close{opacity:1}.image-gallery-lightbox__close svg{--icon-size: 4rem;color:#000;width:var(--icon-size);height:var(--icon-size)}.image-gallery-lightbox__close:hover{opacity:.7}.image-gallery-lightbox__content{position:relative;width:100%;height:100%;max-width:120rem;overflow:hidden;cursor:grab}.image-gallery-lightbox.is-swiping .image-gallery-lightbox__content{cursor:grabbing}.image-gallery-lightbox__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .45s ease;pointer-events:none}.image-gallery-lightbox__image-wrapper.active{opacity:1;pointer-events:auto}.image-gallery-lightbox__image-wrapper img{max-width:100%;max-height:calc(100vh - 8rem);object-fit:contain;transform:scale(.85);opacity:0;transition:transform .5s cubic-bezier(.2,0,.15,1),opacity .45s ease}.image-gallery-lightbox.is-open .image-gallery-lightbox__image-wrapper.active img{transform:scale(1);opacity:1}.image-gallery-lightbox.is-swiping .image-gallery-lightbox__image-wrapper img{transform:scale(1);opacity:1;transition:none}.image-gallery-lightbox__caption{position:absolute;bottom:0;left:50%;transform:translate(-50%);color:#fffc;font-size:1.4rem;text-align:center;padding:1rem}.image-gallery-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;cursor:pointer;--size: 10rem;width:var(--size);height:var(--size);display:flex;align-items:center;justify-content:center;padding:0;z-index:2;opacity:0;transition:opacity .4s ease .2s;--value: 40;--rgb: var(--value), var(--value), var(--value);--from: rgba(var(--rgb),.1);--to: rgba(var(--rgb),0);background-image:radial-gradient(var(--from),var(--to) 50%)}.image-gallery-lightbox.is-open .image-gallery-lightbox__nav{opacity:1}.image-gallery-lightbox__nav:hover{opacity:.7}.image-gallery-lightbox__nav[disabled]{opacity:.3;cursor:default}.image-gallery-lightbox.is-open .image-gallery-lightbox__nav[disabled]{opacity:.3}.image-gallery-lightbox__nav svg{--icon-size: 4rem;width:var(--icon-size);height:var(--icon-size)}.image-gallery-lightbox__nav--prev{left:1rem}.image-gallery-lightbox__nav--next{right:1rem}.image-gallery-lightbox__counter{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:1.3rem;opacity:0;transition:opacity .4s ease .2s}.image-gallery-lightbox.is-open .image-gallery-lightbox__counter{opacity:1}@media(prefers-reduced-motion:reduce){.image-gallery-lightbox__overlay,.image-gallery-lightbox__image-wrapper,.image-gallery-lightbox__image-wrapper img,.image-gallery-lightbox__close,.image-gallery-lightbox__nav,.image-gallery-lightbox__counter{transition:none}}@media screen and (max-width:749px){.image-gallery-lightbox__dialog{padding:1rem}.image-gallery-lightbox__nav--prev{left:.5rem}.image-gallery-lightbox__nav--next{right:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-image-gallery.css.map */
