.media-grid--grid{display:grid;grid-auto-flow:dense;grid-auto-rows:var(--grid-height-mobile);grid-template-columns:repeat(var(--grid-mobile-columns, 2),minmax(0,1fr));gap:var(--grid-gap, 1rem);width:100%;align-items:start}.media-grid--item{background:rgba(var(--background-color-media));border-radius:var(--rounded-block);overflow:hidden;width:100%;height:100%;position:relative;grid-area:span var(--grid-row-span) / span var(--grid-column-span)}.media-grid--inner{padding:1.3rem;max-height:100%;overflow-y:auto}.media-grid--img{position:absolute;top:0rem;left:0rem;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.media-grid--img:after{content:"";position:absolute;top:0rem;left:0rem;bottom:0rem;right:0rem;background-color:rgba(var(--background-color-overlay) / var(--overlay-color-opacity))}.media-grid--img :is(img,svg,video){width:100%;height:100%;object-fit:cover;pointer-events:none;transition:all .3s ease-in-out}.media-grid--img :is(img,.deferred-media){width:100%;height:100%;transition:all .3s ease-in-out}.media-grid--hover:hover .media-grid--img img,.media-grid--hover .media-grid--img .deferred-media{display:none;opacity:0;visibility:hidden}.media-grid--hover:hover .media-grid--img .deferred-media{display:block;opacity:1;visibility:visible;z-index:1}.media-grid--item:hover .media-grid--img :is(img,.placeholder-svg){transform:scale3d(1.1,1.1,1);transform-style:preserve-3d}.media-grid-content--wrapper{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;z-index:2;position:relative}.media-grid-content--wrapper :is(.media-grid--title,.description){color:rgba(var(--media-grid-text))}@media(max-width:767px){.media-grid-ratio-mobile .media-grid--grid{grid-auto-rows:auto}.media-grid-ratio-mobile .media-grid--item{height:auto;min-height:0;aspect-ratio:var(--grid-ratio-mobile)}.media-grid--item .media-grid--inner{width:100%;max-width:min(var(--content-mobile-width, 500px),100%);padding:var(--content-mobile-padding, 20px)}.media-grid--item .media-grid--title{font-size:var(--heading-mobile-size, 28px);line-height:1.15}.media-grid--item .description{font-size:var(--description-mobile-size, 16px);line-height:1.35}}@media(min-width:768px){.media-grid--grid{grid-auto-rows:var(--grid-height-desktop, 300px);grid-template-columns:repeat(4,minmax(0,1fr))}.media-grid--item{grid-area:span var(--grid-row-span) / span var(--grid-column-span)}.media-grid-ratio-desktop .media-grid--grid{grid-auto-rows:auto}.media-grid-ratio-desktop .media-grid--item{height:auto;min-height:0;aspect-ratio:var(--grid-ratio-desktop)}.media-grid--inner{padding:3rem 1.5rem 1.5rem 3rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/media-grid.css.map */