.sc-document-viewer {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: 1fr;
  overflow: auto;

  @media screen and (min-width: 1280px) {
    grid-template-columns: 2fr 1fr;
    overflow: auto;
  }

  &-upload {
    &-input {
      display: none;
    }
  }

  &-pdf {
    max-height: var(--app-height, 100vh);
    overflow: auto;
    grid-column: auto/span 1;
    @media screen and (min-width: 1280px) {
      order: 0;
    }
  }

  &-document {
    &-active {
      & button {
        margin-left: auto;
      }
    }
  }

  &-documents {
    @media screen and (min-width: 1280px) {
      order: 1;
    }

    grid-column: auto/span 1;
    display: flex;
    flex-direction: column;

    & sc-card {
      margin-bottom: 16px;

      &:last-child {
        margin-bottom: 0;
      }
    }
  }
}