@msg-notice-prefix: msg-notice;

.@{msg-notice-prefix} {
  &__icon {
    font-size: 22px;
    color    : #7f7f7f;
    cursor   : pointer;

    &.light {
      color: #ffffff;
    }
  }

  &__modal {

    .ant-list-item-meta,
    .ant-list-item-meta-content {
      overflow: hidden;
    }

    .ant-modal-footer {
      display        : flex;
      justify-content: flex-end;
      align-items    : center;
    }
  }

  &__list {
    padding-left : 15px;
    padding-right: 15px;
    transition   : all .3s;
    cursor       : pointer;

    &:hover {
      background-color: #e6f7ff;
    }
  }

  &__msg {
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
  }
}