.masonry-gallery-wrapper{margin:0 auto;padding:5rem 2rem}@media screen and (max-width: 749px){.masonry-gallery-wrapper>.grid{gap:5rem}}@media screen and (min-width: 750px){.masonry-gallery-wrapper{padding:2rem}.masonry-gallery-wrapper .masonry{order:1}.masonry-gallery-wrapper .rich-text__column{order:2;padding-top:5rem;padding-bottom:5rem}}.masonry{column-count:2;column-gap:2rem}@media (max-width: 749px){.masonry{column-count:1}}.masonry-item{break-inside:avoid;margin-bottom:1rem}.masonry-item img,.masonry-item video{width:100%;height:auto;display:block}.masonry-gallery-wrapper .rich-text__column .rich-text{display:block;position:sticky;top:7rem;z-index:2;max-width:58rem}@media screen and (min-width: 750px){.masonry-gallery-wrapper .rich-text__text p{line-height:1.5;font-size:1.3rem}}@media screen and (max-width: 749px){.rich-text__blocks.left{text-align:center}.rich-text__blocks.left .rich-text__buttons{justify-content:center}}.modal-overlay{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:rgba(var(--color-foreground),.9);align-items:center;justify-content:center}.modal-overlay[aria-hidden=false]{display:flex}.modal-content{background:#fff;padding:4rem;max-width:88rem;width:auto;border-radius:1rem;position:relative;outline:none}.modal-content img,.modal-content video{width:auto;max-width:80rem;height:100%;display:block;max-height:calc(100vh - 20rem)}@media screen and (max-width: 880px){.modal-content{padding:2rem}.modal-content img,.modal-content video{width:100%;height:auto}}#modal-img{opacity:1;transition:opacity .3s ease-in-out}#modal-img.fade-out{opacity:0}.modal-close{position:absolute;top:4rem;right:4rem;background:none;border:none;font-size:2rem;color:var(--color-black);cursor:pointer;padding:0}.modal-close svg{width:2rem;height:2rem}.masonry-item[role=button]{cursor:pointer}.modal-prev svg,.modal-next svg{width:2rem;height:3.5rem}.modal-prev,.modal-next{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:1rem;z-index:1;color:var(--color-black)}.modal-prev{left:4rem}.modal-next{right:4rem}@media (max-width: 880px){.modal-prev,.modal-next{display:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-masonry.css.map */