friends.custom.css

@import url('custom.css');

:root {
    --chatfont: 13px; /* Font size for chat messages */
    --basefont: "Segoe UI","Helvetica Neue","Motiva Sans",Arial,Helvetica,sans-serif;
    --semibold: "Segoe UI Semibold","Helvetica Neue Medium","Motiva Sans","Arial Bold","Helvetica Bold",sans-serif;
    --semilight: "Segoe UI Semilight","Helvetica Neue Light","Motiva Sans","Arial Light","Helvetica Light",sans-serif;
    --scrollbarSize: 15px;
    --focus: 102, 36, 226; /* Default Metro skin purple accent */
    --W10close_Red_h: 232, 18, 35; /* Window close button color on hover */
    --W10close_Red_p: 241, 112, 121; /* Window close button color when pressed */
    --clientBG: 26, 26, 26;
    --header_dark: 20, 20, 20;
    --frameBorder: 15, 15, 15;
    --online: 93, 178, 255;
    --ingame: 130, 186, 0;
    --offline: 145, 145, 145; /* Originally white45 but that makes it too bold */
    --golden: 255, 255, 99;
    --textentry: 39, 39, 39;
    --white03: 255, 255, 255, 0.03;
    --white05: 255, 255, 255, 0.05;
    --white08: 255, 255, 255, 0.08;
    --white10: 255, 255, 255, 0.10;
    --white12: 255, 255, 255, 0.12;
    --white20: 255, 255, 255, 0.20;
    --white24: 255, 255, 255, 0.24;
    --white25: 255, 255, 255, 0.25;
    --white35: 255, 255, 255, 0.35;
    --white45: 255, 255, 255, 0.45;
    --white50: 255, 255, 255, 0.50;
    --white75: 255, 255, 255, 0.75;
    --white: 255, 255, 255;
    --black05: 255, 255, 255, 0.05;
    --black10: 0, 0, 0, 0.10;
    --black12: 0, 0, 0, 0.12;
    --black20: 0, 0, 0, 0.20;
    --black24: 0, 0, 0, 0.24;
    --black25: 0, 0, 0, 0.25;
    --black45: 0, 0, 0, 0.45;
    --black50: 0, 0, 0, 0.50;
    --black75: 0, 0, 0, 0.75;
    --black: 0, 0, 0;
    --red: 255, 0, 0;
    --searchicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 100 100'%3E%3Cg transform='translate(0,-952.36218)'%3E%3Cpath class='ColorSelector' d='m 40.99855,964.36216 c -15.9798,0 -28.9986,13.01864 -28.9986,28.99862 0,15.97992 13.0188,28.99862 28.9986,28.99862 6.9189,0 13.2881,-2.4349 18.2803,-6.4997 l 23.5927,23.6239 c 1.1714,1.1714 3.0784,1.1715 4.2498,0 1.1716,-1.1715 1.1716,-3.0783 0,-4.2498 l -23.6239,-23.5926 c 4.0649,-4.9923 6.4997,-11.3615 6.4997,-18.28042 0,-15.97998 -13.0187,-28.99862 -28.9986,-28.99862 z m 0,5.99972 c 12.7374,0 22.9989,10.26145 22.9989,22.9989 0,12.73732 -10.2615,22.99892 -22.9989,22.99892 -12.7374,0 -22.9989,-10.2616 -22.9989,-22.99892 0,-12.73745 10.2615,-22.9989 22.9989,-22.9989 z' fill='%23ffffff' fill-opacity='1' stroke='none' visibility='visible' display='inline' overflow='visible'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --arrow_up: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAgMAAADUwp+1AAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlMAQIDntwj7AAAAJUlEQVQI12OAgxQGBsaVDAxsbg4MkowTGFKAcAKDBIMDAwtMBQBYIAP5KnftSQAAAABJRU5ErkJggg==);
    --arrow_down: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAgMAAADUwp+1AAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlMAQIDntwj7AAAAJElEQVQI12OAAQcGFoYJDBIMKUAoyTiBgc3NgYFxJVAiBa4EAFbgA/lztmmEAAAAAElFTkSuQmCC);
}

/* The abundance of !important overrides is a remnant of the time when SFP required one for everything. */

/* Remove animations, round corners and delays */
* {
    box-shadow: none !important;
    border-radius: 0 !important;
    transition-delay: 1ms !important;
    transition-duration: 1ms !important;
    text-shadow: none !important;
}

/* User's name and status */
.currentUserContainer .labelHolder {
    justify-content: center; /* As in Valve's, but just to be sure */
    margin-right: 12px !important;
    margin-top: 0;
}

/* .currentUserContainer [class*="personanameandstatus_richPresenceLabel_"] */
.currentUserContainer ._2Ri005Wg_uXDTa71kdRbcN {
    -webkit-app-region: drag !important;
}

/* Top friends list part */
.currentUserContainer {
    border-bottom: 1px solid rgb(var(--frameBorder)) !important;
    background-color: rgb(var(--header_dark));
    padding-right: 0;
}

/* Friends list window*/
.friendlistListContainer {
    background: rgb(var(--clientBG)) !important;
}

/* Top friends list panel bg*/
/* .friendListHeaderContainer,
.friendsListSectionTitle */
.friendListHeaderContainer, .friendsListSectionTitle {
    background-color: rgb(var(--clientBG)) !important;
}

.friendListHeaderContainer {
    border: 0;
    min-height: fit-content;
}

.quickAccessFriends.emptyQuickAccess.hintDismissed {
    margin-top: 0;
}
/* Bottom panel bg*/
.friendListFooter {
    background-color: rgb(var(--clientBG)) !important;
    min-height: 15px !important;
    z-index: -1;
}

/* Top Panel Avatar Effect*/
.statusHeaderGlow {
    opacity: 0 !important;
}
/* Top Panel Focus Effect*/
.title-area-highlight {
    display: none;
}

/*Top Panel Focus Line*/
.singleWindowFocusBar {
    height: 0px !important;
    background: rgb(var(--clientBG)) !important;
    mask: none !important;
    -webkit-mask: none !important;
}

/* Online Friends header */
.onlineFriends .groupHeaderContainer {
    background: rgb(var(--clientBG)) !important;
}
/* Offline Friends header */
.offlineFriends .groupHeaderContainer {
    background: rgb(var(--clientBG)) !important;
}

/* Remove each category header margin */
.FriendsListContent .friendlistListContainer .friendGroup {
    border-top: none !important;
    margin-top: 0px !important;
}

/* PlusMinus Friends Header */
/* .friendGroup.offlineFriends .groupName .groupCount,
.friendGroup.onlineFriends .groupName .groupCount,
.friendGroup .groupName .groupCount.collapsed */
.friendGroup.offlineFriends .groupName .groupCount, .friendGroup.onlineFriends .groupName .groupCount, .friendGroup .groupName .groupCount.collapsed {
    color: rgb(var(--white)) !important;
}

/*Number of friends in a category*/
.friendGroup .groupName .groupCount {
    color: rgb(var(--white)) !important;
    margin-top: 0px !important;
}

.groupName {
    color: rgb(var(--white)) !important;
    font-size: 13px !important; /* Matched to the original Metro */
    text-transform: uppercase !important;
    margin-bottom: -3px !important;
}

.friendGroup .groupName {
    margin-top: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
    font-family: var(--basefont); /* Matched to the original Metro */
	align-items: center;
}

.groupName .gameGroupContainer .groupIcon {
    height: 16px;
    width: 16px;
    margin-top: 3px;
}

/* PlusMinus Friends Header Color*/
/* .ExpandPlusMinus .SVGIcon_PlusCircle .horizontalLine,
.ExpandPlusMinus .SVGIcon_PlusCircle .verticalLine */
.ExpandPlusMinus .SVGIcon_PlusCircle .horizontalLine, .ExpandPlusMinus .SVGIcon_PlusCircle .verticalLine {
    stroke: rgb(var(--white)) !important;
}

.ExpandPlusMinus {
    margin-top: auto !important;
	margin-bottom: auto !important;
	font-size: 0;
	line-height: 16px;
}

/* zzz icon next to friends' names on the list */
/* .listContentContainer [class*="friendsnooze_SnoozeContainer_"] */
.listContentContainer ._1DsumfIa3MlkzUV9EXY5W9 {
    display: none !important;
}

/* [class*="friendsnooze_SnoozeContainer_"].in-game [class*="friendsnooze_SnoozeZ_"] */
._1DsumfIa3MlkzUV9EXY5W9.in-game ._2n0EiKMGRP-r_BI5tDtttu {
    color: rgb(var(--ingame)) !important;
}

/* [class*="friendsnooze_SnoozeContainer_"].online[class*="friendsnooze_Dim_"]
[class*="friendsnooze_SnoozeZ_"],
[class*="friendsnooze_SnoozeContainer_"].online [class*="friendsnooze_SnoozeZ_"] */
._1DsumfIa3MlkzUV9EXY5W9.online.rpZ9bKyFXYvNQvgtKn5GV ._2n0EiKMGRP-r_BI5tDtttu, ._1DsumfIa3MlkzUV9EXY5W9.online ._2n0EiKMGRP-r_BI5tDtttu {
    color: rgb(var(--online)) !important;
}

/* Remove useless "Watch Broadcast" text */
/* .friendsContainer .watchingbroadcast .richPresenceContainer .gameName,
.friendlistListContainer .watchingbroadcast .richPresenceContainer .gameName */
.friendsContainer .watchingbroadcast .richPresenceContainer .gameName, .friendlistListContainer .watchingbroadcast .richPresenceContainer .gameName {
    position: absolute !important;
    opacity: 0 !important;
}
/* X unread Message in Friends Panel */
.unreadMessageViolator {
    background: rgb(var(--clientBG)) !important;
    color: rgb(var(--focus)) !important;
    width: calc(100% - 2px) !important;
    border: 0 !important;
    right: 0px !important;
    left: 0px !important;
    z-index: 2 !important;
}
/* Make chat screenshots small at startup */
.chatImageFull {
    width: 120px !important;
    /* height: 150px !important; */
}

.chatImageContainer img {
    /* the container might be a bit buggy but not important*/
    min-width: 100% !important;
    min-height: 100% !important;
}

/* Fix for each friend list to have correct hover height including the rich presence */
/* .CompactFriendsList .friend,
.CompactFriendsList .friendGroup .friend,
.CompactFriendsList .friendGroup .SteamPlayerGroupFooter,
.CompactFriendsList .friendGroup.gameGroup:not(.OtherGamesGroup) .friend */
.CompactFriendsList .friend, .CompactFriendsList .friendGroup .friend, .CompactFriendsList .friendGroup .SteamPlayerGroupFooter, .CompactFriendsList .friendGroup.gameGroup:not(.OtherGamesGroup) .friend {
    padding: 4px 0 8px 12px;
}

/* .chatRoomMembers .CompactFriendsList .friend:hover,
.MemberListColumn .friend:hover */
.chatRoomMembers .CompactFriendsList .friend:hover, .MemberListColumn .friend:hover {
    background-color: rgba(var(--white05));
}

/* Friends list items hover colors */
/* .friendStatusHover.online:hover,
.friendStatusHover.online.Friend_ContextMenuActive */
.friendStatusHover.online:hover, .friendStatusHover.online.Friend_ContextMenuActive {
    background-color: rgba(var(--white05)) !important;
}

/* .friendStatusHover.ingame:hover,
.friendStatusHover.ingame.Friend_ContextMenuActive */
.friendStatusHover.ingame:hover, .friendStatusHover.ingame.Friend_ContextMenuActive {
    background-color: rgba(var(--white05)) !important;
}

/* .friendStatusHover.offline:hover,
.friendStatusHover.offline.Friend_ContextMenuActive */
.friendStatusHover.offline:hover, .friendStatusHover.offline.Friend_ContextMenuActive {
    background-color: rgba(var(--white05)) !important;
}

/* .friendStatusHover.watchingbroadcast:hover,
.friendStatusHover.watchingbroadcast.Friend_ContextMenuActive */
.friendStatusHover.watchingbroadcast:hover, .friendStatusHover.watchingbroadcast.Friend_ContextMenuActive {
    background-color: rgba(var(--white05)) !important;
}

/* .friendStatusHover.golden:hover,
.friendStatusHover.golden.Friend_ContextMenuActive */
.friendStatusHover.golden:hover, .friendStatusHover.golden.Friend_ContextMenuActive {
    background-color: rgba(var(--white05)) !important;
}

/*Group chats hover*/
.ChatRoomListGroupItem:hover .ChatRoomListGroupItem_header {
    background-color: rgba(var(--white05));
}

/* Avatar status boxes */
.avatarHolder .avatarStatus {
    display: none !important;
}

/* [class*="miniprofile_miniProfileContent_"]
[class*="miniprofile_playerAvatar_"]
[class*="steamavatar_avatar_"] */
._1xTATKELHR-lRS_s3A4yzd ._36eQg-jp1ebbdaE6PBniHu ._3h-QRJGxnVOIExtHD1R0f2 {
    border: none !important;
}

/* .offline [class*="steamavatar_avatar_"] */
.offline ._3h-QRJGxnVOIExtHD1R0f2 {
    border: 1px solid rgb(var(--offline)) !important;
}

/* .online [class*="steamavatar_avatar_"] */
.online ._3h-QRJGxnVOIExtHD1R0f2 {
    border: 1px solid rgb(var(--online)) !important;
}

/* .ingame [class*="steamavatar_avatar_"] */
.ingame ._3h-QRJGxnVOIExtHD1R0f2 {
    border: 1px solid rgb(var(--ingame)) !important;
}

/* .watchingbroadcast [class*="steamavatar_avatar_"] */
.watchingbroadcast ._3h-QRJGxnVOIExtHD1R0f2 {
    border: 1px solid #c9bdf7 !important;
}

/* .golden [class*="steamavatar_avatar_"] */
.golden ._3h-QRJGxnVOIExtHD1R0f2 {
    border: 1px solid rgb(213, 191, 106) !important;
}

/* [class*="chattabs_ChatTab_"] [class*="chattabs_ChatTabContent_Friend_"],
[class*="chattabs_ChatTabContent_ChatRoomName_"] */
._2XZq-_f6npaQdAgeRzKIkz ._21I8pyEfvklCsrYIcsBtYY, ._1HNpQBKKKQ1tG2OZH3CSsh {
    opacity: 1 !important;
}

/* Icons on the friends panel */
/* .friendRequestButton .SVGIcon_FriendRequest .friendBodyFull,
.friendRequestButton .SVGIcon_FriendRequest .friendHead,
.friendRequestButton .SVGIcon_FriendRequest .friendArm,
.friendRequestButton .SVGIcon_FriendRequest .friendBody,
.addFriendButton .SVGIcon_AddFriend .friendHead,
.addFriendButton .SVGIcon_AddFriend .friendBody,
.addFriendButton .SVGIcon_AddFriend .plusCircle,
.friendsListSectionTitle .SVGIcon_NewChatGroup */
.friendRequestButton .SVGIcon_FriendRequest .friendBodyFull, .friendRequestButton .SVGIcon_FriendRequest .friendHead, .friendRequestButton .SVGIcon_FriendRequest .friendArm, .friendRequestButton .SVGIcon_FriendRequest .friendBody, .addFriendButton .SVGIcon_AddFriend .friendHead, .addFriendButton .SVGIcon_AddFriend .friendBody, .addFriendButton .SVGIcon_AddFriend .plusCircle, .friendsListSectionTitle .SVGIcon_NewChatGroup {
    fill: rgb(var(--white)) !important;
}

/* .friendsListSectionTitle,
.activeTab */
.friendsListSectionTitle, .activeTab {
    color: rgb(var(--white)) !important;
    background-color: rgb(var(--clientBG)) !important;
}

.TabSearchButton .ColorSelector {
    fill: rgb(var(--white)) !important;
    stroke: rgb(var(--white)) !important;
}

/* Remove Friends List Top Shadow */
/* [class*="insetshadow_FriendListInsetShadowTop_"],
[class*="insetshadow_FriendListInsetShadowBottom_"] */
._1osHa9KHOmdCDNrA232z4N, ._2OoTJwlWvzvAysWOOEQaXS {
    background: none !important;
}

/* Remove Playing with X amount of people */
.SteamPlayerGroupFooterLabel {
    display: none !important;
}

/* .friend.firstInGroup .SteamPlayerGroupLines,
.friend.inGroup .SteamPlayerGroupLines,
.friend.lastInGroup .SteamPlayerGroupLines,
.SteamPlayerGroupFooter .SteamPlayerGroupLines */
.friend.firstInGroup .SteamPlayerGroupLines, .friend.inGroup .SteamPlayerGroupLines, .friend.lastInGroup .SteamPlayerGroupLines, .SteamPlayerGroupFooter .SteamPlayerGroupLines {
    display: none !important;
}

.SteamPlayerGroupFooterCount .count {
    position: absolute !important;
    margin-top: -42px !important;
    color: rgba(var(--ingame), 1) !important;
    font-size: 14px !important;
    line-height: 14px !important;
    right: 27px !important;
    text-align: left !important;
}

.CompactFriendsList .SteamPlayerGroupFooterCount .count {
    display: none !important;
}

/* Remove heightspace after each friend item */
.friendGroup .SteamPlayerGroupFooter {
    position: absolute !important;
}
/* Remove waste of space after categorized games */
.CompactFriendsList .friendsContainer {
    padding: 0 !important;
}

.chatWindow {
    background: rgb(var(--clientBG)) !important;
    font-size: var(--chatfont) !important;
}

.chatRoomListContainer {
    background: rgb(var(--clientBG)) !important;
	height: 100vh !important;
    max-height: calc(100vh - 122px) !important;
}

.titleBarContainer.ChatTabs {
    background: rgb(var(--header_dark)) !important;
    border: none !important;
}

.chatEntryControls {
    background-color: rgb(var(--textentry)) !important;
}

/* Avatar status inside the chat tabs context menu */
/* [class*="chattabs_ChatTabContent_Friend_"] .avatarHolder .avatarStatus */
._21I8pyEfvklCsrYIcsBtYY .avatarHolder .avatarStatus {
    height: 107% !important;
    margin: -1px 1px !important;
    z-index: -1 !important;
}

.ChatTabsContextMenu .ChatTabContextMenuItem {
    padding: 0 !important;
}

.ChatTabsContextMenu {
    padding-top: 0;
}

.ScrollToBottomButton {
    padding-top: 0px !important;
    color: rgb(var(--white)) !important;
    z-index: 13 !important;
}

.ScrollToBottomButton > span {
        width: 100% !important;
        background: rgb(var(--header_dark)) !important;
}

.ScrollToBottomButton.UnreadMessages > span {
        color: rgb(var(--focus)) !important;
        font-weight: 600;
}

/* Favorites List Unread Indicator */
/* .quickAccessFriends.compactQuickAccess
.friend.quickAccessFriend
.ChatUnreadMessageIndicator
.chatUnreadCircle */
.quickAccessFriends.compactQuickAccess .friend.quickAccessFriend .ChatUnreadMessageIndicator .chatUnreadCircle {
    top: -4px !important;
    height: 2px !important;
    width: 100% !important;
    left: 2px !important;
}

/* .quickAccessFriends:not(.compactQuickAccess)
.friend.quickAccessFriend
.ChatUnreadMessageIndicator
.chatUnreadCircle */
.quickAccessFriends:not(.compactQuickAccess) .friend.quickAccessFriend .ChatUnreadMessageIndicator .chatUnreadCircle {
    left: 3px !important;
    top: -4px !important;
    height: 2px !important;
    width: calc(100% - 6px) !important;
}

.Collapsed .chatSectionTitle .ChatUnreadMessageIndicator .chatUnreadCircle {
    background-color: transparent !important;
}

.ChatUnreadMessageIndicator .chatUnreadCircle {
    background-color: rgb(var(--focus)) !important;
    border-radius: 3px !important;
    width: 6px !important;
    height: 6px !important;
}

.chatHeader {
    background: rgb(var(--clientBG)) !important;
    min-height: 0px !important;
    z-index: 2;
    border-top: 1px solid rgb(var(--frameBorder));
}

/* .chatTabList [class*="chattabs_ChatTab_"],
.ChatTabsBackButton */
.chatTabList ._2XZq-_f6npaQdAgeRzKIkz, .ChatTabsBackButton {
    background: rgb(var(--clientBG)) !important; /*rgba(var(--white05))*/
    border: 0 !important;
    /*border-bottom: 1px solid transparent !important; /* It's --focus in the original Metro but it also doesn't have profile pics to align with in that one*/
    width: 170px !important;
}

/* [class*="chattabs_ChatTab_"] */
._2XZq-_f6npaQdAgeRzKIkz {
    background: rgb(var(--clientBG)) !important;
    padding-right: 5px !important;
    padding-left: 7px;
}

.chatEntry {
    background: rgb(var(--textentry)) !important;
    padding: 0px !important;
}

/* [class*="chatentry_chatSubmitButton_"][class*="chatentry_disabled_"],
[class*="chatentry_chatSubmitButton_"][class*="chatentry_EmbedButton_"],
[class*="chatentry_chatSubmitButton_"][class*="chatentry_EmoticonPickerButton_"] */
.RVIs84dAE6wHcjH9tkinc.jaQN2IyN4P8LZXJ6P11qy, .RVIs84dAE6wHcjH9tkinc._3zOBeq5W4cNK3lRz_7aroW, .RVIs84dAE6wHcjH9tkinc.Aupswi7-c-w3XwNO5cp2i {
    background-color: rgb(var(--textentry)) !important;
}

/* .VoiceToggle.Inactive:hover,
[class*="chatentry_chatSubmitButton_"][class*="chatentry_EmbedButton_"]:hover,
[class*="chatentry_chatSubmitButton_"][class*="chatentry_EmoticonPickerButton_"]:hover,
[class*="chatentry_chatSubmitButton_"]:hover */
.VoiceToggle.Inactive:hover, .RVIs84dAE6wHcjH9tkinc._3zOBeq5W4cNK3lRz_7aroW:hover, .RVIs84dAE6wHcjH9tkinc.Aupswi7-c-w3XwNO5cp2i:hover, .RVIs84dAE6wHcjH9tkinc:hover {
    background-color: rgba(var(--white05)) !important;
    cursor: default !important;
}

.ChatMessageEntryVoice {
    background: transparent;
    color: rgba(var(--white)) !important;
    max-width: 46px !important;
    margin-left: 0px !important;
    padding: 0;
	max-height: 40px;
}

.ChatMessageEntryVoice.Active {
    background: none;
	min-width: 115px;
    width: 115px;
	max-width: 115px;
}

.ChatMessageEntryVoice.Disabled {
    opacity: 0.2;
    border: none !important;
    outline: none !important;
}

/* [class*="chatentry_chatSubmitButton_"] */
.RVIs84dAE6wHcjH9tkinc {
    position: relative;
    background-color: rgb(var(--textentry)) !important;
    border: 0 !important;
    margin-top: 0 !important;
    min-width: 32px !important;
    min-height: 40px !important;
    cursor: default !important;
}

.chatWindow .chatEntry > .compactableHeight {
    height: 40px !important;
}

.VoiceToggle {
    height: 40px !important;
    max-height: 40px;
    border: 0;
    cursor: default;
}

.buttonsContainer .VoiceToggleIconCtn {
    top: 8px !important;
    left: 10px;
}

.chatEntry .activeVoiceFlexBox {
    height: 28px !important;
}

/* .SVGIcon_Submit,
[class*="chatentry_EmoticonPickerButton_"] .SVGIcon_Emoticon,
[class*="chatentry_EmbedButton_"] .SVGIcon_Paperclip */
.SVGIcon_Submit, .Aupswi7-c-w3XwNO5cp2i .SVGIcon_Emoticon, ._3zOBeq5W4cNK3lRz_7aroW .SVGIcon_Paperclip {
    width: 20px !important;
    height: 20px !important;
    margin-top: 2px;
    margin-bottom: 2px;
}

.ChatMessageEntryVoice .activeVoiceButtons button {
    max-width: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    margin-top: 5px !important;
}

.ChatMessageEntryVoice .activeVoiceButtons {
    width: 64px !important;
}

.ChatMessageEntryVoice.pushToTalkEnabled .activeVoiceButtons {
    margin-top: 0;
}

.ChatMessageEntryVoice.pushToTalkEnabled .VoiceControlPanelButton {
    min-height: 14px !important;
}

/* .ChatMessageEntryVoice.pushToTalkEnabled
.activeVoiceButtons
.SVGIcon_Button.SVGIcon_Shadow */
.ChatMessageEntryVoice.pushToTalkEnabled .activeVoiceButtons .SVGIcon_Button.SVGIcon_Shadow {
    top: 2px !important;
}

.ChatMessageEntryVoice .activeVoicePushToTalk {
    top: 24px;
    right: 0px !important;
    width: 66px !important;
    text-align: center !important;
    color: #74c069; /* Hardcoded, must be changed */
    background-color: transparent;
}

.VoiceToggle, .chatTextarea {
    background: rgb(var(--textentry));
}

.ChatMessageBlock.SingletonMsg .FriendChatTimeStamp {
    background: none !important;
}

/* [class*="chatentry_chatSubmitButton_"][class*="chatentry_disabled_"] */
.RVIs84dAE6wHcjH9tkinc.jaQN2IyN4P8LZXJ6P11qy {
    margin-left: -1px !important;
    display: none !important;
}

/* [class*="contextmenu_contextMenu_"] */
.PP7LM0Ow1K5qkR8WElLpt {
    background: rgb(var(--clientBG));
    padding: 0px;
}

/* [class*="contextmenu_contextMenu_"]::after */
.PP7LM0Ow1K5qkR8WElLpt::after { /* Sims's idea. Thanks! */
    border: 1px solid rgb(var(--frameBorder));
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    content: '';
    z-index: 200;
    pointer-events: none;
}

/* [class*="contextmenu_contextMenuItem_"]:hover,
[class*="contextmenu_contextMenuItem_"][class*="contextmenu_active_"] */
._1n7Wloe5jZ6fSuvV18NNWI:hover, ._1n7Wloe5jZ6fSuvV18NNWI._18z-3vkWndCBO5WJgFldRK {
    background: rgba(var(--white05)) !important;
}

/* [class*="contextmenu_contextMenuItem_"][class*="contextmenu_SubMenu_"] */
._1n7Wloe5jZ6fSuvV18NNWI._2RlEO6dx1vo3OB7EFJnzDi {
    padding-right: 0;
}

/* [class*="contextmenu_contextMenuItem_"][class*="contextmenu_SubMenu_"].SVGIcon_DownArrowContextMenu */
._1n7Wloe5jZ6fSuvV18NNWI._2RlEO6dx1vo3OB7EFJnzDi.SVGIcon_DownArrowContextMenu {
    fill: rgba(var(--white));
}

/* Settings windows */
/* .DialogContent, .DialogContentTransition,
[class*="pagedcontent_Content_"] */
.DialogContent, .DialogContentTransition, ._3mf9BBKxhIVdrt6nIWBt4x {
    background: rgb(var(--clientBG)) !important;
}

.DialogSlider_Value {
    background: rgb(var(--focus)) !important;
}

.DialogSlider_Grabber {
    background: rgba(var(--white75)) !important;
}

button.Primary.DialogButton:not(.Off):not(.Disabled) {
    background: rgb(var(--white12));
}

/* [class*="radio_Button_"][class*="radio_Active_"],
[class*="radio_Button_"][class*="radio_Active_"]:hover */
.HijmccPB1BKyhOwhX1EVl._3-_jME_xsuvgT3Dvq4bw_q, .HijmccPB1BKyhOwhX1EVl._3-_jME_xsuvgT3Dvq4bw_q:hover {
    background-color: rgb(var(--focus));
}

/* [class*="toggle_Toggle_"] [class*="toggle_ToggleSwitch_"][class*="toggle_On_"] */
._3Sl0QHQ69uK7ZMQo5vBfrA ._3IWp5BnnsY_aMKCxhCjShP._317lekDG36odwSaDLtFQgd {
    background-color: rgb(var(--focus));
    background-image: none;
}

/* [class*="toggle_Toggle_"] [class*="toggle_ToggleRail_"][class*="toggle_Highlight_"] */
._3Sl0QHQ69uK7ZMQo5vBfrA ._2Fw7gGOSCr7y9elv8iszxw._2OUxguuTe-NeOXZXxSNQsw {
    background-color: rgba(var(--focus), 0.3);
}

/* [class*="radio_Group_"] */
._1ml4SNc3LIyBDHIf8ekVSw {
    color: rgb(var(--white));
}

button.DialogButton:hover {
    background: rgb(var(--white24)) !important;
    color: rgb(var(--white));
}

/* button.DialogButton:disabled,
button.DialogButton:disabled:hover */
button.DialogButton:disabled, button.DialogButton:disabled:hover {
    background: rgb(var(--header_dark)) !important;
}

button.DialogButton.Primary:hover, button.DialogButton.Primary.gpfocus {
    color: rgb(var(--white));
}

.DialogCheckbox path {
    stroke: rgb(var(--white)) !important;
}

button.DialogButton.roleButton.owner:disabled {
    background-color: rgb(var(--header_dark)) !important;
}

.Disabled .DialogOnOffToggle_Option.Active {
    background-color: #4f4f4f !important; /* Hardcoded, must be changed */
}

.DialogDropDownMenu._DialogInputContainer {
    border: 1px solid #383535 !important; /* Hardcoded, must be changed */
    background: rgb(var(--header_dark)) !important;
}

._DialogInputContainer .DialogDropDown_Arrow .SVGIcon_DownArrowContextMenu {
    fill: rgba(var(--white75)) !important;
}

.DialogBody a {
    color: rgb(140, 140, 140) !important; /* Hardcoded, must be changed */
    text-decoration: underline !important;
}

    .DialogBody a:hover {
        color: rgba(var(--white75)) !important;
    }

/* ._DialogTextInputBase,
._DialogInputContainer */
._DialogTextInputBase, ._DialogInputContainer {
    background: rgb(var(--textentry));
}

.FriendPicker_SuggestedFriend .friend:hover {
    background: rgb(var(--white05));
}

.DialogDropDown._DialogInputContainer {
    color: rgba(var(--white)) !important;
    padding: 3px 5px !important;
    border: 1px solid rgb(var(--white12));
}

/* [class*="voicesettings_TransmissionTypeSettings_"] */
._9f6l1QguATU8azyynXSQM {
    border: 1px solid rgb(53, 53, 53) !important; /* Hardcoded, must be changed */
}

.DialogDropDown._DialogInputContainer:hover {
    border: 1px solid rgb(var(--white24));
}

.DialogDropDown_Arrow {
    top: 5px !important;
}

/* .Dialog_EditNickName .friend.online ._DialogTextInputBase,
.Dialog_ChangePersonaName .friend.online ._DialogTextInputBase */
.Dialog_EditNickName .friend.online ._DialogTextInputBase, .Dialog_ChangePersonaName .friend.online ._DialogTextInputBase {
    border: 1px solid rgb(53, 53, 53) !important; /* Hardcoded, must be changed */
    color: rgba(var(--white75)) !important;
    background: rgb(39, 39, 39) !important; /* Hardcoded, must be changed */
}

.DialogDropDown {
    cursor: initial !important;
}

/* .DialogLabel,
.DialogLabelStrong */
.DialogLabel, .DialogLabelStrong {
    text-transform: none !important;
    color: rgb(var(--white));
}

.DialogDropDown_Arrow .SVGIcon_DownArrowContextMenu {
    fill: none !important;
}

/* button.DialogButton,
.DialogToggleField_Option:hover:not(.Active) */
button.DialogButton, .DialogToggleField_Option:hover:not(.Active) {
    background: #4c4c4c; /* Hardcoded, must be changed */
}

.DialogToggleField_Option {
    background: #343434 !important; /* Hardcoded, must be changed */
}

    .DialogToggleField_Option.Active {
        background: rgb(var(--focus)) !important;
    }

/* .DialogLabel,
.DialogLabelStrong,
._DialogInputContainer */
.DialogLabel, .DialogLabelStrong, ._DialogInputContainer {
    color: rgb(var(--white));
}

.DialogCheckbox_Container {
    padding: 0 !important;
}

/* ._DialogLayout:not(.DialogButton):not(.DialogContent),
[class*="radio_Group_"] */
._DialogLayout:not(.DialogButton):not(.DialogContent), ._1ml4SNc3LIyBDHIf8ekVSw {
    background: none !important;
}

/* [class*="pagedsettings_PagedSettingsDialog_PageListColumn_"],
[class*="pagedcontent_Nav_"] */
._2kwFFHckg8jvnwJfg9-la8, .xSTLmzylFJdIfak7ZdhuA {
    background: rgb(var(--header_dark)) !important;
    padding-left: 0px !important;
    min-width: 205px !important;
    padding-top: 25px;
}

/* [class*="pagedcontent_Nav_"] */
.xSTLmzylFJdIfak7ZdhuA {
    padding-right: 0px !important;
}

    /* [class*="pagedsettings_PagedSettingsDialog_Title_"],
    [class*="pagedcontent_Nav_"] [class*="pagedcontent_NavTitle_"] */
._2rjVTGz8aLvqOdz5v2gq5C, .xSTLmzylFJdIfak7ZdhuA .uyoPtKbi4K01XGuYF5-C_ {
        color: rgb(var(--white)) !important;
        font-size: 18px !important;
        text-transform: none !important;
        margin-left: 15px !important;
        margin-top: 0;
        font-weight: 200 !important;
        padding-left: 0px;
    }

/* .DialogHeader,
[class*="dialogs_DialogTitle_"] */
.DialogHeader, .e600t61ObcLA11pIZAVb9 {
    color: rgb(var(--white));
    font-size: 18px !important;
    text-transform: none !important;
    letter-spacing: 0px !important;
    font-weight: 200 !important;
}

._3mf9BBKxhIVdrt6nIWBt4x .DialogHeader {
    color: rgb(var(--white)); /*Could be --focus if the Windows 8 style is preferred over 10. */
}

/* [class*="pagedsettings_PagedSettingsDialog_PageListItem_"],
[class*="pagedcontent_Nav_"]
[class*="pagedcontent_NavItems_"]
[class*="pagedcontent_NavItem_"] */
._1-vlriAtKYDViAEunue4VO, .xSTLmzylFJdIfak7ZdhuA .MWzjHR-uqa-svGrdXYfUl ._2YV0m3IRCNOoUV9YhJNFnV {
    text-transform: none !important;
    font-size: 14px !important;
    margin-bottom: 0;
    padding: 5px 15px !important;
    cursor: default !important;
}

    /* [class*="pagedsettings_PagedSettingsDialog_PageListItem_"][class*="pagedsettings_Active_"],
    [class*="pagedcontent_Nav_"]
    [class*="pagedcontent_NavItems_"]
    [class*="pagedcontent_NavItem_"][class*="pagedcontent_Active_"] */
._1-vlriAtKYDViAEunue4VO._2DpXjzK3WWsOtUWUrcuOG7, .xSTLmzylFJdIfak7ZdhuA .MWzjHR-uqa-svGrdXYfUl ._2YV0m3IRCNOoUV9YhJNFnV._1DfstUr4tIt3Jdt7Mrxfxo {
        background-color: rgb(var(--white25));
        color: rgb(var(--white));
    }

    /* [class*="pagedsettings_PagedSettingsDialog_PageListItem_"]:not([class*="pagedsettings_Active_"]):hover */
._1-vlriAtKYDViAEunue4VO:not(._2DpXjzK3WWsOtUWUrcuOG7):hover {
        background-color: rgb(var(--white12));
    }

    /* [class*="pagedsettings_PagedSettingsDialog_PageListItem_"],
    [class*="pagedsettings_PagedSettingsDialog_PageListItem_"]:not([class*="pagedsettings_Active_"]):hover,
    [class*="pagedcontent_Nav_"]
    [class*="pagedcontent_NavItems_"]
    [class*="pagedcontent_NavItem_"],
    [class*="pagedcontent_Nav_"]
    [class*="pagedcontent_NavItems_"]
    [class*="pagedcontent_NavItem_"]:not([class*="pagedcontent_Active_"]):hover */
._1-vlriAtKYDViAEunue4VO, ._1-vlriAtKYDViAEunue4VO:not(._2DpXjzK3WWsOtUWUrcuOG7):hover, .xSTLmzylFJdIfak7ZdhuA .MWzjHR-uqa-svGrdXYfUl ._2YV0m3IRCNOoUV9YhJNFnV, .xSTLmzylFJdIfak7ZdhuA .MWzjHR-uqa-svGrdXYfUl ._2YV0m3IRCNOoUV9YhJNFnV:not(._1DfstUr4tIt3Jdt7Mrxfxo):hover {
        color: rgb(var(--white50));
    }

/* [class*="chatroomgroupsettings_LeaveButton_"] */
._1NqKTWvxtFgflRlqLTtv7e {
    margin-left: 0;
	padding-left: 5px;
}

.ModalPosition_TopBar {
    display: none;
}

.DialogToggleField_Option:hover:not(.Active) {
    background: rgb(var(--white12));
}

/*.DialogCheckbox .SVGIcon_DialogCheck {
    overflow: rgb(var(--white)) !important; Looks like a typo
}*/

.FriendsSettingsNotificationRow {
    background-color: transparent !important;
    color: rgb(140, 140, 140) !important; /* Hardcoded, must be changed */
}

.MemberListColumn.MemberListViewCompact ::-webkit-scrollbar {
    /* Don't show the scrollbar in compact mode (but container remains scrollable) */
    width: 0 !important;
    background: transparent !important;
}

/* scroll bar*/
::-webkit-scrollbar {
    width: var(--scrollbarSize) !important;
}

.ChatTabs ::-webkit-scrollbar-thumb {
    background-color: transparent !important;
}

::-webkit-scrollbar-thumb {
    border-radius: 0px !important;
    background: rgba(var(--white05)) !important;
    border: 0px solid #131313 !important;
}

.chatWindow ::-webkit-scrollbar,
.friendlist ::-webkit-scrollbar {
    background: rgb(var(--clientBG)) !important;
    width: var(--scrollbarSize) !important;
}
/* scroll bar button */
::-webkit-scrollbar-button:single-button {
    height: 16px !important;
    border-radius: 0px !important;
    background-color: none !important;
    border: 2px solid transparent !important;
    display: block;
}

/* disables scroll buttons at settings */
.DialogBody::-webkit-scrollbar-button {
    display: none !important;
}

::-webkit-scrollbar-button:hover {
    background-color: rgba(var(--white05));
}

/* Remove the following sections when on Linux or Mac */

/* Up */
::-webkit-scrollbar-button:vertical:decrement {
    background-image: var(--arrow_up);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
/* Down */
::-webkit-scrollbar-button:vertical:increment {
    background-image: var(--arrow_down);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

/* Remove the above sections when on Linux or Mac */

/* hovering for the scrollbar itself */
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--white10)) !important;
    border-radius: 0px !important;
}

.multiChatDialog {
    border: 1px solid rgb(var(--frameBorder));
}

.friendsListSectionTitle .chatSectionTitle .groupChatSectionTitle {
    position: absolute !important;
    left: 15px !important;
    /* Matched to the original Metro except for the font size of 12px, as we don't need to worry about the width here: */
    font-weight: 600;
    letter-spacing: 0;
    font-family: var(--basefont);
    /* */
}

.groupChatSectionTitle {
    font-weight: 600;
    letter-spacing: 0;
    font-family: var(--basefont);
}

/* Groups chat selected category on servers */
/* .chatRoomTextChannel.ActiveTextChannel,
.chatRoomGroupNavCollapsed .chatRoomTextChannel.ActiveTextChannel:hover */
.chatRoomTextChannel.ActiveTextChannel, .chatRoomGroupNavCollapsed .chatRoomTextChannel.ActiveTextChannel:hover {
    background: rgb(var(--white25));
}

    .chatRoomGroupNavCollapsed .chatRoomTextChannel.ActiveTextChannel:hover .chatRoomTextChannelName {
        background: transparent;
    }

.chatRoomGroupNavCollapsed .chatRoomVoiceChannel:not(.ActiveVoiceChannel):hover .chatRoomVoiceChannelName, .chatRoomGroupNavCollapsed .chatRoomTextChannel:hover .chatRoomTextChannelName {
    background-color: transparent;
}
/* Friend search input box */
/* .friendSearchInput[type="text"]:focus,
.friendSearchInput[type="text"] */
.friendSearchInput[type="text"]:focus, .friendSearchInput[type="text"] {
    background-color: rgb(var(--textentry)) !important;
    color: rgb(var(--white));
}

.SearchActive .friendSearchClear {
    opacity: 0;
}

.friendSearchClear:hover {
    opacity: 0.5;
}

.friendSearchClear {
    cursor: default;
}

.SearchActive:focus-within .friendSearchClear:not(:hover) {
    opacity: 1;
}

/* Random stuff from groups area on friends list */
.chatRoomVoiceChannel .ActiveVoiceChannel {
    background-color: #191b1b !important;
}

.ChatRoomListGroupItem .openGroupButton:hover {
    background-color: #2f2e2e !important;
}
/* Voice control */
.activeVoiceControls {
    background: transparent !important;
    border-image: none !important;
    border-color: rgb(0, 163, 0) !important;
	border-top: 0;
}

.OneOnOneVoiceStatusLabel {
    margin-top: 0;
    overflow: hidden;
    white-space: normal;
	align-self: center;
}

.OneOnOneVoiceActive {
    background: rgb(var(--header_dark)) !important;
    border-bottom: 1px solid rgb(var(--frameBorder)) !important;
}
/* Change cursor at groups */
.voiceRoomDragBar {
    cursor: initial !important;
}

/* Group chats List Height remake  */
.chatRoomListContainer[style="height: 0px; max-height: 0px; min-height: 0px;"] {
    display: none !important;
}

/* Friends remove height and remake height */
.friendlistListContainer {
    min-height: 0px !important;
}

/* Group chats Button Clickable Area */
.ToggleGroupChatList {
    position: absolute !important;
    z-index: 11 !important;
    right: 33px;
    width: 100% !important;
    height: 30px !important;
}

.ToggleGroupChatList:hover {
    background: rgb(var(--white05));
}

.Collapsed .ToggleGroupChatList svg {
    display: none;
}

/* .FriendsListChatSection.ChatRoomListContainerParent
.ToggleGroupChatList
.SVGIcon_DoubleArrow */
.FriendsListChatSection.ChatRoomListContainerParent .ToggleGroupChatList .SVGIcon_DoubleArrow {
    width: 8px;
    height: 8px;
    margin-top: 11px;
    position: sticky;
    left: 5px;
}

/* chat window message entry box */
/* [class*="chatentry_chatEntryControls_"] */
._3Ule3rolhZJiBN4yNNtk1s {
    background-color: rgb(var(--textentry)) !important;
    padding-right: 0px !important;
    color: rgb(var(--white)) !important;
}
/*the box where you type*/
/* [class*="chatentry_chatTextarea_"] */
._113iuw_HlE_qSgt9cGWCSv {
    font-size: 13px !important;
    background-color: rgb(var(--textentry)) !important;
    height: 29px !important;
    padding: 5px 5px 5px 5px !important;
    color: rgb(var(--white)) !important;
}

/* [class*="chatentry_chatEntryControls_"] [class*="chatentry_chatSubmitButton_"] */
._3Ule3rolhZJiBN4yNNtk1s .RVIs84dAE6wHcjH9tkinc {
    margin-bottom: 0px !important;
}

/* .ChatTabs.compactView .friend [class*="personanameandstatus_richPresenceLabel_"] */
.ChatTabs.compactView .friend ._2Ri005Wg_uXDTa71kdRbcN {
    line-height: 13px !important;
    font-size: 12px !important;
    margin-top: 1px !important;
}

/* .ChatTabs.compactView .chatTabList .chatTab,
.ChatTabs.compactView .ChatTabsBackButton */
.ChatTabs.compactView .chatTabList .chatTab, .ChatTabs.compactView .ChatTabsBackButton {
    height: 34px !important;
}

/* .ingame.awayOrSnooze [class*="personanameandstatus_richPresenceLabel_"],
.ingame [class*="personanameandstatus_richPresenceLabel_"],
.ingame [class*="personanameandstatus_richPresenceLabel_"] a,
.ingame [class*="personanameandstatus_richPresenceLabel_"] a:hover,
.ingame [class*="personanameandstatus_richPresenceLabel_"] a:active,
.ingame [class*="personanameandstatus_richPresenceLabel_"] a:visited */
.ingame.awayOrSnooze ._2Ri005Wg_uXDTa71kdRbcN, .ingame ._2Ri005Wg_uXDTa71kdRbcN, .ingame ._2Ri005Wg_uXDTa71kdRbcN a, .ingame ._2Ri005Wg_uXDTa71kdRbcN a:hover, .ingame ._2Ri005Wg_uXDTa71kdRbcN a:active, .ingame ._2Ri005Wg_uXDTa71kdRbcN a:visited {
    color: rgba(var(--ingame), 0.75) !important;
}

/* .ingame
[class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"],
.ingame
[class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"]
a,
.ingame
[class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"]
a:hover,
.ingame
[class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"]
a:active,
.ingame
[class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"]
a:visited,
.ingame[class*="personanameandstatus_twoLine_"]
[class*="personanameandstatus_richPresenceLabel_"] */
.ingame ._1cB0qtF0paHWWyj1XNcnbG._2Ri005Wg_uXDTa71kdRbcN, .ingame ._1cB0qtF0paHWWyj1XNcnbG._2Ri005Wg_uXDTa71kdRbcN a, .ingame ._1cB0qtF0paHWWyj1XNcnbG._2Ri005Wg_uXDTa71kdRbcN a:hover, .ingame ._1cB0qtF0paHWWyj1XNcnbG._2Ri005Wg_uXDTa71kdRbcN a:active, .ingame ._1cB0qtF0paHWWyj1XNcnbG._2Ri005Wg_uXDTa71kdRbcN a:visited, .ingame._1BbOegz8bYL7iPzgYpOgQI ._2Ri005Wg_uXDTa71kdRbcN {
    color: rgb(var(--ingame)) !important;
}

/* .online [class*="personanameandstatus_richPresenceLabel_"],
.online
[class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"]
a,
.online
[class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"]
a:hover,
.online
[class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"]
a:active,
.online
[class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"]
a:visited */
.online ._2Ri005Wg_uXDTa71kdRbcN, .online ._1cB0qtF0paHWWyj1XNcnbG._2Ri005Wg_uXDTa71kdRbcN a, .online ._1cB0qtF0paHWWyj1XNcnbG._2Ri005Wg_uXDTa71kdRbcN a:hover, .online ._1cB0qtF0paHWWyj1XNcnbG._2Ri005Wg_uXDTa71kdRbcN a:active, .online ._1cB0qtF0paHWWyj1XNcnbG._2Ri005Wg_uXDTa71kdRbcN a:visited {
    color: rgb(var(--online)) !important;
}

/* .ingame [class*="personanameandstatus_playerName_"] */
.ingame .nOdcT-MoOaXGePXLyPe0H {
    color: rgb(var(--ingame)) !important;
}

/* .currentUserContainer .ingame [class*="personanameandstatus_playerName_"],
.friend.ingame */
.currentUserContainer .ingame .nOdcT-MoOaXGePXLyPe0H, .friend.ingame {
    color: rgb(var(--ingame)) !important;
}

/* .online [class*="personanameandstatus_playerName_"] */
.online .nOdcT-MoOaXGePXLyPe0H {
    color: rgb(var(--online)) !important;
}

/* .ingame [class*="steamavatar_avatarStatus_"],
.ingame .X-Large [class*="steamavatar_avatarStatus_"] */
.ingame ._3xUpb5DWXPFNcHHIcv-9pe, .ingame .X-Large ._3xUpb5DWXPFNcHHIcv-9pe {
    background: rgb(var(--ingame)) !important;
}

/* .online [class*="steamavatar_avatarStatus_"] */
.online ._3xUpb5DWXPFNcHHIcv-9pe {
    background: rgb(var(--online)) !important;
}

.FriendChatTimeStamp {
    font-size: 10px !important;
    display: none !important;
}

    .FriendChatTimeStamp.online {
        color: #4b8fcc !important;
    }

.FriendChatSpeaker .speaker.online {
    color: rgb(var(--online)) !important;
}

.FriendChatSpeaker .speaker.ingame {
    color: rgb(var(--ingame)) !important;
}

/* .ChatHistoryContainer .nameWidthLabel,
.ChatSpeaker .speaker */
.ChatHistoryContainer .nameWidthLabel, .ChatSpeaker .speaker {
    font-size: 13px;
}

.chatHistoryScroll {
    padding: 5px 0px 16px 1px !important;
    scroll-padding-top: auto;
    scroll-padding-bottom: auto;
}

.window_resize_grip {
    background-image: none !important;
    width: 5px !important;
    height: 5px !important;
}

.inviteAnotherFriendButton {
    background: transparent !important;
    cursor: initial !important;
}

    /* .inviteAnotherFriendButton:hover .invitePlus,
    .chatRoomButton:hover:not(.Disabled) .invitePlus */
.inviteAnotherFriendButton:hover .invitePlus, .chatRoomButton:hover:not(.Disabled) .invitePlus {
        transform: none !important;
    }

.chatWindow .chatEntry > * {
    margin-bottom: 0;
}

.singlewindow .chatWindow .chatEntry {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.OneOnOneVoiceClose {
    background-color: rgb(var(--white12));
    z-index: 200 !important;
}
/*emoticons and attachments area*/
/* [class*="chatentry_chatEntryActionsGroup_"] */
._2WfNoLBdfKwyutA6ho4aSH {
    background-color: rgb(var(--textentry)) !important;
    padding: 0px !important;
    margin-left: 0px !important;
    min-height: 40px;
}

/*arrow at tab selection*/
.chatTabSelector {
    background: none !important;
    border: 0;
    width: 18px;
    height: 16px !important;
    margin: 9px 3px 0px 6px;
    cursor: initial !important;
}

    .chatTabSelector .SVGIcon_DownArrowContextMenu {
        margin-left: 2px !important;
        margin-top: 2px !important;
        fill: rgb(var(--white35)) !important;
        width: 100%;
        height: 100%;
    }

.FriendChatTypingNotification {
    background-color: transparent;
    background: linear-gradient(to top, rgb(var(--clientBG)) 95%, transparent 0);
    color: #8c8c8c;
    padding: 0px 4px 0px 10px;
    font-weight: 300;
    text-transform: uppercase;
}

/* [class*="chattabs_ChatTab_"] .chatTabHighlight */
._2XZq-_f6npaQdAgeRzKIkz .chatTabHighlight {
    height: 0px !important;
    z-index: 20 !important;
    background: none !important;
}

/* [class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"]) .chatTabHighlight */
._2XZq-_f6npaQdAgeRzKIkz:not(.Yd-DsWkYiFiYwpci--Yk_) .chatTabHighlight {
    background: none !important;
}

/* [class*="contextmenu_contextMenuContents_"] */
._2EstNjFIIZm_WUSKm5Wt7n {
    font-size: 12px !important;
}

/* [class*="contextmenu_contextMenuItem_"] */
._1n7Wloe5jZ6fSuvV18NNWI {
    padding: 4px 10px !important;
    line-height: 16px !important;
    color: rgb(var(--white)) !important;
    border-top: none !important;
    border-bottom: none !important;
}

/* [class*="contextmenu_contextMenuItem_"] li:nth-child(2) */
._1n7Wloe5jZ6fSuvV18NNWI li:nth-child(2) {
    display: none !important;
}

/* .contextMenuUnselectable:hover,
.contextMenuGameTitle,
.contextMenuBroadcast,
.contextMenuGameOptions */
.contextMenuUnselectable:hover, .contextMenuGameTitle, .contextMenuBroadcast, .contextMenuGameOptions {
    background-color: rgb(var(--clientBG)) !important;
}

.contextMenuGameTitle {
    border-top: 1px solid rgb(var(--white12)) !important;
}

.contextMenuGameOptions .SVGIcon_Play {
    display: none !important;
}

/* html[class*="contextmenu_ContextMenuPopup_"] [class*="contextmenu_contextMenuContents_"] */
html._14wqdluDeDnnEcg3OSLEmd ._2EstNjFIIZm_WUSKm5Wt7n {
    padding: 0 !important;
}

.currentUserAvatar:hover {
    transform: none !important;
    filter: none !important;
}

/* [class*="miniprofile_miniProfileBackground_"] */
._3HzZhZyBuR0K4qXaQoHMxI {
    background: rgba(var(--clientBG));
}

/* [class*="miniprofile_miniProfileBackgroundBlur_"] */
.xUosYQXZvivPCxe-KwpvT {
    opacity: 0 !important;
}

/* [class*="miniprofile_miniProfileContent_"]
[class*="miniprofile_miniProfilePlayer_"].in-game
[class*="miniprofile_personaName_"]:not([class*="miniprofile_hasNickname_"])
[class*="miniprofile_personaNameLabel_"],
[class*="miniprofile_miniProfileContent_"]
[class*="miniprofile_miniProfilePlayer_"].in-game
[class*="miniprofile_personaName_"][class*="miniprofile_nickName_"]
[class*="miniprofile_personaNameLabel_"] */
._1xTATKELHR-lRS_s3A4yzd ._2jZ0A5VjGTNGTQm03FbLrF.in-game .qiP8aEgNz331tt6X4NMNW:not(._2TAWSrfSd1CiZ9WSYsc69c) ._2VUw8xyYCaD1WduLCK3nlW, ._1xTATKELHR-lRS_s3A4yzd ._2jZ0A5VjGTNGTQm03FbLrF.in-game .qiP8aEgNz331tt6X4NMNW.h_So5GaEfmXOgB9hCC0Is ._2VUw8xyYCaD1WduLCK3nlW {
    color: rgb(var(--ingame));
}

/* [class*="miniprofile_miniProfileContent_"]
[class*="miniprofile_miniProfilePlayer_"].online
[class*="miniprofile_personaName_"]:not([class*="miniprofile_hasNickname_"])
[class*="miniprofile_personaNameLabel_"],
[class*="miniprofile_miniProfileContent_"]
[class*="miniprofile_miniProfilePlayer_"].online
[class*="miniprofile_personaName_"][class*="miniprofile_nickName_"]
[class*="miniprofile_personaNameLabel_"] */
._1xTATKELHR-lRS_s3A4yzd ._2jZ0A5VjGTNGTQm03FbLrF.online .qiP8aEgNz331tt6X4NMNW:not(._2TAWSrfSd1CiZ9WSYsc69c) ._2VUw8xyYCaD1WduLCK3nlW, ._1xTATKELHR-lRS_s3A4yzd ._2jZ0A5VjGTNGTQm03FbLrF.online .qiP8aEgNz331tt6X4NMNW.h_So5GaEfmXOgB9hCC0Is ._2VUw8xyYCaD1WduLCK3nlW {
    color: rgb(var(--online));
}

/* [class*="miniprofile_miniProfileContent_"]
[class*="miniprofile_miniProfilePlayer_"][class*="miniprofile_online_"]
[class*="miniprofile_nickname_"],
[class*="miniprofile_miniProfileContent_"]
[class*="miniprofile_miniProfilePlayer_"][class*="miniprofile_online_"]
[class*="miniprofile_persona_"],
[class*="miniprofile_miniProfileContent_"]
[class*="miniprofile_miniProfilePlayer_"].online
[class*="miniprofile_playerContent_"]
[class*="miniprofile_awayStatusLabel_"] */
._1xTATKELHR-lRS_s3A4yzd ._2jZ0A5VjGTNGTQm03FbLrF.miniprofile_online_ ._1SWhpi9ByGQrwHGQgTJCF5, ._1xTATKELHR-lRS_s3A4yzd ._2jZ0A5VjGTNGTQm03FbLrF.miniprofile_online_ ._3c5GOobmMUyjAWTosaUKUS, ._1xTATKELHR-lRS_s3A4yzd ._2jZ0A5VjGTNGTQm03FbLrF.online ._2-pwJCHlrc7zxN4iup2TR7 ._1FgWIOIaRCAekjhGj0zFWq {
    color: rgb(var(--online));
}

/* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_playerContent_"] [class*="miniprofile_persona_"] [class*="miniprofile_personaName_"][class*="miniprofile_hasNickname_"] [class*="miniprofile_personaNameLabel_"] */
._1xTATKELHR-lRS_s3A4yzd ._2-pwJCHlrc7zxN4iup2TR7 ._3c5GOobmMUyjAWTosaUKUS .qiP8aEgNz331tt6X4NMNW._2TAWSrfSd1CiZ9WSYsc69c ._2VUw8xyYCaD1WduLCK3nlW {
    color: rgb(var(--offline));
}

/* [class*="miniprofile_miniProfileContent_"]
[class*="miniprofile_miniProfilePlayer_"].online
[class*="miniprofile_playerAvatar_"] */
._1xTATKELHR-lRS_s3A4yzd ._2jZ0A5VjGTNGTQm03FbLrF.online ._36eQg-jp1ebbdaE6PBniHu {
    border-bottom: 2px solid rgb(var(--online)) !important;
}

/* [class*="miniprofile_miniProfileContent_"][class*="miniprofile_miniProfilePlayer_"].in-game [class*="miniprofile_playerAvatar_"] */
._1xTATKELHR-lRS_s3A4yzd._2jZ0A5VjGTNGTQm03FbLrF.in-game ._36eQg-jp1ebbdaE6PBniHu {
    border-bottom: 2px solid rgb(var(--ingame)) !important;
}

/* [class*="personastatusicons_PersonaStatusIcon_"].online .SVGIcon_VR path,
[class*="personastatusicons_PersonaStatusIcon_"].online .SVGIcon_MobilePhone path,
[class*="personastatusicons_PersonaStatusIcon_"].online .SVGIcon_BigPicture path */
.KxAI_M9gWx3OnKSshHOs6.online .SVGIcon_VR path, .KxAI_M9gWx3OnKSshHOs6.online .SVGIcon_MobilePhone path, .KxAI_M9gWx3OnKSshHOs6.online .SVGIcon_BigPicture path {
    fill: rgb(var(--online)) !important;
}

/* [class*="personastatusicons_PersonaStatusIcon_"].ingame .SVGIcon_VR path,
[class*="personastatusicons_PersonaStatusIcon_"].ingame .SVGIcon_MobilePhone path,
[class*="personastatusicons_PersonaStatusIcon_"].ingame .SVGIcon_BigPicture path */
.KxAI_M9gWx3OnKSshHOs6.ingame .SVGIcon_VR path, .KxAI_M9gWx3OnKSshHOs6.ingame .SVGIcon_MobilePhone path, .KxAI_M9gWx3OnKSshHOs6.ingame .SVGIcon_BigPicture path {
    fill: rgb(var(--ingame)) !important;
}

.friendListButtons {
    right: 4px !important;
    top: 27px !important;
}

/* Glow of unread messages*/
.ChatUnreadMessageIndicator {
    background: none !important;
}

.chatSectionTitle .ChatUnreadMessageIndicator {
    top: 12px !important;
    padding: 0 !important;
    left: 5px !important;
    height: 6px !important;
    width: 6px !important;
    background: rgb(var(--focus)) !important;
    border-radius: 3px !important;
}

/* [class*="chattabs_UnreadCircle_"] */
.jMumuBBbjOf_v5JU9RpmZ {
    background-color: rgb(var(--focus)) !important;
    border-radius: 50% !important;
}

/* [class*="chattabs_UnreadGlow_"] */
._2ve8VIOIUS5rjAzmJvjVS- {
    background: none !important;
}

/* [class*="chattabs_Active_"] .chatTabUnreadBadge */
.Yd-DsWkYiFiYwpci--Yk_ .chatTabUnreadBadge {
    display: none !important;
}

/* .chatTab.ChatTabTransiton-exit,
.chatTab.ChatTabTransiton-exit-active,
.chatTab.ChatTabTransiton-appear-active,
.chatTab.ChatTabTransiton-enter-active,
.chatTab.ChatTabTransiton-appear,
.chatTab.ChatTabTransiton-enter */
.chatTab.ChatTabTransiton-exit, .chatTab.ChatTabTransiton-exit-active, .chatTab.ChatTabTransiton-appear-active, .chatTab.ChatTabTransiton-enter-active, .chatTab.ChatTabTransiton-appear, .chatTab.ChatTabTransiton-enter {
    transform: none !important;
}

/* [class*="emoticon_EmoticonSelector_Separator_"]
[class*="emoticon_EmoticonSelector_SeparatorBackground_"] */
._2rvMUWTGDDCOa1i9w3vGor ._3_kYchhn19OZ8ClWnlvpFy {
    height: 1px !important;
    background: black !important;
}

/*Suggested commands and emoticons*/
/* [class*="suggestdialog_suggestOption_"] */
.vquL9mspYzz2tBtxrzqw9 {
    color: rgb(var(--white)) !important;
    background-color: rgb(var(--clientBG)) !important;
    line-height: 20px !important;
    margin: 0 !important;
    padding: 2px !important;
    padding-left: 0;
}

/* [class*="suggestdialog_mentionDialog_"] */
._1QU3cLCGXCmYTUvjYiqqz6 {
    padding: 0 !important;
    background: rgb(var(--clientBG));
    border: 1px solid rgb(var(--frameBorder));
    width: fit-content;
}

.currentUserContainer .ContextMenuButton {
    padding-top: 0px !important;
    opacity: 0.6 !important;
}

.titleBarContainer .currentUserContainer .ContextMenuButton {
    margin-top: -2px !important;
    margin-bottom: 2px !important;
}

/* [class*="suggestdialog_suggestOption_"][class*="suggestdialog_selected_"] */
.vquL9mspYzz2tBtxrzqw9.boNOGnexLhWO9Nd0e6-0A {
    color: !important;
    background-color: rgb(var(--white05)) !important;
    padding-left: 0;
}

/* .timeDivision.time_passes .preHorizDivider,
.timeDivision.time_passes .horizDivider */
.timeDivision.time_passes .preHorizDivider, .timeDivision.time_passes .horizDivider {
    border: none;
    border-top: 1px solid rgb(var(--white12));
    margin-left: 0;
}

.timeDivision .preHorizDivider {
    width: 15%;
}

/* .timeDivision .preHorizDivider,
.timeDivision .horizDivider */
.timeDivision .preHorizDivider, .timeDivision .horizDivider {
    background-color: transparent;
}

.msg.timeDivision {
    font-size: 12px;
    color: rgb(var(--offline));
    font-family: var(--basefont);
    font-size: 13px;
}

/*Connection issues message*/
.ConnectionTroubleContent {
    background: rgb(var(--focus)) !important;
}

/*URLs*/
/* .msg a,
[class*="bbcode_ChatMessageSteamStore_Name_"] */
.msg a, ._1eNka7v3FUgNFVJHpceCcC {
    color: rgba(var(--white75)) !important;
    text-decoration: underline !important;
    border-bottom: none !important;
}

/* .msg .OpenGraphMessageURL,
.OpenGraphMessageURL_full */
.msg .OpenGraphMessageURL, .OpenGraphMessageURL_full {
    color: rgba(var(--white75)) !important;
}

/* .msg a:hover,
[class*="bbcode_ChatMessageSteamStore_Name_"]:hover,
.BBCodeTitle:hover */
.msg a:hover, ._1eNka7v3FUgNFVJHpceCcC:hover, .BBCodeTitle:hover {
    color: !important;
    border-bottom: none !important;
    filter: brightness(0.9) !important;
}

/*selected text for copying etc*/
::selection {
    background: rgba(var(--focus), 0.9) !important;
}

.SVGIcon_MobilePhone {
    fill: none !important;
}

/* .chatTabSelector .SVGIcon_DownArrowContextMenu:hover,
.chatTabSelector.UnreadMessages .SVGIcon_DownArrowContextMenu:hover */
.chatTabSelector .SVGIcon_DownArrowContextMenu:hover, .chatTabSelector.UnreadMessages .SVGIcon_DownArrowContextMenu:hover {
    fill: rgb(var(--white75)) !important;
}

/* .chatTabList [class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"]) */
.chatTabList ._2XZq-_f6npaQdAgeRzKIkz:not(.Yd-DsWkYiFiYwpci--Yk_) {
    background: rgb(var(--header_dark)) !important;
    /*border-bottom: 1px solid rgb(var(--frameBorder)) !important;*/
}

/* [class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"])
[class*="chattabs_ChatTabContent_Friend_"],
[class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"])
[class*="chattabs_ChatTabContent_ChatRoom_"] */
._2XZq-_f6npaQdAgeRzKIkz:not(.Yd-DsWkYiFiYwpci--Yk_) ._21I8pyEfvklCsrYIcsBtYY, ._2XZq-_f6npaQdAgeRzKIkz:not(.Yd-DsWkYiFiYwpci--Yk_) ._3hCFlMxf40SP2WVNOubSvf {
    filter: grayscale(100%) !important;
    opacity: 0.5 !important;
}

/* [class*="chattabs_ChatTab_"]:hover:not([class*="chattabs_Active_"]),
.ChatTabsContextMenu [class*="chattabs_ChatTab_"]:hover */
._2XZq-_f6npaQdAgeRzKIkz:hover:not(.Yd-DsWkYiFiYwpci--Yk_), .ChatTabsContextMenu ._2XZq-_f6npaQdAgeRzKIkz:hover {
    background-color: rgba(var(--white05)) !important;
}

.msg.ChatMsgSlashEmote .speaker {
    background: rgb(var(--textentry)) !important;
    color: rgb(var(--online)) !important;
}

/*group chat member count*/
.statMembersOnline {
    color: rgb(var(--online)) !important;
}

.statMembersInGame {
    color: rgb(var(--ingame)) !important;
}

.inviteButton.inviteButtonJoinVoice {
    background: rgb(var(--white12));
	color: rgb(var(--white));
}

.inviteButton.inviteButtonJoinVoice:hover {
    background: rgb(var(--white24));
}

.OneOnOneVoiceRoomControls {
    background-color: rgb(var(--clientBG)) !important;
    white-space: nowrap;
    border-bottom: 1px solid rgb(var(--frameBorder));
}

.msg.voiceChannelInvite {
    color: rgba(var(--white50)) !important;
    float: left;
}

.SlashCommandSuggestion_SlashCommandDescription {
    color: rgba(var(--white)) !important;
}

.SingleUserChat .msg {
    margin-right: 4px !important;
}

.SingleUserChat .msgText {
    margin-right: 6px !important;
    margin-left: 8px !important;
}

.MultiUserChat .isCurrentUser .msgText {
    color: rgb(var(--offline)) !important;
}

/*Unread notification circle in chat context menu*/
/* .ChatTabsContextMenu.compactView
.ChatTabContextMenuItem
.TabRightContainer
.chatTabUnreadBadge:before */
.ChatTabsContextMenu.compactView .ChatTabContextMenuItem .TabRightContainer .chatTabUnreadBadge::before {
    right: 0px !important;
    background-color: rgb(var(--focus)) !important;
}

.ChatTabContextMenuItem .TabRightContainer .chatTabUnreadBadge {
    display: initial !important;
    background: none !important;
}

/*Friend request and Add friend buttons*/
/* .addFriendButton:hover .SVGIcon_AddFriend .plusCircle,
.friendRequestButton:hover .requestsNumber */
.addFriendButton:hover .SVGIcon_AddFriend .plusCircle, .friendRequestButton:hover .requestsNumber {
    transform: none !important;
}

/* .addFriendButton:hover .SVGIcon_AddFriend,
.friendRequestButton:hover .SVGIcon_FriendRequest */
.addFriendButton:hover .SVGIcon_AddFriend, .friendRequestButton:hover .SVGIcon_FriendRequest {
    background-color: rgba(var(--white05)) !important;
}

/* .friendRequestButton:hover:not(.friendRequestViewActive)
.SVGIcon_FriendRequest
.friendArm */
.friendRequestButton:hover:not(.friendRequestViewActive) .SVGIcon_FriendRequest .friendArm {
    animation-name: none !important;
}

.ContextMenuButton {
    cursor: default !important;
}

button.DialogButton {
    color: rgb(var(--white));
    background: rgba(var(--white12));
    cursor: default;
}

.voiceMicTestContainer {
    padding: 0 !important;
}

.voiceSelfDirections {
    background-color: rgb(var(--clientBG)) !important;
}

button.DialogButton.Primary:hover {
    background: rgb(var(--white24));
}

/* .NonInlinedEmbed .SVGIcon_Video path,
.NonInlinedEmbed .SVGIcon_Image path,
.NonInlinedEmbed .SVGIcon_Hyperlink */
.NonInlinedEmbed .SVGIcon_Video path, .NonInlinedEmbed .SVGIcon_Image path, .NonInlinedEmbed .SVGIcon_Hyperlink {
    fill: rgb(var(--white)) !important;
    stroke: rgb(var(--white)) !important;
}

/* Hide status icons (mobile, VR, etc) from some areas*/
/* .currentUserContainer
[class*="personastatusicons_PersonaStatusIcon_"][class*="personastatusicons_MobilePhoneIcon_"],
[class*="miniprofile_miniProfile_"] [class*="personastatusicons_PersonaStatusIcon_"] */
.currentUserContainer .KxAI_M9gWx3OnKSshHOs6._1iRFj5lJrMqMnRb3GZYPSw, ._2QPdq7GZ_03AD1ioPixVXW .KxAI_M9gWx3OnKSshHOs6 {
    display: none !important;
}

/* .ChatRoomSpeaker .speaker .speakerAvatar,
.ChatMsgSlashEmote .speaker .speakerAvatar */
.ChatRoomSpeaker .speaker .speakerAvatar, .ChatMsgSlashEmote .speaker .speakerAvatar {
    display: none;
}

/* [class*="messages_SpeakerName_Online_"] */
._2m5YDddCyVhilOuWH-bTC1 {
    color: rgb(var(--online)) !important;
}

/* [class*="messages_SpeakerName_InGame_"] */
._1KPraihJAKiBwLJWmOlju2 {
    color: rgb(var(--ingame)) !important;
}

/* [class*="chattabs_ChatTabContent_Friend_"] .friend.offline .avatarHolder,
[class*="chattabs_ChatTabContent_Friend_"] .friend.awayOrSnooze .avatarHolder */
._21I8pyEfvklCsrYIcsBtYY .friend.offline .avatarHolder, ._21I8pyEfvklCsrYIcsBtYY .friend.awayOrSnooze .avatarHolder {
    filter: brightness(60%) !important;
}

.friend.offline .avatarHolder img.avatar {
    filter: none !important;
}

.speakerTimeStamp {
    font-size: 13px;
    color: rgb(var(--offline));
    line-height: normal;
    align-self: center;
}

.largeChatFont .speakerTimeStamp {
    line-height: 20px;
    font-size: 16px;
}

.MultiUserChat .msg:not(.ChatMsgSlashEmote) {
    padding-left: 9px !important;
}

.MultiUserChat .msg {
    padding: 0 !important;
}

.msg {
    line-height: 23px !important; /* Aligned with the original Metro */
}

.ChatRoomSpeaker {
    padding-top: 0px !important;
    margin-top: 5px;
    margin-bottom: 2px;
}

.msg.serverMsg .msgText {
    text-align: left !important;
    color: rgb(var(--white50)) !important;
    cursor: text;
}

/* [class*="miniprofile_miniProfile_"] */
._2QPdq7GZ_03AD1ioPixVXW {
    border: none;
}

/* [class*="miniprofile_miniProfileContent_"] */
._1xTATKELHR-lRS_s3A4yzd {
    border: 1px solid rgb(var(--frameBorder));
}
/*Nickname * indicator in chat window*/
.chatBody .playerNicknameBracket {
    display: none !important;
}

/*new emoticon icon color*/
/* [class*="emoticon_NewEmoticonIndicator_"] */
._5BtHMjT9usALaSWHGugdV {
    background: none !important;
    top: 98% !important;
    right: 0% !important;
    left: 0% !important;
}

    /* [class*="emoticon_NewEmoticonIndicator_"] [class*="emoticon_NewEmoticonCircle_"] */
._5BtHMjT9usALaSWHGugdV .u5Kx6dkUppvb-1qV4IIuy {
    width: 100% !important;
    height: 1px !important;
    background-color: rgb(var(--focus)) !important;
}

/* [class*="steamavatar_avatarFrame_"] */
.X_mJE4BYV5StDPwZhSiAu {
    display: var(--avatarframes);
}


/* Hide status line of inactive tabs */
/* [class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"])
[class*="chattabs_ChatTabContent_Friend_"]
.avatarHolder
.avatarStatus,
[class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"])
[class*="chattabs_ChatTabContent_Friend_"]
[class*="steamavatar_avatarFrame_"] */
._2XZq-_f6npaQdAgeRzKIkz:not(.Yd-DsWkYiFiYwpci--Yk_) ._21I8pyEfvklCsrYIcsBtYY .avatarHolder .avatarStatus, ._2XZq-_f6npaQdAgeRzKIkz:not(.Yd-DsWkYiFiYwpci--Yk_) ._21I8pyEfvklCsrYIcsBtYY .X_mJE4BYV5StDPwZhSiAu {
    opacity: 0 !important;
}

/* [class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"])
[class*="chattabs_ChatTabContent_Friend_"]
[class*="steamavatar_avatar_"] */
._2XZq-_f6npaQdAgeRzKIkz:not(.Yd-DsWkYiFiYwpci--Yk_) ._21I8pyEfvklCsrYIcsBtYY ._3h-QRJGxnVOIExtHD1R0f2 {
    border: 1px solid transparent !important;
}

.NonInlinedEmbed .SVGIcon_Hyperlink {
    display: none !important;
}

/*Invite box*/
.ChatMessageInvite {
    background: rgb(var(--black45));
    border-left: 3px solid rgb(var(--focus));
    color: rgb(var(--white75));
}

.inviteButton {
    background: rgb(var(--white12));
	color: rgb(var(--white));
}

.inviteButton:hover {
    background: rgb(var(--white24));
}

.ChatMessageInvite .inviteURLLinkDesc {
    color: rgb(var(--white75));
}

.ChatMessageInvite .inviteURLLink {
    background-color: rgb(var(--textentry));
    color: rgb(var(--white75));
    border: 1px solid transparent;
}

/* .msg.ChatMessageInvite .invitedTimeLabel,
.Invite_ExpireTime */
.msg.ChatMessageInvite .invitedTimeLabel, .Invite_ExpireTime {
    color: rgb(var(--white75));
}

.ChatMessageInvite.GroupAlreadyJoined, .ChatMessageInvite.Inviter {
	background: rgb(var(--black45));
}

/* .gameInviteMsg .productImage.productImageBlur,
.broadcastInviteMsg .productImage.productImageBlur,
.broadcastViewRequestMsg .productImage.productImageBlur */
.gameInviteMsg .productImage.productImageBlur, .broadcastInviteMsg .productImage.productImageBlur, .broadcastViewRequestMsg .productImage.productImageBlur {
    filter: opacity(0) !important;
}

/*Embedded elements*/
/* .msg div.ChatMessageOpenGraph,
.msg div.SteamPublishedFile,
.BBCodeYouTubeComponent,
[class*="bbcode_ChatMessageTweet_"]:not([class*="bbcode_ChatMessageTweet_Body"]):not([class*="bbcode_ChatMessageTweet_Header"]):not([class*="bbcode_ChatMessageTweet_Logo"]):not([class*="bbcode_ChatMessageTweet_ScreenName"]):not([class*="bbcode_ChatMessageTweet_Verified"]):not([class*="bbcode_ChatMessageTweet_Footer"]):not([class*="bbcode_ChatMessageTweet_Name"]):not([class*="bbcode_ChatMessageTweet_Created"]),
.BBCodeOEmbedComponent,
[class*="bbcode_ChatMessageSteamStore_Failed_"],
[class*="bbcode_ChatMessageSteamStore_"]:not([class*="_ViewStore_"]):not([class*="_Footer_"]):not([class*="_Header"]):not([class*="Details"]):not([class*="_Name"]):not([class*="_GameNameAndIcon"]):not([class*="_Description"]):not([class*="bbcode_ChatMessageSteamStore_Body"]):not([class*="bbcode_ChatMessageSteamStore_Pricing"]) */
.msg div.ChatMessageOpenGraph, .msg div.SteamPublishedFile, .BBCodeYouTubeComponent, .MjxmKVmNTDaoS1dv5Lzd8:not(._1dKm2h2KLh5uz7h9tfa9Nb):not(._1jssj7s9hVAx1JPTmLs_-o):not(._2KBiuLAcxk1hwqYDl9dr3K):not(._2mPUMmi17NhI2QQoJZvjd1):not(._26d18TA1BbXSBsP0XW5v2Q):not(.K4FMNCPASS-ZAV55bNvW9):not(._2iKvmE3vfV8CA_v_nWKwc4):not(.MjxmKVmNTDaoS1dv5Lzd8), .BBCodeOEmbedComponent, ._1JZstfJ6jCBChXx0ZDwfpR, ._3SCtLxKknXT2PcQStMloQh:not(._ViewStore_):not(._Footer_):not(._Header):not(.Details):not(._Name):not(._GameNameAndIcon):not(._Description):not(._1V0gQjJUGpUl_TpDSAnX2l):not(._3Jj-5xYWd7LXI_PFnCru2N) {
    background: rgb(var(--black45));
}

/* [class*="bbcode_ChatMessageSteamStore_Header_"] */
._15zMZHizyW80NNsvBfj9L4 {
    background: none !important;
}

/* .BBCodeCollapsed,
.BBCodeCollapsed:hover */
.BBCodeCollapsed, .BBCodeCollapsed:hover {
    background-color: rgba(0, 0, 0, 0.45) !important;
}

/* [class*="bbcode_ChatMessageTweet_"],
[class*="bbcode_ChatMessageSteamStore_Failed_"],
[class*="bbcode_ChatMessageSteamStore_"]:not([class*="bbcode_ChatMessageSteamStore_ViewStore_"]),
[class*="bbcode_ChatMessageSteamStore_"]:not([class*="bbcode_ChatMessageSteamStore_ViewStore_"]) span */
.MjxmKVmNTDaoS1dv5Lzd8, ._1JZstfJ6jCBChXx0ZDwfpR, ._3SCtLxKknXT2PcQStMloQh:not(._3YKzzMnXjrp4XBGh0BPUP4), ._3SCtLxKknXT2PcQStMloQh:not(._3YKzzMnXjrp4XBGh0BPUP4) span {
    color: rgb(var(--white75)) !important;
}

.OpenGraphImgBackground .ChatMessageOpenGraph_Image {
    display: none !important;
}

/*Search box at the top of friends list*/
.TabSearchButton:hover {
    background-color: rgb(var(--clientBG)) !important;
}

.TabSearchButton {
    margin-top: 3px;
}

/*Hide single window switch button*/
.title-area-icon.singleWindowToggle {
    display: none !important;
}

/*Line that separates friends and chat windows in single window mode*/
.singleWindowDivider {
    min-width: 1px !important;
    width: 1px !important;
    background-color: rgb(var(--frameBorder)) !important;
    border: none !important;
}

.chatDialogs {
    background: rgb(var(--clientBG)) !important;
}

/* .friend [class*="personanameandstatus_richPresenceLabel_"] */
.friend ._2Ri005Wg_uXDTa71kdRbcN {
    margin-top: 0px !important;
}

/* .awayOrSnooze [class*="steamavatar_avatarStatus_"] */
.awayOrSnooze ._3xUpb5DWXPFNcHHIcv-9pe {
    -webkit-mask: none !important;
}

.socialListTab {
    padding-left: 15px !important;
    font-weight: 600;
    letter-spacing: 0;
    font-family: var(--basefont);
    margin-top: 0;
}

.friendsListSectionTitle {
    z-index: 2;
    padding-left: 15px !important;
    letter-spacing: 0;
}

.friendlistListContainer .friend .avatarHolder {
    width: 34px !important;
    height: 34px !important;
    transform: scale(1, 1) translateX(0px) !important;
    padding-right: 0px !important;
}

/* .CompactFriendsList .SteamPlayerGroupFooter .SteamPlayerGroupFooterCount,
.CompactFriendsList .friend .avatarHolder */
.CompactFriendsList .SteamPlayerGroupFooter .SteamPlayerGroupFooterCount, .CompactFriendsList .friend .avatarHolder {
    height: 24px !important;
    width: 24px !important;
}

.CompactFriendsList .friend .avatarHolder {
    padding-right: 2px !important;
}

/* Miniprofile avatar */
/* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_playerAvatar_"] */
._1xTATKELHR-lRS_s3A4yzd ._36eQg-jp1ebbdaE6PBniHu {
    height: 90px !important;
}

/* .friendGroup .friend,
.friendGroup .SteamPlayerGroupFooter */
.friendGroup .friend, .friendGroup .SteamPlayerGroupFooter {
    padding-left: 15px;
    padding-top: 8px;
}

.FriendInGameIcon {
    margin-left: -18px !important;
    margin-right: 15px !important;
    margin-top: 4px !important;
}

.AvatarAndUser {
    padding-left: 15px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

/* .currentUserAvatar img.avatar,
.currentUserAvatar .avatarHolder */
.currentUserAvatar img.avatar, .currentUserAvatar .avatarHolder {
    width: 32px !important;
    height: 32px !important;
}

/* [class*="chattabs_ChatTabRow_"] .friend [class*="personanameandstatus_statusAndName_"] */
.vs5AhAWHJLa_eDOBkDcMy .friend ._4ZTzGZ5TTgFyfw1DcXLXS {
    margin-top: -1px !important;
}

/* [class*="chattabs_ChatTabRow_"]
.friend
.ingame
[class*="personanameandstatus_statusAndName_"] */
.vs5AhAWHJLa_eDOBkDcMy .friend .ingame ._4ZTzGZ5TTgFyfw1DcXLXS {
    margin-top: -2px !important;
}

/* .friend [class*="personanameandstatus_statusAndName_"] */
.friend ._4ZTzGZ5TTgFyfw1DcXLXS {
    margin-top: -5px !important;
}

/* .compactView .friend [class*="personanameandstatus_statusAndName_"] */
.compactView .friend ._4ZTzGZ5TTgFyfw1DcXLXS {
    margin-top: -3px !important;
}

/* .currentUserContainer [class*="personanameandstatus_playerName_"] */
.currentUserContainer .nOdcT-MoOaXGePXLyPe0H {
    font-size: 14px !important;
    font-weight: normal;
}

.friendlist .labelHolder {
    margin-left: 9px !important;
}

/* [class*="miniprofile_miniProfileContent_"][class*="miniprofile_avatarStatus_"][class*="miniprofile_miniProfileAvatarStatus_"] */
._1xTATKELHR-lRS_s3A4yzd._1YdpXFoH7P9pEEXDMITSHu._1k5YkN8kx48i2TZ6kG9muA {
    margin-bottom: -4px !important;
}

.title-area-icon {
    padding: 0;
    margin-top: 0px !important;
}

.DesktopUI .title-area .title-bar-actions, .friendsui-container .title-area .title-bar-actions {
    margin-right: 0px;
}

.title-area .title-bar-actions {
    right: 0px !important;
}

/*Gray hover color for every title bar button
.title-area-icon:hover{
background: rgba(var(--white05))!important;}*/

.friendsui-container .title-area-icon .SVGIcon_Minimize {
    margin-top: 2px;
    width: 11px;
    height: 12px;
}

.friendsui-container .title-area-icon .SVGIcon_Maximize {
    width: 12px;
    height: 13px;
}

.friendsui-container .title-area-icon .SVGIcon_X_Line {
    width: 12px;
    height: 12px;
}

/* .minimizeButton:hover,
.maximizeButton:hover,
.restoreButton:hover */
.minimizeButton:hover, .maximizeButton:hover, .restoreButton:hover {
    background: rgba(var(--white05)) !important;
}

/* .minimizeButton:active,
.maximizeButton:active,
.restoreButton:active */
.minimizeButton:active, .maximizeButton:active, .restoreButton:active {
    background: rgba(var(--white10)) !important;
}

/* .closeButton:not([class*="chattabs_CloseButton_"]):hover */
.closeButton:not(._1JXI4j2_xSpVK1YjyEuebr):hover {
    background: rgb(var(--W10close_Red_h)) !important;
}

/* .closeButton:not([class*="chattabs_CloseButton_"]):active */
.closeButton:not(._1JXI4j2_xSpVK1YjyEuebr):active {
    background: rgb(var(--W10close_Red_p)) !important;
}

.multiChatDialog .title-area-icon {
    padding: 0 !important;
}

/* .title-area-icon .SVGIcon_Button rect,
.title-area-icon .SVGIcon_Button line,
.title-area-icon .SVGIcon_Button polyline */
.title-area-icon .SVGIcon_Button rect, .title-area-icon .SVGIcon_Button line, .title-area-icon .SVGIcon_Button polyline {
    stroke: rgb(var(--white)) !important;
}

/* .singlewindow .currentUserContainer .labelHolder[class*="personanameandstatus_twoLine_"][class*="personanameandstatus_statusAndName_"],
.singlewindow .currentUserContainer .labelHolder[class*="personanameandstatus_twoLine_"] */
.singlewindow .currentUserContainer .labelHolder._1BbOegz8bYL7iPzgYpOgQI._4ZTzGZ5TTgFyfw1DcXLXS, .singlewindow .currentUserContainer .labelHolder._1BbOegz8bYL7iPzgYpOgQI {
    margin-right: 24px !important; /* Space for the collapse arrow */
}
.chatTabSelector.UnreadMessages .SVGIcon_DownArrowContextMenu {
    fill: rgb(var(--focus)) !important;
}

.title-area-icon .SVGIcon_Maximize line {
    display: none !important;
}

/* .chatTabDraggableSpace.ChromeClearance,
.chatTabDraggableSpace */
.chatTabDraggableSpace.ChromeClearance, .chatTabDraggableSpace {
    width: 15px !important;
}

.chatTabDraggableSpace.ChromeClearance {
    width: 80px !important;
    height: 18px !important;
}

/* .VoiceToggleIconCtn .SVGIcon_VoiceRoom .Microphone,
[class*="chatentry_chatSubmitButton_"] .SVGIcon_Submit path */
.VoiceToggleIconCtn .SVGIcon_VoiceRoom .Microphone, .RVIs84dAE6wHcjH9tkinc .SVGIcon_Submit path {
    fill: rgb(var(--white75)) !important;
}

/* [class*="chatentry_chatSubmitButton_"]:not([class*="chatentry_disabled_"]):hover
.SVGIcon_Button.SVGIcon_Submit
path */
.RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy):hover .SVGIcon_Button.SVGIcon_Submit path {
    stroke: none !important;
}

/* [class*="chatentry_chatSubmitButton_"] .SVGIcon_Submit */
.RVIs84dAE6wHcjH9tkinc .SVGIcon_Submit {
    margin-top: 6px !important;
}

/*Unread messages count near username in friendslist*/
.FriendMessageCount {
    background: rgb(var(--focus)) !important;
    color: white !important;
    font-size: 15px !important;
    line-height: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    padding: 0px !important;
    z-index: 99 !important;
    border-radius: 30px !important;
}

.CompactFriendsList .FriendMessageCount {
    line-height: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
}

/*Unread messages box at chat tabs*/
.chatTab .chatTabUnreadBadge {
    color: rgb(var(--white)) !important;
    background: rgb(var(--focus)) !important;
}

.quickAccessFriends .friend.friend.awayOrSnooze .avatarHolder img {
    opacity: initial !important;
}

.quickAccessFriends:not(.emptyQuickAccess) {
    padding-left: 9px !important;
    margin-left: 0;
    border-bottom: 1px solid rgb(var(--frameBorder));
}

/* [class*="chattabs_CloseButton_"] */
._1JXI4j2_xSpVK1YjyEuebr {
    cursor: default !important;
    margin-left: 1px;
}

/* .compactView [class*="steamavatar_avatarHolder_"] [class*="steamavatar_avatarFrame_"] */
.compactView .nibodjvvrm86uCfnnAn4g .X_mJE4BYV5StDPwZhSiAu {
    transform: scale(1.16) !important;
}

.inviteAnotherFriendButton .SVGIcon_Button {
    fill: rgb(var(--white)) !important;
    opacity: 0.4 !important;
}

/* .inviteAnotherFriendButton .SVGIcon_Button line,
.chatRoomButton .SVGIcon_Button line */
.inviteAnotherFriendButton .SVGIcon_Button line, .chatRoomButton .SVGIcon_Button line {
    stroke: rgb(var(--white)) !important;
}

.inviteAnotherFriendButton:hover {
    background: rgba(var(--white05)) !important;
}

.chatRoomButton .SVGIcon_Button {
    fill: rgb(var(--white)) !important;
}

.chatRoomButton:hover {
    background: rgba(var(--white05)) !important;
}

.TradeOfferInvite .leftInviteContainer .SVGIcon_Trade {
    background-color: rgb(var(--focus)) !important;
}

.friendlistListContainer .Collapsed .ExpandPlusMinus .SVGIcon_PlusCircle {
    stroke: rgba(var(--white50)) !important;
}

.friendlistListContainer .ExpandPlusMinus .SVGIcon_PlusCircle {
    width: 4px !important;
    height: 4px !important;
    margin-left: 1px !important;
    stroke: rgb(var(--white)) !important;
}

.friendlistListContainer .SVGIcon_PlusCircle circle {
    stroke-width: 180px !important;
    opacity: 1 !important;
}

/* .friendlistListContainer .ExpandPlusMinus .SVGIcon_PlusCircle .horizontalLine,
.ExpandPlusMinus .SVGIcon_PlusCircle .verticalLine */
.friendlistListContainer .ExpandPlusMinus .SVGIcon_PlusCircle .horizontalLine, .ExpandPlusMinus .SVGIcon_PlusCircle .verticalLine {
    display: none !important;
}

.friendlistListContainer .ExpandPlusMinus {
    opacity: 1 !important;
}

/* .friendGroup.offlineFriends .groupName .groupCount,
.friendGroup.onlineFriends .groupName .groupCount,
.friendGroup .groupName .groupCount.collapsed,
.friendGroup .groupName .groupCount */
.friendGroup.offlineFriends .groupName .groupCount, .friendGroup.onlineFriends .groupName .groupCount, .friendGroup .groupName .groupCount.collapsed, .friendGroup .groupName .groupCount {
    opacity: 1 !important;
    color: rgb(var(--white50)) !important;
    transform: translateX(3px) !important;
}

.dropTargetBox {
    border: 2px dashed rgba(var(--focus), 0.4) !important;
}

/* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_playerNicknameBracket_"],
[class*="personanameandstatus_playerNickname_"],
.ChatRoomSpeaker .speaker .speakerName .playerNickname,
[class*="personanameandstatus_playerNicknameBracket_"],
.ChatTabs
[class*="personanameandstatus_compactView_"]
[class*="personanameandstatus_playerNickname_"],
.playerNicknameBracket */
._1xTATKELHR-lRS_s3A4yzd ._3qa8cpVZ8PcsB3PpYNfVgb, ._2saJTAocZ9TnYXTGvnqUMC, .ChatRoomSpeaker .speaker .speakerName .playerNickname, ._3XEmWmfQy7gbYJ4KJ1N9tp, .ChatTabs ._3bbRZyUiK-bfc5Qov6xukI ._2saJTAocZ9TnYXTGvnqUMC, .playerNicknameBracket {
    color: rgba(var(--white75)) !important;
}

.ChatRoomSpeaker .speaker .speakerName {
    margin-top: 0 !important;
    align-self: center;
}

/* Status line for avatars in chat tabs*/
/* [class*="chattabs_ChatTab_"] .ChatTabContent .avatarHolder .avatarStatus */
._2XZq-_f6npaQdAgeRzKIkz .ChatTabContent .avatarHolder .avatarStatus {
    z-index: 3 !important;
    margin: 0px !important;
    position: absolute !important;
    height: 100% !important;
}

.chat_main_flex {
    border: 1px solid rgb(var(--frameBorder)) !important;
}

.DialogToggleField_Option:not(.Active) {
    color: transparent !important;
}

/* .friend.ingame
[class*="personanameandstatus_twoLine_"]
[class*="personanameandstatus_richPresenceLabel_"] */
.friend.ingame ._1BbOegz8bYL7iPzgYpOgQI ._2Ri005Wg_uXDTa71kdRbcN {
    color: inherit !important;
}

/* [class*="contextmenu_contextMenu_"] .compactView .avatar */
.PP7LM0Ow1K5qkR8WElLpt .compactView .avatar {
    padding: 0px !important;
}

.ChatTabContent .avatarHolder .avatar {
    padding: 1px;
    height: auto !important;
}

.ChatTabs:not(.compactView) .ChatTabContent .avatarHolder .avatar {
    width: 32px !important;
}

.ChatTabs:not(.compactView) .ChatTabContent .avatarHolder {
    margin-top: 4px !important;
    margin-left: 2px !important;
}

/* .offline [class*="personanameandstatus_playerName_"] */
.offline .nOdcT-MoOaXGePXLyPe0H {
    color: rgb(var(--offline)) !important;
}

/* .offline [class*="personanameandstatus_richPresenceLabel_"],
.offline
[class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"]
a,
.offline
[class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"]
a:hover,
.offline
[class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"]
a:active,
.offline
[class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"]
a:visited */
.offline ._2Ri005Wg_uXDTa71kdRbcN, .offline ._1cB0qtF0paHWWyj1XNcnbG._2Ri005Wg_uXDTa71kdRbcN a, .offline ._1cB0qtF0paHWWyj1XNcnbG._2Ri005Wg_uXDTa71kdRbcN a:hover, .offline ._1cB0qtF0paHWWyj1XNcnbG._2Ri005Wg_uXDTa71kdRbcN a:active, .offline ._1cB0qtF0paHWWyj1XNcnbG._2Ri005Wg_uXDTa71kdRbcN a:visited {
    color: rgb(var(--offline)) !important;
}

.msgText {
    color: rgba(var(--white75)) !important;
}

/* .smallChatFont .msg.serverMsg .msgText,
.smallChatFont .nameWidthLabel,
.ChatHistoryContainer.smallChatFont .ChatSpeaker .speaker,
.smallChatFont .msg,
.smallChatFont .speakerTimeStamp */
.smallChatFont .msg.serverMsg .msgText, .smallChatFont .nameWidthLabel, .ChatHistoryContainer.smallChatFont .ChatSpeaker .speaker, .smallChatFont .msg, .smallChatFont .speakerTimeStamp {
    line-height: normal;
}

/* .smallChatFont .chatTextarea,
.smallChatFont .msg.serverMsg .msgText,
.FriendsSettingsChatFontSizeSection_ButtonRow .smallFontSetting,
.smallChatFont .ChatMessageOpenGraph_Title,
.smallChatFont .nameWidthLabel,
.ChatHistoryContainer.smallChatFont .ChatSpeaker .speaker,
.smallChatFont */
.smallChatFont .chatTextarea, .smallChatFont .msg.serverMsg .msgText, .FriendsSettingsChatFontSizeSection_ButtonRow .smallFontSetting, .smallChatFont .ChatMessageOpenGraph_Title, .smallChatFont .nameWidthLabel, .ChatHistoryContainer.smallChatFont .ChatSpeaker .speaker, .smallChatFont {
    font-size: 12px !important;
}

.smallChatFont .speakerTimeStamp {
    font-size: 11px !important;
}

.friendlistListContainer .Collapsed .ExpandPlusMinus .SVGIcon_PlusCircle:hover {
    stroke: rgb(var(--white)) !important;
}

.contextMenuGameName {
    color: rgb(var(--white)) !important;
}

.ChatRoomListGroupItem .groupNameStatusContainer .chatRoomName {
    color: rgb(var(--white)) !important;
}

.confirmInviteRequestContainer .cancelAddFriends .SVGIcon_Arrow polyline {
    stroke: rgb(var(--white));
}

/* [class*="personanameandstatus_playerName_"] */
.nOdcT-MoOaXGePXLyPe0H {
    -webkit-mask: none !important;
}

button.DialogButton::before {
    box-shadow: none !important;
}

/* [class*="emoticon_EmoticonSelector_Item_"]:hover
[class*="emoticon_emoticon_"][class*="emoticon_large_"] */
._1vWJHaLfUABGrsiiY4ubmI:hover .AB86vEzEKPL0y5fK_m4pT._4xBaTT5razIZJ5CecJ7s9 {
    transform: none !important;
    filter: none !important;
}

/* [class*="emoticon_EmoticonSelector_Item_"]:hover,
[class*="emoticon_StickerButton_"]:hover,
[class*="emoticon_RoomEffectButton_"]:hover */
._1vWJHaLfUABGrsiiY4ubmI:hover, ._3Wc3jBAd8xYHu8EUsa93VY:hover, .emoticon_RoomEffectButton_:hover {
    background-color: rgba(var(--white05)) !important;
}

.ChatMessageBlockDelete {
    left: 0px !important;
    top: 25px !important;
}

/* .quickAccessFriends.compactQuickAccess
.favoriteElement:hover
.friend
.avatarHolder */
.quickAccessFriends.compactQuickAccess .favoriteElement:hover .friend .avatarHolder {
    transform: scale(1) !important;
}

.chatTabSelector.UnreadMessages .ChatUnreadMessageIndicator {
    width: 5px !important;
}

/* [class*="personanameandstatus_playerName_"],
[class*="personanameandstatus_playerNickname_"] */
.nOdcT-MoOaXGePXLyPe0H, ._2saJTAocZ9TnYXTGvnqUMC {
    font-size: 13px !important;
    text-overflow: ellipsis !important;
}

/* Restoring this unnecessarily crops the right side of the friends' game status in the friends list
.friendlist [class*="personanameandstatus_richPresenceLabel_"] {
    -webkit-mask: linear-gradient( to right, black calc(100% - 10px), rgba(0, 0, 0, 0) calc(100% - 10px) ) !important;
}*/

/* [class*="personanameandstatus_richPresenceLabel_"] */
._2Ri005Wg_uXDTa71kdRbcN {
    -webkit-mask: linear-gradient( to right, black 98%, rgba(0, 0, 0, 0) 98% ) !important;
}

.contextMenuGameItem {
    -webkit-mask: linear-gradient( to right, black 100%, rgba(0, 0, 0, 0) 100% ) !important;
}

.ChatSpeaker.ChatRoomSpeaker .speaker .rankIcon > * {
    top: 5px !important;
}

.MemberListColumn {
    border-left: 1px solid rgb(var(--frameBorder)) !important;
}

.chatRoomMembers {
    border-left: none;
}

.chatRoomGroupHeader {
    border-bottom: 1px solid rgb(var(--frameBorder)) !important;
}

/* img[class*="emoticon_emoticon_"][class*="emoticon_large_"] */
img.AB86vEzEKPL0y5fK_m4pT._4xBaTT5razIZJ5CecJ7s9 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/* img[class*="emoticon_emoticon_"] */
img.AB86vEzEKPL0y5fK_m4pT {
    vertical-align: bottom;
}

/* .friend .watchingbroadcast [class*="personanameandstatus_statusAndName_"] */
.friend .watchingbroadcast ._4ZTzGZ5TTgFyfw1DcXLXS {
    margin-top: -8px !important;
}

/* .compactView
.friend
.watchingbroadcast
[class*="personanameandstatus_statusAndName_"] */
.compactView .friend .watchingbroadcast ._4ZTzGZ5TTgFyfw1DcXLXS {
    margin-top: -4px !important;
}

/* .titleBarContainer
.currentUserContainer
[class*="personanameandstatus_richPresenceLabel_"]:not([class*="personanameandstatus_gameName_"]) */
.titleBarContainer .currentUserContainer ._2Ri005Wg_uXDTa71kdRbcN:not(._1cB0qtF0paHWWyj1XNcnbG) {
    margin-top: -1px !important;
	margin-bottom: -4px; /*Compensating for the bottom padding when there are three lines.*/
}

.ChatTabsContextMenu.CompactFriendsList .friend {
    margin-top: 0px !important;
    padding-left: 1px !important;
}

/* .ChatRoomMultiFriendAvatar,
.ChatRoomGroupAvatar */
.ChatRoomMultiFriendAvatar, .ChatRoomGroupAvatar {
    border: 1px solid #535c68 !important;
}

/* .FriendsSettingsVoiceTransmissionType_ButtonRow,
.FriendsSettingsFlashSection_ButtonRow */
.FriendsSettingsVoiceTransmissionType_ButtonRow, .FriendsSettingsFlashSection_ButtonRow {
    background-color: transparent !important;
}

.DialogSlider_Slider {
    border: 1px solid #2a2d33 !important;
    background: transparent !important;
}

/* [class*="chattabs_ChatTabContent_Friend_"] .friend.awayOrSnooze .labelHolder,
[class*="chattabs_ChatTabContent_Friend_"]
.friend.awayOrSnooze
.avatarHolder
.avatarStatus,
[class*="chattabs_ChatTabContent_Friend_"]
.friend.offline
.avatarHolder
.avatarStatus,
[class*="chattabs_ChatTabContent_Friend_"] .friend.offline .labelHolder */
._21I8pyEfvklCsrYIcsBtYY .friend.awayOrSnooze .labelHolder, ._21I8pyEfvklCsrYIcsBtYY .friend.awayOrSnooze .avatarHolder .avatarStatus, ._21I8pyEfvklCsrYIcsBtYY .friend.offline .avatarHolder .avatarStatus, ._21I8pyEfvklCsrYIcsBtYY .friend.offline .labelHolder {
    opacity: 0.5 !important;
}

/* .friend.awayOrSnooze .playerNameQuickAccessContainer,
.friend.awayOrSnooze .labelHolder */
.friend.awayOrSnooze .playerNameQuickAccessContainer, .friend.awayOrSnooze .labelHolder {
    opacity: 1 !important;
}

.friend.awayOrSnooze {
    opacity: 1;
    filter: none;
}

.friendsListSectionTitle .SVGIcon_NewChatGroup line {
    stroke: rgb(var(--clientBG)) !important;
}

/* .friendSearchClear .SVGIcon_X_Line line,
[class*="chattabs_ChatTab_"] .chatTabClose .SVGIcon_X_Line line */
.friendSearchClear .SVGIcon_X_Line line, ._2XZq-_f6npaQdAgeRzKIkz .chatTabClose .SVGIcon_X_Line line {
    stroke: rgb(var(--white)) !important;
}

/* .chatTabList [class*="chattabs_Active_"],
[class*="chattabs_ChatTabContent_ChatRoomName_"] */
.chatTabList .Yd-DsWkYiFiYwpci--Yk_, ._1HNpQBKKKQ1tG2OZH3CSsh {
    color: rgb(var(--white)) !important;
}

.changeLog .SVGIcon_Scroll path {
    fill: rgb(var(--white)) !important;
}

.changeLog {
    right: 9px !important;
}

    .changeLog .SVGIcon_Scroll {
        width: 18px !important;
        height: 18px !important;
    }

    .changeLog:hover {
        background-color: rgba(var(--white05)) !important;
    }

/* .currentUserContainer [class*="personanameandstatus_statusAndName_"] */
.currentUserContainer ._4ZTzGZ5TTgFyfw1DcXLXS {
    margin-right: 72px;
    -webkit-app-region: drag !important;
    margin-bottom: 0;
}

/* .currentUserContainer [class*="personanameandstatus_playerName_"] */
.currentUserContainer .nOdcT-MoOaXGePXLyPe0H {
    -webkit-app-region: drag !important;
}

/* .compactQuickAccess .friend.quickAccessFriend .avatarHolder .avatar,
.friend.quickAccessFriend .avatarHolder .avatar */
.compactQuickAccess .friend.quickAccessFriend .avatarHolder .avatar, .friend.quickAccessFriend .avatarHolder .avatar {
    height: auto !important;
}

/* .friendCollapseButton,
.friendSettingsButton,
.friendCollapseButton .SVGIcon_DoubleArrow,
.chatTabOpenFriendsList */
.friendCollapseButton, .friendSettingsButton, .friendCollapseButton .SVGIcon_DoubleArrow, .chatTabOpenFriendsList {
    cursor: default !important;
}

.chatTabOpenFriendsList {
    color: rgba(var(--white75)) !important;
    background-color: rgb(var(--clientBG)) !important;
    height: 36px;
}

    .chatTabOpenFriendsList:hover {
        background-color: rgba(var(--white05)) !important;
    }

.friend.online {
    color: rgb(var(--online)) !important;
}

/* [class*="friendsnooze_SnoozeContainer_"][class*="friendsnooze_Dim_"]
[class*="friendsnooze_SnoozeZ_"] */
._1DsumfIa3MlkzUV9EXY5W9.rpZ9bKyFXYvNQvgtKn5GV ._2n0EiKMGRP-r_BI5tDtttu {
    filter: none !important;
}

/* [class*="shared_svg_library_EmoticonBow_"] */
._3nqUNkFEGhT_NAyO2pzTdf {
    top: 0 !important;
}

/* [class*="steamavatar_avatarHolder_"].X-Small */
.nibodjvvrm86uCfnnAn4g.X-Small {
    width: 30px !important;
    height: 30px !important;
}

/* .compactView [class*="steamavatar_avatarHolder_"].X-Small */
.compactView .nibodjvvrm86uCfnnAn4g.X-Small {
    margin-top: 2px !important;
}

/* [class*="chattabs_ChatTab_"]:before,
[class*="chattabs_ChatTab_"]:last-of-type:after */
._2XZq-_f6npaQdAgeRzKIkz::before, ._2XZq-_f6npaQdAgeRzKIkz:last-of-type::after {
    width: 0 !important;
}

/* [class*="emoticon_StickerButton_"],
[class*="emoticon_RoomEffectButton_"] */
._3Wc3jBAd8xYHu8EUsa93VY, .emoticon_RoomEffectButton_ {
    background: none !important;
}

.socialListTab.TabSearchActive {
    padding-left: 12px !important;
    background-color: rgb(var(--textentry)) !important;
}

/* .friendlist
.friend
[class*="personanameandstatus_compactView_"]
[class*="personanameandstatus_playerName_"],
.friendlist
.friend
[class*="personanameandstatus_compactView_"]
[class*="personanameandstatus_playerNickname_"],
.friendlist
.ingame
[class*="personanameandstatus_compactView_"]
[class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] */
.friendlist .friend ._3bbRZyUiK-bfc5Qov6xukI .nOdcT-MoOaXGePXLyPe0H, .friendlist .friend ._3bbRZyUiK-bfc5Qov6xukI ._2saJTAocZ9TnYXTGvnqUMC, .friendlist .ingame ._3bbRZyUiK-bfc5Qov6xukI ._1cB0qtF0paHWWyj1XNcnbG._2Ri005Wg_uXDTa71kdRbcN {
    font-size: 11px !important;
}

.friendlist {
    background: rgb(var(--clientBG));
}

/* [class*="personanameandstatus_statusAndName_"][class*="personanameandstatus_threeLines_"] */
._4ZTzGZ5TTgFyfw1DcXLXS._1oYSXGjBe7QctQ1ikLpCMm {
    margin-top: -7px !important;
}

/* .compactView
[class*="personanameandstatus_statusAndName_"][class*="personanameandstatus_threeLines_"] */
.compactView ._4ZTzGZ5TTgFyfw1DcXLXS._1oYSXGjBe7QctQ1ikLpCMm {
    margin-top: -6px !important;
}

.SVGIcon_Button.SVGIcon_CopyToClipboard {
    stroke: rgba(var(--white75));
}

/* [class*="chattabs_CloseButton_"] .SVGIcon_X_Line line */
._1JXI4j2_xSpVK1YjyEuebr .SVGIcon_X_Line line {
    stroke: rgb(var(--white35));
}

.FriendsListChatSection.ChatRoomListContainerParent {
    border-top: 1px solid rgb(var(--frameBorder)) !important;
}

.friendlistListContainer .friend.ingame .labelHolder {
    padding-bottom: 2px !important;
}

/* .FriendPicker
[class*="personanameandstatus_compactView_"]
[class*="personanameandstatus_richPresenceLabel_"] */
.FriendPicker ._3bbRZyUiK-bfc5Qov6xukI ._2Ri005Wg_uXDTa71kdRbcN {
    margin-top: 5px !important;
}

/* .currentUserAvatar,
.currentUserAvatar .avatarFrame */
.currentUserAvatar, .currentUserAvatar .avatarFrame {
    width: 34px !important;
    height: 34px !important;
}

/* [class*="addonpicker_ItemList_"] [class*="addonpicker_Item_"], */
/* [class*="addonpicker_Tab_"],
[class*="addonpicker_ItemList_"] */
._2CJ0LpiSgVs2JuTlwbzBM, ._2OWGRbhpXNcuR3oih9IGrX {
    cursor: default !important;
}

    /* [class*="addonpicker_ItemList_"] [class*="addonpicker_Item_"]:hover */
._2OWGRbhpXNcuR3oih9IGrX ._1SFqyFzFrpPOEAKCrq2kKZ:hover {
    background-color: rgba(var(--white05)) !important;
}

    /* [class*="addonpicker_Tab_"][class*="addonpicker_Active_"] */
._2CJ0LpiSgVs2JuTlwbzBM._1ddEQAfz6GuVRSEqk-d0r {
    border-bottom: 4px solid rgb(var(--focus)) !important;
}

    /* [class*="addonpicker_Tab_"]:hover:not([class*="addonpicker_Active_"]) */
._2CJ0LpiSgVs2JuTlwbzBM:hover:not(._1ddEQAfz6GuVRSEqk-d0r) {
    background-color: rgba(var(--white05)) !important;
    border-bottom: 4px solid transparent !important;
}

    /* [class*="addonpicker_Tab_"]
    [class*="addonpicker_TabContent_"]:hover:not([class*="addonpicker_Active_"]) */
._2CJ0LpiSgVs2JuTlwbzBM ._1mROo5bpUJSg8D8ILx7qpw:hover:not(._1ddEQAfz6GuVRSEqk-d0r) {
    background-color: transparent !important;
}

/*emoticon and reactions code popup*/
/* [class*="emoticon_EmoticonHover_"],
[class*="reactions_ReactionHover_"] */
.W_hPU2JmhTx3oUqDN9ADo, .RQYkyiM4TDn3t-i5FmXKL {
    background-color: rgb(var(--clientBG));
    border: 1px solid rgb(var(--frameBorder));
    margin: 0 4px;
    padding: 8px;
    min-width: 160px;
    min-height: 54px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

/* .emoticon_hover_title,
[class*="addonpicker_SectionedPageTitle_"],
[class*="addonpicker_SectionTitle_"] */
.emoticon_hover_title, .ZmsElITvVzU-7a2HXKBZI, ._3WuFl419BivPeLqeVIC939 {
    color: rgb(var(--offline)) !important;
}

/* [class*="addonpicker_SectionedPageTitle_"],
[class*="addonpicker_SectionTitle_"] */
.ZmsElITvVzU-7a2HXKBZI, ._3WuFl419BivPeLqeVIC939 {
    letter-spacing: 0px;
}

/* [class*="emoticon_PickerTab_"] svg */
._3JpKJFAvvDJ0Js0f3-arto svg {
    width: 20px !important;
    height: 20px !important;
    stroke: rgb(var(--white)) !important;
    padding-top: 4px !important;
}

/* [class*="emoticon_PickerTab_"][class*="emoticon_Clock_"]
svg.SVGIcon_Button.SVGIcon_Clock */
._3JpKJFAvvDJ0Js0f3-arto._2osi8r23eZgeNkWUaot-Vz svg.SVGIcon_Button.SVGIcon_Clock {
    width: 18px !important;
    height: 18px !important;
    padding-right: 0.5px !important;
    stroke: none !important;
}

/* [class*="addonpicker_FilterInputContainer_"] [class*="addonpicker_FilterInput_"],
[class*="addonpicker_FilterInputContainer_"] [class*="addonpicker_FilterInput_"]:hover,
[class*="addonpicker_FilterInputContainer_"] [class*="addonpicker_FilterInput_"]:focus */
.EuFePPYFGrcf99uLXmBYN ._2l4z-U60lABvd9XWArGjAf, .EuFePPYFGrcf99uLXmBYN ._2l4z-U60lABvd9XWArGjAf:hover, .EuFePPYFGrcf99uLXmBYN ._2l4z-U60lABvd9XWArGjAf:focus {
    background-color: rgb(var(--textentry)) !important;
}

/* [class*="addonpicker_Tabs_"] */
._1yVkTX9Mo_7qb2sxWhM0Cr {
    background-color: rgb(var(--header_dark)) !important;
    border-bottom: 1px solid rgb(var(--frameBorder)) !important;
}

.msg.EmojiOnly {
    line-height: 32px !important;
}

/* [class*="bbcode_ChatMessageSteamStore_HeaderImage_"][class*="bbcode_Blurred_"] */
.txeUZToUSaBzF1sLktQmY._2wHSdA7LqRZqmiPnSsjJw_ {
    filter: opacity(0);
}

.YoutubePlayer {
    background-color: transparent !important;
}

/* [class*="messages_MsgWithAddons_"]:hover,
[class*="reactions_MessageReaction_"]:hover */
._3qYm9oxf8MdyvQDJgbfCrF:hover, .UA15KlVbtDSJkqSpIAMIN:hover {
    background-color: rgb(var(--white05)) !important;
}

/* [class*="bbcode_ChatMessageSteamStore_"] */
._3SCtLxKknXT2PcQStMloQh {
    cursor: pointer;
}

/* [class*="reactions_ReactionCount_"] */
.a2_2ffGgB_f8RBwW8D8Rj {
    margin-top: 2px;
    color: rgba(var(--white75)) !important;
}

/* [class*="reactions_MessageReaction_"] */
.UA15KlVbtDSJkqSpIAMIN {
    border-radius: 4px !important;
    background-color: transparent;
    cursor: initial;
    border: none;
	align-items: center;
}

/* [class*="messages_MsgWithAddons_"] [class*="messages_Addons_"] */
._3qYm9oxf8MdyvQDJgbfCrF ._10OzYaCdn7cgVMec9ozEJG {
    background: rgb(var(--clientBG)) !important;
    border-radius: 6px !important;
    border: 1px solid rgb(var(--frameBorder));
}

    /* [class*="messages_MsgWithAddons_"] [class*="messages_Addons_"]:hover::after */
._3qYm9oxf8MdyvQDJgbfCrF ._10OzYaCdn7cgVMec9ozEJG:hover::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: '';
        background: rgb(var(--white12));
        z-index: 1;
        opacity: 1;
        pointer-events: none;
        border-radius: 6px;
    }

/* [class*="reactions_OpenPickerButton_"][class*="reactions_AddReactionIcon_"] path,
[class*="messages_MsgWithAddons_"] */
._2FJUPOjT7afeB0125mqdQt._3XfQ_NReAGO_XZ7IQEUNTZ path, ._3qYm9oxf8MdyvQDJgbfCrF {
    stroke: rgb(var(--white)) !important;
}

/* [class*="reactions_OpenPickerButton_"][class*="reactions_AddReactionIcon_"] ellipse */
._2FJUPOjT7afeB0125mqdQt._3XfQ_NReAGO_XZ7IQEUNTZ ellipse {
    fill: rgb(var(--white)) !important;
}

/* [class*="reactions_AddReactionIcon_"] */
._3XfQ_NReAGO_XZ7IQEUNTZ {
    cursor: initial;
}

/* [class*="messages_Addons_"] [class*="messages_Emoticon_"],
[class*="messages_Addons_"] [class*="messages_Emoticon_"] path */
._10OzYaCdn7cgVMec9ozEJG ._2ovvDFSsxzUoYuqzJsxecQ, ._10OzYaCdn7cgVMec9ozEJG ._2ovvDFSsxzUoYuqzJsxecQ path {
    stroke: rgb(var(--white75)) !important;
}

    /* [class*="messages_Addons_"] [class*="messages_Emoticon_"]:hover,
    [class*="messages_Addons_"] [class*="messages_Emoticon_"]:hover path */
._10OzYaCdn7cgVMec9ozEJG ._2ovvDFSsxzUoYuqzJsxecQ:hover, ._10OzYaCdn7cgVMec9ozEJG ._2ovvDFSsxzUoYuqzJsxecQ:hover path {
        stroke: rgb(var(--white75)) !important;
}

    /* [class*="messages_Addons_"] [class*="messages_Emoticon_"] ellipse */
._10OzYaCdn7cgVMec9ozEJG ._2ovvDFSsxzUoYuqzJsxecQ ellipse {
        fill: rgb(var(--white75)) !important;
    }

    /* [class*="messages_Addons_"] [class*="messages_Emoticon_"]:hover ellipse */
._10OzYaCdn7cgVMec9ozEJG ._2ovvDFSsxzUoYuqzJsxecQ:hover ellipse {
        fill: rgb(var(--white)) !important;
    }

/* [class*="messages_MsgWithAddons_"] [class*="messages_Addons_"] [class*="messages_Emoticon_"] */
._3qYm9oxf8MdyvQDJgbfCrF ._10OzYaCdn7cgVMec9ozEJG ._2ovvDFSsxzUoYuqzJsxecQ {
    cursor: initial;
}

/* [class*="reactions_OpenPickerButton_"] */
._2FJUPOjT7afeB0125mqdQt {
    opacity: 0.4;
}

.socialInputContainer .inputContainer input {
    padding-top: 1px !important;
}

.socialInputContainer .inputContainer {
	margin: 0;
}

.friendListButton:last-child:not(.addFriendButton) {
    margin-right: 0px;
}

/* [class*="friendslist_RemotePlayInviteLinkSection_"] [class*="friendslist_LinkRow_"] */
._14S4rlGAAqfqW6lMKYB2GM ._1tN7mH20YhTaXLqtoW2hR- {
    background-color: rgb(var(--white12));
    color: rgb(var(--white));
    border-bottom: 1px solid rgb(var(--frameBorder));
}

/* [class*="remoteplay_ContentBox_"],
[class*="remoteplay_BoxButton_"][class*="remoteplay_Light_"],
[class*="remoteplay_SliderControlContainer_"] [class*="remoteplay_SliderIconContainer_"],
[class*="remoteplay_SliderControlContainer_"] [class*="remoteplay_SliderContainer_"],
[class*="remoteplay_ControllerDropSlot_"] */
.byUV3gGMo74sUHlxvyjDp, ._3ZHIBZbKR6DCeKpSDqwlMg._2q1K8sdTBivCqmSyDOf6tz, ._1A662abUbKAn0ig5xH3aUN .ncAM2VaXiUJiIk2yvdf5T, ._1A662abUbKAn0ig5xH3aUN ._2icGUB0eQHsvd1mlUILwtM, ._1dGgVLeznTJ_tSM-ISiy0C {
    background-color: rgb(var(--white10));
}

/* [class*="remoteplay_HeaderActions_"] [class*="remoteplay_GameInfo_"] */
.iacovecSrxaI5U7QoRYhh .iRAI5OznyIRQ_pI7nzHbj {
    color: rgb(var(--ingame));
    letter-spacing: 0;
}

/* [class*="remoteplay_SectionTitle_"],
[class*="remoteplay_BoxButton_"] */
._6cKPA9Qiq89elkZykzWm5, ._3ZHIBZbKR6DCeKpSDqwlMg {
    color: rgb(var(--white));
    letter-spacing: 0;
}

/* [class*="remoteplay_MediaBox_"]
[class*="remoteplay_Content_"]
[class*="remoteplay_Top_"]
[class*="remoteplay_Title_"],
[class*="remoteplay_InvitedGuestBox_"] [class*="remoteplay_LinkContainer_"],
.ModalPosition_Content,
[class*="remoteplay_ControllerDropSlot_"] [class*="remoteplay_Controller_"],
[class*="remoteplay_SliderControlContainer_"]
[class*="remoteplay_SliderIconContainer_"]
[class*="remoteplay_SliderIcon_"],
[class*="remoteplay_ControlEnabled_"] */
._2jdnB1mip7lovYNIoEIcPb ._2K02jvME1TQf1F7mtqkbFx ._3sa2WLN0lsAm1WKsZo5xPb .remoteplay_Title_, .sC4Ku0OaRLZ-vV_VHrpT4 ._1NvgnZgpxP3Khck8Yz72SY, .ModalPosition_Content, ._1dGgVLeznTJ_tSM-ISiy0C ._10yQBasY8fMJwRAPKkcY3z, ._1A662abUbKAn0ig5xH3aUN .ncAM2VaXiUJiIk2yvdf5T ._39Y7lYCI-8Miq_9WNayebv, ._4xP3qP0rdf9RpvHS7lP3L {
    color: rgb(var(--white));
}

/* [class*="remoteplay_ControllerDropSlotsContainer_"]
[class*="remoteplay_ControllerDropSlots_"]
[class*="remoteplay_HowToHint_"] */
._3PZjzoWLVofSeZpDpB1hrL ._3X22h7YdnZrFC2KSDbQiLq ._2Dvcb9zIKK7m6o3_WrhitN {
    background-color: rgb(var(--clientBG));
}

/* [class*="remoteplay_ContentBox_"][class*="remoteplay_Interactable_"]:hover */
.byUV3gGMo74sUHlxvyjDp.weXF9tYk6FLht9FLdGY_:hover {
    background-color: rgb(var(--white10));
}

/* [class*="friendslist_RemotePlayInviteLinkSection_"]
[class*="friendslist_LinkRow_"]
[class*="friendslist_LinkRowText_"] */
._14S4rlGAAqfqW6lMKYB2GM ._1tN7mH20YhTaXLqtoW2hR- ._2sIHGS_555xUrHvjOwV0Y2 {
    letter-spacing: 1px;
}

/* [class*="friendslist_RemotePlayInviteLinkSection_"]
[class*="friendslist_LinkRow_"]:hover */
._14S4rlGAAqfqW6lMKYB2GM ._1tN7mH20YhTaXLqtoW2hR-:hover {
    color: rgb(var(--white));
    background-color: rgb(var(--white24));
}

/* [class*="radio_Button_"],
[class*="toggle_ToggleRow_"] */
.HijmccPB1BKyhOwhX1EVl, ._1MBq0fYrftycnyZF4FC9Jo {
    background-color: rgb(var(--white05));
}

    /* [class*="radio_Button_"]:hover */
.HijmccPB1BKyhOwhX1EVl:hover {
        background-color: rgb(var(--white10));
    }

.DialogToggleField_Option.Off.Active {
    color: rgb(var(--white));
}

.ChatRoomAddRoomBtn .SVGIcon_PlusCircle {
    stroke: rgb(var(--white));
}

.ChannelTypeTitle {
    color: rgb(var(--white));
}

    .ChannelTypeTitle .ChannelTypeLabel:hover:not(.NoPermission) {
        color: rgb(var(--white75));
    }

/* body,
body[class*="shared_common_v6_"] */
body, body._2LxgdMcpWJRjkxZKbmeEEb {
    color: rgb(var(--white));
}

.statCircle {
    border-radius: 50% !important;
}

.statMembersInGame .statCircle {
    background-color: rgb(var(--ingame));
}

.statMembersOnline .statCircle {
    background-color: rgb(var(--online));
}

.chatRoomGroupHeaderName {
    color: rgb(var(--white));
}

.BBCodeAlreadyCollapsedText {
    background-color: rgb(var(--white10));
}

/* .BBCodeAlreadyCollapsed.Minimized:hover .BBCodeAlreadyCollapsedText,
.BBCodeResizableComponent.Minimized:hover .BBCodeCollapsed */
.BBCodeAlreadyCollapsed.Minimized:hover .BBCodeAlreadyCollapsedText, .BBCodeResizableComponent.Minimized:hover .BBCodeCollapsed {
    background-color: rgb(var(--white24));
}

.MemberListColumn .friendGroup .groupName .groupCountCollapsed {
    color: white; /* Intentionally not a variable */
}

.chatRoomGroupHeaderTagline {
    color: rgb(var(--white50));
}

.socialInputContainer .friendSearchInput[type="text"]::placeholder {
    color: transparent;
}

.friendSearchInput[type="text"] {
    background-position: 0px 4px;
    background-image: var(--searchicon);
}

/* .friendSearchInput[type=text]:focus */
.friendSearchInput[type="text"]:focus {
    background-position: 0px 4px;
}

.friendListHeaderContainer .title-area {
    height: 58px;
}

/* .quickAccessFriends .friend:hover .avatarHolder,
.quickAccessFriends .favoriteElement:hover .friend .avatarHolder */
.quickAccessFriends .friend:hover .avatarHolder, .quickAccessFriends .favoriteElement:hover .friend .avatarHolder {
    transform: scale(0.86, 0.86) translateX(0px);
}

/* [class*="miniprofile_miniProfileContent_"][class*="miniprofile_notInOrWatchingGame_"]
[class*="miniprofile_miniProfileBottom_"],
[class*="miniprofile_miniProfileContent_"]
[class*="miniprofile_miniProfileGameContainer_"] */
._1xTATKELHR-lRS_s3A4yzd._1NkB7RuIs66QCtsv4kxeCu ._26ga2HHZL2HlK6wwFImcgX, ._1xTATKELHR-lRS_s3A4yzd ._7-U6jtoeGvesTm7JFGH0- {
    background: rgba(var(--black45));
}

/* [class*="steamavatar_avatarHolder_"] [class*="steamavatar_avatarStatus_"].right,
[class*="steamavatar_avatarHolder_"] [class*="steamavatar_avatarStatus_"].bottom */
.nibodjvvrm86uCfnnAn4g ._3xUpb5DWXPFNcHHIcv-9pe.right, .nibodjvvrm86uCfnnAn4g ._3xUpb5DWXPFNcHHIcv-9pe.bottom {
    display: none !important;
}

.mentionAvatar {
    left: 4px;
    margin-top: 2px;
}

.friendPlayerLevel {
    border-radius: 50% !important;
}

    .friendPlayerLevel.lvl_100, .friendPlayerLevel.lvl_200, .friendPlayerLevel.lvl_300, .friendPlayerLevel.lvl_400, .friendPlayerLevel.lvl_500, .friendPlayerLevel.lvl_600, .friendPlayerLevel.lvl_700, .friendPlayerLevel.lvl_800, .friendPlayerLevel.lvl_900, .friendPlayerLevel.lvl_1000, .friendPlayerLevel.lvl_1100, .friendPlayerLevel.lvl_1200, .friendPlayerLevel.lvl_1300, .friendPlayerLevel.lvl_1400, .friendPlayerLevel.lvl_1500, .friendPlayerLevel.lvl_1600, .friendPlayerLevel.lvl_1700, .friendPlayerLevel.lvl_1800, .friendPlayerLevel.lvl_1900, .friendPlayerLevel.lvl_2000, .friendPlayerLevel.lvl_2100, .friendPlayerLevel.lvl_2200, .friendPlayerLevel.lvl_2300, .friendPlayerLevel.lvl_2400, .friendPlayerLevel.lvl_2500, .friendPlayerLevel.lvl_2600, .friendPlayerLevel.lvl_2700, .friendPlayerLevel.lvl_2800, .friendPlayerLevel.lvl_2900, .friendPlayerLevel.lvl_3000, .friendPlayerLevel.lvl_3100, .friendPlayerLevel.lvl_3200, .friendPlayerLevel.lvl_3300, .friendPlayerLevel.lvl_3400, .friendPlayerLevel.lvl_3500, .friendPlayerLevel.lvl_3600, .friendPlayerLevel.lvl_3700, .friendPlayerLevel.lvl_3800, .friendPlayerLevel.lvl_3900, .friendPlayerLevel.lvl_4000, .friendPlayerLevel.lvl_4100, .friendPlayerLevel.lvl_4200, .friendPlayerLevel.lvl_4300, .friendPlayerLevel.lvl_4400, .friendPlayerLevel.lvl_4500, .friendPlayerLevel.lvl_4600, .friendPlayerLevel.lvl_4700, .friendPlayerLevel.lvl_4800, .friendPlayerLevel.lvl_4900, .friendPlayerLevel.lvl_5000, .friendPlayerLevel.lvl_5100, .friendPlayerLevel.lvl_5200 {
        border-radius: 0 !important;
    }

.friendsui-container .title-area-icon {
    height: 28px;
    width: 28px;
}

.friendsui-container .title-bar-actions {
    max-height: 28px;
}

.voiceSelfHeader .friend .avatarHolder .avatarStatus {
    width: 0px;
}

.voiceSelfHeader .friend .avatarHolder {
    width: 34px !important;
    height: 34px !important;
    transform: scale(1, 1) translateX(0px) !important;
}

    .voiceSelfHeader .friend .avatarHolder .avatar {
        height: calc(100% - 2px);
    }

.voiceSelfDirections .friend .labelHolder {
    min-width: 35px;
}

svg.SVGIcon_Button.SVGIcon_DownArrowContextMenu {
    fill: rgb(var(--offline));
}

.currentUserContainer .ContextMenuButton:hover .SVGIcon_DownArrowContextMenu, .friend:hover .ContextMenuButton:hover .SVGIcon_DownArrowContextMenu {
    fill: rgb(var(--white75)) !important;
}

:not(.friendInviteContainer) .online .ContextMenuButton .SVGIcon_DownArrowContextMenu {
    fill: rgb(var(--online));
}

.ToggleGroupChatList .SVGIcon_DoubleArrow polyline.Arrow1 {
    display: none;
}

.ToggleGroupChatList .SVGIcon_DoubleArrow polyline {
    stroke: rgb(var(--white));
}

.ToggleGroupChatList:hover .SVGIcon_DoubleArrow polyline {
    stroke: rgb(var(--white75));
    fill: none;
}

.popup_chat_frame {
    border: 0;
}

.confirmInviteRequestContainer .cancelAddFriends {
    top: 0px;
    right: 0px;
    background: rgb(var(--clientBG));
    padding: 0px 6px;
}

.confirmInviteRequestContainer .confirmInviteButton {
    background-color: rgb(var(--white12));
    color: rgb(var(--white));
    font-size: 13px;
}

    .confirmInviteRequestContainer .confirmInviteButton:hover {
        color: rgb(var(--white));
        background-color: rgb(var(--white24));
    }

.ChatTabs .title-area {
    background: rgb(var(--header_dark));
    /* border-bottom: 1px solid rgb(var(--frameBorder));*/
}

.online .SVGIcon_DoNotDisturb circle, .online .SVGIcon_DoNotDisturb line {
    stroke: rgb(var(--red));
}

/* [class*="personastatusicons_PersonaStatusIcon_"].ingame svg path */
.KxAI_M9gWx3OnKSshHOs6.ingame svg path {
    fill: rgb(var(--ingame));
}

/* .titleBarContainer .currentUserContainer [class*="personanameandstatus_twoLine_"] [class*="personanameandstatus_richPresenceLabel_"] */
.titleBarContainer .currentUserContainer ._1BbOegz8bYL7iPzgYpOgQI ._2Ri005Wg_uXDTa71kdRbcN {
    margin-top: 0;
    margin-bottom: 0;
}

.ChatRoomSpeaker .speaker .speakerStatus, .ChatMsgSlashEmote .speaker .speakerStatus {
    display: none;
}

.clanInvitesGroupContainer .clanInviteTitle {
    color: rgb(var(--white));
}

.clanInviteContainer .clanName {
    color: rgb(var(--white));
}

.clanInvitesGroupContainer .statMembersTotal {
    color: rgb(var(--white50));
}
/*
Ideally, this would apply to hovering over the chat log only.
Doesn't work when docking.
*/
.ChatPopup .miniProfileHover {
    display: none;
}

/* [class*="personastatusicons_PersonaStatusIcon_"][class*="personastatusicons_MobilePhoneIcon_"] */
.KxAI_M9gWx3OnKSshHOs6._1iRFj5lJrMqMnRb3GZYPSw {
    margin-top: -1px;
}

/* [class*="addonpicker_Tab_"] .SVGIcon_Button */
._2CJ0LpiSgVs2JuTlwbzBM .SVGIcon_Button {
    fill: rgb(var(--white));
}

.friendGroup.friendOutgoingRequests .groupName, .friendGroup.friendRequests .groupName {
    padding-left: 0;
}

.clanInvitesGroupContainer {
    padding-left: 0;
}

    .clanInvitesGroupContainer .clanInviteTitle {
        margin-left: 15px;
    }

.clanInviteContainer {
    padding-left: 14px;
}

    .clanInviteContainer:hover {
        background: rgb(var(--white05));
    }

.friend.offline {
    color: rgb(var(--offline));
}

.friendInviteContainer .friend .inviteLabel {
    color: rgb(var(--online)) !important;
}

.mutualFriendNumber {
    color: rgb(var(--online));
}

.friendInviteButton {
    border-radius: 50% !important;
    background: rgb(var(--clientBG));
    border: 1px solid rgb(var(--white));
}

/* [class*="chattabs_CloseButton_"]:hover .SVGIcon_X_Line line */
._1JXI4j2_xSpVK1YjyEuebr:hover .SVGIcon_X_Line line {
    stroke: rgb(var(--white75));
}

.confirmInviteRequestContainer .confirmInviteButton.dim:hover, .confirmInvites.dim:hover, .confirmInvites.dim {
    color: rgb(var(--white));
    border-color: transparent;
    background: rgb(var(--white12));
}

/* [class*="steamavatar_avatarHolder_"] [class*="steamavatar_avatarFrame_"] */
.nibodjvvrm86uCfnnAn4g .X_mJE4BYV5StDPwZhSiAu {
    transform: scale(1.2) translateY(.5px);
}

.Dialog_EditNickName .friend.online .DialogTextInputBase, .Dialog_ChangePersonaName .friend.online .DialogTextInputBase {
    color: rgb(var(--online));
}

.DialogBodyText {
    color: rgb(var(--white50));
}

/* .DialogTextInputBase:focus, .DialogTextInputBase:focus-within,
.DialogTextInputBase:not(:disabled):hover,
.DesktopUI .DialogTextInputBase:focus, .DialogTextInputBase:focus-within */
.DialogTextInputBase:focus, .DialogTextInputBase:focus-within, .DialogTextInputBase:not(:disabled):hover, .DesktopUI .DialogTextInputBase:focus, .DialogTextInputBase:focus-within {
    background: rgb(var(--textentry));
}

/* .ChatRoomListGroupItem .openGroupButton .SVGIcon_DoubleArrow polyline,
.ChatRoomListGroupItem_header:hover .openGroupButton .SVGIcon_DoubleArrow polyline */
.ChatRoomListGroupItem .openGroupButton .SVGIcon_DoubleArrow polyline, .ChatRoomListGroupItem_header:hover .openGroupButton .SVGIcon_DoubleArrow polyline {
    stroke: rgb(var(--white));
}

.statCircle {
    background-color: rgb(var(--white));
}

.friendsui-container .SVGIcon_Button.SVGIcon_CopyToClipboard {
    stroke: rgb(var(--white));
}

    .friendsui-container .SVGIcon_Button.SVGIcon_CopyToClipboard:hover {
        stroke: rgb(var(--white50)); /* Random */
    }

.friendsui-container .SVGIcon_Pin.Pinned .head {
    fill: rgb(var(--clientBG));
}

.friendsui-container .SVGIcon_Pin .head {
    stroke: rgb(var(--white));
}

.friendsui-container .SVGIcon_Pin .ground {
    stroke: rgb(var(--white));
}

.friendsui-container .SVGIcon_Pin .ground, .friendsui-container .SVGIcon_Pin .point, .friendsui-container .SVGIcon_Pin .head {
    fill: rgb(var(--white));
}

.chatRoomGroupNavColumn {
    border-right: 1px solid rgb(var(--frameBorder));
}

/* [class*="bbcode_ImageModalBackground_"] */
._1ILFQY2sxyGFT_n-fifayy {
    background: rgb(var(--clientBG));
    border: none;
}

.confirmInviteButton.confirmInvites {
    background: rgb(var(--white12));
}

    .confirmInviteButton.confirmInvites:hover {
        background: rgb(var(--white24));
    }

/* [class*="pagedcontent_Nav_"] */
.xSTLmzylFJdIfak7ZdhuA {
    background: rgb(var(--header_dark));
}

/* [class*="pagedcontent_Content_"] */
._3mf9BBKxhIVdrt6nIWBt4x {
    background: rgb(var(--clientBG));
}

/* [class*="pagedcontent_Nav_"] [class*="pagedcontent_NavTitle_"] */
.xSTLmzylFJdIfak7ZdhuA .uyoPtKbi4K01XGuYF5-C_ {
    color: rgb(var(--white));
    text-transform: none;
    font-weight: 200;
    font-size: 16px;
}

/* [class*="pagedcontent_Nav_"] [class*="pagedcontent_NavItems_"] [class*="pagedcontent_NavItem_"][class*="pagedcontent_Active_"] */
.xSTLmzylFJdIfak7ZdhuA .MWzjHR-uqa-svGrdXYfUl ._2YV0m3IRCNOoUV9YhJNFnV._1DfstUr4tIt3Jdt7Mrxfxo {
    color: rgb(var(--white));
}

/* [class*="pagedcontent_Nav_"] [class*="pagedcontent_NavItems_"] [class*="pagedcontent_NavItem_"] */
.xSTLmzylFJdIfak7ZdhuA .MWzjHR-uqa-svGrdXYfUl ._2YV0m3IRCNOoUV9YhJNFnV {
    text-transform: none;
}

.friend.offline {
    color: rgb(var(--offline));
}

.FriendPicker_SuggestedFriend:hover {
    background: rgb(var(--white05));
}

.Dialog_EditNickName .friend.online .DialogTextInputBase, .Dialog_ChangePersonaName .friend.online .DialogTextInputBase {
    color: rgb(var(--online));
}

.DialogTextInputBase:not(:disabled):hover {
    background: rgb(var(--textentry));
    cursor: text !important;
}

.chatRoomVoiceChannelsGroup, .chatRoomTextChannelsGroup {
    color: rgb(var(--white50));
}

.chatRoomTextChannel:hover, .chatRoomVoiceChannel:hover .chatRoomVoiceChannelName, .chatRoomTextChannel:hover .chatRoomTextChannel {
    color: rgb(var(--white50));
}

.chatRoomVoiceChannel:not(.ActiveVoiceChannel):hover {
    background-color: rgb(var(--white05));
}

.friendsui-container .SVGIcon_TextRoom, .friendsui-container .SVGIcon_Button.SVGIcon_TextRoom, .friendsui-container .SVGIcon_VoiceRoom, .friendsui-container .SVGIcon_Button.SVGIcon_VoiceRoom {
    stroke: rgb(var(--white75));
    margin-right: 0;
    margin-top: 0;
}

.friendsui-container .SVGIcon_TextRoom .TextLines {
    stroke: rgb(var(--white));
}

.ActiveTextChannel .chatRoomTextChannelName.IsCommonsChannel {
    color: rgb(var(--white)) !important;
}

.chatRoomTextChannel:hover .chatRoomTextChannelName.IsCommonsChannel {
    color: rgb(var(--white50));
}

.chatRoomTextChannelName.IsCommonsChannel {
    color: rgb(var(--white50));
}

.chatRoomTextChannelName.ActiveTextChannel.IsCommonsChannel {
    color: rgb(var(--white));
}

.chatRoomVoiceChannel {
    border: none;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.friendsui-container .SVGIcon_VoiceRoom .Microphone, .friendsui-container .SVGIcon_VoiceRoom .AudioLines {
    fill: rgb(var(--white));
}

.chatRoomTextChannel:not(.ActiveTextChannel):hover {
    background: rgb(var(--white05));
}

/* [class*="chattabs_ChatTab_"][class*="chattabs_Active_"] [class*="chattabs_MicStatus_"] svg path */
._2XZq-_f6npaQdAgeRzKIkz.Yd-DsWkYiFiYwpci--Yk_ .c9l09VKqQIXJvsl0gqItO svg path {
    fill: green;
}

/* [class*="chattabs_ChatTab_"][class*="chattabs_Active_"] [class*="chattabs_MicStatus_"] */
._2XZq-_f6npaQdAgeRzKIkz.Yd-DsWkYiFiYwpci--Yk_ .c9l09VKqQIXJvsl0gqItO {
    background: none;
}

.chatRoomVoiceChannelIconGlow {
    display: none;
}

.VoiceChannelInvite .leftInviteContainer .SVGIcon_VoiceRoom .Bubble, .OneOnOneVoiceRoomControls.OneOnOneVoiceActive .SVGIcon_VoiceRoom .Bubble, .chatRoomVoiceChannel.ActiveVoiceChannel .SVGIcon_VoiceRoom .Bubble, .VoiceToggle.Active .SVGIcon_VoiceRoom .Bubble {
    fill: green;
}

/* [class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"]) * */
._2XZq-_f6npaQdAgeRzKIkz:not(.Yd-DsWkYiFiYwpci--Yk_) * {
    stroke: green;
    fill: green;
}

.chatRoomVoiceChannel.ActiveVoiceChannel {
    background-color: rgb(var(--clientBG));
    border-top: 1px solid rgb(var(--frameBorder));
    border-bottom: 1px solid rgb(var(--frameBorder));
	width: 100%;
}

.emptyChannelNotice {
    color: rgb(var(--white50));
}

.ChatRoomListGroupItemChatRooms {
    margin-left: 0;
}

/* .friendListHeaderContainer .activeVoiceControls:before */
.friendListHeaderContainer .activeVoiceControls::before {
    background: none;
}

/* [class*="chattabs_ChatTab_"][class*="chattabs_Active_"][class*="chattabs_MicMuted_"] [class*="chattabs_MicStatus_"] */
._2XZq-_f6npaQdAgeRzKIkz.Yd-DsWkYiFiYwpci--Yk_._3xSp_2yTGID-3a2SsunWpF .c9l09VKqQIXJvsl0gqItO {
    background: none;
}

    /* [class*="chattabs_ChatTab_"][class*="chattabs_Active_"][class*="chattabs_MicMuted_"] [class*="chattabs_MicStatus_"] .SVGIcon_Button */
._2XZq-_f6npaQdAgeRzKIkz.Yd-DsWkYiFiYwpci--Yk_._3xSp_2yTGID-3a2SsunWpF .c9l09VKqQIXJvsl0gqItO .SVGIcon_Button {
        fill: red;
    }

.ChatRoomListGroupItem.ShowAllChannels .detailsView {
    background-color: transparent;
}

.ChatRoomListGroupItemChatRooms .chatRoomVoiceChannel:not(.ActiveVoiceChannel):hover {
    border: none;
    background-color: rgb(var(--white05));
}

.ChatRoomListGroupItem .SVGIcon_VoiceRoom {
    margin-top: 0px;
}

.ChatRoomListGroupItem .chatRoomVoiceChannelIcon {
    margin-left: 16px;
}

.chatRoomTextChannel {
    cursor: default;
}

.VoiceRoomChatHistory .chatHistory {
    margin-top: 20px;
}

.VoiceChannelParticipants .chatRoomGroupNavCollapsed .CompactFriendsList .friend {
    padding-left: 8px;
}

.VoiceChannelParticipants .friend {
    padding-left: 16px;
}

.chatRoomGroupNavCollapsed .ChannelTypeTitle .ChatRoomAddRoomBtn {
    margin-left: 53px;
}

.groupMemberList .friend, .groupMemberList .friendGroup .friend {
    padding-left: 11px;
}

/* .isCurrentUser [class*="messages_SpeakerName_Default_"] */
.isCurrentUser ._1G1ACDfp4yn4cUO1xY7_d3 {
    color: rgb(var(--offline));
}

.friendSearchClear .SVGIcon_X_Line {
    width: 12px;
    height: 12px;
}

.friendSearchClear:hover .SVGIcon_X_Line {
    background-color: rgb(var(--white10));
}

.friendSearchClear:hover {
    opacity: 1;
}

.ChatMessageEntryVoice.pushToTalkEnabled .activeVoiceButtons .SVGIcon_Button.SVGIcon_Shadow {
    display: none;
}

.inviteeNameLabel {
    color: rgb(var(--white));
}

.clanActionButtons button.TextButton {
    color: rgb(var(--white50)); /* Random */
}

.clanActionButtons button.TextButton:hover {
    color: rgb(var(--white75));
}

/* [class*="bbcode_ChatMessageSteamStore_ViewStore_"] */
._3YKzzMnXjrp4XBGh0BPUP4 {
    background: #4b82b8;
}

.MemberListOption .SVGIcon_DoubleArrow polyline {
    stroke: rgb(var(--white)); /* Temporary */
}

.gameGroup:not(.OtherGamesGroup):not(.NonSteamGamesGroup) .gameGroupContainer {
    width: 27px;
    height: 24px;
}

.friendGroup.gameGroup:not(.OtherGamesGroup) .SteamPlayerGroupFooter, .friendGroup.gameGroup:not(.OtherGamesGroup) .friend {
    padding: 2px 0px 2px 22px;
}

.CompactFriendsList .gameGroup:not(.OtherGamesGroup):not(.NonSteamGamesGroup) .gameGroupContainer {
    margin-right: 7px;
    height: 22px;
}

.CompactFriendsList .gameGroupContainer .groupIcon {
    margin-top: 1px
}

.CompactFriendsList .friendlistListContainer .friendGroup.gameGroup .friend {
    padding-left: 12px;
}

/* [class*="addonpicker_Tab_"] [class*="addonpicker_TabContent_"][class*="addonpicker_Active_"],
[class*="addonpicker_Tab_"] [class*="addonpicker_TabContent_"] */
._2CJ0LpiSgVs2JuTlwbzBM ._1mROo5bpUJSg8D8ILx7qpw._1ddEQAfz6GuVRSEqk-d0r, ._2CJ0LpiSgVs2JuTlwbzBM ._1mROo5bpUJSg8D8ILx7qpw {
    color: rgb(var(--white));
}

.chatRoomVoiceChannelNameContainer .chatRoomVoiceChannelName {
    padding-left: 20px;
}

.MemberListColumn .CompactFriendsList .friend.ingame .labelHolder {
    margin-top: 1px;
}

:not(.friendInviteContainer) .ingame .ContextMenuButton .SVGIcon_DownArrowContextMenu {
    fill: rgb(var(--ingame));
}

.ChatRoomMemberScrollList_List .ContextMenuButton .SVGIcon_DownArrowContextMenu {
    margin-bottom: 0;
}

/* .ChatRoomMemberScrollList_List .friend [class*="personanameandstatus_twoLine_"] [class*="personanameandstatus_statusAndName_"] */
.ChatRoomMemberScrollList_List .friend ._1BbOegz8bYL7iPzgYpOgQI ._4ZTzGZ5TTgFyfw1DcXLXS {
    margin-top: -3px !important;
}

.DialogTextInputBase, ._DialogInputContainer {
    color: rgb(var(--white));
	background: rgb(var(--textentry));
}

.chatRoomVoiceChannel:not(.ActiveVoiceChannel):hover .SVGIcon_VoiceRoom .Microphone, .chatRoomVoiceChannel:not(.ActiveVoiceChannel):hover .SVGIcon_VoiceRoom .AudioLines {
    fill: rgb(var(--white));
}

/* [class*="chatentry_chatEntryControls_"] [class*="chatentry_chatSubmitButton_"]:not([class*="chatentry_disabled_"]) */
._3Ule3rolhZJiBN4yNNtk1s .RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy) {
    background: none;
}

/* [class*="chattabs_ChatTab_"] svg */
._2XZq-_f6npaQdAgeRzKIkz svg {
    width: 12px !important;
}

/* .friendsui-container .SVGIcon_TextRoom, .friendsui-container .SVGIcon_Button.SVGIcon_TextRoom, .friendsui-container .SVGIcon_VoiceRoom, .friendsui-container .SVGIcon_Button.SVGIcon_VoiceRoom,
[class*="chatentry_chatSubmitButton_"][class*="chatentry_EmbedButton_"] SVG, [class*="chatentry_chatSubmitButton_"][class*="chatentry_EmoticonPickerButton_"] SVG */
.friendsui-container .SVGIcon_TextRoom, .friendsui-container .SVGIcon_Button.SVGIcon_TextRoom, .friendsui-container .SVGIcon_VoiceRoom, .friendsui-container .SVGIcon_Button.SVGIcon_VoiceRoom, .RVIs84dAE6wHcjH9tkinc._3zOBeq5W4cNK3lRz_7aroW SVG, .RVIs84dAE6wHcjH9tkinc.Aupswi7-c-w3XwNO5cp2i SVG {
    color: rgb(var(--white75));
	width: 20px;
}

.chatRoomChannelGroups svg.SVGIcon_Button.SVGIcon_VoiceRoom {
    padding-left: 3px;
    padding-top: 2px;
}

/* [class*="messages_SpeakerName_Default_"] */
._1G1ACDfp4yn4cUO1xY7_d3 {
    color: rgb(var(--offline));
}

.FriendPicker_ChosenFriend {
    background: rgb(var(--focus));
}

    .FriendPicker_ChosenFriend .SVGIcon_X_Line line {
        stroke: rgb(255, 255, 255, 0.75); /* Intentionally not a var, as it's on --focus */
    }

.DialogHighlight {
    color: rgb(var(--focus));
}

.VoiceToggle.Active svg, .VoiceToggle.Active:hover svg {
    color: rgb(var(--white75));
}

.VoiceToggle.Active:hover {
    background-color: rgb(var(--white05));
}

.VoiceToggle.Active {
    background-color: transparent;
    border: none !important;
}

.VoiceToggle.Active:focus {
	background-color: rgb(var(--focus));
}

.VoiceToggle.Active:focus svg {
    color: white;
}

.OneOnOneVoiceClose .SVGIcon_X_Line line, .OneOnOneVoiceClose:hover .SVGIcon_X_Line line, .OneOnOneVoiceClose.gpfocus .SVGIcon_X_Line line {
    stroke: rgb(var(--white));
}

.OneOnOneVoiceClose:hover, .OneOnOneVoiceClose.gpfocus {
    background-color: rgb(var(--white24));
}

.recentName {
    color: rgb(var(--white));
}

/* [class*="chattabs_ChatTabTransitionGroup_"] */
._3f1rJf0BU79ub9YR2KihaT {
    border-right: 2px solid transparent;
	gap: 1px;
}

.HorizontalMiniSliderScroll::-webkit-scrollbar {
    display: none;
}

.ChatTabs.HasWindowControls {
    padding-top: 29px;
}

.chatTabSetContainer.inclient {
    padding-right: 0;
}

.singlewindow .titleBarContainer.ChatTabs {
    padding-left: 1px;
    padding-right: 1px;
}

.ChatTabs .dropTargetBox {
    margin-top: 29px;
}

/* [class*="chattabs_ChatTabContent_ChatRoomName_"] */
._1HNpQBKKKQ1tG2OZH3CSsh {
    text-overflow: ellipsis;
    -webkit-mask: none;
}

/* [class*="chattabs_ChatTabRow_"] [class*="friendsnooze_SnoozeContainer_"] */
.vs5AhAWHJLa_eDOBkDcMy ._1DsumfIa3MlkzUV9EXY5W9 {
    margin-right: 4px;
}

.chatFileUploadPreviewContainer {
    background: rgb(var(--clientBG));
    border: 1px solid rgb(var(--frameBorder));
}

.chatFileUploadCancel:hover {
    background-color: rgb(var(--W10close_Red_h));
}

.chatFileUploadCancel {
    top: 0;
    right: 0;
    background-color: transparent;
    cursor: default;
}

    .chatFileUploadCancel .SVGIcon_X_Line line {
        stroke: rgb(var(--white));
    }

.insetShadow {
    background: none;
}

.confirmInviteRequestContainer .cancelAddFriends:hover .SVGIcon_Arrow polyline {
    stroke: rgb(var(--white75));
    transform: none;
}

.timeDivision.new_messages .preHorizDivider, .timeDivision.new_messages .horizDivider {
    background-color: transparent;
}

.ChatRoomSpeaker .speaker {
    margin-top: 0;
    padding-top: 0;
}

.speakerHoverArea, .speakerTimeStamp {
    cursor: text;
}

.addFriendButton .SVGIcon_AddFriend .friendHead, .addFriendButton .SVGIcon_AddFriend .friendBody {
    color: rgb(var(--white));
}

.addFriendButton:hover .SVGIcon_AddFriend .friendHead, .addFriendButton:hover .SVGIcon_AddFriend .friendBody {
    color: rgb(var(--white));
}

.msg.timeDivision.new_messages {
    color: rgb(var(--white));
}

.clanInviteContainer a:hover .clanName {
    color: rgb(var(--white));
}

/* [class*="remoteplay_BoxButton_"][class*="remoteplay_Dark_"],
[class*="remoteplay_BoxButton_"][class*="remoteplay_Light_"] */
._3ZHIBZbKR6DCeKpSDqwlMg.hwsQa9AuO5HnZjJobwSys, ._3ZHIBZbKR6DCeKpSDqwlMg._2q1K8sdTBivCqmSyDOf6tz {
    background-color: rgb(var(--white12));
}

    /* [class*="remoteplay_BoxButton_"][class*="remoteplay_Dark_"]:hover,
    [class*="remoteplay_BoxButton_"][class*="remoteplay_Light_"]:hover */
._3ZHIBZbKR6DCeKpSDqwlMg.hwsQa9AuO5HnZjJobwSys:hover, ._3ZHIBZbKR6DCeKpSDqwlMg._2q1K8sdTBivCqmSyDOf6tz:hover {
        background-color: rgb(var(--white24));
    }

/* [class*="remoteplay_MediaBoxTitle_"] */
.HDOT4BGIrK1Q_0cy4t514 {
    color: rgb(var(--white));
}

/* [class*="remoteplay_MediaButton_"] [class*="remoteplay_ButtonContent_"] */
._1j2F52r3Ii1QcgyElBRYZ1 ._1fVfKL7Q4K3sRdioqrCvlf {
    background-color: transparent;
}

/* [class*="remoteplay_MediaButton_"] */
._1j2F52r3Ii1QcgyElBRYZ1 {
    background-color: rgb(var(--white12));
}

    /* [class*="remoteplay_MediaButton_"]:hover */
._1j2F52r3Ii1QcgyElBRYZ1:hover {
        background-color: rgb(var(--white24));
    }

/* [class*="remoteplay_PersonaAvatar_"] */
._11F8_RoObb2bBQv4JTtEQ3 {
    cursor: pointer !important;
}

/* [class*="remoteplay_ControllerDropSlotsContainer_"]
[class*="remoteplay_ControllerDropSlots_"] */
._3PZjzoWLVofSeZpDpB1hrL ._3X22h7YdnZrFC2KSDbQiLq {
    background-color: transparent;
}

.inviteLinkContainer .DialogInputLabelGroup .DialogInput {
    background: rgb(var(--textentry));
}

/* .inviteLinkContainer .DialogDropDown._DialogInputContainer,
.inviteLinkContainer .DialogDropDown._DialogInputContainer:hover */
.inviteLinkContainer .DialogDropDown._DialogInputContainer, .inviteLinkContainer .DialogDropDown._DialogInputContainer:hover {
    background-color: transparent;
}

.DialogHBar {
    background: rgb(var(--white12));
}

button.DialogButton.createNewRoleButton svg {
    stroke: rgb(var(--white));
}

/* [class*="chatroomgroupsettings_PermissionsEdit_"] [class*="chatroomgroupsettings_Back_"] */
._1PFRw63SmEC5gmtojKrml1 ._2jkBm4Wv_CFFjeaDrhEKax {
    color: rgb(var(--white75));
}

    /* [class*="chatroomgroupsettings_PermissionsEdit_"] [class*="chatroomgroupsettings_Back_"] svg polyline */
._1PFRw63SmEC5gmtojKrml1 ._2jkBm4Wv_CFFjeaDrhEKax svg polyline {
        stroke: rgb(var(--white75));
    }

    /* [class*="chatroomgroupsettings_PermissionsEdit_"] [class*="chatroomgroupsettings_Back_"]:hover */
._1PFRw63SmEC5gmtojKrml1 ._2jkBm4Wv_CFFjeaDrhEKax:hover {
        color: rgb(var(--white));
    }

        /* [class*="chatroomgroupsettings_PermissionsEdit_"] [class*="chatroomgroupsettings_Back_"]:hover svg polyline */
._1PFRw63SmEC5gmtojKrml1 ._2jkBm4Wv_CFFjeaDrhEKax:hover svg polyline {
            stroke: rgb(var(--white));
        }

button.DialogButton.roleButton .roleSubtitle {
    color: rgb(var(--white75));
}

/* .friendlistListContainer .labelHolder:not([class*="personanameandstatus_compactView_"]).ingame[class*="personanameandstatus_twoLine_"] */
.friendlistListContainer .labelHolder:not(._3bbRZyUiK-bfc5Qov6xukI).ingame._1BbOegz8bYL7iPzgYpOgQI {
    margin-top: -2px;
}

.ChatTabsContextMenu.CompactFriendsList .friend {
    padding-top: 0px;
}

.DialogListBuilderInput .DialogListBuilderInput_Input.DialogInputPlaceholder {
    color: rgb(var(--white));
}

/* .DialogSpanningTable.BannedUsersTable tr.hoverRow, .DialogSpanningTable.InvitedUsersTable tr.hoverRow, .DialogSpanningTable.InviteLinksTable tbody tr,
._DialogRow._DialogRowBackground */
.DialogSpanningTable.BannedUsersTable tr.hoverRow, .DialogSpanningTable.InvitedUsersTable tr.hoverRow, .DialogSpanningTable.InviteLinksTable tbody tr, ._DialogRow._DialogRowBackground {
    background: rgb(var(--white05));
}

.DialogSpanningTable tr.hoverRow:hover {
    background-color: rgb(var(--white10));
}

/* [class*="chatroomgroupsettings_PermissionsDescription_"] a */
.smf_g4nX5ambmZVuWX6AG a {
    color: rgb(var(--white));
    border-bottom: 1px solid rgb(var(--white));
}

/* [class*="chatroomgroupsettings_PermissionsDescription_"]:hover a */
.smf_g4nX5ambmZVuWX6AG:hover a {
    color: rgb(var(--white75));
    border-bottom: 1px solid rgb(var(--white75));
}

.DialogTextInputBase.inviteURLLink {
    background: rgb(var(--textentry));
}

.ChatGroupSettingsChannels_Row ._DialogRow {
    color: rgb(var(--white));
}

.ChatGroupSettingsChannels_Row .ChannelDeleteButton {
    color: rgb(var(--white));
}

    .ChatGroupSettingsChannels_Row .ChannelDeleteButton:hover {
        color: rgb(var(--white75));
    }

.PopupFullWindow::after {
    border: 1px solid rgb(var(--frameBorder));
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    content: '';
    z-index: 200;
    pointer-events: none;
}

/* [class*="miniprofile_miniProfileVideoBackgroundContainer_"]::after */
._3MrYvAGQ-g7bNccn6VJNpK::after {
    background: rgba(var(--clientBG),0.75);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 200;
    pointer-events: none;
}

.rolePriorityButton {
    background-color: rgb(var(--white12));
}

    .rolePriorityButton:hover {
        background-color: rgb(var(--white24));
    }

        .rolePriorityButton:hover svg polygon {
            fill: rgb(var(--white));
        }

.general_btn {
    color: rgb(var(--white));
}

.NonInlinedEmbed .SVGIcon_YouTube {
    fill: rgb(var(--white));
}

.msg div.ChatMessageOpenGraph, .msg div.SteamPublishedFile {
    color: rgb(var(--white75));
}

.msg .ChatMessageOpenGraph_Title:hover {
    color: rgb(var(--white)) !important;
}

.meKey .SVGIcon_DialogCheck path, button.DialogButton.roleButton .SVGIcon_DialogCheck path {
    stroke: rgb(var(--white));
}

.DialogBody .SVGIcon_Crown {
    fill: rgb(var(--white));
}

button.DialogButton.roleButton:hover .roleSubtitle {
    color: rgb(var(--white));
}

button.DialogButton.GreenPlay {
    background: rgb(var(--focus));
    color: white;
}

button.DialogButton.GreenPlay:hover, button.DialogButton.GreenPlay.gpfocus {
    background: rgba(var(--focus)) !important;
    filter: brightness(1.1);
    color: white;
}

.gameInviteMsg .productName, .broadcastInviteMsg .productName, .broadcastViewRequestMsg .productName {
    color: rgb(var(--white));
}

.gameInviteMsg .closeButton .SVGIcon_X_Line line {
    stroke: rgb(var(--white));
}

.friendInviteButton.bright.acceptFriendInvite, .friendInviteButton.bright.declineFriendInvite {
    background-color: rgb(var(--focus));
}

    /* .friendInviteButton.bright.acceptFriendInvite .SVGIcon_Check polyline,
    .friendInviteButton.bright.declineFriendInvite .SVGIcon_X_Line line */
.friendInviteButton.bright.acceptFriendInvite .SVGIcon_Check polyline, .friendInviteButton.bright.declineFriendInvite .SVGIcon_X_Line line {
        stroke: white;
    }

.friendInviteContainer .friend.dim {
    opacity: 0;
}

.friendInviteBlockContainer .blockCommunicationLabel {
    color: rgb(var(--white));
}

.friendInviteBlockContainer .blockCommunicationLabel.subtitle {
    color: rgb(var(--white75));
}

.friendInviteBlockContainer .DialogCheckbox {
    background-color: rgb(var(--white08));
    border: 1px solid rgb(var(--frameBorder)); /* Very random */
}

.DialogCheckbox_Container:hover .DialogCheckbox:not(.Disabled), .DialogCheckbox:hover:not(.Disabled), .DialogCheckbox_Container:focus .DialogCheckbox:not(.Disabled), .DialogCheckbox:focus:not(.Disabled) {
    background-color: rgba(var(--white), 0.17);
}

.friendInviteBlockContainer .DialogCheckbox:hover {
    border: 1px solid rgb(var(--frameBorder));
}

.friendInviteBlockContainer {
    left: 15px;
}

.friendInviteButtons {
    z-index: 1;
}

/* .declineFriendInvite .SVGIcon_X_Line line,
.friendInviteButton .SVGIcon_Check polyline */
.declineFriendInvite .SVGIcon_X_Line line, .friendInviteButton .SVGIcon_Check polyline {
    stroke: rgb(var(--white));
}

.declineFriendInvite.dim, .acceptFriendInvite.dim {
    border-color: rgb(var(--white));
}

.quickAccessFriends .favoriteElement:hover .friend .playerName {
    color: unset;
}

.friend.quickAccessFriend {
    margin: 1px;
}

.compactQuickAccess .friend.quickAccessFriend {
    margin-left: 5px;
    margin-right: 5px;
}

/* [class*="miniprofile_miniProfileBackdropBlur_"] */
._1QhpYlQvI1J05uCM2I2e3X {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

/* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfileBottom_"] [class*="miniprofile_featuredLabels_"] [class*="miniprofile_featuredTitle_"] */
._1xTATKELHR-lRS_s3A4yzd ._26ga2HHZL2HlK6wwFImcgX ._39hariVfr4A85k8c2TC_x1 ._2mCgtDakdGp_qrKcyIcZii {
    color: rgb(var(--white75));
}

/* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfileBottom_"] [class*="miniprofile_featuredLabels_"] [class*="miniprofile_featuredSubTitle_"] */
._1xTATKELHR-lRS_s3A4yzd ._26ga2HHZL2HlK6wwFImcgX ._39hariVfr4A85k8c2TC_x1 ._3DelZ7HZu1TfU115lLc7vl {
    color: rgb(var(--white50));
}

/* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfileBottom_"] .friendPlayerLevel [class*="miniprofile_friendPlayerLevelNum_"] */
._1xTATKELHR-lRS_s3A4yzd ._26ga2HHZL2HlK6wwFImcgX .friendPlayerLevel ._3vvwMiUuxFKnz-LwGwe5Do {
    color: rgb(var(--white));
}

/* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_playerContent_"] [class*="miniprofile_awayStatusLabel_"] */
._1xTATKELHR-lRS_s3A4yzd ._2-pwJCHlrc7zxN4iup2TR7 ._1FgWIOIaRCAekjhGj0zFWq {
    color: rgb(var(--offline));
    font-weight: normal;
}

/* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"].offline [class*="miniprofile_nickname_"], [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"].offline [class*="miniprofile_persona_"] */
._1xTATKELHR-lRS_s3A4yzd ._2jZ0A5VjGTNGTQm03FbLrF.offline ._1SWhpi9ByGQrwHGQgTJCF5, ._1xTATKELHR-lRS_s3A4yzd ._2jZ0A5VjGTNGTQm03FbLrF.offline ._3c5GOobmMUyjAWTosaUKUS {
    color: rgb(var(--offline));
}

.ChatMessageBlock {
    font-family: var(--basefont);
}

/* .currentUserContainer [class*="personanameandstatus_richPresenceContainer_"] */
.currentUserContainer ._3sxE7F1LV2IcSX68YsH9dI {
    margin-top: 0;
}

/* .titleBarContainer .currentUserContainer [class*="personanameandstatus_compactView_"][class*="personanameandstatus_twoLine_"] [class*="personanameandstatus_richPresenceLabel_"] */
.titleBarContainer .currentUserContainer ._3bbRZyUiK-bfc5Qov6xukI._1BbOegz8bYL7iPzgYpOgQI ._2Ri005Wg_uXDTa71kdRbcN {
    margin-top: 0;
}

.friendCollapseButton .SVGIcon_DoubleArrow polyline {
    stroke: rgb(var(--white));
}

.friendCollapseButton .SVGIcon_DoubleArrow {
    opacity: .5;
}

.chatTabOpenFriendsList .SVGIcon_Group path {
    fill: rgb(var(--white75));
}

.MemberListColumn .friendGroup .groupName .groupCountCollapsed {
    display: none; /* No need to see the number of members when it's already shown right above this */
}

/* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfileGameContainer_"] [class*="miniprofile_ingame_"] [class*="miniprofile_richPresence_"], [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfileGameContainer_"] [class*="miniprofile_ingame_"] [class*="miniprofile_gameState_"],
[class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfileGameContainer_"] [class*="miniprofile_ingame_"] */
._1xTATKELHR-lRS_s3A4yzd ._7-U6jtoeGvesTm7JFGH0- ._24oQzlBma4VdZUDiSBaYFA ._39T3EbAEqqKrJl5rX1-qPW, ._1xTATKELHR-lRS_s3A4yzd ._7-U6jtoeGvesTm7JFGH0- ._24oQzlBma4VdZUDiSBaYFA ._3Hxc3f2ZlkYTKbrxVoS9sq, ._1xTATKELHR-lRS_s3A4yzd ._7-U6jtoeGvesTm7JFGH0- ._24oQzlBma4VdZUDiSBaYFA {
    color: rgb(var(--ingame));
}

/* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"].in-game [class*="miniprofile_playerContent_"] [class*="miniprofile_awayStatusLabel_"] */
._1xTATKELHR-lRS_s3A4yzd ._2jZ0A5VjGTNGTQm03FbLrF.in-game ._2-pwJCHlrc7zxN4iup2TR7 ._1FgWIOIaRCAekjhGj0zFWq {
    color: rgb(var(--ingame));
}

/* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfileBlocked_"], [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfileNotFriends_"] */
._1xTATKELHR-lRS_s3A4yzd ._39Jef4sV4jnGy6XES6JdVs, ._1xTATKELHR-lRS_s3A4yzd ._3Ea91LEoevcAXAuoA2-uLa {
    color: rgb(var(--white));
}

/* [class*="bbcode_resultLabel_"] */
._3HJh0r_3r_Hpr7oB_JgnSF {
    color: rgb(var(--white));
}

.singlewindow .multiChatDialog {
    border: none; /* Removing the redundant border when in the docked mode that has its own */
}

/* [class*="personastatusicons_PersonaStatusIcon_"].online .SVGIcon_Button path */
.KxAI_M9gWx3OnKSshHOs6.online .SVGIcon_Button path {
    fill: rgb(var(--online));
}

.chatFileUploadProgressContainer {
    background: rgb(var(--clientBG));
    border: 1px solid rgb(var(--frameBorder));
}

.ChatRoomListGroupItem .ContextMenuButton .SVGIcon_DownArrowContextMenu {
    fill: rgb(var(--white75));
}

.ChatRoomListGroupItem .ContextMenuButton:hover .SVGIcon_DownArrowContextMenu {
    fill: rgb(var(--white));
}

.FriendChatTypingNotification {
    color: rgb(var(--white50));
}

.ChatRoomSpeaker .speaker .speakerAvatar.hasAvatarFrame, .ChatMsgSlashEmote .speaker .speakerAvatar.hasAvatarFrame {
    margin-right: 0;
}

.speakerName {
    padding-left: 9px;
}

.msgText.EmoticonOnly {
    line-height: 36px;
}

/* [class*="chattabs_ChatTab_"] [class*="chattabs_MicStatus_"] */
._2XZq-_f6npaQdAgeRzKIkz .c9l09VKqQIXJvsl0gqItO {
    mix-blend-mode: initial;
}

.friendCollapseButton {
	height: 24px;
	width: 24px;
	margin: 0;
}
.friendCollapseButton .SVGIcon_DoubleArrow {
    margin-top: 0;
}

.chatRoomTextChannel:hover .SVGIcon_TextRoom .TextLines {
    stroke: rgb(var(--white));
}

.activeVoiceLabels .activeVoiceHeader {
    color: green;
}

.activeVoiceLabels .activeVoiceName {
    color: green;
}

.VoiceIconCtn, .VoiceIconCtn:hover SVG {
    color: green;
}

.activeVoiceButtons button {
	margin-top: 1px;
}

.VoiceControlPanelButton.chatEndVoiceChat:hover .VoiceIconCtn {
    color: green;
}

.ActiveTextChannel .chatRoomTextChannelName.IsCommonsChannel, .ActiveVoiceChannel .chatRoomVoiceChannelName {
    color: rgb(var(--white));
}

.VoiceRoomChatTitle {
    background-color: rgb(var(--header_dark));
}

.VoiceChatTextChannelName {
    color: rgb(var(--white));
}

.VoiceRoomChatTitle .MinimizeTextChat line {
    stroke: rgb(var(--white));
}

.VoiceRoomChatWindow {
    border: 1px solid rgb(var(--frameBorder));
    background-color: rgb(var(--clientBG));
}

.VoiceChatTextChannelDesc {
    background: none;
}

.chatRoomVoiceChannel .chatRoomTextChannel .chatRoomTextChannelIcon {
    color: rgb(var(--white));
}

.chatRoomVoiceChannelsGroup .chatRoomVoiceChannel.ActiveVoiceChannel .chatRoomTextChannel:hover .chatRoomTextChannelIcon {
    color: rgb(var(--white));
}

.ChatMessageEntryVoice .activeVoicePushToTalk, .chatEntry.compactView .ChatMessageEntryVoice .activeVoicePushToTalk {
    color: green;
}

.activeVoiceLabels .activeVoiceName:hover {
    color: green;
    filter: brightness(1.1);
}

.groupHeaderContainer .SortByRecent .SVGIcon_SortBy {
    stroke: rgb(var(--white)); /* Random */
}

.groupHeaderContainer .SortByRecent:hover .SVGIcon_SortBy, .groupHeaderContainer .SortByRecent.gpfocus .SVGIcon_SortBy {
    stroke: rgb(var(--white75));
}

.rolePriorityButton.Disabled:active, .rolePriorityButton.Disabled:hover, .rolePriorityButton.Disabled {
    background-color: rgb(var(--white24));
}

/* [class*="pagedcontent_Nav_"] [class*="pagedcontent_NavItems_"] :not([class*="pagedcontent_Active_"])[class*="pagedcontent_NavItem_"]:hover */
.xSTLmzylFJdIfak7ZdhuA .MWzjHR-uqa-svGrdXYfUl :not(._1DfstUr4tIt3Jdt7Mrxfxo)._2YV0m3IRCNOoUV9YhJNFnV:hover {
	background-color: rgb(var(--white12));
}

button.DialogButton:disabled, button.DialogButton:disabled:hover, button.DialogButton.Disabled, button.DialogButton.Disabled:hover {
    background: rgb(var(--white12));
	color: rgb(var(--white45));
}

button.DialogButton.roleButton.Disabled .roleSubtitle {
	color: rgb(var(--white45));
}

/* [class*="toggle_ToggleRow_"] [class*="toggle_Label_"] */
._1MBq0fYrftycnyZF4FC9Jo ._1Dhs8IG9_tJWb3XP9ccN9M {
    color: rgb(var(--white50));
}

/* [class*="chatroomgroupsettings_RoleNameHeader_"][class*="chatroomgroupsettings_FixedRoleName_"] */
._29XR1SNMJVrwOTq4Ssc0HJ._1aH13bilXD26v3MbunavIS {
    text-transform: none;
    color: rgb(var(--white));
	font-size: 18px;
	letter-spacing: 0;
	font-weight: 200;
}

/* [class*="chatroomgroupsettings_Notification_"] */
._1cjXkI2JrN71BK7A2YXaYa {
    color: rgb(var(--white));
}

/* [class*="chatroomgroupsettings_Notification_"] .SVGIcon_Lock .topLock */
._1cjXkI2JrN71BK7A2YXaYa .SVGIcon_Lock .topLock {
    fill: rgb(var(--white));
}

/* [class*="chatroomgroupsettings_Notification_"] .SVGIcon_Lock .baseLock */
._1cjXkI2JrN71BK7A2YXaYa .SVGIcon_Lock .baseLock {
    stroke: rgb(var(--white));
}

/* [class*="dropdown_DialogDropDownMenu_"]._DialogInputContainer */
._30wJO3MC4x-I1OWpy1TAeE._DialogInputContainer {
    background: rgb(var(--clientBG));
    border: 1px solid rgb(var(--frameBorder));
	padding: 0;
}

/* [class*="dropdown_DialogDropDownMenu_Item_"]:hover */
._2oAiZidGyUxL-hfupFDQ2m:hover {
    background: rgb(var(--white05));
}

/* [class*="chatroomgroupsettings_LeaveButton_"]:hover */
._1NqKTWvxtFgflRlqLTtv7e:hover {
    color: ;
    background: rgb(var(--white12));
}

/* [class*="contextmenu_contextMenuItem_"][class*="contextmenu_SubMenu_"] .SVGIcon_DownArrowContextMenu */
._1n7Wloe5jZ6fSuvV18NNWI._2RlEO6dx1vo3OB7EFJnzDi .SVGIcon_DownArrowContextMenu {
	fill: rgb(var(--white));
	margin-right: -8px;
}

.FriendPicker_Focus .FriendPicker_SuggestedFriend.Focus {
	background: rgb(var(--white05));
}

.general_btn {
    background-color: rgb(var(--white12));
}

.general_btn.voteUp:hover {
    background-color: rgb(var(--white24));
    color: rgb(var(--white))
}

.friendGroup .friend, .friendGroup .SteamPlayerGroupFooter {
	padding-top: 7px;
	padding-bottom: 3px;
}

.Dialog_EditNickName .friend.ingame .DialogTextInputBase, .Dialog_ChangePersonaName .friend.ingame .DialogTextInputBase {
    color: rgb(var(--ingame));
}

.BBCodeTitle {
    -webkit-app-region: initial; /* Having this set to no-drag by Valve results in the window not being movable when the title is behind the window header */
}
.msg.isCurrentUser .TradeOfferInvite {
    background: rgb(var(--black45));
}

._1pRBji9mcVrh7DrVjinASc {
	-webkit-mask-image: none;
}

._1JZstfJ6jCBChXx0ZDwfpR, ._2_QSE1Nit6wrabY5ZgDZOz {
	color: rgb(var(--white75));
	background: rgb(var(--black45));
}

._2FYTu5WGjICrU8ipb6eKUQ div span {
    color: rgb(var(--white))!important;
}

.SlashCommandSuggestion {
  margin-left: 5px;
}

span.mention {
    font-weight: normal;
    color: rgb(var(--white));
    border: 0.5px solid rgb(var(--white));
    background: transparent;
}

.MentionAtSymbol {
    color: rgb(var(--white));
}

._1XsAtfmtiaoZzdStrvgJj9 {
    color: rgb(var(--white));
    background: rgb(var(--black45));
}

.ActiveTextChannel .chatRoomGroupName, .ActiveTextChannel .chatRoomTextChannelName {
    color: rgb(var(--white));
}

._3qYm9oxf8MdyvQDJgbfCrF ._10OzYaCdn7cgVMec9ozEJG ._2ovvDFSsxzUoYuqzJsxecQ:hover {
    opacity: 1;
    color: rgb(var(--white75));
	background: rgb(var(--white05));
}

.AssignCategoriesDialog_Friend {
    background: rgb(var(--white05));
}

.VoiceControlPanelButton.chatPinRoom:hover .SVGIcon_Button {
    fill: rgb(var(--white));
}

.friendRequestButton .requestsNumber, .friendRequestButton:hover .requestsNumber {
    background-color: rgb(var(--focus));
}

.chatRoomGroupNavCollapsed .chatRoomVoiceChannelsGroup .chatRoomVoiceChannel, .chatRoomGroupNavCollapsed .chatRoomVoiceChannelsGroup .chatRoomVoiceChannel.ActiveVoiceChannel {
    margin-left: 0;
    margin-right: 0;
}

.OneOnOneVoiceRoomControls .VoiceToggleIconCtn:hover {
    color: rgb(var(--white75));
}

.VoiceToggleIconCtn {
    color: rgb(var(--white));
}

.FriendChatBroadcastDetails {
    color: rgb(var(--white));
}

.BroadcastVideoWatchState_Text {
    color: white;
}

.RVIs84dAE6wHcjH9tkinc .tool-tip-source {
    height: 24px;
}

.createChatRoomButton {
	padding-top: 4px;
	margin-top: 0;
}

.createChatRoomButton:hover {
	background-color: rgb(var(--white05));
}

.MultiUserChat .msg.timeDivision {
    white-space: nowrap; /* Timestamps' wrapping often interferes with other things when the chat window is small */
}

.BBCodeAlreadyCollapsed.Minimized .BBCodeCollapseControl svg {
    fill: rgb(var(--white));
}

.BBCodeAlreadyCollapsed.Minimized:hover .BBCodeCollapseControl .SVGIcon_Button, .BBCodeResizableComponent.Minimized:hover .BBCodeCollapseControl .SVGIcon_Button {
    fill: rgb(var(--white));
}

._18bmBH7zyngCgHtgY3IEL_ {
    background-color: transparent;
}

._3t-tVOpu2n074cjZsygYfm ._2MByvWz7Ec6CRwKDWFmHrS {
    color: rgb(var(--white));
}

._3t-tVOpu2n074cjZsygYfm .hL2FPh5NpOjzuylSWv4GY {
    background: rgb(var(--white12));
    color: rgb(var(--white));
}

._3t-tVOpu2n074cjZsygYfm .hL2FPh5NpOjzuylSWv4GY:hover {
    background: rgb(var(--white24));
}

._3t-tVOpu2n074cjZsygYfm .hL2FPh5NpOjzuylSWv4GY:active {
    background: rgb(var(--focus));
}

.ChatRoomList .ChatRoomList_Empty {
    color: rgb(var(--white75));
}

.quickAccessFriendsMessage {
    color: rgb(var(--focus));
    border: 1px dashed rgb(var(--focus));
}

.quickAccessFriends.emptyQuickAccess .quickAccessFriendsMessageDismiss {
    background: rgb(var(--focus));
}

._1wu95XTcpkpdKpgg_n2HR ._3IBr8jcQ1xjVP0vGqDBE6R {
    color: rgb(var(--white));
}

._1wu95XTcpkpdKpgg_n2HR ._3IBr8jcQ1xjVP0vGqDBE6R:hover {
    color: rgb(var(--white75));
}

.qRqgef0RWpUsajcxlKiYn {
    color: rgb(var(--white));
}

@keyframes _2xvrsayL_RcEFyqGFvBu4N {/* Same as original but with new colors */
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  26% {
    opacity: 1;
    transform: scale(1);
    color: rgb(var(--white));
  }
  100% {
    color: rgb(var(--white75));
  }
}

._2xvrsayL_RcEFyqGFvBu4N {
	color: rgb(var(--white75));
}

.CompactFriendsList .friend .labelHolder {
	margin-top: 3px;
}

.CompactFriendsList .friendlistListContainer .friend.ingame .labelHolder._1BbOegz8bYL7iPzgYpOgQI {
    margin-top: 3px;
}

.ChatMessageInvite .groupAlreadyJoined {
	color: rgb(var(--white75));
}

.chatRoomGroupNavCollapsed .chatRoomVoiceChannelIcon {
	margin-left: 10px;
}

.currentUserContainer ._4ZTzGZ5TTgFyfw1DcXLXS._1oYSXGjBe7QctQ1ikLpCMm {
    margin-top: -6px !important;
}

.currentUserContainer ._4ZTzGZ5TTgFyfw1DcXLXS._1oYSXGjBe7QctQ1ikLpCMm .nOdcT-MoOaXGePXLyPe0H {
    font-size: 12px !important;
}

span.mentionSearchMatch {
    color: rgb(var(--white50));
}
/*A workaround because Valve uses mentionDialog for its slash command suggestions as well, and we don't want that to be padded */
._1QU3cLCGXCmYTUvjYiqqz6 .mentionAvatar {
	display: none;
}

.mutualFriendTitle {
        color: rgb(var(--white))
}

._3AWk3BnPfsx8KJEGVge4Cr {
    background-color: transparent;
}

.mutualFriendLabel {
    color: rgb(var(--white75));
}

.DialogProgressBar_Value {
    background: rgb(var(--focus));
}

.DialogProgressBar_ProgressBarContainer {
    border: none;
}

a.connectionStatus, a.connectionStatus:hover, a.connectionStatus:active, a.connectionStatus:visited {
	color: green!important;
}

.speaking .avatarHolder .avatarStatus {
	display: block!important;
	margin-right: -5px;
}

.speaking .nibodjvvrm86uCfnnAn4g.Medium {
	height: auto;
}

._3BVlfXvJszBFnVGme4yTnV ._1mtADWws8sX_GRUMKT9h6b {
    color: rgb(var(--white));
}

._3BVlfXvJszBFnVGme4yTnV ._3eWesiClfi8If1bY0SVd1P {
    color: rgb(var(--white75));
}

._3BVlfXvJszBFnVGme4yTnV ._1IR8K2Mmix7NIM5w8hdbDB {
    color: rgb(var(--white));
    text-decoration: underline;
    border-bottom: none;
}

._3BVlfXvJszBFnVGme4yTnV ._1IR8K2Mmix7NIM5w8hdbDB:hover {
    color: rgb(var(--white75));
    border-bottom: none;
}

._1PUlL2I2RWFcIXXAWteNhd,
.ovujKSqZqv7MmjE0upPcI>div input._1PFmi6hYnRJ7C8r3naWGJw {
    background-color: rgb(var(--textentry));
	color: rgb(var(--white));
}

._3ZR32BdxJUNwAA6Fu6n00p, ._3ZR32BdxJUNwAA6Fu6n00p:not(.disabled):not(.gpfocus):hover,
.ovujKSqZqv7MmjE0upPcI>div input._1PFmi6hYnRJ7C8r3naWGJw:hover {
    background: rgb(var(--textentry));
}

.eKmEXJCm_lgme24Fp_HWt._2CCdODv0vfzOMrEBUzZwfI {
    background: transparent;
}

._3jMlJm4PQCA8SfNlUR99Fo {
    color: rgb(var(--white));
}

._1PQppcgkuXQAiFPar9AGi- {
    background: rgb(var(--white));
}

._2bl0iQ9xigbq4Zd1NI6NZl::before {
    background: rgb(var(--focus));
}

._2tqpD1Hr0c3LCAUSe4r3Yp {
    background-color: rgb(var(--white12));
    color: rgb(var(--white));
}

._2tqpD1Hr0c3LCAUSe4r3Yp ._3aAuWBf6nMD2HeEJd705tm {
    color: rgb(var(--white));
}

._2tqpD1Hr0c3LCAUSe4r3Yp ._1Wd-oBTdxaR4gdEOCU0Y_c {
    color: rgb(var(--white75));
}

._2tqpD1Hr0c3LCAUSe4r3Yp:hover {
    background: rgb(var(--white24));
}

.BBCodeCollapsed_Friend {
    background-color: rgb(var(--white12));
}

.BBCodeAlreadyCollapsed.Minimized:hover .BBCodeAlreadyCollapsedText, .BBCodeResizableComponent.Minimized:hover .BBCodeCollapsed_Friend {
    background-color: rgb(var(--white24));
    color: rgb(var(--white));
}

.Minimized .BBCodeCollapseControl .SVGIcon_Button {
    fill: rgb(var(--white));
}

.BBCodeYouTubeComponent.Minimized .BBCodeCollapseControl {
    top: 13px; /* Doubtful */
}

._2cJjGYel7Z-MKjj_XD8sUo ._31M5aFIazQfIuJ0bCTtsrT {
    color: rgb(var(--white50));
}