.image-gallery{--gallery-columns-desktop: 3;--gallery-columns-mobile: 1;--gallery-gap: 16px;--gallery-bg-color: transparent}.image-gallery{background-color:var(--gallery-bg-color)}.image-gallery__header{margin-bottom:calc(var(--gallery-gap) * 1.5)}.image-gallery__title{margin:0 0 .3em;font-weight:600;line-height:1.2}.image-gallery__subtitle{margin:0;opacity:.7;font-size:.95em}.image-gallery__grid--grid{display:grid;grid-template-columns:repeat(var(--gallery-columns-desktop),1fr);gap:var(--gallery-gap)}.image-gallery__grid--masonry{columns:var(--gallery-columns-desktop);column-gap:var(--gallery-gap)}.image-gallery__grid--masonry .image-gallery__item{break-inside:avoid;margin-bottom:var(--gallery-gap)}.image-gallery__item{position:relative;overflow:hidden;background:var(--color-foreground-main, #f5f5f5)}.image-gallery__item--featured{grid-column:span 2;grid-row:span 2}.image-gallery__item[style*=--item-column-span]{grid-column:span var(--item-column-span, 1)}.image-gallery__item[style*=--item-row-span]{grid-row:span var(--item-row-span, 1)}.image-gallery__item--shadow{box-shadow:0 2px 12px #00000014}.image-gallery__grid--hover .image-gallery__item{cursor:pointer}.image-gallery__grid--hover .image-gallery__img{transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.image-gallery__grid--hover .image-gallery__item:hover .image-gallery__img{transform:scale(1.06)}.image-gallery__grid--hover .image-gallery__item:hover .image-gallery__overlay{opacity:1}.image-gallery__figure{position:relative;width:100%;overflow:hidden;margin:0;padding-top:calc(100% / var(--img-ratio, 1))}.image-gallery__img{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.image-gallery__media--cover .image-gallery__img{object-fit:cover}.image-gallery__media--contain .image-gallery__img{object-fit:contain}.image-gallery__figure--placeholder{background:var(--color-foreground-main, #f0f0f0)}.image-gallery__figure--placeholder .onboarding-svg{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20%;opacity:.3}.image-gallery__media{position:relative;width:100%;overflow:hidden}.image-gallery__overlay{--overlay-bg: rgba(0, 0, 0, .4);--overlay-text: #ffffff;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--overlay-bg);color:var(--overlay-text);opacity:0;transition:opacity .35s ease;z-index:2;padding:20px;text-align:center}.image-gallery__item:hover .image-gallery__overlay,.image-gallery__item:focus-within .image-gallery__overlay{opacity:1}.image-gallery__overlay-text{font-weight:600;letter-spacing:.02em}.image-gallery__caption{padding:10px 4px;font-size:.85em;opacity:.75;line-height:1.4}.image-gallery__caption p{margin:0}.image-gallery__link{display:block;text-decoration:none;color:inherit;height:100%}.image-gallery__zoom-btn{position:absolute;top:10px;right:10px;z-index:5;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;opacity:0;transform:scale(.85);transition:opacity .25s ease,transform .25s ease,background .2s ease;color:#222;box-shadow:0 1px 6px #0000001f;padding:0;line-height:1}.image-gallery__zoom-btn svg{width:18px;height:18px;display:block}.image-gallery__item:hover .image-gallery__zoom-btn,.image-gallery__item:focus-within .image-gallery__zoom-btn{opacity:1;transform:scale(1)}.image-gallery__zoom-btn:hover{background:#fff;transform:scale(1.1)}.image-gallery__lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .3s ease}.image-gallery__lightbox--open{pointer-events:all;opacity:1}.image-gallery__lightbox-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;cursor:pointer}.image-gallery__lightbox-content{position:relative;max-width:92vw;max-height:92vh;z-index:1}.image-gallery__lightbox-img{display:block;max-width:92vw;max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 4px 40px #0000004d}.image-gallery__lightbox-close{position:absolute;top:-44px;right:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:none;border-radius:50%;cursor:pointer;color:#fff;transition:background .2s ease;padding:0;line-height:1}.image-gallery__lightbox-close:hover{background:#ffffff4d}.image-gallery__lightbox-close svg{width:20px;height:20px;display:block}@media screen and (max-width:768px){.image-gallery__grid--grid{grid-template-columns:repeat(var(--gallery-columns-mobile),1fr)}.image-gallery__grid--masonry{columns:var(--gallery-columns-mobile)}.image-gallery__item--featured,.image-gallery__item[style*=--item-column-span],.image-gallery__item[style*=--item-row-span]{grid-column:span 1;grid-row:span 1}}@media screen and (min-width:769px)and (max-width:1024px){.image-gallery__grid--grid{grid-template-columns:repeat(clamp(1,calc(var(--gallery-columns-desktop) - 1),4),1fr)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-image-gallery.css.map */