.image-gallery{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.image-gallery--full-width{max-width:none;padding:0}.image-gallery--spacing{padding-top:60px;padding-bottom:60px}.image-gallery__header{text-align:center;margin-bottom:40px}.image-gallery__heading{margin:0;font-weight:600;color:rgb(var(--color-foreground))}.image-gallery__heading.heading_s{font-size:1.5rem;line-height:1.4}.image-gallery__heading.heading_m{font-size:2rem;line-height:1.3}.image-gallery__heading.heading_l{font-size:2.5rem;line-height:1.2}.image-gallery__container{display:flex;flex-direction:column;gap:var(--gallery-gap, 20px)}.image-gallery__row{display:flex;gap:var(--gallery-gap, 20px);width:100%}.image-gallery__item{flex:1;min-width:0;position:relative}.image-gallery__item--empty{visibility:hidden}.image-gallery__link{display:block;text-decoration:none;transition:transform .3s ease,opacity .3s ease}.image-gallery__link:hover{transform:translateY(-2px);opacity:.9}.image-gallery__image-wrapper{position:relative;width:100%;overflow:hidden;background-color:rgb(var(--color-background));transition:transform .3s ease}.image-gallery__link:hover .image-gallery__image-wrapper{transform:translateY(-2px)}.image-gallery__image{width:100%;height:auto;display:block;object-fit:contain;object-position:center;transition:transform .3s ease}.image-gallery__link:hover .image-gallery__image{transform:scale(1.05)}@media screen and (max-width: 768px){.image-gallery{padding:0 15px}.image-gallery--spacing{padding-top:40px;padding-bottom:40px}.image-gallery__header{margin-bottom:30px}.image-gallery__heading.heading_s{font-size:1.25rem}.image-gallery__heading.heading_m{font-size:1.5rem}.image-gallery__heading.heading_l{font-size:1.75rem}.image-gallery__row{flex-wrap:wrap}.image-gallery__item{flex:0 0 calc(50% - 10px);max-width:calc(50% - 10px)}}@media screen and (max-width: 480px){.image-gallery{padding:0 10px}.image-gallery--spacing{padding-top:30px;padding-bottom:30px}.image-gallery__item{flex:0 0 100%;max-width:100%}.image-gallery__row{flex-direction:column}}.image-gallery__image{opacity:0;animation:fadeIn .5s ease forwards}@keyframes fadeIn{to{opacity:1}}@media (prefers-reduced-motion: reduce){.image-gallery__link,.image-gallery__image-wrapper,.image-gallery__image{transition:none}.image-gallery__link:hover,.image-gallery__link:hover .image-gallery__image{transform:none}.image-gallery__image{animation:none;opacity:1}}@media (prefers-contrast: high){.image-gallery__image{outline:2px solid rgb(var(--color-foreground))}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/image-gallery.css.map */