.getkeeper {
  .ac-vscrollbar {
    padding: 0;
  }
  .left-content {
    padding-inline: 20px;
    width: 23%;
    .header {
      padding-top: 8px;
      padding-bottom: 8px;
    }
    .list-items {
      max-height: calc(100vh - 195px);
    }
  }
  .middle-content {
    width: 40%;
    background-color: $primary-light-gray;
    .header {
      padding: 4px 20px;
      border-bottom: 1px solid $color-border;
      min-height: 40px;
      h5 {
        display: flex;
        align-items: center;
      }
    }
    .list-wrapper {
      max-height: calc(100vh - 195px);
    }
  }
  .right-content {
    @extend .middle-content;
    width: 37%;
    background-color: $green-97;
  }
}

.inline-search {
  display: flex;
  align-items: center;
  overflow: hidden;

  label {
    padding-right: 8px;
  }

  input {
    border: none;
    width: 50px;

    &:focus,
    &:focus-visible {
      outline: none;
      border: none;
      box-shadow: none;
    }
  }
}

.list-items {
  ul {
    display: flex;
    flex-direction: column;
    gap: 4px;

    li {
      background: $white-100;
      border: 1px solid $color-border;
      border-radius: 4px;
      padding: 12px 20px;
      font-weight: 500;
      font-size: 1rem;
      color: $color-heading;
      cursor: pointer;
      transition: 0.3s ease-in-out;
      &:hover {
        background-color: $primary-95;
      }

      &.is-active {
        background-color: $ac-primary;
        color: $white-100;
      }
    }
  }
}

.single-list {
  border-bottom: 1px solid $color-border;
  padding: 16px 20px;
  &:hover {
    strong {
      text-decoration: underline;
      color: $primary-30;
    }
  }
  &.single-list {
    border-bottom: none;
  }
  strong {
    font-size: 16px;
    font-weight: 600;
    transition: 0.3s ease-in-out;
  }

  p {
    color: $color-text;
  }
}