.photo-gallery-title{margin-top:0;margin-bottom:2rem;text-align:center}.photo-gallery-description{margin-bottom:3rem;text-align:center}.photo-gallery{display:grid;grid-template-columns:repeat(var(--columns-mobile),1fr);gap:var(--grid-mobile-vertical-spacing) var(--grid-mobile-horizontal-spacing)}@media screen and (min-width: 750px){.photo-gallery{grid-template-columns:repeat(var(--columns-desktop),1fr);gap:var(--grid-desktop-vertical-spacing) var(--grid-desktop-horizontal-spacing)}}.photo-gallery__item{position:relative;width:100%;aspect-ratio:var(--image-ratio);overflow:hidden;border-radius:var(--border-radius)}.photo-gallery__image-button{position:relative;width:100%;height:100%;border:none;padding:0;background:none;cursor:pointer;overflow:hidden;border-radius:var(--border-radius);transition:transform .3s ease}.photo-gallery__image-button:hover{transform:scale(1.02)}.photo-gallery__image-button:focus{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.photo-gallery__image-wrapper{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--border-radius);aspect-ratio:inherit;background-color:rgba(var(--color-foreground),.03)}.photo-gallery__image{width:100%;height:100%;object-fit:var(--image-fit, cover);transition:transform .3s ease}.photo-gallery__image-button:hover .photo-gallery__image{transform:scale(1.05)}.photo-gallery__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.photo-gallery__image-button:hover .photo-gallery__overlay{opacity:1}.photo-gallery__zoom-icon{color:#fff;width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.photo-gallery__placeholder{width:100%;height:100%;background:rgba(var(--color-foreground),.04);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius)}.photo-gallery__placeholder svg{max-width:50%;max-height:50%;opacity:.5}.photo-modal{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background:#000000e6;display:none;align-items:center;justify-content:center;padding:2rem}.photo-modal.modal--opening,.photo-modal[open]{display:flex}.photo-modal__content{position:relative;max-width:90vw;max-height:90vh;background:transparent;border-radius:var(--border-radius);overflow:hidden}.photo-modal__close{position:absolute;top:1rem;right:1rem;z-index:2;width:4rem;height:4rem;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.photo-modal__close:hover{background:#000000e6;transform:scale(1.1)}.photo-modal__close:focus{outline:.2rem solid white;outline-offset:.2rem}.photo-modal__close svg{width:1.6rem;height:1.6rem}.photo-modal__image-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.photo-modal__image{max-width:100%;max-height:80vh;width:auto;height:auto;object-fit:contain;border-radius:var(--border-radius)}.photo-modal__caption{background:#000c;color:#fff;padding:1rem 2rem;margin-top:1rem;border-radius:var(--border-radius);text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media screen and (max-width: 749px){.photo-modal{padding:1rem}.photo-modal__content{max-width:95vw;max-height:95vh}.photo-modal__close{top:.5rem;right:.5rem;width:3.6rem;height:3.6rem}.photo-modal__close svg{width:1.4rem;height:1.4rem}.photo-modal__image{max-height:75vh}.photo-modal__caption{padding:.8rem 1.5rem;font-size:.9rem}}.photo-modal.modal--opening .photo-modal__content{animation:photoModalOpen .3s ease-out}@keyframes photoModalOpen{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.photo-modal[open]{z-index:999}
/*# sourceMappingURL=/cdn/shop/t/16/assets/photo-gallery.css.map */