html {
    --border-radius-medium: 0.4rem;
    --color-hinted-grey-14: #efeff1;
    --color-text-base: var(--color-hinted-grey-14);
}

div.username-container {
    text-size-adjust: 100%;
    color: var(--color-text-base) !important;
    overflow-wrap: anywhere;
    box-sizing: border-box;
    border: 0;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    display: inline-block !important;
    border-radius: var(--border-radius-medium);
}

div.badge-container {
    text-size-adjust: 100%;
    color: var(--color-text-base) !important;
    overflow-wrap: anywhere;
    box-sizing: border-box;
    border: 0;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    display: inline !important;
}

div.badge-container > button {
    text-size-adjust: 100%;
    overflow-wrap: anywhere;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-align: inherit;
    background: none;
    border: none;
    border-radius: 0;
    color: inherit;
    font: inherit;
}

img.chat-badge {
    text-size-adjust: 100%;
    overflow-wrap: anywhere;
    text-align: inherit;
    color: inherit;
    box-sizing: border-box;
    font: inherit;
    margin: 0;
    padding: 0;
    border: none;
    max-width: 100%;
    margin-bottom: .15rem;
    margin-right: .3rem;
    vertical-align: middle;
}

span.chat-username {
    text-size-adjust: 100%;
    color: var(--color-text-base) !important;
    overflow-wrap: anywhere;
    box-sizing: border-box;
    border: 0;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    cursor: pointer;
    word-break: break-all;
}

span.chat-display-name {
    text-size-adjust: 100%;
    overflow-wrap: anywhere;
    cursor: pointer;
    word-break: break-all;
    box-sizing: border-box;
    border: 0;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    font-weight: 700;
}