@popupPrefix: c7ncd-test-result;
@success: #1fc2bb;
@failed: #f76776;

.@{popupPrefix} {
  padding: .07rem 0;
  text-align: center;
  display: flex;
  align-items: center;
  font-size: .15rem;
  line-height: .28rem;
  justify-content: center;

  &-label {
    color: rgba(15, 19, 88, 0.45);
  }

  &-failed {
    background: rgba(247, 103, 118, 0.04);
    border-radius: 4px;
    border: 1px solid @failed;
    color: @failed;
  }

  &-success {
    background: rgba(31, 194, 187, 0.04);
    border-radius: 4px;
    border: 1px solid @success;
    color: @success;
  }
  & > i {
    font-size: .24rem;
    margin: 0 .02rem;
  }
}