enoviq-react-document-viewer/dist/index.css

Custom React & Next.js compatible document viewer package

:root{--react-doc-viewer-color-primary:#0070f3;--react-doc-viewer-color-primary-hover:#0059c1;--react-doc-viewer-color-white:#fff;--react-doc-viewer-color-black:#000;--react-doc-viewer-color-text:#111827;--react-doc-viewer-color-text-muted:#6b7280;--react-doc-viewer-color-text-light:#9ca3af;--react-doc-viewer-color-text-dark:#333;--react-doc-viewer-color-text-error:#dc2626;--react-doc-viewer-color-text-error-muted:#7f1d1d;--react-doc-viewer-color-bg:#fff;--react-doc-viewer-color-bg-muted:#f9fafb;--react-doc-viewer-color-bg-overlay:rgba(0,0,0,.5);--react-doc-viewer-color-bg-overlay-strong:rgba(0,0,0,.8);--react-doc-viewer-color-bg-card:#fafafa;--react-doc-viewer-color-bg-error:#fef2f2;--react-doc-viewer-color-border:#e5e7eb;--react-doc-viewer-color-border-light:#e0e0e0;--react-doc-viewer-color-border-error:#fecaca;--react-doc-viewer-color-download-bg:#f9fafb;--react-doc-viewer-color-download-border:#d1d5db;--react-doc-viewer-color-spinner-track:#f3f4f6;--react-doc-viewer-color-spinner-active:#3b82f6;--react-doc-viewer-shadow-soft:0 2px 6px rgba(0,0,0,.08);--react-doc-viewer-shadow-medium:0 4px 12px rgba(0,0,0,.1);--react-doc-viewer-shadow-strong:0 25px 50px rgba(0,0,0,.3)}@media (prefers-color-scheme:light){:root{--react-doc-viewer-color-bg:#1f2937;--react-doc-viewer-color-bg-muted:#111827;--react-doc-viewer-color-bg-card:#111827;--react-doc-viewer-color-bg-error:#1f2937;--react-doc-viewer-color-text:#f9fafb;--react-doc-viewer-color-text-muted:#9ca3af;--react-doc-viewer-color-text-light:#6b7280;--react-doc-viewer-color-text-dark:#f9fafb;--react-doc-viewer-color-text-error:#dc2626;--react-doc-viewer-color-text-error-muted:#fca5a5;--react-doc-viewer-color-border:#374151;--react-doc-viewer-color-border-light:#374151;--react-doc-viewer-color-border-error:#dc2626;--react-doc-viewer-color-download-bg:#111827;--react-doc-viewer-color-download-border:#374151}}.EnoviqPackage-fileIcon{height:80px;width:80px}.EnoviqPackage-fileName{color:var(--react-doc-viewer-color-text-light);font-size:12px;text-decoration:none}.EnoviqPackage-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:var(--react-doc-viewer-color-bg-overlay-strong);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.EnoviqPackage-modal{animation:slideUp .3s ease-out;background:var(--react-doc-viewer-color-bg);border-radius:12px;box-shadow:var(--react-doc-viewer-shadow-strong);display:flex;flex-direction:column;overflow:hidden;width:90vw}.EnoviqPackage-modal.EnoviqPackage-modal_wide .EnoviqPackage-modal_dialog{max-width:75%;width:75%}.EnoviqPackage-modal_dialog{background:var(--react-doc-viewer-color-bg);border:none;border-radius:20px!important;box-shadow:var(--react-doc-viewer-shadow-medium);display:flex;flex-direction:column;margin-top:0;min-height:8rem;outline:0;overflow:hidden;padding:12px;pointer-events:auto;width:800px}.EnoviqPackage-modal_content,.EnoviqPackage-modal_dialog{position:relative}.EnoviqPackage-modalHeader,.EnoviqPackage-modal_header{align-items:center;background:var(--react-doc-viewer-color-bg-muted);border-bottom:1px solid var(--react-doc-viewer-color-border);display:flex;justify-content:space-between;min-height:70px;padding:12px 24px}.EnoviqPackage-modal_header h4{margin:0}.EnoviqPackage-fileInfo{display:flex;flex:1;flex-direction:column;gap:4px}.EnoviqPackage-fileInfo h3{color:var(--react-doc-viewer-color-text);font-size:18px;font-weight:600;margin:0;word-break:break-word}.EnoviqPackage-fileType{background:var(--react-doc-viewer-color-border);border-radius:4px;font-size:12px;padding:2px 8px;width:-moz-fit-content;width:fit-content}.EnoviqPackage-close,.EnoviqPackage-closeBtn,.EnoviqPackage-fileType{color:var(--react-doc-viewer-color-text-muted)}.EnoviqPackage-close,.EnoviqPackage-closeBtn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:8px;transition:all .2s ease}.EnoviqPackage-close:hover,.EnoviqPackage-closeBtn:hover{background:var(--react-doc-viewer-color-bg-muted);color:var(--react-doc-viewer-color-text)}.EnoviqPackage-modalBody,.EnoviqPackage-modal_body{align-items:center;background:var(--react-doc-viewer-color-bg);display:flex;flex:1;justify-content:center;overflow-y:auto;padding:20px;position:relative}.EnoviqPackage-lab_text{font-size:.8rem;margin-bottom:10px;text-align:justify}.EnoviqPackage-pdfViewer{background:var(--react-doc-viewer-color-white);border:1px solid var(--react-doc-viewer-color-white);width:100%}.EnoviqPackage-pdfContainer{border:1px solid var(--react-doc-viewer-color-border);border-radius:8px;height:100%;overflow:hidden;position:relative;width:100%}.EnoviqPackage-pdfEmbed{border:none;border-radius:8px;height:100%;width:100%}.EnoviqPackage-pdfFallback{background:var(--react-doc-viewer-color-white);border-radius:8px;box-shadow:var(--react-doc-viewer-shadow-medium);display:none;left:50%;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.EnoviqPackage-pdfContainer:has(.EnoviqPackage-pdfEmbed:invalid) .EnoviqPackage-pdfFallback{display:block}.EnoviqPackage-imagePreview{background:var(--react-doc-viewer-color-bg-muted);border-radius:8px;box-shadow:var(--react-doc-viewer-shadow-medium);max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.EnoviqPackage-downloadOnly{align-items:center;background:var(--react-doc-viewer-color-download-bg);border:2px dashed var(--react-doc-viewer-color-download-border);border-radius:12px;display:flex;flex-direction:column;gap:16px;max-width:400px;padding:40px;text-align:center}.EnoviqPackage-downloadIcon{font-size:48px;opacity:.7}.EnoviqPackage-downloadOnly h4{color:var(--react-doc-viewer-color-text);font-size:18px;font-weight:600;margin:0}.EnoviqPackage-downloadOnly p{color:var(--react-doc-viewer-color-text-muted);font-size:14px;margin:0}.EnoviqPackage-downloadButton{align-items:center;background:var(--react-doc-viewer-color-primary);border:none;border-radius:8px;color:var(--react-doc-viewer-color-white);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.EnoviqPackage-downloadButton:hover{background:var(--react-doc-viewer-color-primary-hover);box-shadow:0 4px 12px rgba(59,130,246,.3);transform:translateY(-1px)}.EnoviqPackage-downloadButton:active{transform:translateY(0)}.EnoviqPackage-loading{align-items:center;color:var(--react-doc-viewer-color-text-muted);display:flex;flex-direction:column;gap:16px}.EnoviqPackage-spinner{animation:spin 1s linear infinite;border-radius:50%;border-top:4px solid var(--react-doc-viewer-color-spinner-track);border:4px solid var(--react-doc-viewer-color-spinner-track);border-top-color:var(--react-doc-viewer-color-spinner-active);height:40px;width:40px}.EnoviqPackage-loading p{font-size:14px;margin:0}.EnoviqPackage-error{align-items:center;background:var(--react-doc-viewer-color-bg-error);border:1px solid var(--react-doc-viewer-color-border-error);border-radius:12px;color:var(--react-doc-viewer-color-text-error);display:flex;flex-direction:column;gap:12px;max-width:400px;padding:32px;text-align:center}.EnoviqPackage-errorIcon{font-size:48px}.EnoviqPackage-error h4{color:var(--react-doc-viewer-color-text-error);font-size:18px;font-weight:600;margin:0}.EnoviqPackage-error p{color:var(--react-doc-viewer-color-text-error-muted);font-size:14px;margin:0}.EnoviqPackage-noFile{align-items:center;color:var(--react-doc-viewer-color-text-light);display:flex;font-size:16px;justify-content:center}.EnoviqPackage-noFile p{margin:0}.EnoviqPackage-unsupported{align-items:center;background:var(--react-doc-viewer-color-bg-card);border:1px solid var(--react-doc-viewer-color-border-light);border-radius:12px;box-shadow:var(--react-doc-viewer-shadow-soft);display:flex;flex-direction:column;justify-content:center;margin:1rem auto;max-width:500px;padding:1.5rem;text-align:center}.EnoviqPackage-unsupportedIcon{font-size:3rem;margin-bottom:.75rem}.EnoviqPackage-unsupported h4{color:var(--react-doc-viewer-color-text-dark);font-size:1.25rem;margin:.25rem 0}.EnoviqPackage-unsupported p{color:var(--react-doc-viewer-color-text-light);font-size:.95rem;margin:.25rem 0;word-break:break-word}.EnoviqPackage-downloadLink{background:var(--react-doc-viewer-color-primary);border-radius:8px;color:var(--react-doc-viewer-color-white);display:inline-block;font-size:.95rem;font-weight:500;margin-top:1rem;padding:.6rem 1.2rem;text-decoration:none;transition:background .2s ease-in-out}.EnoviqPackage-downloadLink:hover{background:var(--react-doc-viewer-color-primary-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.EnoviqPackage-modal{height:95vh;margin:0;width:95vw}.EnoviqPackage-modalHeader{padding:16px 20px}.EnoviqPackage-modalBody{padding:16px}.EnoviqPackage-fileInfo h3{font-size:16px}.EnoviqPackage-downloadOnly{max-width:none;padding:32px 20px;width:100%}.EnoviqPackage-downloadIcon{font-size:40px}.EnoviqPackage-downloadOnly h4{font-size:16px}.EnoviqPackage-downloadButton{justify-content:center;padding:14px 24px;width:100%}}@media (max-width:480px){.EnoviqPackage-modal{border-radius:0;height:100vh;width:100vw}.EnoviqPackage-modalHeader{padding:12px 16px}.EnoviqPackage-modalBody{padding:12px}.EnoviqPackage-fileInfo h3{font-size:14px}.EnoviqPackage-fileType{font-size:11px;padding:1px 6px}.EnoviqPackage-closeBtn{font-size:20px;height:36px;width:36px}}@media (max-width:600px){.EnoviqPackage-unsupported{margin:.5rem;max-width:100%;padding:1rem}.EnoviqPackage-unsupportedIcon{font-size:2.5rem}.EnoviqPackage-unsupported h4{font-size:1.1rem}.EnoviqPackage-unsupported p{font-size:.9rem}.EnoviqPackage-downloadLink{font-size:1rem;padding:.7rem;text-align:center;width:100%}}.EnoviqPackage-textPreview{height:100%;overflow:auto}
/*# sourceMappingURL=index.css.map */