.pisell-lowcode__custom-select-card-list-item {
  padding: 24px 16px;
  background-color: #ffffff;
  cursor: pointer;
  transition: .2s;
  position: relative;


  .pisell-lowcode__custom-select-card-list-item-content {
    display: flex;
    gap: 10px;
    padding: 12px 16px;
    background-color: #ffffff;
    transition: .2s;
    position: relative;
    border-radius: 4px;
    width: 100%;
    align-items: center;

  }

  &:hover,
  &.pisell-lowcode__custom-select-card-list-item-active {
    background-color: #ffffff;

    .pisell-lowcode__custom-select-card-list-item-content {
      background: var(--Gray-true-50, #FAFAFA);
    }


  }

}

.pisell-lowcode__custom-select-cards {
  .pisell-lowcode__custom-select-card {
    padding: 16px;
    gap: 16px;
    border-radius: 8px;
    border: 1px solid #D5D7DA;
    margin-bottom: 16px;
    position: relative;
    min-height: calc(16px + 16px + 40px);
    cursor: pointer;
    background-color: #fff;

    // &:last-child {
    //   margin-bottom: 0;
    // }

    .pisell-lowcode__custom-select-card-menu-wrap {
      position: absolute;
      top: 16px;
      right: 16px;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 8px;
      cursor: pointer;
      background: none;

      transition: .2s;

      &:hover {
        background: var(--gray-100, #F2F4F7);

      }

      .pisell-lowcode__custom-select-card-menu-icon {
        font-size: 28px;
        color: #475467;
      }
    }

  }
}

.pisell-lowcode__custom-select-create {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px;
  cursor: pointer;

  .pisell-lowcode__custom-select-create-icon {
    font-size: 24px;
    color: rgb(127, 86, 217);
  }

  .pisell-lowcode__custom-select-create-txt {
    color: #7f56d9;
    /* Text md/Regular */

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
  }
}

.ustom-select-checkbox {
  width: 20px;
  height: 20px;
}

.custom-select-checkbox {

  .pisell-lowcode-checkbox-inner {
    width: 20px;
    height: 20px;
    font-size: 20px;
  }
}