.media-viewer{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000e0;justify-content:center;align-items:center;padding:2rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.media-viewer__content{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;animation:.25s scaleIn;display:flex;position:relative}.media-viewer__media{object-fit:contain;border-radius:var(--radius-md);max-width:85vw;max-height:85vh;box-shadow:0 8px 40px #0006}.media-viewer__media[poster]{max-width:800px}.media-viewer__close{width:36px;height:36px;color:var(--color-white);cursor:pointer;transition:background var(--transition-fast);background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:-40px;right:-40px}@media (width<=767px){.media-viewer{background:#000000f2;padding:0}.media-viewer__content{max-width:100vw;max-height:100vh}.media-viewer__media{border-radius:0;max-width:100vw;max-height:100vh}.media-viewer__close{background:#00000080;top:12px;right:12px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}body:has(.media-viewer){overflow:hidden}