@import '../custom.less';

@cards-prefix-cls: ~'@{css-prefix}cards';

.@{cards-prefix-cls} {
  @apply rounded-none;
  @apply bg-color-bg-1;
  @apply overflow-hidden;
  @apply relative;
  @apply shadow-none;
  @apply border-0;

  & &_body {
    @apply pt-3 pr-6 pb-6 pl-6;
  }

  &.card-layout {
    @apply border-none;
    @apply rounded-none;
    @apply overflow-hidden;
    @apply shadow-none;
    @apply relative;
    transition: height 0.2s ease;

    .@{cards-prefix-cls}_body {
      @apply p-0;
    }

    &.drop-active {
      @apply border border-solid border-color-border-focus;
      @apply bg-color-bg-1;
    }
  }
}