.type-form {
  padding: 8px 24px;
}

.icon-delete {
  cursor: pointer;
  color: #969696;
  &:hover {
    color: #ff4d4f;
  }
}

.icon-normal {
  cursor: pointer;
  color: #969696;
  &:hover {
    color: var(--ant-primary-color);
  }
}

.type-container {
  padding: 8px 0;
  border-bottom: 1px solid #e8e8e8;
  &:last-child {
    border-bottom: none;
  }
}

.type-text {
  @apply text-base cursor-pointer;
  .type-action {
    @apply invisible ml-2;
  }
  &:hover {
    .type-action {
      @apply visible;
    }
  }
}

.category-text {
  @apply text-base cursor-pointer;
  .category-action {
    @apply invisible;
  }

  &:hover {
    .category-action {
      @apply visible;
    }
  }
}
