:root {
    --navbarAccent: #336E7B;
    --navbarAccentB: #2A6573;
    --navbarAccentH: #51B6CD;
    --navbarAccentHB: #4D96A6;
    --accentColor: #056f7d;
    --buttonColor: #4D96A6;
    --tier1: #CF4972;
    --tier2: #E5ACFC;
    --tier3: #63DED1;
    --tier4: #056f7d;
}
#main-nav {
    --boxShadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
    --fontFamily: Overpass;
    --letterStyle: none;
    --fontStyle: ;
    --textColor: #fff7f9;
    --navBarRibbonSub: inline-block;
    --navBarRibbonLive: inline-block;
}
#chat {
    --userPlateBG: #181818;
    --userPlateBGStream: #18181861;
    --userPlateShape: 40px;
    --userPlateBorderColor: #1e1e1e #1e1e1e #181818 #1e1e1e;
    --userPlatePadding: 3px 7px 4px 8px;
    --inputFocusShadow: #056f7d50;
    --inputTopBorder: #056f7d;
}
#chat .msg-chat.msg-user a.user {
    background: var(--userPlateBG) !important;
    border-radius: var(--userPlateShape) !important;
}
.embed.onstream #chat .msg-chat.msg-user a.user {
    background: var(--userPlateBGStream) !important;
    border-radius: var(--userPlateShape) !important;
}
.form-check-input[type="checkbox"]:checked + label:before,
label.btn input[type="checkbox"]:checked + label:before {
	border-right: 2px solid var(--accentColor) !important;
	border-bottom: 2px solid var(--accentColor) !important;
}
#chat-input-control,
#chat-input-scaler {
	border-top: none !important;
}
.ready.mdc-button--raised:not(:disabled),
.ready.mdc-button--unelevated:not(:disabled) {
	background-color: var(--buttonColor) !important;
}