.document-viewport .document-preview,
.document-viewport .document-source {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block !important;
  width: 100%;
  max-width: none;
  transform-origin: center center;
  pointer-events: none;
}

.document-preview {
  height: 100% !important;
  object-fit: cover;
  transform: translate(-50%, -50%);
}

.document-source {
  height: auto !important;
  visibility: hidden;
  opacity: 0;
}

.document-viewer.is-document-mode .document-preview {
  visibility: hidden;
  opacity: 0;
}

.document-viewer.is-document-mode .document-source {
  visibility: visible;
  opacity: 1;
}

.document-toolbar button[aria-pressed="true"] {
  background: var(--blue);
  color: #fff;
}

.document-toolbar button[data-viewer-action="preview"],
.document-toolbar button[data-viewer-action="fit"] {
  width: auto !important;
  padding-inline: 10px !important;
  font-size: 11px !important;
}

.document-preview,
.document-source {
  transition: opacity .18s ease;
}

@media (max-width:760px) {
  .document-toolbar > div { flex-wrap: wrap; justify-content: flex-end; }
  .document-toolbar button[data-viewer-action="preview"],
  .document-toolbar button[data-viewer-action="fit"] { width: auto; }
}