.chip {
    background-color: #f0f0f0;
    font-size: .8rem;
    border-radius: 1.428rem;
    display: inline-flex;
    padding: 0 10px;
    /* margin-bottom: 5px; */
    vertical-align: middle;
    justify-content: center
}

.chip .chip-body {
    color: rgba(0, 0, 0, .7);
    display: flex;
    justify-content: space-between;
    min-height: 1.857rem;
    min-width: 1.857rem
}

.chip .chip-body .avatar {
    background-color: #c3c3c3;
    display: flex;
    width: 24px;
    height: 24px;
    margin: 6px 2px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    transform: translate(-5px)
}

.chip .chip-body .avatar .avatar-content {
    top: 0
}

.chip .chip-body .avatar img {
    border-radius: 50%;
    height: 24px;
    width: 24px
}

.chip .chip-body .chip-text {
    vertical-align: middle;
    align-self: center
}

.chip .chip-body i {
    font-size: 1rem
}

.chip .chip-body .chip-closeable {
    min-height: 24px;
    min-width: 24px;
    margin: 0 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    border-radius: 50%;
    background: rgba(0, 0, 0, .15);
    color: #FFFFFF;
    transform: translate(10px);
    cursor: pointer
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .chip .chip-closeable i {
        position: relative;
        top: 3px
    }
}