@import url("custom.css");

:root {
	--chatfont: 13px;
	/* Font size for chat messages */
	--basefont: "Cartograph CF Nerd Font";
	--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;
	--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.1;
	--white12: 255, 255, 255, 0.12;
	--white20: 255, 255, 255, 0.2;
	--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.5;
	--white75: 255, 255, 255, 0.75;
	--white: 255, 255, 255;
	--black05: 255, 255, 255, 0.05;
	--black10: 0, 0, 0, 0.1;
	--black12: 0, 0, 0, 0.12;
	--black20: 0, 0, 0, 0.2;
	--black24: 0, 0, 0, 0.24;
	--black25: 0, 0, 0, 0.25;
	--black45: 0, 0, 0, 0.45;
	--black50: 0, 0, 0, 0.5;
	--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);
}

/* 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 !important;
	margin-right: 12px !important;
}

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

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

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

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

.friendListHeaderContainer {
	border: 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 {
	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: 12px !important;
	text-transform: uppercase !important;
	margin-bottom: -3px !important;
}

.friendGroup .groupName {
	margin-top: 0px !important;
	padding-top: 0px;
	padding-bottom: 0px;
}

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

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

.ExpandPlusMinus {
	margin-top: 2px !important;
}

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

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

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

/* Remove useless "Watch Broadcast" text */
.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 {
	padding: 4px 0 8px 12px;
}

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

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

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

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

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

.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_"] {
	border: none !important;
}

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

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

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

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

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

[class*="chattabs_ChatTab_"] [class*="chattabs_ChatTabContent_Friend_"],
[class*="chattabs_ChatTabContent_ChatRoomName_"] {
	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 {
	fill: rgb(var(--white)) !important;
}

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

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

/* Remove Friends List Top Shadow */
[class*="insetshadow_FriendListInsetShadowTop_"],
[class*="insetshadow_FriendListInsetShadowBottom_"] {
	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 {
	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;
}

.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 {
	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 {
	top: -4px !important;
	height: 2px !important;
	width: 100% !important;
	left: 2px !important;
}

.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;
	border-top: 1px solid rgb(var(--frameBorder)) !important;
	z-index: 2;
}

.chatTabList [class*="chattabs_ChatTab_"],
.ChatTabsBackButton {
	background: rgb(var(--clientBG)) !important;
	/*rgba(var(--white05))*/
	margin-right: 1px !important;
	border: 0 !important;
	/*border-bottom: 1px solid rgb(var(--focus)) !important;*/
}

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

.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_"] {
	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 {
	background-color: rgba(var(--white05)) !important;
	cursor: default !important;
}

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

.ChatMessageEntryVoice.Disabled {
	opacity: 0.2;
	border: 0px solid transparent !important;
	outline: 0px solid transparent !important;
}

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

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

.VoiceToggle {
	height: 40px !important;
	border: 0px transparent !important;
}

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

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

.SVGIcon_Submit,
[class*="chatentry_EmoticonPickerButton_"] .SVGIcon_Emoticon,
[class*="chatentry_EmbedButton_"] .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 {
	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)) !important;
}

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

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

[class*="contextmenu_contextMenu_"] {
	border: 1px solid rgb(var(--frameBorder));
	background: rgb(var(--clientBG));
	padding: 0px;
}

[class*="contextmenu_contextMenuItem_"]:hover,
[class*="contextmenu_contextMenuItem_"][class*="contextmenu_active_"] {
	background: rgba(var(--white05)) !important;
}

[class*="contextmenu_contextMenuItem_"][class*="contextmenu_SubMenu_"] {
	padding-right: 0px;
}

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

/* Settings windows */
.DialogContent,
.DialogContentTransition,
[class*="pagedcontent_Content_"] {
	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 {
	background-color: rgb(var(--focus));
}

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

[class*="toggle_Toggle_"] [class*="toggle_ToggleRail_"][class*="toggle_Highlight_"] {
	background-color: rgba(var(--focus), 0.3);
}

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

button.DialogButton:hover {
	background: rgb(81, 81, 81) !important;
	/* Hardcoded, must be changed */
}

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

.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 {
	background: rgb(var(--textentry));
}

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

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

[class*="voicesettings_TransmissionTypeSettings_"] {
	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 {
	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 {
	text-transform: none !important;
}

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

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 {
	color: rgb(var(--white50));
}

.DialogCheckbox_Container {
	padding: 0 !important;
}

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

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

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

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

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

[class*="pagedsettings_PagedSettingsDialog_PageListItem_"],
[class*="pagedcontent_Nav_"] [class*="pagedcontent_NavItems_"] [class*="pagedcontent_NavItem_"] {
	text-transform: none !important;
	font-size: 14px !important;
	margin-bottom: 3px !important;
	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_"] {
	background-color: rgb(76, 76, 76) !important;
	color: rgb(var(--white)) !important;
}

[class*="pagedsettings_PagedSettingsDialog_PageListItem_"]:not([class*="pagedsettings_Active_"]):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 {
	color: rgb(var(--white50));
}

[class*="chatroomgroupsettings_LeaveButton_"] {
	margin-left: 5px;
}

.ModalPosition_TopBar {
	display: none;
}

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

.DialogCheckbox .SVGIcon_DialogCheck {
	overflow: rgb(var(--white)) !important;
}

.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)) !important;
}

.friendsListSectionTitle .chatSectionTitle .groupChatSectionTitle {
	position: absolute !important;
	left: 15px !important;
	font-weight: normal;
}

.groupChatSectionTitle {
	font-weight: normal;
}

/* Groups chat selected category on servers */
.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"] {
	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;
}

.OneOnOneVoiceStatusLabel {
	margin-top: 1px;
	overflow: hidden;
	white-space: normal;
}

.OneOnOneVoiceRoomControls {
	white-space: nowrap;
}

.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;
}

.chatRoomListContainer {
	height: 100vh !important;
	max-height: calc(100vh - 121px) !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: 50px !important;
	width: 100% !important;
	height: 30px !important;
	opacity: 1 !important;
}

.Collapsed .ToggleGroupChatList svg {
	display: none !important;
}

.FriendsListChatSection.ChatRoomListContainerParent .ToggleGroupChatList .SVGIcon_DoubleArrow {
	width: 123px !important;
	height: 8px !important;
	margin-top: 11px !important;
}

/* chat window message entry box */
[class*="chatentry_chatEntryControls_"] {
	background-color: rgb(var(--textentry)) !important;
	padding-right: 0px !important;
	color: rgb(var(--white)) !important;
}

/*the box where you type*/
[class*="chatentry_chatTextarea_"] {
	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_"] {
	margin-bottom: 0px !important;
}

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

.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 {
	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_"] {
	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 {
	color: rgb(var(--online)) !important;
}

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

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

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

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

.online [class*="steamavatar_avatarStatus_"] {
	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 {
	font-size: 13px !important;
}

.chatHistoryScroll {
	padding: 5px 0px 16px 1px !important;
}

.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 {
	transform: none !important;
}

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

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

.OneOnOneVoiceClose {
	background-color: rgb(var(--textentry)) !important;
	z-index: 200 !important;
}

/*emoticons and attachments area*/
[class*="chatentry_chatEntryActionsGroup_"] {
	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 !important;
	width: 16px !important;
	height: 16px !important;
	left: 2px !important;
	top: 7px !important;
	cursor: initial !important;
}

.chatTabSelector .SVGIcon_DownArrowContextMenu {
	margin-left: 2px !important;
	margin-top: 4px !important;
	fill: rgb(113, 113, 113) !important;
	width: 15px !important;
	height: 15px !important;
}

.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 {
	height: 0px !important;
	z-index: 20 !important;
	background: none !important;
}

[class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"]) .chatTabHighlight {
	background: none !important;
}

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

[class*="contextmenu_contextMenuItem_"] {
	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) {
	display: none !important;
}

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

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

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

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

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

[class*="miniprofile_miniProfileBackground_"] {
	background: rgb(var(--clientBG)) !important;
}

[class*="miniprofile_miniProfileBackgroundBlur_"] {
	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_"] {
	color: rgb(var(--ingame)) !important;
}

[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_"] {
	color: rgb(var(--online)) !important;
}

[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_"] {
	color: rgb(var(--online)) !important;
}

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

[class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"].in-game [class*="miniprofile_playerAvatar_"] {
	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 {
	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 {
	fill: rgb(var(--ingame)) !important;
}

/* Settings icon image*/
.friendSettingsButton .SVGIcon_Settings {
	width: 15px !important;
	height: 15px !important;
	padding: 5px !important;
}

.friendSettingsButton .SVGIcon_Settings path {
	fill: rgb(var(--white)) !important;
}

/* Settings button itself */
.friendSettingsButton {
	cursor: initial !important;
}

.friendSettingsButton:hover .SVGIcon_Settings {
	background-color: rgba(var(--white05)) !important;
	animation: none !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_"] {
	background-color: rgb(var(--focus)) !important;
	border-radius: 50% !important;
}

[class*="chattabs_UnreadGlow_"] {
	background: none !important;
}

[class*="chattabs_Active_"] .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 {
	transform: none !important;
}

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

/*Suggested commands and emoticons*/
[class*="suggestdialog_suggestOption_"] {
	color: #fefefe !important;
	background-color: rgb(var(--clientBG)) !important;
	line-height: 20px !important;
	margin: 0px !important;
	border: 1px solid rgb(var(--frameBorder)) !important;
	padding: 2px !important;
	padding-left: 22px !important;
}

[class*="suggestdialog_mentionDialog_"] {
	padding: 0px 0px 0px 0px !important;
}

.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_"] {
	color: !important;
	background-color: #4b4b4b !important;
	padding-left: 22px !important;
}

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

.timeDivision .preHorizDivider {
	width: 15% !important;
}

.timeDivision .preHorizDivider,
.timeDivision .horizDivider {
	background-color: rgb(var(--clientBG)) !important;
}

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

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

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

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

.msg a:hover,
[class*="bbcode_ChatMessageSteamStore_Name_"]: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 {
	fill: rgb(var(--white)) !important;
}

.chatTabList [class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"]) {
	background: rgb(var(--header_dark)) !important;
	border-bottom: 1px transparent !important;
}

[class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"]) [class*="chattabs_ChatTabContent_Friend_"],
[class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"]) [class*="chattabs_ChatTabContent_ChatRoom_"] {
	filter: grayscale(100%) !important;
	opacity: 0.5 !important;
}

[class*="chattabs_ChatTab_"]:hover:not([class*="chattabs_Active_"]),
.ChatTabsContextMenu [class*="chattabs_ChatTab_"]: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));
}

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

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

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

.SlashCommandSuggestion_SlashCommandDescription {
	color: rgba(var(--white50)) !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 {
	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 {
	transform: none !important;
}

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

.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));
}

.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 {
	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_"] {
	display: none !important;
}

.ChatRoomSpeaker .speaker .speakerAvatar,
.ChatMsgSlashEmote .speaker .speakerAvatar {
	visibility: hidden;
	width: 9px !important;
}

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

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

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

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

.speakerTimeStamp {
	font-size: 11px;
	color: rgb(var(--offline));
}

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

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

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

.ChatRoomSpeaker {
	padding-top: 0px !important;
	margin-top: -4px !important;
}

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

[class*="miniprofile_miniProfile_"] {
	border: 1px solid rgb(var(--frameBorder)) !important;
}

/*Nickname * indicator in chat window*/
.chatBody .playerNicknameBracket {
	display: none !important;
}

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

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

[class*="steamavatar_avatarFrame_"] {
	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_"] {
	opacity: 0 !important;
}

[class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"]) [class*="chattabs_ChatTabContent_Friend_"] [class*="steamavatar_avatar_"] {
	border: 1px solid transparent !important;
}

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

/*Invite box*/
.ChatMessageInvite {
	background: rgba(0, 0, 0, 0.45) !important;
	border-left: 3px solid rgb(var(--focus));
	color: rgb(var(--offline)) !important;
}

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

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

.msg.ChatMessageInvite .invitedTimeLabel,
.Invite_ExpireTime {
	color: gray !important;
}

.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"]) {
	background: rgb(var(--black45));
}

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

.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 {
	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_"] {
	margin-top: 0px !important;
}

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

.socialListTab {
	letter-spacing: 1px !important;
	padding-left: 15px !important;
	font-weight: normal;
}

.compactView .socialListTab {
	height: 27px !important;
}

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

.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 {
	height: 24px !important;
	width: 24px !important;
}

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

/* Miniprofile avatar */
[class*="miniprofile_miniProfileContent_"] [class*="miniprofile_playerAvatar_"] {
	height: 90px !important;
}

.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;
}

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

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

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

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

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

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

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

[class*="miniprofile_miniProfileContent_"] [class*="miniprofile_avatarStatus_"][class*="miniprofile_miniProfileAvatarStatus_"] {
	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 {
	background: rgba(var(--white05)) !important;
}

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

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

.closeButton:not([class*="chattabs_CloseButton_"]):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 {
	stroke: rgb(var(--white)) !important;
}

.singlewindow .currentUserContainer .labelHolder[class*="personanameandstatus_twoLine_"] [class*="personanameandstatus_statusAndName_"],
.singlewindow .currentUserContainer .labelHolder[class*="personanameandstatus_twoLine_"] {
	margin-right: 10px !important;
}

.chatTabSelector.UnreadMessages .SVGIcon_DownArrowContextMenu {
	fill: rgb(var(--focus)) !important;
}

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

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

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

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

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

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

/*Unread messages count near username in friendslist*/
.FriendMessageCount {
	background: rgb(var(--focus)) !important;
	color: rgb(var(--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: 5px !important;
	border-bottom: 1px solid rgb(var(--frameBorder));
}

[class*="chattabs_CloseButton_"] {
	cursor: default !important;
}

.chatTabList [class*="chattabs_ChatTab_"],
.ChatTabsBackButton {
	width: 170px !important;
}

.compactView [class*="steamavatar_avatarHolder_"] [class*="steamavatar_avatarFrame_"] {
	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 {
	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: 17px !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 {
	display: none !important;
}

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

.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 {
	color: rgba(var(--white75)) !important;
}

.ChatRoomSpeaker .speaker .speakerName {
	margin-top: 3px !important;
}

/* Status line for avatars in chat tabs*/
[class*="chattabs_ChatTab_"] .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_"] {
	color: inherit !important;
}

[class*="contextmenu_contextMenu_"] .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_"] {
	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 {
	color: rgb(var(--offline)) !important;
}

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

.smallChatFont .msg.serverMsg .msgText,
.smallChatFont .nameWidthLabel,
.ChatHistoryContainer.smallChatFont .ChatSpeaker .speaker,
.smallChatFont .msg {
	line-height: 14px !important;
}

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

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

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

.currentUserContainer [class*="personanameandstatus_richPresenceContainer_"] {
	margin-top: 4px !important;
}

[class*="personanameandstatus_richPresenceContainer_"] {
	width: calc(100% - 20px) !important;
}

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

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

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

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

[class*="emoticon_EmoticonSelector_Item_"]:hover [class*="emoticon_emoticon_"][class*="emoticon_large_"] {
	transform: none !important;
	filter: none !important;
}

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

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

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

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

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

.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_"] {
	-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_"] {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

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

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

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

.titleBarContainer .currentUserContainer [class*="personanameandstatus_richPresenceLabel_"]:not([class*="personanameandstatus_gameName_"]) {
	margin-top: -1px !important;
}

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

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

.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 {
	opacity: 0.5 !important;
}

.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 {
	stroke: rgb(var(--white)) !important;
}

.chatTabList [class*="chattabs_Active_"],
[class*="chattabs_ChatTabContent_ChatRoomName_"] {
	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_"] {
	margin-right: 55px !important;
	-webkit-app-region: drag !important;
}

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

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

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

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

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

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

[class*="friendsnooze_SnoozeContainer_"][class*="friendsnooze_Dim_"] [class*="friendsnooze_SnoozeZ_"] {
	filter: none !important;
}

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

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

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

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

[class*="emoticon_StickerButton_"],
[class*="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_"] {
	font-size: 11px !important;
}

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

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

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

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

[class*="chattabs_CloseButton_"] .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_"] {
	margin-top: 5px !important;
}

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

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

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

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

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

[class*="addonpicker_Tab_"] [class*="addonpicker_TabContent_"]:hover:not([class*="addonpicker_Active_"]) {
	background-color: transparent !important;
}

/*emoticon and reactions code popup*/
[class*="emoticon_EmoticonHover_"],
[class*="reactions_ReactionHover_"] {
	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_"] {
	color: rgb(var(--offline)) !important;
}

[class*="addonpicker_SectionedPageTitle_"],
[class*="addonpicker_SectionTitle_"] {
	letter-spacing: 0px;
}

[class*="emoticon_PickerTab_"] 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 {
	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 {
	background-color: rgb(var(--textentry)) !important;
}

[class*="addonpicker_Tabs_"] {
	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_"] {
	filter: opacity(0);
}

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

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

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

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

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

[class*="messages_MsgWithAddons_"] [class*="messages_Addons_"] {
	background-color: rgb(var(--clientBG)) !important;
	border-radius: 6px !important;
	border-color: transparent !important;
}

[class*="messages_MsgWithAddons_"] [class*="messages_Addons_"]:hover {
	background-color: rgb(53, 53, 53) !important;
}

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

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

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

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

[class*="messages_Addons_"] [class*="messages_Emoticon_"]:hover,
[class*="messages_Addons_"] [class*="messages_Emoticon_"]:hover path {
	stroke: rgb(var(--white)) !important;
}

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

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

[class*="messages_MsgWithAddons_"] [class*="messages_Addons_"] [class*="messages_Emoticon_"] {
	cursor: initial;
}

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

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

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

[class*="friendslist_RemotePlayInviteLinkSection_"] [class*="friendslist_LinkRow_"] {
	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_BoxButton_"][class*="remoteplay_Dark_"],
[class*="remoteplay_MediaButton_"],
[class*="remoteplay_SliderControlContainer_"] [class*="remoteplay_SliderIconContainer_"],
[class*="remoteplay_SliderControlContainer_"] [class*="remoteplay_SliderContainer_"],
[class*="remoteplay_ControllerDropSlotsContainer_"] [class*="remoteplay_ControllerDropSlots_"],
[class*="remoteplay_ControllerDropSlot_"] {
	background-color: rgb(var(--white05));
}

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

[class*="remoteplay_SectionTitle_"],
[class*="remoteplay_BoxButton_"] {
	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_"] {
	color: rgb(var(--white));
}

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

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

[class*="friendslist_RemotePlayInviteLinkSection_"] [class*="friendslist_LinkRow_"] [class*="friendslist_LinkRowText_"] {
	letter-spacing: 1px;
}

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

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

[class*="radio_Button_"]: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_"] {
	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 {
	background-color: rgb(var(--white24));
}

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

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

.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 {
	background-position: 0px 4px;
}

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

.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_"] {
	background: rgba(var(--black45));
}

[class*="steamavatar_avatarHolder_"] [class*="steamavatar_avatarStatus_"].right,
[class*="steamavatar_avatarHolder_"] [class*="steamavatar_avatarStatus_"].bottom {
	display: none !important;
}

[class*="suggestdialog_suggestOption_"][class*="suggestdialog_selected_"] {
	padding-left: 22px;
}

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

[class*="bbcode_ImageModalBackground_"] {
	background: rgb(var(--clientBG));
}

.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;
}

.chatTabSetContainer.inclient {
	padding-right: 88px;
}

.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));
}

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

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

.titleBarContainer .currentUserContainer [class*="personanameandstatus_twoLine_"] [class*="personanameandstatus_richPresenceLabel_"] {
	margin-top: 0px !important;
}

.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));
}

/* This comes at the cost of not showing miniprofiles in group chats
but at least it doesn't break pointer events */
.client_chat_frame.fullheight.ChatPopup .miniProfileHover {
	display: none;
}

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

[class*="addonpicker_Tab_"] .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;
}

[class*="chattabs_CloseButton_"]: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(--white24));
}

[class*="steamavatar_avatarHolder_"] [class*="steamavatar_avatarFrame_"] {
	transform: scale(1.2) translateY(0.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 {
	background: rgb(var(--textentry));
}

.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_"] {
	background: rgb(var(--clientBG));
	border: 1px solid rgb(var(--frameBorder));
}

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

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

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

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

[class*="pagedcontent_Nav_"] [class*="pagedcontent_NavTitle_"] {
	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_"] {
	color: rgb(var(--white));
}

[class*="pagedcontent_Nav_"] [class*="pagedcontent_NavItems_"] [class*="pagedcontent_NavItem_"] {
	text-transform: none;
}

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

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

.DialogLabel,
.DialogLabelStrong {
	color: rgb(var(--white50));
}

.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_"] [class*="SVGIcon_"]n {
	fill: green;
}

[class*="chattabs_ChatTab_"][class*="chattabs_Active_"] [class*="chattabs_MicStatus_"] {
	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_"]) * {
	stroke: green;
	fill: green;
}

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

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

.chatRoomVoiceChannel.ActiveVoiceChannel {
	width: 100%;
}

.ChatRoomListGroupItemChatRooms {
	margin-left: 0;
}

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

[class*="chattabs_ChatTab_"][class*="chattabs_Active_"][class*="chattabs_MicMuted_"] [class*="chattabs_MicStatus_"] {
	background: none;
}

[class*="chattabs_ChatTab_"][class*="chattabs_Active_"][class*="chattabs_MicMuted_"] [class*="chattabs_MicStatus_"] .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_"] {
	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_Pricing_"] {
	background-color: rgb(var(--black45));
}

[class*="bbcode_ChatMessageSteamStore_ViewStore_"] {
	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 .ExpandPlusMinus {
	margin-top: 1px !important;
}

.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_"] {
	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_"] {
	margin-top: -3px !important;
}

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

.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_"]) {
	background: none;
}

[class*="chattabs_ChatTab_"] svg {
	width: 12px;
}

.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 {
	color: rgb(var(--white75));
}

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