.pdf-document-unavailable {
  --pdf-doc-accent: #3176af;
  --pdf-doc-border: rgba(49, 118, 175, .22);
  --pdf-doc-ink: #163a5b;
  --pdf-doc-muted: #546477;
  max-width: 90rem;
  margin: 1.75rem auto 3rem;
  padding: 0 1rem;
}

.pdf-document-unavailable__panel {
  padding: 1.25rem 1.4rem;
  border: 1px solid var(--pdf-doc-border);
  border-left: .25rem solid var(--pdf-doc-accent);
  border-radius: .35rem;
  background: #ffffff;
  box-shadow: 0 .45rem 1.1rem rgba(22, 58, 91, .08);
}

.pdf-document-unavailable__content {
  max-width: 58rem;
}

.pdf-document-unavailable__status {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  margin-bottom: .45rem;
  padding: .16rem .5rem;
  border-radius: .2rem;
  background: rgba(49, 118, 175, .09);
  color: var(--pdf-doc-ink);
  font-size: .82rem;
  font-weight: 700;
}

.pdf-document-unavailable__title {
  margin: 0 0 .35rem;
  color: var(--pdf-doc-ink);
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1.25;
}

.pdf-document-unavailable__message {
  margin: 0;
  color: var(--pdf-doc-muted);
  font-size: 1rem;
  line-height: 1.55;
}

@media (max-width: 575.98px) {
  .pdf-document-unavailable {
    margin-top: 1.25rem;
    padding: 0 .75rem;
  }

  .pdf-document-unavailable__panel {
    padding: 1rem;
  }

  .pdf-document-unavailable__title {
    font-size: 1.25rem;
  }
}