.#{$collapse-prefix-cls}-panels{
  border-bottom: 1px solid $collapse-border-color;
  border-radius: $collapse-border-radius;

  .#{$collapse-prefix-cls}-panel:first-child{
    border-top-left-radius: $collapse-border-radius;
    border-top-right-radius: $collapse-border-radius;
  }
  .#{$collapse-prefix-cls}-panel:last-child{
    border-bottom-left-radius: $collapse-border-radius;
    border-bottom-right-radius: $collapse-border-radius;
  }

  .#{$collapse-prefix-cls}-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #FFF;
    border: 1px solid $collapse-border-color;
    border-bottom: 0;
    .#{$collapse-prefix-cls}-panel-header{
      display: flex;
      align-items: center;
      height: auto;
      padding: $collapse-header-padding-y $collapse-header-padding-x;
      background-color: $collapse-header-bg;
      margin-bottom: 0; // Removes the default margin-bottom of <hN>
      font-size: $card-header-font-size;
      line-height: inherit;
      cursor: pointer;
      // border-bottom: $card-border-width solid $card-border-color;
      color: rgba($black, .65);
      &>.#{$icon-prefix}{
        padding-right: 6px;
      }
    }
    .#{$collapse-prefix-cls}-panel-block {
      padding: 0;
      overflow: hidden;
    }

    .#{$collapse-prefix-cls}-content-box {
      padding: 16px 12px;
    }
  }
  .#{$collapse-prefix-cls}-panel-active{
    .#{$collapse-prefix-cls}-panel-header{
      border-bottom: 1px solid $collapse-border-color;
    }
  }
}

// colorless
.#{$collapse-prefix-cls}-panels-colorless{
  border-bottom: 0 none;
  .#{$collapse-prefix-cls}-panel{
    border: 0 none;
    .#{$collapse-prefix-cls}-panel-header{
      background: none;
      border-bottom: 1px solid $collapse-border-color;
    }
  }
  .#{$collapse-prefix-cls}-panel-active{
    border-bottom: 1px solid $collapse-border-color;
    .#{$collapse-prefix-cls}-panel-header{
      border-bottom: 0 none;
    }
  }
}

// borderless
.#{$collapse-prefix-cls}-panels-borderless{
  border-bottom: 0 none;
  .#{$collapse-prefix-cls}-panel{
    border: 0 none;
    padding-bottom: 12px;
    .#{$collapse-prefix-cls}-panel-header{
      border-bottom: 0 none;
    }
    .#{$collapse-prefix-cls}-content-box {
      background-color: $collapse-header-bg;
    }
  }
  .#{$collapse-prefix-cls}-panel-active{
    .#{$collapse-prefix-cls}-panel-header{
      border-bottom: 0 none;
    }
  }
}