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

Custom React & Next.js compatible document viewer package

{"version":3,"sources":["ViewDocument.css"],"names":[],"mappings":"AACA,MAEE,wCAAyC,CACzC,8CAA+C,CAG/C,mCAAuC,CACvC,mCAAuC,CAGvC,qCAAsC,CACtC,2CAA4C,CAC5C,2CAA4C,CAC5C,uCAAwC,CACxC,2CAA4C,CAC5C,iDAAkD,CAGlD,gCAAoC,CACpC,yCAA0C,CAC1C,kDAAuD,CACvD,yDAA8D,CAC9D,wCAAyC,CACzC,yCAA0C,CAG1C,uCAAwC,CACxC,6CAA8C,CAC9C,6CAA8C,CAG9C,4CAA6C,CAC7C,gDAAiD,CAGjD,8CAA+C,CAC/C,+CAAgD,CAGhD,wDAA6D,CAC7D,0DAA+D,CAC/D,2DACF,CAGA,oCACE,MACE,mCAAoC,CACpC,yCAA0C,CAC1C,wCAAyC,CACzC,yCAA0C,CAE1C,qCAAsC,CACtC,2CAA4C,CAC5C,2CAA4C,CAC5C,0CAA2C,CAC3C,2CAA4C,CAC5C,iDAAkD,CAElD,uCAAwC,CACxC,6CAA8C,CAC9C,6CAA8C,CAE9C,4CAA6C,CAC7C,gDACF,CACF,CACA,wBACE,WAAY,CACZ,UACF,CACA,wBACE,8CAA+C,CAC/C,cAAe,CACf,oBACF,CACA,uBACE,kBAAmB,CAUnB,6BAA+B,CAT/B,gEAAiE,CACjE,YAAa,CACb,YAAa,CACb,sBAAuB,CACvB,MAAO,CACP,cAAe,CACf,KAAM,CACN,WAAY,CACZ,YAEF,CACA,qBAOE,8BAAgC,CANhC,2CAA4C,CAC5C,kBAAmB,CAInB,gDAAiD,CAFjD,YAAa,CACb,qBAAsB,CAGtB,eAAgB,CAChB,UACF,CACA,0EACE,aAAc,CACd,SACF,CACA,4BACE,2CAA4C,CAC5C,WAAY,CACZ,4BAA8B,CAC9B,gDAAiD,CACjD,YAAa,CACb,qBAAsB,CACtB,YAAa,CACb,eAAgB,CAChB,SAAU,CACV,eAAgB,CAChB,YAAa,CACb,mBAAoB,CACpB,WACF,CACA,yDAEE,iBACF,CACA,uDAEE,kBAAmB,CACnB,iDAAkD,CAClD,4DAA6D,CAC7D,YAAa,CACb,6BAA8B,CAC9B,eAAgB,CAChB,iBACF,CACA,+BACE,QACF,CACA,wBACE,YAAa,CACb,MAAO,CACP,qBAAsB,CACtB,OACF,CACA,2BACE,wCAAyC,CACzC,cAAe,CACf,eAAgB,CAChB,QAAS,CACT,qBACF,CACA,wBACE,+CAAgD,CAChD,iBAAkB,CAClB,cAAe,CACf,eAAgB,CAChB,sBAAuB,CACvB,iBACF,CACA,qEAGE,8CACF,CACA,6CAEE,kBAAmB,CACnB,eAAgB,CAChB,WAAY,CACZ,iBAAkB,CAClB,cAAe,CACf,YAAa,CACb,cAAe,CACf,sBAAuB,CACvB,WAAY,CACZ,uBACF,CACA,yDAEE,iDAAkD,CAClD,wCACF,CACA,mDAEE,kBAAmB,CACnB,2CAA4C,CAC5C,YAAa,CACb,MAAO,CACP,sBAAuB,CACvB,eAAgB,CAChB,YAAa,CACb,iBACF,CACA,wBACE,eAAiB,CACjB,kBAAmB,CACnB,kBACF,CACA,yBACE,8CAA+C,CAC/C,oDAAqD,CACrD,UACF,CACA,4BACE,qDAAsD,CACtD,iBAAkB,CAClB,WAAY,CACZ,eAAgB,CAChB,iBAAkB,CAClB,UACF,CACA,wBACE,WAAY,CACZ,iBAAkB,CAClB,WAAY,CACZ,UACF,CACA,2BACE,8CAA+C,CAC/C,iBAAkB,CAClB,gDAAiD,CACjD,YAAa,CACb,QAAS,CACT,YAAa,CACb,iBAAkB,CAClB,iBAAkB,CAClB,OAAQ,CACR,8BACF,CACA,4FAEE,aACF,CACA,4BACE,iDAAkD,CAClD,iBAAkB,CAClB,gDAAiD,CACjD,eAAgB,CAChB,cAAe,CACf,qBAAsB,CACtB,kBACF,CACA,4BACE,kBAAmB,CACnB,oDAAqD,CACrD,+DAAgE,CAChE,kBAAmB,CACnB,YAAa,CACb,qBAAsB,CACtB,QAAS,CACT,eAAgB,CAChB,YAAa,CACb,iBACF,CACA,4BACE,cAAe,CACf,UACF,CACA,+BACE,wCAAyC,CACzC,cAAe,CACf,eAAgB,CAChB,QACF,CACA,8BACE,8CAA+C,CAC/C,cAAe,CACf,QACF,CACA,8BACE,kBAAmB,CACnB,gDAAiD,CACjD,WAAY,CACZ,iBAAkB,CAClB,yCAA0C,CAC1C,cAAe,CACf,YAAa,CACb,cAAe,CACf,eAAgB,CAChB,OAAQ,CACR,iBAAkB,CAClB,uBACF,CACA,oCACE,sDAAuD,CACvD,yCAA8C,CAC9C,0BACF,CACA,qCACE,uBACF,CACA,uBACE,kBAAmB,CACnB,8CAA+C,CAC/C,YAAa,CACb,qBAAsB,CACtB,QACF,CACA,uBAGE,iCAAkC,CAClC,iBAAkB,CAFlB,gEAA6D,CAG7D,4DAA8D,CAA9D,6DAA8D,CAC9D,WAAY,CACZ,UACF,CACA,yBACE,cAAe,CACf,QACF,CACA,qBACE,kBAAmB,CACnB,iDAAkD,CAClD,2DAA4D,CAC5D,kBAAmB,CACnB,8CAA+C,CAC/C,YAAa,CACb,qBAAsB,CACtB,QAAS,CACT,eAAgB,CAChB,YAAa,CACb,iBACF,CACA,yBACE,cACF,CACA,wBACE,8CAA+C,CAC/C,cAAe,CACf,eAAgB,CAChB,QACF,CACA,uBACE,oDAAqD,CACrD,cAAe,CACf,QACF,CACA,sBACE,kBAAmB,CACnB,8CAA+C,CAC/C,YAAa,CACb,cAAe,CACf,sBACF,CACA,wBACE,QACF,CACA,2BACE,kBAAmB,CACnB,gDAAiD,CACjD,2DAA4D,CAC5D,kBAAmB,CACnB,8CAA+C,CAC/C,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,gBAAiB,CACjB,eAAgB,CAChB,cAAe,CACf,iBACF,CACA,+BACE,cAAe,CACf,oBACF,CACA,8BACE,6CAA8C,CAC9C,iBAAkB,CAClB,eACF,CACA,6BACE,8CAA+C,CAC/C,gBAAkB,CAClB,eAAiB,CACjB,qBACF,CACA,4BACE,gDAAiD,CACjD,iBAAkB,CAClB,yCAA0C,CAC1C,oBAAqB,CACrB,gBAAkB,CAClB,eAAgB,CAChB,eAAgB,CAChB,oBAAsB,CACtB,oBAAqB,CACrB,qCACF,CACA,kCACE,sDACF,CAGA,kBACE,GACE,SACF,CACA,GACE,SACF,CACF,CACA,mBACE,GACE,SAAU,CACV,0BACF,CACA,GACE,SAAU,CACV,uBACF,CACF,CACA,gBACE,GACE,sBACF,CACA,GACE,uBACF,CACF,CAGA,yBACE,qBACE,WAAY,CACZ,QAAS,CACT,UACF,CACA,2BACE,iBACF,CACA,yBACE,YACF,CACA,2BACE,cACF,CACA,4BACE,cAAe,CACf,iBAAkB,CAClB,UACF,CACA,4BACE,cACF,CACA,+BACE,cACF,CACA,8BACE,sBAAuB,CACvB,iBAAkB,CAClB,UACF,CACF,CACA,yBACE,qBACE,eAAgB,CAChB,YAAa,CACb,WACF,CACA,2BACE,iBACF,CACA,yBACE,YACF,CACA,2BACE,cACF,CACA,wBACE,cAAe,CACf,eACF,CACA,wBACE,cAAe,CACf,WAAY,CACZ,UACF,CACF,CACA,yBACE,2BACE,YAAc,CACd,cAAe,CACf,YACF,CACA,+BACE,gBACF,CACA,8BACE,gBACF,CACA,6BACE,eACF,CACA,4BACE,cAAe,CACf,aAAe,CACf,iBAAkB,CAClB,UACF,CACF,CACA,2BACE,WAAY,CACZ,aACF","file":"index.css","sourcesContent":["/* ================= CSS Variables ================= */\r\n:root {\r\n  /* Primary Brand */\r\n  --react-doc-viewer-color-primary: #0070f3;\r\n  --react-doc-viewer-color-primary-hover: #0059c1;\r\n\r\n  /* Base Colors */\r\n  --react-doc-viewer-color-white: #ffffff;\r\n  --react-doc-viewer-color-black: #000000;\r\n\r\n  /* Text Colors */\r\n  --react-doc-viewer-color-text: #111827;\r\n  --react-doc-viewer-color-text-muted: #6b7280;\r\n  --react-doc-viewer-color-text-light: #9ca3af;\r\n  --react-doc-viewer-color-text-dark: #333;\r\n  --react-doc-viewer-color-text-error: #dc2626;\r\n  --react-doc-viewer-color-text-error-muted: #7f1d1d;\r\n\r\n  /* Backgrounds */\r\n  --react-doc-viewer-color-bg: #ffffff;\r\n  --react-doc-viewer-color-bg-muted: #f9fafb;\r\n  --react-doc-viewer-color-bg-overlay: rgba(0, 0, 0, 0.5);\r\n  --react-doc-viewer-color-bg-overlay-strong: rgba(0, 0, 0, 0.8);\r\n  --react-doc-viewer-color-bg-card: #fafafa;\r\n  --react-doc-viewer-color-bg-error: #fef2f2;\r\n\r\n  /* Borders */\r\n  --react-doc-viewer-color-border: #e5e7eb;\r\n  --react-doc-viewer-color-border-light: #e0e0e0;\r\n  --react-doc-viewer-color-border-error: #fecaca;\r\n\r\n  /* Download Section */\r\n  --react-doc-viewer-color-download-bg: #f9fafb;\r\n  --react-doc-viewer-color-download-border: #d1d5db;\r\n\r\n  /* States */\r\n  --react-doc-viewer-color-spinner-track: #f3f4f6;\r\n  --react-doc-viewer-color-spinner-active: #3b82f6;\r\n\r\n  /* Shadows */\r\n  --react-doc-viewer-shadow-soft: 0 2px 6px rgba(0, 0, 0, 0.08);\r\n  --react-doc-viewer-shadow-medium: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n  --react-doc-viewer-shadow-strong: 0 25px 50px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n/* ================= Dark Mode ================= */\r\n@media (prefers-color-scheme: light) {\r\n  :root {\r\n    --react-doc-viewer-color-bg: #1f2937;\r\n    --react-doc-viewer-color-bg-muted: #111827;\r\n    --react-doc-viewer-color-bg-card: #111827;\r\n    --react-doc-viewer-color-bg-error: #1f2937;\r\n\r\n    --react-doc-viewer-color-text: #f9fafb;\r\n    --react-doc-viewer-color-text-muted: #9ca3af;\r\n    --react-doc-viewer-color-text-light: #6b7280;\r\n    --react-doc-viewer-color-text-dark: #f9fafb;\r\n    --react-doc-viewer-color-text-error: #dc2626;\r\n    --react-doc-viewer-color-text-error-muted: #fca5a5;\r\n\r\n    --react-doc-viewer-color-border: #374151;\r\n    --react-doc-viewer-color-border-light: #374151;\r\n    --react-doc-viewer-color-border-error: #dc2626;\r\n\r\n    --react-doc-viewer-color-download-bg: #111827;\r\n    --react-doc-viewer-color-download-border: #374151;\r\n  }\r\n}\r\n.EnoviqPackage-fileIcon {\r\n  height: 80px;\r\n  width: 80px;\r\n}\r\n.EnoviqPackage-fileName {\r\n  color: var(--react-doc-viewer-color-text-light);\r\n  font-size: 12px;\r\n  text-decoration: none;\r\n}\r\n.EnoviqPackage-overlay {\r\n  align-items: center;\r\n  background-color: var(--react-doc-viewer-color-bg-overlay-strong);\r\n  display: flex;\r\n  height: 100vh;\r\n  justify-content: center;\r\n  left: 0;\r\n  position: fixed;\r\n  top: 0;\r\n  width: 100vw;\r\n  z-index: 9999;\r\n  animation: fadeIn 0.2s ease-out;\r\n}\r\n.EnoviqPackage-modal {\r\n  background: var(--react-doc-viewer-color-bg);\r\n  border-radius: 12px;\r\n  box-shadow: var(--react-doc-viewer-shadow-strong);\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-shadow: var(--react-doc-viewer-shadow-strong);\r\n  animation: slideUp 0.3s ease-out;\r\n  overflow: hidden;\r\n  width: 90vw;\r\n}\r\n.EnoviqPackage-modal.EnoviqPackage-modal_wide .EnoviqPackage-modal_dialog {\r\n  max-width: 75%;\r\n  width: 75%;\r\n}\r\n.EnoviqPackage-modal_dialog {\r\n  background: var(--react-doc-viewer-color-bg);\r\n  border: none;\r\n  border-radius: 20px !important;\r\n  box-shadow: var(--react-doc-viewer-shadow-medium);\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-top: 0;\r\n  min-height: 8rem;\r\n  outline: 0;\r\n  overflow: hidden;\r\n  padding: 12px;\r\n  pointer-events: auto;\r\n  width: 800px;\r\n}\r\n.EnoviqPackage-modal_content,\r\n.EnoviqPackage-modal_dialog {\r\n  position: relative;\r\n}\r\n.EnoviqPackage-modalHeader,\r\n.EnoviqPackage-modal_header {\r\n  align-items: center;\r\n  background: var(--react-doc-viewer-color-bg-muted);\r\n  border-bottom: 1px solid var(--react-doc-viewer-color-border);\r\n  display: flex;\r\n  justify-content: space-between;\r\n  min-height: 70px;\r\n  padding: 12px 24px;\r\n}\r\n.EnoviqPackage-modal_header h4 {\r\n  margin: 0;\r\n}\r\n.EnoviqPackage-fileInfo {\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n.EnoviqPackage-fileInfo h3 {\r\n  color: var(--react-doc-viewer-color-text);\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  margin: 0;\r\n  word-break: break-word;\r\n}\r\n.EnoviqPackage-fileType {\r\n  background: var(--react-doc-viewer-color-border);\r\n  border-radius: 4px;\r\n  font-size: 12px;\r\n  padding: 2px 8px;\r\n  width: -moz-fit-content;\r\n  width: fit-content;\r\n}\r\n.EnoviqPackage-close,\r\n.EnoviqPackage-closeBtn,\r\n.EnoviqPackage-fileType {\r\n  color: var(--react-doc-viewer-color-text-muted);\r\n}\r\n.EnoviqPackage-close,\r\n.EnoviqPackage-closeBtn {\r\n  align-items: center;\r\n  background: none;\r\n  border: none;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  font-size: 24px;\r\n  justify-content: center;\r\n  padding: 8px;\r\n  transition: all 0.2s ease;\r\n}\r\n.EnoviqPackage-close:hover,\r\n.EnoviqPackage-closeBtn:hover {\r\n  background: var(--react-doc-viewer-color-bg-muted);\r\n  color: var(--react-doc-viewer-color-text);\r\n}\r\n.EnoviqPackage-modalBody,\r\n.EnoviqPackage-modal_body {\r\n  align-items: center;\r\n  background: var(--react-doc-viewer-color-bg);\r\n  display: flex;\r\n  flex: 1;\r\n  justify-content: center;\r\n  overflow-y: auto;\r\n  padding: 20px;\r\n  position: relative;\r\n}\r\n.EnoviqPackage-lab_text {\r\n  font-size: 0.8rem;\r\n  margin-bottom: 10px;\r\n  text-align: justify;\r\n}\r\n.EnoviqPackage-pdfViewer {\r\n  background: var(--react-doc-viewer-color-white);\r\n  border: 1px solid var(--react-doc-viewer-color-white);\r\n  width: 100%;\r\n}\r\n.EnoviqPackage-pdfContainer {\r\n  border: 1px solid var(--react-doc-viewer-color-border);\r\n  border-radius: 8px;\r\n  height: 100%;\r\n  overflow: hidden;\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n.EnoviqPackage-pdfEmbed {\r\n  border: none;\r\n  border-radius: 8px;\r\n  height: 100%;\r\n  width: 100%;\r\n}\r\n.EnoviqPackage-pdfFallback {\r\n  background: var(--react-doc-viewer-color-white);\r\n  border-radius: 8px;\r\n  box-shadow: var(--react-doc-viewer-shadow-medium);\r\n  display: none;\r\n  left: 50%;\r\n  padding: 20px;\r\n  position: absolute;\r\n  text-align: center;\r\n  top: 50%;\r\n  transform: translate(-50%, -50%);\r\n}\r\n.EnoviqPackage-pdfContainer:has(.EnoviqPackage-pdfEmbed:invalid)\r\n  .EnoviqPackage-pdfFallback {\r\n  display: block;\r\n}\r\n.EnoviqPackage-imagePreview {\r\n  background: var(--react-doc-viewer-color-bg-muted);\r\n  border-radius: 8px;\r\n  box-shadow: var(--react-doc-viewer-shadow-medium);\r\n  max-height: 100%;\r\n  max-width: 100%;\r\n  -o-object-fit: contain;\r\n  object-fit: contain;\r\n}\r\n.EnoviqPackage-downloadOnly {\r\n  align-items: center;\r\n  background: var(--react-doc-viewer-color-download-bg);\r\n  border: 2px dashed var(--react-doc-viewer-color-download-border);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n  max-width: 400px;\r\n  padding: 40px;\r\n  text-align: center;\r\n}\r\n.EnoviqPackage-downloadIcon {\r\n  font-size: 48px;\r\n  opacity: 0.7;\r\n}\r\n.EnoviqPackage-downloadOnly h4 {\r\n  color: var(--react-doc-viewer-color-text);\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  margin: 0;\r\n}\r\n.EnoviqPackage-downloadOnly p {\r\n  color: var(--react-doc-viewer-color-text-muted);\r\n  font-size: 14px;\r\n  margin: 0;\r\n}\r\n.EnoviqPackage-downloadButton {\r\n  align-items: center;\r\n  background: var(--react-doc-viewer-color-primary);\r\n  border: none;\r\n  border-radius: 8px;\r\n  color: var(--react-doc-viewer-color-white);\r\n  cursor: pointer;\r\n  display: flex;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  gap: 8px;\r\n  padding: 12px 24px;\r\n  transition: all 0.2s ease;\r\n}\r\n.EnoviqPackage-downloadButton:hover {\r\n  background: var(--react-doc-viewer-color-primary-hover);\r\n  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);\r\n  transform: translateY(-1px);\r\n}\r\n.EnoviqPackage-downloadButton:active {\r\n  transform: translateY(0);\r\n}\r\n.EnoviqPackage-loading {\r\n  align-items: center;\r\n  color: var(--react-doc-viewer-color-text-muted);\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n.EnoviqPackage-spinner {\r\n  border-top: 4px solid var(--react-doc-viewer-color-spinner-track);\r\n  border: 4px solid var(--react-doc-viewer-color-spinner-track);\r\n  animation: spin 1s linear infinite;\r\n  border-radius: 50%;\r\n  border-top-color: var(--react-doc-viewer-color-spinner-active);\r\n  height: 40px;\r\n  width: 40px;\r\n}\r\n.EnoviqPackage-loading p {\r\n  font-size: 14px;\r\n  margin: 0;\r\n}\r\n.EnoviqPackage-error {\r\n  align-items: center;\r\n  background: var(--react-doc-viewer-color-bg-error);\r\n  border: 1px solid var(--react-doc-viewer-color-border-error);\r\n  border-radius: 12px;\r\n  color: var(--react-doc-viewer-color-text-error);\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  max-width: 400px;\r\n  padding: 32px;\r\n  text-align: center;\r\n}\r\n.EnoviqPackage-errorIcon {\r\n  font-size: 48px;\r\n}\r\n.EnoviqPackage-error h4 {\r\n  color: var(--react-doc-viewer-color-text-error);\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  margin: 0;\r\n}\r\n.EnoviqPackage-error p {\r\n  color: var(--react-doc-viewer-color-text-error-muted);\r\n  font-size: 14px;\r\n  margin: 0;\r\n}\r\n.EnoviqPackage-noFile {\r\n  align-items: center;\r\n  color: var(--react-doc-viewer-color-text-light);\r\n  display: flex;\r\n  font-size: 16px;\r\n  justify-content: center;\r\n}\r\n.EnoviqPackage-noFile p {\r\n  margin: 0;\r\n}\r\n.EnoviqPackage-unsupported {\r\n  align-items: center;\r\n  background: var(--react-doc-viewer-color-bg-card);\r\n  border: 1px solid var(--react-doc-viewer-color-border-light);\r\n  border-radius: 12px;\r\n  box-shadow: var(--react-doc-viewer-shadow-soft);\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  margin: 1rem auto;\r\n  max-width: 500px;\r\n  padding: 1.5rem;\r\n  text-align: center;\r\n}\r\n.EnoviqPackage-unsupportedIcon {\r\n  font-size: 3rem;\r\n  margin-bottom: 0.75rem;\r\n}\r\n.EnoviqPackage-unsupported h4 {\r\n  color: var(--react-doc-viewer-color-text-dark);\r\n  font-size: 1.25rem;\r\n  margin: 0.25rem 0;\r\n}\r\n.EnoviqPackage-unsupported p {\r\n  color: var(--react-doc-viewer-color-text-light);\r\n  font-size: 0.95rem;\r\n  margin: 0.25rem 0;\r\n  word-break: break-word;\r\n}\r\n.EnoviqPackage-downloadLink {\r\n  background: var(--react-doc-viewer-color-primary);\r\n  border-radius: 8px;\r\n  color: var(--react-doc-viewer-color-white);\r\n  display: inline-block;\r\n  font-size: 0.95rem;\r\n  font-weight: 500;\r\n  margin-top: 1rem;\r\n  padding: 0.6rem 1.2rem;\r\n  text-decoration: none;\r\n  transition: background 0.2s ease-in-out;\r\n}\r\n.EnoviqPackage-downloadLink:hover {\r\n  background: var(--react-doc-viewer-color-primary-hover);\r\n}\r\n\r\n/* ================= Animations ================= */\r\n@keyframes fadeIn {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n@keyframes slideUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n@keyframes spin {\r\n  from {\r\n    transform: rotate(0deg);\r\n  }\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n/* ================= Responsive ================= */\r\n@media (max-width: 768px) {\r\n  .EnoviqPackage-modal {\r\n    height: 95vh;\r\n    margin: 0;\r\n    width: 95vw;\r\n  }\r\n  .EnoviqPackage-modalHeader {\r\n    padding: 16px 20px;\r\n  }\r\n  .EnoviqPackage-modalBody {\r\n    padding: 16px;\r\n  }\r\n  .EnoviqPackage-fileInfo h3 {\r\n    font-size: 16px;\r\n  }\r\n  .EnoviqPackage-downloadOnly {\r\n    max-width: none;\r\n    padding: 32px 20px;\r\n    width: 100%;\r\n  }\r\n  .EnoviqPackage-downloadIcon {\r\n    font-size: 40px;\r\n  }\r\n  .EnoviqPackage-downloadOnly h4 {\r\n    font-size: 16px;\r\n  }\r\n  .EnoviqPackage-downloadButton {\r\n    justify-content: center;\r\n    padding: 14px 24px;\r\n    width: 100%;\r\n  }\r\n}\r\n@media (max-width: 480px) {\r\n  .EnoviqPackage-modal {\r\n    border-radius: 0;\r\n    height: 100vh;\r\n    width: 100vw;\r\n  }\r\n  .EnoviqPackage-modalHeader {\r\n    padding: 12px 16px;\r\n  }\r\n  .EnoviqPackage-modalBody {\r\n    padding: 12px;\r\n  }\r\n  .EnoviqPackage-fileInfo h3 {\r\n    font-size: 14px;\r\n  }\r\n  .EnoviqPackage-fileType {\r\n    font-size: 11px;\r\n    padding: 1px 6px;\r\n  }\r\n  .EnoviqPackage-closeBtn {\r\n    font-size: 20px;\r\n    height: 36px;\r\n    width: 36px;\r\n  }\r\n}\r\n@media (max-width: 600px) {\r\n  .EnoviqPackage-unsupported {\r\n    margin: 0.5rem;\r\n    max-width: 100%;\r\n    padding: 1rem;\r\n  }\r\n  .EnoviqPackage-unsupportedIcon {\r\n    font-size: 2.5rem;\r\n  }\r\n  .EnoviqPackage-unsupported h4 {\r\n    font-size: 1.1rem;\r\n  }\r\n  .EnoviqPackage-unsupported p {\r\n    font-size: 0.9rem;\r\n  }\r\n  .EnoviqPackage-downloadLink {\r\n    font-size: 1rem;\r\n    padding: 0.7rem;\r\n    text-align: center;\r\n    width: 100%;\r\n  }\r\n}\r\n.EnoviqPackage-textPreview {\r\n  height: 100%;\r\n  overflow: auto;\r\n}\r\n"]}