@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@700&family=Roboto+Mono:wght@400;500&display=swap";.custom-gallery{padding-top:24px;padding-bottom:24px}.custom-gallery__heading{text-align:center;font-family:"DM Sans",var(--font-heading-family),sans-serif;font-weight:700;font-size:32px;letter-spacing:.5px;margin:0 0 32px;color:rgb(var(--color-foreground))}.custom-gallery__grid{display:grid;grid-template-columns:repeat(var(--gallery-columns-mobile, 2),1fr);gap:var(--gallery-gap, 2px)}@media screen and (min-width:750px){.custom-gallery__grid{grid-template-columns:repeat(var(--gallery-columns-desktop, 5),1fr)}}.custom-gallery__item{display:flex;flex-direction:column;background:rgb(var(--color-background))}.custom-gallery__thumb{position:relative;display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;cursor:zoom-in}.custom-gallery__thumb img,.custom-gallery__thumb svg.placeholder-svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.custom-gallery__thumb:hover img{transform:scale(1.06)}.custom-gallery__thumb--empty{cursor:default}.custom-gallery__zoom{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease;color:#fff;pointer-events:none}.custom-gallery__thumb:hover .custom-gallery__zoom,.custom-gallery__thumb:focus-visible .custom-gallery__zoom{opacity:1}.custom-gallery__zoom .icon{width:28px;height:28px;color:#fff}.custom-gallery__caption{padding:14px 16px 18px;text-align:center;font-family:"Roboto Mono",var(--font-body-family),monospace}.custom-gallery__name{display:block;font-size:16px;font-weight:400;margin-bottom:6px;color:rgb(var(--color-foreground))}.custom-gallery__link{display:inline-block;max-width:100%;font-size:14px;color:rgba(var(--color-foreground),.7);text-decoration:none;border-bottom:1px solid rgba(var(--color-foreground),.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease,border-color .2s ease}.custom-gallery__link:hover{color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.custom-gallery__heading{font-size:21px;margin:0 0 20px}.custom-gallery__caption{padding:6px 4px 8px}.custom-gallery__name{font-size:11px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-gallery__link{font-size:10px}.custom-gallery__zoom .icon{width:20px;height:20px}}.custom-gallery__lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:none;align-items:center;justify-content:center;z-index:1000;padding:40px}.custom-gallery__lightbox.active{display:flex}.custom-gallery__lightbox-content{max-width:min(90vw,1000px);max-height:90vh;display:flex;flex-direction:column;align-items:center}.custom-gallery__lightbox-img{max-width:100%;max-height:75vh;object-fit:contain;border-radius:6px;box-shadow:0 10px 40px #00000080}.custom-gallery__lightbox-caption{margin-top:18px;text-align:center;color:#fff;font-family:"Roboto Mono",var(--font-body-family),monospace}.custom-gallery__lightbox-name{display:block;font-size:18px;font-weight:600;margin-bottom:6px}.custom-gallery__lightbox-link{color:#ddd;font-size:14px;text-decoration:none;border-bottom:1px solid #999}.custom-gallery__lightbox-link:hover{color:#fff;border-color:#fff}.custom-gallery__lightbox-counter{position:absolute;top:24px;left:28px;color:#ddd;font-size:14px;letter-spacing:.5px}.custom-gallery__lightbox-close{position:absolute;top:20px;right:28px;background:none;border:none;color:#fff;font-size:32px;line-height:1;cursor:pointer;opacity:.8}.custom-gallery__lightbox-close:hover{opacity:1}.custom-gallery__lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff14;border:none;color:#fff;width:56px;height:56px;border-radius:50%;font-size:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.custom-gallery__lightbox-arrow:hover{background:#fff3}.custom-gallery__lightbox-prev{left:24px}.custom-gallery__lightbox-next{right:24px}@media screen and (max-width:749px){.custom-gallery__lightbox-arrow{width:44px;height:44px;font-size:20px}.custom-gallery__lightbox-prev{left:8px}.custom-gallery__lightbox-next{right:8px}.custom-gallery__lightbox{padding:16px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/custom-gallery.css.map */