.media-grid-wrapper{--color-media-grid-text:255 255 255;--media-grid-height:300px;gap:calc(var(--space-column, 0px)/1);grid:auto-flow dense var(--media-grid-height) /repeat(1,minmax(0,1fr));align-items:start;display:grid}.media-grid-item{height:100%;grid-area:span min(2,var(--rowspan-media-grid)) /span min(2,var(--columnspan-media-grid));position:relative}.media-grid-item>*{height:100%}.media-grid-box{height:100%;overflow:hidden;padding:20px;position:relative;background-color:rgba(var(--color-media-background));display:flex}.round-enabled .media-grid-box{border-radius:var(--block-card-radius)}.media-grid-box .media-wrapper{position:absolute;top:0;left:0}.media-grid-box>:is(img,video,iframe,svg){height:100%;min-height:100%;position:absolute;max-height:100%;object-fit:cover;top:0;left:0;width:100%;-webkit-user-select:none;user-select:none}.media-grid-box img{transition:transform .2s ease-in-out}.media-grid-item:hover .media-grid-box img{transform:scale(1.1)}.media-grid-content{height:100%;position:relative;width:100%;z-index:1}.media-grid-content-inner{overflow-y:auto;color:rgb(var(--color-media-grid-text));position:absolute;max-height:100%;width:100%}.media-grid-content-inner>*{color:inherit}@media (min-width:768px){.media-grid-wrapper{--media-grid-height:422px;grid:auto-flow dense var(--media-grid-height) /repeat(4,minmax(0,1fr))}.media-grid-item{grid-area:span var(--rowspan-media-grid) /span var(--columnspan-media-grid)}.media-grid-content-inner{max-width:70%}}@media (max-width:767px){.media-grid-item{grid-area:span var(--rowspan-media-grid) /span 1}}