.media-grid{display:grid;grid-gap:8px;gap:8px;cursor:pointer;padding:8px}.media-count-1{grid-template-columns:1fr;min-height:138px}.media-count-1 .media-item{width:136px;height:136px}.media-count-2{grid-template-columns:1fr 1fr;min-height:132px;min-width:132px}.media-count-2 .media-item{width:132px;height:132px}.media-count-3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:276px;width:276px}.media-count-3 .media-item{width:134px;height:132px}.media-count-3 .media-index-0{grid-row:1;grid-column:1}.media-count-3 .media-index-1{grid-row:1;grid-column:2}.media-count-3 .media-index-2{grid-row:2;grid-column:1}.media-count-4,.media-grid[class*=media-count-]:not(.media-count-1):not(.media-count-2):not(.media-count-3){grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;min-height:132px}.media-count-4 .media-item,.media-grid[class*=media-count-]:not(.media-count-1):not(.media-count-2):not(.media-count-3) .media-item{width:132px;height:132px}.media-item{position:relative}.media-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;border-radius:12px}