.gallery-grid__images{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-medium, 1rem);list-style:none;padding:0;margin:0}@media(max-width:767px){.gallery-grid__images{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.gallery-grid__images{grid-template-columns:repeat(2,1fr)}}.gallery-grid__item{aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--ds-radius-sm)}.gallery-grid__trigger{position:relative;display:block;width:100%;height:100%;padding:0;border:none;background:none;cursor:pointer;overflow:hidden}.gallery-grid__trigger:focus-visible{outline:2px solid var(--color-accent, #000);outline-offset:2px}.gallery-grid__trigger img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--ds-duration-slow) var(--ds-ease-out)}.gallery-grid__trigger:hover img,.gallery-grid__trigger:focus-visible img{transform:scale(1.05)}.gallery-grid__trigger img[loading=lazy]{background-color:var(--ds-color-cream, #FAF7F2)}.gallery-grid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0000;transition:background-color var(--ds-duration-slow) var(--ds-ease-out);pointer-events:none}.gallery-grid__trigger:hover .gallery-grid__overlay,.gallery-grid__trigger:focus-visible .gallery-grid__overlay{background-color:#0000004d}.gallery-grid__icon{color:#fff;opacity:0;transform:scale(.8);transition:opacity var(--ds-duration-slow) var(--ds-ease-out),transform var(--ds-duration-slow) var(--ds-ease-out)}.gallery-grid__trigger:hover .gallery-grid__icon,.gallery-grid__trigger:focus-visible .gallery-grid__icon{opacity:1;transform:scale(1)}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--ds-duration-slow) var(--ds-ease-out);pointer-events:none}.lightbox[hidden]{display:none}.lightbox:not([hidden]){opacity:1;pointer-events:auto}.lightbox__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000e6;cursor:pointer}.lightbox__dialog{position:relative;z-index:10000;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;animation:lightbox-scale-in .3s ease}@keyframes lightbox-scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.lightbox__close{position:absolute;top:-48px;right:0;width:44px;height:44px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;cursor:pointer;transition:background-color var(--ds-duration-normal) var(--ds-ease-out),transform var(--ds-duration-normal) var(--ds-ease-out);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox__close:hover{background-color:#fff3;transform:scale(1.1)}.lightbox__close:active{transform:scale(.95)}.lightbox__close:focus-visible{outline:2px solid #fff;outline-offset:2px}.lightbox__content{position:relative;max-width:100%;max-height:90vh;display:flex;align-items:center;justify-content:center}.lightbox__image{max-width:100%;max-height:90vh;width:auto;height:auto;display:block;object-fit:contain;box-shadow:0 20px 60px #00000080}@media(max-width:767px){.lightbox__dialog{max-width:95vw;max-height:95vh}.lightbox__close{top:-40px;width:40px;height:40px;min-width:40px;min-height:40px}.lightbox__image{max-height:95vh}}@media(prefers-reduced-motion:reduce){.gallery-grid__trigger img{transition:none}.gallery-grid__trigger:hover img,.gallery-grid__trigger:focus-visible img{transform:none}.gallery-grid__overlay,.gallery-grid__icon,.lightbox{transition:none}.lightbox__dialog{animation:none}.lightbox__close{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/gallery-grid.css.map */