.gallery-slider-component{display:block;position:relative}.gallery-slider-component slideshow-slides{display:flex;gap:var(--spacing);overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:flex-start}.gallery-slider-component slideshow-slides::-webkit-scrollbar{display:none}.gallery-slider-component slideshow-slide{width:calc((100% - (var(--spacing) * (var(--columns-mobile) - 1))) / var(--columns-mobile));flex:0 0 auto;scroll-snap-align:start;position:relative;cursor:pointer}.gallery-slider-component .gallery-image-wrapper{position:relative;width:100%;aspect-ratio:var(--gallery-aspect-ratio, auto);line-height:0;overflow:hidden;border-radius:var(--media-radius, 0px)}.gallery-slider-component .gallery-image{width:100%;height:var(--gallery-image-height, auto);object-fit:cover;transition:transform var(--duration-long, .5s) ease}.gallery-slider-component slideshow-slide:hover .gallery-image{transform:scale(1.05)}@media screen and (min-width:750px){.gallery-slider-component slideshow-slide{width:calc((100% - (var(--spacing) * (var(--columns-tablet) - 1))) / var(--columns-tablet))}}@media screen and (min-width:990px){.gallery-slider-component slideshow-slide{width:calc((100% - (var(--spacing) * (var(--columns-desktop) - 1))) / var(--columns-desktop))}}.gallery-slider-component .gallery-dots{display:flex;justify-content:center;gap:10px;margin-top:2rem;flex-wrap:wrap}.gallery-slider-component .gallery-dot{width:10px;height:10px;border-radius:50%;background-color:rgba(var(--color-foreground),.2);border:none;padding:0;cursor:pointer;transition:background-color .3s}.gallery-slider-component .gallery-dot[aria-selected=true]{background-color:rgba(var(--color-foreground),1)}.gallery-grid-layout{display:grid;grid-template-columns:repeat(var(--columns-mobile),1fr);gap:var(--spacing)}.gallery-grid-layout .gallery-grid-item{position:relative;cursor:pointer}.gallery-grid-layout .gallery-image-wrapper{position:relative;width:100%;height:100%;overflow:hidden;aspect-ratio:var(--gallery-aspect-ratio, auto);border-radius:var(--media-radius, 0px)}.gallery-grid-layout .gallery-image{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-long, .5s) ease;display:block}.gallery-grid-layout .gallery-grid-item:hover .gallery-image{transform:scale(1.05)}@media screen and (min-width:750px){.gallery-grid-layout{grid-template-columns:repeat(var(--columns-tablet),1fr)}}@media screen and (min-width:990px){.gallery-grid-layout{grid-template-columns:repeat(var(--columns-desktop),1fr)}}.gallery-lightbox{border:none;padding:0;background:transparent;max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 4px 30px #00000080;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.gallery-lightbox::backdrop{background:#000c}.lightbox-content{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.lightbox-image{max-width:100%;max-height:90vh;object-fit:contain;display:block}.lightbox-close{position:absolute;top:10px;right:10px;background:none;border:none;color:#fff;cursor:pointer;padding:8px}.lightbox-close svg{width:24px;height:24px;stroke:#fff}.lightbox-control{position:absolute;top:50%;transform:translateY(-50%);background:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;padding:0;border-radius:50%;z-index:10;transition:background .3s,transform .2s;display:flex;align-items:center;justify-content:center;width:44px;height:44px}.lightbox-control:hover{background:#0009;transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-control svg{width:20px;height:20px;fill:currentColor}
/*# sourceMappingURL=/cdn/shop/t/10/assets/gallery.css.map */