.media-grid-wrapper{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:var(--space-column, 20px);--color-media-grid-text: 255 255 255}.media-grid-item{position:relative;flex:0 0 calc((100% - (var(--space-column, 20px) * 3)) / 4);max-width:calc((100% - (var(--space-column, 20px) * 3)) / 4);aspect-ratio:2 / 3}.media-grid-item>*{height:100%}.media-grid-box{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;padding:0;background-color:rgba(var(--color-media-background))}.round-enabled .media-grid-box{border-radius:var(--block-card-radius)}.media-grid-box .media-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.media-grid-box img,.media-grid-box video,.media-grid-box iframe,.media-grid-box svg{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.media-grid-box img{transition:transform .2s ease-in-out}.media-grid-item:hover .media-grid-box img{transform:scale(1.05)}.media-grid-content{position:relative;z-index:2;width:100%;height:100%}.media-grid-content-inner{color:rgb(var(--color-media-grid-text));position:absolute;max-height:100%;overflow-y:auto;width:100%}.media-grid-content-inner>*{color:inherit}@media(min-width:1025px){.media-grid-wrapper{flex-direction:row}.media-grid-item{flex:0 0 calc((100% - (var(--space-column, 20px) * 3)) / 4);max-width:calc((100% - (var(--space-column, 20px) * 3)) / 4)}}@media(min-width:768px)and (max-width:1024px){.media-grid-wrapper{flex-direction:row}.media-grid-item{flex:0 0 calc((100% - var(--space-column, 20px)) / 2);max-width:calc((100% - var(--space-column, 20px)) / 2)}.media-grid-content-inner{max-width:70%}}@media(max-width:767px){.media-grid-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-inline:24px;padding-bottom:12px;scrollbar-width:none}.media-grid-wrapper::-webkit-scrollbar{display:none}.media-grid-item{flex:0 0 65%;max-width:300px;aspect-ratio:2 / 3;scroll-snap-align:start}.media-grid-box{justify-content:center;align-items:center}.media-grid-box .media-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.media-grid-box img,.media-grid-box video{width:100%;height:100%;object-fit:cover;object-position:center}.media-grid-content-inner{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/media-grid.css.map */