.wide-document-shell {
  display: grid;
  gap: 0.8rem;
}

.wide-document-hint {
  font-size: 0.86rem;
  color: var(--ink-faint);
  letter-spacing: 0.03em;
}

.wide-document-shell .pdf-toolbar {
  border-bottom: 0;
  padding-bottom: 0.4rem;
}

.wide-document-shell .pdf-canvas-wrap {
  padding-top: 0.35rem;
  scrollbar-width: thin;
  scrollbar-color: rgba(125, 92, 72, 0.4) rgba(125, 92, 72, 0.1);
}

.wide-document-shell .pdf-canvas-wrap::-webkit-scrollbar {
  height: 12px;
}

.wide-document-shell .pdf-canvas-wrap::-webkit-scrollbar-track {
  background: rgba(125, 92, 72, 0.1);
  border-radius: 999px;
}

.wide-document-shell .pdf-canvas-wrap::-webkit-scrollbar-thumb {
  background: rgba(125, 92, 72, 0.4);
  border-radius: 999px;
}

.wide-document-shell .pdf-canvas {
  border-radius: 22px;
}

html[data-theme="dark"] .wide-document-shell .pdf-canvas-wrap {
  scrollbar-color: rgba(217, 197, 174, 0.34) rgba(217, 197, 174, 0.12);
}

html[data-theme="dark"] .wide-document-shell .pdf-canvas-wrap::-webkit-scrollbar-track {
  background: rgba(217, 197, 174, 0.12);
}

html[data-theme="dark"] .wide-document-shell .pdf-canvas-wrap::-webkit-scrollbar-thumb {
  background: rgba(217, 197, 174, 0.34);
}

@media (max-width: 640px) {
  .wide-document-hint {
    font-size: 0.82rem;
  }
}