.pdf-container {
  bottom: 0;
  overflow: auto;
  left: 0;
  right: 0;
  top: 0;

  &.drag-mode {
    cursor: grab;
    :global(.textLayer),
    :global(.textLayer *) {
      cursor: inherit !important;
      -webkit-user-select: none;
      user-select: none;
    }
    &.dragging {
      cursor: grabbing;
    }
  }

  .loading-container {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
  }

  .pdf-controller {
    align-items: center;
    background-color: var(--modal-background-color);
    border-radius: var(--rhythm-0_5);
    bottom: var(--rhythm-3);
    display: flex;
    gap: var(--rhythm-1);
    left: calc(var(--container-width) / 2);
    padding: var(--rhythm-1);
    position: fixed;
    transform: translateX(-50%);

    .pdf-zoom-container {
      margin-left: var(--rhythm-2);
    }
    .pdf-drag {
      margin-left: var(--rhythm-2);
      transform: rotate(45deg);
    }
  }
}
