.ant-message-custom-content {
  @include f-center;
}

.ant-message {
  bottom: 0;
  top: unset;

  .ant-message-notice-content {
    border-radius: 8px;
    background: $grey-4;
    color: $grey-9;
    bottom: 0;
  }
}

.pd__message--info {
  .ant-message-notice-content {
    border-radius: 8px;
    background: $blue-4;
    color: $blue-1;
    bottom: 0;

    .anticon {
      color: $blue-1;
    }
  }
}


.pd__message--success {
  .ant-message-notice-content {
    border-radius: 8px;
    background: $primary-5;
    color: $primary-2;
    bottom: 0;

    .anticon {
      color: $primary-2;
    }
  }
}


.pd__message--warning {
  .ant-message-notice-content {
    border-radius: 8px;
    background: $orange-5;
    color: $orange-1;
    bottom: 0;


    .anticon {
      color: $orange-1;
    }
  }
}


.pd__message--error {
  .ant-message-notice-content {
    border-radius: 8px;
    background: $red-4;
    color: $red-1;
    bottom: 0;

    .anticon {
      color: $red-1;
    }
  }
}