$component-prefix-cls: "hfish-singlecollapse";
$default-color: #111222;

.#{$component-prefix-cls} {
  background: rgba($default-color, 0.02);
  border: 1px solid rgba($default-color, 0.13);
  border-radius: 2px;
  //   padding: 10px 15px;
  &-header {
    background: #ffffff;
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
  }
  &-icon {
    &-up {
      transform: rotate(180deg);
    }
    transform: rotate(0deg);
    fill: rgba($color: $default-color, $alpha: 0.85);
  }
  &-content {
    box-shadow: inset 0px 15px 10px -15px rgba($color: $default-color, $alpha:
          0.3);
    max-height: auto;
    &-hide {
      max-height: 0;
      overflow: hidden;
    }
  }
}