.gsui-alert-wrap {
  border: 1px solid #0073bb;
  background-color: #f1faff;
  padding: 12px 20px;
  display: flex;
  align-items: flex-start;
  &.margin {
    margin: 0 0 15px 0;
  }
  &.warning {
    border: 1px solid #aab7b8;
    background-color: #ffffff;
  }
  &.error {
    border: 1px solid #d13212;
    background-color: #fdf3f1;
  }
  .red {
    color: #d13212;
  }
  .icon {
    color: #0073bb;
    width: 30px;
    .error-text {
      color: $error;
    }
  }
  .text {
    padding-left: 5px;
    flex: 1;
    &-title {
      font-size: 16px;
      font-weight: 600;
      color: #000;
    }
    &-content {
      padding-top: 2px;
      font-size: $font-size-sm;
    }
  }
  .space-between {
    display: flex;
    justify-content: space-between;
  }
}