.mediaViewerOverlay[data-v-89d82f1e]{align-items:center;background:#000;display:flex;justify-content:center;inset:0;position:fixed;transition:all .3s ease;z-index:9999}.mediaViewerContainer[data-v-89d82f1e]{display:flex;flex-direction:row;height:100%;position:relative;width:100%}.mediaViewerMainContent[data-v-89d82f1e]{box-sizing:border-box;flex:1;padding:20px}.mediaViewerContent[data-v-89d82f1e],.mediaViewerMainContent[data-v-89d82f1e]{align-items:center;display:flex;justify-content:center}.mediaViewerContent[data-v-89d82f1e]{height:100%;position:relative;width:100%}.mediaViewerImage[data-v-89d82f1e],.mediaViewerVideo[data-v-89d82f1e]{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.mediaViewerLoading[data-v-89d82f1e]{left:50%;min-width:200px;position:absolute;top:50%;transform:translate(-50%,-50%)}.mediaViewerError[data-v-89d82f1e],.mediaViewerLoading[data-v-89d82f1e]{align-items:center;display:flex;justify-content:center;min-height:200px}.mediaViewerError[data-v-89d82f1e]{color:#fff;flex-direction:column;min-width:300px;padding:40px;text-align:center}.mediaViewerError p[data-v-89d82f1e]{font-size:18px;margin-bottom:20px;opacity:.8}.retryButton[data-v-89d82f1e]{background:#0085ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.retryButton[data-v-89d82f1e]:hover{background:color-mix(in srgb,#0085ff 80%,#000)}.mediaViewerSidebar[data-v-89d82f1e]{background:#000;box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:30%}.sidebarHeader[data-v-89d82f1e]{display:flex;justify-content:flex-end;padding:20px}.mediaViewerCloseButton[data-v-89d82f1e]{align-items:center;background:color-mix(in srgb,#fff 10%,transparent);border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.mediaViewerCloseButton[data-v-89d82f1e]:hover{background:color-mix(in srgb,#fff 20%,transparent);transform:scale(1.1)}.mediaViewerCloseButtonFloating[data-v-89d82f1e]{align-items:center;background:color-mix(in srgb,#fff 10%,transparent);border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:40px;z-index:10001}.mediaViewerCloseButtonFloating[data-v-89d82f1e]:hover{background:color-mix(in srgb,#fff 20%,transparent);transform:scale(1.1)}.mediaViewerCloseButtonFloating .closeIconText[data-v-89d82f1e]{color:#fff}.closeIconText[data-v-89d82f1e]{color:#fff;font-size:24px;font-weight:300;line-height:1}.authorInfo[data-v-89d82f1e]{flex-direction:row;gap:12px;padding:0 20px 20px}.authorAvatar[data-v-89d82f1e],.authorInfo[data-v-89d82f1e]{align-items:center;display:flex}.authorAvatar[data-v-89d82f1e]{background-color:#545454;border-radius:50%;color:#fff;flex-shrink:0;font-weight:600;height:40px;justify-content:center;width:40px}.authorDetails[data-v-89d82f1e]{flex:1;min-width:0}.authorName[data-v-89d82f1e]{color:#fff;font-size:16px;font-weight:500;margin-bottom:2px}.publishedDate[data-v-89d82f1e]{color:#bcbec0;font-size:12px}.mediaInfo[data-v-89d82f1e]{flex:1;padding:0 20px}.mediaTitle[data-v-89d82f1e]{color:#fff;font-size:18px;font-weight:600;margin:0 0 12px}.mediaDescription[data-v-89d82f1e]{color:#bcbec0;font-size:14px;line-height:1.5;margin:0}@media(max-width:768px){.mediaViewerContainer[data-v-89d82f1e]{flex-direction:column}.mediaViewerMainContent[data-v-89d82f1e]{flex:1;padding:10px}.mediaViewerSidebar[data-v-89d82f1e]{border-top:1px solid #545454;height:auto;max-height:40%;width:100%}.sidebarHeader[data-v-89d82f1e]{padding:15px}.mediaViewerCloseButton[data-v-89d82f1e]{height:32px;width:32px}.closeIconText[data-v-89d82f1e]{font-size:20px}.authorInfo[data-v-89d82f1e],.mediaInfo[data-v-89d82f1e]{padding:0 15px 15px}.mediaTitle[data-v-89d82f1e]{font-size:16px}.mediaDescription[data-v-89d82f1e]{font-size:13px}}.mediaViewerOverlay[data-v-89d82f1e]{animation:fadeIn-89d82f1e .2s ease-out}.mediaViewerContainer[data-v-89d82f1e]{animation:slideIn-89d82f1e .3s ease-out}@keyframes fadeIn-89d82f1e{0%{opacity:0}to{opacity:1}}@keyframes slideIn-89d82f1e{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
