hunk.code_window:         "react-infinite-scroll-component": "^6.1.0",
           "react-infinite-scroller": "1.2.6",
           "react-intl": "*",
           "react-redux": "7.2.6",
           "react-refresh": "0.11.0",
           "react-router-dom": "5.3.4",
           "react-router-hash-link": "2.4.3",
           "react-select": "4.3.1",
  
hunk.labels: keep keep keep keep replace keep keep keep
hunk.file_path: webapp/package-lock.json
hunk.type: replace
file: .TrialBenefitsModal {
      &.modal-dialog {
          margin-top: calc(50vh - 240px);
      }
  
      .modal-content {
          min-height: 440px;
          padding: 0 !important;
          border-color: rgba(var(--center-channel-color-rgb), 0.16);
          background: var(--center-channel-bg);
          border-radius: 8px;
          color: var(--center-channel-color);
      }
  
      .modal-header {
          .close {
              &:hover,
              &:active,
              &:focus,
              &:active:focus {
                  background-color: rgba(var(--center-channel-color-rgb), 0.08);
                  color: rgba(var(--center-channel-color-rgb), 0.72);
                  opacity: 1;
              }
  
              top: 6px;
              right: 4px;
              width: 4rem;
              height: 4rem;
              border-radius: 4px;
              color: rgba(var(--center-channel-color-rgb), 0.56) !important;
              font-family:
                  'Open Sans',
                  sans-serif;
              font-size: 32px;
              font-weight: 400;
          }
  
          height: 48px;
          min-height: 48px;
          padding: 0;
          border: 0;
          background: var(--center-channel-bg) !important;
          border-radius: 8px;
          color: var(--center-channel-color);
      }
  
      .modal-body {
          display: flex;
          overflow: hidden;
          width: 100%;
          flex-direction: column;
          padding-bottom: 24px !important;
  
          .buttons {
              text-align: center;
  
              .previous-btn {
                  &:hover,
                  &:active,
                  &:focus,
                  &:active:focus {
                      border: none;
                      background: rgba(var(--button-bg-rgb), 0.08);
                      border-radius: 4px;
                  }
  
                  height: 30px;
                  align-items: center;
                  align-self: center;
                  padding: 8px 16px;
                  border: none;
                  background: rgba(var(--button-bg-rgb), 0.08);
                  border-radius: 4px;
                  color: var(--button-bg);
                  font-size: 14px;
                  font-weight: 600;
                  line-height: 14px;
              }
  
              .next-btn {
                  &:hover,
                  &:active,
                  &:focus,
                  &:active:focus {
                      background:
                          linear-gradient(0deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.16)),
                          var(--button-bg);
                  }
  
                  height: 30px;
                  flex: none;
                  padding: 8px 16px;
                  border: none;
                  margin-left: 8px;
                  background: var(--button-bg);
                  border-radius: 4px;
                  color: var(--sys-button-color);
                  font-size: 14px;
                  font-weight: 600;
                  line-height: 14px;
              }
          }
      }
  
      .modal-centered {
          text-align: center;
      }
  
      .modal-footer {
          padding: 12px 24px 24px;
          border: none;
          border-radius: 4px;
      }
  }
  