.h-refund-status {
  .refund-status {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;

    .refund-title-box {
      display: flex;
      align-items: center;
      flex-direction: row;
      justify-content: flex-start;
      margin-bottom: 10rpx;

      .success-icon {
        margin-right: 8rpx;
        color: var(
          --refund-status-success-icon-color,
          var(--color-brand-3, #ff6a00)
        );
        font-size: var(--p-body-2-icon-size, 32rpx);
      }

      .status-text {
        color: var(--color-text1-4, #111);
        font-size: var(--p-body-2-font-size, 32rpx);
        font-weight: 500;
      }
    }

    .status-memo {
      display: flex;
      flex-direction: row;

      .status-memo-text {
        color: var(--color-text1-2, #999);
        font-size: var(--p-body-1-font-size, 28rpx);
      }
    }
  }
}