.image-gallery{background:rgb(var(--color-background))}.image-gallery__container{display:grid;grid-template-columns:1fr 1fr;gap:2.8rem;align-items:flex-start}.image-gallery__container--swapped{grid-template-columns:1fr 1fr}.image-gallery__container--swapped .image-gallery__thumbnails{order:2}.image-gallery__container--swapped .image-gallery__featured{order:1}.image-gallery__thumbnails{display:flex;flex-direction:column}.image-gallery__grid{display:grid;gap:1rem}.image-gallery__grid.grid--4-col{grid-template-columns:repeat(4,1fr)}.image-gallery__thumbnail{aspect-ratio:1;border:2px solid rgba(var(--color-foreground),.1);background:none;padding:0;cursor:pointer;overflow:hidden;transition:all .2s ease}.image-gallery__thumbnail:hover{border-color:rgba(var(--color-foreground),.3);transform:translateY(-2px)}.image-gallery__thumbnail--active{border-color:#d5a329;box-shadow:0 2px 8px #d5a32933}.image-gallery__thumb-wrapper{width:100%;height:100%;overflow:hidden}.image-gallery__thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center}.image-gallery__placeholder{aspect-ratio:1;border:1px solid rgba(var(--color-foreground),.1);display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:rgba(var(--color-foreground),.5);font-size:1.2rem;position:relative}.image-gallery__placeholder:before,.image-gallery__placeholder:after{content:"";position:absolute;background:rgba(var(--color-foreground),.1);width:100%;height:1px}.image-gallery__placeholder:before{transform:rotate(45deg)}.image-gallery__placeholder:after{transform:rotate(-45deg)}.image-gallery__featured{position:relative}.image-gallery__featured-wrapper{position:relative;aspect-ratio:4/3;border:1px solid rgba(var(--color-foreground),.1);overflow:hidden}.image-gallery__featured-img{width:100%;height:100%;object-fit:cover;object-position:center}.image-gallery__placeholder-large{display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:rgba(var(--color-foreground),.5);font-size:1.6rem;position:relative}.image-gallery__placeholder-large:before,.image-gallery__placeholder-large:after{content:"";position:absolute;background:rgba(var(--color-foreground),.1);width:100%;height:1px}.image-gallery__placeholder-large:before{transform:rotate(45deg)}.image-gallery__placeholder-large:after{transform:rotate(-45deg)}@media screen and (max-width: 989px){.image-gallery__container,.image-gallery__container--swapped{grid-template-columns:1fr;gap:2.8rem}.image-gallery__container--swapped .image-gallery__thumbnails{order:1}.image-gallery__container--swapped .image-gallery__featured{order:2}.image-gallery__grid.grid--4-col{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width: 749px){.image-gallery__container,.image-gallery__container--swapped{gap:2.8rem}.image-gallery__grid{gap:.8rem}.image-gallery__grid.grid--4-col{grid-template-columns:repeat(3,1fr)}.image-gallery__placeholder{font-size:1rem}.image-gallery__placeholder-large{font-size:1.4rem}}@media screen and (max-width: 480px){.image-gallery__grid{gap:.6rem}.image-gallery__grid.grid--4-col{grid-template-columns:repeat(2,1fr)}.image-gallery__placeholder{font-size:.9rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-image-gallery.css.map */