.media-viewer-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000e6;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.media-viewer-overlay .viewer-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.media-viewer-overlay .media-container{max-width:90vw;max-height:90vh;position:relative}.media-viewer-overlay .media-container img,.media-viewer-overlay .media-container video,.media-viewer-overlay .media-container iframe{object-fit:contain;border-radius:4px;max-width:100%;max-height:90vh;box-shadow:0 4px 12px #00000080}.media-viewer-overlay .media-container iframe{background:#fff;border:none;width:80vw;height:90vh}.media-viewer-overlay .media-container .audio-viewer-container{background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:20px;width:100%;min-width:320px;max-width:500px;padding:40px;display:flex;box-shadow:0 10px 40px #0006}.media-viewer-overlay .media-container .audio-viewer-container .audio-icon-large{color:var(--main-accent,#fd7e14);filter:drop-shadow(0 4px 8px #fd7e1433);font-size:80px}.media-viewer-overlay .close-btn{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.media-viewer-overlay .close-btn:hover{background:#fff3;transform:scale(1.1)}.media-viewer-overlay .nav-btn{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.media-viewer-overlay .nav-btn:hover{background:#fff3}.media-viewer-overlay .nav-btn.prev{left:20px}.media-viewer-overlay .nav-btn.next{right:20px}.media-viewer-overlay .nav-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.media-viewer-overlay .media-counter{color:#fff;background:#00000080;border-radius:12px;padding:4px 12px;font-size:.9rem;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}