@import '../index.less';
@btri-message-icon: ~'@{ant-prefix}-btri-message-icon';
@btri-message-icon-box: ~'@{btri-message-icon}-box';

.btri-message.@{ant-prefix}-message {
  top: 24px;
  .msg-content {
    display: flex;
    align-items: center;
    .close-icon {
      margin-left: 24px;
      font-size: 14px;
      cursor: pointer;
      line-height: 14px;
      color: var(--caption-font);
    }
  }
}
.@{btri-message-icon-box} {
  font-size: 20px;
  &.@{btri-message-icon}-info {
    color: var(--primary-6);
  }
  &.@{btri-message-icon}-success {
    color: var(--green-6);
  }
  &.@{btri-message-icon}-warning {
    color: var(--orange-6);
  }
  &.@{btri-message-icon}-error {
    color: var(--red-6);
  }
  &.@{btri-message-icon}-loading {
    color: var(--primary-6);
  }
}
.btri-message.@{ant-prefix}-message-custom-content {
  display: flex;
  align-items: center;
}