@import 'themes/default.less';
@import 'ng-zorro-antd/style/color/colors.less';
:host {
  padding-top: 8px;
  display: block;
  ::ng-deep nz-card {
    > .ant-card-head {
      padding-left: 0px;
    }
    .ant-card-head-title {
      font-weight: 450;
    }
    > .ant-card-body {
      padding: 0;
      //overflow: hidden;
    }
    &.hide {
      //> .ant-card-body {
      //  max-height: 0;
      //  transition: max-height 0.25s ease-out;
      //}
      //.details {
      //  display: none;
      //}
      .toggle {
        span {
          transform: rotate(0deg);
          transition: transform 0.2s linear;
        }
      }
    }
    &.show {
      //> .ant-card-body {
      //  max-height: 250px;
      //  transition: max-height 0.25s ease-in;
      //}
      //.details {
      //  display: block;
      //}
      .toggle {
        span {
          transform: rotate(90deg);
          transition: transform 0.2s linear;
        }
      }
    }
  }
}

.description {
  margin-left: 4px;
  display: inline;
  ::ng-deep nz-tag {
    margin-right: 0;
  }
  .verbiage {
    padding: 0 4px;
  }
  .subject-type {
    margin-left: -4px;
  }
}

.organization {
  display: inline-block;
}
.toggle {
  display: inline-block;
  margin-left: 8px;
  padding: 0;
  // padding: 0 1px 0 1px;
  background-color: @blue-1;
  border: 1px solid @blue-2;
  border-radius: 2px;
  cursor: pointer;
  line-height: 18px;
  span {
    height: 10px;
    width: 10px;
    color: @blue-7;
  }
}
.no-toggle {
  .toggle();
  background-color: @grey-2;
  border-color: @grey-4;
  cursor: inherit;
  span {
    color: @grey-4;
  }
}
