.mosaic-gallery-section{width:100%;max-width:100%;overflow:hidden}.mg-container{display:flex;gap:var(--gap-horizontal, 15px);max-width:1400px;margin:0 auto;padding:0 20px}.mg-large-item{flex:0 0 40%;min-width:0}.mg-small-grid{flex:1;display:grid;grid-template-columns:repeat(var(--small-grid-columns, 3),1fr);gap:var(--gap-vertical, 15px) var(--gap-horizontal, 15px);align-content:start}.mg-small-item{width:100%;min-width:0}.mg-image-wrapper{position:relative;width:100%;height:100%;overflow:hidden;background-color:#f5f5f5;border-radius:4px}.mg-image{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .4s ease-in-out,transform .4s ease-in-out}.mg-image-primary{position:relative;z-index:1}.mg-image-hover{position:absolute;top:0;left:0;opacity:0;z-index:2}.mg-image-wrapper.has-hover:hover .mg-image-primary,.mg-image-wrapper.has-hover.show-hover .mg-image-primary{opacity:0}.mg-image-wrapper.has-hover:hover .mg-image-hover,.mg-image-wrapper.has-hover.show-hover .mg-image-hover{opacity:1}.mg-image-wrapper.has-hover:hover .mg-image,.mg-image-wrapper.has-hover.show-hover .mg-image{transform:scale(1.05)}.mg-link{display:block;text-decoration:none;color:inherit;height:100%}.mg-item{height:100%}.mg-placeholder{width:100%;padding-bottom:100%;background-color:#f0f0f0;position:relative}.mg-placeholder svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;opacity:.3}@media screen and (max-width: 989px){.mg-container{flex-direction:column;gap:var(--gap-vertical, 15px)}.mg-large-item{flex:1;width:100%}.mg-small-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 749px){.mg-container{padding:0 15px}.mg-small-grid{grid-template-columns:repeat(2,1fr);gap:var(--gap-vertical, 10px) var(--gap-horizontal, 10px)}}@media screen and (max-width: 480px){.mg-small-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.mg-image{transition:none}.mg-image-wrapper.has-hover:hover .mg-image{transform:none}}.mg-large-item .mg-image-wrapper,.mg-small-item .mg-image-wrapper{aspect-ratio:1/1}@supports not (aspect-ratio: 1/1){.mg-large-item .mg-image-wrapper,.mg-small-item .mg-image-wrapper{padding-bottom:100%}.mg-large-item .mg-image-wrapper .mg-image,.mg-small-item .mg-image-wrapper .mg-image{position:absolute;top:0;left:0}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/mosaic-gallery.css.map */