@import '../../../assets/variable.less';
.module-user-components-detail-toggle-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid @Gray6;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  &-title {
    height: 40px;
    background-color: @Gray7;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  &-content {
    flex: 1;
    min-height: 0;
    overflow: hidden;
  }
  .toggle {
    height: 39px;
    line-height: 39px;
    text-align: center;
    border-top: 1px solid @Gray6;
    cursor: pointer;
    .toggle-icon {
      margin-right: 6px solid @Gray6;
      color: @infoThreeColor;
      transform: scale(0.5);
    }
  }
}