@import (reference) '../../../../styles/index.less';

@msg-prefix: ~'@{prefix}-message';

.@{msg-prefix}-content {
    display: flex;
}

.@{msg-prefix}-show-count {
    background-color: @primary-color;
    position: absolute;
    top: -15px;
    border-radius: 10px;
    right: -22px;
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 9px;
    line-height: 16px;
    color: #fff;
}

.@{msg-prefix}-icon {
    img {
        margin-right: 8px;
        margin-top: -2px;
    }
}