.mbt-document{
  background-color: var(--documentBackground);

  width: 100%;
  height: 100%;
  margin: auto;

  padding: 1em;
  position: relative;
  color: var(--textColor);
  overflow: hidden;

  & > .document-container{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;

    & > .document-title{
      margin: 0;
      margin-bottom: 0.25em;
    }

    /* Components part */

    & > .document-iframe{
      width: 100%;
      height: 100%;
    }

    & > .document-image{
      width: 100%;
      max-width: max-content;
      height: 100%;
      max-height: calc(100% - 64px);
      object-fit: contain;
    }

    & > .document-video{
      height: 100%;
      width: 100%;
    }

    & > .document-download-link{
      text-decoration: none;
      color: white;
      font-weight: bold;
      background-color: var(--button);
      height: fit-content;

      padding: 1em;
      border-radius: 2em;
    }
  }
}