.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.media-button,.video-button{display:block!important;width:100%;text-align:left!important}.media-image{display:block;width:100%;height:180px;object-fit:cover}.video-placeholder{height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#e8e6e0;color:#5b5148}.video-player{display:block;width:100%;max-height:78vh;background:#111}.photo-fullscreen{position:relative;width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center;background:#111}.fullscreen-image{max-width:100%;max-height:100%;object-fit:contain}.fullscreen-actions{position:absolute;right:16px;top:16px;z-index:2;color:#fff;background:#0009;border-radius:999px}.fullscreen-actions .MuiIconButton-root{color:#fff}.fullscreen-caption{position:absolute;bottom:0;left:0;right:0;padding:20px 16px 16px;text-align:center;color:#fff;background:linear-gradient(transparent,#0009)}@media(max-width:520px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-image,.video-placeholder{height:130px}}.video-fullscreen{position:relative;width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center;background:#111;color:#fff}.video-fullscreen-top{position:absolute;z-index:1;top:0;left:0;right:0;padding:12px 16px;background:linear-gradient(#000b,transparent);color:#fff}.video-fullscreen-top .MuiTypography-caption{color:#ddd}.video-player{display:block;width:100%;height:100%;max-height:100dvh;object-fit:contain;background:#111}@media(max-width:520px){.video-fullscreen-top{padding:8px}.video-fullscreen-top .MuiTypography-h6{font-size:1rem}.fullscreen-actions{right:8px;top:8px}.video-fullscreen-top{padding-right:104px}}.video-fullscreen-top{padding-right:120px}