@import '../theme/common/var';
.magic-result {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
  .magic-result__image {
    margin-bottom: 40px;
    img {
      min-width: 200px;
    }
  }
  .magic-result__icon {
    margin-bottom: 40px;
    i {
      color: $--color-primary;
      font-size: 200px;
    }
  }
  .magic-result__title {
    margin: 20px 20px 0;
    color: #111a34;
    font-size: 28px;
  }
  .magic-result__desc {
    margin-top: 16px;
    color: #858b9c;
    font-size: 14px;
  }
  .magic-result__buttons {
    margin-top: 16px;
  }
  .magic-result__extra {
    margin-top: 16px;
  }
}

.magic-result--success .magic-result__icon i {
  color: $--color-success;
}
.magic-result--info .magic-result__icon i {
  color: $--color-info;
}
.magic-result--error .magic-result__icon i {
  color: $--color-danger;
}
.magic-result--warning .magic-result__icon i {
  color: $--color-warning;
}
.magic-result--success,
.magic-result--info,
.magic-result--error,
.magic-result--warning {
  .magic-result__icon {
    i {
      font-size: 72px;
    }
  }
}