:local {
  .preview_container {
    &--pdf {
      position: relative;
      height: 100%;
      width: 100%;

      div:first-child {
        display: contents;
      }

      &-canvas {
        max-width: 100%;
        max-height: 100%;
        height: 100%;
        width: 100%;
        object-fit: contain;
      }

      &-control {
        position: absolute;
        bottom: calc(1% + 30px);
        left: 0;
        right: 0;
        text-align: center;

        &_icon {
          cursor: pointer;
          max-width: 30px;
          max-height: 30px;

          &--next {
            position: absolute;
            left: calc(50% + 5px);
            color: black;
          }

          &--prev {
            position: absolute;
            left: calc(50% - 35px);
            color: black;
          }
        }

        &_icon:not(:last-child) {
          margin-right: 10px;
        }
      }
    }
  }
}