.yc-result {
  width: 100%;
  padding: 32px 32px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  .yc-result-icon {
    font-size: 20px;
    margin-bottom: 16px;
    .yc-result-icon-tip {
      width: 45px;
      height: 45px;
      border-radius: var(--border-radius-circle);
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }

  .yc-result-title,
  .yc-result-subtitle {
    color: var(--color-text-2);
    font-size: 14px;
    line-height: 1.5715;
    text-align: center;
    &.yc-result-title {
      color: var(--color-text-1);
    }
  }
  .yc-result-extra {
    margin-top: 20px;
  }
  .yc-result-content {
    margin-top: 20px;
    width: 100%;
  }
}

// icon-type
.yc-result {
  // type
  @type: {
    info: primary;
    success: success;
    warning: warning;
    error: danger;
  };
  each(@type,{
    .yc-result-icon-@{key} {
      color: ~"rgb(var(--@{value}-6))";
      .yc-result-icon-tip {
        background-color: ~"var(--color-@{value}-light-1)";
      }
    }
  });
  .yc-result-icon-403,
  .yc-result-icon-404,
  .yc-result-icon-500 {
    padding-top: 24px;
    .yc-result-icon-tip {
      width: 92px;
      height: 92px;
      line-height: 92px;
    }
  }
}
