.pg-gallery{container-type:inline-size}.pg-gallery__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pg-gallery__item{position:relative;overflow:hidden;cursor:pointer;aspect-ratio:1 / 1}.pg-gallery__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.pg-gallery__item:hover .pg-gallery__image{transform:scale(1.05)}.pg-gallery__lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--pg-color-purple);z-index:9999;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.pg-gallery__lightbox.active{display:flex;opacity:1}.pg-gallery__lightbox-content{position:relative;max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center;justify-content:center}.pg-gallery__lightbox-image{max-width:100%;max-height:80vh;object-fit:contain}.pg-gallery__lightbox-alt-text{font-size:2rem;margin-bottom:.5rem}.pg-gallery__lightbox-close,.pg-gallery__lightbox-nav{position:absolute;width:40px;height:40px;background-color:rgb(var(--color-button));border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;z-index:10000}.pg-gallery__lightbox-close{top:20px;right:20px}.pg-gallery__lightbox-close:hover{transform:scale(1.1)}.pg-gallery__lightbox-nav{top:50%;transform:translateY(-50%)}.pg-gallery__lightbox-nav:hover{transform:translateY(-50%) scale(1.1)}.pg-gallery__lightbox-nav svg,.pg-gallery__lightbox-close svg{width:20px;height:20px;stroke:rgb(var(--color-button-text))}.pg-gallery__lightbox-prev{left:20px}.pg-gallery__lightbox-next{right:20px}.pg-gallery__lightbox-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));padding:8px 16px;border-radius:20px;font-size:14px}@media screen and (max-width:749px){.pg-gallery__grid{grid-template-columns:repeat(3,1fr)}.pg-gallery__lightbox-alt-text{text-align:center}.pg-gallery__lightbox-nav{width:35px;height:35px;top:unset}.pg-gallery__lightbox-prev{left:10px;bottom:20px}.pg-gallery__lightbox-next{right:10px;bottom:20px}.pg-gallery__lightbox-close{top:10px;right:10px;width:35px;height:35px}}@media screen and (max-width:449px){.pg-gallery__grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/pg-gallery.css.map */