.vertical-client-select-drawer-content-wrap {
  padding:0 12px 12px;
}
.vertical-client-select-drawer-top {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--Gray-200, #eaecf0);
}

.vertical-client-select-drawer-item-wrap {
  display: flex;
  padding: 8px 12px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  &:hover {
    background: var(--Gray-true-50, #fafafa);
  }
  &.checked {
    background: var(--Gray-true-50, #EAECF0);
  }
  .pisell-lowcode__booking-client-list-item-avatar {
    flex-shrink: 0;
  }
  .pisell-lowcode__booking-client-list-item-info {
    overflow: hidden;
  }
  .pisell-lowcode__booking-client-list-item-info-desc-waiver {
    color: var(--Gray-400, #98A2B3);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    text-overflow: ellipsis;
    overflow: hidden;
    height: 20px;
    white-space: nowrap;
  }
  .pisell-lowcode__booking-client-list-item-info-desc-filled {
    color: var(--Success-600, #079455);
  }
  .pisell-lowcode__booking-client-list-item-info-desc-not-filled {
    color: var(--Error-600, #D92D20);
  }
  .vertical-client-item-icon-wrap {
    display: flex;
    width: 56px;
    height: 56px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    background: var(--Primary-100, #f4ebff);
  }
  .vertical-client-item-title {
    color: var(--Text-Text_1, #1B1B1B);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 137.5% */
  }
}
.vertical-client-select-drawer-content-item {
  //border-bottom: 1px solid var(--Gray-200, #eaecf0);
  //margin-bottom: 24px;
  padding: 12px 0;
  border: none;
}
.vertical-client-select-drawer-content-item-children {
  margin-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-bottom: 1px solid var(--Gray-200, #eaecf0);
  .pisell-lowcode__custom-select-create {
    border: none;
  }
  .vertical-client-select-drawer-content-item-children-item {
    display: flex;
    border-radius: 8px;
    padding: 0 12px;
    cursor: pointer;
    &:hover {
      background: var(--Gray-true-50, #fafafa);
    }
    &.checked {
      background: var(--Gray-true-50, #EAECF0);
    }
    .vertical-client-select-drawer-item-wrap {
      &:hover {
        background-color: transparent;
      }
      &.checked {
        background-color: transparent;
      }
    }
  }
}