.diagnoses {
  .document-page-wrapper {
    padding: 20px 16px;
    background-color: #0000004D;
    width: 100%;
    top: 0;
    position: sticky;
    overflow: hidden;
    height: 100%;
    min-height: 0;

    .document-page {
      background-color: var(--color-bg-primary);
      border-radius: 8px;
      min-height: 0;
      height: 100%;
      top: 0;
      position: sticky;
      overflow-y: auto;

      .document-page-header {
        height: 56px;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-left: 32px;
        padding-right: 12px;
        border-bottom: 1px solid var(--color-border-secondary);

        .title {
          font-size: var(--font-size-sm);
          font-weight: var(--weight-bold);
          color: black;
        }

        .preview {
          font-size: var(--font-size-xs);
          font-weight: var(--weight-bold);
          color: black;
          background-color: var(--color-bg-quaternary);
          border-radius: 4px;
          text-transform: uppercase;
          padding: 2px 6px;
          margin-left: 8px;
        }

        .controls {
          margin-left: auto;
          height: 32px;
          display: flex;
          flex-direction: row;
          align-items: center;
          gap: 8px;

          a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;

            i {
              font-size: 20px;
              color: var(--color-text-tertiary);
            }
          }

          .navigation {
            display: flex;
            flex-direction: row;
            align-items: center;

            span {
              font-size: var(--font-size-sm);
              color: black;
              padding: 0 8px;
            }
          }
        }
      }

      .document-page-image {
        position: relative;

        .quote-bbox {
          position: absolute;
          background-color: rgba(255, 0, 0, 0.2);
        }

        img {
          width: 100%;
          height: auto;
        }
      }
    }
  }
}