.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(4.8rem,1fr));grid-gap:8px;gap:8px;cursor:pointer;padding:8px}.media-grid.media-grid--single{grid-template-columns:1fr;max-width:100%}.media-grid.media-grid--single .media-item{min-height:136px;width:132px}.media-item{position:relative;width:100%;aspect-ratio:1;min-height:96px}.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}