.pisell-lowcode-product-card {
  overflow: hidden;
  border: 1px solid var(--Gray-300, #d0d5dd);

  &:hover,
  &:active {
    border: 1px solid var(--Gray-400, #98a2b3);
    background: var(--Gray-50, #f9fafb);
    cursor: pointer;
  }

  &:active {
    background: var(--Gray-100, #f2f4f7);
  }

  .pisell-lowcode-card-body {
    padding: 0;
    border-radius: 0;
  }

  .pisell-cardPro-content {
    margin-top: 0 !important;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    padding: 8px 16px;
    border-radius: 8px;
  }
}

.pisell-lowcode-product-card-image {
  &::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    background: var(--Blue-400, #53b1fd);
    z-index: 1 !important;
  }
}

.pisell-lowcode-normal-product-card {
  &::before {
    background: var(--Gray-cool-400, #7d89b0) !important;
  }
}

.pisell-lowcode-product-card-image-booking2 {
  .pisell-cardPro-content {
    padding: 4px;
  }
}

.pisell-lowcode-product-card-wrap {
  position: relative;
}

.pisell-lowcode-product-card-disabled {
  opacity: 1;

  .pisell-lowcode-product-card {
    opacity: 0.4;
    pointer-events: none;
  }

  .delete-btn-wrapper {
    opacity: 1;
    pointer-events: auto;
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 10;

    .anticon {
      color: red;
      cursor: pointer;
      opacity: 1;
    }
  }
}

.pisell-lowcode-product-card-error {
  border: none !important;
  margin: 8px -16px -8px;
  border-radius: 0 0 8px 8px;
}
