.mbt-pdf-container {
  width: 100%;
  position: relative;
  height: 100%;
  outline: none;
  overflow: hidden;
  .mbt-pdf-wrapper {
    width: 100%;
    position: relative;
    outline: none;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 2.5em);

    &>.pdf-document-container {
      padding-top: 0.25em;
      margin: auto;
      width: 90%;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-bottom: 0.25em;

      .pdf-document {
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      .pdf-page {
        box-shadow: 0 0 8px rgba(0, 0, 0, .5);



        &>canvas {
          max-width: 100%;
          height: auto !important;
        }

        &> .react-pdf__Page__textContent, & > .annotationLayer {
          display: none;
        }
      }
    }


  }

  .pdf-page-number-text {
    text-align: center;
    margin: 0em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
  }

  .pdf-page-change-button {
    position: absolute;
    top: 50%;
    overflow: hidden;
    border: 0;
    width: 35px;
    height: 35px;
    outline: none;

    display: flex;
    justify-content: center;
    align-items: center;

    background: none;
    opacity: 0.20;
    padding: 6em;
    border-radius: 50%;

    &:hover {
      opacity: 1;
    }

    >svg {
      font-size: 1.5em;

      color: var(--documentBackground);
      cursor: pointer;
      border-radius: 50%;

      background-color: var(--main);
      padding: 0.25em;

      aspect-ratio: 1/1;
    }
  }

  .max-page {
    visibility: hidden;
  }

  .pdt-left-button {
    left: 10%;
    transform: translate(-50%, -50%);
  }

  .pdf-right-button {
    right: 10%;
    transform: translate(+50%, -50%);
  }
}