                                   
CSGOMainMenu, 
#MainMenuInput,
#MainMenuCore, 
#MainMenuForeground, 
#MainMenuBackground,
#TooltipManager, 
#ContextMenuManager, 
#PopupManager,
#ItemPreviewDebugManager,
.MainMenuBackground-Cloud,
.MainMenu-FullscreenPanel,
#MainMenuFriendsAndParty,
.MainMenuContainer,
#MainMenuVanityParent
{
	width: 100%;
	height: 100%;
}

#MainMenuCore,#MainMenuBackground
{
    blur: fastgaussian( 4, 4, 4 );
}

CSGOMainMenu.PopupBackgroundBlur #MainMenuCore
{
	blur: none;
}

#MainMenuInput
{
	transition-property: blur;
	transition-duration: .15s;
	transition-timing-function: ease-in-out;
}

CSGOMainMenu.PopupBackgroundBlur #MainMenuInput
{
	blur: fastgaussian( 4, 4, 5);
}

#MainMenuForeground
{
}

.MainMenuRootPanel
{
}

#MainMenuFullScreenBlackCoverPlaque
{
	width: 100%;
	height: 100%;
	background-color: black;
	color: black;
}

.MainMenuContainer
{
	flow-children: down;
	opacity: 0;

	transition-property: opacity;
	transition-duration: 2s;
	transition-timing-function: ease-in-out;
}

.MainMenuContainer.show
{
	opacity: 1;
}
#MainMenuContainerPanel
{
	opacity: 0;
	transition-property: opacity;
	transition-duration: 0.7s;
	transition-timing-function: ease-in-out;
}                                                                              
                                                                                 
                                                                               
.MainMenuNotification
{
	width: 100%;
	height: 32px;
	tooltip-position: bottom;
}

.MainMenuNotification.hidden
{
	visibility: collapse;
}

.MainMenuNotification Label
{
	horizontal-align: center;
	vertical-align: middle;

	font-size: 20px;
	padding-top: 5px;
	font-weight: medium;
	font-family: Stratum2;

	color: black;
}

.MainMenuNotification.NotificationLoggingOn
{
	background-color: gradient( linear, 0% 0%, 100% 100%, from( #0193CD ), color-stop( 0.25, #66D4E5 ), color-stop( 0.5, #0193CD ), color-stop( 0.75, #66D4E5 ), to( #0193CD ) );

	animation-name: NotificationLoggingOnSliderLeftRight;
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}
.MainMenuNotification.NotificationLoggingOn Label
{
	color: white;
}
@keyframes 'NotificationLoggingOnSliderLeftRight'
{
	0%
	{
		background-color: gradient( linear, 0% 0%, 100% 100%, from( #0193CD ), color-stop( 0.25, #66D4E5 ), color-stop( 0.5, #0193CD ), color-stop( 0.75, #66D4E5 ), to( #0193CD ) );
	}

	50%
	{
		background-color: gradient( linear, 0% 0%, 100% 100%, from( #66D4E5 ), color-stop( 0.25, #0193CD ), color-stop( 0.5, #66D4E5 ), color-stop( 0.75, #0193CD ), to( #66D4E5 ) );
	}

	100%
	{
		background-color: gradient( linear, 0% 0%, 100% 100%, from( #0193CD ), color-stop( 0.25, #66D4E5 ), color-stop( 0.5, #0193CD ), color-stop( 0.75, #66D4E5 ), to( #0193CD ) );
	}
}

.MainMenuNotification.NotificationRed
{
	 background-color: gradient( linear, 0% 0%, 100% 100%, from( #BE0000 ), color-stop( 0.25, #ca4c4c ), color-stop( 0.5, #da2121 ), color-stop( 0.75, #e56666 ), to( #6e2828 ) );
}
.MainMenuNotification.NotificationRed Label
{
    color: white;
}
.MainMenuNotification.NotificationYellow
{
	background-color:#E1C111;
}

.MainMenuNotification.NotificationGreen
{
	background-color:#91AF49;
}                                                                   
                        
#MainMenuBackground {
	horizontal-align: center;
	vertical-align: middle;
    opacity: 1;
	brightness: 1;
    transition-property: opacity; 
    transition-duration: 0.7s; 
    transition-timing-function: ease-in-out; 
}

#MainMenuBackground.Blur,
#MainMenuBackground.Dim
{
}

.mainmenu-movie {
    width: 1920px;
    height: 1080px;
    overflow: noclip;
    transition-property: filter; 
    transition-duration: 0.5s; 
    transition-timing-function: ease-in-out; 
}

.AspectRatio4x3 .mainmenu-movie,
.AspectRatio5x4 .mainmenu-movie
{
	                                                                                                                                                               
	transform: translateX( -17% );
	overflow: noclip;
}

.AspectRatio16x10 .mainmenu-movie
{
	                                                                                                                                                               
	transform: translateX( -10% );
	overflow: noclip;
}


.AspectRatio21x9 .mainmenu-movie
{
	width: 2520px;
	height: 1080px;
	transform: scaleY( 1.3 ) translateY( -15% );
	overflow: noclip;
}

.mainmenu-vanity
{
	horizontal-align: center;
	                                                                                                                                                               
	width: 1400px;
	height: 1080px;
	opacity: 1;
	z-index: 1;
	overflow: noclip;
}

#VanityControls
{
	opacity: 0.5;
	vertical-align: bottom;
	horizontal-align: right;
	flow-children: right;
	margin-left: 300px;
	margin-bottom: 14px;

	transition-property:  opacity, brightness;
	transition-duration: 0.25s;
	transition-timing-function: ease-in-out;
}

#VanityControls:hover
{
	opacity:0.8;
}

#VanityControls Button
{
	vertical-align:center;
	brightness: 0.5;

	width: 60px;

	background-color: #404040ff;
	border-radius: 10px;
	padding: 10px;
	margin:10px;

	transition-property:  brightness, opacity;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}

#VanityControls Button.hidden
{
	visibility: collapse;
}

#VanityControls Button Image
{
	vertical-align: center;
	horizontal-align: center;
}
#VanityControls Button:hover
{
	brightness: 2;
	vertical-align:center;
	wash-color: white;
}

#id-mainmenu-vanity-hover
{
	width: 60px;
	height: 60px;
	                            
	vertical-align:bottom;
	horizontal-align:right;
	margin-bottom: 14px;
	border-radius: 10px;
	position: 0px 100px 0px;
}


#VanityControls.pulse-vanity-controls
{
	brightness: 2;
	opacity:1;
}
 .mainmenu-vanity
{
	width: 1300px;
	z-index: 1;
	overflow: noclip;
	y: 30px;
	margin-right: 100px;
}
#JsMainmenu_Vanity.hidden
{
	opacity: 0;
}
#JsMainmenu_Vanity {
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.0s;
    transition-timing-function: ease-in-out;
}

.mainmenu-vanity__vignette
{
	width: 100%;
	height: 25%;
	vertical-align: bottom;
	background-color: gradient( linear, 0% 100%, 0% 0%, from( #000000DD ), to( #00000000 ));
	z-index: 2;
}

.mainmenu-vanity__settings
{
	horizontal-align: left;
	vertical-align: bottom;
	height: 96px;
	z-index: 2;
	margin-left: 32px;
}
.mainmenu-panel
{
	width: 100%;
	padding-right: 96px;
	height: 100%;
	flow-children: right;
	opacity: 1;

	transform: translatex( 0px );

	transition-property:  opacity, blur, transform;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;

}

.mainmenu-panel--Hide
{
	opacity: 0;
	transform: translatex( 200px );

	transition-property:  opacity, blur, transform;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}

.mainmenu-top-navbar__radio-btn__bg
{
    height: 100%;
    width: 640px;
    horizontal-align: center;
	vertical-align: center;
    -s2-mix-blend-mode: additive;
}
.mainmenu-top-navbar
{
	height: 100%;
	width: 100%;
	background-color: blurBackgroundColor;
	background-image: url("file://{images}/backgrounds/linemap.png");
	background-size: auto auto;
	background-img-opacity: .05;
}
.mainmenu-top-navbar__right-container
{
    horizontal-align:right;
    vertical-align: center;
    height: 100%;
}
.mainmenu-top-navbar__left-container
{
    flow-children: right;
    vertical-align: center;
}
.mainmenu-top-navbar__center-container
{
	horizontal-align:center;
	vertical-align: center;
	flow-children: right;
	overflow: noclip;
	height: 100%;
	transform-origin: 100% 100%;
}

.mainmenu-top-navbar__play_seperator
{
	width: 1px;
	height: 40%;
	margin-left: 10px;
	background-color: rgba(255, 255, 255, 0.3);
	vertical-align: center;
}

.mainmenu-top-navbar__play_seperator--small
{
	height: 30%;
	margin-right: 10px;
}

.mainmenu-top-navbar__radio-btn__label
{
    margin: 0px;
	width: 150px;
    vertical-align: center;
    horizontal-align: center;
    text-align: center;
    letter-spacing: 0px;
    transform: translateY(0px);
	transition-property: background-color;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}
.mainmenu-top-navbar__radio-iconbtn:hover
{
	color: #82D8FF;
	transition-property: background-color;
	transition-duration: .15s;
	transition-timing-function: ease-in;
	sound: "UIPanorama.mainmenu_rollover";
}

.mainmenu-top-navbar__radio-iconbtn:disabled
{
	wash-color: disabledColor;
}

.mainmenu-top-navbar__radio-iconbtn:disabled:hover
{
	background-color: #82d7ff1a;
}

.MainMenuRootPanel--PauseMenuMode .PauseMenuModeOnly,
.MainMenuModeOnly
{
	visibility: collapse;
}


                                                                               
                                                                               
                                                                               
.mainmenu-sidebar
{
    flow-children: left;
    horizontal-align: right;
    width: fit-children;
    height: 100%;
    position: 0px 0px 0px;
    z-index: 3;
    transition-property: position;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
}

.mainmenu-sidebar:hover
{
    height: 100%;
}

.mainmenu-sidebar--minimized
{
    position: 256px 0px 0px;
    transition-property: position;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
}

.mainmenu-sidebar--hidden
{
    position: 400px 0px 0px;
    transition-property: position;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
}

#mainmenu-sidebar__blur-target
{
    width: friendstilewidth;
    height: 100%;
    opacity: .99;
    background-color: blurBackgroundColor;
}

.mainmenu-sidebar__seperator
{
    horizontal-align: left;
    width: 8px;
    height: 100%;
    background-color: gradient( linear, 100% 0%, 0% 0%, from( #00000066 ), to( #00000000 ));
}

.mainmenu-sidebar__seperator--nav
{
    horizontal-align: right;
}

.mainmenu-sidebar__container
{
    flow-children:down;
}

.mainmenu-sidebar-fullscreen
{
    width: 100%;
    height: 100%;
    z-index: 1;
}

                                                                               
                                                                               
                                                                               

.mainmenu-content
{
    horizontal-align: left;
    vertical-align: bottom;
    width: 100%;
    height: 100%;
    position: 0px 0px 0px;
    visibility: visible;
    margin-left: 0px;

	transition-property: position, clip, height;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}

.mainmenu-content--offscreen
{
	position: -100% 0% 0%;
	sound-trans: "UIPanorama.submenu_slidein";

	transition-property:  position, clip;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}

.mainmenu-content__blur
{
	                
	height: 100%;
	width: 100%;
}

#mainmenu-content__blur-target,
#mainmenu-inspect__blur-target
{
	background-color: blurBackgroundColor;
	opacity: .9;
	width: 100%;
	height: 100%;
	                
	vertical-align: bottom;
}

#loadingscreen__blur-target
{
	                
	height: 100%;
	width: 100%;
	opacity: .9;
	background-color: blurBackgroundColor;
}

.mainmenu-content__container {
	flow-children: down;
	width: 100%;
	height: 100%;
	opacity: 1;
	padding-top: 64px;
	background-color: rgba(0, 0, 0, 0.75);
	background-image: url("file://{images}/backgrounds/bluedots_large.png");
	background-size: backgroundDotsSize;
	background-img-opacity: .01;
	transform: translateX(0%);
	transition-property: opacity, transform;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}

.mainmenu-content__container--nopadding {
	padding-right: 0px;
	padding-left: 0px;
	transition-property: none;
	transition-duration: 0.0s;
}

CSGOEndOfMatch.mainmenu-content__container {
	padding-right: 0px;
	padding-left: 0px;
}

.mainmenu-content__container--inspect {
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
}

.mainmenu-content__container VerticalScrollBar {
	margin-right: 72px;
}

.mainmenu-content--hidden {
	opacity: 0;
	sound: "UIPanorama.submenu_slidein";
	transition-property: opacity, transform;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}

.mainmenu-content--popuptab {
	transform: translateY(0%);
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: rgba(0, 0, 0, 0);
	transition-property: opacity, transform;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}

.mainmenu-content--popuptab.mainmenu-content--hidden {
	opacity: 0;
	transform: translateY(100%);
	sound-trans: "UIPanorama.submenu_leveloptions_slidein";
	transition-property: opacity, transform;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}

.mainmenu-content--popuptab__title {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 20px;
	color: white;
	vertical-align: center;
	font-family: stratum2Font;
}

.mainmenu-content--shrunk {
	height: 984px;
	transition-property: height;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}

.mainmenu-content__background-color {
	background-color: contentPanelBackground;
	transition-property: background-color;
	transition-duration: .25s;
}

.mainmenu-content__background-color--dark {
	transition-property: background-color;
	transition-duration: .25s;
}

.mainmenu_active-mission-container
{
	background-color: rgba(0, 0, 0, 0.90);
	margin-left: 128px;
	margin-top: 32px;
	
	transition-property:  opacity, transform;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}

                                                                               
                                                                                 
                                                                               
.mainmenu_stream_container
{
	z-index: 5;
	width: fit-children;
	height: fit-children;
	horizontal-align: center;
	vertical-align: center;
	box-shadow: #000000 0px 0px 15px 0px;
	transition-property: position, height, width;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}

.mainmenu_stream_container.minimize_stream
{
	y:0%;
	margin-bottom: 24px;
	margin-left: 864px;
	horizontal-align: left;
	vertical-align: bottom;
	box-shadow: #00000000 0px 0px 0px 0px;
	transition-property: position, height, width;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}



                                                              
                                                          
 
	                       
	                     
	
	                                              
	                          
	                                        
    

                                                                               
                                                                               
                                                                               

.content-navbar
{
	flow-children: right;
	height: 48px;
	width: 100%;
}

.content-navbar--dropdown
{
	padding-left: 18px;
	vertical-align: center;
	background-color: rgba(0, 0, 0, 0.25);
}

.content-navbar--dropdown DropDown
{
	min-width: 300px;
	background-color: gradient( linear, 100% 0%, 0% 0%, from( #00000000), color-stop( 0, #00000030 ), to( #00000030 ) );
}

.content-navbar__title
{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 32px;
    color: grey;
    vertical-align: center;
    font-family: Stratum2, "Arial Unicode MS";
}

.content-navbar__tabs
{
	flow-children: right;
	height: 48px;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.25);
	transition-property: height;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}


.content-navbar__tabs--dark
{
	height: 42px;
	background-color: rgba(0, 0, 0, 0.00);
}

.content-navbar__tabs--pickem
{
	background-color: none;
	width: fit-children;
	height:fit-children;
	padding: 8px 0px 8px 8px;
}

.workshop #id-navbar-tabs,.content-navbar__tabs.collapse
{
	height: 0px;
	transition-property: height;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}

.content-navbar__tabs__center-container
{
	horizontal-align: center;
	flow-children: right;
	height: 100%;
}

.content-navbar__tabs--noflow
{
	flow-children:none;
}

.content-navbar__tabs__btn .RadioBox,.content-navbar__tabs .RadioBox
{
	visibility: collapse;
}

.content-navbar__tabs__btn,.content-navbar__tabs__btn--small
{
	margin: 0px 6px;
	vertical-align: center;
	border-radius: 3px;
	border: 1px solid rgba(255, 255, 255, 0);
}

.content-navbar__tabs__btn Label,.content-navbar__tabs__btn--small Label,.content-navbar__tabs__toggle-button Label
{
	font-size: 16px;
	padding: 4px 6px;
	text-align: center;
	font-weight: medium;
	color: white;
	margin-left: 0px;
	vertical-align: center;
	text-transform: uppercase;
	font-family: Stratum2, "Arial Unicode MS";
}

RadioButton.content-navbar__tabs__btn--small Label
{
	font-size: 12px;
	font-weight: normal;
}

.content-navbar__tabs__btn:not(:disabled):hover,.content-navbar__tabs__toggle-button:not(:disabled):hover
{
	background-color: rgba(255, 255, 255, 0.025);
	sound: "UIPanorama.loadout_sector_scroll";
}

.content-navbar__tabs__btn:selected,.content-navbar__tabs__toggle-button:selected
{
	background-color: #82d7ff1a;
}

.content-navbar__tabs__btn:disabled:selected,.content-navbar__tabs__toggle-button:disabled:selected
{
	border: 1px solid white;
	background-color: none;
}

.content-navbar__tabs__btn:not(:disabled):selected Label,.content-navbar__tabs__btn--small:not(:disabled):selected Label
{
	color: selectedNavColor;
	sound: "UIPanorama.submenu_select";
}

.content-navbar__tabs__btn:disabled,.content-navbar__tabs__btn.locked
{
	color: white;
	wash-color: disabledColor;
}

.content-navbar__tabs__btn:disabled Label,.content-navbar__tabs__btn.locked Label
{
	margin-left: 0px;
}

.content-navbar__tabs__dropdown
{
    height: 38px;
    width: 170px;
    margin: 4px 0px 4px 0px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 3px;
}

.content-navbar__tabs__dropdown--right-margin
{
	margin-right: 64px;
}

.content-navbar__tabs__dropdown .DropDownMenu,.content-navbar__tabs__dropdown .DropDownChild
{
	padding: 0px 0px 0px 8px;
	vertical-align: center;
	font-weight: medium;
	text-transform: none;
	font-family: Stratum2, "Arial Unicode MS";
	text-overflow: shrink;
}

.content-navbar__tabs__dropdown:not(:focus):hover
{
	background-color: rgba(0, 0, 0, 0.205);
}

.content-navbar__tabs__dropdown:focus Label
{
	color: white;
}

.content-navbar__tabs__toggle-button
{
	flow-children: right;
	padding: 0px 6px;
}

.content-navbar__tabs__toggle-button .TickBox
{
	background-size: 18px 18px;
	position: 0px 0px 0px;
	vertical-align: center;
	background-color: None;
	border-radius: 2px;
	z-index: 1;
	border: 2px solid white;
	box-shadow: #00000000 0px 0px 2px 2px ;
	transition-property: background-color, wash-color;
	transition-duration: 0.20s;
	transition-timing-function: ease-in-out;
}

.content-navbar__tabs__toggle-button:selected .TickBox
{
	height: 18px;
	background-image: url("file://{images}/icons/ui/checkbox.svg");
	background-size: 18px 18px;
	background-color: None;
	box-shadow: #00000000 2px 0px 3px 0px;
	transition-property: wash-color, background-color;
	transition-duration: 0.20s;
	transition-timing-function: ease-in-out;
}

.content-navbar__tabs__toggle-button Label
{
	font-size: 16px;
	font-family: Stratum2, "Arial Unicode MS";
}

.content-navbar__extra-buttons
{
	horizontal-align: left;
	vertical-align: middle;
	flow-children: left;
	height: 64px;
	padding: 0px 16px 0px 0px;
}

.content-navbar__extra-buttons--right
{
	horizontal-align: right;
	margin-right: 64px;
}

.content-navbar__extra-buttons .PopupButton
{
	margin: 0px 8px;
}

.content-navbar__seperator
{
	height: 1px;
	width: 100%;
	opacity: .25;
	background-color: #ffffff;
}

.content-navbar__seperator--dark
{
	height: 1px;
	width: 100%;
	opacity: .75;
	background-color: #3E3E3E;
}

.content-controls-actions-bar
{
	width: 100%;
	height: 96px;
	padding: 0px 64px;
	vertical-align: bottom;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.Language_schinese .TopBarMenuItem Label
{
	font-size: 32px;
}

.Language_russian .TopBarMenuItem Label
{
	letter-spacing: 0px;
}

.popup-blur
{
    blur: fastgaussian( 6, 6, 4);
}

.blur-background
{
    blur: fastgaussian( 4, 4, 5 );
    opacity: 0;
}

.content-navbar__seperator-tournament
{
	position: 0px 63.9px 0px;
}

.Language_schinese .TopBarMenuItem Label
{
	font-size: 32px;
}

.Language_russian .TopBarMenuItem Label
{
	letter-spacing: 0px;
}

                                                                               
                                                                               
                                                                               

.MainMenuModeTrunkOnly
{
	visibility: collapse;
}

.TrunkOnly .MainMenuModeTrunkOnly
{
	visibility: visible;
}

.content-navbar__seperator-tournament
{
	position: 0px 63.9px 0px;
}

.margins
{
	padding-right: 0px;
}

.party-search-ping
{
	width: 200%;
	height: 100%;
	opacity: 1;
	position: 0px 100px 0px;
}

.MainMenuRootPanel--PauseMenuMode .party-search-ping
{	                                                                                                                                                                                        
	opacity: 0;
	visibility: collapse;
}
.mainmenu-content--open .pausemenu-navbar
{
    visibility: collapse;
}

.party-search-ping.hidden
{
	visibility: collapse;
}
.party-search-ping-circle
{
	width: 96px;
	height: 96px;
	position: 0px 0px 0px;
	vertical-align: top;
	horizontal-align: left;
	border-radius: 50%;
	background-color: gradient( radial, 50% 50%, 0% 0%, 80% 80%, from( rgba(0, 0, 0, 0) ), to( rgba(255, 255, 255, 0.308) ) );
	
	border: 3px solid rgba(255, 255, 255, 0.274);
	-s2-mix-blend-mode: screen;
}

.party-search-pulse
{
	animation-name: party-search-loop; 
	animation-duration: 1.5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.party-search-pulse-fast
{
	animation-name: party-search-loop-fast;
	animation-duration: 1.5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

@keyframes 'party-search-loop'
{
	0%
	{
		transform: scale3d( .5, .5, .5 );
		opacity: 0;
	}

	15%
	{
		opacity: 1;
	}

	100%
	{
		opacity: 0;
		transform: scale3d( 1.0, 1.0, 1.0 );
		blur: fastgaussian( 3, 2, 2 );
	}
}

@keyframes 'party-search-loop-fast'
{
	0%
	{
		transform: scale3d( 0.3, 0.3, 0.3 );
		opacity: 0;
	}

	30%
	{
		opacity: 1;
	}

	100%
	{
		opacity: 0;
		transform: scale3d( 1, 1, 1);
		blur: fastgaussian( 3, 2, 2 );
	}
}


                                                                               
                                                                               
                                                                               
                                                                               
                                                                               

.MainMenuRootPanel--PauseMenuMode
{
}

                                                                              
.MainMenuModeOnly
{
	visibility: visible;
}

.MainMenuRootPanel--PauseMenuMode .MainMenuModeOnly
{
	visibility: collapse;
}
                                                  
.PauseMenuModeOnly
{
	visibility: collapse;
}
.DEVModeONLY
{
	visibility: collapse;
}

.MainMenuRootPanel--PauseMenuMode .PauseMenuModeOnly
{
	visibility: visible;
}

.GameClientConnectingToGC #MainMenuNavBarOverwatch
{	                                                           
	visibility: collapse;
}

.settings-notification
{
	visibility: collapse;
}

.settings-notification.has-new-settings
{
	visibility: visible;
}

.fairplay-link{ 
	text-decoration: underline;
}

.pausemenu-navbar-container
{
    width: fit-children;
    margin-top: 96px;
    height: 100%;
    horizontal-align: center;
}

.pausemenu-navbar
{
    flow-children: right;
    background-color:blurBackgroundColor;
    background-image: url("file://{images}/backgrounds/bluedots_large.png");
    background-size: backgroundDotsSize;
    background-img-opacity: .01;
}


.pausemenu-navbar .RadioBox
{
    visibility: collapse;
}

.pausemenu-navbar .horizontal-separator
{
    width: 50%;
}

.pausemenu-navbar__btn-small
{
    height: 64px;
    wash-color: white;
    tooltip-position: bottom;
    flow-children:right;
    padding:0px 18px;
    transition-property: wash-color;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
}

.pausemenu-navbar__btn-small--hidden,.MainMenuRootPanel--PauseMenuMode .PauseMenuModeOnly.pausemenu-navbar__btn-small--hidden,.MainMenuModeOnly.pausemenu-navbar__btn-small--hidden
{
    visibility: collapse;
}

.pausemenu-navbar__btn-small:disabled
{
    wash-color: disabledColor;
}

.pausemenu-navbar__btn-small Image
{
    margin: 0px 12px 0px 0px;
    horizontal-align: center;
    vertical-align:middle;
}

.pausemenu-navbar__btn-small:selected Image,.pausemenu-navbar__btn-small:enabled:hover Image,.pausemenu-navbar__btn-small:enabled:hover Image,.chat-panel:selected .chat-panel-icon Image
{
    wash-color: rgb(24, 24, 24);
    background-color: none;
    box-shadow: none;
    transition-property: wash-color, background-color, brightness;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
    sound: "UIPanorama.mainmenu_rollover";
}

.pausemenu-navbar__btn__label-small
{
    font-size: 28px;
    margin: 0px;
    vertical-align: center;
    horizontal-align: center;
    text-align: center;
    letter-spacing: 1px;
    color: white;
    transform: translateY(3px);
    transition-property: color, text-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-in-out;
}

.pausemenu-navbar__btn-small:hover .pausemenu-navbar__btn__label-small
{
    wash-color: rgb(24, 24, 24);
}

.mainmenu-top-navbar-container
{
	height: 64px;
	width: 100%;
}

.mainmenu-top-navbar
{
	height: 100%;
	width: 100%;
	background-color:blurBackgroundColor;
	background-image: url("file://{images}/backgrounds/linemap.png");
	background-size: auto auto;
	background-img-opacity: .05;
}

.mainmenu-top-navbar__radio-btn
{
	width: 90px;
	height: 100%;
	flow-children: none;
	overflow: noclip;
	tooltip-position: bottom;
	transition-property: background-color;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}


.mainmenu-top-navbar__play_seperator
{
	width: 1px;
	height: 40%;
	background-color: rgba(255, 255, 255, 0.3);
	vertical-align: center;
}

.mainmenu-top-navbar__play_seperator--small
{
	height: 30%;
}

.mainmenu-top-navbar__radio-btn:hover
{
	transition-property: background-color;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
	sound: "UIPanorama.mainmenu_rollover";
}

.mainmenu-top-navbar__radio-btn__icon
{
	vertical-align: center;
	horizontal-align: center;
	height: 22px;
	width: 22px;
	transition-property: wash-color;
	transition-duration: .15s;
	transition-timing-function: ease-in-out;
}

.mainmenu-top-navbar__radio-btn:selected .mainmenu-top-navbar__radio-btn__icon--play
{
	img-shadow: 0px 0px 0px 0.0 selectedNavColor;
}

.mainmenu-top-navbar__radio-btn:selected .mainmenu-top-navbar__radio-btn__icon:not(.no-color-wash),.mainmenu-top-navbar__radio-iconbtn:selected .mainmenu-top-navbar__radio-btn__icon:not(.no-color-wash)
{
	wash-color: selectedNavColor;
	transition-property: wash-color;
	transition-duration: .15s;
	transition-timing-function: ease-in-out;
}
.mainmenu-top-navbar__radio-btn__label {
    color: #FFFFFF;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.7),
                 0 0 10px rgba(255, 255, 255, 0.5), 
                 0 0 15px rgba(255, 255, 255, 0.3); 
    transition-property: transform, text-shadow;
    transition-duration: 0.1s;
    transition-timing-function: ease-in-out;
}

.mainmenu-top-navbar__radio-btn:hover .mainmenu-top-navbar__radio-btn__label {
    color: #82D8FF;
    text-shadow: 0 0 15px rgba(130, 216, 255, 1),
                 0 0 25px rgba(130, 216, 255, 0.8), 
                 0 0 35px rgba(130, 216, 255, 0.6);
    transition-property: transform, text-shadow;
    transition-duration: 0.1s;
    transition-timing-function: ease-in-out;
}

.mainmenu-top-navbar__radio-btn:active .mainmenu-top-navbar__radio-btn__label {
    color: #FFFFFF;
    text-shadow: 0 0 15px rgba(130, 216, 255, 1),
                 0 0 25px rgba(130, 216, 255, 0.8), 
                 0 0 35px rgba(130, 216, 255, 0.6);
    transition-property: transform, text-shadow;
    transition-duration: 0.1s;
    transition-timing-function: ease-in-out;
}

.mainmenu-top-navbar__radio-btn:selected .mainmenu-top-navbar__radio-btn__label {
    color: #FFFFFF;
    text-shadow: 0 0 10px rgba(130, 216, 255, 1),
                 0 0 20px rgba(130, 216, 255, 0.8);
    transition-property: transform, text-shadow;
    transition-duration: 0.1s;
    transition-timing-function: ease-in-out;
}

.mainmenu-top-navbar__radio-btn:selected .mainmenu-top-navbar__radio-btn__label--play
{
	text-shadow: 0px 0px 0px 0.0 #00000000;
}

.mainmenu-top-navbar__radio-btn .RadioBox,.mainmenu-top-navbar__radio-iconbtn .RadioBox
{
	visibility: collapse;
}

.mainmenu-top-navbar__radio-iconbtn
{
	vertical-align: center;
	flow-children: none;
	margin: 0px 12px;
	border-radius: 3px;
	width: 40px;
	height: 40px;
	overflow: noclip;
	tooltip-position: bottom;
	transition-property: background-color;
	transition-duration: .15s;
	transition-timing-function: ease-in;
}


.mainmenu-top-navbar__radio-iconbtn:hover
{
	background-color: rgba(255, 255, 255, 0.10);
	transition-property: background-color;
	transition-duration: .15s;
	transition-timing-function: ease-in;
	sound: "UIPanorama.mainmenu_rollover";
}

.mainmenu-top-navbar__radio-iconbtn:disabled
{
	wash-color: disabledColor;
}

.mainmenu-top-navbar__radio-iconbtn:disabled:hover
{
	background-color: rgba(255, 255, 255, 0);
}

.mainmenu-top-navbar__alerts
{
    width: fit-children;
    height: 100%;
    margin: 0px 0px;
    vertical-align: center;
    flow-children: right;
    visibility: collapse;
}

.mainmenu-top-navbar__alerts.show
{
    visibility: visible;
}

.mainmenu-top-navbar__alerts-icon
{
    height: 32px;
    width: 32px;
    margin: 6px 6px;
    padding: 4px 4px;
    border-radius: 3px;
    horizontal-align:center;
    vertical-align: center;
    opacity: 0;
    visibility: collapse;
    pre-transform-scale2d: .8, .8;
    transition-property: opacity, pre-transform-scale2d, background-color, brightness, wash-color;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
}

.mainmenu-top-navbar__alerts-icon.red-alert
{
    wash-color: negativeColor;
    animation-name: navbar-red-alert;
    animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.mainmenu-top-navbar__alerts-icon.yellow-alert
{
    wash-color: #E1C111;
    animation-name: navbar-yellow-alert;
    animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
.mainmenu-top-navbar__alerts-icon.green-alert
{
    wash-color: #91AF49;
    animation-name: navbar-green-alert;
    animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
.mainmenu-top-navbar__alerts-icon.show
{
    opacity: 1;
    visibility: visible;
    pre-transform-scale2d: 1, 1;
}

.mainmenu-top-navbar__alerts-icon:hover
{
    brightness: 2;
    background-color: rgba(177, 175, 45, 0.25);
    img-shadow: 0px 0px 3px 1.0 #E1C111;
    animation-name: none;
    animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.mainmenu-top-navbar__alerts__gc
{
    vertical-align: center;
    opacity: 0;
    margin: 6px 6px;
    border-radius: 3px;
    visibility: collapse;
    pre-transform-scale2d: .8, .8;
    transition-property: opacity, pre-transform-scale2d;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
}

.mainmenu-top-navbar__alerts__gc Image
{
    padding: 0px 0px;
    wash-color: lightblue;
    visibility: visible;
    opacity: 1;
    height: 32px;
    width: 32px;
}

.mainmenu-top-navbar__alerts__gc .gc-connect-anim
{
    animation-name: navbar-gc-alert;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.mainmenu-top-navbar__alerts__gc.show
{
    visibility: visible;
    opacity: 1;
    pre-transform-scale2d: 1, 1;
}

.mainmenu-top-navbar__alerts__gc:hover
{
    background-color: rgba(255, 255, 255, 0.15);
    wash-color: lightblue;
    brightness: 2;
    animation-name: none;
    animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

@keyframes 'navbar-red-alert'
{
    0%
    {
        brightness: 1;
        wash-color: negativeColor;
        background-color: rgba(155, 6, 6, 0.25);
        border: 0px solid rgba(155, 6, 6, 0.0);
        img-shadow: 0px 0px 3px 1.0 negativeColor;
    }
    
    50%
    {
        brightness: 2;
        wash-color: negativeColor;
        background-color: rgba(155, 6, 6, 0.25);
        border: 3px solid rgba(155, 6, 6, 0.50);
        img-shadow: 0px 0px 3px 1.0 negativeColor;
    }
    
    100%
    {
        brightness: 1;
        wash-color: negativeColor;
        background-color: rgba(155, 6, 6, 0.25);
        border: 0px solid rgba(155, 6, 6, 0.0);
        img-shadow: 0px 0px 3px 1.0 negativeColor;
    }
    
}

@keyframes 'navbar-yellow-alert'
{
    0%
    {
        brightness: 1;
        wash-color: #E1C111;
        background-color: rgba(177, 175, 45, 0.25);
        border: 0px solid rgba(177, 175, 45, 0.0);
        img-shadow: 0px 0px 3px 1.0 #E1C111;
    }
    
    50%
    {
        brightness: 2;
        wash-color: #E1C111;
        background-color: rgba(177, 175, 45, 0.25);
        border: 3px solid rgba(177, 175, 45, .50);
        img-shadow: 0px 0px 3px 1.0 #E1C111;
    }
    
    100%
    {
        brightness: 1;
        wash-color: #E1C111;
        background-color: rgba(177, 175, 45, 0.25);
        border: 0px solid rgba(177, 175, 45, 0.0);
        img-shadow: 0px 0px 3px 1.0 #E1C111;
    }
    
}
@keyframes 'navbar-green-alert'
{
    0%
    {
        brightness: 1;
        wash-color: #91AF49;
        background-color: rgba(177, 175, 45, 0.25);
        border: 0px solid rgba(177, 175, 45, 0.0);
        img-shadow: 0px 0px 3px 1.0 #91AF49;
    }
    
    50%
    {
        brightness: 2;
        wash-color: #91AF49;
        background-color: rgba(177, 175, 45, 0.25);
        border: 3px solid rgba(177, 175, 45, .50);
        img-shadow: 0px 0px 3px 1.0 #91AF49;
    }
    
    100%
    {
        brightness: 1;
        wash-color: #91AF49;
        background-color: rgba(177, 175, 45, 0.25);
        border: 0px solid rgba(177, 175, 45, 0.0);
        img-shadow: 0px 0px 3px 1.0 #91AF49;
    }
    
}

@keyframes 'navbar-gc-alert'
{
    0%
    {
        brightness: 1;
        wash-color: lightblue;
        transform: rotatez( 1deg );
        img-shadow: 0px 0px 3px 1.0 lightblue;
    }
    
    50%
    {
        brightness: 2;
        wash-color: lightblue;
        transform: rotatez( 180deg );
        img-shadow: 0px 0px 3px 1.0 lightblue;
    }
    
    100%
    {
        brightness: 1;
        wash-color: lightblue;
        transform: rotatez( 359deg );
        img-shadow: 0px 0px 3px 1.0 lightblue;
    }
    
}
.hide_vanity_hidden_menu
{
	visibility: collapse;
}
.hidedevbutton
{
	visibility: collapse;
}
.hidevanitysas
{
	visibility: collapse;
}
.visible-if-not-limitedbeta
{
	visibility: collapse;
}
.vanityplayerinfo
{
	horizontal-align: center;
	vertical-align: bottom;
}
#buildinfo {
    font-size: 24px;
	font-family: Stratum2;
	font-weight: medium;
    color: white;
    horizontal-align: center;
    vertical-align: top;
    margin-top: 50px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
}
