@font-face {
	font-family: 'Motiva Sans';
	src: url("../fonts/MotivaSans-Regular.ttf") format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Motiva Sans';
	src: url("../fonts/MotivaSans-Light.ttf") format('truetype');
	font-weight: 300; /* Light */
	font-style: normal;
}

@font-face {
	font-family: 'Motiva Sans';
	src: url("../fonts/MotivaSans-Thin.ttf") format('truetype');
	font-weight: 200; /* Ultra-Light / Thin */
	font-style: normal;
}

@font-face {
	font-family: 'Motiva Sans';
	src: url("../fonts/MotivaSans-Medium.ttf") format('truetype');
	font-weight: 500; /* Medium */
	font-style: normal;
}

@font-face {
	font-family: 'Motiva Sans';
	src: url("../fonts/MotivaSans-Bold.ttf") format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Motiva Sans';
	src: url("../fonts/MotivaSans-RegularItalic.ttf") format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Motiva Sans';
	src: url("../fonts/MotivaSans-LightItalic.ttf") format('truetype');
	font-weight: 300; /* Light */
	font-style: italic;
}

@font-face {
	font-family: 'Motiva Sans';
	src: url("../fonts/MotivaSans-BoldItalic.ttf") format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Motiva Sans';
	src: url("../fonts/MotivaSans-Black.ttf") format('truetype');
	font-weight: 900; /* Black */
	font-style: normal;
}

:root {
	/* System greys */
	--gpSystemLightestGrey: #DCDEDF;
	--gpSystemLighterGrey: #B8BCBF;
	--gpSystemLightGrey: #8B929A;
	--gpSystemGrey: #67707B;
	--gpSystemDarkGrey: #3D4450;
	--gpSystemDarkerGrey: #23262E;
	--gpSystemDarkestGrey: #0E141B;

	/* Store blue greys */
	--gpStoreLightestGrey: #CCD8E3;
	--gpStoreLighterGrey: #A7BACC;
	--gpStoreLightGrey: #7C8EA3;
	--gpStoreGrey: #4e697d;
	--gpStoreDarkGrey: #2A475E;
	--gpStoreDarkerGrey: #1B2838;
	--gpStoreDarkestGrey: #000F18;

	/* Gradients */
	--gpGradient-StoreBackground: linear-gradient(180deg, var(--gpStoreDarkGrey) 0%, var(--gpStoreDarkerGrey) 80%);
	--gpGradient-LibraryBackground: radial-gradient(farthest-corner at 40px 40px,#3D4450 0%, #23262E 80%);

	/* Colours */
	--gpColor-Blue: #1A9FFF;
	--gpColor-BlueHi: #00BBFF;
	--gpColor-Green: #5ba32b;
	--gpColor-GreenHi: #59BF40;
	--gpColor-Orange: #E35E1C;
	--gpColor-Red: #D94126;
	--gpColor-RedHi: #EE563B;
	--gpColor-DustyBlue: #417a9b;
	--gpColor-LightBlue: #B3DFFF;
	--gpColor-Yellow: #FFC82C;
	--gpColor-ChalkyBlue: #66C0F4;

	/* Backgrounds */
	--gpBackground-LightSofter: #6998bb24;
	--gpBackground-LightSoft: #3b5a7280;
	--gpBackground-LightMedium: #678BA670;
	--gpBackground-LightHard: #93B8D480;
	--gpBackground-LightHarder: #aacce6a6;

	--gpBackground-DarkSofter: #0e141b33;
	--gpBackground-DarkSoft: #0e141b66;
	--gpBackground-DarkMedium: #0e141b99;
	--gpBackground-DarkHard: #0e141bcc;

	--gpBackground-Neutral-LightSofter: rgba(235, 246, 255, 0.10);
	--gpBackground-Neutral-LightSoft: rgba(235, 246, 255, 0.20);
	--gpBackground-Neutral-LightMedium: rgba(235, 246, 255, 0.30);
	--gpBackground-Neutral-LightHard: rgba(235, 246, 255, 0.40);
	--gpBackground-Neutral-LightHarder: rgba(235, 246, 255, 0.50);


	/* Corners */
	--gpCorner-Small: 1px;
	--gpCorner-Medium: 2px;
	--gpCorner-Large: 3px;

	/* Spacing */
	--gpSpace-Gutter: 24px;
	--gpSpace-Gap: 12px;

	/* Fixed widths */
	--gpNavWidth: 240px;
	--gpPaymentsNavWidth: 340px;
	--gpDselectWidth: 340px;
	--gpSidePanelWidth: 340px;
	--gpGiftingPanelWidth: 280px;
	--gpCommunityRightPanelWidth: 320px;
	--gpVerticalResponsivePadding-Small: calc( (100vw - 854px) / 60 );
	--gpVerticalResponsivePadding-Medium: calc( (100vw - 854px) / 20 );
	--gpVerticalResponsivePadding-Large: calc( (100vw - 854px) / 12 );

	/* Game capsule widths */
	--screen-width: 100vw;
	--gpWidth-6colcap: calc((var(--screen-width) - (5 * var(--gpSpace-Gap)) - (2 * var(--gpSpace-Gutter))) / 6);
	--gpWidth-5colcap: calc((var(--screen-width) - (4 * var(--gpSpace-Gap)) - (2 * var(--gpSpace-Gutter))) / 5);
	--gpWidth-4colcap: calc((var(--screen-width) - (3 * var(--gpSpace-Gap)) - (2 * var(--gpSpace-Gutter))) / 4);
	--gpWidth-3colcap: calc((var(--screen-width) - (2 * var(--gpSpace-Gap)) - (2 * var(--gpSpace-Gutter))) / 3);
	--gpWidth-2colcap: calc((var(--screen-width) - (1 * var(--gpSpace-Gap)) - (2 * var(--gpSpace-Gutter))) / 2);
	--gpWidth-1colcap: calc((var(--screen-width) - (2 * var(--gpSpace-Gutter))));

    /* Fixed heights */
    --gpStoreMenuHeight: 24px;

	/* Surfaces */
	--gpShadow-Small: 0px 2px 2px 0px #0000003D;
	--gpShadow-Medium: 0px 3px 6px 0px #0000003D;
	--gpShadow-Large: 0px 12px 16px 0px #0000003D;
	--gpShadow-XLarge: 0px 24px 32px 0px #0000003D;

	/* Type styles */
	--gpText-HeadingLarge: normal 700 26px/1.4 "Motiva Sans", Arial, Sans-serif;
	--gpText-HeadingMedium: normal 700 22px/1.4 "Motiva Sans", Arial, Sans-serif;
	--gpText-HeadingSmall: normal 700 18px/1.4 "Motiva Sans", Arial, Sans-serif;
	--gpText-BodyLarge: normal 400 16px/1.4 "Motiva Sans", Arial, Sans-serif;
	--gpText-BodyMedium: normal 400 14px/1.4 "Motiva Sans", Arial, Sans-serif;
	--gpText-BodySmall: normal 400 12px/1.4 "Motiva Sans", Arial, Sans-serif;
}

@media screen and (min-width:  1280px) {
	:root {
		--gpSpace-Gutter: calc(24px + 2vw);
	}
}


/* Avatars */
.playerAvatar,
.friend_block_holder .friend_block_avatar,
.friend_activity .friend_block_avatar {
	width: 34px;
	height: 34px;
	position: relative;
	border-radius: 0;
	padding: 1px;

}

/* Offline State */
.playerAvatar.offline,
.friend_block_holder.friend_status_offline .friend_block_avatar,
.friend_activity.friend_status_offline .friend_block_avatar,
.appHubIconHolder.offline,
.avatar_block_status_offline,
.appHubIconHolder.ignored {

	background: -webkit-linear-gradient( top, rgba(106,106,106,1) 5%, rgba(85,85,85,1) 95%);
	background: linear-gradient( to bottom, rgba(106,106,106,1) 5%, rgba(85,85,85,1) 95%);
	/* IE <= 9 doesn't support rounded corners and gradient.  The gradient isn't too noticable so just disable the filter in IE9 */
	filter: none;
}
.playerAvatar.offline img,
.friend_status_offline .friend_block_avatar img,
.appHubIconHolder.offline img,
.avatar_block_status_offline img {
	background: -webkit-linear-gradient( top, #515151 5%, #474747 95%);
	background: linear-gradient( to bottom, #515151 5%, #474747 95%);
}

/* Online State */
.playerAvatar.online,
.friend_block_holder.friend_status_online .friend_block_avatar,
.friend_activity.friend_status_online .friend_block_avatar,
.appHubIconHolder.online,
.avatar_block_status_online {
	background-color: #57cbde;

	background: -webkit-linear-gradient( top, rgba(83,164,196,1) 5%, rgba(69,128,151,1) 95%);
	background: linear-gradient( to bottom, rgba(83,164,196,1) 5%, rgba(69,128,151,1) 95%);
	/* IE <= 9 doesn't support rounded corners and gradient.  The gradient isn't too noticable so just disable the filter in IE9 */
	filter: none;
}
.playerAvatar.online img,
.friend_status_online .friend_block_avatar img,
.appHubIconHolder.online img,
.avatar_block_status_online img {
	background: -webkit-linear-gradient( top, #41778f 5%, #3d697b 95%);
	background: linear-gradient( to bottom, #41778f 5%, #3d697b 95%);
}

/* In-Game State */
.playerAvatar.in-game,
.friend_block_holder.friend_status_in-game .friend_block_avatar,
.friend_activity.friend_status_in-game .friend_block_avatar,
.appHubIconHolder.in-game,
.avatar_block_status_in-game {
	background-color: #90ba3c;

	background: -webkit-linear-gradient( top, rgba(143,185,59,1) 5%, rgba(110,140,49,1) 95%);
	background: linear-gradient( to bottom, rgba(143,185,59,1) 5%, rgba(110,140,49,1) 95%);
	/* IE <= 9 doesn't support rounded corners and gradient.  The gradient isn't too noticable so just disable the filter in IE9 */
	filter: none;
}
.playerAvatar.in-game img,
.friend_status_in-game .friend_block_avatar img,
.appHubIconHolder.in-game img,
.avatar_block_status_in-game img {
	background: -webkit-linear-gradient( top, #66812e 5%, #59702b 95%);
	background: linear-gradient( to bottom, #66812e 5%, #59702b 95%);
}


/* Golden State */
.playerAvatar.golden,
.friend_block_holder.friend_status_golden .friend_block_avatar,
.friend_activity.friend_status_golden .friend_block_avatar,
.appHubIconHolder.golden,
.avatar_block_status_golden {
	background-color: #e4ca63;

	background: -webkit-linear-gradient( 305deg, #d5bf6a 10%,#ffe2a9 40%,#ba995c 52%,#ba995c 61%,#d5bf6a 85%);
	background: linear-gradient( 145deg, #d5bf6a 10%,#ffe2a9 40%,#ba995c 52%,#ba995c 61%,#d5bf6a 85%);
}

/*
.playerAvatar.golden img,
.friend_status_golden .friend_block_avatar img,
.appHubIconHolder.golden img,
.avatar_block_status_golden img {
	background-color: #e4ca63
	background: -webkit-linear-gradient( 305deg, #d5bf6a 10%,#ffe2a9 40%,#ba995c 52%,#ba995c 61%,#d5bf6a 85%);
	background: linear-gradient( 145deg, #d5bf6a 10%,#ffe2a9 40%,#ba995c 52%,#ba995c 61%,#d5bf6a 85%);
}
*/

.playerAvatar.ignored {
}

.playerAvatar img,
.friend_block_holder .friend_block_avatar img,
.friend_activity .friend_block_avatar img {
	width: 32px;
	height: 32px;
	padding: 1px;
	border-radius: 0;
	border: none;
}

.playerAvatar .profile_avatar_frame {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}
.playerAvatar .profile_avatar_frame > img, .playerAvatar .profile_avatar_frame > picture > img {
	transform: scale(1.23);
	width: 32px;
	height: 32px;
	background: none;
}

.playerAvatar.medium {
	width: 66px;
	height: 66px;
}

.playerAvatar.medium img {
	width: 64px;
	height: 64px;
}
.playerAvatar.medium .profile_avatar_frame > img, .playerAvatar.medium .profile_avatar_frame > picture > img {
	width: 64px;
	height: 64px;
	transform: scale(1.225);
}


.playerAvatar.full {
	width: 186px;
	height: 186px;
}

.playerAvatar.full img {
	width: 184px;
	height: 184px;
}

.playerAvatar.tiny {
	width: 24px;
	height: 24px;
}

.playerAvatar.tiny img {
	width: 22px;
	height: 22px;
}

.playerAvatar_friendindicator {
	position: absolute;
	left: 26px;
	top: 23px;
	background-image: url( "" );
	width: 20px;
	height: 20px;
	z-index: 2;

	cursor: pointer;
}

.persona, a.persona, .persona a,
.friend_status_offline, .friend_status_offline div, .friend_status_offline a {
	color:#898989;
}

.persona.online, a.persona.online, .persona.online a,
.friend_status_online, .friend_status_online div, .friend_status_online a {
	color:#57cbde;
}

.persona.in-game, a.persona.in-game, .persona.in-game a,
.friend_status_in-game, .friend_status_in-game div, .friend_status_in-game a {
	color:#90ba3c;
}

.persona.golden, a.persona.golden, .persona.golden a,
.friend_status_golden, .friend_status_golden div, .friend_status_golden a {
	color:#e4ca63;
}

.border_color_offline {
	border-color:#898989;
}

.border_color_online {
	border-color:#57cbde;
}

.border_color_in-game {
	border-color:#90ba3c;
}

.border_color_golden {
	border-color: #e4ca64;
}

.miniprofile_hover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5000;
	font-family: "Motiva Sans", sans-serif;
}

.miniprofile_hover_inner.shadow_content {
	margin: 11px;
}

.miniprofile_container {
	display: flex;
	flex-direction: column;

	position: relative;
	overflow: hidden;

	width: 328px;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

		}

.miniprofile_playersection {
	position: relative;
	display: flex;
	flex-direction: row;

	z-index: 1;
	height: 62px;
	padding: 16px;
}

.miniprofile_playersection .playersection_avatar {
	width: 90px;
	height: 90px;
	background: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.miniprofile_playersection .playersection_avatar img {
	width: 90px;
	height: 90px;
	box-sizing: border-box;
	background: none;
}

.miniprofile_playersection .playersection_avatar_frame {
	position: absolute;
	z-index: 1;
	width: 107px;
	height: 107px;
	top: 8px;
	left: 8px;
	pointer-events: none;
}
.miniprofile_playersection .playersection_avatar_frame > img {
	width: 100%;
	height: 100%;
	background: none;
}

.miniprofile_playersection .player_content {
	display: flex;
	flex-direction: column;
	justify-content: center;

	padding-left: 16px;

	text-shadow: 1px 1px 4px #000;
}

.miniprofile_playersection .player_content .persona {
	font-size: 20px;
}

.miniprofile_playersection .player_content .persona,
.miniprofile_playersection .player_content .secondaryname {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 200px;
}

.miniprofile_playersection .player_content .friend_status_offline {
	font-size: 10px;
}

.miniprofile_gamesection {
	display: flex;
	flex-direction: row;
	position: relative;

	min-height: 64px;
}

.miniprofile_gamesection .game_logo {
	width: 90px;
	height: 34px;
	top: 18px;
	left: 16px;
	position: absolute;
}

.miniprofile_gamesection .miniprofile_game_details {
	display: flex;
	flex-direction: column;

	padding: 8px 8px 8px 122px;
	font-size: 14px;

	align-self: center;
}

.miniprofile_gamesection .miniprofile_game_details .game_state,
.miniprofile_gamesection .miniprofile_game_details .rich_presence {
	font-size: 12px;
	color: rgb( 98, 129, 59 );
}

.miniprofile_gamesection .miniprofile_game_details .miniprofile_game_name {
	color: #90ba3c;
}

.miniprofile_detailssection {
	display: flex;
	flex-direction: column;

	padding: 16px 16px 8px 16px;
}

.miniprofile_detailssection.not_in_game {
	padding-top: 24px;
}

.miniprofile_featuredcontainer {
	display: flex;
	flex-direction: row;

	height: 34px;
	padding-left: 16px;
	margin-bottom: 8px;
}

.miniprofile_featuredcontainer .badge_icon {
	width: 34px;
	height: 34px;
	position: relative;
}

.miniprofile_featuredcontainer .description {
	margin-left: 12px;
	margin-top: auto;
	margin-bottom: auto;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;

	font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
}

.miniprofile_featuredcontainer .description .name {
	overflow: hidden;
	text-overflow: ellipsis;
	color: #b1b1b1;
}

.miniprofile_featuredcontainer .description .xp {
	font-size: 12px;
	color: #6b6a6a;
}

.miniprofile_featuredcontainer .friendPlayerLevel {
	margin-top: 0;
}

.miniprofile_playtimesection {
    border: none;
    min-height: 57px;
    box-sizing: border-box;
    padding: 2px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: radial-gradient( circle at top left, rgba(81, 148, 255, 0.5) 0%, rgba(0, 39, 112, 0.075) 100% ), linear-gradient(to bottom, rgba(58, 148, 184, 0.637) 0%, rgba(106, 201, 239, 0.15) 1px, rgba(19, 100, 133, 0.1) 25%, rgba(106, 201, 239, 0.0) 50% );
}

.miniprofile_playtimesection .gamelogo {
    width: 120px;
    height: 55px;
    margin-right: 12px;
    box-shadow: 0 0 2px black ;
}

.miniprofile_playtimesection .playtimecontent {
    color: rgba(181, 255, 255, 0.5);
    font-size: 13px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.miniprofile_playtimesection .playtimecontent div:nth-child(2) {
    margin-top: 4px;
}

.miniprofile_playtimesection .playtimecontent .timeplayed {
    color: rgb(181, 255, 255);
}

.miniprofile_playtimesection.forcurrentgame {
    padding: 0px;
    align-items: initial;
    min-height: 0px;
    background: transparent;
}

.miniprofile_background {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: -3;
	background: radial-gradient( ellipse farthest-corner at 20% 30%, rgb( 76, 80, 91 ) 0%, rgb( 52, 55, 63 ) 50%, rgb( 40, 44, 50 ) 100% );

}

.miniprofile_backgroundblur {
	width: 380px;
	height: 380px;
	filter: blur( 10px ) saturate( 2 );
	position: absolute;
	left: -60px;
	top: -60px;
	opacity: 0.6;
	-webkit-mask: radial-gradient( ellipse farthest-corner at 150px 150px, rgba( 0, 0, 0, 1 ) 0%, rgba( 0, 0, 0, 0.6 ) 20%, rgba( 0, 0, 0, 0.3 ) 34%, rgba( 0, 0, 0, 0 ) 64% );
	mask: radial-gradient( ellipse farthest-corner at 150px 150px, rgba( 0, 0, 0, 1 ) 0%, rgba( 0, 0, 0, 0.6 ) 20%, rgba( 0, 0, 0, 0.3 ) 34%, rgba( 0, 0, 0, 0 ) 64% );
	mix-blend-mode: screen;
}

.miniprofile_backdropblur {
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}

.miniprofile_backdrop {
	background: linear-gradient( to bottom, rgba( 24, 26, 30, .85 ) 5%, rgba( 24, 26, 30, .65 ) 95% );
}

.miniprofile_content {
	width: 302px;
	border-radius: 3px;

	color: #828282;
	font-size: 14px;

	position: relative;
}

.miniprofile_nameplatecontainer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	z-index: -1;
}

.miniprofile_nameplate {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top right;
}

/*
 * GENERIC POPUP
 */

.pulldown {
	padding-left: 5px;
	padding-right: 18px;
	background-image: url( "btn_arrow_down_padded.png" );
	background-position: right center;
	background-repeat: no-repeat;

	cursor: pointer;
}
body.v6 .pulldown {
	margin-right: 5px;
}
span.popup_menu_pulldown_indicator {
	display: inline-block;
	background-image: url( "" );
	vertical-align: middle;
	width: 9px;
	height: 4px;
}
#admin_drop {
    border-radius: 2px;
    border: none;
    padding: 1px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none !important;
    color: #67c1f5 !important;
    background: rgba( 103, 193, 245, 0.2 )
}
#admin_drop:hover {
    text-decoration: none !important;
    color: #fff !important;
    background: #417a9b;
    background: -webkit-linear-gradient( 150deg, #417a9b 5%,#67c1f5 95%);
    background: linear-gradient( -60deg, #417a9b 5%,#67c1f5 95%);
}
#admin_drop span {
    padding: 0 22px 0 15px;
    margin-right: 8px;
    font-size: 15px;
    line-height: 30px;
}


.popup_block_new {
	z-index: 200;
	position: absolute;
	box-shadow: 0 0 12px #000000;
}

.popup_block_new.popup_block_hidden_until_visible
{
	opacity: 1.0;
	transition: opacity 200ms;
}

.popup_block_new.popup_block_hidden_until_visible:not(.visible)
{
	opacity: 0;
	pointer-events: none;
}

@media screen and (max-width: 910px)
{

	html.responsive .popup_block_new.responsive_slidedown {
		position: static;
		box-shadow: none;
	}

}

	html.responsive.rn_mobile_app .popup_block_new.responsive_slidedown {
		position: static;
		box-shadow: none;
	}

.popup_block_new .popup_body {
	border: 1px solid #3D4450;

	position: relative;

	background-color: #3D4450;

}

body.v6 .popup_block_new .popup_body.popup_menu {
	padding: 0px 0px;
}

.popup_menu a.popup_menu_item {
	display: block;
}

.popup_menu .popup_menu_item {
	padding: 5px 12px;
	color: #dcdedf;
	text-transform: none;
	font-family: Motiva Sans, Arial, Helvectica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
	text-align: inline-start;
	cursor: pointer;
}


#genre_flyout .popup_menu .popup_menu_item {
	font-size: 13px;
	padding: 5px 14px;
}

@media screen and (max-width: 910px)
{
	html.responsive .popup_menu .popup_menu_item {
		font-size: 14px;
		line-height: 18px;
	}

}
	html.responsive.touch .popup_menu .popup_menu_item {
		font-size: 14px;
		line-height: 18px;
	}

.popup_menu a.popup_menu_item {
	text-decoration: none;
}

.popup_menu span.popup_menu_item {
	cursor: default;
}

.popup_menu .popup_menu_item:hover, .popup_menu .popup_menu_item.focus {
	color: #171d25;
	text-decoration: none;
	background: #dcdedf;
}


.popup_menu_subheader {
	color: #9e9995;
	font-size: 11px;
	padding: 2px 12px 3px 12px;
	cursor: default;
}

.popup_menu_item, .popup_menu_subheader {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.popup_menu_hint {
	float: right;
	margin-left: 8px;
}

.popup_menu_subarea {
	color: #9e9995;
	font-size: 11px;
	background-color: #3b3938;
	margin: 8px 12px;
	padding: 8px;
	text-align: center;
}

.popup_menu_subarea_inner {
	margin: 0 auto;
	width: 138px;
}


.popup_menu .hr {
	height: 1px;
	background-color: #82807c;
	margin: 10px 12px 0 12px;
}



.friendPlayerLevel {
	display: inline-block;
	font-size: 16px;
	border-radius: 16px;
	border: solid white 2px;
	height: 28px;
	width: 28px;
	line-height: 28px;
	text-align: center;

	cursor: default;
}


.friendPlayerLevel .friendPlayerLevelNum {
	color: #e5e5e5;
}

.friendPlayerLevel.lvl_0 {
	border-color: #9b9b9b;
}

.friendPlayerLevel.lvl_10 {
	border-color: #c02942;
}

.friendPlayerLevel.lvl_20 {
	border-color: #d95b43;
}

.friendPlayerLevel.lvl_30 {
	border-color: #fecc23;
}

.friendPlayerLevel.lvl_40 {
	border-color: #467a3c;
}

.friendPlayerLevel.lvl_50 {
	border-color: #4e8ddb;
}

.friendPlayerLevel.lvl_60 {
	border-color: #7652c9;
}

.friendPlayerLevel.lvl_70 {
	border-color: #c252c9;
}

.friendPlayerLevel.lvl_80 {
	border-color: #542437;
}

.friendPlayerLevel.lvl_90 {
	border-color: #997c52;
}

.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,
	.friendPlayerLevel.lvl_5300, .friendPlayerLevel.lvl_5400,
	.friendPlayerLevel.lvl_5500, .friendPlayerLevel.lvl_5600,
	.friendPlayerLevel.lvl_5700, .friendPlayerLevel.lvl_5800,
	.friendPlayerLevel.lvl_5900, .friendPlayerLevel.lvl_6000,
	.friendPlayerLevel.lvl_6100
{
	border: none;
	border-radius: 0;
	background-repeat: no-repeat;
	background-position: 0 0;

	font-size: 14px;

	height: 32px;
	width: 32px;
	line-height: 32px;
	text-shadow: 1px 1px #1a1a1a;
}

.friendPlayerLevel.lvl_100 { background-image: url( "" ); }
.friendPlayerLevel.lvl_200 { background-image: url( "" ); }
.friendPlayerLevel.lvl_300 { background-image: url( "" );  }
.friendPlayerLevel.lvl_400 { background-image: url( "" );  }
.friendPlayerLevel.lvl_500 { background-image: url( "" );  }
.friendPlayerLevel.lvl_600 { background-image: url( "" );  }
.friendPlayerLevel.lvl_700 { background-image: url( "" );  }
.friendPlayerLevel.lvl_800 { background-image: url( "" );  }
.friendPlayerLevel.lvl_900 { background-image: url( "" );  }
.friendPlayerLevel.lvl_1000 { background-image: url( "" );  }
.friendPlayerLevel.lvl_1100 { background-image: url( "" );  }
.friendPlayerLevel.lvl_1200 { background-image: url( "" );  }
.friendPlayerLevel.lvl_1300 { background-image: url( "" );  }
.friendPlayerLevel.lvl_1400 { background-image: url( "" );  }
.friendPlayerLevel.lvl_1500 { background-image: url( "" );  }
.friendPlayerLevel.lvl_1600 { background-image: url( "" );  }
.friendPlayerLevel.lvl_1700 { background-image: url( "" );  }
.friendPlayerLevel.lvl_1800 { background-image: url( "" );  }
.friendPlayerLevel.lvl_1900 { background-image: url( "" );  }
.friendPlayerLevel.lvl_2000 { background-image: url( "" );  }
.friendPlayerLevel.lvl_2100 { background-image: url( "" );  }
.friendPlayerLevel.lvl_2200 { background-image: url( "" );  }
.friendPlayerLevel.lvl_2300 { background-image: url( "" );  }
.friendPlayerLevel.lvl_2400 { background-image: url( "" );  }
.friendPlayerLevel.lvl_2500 { background-image: url( "" );  }
.friendPlayerLevel.lvl_2600 { background-image: url( "" );  }
.friendPlayerLevel.lvl_2700 { background-image: url( "" );  }
.friendPlayerLevel.lvl_2800 { background-image: url( "" );  }
.friendPlayerLevel.lvl_2900 { background-image: url( "" );  }
.friendPlayerLevel.lvl_3000 { background-image: url( "" );  }
.friendPlayerLevel.lvl_3100 { background-image: url( "" );  }
.friendPlayerLevel.lvl_3200 { background-image: url( "" );  }
.friendPlayerLevel.lvl_3300 { background-image: url( "" );  }
.friendPlayerLevel.lvl_3400 { background-image: url( "" );  }
.friendPlayerLevel.lvl_3500 { background-image: url( "" );  }
.friendPlayerLevel.lvl_3600 { background-image: url( "" );  }
.friendPlayerLevel.lvl_3700 { background-image: url( "" );  }
.friendPlayerLevel.lvl_3800 { background-image: url( "" );  }
.friendPlayerLevel.lvl_3900 { background-image: url( "" );  }
.friendPlayerLevel.lvl_4000 { background-image: url( "" );  }
.friendPlayerLevel.lvl_4100 { background-image: url( "" );  }
.friendPlayerLevel.lvl_4200 { background-image: url( "" );  }
.friendPlayerLevel.lvl_4300 { background-image: url( "" );  }
.friendPlayerLevel.lvl_4400 { background-image: url( "" );  }
.friendPlayerLevel.lvl_4500 { background-image: url( "" );  }
.friendPlayerLevel.lvl_4600 { background-image: url( "" );  }
.friendPlayerLevel.lvl_4700 { background-image: url( "" );  }
.friendPlayerLevel.lvl_4800 { background-image: url( "" );  }
.friendPlayerLevel.lvl_4900 { background-image: url( "" );  }
.friendPlayerLevel.lvl_5000 { background-image: url( "" );  }
.friendPlayerLevel.lvl_5100 { background-image: url( "" );  }
.friendPlayerLevel.lvl_5200 { background-image: url( "" );  }
.friendPlayerLevel.lvl_5300 { background-image: url( "" );  }
.friendPlayerLevel.lvl_5400 { background-image: url( "" );  }
.friendPlayerLevel.lvl_5500 { background-image: url( "" );  }
.friendPlayerLevel.lvl_5600 { background-image: url( "" );  }
.friendPlayerLevel.lvl_5700 { background-image: url( "" );  }
.friendPlayerLevel.lvl_5800 { background-image: url( "" );  }
.friendPlayerLevel.lvl_5900 { background-image: url( "" );  }
.friendPlayerLevel.lvl_6000 { background-image: url( "" );  }
.friendPlayerLevel.lvl_6100 { background-image: url( "" );  }

.friendPlayerLevel.lvl_plus_10 {
	background-position: 0 -32px;
}
.friendPlayerLevel.lvl_plus_20 {
	background-position: 0 -64px;
}
.friendPlayerLevel.lvl_plus_30 {
	background-position: 0 -96px;
}
.friendPlayerLevel.lvl_plus_40 {
	background-position: 0 -128px;
}
.friendPlayerLevel.lvl_plus_50 {
	background-position: 0 -160px;
}
.friendPlayerLevel.lvl_plus_60 {
	background-position: 0 -192px;
}
.friendPlayerLevel.lvl_plus_70 {
	background-position: 0 -224px;
}
.friendPlayerLevel.lvl_plus_80 {
	background-position: 0 -256px;
}
.friendPlayerLevel.lvl_plus_90 {
	background-position: 0 -288px;
}



.newmodal {
			font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

			position: absolute;

	max-width: 900px;	/* our page width */
	min-width: 500px;

	background: radial-gradient(circle at top left, rgba(74, 81, 92, 0.4) 0%, rgba(75, 81, 92, 0) 60%), #25282e;
}

.newmodal_background {
	position: fixed;
	z-index: 900;
	background: #000000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.newmodal_header .title_text {
	padding: 24px 24px 0px 24px;
	display: block;
}
.newmodal_header .subtitle_text {
		font-family: "Motiva Sans", Sans-serif;
		font-weight: 200; /* thin */

		    font-size: 19px;
    text-transform: none;
    line-height: 20px;
    letter-spacing: 0px;
    padding: 0px 32px 0px 32px;
    display: block;
}
.modal_top_bar {
	width: 100%;
	height: 1px;
	background: linear-gradient(to right, #00ccff, #3366ff);
}

.newmodal_header {
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 22px;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: unset;
	text-transform: unset;
	flex-shrink: 0;
}
@media screen and (max-width: 910px)
{
    html.responsive .newmodal_header .title_text {
        padding: 32px 15px 0px 15px;
    }
    html.responsive .newmodal_content {

        max-width: 646px;
        min-width: 280px;
    }
}

.newmodal_close {
	background-image: url( "" );
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	float: right;
	margin-top: 9px;
	margin-right: 9px;
	height: 16px;
	width: 16px;

	opacity: 0.7;
}

/* for labelling the close button with text, used on market */
.newmodal_close.with_label {
	padding-right: 24px;
	width: auto;
	color: #ffffff;
	line-height: 16px;
	font-size: 12px;
}

.newmodal_close:hover {
	opacity: 1;
}

.newmodal_content_border {
	padding: 0 1px 1px 1px;
    display: flex;
}

.newmodal_content {

    width: 100%;
	overflow: auto;
	word-wrap: break-word;

	padding: 24px;

	font-size: 16px;
	line-height: 21px;
	color: #acb2b8;

	position: relative;
}

.newmodal_content p {
	font-size: 16px;
	line-height: 19px;
	color: #acb2b8;
}

.newmodal_content_innerbg {
	background-color: rgba(59, 63, 72, 0.5);
	padding: 8px;

	color: #8f8f8f;
}


.detailed_option_toggle {
	background: rgba(172, 178, 184, 0.1);
	border-radius: 4px;
}
.detailed_option_toggle .toggle_group {
	background: rgba(172, 178, 184, 0.1);
	padding: 8px;
	border-bottom: 1px solid rgba(0,0,0,0.3);
}
.detailed_option_toggle .toggle_desc {
	padding: 8px 8px 8px 32px;
	font-size: 14px;
}

.newmodal_buttons {
	text-align: right;
}

.newmodal_buttons .btn_medium {
	margin-left: 12px;
	margin-top: 12px;
}

.newmodal_prompt_description {
	font-size: 14px;
	margin-bottom: 8px;
}

.newmodal_prompt_input {
}

.newmodal_prompt_input input[type=text] {
	width: 100%;
}

.newmodal_prompt_textarea {
	height: 396px;
}

.newmodal_prompt_with_textarea {
	display: inline-block;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 500px;
}

.gray_bevel input, .gray_bevel textarea {
	border: none;
	outline: none;
	background-color: rgba(0,0,0,0.2);
	border: 1px solid #000;
	box-shadow: 1px 1px 0 0 rgba( 91, 132, 181, 0.2 );
	font-size: 13px;
	color: #BFBFBF;
}

.gray_bevel input:-moz-read-only, .gray_bevel textarea:-moz-read-only {
	background: transparent;
	border: transparent;
	box-shadow: none;
	color: #919191;
}

.gray_bevel input:read-only, .gray_bevel textarea:read-only {
	background: transparent;
	border: transparent;
	box-shadow: none;
	color: #919191;
}

.gray_bevel.fullwidth {
	display: block;
}

.gray_bevel.fullwidth.for_text_input input, .gray_bevel.fullwidth textarea {
	/* narrow a bit to account for padding in the text area */
	width: calc(100% - 8px);
}

input.gray_bevel {
	height: 20px;
}

textarea.gray_bevel, .gray_bevel textarea {
	resize: none;
}

select.gray_bevel {
	background-color: #565658;
	border-radius: 3px;
	border: 1px solid #262627;
	box-shadow: 1px 1px 0px #39393a;
	color: #BFBFBF;

	margin-bottom: 6px;
	outline: none;

	padding: 0px;
	line-height: 27px;
	height: 27px;
	font-size: 14px;
}

select.blueish {
	background-color: rgba( 255, 255, 255, 0.7 );
	color: #000;
	border: 1px solid rgba( 255, 255, 255, 0.1 );
	border-radius: 3px;
	box-shadow: 1px 1px 0px #000;
}

.waiting_dialog_container
{
	line-height: 32px;
}

.waiting_dialog_centered
{
	display: flex;
	justify-content: center;
}

.waiting_dialog_throbber
{
	width: 32px;
	height: 32px;
	background: url( "" ) center center no-repeat;
	margin-right: 5px;
	float: left;
}

.emoticon_hover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1200;
}

.emoticon_hover_content {
	padding: 6px 10px 6px 6px;
	background-color: #3b3938;
	border: 1px solid #797979;

	margin: 12px;
	box-shadow: 0 0 12px #000000;
	white-space: nowrap;
}

.emoticon_hover_content.client {
	margin: 0;
	box-shadow: none;
	display: inline-block;
}

.emoticon_hover_content_inner {
	position: relative;
	min-height: 54px;
	padding-left: 62px;
	font-size: 13px;
}

.emoticon_hover_content_inner img.emoticon_large {
	position: absolute;
	left: 0;
	top: 0;
}

.emoticon_hover_title {
	padding-top: 8px;
	color: #898989;
}

.emoticon_hover_desc {
	color: #686868;
}

.emoticon_hover_arrow {
	width: 13px;
	height: 26px;
	background-image: url( "" );
	background-repeat: no-repeat;

	position: absolute;
	top: 26px;
}

.emoticon_hover_arrow.left {
	background-position: left top;

	left: 0;
}

.emoticon_hover_arrow.right {
	background-position: right top;

	right: 0;
}



/*
 * HEADER
 */

/* apply 16px padding to the sides of all the page-wide divs to prevent content
	from touching the sides on small resolutions */
div#footer, div#global_header, div#store_header, div#main, div.page_area {
	padding-left: 16px;
	padding-right: 16px;
}

div.page_content {
	width: 940px;
	margin: 0px auto;
}


div#global_header {
	background: #171d25;
	background-position: center top;
	min-width: 940px;

			font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

			font-size: 14px;
}

.partner_events div#global_header
{
	position: relative;
	z-index: 151;
}

div#global_header .content {
	background: #171d25;
	position: relative;
	width: auto;
	min-width: 940px;
	height: 104px;
	margin: 0px auto;

	max-width: var( --store-page-width, 940px );
	z-index: 402;
}

body.v7menu div#global_header .content {
	max-width: max( var( --store-page-width, 940px ), 1100px );
}

div#global_actions {
	position: absolute;
	inset-inline-end: 0px;
	top: 6px;

	height: 21px;
	line-height: 21px;

	color: #b8b6b4;
	font-size: 11px;

	z-index: 401;
}

div#global_actions a.global_action_link {
	padding: 0 4px;
}

div#global_actions a.global_action_link, div.admin_actions a.global_action_link {
	color: #b8b6b4;
}

div#global_actions .global_action_link:hover, div.admin_actions .global_action_link:hover {
	text-decoration: none;
	color: #ffffff;
}

div.admin_actions {
	position: absolute;
	right: 0;
	bottom: 4px;
	text-align: right;
	color: #b8b6b4;
	font-size: 11px
}

div#global_actions #global_action_menu {
	line-height: 24px;
	vertical-align: top;
	display: inline-block;
}

#global_action_menu > * {
	vertical-align: top;
}

div#global_actions .user_avatar {
	display: inline-block;
	margin-left: 3px;
}

/* div#global_header div.logo {
	float: inline-start;
	padding-top: 30px;
	margin-inline-end: 40px;
	width: 176px;
	height: 44px;
} */

div#global_header .menuitem {
	display: block;
	position: relative;

	padding-top: 45px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	line-height: 16px;

	float: left;
	font-size: 14px;
	color: #dcdedf;
	text-transform: uppercase;
	font-size: 16px;
    font-family: "Motiva Sans", "Twemoji", "Noto Sans", Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}
div#global_header .menuitem:focus-visible {
	outline: none;
}
div#global_header .menuitem:focus-visible::before {
	outline: auto Highlight;
	outline: auto -webkit-focus-ring-color;
	content: "";
	position: absolute;
	top: 40px;
	left: 2px;
	right: 2px;
	bottom: 2px;
}

div#global_header .menuitem.active, div#global_header .menuitem:hover {
	color: #ffffff;
	text-decoration: none;
}

div#global_header .menuitem.active {
	background-image: url( "" );
	background-repeat: repeat-x;
}

div#global_header .activebg {
	display: none;
}

#header_wallet_balance {
	display: inline-block;
}

#header_wallet_ctn {
	text-align: right;
	padding-right: 15px;
	line-height: normal;
}

#account_pulldown {
	display: inline-block;
	padding-left: 4px;
	line-height: 25px;
	border: none;
	background-color: transparent;
	color: inherit;
	font-size: inherit;
}

#account_language_pulldown {
	display: block;
}

#language_pulldown.focus, #account_pulldown.focus {
	color: #ffffff;
}

#account_dropdown > .popup_body {
	width: fit-content;
    max-width: 250px;
}

#account_dropdown > .popup_body.popup_menu .popup_menu_item {
    padding: 8px 18px;
    font-size: 13px;
}

#account_dropdown > .popup_body.popup_menu .popup_menu_item .account_name {
    color: #4cb4ff;
}


.header_installsteam_btn {
	display: inline-block;
	position: relative;
	height: 21px;
	line-height: 24px;
	margin-right: 3px;
}

.header_installsteam_btn_green .header_installsteam_btn_leftcap, .header_installsteam_btn_green .header_installsteam_btn_rightcap, .header_installsteam_btn_green .header_installsteam_btn_content {
	background-color: #5c7e10;

	&:hover {
		background-color: #6c9018;
		transition-property: background;
		transition-duration: 250ms;
		cursor: pointer;
	}
}

.header_installsteam_btn_gray .header_installsteam_btn_leftcap, .header_installsteam_btn_gray .header_installsteam_btn_rightcap, .header_installsteam_btn_gray .header_installsteam_btn_content {
	background-color: rgba(103, 112, 123, 0.2);

	&:hover {
		background-color: #3D4450;
		transition-property: background;
		transition-duration: 250ms;
		cursor: pointer;
	}
}

.header_installsteam_btn_content {
	display: inline-block;
	padding-left: 35px;
	padding-right: 9px;
	background-position: 10px 5px;

	background-image: url( "btn_header_installsteam_download.png" );
	background-repeat:	no-repeat;
	text-decoration: none;
	color: #e5e4dc;
	font-weight: normal;
}

.header_installsteam_btn_content:hover {
	text-decoration: none;
	color: #ffffff;
}

.global_header_toggle_button {
	display: inline-block;
	line-height: 24px;
	margin: 0 3px 0 8px;
	cursor: pointer;
	/* background-color: #262625; */
}

.global_header_toggle_button:hover,
.global_header_toggle_button.focus {
	/* background-color: #575451; */
}

/* make sure we override any global a styles on the site */
.global_header_toggle_button,
a.global_header_toggle_button,
a.global_header_toggle_button:hover {
	color: #ffffff;
	font-weight: normal;
	font-size: 12px;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: bold; /* bold */

		}

.global_header_toggle_button.green,
.global_header_toggle_button.has_notifications {
	background-color: #5c7e10;
}

.global_header_toggle_button.green:hover,
.global_header_toggle_button.green.focus,
.global_header_toggle_button.has_notifications:hover,
.global_header_toggle_button.has_notifications.focus {
	background-color: #7ea64b;
}

.global_header_toggle_button.red {
	background-color: #9a3130;
}

.global_header_toggle_button.red:hover,
.global_header_toggle_button.red.focus {
	background-color: #d75a5a;
}

.global_header_toggle_button.yellow {
	background-color: #bb9d2f;
}

.global_header_toggle_button.yellow:hover,
.global_header_toggle_button.yellow.focus {
	background-color: #c1a643;
}

.global_header_account_alert {
	font-weight: bold;
	padding: 0 54px;
}

a.global_header_account_alert:hover {
	color: #ffffff;
}


div#global_header .menuitem_new
{
	position: absolute;
	top: 27px;
	font-size: 11px;
	color: #85b0df
}

div#global_header .submenuitem
{
	text-decoration: none;
	text-transform: none;
	font-size: 12px;
	color: #dcdedf;
	padding-right: 15px;
	padding-left: 15px;
}

div#global_header .submenuitem span.new {
    color: white;
    background: #c37f00 ;
    padding: 1px 3px;
    font-size: 10px;
    border-radius: 2px;
    text-shadow: none;
    text-transform: uppercase;
}

div#global_header .submenuitem.active, div#global_header .submenuitem:hover
{
	text-decoration: none;
	background: #dcdedf;
	color: #171a21;
}

div#global_header .submenuitem.moderator
{
	color: #ca5029;
}

div#global_header .submenuitem.active.moderator, div#global_header .submenuitem.moderator:hover
{
	color: #ca5029;
}

.community_sub_nav
{
	position: absolute;
	left: 7px;
	top: 65px;
	width: 650px;
	font-size: 14px;
}

.menuitem.username {
	max-width: 250px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#global_header .supernav_container {
	position: absolute;
	inset-inline-start: 200px;
}

.supernav_content {
	background: #3D4450;
	--shadow-x: 3px;
	box-shadow: var(--shadow-x) 3px 5px -3px #000;
	text-align: inline-start;
	z-index: 500;
}
.supernav_content:dir(rtl) {
	--shadow-x: -3px;
}

.supernav_content a.submenuitem {
	display: block;
	padding: 6px 0;
	text-transform: uppercase;
	font-size: 12px;
}

.supernav_content a.submenuitem:hover {
	color: #4897cf;
	text-decoration: none;
}

.supernav {
	&::after {
		content: "";
		display: block;
		width: 100%;
		height: 2.5px;
		margin-top: 2px;
		}
}

div#global_header .menuitem.supernav_active {
	color: #1a9fff;

	&::after {
	content: "";
    display: block;
    width: 100%;
    height: 2.5px;
    background: #1a9fff;
    border-radius: 3px;
    animation: slide 0.1s;
	margin-top: 2px;
	}
}

@keyframes slide {
	from {
		transform: scaleX(0);
	}

	to {
		transform: scaleX(1);
	}
}

/* -------------- paging controls -------------*/
.pagebtn, a.pagebtn {
	display: inline-block;
	line-height: 24px;
	background-color: rgba( 103, 193, 245, 0.2 );
	border: 1px transparent;
	border-radius: 3px;
	cursor: pointer;
	padding: 0px 16px;
	color: #66c0f4;
}

.pagebtn:not(.disabled):hover, a.pagebtn:not(.disabled):hover {
	background-color: #66c0f4;
	border-color: #66c0f4;
	color: #fff;
	text-decoration: none;
}

.pagebtn.disabled, .pagebtn.disabled:hover, a.pagebtn.disabled, a.pagebtn.disabled:hover {
	cursor: default;
	opacity: 0.2;
}

a.pagelink:hover {
	text-decoration: underline;
	color: #ffffff;
}


/* steam inbox */


/* notification box */

#header_notification_area {
	display: inline-block;
}

.header_notification_btn {
	padding: 0 8px;
}

.header_notification_btn.has_notifications .header_notification_envelope {
	margin-left: 4px;
}

.header_notification_btn.no_notifications .notification_count {
	display: none;
}

.header_notification_btn.has_notifications {
}

#header_notification_dropdown .popup_menu {
	padding: 2px;
}

#header_notification_dropdown .popup_menu_item {
	line-height: 36px;
	padding: 0px 8px 0px 8px;
	background-repeat: no-repeat;
	background-position: left center;
	color: #bfbfbf;
}

#header_notification_dropdown .popup_menu_item:hover {
	color: #ffffff;
	background-color: #373d44;
}

#header_notification_dropdown .popup_menu_item.active_inbox_item {
	color: #70ba24;
}

.header_notification_btn.header_notification_bell {
	display: block;
	width: 46px;
	height: 24px;
	padding: 0px;
	margin: 0px;
	background: url( "notification_bell.png" ) no-repeat #3D4450;
	background-position: center;
	background-size: 14px;
}

.notification_ctn.hide_when_empty:not(.active_inbox_item) {
	display: none;
}

.header_notification_dropdown_seperator {
	height: 1px;
	background-color: #262a31;
}

.notification_icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 16px;
	position: relative;
	top: -2px;

	background-image: url( "" );
}

.header_notification_comments .notification_icon {
	background-position: 0 0;
}

.header_notification_items .notification_icon {
	background-position: 0 -16px;
}

.header_notification_invites .notification_icon {
	background-position: 0 -32px;
}

.header_notification_gifts .notification_icon {
	background-position: 0 -48px;
}

.header_notification_offlinemessages .notification_icon {
	background-position: 0 -64px;
}

/* these are shown conditionally so not a big deal that they aren't in the sprite */
.header_notification_tradeoffers .notification_icon {
	background-image: url( "" );
}

.header_notification_asyncgame .notification_icon {
	background-image: url( "" );
}

.header_notification_asyncgameinvite .notification_icon {
	background-image: url( "" );
}

/* re-uses comment icon */
.header_notification_moderatormessage .notification_icon,
.header_notification_helprequestreply .notification_icon {
	background-image: url( "" );
}

.header_parental_btn {
	padding: 0 12px;
	width: 23px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.header_parental_btn.passwordless {
	cursor: default;
}

.header_parental_btn.partial {
	background-color: rgba(103, 112, 123, 0.2);
	background-image: url( "" );
}
.header_parental_btn.partial.password:hover {
	background-color: #3D4450;
}

.header_parental_btn.full {
	background-color: rgb(92, 126, 16);
	background-image: url( "" );
}
.header_parental_btn.full.password:hover {
	background-color: rgb(126, 166, 75);
}

/* dynamic links */
.dynamiclink_box {
	position: relative;
	font-family: Helvetica, Arial, sans-serif;
background: -webkit-linear-gradient( 30deg, rgba(87, 92, 104, 0.3) 5%,rgba(255,255,255,0.05) 95%);
	background: linear-gradient( 60deg, rgba(87, 92, 104, 0.3) 5%,rgba(255,255,255,0.05) 95%);
	border-radius: 6px;
	padding: 8px;
	margin: 10px 0px 10px 0px;

	cursor: pointer;
	overflow: hidden;
}

a.dynamiclink_box {
	display: block;
	text-decoration: none !important;
}

.dynamiclink_box.noPopup
{
	cursor: default;
}

.dynamiclink_box.newspost .dynamiclink_description {
	padding-top: 10px;
}

.dynamiclink_box:hover {
	border-color: #97C0E3;
}

img.dynamiclink_preview {
	float: left;
	margin-right: 14px;
	max-height: 88px;
	max-width: 75%;
}
.dynamiclink_content {
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 300; /* light */

			color: rgb( 192, 192, 192 );
	text-shadow: 0 0 16px rgb( 0, 0, 0 );
	font-size: 13px;
	line-height: normal;
	text-align: left;
	display: flow-root;
}
.dynamiclink_name {
	font-size: 15px;
	color: #aad8ec;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 300; /* light */

			border-bottom: 1px dotted rgba( 109, 207, 246, .6 );
	padding-bottom: 0px;
	display: inline-block;
	margin-bottom: 6px;
}
.dynamiclink_name .dynamiclink_type {
	color: #c6d4df;
}
.dynamiclink_type {
	color: #c6d4df;
}
	.dynamiclink_type a {
		color: #c6d4df;
		text-decoration: underline;
	}
	.dynamiclink_type a:hover {
		color: #ffffff;
		text-decoration: underline;
	}
.dynamiclink_author {
	min-height: 16px;
	font-size: 12px;
	color: #95a6b2;
	margin-bottom: 4px;
}
	.dynamiclink_author a {
		color: #c6d4df;
		text-decoration: underline;
	}
	.dynamiclink_author a:hover {
		color: #ffffff;
		text-decoration: underline;
	}
	.dynamiclink_author span {
		color: #809fb7;
	}
	.dynamiclink_author img.app_icon {
		vertical-align: top;
		padding-right: 5px;
		height: 16px;
	}
.dynamiclink_url {
	margin-top: 8px;
}
.dynamiclink_url a {
	color: #ffffff;
	text-decoration: none;
}
.dynamiclink_url a:hover {
	color: #7bb7e3;
	text-decoration: underline;
}
.dynamiclink_url a, .dynamiclink_authorname {
	color: #ffffff;
}

.dynamiclink_app {
	min-height: 16px;
	font-size: 12px;
	color: #95a6b2;
	margin-bottom: 4px;
}
	.dynamiclink_app a {
		color: #c6d4df;
	}
	.dynamiclink_app a:hover {
		color: #ffffff;
		text-decoration: underline;
	}
	.dynamiclink_app span {
		color: #809fb7;
	}
	.dynamiclink_app img.app_icon {
		vertical-align: top;
		padding-right: 5px;
		height: 16px;
	}

.dynamiclink_youtubeviewvideoembedded {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.dynamiclink_sketchfabmodelembedded {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.dynamiclink_youtubeviewvideoembedded iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dynamiclink_youtubeviews {
	padding-top: 4px;
	padding-bottom: 4px;
	color: #bfbfbf;
}

.dynamiclink_sketchfabmodelembedded {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.dynamiclink_sketchfabmodelembedded iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
img.dynamiclink_sketchfab_play_overlay_image
{
	position: absolute;
	left: 83px;
	margin-left: -25px;
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
}

.dynamiclink_pointsshopitem {

}
.dynamiclink_pointsshopitem .dynamiclink_itemtype {
	padding-bottom: 2px;
}

/* blur capsule images for games with adult content if the user has opted out of seeing them*/
.app_has_adult_content {
	overflow: hidden;
}
.app_has_adult_content img.game_capsule {
	filter: blur( 30px );
}

/* ugc with adult content */
.ugc.has_adult_content
{
	overflow: hidden;
}
.ugc.has_adult_content img,
.ugc.has_adult_content div.imgWallItem
{
	filter: blur( 30px );
}
.ugc.banned.has_adult_content img,
.ugc.banned.has_adult_content.profile_media_item
{
	box-shadow: inset 0px 0px 1px 1px #ff0000;
}
.ugc.has_adult_content.internet_explorer
{
	background-color: black;
}
.ugc.has_adult_content.internet_explorer img
{
	opacity: 0;
	filter: none;
}

.ugc.has_adult_content.internet_explorer div.imgWallItem
{
	filter: none;
	opacity: 0.05;
}

.ugc.has_adult_content .workshopItemDetails,
.ugc.has_adult_content .myguide_showcase_item
{
	opacity: 0.25;
}

.ugc.has_adult_content.ugc_show_warning_image::after
{
	content: "";
	background: url( "" ) center center no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}
.ugc.has_adult_content.dynamiclink_box::after
{
	width: 88px;
}

.ugc .ugc_warning
{
	display: none;
}
.ugc.has_adult_content .ugc_warning
{
	display: block;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	font-size: 0.75em;
	vertical-align: top;
	text-align: center;
	color: #ffffff;
	background-color: rgba(0,0,0,0.25);
	padding-top: 10px;
	padding-bottom: 10px;
}
.ugc.has_adult_content .ugc_warning:hover
{
	color: #ffffff;
}
.ugc.has_adult_content .ugc_warning.large
{
	font-size: 1.25em;
	top: 12%;
}

.ugc.has_adult_content .ugc_warning .ugc_inline_option
{
	display: inline-block;
	text-decoration: underline;
}
.ugc.has_adult_content .ugc_warning .ugc_inline_option:hover
{
	color: #66C0F4;
}

.ugc.has_adult_content .ugc_warning .ugc_warning_image
{
	background: url( "" ) center center no-repeat;
	width: 100%;
	height: 36px;
	pointer-events: none;
}

/* ugc_options defines the per-ugc preferences dropdown */
.ugc_options {
	display: block;
	position: absolute;

	top: 0px;
	right: -5px;
	cursor: pointer;
	opacity: 0;
	padding: 5px 5px 0 0;
	transition: opacity 0.2s, right 0.2s;
	z-index: 5;
}

.ugc_options > div {
	width: 15px;
	height: 15px;

	background-color: rgba(54,97,125,1);
	background-image: url("");
	background-position: 4px 4px;
	border-radius: 3px;
	background-repeat: no-repeat;
	box-shadow: 0 0 3px #000;
}

.ugc_options:hover > div {
	background-color: #67c1f5;
	color: #fff;
	background-image: url("");
}

*:hover > .ugc_options, .ugc_hover.ugc_options {
	opacity: 1;
	right: 0px;
}

.ugc_options_tooltip {
background: -webkit-linear-gradient( top, #e3eaef 5%, #c7d5e0 95%);
	background: linear-gradient( to bottom, #e3eaef 5%, #c7d5e0 95%);
	padding: 2px 8px;
	color: #fff;
	border-radius: 3px;
	box-shadow: 0 0 3px #000;
}

.ugc_options_tooltip > .option  {
	margin: 5px 0;
	display: block;
	cursor: pointer;
	background-color: rgba(0,0,0,0.1);
	border-radius: 2px;
	padding: 4px 8px;
	line-height: normal;
	font-size: 11px;
	color: #407898;
}
.ugc_options_tooltip > .option:hover {
	color: #ffffff;
	background-color: #67c1f5;
}

.jsTooltip {
	background-color: #c2c2c2;
	padding: 5px;
	border-radius: 2px;
	box-shadow: 0 0 3px #000;
	max-width: 225px;
	color: #3d3d3f;
	font-size: 11px;
	text-align: left;
}

.Tooltip_mark {
	font-size: 11px;
}

/* early access tag on reviews*/
.early_access_review
{
	background-color: #4d6c8b;
	border: 1px solid #779abc;
	text-transform: uppercase;
	font-family: arial;
	font-size: 11px;
	color: #9ac7f3;
	padding: 1px 4px 0px 4px;
	margin-bottom: 10px;
	margin-right: 4px;
	display: inline-block;
	cursor: default;
	line-height: 13px;
}

/* pre release tag on reviews*/
.pre_release_review
{
	background-color: #8b734d;
	border: 1px solid #bca177;
	text-transform: uppercase;
	font-family: arial;
	font-size: 11px;
	color: #dabb8a;
	padding: 1px 4px 0px 4px;
	margin-bottom: 10px;
	display: inline-block;
	cursor: default;
	line-height: 13px;
}

/* shared bbcode styles */

span.bb_spoiler {
	color: #000000;
	background-color: #000000;

	padding: 0px 8px;
}

span.bb_spoiler:hover {
	color: #ffffff;
}

span.bb_spoiler > span {
	visibility: hidden;
}

span.bb_spoiler:hover > span {
	visibility: visible;
}

blockquote.bb_blockquote, .bb_wysiwyg blockquote {
	border: 1px solid #56707f;
	border-radius: 3px;
	padding: 12px;
	margin: 8px;

	font-size: 92%;
    display: table;
    word-break: break-word;
}
.forumtopic_answer .answer_quote blockquote.bb_blockquote, .bb_wysiwyg blockquote {
    border: 1px solid #457592;
}

blockquote.bb_blockquote.with_author {
}

div.bb_quoteauthor {
	font-size: 92%;
	font-style: italic;
}

div.bb_h1, .bb_wysiwyg h1 {
	font-size: 20px;
	line-height: 23px;
	color: #5aa9d6;
	font-weight: normal;
    margin-bottom: 10px;
    clear: both;
}
div.bb_h2, .bb_wysiwyg h2 {
	color: #5aa9d6;
	margin-bottom: 6px;
	margin-top: 8px;
	font-size: 18px;
	line-height: 21px;
	font-weight: 400;
	clear:both;
}
div.bb_h3, .bb_wysiwyg h3 {
	color: #5aa9d6;
	margin-bottom: 6px;
	margin-top: 8px;
	font-size: 16px;
	line-height: 19px;
	font-weight: 300;
	clear:both;
}

.ModernBBStyles .DialogBodyText .tagexample {
    color: #cfd2d3;
    font-size: 14px;
}

.ModernBBStyles div.bb_h1 {
    font-size: 32px;
    line-height: 33px;
    font-weight: 500;
    color: #ffffff;
}

.ModernBBStyles div.bb_h2 {
    font-size: 26px;
    line-height: 29px;
    font-weight: 400;
    color: #ffffff;
}

.ModernBBStyles div.bb_h3 {
    font-size: 19px;
    line-height: 22px;
    font-weight: 300;
    color: #ffffff;
}
.ModernBBStyles a.bb_link {
    color: #80bcd2;
}


span.bb_strike {
	text-decoration: line-through;
}

div.bb_pullquote {
    font-size: 18px;
    font-weight: 600;
}

span.bb_link_host {
	font-size: 10px;
	color: #7e8391;
	padding: 4px;
	top: -1px;
}

div.bb_code, .bb_wysiwyg pre {
	border: 1px solid #535354;
	border-radius: 3px;
	padding: 12px;
	margin: 8px;

	font-size: 11px;
	font-family: Consolas,monospace;
	white-space: pre;
	white-space: pre-wrap;
	overflow-x: auto;
}

span.bb_removedlink {
	color: #56707f;
	font-weight: normal;
	font-size: 80%;
}

div.bb_table
{
	display: table;
	font-size: 12px;
}

div.bb_table div.bb_table_th
{
	display: table-cell;
	font-weight: bold;
	border: 1px solid #4d4d4d;
	padding: 4px;
}

div.bb_table div.bb_table_th img.sharedFilePreviewImage
{
	margin: 0px;
}

div.bb_table div.bb_table_tr
{
	display: table-row;
}

div.bb_table div.bb_table_td
{
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #4d4d4d;
	padding: 4px;
}

div.bb_table div.bb_table_td img.sharedFilePreviewImage
{
	margin: 0px;
}

video.bb_video {
	width: 100%;
}
.bb_ul > li {
    list-style-position: outside;
}

/* V6 */

body.v6 .store_nav .popup_block_new .popup_body, body.v6 #footer_nav .popup_block_new .popup_body {
    border: none;
    position: relative;
    background: #417A9B;
}

body.v6 .store_nav .popup_menu_subheader,
body.v6 #footer_nav .popup_menu_subheader{
    color: #13242e;
}
body.v6 .store_nav .popup_menu .hr,
body.v6 #footer_nav .popup_menu .hr{
    background-color: #33627d;
	margin: 5px 0px 5px 0px;
}

/*
 * DYNAMIC STORE - ownership styling
 */

.ds_flag {
	position: absolute;
	left: 0;
	top: 14px;
	font-size: 10px;
	color: #111111;
    box-shadow: 0 0 10px rgba(0,0,0,0.9);

	height: 18px;
	line-height: 19px;
	padding: 0 0 0 18px;
	white-space: nowrap;
	z-index: 5;
}
.store_main_capsule .ds_flag {
    top: 42px;
}
.broadcast_capsule .ds_flag {
    top: 28px;
}

.ds_flag.ds_owned_flag {
	background: url("") no-repeat 4px 4px #4F95BD;
}

.ds_flag.ds_wishlist_flag {
	background: url("") no-repeat 4px 4px #d3deea;
}

.ds_flag.ds_incart_flag {
	background: url("") no-repeat 4px 4px #A3CF06;
}

.ds_flag.ds_ignored_flag {
	background: url("") no-repeat 4px 4px #bfbfbf;
}

.ds_flag.ds_excluded_by_preferences_flag {
	left: 0;
	right: 0;
	background: url("") no-repeat 4px 4px #bfbfbf;
}

.ds_collapse_flag.ds_flagged .ds_flag {
	overflow: hidden;
	max-width: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.ds_collapse_flag.ds_collapse_flag_tiny.ds_flagged .ds_flag {
	padding-left: 4px;
}

.ds_collapse_flag.ds_flagged:hover .ds_flag {
	max-width: 120px;
}

.ds_collapse_flag.ds_flagged:hover .ds_flag.ds_excluded_by_preferences_flag {
	max-width: none;
	padding-right: 4px;
}

.ds_collapse_flag_tiny.ds_flagged:hover .ds_flag {
	padding-left: 18px;
}

.ds_flagged.ds_excluded_by_preferences {
}

/* Scrollbar CSS. Move this to somewhere common before checking in thankx */

.v_scrollbar {
	background-color: rgba(0,0,0,0.2);
	border-radius: 2px;
}

.v_scrollbar_target div.animating {
	transition: left 0.3s, top 0.3s;
}

.v_scrollbar > .handle {
	background: #3d6c8d; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #3d6c8d 0%, #2e5470 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#3d6c8d), color-stop(100%,#2e5470)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #3d6c8d 0%,#2e5470 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #3d6c8d 0%,#2e5470 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #3d6c8d 0%,#2e5470 100%); /* IE10+ */
	background: linear-gradient(135deg,  #3d6c8d 0%,#2e5470 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d6c8d', endColorstr='#2e5470',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius: 2px;
}

.v_scrollbar.horizontal {
	height: 14px;
}

.v_scrollbar.vertical {
	width: 14px;
}

.v_scrollbar.vertical > .handle {

	height: 24px;
	width: 14px;
}

.v_scrollbar.horizontal > .handle {

	height: 14px;
	width: 24px;
}


.LoadingWrapper
{
	position: relative;
	margin: auto auto;
	vertical-align: middle;
}

.LoadingWrapper .LoadingThrobber
{
	margin: 0px auto 40px auto;
	width: 62px;
	height: 62px;
}

.LoadingWrapper .LoadingText
{
	color: #60acde;
	font-size: 22px;
	text-align: center;
}

@keyframes loading_throbber_bar
{
	0%
	{
		transform: scale( 1.0, 0.6 );
		background-color: #67c1f5;
	}

	30%
	{
		transform: scale( 1.0, 1.0 );
		background-color: #67c1f5;
	}

	55%
	{
		transform: scale( 1.0, 0.6 );
		background-color: #67c1f5;
	}

	100%
	{
		transform: scale( 1.0, 0.6 );
		background-color: #67c1f5;
	}
}


@-webkit-keyframes loading_throbber_bar
{
	0%
	{
		-webkit-transform: scale( 1.0, 0.7 );
		background-color: #67c1f5;
	}

	30%
	{
		-webkit-transform: scale( 1.0, 1.0 );
		background-color: #67c1f5;
	}

	55%
	{
		-webkit-transform: scale( 1.0, 0.7 );
		background-color: #67c1f5;
	}

	100%
	{
		-webkit-transform: scale( 1.0, 0.7 );
		background-color: #67c1f5;
	}
}

.LoadingWrapper .LoadingThrobber .Bar
{
	-webkit-animation: test 2s infinite;
	float: left;
	margin-right: 6px;
	width: 12px;
	height: 68px;
	background-color: #67c1f5;

	animation: loading_throbber_bar 1s ease-in-out infinite;
	-webkit-animation: loading_throbber_bar 1s ease-in-out infinite;
}

.LoadingWrapper .LoadingThrobber .Bar1
{
}

.LoadingWrapper .LoadingThrobber .Bar2
{
	animation-delay: 0.16s;
	-webkit-animation-delay: 0.16s;
}

.LoadingWrapper .LoadingThrobber .Bar3
{
	animation-delay: 0.32s;
	-webkit-animation-delay: 0.32s;
}

.content_descriptors_examples_desc {
	font-size: 18px;
	padding-bottom: 20px;
}

.content_descriptors_example_app {
	padding-bottom: 20px;
	display: flex;
	align-items: center;
}

.content_descriptors_example_app .app_logo {
	width: 120px;
	height: 45px;
}

.content_descriptors_example_app .app_name {
	margin-left: 20px;
}

.shared_game_rating {
	color: #c6d4df;
	font-size: 12px;
}
.shared_game_rating .game_rating_agency {
	margin-top: 8px;
}

.shared_game_rating .game_rating_required_age {
    		font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

			text-transform: uppercase;
	margin-bottom: 5px;
    font-size: 14px;
    color: white;
}
.shared_game_rating .game_rating_title {
			font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

			font-size: 16px;
	color: white;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0;
	margin-bottom: 8px;
	margin-top: -4px;
}
.shared_game_rating .game_rating_title .game_rating_banned {
	color: red;
}
.shared_game_rating .game_rating_details {
	display: flex;
	margin-bottom: 4px;
}
.shared_game_rating .game_rating_icon {
	margin-right: 10px;
}
.shared_game_rating .game_rating_icon img {
	max-height: 90px;
}
.shared_game_rating p.descriptorText {
	margin: 0;

	font-size: 12px !important;
	color: #c6d4df !important;
	line-height: 14px;
}
.shared_game_rating .block_title {
	font-size: 13px;
	color: #d3d9dd;
	font-weight: 500;
}
.shared_game_rating .game_rating_allages {
			font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

			font-size: 14px;
	font-weight: 500;
	padding: 10px;
	color: #67C1F5;
	font-weight: 500;
	border: 2px solid #67C1F5;
	background-color: black;
}

/* community awards hover */
.reaction_award_hover {
			font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

			width: 150px;
	background: #DADEE0;
}
	.community_tooltip.reaction_award_hover,
	.store_tooltip.reaction_award_hover {
		padding: 0px;
	}
	.reaction_award_hover .reaction_award_icon {
		background-color: #474C52;
		border-radius: 3px 3px 0 0;
		padding-top: 5px;
		text-align: center;
	}
	.reaction_award_hover .reaction_award_icon > img {
		height: 100px;
	}
	.reaction_award_hover .reaction_award_info {
		padding: 10px;
		text-align: center;
	}
	.reaction_award_hover .reaction_award_name {
		font-weight: bold;
		font-size: 12px;
		color: #0A212E;
	}
	.reaction_award_hover .reaction_award_desc {
		padding-top: 5px;
		font-size: 10px;
		color: #0A212E;
	}
	.reaction_award_hover .reaction_award_points {
		padding-top: 5px;
		font-size: 10px;
		color: #737678;
	}

/* community awards */
.community_award_btn_icon {
	vertical-align: middle;
	margin-right: 5px;
}

.community_award_ctn {
	display: flex;
	flex-wrap: wrap;
}

.community_award {
	position: relative;
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	padding: 0px 3px 0px 3px;
	margin: 0 1px;
	line-height: 28px;
	height: 28px;
	cursor: pointer;
}
.community_award:hover {
	background-color: rgba(255, 255, 255, 0.2);
}

.community_award_icon {
	height: 20px;
	vertical-align: middle;
}
.community_award_count {
	color: #66c0f4;
	font-size: 13px;
	vertical-align: middle;
	font-weight: bold;
}
.community_award_count.hidden {
	display: none;
}

.community_tooltip.community_award_tooltip {
	background: #141c27;
	color: #7cc5fb;
}

/* hover */
.community_award_ctn_hover {
	display: inline-block;
}
	.community_award_ctn_hover .community_award {
		display: inline-block;
		background-color: rgba(255, 255, 255, 0.05);
		border-radius: 5px;
		padding: 3px;
		margin: 1px;
		line-height: unset;
		height: unset;
	}
	.community_award_ctn_hover .community_award .community_award_icon {
		width: 16px;
		height: 16px;
		vertical-align: middle;
	}
	.community_award_ctn_hover .community_award .community_award_count {
		color: #66c0f4;
		font-size: 12px;
		vertical-align: middle;
		font-weight: bold;
		padding: 0;
	}
	.community_award_ctn_hover .community_award .community_award_count.hidden {
		display: none;
	}

@media screen and (max-width: 910px)
{
	html.responsive .newmodal {
		min-width: 0;
	}

	/* workaround for ios safari, having the background be position: fixed introduces display glitches */
	html.responsive .newmodal_background {
		position: absolute;
	}

}
	html.responsive.touch .newmodal {
		min-width: 0;
	}

	/* workaround for ios safari, having the background be position: fixed introduces display glitches */
	html.responsive.touch .newmodal_background {
		position: absolute;
	}

@media screen and (max-width: 910px)
{

	html.responsive .newmodal {
		min-width: 500px;
	}


}

	html.responsive.gamepad .newmodal {
		min-width: 500px;
	}



@media screen and (max-width: 910px)
{
	html.responsive .newmodal_content {
		padding: 15px;
	}
}


/* China Desktop Footer */

body.v6 #footer.china_footer {
    padding: 16px 16px 60px 16px;
}

body.v6 #footer_spacer.china_spacer {
	height: 360px;
}

.china_footer_content a, #footer .china_footer_content a {
    color: #8F8E93;
}

.china_footer_content a:hover, #footer .china_footer_content a:hover {
    color: #FFFFFF;
}

.china_footer_navlinks {
    user-select: none;
    margin-left: 50px;
	line-height: 24px;
}

.china_footer_content {
    max-width: calc( 910px - 16px);
    margin: 0px auto;
    padding-top: 16px;
    color: #8F8E93;
		font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

		}

.china_footer_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.china_pw_logo {
    margin-right: 10px;
}

.china_steam_logo {
    width: 142px;
    height: 44px;
}

.china_footer_line {
    height: 1px;
    background: #24272C;
    margin: 20px 0;
}

.china_footer_social_box {
    display: flex;
    align-items: center;
}

.china_footer_social_box:first-of-type {
    margin-right: 20px;
}

.china_footer_social_box.tooltip {
    cursor: default;
    user-select: none;
}

.china_footer_socials_ctn {
    display: flex;
}

.china_footer_legal_ctn {
    margin-top: 20px;
}

.china_footer_logos img  {
    width: 96px;
    vertical-align: top;
}

.gpnav:focus
{
    outline: 4px solid blue;
    box-shadow: 0 0 2px inset #0000ff;
}


/* For Date pickers shared between projects */

.rdt .rdtPicker {
    background: #576070;
    border: 1px solid #646f82;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.8);
}

.rdt .rdtPicker th {
    border-bottom: transparent;
}

.rdt .rdtPicker td {
    color: white;
}

/* days that show from the previous or subsequent calendar month (eg when a month does not start on a Sunday) */
.rdt .rdtPicker td.rdtNew,
.rdt .rdtPicker td.rdtOld {
 }

.rdt .rdtPicker td.rdtDisabled,
.rdt .rdtPicker td.rdtDisabled:hover {
     color: #333333;
 }

.rdt .rdtPicker td.rdtDay:hover,
.rdt .rdtPicker td.rdtMonth:hover,
.rdt .rdtPicker td.rdtYear:hover {
     color: black;
 }

.rdt .rdtPicker td .rdtCounter .rdtBtn:hover {
     color: black;
}

.rdt .rdtPicker th.rdtSwitch {
    color: white;
    font-size: 13px;
}

.rdt .rdtPicker th.rdtSwitch:hover {
    color: black;
}

.rdt .rdtPicker th.dow {
    background: #474f5c;
    color: #9aa3b1;
}



/* for dynamic store items */
html.responsive .ds_steam_deck_compat {
	display: block;
	position: absolute;
	pointer-events: none;
	top: 4px;
	right: 4px;
	z-index: 15;
	width: 44px;
	height: 24px;
	border-radius: 24px;
	opacity: 0;
	background-color: var(--gpBackground-DarkMedium);
	backdrop-filter: blur(24px);
	transition: opacity 0.1s ease;
}
html.responsive .gpfocus .ds_steam_deck_compat {
	transition: opacity 0.2s ease 0.1s;
	opacity: 1;

}
.ds_steam_deck_compat.verified {
	background: url("") 3px no-repeat, url("") 22px no-repeat;
}
.ds_steam_deck_compat.playable {
	background: url("") 3px no-repeat, url("") 22px no-repeat;
}
.ds_steam_deck_compat.unsupported {
	background: url("") 3px no-repeat, url("") 22px no-repeat;
}
.ds_steam_deck_compat.unknown {
	background: url("") 3px no-repeat, url("") 22px no-repeat;
}

.ds_steam_deck_compat.steamoscompatible {
	background: url("") no-repeat;
}
.ds_steam_deck_compat.steamosunsupported {
	background: url("") no-repeat;
}
.ds_steam_deck_compat.steamosunknown {
	background: url("") no-repeat;
}
.ds_steam_deck_compat.steamoscompatible,
.ds_steam_deck_compat.steamosunsupported,
.ds_steam_deck_compat.steamosunknown {
	background-position: center;
	width: 24px !important;
}


/* global inline */
.steam_deck_compat {
	display: none;
	pointer-events: none;
	width: 40px;
	height: 20px;
	background: url("") left no-repeat;
	background-size: 20px 20px;
}
.steam_deck_compat.verified {
	display: inline-block;
	background: url("") left no-repeat, url("") right no-repeat;
}
.steam_deck_compat.playable {
	display: inline-block;
	background: url("") left no-repeat, url("") right no-repeat;
}
.steam_deck_compat.unsupported {
	display: inline-block;
	background: url("") left no-repeat, url("") right no-repeat;
}
.steam_deck_compat.unknown {
	display: inline-block;
	background: url("") left no-repeat, url("") right no-repeat;
}
.steam_deck_compat.steamoscompatible {
	display: inline-block;
	background: url("") no-repeat;
}
.steam_deck_compat.steamosunsupported {
	display: inline-block;
	background: url("") no-repeat;
}
.steam_deck_compat.steamosunknown {
	display: inline-block;
	background: url("") no-repeat;
}
.steam_deck_compat.steamoscompatible,
.steam_deck_compat.steamosunsupported,
.steam_deck_compat.steamosunknown {
	background-position: center;
	width: 20px !important;
}

.private_app_indicator {
	height: 1.25em;
	width: 1.25em;
	vertical-align: middle;
	display: inline-block;
}

.private_app_indicator svg line,
.private_app_indicator svg path {
	stroke: rgb(110, 141, 80);
}

.shared_autocollapse_fade {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 79px;
	z-index: 1;
	background: -webkit-linear-gradient( top, rgba(16,25,35,0.0) 0%, rgba(16,25,35,1.0) 80%);
	background: linear-gradient( to bottom, rgba(16,25,35,0.0) 0%, rgba(16,25,35,1.0) 80%);
}

.shared_autocollapse_readmore {
	display: flex;
	justify-content: center;
	gap: 4px;
	width: 100%;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(37 63 96 / 50%) 33%, rgb(37 63 96 / 50%) 66%, rgba(0, 0, 0, 0) 100%);
	line-height: 26px;
	cursor: pointer;
	color: #67c1f5;
	font-size: 12px;
	padding-right: 0px;
	right: unset; /* remove for final */
	bottom: unset; /* remove for final */
	height: unset; /* remove for final */
}

.shared_autocollapse_readmore:hover {
	color: #ffffff;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(37 63 96 / 70%) 33%, rgb(37 63 96 / 70%) 66%, rgba(0, 0, 0, 0) 100%);
}

.shared_autocollapse_ctn.collapsed .shared_autocollapse_fade {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.btn_green_white_innerfade {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #D2E885 !important;

	background: #a4d007;
	background: -webkit-linear-gradient(top, #a4d007 5%, #536904 95%);
	background: linear-gradient(to bottom, #a4d007 5%, #536904 95%);
}

.btn_green_white_innerfade>span {
	border-radius: 2px;
	display: block;


	background: #799905;
	background: -webkit-linear-gradient(top, #799905 5%, #536904 95%);
	background: linear-gradient(to bottom, #799905 5%, #536904 95%);
}

@media (forced-colors:active) {
	.btn_green_white_innerfade {
		background: ButtonFace;
	}

	.btn_green_white_innerfade>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_green_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #fff !important;

	background: #b6d908;
	background: -webkit-linear-gradient(top, #b6d908 5%, #80a006 95%);
	background: linear-gradient(to bottom, #b6d908 5%, #80a006 95%);
}

.btn_green_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: #a1bf07;
	background: -webkit-linear-gradient(top, #a1bf07 5%, #80a006 95%);
	background: linear-gradient(to bottom, #a1bf07 5%, #80a006 95%);
}

.btn_blue_white_innerfade {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #fff !important;

	background: #aaceff;
	background: -webkit-linear-gradient(top, #aaceff 5%, #3c6091 95%);
	background: linear-gradient(to bottom, #aaceff 5%, #3c6091 95%);
}

.btn_blue_white_innerfade>span {
	border-radius: 2px;
	display: block;


	background: #82a6d7;
	background: -webkit-linear-gradient(top, #82a6d7 5%, #3c6091 95%);
	background: linear-gradient(to bottom, #82a6d7 5%, #3c6091 95%);
}

@media (forced-colors:active) {
	.btn_blue_white_innerfade {
		background: ButtonFace;
	}

	.btn_blue_white_innerfade>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_blue_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #fff !important;

	background: #bbd8ff;
	background: -webkit-linear-gradient(top, #bbd8ff 5%, #4873a7 95%);
	background: linear-gradient(to bottom, #bbd8ff 5%, #4873a7 95%);
}

.btn_blue_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: #9ab7de;
	background: -webkit-linear-gradient(top, #9ab7de 5%, #4873a7 95%);
	background: linear-gradient(to bottom, #9ab7de 5%, #4873a7 95%);
}

.btn_darkblue_white_innerfade {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #A4D7F5 !important;

	background: rgba(47, 137, 188, 1);
	background: -webkit-linear-gradient(top, rgba(47, 137, 188, 1) 5%, rgba(23, 67, 92, 1) 95%);
	background: linear-gradient(to bottom, rgba(47, 137, 188, 1) 5%, rgba(23, 67, 92, 1) 95%);
}

.btn_darkblue_white_innerfade>span {
	border-radius: 2px;
	display: block;


	background: rgba(33, 101, 138, 1);
	background: -webkit-linear-gradient(top, rgba(33, 101, 138, 1) 5%, rgba(23, 67, 92, 1) 95%);
	background: linear-gradient(to bottom, rgba(33, 101, 138, 1) 5%, rgba(23, 67, 92, 1) 95%);
}

@media (forced-colors:active) {
	.btn_darkblue_white_innerfade {
		background: ButtonFace;
	}

	.btn_darkblue_white_innerfade>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_darkblue_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #ffffff !important;

	background: rgba(102, 192, 244, 1);
	background: -webkit-linear-gradient(top, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%);
	background: linear-gradient(to bottom, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%);
}

.btn_darkblue_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btn_darkblue_white_innerfade.btn_active,
btn_darkblue_white_innerfade.active {
	text-decoration: none !important;
	color: #323b49 !important;

	background: #fff !important;
}

.btn_darkblue_white_innerfade.btn_active>span,
btn_darkblue_white_innerfade.active>span {
	background: #989b9e;
	background: -webkit-linear-gradient(top, #989b9e 5%, #aeb1b5 95%);
	background: linear-gradient(to bottom, #989b9e 5%, #aeb1b5 95%);
}

.btn_darkred_white_innerfade {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #F5D7A4 !important;

	background: rgba(188, 47, 47, 1);
	background: -webkit-linear-gradient(top, rgba(188, 47, 47, 1) 5%, rgba(92, 37, 23, 1) 95%);
	background: linear-gradient(to bottom, rgba(188, 47, 47, 1) 5%, rgba(92, 37, 23, 1) 95%);
}

.btn_darkred_white_innerfade>span {
	border-radius: 2px;
	display: block;


	background: rgba(138, 51, 33, 1);
	background: -webkit-linear-gradient(top, rgba(138, 51, 33, 1) 5%, rgba(92, 37, 23, 1) 95%);
	background: linear-gradient(to bottom, rgba(138, 51, 33, 1) 5%, rgba(92, 37, 23, 1) 95%);
}

@media (forced-colors:active) {
	.btn_darkred_white_innerfade {
		background: ButtonFace;
	}

	.btn_darkred_white_innerfade>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_darkred_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #ffffff !important;

	background: rgba(244, 92, 102, 1);
	background: -webkit-linear-gradient(top, rgba(244, 92, 102, 1) 5%, rgba(188, 67, 47, 1) 95%);
	background: linear-gradient(to bottom, rgba(244, 92, 102, 1) 5%, rgba(188, 67, 47, 1) 95%);
}

.btn_darkred_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btn_darkred_white_innerfade.btn_active,
btn_darkred_white_innerfade.active {
	text-decoration: none !important;
	color: #493b32 !important;

	background: #fff !important;
}

.btn_darkred_white_innerfade.btn_active>span,
btn_darkred_white_innerfade.active>span {
	background: #9e9b98;
	background: -webkit-linear-gradient(top, #9e9b98 5%, #b5b1ae 95%);
	background: linear-gradient(to bottom, #9e9b98 5%, #b5b1ae 95%);
}

.btn_grey_white_innerfade {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #fff !important;

	background: #acb5bd;
	background: -webkit-linear-gradient(top, #acb5bd 5%, #414a52 95%);
	background: linear-gradient(to bottom, #acb5bd 5%, #414a52 95%);
}

.btn_grey_white_innerfade>span {
	border-radius: 2px;
	display: block;


	background: #778088;
	background: -webkit-linear-gradient(top, #778088 5%, #414a52 95%);
	background: linear-gradient(to bottom, #778088 5%, #414a52 95%);
}

@media (forced-colors:active) {
	.btn_grey_white_innerfade {
		background: ButtonFace;
	}

	.btn_grey_white_innerfade>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_grey_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #fff !important;

	background: #cfd8e0;
	background: -webkit-linear-gradient(top, #cfd8e0 5%, #565f67 95%);
	background: linear-gradient(to bottom, #cfd8e0 5%, #565f67 95%);
}

.btn_grey_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: #99a2aa;
	background: -webkit-linear-gradient(top, #99a2aa 5%, #565f67 95%);
	background: linear-gradient(to bottom, #99a2aa 5%, #565f67 95%);
}

.btn_grey_grey {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #ebebeb !important;

	background: rgba(0, 0, 0, 0.4);
}

.btn_grey_grey>span {
	border-radius: 2px;
	display: block;


	background: transparent;
}

@media (forced-colors:active) {
	.btn_grey_grey {
		background: ButtonFace;
	}

	.btn_grey_grey>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_grey_grey:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #000 !important;

	background: #7bb7e3;
}

.btn_grey_grey:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btn_grey_grey_outer_bevel {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #ebebeb !important;

	background: #000;
}

.btn_grey_grey_outer_bevel>span {
	border-radius: 2px;
	display: block;


	background: #2B2B2B;
	background: -webkit-linear-gradient(top, #2B2B2B 5%, #202020 95%);
	background: linear-gradient(to bottom, #2B2B2B 5%, #202020 95%);
}

@media (forced-colors:active) {
	.btn_grey_grey_outer_bevel {
		background: ButtonFace;
	}

	.btn_grey_grey_outer_bevel>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_grey_grey_outer_bevel:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #ebebeb !important;

	background: #57749e;
	background: -webkit-linear-gradient(top, #57749e 5%, #364963 95%);
	background: linear-gradient(to bottom, #57749e 5%, #364963 95%);
}

.btn_grey_grey_outer_bevel:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: #445b7c;
	background: -webkit-linear-gradient(top, #445b7c 5%, #364963 95%);
	background: linear-gradient(to bottom, #445b7c 5%, #364963 95%);
}


.btn_grey_grey_outer_bevel:not(:hover)>span {
	box-shadow: inset 0 1px 1px #434343;
}

.btn_grey_black {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #67c1f5 !important;

	background: rgba(0, 0, 0, 0.5);
}

.btn_grey_black>span {
	border-radius: 2px;
	display: block;


	background: transparent;
}

@media (forced-colors:active) {
	.btn_grey_black {
		background: ButtonFace;
	}

	.btn_grey_black>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_grey_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #fff !important;

	background: rgba(102, 192, 244, 0.4);
}

.btn_grey_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btn_grey_black.btn_active,
btn_grey_black.active {
	text-decoration: none !important;
	color: #fff !important;

	background: rgba(102, 192, 244, 0.2);
	;
}

.btn_grey_black.btn_active>span,
btn_grey_black.active>span {
	background: transparent;
}

.btn_black {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #ebebeb !important;

	background: #000;
}

.btn_black>span {
	border-radius: 2px;
	display: block;


	background: transparent;
}

@media (forced-colors:active) {
	.btn_black {
		background: ButtonFace;
	}

	.btn_black>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #000 !important;

	background: #97C0E3;
}

.btn_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btnv6_blue_hoverfade {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #67c1f5 !important;

	background: rgba(103, 193, 245, 0.2);
}

.btnv6_blue_hoverfade>span {
	border-radius: 2px;
	display: block;


	background: transparent;
}

@media (forced-colors:active) {
	.btnv6_blue_hoverfade {
		background: ButtonFace;
	}

	.btnv6_blue_hoverfade>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btnv6_blue_hoverfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #fff !important;

	background: #417a9b;
	background: -webkit-linear-gradient(150deg, #417a9b 5%, #67c1f5 95%);
	background: linear-gradient(-60deg, #417a9b 5%, #67c1f5 95%);
}

.btnv6_blue_hoverfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btnv6_blue_hoverfade.btn_active,
btnv6_blue_hoverfade.active {
	text-decoration: none !important;
	color: #fff !important;

	background: rgba(103, 193, 245, 0.6);
	;
}

.btnv6_blue_hoverfade.btn_active>span,
btnv6_blue_hoverfade.active>span {
	background: transparent;
}

.btnv6_lightblue_blue {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #2B5066 !important;

	background: rgba(193, 228, 249, 1);
	background: -webkit-linear-gradient(top, rgba(193, 228, 249, 1) 5%, rgba(148, 183, 202, 1) 95%);
	background: linear-gradient(to bottom, rgba(193, 228, 249, 1) 5%, rgba(148, 183, 202, 1) 95%);
}

.btnv6_lightblue_blue>span {
	border-radius: 2px;
	display: block;


	background: transparent;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.1);
}

@media (forced-colors:active) {
	.btnv6_lightblue_blue {
		background: ButtonFace;
	}

	.btnv6_lightblue_blue>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btnv6_lightblue_blue:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #ffffff !important;

	background: rgba(102, 192, 244, 1);
	background: -webkit-linear-gradient(top, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%);
	background: linear-gradient(to bottom, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%);
}

.btnv6_lightblue_blue:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btnv6_blue_blue_innerfade {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #A4D7F5 !important;

	background: rgba(47, 137, 188, 1);
	background: -webkit-linear-gradient(top, rgba(47, 137, 188, 1) 5%, rgba(23, 67, 92, 1) 95%);
	background: linear-gradient(to bottom, rgba(47, 137, 188, 1) 5%, rgba(23, 67, 92, 1) 95%);
}

.btnv6_blue_blue_innerfade>span {
	border-radius: 2px;
	display: block;


	background: transparent;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.1);
}

@media (forced-colors:active) {
	.btnv6_blue_blue_innerfade {
		background: ButtonFace;
	}

	.btnv6_blue_blue_innerfade>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btnv6_blue_blue_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #ffffff !important;

	background: rgba(102, 192, 244, 1);
	background: -webkit-linear-gradient(top, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%);
	background: linear-gradient(to bottom, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%);
}

.btnv6_blue_blue_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btnv6_green_white_innerfade {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #D2E885 !important;

	background: rgba(121, 153, 5, 1);
	background: -webkit-linear-gradient(top, rgba(121, 153, 5, 1) 5%, rgba(83, 105, 4, 1) 95%);
	background: linear-gradient(to bottom, rgba(121, 153, 5, 1) 5%, rgba(83, 105, 4, 1) 95%);
}

.btnv6_green_white_innerfade>span {
	border-radius: 2px;
	display: block;


	background: transparent;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.1);
}

@media (forced-colors:active) {
	.btnv6_green_white_innerfade {
		background: ButtonFace;
	}

	.btnv6_green_white_innerfade>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btnv6_green_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #ffffff !important;

	background: rgba(164, 208, 7, 1);
	background: -webkit-linear-gradient(top, rgba(164, 208, 7, 1) 5%, rgba(107, 135, 5, 1) 95%);
	background: linear-gradient(to bottom, rgba(164, 208, 7, 1) 5%, rgba(107, 135, 5, 1) 95%);
}

.btnv6_green_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btnv6_grey_black {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #66c0f4 !important;

	background: #212c3d;
}

.btnv6_grey_black>span {
	border-radius: 2px;
	display: block;


	background: transparent;
}

@media (forced-colors:active) {
	.btnv6_grey_black {
		background: ButtonFace;
	}

	.btnv6_grey_black>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btnv6_grey_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #fff !important;

	background: #66c0f4;
}

.btnv6_grey_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btnv6_grey_black.btn_active,
btnv6_grey_black.active {
	text-decoration: none !important;
	color: #fff !important;

	background: rgba(103, 193, 245, 0.4);
	;
}

.btnv6_grey_black.btn_active>span,
btnv6_grey_black.active>span {
	background: transparent;
}

.btnv6_white_transparent {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #fff !important;

	background: transparent;
}

.btnv6_white_transparent>span {
	border-radius: 2px;
	display: block;


	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 2px;
}

@media (forced-colors:active) {
	.btnv6_white_transparent {
		background: ButtonFace;
	}

	.btnv6_white_transparent>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btnv6_white_transparent:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #fff !important;

	background: transparent;
}

.btnv6_white_transparent:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 1);
	border-radius: 2px;
}

.btn_teal {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #A4D7F5 !important;

	background: rgba(62, 133, 154, 1);
	background: -webkit-linear-gradient(top, rgba(62, 133, 154, 1) 5%, rgba(30, 73, 85, 1) 95%);
	background: linear-gradient(to bottom, rgba(62, 133, 154, 1) 5%, rgba(30, 73, 85, 1) 95%);
}

.btn_teal>span {
	border-radius: 2px;
	display: block;


	background: rgba(33, 101, 138, 1);
	background: -webkit-linear-gradient(top, rgba(33, 101, 138, 1) 5%, rgba(23, 67, 92, 1) 95%);
	background: linear-gradient(to bottom, rgba(33, 101, 138, 1) 5%, rgba(23, 67, 92, 1) 95%);
}

@media (forced-colors:active) {
	.btn_teal {
		background: ButtonFace;
	}

	.btn_teal>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_teal:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #ffffff !important;

	background: rgba(92, 163, 184, 1);
	background: -webkit-linear-gradient(top, rgba(92, 163, 184, 1) 5%, rgba(60, 103, 115, 1) 95%);
	background: linear-gradient(to bottom, rgba(92, 163, 184, 1) 5%, rgba(60, 103, 115, 1) 95%);
}

.btn_teal:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btn_teal.btn_active,
btn_teal.active {
	text-decoration: none !important;
	color: #323b49 !important;

	background: #fff !important;
}

.btn_teal.btn_active>span,
btn_teal.active>span {
	background: rgba(72, 143, 164, 1);
	background: -webkit-linear-gradient(top, rgba(72, 143, 164, 1) 5%, rgba(40, 83, 95, 1) 95%);
	background: linear-gradient(to bottom, rgba(72, 143, 164, 1) 5%, rgba(40, 83, 95, 1) 95%);
}

.btn_royal_blue {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #A4D7F5 !important;

	background: rgba(79, 78, 181, 1);
	background: -webkit-linear-gradient(top, rgba(79, 78, 181, 1) 5%, rgba(49, 48, 151, 1) 95%);
	background: linear-gradient(to bottom, rgba(79, 78, 181, 1) 5%, rgba(49, 48, 151, 1) 95%);
}

.btn_royal_blue>span {
	border-radius: 2px;
	display: block;


	background: rgba(33, 101, 138, 1);
	background: -webkit-linear-gradient(top, rgba(33, 101, 138, 1) 5%, rgba(23, 67, 92, 1) 95%);
	background: linear-gradient(to bottom, rgba(33, 101, 138, 1) 5%, rgba(23, 67, 92, 1) 95%);
}

@media (forced-colors:active) {
	.btn_royal_blue {
		background: ButtonFace;
	}

	.btn_royal_blue>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_royal_blue:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #ffffff !important;

	background: rgba(109, 108, 211, 1);
	background: -webkit-linear-gradient(top, rgba(109, 108, 211, 1) 5%, rgba(79, 78, 181, 1) 95%);
	background: linear-gradient(to bottom, rgba(109, 108, 211, 1) 5%, rgba(79, 78, 181, 1) 95%);
}

.btn_royal_blue:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btn_royal_blue.btn_active,
btn_royal_blue.active {
	text-decoration: none !important;
	color: #323b49 !important;

	background: #fff !important;
}

.btn_royal_blue.btn_active>span,
btn_royal_blue.active>span {
	background: rgba(72, 143, 164, 1);
	background: -webkit-linear-gradient(top, rgba(72, 143, 164, 1) 5%, rgba(40, 83, 95, 1) 95%);
	background: linear-gradient(to bottom, rgba(72, 143, 164, 1) 5%, rgba(40, 83, 95, 1) 95%);
}

.btn_plum {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #A4D7F5 !important;

	background: rgba(111, 35, 74, 1);
	background: -webkit-linear-gradient(top, rgba(111, 35, 74, 1) 5%, rgba(81, 5, 44, 1) 95%);
	background: linear-gradient(to bottom, rgba(111, 35, 74, 1) 5%, rgba(81, 5, 44, 1) 95%);
}

.btn_plum>span {
	border-radius: 2px;
	display: block;


	background: rgba(33, 101, 138, 1);
	background: -webkit-linear-gradient(top, rgba(33, 101, 138, 1) 5%, rgba(23, 67, 92, 1) 95%);
	background: linear-gradient(to bottom, rgba(33, 101, 138, 1) 5%, rgba(23, 67, 92, 1) 95%);
}

@media (forced-colors:active) {
	.btn_plum {
		background: ButtonFace;
	}

	.btn_plum>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_plum:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #ffffff !important;

	background: rgba(151, 75, 114, 1);
	background: -webkit-linear-gradient(top, rgba(151, 75, 114, 1) 5%, rgba(121, 45, 84, 1) 95%);
	background: linear-gradient(to bottom, rgba(151, 75, 114, 1) 5%, rgba(121, 45, 84, 1) 95%);
}

.btn_plum:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btn_plum.btn_active,
btn_plum.active {
	text-decoration: none !important;
	color: #323b49 !important;

	background: #fff !important;
}

.btn_plum.btn_active>span,
btn_plum.active>span {
	background: rgba(72, 143, 164, 1);
	background: -webkit-linear-gradient(top, rgba(72, 143, 164, 1) 5%, rgba(40, 83, 95, 1) 95%);
	background: linear-gradient(to bottom, rgba(72, 143, 164, 1) 5%, rgba(40, 83, 95, 1) 95%);
}

.btn_green_steamui {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #d2efa9	!important;

	background: transparent;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}

.btn_green_steamui>span {
	border-radius: 2px;
	display: block;


	background: #6fa720;
	background: -webkit-linear-gradient(top, #6fa720 5%, #588a1b 95%);
	background: linear-gradient(to bottom, #6fa720 5%, #588a1b 95%);
	background: linear-gradient(to right, #75b022 5%, #588a1b 95%);
}

@media (forced-colors:active) {
	.btn_green_steamui {
		background: ButtonFace;
	}

	.btn_green_steamui>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_green_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #fff!important;

	background: transparent;
}

.btn_green_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: #8ed629;
	background: -webkit-linear-gradient(top, #8ed629 5%, #6aa621 95%);
	background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%);
	background: linear-gradient(to right, #8ed629 5%, #6aa621 95%);
}

.btn_green_steamui.btn_active,
btn_green_steamui.active {
	text-decoration: none !important;
	color: #fff !important;
	background: transparent;
}

.btn_green_steamui.btn_active>span,
btn_green_steamui.active>span {
	background: #8ed629;
	background: -webkit-linear-gradient(top, #8ed629 5%, #6aa621 95%);
	background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%);
	background: linear-gradient(to right, #8ed629 5%, #6aa621 95%);
}

.btn_grey_steamui {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #dfe3e6	!important;

	background: transparent;
}

.btn_grey_steamui>span {
	border-radius: 2px;
	display: block;


	background: #75b022;
	background: -webkit-linear-gradient(top, #75b022 5%, #588a1b 95%);
	background: linear-gradient(to bottom, #75b022 5%, #588a1b 95%);
	background: linear-gradient(to right, #32363f 5%, #32363f 95%);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	transition: all 0.2s ease-out;
}

@media (forced-colors:active) {
	.btn_grey_steamui {
		background: ButtonFace;
	}

	.btn_grey_steamui>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_grey_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #fff !important;
	background: transparent;
}

.btn_grey_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: #8ed629;
	background: -webkit-linear-gradient(top, #8ed629 5%, #6aa621 95%);
	background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%);
	background: linear-gradient(to right, #464d58 5%, #464d58 95%);
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);
}

.btn_blue_steamui {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #c3e1f8 !important;

	background: transparent;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}

.btn_blue_steamui>span {
	border-radius: 2px;
	display: block;


	background: #75b022;
	background: -webkit-linear-gradient(top, #75b022 5%, #588a1b 95%);
	background: linear-gradient(to bottom, #75b022 5%, #588a1b 95%);
	background: linear-gradient(to right, #47bfff 5%, #1a44c2 60%);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	background-position: 25%;
	background-size: 330% 100%;
}

@media (forced-colors:active) {
	.btn_blue_steamui {
		background: ButtonFace;
	}

	.btn_blue_steamui>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_blue_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #fff !important;

	background: transparent;
}

.btn_blue_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: #8ed629;
	background: -webkit-linear-gradient(top, #8ed629 5%, #6aa621 95%);
	background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%);
	background: linear-gradient(to right, #47bfff 5%, #1a44c2 60%);
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);
	background-position: 0%;
	background-size: 330% 100%;
}


/* This class must be applied to anything you want to use buttons in to enable hover states. */
.btn_hover {}

.inner_bevel {
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75) inset, -2px -2px 5px rgba(150, 150, 150, 1) inset;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75) inset, -2px -2px 5px rgba(150, 150, 150, 1) inset;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75) inset, -2px -2px 5px rgba(150, 150, 150, 1) inset;
}

/* fix for mozilla <button> elements */
button::-moz-focus-inner {
	padding: 0;
	border: none;
}

/* Borders */
.btn_border_2px {
	border-radius: 4px;
	border: 2px solid #172030;
}

.btn_border_2px>span {
	border-radius: 3px;
}

.btnv6_border_2px {
	border-radius: 4px;
	border: 2px solid #17202f;
}

.btnv6_border_2px>span {
	border-radius: 3px;
}

/* Sizing */
.btn_large>span,
input.btn_large {
	padding: 0 15px;
	font-size: 16px;
	line-height: 40px;
}

.btn_medium_tall>span,
input.btn_medium_tall {
	padding: 0 15px;
	font-size: 15px;
	line-height: 36px;
}

.btn_medium>span,
input.btn_medium {
	padding: 0 15px;
	font-size: 15px;
	line-height: 30px;
}

.btn_medium .ico16 {
	margin: 7px 0;
	vertical-align: top;
}

.btn_medium_thin>span,
input.btn_medium_thin {
	padding: 0 5px;
	font-size: 15px;
	line-height: 30px;
}

.btn_medium_wide>span,
input.btn_medium_wide {
	padding: 0 24px;
	font-size: 15px;
	line-height: 30px;
}

.btn_small>span,
input.btn_small {
	padding: 0 15px;
	font-size: 12px;
	line-height: 20px;
}

.btn_small_thin>span,
input.btn_small_thin {
	padding: 0 5px;
	font-size: 12px;
	line-height: 20px;
}

.btn_small_tall>span,
input.btn_small_tall {
	padding: 0 15px;
	font-size: 12px;
	line-height: 24px;
}

.btn_small_wide>span,
input.btn_small_wide {
	padding: 0 24px;
	font-size: 12px;
	line-height: 20px;
}

.btn_tiny>span,
input.btn_tiny {
	padding: 0 7px;
	font-size: 11px;
	line-height: 17px;
}

/* Misc effects */
.btn_uppercase>span {
	text-transform: uppercase;
}

/* Icons */

/* 18x18 */
.ico18 {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 0px;
	background: url("");
	vertical-align: text-top;
}


.ico18.thumb_down {
	background-position: -18px 0px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico18.thumb_down {
	background-position: -90px 0px;
}

.btn_active .ico18.thumb_down,
.active .ico18.thumb_down {
	background-position: -54px 0px;
}

.ico18.thumb_up {
	background-position: 0px 0px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico18.thumb_up {
	background-position: -72px 0px;
}

.btn_active .ico18.thumb_up,
.active .ico18.thumb_up {
	background-position: -36px 0px;
}

.ico18.accepted_and_voted {
	background-position: 0px -18px;
}



/* 16x16 */
.ico16 {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("");
	vertical-align: text-top;
}


.ico16.comment {
	background-position: 0px 0px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico16.comment {
	background-position: -16px 0px;
}


.ico16.thumb_down {
	background-position: -32px 0px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico16.thumb_down {
	background-position: -48px 0px;
}

.btn_active .ico16.thumb_down,
.active .ico16.thumb_down {
	background-position: -64px 0px;
}

.ico16.thumb_up {
	background-position: -80px 0px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico16.thumb_up {
	background-position: -112px 0px;
}

.btn_active .ico16.thumb_up,
.active .ico16.thumb_up {
	background-position: -96px 0px;
}

.ico16.thumb_downv6 {
	background-position: -64px -16px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico16.thumb_downv6 {
	background-position: -80px -16px;
}

.btn_active .ico16.thumb_downv6,
.active .ico16.thumb_downv6 {
	background-position: -96px -16px;
}

.ico16.thumb_upv6 {
	background-position: -112px -16px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico16.thumb_upv6 {
	background-position: -144px -16px;
}

.btn_active .ico16.thumb_upv6,
.active .ico16.thumb_upv6 {
	background-position: -128px -16px;
}

.ico16.arrow_up {
	background-position: 0px -16px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico16.arrow_up {
	background-position: -16px -16px;
}


.ico16.arrow_down {
	background-position: -48px -16px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico16.arrow_down {
	background-position: -32px -16px;
}


.ico16.report {
	background-position: -128px 0px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico16.report {
	background-position: -144px 0px;
}

.btn_active .ico16.report,
.active .ico16.report {
	background-position: -160px 0px;
}

.ico16.reportv6 {
	background-position: -256px 0px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico16.reportv6 {
	background-position: -272px 0px;
}

.btn_active .ico16.reportv6,
.active .ico16.reportv6 {
	background-position: -288px 0px;
}

.ico16.arrow_next {
	background-position: -176px 0px;
}



.ico16.checkbox {
	background-position: -192px 0px;
}



.ico16.bucketnew {
	background-position: -208px 0px;
}



.ico16.bucketqueue {
	background-position: -224px 0px;
}



.ico16.bucketrefresh {
	background-position: -240px 0px;
}



.ico16.bucketfollow {
	background-position: -176px -16px;
}



.ico16.bucketfavorite {
	background-position: -192px -16px;
}



.ico16.funny {
	background-position: -208px -16px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico16.funny {
	background-position: -224px -16px;
}

.btn_active .ico16.funny,
.active .ico16.funny {
	background-position: -224px -16px;
}

.ico16.bluearrow_down {
	background-position: -304px 0px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico16.bluearrow_down {
	background-position: -304px -16px;
}

.btn_active .ico16.bluearrow_down,
.active .ico16.bluearrow_down {
	background-position: -304px -16px;
}

/* Arrows are the only icons I've not fully replaced yet. If you need to use them, please convert to the new icon code */

.btn_details_arrow {
	display: inline-block;
	width: 15px;
	height: 16px;
	background-image: url("");
	vertical-align: middle;
}

.btn_details_arrow.up {
	background-position: 0px 0px;
}

.btn_details:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .btn_details_arrow.up {
	background-position: -15px 0px;
}

.btn_details_arrow.down {
	background-position: 15px 0px;
}

.btn_details:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .btn_details_arrow.down {
	background-position: 30px 0px;
}

.btn_disabled,
button:disabled {
	opacity: 0.45;
	cursor: default;
}

.btn_disabled:hover,
button:disabled:hover {
	text-decoration: none;
}

.packageTagsArrow {
	display: inline-block;
	width: 15px;
	height: 16px;
	background-image: url("");
}

.packageTagsArrow.Expand {
	background-position: 18px 1px;
}

.packageTagsArrow.Collapse {
	background-position: 3px 1px;
}

* {
	padding: 0;
	margin: 0;
}

img {
	border: none;
}


a {
	text-decoration: none;
	color: #ffffff;
}


.a:focus {
	outline: 0px none;
}

a:hover {
	text-decoration: none;
    color: #66c0f4;
}

a.nohover:hover {
	text-decoration: none;
}


html {
	height: 100%;
}

body.v6 {
	position: relative;
	min-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #c6d4df;
	font-size: 12px;
}

body.v6.in_client {
	background-position: center top;
}

body.v6.game_bg {
    background: #1b2838;
}

body.v6 > div#global_header {
	border-bottom-color: #171a21;
}

.v6_bg {
	/* background: url( '/public/images/v6/tag_browse_header_bg.png' ) no-repeat center top; */
}

body.blue .v6_bg {
	background:
		url( "" ) center top no-repeat,
		url( "" ) center top repeat-x
;

	min-height: 370px;
}

body.v6 div#store_header {
	background-color: transparent;
}

.page_background {
	background-position: center top;
	background-repeat: no-repeat;
}

body.v6 #footer {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 16px 0 60px 0;
	margin: 0;

	text-size-adjust: none;
	-webkit-text-size-adjust: none;

    background: #171a21;
}

body.v6.movescrolltocontent #footer {
	position: relative;
}

	body.v6.infinite_scrolling #footer.small_footer {
		position: relative;
		top: auto;
		bottom: auto;
	}

	body.v6.infinite_scrolling #footer_spacer.small_footer {
		height: 50px;
	}

    body.v6 #footer .footer_content {
        width: 940px;
        margin: 0px auto;
        padding-top: 16px;
    }
    body.v6 #footer #footer_logo {
        float: left;
        padding-top: 2px;
    }
    body.v6 #footer #footer_logo img {
        height: 25px;
        width: auto;
    }
	body.v6 #footer #footer_logo_steam {
		float: right;
		padding-top: 2px;
	}
    body.v6 #footer #footer_text {
        float: left;
        margin-left: 12px;
        color: #8F98A0;
		font-size: 12px;
		line-height: 16px;
    }
    body.v6 #footer #footer_text a {
        color: #C6D4DF;
    }
    body.v6 #footer #footer_text a:hover {
        color: #ffffff;
    }
    body.v6 #footer .rule{
        height: 8px;
		border-top: 1px solid #363c44;
    }
    body.v6 #footer .valve_links {
        margin-top: 8px;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

		        font-size: 13px;
        color: #61686D;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
		align-items: center;
		flex-direction: row;
    }
    body.v6 #footer .valve_links a {
		color: #C6D4DF;
		display: flex;
		align-items: center;
    }
    body.v6 #footer .valve_links a:hover {
        color: #ffffff;
    }
	body.v6 #footer .valve_links img {
		margin-right: 4px;
	}
    body.v6 #footer_nav .pulldown {
        color: #969eab !important;
        background: rgba(150, 158, 171, 0.3);
    }
	body.v6 #footer .extra_space {
		height: 60px;
	}


body.v6.sale_page_n_section #footer
{
	z-index: 2;
}


body #footer .responsive_optin_link {
	display: none;
}

body.v6.blue #footer {
	background: #000000;
}

body.v6 #footer_spacer {
	height: 290px;
}

html.force_desktop body.v6 #footer_spacer {
	height: 345px;
}



body.v6 > .perf_timing_area .perf_timing_link {
	position: absolute;
	left: 15px;
	bottom: 15px;
}

.perf_timing_data {
	position: relative;
	background-color: #000000;
	margin: 0px auto 48px auto;
	padding: 8px;
	text-align: left;
	width: 936px;
	font-size: 14px;
	z-index: 5;
}

body.v6 h2:not(.BB_Header2) {
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 300; /* light */

			font-size: 14px;
	color: #fff;
	margin: 0 0 10px;
	font-weight: normal;
	padding-top: 2px;
}
body.v6 h2 a {
    color: #67c1f5;
    text-decoration: none;
}
body.v6 h2 a:hover {
    color: #ffffff;
    text-decoration: none;
}

body.v6 .home_rightcol .tab_title {
	padding-top: 2px;
    margin-bottom: 7px;
    margin-top: 0px;
	display: block;
}
body.v6 .home_rightcol.recommended .tab_title, body.v6 .home_leftcol h2 {
    margin-top: 30px;
    margin-bottom: 7px;
}

body.v6 .responsive_home_spotlight_recommended .home_leftcol .spotlight_content .spotlight_title {
	margin-bottom: 2px;
	margin-top: 1px;
}

body.v6 .discovery_queue_ctn h2, body.v6 .steam_curators_ctn h2, body.v6  .apps_recommended_by_curators_ctn h2 {
    margin-top: 40px;
    margin-bottom: 7px;
}

body.v6 .upcoming_queue_ctn h2, body.v6 .steam_curators_ctn h2 {
    margin-top: 40px;
    margin-bottom: 7px;
}

body.v6 h2 .header_inline {
	color: #9099a1;
	font-size: 17px;
}

body.v6 h2 .header_inline a {
	color: #c6d4df;
	cursor: pointer;
}
body.v6 h2 .header_inline a:hover {
	color: #67c1f5;
}

body.v6 h2.pageheader {
	color: #ffffff;
	font-size: 34px;
	font-weight: 700;
	text-shadow: 1px 1px 0 rgba( 0, 0, 0, 0.4 );
	padding-top: 20px;
}

body.v6 h3 {
	color: #ffffff;
	font-size: 22px;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

			font-weight: normal;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page_header_ctn {
    background: url("cluster_bg.png" ) bottom center no-repeat;
    padding-bottom: 64px;
    margin-bottom: -30px;
}

.page_header_ctn.tabs {
    padding-bottom: 100px;
    margin-bottom: -78px;
}

.page_header_ctn.tabs.capsules {
    padding-bottom: 100px;
    margin-bottom: -78px;
	overflow: hidden;
}

.discovery_queue_content_ctn {
	overflow: hidden;
	margin-top: 26px;
}
body.v6.explore .page_header_ctn {
	padding-bottom: 30px;
	margin-bottom: -20px;
}

.breadcrumbs {
    color: #56707f;
    font-size: 12px;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

			padding-top: 10px;
}
.breadcrumbs a {
    color: #8f98a0;
}
.breadcrumbs a:hover {
    color: #ffffff;
    text-decoration: none;
}
.v7menu .breadcrumbs {
	padding-top: 20px;
}

div.leftcol {
	width: 65%;
	float: left;
}
div.leftcol.large {
    width: 73%;
}
div.leftcol.small {
	width: 458px;
}

div.rightcol {
	width: 308px;
	margin-left: 14px;
	float: right;
}
div.rightcol.small {
	min-width: 220px;
	width: calc(27% - 14px);
}
div.rightcol.large {
	width: 466px;
}



.store_tooltip {
	background: #c2c2c2;
	color: #3d3d3f;
	font-size: 11px;
	border-radius: 3px;
	padding: 5px;
	max-width: 275px;
	white-space: normal;
	box-shadow: 0 0 3px #000000;
	word-wrap: break-word;
}

.store_tooltip ul {
	padding-left: 15px;
}

body.v6.sale_page_n_section #global_header
{
	position: relative;
}

body.v6 #store_header {
	padding-left: 0;
	padding-right: 0;
}


/*
 * STORE-SPECIFIC HEADER
 */



div#store_header {
	background-color: #3b3938;
	min-width: 940px;
	margin-bottom: 16px;
}

div#store_header .content {
	position: relative;
	width: 940px;
	margin: 0 auto;
	z-index: 300;
}

div#store_header, div#store_header .content {
	height: 66px;
}

div#store_header.dlc, div#store_header.dlc .content {
	height: 29px;
}

div#store_controls {
	position: absolute;
	right: 0;
	top: 10px;
	text-align: right;
	z-index: 300;
	font-size: 11px;
}

div.store_header_btn {
	height: 20px;
	position: relative;
	margin-left: 1px;
    border-radius: 1px;
	float: left;
}

@media (forced-colors: active) {
	div.store_header_btn {
		background: ButtonFace;
	}
}

a.store_header_btn_content {
	display: inline-block;

	padding: 0 25px;
	margin: 0 1px;

	line-height: 20px;
	text-align: center;
	font-size: 11px;
}

a.store_header_btn_content:hover {
	text-decoration: none;
}

.store_header_btn_gray {
	background-color: rgba( 255, 255, 255, 0.4 );
    border-radius: 1px;
}

.store_header_btn_gray a {
	color: #ffffff;
}

.store_header_btn_gray a:hover {
    color: #111111;
    border-radius: 1px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(-60deg,  #ffffff 0%, #919aa3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#919aa3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-60deg,  #ffffff 0%,#919aa3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-60deg,  #ffffff 0%,#919aa3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-60deg,  #ffffff 0%,#919aa3 100%); /* IE10+ */
    background: linear-gradient(135deg,  #ffffff 0%,#919aa3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#919aa3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.cart_status_flex {
	display: flex;
}

.store_header_btn_green {
	background-color: rgba( 164, 208, 7, 0.4 );
}

.store_header_btn_green a {
	color: #a4d007;
}

.store_header_btn_green a:hover {
	color: #111111;
	background-color: rgba( 164, 208, 7, 0.50 );
}

div#store_search {
    float: none;
	padding: 3px 4px 2px;
	height: 30px;
}

a#store_search_link {
	position: absolute;
	right: 2px;
	top: 0;
}

a#store_search_link img {
	width: 24px;
	height: 27px;
}

.searchbox {

	background-image: url( "" );

	color: #a6a5a2;
	width: auto;
	height: 30px;

	position: relative;
	z-index: 150;
	cursor: text;
}
.searchbox:hover {
    background-image: url( "" );
}


.searchbox input {
	border: none;
	background-color: transparent;
	color: #eeeeee;
	margin-top: 2px;
	margin-left: 8px;
		width: calc( 100% - 25px - 8px );
	outline: none;
	line-height: 26px;
}

.searchbox input.default {
	font-style: italic;
    color: #305d8a;
}

.searchbox input:focus::placeholder {
	color: transparent;
}

#store_nav_area {
	position: absolute;
	left: 0;
	right: 0;
	top: 24px;
	height: 49px;
}

#store_nav_area .store_nav_bg {
	height: 35px;
	margin: 7px 0;
	background: rgba( 103, 193, 245, 0.4 );

}

.store_nav {
	height: 35px;
    display: flex;
}

.store_nav .tab {
	cursor: pointer;
	border-right: none;
    white-space: nowrap;
}

.store_nav .search_flex_spacer
{
    flex: 1;
    width: 20px;
}

.store_nav .search_area {
    flex-grow: 1;
    flex-shrink: 0;
    max-width: 210px;
}


.tab.active.tab_filler {
	height: 26px;
	margin-bottom: -1px;
}

.tab_page_link_holder {
    position: relative;
    text-align: center;
    height: 24px;
    line-height: 24px;
    margin-top: 1px;
    background-color: #262626;
    color: #626366;
    font-size: 10px;
}
.tab_page_link_prev a, .tab_page_link_next a {
    position: absolute;
    height: 24px;
    padding: 0px 16px;
    color: #67c1f5;
}
.tab_page_link_prev a img, .tab_page_link_next a img {
    top: 2px;
}
.tab_page_link_prev a:hover, .tab_page_link_next a:hover {
    position: absolute;
    height: 24px;
    padding: 0px 16px;
    text-decoration: none;
    color: #ffffff;
    background: #67c1f5; /* Old browsers */
    background: -moz-linear-gradient(-60deg,  #67c1f5 0%, #417a9b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#67c1f5), color-stop(100%,#417a9b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-60deg,  #67c1f5 0%,#417a9b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-60deg,  #67c1f5 0%,#417a9b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-60deg,  #67c1f5 0%,#417a9b 100%); /* IE10+ */
    background: linear-gradient(135deg,  #67c1f5 0%,#417a9b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c1f5', endColorstr='#417a9b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.tab_page_link_next a {
    right: 0px;
}
.tab_page_link_prev a {
    left: 0px;
}

.store_nav .tab.focus {
	background-color: #67c1f5;
}

#genre_flyout {
	top: 0;

}


#genre_flyout .popup_body {
	padding-top: 0;
	padding-bottom: 20px;
	width: 930px;
}

#genre_flyout .popup_body .popup_body_wide {
	width: 930px;
}

#genre_flyout .popup_body.popup_body_notfull {
    width: auto;
}

@media screen and (max-width: 910px)
{
	html.responsive #genre_flyout .popup_body,
	html.responsive #genre_flyout .popup_body .popup_body_wide {
		width: auto;
        flex-direction: column;
		padding-top: 8px;
		padding-bottom: 8px;
	}

}
	html.responsive.rn_mobile_app #genre_flyout .popup_body,
	html.responsive.rn_mobile_app #genre_flyout .popup_body .popup_body_wide {
		width: auto;
        flex-direction: column;
		padding-top: 8px;
		padding-bottom: 8px;
	}

.store_nav .tab {
	padding: 1px;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;

}
.store_nav .tab > span {

	font-size: 13px;
	font-weight: bold;
	color: #d9dadd;
	line-height: 33px;
	padding: 0 15px;
	display: block;
}

.store_nav .tab.lesspadding > span {
	padding: 0 12px;
}


.store_nav .tab:hover > span, .store_nav .tab:hover, .store_nav .tab.focus > span, .store_nav .tab.focus {
	filter: none;
    color: #ffffff;
    background: #67c1f5; /* Old browsers */
    background: -moz-linear-gradient(-60deg,  #67c1f5 0%, #417a9b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#67c1f5), color-stop(100%,#417a9b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-60deg,  #67c1f5 0%,#417a9b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-60deg,  #67c1f5 0%,#417a9b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-60deg,  #67c1f5 0%,#417a9b 100%); /* IE10+ */
    background: linear-gradient(135deg,  #67c1f5 0%,#417a9b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c1f5', endColorstr='#417a9b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.store_nav .tab.focus > span, .store_nav .tab.focus {
	color: #d9d9dd;
}

.store_nav .tab.active {
	color: #d9dadd;
}

.store_nav .tab.active:hover {
	color: #fff;
}

.store_nav .tab.active > span,
.store_nav .tab.active:hover > span {
	color: #fff;
}

.store_nav .tab > span.pulldown {
	padding-right: 10px;
    	margin-right: 0px;
	background: none;
}

.store_nav .tab > span.pulldown > span {
	width: 0px;
	height: 16px;
	padding: 0;
	display: inline-block;
	background-image: none;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	vertical-align: text-bottom;
}

.store_nav .tab:hover > span.pulldown > span {
   	background-image: none;
}

.store_nav .tab img.foryou_avatar {
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
	margin-right: 6px;
}


/*
 * SEARCH SUGGESTIONS
 */


.search_suggest {
	text-align: left;
	width: 430px;
	font-family: "Motiva Sans", Sans-serif;
	top: 39px;
	right: 4px;
}

.search_suggest .match {
	display: block;
	position: relative;
	height: 44px;
	overflow: hidden;
	border-top: 1px solid #13242e;
	margin-left: 3px;
	margin-right: 3px;
}


/* ===== New pop-up search results styles ======== */

body.v6 .store_nav .popup_block_new .popup_body.search_v2 {
    background: linear-gradient(90deg, rgba(33, 162, 255, 0.1) 1.89%, rgba(50, 50, 51, 0) 50%), linear-gradient(180deg, #575860 11.6%, #3A4852 54.73%, #2C2D34 100%);
}

.popup_body.search_v2 .match.match_v2 {
    border-top: unset;
    color: #DCDEDF;
    margin: 0;
    padding: 4px 8px 4px 8px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 45px 75px auto 1fr;
    grid-template-rows: auto;
    grid-template-areas:
            "img img name name"
            "img img price price";
    height: unset;
    transition: background 0.2s ease-in-out;
}
.popup_body.search_v2 .match.match_v2 .match_name {
    grid-area: name;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    position: relative;
    left: unset;
    top: unset;
    width: 100%;
    font-weight: 500;
    padding: 0 0 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #f5f5f5;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    transition: color 0.2s ease-in-out;
}
.popup_body.search_v2 .match.match_tag.match_v2 .match_name > div {
    min-width: 40px;
}

.popup_body.search_v2 .match.match_v2 .match_name span {
    background: rgba(255,255,255,0.3);
    padding: 1px 8px;
    border-radius: 3px;
    font-weight: 400;
    font-size: 13px;
    margin-left: 4px;
}
.popup_body.search_v2 .match.match_v2 .match_img {
    grid-area: img;
    position: relative;
}
.popup_body.search_v2 .match.match_v2 .match_img img {
    position: relative;
    left: unset;
    top: unset;
    display: block;
}
.popup_body.search_v2 .match.match_v2 .match_subtitle {
    grid-area: price;
    position: relative;
    left: unset;
    top: unset;
    width: 100%;
    padding: 0 0 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #f5f5f5;
    font-size: 13px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    transition: color 0.2s ease-in-out;
}

.popup_body.search_v2 .match.match_v2 .match_subtitle .includes_games {
	padding-left: 8px;
    color: grey;
    font-size: 11px;
}

.popup_body.search_v2 .match.match_v2.hover,
.popup_body.search_v2 .match.match_v2.focus {
    background-color: #DCDEDF;
    color: #151515;
}

/* make sure to target both .hover and .focus to cover keyboard input */
.popup_body.search_v2 .match.match_v2.hover .match_name,
.popup_body.search_v2 .match.match_v2.hover .match_subtitle,
.popup_body.search_v2 .match.match_v2.focus .match_name,
.popup_body.search_v2 .match.match_v2.focus .match_subtitle {
    color: #151515;
    text-shadow: unset;
}

body.v6 .store_nav .popup_block_new .popup_body.search_v2 {
    padding: 1px;
    box-sizing: border-box;
    background: #3D4450;
}

.search_suggest .match_category_top {
	margin-top: 6px;
}
.popup_body.search_v2 .match.match_tag.match_v2 {
    display: grid;
    grid-template-areas:
            "name name name price"
            "name name name price";
    height: 53px;
}
.popup_body.search_v2 .match.match_creator.match_v2 {
    display: grid;
    grid-template-areas:
            "img name name price"
            "img name name price";
    height: unset;
}

.popup_body.search_v2 .match.match_tag.match_v2 .match_name,
.popup_body.search_v2 .match.match_creator.match_v2 .match_name{
    display: flex;
    align-items: center;
}
.popup_body.search_v2 .match.match_tag.match_v2 .match_subtitle,
.popup_body.search_v2 .match.match_creator.match_v2 .match_subtitle {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    justify-self: end;
}
.popup_body.search_v2 .match.match_tag.match_v2 .match_img {
    display: none;
}
.popup_body.search_v2 .match.match_creator.match_v2 .match_img {
    background: black;
    border-radius: 3px;
    overflow: hidden;
    height: 45px;
    width: 45px;
}
.match_background_image {
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 8px;
    right: 4px;
    overflow: hidden;
    border-radius: 3px;
    background: linear-gradient( 90deg, #2c556a29 0%, #28414e30 15%, #2e5e76c2 85%);
    transition: background 0.3s ease-in-out;
}
.match_v2:nth-child(odd) .match_background_image {
    background: linear-gradient( 90deg, #1d344029 0%, #16262e30 15%, #2b4d5ec2 85%)
}

.popup_body.search_v2 .match.match_v2.hover .match_background_image,
.popup_body.search_v2 .match.match_v2.focus .match_background_image {
    background: transparent;
}
.match_background_image img {
    filter: saturate(0.1) contrast(0.7);
    -webkit-mask-image: linear-gradient( 90deg, transparent 7%, #00000033 39%, #0000008c 85%, transparent 100%);
    mask-image: linear-gradient( 90deg, transparent 7%, #00000033 39%, #0000008c 85%, transparent 100%);
}


.search_suggest .match.hover,
.search_suggest .match.focus,
.search_suggest .match:focus-visible
 {
	text-decoration: none;
	background-color: #212d3d;
}

.search_suggest .match_app .match_img img {
	position: absolute;
	left: 4px;
	top: 4px;
	width: 120px;
	height: 45px;
}

.search_suggest .match_creator .match_img img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 45px;
	height: 45px;
}

.search_suggest .match_tag .match_img img {
	position: absolute;
	left: 4px;
	top: 4px;
	width: 45px;
	height: 45px;
}

.search_suggest .match .match_name {
	position: absolute;
	top: 8px;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	font-size: 14px;
	color: #ffffff;
}

.search_suggest .match_app .match_name {
	left: 128px;
	width: 258px;
}

.search_suggest .match_creator .match_name {
	left: 53px;
	width: 333px;
}

.search_suggest .match_tag .match_name {
	left: 53px;
	width: 333px;
}

.search_suggest .match .debug_spell_corrected {
	color: #34eb6e !important;
}

.search_suggest .match .match_subtitle {
	position: absolute;
	left: 134px;
	top: 30px;
}

.search_suggest .match .match_subtitle .includes_games {
	padding-left: 8px;
    color: grey;
    font-size: 11px;
}

.search_suggest .match .debug_spell_correct_info {
	position: absolute;
	left: 200px;
	top: 30px;
	width: 186px;

	text-align: right;
}

.search_suggest .match .ds_flag {
	top: 18px;
	left: 4px;
}

.slider_ctn {
	position: relative;
	height: 18px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.slider_ctn.spotlight {
    width: 308px;
}

.slider_ctn.store_autoslider {
	background: #122333;
}

.slider_ctn.store_autoslider .handle {
	background-color: rgba( 0, 0, 0, 0.5 );
}

.slider {
	position: absolute;
	left: 39px;
	right: 39px;
	top: 0;
	bottom: 0;
	background-color: rgba( 0, 0, 0, 0.2 );
	border-radius: 3px;
}

.slider.slider_text {
	opacity: 0.2;
	text-align: center;
	line-height: 13px;
	font-size: 10px;
	color: #ffffff;
}

.slider_ctn .handle {
	position: absolute;
	top: 0;
    background-color: rgba( 0, 0, 0, 0.2 );
	border-radius: 3px;
	height: 18px;
	width: 60px;
	cursor: pointer;
}

.slider_ctn .slider_left, .slider_ctn .slider_right {
	position: absolute;
	width: 38px;
	top: 0;
	bottom: 0;
	background-color: rgba( 0, 0, 0, 0.4 );
	border-radius: 3px;
	cursor: pointer;
}
.highlight_ctn .slider_ctn .slider_left, .highlight_ctn .slider_ctn .slider_right, .highlight_ctn .slider .handle {
	background-color: rgba( 35, 60, 81, 0.4 );
}

.slider_ctn .slider_left:hover, .slider_ctn .slider_right:hover, .slider .handle:hover {
    background: #3d6c8d; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #3d6c8d 0%, #2e5470 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#3d6c8d), color-stop(100%,#2e5470)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #3d6c8d 0%,#2e5470 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #3d6c8d 0%,#2e5470 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #3d6c8d 0%,#2e5470 100%); /* IE10+ */
    background: linear-gradient(135deg,  #3d6c8d 0%,#2e5470 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d6c8d', endColorstr='#2e5470',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.slider_left {
	left: 0;
}

.slider_right {
	right: 0;
}
.slider_right span {
    display: inline-block;
    background-position: -9px 0px;
    background-repeat: no-repeat;
    background-image: url("");
    width: 9px;
    height: 7px;
    margin-left: 15px;
    margin-top: 5px;
}
.slider_left span {
    display: inline-block;
    background-position: -18px 0px;
    background-repeat: no-repeat;
    background-image: url("");
    width: 9px;
    height: 7px;
    margin-left: 13px;
    margin-top: 5px;
}
.slider_right:hover span {
    background-position: -9px -7px;
}
.slider_left:hover span {
    background-position: -18px -7px;
}

.slider_left.disabled, .slider_right.disabled {
	opacity: 0.4;
	cursor: default;
}

.store_horizontal_autoslider_ctn {
	overflow: hidden;
	margin-bottom: 2px;
	/* DO NOT set padding on this element! It will bork the horizontal scrollbar calculations. Use margin instead. */
}

.store_horizontal_minislider_ctn {
	position: relative;
	overflow: hidden;
}

.store_horizontal_minislider {
	overflow-x: auto;
}

.store_horizontal_minislider_ctn .slider_left,
.store_horizontal_minislider_ctn .slider_right {
	position: absolute;
	top: 0;
	bottom: 0;
	background: #1b2e40;
	cursor: pointer;
	border-radius: 3px;
	padding: 5px 8px;
}

.store_horizontal_minislider_ctn .slider_left {
	box-shadow: 1px 0 4px 0 rgba( 0, 0, 0, 0.75 );
}

.store_horizontal_minislider_ctn .slider_right {
	box-shadow: -1px 0 4px 0 rgba( 0, 0, 0, 0.75 );
}

.store_horizontal_minislider_ctn .slider_left > span,
.store_horizontal_minislider_ctn .slider_right > span
{
	margin: 0;
}

.discount_block.no_discount .discount_prices {
    background: none;
}
.discount_block.no_discount.main_cap_discount {
    background: #000000;
}
.discount_block {
	position: relative;
    display: flex;
}
.discount_block .discount_prices {
    display: flex;
    background: #344654;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: center;
    padding-left: 4px;
}


.discount_block .discount_pct, .discount_pct {
    		font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

		    font-weight: 500;
	color: #BEEE11;
	background: #4c6b22;
	display: inline-block;
}

/* Discount Block Generic Icon Styles */
.discount_icon {
    color: #BEEE11;
    background: #4c6b22;
    display: inline-block;
    padding: 5px;
}

.discount_icon img {
    display: block;
}

.discount_block_inline .discount_icon {
    padding: 1px;
}

.discount_block_inline .discount_icon img {
    height: 15px;
}

/* ============================== */


.discount_block .bundle_base_discount {
	display: inline-block;
	text-decoration: line-through;
	color: #626366;
}
.discount_block.discount_block_spotlight .bundle_base_discount {
    color: #2a2b2c;
    background: rgba(0,0,0,0.1);
}
.discount_block.no_discount.daily_deal_discount .bundle_base_discount {
    color: #2a2b2c;
    background: rgba(0,0,0,0.1);
}

.discount_block.no_discount .bundle_base_discount {
	text-decoration: none;
	color: #b0aeac;
	border-right: 1px solid #626366;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    font-size: 25px;
    text-align: center;
    overflow: hidden;
    padding: 0 6px;
}

.home_tabs_content .discount_block .discount_prices, .tab_content_ctn .discount_block .discount_prices  {
	background: transparent;
}
.home_tabs_content .tab_item_discount.no_discount {
	margin-top: 24px;
}
.home_tabs_content .tab_item_discount {
	margin-top: 17px;
}

.discount_original_price {
    position: relative;
    width: fit-content;
	color: #738895;
	font-size: 11px;
    line-height: 12px;
	white-space: nowrap;
}

.discount_original_price:before {
    content: '';
    left: 0px;
    right: 0px;
    position: absolute;
    top: 43%;
    border-bottom: 1.5px solid #738895;
    transform: skewY(-8deg);
    box-shadow: 0 0 2px black;
}

.game_purchase_discount .discount_original_price {
    position: absolute;
    left: 76px;
    top: 2px;
    font-size: 11px;
}

.discount_final_price {
	color: #BEEE11;
    line-height: 16px;
    font-size: 15px;
}


.discount_block_large .discount_pct,
.discount_block_large .bundle_base_discount {
	line-height: 34px;
	padding: 0 5px;

	font-size: 26px;
}
.discount_block_large .discount_prices {
	line-height: 13px;
	padding: 0 8px 0 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}

.discount_block_inline {
	line-height: 15px;
}

.discount_block_inline .discount_final_price {
	padding-left: 4px;
	font-size: 11px;
    line-height: 12px;
	white-space: nowrap;
}

.discount_block_inline .discount_pct,
.discount_block_inline .bundle_base_discount {
	padding: 0 3px;
}

.discount_block_inline .discount_prices {
	padding: 0 5px;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-shrink: 1;
    overflow: hidden;
    justify-content: end;
}
.discount_block_inline.no_discount .discount_prices {
    padding: 0;
}

.discount_block.no_discount .discount_original_price {
	display: none;
}

.discount_block.game_purchase_discount.no_discount .discount_final_price.your_price {
	line-height: normal;
}


.discount_block.game_purchase_discount.no_discount .discount_final_price.your_price .your_price_label {
	font-size: 10px;
}

.special_discount .discount_block_inline {
    display: flex;
    justify-content: end;
}

.discount_block_collapsable {
	position: relative;
	max-width: 120px;
}

.discount_block_collapsable .discount_collapse_final_price {
	background: #000000;
	padding-left: 4px;
	padding-right: 5px;
	position: absolute;
	right: 0;
	top: 0;
}

.discount_block.suppress_discount_pct .discount_pct,
.discount_block.no_discount .discount_pct {
	display: none;
}

.discount_block.game_purchase_discount.no_discount .discount_final_price {
	padding-top: 0;
	padding-bottom: 0;
	line-height: 32px;
}

/* lunar sale 2019 */

.additional_cart_discount {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	pointer-events: none;
	user-select: none;

	font-family: "Motiva Sans", Sans-serif;

	background-image: url( "" );
	background-size: 100% 100%;

	color: rgb(255, 212, 26);
	background-color: rgb(168, 28, 28);
	padding: 4px 8px;

	box-shadow: 1px 4px 16px 0 #000000;
	transform: rotateZ( 20deg );


	z-index: 300;

	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}

.additional_cart_discount.NowFree {
	background-image: url( "" );
	box-shadow: 0px 0px 16px 0 #ff9c1b;
}

.special_discount .discount_block.discount_block_inline.additional_cart_discount_container .additional_cart_discount
{
/*	transform: rotateZ(0deg);
    top: 0;
    right: 0;*/
}

.dailydeal_ctn:hover .additional_cart_discount,
.main:hover .additional_cart_discount,
.tab_item:hover .additional_cart_discount,
.store_capsule.daily_deal:hover .additional_cart_discount,
.home_area_spotlight:hover .additional_cart_discount,
.store_main_capsule.broadcast_capsule:hover .additional_cart_discount,
.tab_item:hover .additional_cart_discount,
.info:hover .additional_cart_discount {
	animation-name: animatePrice20deg;
}

.search_result_row:hover .additional_cart_discount,
.gamelink:hover .additional_cart_discount,
.store_capsule:hover .additional_cart_discount,
.home_marketing_message:hover .additional_cart_discount,
.store_capsule.broadcast_capsule:hover c {
	animation-name: animatePrice11deg;
}

.small_cap:hover .additional_cart_discount,
.home_content_item:hover .discount_block.discount_block_inline.additional_cart_discount_container .additional_cart_discount {
	animation-name: animatePrice8deg;
}

.small_cap .discount_block {
	margin: 0;
	text-align: right;
	padding: 3px 0;
	line-height: 17px;
	min-height: 17px;
	font-size: 12px;
}

.small_cap .discount_block > .discount_prices {
	display: inline-block;
	padding: 0 3px;
	background-color: rgba(20,31,44,0.4);
	border-radius: 1px;
}

.game_area_purchase_game_wrapper:hover .additional_cart_discount {
	animation-name: animatePrice-6deg;
}


@keyframes animatePrice-6deg
{
	0%
	{
		transform: rotateZ(-6deg);
	}

	50%
	{
		transform: rotateZ(10deg);
	}

	100%
	{
		transform: rotateZ(-6deg);
	}
}

@keyframes animatePrice20deg
{
	0%
	{
		transform: rotateZ(20deg);
	}

	50%
	{
		transform: rotateZ(-10deg);
	}

	100%
	{
		transform: rotateZ(20deg);
	}
}

@keyframes animatePrice11deg
{
	0%
	{
		transform: rotateZ(11deg);
	}

	50%
	{
		transform: rotateZ(-10deg);
	}

	100%
	{
		transform: rotateZ(11deg);
	}
}

@keyframes animatePrice8deg
{
	0%
	{
		transform: rotateZ(8deg);
	}

	50%
	{
		transform: rotateZ(-8deg);
	}

	100%
	{
		transform: rotateZ(8deg);
	}
}


.additional_cart_discount_final {
	font-size: 16px;
	color: rgb(255, 212, 26);
	white-space: nowrap;
}

.additional_cart_discount_amount {
	font-size: 11px;
	color: rgb(210, 140, 25);
	margin-bottom: -3px;
	margin-top: -2px;
}

.basePriceStrikeout {
	position: absolute;
	height: 22px;
	top: 22%;
	left: -10px;
	width: calc( 100% + 46px );
	opacity: .875;

	background-image: url( "" );
	background-size: 100% 100%;
	pointer-events: none;
	user-select: none;
}


.main .appTitle .additional_cart_discount {
	top: -38px;
    right: 0px;
}

.discount_block.tab_item_discount.additional_cart_discount_container .discount_prices {
	float: left;
	margin-left: 4px;
}


.discount_block.tab_item_discount.no_discount.additional_cart_discount_container .discount_prices {
	margin-right: 14px;
}


.discount_block.tab_item_discount.no_discount.additional_cart_discount_container .discount_prices {
	margin-right: 36px;
}


.discount_block.tab_item_discount.additional_cart_discount_container .additional_cart_discount {
	top: -8px;
    right: -21px;
}

.carousel_container.maincap .discount_block.no_discount.discount_block_inline.additional_cart_discount_container .additional_cart_discount {

	top: -20px;
    right: -58px;
    transform: rotateZ( 11deg );
}


.discount_block.discount_block_spotlight.discount_block_large.additional_cart_discount_container {
	width: fit-content;
}

.discount_block.discount_block_spotlight.discount_block_large.additional_cart_discount_container .additional_cart_discount {
	right: -46px;
	top: -3px;
}

.discount_block.daily_deal_discount.discount_block_large.additional_cart_discount_container  .additional_cart_discount{
	right: -19px;
	top: -8px;
}

.dailydeal_ctn .discount_block.daily_deal_discount.discount_block_large.additional_cart_discount_container  .additional_cart_discount{
	top: -16px;
}

.discount_block.discount_block_inline.additional_cart_discount_container {
	width: fit-content;
	margin-right: 0;
	margin-left: auto;
}

.home_content_item .discount_block.discount_block_inline.additional_cart_discount_container .additional_cart_discount {
	top: -32px;
}

.discount_block.discount_block_inline.additional_cart_discount_container .additional_cart_discount {
	transform: rotateZ(8deg);
    top: -28px;
    right: -8px;
}

.contenthub_featured_item_spotlight .discount_block.discount_block_inline.additional_cart_discount_container .additional_cart_discount {
	transform: rotateZ(8deg);
    top: -1px;
    right: -6px;
}

.discount_block.discount_block_inline.additional_cart_discount_container .basePriceStrikeout {
	height: 10px;
	top: 32%;
	left: -2px;
	opacity: .8;
	width: 100%;
}

.contenthub_featured_item_spotlight .discount_block.discount_block_inline.additional_cart_discount_container .basePriceStrikeout {
	top: 66%;
    left: 28px;
}

.tab_item .basePriceStrikeout
{
	height: 10px;
    opacity: 0.7;
	top: 43%;
	width: calc( 100% + 26px );
}

.search_result_row .col.additional_cart_discount_container {
	position: relative;
}

.search_result_row .col.additional_cart_discount_container .additional_cart_discount {
	right: -33px;
    top: 4px;
	transform: rotateZ(11deg);
}

.search_result_row .col.additional_cart_discount_container .col.search_price
{
	width: fit-content;
	margin-top: -2px;
	margin-left: 34px;
}

.search_result_row .col.additional_cart_discount_container .additional_cart_discount_amount {
	font-size: 10px;
}

.search_result_row .col.additional_cart_discount_container .additional_cart_discount_final {
	font-size: 12px;
}

.search_result_row .col.additional_cart_discount_container .basePriceStrikeout {
	top: 41%;
	opacity: .8;
	height: 12px;
}

.game_purchase_discount.additional_cart_discount_container .additional_cart_discount,
.game_purchase_price.price.additional_cart_discount_container .additional_cart_discount {
	top: -8px;
    transform: rotateZ(-6deg);
    right: auto;
    left: -56px;
}

.game_purchase_discount.additional_cart_discount_container .additional_cart_discount {
	left: 17px;
}

.game_purchase_discount.additional_cart_discount_container .basePriceStrikeout,
.game_purchase_price.price.additional_cart_discount_container .basePriceStrikeout {
	height: 9px;
    top: 36%;
}

.game_purchase_discount.additional_cart_discount_container .basePriceStrikeout {
	transform: rotateZ(12deg);
}

.game_purchase_discount.additional_cart_discount_container {
	overflow: visible;
}

.winterSale2019_giftActiveBar {
	width: 100%;
	height: 44px;
	z-index: 400;

	position: sticky;
	top: 0;

	background-image: url( "" );
}

.winterSale2019_contentContainer {
	max-width: 940px;
	height: 100%;

	display: flex;
	flex-direction: row;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	justify-content: space-between;
}

.winterSale2019_title {
	font-family: giza-three, serif;
	font-size: 24px;
	font-weight: 100;
	color: rgb(255, 255, 255);
	height: 36px;
	position: absolute;
	top: 8px;
  	left: 50px;
	pointer-events: none;
	user-select: none;
	margin-left: 32px;
	text-shadow: 2px 2px 5px #000000;
}

.winterSale2019_title div
{
	font-family: giza-three, serif;
	letter-spacing: .1em;
}

.winterSale2019_title .subtitle
{
	font-size: 10px;
	padding-top: 2px;
	padding-left: 0px;
}

.winterSale2019_rightContent .winterSale2019_savings_expiration {
	color: #ffffff;
	font-size: 11px;
	font-weight: 100;
	padding: 3px 0 0 0;
}

.winterSale2019_savings
{
	font-size: 11px;
	text-align: right;
	font-weight: 600;
	padding-top: 4px;
	color: rgb(256, 256, 256);
	text-shadow: 2px 2px 5px #000000;
	width: 250px;
	pointer-events: none;
	user-select: none;
}

.winterSale2019_icon01
{
	width: 150px;
  	height: 58px;
	position: absolute;
	left: -70px;
	background-image: url( "" );
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	user-select: none;
}

.winterSale2019_snow
{
	width: 5px;
	height: 5px;
	position: absolute;
	border-radius: 50%;

	background: -moz-radial-gradient(rgb(255,255,255) 20%,rgba(255,255,255,0) 70%); /* FF3.6-15 */
	background: -webkit-radial-gradient(rgb(255,255,255) 20%,rgba(255,255,255,0) 70%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(rgb(255,255,255) 20%,rgba(255,255,255,0) 70%)
	pointer-events: none;
	user-select: none;

	animation-name: let_it_snow;
	animation-duration: 2s;
	animation-timing-function: ease-in;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}

@keyframes let_it_snow {
	from {
		opacity: 0;
		transform: translateY(0) translateX(0) scale(1);
	}
	25% {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translateY(20em) translateX(4em) scale(0);
	}
}

.summerSale2019_giftActiveBar {
	width: 100%;
	height: 45px;
	z-index: 400;

	position: sticky;
	top: 0;

	background: rgb(71, 116, 145);
}

.summerSale2019_contentContainer {
	max-width: 940px;
	height: 100%;

	display: flex;
	flex-direction: row;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	justify-content: space-between;

	background: -moz-linear-gradient(left, rgb(207, 58, 34) 0%, rgb(207, 58, 34) 70%, rgb(71, 116, 145) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left rgb(207, 58, 34) 0%,rgb(207, 58, 34) 70%,rgb(71, 116, 145) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgb(207, 58, 34) 0%,rgb(207, 58, 34), 70%,rgb(71, 116, 145) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181C24', endColorstr='#597390',GradientType=1 ); /* IE6-9 */

}

.summerSale2019_title {
	font-family: politica-expanded, sans-serif;
	font-size: 16px;
	font-weight: 900;
	font-style: italic;
	text-transform: uppercase;
	color: rgb(24, 28, 36);
	height: 36px;
	position: absolute;
	top: 4px;
  left: -14px;
	pointer-events: none;
	user-select: none;
	margin-left: 32px;
}

.summerSale2019_title div
{
}

.summerSale2019_title .subtitle
{
	font-size: 10px;
	padding-top: 2px;
	padding-left: 0px;
}

.summerSale2019_rightContent .summerSale2019_savings_expiration {
	color: #d0d3cf;
	font-size: 12px;
	padding: 3px 0 0 0;
}

.summerSale2019_savings
{
	font-size: 10px;
	text-align: right;
	padding-right: 25px;
	font-family: politica-expanded, sans-serif;
	font-weight: 900;
	font-style: italic;
	padding-top: 10px;
	text-transform: uppercase;
	color: rgb(24, 28, 36);
	width: 250px;
	pointer-events: none;
	user-select: none;
}

.summerSale2019_icon01
{
	width: 76px;
	height: 45px;
	position: absolute;
	left: -70px;
	background-image: url( "" );
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	user-select: none;
}

.summerSale2019_ember
{
	width: 5px;
	height: 5px;
	position: absolute;
	border-radius: 50%;

	background: -moz-radial-gradient(rgb(255,80,0) 20%,rgba(255,80,0,0) 70%); /* FF3.6-15 */
	background: -webkit-radial-gradient(rgb(255,80,0) 20%,rgba(255,80,0,0) 70%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(rgb(255,80,0) 20%,rgba(255,80,0,0) 70%)
	pointer-events: none;
	user-select: none;

	animation-name: fan_the_flames;
	animation-duration: 1s;
	animation-timing-function: ease-in;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}

@keyframes fan_the_flames {
	from {
		opacity: 0;
		transform: translateX(0) scale(1);
	}
	25% {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translateX(-10em) scale(0);
	}
}

.summerSale2019_icon02
{
	width: 91px;
  height: 70px;
  position: absolute;
  top: 0px;
	left: 97%;
	background-image: url( "" );
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	user-select: none;
}

.placeHolder_lunarSale2019_giftActiveBar {
	background-color: rgb(146, 31, 30);
	width: 100%;
	height: 42px;
	z-index: 400;

	position: sticky;
	top: 0;



	background: rgb(148,24,24); /* Old browsers */
	background: -moz-linear-gradient(left, rgb(100, 13, 12) 0%, rgb(208,5,1) 45%, rgb(208,5,1) 55%, rgb(100, 13, 12) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgb(100, 13, 12) 0%,rgb(208,5,1) 45%,rgb(208,5,1) 55%,rgb(100, 13, 12) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgb(100, 13, 12) 0%,rgb(208,5,1) 45%,rgb(208,5,1) 55%,rgb(100, 13, 12) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#640D0C', endColorstr='#640D0C',GradientType=1 ); /* IE6-9 */

	background-image: url("");
	background-repeat-y: no-repeat;
}

.lunarSale2019_contentContainer {
	max-width: 940px;
	height: 100%;

	display: flex;
	flex-direction: row;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	justify-content: center;
}

.lunar_sale_spacer
{
	flex: 1;
}

.lunar_sale_spacer.lunar_leftspacer
{
	min-width: 225px;
}


.lunar_sale_spacer.lunar_rightspacer
{
	position: relative;
}

.lunar_sale_title
{
	width: 205px;
	height: 36px;
	position: absolute;
	top: 4px;
    left: -14px;
	pointer-events: none;
	user-select: none;
	margin-left: 32px;
	display: none;
}


.lunar_sale_title img
{
	width: 100%;
	height: 100%;
	pointer-events: none;
	user-select: none;
	color: #FFB321;
	font-size: 14px;
}

.lunar_sale_title object
{
	width: 100%;
	height: 100%;
	pointer-events: none;
	user-select: none;
	color: #FFB321;
	font-size: 14px;
}

.lunar_sale_poinks01
{
	width: 128px;
	height: 128px;
	position: absolute;
	top: -28px;
    left: -98px;
	background-image: url( "" );
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	user-select: none;
}


.lunar_sale_poinks02
{
	width: 141px;
    height: 64px;
    position: absolute;
    top: -13px;
	left: 73%;
	background-image: url( "" );
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	user-select: none;
}

.lunar_sale_supersavings_label
{
	width: fit-content;
	min-width: fit-content;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: bold; /* bold */

			text-transform: uppercase;
	font-size: 15px;
	padding-top: 0px;

}

.lunar_sale_supersavings_label .highlight {
			font-family: "Motiva Sans", Sans-serif;
		font-weight: bold; /* bold */

			text-transform: uppercase;
	color: #FFB321;
	font-weight: bold;
	text-align: center;
}


@keyframes savingsModeGlow
{
	0%
	{
		color: #DC9B1D);
		text-shadow: 0px 0px 4px #FFD33B00, 0px 0px 8px rgba(255, 200, 0, .5);
	}

	50%
	{
		color: #FFD990;
		text-shadow: 0px 0px 14px rgb(255, 217, 44), 0px 0px 8x rgb(248, 173, 34, .9);
	}

	100%
	{
		color: #DC9B1D);
		text-shadow: 0px 0px 4px #FFD33B00, 0px 0px 8px rgba(255, 200, 0, .5);
	}

}

.lunar_sale_supersavings_label .subtitle {
	color: #ddd;
	font-weight: 100;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
}


.lunar_sale_sparkle {
	position: relative;
}

.sparkleStar
{
	width: 64px;
	height: 64px;
	position: absolute;

	background-image: url( "" );
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	user-select: none;

	animation-name: sparkle01;
	animation-duration: 6s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}

.sparkle01 .sparkleStar.star1 {
	left: 10px;
    top: -2px;
	animation-delay: 1.35s;
}

.sparkle01 .sparkleStar.star2 {
	left: 58px;
    top: 38px;
	animation-delay: 0.17s;
}

.sparkle01 .sparkleStar.star3 {
	left: 15px;
    top: 17px;
	animation-delay: 4.07s;
}

.sparkle02 .sparkleStar.star1 {
	left: 10px;
    top: -5px;
	animation-delay: 0.35s;
}

.sparkle02 .sparkleStar.star2 {
	left: 15px;
    top: 10px;
	animation-delay: 2.97s;
}

.sparkle02 .sparkleStar.star3 {
	left: 38px;
    top: 19px;
	animation-delay: 3.86s;
}


@keyframes sparkle01
{
	0%
	{
		opacity: 0;
		transform: rotateZ(0deg) scale(.3);
	}

	20%
	{
		opacity: 1;
		transform: rotateZ(360deg) scale(1);
	}

	40%
	{   opacity: 0;
		transform: rotateZ(720deg) scale(.3);
	}

	100%
	{   opacity: 0;
		transform: rotateZ(720deg) scale(.3);
	}

}

.sale_page_n_section_block.lunar2019 .promo_item_list .item {
	overflow: visible;
}


.sale_page_n_section_block.lunar2019 .promo_item_list .item .additional_cart_discount_container .basePriceStrikeout {
	left: -63px;
    top: 8px;
    height: 11px;
}


.sale_page_n_section_block.lunar2019 .promo_item_list .item .additional_cart_discount{
	top: -15px;
	min-height: 24px;
}


.sale_page_n_section_block.lunar2019 .promo_item_list .item .additional_cart_discount .additional_cart_discount_amount{
	font-size: 12px;
	margin-top: 0px;
}


.sale_page_n_section_block.lunar2019 .promo_item_list .item .additional_cart_discount .additional_cart_discount_final{
	font-size: 14px;
	margin-top: 4px;
}

/* spotlight styles */
.spotlight_img {
    width: 306px;
    height: 100%;
    overflow: hidden;
    padding-left: 1px;
    padding-top: 1px;
}

.spotlight_img:has(:focus-visible) {
	outline: auto Highlight;
	outline: auto -webkit-focus-ring-color;
}

.spotlight_img a {
    display: block;
    height: 100%;
}
.home_area_spotlight {
	position: relative;
	height: 395px;
}
@media (forced-colors:active) {
	.home_area_spotlight {
		border: 1px solid ButtonBorder;
	}
}

.spotlight_scroll_ctn {
    background: -webkit-linear-gradient( left, rgba(0,0,0,0.2) 5%,rgba(0,0,0,0.4) 95%);
	background: linear-gradient( to right, rgba(0,0,0,0.2) 5%,rgba(0,0,0,0.4) 95%);
	margin-bottom: 4px;
    height: 395px;
}

.spotlight_content {
	padding: 8px 16px 12px 16px;
	color: #9099a1;
	font-size: 12px;
	position: absolute;
	bottom: 0;
	width: 274px;
	margin: 1px;

	background: url( "" ) bottom center no-repeat;
    pointer-events: none;
}
.spotlight_content .discount_block.no_discount .discount_prices {
	padding-left: 0;
}
.spotlight_content .discount_block.no_discount .discount_final_price {
	background: #344654;
	line-height: 13px;
	padding: 12px 8px 12px 8px;
}

.spotlight_weeklong_ctn {
	background: url( "" ) top center no-repeat;
	width: 304px;
	height: 350px;
	text-align: center;
	margin: 0px;
	border: 1px solid rgba(0, 0, 0, 0);
	position: relative;
	z-index: 1;
}
.spotlight_weeklong_ctn:hover {
	border: 1px solid rgba(171, 218, 244, 0.6);
}

.spotlight_weeklong_ctn .spotlight_text_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 304px;
	height: 350px;
	z-index: 2;
}

.spotlight_count {
			font-family: "Motiva Sans", Sans-serif;
		font-weight: bold; /* bold */

			color: #ffffff;
	font-size: 40px;

	display: block;
	position: relative;
	z-index: 3;
	margin-top: 224px;
}

.spotlight_weeklong_subtitle {
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 300; /* light */

			font-size: 13px;
	color: #8f98a0;
	text-align: center;
	margin-top: 20px;
}

.login .spotlight_content {
	background: #15212e;
}
.spotlight_body {

}
.spotlight_body.spotlight_price {
	margin-top: 10px;
}

.spotlight_block .spotlight_content>.spotlight_title {
	color: #c7d5e0;
	font-size: 21px;
	font-weight: normal;
	margin: 0;
}

.spotlight_content .spotlight_title {
	display: block;
	font-family: "Motiva Sans", Sans-serif;
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 10px;
    letter-spacing: 0.03em;
    font-weight: normal;
    padding-top: 2px;
}

/*
 * TABS
 */

.tab_item {
	position: relative;
	display: block;
	background: #202d39;
	background: rgba( 0, 0, 0, 0.2 );

	height: 69px;

	margin-bottom: 5px;
	padding-left: 198px;

	text-size-adjust: none;
	-webkit-text-size-adjust: none;
}

.tab_item.episode {
	padding-left: 158px;
}

.large .tab_item {
    position: relative;
    background: #202d39;
    background: rgba( 0, 0, 0, 0.2 );

    height: 87px;

    margin-bottom: 4px;
    padding-left: 244px;
}

.large .tab_item .ds_options {
	right: auto;
	left: 210px;
	z-index: 4;
}

.tab_item:hover,
.large .tab_item:hover {
	background: rgba( 0, 0, 0, 0.4 );
}

.tab_item_overlay {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
}

.tab_item_overlay_hover {
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.tab_item:hover .tab_item_overlay_hover {
	display: block	;
}

.tab_item_overlay img {
	display: block;
	width: calc( 100% - 2px );
	height: 67px;
    border: 1px solid rgba( 139, 185, 224, 0 );
}
.large .tab_item_overlay img {
    height: 85px;
}

.tab_item_overlay img:hover, .large .tab_item_overlay img:hover {
    border: 1px solid rgba( 139, 185, 224, 0.2 );
}

.tab_item_cap {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	line-height: 69px;
	height: 69px;

	transition: opacity 0.25s;
}

.sub .tab_item_cap {
	width: 184px;
}

.large .tab_item_cap {
    width: 231px;
    height: 87px;
	line-height: 87px;
}
.large .tab_item_cap img {
	width: 231px;
	height: 87px;
}

.tab_item_discount {
    display: flex;
    justify-content: space-between;
	float: right;
	margin-right: 16px;
	background: none;

	margin-top: 23px;

	width: 133px;
	text-align: right;
}

.tab_item_discount.no_discount {
	margin-top: 32px;
	width: auto;
}

.tab_item_discount .bundle_base_discount {
	display: none;
}

.tab_item_discount .discount_pct {
	display: flex;
    align-items: center;

    font-size: 14px;
	line-height: 18px;
	padding: 0 4px;
    border-radius: 1px;
}

.tab_item_discount.no_discount .bundle_base_discount {
    display: none;
}

.home_tabs_content {
	min-height: 775px;
}

.tab_item_content {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	padding-top: 6px;
	font-size: 12px;
}

.large .tab_item_content {
	padding-top: 16px;
}

.home_tabs_content .tab_item_content {
	padding-top: 7px;
}

.tab_item_name {
	color: #c7d5e0;
	font-size: 1.25em;
	line-height: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	overflow: hidden;

	transition: color 0.25s;
}

.tab_item_details {
	color: #384959;

	line-height: 20px;
}

.tab_item_details span.platform_img {
	vertical-align: bottom;
	opacity: 0.5;
	width: 16px;
	height: 16px;
}


.tab_item.ds_flagged:not(.ds_wishlist):not(:hover) .tab_item_cap {
	opacity: 0.3;
}


.tab_item.ds_flagged:not(.ds_wishlist):not(:hover) .tab_item_content .tab_item_name {
	color: #62696e;
}

.tab_item_top_tags {
	height: 20px;
	white-space: normal;
	overflow: hidden;
}

.tab_item_top_tags .top_tag {
	white-space: nowrap;
}

.tab_item .release_date {
	width: 85px;
	color: #4c6c8c;
	text-align: right;
	font-size: 11px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	position: absolute;
	bottom: 3px;
	right: 16px;
}

@media screen and (max-width: 910px)
{
	.tab_item .release_date {
		display: none;
	}
}

.tab_item.focus .release_date {
	right: 30px;
}


/* Blurring for various filtered items */

.tab_item.ds_flagged:not(.ds_wishlist):not(:hover):not(.ds_owned) .tab_item_cap img {
	filter: blur(4px);
}
.bundle_contents_preview_item.ds_excluded_by_preferences img {
	filter: blur(4px);
	opacity: 0.3;
}


.dailydeal_ctn {
	padding: 16px;
	background: -webkit-linear-gradient( top, #ffffff 5%, #abdaf4 95%);
	background: linear-gradient( to bottom, #ffffff 5%, #abdaf4 95%);
	position: relative;

	margin-bottom: 2px;
}

.dailydeal_cap {
	position: relative;
	margin-bottom: 3px;
}

.dailydeal_cap, .dailydeal_cap img {
	width: 276px;
	height: 129px;
}

.dailydeal_desc {
	text-align: right;
    color: #283846;
	font-size: 14px;
}

.dailydeal_countdown {
	display: inline-block;
	color: #282d33;
	font-size: 10px;
	background: #ff7b00;
	line-height: 13px;
	padding: 0 4px;
	margin-top: 4px;
}

img.category_icon {
	width: 26px;
	height: 16px;
	vertical-align: top;
}

/*
 * FRIEND BLOCKS
 */

.friend_activity {
    position: relative;
}

.friend_game_block {
    position: relative;
}

.home_friend_game_block {
    padding-left: 132px;
    padding-bottom: 18px;
}

.friend_game_block .friend_activity {
    display: block;
    width: 150px;
    height: 40px;
}

.friend_game_block .friend_activity:hover {
    text-decoration: none;
    background: rgba( 103, 193, 245, 0.1 );
}

.friend_game_block .game_capsule {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 120px;
    height: 45px;
}

.home_friend_game_block .game_capsule {
    right: auto;
    left: 0;
}

.home_friend_game_block .game_capsule a {
	position: relative;
	display: block;
	width: 120px;
	height: 45px;
}

.home_friend_game_block .game_capsule a.ds_flagged .ds_flag {
	top: 18px;
}

.home_friend_game_block .game_capsule a.ds_flagged:not(.ds_wishlist) img {
	opacity: 0.3;
}

.friend_activity .friend_block_text {
    display: block;
    position: absolute;
    width: 96px;
    top: 6px;
    left: 48px;
    font-size: 10px;
}

.ds_flag.ds_wishlist_flag {
	box-shadow: 0 0 6px 0 #000000;
}


/*
 * platforms
 */

span.platform_img {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	fill: #FFFFFF;
}

span.platform_img.steamplay {
	width: 64px;
	background-image: url( "" );
	padding-right: 5px;
}

span.platform_img.win {
	background-image: url( "" );
}

span.platform_img.mac {
	background-image: url( "" );
}

span.platform_img.linux {
	background-image: url( "" );
}

span.platform_img.streamingvideo {
	background-image: url("");
}

span.platform_img.streamingvideoseries {
	background-image: url("");
}

span.platform_img.streaming360video {
	background-image: url("");
}

span.platform_img.htcvive {
	background-image: url( "" );
}

span.platform_img.oculusrift {
	background-image: url( "" );
}

span.platform_img.windowsmr {
	background-image: url( "" );
}
span.platform_img.valveindex {
	background-image: url( "" );
	width: 26px;
}

span.platform_img.music {
	background-image: url( "" );
}

span.vr_supported,
span.vr_required {
    vertical-align: top;
    line-height: 21px;
    font-size: 11px;
	color: white;
}

.hover_release span.platform_img.valveindex {
	background-image: url( "" );
	width: 26px;
	height: 19px;
}

.hover_release span.platform_img.htcvive {
	background-image: url( "" );
}

.hover_release span.platform_img.oculusrift {
	background-image: url( "" );
}

.hover_release span.platform_img.windowsmr {
	background-image: url( "" );
}


span.platform_img.group_separator {
	border-right: 1px solid #CCC;
	width: 1px;
	margin: 0px 4px;
}
.promo_item_list .item .info .OS span.platform_img.streamingvideo {
	background-position: 0px 1px;
}

/* GLOBAL TAG STYLES */

.app_tag {
	display: inline-block;
	line-height: 19px;
	padding: 0 7px;
	color: #b0aeac;
	background-color: #384959;

	margin-right: 2px;
	border-radius: 3px;

	box-shadow: 1px 1px 0 0 #000000;
	cursor: pointer;

	margin-bottom: 3px;

	max-width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.app_tag.not_browseable {
	opacity: 0.6;
	cursor: default;
}

/* HOVER */


div.game_hover {
	position: absolute;
	z-index: 1526;
	top: 40px;
	left: 400px;
	padding: 5px 12px 0 12px;
}

.game_hover_iframe {
	overflow: hidden;
	width: fit-content;
	height: fit-content;
}

.game_hover_box {
    background: rgb(227,234,239); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(227,234,239,1) 0%, rgba(199,213,224,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,234,239,1)), color-stop(100%,rgba(199,213,224,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(227,234,239,1) 0%,rgba(199,213,224,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(227,234,239,1) 0%,rgba(199,213,224,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(227,234,239,1) 0%,rgba(199,213,224,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(227,234,239,1) 0%,rgba(199,213,224,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3eaef', endColorstr='#c7d5e0',GradientType=0 ); /* IE6-9 */

    width: 306px;

	color: #30455a;
	font-size: 12px;

	overflow: hidden;

	box-shadow: 0 0 12px #000000;
}

.game_hover_iframe .game_hover_box {
	margin: 0;
}

.game_hover_box .content {
	padding: 16px;
}

.game_hover_box .hover_top_area {
	margin-bottom: 8px;
	font-size: 10px;
	color: #82807C;
}

.hover_screenshots {
	position: relative;
	width: 274px;
	height: 153px;
	margin: 5px 0;
}

.hover_screenshots .screenshot {
	position: absolute;
	width: 100%; /* Redundant ?? */
	height: 100%;
	background-size: cover;
	background-position: center center;
	opacity: 0;
	transition: opacity 300ms;
	animation: screenshot_hover_fadein 4s linear;
	animation-iteration-count:infinite;
}

.hover_screenshots .screenshot:nth-child(1) { animation-delay: 0s }
.hover_screenshots .screenshot:nth-child(2) { animation-delay: 1s }
.hover_screenshots .screenshot:nth-child(3) { animation-delay: 2s }
.hover_screenshots .screenshot:nth-child(4) { animation-delay: 3s }

@keyframes screenshot_hover_fadein {
	0% {
		opacity: 0;
	}
	3% {
		opacity: 1;
	}
	28% {
		opacity: 1;
	}

	31% {
		opacity: 0;
	}
}

#hover_screenshots .screenshot.active {
	opacity: 1;
}

.game_hover_box h4.hover_title {
	color: #222d3d;
	font-weight: normal;
	font-size: 15px;

			font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

		    text-transform: unset;
    letter-spacing: 0px;
    margin-top: -4px;
    line-height: 17px;
    margin-bottom: 4px;
}

.game_hover_box .hover_release {
	font-size: 10px;

	display: flex;
	justify-content: space-between;
}

.game_hover_box p, .game_hover_box {
	margin-top: 8px;
	margin-bottom: 8px;
}

.game_hover_box .rule {
}

.game_hover span.platform_img {
	width: 18px;
	height: 18px;
	margin: 0px 2px;
}

.game_hover .hover_arrow_left, .game_hover .hover_arrow_right {
	width: 7px;
	height: 15px;
	background: url( "" ) no-repeat top;
	position: absolute;
	top: 48px;
}

.game_hover .hover_arrow_left {
	background-position: left;

	left: 5px;
}

.game_hover .hover_arrow_right {
	background-position: right;

	right: 5px;
}

.hover_body {
	margin-bottom: 6px;
}

.hover_details_block, .hover_details_block_full {
	display: block;
	border-radius: 2px;
	margin-right: 3px;
	background-color: rgba( 38, 54, 69, 0.6);
	padding: 4px;

	line-height: 20px;
	height: 20px;
}

.hover_details_block {
	float: left;
}

.hover_category_icon {
	display: inline-block;
	line-height: 20px;
	height: 20px;
	vertical-align: middle;
}

.hover_friends_blocks {
	margin-bottom: 8px;
}

.hover_tag_row {
	overflow: hidden;
	height: 19px;
    margin-top: 2px;
}

.hover_tag_row .app_tag {
	background-color: rgba( 38, 54, 69, 0.6);
	color: rgba(227,234,239,1);
	box-shadow: none;
	padding: 0 4px;
    font-size: 11px;
    border-radius: 2px;
}

.hover_details_specs {
	height: 26px;
	margin-bottom: 2px;
}

.hover_details_specs .icon {
	float: left;
	left: 0px;
	width: 30px;
	height: 22px;
	padding-top: 4px;
	padding-left: 6px;
	background-color: #6a8caa;
}

.hover_details_specs .name {
	margin-left: 2px;
	height: 22px;
	padding-top: 4px;
	padding-left: 8px;
	background-color: #6a8caa;
}

.hover_body .hover_review_summary {
	margin-bottom: 10px;
	border-radius: 2px;
	padding: 4px;
	color: #c6d4df;
	background-color: rgba( 38, 54, 69, 0.6);
}
.review_anomaly_icon {
	vertical-align: sub;
	font-size: 16px;
	color: #6f8695;
	display: inline-block;
	max-height: 12px; /* Restrict height to the text around it to not push down content below it */
}
.hover_body .review_anomaly_icon {
	color: #c6d4df;
}

.review_score_icon.positive {
	background-image: url( "" );
}

.review_score_icon.mixed {
	background-image: url( "" );
}

.review_score_icon.negative {
	background-image: url( "" );
}


.game_review_summary {
	color: #c85e2d;
}
.game_review_summary.mixed {
	color: #B9A074;
}
.game_review_summary.positive {
	color: #66C0F4;
}
.game_review_summary.no_reviews, .game_review_summary.not_enough_reviews {
	color: #929396;
}

.friend_blocks_row {
    margin-top: 2px;
}

.friend_blocks_row .playerAvatar {
	float: left;
	margin-right: 5px;
}
.friend_blocks_row .friend_block_holder {
    width: 40px;
    height: 40px;
}
.friend_blocks_row .friend_block_holder, .friend_blocks_row .playerAvatar {
    float: left;
    margin-right: 5px;
}


/*
 * FRIENDS TODO: LEGACY
 */

.friend_block_avatar {
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	padding: 4px;
	margin-right: 2px;
}

.friend_status_offline .friend_block_avatar {
	background-image: url( "" );
}

.friend_status_online .friend_block_avatar {
	background-image: url( "" );
}

.friend_status_in-game .friend_block_avatar {
	background-image: url( "" );
}


.cluster_control_left, .cluster_control_right {
	position: absolute;
	top: 16px;
	height: 44px;
	color: #8bb9e0;
	background-color: #000000;
	padding: 6px;
	cursor: pointer;
}

.cluster_control_left img, .cluster_control_right img {
	vertical-align: middle;
}

.cluster_control_left {
	left: 0px;
	padding-right: 16px;
}

.cluster_control_right {
	right: 0px;
	text-align: right;
	padding-left: 16px;
}

.cluster_capsule {
	display: block;
	float: left;
	margin-right: 4px;
	position: relative;
}

a.cluster_capsule:hover {
	text-decoration: none;
}

.large_cluster_content_twoup {
	position: relative;
	width: 940px;
	height: 254px;
	overflow: hidden;
    margin-top: 15px;
    margin-bottom: 20px;
}

.large_cluster_content_twoup .cluster_control_left {
	border-left: 1px solid #4D4B49;
}

.large_cluster_content_twoup .cluster_control_right {
	border-right: 1px solid #4D4B49;
}

.large_cap {
	width: 467px;
	height: 252px;
	border: 1px solid #4D4B49;
}

.cluster_capsule.large_cap {
	margin-right: 2px;
}

a.large_cap:hover {
	text-decoration: none;
}

img.large_cap {
	width: 467px;
	height: 181px;
	position: relative;
}

.large_cap_content {
	padding: 13px 16px;
}

.large_cap_content h4 {
	margin-bottom: 6px;
}

.large_cap_content p {
	color: #B0AEAC;
	font-size: 12px;
	height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.large_cap_discount {
	position: absolute;
	right: 16px;
	bottom: 98px;
}

.large_cap_desc {
	position: absolute;
	left: 0px;
	bottom: 0px;

	background-color: #1a1a1a;

	width: 467px;
	height: 71px;
	overflow: hidden;
}

.large_cap_price {
	position: absolute;
	right: 16px;
	line-height: 14px;
}

/* Dark page cut */

body.v6 .page_content_ctn.dark {
	background-color: #000;
	padding: 25px 0;
}

body.v6 .page_content_ctn.dark:last-child {
	margin-bottom: -52px;
}

.page_content_ctn.dark .pageheader:after {
	content: ' ';
	display: block;
	height: 1px;
	margin-top: 5px;
	background: -webkit-linear-gradient( left, #3b6e8c 5%,#000000 95%);
	background: linear-gradient( to right, #3b6e8c 5%,#000000 95%);
}


/* common discovery queue styles */

.discovery_queue {
	height: 289px;
	position: relative;
}

/* empty queue */
.discover_queue_empty
{
	padding: 30px 20px 20px 20px;
	text-align: center;
	background: rgba( 0, 0, 0, 0.2);
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 300; /* light */

			font-weight: normal;
	margin-bottom: 30px;
	margin-top: 12px;
	height: 165px;
}
body.v6 .discover_queue_empty>h3 {
	font-size: 20px;
	color: #C6D4DF;
	margin-bottom: 15px;
}
.discover_queue_empty>p {
	font-size: 13px;
	color: #8F98A0;
}
.discover_queue_empty_refresh_btn
{
	padding-top: 20px;
}

.dq_item {
	position: absolute;
	box-shadow: 0 0 8px 0 #000000;
}
.dq_item,
.dq_item div,
.dq_item img {
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

.dq_item .dq_item_cap {
	width: 100%;
	height: auto;
	display: block;
}

.dq_item_overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;	/* keep it on top of ds_flag (z-index 5 ) */
}

.dq_item .ds_flag {
	box-shadow: 0 0 4px 0 #000000;
}

.dq_item_price {
	position: absolute;
	bottom: -39px;
	right: 0;
	opacity: 0;
}

.dq_item_price.no_discount {
	bottom: -26px;
}

.dq_item_reason {
	opacity: 0;
	font-size: 17px;
	font-family: "Motiva Sans", Sans-serif;
	margin-top: 4px;
	color: #fff;
	width: 330px;
}

.dq_item.dq_active_link {
	z-index: 30;
	box-shadow: none;
}

.dq_item.dq_active_link a {
	display: block;
	width: 460px;
	height: 215px;
}

#page_background_holder {
	position: absolute;
	width: 100%;
	left: 0px;
	overflow: hidden;
	z-index: -1;
	min-width: 972px;
}

#page_background {
	text-align: center;
	background-position: center top;
	background-repeat: no-repeat;
	height: 1024px;
	min-width: 972px;
}

/* TEMPORARY */

#v6takeover .flag {
	margin: 0 0 -15px 0;
	z-index: 10;
	position: relative;
	height: 36px;
	background-repeat: no-repeat;
	background-position: top left;
}

#v6takeover.closed .flag {
	margin: 0 0 -15px -17px;
	height: 35px;
}
#v6takeover.closed {
	border-bottom: 1px solid rgba( 0, 0, 0, 0 );
}

#v6takeover .avatar {
	border: 5px solid #67c1f5;
	width: 92px;
	height: 92px;
	box-shadow: 0 0 5px #67c1f5;
	z-index: 5;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 2px;
}

#v6takeover .avatar > img {
	width: 92px;
	height: 92px;
}

#v6takeover .title {

			font-family: "Motiva Sans", Sans-serif;
		font-weight: bold; /* bold */

			font-size: 44px;
	color: #fff;

	text-transform: uppercase;
	line-height: 46px;
	display: inline-block;
	width: 770px;
	margin: 18px 0 0 9px;
	vertical-align: top;
}

#v6takeover .title > div {
	color: #66c0f4;
}

#v6takeover .desc {

	font-size: 16px;
	margin: 10px 0 10px 0;
}

#v6takeover .close {
	position: absolute;
	top: 9px;
	right: 9px;
	z-index: 25;
	background-image: url( "" );
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
}
#v6takeover.closed .close {
	background-image: url( "" );
}

#v6takeover.closed .avatar, #v6takeover.closed .title, #v6takeover.closed .desc, #v6takeover.closed .btn_medium {
	display: none;
}

#v6takeover {
	padding: 0 15px 15px 15px;
	border-bottom: 1px solid #305d7d;
	background: -webkit-linear-gradient( top, rgba(0,0,0,0) 5%, rgba(102,192,244,0.2) 95%);
	background: linear-gradient( to bottom, rgba(0,0,0,0) 5%, rgba(102,192,244,0.2) 95%);
	margin-bottom: 15px;
	position: relative;
}
#v6takeover.closed {
	background: rgba( 0, 0, 0, 0.2 );
}

/* END TEMPORARY */


.dropcontainer ul {
	list-style-type:none;
	line-height: 22px;
	margin:0;
	position:absolute;
	top:0;
	left: 0;
	right: 0;
	z-index: 900;

	overflow: auto;
	overflow-x: hidden;

	box-shadow: 0 0 5px 0 #000000;
	background: #417A9B;
}
.dropdownhidden{
	display: none;
}
.dropdownvisible{
	display: block;
}
.dropcontainer ul li {
	padding: 0;
	margin: 0;
}
.dropcontainer ul li.emptyvalue {
	font-style: italic;
}
.dropcontainer ul a {
	padding: 0 10px;
	display:block;
	text-decoration:none;
	color: #e5e4dc;

	white-space: nowrap;
}

.dropcontainer{
	position:relative;
}

.dselect_container {
	font-size: 12px;
}

.dselect_container {
	position: relative;

}
.dselect_container button.trigger, .dselect_container button.activetrigger {
	display: block;
	box-sizing: content-box;
	text-align: inherit;
	cursor: pointer;

	color: #67c1f5;
	padding: 0 30px 0 8px;
	font-size: 12px;
	line-height: 21px;
	border: 0;
	border-radius: 3px;
	text-decoration: none;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position:relative;
}

.dselect_container button.trigger {
	background: rgba( 103, 193, 245, 0.1 );
}

.dselect_container button.activetrigger, .dselect_container button.activetrigger:hover {
	color: #ffffff;
	background: #67c1f5;
}


.dselect_container button.activetrigger {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	z-index: 91;
	position: relative;
}

.dselect_container button.trigger::after, .dselect_container button.activetrigger::after {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 20px;
	background: url("ico_arrow_dn_for_select.png") no-repeat left center;
	content: '';
}

.dselect_container button.trigger:hover,
.dselect_container .dropcontainer a.highlighted_selection
{
	color: #ffffff;
	background-color: #67c1f5; /* Old browsers */
	background: -webkit-linear-gradient( 150deg, #417a9b 5%,#67c1f5 95%);
	background: linear-gradient( -60deg, #417a9b 5%,#67c1f5 95%);
}

.promo_leftcol {
	margin-right: 5px;
	padding: 10px 20px 10px 20px;
	background-color: rgba( 0, 0, 0, 0.4 );
}
.promo_rightcol {
	margin-left: 5px;
	padding: 1px 15px 10px 15px;
	border-radius: 4px;
	background: rgba( 0, 0, 0, 0.2 );
}
.promo_banner {
	box-shadow: 0px 0px 5px #000;
}

/* Refund policy styles */
.refund_policy .page_header_ctn {
	padding-bottom: 74px;
}
.refund_policy h2 {
	padding-top: 40px;
}

.refund_policy .header_ctn {
	margin: 40px 0;
}

body.v6.refund_policy {
	background: #212429;
}

body.v6.refund_policy .page_content_ctn {
	font-size: 14px;
	line-height: 18px;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

			color: #a4b0be;
}

.refund_policy #main_content h1 {
	color: #ffffff;
	font-size: 26px;
	text-shadow: 1px 1px 0 #000000;
	margin: 32px 0px 8px 0px;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 300; /* light */

			font-weight: normal;
	line-height: normal;
}

.refund_policy #main_content h2 {
	padding-top: 12px;
	margin-bottom: 4px;
	line-height: 20px;
}

.refund_policy p {
	margin-bottom: 16px;
}

.refund_policy ul {
	padding-left: 20px;
}

.nonresponsive_hidden {
	display: none;
}

a.pulldown_desktop {
	display: inline;
	color: #e5e5e5;
}

a.pulldown_mobile {
	display: none;
}

@media screen and (max-width: 910px)
{

	html.responsive .leftcol,
	html.responsive .rightcol {
		float: none;
		width: auto;
		margin-left: 0;
	}

	html.responsive .tab_item_cap_img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}

	html.responsive .carousel_container .arrow {
		bottom: 0px;
		top: auto;
		height: 0px;
		width: 0;
		padding: 0px;

		background: none;
	}

	html.responsive .carousel_container .arrow > div {
		width: 13px;
		height: 20px;
		background-size: cover;
		display: none;
		margin: 0 10px;
	}

	html.responsive .carousel_container .arrow.left {
		left: 0;
	}

	html.responsive .carousel_container .arrow.left > div {
		background-position-x: 13px;
	}

	html.responsive .carousel_container .arrow.right {
		right: 0;
		text-align: right;
	}

	html.responsive .carousel_container .carousel_items > * {
		position: relative;
		top: auto;
		left: auto;
		opacity: 1;
	}

	html.responsive .specials_under10_content,
	html.responsive .live_streams_ctn {
		margin-top: 0;
		margin-bottom: 0;
	}

	html.responsive .carousel_container .carousel_items:not(.no_paging),
	html.responsive .carousel_container.maincap .carousel_items:not(.no_paging) {
		overflow-x: scroll;
		overflow-y: hidden;
		box-sizing:content-box;


		display: -webkit-box; /* Very Old webkit */
		display: -ms-flexbox; /* IE 10 */
		display: -webkit-flex; /* Old webkit */
		display: flex;
		flex-wrap: nowrap;

		padding-bottom: 21px;
	}

	html.responsive .carousel_container .carousel_items > * {
		pointer-events: auto;
		flex-shrink: 0;
	}


}

	html.responsive.gamepad .leftcol,
	html.responsive.gamepad .rightcol {
		float: none;
		width: auto;
		margin-left: 0;
	}

	html.responsive.gamepad .tab_item_cap_img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}

	html.responsive.gamepad .carousel_container .arrow {
		bottom: 0px;
		top: auto;
		height: 0px;
		width: 0;
		padding: 0px;

		background: none;
	}

	html.responsive.gamepad .carousel_container .arrow > div {
		width: 13px;
		height: 20px;
		background-size: cover;
		display: none;
		margin: 0 10px;
	}

	html.responsive.gamepad .carousel_container .arrow.left {
		left: 0;
	}

	html.responsive.gamepad .carousel_container .arrow.left > div {
		background-position-x: 13px;
	}

	html.responsive.gamepad .carousel_container .arrow.right {
		right: 0;
		text-align: right;
	}

	html.responsive.gamepad .carousel_container .carousel_items > * {
		position: relative;
		top: auto;
		left: auto;
		opacity: 1;
	}

	html.responsive.gamepad .specials_under10_content,
	html.responsive.gamepad .live_streams_ctn {
		margin-top: 0;
		margin-bottom: 0;
	}

	html.responsive.gamepad .carousel_container .carousel_items:not(.no_paging),
	html.responsive.gamepad .carousel_container.maincap .carousel_items:not(.no_paging) {
		overflow-x: scroll;
		overflow-y: hidden;
		box-sizing:content-box;


		display: -webkit-box; /* Very Old webkit */
		display: -ms-flexbox; /* IE 10 */
		display: -webkit-flex; /* Old webkit */
		display: flex;
		flex-wrap: nowrap;

		padding-bottom: 21px;
	}

	html.responsive.gamepad .carousel_container .carousel_items > * {
		pointer-events: auto;
		flex-shrink: 0;
	}


@media screen and (max-width: 910px)
{
	html.responsive body.v6 .page_content {
		max-width: 940px;
		width: auto;
		margin: 0 2%;
	}

	html.responsive body.v6 h2.pageheader {
		font-size: 30px;
		word-wrap: break-word;
	}

	html.responsive .tab_item {
		padding-left: 0;
	}

	html.responsive .tab_item_cap_ctn {
		float: left;
		max-width: 33%;
	}

	html.responsive .tab_item_cap {
		position: static;
		float: left;
		max-width: 33%;
		margin-right: 3%;
	}
}

@media screen and (max-width: 910px)
{

	html.responsive #responsive_store_search_overlay,
	html.responsive #responsive_store_nav_overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;

		height: 100vh;
		background-color: #000000AA;
		z-index: 101;

		display: flex;
		flex-direction: column;
	}

	html.responsive #responsive_store_nav_overlay_ctn {
		background-color: black;
		margin-left: 3%;
		margin-right: 3%;

		border-radius: 0 0 8px 8px;

		overflow-y: auto;

		max-height: 90vh;
	}

	html.responsive div#store_header,
	html.responsive div#store_header .content {
		min-width: 0;
		width: auto;
		height: auto;
		margin-bottom: 0;
	}

	html.responsive body.responsive_store_overlay_visible {
		overflow-y: hidden;
		touch-action: none;
		-ms-touch-action: none;
	}

	html.responsive #responsive_store_nav_overlay_bottom {
		flex: 1;
	}

	html.responsive .responsive_store_nav_ctn_spacer {
		height: 16px;
	}

	html.responsive div#store_controls {
		display: none;
	}

	html.responsive div#store_header #store_nav_area {
		position: static;
	}

	html.responsive #store_header {
		display: none;
	}

	html.responsive #store_nav_area,
	html.responsive #store_nav_area .store_nav_bg,
	html.responsive #store_nav_area .store_nav {
		height: auto;
		margin: 0;
		display: block;
	}

	html.responsive #store_nav_area .store_nav .tab {
		float: none;
		display: block;
		border: none;
	}

	html.responsive div#store_search {
		float: none;
		border-left: none;
	}

	html.responsive .searchbox {
		width: auto;
		height: auto;
		background-image: none;
		background-color: rgba(96, 133, 155, 0.979);
		border-radius: 4px;
		box-shadow: inset 0 0 4px #000000;
		margin: 1px;
		padding: 0 6px;
	}

	html.responsive .searchbox:hover {
		background-image: none;
		margin: 0;
		border: 1px solid #ffffff;
	}

	html.responsive .searchbox input {
		width: 100%;
		font-size: 16px;
		margin: 0;
		line-height: 28px;
	}

	html.responsive .store_nav .search_area {
		position: relative;
		max-width: none;
	}

	html.responsive .search_area .search_suggest {
		left: 4px;
		right: 4px;
		top: 35px;
		width: auto;
	}

	html.responsive a.pulldown_desktop {
		display: none;
	}

	html.responsive a.pulldown_mobile {
		display: inline;
		color: inherit;
	}


}

	html.responsive.rn_mobile_app #responsive_store_search_overlay,
	html.responsive.rn_mobile_app #responsive_store_nav_overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;

		height: 100vh;
		background-color: #000000AA;
		z-index: 101;

		display: flex;
		flex-direction: column;
	}

	html.responsive.rn_mobile_app #responsive_store_nav_overlay_ctn {
		background-color: black;
		margin-left: 3%;
		margin-right: 3%;

		border-radius: 0 0 8px 8px;

		overflow-y: auto;

		max-height: 90vh;
	}

	html.responsive.rn_mobile_app div#store_header,
	html.responsive.rn_mobile_app div#store_header .content {
		min-width: 0;
		width: auto;
		height: auto;
		margin-bottom: 0;
	}

	html.responsive.rn_mobile_app body.responsive_store_overlay_visible {
		overflow-y: hidden;
		touch-action: none;
		-ms-touch-action: none;
	}

	html.responsive.rn_mobile_app #responsive_store_nav_overlay_bottom {
		flex: 1;
	}

	html.responsive.rn_mobile_app .responsive_store_nav_ctn_spacer {
		height: 16px;
	}

	html.responsive.rn_mobile_app div#store_controls {
		display: none;
	}

	html.responsive.rn_mobile_app div#store_header #store_nav_area {
		position: static;
	}

	html.responsive.rn_mobile_app #store_header {
		display: none;
	}

	html.responsive.rn_mobile_app #store_nav_area,
	html.responsive.rn_mobile_app #store_nav_area .store_nav_bg,
	html.responsive.rn_mobile_app #store_nav_area .store_nav {
		height: auto;
		margin: 0;
		display: block;
	}

	html.responsive.rn_mobile_app #store_nav_area .store_nav .tab {
		float: none;
		display: block;
		border: none;
	}

	html.responsive.rn_mobile_app div#store_search {
		float: none;
		border-left: none;
	}

	html.responsive.rn_mobile_app .searchbox {
		width: auto;
		height: auto;
		background-image: none;
		background-color: rgba(96, 133, 155, 0.979);
		border-radius: 4px;
		box-shadow: inset 0 0 4px #000000;
		margin: 1px;
		padding: 0 6px;
	}

	html.responsive.rn_mobile_app .searchbox:hover {
		background-image: none;
		margin: 0;
		border: 1px solid #ffffff;
	}

	html.responsive.rn_mobile_app .searchbox input {
		width: 100%;
		font-size: 16px;
		margin: 0;
		line-height: 28px;
	}

	html.responsive.rn_mobile_app .store_nav .search_area {
		position: relative;
		max-width: none;
	}

	html.responsive.rn_mobile_app .search_area .search_suggest {
		left: 4px;
		right: 4px;
		top: 35px;
		width: auto;
	}

	html.responsive.rn_mobile_app a.pulldown_desktop {
		display: none;
	}

	html.responsive.rn_mobile_app a.pulldown_mobile {
		display: inline;
		color: inherit;
	}


@media screen and (max-width: 600px)
{
	html.responsive body.v6 h2.pageheader {
		font-size: 24px;
		padding-top: 20px;
	}

	html.responsive .tab_item_discount .discount_pct,
	html.responsive .tab_item_discount.no_discount .bundle_base_discount {
		float: none;
		margin-top: 0;
        margin-right: 2px;
	}

	html.responsive .tab_item_discount {
		margin-top: 19px;
		width: auto;
        margin-right: 4px;
	}
}


/* main cluster rotation */

.main_cluster_content {
	width 616px;
	height: 395px;
	overflow: hidden;
	margin-bottom: 4px;
	position: relative;

	-webkit-overflow-scrolling: touch;
}

html.touch .main_cluster_content {
	overflow-x: scroll;
}

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

.cluster_scroll_area {
	overflow: hidden;
}

.main_cluster_content a.cluster_capsule  {
	display: inline-block;
	width: 616px;
	height: 395px;
	margin-right: 4px;
	position: relative;
}

a.cluster_capsule:hover {
	text-decoration: none;
}

.main_cluster_content .cluster_capsule_image {
	width: 616px;
	height: 353px;
	display: block;
}

.main_cluster_content .cluster_capsule .ds_flag {
	box-shadow: 0 0 6px 0 #000000;
}

.main_cluster_content .cluster_maincap_fill {
	width: auto;
	display: block;

	position: relative;
	overflow: hidden;
}

.main_cluster_content img.cluster_maincap_fill_placeholder {
	width: 100%;
	height: auto;
}

.cluster_maincap_fill .cluster_maincap_fill_bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0.5;
	filter: blur(5px);
	-webkit-filter: blur(5px);
	overflow: hidden;
}

.cluster_maincap_fill .cluster_maincap_fill_header {
	position: absolute;
	left: 78px;
	top: 69px;
	z-index: 2;
	box-shadow: 0 0 16px 6px #000000;
}

.cluster_maincap_fill.package .cluster_maincap_fill_header {
	width: 530px;
	height: 174px;

	left: 43px;
	top: 89px;
}

.cluster_maincap_fill.package .cluster_maincap_fill_bg.cluster_capsule_image  {
	width: 1076px;
	height: 353px;
	left: -230px;
}

.main_cap_discount, .main_cap_price {
	position: absolute;
	right: 0;
	bottom: 42px;
	z-index: 3;
}

.corner_cap_discount {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 3;
}

/* Darken background */
.store_capsule .discount_block.corner_cap_discount > .discount_prices {
	background-color: rgba(20,31,44,0.7);
}

.main_cap_price {
	background: #000000;
	font-size: 13px;
	color: #b0aeac;
	line-height: 25px;
	padding: 0 8px;
}

.main_cap_desc {
	height: 42px;
	line-height: 42px;
	background: rgba( 0, 0, 0, 0.2 );
	padding: 0 12px;
	overflow: hidden;
}

.main_cap_platform_area {
	float: right;
	padding-top: 5px;
}

.main_cap_status {
	color: #ffffff;
	font-size: 21px;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 300; /* light */

			text-shadow: 1px 1px rgba( 0, 0, 0, 0.25 );

}

.main_cluster_ctn .home_btn.home_customize_btn {
	position: absolute;
	right: 10px;
	top: 10px;
	display: none;
	background: rgba( 44, 75, 100, 0.8 );
	box-shadow: 0 0 12px #000000;
}
.main_cluster_ctn .home_btn.home_customize_btn:hover {
	color: #ffffff;
	background: #67c1f5; /* Old browsers */
	background: -moz-linear-gradient(-60deg,  #67c1f5 0%, #417a9b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#67c1f5), color-stop(100%,#417a9b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-60deg,  #67c1f5 0%,#417a9b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-60deg,  #67c1f5 0%,#417a9b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-60deg,  #67c1f5 0%,#417a9b 100%); /* IE10+ */
	background: linear-gradient(135deg,  #67c1f5 0%,#417a9b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c1f5', endColorstr='#417a9b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.main_cluster_ctn:hover .home_customize_btn,
.main_cluster_ctn .home_btn.home_customize_btn.active {
	display: block;
}
.main_cluster_ctn .home_btn.home_customize_btn.active {
	box-shadow: none;
}


/*
 * Generic capsules
 */
.store_capsule {
	display: inline-block;
	position: relative;
	vertical-align: top; /* Because browsers cannot be trusted to align things. */

	width: 229px; /* Base width. Override with your own selector later. 229 * 4 + 8 * 3 = 940 */
	background: radial-gradient(62.67% 62.67% at 62.67% 100%, #3D4856 0%, #283645 100%);
}

.store_capsule:not(:last-child) {
	margin-right: 8px; /* Again, a default. Adjust to fit your container. */
}

.store_capsule:hover {
	background: radial-gradient(62.67% 62.67% at 62.67% 100%, #6B737D 0%, #3B4955 100%);
	text-decoration: none;
}

.store_capsule .capsule {
	vertical-align: top;
	position: relative;
}

.store_capsule .capsule > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	vertical-align: top;
}

.store_capsule .title {
	color: #c7d5e0;
	font-size: 13px;
	padding: 3px;
}

.store_capsule .discount_block {
	margin: 0;
	text-align: right;
	padding: 5px;
	line-height: 17px;
	min-height: 17px;
	font-size: 12px;
}

.store_capsule .discount_block > .discount_prices {
	background-color: rgba(20,31,44,0.4);
	border-top-right-radius: 1px;
	border-bottom-right-radius: 1px;
}

.store_capsule .discount_block.daily_deal_discount  > .discount_prices {
	background-color: rgba(20,31,44,0.8);
}

/* Add more padding when we have no discount */
.discount_block.no_discount .discount_final_price {
	padding: 0 6px;
    color: white;
}

.store_capsule .discount_block:not(.discount_block_large) .discount_pct {
	font-size: 11px;
}

@media screen and (max-width: 910px)
    html.responsive .store_capsule .discount_block {
        padding: 2px;
    }
}


.store_capsule .ds_flag { /* May need further adjustment for your particular capsule style */
	left: 0px;
}

.store_capsule.ds_flagged:not(.ds_wishlist):not(.broadcast_capsule) .capsule > img {
	opacity: 0.3;
}

.store_capsule_container_scrolling {
	white-space: nowrap;
	overflow: hidden;
}

.store_capsule_frame {
	padding: 11px 16px;
	margin: 20px -17px;
	background: -webkit-linear-gradient( top, rgba(22,33,46,1.0) 5%, rgba(22,33,46,0) 95%);
	background: linear-gradient( to bottom, rgba(22,33,46,1.0) 5%, rgba(22,33,46,0) 95%);
	border: 1px solid transparent;
	border-bottom: none; /* Fixes a weird artifact where the bottom border is 0,0,0,0.1 or something? */
	border-image: linear-gradient(to bottom, rgba(46,57,70,1) 5%, rgba(46,57,70,0) 95% ) 1;
}

/* Aspect ratios */
.store_capsule > .capsule.header, .store_capsule > .capsule.headerv5, .store_capsule > .capsule.headerratio, .store_capsule > .capsule.smallcapsule {
	padding-top: 46.57534246575342%;
	overflow: hidden;
}
.store_capsule > .capsule.main_capsule {
	padding-top: 57.3051948051948%;
}

.store_capsule > .capsule.smallv5 {
	padding-top: 37.5%
}

.store_capsule > .capsule.small {
	padding-top: 37.5%;
}


.store_capsule.price_inline .discount_block .discount_prices {
	background-color: rgba(0,0,0,0.8);
}
.store_capsule.price_inline .discount_block {
	position: absolute;
	right: 3px;
	bottom: 3px;
}

.home_right_btn {
	float: right;
	margin-top: 27px;
}

.autumn2016_home .live_streams_ctn {
	margin-top: 10px;
	margin-bottom: 50px;
}

#live_streams_carousel {
	margin-top: 10px;
	padding-bottom: 5px;
}
#live_streams_carousel .carousel_items .store_capsule {
	width: 306px;
	background: rgba(255,255,255,0.1);
}

#live_streams_carousel .title
{
	margin-top: 33px;
	padding-bottom: 6px;
	margin-left: 5px;
	display: flex;
	justify-content: space-between;
}
#live_streams_carousel .title > span.live_stream_app {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.live_stream_play_icon
{
	position: absolute !important;
	top: 60px !important;
	left: 115px !important;
	width: 80px !important;
	height: 55px !important;
	z-index: 2;
}

.live_streams_ctn .home_right_btn {
	margin-top: 2px;
}
.live_streams_ctn .store_capsule .title {
	line-height: 23px;
}

.live_streams_ctn .store_capsule:not(:last-child) {
	margin-right: 5px; /* Again, a default. Adjust to fit your container. */
	margin-bottom: 8px;
}


.live_steam_viewers
{
	font-size: 13px;
	margin: 0px 5px 0px 0px;
	padding-left: 28px;

	pointer-events: none;
	background-image: url("" );
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: 2px;
	line-height: 23px;
	text-decoration: none;
}

@media screen and (max-width: 910px)
{
	html.responsive #live_streams_carousel {
		padding-bottom: 0;
	}

	html.responsive .live_streams_ctn .store_capsule:not(:last-child) {
		margin-bottom: 0px; /* We don't wrap in responsive */
	}
}

/* ds_options defines the per-app preferences dropdown */
.ds_options {
	display: block;
	position: absolute;

	top: 0px;
	right: -5px;
	cursor: pointer;
	opacity: 0;
	padding: 5px 5px 0 0;
	transition: opacity 0.2s, right 0.2s;
	z-index: 15;
}

.ds_options > div {
	width: 30px;
	height: 15px;
	position: absolute;
	right: 4px;

	background-color: #e5e5e5;
	background-image: url("");
	background-position: 6px 4px;
	border-radius: 2px;
	background-repeat: no-repeat;
	box-shadow: 0 0 3px #000;
}

.ds_options:hover > div {
	background-color: #67c1f5;
	color: #fff;
	background-image: url("");
}


*:hover > .ds_options, .ds_hover.ds_options {
	opacity: 1;
	right: 0px;
}

.ds_options_tooltip {
	background-color: #3D4450;
	padding: 2px 8px;
	color: #fff;
	border-radius: 2px;
	box-shadow: 0 0 3px #000;
}

.ds_options_tooltip > .option  {
	margin: 5px 0;
	display: block;
	cursor: pointer;
	/*background-color: rgba(0,0,0,0.1);*/
	border-radius: 2px;
	padding: 8px 16px;
	line-height: normal;
	font-size: 13px;
	color: white;
}
.ds_options_tooltip > .option:hover {
	color: #ffffff;
	background-color: #464d58;
}

/* Temporary state for when we want to hide something but don't want to force a reload or risk breaking the layout */
.ds_ignored {
	opacity: 0.3;
}


body.v6 .store_capsule_frame :is(h2,span) span.right {
	float: right;
	text-transform: none;
	letter-spacing: normal;
}

body.v6 .store_capsule_frame h3 {
	font-size: 14px;
	letter-spacing: 2px;
}

body.v6 .store_capsule_frame h2 > a {
	color: inherit;
}

body.v6 .store_capsule_frame > h3, body.v6 .store_capsule_frame > h3 > a {
	color: #abdaf4;
	margin: 0 0 10px;
	font-size: 14px;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 300; /* light */

			margin-top: -6px;
}

@media screen and (max-width: 910px)
{
	html.responsive div.main_cluster_content {
		width: auto;
		height: auto;
	}

	html.responsive .main_cluster_content a.cluster_capsule {
		width: auto;	/* javascript will set */
		height: auto;
	}

	html.responsive .main_cluster_content .cluster_capsule_image:not(.cluster_maincap_fill_bg) {
		width: 100%;
		height: auto;
	}

	html.responsive .cluster_maincap_fill .cluster_maincap_fill_header {
		left: 12%;
		top: 19.5%;
		width: 74%;
		height: auto;
	}

	html.responsive .main_cluster_ctn {
		max-width: 616px;
		margin: 0 auto;
	}

	html.responsive .main_cluster_ctn.large_cluster_responsive {
		max-width: 462px;
	}

	html.responsive *:hover > .ds_options,
	html.responsive .ds_hover.ds_options {
		opacity: 0;
	}
}


.game_page_background.game,
.game_page_background.bundle {
	display: block;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	/* make sure the background sits behind the game_background_lighten */
	/* z-index: -2; */
}

html:not(.rn_mobile_app) body.v7menu .game_page_background:not(.bundle) {
	padding-top: var( --store-menu-overlap-height, 46px );
}

html.gamepad body.v7menu .game_page_background {
	/* menu doesn't "float" but we always want the spacing */
	padding-top: 46px;
}

/* New game page background, Oct 2025 */

.page_top_area {
	position: relative;
	overflow-y: hidden;
}


.mature_content_filtered {
	padding: 10px;
	margin-bottom: 10px;
	background-color: rgba( 0, 0, 0, 0.2 );
}

.mature_content_filtered.header {
	font-size: 12px;
	display: inline-block;
	float: right;
	background-color: transparent;
	padding: 0;
	margin: 0 15px 0 0;
}

.mature_content_filtered.sale {
	position: absolute;
	right: 0px;
	top: -25px;
	background-color: rgba( 0, 0, 0, 0.5 );
}

.mature_content_filtered a {
	text-decoration: underline;
	color: #66c0f4;
	display: contents;
}

.mature_content_filtered.search {
	float: right;
	display: inline-block;
}

.no_results_filtered a {
	text-decoration: underline;
}

@media screen and (max-width: 910px )
{
	html.responsive .game_page_background.game {
		min-width: 0;
	}

	html.responsive .game_page_background.sale_page_background {
		background-position: center -66px;
	}
}
/* store_v2.css */


body.v6 {
	background: #1b2838;
}

div#store_controls {
	top: 8px;
}

div.store_header_btn {
	box-shadow: 0 0 3px #000;
}



.store_capsule_frame.no_bg {
	background: none;
	border: none;
}

.store_header_btn_gray {
	background-image: url( "" );
	background-color: rgba( 255, 255, 255, 0.4 );
	background-position: -34px 20px;
	border-radius: 1px;
}

.store_header_btn_green {
	background-image: url( "" );
	background-color: rgba( 164, 208, 7, 0.4 );
	background-position: -34px 20px;
}
#cart_status_data .store_header_btn_green {
	background-position: -34px 30px;
}

#store_nav_area .store_nav_bg,
.home_page_body_ctn.has_takeover #store_nav_area .store_nav_bg {
	background: linear-gradient(90deg, rgba(62, 103, 150, 0.919) 11.38%, rgba(58, 120, 177, 0.8) 25.23%, rgb(15, 33, 110) 100%);
	box-shadow: 0 0 3px rgba( 0, 0, 0, 0.4);
}

@media (forced-colors: active) {
	#store_nav_area .store_nav_bg,
	.home_page_body_ctn.has_takeover #store_nav_area .store_nav_bg {
		background: ButtonFace;
	}
}




.store_nav .tab > span {
	color: #e5e5e5;
	font-size: 13px;
	line-height: 34px;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
}

.store_nav .tab > span.pulldown > span {
	background-image: none;
}


.main_cluster_content .cluster_maincap_fill {
	background: #1b2838;
}

.cluster_maincap_fill .cluster_maincap_fill_bg {
	-webkit-filter: blur(10px);
}

.store_nav .tab img.foryou_avatar {
	margin-left: -5px;
}

.store_nav .tab:hover > span,
.store_nav .tab:hover,
.store_nav .tab.focus > span,
.store_nav .tab.focus {
	background: linear-gradient(90deg, rgba(33, 162, 255, 0.25) 0%, rgba(33, 162, 255, 0.15) 50%, rgba(50, 50, 51, 0) 100%);
	text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
	height: 33px;
}


.store_nav .tab:hover > span,
.store_nav .tab:hover {
	color:#ffffff;
}


store_nav .tab:hover a.pulldown_desktop,
.store_nav .tab.focus a.pulldown_desktop {
	color: #fff;
	transition-property: color;
	transition-duration: 0.15s;
	transition-timing-function: ease-in-out;
}

.searchbox {
	background-image: none;
	background-color: #316282;
	border-radius: 3px;
	border: 1px solid rgba( 0, 0, 0, 0.3);
	box-shadow: 1px 1px 0px rgba( 255, 255, 255, 0.2);
	color: #fff;
	margin-bottom: 0px;
	outline: none;
	height: 27px;
	padding: 0px 6px;
}
.searchbox:hover {
	background-image: none;
	border: 1px solid #4c9acc;
	box-shadow: 1px 1px 0px rgba( 255, 255, 255, 0.0);
}
.searchbox input.default {
	color: #0e1c25;
	font-size: 14px;
	margin-top: 1px;
	text-shadow: 1px 1px 0px rgba( 255, 255, 255, 0.1);
		font-family: "Motiva Sans", Sans-serif;
		font-weight: 300; /* light */

		}

.searchbox input::placeholder {
	color: #0e1c25;
}

a#store_search_link img {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 1px;
	right: -1px;
	background-image: url("");
}
a#store_search_link img:hover {
	background-image: url("");
}

.page_header_ctn.tabs.capsules {
	margin-bottom: -76px;
}

body.v6 .recommendation_section h2,
body.v6 .recommendation_mainsection h2 {
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 10px;
	font-size: 17px;
	letter-spacing: 0.03em;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	padding-top: 2px;
}

body.v6 .home_page_content :is(h2,span) span.right,
body.v6 .recommendation_section :is(h2,span) span.right,
body.v6 .recommendation_mainsection :is(h2,span) span.right,
body.v6 .user_reviews_header span.right,
body.v6 .bucket :is(h2,span) span.right{
	float: right;
	text-transform: none;
	letter-spacing: normal;
	display: inline-block;
	position: relative;
	top: -3px;
}

body.v6 .broadcast_live_stream_icon {
    position: absolute;
	top: 5px;
	left: 5px;
    overflow: hidden;
	background: url( "" ) #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 12px 12px;
	background-position-x: 4px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	padding: 3px 6px 3px 20px;
	box-shadow: 0 0 7px #a94847;
	z-index: 2;
    transition: opacity 0.6s;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

		}
.cluster_maincap_grantingapp {
	position: absolute;
	right: 0;
	bottom: 0;
}

.spotlight_content .grantedbymastersub {
	position: absolute;
	top: -33px;
	right: 0;
}

.capsule .grantedbymastersub {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.grantedbymastersub {
	background: linear-gradient(148deg, rgba(1, 1, 1, 0) 80%, #000000 100%);
}

.grantedbymastersub_app {
	position: absolute;
	bottom: 4%;
	right: 1%;
}
body.v6 .sale_capsule:hover .broadcast_live_stream_icon {
    opacity: 0;
}

/* ===== from shared_global.css ====== */
body.v6 .store_nav .popup_block_new .popup_body {
    background: linear-gradient(90deg, rgba(33, 162, 255, 0.1) 1.89%, rgba(50, 50, 51, 0) 50%), linear-gradient(180deg, #575860 11.6%, #3A4852 54.73%, #2C2D34 100%);
	padding: 8px 5px 8px 5px;
}
@media (forced-colors: active) {
	body.v6 .store_nav .popup_block_new .popup_body {
		background: ButtonFace;
	}
}

.store_nav .popup_menu {
	min-width: 167px;
}

.store_nav .popup_menu .popup_menu_item,
.footer_content .popup_menu .popup_menu_item,
.search_area .popup_body .match,
.search_area .popup_body .match .match_name {
	color: #D8D8D8;
	cursor: pointer;
	padding: 5px 6px;
}


.creator .responsive_page_template_content .popup_menu .popup_menu_item,
.curator .responsive_page_template_content .popup_menu .popup_menu_item,{
	color: #D8D8D8;
	background-color: #3D4450;
	cursor: pointer;
	padding: 5px 6px;
}

.store_nav .popup_menu .category_hr {
    height: 1px;
    background: linear-gradient(90deg, rgba(216, 216, 216, 0.3), transparent);
    margin-top: 7px;
    margin-bottom: 8px;
    margin-left: 13px;
    width: 50%;
}

.store_nav .popup_menu .popup_menu_item  {
	text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
	width: fit-content;
	border-bottom: 2px solid #ffffff00;
	padding: 3px 1px 2px 1px;
	margin: 0px 10px 3px 13px;
	transition-property: border;
	transition-duration: 0.15s;
	transition-timing-function: ease-in-out;
}


.store_nav #genre_flyout .popup_menu .popup_menu_item,
.store_nav #noteworthy_flyout .popup_menu .popup_menu_item {

	border-bottom: 2px solid #ffffff00;
	padding: 3px 1px;
	margin: 0px 10px 3px 14px;
	transition-property: border;
	transition-duration: 0.15s;
	transition-timing-function: ease-in-out;
    white-space: normal;
}

.store_nav #noteworthy_flyout .popup_menu .popup_menu_item span.new {
    color: white;
    background: #c37f00 ;
    padding: 1px 3px;
    font-size: 10px;
    border-radius: 2px;
    text-shadow: none;
    text-transform: uppercase;
}

html:not(.responsive.touch) .store_nav #genre_flyout .popup_menu .popup_genre_expand_content .popup_menu_item,
html:not(.responsive.touch) .store_nav #noteworthy_flyout .popup_menu .popup_genre_expand_content .popup_menu_item {
    margin-left: 2px;
}

.store_nav .popup_menu .popup_menu_item:hover,
.store_nav .popup_menu .popup_menu_item.focus,
.footer_content .popup_menu .popup_menu_item:hover,
.footer_content .popup_menu .popup_menu_item.focus,
.search_area .popup_body .match.hover,
.search_area .popup_body .match.hover .match_name,
.search_area .popup_body .match.focus,
.search_area .popup_body .match.focus .match_name {
	color: #fff;
}

.creator .popup_menu .popup_menu_item:hover,
.creator .popup_menu .popup_menu_item.focus,
.curator .popup_menu .popup_menu_item:hover,
.curator .popup_menu .popup_menu_item.focus {
	color: #fff;
	background-color: #464d58;
}

.store_nav .popup_menu .popup_menu_item:hover,
.store_nav .popup_menu .popup_menu_item.focus {
	background-color: #212d3d00;
	color: #fff;
	border-bottom: 2px solid #ffffffff;
	transition-property: border, color;
	transition-duration: 0.15s;
	transition-timing-function: ease-in-out;
}



body.v6 .store_nav .popup_menu .hr, body.v6 #footer_nav .popup_menu .hr {
	margin: 5px 10px 5px 10px;
	background-color: #fff;
}
body.v6 .spacer {
    height: 8px;
    content: ' ';
}

body.v6 .store_nav #genre_flyout .popup_menu_subheader,
body.v6 .store_nav #noteworthy_flyout .popup_menu_subheader {
	padding: 5px 5px 10px 2px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
    font-weight: 800;
	font-size: 11px;
}
body.v6 .store_nav .popup_menu_subheader {
			font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

			margin-top: 16px;
	margin-bottom: 0px;
	margin-left: 14px;
	margin-right: 13px;
	font-variant: small-caps;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	font-size: 11px;
	color: #2EBFFF;
	text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
	padding: 0;
}

body.v6 .store_nav .popup_menu_subheader a {
	color: #2EBFFF;
}

body.v6 .store_nav #foryou_flyout .popup_menu_subheader {
	padding: 0px 5px 5px 0px;
}

body.v6 .store_nav #foryou_flyout .popup_menu_subheader {
	margin-left: 14px;
}


body.v6 .store_nav #genre_flyout .popup_menu_subheader.reduced_vspace {
	margin-bottom: -21px;
}


body.v6 .store_nav #genre_flyout .popup_menu_subheader.added_vspace {
	padding-top: 20px;
}


body.v6 .store_nav .popup_menu_subheader .popup_menu_item {

	margin-bottom: -9px;
	padding: 3px 1px;
	font-variant: none;
	text-transform: none;
	font-size: 13px;
	letter-spacing: 0.0em;
	width: 100%;
}

body.v6 .store_nav #genre_flyout .popup_menu_subheader .popup_menu_item,
body.v6 .store_nav #noteworthy_flyout .popup_menu_subheader .popup_menu_item {
	margin-left: -2px;
	border-bottom: 2px solid #ffffff00;
	color: rgb(228, 227, 227);
	width: fit-content;
	padding-bottom: 0px;
	margin-bottom: -4px;
	padding-top: 3px;
	transition-property: border, color;
	transition-duration: 0.15s;
	transition-timing-function: ease-in-out;
}


body.v6 .store_nav #genre_flyout .popup_menu_subheader .popup_menu_item:hover,
body.v6 .store_nav #noteworthy_flyout .popup_menu_subheader .popup_menu_item:hover {
	color: white;
	border-bottom: 2px solid #ffffffff;
	transition-property: border, color;
	transition-duration: 0.15s;
	transition-timing-function: ease-in-out;
}

body.v6 .store_nav #genre_flyout .popup_menu_item:hover,
body.v6 .store_nav #noteworthy_flyout .popup_menu_item:hover {
	color: white;
	border-bottom: 2px solid #ffffffff;
	transition-property: border, color;
	transition-duration: 0.15s;
	transition-timing-function: ease-in-out;
}


body.v6 .store_nav #genre_flyout .popup_menu_subheader.players,
body.v6 .store_nav #noteworthy_flyout .popup_menu_subheader.players {
	margin-top: 18px;
	padding-top: 0px;
}

.popup_menu_twocol,
.popup_menu_twocol_new {
	display: flex;
	flex-direction: row;
    justify-content: space-between;
}

.popup_menu_twocol > .popup_menu:not(:first-child),
.popup_menu_twocol > .popup_menu:not(:first-child):not(:nth-child(4))
{
	margin-left: 5px;
	border-left: 1px solid #333333;
	padding-left: 5px;
}

.popup_menu_twocol > .popup_menu.leftborder,
.popup_menu_twocol_new > .popup_menu.leftborder
{
	margin-left: 5px;
	border-left: 1px solid #333333;
	padding-left: 5px;
}

.popup_menu_twocol > .popup_menu_browse
{
	min-width: 0;
	max-width: 25%;
	padding-right: 15px;
}

.popup_menu_item.beta_feedback span {
	font-weight: 800;
	color: rgb(228, 227, 227);
}

.popup_menu_item.beta_feedback {

	font-weight: 400;
	color: #aaa;
}

.popup_menu_item.exit_beta_sad {
	font-weight: 400;
	color: #aaa;
}

.popup_menu_item.exit_beta_sad span {
	font-weight: 400;
	color: #d9d9d9;
}

.store_nav #genre_flyout .popup_menu .popup_menu_item.beta_feedback:hover span,
.store_nav #genre_flyout .popup_menu .popup_menu_item.beta_feedback:hover  {

	color: #ffffff;
}

.popup_menu_twocol_new > .popup_menu
{
	min-width: 0;
}

/* make sure the right-most column has enough width to not feel scrunched */
.popup_menu_twocol_new > .popup_menu:last-child
{
    min-width: 19%;
}


body.v6 .store_nav #genre_flyout .popup_menu_item.popup_genre_expand_header
{
	border-bottom: none;
	transition: none;
	font-weight: bold;
	color: #ffffff;
	width: auto;
	line-height: 20px;
}

body.v6 .store_nav #genre_flyout .popup_menu_item.popup_genre_expand_header:hover
{
	border-bottom: none;
}

@media screen and (max-width: 910px)
{

	html.responsive .popup_menu_twocol > .popup_menu
	{
		flex: 1;
	}
    html.responsive .popup_menu_twocol_new > .popup_menu.leftborder
    {
        margin-left: 0;
		border-left: 1px solid #333333;
        padding-left: 0;
    }

    html.responsive .store_nav #genre_flyout .popup_menu_subheader.popup_genre_expand_header
    {
        margin-top: 5px;
        padding-bottom: 5px;
    }

	html.responsive body.v6 .store_nav #genre_flyout .popup_menu_subheader.reduced_vspace
	{
		margin-bottom: 0;
	}

	.popup_genre_expand_header,
	.popup_genre_expand_content
	{
		margin-left: 12px;
	}

}

	html.responsive.rn_mobile_app .popup_menu_twocol > .popup_menu
	{
		flex: 1;
	}
    html.responsive.rn_mobile_app .popup_menu_twocol_new > .popup_menu.leftborder
    {
        margin-left: 0;
		border-left: 1px solid #333333;
        padding-left: 0;
    }

    html.responsive.rn_mobile_app .store_nav #genre_flyout .popup_menu_subheader.popup_genre_expand_header
    {
        margin-top: 5px;
        padding-bottom: 5px;
    }

	html.responsive.rn_mobile_app body.v6 .store_nav #genre_flyout .popup_menu_subheader.reduced_vspace
	{
		margin-bottom: 0;
	}

	.popup_genre_expand_header,
	.popup_genre_expand_content
	{
		margin-left: 12px;
	}


@media screen and ( max-width: 420px )
{
	html.responsive .popup_menu_twocol
	{
		display: block;
	}

	html.responsive .popup_menu_twocol > .popup_menu:not(:first-child)
	{
		margin-left: 0;
		border-left: none;
		padding-left: 0;
	}
}

/* Large screenshot carousl */
.screenshot_carousel .carousel_items {
	padding-bottom: 43%;
}

.screenshot_carousel .carousel_items > div {
	height: 345px;
	padding: 30px 18px;
	box-shadow: 0 0 5px #000;
	background-color: #000;
}

.screenshot_carousel .background_img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.35;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	filter: blur(3px);
}
.screenshot_carousel .layout_container {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.screenshot_carousel .screenshot_container {
	display: flex;

}


.screenshot_carousel .screenshot_container > * {
	flex-shrink: 1;
	width: 25%;
	margin-right: 10px;
}

body.v6 .screenshot_carousel h2 {
	font-size: 34px;
	text-shadow: 1px 1px #000;
	text-transform: none;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 200; /* thin */

		}


.screenshot_carousel .screenshot_container > *:last-child {
	margin-right: 0px;
}

.screenshot_carousel .screenshot_container img {
	width: 100%;
	box-shadow: 0 0 3px #000;
}

.screenshot_carousel .recommended_curator {
	display: flex;
	font-size: 18px;
	color: #fff;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 200; /* thin */

		}

.screenshot_carousel .recommended_curator img {
	width: 48px;
	margin-right: 10px;
	margin-bottom: 3px;
}

.screenshot_carousel .recommended_curator p {
	padding-top: 2px;
	text-shadow: 1px 1px #000;
}

.screenshot_carousel .recommended_curator p strong {
	font-weight: 400;
}

/* Quad carousel */

.quadscreenshot_carousel .carousel_items {
	padding-bottom: 331px;
}

.quadscreenshot_carousel .carousel_items > * {
	height: 100%;
	background-color: #000;
	display: block;
}

.quadscreenshot_carousel .taglist > span {
	display: inline-block;
	margin-right: 5px;
	font-size: 10px;
	padding: 2px 5px;
	background-color: rgba(255,255,255,0.15);
	color: #fff;
	border-radius: 2px;
}

.quadscreenshot_carousel .main {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 330px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;

	background-color: #0f1418;
	box-shadow: 0 0 5px #000;

}

.quadscreenshot_carousel .bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-wrap: wrap;
	padding-left: 45%;
	height: 266px;
	justify-content: flex-end;
}



.quadscreenshot_carousel .bg > div {
	flex-shrink: 1;
	height: 50%;
	width: 46%;
	background-size: cover;
	box-shadow: 0 0 1px #101519 inset;
}

.quadscreenshot_carousel .appTitle {
	width: 455px;
	height: 30px;
	position: absolute;
	right: 8px;
	top: 274px;
}

body.v6 .quadscreenshot_carousel h2 {
	visibility: collapse;
	font-size: 26px;
	text-shadow: 1px 1px 0px #000;
	text-transform: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 4px 0 0 10px !important;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 200; /* thin */

		
	display: inline-block;

	border-radius: 3px;
	padding-right: 4px;
	letter-spacing: 0px;

}


.quadscreenshot_carousel .discount_block_large {
	margin: 0px 0;
	position: absolute;
	right: 0;
	top: 0;
}

.quadscreenshot_carousel .recommendation_reason {
	position: absolute;
	height: 56px;
	width: 475px;
	top: 274px;
	left: 8px;
}

.quadscreenshot_carousel .recommended_curator {
	display: flex;
	font-size: 18px;
	color: #fff;
		font-family: "Motiva Sans", Sans-serif;
		font-weight: 200; /* thin */

		}

.quadscreenshot_carousel .default {
	font-size: 18px;
	color: #fff;
		font-family: "Motiva Sans", Sans-serif;
		font-weight: 200; /* thin */

		}


.quadscreenshot_carousel .recommended_curator img {
	width: 48px;
	margin-right: 10px;
	margin-bottom: 3px;
}

.quadscreenshot_carousel .recommended_curator p {
	padding-top: 2px;
	text-shadow: 1px 1px #000;
}

.quadscreenshot_carousel .recommended_curator p strong {
	font-weight: 400;
}

.quadscreenshot_carousel .main .maincap {
	width: 465px;
}

.carousel_container.quadscreenshot_carousel .discount_block > .discount_prices {
	display: inline-block;
	padding: 4px 8px;
	background-color: rgba(20,31,44,0.4);
	border-radius: 1px;
}
.carousel_container.quadscreenshot_carousel .discount_block_inline {
	font-size: 15px;
}
.carousel_container.quadscreenshot_carousel .discount_block_inline .no_discount .discount_final_price {
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 300; /* light */

			color: white;
	font-size: 17px;
}

@media screen and (max-width: 910px)
{
	.quadscreenshot_carousel .main .maincap {
		width: 100%;
		height: auto;
	}
	.quadscreenshot_carousel .main {
		width: 100%;
		height: 100%;
	}

	.quadscreenshot_carousel.carousel_container .carousel_items:not(.no_paging) {
		padding-bottom: 20px;
	}

	.quadscreenshot_carousel.carousel_container .carousel_items:not(.no_paging) > * {
		padding-bottom: calc( 59% + 56px );

	}

	.quadscreenshot_carousel .bg {
		display: none;
	}

	.quadscreenshot_carousel .recommendation_reason {
		top: auto;
		bottom: 0px;
	}

	.quadscreenshot_carousel .appTitle {
		bottom: calc( 2% + 75px );
		right: 0;
		top: auto;
	}

	.carousel_container.quadscreenshot_carousel .discount_block > .discount_prices {
		background: black;
	}

	body.v6 .quadscreenshot_carousel h2 {
		white-space: normal;
	}

	.slider_ctn, slider_ctn .slider, .slider_ctn .slider_left, slider_ctn .slider_right, .slider_bg, .slider .handle, .slider {
		height: 25px;
	}
	.slider_left span {
		margin-left: 15px;
		margin-top: 9px;
	}
	.slider_right span {
		margin-left: 18px;
		margin-top: 9px;
	}
}


/* Generic fadey carousel code */

.carousel_items {
	position: relative;
}

 {
	display: flex;
	justify-content: space-between;
}

.carousel_items.store_capsule_container > * > * {
	flex-shrink: 0;
}

.carousel_items:not(.no_paging) > * {
	position: absolute;
	top: 0;
	left: 0;
}

.carousel_items:not(.no_paging) > *.focus {
    position: relative;
}

.carousel_container {
	position: relative;
}

.carousel_container .carousel_items:not(.no_paging) > * {
	opacity: 0;
	pointer-events: none;
	transition: opacity 400ms;
	width: 100%;
	box-sizing: border-box;
}
.carousel_container.curator_cluster_expanded .carousel_items > .curator_page {
	pointer-events: auto;
}

.carousel_items.no_paging .store_capsule {
	margin: 0 6px 6px 0;
	max-width: calc( 50% - 6px );
}

@media screen and (max-width: 910px)
{
	html.responsive .carousel_items.no_paging {
		text-align: center;
	}

	html.responsive .carousel_container .carousel_items > *  {
		position: relative;
		top: auto;
		left: auto;
		opacity: 1;
		margin-right: 11px;
	}

	html.responsive .carousel_container .carousel_thumbs {
		margin-top: -1px;
		height: 25px;
		position: relative;
		z-index: 1;
		width: 100%;
		padding: 0;
		height: 0;
		min-height: 0;
		margin-left: -5px;

		display: flex;
		flex-direction: row;
		justify-content: center;
	}

	html.responsive .carousel_container .carousel_thumbs > div {
		display: none;

		flex: 1;
		margin: 12px 3px;
		max-width: 30px;
		height: 2px;
		border-radius: 2px;
		transition: background-color 0.2s;
		background-color: hsla(202,60%,100%,0.2);
		cursor: pointer;
	}
	html.responsive .carousel_container .carousel_thumbs > div.focus {
		background-color: hsla(202,60%,100%,0.7);
	}

}

.carousel_container .carousel_items > *.focus {
	opacity: 1;
	pointer-events: auto;
}


.carousel_container .carousel_thumbs  {
	text-align: center;
	min-height: 37px;
}

.carousel_container .carousel_thumbs > div {
	display: inline-block;
	margin: 12px 2px;
	width: 15px;
	height: 9px;
	border-radius: 2px;
	transition: background-color 0.2s;
	background-color: hsla(202,60%,100%,0.2);
	cursor: pointer;
}

.carousel_container .carousel_thumbs > div.focus {
	background-color: hsla(202,60%,100%,0.4);
}

.carousel_container.paging_capsules {
}

.carousel_container.paging_capsules .carousel_items > * {
	transition: opacity 400ms;
}

/* Arrows */
.carousel_container  .arrow {
	position: absolute;
	background-color: rgba(0,0,0,0.3);
	top: calc(50% - 54px);

	width: 23px;
	height: 36px;
	padding: 36px 11px;
	cursor: pointer;
	z-index: 3;
}

.carousel_container .arrow > div {
	width: 23px;
	height: 36px;
	background-repeat: no-repeat;
}

.carousel_container .arrow.left > div {
	background-image: url( "" );
}

.carousel_container .arrow.right > div {
	background-image: url( "" );
}

.carousel_container .arrow.left {
	left: -46px;
background: -webkit-linear-gradient( left, rgba( 0, 0, 0, 0.3) 5%,rgba( 0, 0, 0, 0) 95%);
	background: linear-gradient( to right, rgba( 0, 0, 0, 0.3) 5%,rgba( 0, 0, 0, 0) 95%);
}
.carousel_container .arrow.left:hover {
background: -webkit-linear-gradient( left, rgba( 171, 218, 244, 0.3) 5%,rgba( 171, 218, 244, 0) 95%);
	background: linear-gradient( to right, rgba( 171, 218, 244, 0.3) 5%,rgba( 171, 218, 244, 0) 95%);
}

.carousel_container .arrow.right {
	right: -46px;
background: -webkit-linear-gradient( left, rgba( 0, 0, 0, 0) 5%,rgba( 0, 0, 0, 0.3) 95%);
	background: linear-gradient( to right, rgba( 0, 0, 0, 0) 5%,rgba( 0, 0, 0, 0.3) 95%);
}
.carousel_container .arrow.right:hover {
background: -webkit-linear-gradient( left, rgba( 171, 218, 244, 0) 5%,rgba( 171, 218, 244, 0.3) 95%);
	background: linear-gradient( to right, rgba( 171, 218, 244, 0) 5%,rgba( 171, 218, 244, 0.3) 95%);
}

/* END CAROUSEL STUFF */

/* Store curator capsule */

#feature_curators_block {
	min-height: 360px;
}

#feature_curators_block h2 {
	margin-bottom: 10px;
}

#feature_curators_block .carousel_items .curator_page {
	box-shadow: 0 0 5px #000000;
}

#feature_curators_block_ignored {
	display: none;
}

.curator_page {
background: -webkit-linear-gradient( 297deg, rgba( 255, 255, 255, 0.2) 5%,rgba( 255, 255, 255, 0.1) 95%);
	background: linear-gradient( 153deg, rgba( 255, 255, 255, 0.2) 5%,rgba( 255, 255, 255, 0.1) 95%);
	box-shadow: inset 0 0 160px rgba(255, 255, 255, 0.2);
	padding: 16px 13px;
	display: flex;
	flex-direction: column;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

			min-height: 374px;
}

.curator_page .profile {
	display: flex;
	flex-direction: row;
	margin-bottom: 20px;
}

.curator_page .info {
	display: flex;
	flex-direction: column;
}

.curator_page .actions {
	display: flex;
	padding: 2px;
	margin-top: 6px;
	background-color: rgba(0,0,0,0.2);
	width: fit-content;
}

.curator_page .avatar {
	margin-right: 12px;
	width: 70px;
	height: 70px;
}

.curator_page .name {
	font-size: 19px;
	font-weight: 300;
	color: #c7d5e0;
}

.curator_page .name span {
	color: #eff3f6;
}

.curator_page .actions > div:not(:first-child) {
	margin-left: 5px;
}

.curator_page .followers span {
	display: block;
	font-size: 15px;
}

.curator_recommendation_capsule .curator_page .followers {
	line-height: 16px;
}
.curator_recommendation_capsule .carousel_container.paging_capsules .curator_page .profile {
	background: -webkit-linear-gradient( 90deg, rgba(0,0,0,0.2) 5%,rgba(0,0,0,0) 20%);
	background: linear-gradient( 0deg, rgba(0,0,0,0.2) 5%,rgba(0,0,0,0) 20%);
	margin-left: -13px;
	padding-left: 13px;
	margin-right: -13px;
	padding-right: 13px;
	padding-bottom: 12px;
	margin-bottom: 14px;
}

.curator_page .socialmedia {
	display: flex;
	align-items: flex-end;
	font-size: 15px;
	color: #fff;
	padding-bottom: 6px;
	margin-right: 16px;
}

.curator_page .socialmedia > div {
	margin-left: 16px;
	display: inline-block;
}

.carousel_container.paging_capsules .carousel_items .curator_page .curations {
	display: flex;
	margin-right: 0px;
}
.carousel_container.paging_capsules .carousel_items .curator_page .curations > div {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 25%;
}
.carousel_container.paging_capsules .carousel_items .curator_page .curations .store_capsule {
	box-shadow: 0 0 3px rgba(0,0,0,0.6);
}

.carousel_container.paging_capsules .carousel_items .curator_page .curations > div > a {
	width: 100%;
	margin-bottom: 0px;
	margin-right: 0px;
}

.curator_page .curations > div:not(:first-child) {
	margin-left: 5px;
}

.curator_page .review_direction {
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 0.03em;
	font-weight: 300;
	line-height: 23px;
}

.curator_page .text {
	font-weight: 300;
	line-height: 17px;
	padding-right: 12px;
	word-wrap: break-word;
}

.curator_page .ignore_button_area {
	flex-grow: 1;
	text-align: right;
}
.curator_page .ignore_button_area a {
	text-decoration: underline;
}

.curator_page .ignored_banner {
	display: none;
}
.curator_page.ignored .ignored_banner {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba( 0, 0, 0, 0.75 );

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 5;

	font-size: 12px;
}

.curator_page.ignored .ignored_banner .ignored_banner_title {
	text-decoration: uppercase;
	font-size: 14px;
	padding-bottom: 10px;
}
.curator_page.ignored .ignored_banner .ignored_banner_desc {
	padding-bottom: 30px;
}

.curator_page.followed .ignore_button_area,
.curator_page.ignored .ignore_button_area {
	display: none;
}

.color_recommended{
	color: #66c0f4;
}
.color_not_recommended {
	color: #f49866;
}
.color_informational {
	color: #f5df67;
}

.color_created {
	color: #ddd;
}

.curator_cluster_expanded .carousel_items.curator_featured_tags {
	display: flex;
	flex-direction: column;
}

.curator_cluster_expanded.carousel_container .carousel_items > .curator_page {
	position: relative;
	opacity: 1;
	margin-bottom: 40px;
	padding: 12px 12px 16px 12px;
}
.curator_cluster_expanded.carousel_container .curator_page .socialmedia img {
	margin-top: 3px;
}

.curator_cluster_expanded .arrow {
	display: none;
}

.carousel_container.curator_cluster_expanded > .carousel_thumbs {
	display: none;
}

.curator_page .socialmedia img {
	width: 16px;
	height: 16px;
	vertical-align: text-top;
}

.curator_ignored_all_recommended .description {
			font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

			background: rgba(0,0,0,0.4);
	padding: 16px;
	color: #8f98a0;
	font-size: 12px;
	line-height: 16px;
}
.curator_ignored_all_recommended a {
	color: #8f98a0;
	text-decoration: underline;
}
.curator_ignored_all_recommended a:hover {
	color: #fff;
	text-decoration: underline;
}

.content_consumer_rights_notice
{
	margin-bottom: 25px;
}

.content_consumer_rights_notice a {
	display: block;
	padding: 25px;
	font-size: 14pt;
	font-family: 'Times New Roman';
	color: #000000;
	background-color: rgb( 154, 175, 200 );
}

.content_consumer_rights_notice a:hover {
	color: #67c1f5;
	background-color: rgb( 104, 125, 150 );
}


/* END Store curator capsule */

.cart_item_qty .quantity.qty_invalid,
.game_purchase_action_qty .quantity.qty_invalid,
.quantity.qty_invalid
{
	background-color: #5a0000;
	outline: #ff000091;
	color: red;
}

.btn_disabled,
.btn_quantity_update[disabled]
{
	pointer-events: none;
}



.range_container
{
	padding: 0 12px;
	text-align: center;
}

.range_container_inner
{
	display: flex;
}

.range_input {
	-webkit-appearance: none;
	flex: 1;
	margin: 4.45px 0;
	background-color: rgba(0, 0, 0, 0);
	max-height: 5px;
}

.range_input {
	-webkit-appearance: none;
	width: 100%;
	margin: 4.45px 0;
	background-color: rgba(0, 0, 0, 0);
	max-height: 5px; }

.range_input:focus {
	outline: none;
}

.range_input::-webkit-slider-runnable-track {
	width: 100%;
	height: 3.1px;
	cursor: pointer;
	box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
	background: #67c1f5;
	border-radius: 1.5px;
	border: 0 solid #67c1f5;
}

.range_input::-webkit-slider-thumb {
	box-shadow: 0 0 8px #000000, 0 0 3px #0d0d0d;
	border: 0 solid #ffffff;
	height: 12px;
	width: 12px;
	border-radius: 6px;
	background: #ffffff;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -4.45px;
}

.range_input:focus::-webkit-slider-runnable-track {
	background: #7fcbf7; }

.range_input::-moz-range-track {
	width: 100%;
	height: 3.1px;
	cursor: pointer;
	box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
	background: #67c1f5;
	border-radius: 1.5px;
	border: 0 solid #67c1f5; }

.range_input::-moz-range-thumb {
	box-shadow: 0 0 8px #000000, 0 0 3px #0d0d0d;
	border: 0 solid #ffffff;
	height: 12px;
	width: 12px;
	border-radius: 6px;
	background: #ffffff;
	cursor: pointer; }

.range_input::-ms-track {
	width: 100%;
	height: 3.1px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent; }

.range_input::-ms-fill-lower {
	background: #4fb7f3;
	border: 0 solid #67c1f5;
	border-radius: 3px;
	box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d; }

.range_input::-ms-fill-upper {
	background: #67c1f5;
	border: 0 solid #67c1f5;
	border-radius: 3px;
	box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d; }

.range_input::-ms-thumb {
	box-shadow: 0 0 8px #000000, 0 0 3px #0d0d0d;
	border: 0 solid #ffffff;
	height: 12px;
	width: 12px;
	border-radius: 6px;
	background: #ffffff;
	cursor: pointer; }

.range_input:focus::-ms-fill-lower {
	background: #67c1f5; }

.range_input:focus::-ms-fill-upper {
	background: #7fcbf7; }

.important_notice_ctn
{
	padding: 20px 40px 20px 40px;
    display: flex;
    flex-direction: row;
	background: linear-gradient(180deg, #3275A6 0%, #125280 100%);
	border: 3px solid #4891C5;
}

.important_notice_ctn.important_notice_home
{
    margin-top: 80px;
}

.important_notice_ctn .important_notice_ctn_logo
{
    display: flex;
    flex-direction: column;
    justify-content: left;
	width: 40px;
    padding-right: 40px;
}

.important_notice_ctn .important_notice_ctn_logo img
{
	width: 40px;
	height: 40px;
}

.important_notice_ctn .important_notice_ctn_text
{
	color: #ffffff;
    line-height: 16px;
	font-size: 13px;
	letter-spacing: 1px;
}

.popup_menu_browse {
	display: flex;
	flex-direction: column;
}

.popup_menu_browse .spacer {
	flex: 1;
}

.content_dive_arrow {
	padding-top: 6px;
}

.responsive_content_dive {
	opacity: 0.5;
	color: white;
	font-size: 12px;
	letter-spacing: normal;
	text-transform: none;

	display: flex;
	flex-direction: row;
	align-items: center;
}

.responsive_content_dive_chevron {
	margin-left: 4px;
}

.responsive_options_flyout {
	position: absolute;

	background: #000F18;
	display: flex;
	flex-direction: column;
	text-align: left;

	min-width: 160px;
}

.responsive_options_flyout .responsive_options_flyout_item {
	margin: 8px 10px 8px 15px;
	color: #67C1F5;
	font-size: 14px;
}

.gpfocusring {
	border: 4px solid;
	transition: left 0.1s, top 0.1s, height 0.1s, width 0.1s;
}

.StoreMenuLoadingPlaceholder {
	height: 0;
	overflow: visible;
}

html:not(.rn_mobile_app) .StoreMenuLoadingPlaceholder .PlaceholderInner {

	background: radial-gradient(107.95% 57.49% at 50% 100%, #18253533 0%, #18253585 5%, #182535d9 20%, #182535 60%, #192330 100%);

	background-size: 101% 250%;
	background-position-y: bottom;
	background-position-x: center;
	background-repeat: no-repeat;
	background-clip: border-box;
	backdrop-filter: blur(10px);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
	height: 46px;

	position: relative;
	z-index: 1;
}

body.v7menu .responsive_page_template_content {
	position: relative;
	z-index: 0;
	display: flow-root; /* create a block formatting context so margins don't extend outside of this element */
}

html:not(.rn_mobile_app) body.v7menu:not(.menu_background_overlap) .responsive_page_template_content {
	padding-top: var( --store-menu-overlap-height, 46px );
}

/* body.v7menu .v7menu_spacer {
	height: 66px;
} */
body.v7menu .v7menu_spacer.cartonly {
	height: 29px;
}

@media screen and (max-width: 910px) {
	html.responsive body.v7menu .v7menu_spacer {
		display: none;
	}
}

html.mobile_client body.v7menu .home_page_body_ctn:not(.has_takeover) .v7menu_spacer {
	height: 0;
}

/* 2025 Game Page Widening */

body.v6.narrowstore .page_content {
	max-width: unset;
	width: 940px;
	margin: 0 auto;
}

body.v6 {
	--store-page-width: 940px;
}

body.v6.widestore {
	--store-page-width: 1200px;
}

body.v6 .page_content {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

body.v6 .page_content.middle_page {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.widestore .rightcol {
	width: 33%;
}

body.v6.widestore #store_header {
	padding: 0 1%;
}

.widestore div#store_header .content {
	max-width: 1200px;
	width: 100%;
}

.widestore .cart_status_flex {
	margin-right: 5px;
}

@media screen and (max-width: 910px) {
	body.v6 .page_content.middle_page {
		display: block;
		flex-direction: unset;
	}

	body.v6 .page_content {
		max-width: 1200px;
		width: auto;
		margin: 0 2%;
	}

	body.v6.widestore .actionButtonsCtn {
		display: flex;
		flex-wrap: wrap;
		gap: 3px;
	}

	body.v6.widestore .actionButtonsCtn {
		padding: 5px 0px;
	}

	body.v6.widestore .leftcol,
	body.v6.widestore .rightcol {
		float: none;
		width: auto;
		margin-left: 0;
	}

	body.v6.widestore .tab_item_cap_img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}

	body.v6.widestore .carousel_container .arrow {
		bottom: 0px;
		top: auto;
		height: 0px;
		width: 0;
		padding: 0px;

		background: none;
	}

	body.v6.widestore .carousel_container .arrow > div {
		width: 13px;
		height: 20px;
		background-size: cover;
		display: none;
		margin: 0 10px;
	}

	body.v6.widestore .carousel_container .arrow.left {
		left: 0;
	}

	body.v6.widestore .carousel_container .arrow.left > div {
		background-position-x: 13px;
	}

	body.v6.widestore .carousel_container .arrow.right {
		right: 0;
		text-align: right;
	}

	body.v6.widestore .carousel_container .carousel_items > * {
		position: relative;
		top: auto;
		left: auto;
		opacity: 1;
	}

	body.v6.widestore .specials_under10_content,
	body.v6.widestore .live_streams_ctn {
		margin-top: 0;
		margin-bottom: 0;
	}

	body.v6.widestore .carousel_container .carousel_items:not(.no_paging),
	body.v6.widestore .carousel_container.maincap .carousel_items:not(.no_paging) {
		overflow-x: scroll;
		overflow-y: hidden;
		box-sizing:content-box;


		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: nowrap;

		padding-bottom: 21px;
	}

	body.v6 .carousel_container .carousel_items > * {
		pointer-events: auto;
		flex-shrink: 0;
	}
}

@media screen and (max-width: 1245px) and (min-width: 500px) {
	body.v6 .page_content {
		width: 98%;
	}
}

@media screen and (max-width: 1325px) and (min-width: 910px) {
	body.v6 .related_items_ctn .page_content {
		width: calc(100vw - 144px);
	}
}

.licenseRow,
.transactionRow {
	position: relative;
	padding: 5px 14px;
	border-bottom: 1px solid #000000;
	line-height: 18px;
}

.licenseRow.even,
.transactionRow.even {
	background-color: rgba(0, 0, 0, 0.2)
}

.licenseRow.odd,
.transactionRow.odd {
	background-color: rgba(0, 0, 0, 0.1)
}

.licenseLegend,
.transactionLegend {
	background: #0197cf;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	padding: 2px 14px;
}

.licenseRowRight {
	position: absolute;
	right: 14px;
}

.transactionRowDate {
	position: absolute;
	left: 14px;
}

.transactionRowEvent {
	position: absolute;
	left: 451px;
}

.transactionRowPrice {
	position: absolute;
	right: 14px;
}

.transactionRowItems {
	padding-left: 121px;
}

.transactionRowTitle {
	padding-right: 162px;
}

.transactionRowItems .itemSubtext {
	color: #626366;
}

.transactionRowName {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 14px;
	width: 45%;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
}

.transactionRowName .itemSubtext {
	color: #ff9900;
	font-size: 10px;
}

.transactionRowDueDate {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 14px;
	text-align: center;
	width: 20%;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
}

.transactionRowAmountDue {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 14px;
	text-align: center;
	width: 20%;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
}

.transactionRowUpdateStatus {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 14px;
	text-align: center;
	width: 15%;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
}

.updateSubscriptionTitle {
	color: #ffffff;
}

.updateSubscriptionOption {
	color: #ffffff;
}

.updateSubscriptionOptionPrice {
	color: #8bc53f;
}

.updateSubscriptionOption input {
	margin-right: 8px;
	margin-top: 5px;
}

.transactions .transactionRow .transactionRowAmountDue {
	color: #ff9900;
}

.transactionTable {
	width: 100%;
	border: none;
	border-spacing: 0px;
}

.accountInfoBlock .block_content {
	color: #8f98a0;
	line-height: 17px;
}

.accountRow {
	position: relative;
}

.accountRow .accountData {
	position: absolute;
	right: 0px;
}

.accountData a {
	color: #b0aeac;
}

.accountRow.accountBalance {
	margin-top: 15px;
	height: 22px;
	line-height: 22px;
	margin-bottom: 7px;
	color: #66c0f4;
}

.accountBalance .price {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	/* light */

	font-size: 24px;
}

.account_row .account_data,
.account_row a.item_action {
	float: right;
}

.account_row .account_label {
	float: left;
}

.account_row.account_balance {
	height: 30px;
	line-height: 22px;
	margin-bottom: 7px;
	color: #66c0f4;
}

.account_balance .price {
	color: 66c0f4;
	font-size: 18px;
}

.payment_method_box {
	background-color: rgba(0, 0, 0, 0.2);
	padding: 5px;
}

.payment_method_box a {
	color: #B0AEAC;
}

.youraccount_tabs {
	margin-bottom: 16px;
}

.youraccount_tab {
	float: left;
	padding: 0px 16px;
	text-transform: uppercase;
	cursor: pointer;
	color: #B0AEAC;
}

.youraccount_tab:hover {
	color: #D6D7D8;
}

.youraccount_tab.active {
	color: #FFFFFF;
	cursor: default;
}

.transaction_footer {
	margin-top: 1px;
	color: #626366;
	font-size: 10px;
	text-transform: uppercase;
}

.transaction_footer div.transaction_footer_element {
	float: right;
	padding: 5px 8px;
}

.transaction_footer div.transaction_footer_element.show_all_link {
	color: #898a8c;
	background-color: rgba(0, 0, 0, 0.2);
	margin-left: 1px;
	cursor: pointer;
}

.redeem_wallet_code_form,
.registerkey_form {
	background-color: rgba(103, 193, 245, 0.2);
	padding: 20px;
	margin-top: 16px;
	margin-right: 16px;
	border-radius: 2px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

/* .redeem_wallet_code_form ::placeholder {
	font-style: italic;
	font-size: 13px;
	color: #6b7378;
} */

.redeem_wallet_code_form .button_row {
	min-height: 40px;
}

.redeem_wallet_code_login {
	padding: 20px 14px 20px 14px;
}

.redeem_wallet_form_description {
	padding-top: 8px;
	padding-bottom: 5px;
}

.redeem_form_row {
	padding-top: 8px;
	padding-bottom: 8px;
}

.redeem_form_row .dselect_container {
	float: left;
	width: 212px;
	margin-top: 10px;
	padding: 0px;
	display: inline;
}

.redeem_form_row .dselect_container button.trigger,
.dselect_container button.activetrigger {
	padding-right: 30px;
}

.upsell_and_graphic {
	justify-content: space-between;
	gap: 2%;
}

.redeem_wallet_code_upsell {
	padding-top: 40px;
	flex: 1;
}

.redeem_wallet_code_upsell_header,
.registerkey_instructions_header {
	font-size: 15px;
	color: #FFFFFF !important;
}

.redeem_wallet_code_upsell div {
	padding-top: 15px;
}

.redeem_wallet_code_upsell a {
	color: #67C1F5;
}

.redeem_wallet_code_upsell a:hover {
	color: #ffffff;
}

.redeem_wallet_code_upsell div b {
	color: #ffffff;
}

body.redeemwalletcode .page_content_ctn .page_content {
	background-repeat: no-repeat;
	background-position: bottom right;
	display: flex;
	flex-direction: row;
}

body.registerkey .page_content_ctn .page_content {
	display: flex;
}

.redeem_wallet_conversion_box {
	width: 100%;
	border: 1px solid #28394d;
	background: rgba(0, 0, 0, 0.2);
	margin-top: 20px;
	margin-bottom: 40px;
	padding-top: 20px;
	padding-bottom: 30px;
	text-align: center;
}

.redeem_wallet_conversion_box_row {
	width: 284px;
	margin: 0px auto;
}

.redeem_wallet_conversion_text {
	float: left;
	color: #ffffff;
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.redeem_wallet_conversion_text_equal {
	width: 20px;
}

.redeem_wallet_conversion_text_box {
	width: 130px;
	border: 1px solid #28394d;
	background: rgba(0, 0, 0, 0.2);
}

.redeem_wallet_code_form h3#receipt_confirmation_amount_message {
	padding-top: 15px;
}

.redeem_wallet_receipt_form_text {
	padding-top: 15px;
}

.redeem_input_box_text {
	width: 200px;
}

#product_key {
	width: 450px;
}

.block.registerkey_productlist {
	width: 100%;
	padding: 10px;
	margin-top: 10px;
}

.registerkey_form #purchase_confirm_ssa {
	float: left;
	margin-top: 10px;
}

.registerkey_keyexamples {
	margin-top: 10px;
}

.registerkey_keyexample_header {
	font-size: 15px;
}

.registerkey_keyexample {
	margin-left: 10px;
}

.redeem_wallet_background {
	background-image: url("");
	background-repeat: no-repeat;
	background-position: center 220px;
	background-origin: content-box;
}

.redeem_wallet_background_DE {
	background-image: url("");
}

.redeem_wallet_background_ES {
	background-image: url("");
}

.redeem_wallet_background_FR {
	background-image: url("");
}

.redeem_wallet_background_IE {
	background-image: url("");
}

.redeem_wallet_background_PT {
	background-image: url("");
}

.redeem_wallet_background_eur {
	background-image: url("");
}

.redeem_wallet_background_gbp {
	background-image: url("");
}

.redeem_wallet_receipt {
	background-image: url("");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	min-height: 350px;
}

.redeem_shop_now_button {
	position: absolute;
	top: 240px;
	left: 475px;
}

.redeem_purchase_store_image {
	padding: 4px;
}

.modal_top_band {
	background-image: url("got_steam_top.jpg");
	background-repeat: no-repeat;
	width: 508px;
	height: 25px;
	margin-bottom: 1px;
}

.modal_close {
	float: right;
	width: 9px;
	height: 9px;
	margin-right: 9px;
	margin-top: 7px;
}

.modal_box {
	border-color: #4d4b49;
	border-style: solid;
	border-width: 2px 1px;
	width: 466px;
	background-color: #262626;
	padding: 20px;
}

#modalBG {
	position: absolute;
	z-index: 900;
	background-color: #000000;
	filter: alpha(opacity=60);
	opacity: 0.8;
}

.modal_frame {
	width: 508px;
	position: absolute;
	z-index: 1000;
	background-color: #000000;
}

.redeem_modal_header {
	height: 50px;
}

.redeem_modal_header_title {
	padding-left: 20px;
	padding-top: 5px;
}

#redeem_wallet_success_description {
	font-size: 14px;
}

.redeem_modal_header_title_text {
	font-size: 22px;
}

.redeem_wallet_success_image {
	padding-top: 10px;
}

#redeem_wallet_success_upsell_text {
	padding-top: 4px;
}

.redeem_wallet_upsell_button {
	padding-left: 10px;
}

.redeem_wallet_link_bar {
	margin-top: 20px;
}

div.tx_record_row_holder {
	width: 100%;
	overflow: hidden;

}

div.transactions>div.tx_record_row_holder {
	border: 1px solid #1a1a1a;
	border-top: 1px solid #565656;
	padding: 1em 0;
	background: #2f2f30;


	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#49494b), to(#3d3d3e));

	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#49494b', EndColorStr='#3d3d3e');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#49494b',EndColorStr='#3d3d3e')";
}


div.tx_record_row_activity {
	/* No styling now, just acts like a normal div */
}

div.tx_record_row_blurb {
	padding-left: 5em;
	padding-top: 1em;
}

div.tx_record_row_cost {
	width: 75px;
	float: right;
}

div.tx_record_row_event {
	width: 115px;
	float: right;
}

div.tx_record_row_date {
	width: 100px;
	float: right;
}

div.transactions div.tx_record_row_activity {
	padding-left: 1em;
	font-weight: bold;
	color: #cdcac1;
	font-size: 1.2em;

}

div.youraccount_history_home {
	width: 100%;
	overflow: hidden;
}

.account .breadcrumbs,
.account_preferences .breadcrumbs {
	padding-top: 24px;
}

div.youraccount_history_home>div.breadcrumbs_nav {
	float: left;
}

div.youraccount_history_home>div.account_wallet {
	float: right;
	width: 400px;
}

.cancel_purchase_dialog {
	border: 1px solid #ff9900;
	background-color: #000000;
	color: #cdcac1;
	margin: 15px;
	padding: 11px 15px 11px 19px;
}

.cancel_purchase_button {
	display: inline-block;
	border: none;
	border-radius: 3px;
	color: #e1e1e1;
	text-decoration: none;

	padding: 3px 8px 3px 8px;

	font-size: 11px;

	background-repeat: repeat-x;

	background-color: #e5e2df;
	background-image: url("");
	background-position: top;
}

.cancel_purchase_button:hover {
	color: #fff;
	text-decoration: none;
}

.email_pref_ctn {
	padding-top: 8px;
	transition: opacity 0.25s;
}

.email_pref_ctn.individual_pref {
	padding: 14px 8px 8px 13px;
	margin-left: 16px;
	background: rgba(0, 0, 0, 0.2);
	margin-top: 4px;
	border-radius: 3px;
}

.send_choice_inner.email_pref_ctn.individual_pref label {
	width: calc(100% - 20px);
}

.email_pref_ctn.disabled {
	opacity: 0.5;
}

.email_footer_notes {
	padding-top: 8px;
}

.accountTable {
	width: 100%;
	border-collapse: collapse;

}

.accountTable>thead>tr {
	background-color: #2c405b;
}

.accountTable th {
	color: #808891;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: normal;
	text-align: left;
	padding: 4px 14px;
}

.accountTable>tbody>tr:nth-child(even) {
	background-color: rgba(42, 63, 90, 0.4);
}

.accountTable>tbody>tr:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.4);
}

.accountTable td {
	padding: 5px 14px;
}

.accountTable tr.long_values td {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	word-break: break-word;
}

.accountTable tr.long_values:hover {
	color: white;
}

.account_table th.license_date_col,
.account_table td.license_date_col {
	text-align: right;
}

.free_license_remove_link {
	float: right;
}

.grey_overlay {
	background-color: #000000;
	opacity: 0.2;
	filter: alpha(opacity=20);
}


.errormsg {
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #a81a28;
	background-color: #4a0b12;
}

.account_table {
	width: 100%;
	border-collapse: collapse;
}

.block_content.account_table_ctn {
	margin-bottom: 80px;
}

.account_table th {
	text-align: left;
	text-transform: uppercase;
	background-color: #0197cf;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	padding: 2px 14px;
	font-weight: normal;
}

.account_table tr {
	border-bottom: 1px solid #000000;
	line-height: 18px;
}

.account_table td {
	padding: 5px 14px;
}

.account_table tr>*:last-child {
	text-align: right;
}

.account_table a:hover {
	color: #fff;
}

.account_table tr:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.2);
}

.account_table tr:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.1);
}

.cached_payment_method_name {
	width: 100%;
}

.cached_payment_method_exists {
	color: #d6d7d8;
}

.cached_payment_method_description {
	color: #626366;
	font-size: 9px;
}

.block a.linkbar {
	height: 22px;

	padding-top: 4px;
	padding-left: 8px;
	line-height: 17px;
	background: rgba(103, 193, 245, 0.1);
	color: #67c1f5;
	border-radius: 1px;
	display: block;
	margin: 8px 0;
}

.block a.linkbar:hover {
	text-decoration: none;
	color: #ffffff;
	background: #67c1f5;
	/* Old browsers */
	background: -webkit-linear-gradient(150deg, #417a9b 5%, #67c1f5 95%);
	background: linear-gradient(-60deg, #417a9b 5%, #67c1f5 95%);
}


#usercountrycurrency_dselect_container {
	margin: 8px 0;
}

.wallet_history_table {
	border-spacing: 0;
	border: solid 1px #2c405b;
}

.wallet_history_table td {
	padding: 10px;
}

.wallet_history_table tr:nth-child(even) {}

.wallet_history_table tr:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.2);
}

.wallet_history_table tr:hover {
	background-color: rgba(255, 255, 255, 0.2);
}

.wallet_history_table th {
	background-color: #0197cf;
}

.wallet_table_row {
	cursor: pointer;
}

td.wht_date {
	text-align: right;
	padding: 6px;
	min-width: 66px;
	width: 10%;
	font-size: 10px;
	color: #7092A5;
}

.wht_items {
	text-align: left;
	width: 60%;
	padding-left: 10px;
}

.wht_item_refunded {}

.wht_type {
	text-align: left;
	min-width: 130px;
	padding-left: 10px;
}

.wht_wallet {
	text-align: center;
}

th.wht_wallet_change {
	text-align: right;
	padding-right: 8px;
}

th.wht_wallet_balance {
	text-align: right;
	padding-right: 16px;
}

.wth_item_refunded {
	color: #7092A5;
	font-size: 80%;
}

td.wht_wallet_change {
	color: #7092A5;
	text-align: right;
	width: 5%;
	white-space: nowrap;
	border-left: solid 1px #2c405b;
}

td.wht_wallet_balance {
	color: #7092A5;
	text-align: right;
	width: 5%;
	padding-right: 20px;
	white-space: nowrap;
}

td.wht_wallet_pending {
	text-align: center;
	color: #9f9f9f;
	border-left: solid 1px #2c405b;
}

.wallet_entry_highlight {
	background-color: rgba(255, 255, 255, 0.2);
}

td.wht_wallet_balance.wallet_entry_highlight {
	color: #fdfdfd;
}

td.wht_wallet_change.wallet_entry_highlight {
	color: #fdfdfd;
}

.wth_payment {
	color: #7092A5;
	font-size: 80%;
}

.wht_refunded {
	text-decoration: line-through;
}

.wht_original_price {
	text-decoration: line-through;
	color: #738895;
}

.wht_discounted_price {
	color: #BEEE11;
}

.wht_discount_pct {
	display: flex;
	align-items: center;
	padding: 0 4px;
	border-radius: 1px;
	color: #BEEE11;
	background: #4c6b22;
	margin-right: 2px;
}

td.wht_base_price {
	width: 5%;
}

.wht_base_price_discounted {
	display: flex;
	flex-direction: row;
}

td.wht_total {
	width: 5%;
	padding-right: 2em;
	text-align: right;
	white-space: nowrap;
}

.load_more_history_area {
	margin: 30px 0 60px;
	text-align: center;
}

#load_more_button {
	width: 300px;
	text-align: center;
	padding: 10px;
	text-transform: uppercase;
}

#load_more_button:hover {
	background-color: #62b5e6;
	cursor: pointer;
	color: white;
}

.help_purchase_img {
	float: left;
}

.help_purchase_img img {
	float: left;
	margin: 0 3px 0 0;
	width: 10px;
}

.wallet_history_click_hint {
	padding: 0 0 6px 0;
	color: #68c1f5;
}

.account_header_line {
	background-color: #223D5A;
	padding: 0 0 0px 4px;
	font-size: 14px;

	line-height: 31px;


	color: #ffffff;
}

.account_header_line.noicon {
	padding-left: 12px;
}

.account_header_line img {
	height: 24px;
	vertical-align: middle;
	padding: 0 6px 2px 0;
}

.account_header_title {
	padding-top: 4px;
}

.account_setting_block {
	background: rgba(0, 0, 0, 0.2);
	margin-bottom: 24px;
	padding-bottom: 10px;
	min-height: 124px;
}

.account_setting_block_short {
	background: rgba(0, 0, 0, 0.2);
	margin-bottom: 24px;
	padding-bottom: 10px;
	min-height: 64px;
}

.account_setting_sub_block {
	width: 50%;
	padding: 1em;
	float: left;
	color: #808891;
	box-sizing: border-box;
}

.account_setting_sub_block_long {
	padding: 1em;
	color: #808891;
	box-sizing: border-box;
}

.account_setting_sub_block_1-2 {
	width: 45%;
	padding: 1em;
	float: left;
	color: #808891;
}

.account_setting_sub_block_2-3 {
	width: 60%;
	padding: 1em;
	float: left;
	color: #808891;
}

.account_setting_sub_block_full {
	width: 100%;
	padding: 1em;
	color: #808891;
}

.account_setting_parenthetical {
	color: #97a0ab;
	display: block;
	margin-left: 21px;
	margin-top: 6px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 16px;
}

.account_manage_subtitle {
	color: #fff;
	margin: 5px 0 0px;
	font-size: 15px;
	text-transform: none;
	font-weight: 500;
}

.account_manage_link {
	margin: 5px 0;
	display: inline-block;
	color: #ffffff;
	padding: 4px 10px;
	border-radius: 2px;
	background-color: #f0f8ff12;
}

.account_manage_link:hover {
	color: #ffffff;
	background-color: rgba(240, 248, 255, 0.151);
}

.account_manage_label {
	line-height: 20px;
	padding: 0 6px 0 0;
}

.accountData.price a {
	color: #66c0f4;
}

.accountData.price a:hover {
	color: #66c0f4;
	text-decoration: underline;
}


.account_data_field {
	color: #c6d4df;
}

.account_security_block {
	margin: 3px 10px 10px 0;
}

.account_security_block img {
	height: 100%;
	vertical-align: middle;
	float: left;
	padding: 0 4px 0 4px;
}

.account_setting_sub_block .payment_method_box {
	padding: 5px;
	font-size: 10px;
}

.account_setting_sub_block .payment_method_box a {
	color: #67c1f5;
}

.account_setting_sub_block .payment_method_box a:hover {
	color: #ffffff;
}

.account_setting_sub_block .cached_payment_method_description {
	font-size: inherit;
	color: #d6d7d8;
}

.spacer {
	height: 100px;
}

.account .page_header_ctn,
.account_preferences .page_header_ctn {
	background: rgba(0, 0, 0, 0) url("") no-repeat scroll center bottom;
}

.phone_header_description img {
	padding: 0 4px 0 4px;
	vertical-align: top;
	margin-top: 1px;
}

.account .inner_rule {
	margin: 20px 0 20px 0;
}

.subscription_header_info {
	font-size: 14px;
	margin: 4px 0 8px 0;
	color: #C6D4DF;
}

.account_change_country_content {
	background: rgba(0, 0, 0, 0.2);
	margin-bottom: 24px;
	min-height: 324px;
	float: left;
	color: #808891;
	width: inherit;
}

.account_change_country_block {
	margin: 20px;
}

.wallet_card_image {
	flex: 1;

	img {
		max-width: 100%;
	}
}

.wallet_card_image_mobile {
	display: none;
}

body.redeemwalletcode .page_content_ctn .page_content .redeem_wallet_code_form .redeem_input_box_text#wallet_code {
	max-width: 300px;
}

.registerkey_input_and_button {
	display: flex;
	align-items: center;
}

#registerkey_examples_text {
	margin-top: 20px;
}

@media screen and (max-width: 910px) {
	html.responsive table.account_table {
		table-layout: fixed;
		/* this forces the table to stay within the screen, but disables some autosizing behavior */
	}

	html.responsive table.account_table td {
		word-wrap: break-word;
	}

	html.responsive th.license_date_col,
	html.responsive td.license_date_col {
		width: 7em;
	}

	html.responsive th.license_acquisition_col,
	html.responsive td.license_acquisition_col {
		width: 8em;
	}

	html.responsive body.redeemwalletcode .page_content_ctn .page_content,
	html.responsive body.registerkey .page_content_ctn .page_content {
		flex-direction: column;
	}

	html.responsive body.redeemwalletcode .page_content_ctn .page_content .redeem_wallet_code_form {
		margin-top: unset;
	}

	html.responsive body.redeemwalletcode .page_content_ctn .page_content .redeem_wallet_code_form,
	html.responsive body.registerkey .page_content_ctn .page_content .registerkey_form {
		display: flex;
		flex-direction: column;
		margin-right: unset;
	}


	html.responsive body.redeemwalletcode .page_content_ctn .page_content .wallet_code_ctn {
		background: rgba(0, 0, 0, 0.2);
		padding: 12px;
	}


	html.responsive body.redeemwalletcode .page_content_ctn .page_content .wallet_code_input_ctn {
		justify-self: center;
	}

	html.responsive body.redeemwalletcode .wallet_card_image_mobile {
		display: contents;

		img {
			max-width: 100%;
		}
	}

	html.responsive body.redeemwalletcode .upsell_and_graphic.page_content .wallet_card_image {
		display: none;
	}

	html.responsive body.redeemwalletcode .upsell_and_graphic.page_content .redeem_wallet_code_upsell {
		max-width: 80%;
	}


}

@media screen and (max-width: 724px) {
	html.responsive .account_setting_sub_block {
		width: calc(50% - 2em);
	}
}

@media screen and (max-width: 500px) {
	html.responsive .account_setting_sub_block {
		float: none;
		width: auto;
	}

	html.responsive .account_table td {
		padding: 5px 1.5%;
	}

	html.responsive .account_table th.license_acquisition_col,
	html.responsive .account_table td.license_acquisition_col {
		display: none;
	}

	html.responsive body.redeemwalletcode .page_content_ctn .page_content {
		flex-direction: column;
	}

	html.responsive body.redeemwalletcode .page_content_ctn .page_content .redeem_wallet_code_form .wallet_code_input_ctn {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	html.responsive body.redeemwalletcode .page_content_ctn .page_content .block_content.checkout_content_box.wallet_code_content_box {
		background: rgba(0, 0, 0, 0.2);
		display: flex;
		flex-direction: column;
		padding: 0px 16px 20px 16px;
		justify-content: center;
		align-items: center;
	}

	html.responsive body.redeemwalletcode .page_content_ctn .page_content .redeem_wallet_code_form,
	html.responsive body.redeemwalletcode .page_content_ctn .page_content .registerkey_form {}

	html.responsive body.redeemwalletcode .page_content_ctn .page_content .registerkey_form {
		margin-right: unset;
	}

	html.responsive #product_key {
		max-width: 100%;
		width: 100%;
	}

	html.responsive body.redeemwalletcode .page_content_ctn .page_content .redeem_wallet_code_form .redeem_input_box_text#wallet_code {
		max-width: 100%;
		margin-right: unset;
	}

	html.responsive body.redeemwalletcode .page_content_ctn .page_content #error_display {
		width: 100%;
		text-align: center;
		margin: unset;
	}

	html.responsive body.redeemwalletcode .upsell_and_graphic.page_content .wallet_card_image {
		display: none;
	}

	html.responsive body.redeemwalletcode .wallet_card_image_mobile {
		display: contents;

		img {
			max-width: 100%;
		}
	}

	html.responsive body.redeemwalletcode .redeem_wallet_code_upsell a {
		display: flex;
		justify-content: center;
		text-align: center;
	}

	html.responsive body.redeemwalletcode .upsell_and_graphic.page_content .redeem_wallet_code_upsell {
		max-width: unset;
	}

	html.responsive body.redeemwalletcode #redirectStorePageModal,
	html.responsive .modal_box {
		width: 90%;
	}

	html.responsive .modal_top_band {
		width: 101%;
	}

	html.responsive body.redeemwalletcode #redeem_wallet_success_default_image {
		img {
			width: 100%;
		}
	}

	html.responsive body.redeemwalletcode .redeem_wallet_upsell_button {
		justify-self: center;
		padding-left: unset;
	}

	html.responsive body.redeemwalletcode #redeem_wallet_success_button {
		width: 200px;
		text-align: center;
	}

	html.responsive body.redeemwalletcode #redeem_wallet_success_button_text {
		padding: 5px;
	}
}


#enter_address .form_row {
	margin: 8px 8px 18px 0;
}

#enter_address label {
	display: block;
}

#enter_address input {
	background-color: #2a3f5a;
	color: #fff;
	border: 1px solid #000;
	border-radius: 1px;
	box-shadow: 1px 1px 0px #45556c;
	min-width: 220px;
	max-width: calc(100% - 12px);
	padding: 4px;
	margin-top: 4px;
	font-size: 14px;
}

#enter_address input:disabled {
	background-color: transparent;
	border: none;
	box-shadow: none;
}

#billing_row_one {
	float: left;
}

#billing_row_two {
	float: left;
	padding-left: 10px;
}

#enter_address #billing_state_select_dselect_container {
	margin-top: 4px;
}

#enter_address #billing_state_select_trigger {
	padding: 2px 2px 2px 8px;
}

#enter_address .btnv6_blue_hoverfade {
	padding: 6px 18px 6px 18px;
}

#address_errors {
	color: red;
}


.account_preferences input[type=checkbox] {
	margin-right: 4px;
}

.account_preferences input[type=checkbox],
.account_preferences label {
	line-height: 20px;
	vertical-align: middle;
	display: inline-block;
	color: #b8b6b4;
	cursor: pointer;
	font-size: 16px;
}

.account_preferences input[type=checkbox]:disabled+label {
	color: #4d5f69;
}

.account_preferences select {
	margin: 10px 0;
}

.minispacer {
	height: 15px;
}

.ignored_apps {
	display: flex;
	flex-direction: column;
}

.ignored_app {
	display: flex;
	flex-direction: row;
	padding: 8px;
	background: rgba(0, 0, 0, 0.3);
	margin-bottom: 2px;
}

.ignored_app:hover {
	background: rgba(255, 255, 255, 0.4);
}

.ignored_app .ignored_app_name {
	min-width: 350px;
	flex: 1;
}

.ignored_app .ignored_app_reason {
	min-width: 230px;
	margin-right: 5px;
}

.ignored_app .remove {
	font-size: 12px;
	color: #dedede;
	margin-left: 5px;
	line-height: 16px;
	width: 24px;
	margin-left: auto;
}

.ignored_app .remove img {
	vertical-align: middle;
	margin-top: -2px;
}

.opt_out_description {
	font-size: 12px;
	padding-left: 17px;
	color: #a2afb9;
}

.marked_ignore_outer {
	padding-bottom: 5px;
}

.marked_ignore_container {
	background-color: #808f9d;
	color: #ecf5fe;
	display: flex;
	flex-direction: row;
	padding: 20px;
	font-size: 16px;
}

.marked_ignore_img {
	padding-right: 5px;
	width: 32px;
	height: 32px;
	margin-top: 16px;
	margin-right: 16px;
}

span.disown_button {
	display: inline-block;
	width: 22px;
	height: 22px;
	color: #ff0000;
	min-width: 22px;
	min-height: 22px;
	background-image: url("");
	background-repeat: no-repeat;
	background-origin: content-box;
}

.wallet_redeem_error {
	margin-left: 20px;
}

.wallet_redeem_error>li {
	margin-top: 5px;
}

.confirmed_email_verified_header {
	padding: 24px 12px 0px 12px;
}

.confirmed_email_verified_text {
	margin-top: 14px;
	font-size: 14px;
}

.confirmed_email_verified_text a {
	text-decoration: underline;
}
/* CSS Document */

body.v6 {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

}

.tooltip_q_ctn {
	background: rgba(255, 255, 255, 0.4);
	color: white;
	border-radius: 10px;
	font-size: 11px;
	padding: 1px 5px 2px 5px;
	cursor: default;
}

.tooltip_q_ctn:hover {
	background: rgba(255, 255, 255, 0.5);
}

body.v6.checkout .page_header_ctn {
	padding-bottom: 47px;
	margin-bottom: -50px;
}

body.v6.checkout_microtxn .page_header_ctn {
	padding-bottom: 47px;
	margin-bottom: -10px;
}

body.v6.cart_page h4 {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

	font-weight: normal;
	color: #c7d5e0;
}

body.v6.login .rightcol h2 {
	margin-top: 0px;
}

body.v6.login .rightcol .spotlight_block {
	margin-bottom: 25px;
}

#checkout_review_cart_area {
	margin-top: 56px;
}

#payment_info_tab .checkout_content .payment_info_form_area {
	background: rgba(0, 0, 0, 0.2);
	padding: 16px;
}



#shipping_info_tab #shipping_info_entry {
	background: rgba(0, 0, 0, 0.2);
	padding: 16px;
}

.shipping_info_address_title {
	padding-top: 8px;
	font-size: 13px;
}

.shipping_info_address_display_row {
	background: rgba(0, 0, 0, 0.2);
	margin-top: 4px;
	margin-bottom: 4px;
}

.shipping_info_pre_note {
	margin-bottom: 20px;
}

.shipping_info_verify_radio {
	margin-left: 20px;
}

.shipping_info_verify_radio+label {
	margin-left: -30px;
	padding-left: 50px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.shipping_info_verify_radio:checked+label {
	margin-left: -28px;
	padding-left: 46px;
	padding-right: 28px;
	padding-top: 8px;
	padding-bottom: 8px;
	border: 2px solid #c6d4df;
}

.shipping_info_address_display_header {
	font-weight: bold;
	color: #ffffff;
}

.shipping_info_address_display {
	padding: 8px;
	font-size: 13px !important;
	display: -moz-inline-box !important;
	display: inline-block !important;
	vertical-align: middle;
}

.checkout_content_box {
	position: relative;
}

body.v6 .checkout_content_box h2 {
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 5px;
}

.checkout_content_box h3.tab_header {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	/* light */

	font-weight: normal;
	font-size: 17px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 30px;
	margin-bottom: 8px;
}

.checkout_content_box a {
	color: #FFFFFF;
	text-decoration: underline;
}

.checkout_content_box a:hover {
	color: #67c1f5;
}

.checkout_content_box .package_contents a {
	color: #7092a5;
}

.checkout_content_box input[type="text"],
.checkout_content_box input[type="password"],
.checkout_content_box select,
.checkout_content_box textarea,
.checkout_main .dselect_container button.trigger {
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
	border: 1px solid #000;
	border-radius: 3px;
	box-shadow: 1px 1px 0px #45556c;
	width: 98%;
	max-width: calc(100% - 12px);
	padding: 5px;
	margin-top: 3px;

	font-size: 16px;
	line-height: 21px;
}

.checkout_main .dselect_container button.trigger.activetrigger {
	color: #ffffff;
	background: #67c1f5;
}

img.payment_method_logo {
	display: block;
	float: left;
}

.checkout_content_box.method {
	background: rgba(0, 0, 0, 0.4);
	margin-bottom: 20px;
	margin-top: 16px;
}

.checkout_content_box.checkout_main.txn {
	background: rgba(0, 0, 0, 0.2);
	padding: 8px;
}

.checkout_total {
	background: -moz-linear-gradient(-60deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(97, 100, 101, 0.3)), color-stop(100%, rgba(226, 244, 255, 0.3)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-60deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-60deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-60deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
	/* IE10+ */
	background: linear-gradient(135deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d616465', endColorstr='#4de2f4ff', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
	padding: 16px;
}

.checkout_content .rule {
	border-top: 1px solid #194660;
}

.checkout_divider {
	padding: 20px;
}


.checkout_error {
	background: linear-gradient(90deg, #E4A01A 5.43%, #7E4400 100%);
	color: #ffffff;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	/* light */

	margin: 15px 0px 15px 0px;
	padding: 11px 15px 11px 19px;
}

.checkout_form_error {
	margin-top: 56px;
	font-size: 13px;
}

#cancel_pending_verification {
	margin-bottom: 60px;
}

.purchase_pending_area {
	display: -webkit-box;
	/* Very Old webkit */
	display: -ms-flexbox;
	/* IE 10 */
	display: -webkit-flex;
	/* Old webkit */
	display: flex;
}

.pending_purchase_summary_retry_note {
	color: #67c1f5;
}

.purchase_summary_area_pending_text {
	padding-left: 20px;
}

.checkout_pending_purchase_subtitle {
	font-size: 13px;
	color: #ff9900;
}

.checkout_payment_method_specific_note {
	font-size: 11px;
	color: #ff9900;
}

.checkout_content_box a.btn_checkout_green,
.checkout_content_box a.btn_checkout_blue {
	text-decoration: none;
	color: #ffffff;
}

.checkout_install_area.mtxn {
	padding: 10px 15px;
	margin-bottom: 10px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;

	background: -webkit-linear-gradient(top, rgba(64, 128, 183, 0.4) 5%, rgba(64, 128, 183, 0.2) 95%);
	background: linear-gradient(to bottom, rgba(64, 128, 183, 0.4) 5%, rgba(64, 128, 183, 0.2) 95%);


	box-shadow: 0px 0px 3px 0px rgba(20, 20, 20, 0.75);
}

.checkout_install_area.mtxn #install_button {
	margin-bottom: 10px;
}

.checkout_subscription_row {
	margin: 10px 0px;
	display: flex;
}

.checkout_subscription_row img {
	width: 276px;
}

.checkout_subscription_row_right {
	margin: 15px;
}

.checkout_subscription_row_header {
	color: white;
	font-size: 16px;
}

.checkout_subscription_row_desc {
	color: #c6d4df;
	font-size: 13px;
	font-family: "Motiva Sans", Sans-serif;
}

.checkout_subscription_row_right a {
	display: block;
	margin-top: 10px;
	color: #5fcbff;
	font-size: 14px;
}

.btn_checkout_working {
	width: 121px;
	height: 28px;
	background-image: url("");

	color: #626466;
	font-size: 11px;
	text-transform: uppercase;

	text-align: center;
	line-height: 28px;

	cursor: default;
}

.button_row {
	display: block;
}

.button_row .btn_medium {
	margin-left: 12px;
}

.button_row .continue,
.button_row .working,
.cart_checkout_buttons .continue {
	float: right;
	margin-right: 16px;
}

.button_row #payment_method_previous_button {
	float: left;
}

.button_row .btn_checkout_green,
.button_row .btn_checkout_working {
	float: right;
	margin-left: 20px;
}

.button_row .btn_checkout_green.btn_checkout_green_client_style {
	float: none;
	display: inline-block;
	margin-left: 16px;
}

/* match 121px width of btn_checkout_working */
.button_row .btn_checkout_green {
	min-width: 87px;
}

.client_button_row {
	text-align: right;
}

.client_button_row.button_row {
	margin-top: 20px;
}

.redeem_wallet_code_form .button_row .btn_medium {
	position: relative;
	float: right;
	margin-top: 4px;
	margin-right: 2px;
}

a.webmoney_prompt_link {
	text-decoration: none;
}

a.webmoney_prompt_link:hover .webmoney_prompt_ctn {
	text-decoration: none !important;
	color: #ffffff !important;
	background: #67c1f5 !important;
	background: -webkit-linear-gradient(-60deg, #417a9b 5%, #67c1f5 95%);
	background: linear-gradient(-60deg, #417a9b 5%, #67c1f5 95%);
}

.webmoney_prompt_ctn {
	width: 100%;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 2px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 0 0 1px #000;
	display: flex;
	position: relative;
	margin-top: 10px;
	margin-bottom: 50px;
}

.webmoney_prompt_ctn .img_ctn {
	display: inline-block;
	margin-right: 6px;
	background: #fff;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
}

.webmoney_prompt_ctn .desc {
	display: inline-block;
	padding: 8px;
}

/* fixes a layout bug in IE7 when .btn_client is mixed with position:relative btn_checkout_green */
.client_button_row .btn_client {
	position: relative;
}

.checkout_rule {
	border-top: 1px solid #3c3d3e;
	margin: 9px 0px;
}

.checkout_content_box h2.checkout_pending_purchase_title {
	color: #ff9900;
}

.checkout_content_box .checkout_content.cart,
.checkout_content_box .checkout_content.confirm {
	background: rgba(0, 0, 0, 0.2);
	padding: 16px;
	margin-top: 4px;
}

@media screen and (max-width: 600px) {

	html.responsive .checkout_content_box .checkout_content.cart,
	.checkout_content_box .checkout_content.confirm {
		padding: 8px;
	}
}

.checkout_content_box .checkout_content.cart {
	padding: 0px;
}

.continue_shopping_ctn {}


.checkout_steam_rewards_banner {
	border: 1px solid;
	border-color: #30538A;
	box-sizing: border-box;
	margin-top: 6px;
	margin-bottom: 6px;
	height: 58px;
	display: flex;
	align-items: center;
	flex-direction: row;
	padding-left: 16px;
	padding-right: 16px;
	vertical-align: middle;
	background-image: url("");
	background-image: url(""), linear-gradient(90deg, rgba(184, 221, 255, 0.88) 5.38%, rgba(43, 118, 237, 0) 100%);
}

#checkout_receipt_steam_rewards .checkout_steam_rewards_banner {
	height: 88px;
}

.checkout_steam_rewards_banner div {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

	font-size: 13px;
	color: #74A2B8;
}

.checkout_steam_rewards_banner div div.congratulations {
	background: -webkit-linear-gradient(180deg, rgb(60, 141, 214), rgb(125, 176, 215));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: bold;
	/* bold */

	font-size: 15px;
	box-shadow: none;
}

.checkout_steam_rewards_banner:hover {
	box-shadow: inset 0px 0px 120px rgba(46, 107, 211, 0.5);
}

.checkout_steam_rewards_banner div div.link {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: bold;
	/* bold */

	font-size: 13px;
}

.checkout_steam_rewards_banner div.left {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

	font-size: 14px;
	line-height: 130.2%;
	letter-spacing: 0.02em;
	color: #bbD2e4;
}

.checkout_steam_rewards_banner div.right {
	text-align: right;
	flex: 1;
}

.checkout_steam_rewards_banner div.points_with_balance {}

.checkout_steam_rewards_banner div.points_with_balance div.balance {}

.checkout_steam_rewards_banner div.right div.logo {
	padding-top: 0px;
}

.checkout_steam_rewards_banner div.right div.logo img {
	width: 20px;
	height: 20px;
}

.checkout_steam_rewards_banner div.right div.points {
	float: right;
	padding-left: 5px;
}

.checkout_steam_rewards_banner .balance {
	color: #76A3D3;
}

.checkout_steam_rewards_banner .balance span {
	font-weight: bold;
}

.checkout_steam_rewards_banner div.right div.points div {
	background: -webkit-linear-gradient(180deg, rgb(60, 141, 214), rgb(125, 176, 215));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: bold;
	/* bold */

	font-size: 16px;
}

.checkout_pending_purchase_payment_method_notes {
	padding-top: 20px;
}

.checkout_gift_region_warning {
	margin-top: 30px !important;
}

.checkout_gift_region_warning_link {
	display: block;
	margin-top: 10px;
}

#col_right_gift_recipient {
	margin-top: 0px;
}

.checkout_notes {
	color: #7092a5;
	line-height: 20px;
	padding-right: 16px;
}

.checkout_notes b {
	font-weight: normal;
	/* color: #ff9900; */
}

.remove_ctn {
	float: right;
}

.cart_notice_section {
	padding-top: 10px;
	padding-bottom: 10px;
	background: #1B2838;
}

.checkout_footer_notes {
	color: #8F98A0;
	line-height: 20px;
}

.cart_digital_notice {
	background: rgba(0, 0, 0, 0.2);
	padding: 16px;
	min-height: 57px;
	margin-bottom: 20px;
}

body.v6 .cart_digital_notice_ctn h2,
body.v6 .cart_rightcol h2 {
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 10px;
	font-size: 17px;
	letter-spacing: 2px;
	font-weight: normal;
}

body.v6 .cart_digital_notice_ctn h2 {
	padding-left: 15px;
}



.cart_digital_notice_content {
	padding-left: 84px;
	padding-top: 8px;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	/* light */

}

.cart_digital_notice_content .fr_delivery_notice p {
	margin-top: 6px;
}


.cart_digital_notice_steam_logo {
	float: left;
}

.cart_digital_notice h4 {
	font-size: 16px;
	font-weight: normal;
}

.cart_no_clientconn_icon {
	float: left;
	vertical-align: middle;
	padding-bottom: 8px;
}

.cart_no_clientconn_block {
	vertical-align: middle;
	margin: 8px;
	margin-left: 90px;
	white-space: normal;
	text-decoration: none;
	padding-bottom: 12px;
}

.cart_clientconn_icon {
	float: left;
	vertical-align: middle;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 6px;
}

.cart_clientconn_block {
	vertical-align: middle;
	margin: 5px;
	white-space: normal;
	font-weight: bold;
	text-decoration: none;
	font-size: 16px;
	color: white;
}

.cart_pricechanged_tag {
	color: white;
	font-weight: bold;
	font-size: 13px;
	vertical-align: middle;
}

.cart_total_row#cart_estimated_total_text sup {
	font-weight: 400;
	font-size: 11px;
}

/* review */



.checkout_review_payment_method_area {}

.payment_method_review_row {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
	overflow: hidden;
}


.payment_method_total {
	flex-grow: 1;

	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.payment_method_review_text_steam_account {
	display: flex;
}

.payment_method_review_method_label {
	color: #8BC53F;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.edit_method {
	margin-left: 4px;
}

.checkout_review_cart_item {
	margin: 3px 0;
	position: relative;
	min-height: 77px;
	line-height: 16px;
	background: rgba(0, 0, 0, 0.2);
	padding: 0 2.5%;
}


.cart_total_row_promotion {
	color: #f8bc5e !important;
}

.cart_total_row_promotion .price {
	color: #f8bc5e !important;
}

.checkout_review_item_img {
	float: left;
	padding-top: 16px;
	width: 120px;
}

.checkout_review_item_img img {
	width: 100%;
}

.checkout_review_item_desc {
	overflow: hidden;
	padding: 23px 3% 0 3%;
	color: #c6d4df;
	font-size: 13px;
}

.checkout_review_item_desc .checkout_review_item_platform {
	float: right;
}

.checkout_review_item_desc_ext {
	color: #626366;
}

.checkout_review_item_desc_ext b,
.review_notice b,
.review_notice {
	color: #ffcc6a;
	font-weight: normal;
}


.checkout_review_hit_min_provider_amount {
	color: #c6d4df;
}

.checkout_review_hit_min_provider_amount_div {
	top: 0px;
	margin-left: auto;
}

.duplicate_app_list {
	list-style-position: inside;
	list-style-type: square;
	margin-top: 4px;
	margin-left: 8px;
}

.checkout_review_item_price {
	float: right;
	padding-top: 23px;
	text-align: right;
}

.checkout_review_item_price .price {
	color: #c6d4df;
	font-size: 13px;
}

.checkout_review_item_price .quantity {
	color: #8F98A0;
	font-size: 11px;
}

.checkout_review_prepurchase_notice {}

.checkout_review_tax_notice {
	margin-top: 10px;
}

.checkout_review_item_restriction_notice {
	padding-top: 4px;
	padding-bottom: 4px;
}

.review_row {
	display: flex;
	flex-direction: column;
	position: relative;
	margin-bottom: 12px;
	line-height: 14px;
}

.review_row .review_row_label {
	color: #7092a5;
	font-size: 13px;
	line-height: 15px;
}

.review_row .review_row_value {
	padding-left: 12px;
	color: #C6D4DF;
	min-height: 15px;
	font-size: 13px;
	line-height: 17px;
}


#purchase_bottom_note_paypalgc {
	margin-top: 20px;
	margin-bottom: 15px;
	padding: 10px;
	background: rgba(0, 0, 0, 0.2);
}

.review_usercontainer {
	border-radius: 3px;
	padding: 8px;
}

.review_useravatar {
	padding: 3px;
	border-radius: 3px;
	margin-right: 12px;
	background-color: #7bafd6;
	background: -moz-linear-gradient(top, #7bafd6 5%, #506d92 95%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #7bafd6), color-stop(95%, #506d92));
	background: -webkit-linear-gradient(top, #7bafd6 5%, #506d92 95%);
	background: -o-linear-gradient(top, #7bafd6 5%, #506d92 95%);
	background: -ms-linear-gradient(top, #7bafd6 5%, #506d92 95%);
	background: linear-gradient(to bottom, #7bafd6 5%, #506d92 95%);
}

.review_username {
	color: #86b5d9;
	font-size: 13px;
	margin-top: 3px;
}

.review_payment_method_label {
	color: #ffffff;
}

.review_steam_account_name {
	color: #ffffff;
}

.dailydeal_ctn {
	margin-bottom: 30px;
	padding: 0px;
	height: 190px;
	box-shadow: 0 0 5px #000;
	background: -webkit-linear-gradient(top, #ffffff 5%, #abdaf4 95%);
	background: linear-gradient(to bottom, #ffffff 5%, #abdaf4 95%);
}

.dailydeal_ctn .dailydeal_cap,
.dailydeal_ctn .dailydeal_cap img {
	width: 308px;
	height: auto;
}

.dailydeal_ctn .daily_deal_discount {
	margin-left: 6px;
}

.dailydeal_ctn .dailydeal_desc {
	margin-right: 6px;
}


/* global checkout */

#checkout_header {}

#checkout_header .content {
	position: relative;
	max-width: 940px;
	min-height: 104px;
	margin: 0 auto;
	padding: 0 2%;
}

#checkout_pipeline,
#receipt_pipeline {
	padding-top: 33px;
	padding-bottom: 12px;
}

.cart_tab,
.cart_tab_spacer {
	display: inline-block;
	vertical-align: middle;
	color: #c6d4df;
	font-size: 13px;
	cursor: default;
	position: relative;
}

.cart_tab_left_on {
	position: absolute;
	background-image: url("");
	height: 9px;
	top: 30px;
	left: 1px;
	right: 1px;

	background-position: top center;
}

.cart_tab_right_on {
	position: absolute;
	width: 1px;
	height: 28px;

	top: 0px;
	right: 0px;

	background-image: url("");
}

.cart_tab_on,
.cart_tab_off,
.cart_tab_inactive {
	padding: 7px 11px;
	margin-right: 1px;
}

.cart_tab_on {
	background-color: #66c0f4;
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.cart_tab_inactive {
	cursor: pointer;
}

.cart_tab_inactive.gpfocus {
	color: #66c0f4;
}

.cart_tab_off {
	color: #56707f;
}

.cart_tab_spacer {
	width: 4px;
	height: 8px;
	background-image: url("");
	background-repeat: no-repeat;
	margin: 10px 10px;
}

#checkout_steam_logo {
	float: right;
	right: 0;
	padding-top: 30px;
	width: 176px;
	height: 44px;
}

#checkout_steam_logo img {
	width: 100%;
}


/* checkout styles */

.checkout_main input[type="text"],
.checkout_main input[type="password"],
.checkout_main select {
	width: 210px;
	padding: 5px;
}

.rightcol p {
	margin: 5px 0;
	font-size: 13px;
}

/* shopping cart page */

.cart_status_message_area {
	position: relative;
	height: 30px;
}

.cart_status_message_ctn {
	position: relative;
	height: 29px;
	float: left;
	margin-bottom: 1px;
	z-index: 99;
}

.cart_status_message_left,
.cart_status_message_right {
	position: absolute;
	height: 29px;
	width: 2px;
	top: 0px;
}

.cart_status_message_left {
	left: 0px;
	background-position: left;
}

.cart_status_message_right {
	right: 0px;
	background-position: right;
}

.cart_status_message {
	color: #ffffff;
	font-weight: bold;
	line-height: 29px;
	background-color: #758e9d;
	margin: 0px 2px;
	padding: 0px 14px;
}

.cart_status_message_arrow_holder {
	position: absolute;
	left: 0px;
	right: 0px;
	height: 9px;
	bottom: -9px;
	z-index: 100;
}

.cart_status_message_arrow {
	background-image: url("");
	height: 9px;
	width: 18px;
	margin: 0px auto;
}

.cart_error_details {
	border: 1px solid #ff9900;
	background-color: #000000;
	color: #cdcac1;
	margin: 15px;
	padding: 11px 15px 11px 19px;
}

.cart_row {
	background-color: rgba(0, 0, 0, 0.2);
	margin: 0px 0px 3px 0px;
	position: relative;
}

.cart_row .ds_incart_flag {
	display: none;
}

.cart_currency_select {
	position: absolute;
	right: 0;
	top: 0;
}

.cart_currency_select .dselect_container {
	display: inline-block;
	vertical-align: middle;
}

.cart_row.activeborder {
	border: 1px solid #84ba3c;
	border-bottom: none;
}

.cart_item {
	position: relative;
	min-height: 77px;
	line-height: 16px;
	padding: 0 2.5%;
	font-size: 13px;
}

.cart_item .package_contents {
	padding-left: 12px;
}

.cart_item_list .package_contents {
	padding: 16px;
	margin-top: -10px;
	font-size: 13px;
	color: #a4d7f5;
}

.checkout_review_cart_item .package_contents {
	font-size: 13px;
	color: #a4d7f5;
	padding-bottom: 16px;
}

.cart_item_img {
	float: left;
	margin-top: 16px;
	width: 120px;
	height: 45px;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
}

.cart_item_img img {
	width: auto;
	height: 45px;
	background-color: #000000;
}

.cart_item_img.mtx {
	width: auto;
}

.cart_item_desc {
	color: #626366;
	overflow: hidden;
	padding: 23px 3% 0 3%;
}

.cart_item_desc_ext {
	color: #ffcc6a;
}

.cart_bodycopy_highlight {
	color: #c7d5e0;
	padding-right: 10px;
	font-size: 13px;
	float: left;
	text-align: right;
}

.cart_bodycopy_highlight_desc {
	overflow: hidden;
	font-size: 13px;
}

.cart_duplicate_warning_dialog {
	max-width: 500px;
}

.cart_duplicate_warning_dialog p {
	margin-bottom: 12px;
}

.cart_notice_dupes.no_extras {
	color: #b44b50;
}

.cart_notice_dupes {
	margin: 12px 0;
}

.cart_notice_dupes ul {
	list-style-type: none;
	color: #c7d5e0;
}

.cart_item_desc .cart_item_platform {
	float: right;
}

.cart_item .cart_item_desc a {
	color: #c7d5e0;
	text-decoration: none;
}

.cart_item_price {
	float: right;
	padding-top: 20px;
	text-align: right;
}

.cart_item_price.with_discount {
	padding-top: 15px;
}

.cart_item_price .price {
	color: #c7d5e0;
	font-size: 13px;
}

.cart_item_price .price.original_price {
	text-decoration: line-through;
	color: #56707f;
	font-size: 11px;
}

.cart_item_price .remove_link,
.remove_link {
	color: #56707f;
	text-decoration: underline;
	font-size: 11px;
}

.cart_item_qty {
	position: relative;
	display: inline-block;

	float: right;
	padding-top: 20px;
	padding-left: 10px;
	text-align: right;
}

.cart_item_qty .quantity {
	font-size: 13px;
	width: 45px;
	background-color: rgba(0, 0, 0, 0.2);
	border-color: #000000;
	border: none;
	color: #b0aeac;
}

.cart_item_qty .btn_quantity_update {
	font-size: 11px;
	width: 45px;
	background-color: #3c3d3e;
	border-color: #000000;
	border: none;
	border-radius: 2px;
	color: #D2E885;
	cursor: pointer;
	background: linear-gradient(to bottom, rgba(121, 153, 5, 1) 5%, rgba(83, 105, 4, 1) 95%);
	padding: 1px;
	display: none;

	position: absolute;
	bottom: -20px;
	right: 0px;
}

div.game_hover {
	padding: 6px 0px 0 25px;
}

.game_hover .hover_arrow_left {
	left: 18px;
}

/* sale */
.cart_item_cart_discount {
	display: flex;
	margin-bottom: 10px;
	padding-left: 0;
	padding-right: 0;
	position: relative;
	height: 46px;
	line-height: 16px;
}

.cart_item_cart_discount.with_rows {
	flex-direction: column;
	min-height: 46px;
	height: auto;
}

.cart_item_cart_discount .cart_discount_row {
	display: flex;
}

.cart_item_cart_discount .cart_item_cart_discount_rightcol a.redeem_link {
	background: linear-gradient(180deg, #40ACF5 0%, #235ECF 100%);
	border-radius: 3px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #ADE6FF !important;
}

.cart_item_cart_discount .cart_item_cart_discount_rightcol a.redeem_link>span {
	padding: 0 15px;
	font-size: 15px;
	line-height: 30px;
}

.cart_item_cart_discount .cart_item_cart_discount_rightcol a.redeem_link>span {
	border-radius: 2px;
	display: block;
	background: transparent;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.1);
}

.cart_item_cart_discount .cart_item_cart_discount_rightcol a.redeem_link:hover {
	background: linear-gradient(180deg, #54CAFF 0%, #468AFF 100%);
}

.cart_item_cart_discount_img {
	width: 120px;
	margin-right: 13px;
	position: relative;
	text-align: center;
	color: white;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 0px 0px rgba(0, 0, 0, 0.5);
}

/* Centered text */
.cart_item_cart_discount_img div {
	font-family: Motiva Sans;
	font-size: 13px;
	line-height: 105%;
	/* or 14px */

	display: flex;
	align-items: center;
	text-align: center;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	white-space: nowrap;
}

.cart_item_cart_discount_img .applied {
	position: absolute;
	top: -10px;
	left: -20px;
}

.cart_item_cart_discount_img img {
	max-width: 100%;
	max-height: 100%;
	display: block;
}

.cart_item_cart_discount_column {
	padding-left: 4px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1;
}

.cart_item_cart_discount_header.summer2020 {
	padding-right: 15px;
}

.cart_item_cart_discount_special * .cart_item_cart_discount_header {
	color: #5EB452 !important;
	font-size: 13px;
	line-height: normal;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: bold;
	/* bold */

}

.cart_item_cart_discount_amount {
	color: #3E8ED6;
	font-size: 13px;
	line-height: normal;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

}

.cart_item_cart_discount_special * .cart_item_cart_discount_amount {
	color: #5EB452 !important;
	font-size: 13px;
	line-height: normal;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

}

.cart_item_cart_discount_rightcol {
	text-align: right;
	white-space: nowrap;
	flex-grow: 0;
}


.cart_item_cart_discount_desc {
	color: #3E8ED6;
}

.cart_item_cart_discount_special * .cart_item_cart_discount_desc {
	color: #5EB452;
}

.cart_item_cart_discount_remove {}

.cart_item_cart_discount_remove .remove_link {
	color: #56707f;
}

.checkout_review_cart_promotional_item .checkout_review_item_img {
	padding-top: 0px;
	width: 133px;
	height: 77px;
}

.checkout_content.txn_totals {
	padding: 14px;
}

#cart_price_summary_taxes_different_shipping {
	margin-left: 3px;
	margin-right: 3px;
	vertical-align: middle;
}

.checkout_cache_text {
	padding-top: 10px;
	padding-bottom: 10px;
}

.cart_totals_area {
	margin-left: auto;
	margin-top: 3px;
	padding: 16px;
}

.cart_total_row {
	position: relative;
	text-align: left;
	margin-top: 3px;
	color: #7092a5;
}

.cart_coupon_ctn {
	padding: 0px 0px 12px 150px;
}

.cart_coupon {
	border: 1px solid #39490f;
	background-color: #1f1f1f;
	margin-right: -4px;
	padding: 12px 11px;
	color: #8b8b8b;
	font-size: 13px;
}

.cart_coupon.coupon_available {
	border-color: #38480f;
}

.cart_coupon.in_use {
	position: relative;
	padding-left: 110px;
	height: 46px;
}

.coupon_icon,
.coupon_icon img {
	width: 96px;
	height: 64px;
}

.cart_coupon .coupon_icon {
	position: absolute;
	left: 6px;
	top: 3px;
}

.cart_coupon .coupon_savings {
	position: absolute;
	right: 20px;
	top: 24px;

	line-height: 18px;
	font-size: 13px;
	color: #ffffff;
}

.cart_coupon .cart_coupon_body {
	padding-top: 4px;
}

.cart_coupon .coupon_status {
	color: #81b53a;
	font-size: 13px;
}

.cart_coupon .coupon_actions {
	font-size: 11px;
}

.coupon_actions a {
	color: #dadada;
	text-decoration: none;
}

.coupon_actions a:hover {
	text-decoration: underline;
}

.cart_coupon_selector_ctn {
	position: absolute;
	z-index: 1000;
	width: 624px;
}

.cart_coupon_selector_ctn .cart_row_dupe {
	width: 614px;
	margin: 0px auto;
}

.cart_coupon_selector {
	background-color: #444444;
	border: 1px solid #393939;

	font-size: 13px;
	color: #ababaa;
}

.cart_coupon_selector_top {
	height: 12px;
	background-image: url("");
	background-repeat: repeat-x;
	background-position: top;
	margin-top: -12px;
}

.cart_coupon_selector p {
	padding: 20px;
}

#coupon_selector_bg {
	position: absolute;
	z-index: 900;
	background-color: #000000;
}

.cart_coupon_selector .coupon_choice {
	background-image: url("");
	background-position: top center;
	background-repeat: no-repeat;
	padding: 8px 0px 8px 44px;
	margin: 0px 2px;
	position: relative;
}

.coupon_choice .coupon_icon {
	position: absolute;
	left: 44px;
	top: 6px;
}

.coupon_choice .coupon_savings {
	position: absolute;
	right: 8px;
	top: 32px;
	font-size: 13px;
	color: #ffffff;
}

.cart_coupon_selector .coupon_choice.tall {
	height: 60px;
	padding-left: 154px;
}

.cart_coupon_selector .coupon_choice.active {
	background-color: #383838;
}

.cart_coupon_selector .coupon_choice_rule {
	padding: 0px;
	height: 2px;
}

.coupon_choice .coupon_choice_radio {
	position: absolute;
	left: 0px;
	top: 8px;
	width: 44px;
	text-align: center;
}

.coupon_choice_body {
	padding-top: 16px;
	padding-right: 96px;
}

.coupon_choice.tall .coupon_choice_radio {
	height: 60px;
	line-height: 60px;
}

.coupon_choice.disabled>* {
	opacity: 0.3;
}

.cart_totals_area .price {
	position: absolute;
	right: 0px;
	text-align: right;
	color: #c6d4df;
	font-size: 13px;
	padding-top: 2px;
}

.cart_total_rule {
	margin: 9px 0px;
	border-top: 1px solid #7092a5;
}

.cart_checkout_buttons {
	text-align: right;
	padding: 15px 0px;
}

.cart_checkout_buttons .btn_medium {
	margin-bottom: 8px;
}

.cart_checkout_buttons .btnv6_blue_hoverfade:not(:last-child) {
	margin-right: 8px;
}

.checkout_eu_digital_content {
	margin-top: 30px;
}

.cart_total_row {
	font-size: 13px;
	text-align: left;

}

.cart_total_row.savings,
.cart_total_row.savings .price {
	color: #8BC53F;
}

.cart_total_row#cart_price_total_text,
.cart_total_row#cart_price_total_text,
.cart_total_row#cart_price_shipping_text,
.price {
	font-size: 13px;
	color: #c7d5e0;
}

.cart_total_row#cart_estimated_total_text {
	margin-top: 10px;
	font-size: 13px;
	color: #c7d5e0;
	font-weight: bold;
}

.estimated_total_box {

	/* padding: 16px; */
}

.cart_purchase_action_section * .estimated_total_box {
	padding-top: 0px;
	padding-bottom: 0px;
}

.cart_price_total_sub_text {
	font-size: 11px;
	color: #8F98A0;
}

.vr_required {
	color: #56707f;
}

/* checkout - gift */


.checkout_content.cart_send_choice {
	background-color: rgba(0, 0, 0, 0.2);
	padding: 16px;
	font-size: 13px;
	margin-top: 2px;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	/* light */

}

.checkout_content.cart_send_choice p {
	margin-top: 5px;
}

.checkout_content.cart_send_choice p em {
	font-style: normal;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	/* light */

	font-style: italic;
	color: #8F98A0;
}

.cart_send_choice:not(.selected):not(.force_selected_display) .cart_send_selected_only {
	display: none;
}

.cart_send_schedule_options {
	margin-top: 12px;
}

.cart_send_schedule_datepicker {
	display: none;
	margin-top: 5px;
}

.cart_send_schedule_options.schedule_selected .cart_send_schedule_datepicker {
	display: block;
}

.cart_send_schedule_options.schedule_selected .cart_send_schedule_button {
	display: none;
}

.checkout_content_box .cart_send_schedule_datepicker select,
.checkout_content_box .cart_send_schedule_datepicker input {
	width: auto;
	padding: 2px;
	line-height: 18px;
	margin: 0 4px;
}

.checkout_content_box .cart_send_schedule_datepicker input[type="text"] {
	padding: 6px;
}

.cart_send_schedule_datepicker .datepicker_group {
	white-space: nowrap;
	margin: 3px 0;
}

.cart_send_schedule_datepicker_title {
	font-size: 14px;
	margin: 15px 0;
}

.cart_send_schedule_datepicker .dselect_container,
#schedule_send_time {
	max-width: 80px;
	vertical-align: bottom;
	margin: 0 2px;
}

.checkout_content .cart_bodycopy {
	padding: 4px 16px;
	font-size: 13px;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	/* light */

}

.checkout_content .cart_bodycopy.highlight {
	color: #c7d5e0;
}

.checkout_content .cart_bodycopy.highlight a {
	color: #c7d5e0;
}

.checkout_content .cart_bodycopy.highlight a:hover {
	color: #c7d5e0;
}

.cart_gift_title {
	padding-left: 2.5%;
	font-size: 18px;
	text-transform: uppercase;
}

label.send_choice_txt {
	font-size: 18px;
	color: #ffffff;
}

.send_choice_inner {
	padding-left: 17px;
}

.cart_send_choice_rule {
	/* border-top: 1px solid #38444e; */
}

.send_choice_inner.email_pref_ctn label {
	line-height: 17px;

	display: inline-block;
	padding-left: 0px;
	vertical-align: top;
	padding-bottom: 5px;
	width: 548px;
}

#send_via_friends_box {
	margin-top: 20px;
}

#friends_chooser {
	max-width: 560px;
	min-height: 189px;
	max-height: 50vh;
	border: 1px solid #4d4b49;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
}

#friends_chooser .friend_block {
	min-height: 43px;
	position: relative;
	padding-left: 70px;
	padding-top: 3px;
	line-height: 18px;
	border: 1px solid #1a1a1a;
}

#friends_chooser .friend_block.even,
#friends_chooser .friend_block.even.disabled:hover {
	background-color: rgba(0, 0, 0, 0.5);
	border-color: rgba(0, 0, 0, 0.5);
}

#friends_chooser .friend_block.odd,
#friends_chooser .friend_block.odd.disabled:hover {
	background-color: rgba(0, 0, 0, 0.2);
	border-color: rgba(0, 0, 0, 0.2);
}

#friends_chooser .friend_block:hover {
	border-color: #8bb9e0;
}

#friends_chooser .friend_block.active {
	background-color: #222D3D;
}


#friends_chooser .friend_block .friend_block_radio {
	position: absolute;
	left: 5px;
	top: 16px;
}


#friends_chooser .friend_block .friend_block_avatar {
	position: absolute;
	left: 22px;
	top: 3px;
}

#friends_chooser .friend_block .friend_name {
	font-size: 13px;
	color: #ffffff;
	float: left;
	padding-right: 12px;
}

#friends_chooser .friend_block .friend_ownership_info {
	margin-right: 7px;
	color: #626366;
	font-size: 11px;
	text-align: right;
}

#friends_chooser .friend_block .friend_ownership_info.already_owns {
	color: #FF7B00;
}

#friends_chooser .friend_block .friend_ownership_info.wants {
	color: #8BB9E0;
}

#friends_chooser .friend_block .friend_ownership_info .edit_cart_link a {
	text-decoration: none;
	color: #B0AEAC;
}

#friends_chooser .friend_block .friend_ownership_info .edit_cart_link a:hover {
	text-decoration: none;
	color: #ffffff;
}

#friends_chooser .friend_block.disabled .friend_block_avatar,
#friends_chooser .friend_block.disabled .friend_name,
#friends_chooser .friend_block.disabled .friend_block_radio {
	opacity: 0.5;
}

.gift_tradable_time_notice {
	font-size: 11px;
	margin-top: 16px;
}

/* checkout - gift message */

#gift_message_text {
	height: 158px;
	font-size: 18px;
	resize: none;
	font-family: Helvetica, Arial, sans-serif;
}

.gift_note_form_area {
	background: rgba(0, 0, 0, 0.2);
	padding: 16px;
}

/* checkout - payment method */


#expiration_month_dselect_container {
	display: inline-block;
	width: 48px;
	margin-right: 12px;
	vertical-align: middle;
}

#expiration_year_dselect_container {
	display: inline-block;
	width: 68px;
	margin-right: 12px;
	vertical-align: middle;
}

#expiration_date_section {
	display: inline-block;
	float: left;
}

#security_code_section {
	display: inline-block;
	float: left;
}

#security_code {
	width: 36px;
}

#security_code_cached {
	width: 36px;
}

#what_is_this {
	padding-left: 5px;
	text-align: left;
	padding-top: 5px;
}

#what_is_this a {
	color: #cdcac1;
	text-decoration: underline;
	clear: none;
	font-weight: normal;
}

#verify_country {
	float: left;
	clear: none;
	margin-top: 0px;
}

.checkout_tab.checkout_content {
	margin-top: 30px;
}

.checkout_tab input.two_line_check {
	margin-top: 3px;
	padding: 3px;
	vertical-align: middle;
}

.checkout_tab .form_row_sizable,
.checkout_tab .form_row {
	margin-top: 5px;
	margin-bottom: 12px;
	clear: both;
}

.checkout_tab .form_row#payment_row_save_my_address {
	margin-top: 20px;
}

.checkout_tab .form_row#bank_iban_row {
	margin-bottom: 60px;
}

.checkout_tab .form_row_sizable,
.checkout_tab #youll_get_to_review {
	padding: 8px;
	padding-left: 0px;
	font-size: 13px;

}

.checkout_tab #payment_row_step2 #payment_row_step2_header {
	color: #ffffff;
	font-size: 15px;
}

.payment_row_no_additional {
	color: #ffffff;
	font-size: 13px;
}

#payment_method_notes {
	position: relative;
	margin-top: 20px;
}

.payment_method_notes_bubble {
	position: relative;
	padding: 5px 15px;
	margin-bottom: 15px;
	color: #ffffff;
	background: #f3961c;
	/* default background for browsers without gradient support */
	/* css3 */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#425e70), to(#425e70));
	background: -moz-linear-gradient(#425e70, #425e70);
	background: -o-linear-gradient(#425e70, #425e70);
	background: linear-gradient(#425e70, #425e70);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.payment_method_notes_bubble:after {
	content: "";
	position: absolute;
	border-width: 0 15px 15px;
	/* vary these values to change the angle of the vertex */
	border-style: solid;
	border-color: #425e70 transparent;
	/* reduce the damage in FF3.0 */
	display: block;
	width: 0;
	top: -15px;
	/* value = - border-top-width - border-bottom-width */
	left: 30px;
	/* controls horizontal position */
	bottom: auto;
	right: auto;
}

.payment_method_notes_bubble li#payment_method_delays_in_processing {
	color: #f3961c;
}

.payment_method_notes_bubble li {
	display: list-item;
	margin-left: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 13px;
}


.checkout_tab .form_row {
	font-size: 11px;
}

.checkout_tab .form_row p {
	font-size: 13px;
}

.checkout_tab .form_right {
	clear: right;
	float: right;
	text-align: left;
	width: 292px;
}

.checkout_tab .form_left {
	clear: left;
	float: left;
	text-align: left;
}

.checkout_tab .form_right label,
.checkout_tab .form_left label,
.checkout_tab .form_row_sizable label,
.checkout_tab .form_row label {
	display: block;
	text-align: left;
	margin-bottom: 2px;
	font-size: 11px;
}

#payment_info_method_label {
	font-size: 13px;
}

#first_name_label {
	float: left;
	width: 116px;
}

#last_name_label {
	float: left;
	width: 84px;
}

#first_name {
	width: 100px;
}

#last_name {
	width: 100px;
}

.checkout_checkbox {
	display: block;
	float: left;
	clear: left;
	padding: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-top: 5px;
	font-size: 14px;
}

#accept_ssa {
	display: block;
	float: left;
	clear: left;
	height: 14px;
	padding: 0px;
	margin: 3px 5px 0px 0px;
	font-size: 14px;
}

#purchase_bottom {
	font-size: 14px;
	display: flex;
	flex-direction: column;
}


#purchase_confirm_ssa .label {
	font-size: 14px;
}

#save_my_address {
	float: left;
	clear: none;
	margin-top: 2px;
}

#save_my_address_input label {
	clear: none;
	display: block;
	font-size: 13px;
	margin-left: 6px;
	line-height: 16px;
	overflow: hidden;
}




#verify_country_notes {
	overflow: hidden;
	font-size: 13px;
}

#cancel_pending_check {
	float: left;
	padding-top: 2px;
}

#cancel_pending_notes {
	float: left;
	padding-left: 4px;
}


/* checkout - stored credit card */

#stored_card_processing {
	height: 460px;
}

#stored_card_processing_label {
	font-weight: bold;
	text-align: center;
	margin-top: 30px;
}

/* checkout - receipt */


.receipt_confirmation_row {
	position: relative;
	margin-bottom: 12px;
	line-height: 14px;
}

.receipt_confirmation_label {
	position: absolute;
	left: 0px;
	color: #8f98a0;
}

.receipt_confirmation_data {
	padding-left: 135px;
	color: #c6d4df;
}

#receipt_area p,
#ackgift_area p {
	margin: 9px 0px;
	font-size: 13px;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	/* light */

}

.ackgift_item_title {
	font-size: 18px;
}

.ackgift_friend_line {
	color: #c6d4df;
	line-height: 24px;
}

.btn_checkout_print {
	display: block;
	background-image: url("");
	width: 168px;
	height: 40px;
}

a.btn_checkout_print .text {
	color: #3c3d3e;
	font-size: 13px;

	margin-left: 45px;
	margin-right: 3px;
	padding-top: 9px;

	text-align: center;
	text-shadow: #bfbebe 1px 1px 0px;

	font-weight: bold;
	text-decoration: none;
}

a.btn_checkout_print,
a.btn_checkout_print:hover {
	text-decoration: none ! important;
}

#gotsteam_buttons a.btn_white {
	float: left;
	margin-right: 16px;
}

/* DSelect */
.checkout_main .dselect_container {
	width: 222px;
	padding: 0;
	display: inline-block;
}

.checkout_main .dselect_container button.trigger {
	color: #ffffff;
	background: rgba(0, 0, 0, 0.4);
}

.dselect_container button.trigger:hover {
	background-color: #67c1f5;
	/* Old browsers */
	background: -webkit-linear-gradient(150deg, #417a9b 5%, #67c1f5 95%);
	background: linear-gradient(-60deg, #417a9b 5%, #67c1f5 95%);
}

.checkout_main .dselect_container button,
.checkout_main .dselect_container button:hover,
.checkout_main .dselect_container button:active,
.checkout_main .dselect_container button:visited {
	text-decoration: none;
	font-weight: normal;
}

.checkout_main .trigger {
	display: block;
	padding-left: 2px;
	padding-right: 2px;
	overflow: hidden;
}

.checkout_main .activetrigger {}

#payment_method_dselect_container {
	width: 250px;
}

#bank_name_dselect_container {
	width: 250px;
}


#gift_sentiment_droplist {
	height: 100px;
	overflow-y: scroll;
}

#billing_state_select_droplist,
#shipping_state_select_droplist,
#shipping_state_droplist {
	max-height: 225px;
	overflow-y: auto;
}

#billing_country_droplist,
#expiration_year_droplist {
	max-height: 340px;
	overflow-y: auto;
}

/*
 * EMAIL VALIDATION
 */

.emailvalidation_content {
	min-height: 520px;
	position: relative;
}

.emailvalidation_content h2 {
	color: #8BC53F;
}

.emailvalidation_content p,
.emailvalidation_content h2 {
	margin-bottom: 9px;
}

.emailvalidation_status_area {
	height: 71px;
	position: relative;
	margin: 8px 0px;
}

.emailvalidation_status_logo {
	position: absolute;
	left: 0px;
	top: 0px;
}

.emailvalidation_status_desc {
	padding-left: 87px;
	padding-top: 21px;
	color: #8BC53F;
}

.emailvalidation_buttons {
	position: absolute;
	bottom: 27px;
	width: 586px;

	line-height: 28px;
}

.email_formrow {
	position: relative;
	min-height: 28px;
}

.email_formrow .input {
	position: absolute;
	left: 0px;
}

.email_formrow .input input {
	width: 221px;
	height: 22px;
}

.email_formrow .desc {
	padding-left: 235px;
	font-size: 11px;
	line-height: 11px;
}


/*
 * EXTERNAL PAYMENT LANDING PAGE (paypal, etc)
 */

#external_landing_header .content {
	position: relative;
	max-width: 940px;
	height: 104px;
	margin: 0 auto 64px auto;
}

#external_landing_header_logo {
	margin: 0px auto;
	width: 176px;
	padding-top: 30px;
}

.external_landing_content {
	max-width: 400px;
	margin: 0 auto;
	text-align: center;
	color: #B0AEAC;
}

.external_landing_content a {
	color: #B0AEAC;
	text-decoration: underline;
}

.external_landing_content a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#external_landing_notice {
	font-size: 16px;
	padding: 20px 5%;
}

#external_landing_notice b {
	color: #ff7b00;
}


/* Transaction approval */
.approvetxn_header {
	margin-bottom: 5px;
}

.approvetxn_lineitem_container {
	margin-top: 10px;
}

.approvetxn_lineitem_container_header {
	border-bottom: 1px solid #000000;
	background-color: #2a3f5a;
	line-height: 20px;
}

.approvetxn_lineitem_row {
	background-color: rgba(84, 133, 183, 0.2);
	border-bottom: 1px solid #000000;
	line-height: 26px;
	color: #FFFFFF;
	font-size: 13px;
}

.approvetxn_lineitem_row.bundle {}

.approvetxn_lineitem_row.isinbundle {
	color: #8F98A0;
}

.approvetxn_lineitem_qty {
	float: left;
	width: 50px;
	padding-left: 14px;
}

.approvetxn_lineitem_price {
	float: right;
	width: 100px;
	text-align: right;
	padding-right: 14px;
}

.approvetxn_lineitem_description {
	color: #FFFFFF;
	font-size: 13px;
}

.approvetxn_lineitem_row.isinbundle .approvetxn_lineitem_description {
	color: #8F98A0;
}

.approvetxn_walletbalance {
	color: #B0AEAC;
}

.approvetxn_license_box {
	background-color: red;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 10px;
	background: radial-gradient(45% 45% at 50% 28%, #67c1f549 0%, rgba(0, 0, 0, 0.10) 100%);
}

.approvetxn_license_box img {

	width: 80%;
	margin-bottom: 8px;
}

.approvetxn_license_box_title {
	font-size: 15px;
	line-height: 18px;
	color: #C6D4DF;
	font-weight: 300;
	margin-bottom: 8px;
}

.approvetxn_license_box_link {
	color: #CCD5E0;
	font-size: 12px;
	font-weight: 300;
}

.cancel_txn_ctn {
	margin-top: 8px;
}

.cancel_txn_ctn .cancel_txn_btn {
	margin-right: 4px;
}

#checkout_review_payment_info_area:not(.review_row) {
	display: flex;
	gap: 20px;
}

.review_info_ctn {
	display: flex;
}

.review_usercontainer {
	width: 50%;
}

.payment_method_ctn {
	padding: 8px 0px;
}

.review_payment_method_details_ctn {
	padding: 8px 0px;
}



/* send gift pipeline */
.sendto_accountname {
	color: #ffffff;
}

.sendgift_review_item .checkout_review_item_desc {
	margin-right: 10px;
}

.checkout_region_warning {
	color: #bd4847;
}

.checkout_no_refund_warning,
.checkout_no_refund_warning a {
	color: #ffcc6a;
}


.block {
	margin: 16px 0;
	background: rgba(0, 0, 0, 0.2);

}


.block_content_inner {
	padding: 8px;
}

/* Recommended section */


.recommended_grid {}

.cart_recommendations_ctn p {
	color: #56707f;
	margin-top: -13px;
}

.checkout div.rightcol {
	margin-top: 40px;
}

.rightcol h2 {
	margin: 25px 0 5px 0;
}

.recommended_grid .special {
	background: rgba(0, 0, 0, 0.2);
	padding: 16px 17px 16px 16px;
	margin-bottom: 2px;
	min-height: 63px;
	float: left;
	position: relative;
	width: 120px;
	overflow: hidden;
}

.recommended_grid .special:nth-child(2n+1) {
	margin-right: 2px;
}

.recommended_grid .special .special_img_ctn {
	display: block;
	position: relative;
	width: 120px;
	height: 45px;
}

.special_discount {
	overflow: hidden;
	white-space: nowrap;
}

.recommended_grid .special .special_img_ctn .ds_flag {
	top: 18px;
}

.recommended_grid .special .special_img_ctn.ds_flagged:not(.ds_wishlist) img {
	opacity: 0.3;
}

.recommended_spacer {
	height: 32px;
}

.block {
	margin-bottom: 16px;
}

.block .block_header {
	background: rgba(255, 255, 255, 0.1);
	padding: 4px 4px 4px 6px;
	color: #c7d5e0;
	font-size: 13px;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

	font-size: 13px;
}

#col_right_review .block_header {
	padding: 8px 12px;
}

#col_right_review .block_content_inner {
	padding: 8px 12px;
}

.cafefundedinstruction_header .instruction_title {
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.cafefundedinstruction .block {
	font-size: 16px;
	margin-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.cafefundedinstruction .block .cafefundedinstructionline {
	margin-top: 20px;
	margin-bottom: 20px;
}

.cafefundedinstruction .block .cafefundedinstructionline .cafefundedinstruction_amount {
	font-size: 22px;
}

#wallet_code {
	width: 450px;
	margin-right: 10px;
}

.purchase_summary_area,
.add_free_content_success_area,
.checkout_steam_direct_area {
	background: rgba(0, 0, 0, 0.2);
	padding: 16px;
}

#btn_remote_install {
	float: left;
	background: -webkit-linear-gradient(top, rgba(121, 153, 5, 0.8) 5%, rgba(83, 105, 4, 0.8) 95%);
	background: linear-gradient(to bottom, rgba(121, 153, 5, 0.8) 5%, rgba(83, 105, 4, 0.8) 95%);
	width: 271px;
	padding: 12px 12px 15px 12px;
	border-radius: 2px;
	text-decoration: none;
}

#btn_remote_install:hover {
	background: -webkit-linear-gradient(top, rgba(164, 208, 7, 1) 5%, rgba(107, 135, 5, 1) 95%);
	background: linear-gradient(to bottom, rgba(164, 208, 7, 1) 5%, rgba(107, 135, 5, 1) 95%);
	color: #ffffff;
}

.checkout_gotsteam_area,
.receipt_body,
.checkout_receipt_gift_detail {
	background: rgba(0, 0, 0, 0.2);
	padding: 16px;
}

.checkout_gotsteam_area h1 {
	font-weight: normal;
	font-size: 36px;
	color: #ffffff;
}

.checkout_gotsteam_area p {
	color: #c6d4df;
	font-size: 15px;
	font-weight: normal;
}

.checkout_gotsteam_area #gotsteam_buttons {
	padding: 10px 0px 0px 0px;
}

.checkout_gotsteam_area a.btn_blue h3 {
	font-size: 23px;
	font-weight: normal;
}

.checkout_gotsteam_area a.btn_blue h5 {
	font-size: 13px;
	font-weight: normal;
	text-transform: none;
}

.checkout_gotsteam_area a.btn_blue h3,
.checkout_gotsteam_area a.btn_blue h5 {
	color: #66C0F4;

}

.checkout_gotsteam_area a.btn_blue:hover h3,
.checkout_gotsteam_area a.btn_blue:hover h5 {
	color: #ffffff;
}

.checkout_gotsteam_area a.btn_blue {
	float: left;
	background: -webkit-linear-gradient(top, rgba(102, 192, 244, 0.2) 5%, rgba(47, 137, 188, 0.2) 95%);
	background: linear-gradient(to bottom, rgba(102, 192, 244, 0.2) 5%, rgba(47, 137, 188, 0.2) 95%);
	width: 260px;
	padding: 12px 12px 15px 12px;
	border-radius: 2px;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

	text-decoration: none;
}

.checkout_gotsteam_area a.btn_blue.leftbtn {
	margin-right: 16px;
}

.checkout_gotsteam_area a.btn_blue:hover {
	background: -webkit-linear-gradient(top, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%);
	background: linear-gradient(to bottom, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%);
}

#lny_tokens {
	margin-top: 10px;
	position: relative;
}

.lny_tokens_box {
	border: 1px solid #bf7611;
	background: #253F53;
	padding: 15px 15px 15px 15px;
}

#lny_tokens_text {
	text-align: left;
	line-height: 16px;
	color: #f8bc5e;
	font-size: 13px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0px 0 0 0;
	overflow: hidden;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

	font-weight: 500;
}

#lny_tokens_points {
	text-align: right;
	line-height: 16px;
	color: #f8bc5e;
	font-size: 13px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0px 0 0 0;
	overflow: hidden;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

	font-weight: 500;
}

.lny_tokens_button {
	text-align: left;
	margin-left: 10px;
	margin-top: 6px;
}


.lny_token_logo {
	position: absolute;
	top: -15px;
	;
	right: -10px;
}

body.checkout .block .block_header {
	padding: 0 12px;
	line-height: 32px;
}

body.checkout .block .block_content {
	padding: 12px;
	border: none;
}

.cart_steam_rewards_points_balance_box {
	background: linear-gradient(45.73deg, #2B5190 -10.06%, #2B5190 15.11%, rgba(62, 98, 156, 0) 22.27%, #2B5190 37.18%, rgba(68, 108, 175, 0.03) 71.29%, #2B5190 87.29%, #2B5190 97.3%), #2B5190;
	border-radius: 2px;
}

.cart_rewards_banner_box {
	background: #1B2838;
	padding-top: 3px;
	padding-bottom: 6px;
}

.cart_rewards_banner_box_content {
	padding: 10px 2.5% 10px 2.5%;
	padding-top: 10px;
	background-image: url("");
	box-shadow: inset 0px 0px 120px rgba(46, 107, 211, 0.5);
	border: 1px solid;
	border-image-slice: 1;
	border-width: 1px;
	border-color: #30538A;

}

.cart_rewards_banner_box_content .rule {

	margin: 5px 0px;
}

.cart_rewards {
	margin-top: 10px;
	margin-bottom: 5px;
}

.cart_rewards_row {
	display: flex;
	align-items: flex-start;
	padding-bottom: 15px;
	padding-top: 15x;
}

.cart_rewards_row.disabled {
	color: #758e9d;
	text-decoration: line-through;
}

.cart_rewards_row_left_column {
	width: 400px;
}

.cart_rewards_row_right_column {
	flex: 1;
	text-align: right;
}

.cart_rewards_row_header .cart_rewards_row_right_column {
	color: #4B99E1;
	font-size: 13px;
}

.cart_rewards_points_balance {
	text-align: right;
	padding-top: 5px;
}

.cart_steam_rewards_points_balance_box {
	background: linear-gradient(51.62deg, #2B5190 -10.06%, #2B5190 15.11%, rgba(62, 98, 156, 0) 22.27%, #2B5190 37.18%, rgba(68, 108, 175, 0.03) 71.29%, #2B5190 87.29%, #2B5190 97.3%), #2B5190;
	border-radius: 2px;
	display: inline-block;
	padding: 3px 15px 1px 15px;
	min-width: 60px;
}

.cart_steam_rewards_points_balance_box div {
	float: right;
	padding-left: 5px;
}

.cart_rewards_title {
	display: flex;
	align-items: flex-start;
}

.cart_primary_body_copy {
	font-size: 13px;
}

.steam_rewards_title {
	font-size: 18px;
	font-weight: regular;
	text-transform: uppercase;
}

.steam_rewards_title span {
	background: -webkit-linear-gradient(0deg, rgb(60, 141, 214), rgb(125, 176, 215));
	font-weight: bold;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.steam_rewards_possible_savings {
	flex: 1;
	text-align: right;
}





@media screen and (max-width: 910px) {
	html.responsive .continue_shopping_ctn {
		margin-bottom: 24px;
	}

	html.responsive .rightcol.cart_rightcol {
		width: 308px;
		margin: 0 auto;
	}

	html.responsive body.checkout .leftcol,
	html.responsive body.checkout .rightcol {
		max-width: 616px;
		margin: 0 auto;
	}

	html.responsive .checkout_tab .form_right {
		max-width: 45%;
	}

	html.responsive .checkout_tab .form_right label,
	html.responsive .checkout_tab .form_left label,
	html.responsive .checkout_tab .form_row_sizable label,
	html.responsive .checkout_tab .form_row label {
		font-size: 13px;
		line-height: 24px;
	}
}

@media screen and (max-width: 600px) {
	html.responsive #checkout_steam_logo {
		float: none;
		padding-top: 8px;
		margin: 0 auto;
	}

	html.responsive #checkout_pipeline,
	html.responsive #receipt_pipeline {
		padding-top: 8px;
	}

	/* compress the pipeline a little too */
	html.responsive .cart_tab_on,
	html.responsive .cart_tab_off,
	html.responsive .cart_tab_inactive {
		padding: 7px;
	}

	html.responsive .cart_tab_spacer {
		margin: 10px 4px;
	}

	/* this is the down arrow - looks weird if the pipeline wraps, so just rely on the other highlighting */
	html.responsive .cart_tab_left_on {
		display: none;
	}

	.remove_ctn {
		float: none;
		margin-bottom: 6px;
	}

	html.responsive .cart_notice_section .cart_bodycopy {
		padding-left: 0;
		/* Looks misaligned on smaller screens, just put it flush with normal gutter */
	}

	body.v6.checkout_microtxn .page_header_ctn {
		padding-bottom: 20px;
		margin-bottom: -40px;
	}
}

@media screen and (max-width: 540px) {

	html.responsive .checkout_tab .form_left,
	html.responsive .checkout_tab .form_right {
		float: none;
		width: auto;
		max-width: none;
	}

	html.responsive .checkout_tab .form_right {
		margin-top: 10px;
	}
}

@media screen and (max-width: 910px) {
	html.responsive .dropcontainer ul {
		font-size: 16px;
		line-height: 28px;
	}

}

html.responsive.touch .dropcontainer ul {
	font-size: 16px;
	line-height: 28px;
}

@media screen and (max-width: 480px) {

	html.responsive .cart_item_desc,
	html.responsive .checkout_review_item_desc {
		padding-top: 16px;
	}

	html.responsive .cart_item_desc .cart_item_platform,
	html.responsive .checkout_review_item_desc .checkout_review_item_platform {
		float: none;
	}

	html.responsive .cart_checkout_buttons {
		padding-left: 16px;
		/* Trigger wrapping before we butt up against container. This value matches the right margin on the buttons themselves */
	}

	#wallet_code {
		width: unset;
	}

	.redeem_wallet_code_upsell div {
		width: unset;
	}

	.redeem_wallet_code_upsell {
		padding-bottom: 24px;
		padding-top: 24px;
	}

	#main_content {
		background-image: none !important;
	}

}

.responsive_page_frame {
	position: relative;
}

body.movescrolltocontent .responsive_page_frame {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
}

body.overflow_hidden,
body.overflow_hidden .responsive_page_frame {
	overflow: hidden;
	position: relative;
}

html.responsive {
	height: 100%;
}

html.responsive body {
	min-height: 100%;
	height: auto;
	position: relative;
}

html.responsive body.movescrolltocontent {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.responsive_page_content {
}

.partner_events .responsive_page_content {
    height: 100vh;
}

.responsive_page_menu_ctn {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	overflow: hidden;

	background: black;

	z-index: 30;
	width: 280px;
}

.responsive_page_frame:not(.in_menu_drag) .responsive_page_menu_ctn {
	transition: left 0.5s, right 0.5s;
}

.responsive_page_menu_ctn.mainmenu {
	inset-inline-start: -280px;
}

.responsive_page_menu_ctn.localmenu {
	inset-inline-end: -280px;
}

.responsive_page_frame.mainmenu_active .responsive_page_menu_ctn.mainmenu,
.responsive_page_frame.localmenu_active .responsive_page_menu_ctn.localmenu
{
	box-shadow: 0 0 7px 0 rgba( 0, 0, 0, 0.75 );
}

.responsive_page_frame.mainmenu_active .responsive_page_menu_ctn.mainmenu {
	inset-inline-start: 0;
}

.responsive_page_frame.localmenu_active .responsive_page_menu_ctn.localmenu {
	inset-inline-end: 0;
}

.responsive_page_content_overlay {
	visibility: hidden;
	opacity: 0;
	background: rgba( 0, 0, 0, 0.4);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 25;	/* on top of page and header */

	transition: visibility 0.5s, opacity 0.5s;
}

.responsive_page_frame.mainmenu_active .responsive_page_content_overlay,
.responsive_page_frame.localmenu_active .responsive_page_content_overlay {
	visibility: visible;
	opacity: 1.0;
	transition: visibility 0s, opacity 0.5s;
}

.responsive_page_menu {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.mainmenu_contents {
	background: #171a21;
	font-size: 18px;
	position: relative;
	min-height: 100%;
}

.mainmenu_contents_items {

			font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

			font-weight: 700;
}

.responsive_page_menu_ctn.localmenu .responsive_page_menu {
	background: #171a21;
}

.responsive_page_menu_ctn.localmenu .localmenu_subarea {
	background: #192533;
	border-radius: 3px;
	padding: 10px;
	color: #bdbdbd;
	margin-bottom: 16px;
}

.responsive_page_menu_ctn.localmenu .localmenu_subarea .subheader {
	font-size: 1.2em;
	margin-bottom: 8px;
}

.submenuitem {
	font-weight: 400;
}

.mainmenu_contents .menuitem,
.mainmenu_contents .submenuitem,
.notification_submenu .popup_menu_item {
	display: block;
	padding: 0 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 3em;

	text-decoration: none;

	cursor: pointer;
}

.mainmenu_contents .menuitem {
	position: relative;
	color: #bdbdbd;
	background: #171a21;
	transition: background 0.25s, color 0.25s;
	font-size: 1em;

	&:hover {
		color: white;
		background: #30353F;
	}
}

.mainmenu_contents .menuitem.username {
	max-width: none;
}

.mainmenu_contents .menuitem,
.menuitem_submenu_wrapper .inner_borders,
.mainmenu .minor_menu_items {
	border-top: 1px solid #2f3138;
	border-bottom: 1px solid #000000;
}
.mainmenu .minor_menu_items {
	border-bottom: none;
	padding-top: 6px;
}

.menuitem_submenu_wrapper.active .submenuitem {
	color: #DCDEDF;
}

.mainmenu_contents .menuitem.submenu_active {
	background-color: #3d4450;
	color: #ffffff;
	border-bottom: none;
}

.mainmenu_contents .menuitem .chevron {
	/* background-image: url( 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAwCAYAAACG5f33AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFxJREFUeNrkmg9klGEcx5/dMY4Y44hjxIgxRpSy7NwspSmNWZayGGmKFJGylCJSmlJMKctiylKa5aZpSmmMMWIcY4xxjGPEmPX72ffN23Z7732f3/Pe+97tx9dtd/e87/N+7n1+/563Ym1tTbmx8fHxLnq5QzqYSqXmbO+rMrMoaZDUz5dX6MsRl/A66OU5KUFK0/9xVb42QOLr/UTaLwZIsI7hoFG8VUsapferyhDeI1In/o7xdZL2Og2ocFrCBKkFv0Rlvo9JR0grZQKvl3Qrz/tLpCRpxhNAgteEXyDmcNL3pHbSaonDu0B67PB5ln0/adYVQILHt+0X0g4XJ39G6ilheJ0IGoVsAXdixhEgwWugl68kLz7uHulaCcJj/z5s8++FbJ50ADA3AyR4dYCnE2Uvkp6UELwU/HvM47gMlvPifwAJXi3gJQSTOkV6UwLw9sBF6WYSvwFxKbJhjc8LJ/aSdDjk8HYjOErSMAaYy7eE+aDpQrlPAfsDZzsZQni8un4JV9kIqc1K3/IFkWos5XrBSRxzp4CM/foPFAK6NkZqtee+W6UxcUCsE5yMXcI+e8QK0KpwPQ2CY3wnHcIKc5VIJ3BSyS+WQdjPBggvBrfUKDjGJODlvJZyNfTyjVQjPHkzaTkAeFyCvkW+p2vTcEc5z7WwwfQmqLp50NYc0I22SacVVOGmHyhMsC0bQp5YrLr5Kem80P38S5hFAG0lHief1YJJFatu5sbvdcH4TSWbGKCtyZAWJqG3STd9hHeZ9ECYPfCdN+fmy54AAmIjIMYEk+zB3WjaulAN6dqWbStjAAFRtxD3s24+gYgbFcBr9pr8awEExKNoBVVqTngFWf2Yoc7KqGAuOcCb8jpQGyAgSn91E3Wzl+bvVnNgeD91BosAAiLnWQPCpZNEzuXV6gEvLoDH+emE7vVHDCwf9mPdwiI/rZGo78KyjQtcSJsEnimAbK/Uekda1xKA6BbGTk3odngnSZ+lF24KIBu3868Ixte5jOxWz1K3ycGV0Bm1vqOowgSQ7aEwSeaA8MEhmlqdFUmvshtlpQojQKvSuC8Y34JkOJqnszKsZN3yc3A3KswA2a6S+gTjObLbN7qjiPSS/RZ2L/2mL9QvgGyXSC8E47mT0mvrrHQIjnUD7sW4mcgDnT6OYjmeFpyC04wmwfi7AOiL+XkHWhHvLOmd4BgSeH1+wisGQAsiNw5GVHGtH25ElTpAe9Y/VqTzvUbEVeUC0IJ4XK1vD/ppQ3AbqtwA2ot3v55a+IgqY7VcAbLx9ibvsU4bPi7Xte2qyDt/QQBkywGiqUc/JpTteZXtAJAtC4gZ4XG4EdqqNjxysR0AsvGea1LpP1Y3BZ+6HNQFBA2QzXr22OtDSDOAlwty8mEAyMZ7sM3K/UNIs1j+2aAnHhaAFhQ3EC3Yi2GYdJgAulmWC4C3EJYJhw2gU2CwAs5cmCYbRoD5UhNTKc+2AWhPjrOGk26j9leAAQDu6F3rDzHr6wAAAABJRU5ErkJggg==' ); */
	background-image: url("");
	background-size: 100% 100%;
	width: 18px;
	height: 18px;

	position: absolute;
	inset-inline-end: 12px;
	top: calc( 50% - 9px );

	transition: transform 0.25s;
}

.mainmenu_contents .menuitem.submenu_active .chevron {
	transform: rotate( 180deg );
	-webkit-transform: rotate( 180deg );
	color: white;
}


.menuitem_submenu_wrapper {
	overflow: hidden;
	background: #171a21;

	transition: height 0.5s, background 0.25s, color 0.25s;
}

.menuitem_submenu_wrapper.active {
	background: #30353F;

	.inner_borders {
		padding-bottom: 10px;
	}
}

.menuitem_submenu_wrapper .submenuitem, .notification_submenu .popup_menu_item {
	display: block;
	font-size: 0.75em;
	color: #ffffff;
	padding-inline-start: 28px;
}

.menuitem.notifications_item .notification_count_total_ctn.no_notifications {
	font-weight: 400;
	color: #8a8a8a;
}

.notifications_item .notification_count_total_ctn {
	display: inline-block;
	color: #ffffff;
	vertical-align: middle;
	line-height: 140%;
	padding: 2px 8px;
	font-size: 0.75em;
	margin-inline-start: 0.4em;
}

.notifications_item .notification_envelope {
	display: none;
	background-image: url("eb43a6ed0728e8d44215e900c6436e42a7286634.png");
	background-size: 100% 100%;
	background-position: top left;
	width: 17px;
	height: 13px;
	vertical-align: middle;
}

.notifications_item .notification_count {
	vertical-align: middle;
}

.notifications_item .notification_count_total_ctn.has_notifications {
	color: #ffffff;
	background-color: #5c7e10;
}

.notifications_item .notification_count_total_ctn.has_notifications .notification_envelope {
	display: inline-block;
}

.mainmenu .notification_submenu .notification_icon,
.mainmenu .notification_submenu .header_notification_dropdown_seperator {
	display: none;
}

.mainmenu .minor_menu_items .menuitem {
	color: #8a8a8a;
	border: none;
	font-size: 14px;
	font-weight: 400;

	&:hover {
		background: none;
		color: #ffffff;
	}
}

.mainmenu_footer_spacer {
	height: 160px;
}

.mainmenu_footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 10px;
	white-space: normal;
	color: #8a8a8a;
	padding: 0 12px 24px 12px;
}

.mainmenu_footer_logo {
	padding-bottom: 10px;

	img {
		width: 100px;
		opacity: 50%;
	}
}

.mainmenu_footer .mainmenu_valve_links > a {
	color: #8a8a8a;
}

.responsive_menu_notifications .popup_menu_item {
	font-size: 16px;
}

.responsive_menu_notifications .popup_menu_item.active_inbox_item {
	color: #70ba24;
}

.responsive_local_menu_tab {
	display: none;
}

.responsive_local_menu_tab.active {
	display: block;
	background-color: rgba( 104, 157, 221, 0.6 );
	position: fixed;
	right: 0;
	top: 6px;
	border-top-left-radius: 80px;
	border-bottom-left-radius: 80px;
	width: 30px;
	height: 50px;
	z-index: 12; /* behind overlay, on top of page content */

	background-image: url( "" );
	background-repeat: no-repeat;
	background-position: 2px center;
	background-size: 110%;

	transition: opacity 0.5s;
	box-shadow: 0 0 30px 0 #6799e2;

	cursor: pointer;
}

.responsive_page_frame.with_header {
	--global-header-height: 104px;
}

.responsive_page_frame.with_header .responsive_local_menu_tab {
	top: 68px;
}

.responsive_page_frame.mainmenu_active .responsive_local_menu_tab,
.responsive_page_frame.localmenu_active .responsive_local_menu_tab
{
	opacity: 0;
}

.responsive_header {
	display: none;
	background: #171a21;

	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 20;
	box-shadow: 0 0 7px 0 rgba( 0, 0, 0, 0.75 );

	overflow: hidden;

	padding: 13px 8px;
}

@media screen and ( max-height: 360px )
{
	.responsive_header {
		position: absolute;
	}
}

.responsive_header_content {
	display: flex;
	flex-direction: row;
	align-items: center;
}

#responsive_menu_logo,
#responsive_header_search_btn {
	position: relative;
	cursor: pointer;
	width: 36px;
	height: 31px;
}

.responsive_header_notification_badge_ctn {
	position: absolute;
	text-align: center;
	inset-inline-end: -26px;
	width: 60px;
	top: -4px;
}

.responsive_header_notification_badge {
	display: inline-block;
	background: #ca2842;
	color: #ffffff;
	padding: 0 4px;
	font-size: 11px;
	line-height: 17px;
	border-radius: 8px;
}

.responsive_header_notification_badge.no_notifications {
	display: none;
}

.responsive_header_logo {
	flex: 1;
}

.responsive_header_react_target {
	display: contents;
}

.responsive_header_react_placeholder {
	width: 34px;
}

.responsive_header .responsive_header_logo img {
	vertical-align: middle;
}

.responsive_header .responsive_header_logo a {
	display: inline-block;
}

.localmenu_content {
	padding: 16px;
}

/* China Mobile Footer */

.mainmenu_socials_china {
	display: flex;
	align-items: center;
}

.mainmenu_social_box {
	margin-right: 25px;
	display: flex;
	align-items: center;
}

.mainmenu_line {
	height: 1px;
	background: #2f3138;
	margin: 15px 0;
}

.mainmenu_links_china {
	margin: 10px 0;
	line-height: 17px;
}

.mainmenu_footer a {
	color: #8a8a8a;
}

.mainmenu_footer a:hover {
	color: #FFFFFF;
}

.mainmenu_legal_china {
	font-size: 9px;
}

.mainmenu_legal_pwlegal {
	margin-top: 15px;
}

.mainmenu_logos_china {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}

.mainmenu_china_wechat_logo {
	width: 31px;
	height: 27px;
}

.mainmenu_china_weibo_logo {
	width: 30px;
	height: 26px;
}

.mainmenu_china_pw_logo {
	width: 68px;
	height: 23px;
	margin-right: 10px;
}

.mainmenu_china_valve_logo {
	width: 64px;
	height: 19px;
}

.mainmenu_footer_spacer.china_spacer {
	height: 330px;
}

/* reduce the event share dialog body's bottom margin */
.EventDisplay_Share_Dialog .DialogBodyText {
	margin-bottom: 10px;
}

@media screen and (max-width: 910px)
{
	/* these elements end up getting moved, but hide them in the main page while content is loading */
	html.responsive .responsive_page_content .responsive_local_menu {
		display: none;
	}
}

.responsive_menu_user_area {
	padding: 20px 20px 12px 14px;
	z-index: 1;
    position: relative;

}

.responsive_menu_user_persona {
	line-height: 36px;
	padding-bottom: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: flex;
	flex-direction: row;
	gap: 8px;
}

.responsive_menu_user_persona {

	.persona a,
	.persona.online a,
	.persona.offline a {
		color: #DCDEDF;
	}
}

.responsive_menu_user_persona .playerAvatar {
	display: inline-block;
	vertical-align: middle;
	margin-right: 2px;
	height: 64px;
	width: 64px;
	padding: 0px;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);

	img {
		width: 64px;
		height: 64px;
	}
}

.responsive_menu_user_persona.persona.offline,
.responsive_menu_cartwallet_area.persona.offline  {

	color: #bdbdbd;

	a { color: #bdbdbd; }

}

.responsive_menu_user_container {

	background: -webkit-linear-gradient( 343deg, #24313f 0%,#171a21 33%);
	background: linear-gradient( 107deg, #24313f 0%,#171a21 33%);
}

.responsive_menu_user_bg {
	position: absolute;
    top: 0;
	overflow: clip;
	max-height: 145px;

	img {
		width: 280px;
		filter: blur(20px);
		opacity: .5;
	}
}

.playerProfile_area {
	display: flex;
	flex-direction: column;
}

.playerProfile_area_profilebtn {
	display: flex;
	background-color:rgba( 255, 255, 255, 0.2);
	border-radius: 2px;
    padding: 5px 10px;
    color: white;
    font-size: 11px;
    font-weight: 500;
    line-height: 20px;
	width: fit-content;
	transition: background-color 0.25s, color 0.25s, box-shadow 0.25s;

	&:hover {
		background-color: rgba( 255, 255, 255, 0.4);
		color: white;
		box-shadow: 3px 3px 2px rgb(54 54 54 / 20%);

		a {
			color: white;
		}
	}
}


.responsive_change_language_select {
	font-size: 24px;
}

.responsive_menu_cartwallet_area {
	font-size: 0.75em;
	line-height: normal;
	margin-top: 12px;
	font-weight: 400;
	display: flex;
	color: #DCDEDF;
	gap: 10px;
}

.responsive_menu_user_wallet {

}

/*overriding the global styles for links, avatar and persona name are more directly styled*/


.responsive_menu_cartwidget {
	display: contents;
}


@media screen and (max-width: 910px)
{

	html.responsive .responsive_page_frame.with_header {
		--responsive-menu-floating-height: 62px;
	}

	html.responsive div#global_header {
		display: none;
	}

	html.responsive .responsive_page_frame.with_header {
		--global-header-height: 0px;
	}


	html.responsive .responsive_page_menu_ctn {
		display: block;
	}

	html.responsive div.responsive_header {
		display: block;
	}

	html.responsive div.responsive_page_content {
		position: relative;
		z-index: 10;
	}

	html.responsive .responsive_page_frame.with_header div.responsive_page_content {
		padding-top: var( --responsive-menu-floating-height, 0px );	/* the header overlaps this area */
	}

	/* we show a footer in the menu itself */
	html.responsive div#footer, html.responsive div#footer_spacer {
		display: none;
	}

	html.responsive .responsive_page_template_content {
		padding-bottom: 120px;
		min-height: calc( 100vh - 120px - var( --responsive-menu-floating-height, 0px ) - var( --store-menu-overlap-height, 0px ) );
	}

	html.responsive .perf_timing_area {
		margin-top: -22px;
		position: relative;
		z-index: 30;
	}

	html.responsive .responsive_hidden {
		display: none;
	}

	html.responsive h2.nonresponsive_hidden {
		display: block;
	}

	html.responsive div.nonresponsive_hidden {
		display: block;
	}


}

	html.responsive.touch .responsive_page_frame.with_header {
		--responsive-menu-floating-height: 62px;
	}

	html.responsive.touch div#global_header {
		display: none;
	}

	html.responsive.touch .responsive_page_frame.with_header {
		--global-header-height: 0px;
	}


	html.responsive.touch .responsive_page_menu_ctn {
		display: block;
	}

	html.responsive.touch div.responsive_header {
		display: block;
	}

	html.responsive.touch div.responsive_page_content {
		position: relative;
		z-index: 10;
	}

	html.responsive.touch .responsive_page_frame.with_header div.responsive_page_content {
		padding-top: var( --responsive-menu-floating-height, 0px );	/* the header overlaps this area */
	}

	/* we show a footer in the menu itself */
	html.responsive.touch div#footer, html.responsive.touch div#footer_spacer {
		display: none;
	}

	html.responsive.touch .responsive_page_template_content {
		padding-bottom: 120px;
		min-height: calc( 100vh - 120px - var( --responsive-menu-floating-height, 0px ) - var( --store-menu-overlap-height, 0px ) );
	}

	html.responsive.touch .perf_timing_area {
		margin-top: -22px;
		position: relative;
		z-index: 30;
	}

	html.responsive.touch .responsive_hidden {
		display: none;
	}

	html.responsive.touch h2.nonresponsive_hidden {
		display: block;
	}

	html.responsive.touch div.nonresponsive_hidden {
		display: block;
	}


.perf_timing_area {
	/*display: none;*/
	margin-bottom: 0;
}

.perf_timing_data {
	width: auto;
}

.responsive_page_menu div.responsive_menu_only {
	display: block;
}

.responsive_page_menu span.responsive_menu_only {
	display: inline;
}

@media screen and (max-width: 910px)
{
	html.responsive span.nonresponsive_hidden {
		display: inline;
	}

	html.responsive img.nonresponsive_hidden {
		display: block;
	}

	html.responsive a.nonresponsive_hidden {
		display: block;
	}
}

.responsive_tab_control select {
	color: #ffffff;
	background: rgba(0,0,0,0.3);
	/*background: #3a6d8b;*/
    padding: unset;
	border: none;
	font-size: 16px;
	height: 24px;
	max-width: 98%;
	min-width: 250px;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 200; /* thin */

		}

.responsive_tab_control select option {
	background: #3a6d8b;
}

/* If the user has opted to "view desktop site", we add a button to the bottom of the footer
	to opt back in to the mobile site.  This is button repsonds to device width
	so that it's bigger on smaller screens and easier to tap when zoomed out */

html.force_desktop body #footer .responsive_optin_link {
	display: block;
	text-align: center;
	padding: 20px 0;
}

html.force_desktop body #footer_responsive_optin_spacer {
	height: 64px;
}

.responsive_optin_link .btn_medium > span {
	line-height: 150%;
}

@media screen and ( max-device-width: 640px )
{
	.responsive_optin_link .btn_medium > span {
		font-size: 22px;
	}

	html.force_desktop body #footer_responsive_optin_spacer {
		height: 75px;
	}
}

@media screen and ( max-device-width: 500px )
{
	.responsive_optin_link .btn_medium > span {
		font-size: 26px;
	}

	html.force_desktop body #footer .responsive_optin_link {
		padding: 25px 0;
	}

	html.force_desktop body #footer_responsive_optin_spacer {
		height: 91px;
	}
}

@media screen and ( max-device-width: 400px )
{
	.responsive_optin_link .btn_medium > span {
		font-size: 34px;
	}

	html.force_desktop body #footer .responsive_optin_link {
		padding: 40px 0;
	}

	html.force_desktop body #footer_responsive_optin_spacer {
		height: 133px;
	}

}

@media print
{
	html .responsive_page_menu_ctn.mainmenu,
	html .responsive_local_menu_tab,
	html .responsive_page_menu_ctn.localmenu,
	html .responsive_header {
		display: none;
	}
}

.responsive_fixonscroll_ctn  {
	position: fixed;
	left: 0;
	right: 0;
	background: #171a21;
	box-shadow: 0 2px 4px 0 #000000;
	z-index: 15;
}

.responsive_app_menu {
	display: flex;
	flex-direction: row;
	cursor: pointer;
}

.responsive_app_menu .menu_ellipses {
	width: 6px;
	height: 6px;
	background: #8A97A0;
	border-radius: 3px;
	margin-right: 3px;
}

@media screen and (max-width: 910px)
{

	html.responsive:not(.legacy_mobile) .responsive_scroll_snap_start {
		scroll-snap-align: start;
		scroll-snap-stop: always;
	}

	html.responsive:not(.legacy_mobile) .responsive_scroll_snap_ctn {
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
	}

	html.responsive div.responsive_tab_baseline {
        display: none;
    }


}

	html.responsive.gamepad:not(.legacy_mobile) .responsive_scroll_snap_start {
		scroll-snap-align: start;
		scroll-snap-stop: always;
	}

	html.responsive.gamepad:not(.legacy_mobile) .responsive_scroll_snap_ctn {
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
	}

	html.responsive.gamepad div.responsive_tab_baseline {
        display: none;
    }


@media screen and (max-width: 910px)
{



}

html.responsive body.OverlayWindowPinned div.responsive_header {
	display: none;
}
html.responsive body.OverlayWindowPinned.responsive_page .responsive_page_frame.with_header div.responsive_page_content {
	padding-top: 0px;
}

html.responsive body.OverlayWindowPinnedView div.responsive_local_menu_tab {
	display: none;
}
html.responsive body.OverlayWindowPinnedView.responsive_page {
	overflow: hidden;
	background: none;
}

._3EPagkYPxulGbe-5invUhK {
    width: 300px;
    display: flex;
    flex-direction: column;
    color: #fff;
    background: radial-gradient(circle at top left, rgba(74, 81, 92, 0.4) 0%, rgba(75, 81, 92, 0) 60%), #25282e
}

._3EPagkYPxulGbe-5invUhK svg {
    fill: #8b929a
}

._3EPagkYPxulGbe-5invUhK a {
    text-decoration: none
}

.m0H4PhlsBcw0NzlQje7q {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 6px
}

._2hgxpK_sWS7mDF66uPetpF {
    overflow-y: auto;
    max-height: 350px;
    margin-left: 4px;
    padding-bottom: 4px
}

._2hgxpK_sWS7mDF66uPetpF._2Qeur5RWXHnW-xneBJUfH- {
    margin-right: 4px
}

._1Uh_y1atXoMOUxGyUQK8vC {
    padding: 5px 15px 10px 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    min-width: 160px;
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

._1Uh_y1atXoMOUxGyUQK8vC a {
    text-decoration: none
}

._1Uh_y1atXoMOUxGyUQK8vC._2q-LyEsEZpxFZBbqO07xgp {
    justify-content: end
}

._1Uh_y1atXoMOUxGyUQK8vC .-Dpw5WXg2gjckpFAkP_lg {
    font-size: 16px;
    align-self: center
}

._1Uh_y1atXoMOUxGyUQK8vC ._1OH7OiFxIJo5Y7Z4Z6U6iO {
    background-color: #454953;
    color: #fff;
    border-style: none;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 2px;
    cursor: pointer
}

._1Uh_y1atXoMOUxGyUQK8vC ._1OH7OiFxIJo5Y7Z4Z6U6iO:hover {
    background-color: #67707b;
    transition-property: background;
    transition-duration: 250ms
}

._1jW5_Ycv6jGKu28A1OSIQK {
    width: 46px;
    height: 24px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 402;
    border: none;
    color: inherit
}

._1jW5_Ycv6jGKu28A1OSIQK ._13fwmIK8Ajo0qndUS5zb7E {
    width: 14px
}

._1jW5_Ycv6jGKu28A1OSIQK._34A9kjlnmgfUWSmr16VjXE {
    background-color: rgba(103, 112, 123, .2)
}

._1jW5_Ycv6jGKu28A1OSIQK._34A9kjlnmgfUWSmr16VjXE:not(._3h1sV2qrp20U37VwC47pM2):hover {
    background-color: #3d4450;
    transition-property: background;
    transition-duration: 250ms
}

._1jW5_Ycv6jGKu28A1OSIQK._34A9kjlnmgfUWSmr16VjXE svg {
    fill: #8b929a
}

._1jW5_Ycv6jGKu28A1OSIQK._2Hpe0_DGY0TBz45Lg0zUr9 {
    background-color: #5c7e10;
    color: #fff
}

._1jW5_Ycv6jGKu28A1OSIQK._2Hpe0_DGY0TBz45Lg0zUr9:not(._3h1sV2qrp20U37VwC47pM2):hover {
    background-color: #7ea64b;
    transition-property: background;
    transition-duration: 250ms
}

._1jW5_Ycv6jGKu28A1OSIQK._2Hpe0_DGY0TBz45Lg0zUr9 svg {
    fill: #fff
}

._1jW5_Ycv6jGKu28A1OSIQK._2Hpe0_DGY0TBz45Lg0zUr9:hover ._13fwmIK8Ajo0qndUS5zb7E g,
._1jW5_Ycv6jGKu28A1OSIQK._2Hpe0_DGY0TBz45Lg0zUr9._34o7mvTYzowbNAllqYUQuJ ._13fwmIK8Ajo0qndUS5zb7E g {
    animation: _3W6ngOzFfcJJpftaQ5t9bk 5s ease-in;
    animation-iteration-count: 1;
    transform-origin: 50% 0%
}

._1jW5_Ycv6jGKu28A1OSIQK._2Hpe0_DGY0TBz45Lg0zUr9:hover ._13fwmIK8Ajo0qndUS5zb7E g .SVGIcon_Notification_Uvula,
._1jW5_Ycv6jGKu28A1OSIQK._2Hpe0_DGY0TBz45Lg0zUr9._34o7mvTYzowbNAllqYUQuJ ._13fwmIK8Ajo0qndUS5zb7E g .SVGIcon_Notification_Uvula {
    animation: xpAr9gP3YAkKomrGUivf8 5s ease-in;
    animation-iteration-count: 1
}

._1jW5_Ycv6jGKu28A1OSIQK._3h1sV2qrp20U37VwC47pM2 {
    background-color: transparent;
    color: rgba(169, 169, 169, .5)
}

._1jW5_Ycv6jGKu28A1OSIQK._3h1sV2qrp20U37VwC47pM2 svg {
    fill: #d3d3d3
}

._2a4xLIvDI3rmLxVfLMQFTz {
    display: none;
    padding: 20px;
    text-align: center;
    font-size: 12px
}

._2a4xLIvDI3rmLxVfLMQFTz:first-child {
    display: block
}

._2a4xLIvDI3rmLxVfLMQFTz ._2SIA4NMfduV_HWDptv6cAK {
    font-weight: 400
}

._2a4xLIvDI3rmLxVfLMQFTz .EpEznkfiKxcqI9p52OmRx {
    padding-top: 15px;
    color: #b8bcbf
}

@keyframes _3W6ngOzFfcJJpftaQ5t9bk {
    0% {
        transform: rotateZ(0deg)
    }

    3% {
        transform: rotateZ(16deg)
    }

    6% {
        transform: rotateZ(-16deg)
    }

    9% {
        transform: rotateZ(15deg)
    }

    12% {
        transform: rotateZ(-15deg)
    }

    15% {
        transform: rotateZ(14deg)
    }

    18% {
        transform: rotateZ(-14deg)
    }

    21% {
        transform: rotateZ(8deg)
    }

    24% {
        transform: rotateZ(-8deg)
    }

    27% {
        transform: rotateZ(3deg)
    }

    30% {
        transform: rotateZ(-3deg)
    }

    33% {
        transform: rotateZ(0deg)
    }

    100% {
        transform: rotateZ(0deg)
    }
}

@keyframes xpAr9gP3YAkKomrGUivf8 {
    0% {
        transform: translateX(0px)
    }

    3% {
        transform: translateX(6px)
    }

    5% {
        transform: translateX(-6px)
    }

    8% {
        transform: translateX(5px)
    }

    11% {
        transform: translateX(-5px)
    }

    14% {
        transform: translateX(4px)
    }

    17% {
        transform: translateX(-4px)
    }

    20% {
        transform: translateX(4px)
    }

    23% {
        transform: translateX(-2px)
    }

    26% {
        transform: translateX(2px)
    }

    29% {
        transform: translateX(1px)
    }

    32% {
        transform: translateX(0px)
    }

    100% {
        transform: translateX(0px)
    }
}

._34nLZDNirxRHssbsjB_dJf:last-child>div {
    margin-bottom: 8px
}

@keyframes _2THWJm_DP4_8_21tEsXSSj {
    from {
        background-position: 0 100%
    }

    to {
        background-position: 100% 0
    }
}

@keyframes _3TDFCqwgSFsXL90HH5PmyQ {
    from {
        background: #3d4450
    }

    to {
        background: #23262e
    }
}

@keyframes _3z4hV832fi8W9gRRPhmC1V {
    from {
        background: #3d4450;
        color: #8b929a
    }

    to {
        background: #23262e;
        color: #fff
    }
}

@keyframes _22M7t0tCHSgmIcx2rwkyDn {
    from {
        background: rgba(255, 255, 255, .25);
        color: #8b929a
    }

    to {
        background: rgba(255, 255, 255, .15);
        color: #fff
    }
}

@keyframes lhtmiPnDLy_PH3nWN5N8F {
    from {
        background: #8b929a;
        color: #fff
    }

    to {
        background: #67707b;
        color: #fff
    }
}

@keyframes xPu5sAUAb9KZcZojHZeok {
    from {
        background: rgba(255, 255, 255, .3);
        color: #fff
    }

    to {
        background: rgba(255, 255, 255, .1);
        color: #fff
    }
}

@keyframes _35HEPLHufn9k-5gTKvZYrO {
    from {
        background: rgba(255, 255, 255, .5);
        color: #fff
    }

    to {
        background: rgba(255, 255, 255, .2);
        color: #fff
    }
}

@keyframes TQ99CK6pDp4hhQZWjAgGz {
    from {
        border-color: #67707b
    }

    to {
        border-color: #3d4450
    }
}

@keyframes Rxe4URLYwNKRWJ2UaiQq2 {
    from {
        background: #c9ffc9;
        color: #8b929a
    }

    to {
        background: #59bf40;
        color: #fff
    }
}

@keyframes _1vcir9Vcuml6I0DWyCei3i {
    0% {
        background-position: 0% 0%;
        opacity: 1
    }

    100% {
        background-position: -180% 0%;
        opacity: .8
    }
}

@keyframes _3dGxvxYZPEwyYDQfin8FOd {
    0% {
        background-position: 0% 0%
    }

    100% {
        background-position: 50% 0%
    }
}

._30fVm4Rsel-4nUKEiPJgz9 {
    cursor: pointer
}

.BasicUI ._30fVm4Rsel-4nUKEiPJgz9:hover,
.BasicUI ._30fVm4Rsel-4nUKEiPJgz9.gpfocus {
    background-color: #3d4450;
    animation-name: _3z4hV832fi8W9gRRPhmC1V;
    z-index: 1
}

.BasicUI ._30fVm4Rsel-4nUKEiPJgz9:hover ._7XKFnSNjW_tHfyxaezoD3,
.BasicUI ._30fVm4Rsel-4nUKEiPJgz9.gpfocus ._7XKFnSNjW_tHfyxaezoD3 {
    color: #67707b
}

._2h6KD6p6y4vIgO2Toxx-_K,
._3oKFhPrh1lbp-WtA72Q2Yi {
    padding: 10px 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 50px;
    position: relative;
    transition-property: transform, background-color;
    transition-duration: .32s, 0s;
    transition-timing-function: cubic-bezier(0.17, 0.45, 0.14, 0.83);
    transform-origin: 12% 50%;
    animation-timing-function: cubic-bezier(0.17, 0.45, 0.14, 0.83);
    animation-duration: .5s;
    animation-fill-mode: forwards;
    transform: scale(1) rotateX(0deg);
    transition: filter 50ms ease-in
}

._2h6KD6p6y4vIgO2Toxx-_K:hover,
._3oKFhPrh1lbp-WtA72Q2Yi:hover {
    background-color: #23262e;
    transition: background-color 150ms ease-in
}

._2h6KD6p6y4vIgO2Toxx-_K.gpfocus,
._3oKFhPrh1lbp-WtA72Q2Yi.gpfocus {
    background-color: #3d4450;
    animation-name: _3z4hV832fi8W9gRRPhmC1V;
    z-index: 1
}

._2h6KD6p6y4vIgO2Toxx-_K ._1VRx9qVxigUC4qeM0NWNMR,
._3oKFhPrh1lbp-WtA72Q2Yi ._1VRx9qVxigUC4qeM0NWNMR {
    height: 44px;
    width: 44px;
    flex-shrink: 0
}

._2h6KD6p6y4vIgO2Toxx-_K ._1SQjN025UZ0z_8AkWHCsGd,
._3oKFhPrh1lbp-WtA72Q2Yi ._1SQjN025UZ0z_8AkWHCsGd {
    margin-left: 12px;
    min-width: 0;
    overflow: hidden
}

._2h6KD6p6y4vIgO2Toxx-_K ._3u0Sb5gUTscs0TQlKpA7WZ,
._3oKFhPrh1lbp-WtA72Q2Yi ._3u0Sb5gUTscs0TQlKpA7WZ {
    display: flex;
    flex-direction: row;
    height: 14px;
    line-height: 14px
}

._2h6KD6p6y4vIgO2Toxx-_K ._2auM-VHPU-KKomAWyuWrSV,
._3oKFhPrh1lbp-WtA72Q2Yi ._2auM-VHPU-KKomAWyuWrSV {
    width: 13px;
    height: 13px;
    margin-right: 8px;
    color: #fff
}

._2h6KD6p6y4vIgO2Toxx-_K ._2auM-VHPU-KKomAWyuWrSV>svg,
._3oKFhPrh1lbp-WtA72Q2Yi ._2auM-VHPU-KKomAWyuWrSV>svg {
    width: 13px;
    height: 13px
}

._2h6KD6p6y4vIgO2Toxx-_K ._2MGSmn9lIFnmLVIX49POSx,
._3oKFhPrh1lbp-WtA72Q2Yi ._2MGSmn9lIFnmLVIX49POSx {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: .5em;
    color: #fff
}

._2h6KD6p6y4vIgO2Toxx-_K ._26v9mHAi56x63OwY-jxett,
._2h6KD6p6y4vIgO2Toxx-_K ._3hEeummFKRey8l5VXxZwxz,
._3oKFhPrh1lbp-WtA72Q2Yi ._26v9mHAi56x63OwY-jxett,
._3oKFhPrh1lbp-WtA72Q2Yi ._3hEeummFKRey8l5VXxZwxz {
    font-family: "Motiva Sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    font-size: 12px;
    line-height: 16px
}

._2h6KD6p6y4vIgO2Toxx-_K ._26v9mHAi56x63OwY-jxett:not(._21DVSDVmPUgGXuTkI2HqbO),
._2h6KD6p6y4vIgO2Toxx-_K ._3hEeummFKRey8l5VXxZwxz:not(._21DVSDVmPUgGXuTkI2HqbO),
._3oKFhPrh1lbp-WtA72Q2Yi ._26v9mHAi56x63OwY-jxett:not(._21DVSDVmPUgGXuTkI2HqbO),
._3oKFhPrh1lbp-WtA72Q2Yi ._3hEeummFKRey8l5VXxZwxz:not(._21DVSDVmPUgGXuTkI2HqbO) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._2h6KD6p6y4vIgO2Toxx-_K ._26v9mHAi56x63OwY-jxett._21DVSDVmPUgGXuTkI2HqbO,
._2h6KD6p6y4vIgO2Toxx-_K ._3hEeummFKRey8l5VXxZwxz._21DVSDVmPUgGXuTkI2HqbO,
._3oKFhPrh1lbp-WtA72Q2Yi ._26v9mHAi56x63OwY-jxett._21DVSDVmPUgGXuTkI2HqbO,
._3oKFhPrh1lbp-WtA72Q2Yi ._3hEeummFKRey8l5VXxZwxz._21DVSDVmPUgGXuTkI2HqbO {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

._2h6KD6p6y4vIgO2Toxx-_K ._26v9mHAi56x63OwY-jxett,
._3oKFhPrh1lbp-WtA72Q2Yi ._26v9mHAi56x63OwY-jxett {
    color: #b8bcbf
}

._2h6KD6p6y4vIgO2Toxx-_K ._3hEeummFKRey8l5VXxZwxz,
._3oKFhPrh1lbp-WtA72Q2Yi ._3hEeummFKRey8l5VXxZwxz {
    color: #67707b
}

._2h6KD6p6y4vIgO2Toxx-_K .CRYjulQaQOjokS7b_8cOH,
._3oKFhPrh1lbp-WtA72Q2Yi .CRYjulQaQOjokS7b_8cOH {
    background-color: #1a9fff;
    color: #fff;
    border-radius: 26px;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 8px;
    margin-left: 8px;
    margin-right: -8px
}

._2h6KD6p6y4vIgO2Toxx-_K ._7XKFnSNjW_tHfyxaezoD3,
._3oKFhPrh1lbp-WtA72Q2Yi ._7XKFnSNjW_tHfyxaezoD3 {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #3d4450;
    flex-shrink: 0
}

._2h6KD6p6y4vIgO2Toxx-_K:hover ._7XKFnSNjW_tHfyxaezoD3,
._2h6KD6p6y4vIgO2Toxx-_K.gpfocus ._7XKFnSNjW_tHfyxaezoD3,
._3oKFhPrh1lbp-WtA72Q2Yi:hover ._7XKFnSNjW_tHfyxaezoD3,
._3oKFhPrh1lbp-WtA72Q2Yi.gpfocus ._7XKFnSNjW_tHfyxaezoD3 {
    color: #67707b
}

._3oKFhPrh1lbp-WtA72Q2Yi {
    height: 16px;
    cursor: pointer
}

._3oKFhPrh1lbp-WtA72Q2Yi .h-lNlCUnCRbIcn38-Oqaw {
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: hidden;
    font-family: "Motiva Sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.QFW0BtI4l77AFmv1xLAkx,
._3B8wRA4H7e_oSksYNqpSPv,
._2NdiftmP-B3C4LPWnNGTCB,
._25gii5r23MmAqXvLZj24tK,
._3k90ug209sE23xAMqcM74s {
    padding: 10px 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 50px;
    position: relative;
    transition-property: transform, background-color;
    transition-duration: .32s, 0s;
    transition-timing-function: cubic-bezier(0.17, 0.45, 0.14, 0.83);
    transform-origin: 12% 50%;
    animation-timing-function: cubic-bezier(0.17, 0.45, 0.14, 0.83);
    animation-duration: .5s;
    animation-fill-mode: forwards;
    transform: scale(1) rotateX(0deg)
}

.QFW0BtI4l77AFmv1xLAkx:hover,
._3B8wRA4H7e_oSksYNqpSPv:hover,
._2NdiftmP-B3C4LPWnNGTCB:hover,
._25gii5r23MmAqXvLZj24tK:hover,
._3k90ug209sE23xAMqcM74s:hover {
    cursor: pointer
}

.QFW0BtI4l77AFmv1xLAkx ._1VRx9qVxigUC4qeM0NWNMR,
._3B8wRA4H7e_oSksYNqpSPv ._1VRx9qVxigUC4qeM0NWNMR,
._2NdiftmP-B3C4LPWnNGTCB ._1VRx9qVxigUC4qeM0NWNMR,
._25gii5r23MmAqXvLZj24tK ._1VRx9qVxigUC4qeM0NWNMR,
._3k90ug209sE23xAMqcM74s ._1VRx9qVxigUC4qeM0NWNMR {
    height: 44px;
    width: 44px;
    flex-shrink: 0
}

.QFW0BtI4l77AFmv1xLAkx ._1SQjN025UZ0z_8AkWHCsGd,
._3B8wRA4H7e_oSksYNqpSPv ._1SQjN025UZ0z_8AkWHCsGd,
._2NdiftmP-B3C4LPWnNGTCB ._1SQjN025UZ0z_8AkWHCsGd,
._25gii5r23MmAqXvLZj24tK ._1SQjN025UZ0z_8AkWHCsGd,
._3k90ug209sE23xAMqcM74s ._1SQjN025UZ0z_8AkWHCsGd {
    margin-left: 12px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.QFW0BtI4l77AFmv1xLAkx ._3u0Sb5gUTscs0TQlKpA7WZ,
._3B8wRA4H7e_oSksYNqpSPv ._3u0Sb5gUTscs0TQlKpA7WZ,
._2NdiftmP-B3C4LPWnNGTCB ._3u0Sb5gUTscs0TQlKpA7WZ,
._25gii5r23MmAqXvLZj24tK ._3u0Sb5gUTscs0TQlKpA7WZ,
._3k90ug209sE23xAMqcM74s ._3u0Sb5gUTscs0TQlKpA7WZ {
    display: flex;
    flex-direction: row;
    align-items: center
}

.QFW0BtI4l77AFmv1xLAkx ._2auM-VHPU-KKomAWyuWrSV,
._3B8wRA4H7e_oSksYNqpSPv ._2auM-VHPU-KKomAWyuWrSV,
._2NdiftmP-B3C4LPWnNGTCB ._2auM-VHPU-KKomAWyuWrSV,
._25gii5r23MmAqXvLZj24tK ._2auM-VHPU-KKomAWyuWrSV,
._3k90ug209sE23xAMqcM74s ._2auM-VHPU-KKomAWyuWrSV {
    width: 13px;
    height: 13px;
    margin-right: 5px;
    color: #8b929a;
    fill: #8b929a;
    display: flex
}

.QFW0BtI4l77AFmv1xLAkx ._2auM-VHPU-KKomAWyuWrSV>svg,
._3B8wRA4H7e_oSksYNqpSPv ._2auM-VHPU-KKomAWyuWrSV>svg,
._2NdiftmP-B3C4LPWnNGTCB ._2auM-VHPU-KKomAWyuWrSV>svg,
._25gii5r23MmAqXvLZj24tK ._2auM-VHPU-KKomAWyuWrSV>svg,
._3k90ug209sE23xAMqcM74s ._2auM-VHPU-KKomAWyuWrSV>svg {
    width: 13px;
    height: 13px;
    font-size: 13px
}

.QFW0BtI4l77AFmv1xLAkx ._2MGSmn9lIFnmLVIX49POSx,
._3B8wRA4H7e_oSksYNqpSPv ._2MGSmn9lIFnmLVIX49POSx,
._2NdiftmP-B3C4LPWnNGTCB ._2MGSmn9lIFnmLVIX49POSx,
._25gii5r23MmAqXvLZj24tK ._2MGSmn9lIFnmLVIX49POSx,
._3k90ug209sE23xAMqcM74s ._2MGSmn9lIFnmLVIX49POSx {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #8b929a;
    margin-right: .5em
}

.QFW0BtI4l77AFmv1xLAkx ._26v9mHAi56x63OwY-jxett:not(._21DVSDVmPUgGXuTkI2HqbO),
.QFW0BtI4l77AFmv1xLAkx ._3hEeummFKRey8l5VXxZwxz:not(._21DVSDVmPUgGXuTkI2HqbO),
._3B8wRA4H7e_oSksYNqpSPv ._26v9mHAi56x63OwY-jxett:not(._21DVSDVmPUgGXuTkI2HqbO),
._3B8wRA4H7e_oSksYNqpSPv ._3hEeummFKRey8l5VXxZwxz:not(._21DVSDVmPUgGXuTkI2HqbO),
._2NdiftmP-B3C4LPWnNGTCB ._26v9mHAi56x63OwY-jxett:not(._21DVSDVmPUgGXuTkI2HqbO),
._2NdiftmP-B3C4LPWnNGTCB ._3hEeummFKRey8l5VXxZwxz:not(._21DVSDVmPUgGXuTkI2HqbO),
._25gii5r23MmAqXvLZj24tK ._26v9mHAi56x63OwY-jxett:not(._21DVSDVmPUgGXuTkI2HqbO),
._25gii5r23MmAqXvLZj24tK ._3hEeummFKRey8l5VXxZwxz:not(._21DVSDVmPUgGXuTkI2HqbO),
._3k90ug209sE23xAMqcM74s ._26v9mHAi56x63OwY-jxett:not(._21DVSDVmPUgGXuTkI2HqbO),
._3k90ug209sE23xAMqcM74s ._3hEeummFKRey8l5VXxZwxz:not(._21DVSDVmPUgGXuTkI2HqbO) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.QFW0BtI4l77AFmv1xLAkx ._26v9mHAi56x63OwY-jxett._21DVSDVmPUgGXuTkI2HqbO,
.QFW0BtI4l77AFmv1xLAkx ._3hEeummFKRey8l5VXxZwxz._21DVSDVmPUgGXuTkI2HqbO,
._3B8wRA4H7e_oSksYNqpSPv ._26v9mHAi56x63OwY-jxett._21DVSDVmPUgGXuTkI2HqbO,
._3B8wRA4H7e_oSksYNqpSPv ._3hEeummFKRey8l5VXxZwxz._21DVSDVmPUgGXuTkI2HqbO,
._2NdiftmP-B3C4LPWnNGTCB ._26v9mHAi56x63OwY-jxett._21DVSDVmPUgGXuTkI2HqbO,
._2NdiftmP-B3C4LPWnNGTCB ._3hEeummFKRey8l5VXxZwxz._21DVSDVmPUgGXuTkI2HqbO,
._25gii5r23MmAqXvLZj24tK ._26v9mHAi56x63OwY-jxett._21DVSDVmPUgGXuTkI2HqbO,
._25gii5r23MmAqXvLZj24tK ._3hEeummFKRey8l5VXxZwxz._21DVSDVmPUgGXuTkI2HqbO,
._3k90ug209sE23xAMqcM74s ._26v9mHAi56x63OwY-jxett._21DVSDVmPUgGXuTkI2HqbO,
._3k90ug209sE23xAMqcM74s ._3hEeummFKRey8l5VXxZwxz._21DVSDVmPUgGXuTkI2HqbO {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 15px
}

.QFW0BtI4l77AFmv1xLAkx ._26v9mHAi56x63OwY-jxett,
._3B8wRA4H7e_oSksYNqpSPv ._26v9mHAi56x63OwY-jxett,
._2NdiftmP-B3C4LPWnNGTCB ._26v9mHAi56x63OwY-jxett,
._25gii5r23MmAqXvLZj24tK ._26v9mHAi56x63OwY-jxett,
._3k90ug209sE23xAMqcM74s ._26v9mHAi56x63OwY-jxett {
    color: #fff;
    font-weight: 400;
    font-size: 12px
}

.QFW0BtI4l77AFmv1xLAkx ._3hEeummFKRey8l5VXxZwxz,
._3B8wRA4H7e_oSksYNqpSPv ._3hEeummFKRey8l5VXxZwxz,
._2NdiftmP-B3C4LPWnNGTCB ._3hEeummFKRey8l5VXxZwxz,
._25gii5r23MmAqXvLZj24tK ._3hEeummFKRey8l5VXxZwxz,
._3k90ug209sE23xAMqcM74s ._3hEeummFKRey8l5VXxZwxz {
    color: #8b929a;
    font-size: 11px
}

.QFW0BtI4l77AFmv1xLAkx .CRYjulQaQOjokS7b_8cOH,
._3B8wRA4H7e_oSksYNqpSPv .CRYjulQaQOjokS7b_8cOH,
._2NdiftmP-B3C4LPWnNGTCB .CRYjulQaQOjokS7b_8cOH,
._25gii5r23MmAqXvLZj24tK .CRYjulQaQOjokS7b_8cOH,
._3k90ug209sE23xAMqcM74s .CRYjulQaQOjokS7b_8cOH {
    background-color: #1a9fff;
    color: #fff;
    border-radius: 26px;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 8px;
    margin-left: 8px;
    margin-right: -8px
}

.QFW0BtI4l77AFmv1xLAkx ._7XKFnSNjW_tHfyxaezoD3,
._3B8wRA4H7e_oSksYNqpSPv ._7XKFnSNjW_tHfyxaezoD3,
._2NdiftmP-B3C4LPWnNGTCB ._7XKFnSNjW_tHfyxaezoD3,
._25gii5r23MmAqXvLZj24tK ._7XKFnSNjW_tHfyxaezoD3,
._3k90ug209sE23xAMqcM74s ._7XKFnSNjW_tHfyxaezoD3 {
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #8b929a;
    flex-shrink: 0;
    margin-left: 5px
}

._3p74fAyjLzNltNbJUf55kk {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-size: cover;
    position: relative;
    overflow: hidden
}

._3p74fAyjLzNltNbJUf55kk ._2qpzt_PffGJwN3Vm2bkKQI {
    content: "";
    display: block;
    position: absolute;
    width: 25%;
    height: 25%;
    transform: scale(6);
    transform-origin: 50% 50%;
    top: 6px;
    filter: contrast(1) saturate(7) brightness(2) blur(3px)
}

._3p74fAyjLzNltNbJUf55kk>img {
    position: relative;
    width: 32px;
    height: 31px;
    border-radius: 2px;
    border: 1px solid #0000009c;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, .5);
    z-index: 3
}

._3B8wRA4H7e_oSksYNqpSPv {
    background-color: rgba(35, 38, 46, .5)
}

._3B8wRA4H7e_oSksYNqpSPv:hover {
    background: rgba(35, 38, 46, .8)
}

@keyframes _3eZECZ7BxfGeq4yfoKHDal {
    0% {
        background-color: #3d4450
    }

    100% {
        background-color: unset
    }
}

._3B8wRA4H7e_oSksYNqpSPv.FMwg5OFGT6NP3h3EW89IP {
    animation: _3eZECZ7BxfGeq4yfoKHDal 1s ease-out
}

._3B8wRA4H7e_oSksYNqpSPv._1B1XTNsfuwOaDPAkkr8M42 {
    background: #323640
}

._3B8wRA4H7e_oSksYNqpSPv._1B1XTNsfuwOaDPAkkr8M42:hover {
    background: #3d4450
}

._25gii5r23MmAqXvLZj24tK,
._3k90ug209sE23xAMqcM74s {
    height: 36px;
    padding: 0px;
    position: relative;
    background-color: #3d4450;
    border-radius: 2px;
    margin: 0 auto 2px auto
}

._25gii5r23MmAqXvLZj24tK:hover,
._3k90ug209sE23xAMqcM74s:hover {
    background: #474f5c
}

._25gii5r23MmAqXvLZj24tK ._2auM-VHPU-KKomAWyuWrSV,
._3k90ug209sE23xAMqcM74s ._2auM-VHPU-KKomAWyuWrSV {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    padding-left: 2px;
    color: #dcdedf
}

._25gii5r23MmAqXvLZj24tK ._2auM-VHPU-KKomAWyuWrSV>svg,
._3k90ug209sE23xAMqcM74s ._2auM-VHPU-KKomAWyuWrSV>svg {
    width: 18px;
    height: 18px
}

._25gii5r23MmAqXvLZj24tK .h-lNlCUnCRbIcn38-Oqaw,
._3k90ug209sE23xAMqcM74s .h-lNlCUnCRbIcn38-Oqaw {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #dcdedf;
    font-size: 12px;
    font-weight: 400
}

._3k90ug209sE23xAMqcM74s:last-child {
    margin-bottom: 8px
}

.QFW0BtI4l77AFmv1xLAkx {
    background: rgba(0, 0, 0, .2);
    align-items: center;
    cursor: pointer;
    height: 70px;
    box-sizing: border-box
}

.QFW0BtI4l77AFmv1xLAkx:hover {
    background: #474f5c
}

.QFW0BtI4l77AFmv1xLAkx._1B1XTNsfuwOaDPAkkr8M42 {
    background-color: #3d4450;
    border: 1px solid rgba(255, 255, 255, .06)
}

.QFW0BtI4l77AFmv1xLAkx._1B1XTNsfuwOaDPAkkr8M42._26v9mHAi56x63OwY-jxett {
    color: #fff;
    font-weight: 400
}

.QFW0BtI4l77AFmv1xLAkx._1B1XTNsfuwOaDPAkkr8M42:hover {
    background: #474f5c
}

.QFW0BtI4l77AFmv1xLAkx ._26v9mHAi56x63OwY-jxett {
    color: #dcdedf;
    font-weight: 400;
    letter-spacing: none;
    font-size: 14px;
    margin-right: 50px
}

.QFW0BtI4l77AFmv1xLAkx ._3hEeummFKRey8l5VXxZwxz {
    color: #8b929a;
    font-size: 12px
}

.QFW0BtI4l77AFmv1xLAkx ._2MGSmn9lIFnmLVIX49POSx {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px
}

.QFW0BtI4l77AFmv1xLAkx ._7XKFnSNjW_tHfyxaezoD3 {
    color: #67707b
}

.QFW0BtI4l77AFmv1xLAkx ._1SQjN025UZ0z_8AkWHCsGd {
    margin-left: 14px
}

.QFW0BtI4l77AFmv1xLAkx ._2auM-VHPU-KKomAWyuWrSV {
    color: #8b929a
}

.QFW0BtI4l77AFmv1xLAkx ._2auM-VHPU-KKomAWyuWrSV svg {
    color: #8b929a;
    fill: #8b929a
}

._1YqYJ2yaHfODWbIB0abgzQ {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .03em
}

._1YqYJ2yaHfODWbIB0abgzQ.fozLrCNjCbPGiVKYi2L_M {
    margin-left: 5px
}

._2NdiftmP-B3C4LPWnNGTCB {
    background: none
}

._2NdiftmP-B3C4LPWnNGTCB:hover {
    background: none
}

._2NdiftmP-B3C4LPWnNGTCB ._1SQjN025UZ0z_8AkWHCsGd {
    justify-content: center;
    flex: 1
}

._2NdiftmP-B3C4LPWnNGTCB ._2MGSmn9lIFnmLVIX49POSx {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._2NdiftmP-B3C4LPWnNGTCB .rN6p14MiFEoCZvdjnfpgQ {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #e3ffc2;
    font-weight: 400;
    letter-spacing: .03em
}

._2NdiftmP-B3C4LPWnNGTCB ._35uWYHT2zJoSv9PE_euqxo {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #6dcff6;
    font-weight: 400;
    letter-spacing: .03em
}

._2NdiftmP-B3C4LPWnNGTCB ._33qpBDHTkkQ4TCFB4gPGk_ {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    letter-spacing: .03em
}

._2NdiftmP-B3C4LPWnNGTCB ._3m94SADycX0JIk8urdZQ2X {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    font-size: 12px
}

._2NdiftmP-B3C4LPWnNGTCB ._1XTFkmspXcukxWSFz5Fn61 {
    color: #b8bcbf;
    font-size: 12px;
    align-items: center
}

._2NdiftmP-B3C4LPWnNGTCB ._1XTFkmspXcukxWSFz5Fn61:not(._21DVSDVmPUgGXuTkI2HqbO) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._2NdiftmP-B3C4LPWnNGTCB ._1XTFkmspXcukxWSFz5Fn61._21DVSDVmPUgGXuTkI2HqbO {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

._2NdiftmP-B3C4LPWnNGTCB ._1XTFkmspXcukxWSFz5Fn61 .brsvX3XkZwkemQ_HM3JOP {
    vertical-align: middle;
    display: inline
}

._2NdiftmP-B3C4LPWnNGTCB ._3JT9UI68R_-oZc63_NRIcA {
    font-size: 11px
}

._2NdiftmP-B3C4LPWnNGTCB ._26v9mHAi56x63OwY-jxett._21DVSDVmPUgGXuTkI2HqbO,
._2NdiftmP-B3C4LPWnNGTCB ._3hEeummFKRey8l5VXxZwxz._21DVSDVmPUgGXuTkI2HqbO {
    line-height: 15px
}

._2NdiftmP-B3C4LPWnNGTCB ._10165iFPxrqzt0kfV00tbu {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #91c257;
    font-size: 11px
}

._3QLXE6SzCKiwEgK5iORZPA {
    filter: brightness(40%) blur(2px);
    justify-content: center;
    width: 46px;
    height: 46px
}

._1iutOH026zK2dbpsMFDmMm {
    width: 3px;
    flex-shrink: 0;
    box-shadow: -1px 0px 1px #000a;
    align-self: stretch
}

.j2oDsM6xV2rFx-UrisfYh ._1iutOH026zK2dbpsMFDmMm {
    border-right: 1px solid #236c39
}

._1iutOH026zK2dbpsMFDmMm.online {
    background-color: #4cb4ff
}

._1iutOH026zK2dbpsMFDmMm.ingame {
    background-color: #59bf40
}

._1iutOH026zK2dbpsMFDmMm.awayOrSnooze {
    -webkit-mask: url("") repeat-y;
    -webkit-mask-size: 6px 6px;
    mask: url("") repeat-y;
    mask-size: 6px 6px;
    opacity: 1
}

._1iutOH026zK2dbpsMFDmMm.offline {
    background-color: #67707b
}

._2h6KD6p6y4vIgO2Toxx-_K ._1iutOH026zK2dbpsMFDmMm,
._2NdiftmP-B3C4LPWnNGTCB ._1iutOH026zK2dbpsMFDmMm,
.QFW0BtI4l77AFmv1xLAkx ._1iutOH026zK2dbpsMFDmMm,
._3B8wRA4H7e_oSksYNqpSPv ._1iutOH026zK2dbpsMFDmMm {
    height: 44px;
    align-self: auto
}

._1VRx9qVxigUC4qeM0NWNMR {
    height: 44px;
    width: 44px;
    flex-shrink: 0
}

.BNKAIWal-7E00ymauRaHg {
    width: 40px;
    height: 40px;
    flex-shrink: 0
}

.Lakql1yamweHbP1OPuahF {
    position: absolute;
    align-items: center;
    left: 0;
    top: 0;
    padding: 10px 0px;
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: row;
    opacity: 1;
    transition: opacity 500ms;
    background-color: #323640
}

.BasicUI .Lakql1yamweHbP1OPuahF {
    background-color: #0e141b
}

.Lakql1yamweHbP1OPuahF:hover:not(.WnLkF0HwOQr2BIjlAlrjF) {
    cursor: default
}

.Lakql1yamweHbP1OPuahF.WnLkF0HwOQr2BIjlAlrjF {
    opacity: 0
}

._2macs5lWMPN5NfDpGE3Iyh {
    margin-left: 10px
}

._3Ivl8dbxH6D6LwaSLTNTLe {
    width: 160px;
    height: 29px;
    margin-top: 5px
}

._2a2loheX4ZKGZCGNEdAT3h {
    width: 120px;
    height: 10px
}

._2macs5lWMPN5NfDpGE3Iyh,
._2a2loheX4ZKGZCGNEdAT3h,
._3Ivl8dbxH6D6LwaSLTNTLe {
    background: linear-gradient(to right, transparent 33.33%, #bff6ab 50%, transparent 66.66%);
    background-size: 600px 100%;
    background-repeat: repeat-x;
    animation: _2PdZZCNo176UV7FcPPdqTt 1s;
    animation-iteration-count: 20
}

@keyframes _2PdZZCNo176UV7FcPPdqTt {
    0% {
        background-position: -600px 0
    }

    100% {
        background-position: 0px 0
    }
}

._3yiWpBXwEmDLlaIupVXjUt {
    background-color: #000;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Motiva Sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    color: #b8bcbf;
    line-height: 20px;
    font-size: 10px;
    text-align: center
}

._1pIhbqWsrCVPaGGYc6fT-H {
    position: absolute;
    right: 10px;
    top: 8px;
    filter: drop-shadow(0px 0px 4px rgba(87, 161, 28, 0.8))
}

._1pIhbqWsrCVPaGGYc6fT-H svg {
    width: 6px;
    height: 6px;
    color: #57a11c
}

@keyframes _3w9sEc9GApj44Kg099SX99 {
    from {
        background-position: 0 100%
    }

    to {
        background-position: 100% 0
    }
}

@keyframes _3zMKq0Ov9QZXkvzuZaEgKn {
    from {
        background: #3d4450
    }

    to {
        background: #23262e
    }
}

@keyframes _3mfiE_PUWOPy8UTDJlYI0u {
    from {
        background: #3d4450;
        color: #8b929a
    }

    to {
        background: #23262e;
        color: #fff
    }
}

@keyframes _1bS3_eEfJQL1uvh9ueXwHc {
    from {
        background: rgba(255, 255, 255, .25);
        color: #8b929a
    }

    to {
        background: rgba(255, 255, 255, .15);
        color: #fff
    }
}

@keyframes K14jHOeux9t-cKLHsLZ_R {
    from {
        background: #8b929a;
        color: #fff
    }

    to {
        background: #67707b;
        color: #fff
    }
}

@keyframes _14krbCetggqySSjN1tprjy {
    from {
        background: rgba(255, 255, 255, .3);
        color: #fff
    }

    to {
        background: rgba(255, 255, 255, .1);
        color: #fff
    }
}

@keyframes _3aWvV_8F4oUsZSPZ67nkhH {
    from {
        background: rgba(255, 255, 255, .5);
        color: #fff
    }

    to {
        background: rgba(255, 255, 255, .2);
        color: #fff
    }
}

@keyframes _3o2RzV2UyrY6P95PvLN1XB {
    from {
        border-color: #67707b
    }

    to {
        border-color: #3d4450
    }
}

@keyframes _3UOE3rRpe9MNf7xTX3P_FD {
    from {
        background: #c9ffc9;
        color: #8b929a
    }

    to {
        background: #59bf40;
        color: #fff
    }
}

@keyframes _3CquyV6pQpz_ZeEYyhu-6r {
    0% {
        background-position: 0% 0%;
        opacity: 1
    }

    100% {
        background-position: -180% 0%;
        opacity: .8
    }
}

@keyframes X3tjvkOeBNndhakzDz7bk {
    0% {
        background-position: 0% 0%
    }

    100% {
        background-position: 50% 0%
    }
}

._2yhmcyeUOyM8lt__Skbk9O {
    cursor: pointer
}

.BasicUI ._2yhmcyeUOyM8lt__Skbk9O:hover,
.BasicUI ._2yhmcyeUOyM8lt__Skbk9O.gpfocus {
    background-color: #3d4450;
    animation-name: _3mfiE_PUWOPy8UTDJlYI0u;
    z-index: 1
}

.BasicUI ._2yhmcyeUOyM8lt__Skbk9O:hover ._26rvbcKFCQjLKx-pD7BhvY,
.BasicUI ._2yhmcyeUOyM8lt__Skbk9O.gpfocus ._26rvbcKFCQjLKx-pD7BhvY {
    color: #67707b
}

._3-H47wPl1Ng3lh7xGZOPIg,
._3V6804k2yutEiF6IWg8axH {
    padding: 10px 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 50px;
    position: relative;
    transition-property: transform, background-color;
    transition-duration: .32s, 0s;
    transition-timing-function: cubic-bezier(0.17, 0.45, 0.14, 0.83);
    transform-origin: 12% 50%;
    animation-timing-function: cubic-bezier(0.17, 0.45, 0.14, 0.83);
    animation-duration: .5s;
    animation-fill-mode: forwards;
    transform: scale(1) rotateX(0deg);
    transition: filter 50ms ease-in
}

._3-H47wPl1Ng3lh7xGZOPIg:hover,
._3V6804k2yutEiF6IWg8axH:hover {
    background-color: #23262e;
    transition: background-color 150ms ease-in
}

._3-H47wPl1Ng3lh7xGZOPIg.gpfocus,
._3V6804k2yutEiF6IWg8axH.gpfocus {
    background-color: #3d4450;
    animation-name: _3mfiE_PUWOPy8UTDJlYI0u;
    z-index: 1
}

._3-H47wPl1Ng3lh7xGZOPIg ._1KIwOtwkYQUtRoPyxlh3G-,
._3V6804k2yutEiF6IWg8axH ._1KIwOtwkYQUtRoPyxlh3G- {
    height: 44px;
    width: 44px;
    flex-shrink: 0
}

._3-H47wPl1Ng3lh7xGZOPIg ._2axKS7MCnzMBRXRcYLn2Is,
._3V6804k2yutEiF6IWg8axH ._2axKS7MCnzMBRXRcYLn2Is {
    margin-left: 12px;
    min-width: 0;
    overflow: hidden
}

._3-H47wPl1Ng3lh7xGZOPIg ._1WuK_iZ6ARkIiptCX5qd7G,
._3V6804k2yutEiF6IWg8axH ._1WuK_iZ6ARkIiptCX5qd7G {
    display: flex;
    flex-direction: row;
    height: 14px;
    line-height: 14px
}

._3-H47wPl1Ng3lh7xGZOPIg ._2F0wqsu2mqsHxBSJcu1sPJ,
._3V6804k2yutEiF6IWg8axH ._2F0wqsu2mqsHxBSJcu1sPJ {
    width: 13px;
    height: 13px;
    margin-right: 8px;
    color: #fff
}

._3-H47wPl1Ng3lh7xGZOPIg ._2F0wqsu2mqsHxBSJcu1sPJ>svg,
._3V6804k2yutEiF6IWg8axH ._2F0wqsu2mqsHxBSJcu1sPJ>svg {
    width: 13px;
    height: 13px
}

._3-H47wPl1Ng3lh7xGZOPIg ._18PwvOcpWfW3M8j2-bEPPJ,
._3V6804k2yutEiF6IWg8axH ._18PwvOcpWfW3M8j2-bEPPJ {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: .5em;
    color: #fff
}

._3-H47wPl1Ng3lh7xGZOPIg ._3fUrGm-WHq3qxIpSqRZDgc,
._3-H47wPl1Ng3lh7xGZOPIg ._2yUEtF_eCucoxdu85zlOCp,
._3V6804k2yutEiF6IWg8axH ._3fUrGm-WHq3qxIpSqRZDgc,
._3V6804k2yutEiF6IWg8axH ._2yUEtF_eCucoxdu85zlOCp {
    font-family: "Motiva Sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    font-size: 12px;
    line-height: 16px
}

._3-H47wPl1Ng3lh7xGZOPIg ._3fUrGm-WHq3qxIpSqRZDgc:not(._2sQoMK-0onl8u8WHHUnDdw),
._3-H47wPl1Ng3lh7xGZOPIg ._2yUEtF_eCucoxdu85zlOCp:not(._2sQoMK-0onl8u8WHHUnDdw),
._3V6804k2yutEiF6IWg8axH ._3fUrGm-WHq3qxIpSqRZDgc:not(._2sQoMK-0onl8u8WHHUnDdw),
._3V6804k2yutEiF6IWg8axH ._2yUEtF_eCucoxdu85zlOCp:not(._2sQoMK-0onl8u8WHHUnDdw) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._3-H47wPl1Ng3lh7xGZOPIg ._3fUrGm-WHq3qxIpSqRZDgc._2sQoMK-0onl8u8WHHUnDdw,
._3-H47wPl1Ng3lh7xGZOPIg ._2yUEtF_eCucoxdu85zlOCp._2sQoMK-0onl8u8WHHUnDdw,
._3V6804k2yutEiF6IWg8axH ._3fUrGm-WHq3qxIpSqRZDgc._2sQoMK-0onl8u8WHHUnDdw,
._3V6804k2yutEiF6IWg8axH ._2yUEtF_eCucoxdu85zlOCp._2sQoMK-0onl8u8WHHUnDdw {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

._3-H47wPl1Ng3lh7xGZOPIg ._3fUrGm-WHq3qxIpSqRZDgc,
._3V6804k2yutEiF6IWg8axH ._3fUrGm-WHq3qxIpSqRZDgc {
    color: #b8bcbf
}

._3-H47wPl1Ng3lh7xGZOPIg ._2yUEtF_eCucoxdu85zlOCp,
._3V6804k2yutEiF6IWg8axH ._2yUEtF_eCucoxdu85zlOCp {
    color: #67707b
}

._3-H47wPl1Ng3lh7xGZOPIg ._2zZKXEnYcEZsL5OGHzkKv2,
._3V6804k2yutEiF6IWg8axH ._2zZKXEnYcEZsL5OGHzkKv2 {
    background-color: #1a9fff;
    color: #fff;
    border-radius: 26px;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 8px;
    margin-left: 8px;
    margin-right: -8px
}

._3-H47wPl1Ng3lh7xGZOPIg ._26rvbcKFCQjLKx-pD7BhvY,
._3V6804k2yutEiF6IWg8axH ._26rvbcKFCQjLKx-pD7BhvY {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #3d4450;
    flex-shrink: 0
}

._3-H47wPl1Ng3lh7xGZOPIg:hover ._26rvbcKFCQjLKx-pD7BhvY,
._3-H47wPl1Ng3lh7xGZOPIg.gpfocus ._26rvbcKFCQjLKx-pD7BhvY,
._3V6804k2yutEiF6IWg8axH:hover ._26rvbcKFCQjLKx-pD7BhvY,
._3V6804k2yutEiF6IWg8axH.gpfocus ._26rvbcKFCQjLKx-pD7BhvY {
    color: #67707b
}

._3V6804k2yutEiF6IWg8axH {
    height: 16px;
    cursor: pointer
}

._3V6804k2yutEiF6IWg8axH ._1nziGc41LlyGfDufK0iQos {
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: hidden;
    font-family: "Motiva Sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._1xvIUtLkTrdEk2Ob1MqFcQ,
._1GcAugE5c4nbBUwrA4_xwS,
._3ENh9LzRnZgfTyfxp_J2rr,
._2Mo87NUHyjLkjvKcPQxPRu,
.j9jQA6QaLJ23lyfuo9nY6 {
    padding: 10px 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 50px;
    position: relative;
    transition-property: transform, background-color;
    transition-duration: .32s, 0s;
    transition-timing-function: cubic-bezier(0.17, 0.45, 0.14, 0.83);
    transform-origin: 12% 50%;
    animation-timing-function: cubic-bezier(0.17, 0.45, 0.14, 0.83);
    animation-duration: .5s;
    animation-fill-mode: forwards;
    transform: scale(1) rotateX(0deg)
}

._1xvIUtLkTrdEk2Ob1MqFcQ:hover,
._1GcAugE5c4nbBUwrA4_xwS:hover,
._3ENh9LzRnZgfTyfxp_J2rr:hover,
._2Mo87NUHyjLkjvKcPQxPRu:hover,
.j9jQA6QaLJ23lyfuo9nY6:hover {
    cursor: pointer
}

._1xvIUtLkTrdEk2Ob1MqFcQ ._1KIwOtwkYQUtRoPyxlh3G-,
._1GcAugE5c4nbBUwrA4_xwS ._1KIwOtwkYQUtRoPyxlh3G-,
._3ENh9LzRnZgfTyfxp_J2rr ._1KIwOtwkYQUtRoPyxlh3G-,
._2Mo87NUHyjLkjvKcPQxPRu ._1KIwOtwkYQUtRoPyxlh3G-,
.j9jQA6QaLJ23lyfuo9nY6 ._1KIwOtwkYQUtRoPyxlh3G- {
    height: 44px;
    width: 44px;
    flex-shrink: 0
}

._1xvIUtLkTrdEk2Ob1MqFcQ ._2axKS7MCnzMBRXRcYLn2Is,
._1GcAugE5c4nbBUwrA4_xwS ._2axKS7MCnzMBRXRcYLn2Is,
._3ENh9LzRnZgfTyfxp_J2rr ._2axKS7MCnzMBRXRcYLn2Is,
._2Mo87NUHyjLkjvKcPQxPRu ._2axKS7MCnzMBRXRcYLn2Is,
.j9jQA6QaLJ23lyfuo9nY6 ._2axKS7MCnzMBRXRcYLn2Is {
    margin-left: 12px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

._1xvIUtLkTrdEk2Ob1MqFcQ ._1WuK_iZ6ARkIiptCX5qd7G,
._1GcAugE5c4nbBUwrA4_xwS ._1WuK_iZ6ARkIiptCX5qd7G,
._3ENh9LzRnZgfTyfxp_J2rr ._1WuK_iZ6ARkIiptCX5qd7G,
._2Mo87NUHyjLkjvKcPQxPRu ._1WuK_iZ6ARkIiptCX5qd7G,
.j9jQA6QaLJ23lyfuo9nY6 ._1WuK_iZ6ARkIiptCX5qd7G {
    display: flex;
    flex-direction: row;
    align-items: center
}

._1xvIUtLkTrdEk2Ob1MqFcQ ._2F0wqsu2mqsHxBSJcu1sPJ,
._1GcAugE5c4nbBUwrA4_xwS ._2F0wqsu2mqsHxBSJcu1sPJ,
._3ENh9LzRnZgfTyfxp_J2rr ._2F0wqsu2mqsHxBSJcu1sPJ,
._2Mo87NUHyjLkjvKcPQxPRu ._2F0wqsu2mqsHxBSJcu1sPJ,
.j9jQA6QaLJ23lyfuo9nY6 ._2F0wqsu2mqsHxBSJcu1sPJ {
    width: 13px;
    height: 13px;
    margin-right: 5px;
    color: #8b929a;
    fill: #8b929a;
    display: flex
}

._1xvIUtLkTrdEk2Ob1MqFcQ ._2F0wqsu2mqsHxBSJcu1sPJ>svg,
._1GcAugE5c4nbBUwrA4_xwS ._2F0wqsu2mqsHxBSJcu1sPJ>svg,
._3ENh9LzRnZgfTyfxp_J2rr ._2F0wqsu2mqsHxBSJcu1sPJ>svg,
._2Mo87NUHyjLkjvKcPQxPRu ._2F0wqsu2mqsHxBSJcu1sPJ>svg,
.j9jQA6QaLJ23lyfuo9nY6 ._2F0wqsu2mqsHxBSJcu1sPJ>svg {
    width: 13px;
    height: 13px;
    font-size: 13px
}

._1xvIUtLkTrdEk2Ob1MqFcQ ._18PwvOcpWfW3M8j2-bEPPJ,
._1GcAugE5c4nbBUwrA4_xwS ._18PwvOcpWfW3M8j2-bEPPJ,
._3ENh9LzRnZgfTyfxp_J2rr ._18PwvOcpWfW3M8j2-bEPPJ,
._2Mo87NUHyjLkjvKcPQxPRu ._18PwvOcpWfW3M8j2-bEPPJ,
.j9jQA6QaLJ23lyfuo9nY6 ._18PwvOcpWfW3M8j2-bEPPJ {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #8b929a;
    margin-right: .5em
}

._1xvIUtLkTrdEk2Ob1MqFcQ ._3fUrGm-WHq3qxIpSqRZDgc:not(._2sQoMK-0onl8u8WHHUnDdw),
._1xvIUtLkTrdEk2Ob1MqFcQ ._2yUEtF_eCucoxdu85zlOCp:not(._2sQoMK-0onl8u8WHHUnDdw),
._1GcAugE5c4nbBUwrA4_xwS ._3fUrGm-WHq3qxIpSqRZDgc:not(._2sQoMK-0onl8u8WHHUnDdw),
._1GcAugE5c4nbBUwrA4_xwS ._2yUEtF_eCucoxdu85zlOCp:not(._2sQoMK-0onl8u8WHHUnDdw),
._3ENh9LzRnZgfTyfxp_J2rr ._3fUrGm-WHq3qxIpSqRZDgc:not(._2sQoMK-0onl8u8WHHUnDdw),
._3ENh9LzRnZgfTyfxp_J2rr ._2yUEtF_eCucoxdu85zlOCp:not(._2sQoMK-0onl8u8WHHUnDdw),
._2Mo87NUHyjLkjvKcPQxPRu ._3fUrGm-WHq3qxIpSqRZDgc:not(._2sQoMK-0onl8u8WHHUnDdw),
._2Mo87NUHyjLkjvKcPQxPRu ._2yUEtF_eCucoxdu85zlOCp:not(._2sQoMK-0onl8u8WHHUnDdw),
.j9jQA6QaLJ23lyfuo9nY6 ._3fUrGm-WHq3qxIpSqRZDgc:not(._2sQoMK-0onl8u8WHHUnDdw),
.j9jQA6QaLJ23lyfuo9nY6 ._2yUEtF_eCucoxdu85zlOCp:not(._2sQoMK-0onl8u8WHHUnDdw) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._1xvIUtLkTrdEk2Ob1MqFcQ ._3fUrGm-WHq3qxIpSqRZDgc._2sQoMK-0onl8u8WHHUnDdw,
._1xvIUtLkTrdEk2Ob1MqFcQ ._2yUEtF_eCucoxdu85zlOCp._2sQoMK-0onl8u8WHHUnDdw,
._1GcAugE5c4nbBUwrA4_xwS ._3fUrGm-WHq3qxIpSqRZDgc._2sQoMK-0onl8u8WHHUnDdw,
._1GcAugE5c4nbBUwrA4_xwS ._2yUEtF_eCucoxdu85zlOCp._2sQoMK-0onl8u8WHHUnDdw,
._3ENh9LzRnZgfTyfxp_J2rr ._3fUrGm-WHq3qxIpSqRZDgc._2sQoMK-0onl8u8WHHUnDdw,
._3ENh9LzRnZgfTyfxp_J2rr ._2yUEtF_eCucoxdu85zlOCp._2sQoMK-0onl8u8WHHUnDdw,
._2Mo87NUHyjLkjvKcPQxPRu ._3fUrGm-WHq3qxIpSqRZDgc._2sQoMK-0onl8u8WHHUnDdw,
._2Mo87NUHyjLkjvKcPQxPRu ._2yUEtF_eCucoxdu85zlOCp._2sQoMK-0onl8u8WHHUnDdw,
.j9jQA6QaLJ23lyfuo9nY6 ._3fUrGm-WHq3qxIpSqRZDgc._2sQoMK-0onl8u8WHHUnDdw,
.j9jQA6QaLJ23lyfuo9nY6 ._2yUEtF_eCucoxdu85zlOCp._2sQoMK-0onl8u8WHHUnDdw {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 15px
}

._1xvIUtLkTrdEk2Ob1MqFcQ ._3fUrGm-WHq3qxIpSqRZDgc,
._1GcAugE5c4nbBUwrA4_xwS ._3fUrGm-WHq3qxIpSqRZDgc,
._3ENh9LzRnZgfTyfxp_J2rr ._3fUrGm-WHq3qxIpSqRZDgc,
._2Mo87NUHyjLkjvKcPQxPRu ._3fUrGm-WHq3qxIpSqRZDgc,
.j9jQA6QaLJ23lyfuo9nY6 ._3fUrGm-WHq3qxIpSqRZDgc {
    color: #fff;
    font-weight: 400;
    font-size: 12px
}

._1xvIUtLkTrdEk2Ob1MqFcQ ._2yUEtF_eCucoxdu85zlOCp,
._1GcAugE5c4nbBUwrA4_xwS ._2yUEtF_eCucoxdu85zlOCp,
._3ENh9LzRnZgfTyfxp_J2rr ._2yUEtF_eCucoxdu85zlOCp,
._2Mo87NUHyjLkjvKcPQxPRu ._2yUEtF_eCucoxdu85zlOCp,
.j9jQA6QaLJ23lyfuo9nY6 ._2yUEtF_eCucoxdu85zlOCp {
    color: #8b929a;
    font-size: 11px
}

._1xvIUtLkTrdEk2Ob1MqFcQ ._2zZKXEnYcEZsL5OGHzkKv2,
._1GcAugE5c4nbBUwrA4_xwS ._2zZKXEnYcEZsL5OGHzkKv2,
._3ENh9LzRnZgfTyfxp_J2rr ._2zZKXEnYcEZsL5OGHzkKv2,
._2Mo87NUHyjLkjvKcPQxPRu ._2zZKXEnYcEZsL5OGHzkKv2,
.j9jQA6QaLJ23lyfuo9nY6 ._2zZKXEnYcEZsL5OGHzkKv2 {
    background-color: #1a9fff;
    color: #fff;
    border-radius: 26px;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 8px;
    margin-left: 8px;
    margin-right: -8px
}

._1xvIUtLkTrdEk2Ob1MqFcQ ._26rvbcKFCQjLKx-pD7BhvY,
._1GcAugE5c4nbBUwrA4_xwS ._26rvbcKFCQjLKx-pD7BhvY,
._3ENh9LzRnZgfTyfxp_J2rr ._26rvbcKFCQjLKx-pD7BhvY,
._2Mo87NUHyjLkjvKcPQxPRu ._26rvbcKFCQjLKx-pD7BhvY,
.j9jQA6QaLJ23lyfuo9nY6 ._26rvbcKFCQjLKx-pD7BhvY {
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #8b929a;
    flex-shrink: 0;
    margin-left: 5px
}

._3mWpfn1_PDwd1gOm26RhMl {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-size: cover;
    position: relative;
    overflow: hidden
}

._3mWpfn1_PDwd1gOm26RhMl ._2FcBwxd4lGOEMTXCnmxczK {
    content: "";
    display: block;
    position: absolute;
    width: 25%;
    height: 25%;
    transform: scale(6);
    transform-origin: 50% 50%;
    top: 6px;
    filter: contrast(1) saturate(7) brightness(2) blur(3px)
}

._3mWpfn1_PDwd1gOm26RhMl>img {
    position: relative;
    width: 32px;
    height: 31px;
    border-radius: 2px;
    border: 1px solid #0000009c;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, .5);
    z-index: 3
}

._1GcAugE5c4nbBUwrA4_xwS {
    background-color: rgba(35, 38, 46, .5)
}

._1GcAugE5c4nbBUwrA4_xwS:hover {
    background: rgba(35, 38, 46, .8)
}

@keyframes _1paPuAH6aCXNKdXvf5jv1d {
    0% {
        background-color: #3d4450
    }

    100% {
        background-color: unset
    }
}

._1GcAugE5c4nbBUwrA4_xwS._15_E6efeCt2NTqCgUKav1W {
    animation: _1paPuAH6aCXNKdXvf5jv1d 1s ease-out
}

._1GcAugE5c4nbBUwrA4_xwS._1YAQHDHv4hsPaauccvAFtn {
    background: #323640
}

._1GcAugE5c4nbBUwrA4_xwS._1YAQHDHv4hsPaauccvAFtn:hover {
    background: #3d4450
}

._2Mo87NUHyjLkjvKcPQxPRu,
.j9jQA6QaLJ23lyfuo9nY6 {
    height: 36px;
    padding: 0px;
    position: relative;
    background-color: #3d4450;
    border-radius: 2px;
    margin: 0 auto 2px auto
}

._2Mo87NUHyjLkjvKcPQxPRu:hover,
.j9jQA6QaLJ23lyfuo9nY6:hover {
    background: #474f5c
}

._2Mo87NUHyjLkjvKcPQxPRu ._2F0wqsu2mqsHxBSJcu1sPJ,
.j9jQA6QaLJ23lyfuo9nY6 ._2F0wqsu2mqsHxBSJcu1sPJ {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    padding-left: 2px;
    color: #dcdedf
}

._2Mo87NUHyjLkjvKcPQxPRu ._2F0wqsu2mqsHxBSJcu1sPJ>svg,
.j9jQA6QaLJ23lyfuo9nY6 ._2F0wqsu2mqsHxBSJcu1sPJ>svg {
    width: 18px;
    height: 18px
}

._2Mo87NUHyjLkjvKcPQxPRu ._1nziGc41LlyGfDufK0iQos,
.j9jQA6QaLJ23lyfuo9nY6 ._1nziGc41LlyGfDufK0iQos {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #dcdedf;
    font-size: 12px;
    font-weight: 400
}

.j9jQA6QaLJ23lyfuo9nY6:last-child {
    margin-bottom: 8px
}

._1xvIUtLkTrdEk2Ob1MqFcQ {
    background: rgba(0, 0, 0, .2);
    align-items: center;
    cursor: pointer;
    height: 70px;
    box-sizing: border-box
}

._1xvIUtLkTrdEk2Ob1MqFcQ:hover {
    background: #474f5c
}

._1xvIUtLkTrdEk2Ob1MqFcQ._1YAQHDHv4hsPaauccvAFtn {
    background-color: #3d4450;
    border: 1px solid rgba(255, 255, 255, .06)
}

._1xvIUtLkTrdEk2Ob1MqFcQ._1YAQHDHv4hsPaauccvAFtn._3fUrGm-WHq3qxIpSqRZDgc {
    color: #fff;
    font-weight: 400
}

._1xvIUtLkTrdEk2Ob1MqFcQ._1YAQHDHv4hsPaauccvAFtn:hover {
    background: #474f5c
}

._1xvIUtLkTrdEk2Ob1MqFcQ ._3fUrGm-WHq3qxIpSqRZDgc {
    color: #dcdedf;
    font-weight: 400;
    letter-spacing: none;
    font-size: 14px;
    margin-right: 50px
}

._1xvIUtLkTrdEk2Ob1MqFcQ ._2yUEtF_eCucoxdu85zlOCp {
    color: #8b929a;
    font-size: 12px
}

._1xvIUtLkTrdEk2Ob1MqFcQ ._18PwvOcpWfW3M8j2-bEPPJ {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px
}

._1xvIUtLkTrdEk2Ob1MqFcQ ._26rvbcKFCQjLKx-pD7BhvY {
    color: #67707b
}

._1xvIUtLkTrdEk2Ob1MqFcQ ._2axKS7MCnzMBRXRcYLn2Is {
    margin-left: 14px
}

._1xvIUtLkTrdEk2Ob1MqFcQ ._2F0wqsu2mqsHxBSJcu1sPJ {
    color: #8b929a
}

._1xvIUtLkTrdEk2Ob1MqFcQ ._2F0wqsu2mqsHxBSJcu1sPJ svg {
    color: #8b929a;
    fill: #8b929a
}

._2n0ipWJFroZdQVwkXHqdJL {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .03em
}

._2n0ipWJFroZdQVwkXHqdJL._2EWNcLrlrl9Gx-yZH039tH {
    margin-left: 5px
}

._3ENh9LzRnZgfTyfxp_J2rr {
    background: none
}

._3ENh9LzRnZgfTyfxp_J2rr:hover {
    background: none
}

._3ENh9LzRnZgfTyfxp_J2rr ._2axKS7MCnzMBRXRcYLn2Is {
    justify-content: center;
    flex: 1
}

._3ENh9LzRnZgfTyfxp_J2rr ._18PwvOcpWfW3M8j2-bEPPJ {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._3ENh9LzRnZgfTyfxp_J2rr ._3uSbhtY3vHtdj-3tpua_Pb {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #e3ffc2;
    font-weight: 400;
    letter-spacing: .03em
}

._3ENh9LzRnZgfTyfxp_J2rr ._3bqD-bBMgrGwLsBY2L1gSL {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #6dcff6;
    font-weight: 400;
    letter-spacing: .03em
}

._3ENh9LzRnZgfTyfxp_J2rr ._3C8GdaaS-zmchnCHHiHG6n {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    letter-spacing: .03em
}

._3ENh9LzRnZgfTyfxp_J2rr ._2hs2ZR_wYkRHWdtlr681Z6 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    font-size: 12px
}

._3ENh9LzRnZgfTyfxp_J2rr ._3AbCrY-d5NpL5E5DUfgdQ8 {
    color: #b8bcbf;
    font-size: 12px;
    align-items: center
}

._3ENh9LzRnZgfTyfxp_J2rr ._3AbCrY-d5NpL5E5DUfgdQ8:not(._2sQoMK-0onl8u8WHHUnDdw) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._3ENh9LzRnZgfTyfxp_J2rr ._3AbCrY-d5NpL5E5DUfgdQ8._2sQoMK-0onl8u8WHHUnDdw {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

._3ENh9LzRnZgfTyfxp_J2rr ._3AbCrY-d5NpL5E5DUfgdQ8 ._3vDmqJBvNPH1D_p-Da_djj {
    vertical-align: middle;
    display: inline
}

._3ENh9LzRnZgfTyfxp_J2rr ._2jpxEWvo06efD6-NR1cplA {
    font-size: 11px
}

._3ENh9LzRnZgfTyfxp_J2rr ._3fUrGm-WHq3qxIpSqRZDgc._2sQoMK-0onl8u8WHHUnDdw,
._3ENh9LzRnZgfTyfxp_J2rr ._2yUEtF_eCucoxdu85zlOCp._2sQoMK-0onl8u8WHHUnDdw {
    line-height: 15px
}

._3ENh9LzRnZgfTyfxp_J2rr ._2XSwzNWGiJvW0zTgqT0DUI {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #91c257;
    font-size: 11px
}

._2HBcq6niThHlNihI9xiBSm {
    filter: brightness(40%) blur(2px);
    justify-content: center;
    width: 46px;
    height: 46px
}

._1mMC7Hv71CzO0jfm_66W4K {
    width: 3px;
    flex-shrink: 0;
    box-shadow: -1px 0px 1px #000a;
    align-self: stretch
}

._3wNcsYlo3lQ-yamJPMco8F ._1mMC7Hv71CzO0jfm_66W4K {
    border-right: 1px solid #236c39
}

._1mMC7Hv71CzO0jfm_66W4K.online {
    background-color: #4cb4ff
}

._1mMC7Hv71CzO0jfm_66W4K.ingame {
    background-color: #59bf40
}

._1mMC7Hv71CzO0jfm_66W4K.awayOrSnooze {
    -webkit-mask: url("") repeat-y;
    -webkit-mask-size: 6px 6px;
    mask: url("") repeat-y;
    mask-size: 6px 6px;
    opacity: 1
}

._1mMC7Hv71CzO0jfm_66W4K.offline {
    background-color: #67707b
}

._3-H47wPl1Ng3lh7xGZOPIg ._1mMC7Hv71CzO0jfm_66W4K,
._3ENh9LzRnZgfTyfxp_J2rr ._1mMC7Hv71CzO0jfm_66W4K,
._1xvIUtLkTrdEk2Ob1MqFcQ ._1mMC7Hv71CzO0jfm_66W4K,
._1GcAugE5c4nbBUwrA4_xwS ._1mMC7Hv71CzO0jfm_66W4K {
    height: 44px;
    align-self: auto
}

._1KIwOtwkYQUtRoPyxlh3G- {
    height: 44px;
    width: 44px;
    flex-shrink: 0
}

._1-CP3jNFd252Y0uV_Ua0VE {
    width: 40px;
    height: 40px;
    flex-shrink: 0
}

._2mFLv5Puw95n9oUFp9OMAs {
    position: absolute;
    align-items: center;
    left: 0;
    top: 0;
    padding: 10px 0px;
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: row;
    opacity: 1;
    transition: opacity 500ms;
    background-color: #323640
}

.BasicUI ._2mFLv5Puw95n9oUFp9OMAs {
    background-color: #0e141b
}

._2mFLv5Puw95n9oUFp9OMAs:hover:not(._1W2rIElq16YPQi4DqoqPLM) {
    cursor: default
}

._2mFLv5Puw95n9oUFp9OMAs._1W2rIElq16YPQi4DqoqPLM {
    opacity: 0
}

._3QrlTtpidzjKPhrvgxFXbI {
    margin-left: 10px
}

._1ugrCy0x7fRJ7TyoURzzTa {
    width: 160px;
    height: 29px;
    margin-top: 5px
}

._1Tp3oOeqWARWDsQDI3owRD {
    width: 120px;
    height: 10px
}

._3QrlTtpidzjKPhrvgxFXbI,
._1Tp3oOeqWARWDsQDI3owRD,
._1ugrCy0x7fRJ7TyoURzzTa {
    background: linear-gradient(to right, transparent 33.33%, #bff6ab 50%, transparent 66.66%);
    background-size: 600px 100%;
    background-repeat: repeat-x;
    animation: _3CI8AFu67GMoINumH6Yvax 1s;
    animation-iteration-count: 20
}

@keyframes _3CI8AFu67GMoINumH6Yvax {
    0% {
        background-position: -600px 0
    }

    100% {
        background-position: 0px 0
    }
}

._2FMNpalUV1wDdi-cywGIMN {
    background-color: #000;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Motiva Sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    color: #b8bcbf;
    line-height: 20px;
    font-size: 10px;
    text-align: center
}

.-B93GaGXJf0lPTNh66m4i {
    position: absolute;
    right: 10px;
    top: 8px;
    filter: drop-shadow(0px 0px 4px rgba(87, 161, 28, 0.8))
}

.-B93GaGXJf0lPTNh66m4i svg {
    width: 6px;
    height: 6px;
    color: #57a11c
}

.fntOoeLPSTpmyXGGmgf99 {
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #0e141b;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);
    width: 300px;
    height: 40px;
    transition: background-color 50ms ease-out
}

.fntOoeLPSTpmyXGGmgf99.P1FhGdWv2NCXZXWsaKqqY {
    height: auto;
    max-height: 60px
}

.fntOoeLPSTpmyXGGmgf99:hover {
    background-color: #23262e;
    transition: background-color 200ms ease-in
}

.fntOoeLPSTpmyXGGmgf99._3wNcsYlo3lQ-yamJPMco8F {
    background: radial-gradient(ellipse 80px 80px at 60px 12px, #59bf40 0%, #236c39 70%);
    border-left: 1px solid #000
}

.fntOoeLPSTpmyXGGmgf99._3wNcsYlo3lQ-yamJPMco8F ._2jpxEWvo06efD6-NR1cplA {
    color: #fff
}

.fntOoeLPSTpmyXGGmgf99 ._1-CP3jNFd252Y0uV_Ua0VE {
    width: 40px;
    height: 40px;
    flex-shrink: 0
}

.fntOoeLPSTpmyXGGmgf99 ._2axKS7MCnzMBRXRcYLn2Is {
    margin: 5px 12px;
    min-width: 0
}

.fntOoeLPSTpmyXGGmgf99 ._2axKS7MCnzMBRXRcYLn2Is._6EcDVXFHtdirTkETQjKOK {
    flex-grow: 1
}

.fntOoeLPSTpmyXGGmgf99 ._1WuK_iZ6ARkIiptCX5qd7G {
    display: flex;
    flex-direction: row;
    height: 14px;
    line-height: 14px
}

.fntOoeLPSTpmyXGGmgf99 ._2F0wqsu2mqsHxBSJcu1sPJ {
    width: 13px;
    height: 13px;
    margin-right: 8px;
    color: #fff
}

.fntOoeLPSTpmyXGGmgf99 ._2F0wqsu2mqsHxBSJcu1sPJ>svg {
    width: 13px;
    height: 13px
}

.fntOoeLPSTpmyXGGmgf99 ._18PwvOcpWfW3M8j2-bEPPJ {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff
}

.fntOoeLPSTpmyXGGmgf99 ._2jpxEWvo06efD6-NR1cplA {
    font-family: "Motiva Sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #b8bcbf;
    height: 16px
}

.fntOoeLPSTpmyXGGmgf99.P1FhGdWv2NCXZXWsaKqqY ._2jpxEWvo06efD6-NR1cplA {
    height: auto;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.fntOoeLPSTpmyXGGmgf99 ._2zZKXEnYcEZsL5OGHzkKv2 {
    background-color: #1a9fff;
    color: #fff;
    border-radius: 26px;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 8px;
    margin-left: 8px;
    margin-right: -8px
}

@keyframes CHduhRYQLY29chQ5oLbsR {
    from {
        background-position: 0 100%
    }

    to {
        background-position: 100% 0
    }
}

@keyframes _3bOlzQnTJZnV9rTU3NSxJh {
    from {
        background: #3d4450
    }

    to {
        background: #23262e
    }
}

@keyframes _3WRewosNPP9V6g7O3hWH5k {
    from {
        background: #3d4450;
        color: #8b929a
    }

    to {
        background: #23262e;
        color: #fff
    }
}

@keyframes uOdBxiMFNvmWe8MWKL2vT {
    from {
        background: rgba(255, 255, 255, .25);
        color: #8b929a
    }

    to {
        background: rgba(255, 255, 255, .15);
        color: #fff
    }
}

@keyframes _9s1knb2MNj9uD9M1SCh2u {
    from {
        background: #8b929a;
        color: #fff
    }

    to {
        background: #67707b;
        color: #fff
    }
}

@keyframes _1YVG7HtpgQ26Yx-8ZWKCBi {
    from {
        background: rgba(255, 255, 255, .3);
        color: #fff
    }

    to {
        background: rgba(255, 255, 255, .1);
        color: #fff
    }
}

@keyframes _3AcQtXPws6yWb9XuDRcDvV {
    from {
        background: rgba(255, 255, 255, .5);
        color: #fff
    }

    to {
        background: rgba(255, 255, 255, .2);
        color: #fff
    }
}

@keyframes _2pMCkkW6W_xYaepnqR1QDg {
    from {
        border-color: #67707b
    }

    to {
        border-color: #3d4450
    }
}

@keyframes _8sFcRF04vIhk1ou7_oMSI {
    from {
        background: #c9ffc9;
        color: #8b929a
    }

    to {
        background: #59bf40;
        color: #fff
    }
}

@keyframes _1etMKTqAtC0g5-7msByztO {
    0% {
        background-position: 0% 0%;
        opacity: 1
    }

    100% {
        background-position: -180% 0%;
        opacity: .8
    }
}

@keyframes _3iNzRmuVGoWKgoa3u41Fdz {
    0% {
        background-position: 0% 0%
    }

    100% {
        background-position: 50% 0%
    }
}

._1lqXpJpRlYvyM2fBx6beHd {
    cursor: pointer
}

.BasicUI ._1lqXpJpRlYvyM2fBx6beHd:hover,
.BasicUI ._1lqXpJpRlYvyM2fBx6beHd.gpfocus {
    background-color: #3d4450;
    animation-name: _3WRewosNPP9V6g7O3hWH5k;
    z-index: 1
}

.BasicUI ._1lqXpJpRlYvyM2fBx6beHd:hover .w1Bf_xO8scHETzsfr2HtM,
.BasicUI ._1lqXpJpRlYvyM2fBx6beHd.gpfocus .w1Bf_xO8scHETzsfr2HtM {
    color: #67707b
}

._1k275cE1gk-jpZE5r-37zl,
._4egmnB1wTrDll5Mc_eal8 {
    padding: 10px 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 50px;
    position: relative;
    transition-property: transform, background-color;
    transition-duration: .32s, 0s;
    transition-timing-function: cubic-bezier(0.17, 0.45, 0.14, 0.83);
    transform-origin: 12% 50%;
    animation-timing-function: cubic-bezier(0.17, 0.45, 0.14, 0.83);
    animation-duration: .5s;
    animation-fill-mode: forwards;
    transform: scale(1) rotateX(0deg);
    transition: filter 50ms ease-in
}

._1k275cE1gk-jpZE5r-37zl:hover,
._4egmnB1wTrDll5Mc_eal8:hover {
    background-color: #23262e;
    transition: background-color 150ms ease-in
}

._1k275cE1gk-jpZE5r-37zl.gpfocus,
._4egmnB1wTrDll5Mc_eal8.gpfocus {
    background-color: #3d4450;
    animation-name: _3WRewosNPP9V6g7O3hWH5k;
    z-index: 1
}

._1k275cE1gk-jpZE5r-37zl ._3n8vALReUk851YHiEiWEfQ,
._4egmnB1wTrDll5Mc_eal8 ._3n8vALReUk851YHiEiWEfQ {
    height: 44px;
    width: 44px;
    flex-shrink: 0
}

._1k275cE1gk-jpZE5r-37zl ._3c_vhR2WnZLHuyVP2m4UO2,
._4egmnB1wTrDll5Mc_eal8 ._3c_vhR2WnZLHuyVP2m4UO2 {
    margin-left: 12px;
    min-width: 0;
    overflow: hidden
}

._1k275cE1gk-jpZE5r-37zl ._1186NyOXeTBoB-vvWlJq1I,
._4egmnB1wTrDll5Mc_eal8 ._1186NyOXeTBoB-vvWlJq1I {
    display: flex;
    flex-direction: row;
    height: 14px;
    line-height: 14px
}

._1k275cE1gk-jpZE5r-37zl ._1piyUE09t3QXktcD3FrCwJ,
._4egmnB1wTrDll5Mc_eal8 ._1piyUE09t3QXktcD3FrCwJ {
    width: 13px;
    height: 13px;
    margin-right: 8px;
    color: #fff
}

._1k275cE1gk-jpZE5r-37zl ._1piyUE09t3QXktcD3FrCwJ>svg,
._4egmnB1wTrDll5Mc_eal8 ._1piyUE09t3QXktcD3FrCwJ>svg {
    width: 13px;
    height: 13px
}

._1k275cE1gk-jpZE5r-37zl ._2x6qMHeQndH78e6sL2XHk_,
._4egmnB1wTrDll5Mc_eal8 ._2x6qMHeQndH78e6sL2XHk_ {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: .5em;
    color: #fff
}

._1k275cE1gk-jpZE5r-37zl .Wh50moO-nKvfE3l4Buav,
._1k275cE1gk-jpZE5r-37zl ._2T5BxMT87QHfYWXDHFzpT1,
._4egmnB1wTrDll5Mc_eal8 .Wh50moO-nKvfE3l4Buav,
._4egmnB1wTrDll5Mc_eal8 ._2T5BxMT87QHfYWXDHFzpT1 {
    font-family: "Motiva Sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    font-size: 12px;
    line-height: 16px
}

._1k275cE1gk-jpZE5r-37zl .Wh50moO-nKvfE3l4Buav:not(._2fLmG6Oxk7tiZGLfH8dwXG),
._1k275cE1gk-jpZE5r-37zl ._2T5BxMT87QHfYWXDHFzpT1:not(._2fLmG6Oxk7tiZGLfH8dwXG),
._4egmnB1wTrDll5Mc_eal8 .Wh50moO-nKvfE3l4Buav:not(._2fLmG6Oxk7tiZGLfH8dwXG),
._4egmnB1wTrDll5Mc_eal8 ._2T5BxMT87QHfYWXDHFzpT1:not(._2fLmG6Oxk7tiZGLfH8dwXG) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._1k275cE1gk-jpZE5r-37zl .Wh50moO-nKvfE3l4Buav._2fLmG6Oxk7tiZGLfH8dwXG,
._1k275cE1gk-jpZE5r-37zl ._2T5BxMT87QHfYWXDHFzpT1._2fLmG6Oxk7tiZGLfH8dwXG,
._4egmnB1wTrDll5Mc_eal8 .Wh50moO-nKvfE3l4Buav._2fLmG6Oxk7tiZGLfH8dwXG,
._4egmnB1wTrDll5Mc_eal8 ._2T5BxMT87QHfYWXDHFzpT1._2fLmG6Oxk7tiZGLfH8dwXG {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

._1k275cE1gk-jpZE5r-37zl .Wh50moO-nKvfE3l4Buav,
._4egmnB1wTrDll5Mc_eal8 .Wh50moO-nKvfE3l4Buav {
    color: #b8bcbf
}

._1k275cE1gk-jpZE5r-37zl ._2T5BxMT87QHfYWXDHFzpT1,
._4egmnB1wTrDll5Mc_eal8 ._2T5BxMT87QHfYWXDHFzpT1 {
    color: #67707b
}

._1k275cE1gk-jpZE5r-37zl .sdjVIgKSOKqyi7O2VDy70,
._4egmnB1wTrDll5Mc_eal8 .sdjVIgKSOKqyi7O2VDy70 {
    background-color: #1a9fff;
    color: #fff;
    border-radius: 26px;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 8px;
    margin-left: 8px;
    margin-right: -8px
}

._1k275cE1gk-jpZE5r-37zl .w1Bf_xO8scHETzsfr2HtM,
._4egmnB1wTrDll5Mc_eal8 .w1Bf_xO8scHETzsfr2HtM {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #3d4450;
    flex-shrink: 0
}

._1k275cE1gk-jpZE5r-37zl:hover .w1Bf_xO8scHETzsfr2HtM,
._1k275cE1gk-jpZE5r-37zl.gpfocus .w1Bf_xO8scHETzsfr2HtM,
._4egmnB1wTrDll5Mc_eal8:hover .w1Bf_xO8scHETzsfr2HtM,
._4egmnB1wTrDll5Mc_eal8.gpfocus .w1Bf_xO8scHETzsfr2HtM {
    color: #67707b
}

._4egmnB1wTrDll5Mc_eal8 {
    height: 16px;
    cursor: pointer
}

._4egmnB1wTrDll5Mc_eal8 ._3OCMnBpXVpdYv5isBLVdJK {
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: hidden;
    font-family: "Motiva Sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.d9RJTj9G8qU-U9-he2cQx,
._2uW9K6fqc6jZX1XBjnLjw,
.QbSr4hMpMfp0Qtsg4qOh5,
._3BvcYKoq-n7GgNwbfFgRAc,
.alS2LW_qAwNkYk_GPUC_3 {
    padding: 10px 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 50px;
    position: relative;
    transition-property: transform, background-color;
    transition-duration: .32s, 0s;
    transition-timing-function: cubic-bezier(0.17, 0.45, 0.14, 0.83);
    transform-origin: 12% 50%;
    animation-timing-function: cubic-bezier(0.17, 0.45, 0.14, 0.83);
    animation-duration: .5s;
    animation-fill-mode: forwards;
    transform: scale(1) rotateX(0deg)
}

.d9RJTj9G8qU-U9-he2cQx:hover,
._2uW9K6fqc6jZX1XBjnLjw:hover,
.QbSr4hMpMfp0Qtsg4qOh5:hover,
._3BvcYKoq-n7GgNwbfFgRAc:hover,
.alS2LW_qAwNkYk_GPUC_3:hover {
    cursor: pointer
}

.d9RJTj9G8qU-U9-he2cQx ._3n8vALReUk851YHiEiWEfQ,
._2uW9K6fqc6jZX1XBjnLjw ._3n8vALReUk851YHiEiWEfQ,
.QbSr4hMpMfp0Qtsg4qOh5 ._3n8vALReUk851YHiEiWEfQ,
._3BvcYKoq-n7GgNwbfFgRAc ._3n8vALReUk851YHiEiWEfQ,
.alS2LW_qAwNkYk_GPUC_3 ._3n8vALReUk851YHiEiWEfQ {
    height: 44px;
    width: 44px;
    flex-shrink: 0
}

.d9RJTj9G8qU-U9-he2cQx ._3c_vhR2WnZLHuyVP2m4UO2,
._2uW9K6fqc6jZX1XBjnLjw ._3c_vhR2WnZLHuyVP2m4UO2,
.QbSr4hMpMfp0Qtsg4qOh5 ._3c_vhR2WnZLHuyVP2m4UO2,
._3BvcYKoq-n7GgNwbfFgRAc ._3c_vhR2WnZLHuyVP2m4UO2,
.alS2LW_qAwNkYk_GPUC_3 ._3c_vhR2WnZLHuyVP2m4UO2 {
    margin-left: 12px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.d9RJTj9G8qU-U9-he2cQx ._1186NyOXeTBoB-vvWlJq1I,
._2uW9K6fqc6jZX1XBjnLjw ._1186NyOXeTBoB-vvWlJq1I,
.QbSr4hMpMfp0Qtsg4qOh5 ._1186NyOXeTBoB-vvWlJq1I,
._3BvcYKoq-n7GgNwbfFgRAc ._1186NyOXeTBoB-vvWlJq1I,
.alS2LW_qAwNkYk_GPUC_3 ._1186NyOXeTBoB-vvWlJq1I {
    display: flex;
    flex-direction: row;
    align-items: center
}

.d9RJTj9G8qU-U9-he2cQx ._1piyUE09t3QXktcD3FrCwJ,
._2uW9K6fqc6jZX1XBjnLjw ._1piyUE09t3QXktcD3FrCwJ,
.QbSr4hMpMfp0Qtsg4qOh5 ._1piyUE09t3QXktcD3FrCwJ,
._3BvcYKoq-n7GgNwbfFgRAc ._1piyUE09t3QXktcD3FrCwJ,
.alS2LW_qAwNkYk_GPUC_3 ._1piyUE09t3QXktcD3FrCwJ {
    width: 13px;
    height: 13px;
    margin-right: 5px;
    color: #8b929a;
    fill: #8b929a;
    display: flex
}

.d9RJTj9G8qU-U9-he2cQx ._1piyUE09t3QXktcD3FrCwJ>svg,
._2uW9K6fqc6jZX1XBjnLjw ._1piyUE09t3QXktcD3FrCwJ>svg,
.QbSr4hMpMfp0Qtsg4qOh5 ._1piyUE09t3QXktcD3FrCwJ>svg,
._3BvcYKoq-n7GgNwbfFgRAc ._1piyUE09t3QXktcD3FrCwJ>svg,
.alS2LW_qAwNkYk_GPUC_3 ._1piyUE09t3QXktcD3FrCwJ>svg {
    width: 13px;
    height: 13px;
    font-size: 13px
}

.d9RJTj9G8qU-U9-he2cQx ._2x6qMHeQndH78e6sL2XHk_,
._2uW9K6fqc6jZX1XBjnLjw ._2x6qMHeQndH78e6sL2XHk_,
.QbSr4hMpMfp0Qtsg4qOh5 ._2x6qMHeQndH78e6sL2XHk_,
._3BvcYKoq-n7GgNwbfFgRAc ._2x6qMHeQndH78e6sL2XHk_,
.alS2LW_qAwNkYk_GPUC_3 ._2x6qMHeQndH78e6sL2XHk_ {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #8b929a;
    margin-right: .5em
}

.d9RJTj9G8qU-U9-he2cQx .Wh50moO-nKvfE3l4Buav:not(._2fLmG6Oxk7tiZGLfH8dwXG),
.d9RJTj9G8qU-U9-he2cQx ._2T5BxMT87QHfYWXDHFzpT1:not(._2fLmG6Oxk7tiZGLfH8dwXG),
._2uW9K6fqc6jZX1XBjnLjw .Wh50moO-nKvfE3l4Buav:not(._2fLmG6Oxk7tiZGLfH8dwXG),
._2uW9K6fqc6jZX1XBjnLjw ._2T5BxMT87QHfYWXDHFzpT1:not(._2fLmG6Oxk7tiZGLfH8dwXG),
.QbSr4hMpMfp0Qtsg4qOh5 .Wh50moO-nKvfE3l4Buav:not(._2fLmG6Oxk7tiZGLfH8dwXG),
.QbSr4hMpMfp0Qtsg4qOh5 ._2T5BxMT87QHfYWXDHFzpT1:not(._2fLmG6Oxk7tiZGLfH8dwXG),
._3BvcYKoq-n7GgNwbfFgRAc .Wh50moO-nKvfE3l4Buav:not(._2fLmG6Oxk7tiZGLfH8dwXG),
._3BvcYKoq-n7GgNwbfFgRAc ._2T5BxMT87QHfYWXDHFzpT1:not(._2fLmG6Oxk7tiZGLfH8dwXG),
.alS2LW_qAwNkYk_GPUC_3 .Wh50moO-nKvfE3l4Buav:not(._2fLmG6Oxk7tiZGLfH8dwXG),
.alS2LW_qAwNkYk_GPUC_3 ._2T5BxMT87QHfYWXDHFzpT1:not(._2fLmG6Oxk7tiZGLfH8dwXG) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.d9RJTj9G8qU-U9-he2cQx .Wh50moO-nKvfE3l4Buav._2fLmG6Oxk7tiZGLfH8dwXG,
.d9RJTj9G8qU-U9-he2cQx ._2T5BxMT87QHfYWXDHFzpT1._2fLmG6Oxk7tiZGLfH8dwXG,
._2uW9K6fqc6jZX1XBjnLjw .Wh50moO-nKvfE3l4Buav._2fLmG6Oxk7tiZGLfH8dwXG,
._2uW9K6fqc6jZX1XBjnLjw ._2T5BxMT87QHfYWXDHFzpT1._2fLmG6Oxk7tiZGLfH8dwXG,
.QbSr4hMpMfp0Qtsg4qOh5 .Wh50moO-nKvfE3l4Buav._2fLmG6Oxk7tiZGLfH8dwXG,
.QbSr4hMpMfp0Qtsg4qOh5 ._2T5BxMT87QHfYWXDHFzpT1._2fLmG6Oxk7tiZGLfH8dwXG,
._3BvcYKoq-n7GgNwbfFgRAc .Wh50moO-nKvfE3l4Buav._2fLmG6Oxk7tiZGLfH8dwXG,
._3BvcYKoq-n7GgNwbfFgRAc ._2T5BxMT87QHfYWXDHFzpT1._2fLmG6Oxk7tiZGLfH8dwXG,
.alS2LW_qAwNkYk_GPUC_3 .Wh50moO-nKvfE3l4Buav._2fLmG6Oxk7tiZGLfH8dwXG,
.alS2LW_qAwNkYk_GPUC_3 ._2T5BxMT87QHfYWXDHFzpT1._2fLmG6Oxk7tiZGLfH8dwXG {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 15px
}

.d9RJTj9G8qU-U9-he2cQx .Wh50moO-nKvfE3l4Buav,
._2uW9K6fqc6jZX1XBjnLjw .Wh50moO-nKvfE3l4Buav,
.QbSr4hMpMfp0Qtsg4qOh5 .Wh50moO-nKvfE3l4Buav,
._3BvcYKoq-n7GgNwbfFgRAc .Wh50moO-nKvfE3l4Buav,
.alS2LW_qAwNkYk_GPUC_3 .Wh50moO-nKvfE3l4Buav {
    color: #fff;
    font-weight: 400;
    font-size: 12px
}

.d9RJTj9G8qU-U9-he2cQx ._2T5BxMT87QHfYWXDHFzpT1,
._2uW9K6fqc6jZX1XBjnLjw ._2T5BxMT87QHfYWXDHFzpT1,
.QbSr4hMpMfp0Qtsg4qOh5 ._2T5BxMT87QHfYWXDHFzpT1,
._3BvcYKoq-n7GgNwbfFgRAc ._2T5BxMT87QHfYWXDHFzpT1,
.alS2LW_qAwNkYk_GPUC_3 ._2T5BxMT87QHfYWXDHFzpT1 {
    color: #8b929a;
    font-size: 11px
}

.d9RJTj9G8qU-U9-he2cQx .sdjVIgKSOKqyi7O2VDy70,
._2uW9K6fqc6jZX1XBjnLjw .sdjVIgKSOKqyi7O2VDy70,
.QbSr4hMpMfp0Qtsg4qOh5 .sdjVIgKSOKqyi7O2VDy70,
._3BvcYKoq-n7GgNwbfFgRAc .sdjVIgKSOKqyi7O2VDy70,
.alS2LW_qAwNkYk_GPUC_3 .sdjVIgKSOKqyi7O2VDy70 {
    background-color: #1a9fff;
    color: #fff;
    border-radius: 26px;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 8px;
    margin-left: 8px;
    margin-right: -8px
}

.d9RJTj9G8qU-U9-he2cQx .w1Bf_xO8scHETzsfr2HtM,
._2uW9K6fqc6jZX1XBjnLjw .w1Bf_xO8scHETzsfr2HtM,
.QbSr4hMpMfp0Qtsg4qOh5 .w1Bf_xO8scHETzsfr2HtM,
._3BvcYKoq-n7GgNwbfFgRAc .w1Bf_xO8scHETzsfr2HtM,
.alS2LW_qAwNkYk_GPUC_3 .w1Bf_xO8scHETzsfr2HtM {
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #8b929a;
    flex-shrink: 0;
    margin-left: 5px
}

.CA_EGBMvnnGy5ib6McPk1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-size: cover;
    position: relative;
    overflow: hidden
}

.CA_EGBMvnnGy5ib6McPk1 ._1WuzAPck-kGxa4mMIJvAzm {
    content: "";
    display: block;
    position: absolute;
    width: 25%;
    height: 25%;
    transform: scale(6);
    transform-origin: 50% 50%;
    top: 6px;
    filter: contrast(1) saturate(7) brightness(2) blur(3px)
}

.CA_EGBMvnnGy5ib6McPk1>img {
    position: relative;
    width: 32px;
    height: 31px;
    border-radius: 2px;
    border: 1px solid #0000009c;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, .5);
    z-index: 3
}

._2uW9K6fqc6jZX1XBjnLjw {
    background-color: rgba(35, 38, 46, .5)
}

._2uW9K6fqc6jZX1XBjnLjw:hover {
    background: rgba(35, 38, 46, .8)
}

@keyframes ULHzVL1tuahqUcVisVW-P {
    0% {
        background-color: #3d4450
    }

    100% {
        background-color: unset
    }
}

._2uW9K6fqc6jZX1XBjnLjw.Wu9rtfDDzG6xfABpqX6oN {
    animation: ULHzVL1tuahqUcVisVW-P 1s ease-out
}

._2uW9K6fqc6jZX1XBjnLjw._2kLHZTRgRl0POZfXPcfxks {
    background: #323640
}

._2uW9K6fqc6jZX1XBjnLjw._2kLHZTRgRl0POZfXPcfxks:hover {
    background: #3d4450
}

._3BvcYKoq-n7GgNwbfFgRAc,
.alS2LW_qAwNkYk_GPUC_3 {
    height: 36px;
    padding: 0px;
    position: relative;
    background-color: #3d4450;
    border-radius: 2px;
    margin: 0 auto 2px auto
}

._3BvcYKoq-n7GgNwbfFgRAc:hover,
.alS2LW_qAwNkYk_GPUC_3:hover {
    background: #474f5c
}

._3BvcYKoq-n7GgNwbfFgRAc ._1piyUE09t3QXktcD3FrCwJ,
.alS2LW_qAwNkYk_GPUC_3 ._1piyUE09t3QXktcD3FrCwJ {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    padding-left: 2px;
    color: #dcdedf
}

._3BvcYKoq-n7GgNwbfFgRAc ._1piyUE09t3QXktcD3FrCwJ>svg,
.alS2LW_qAwNkYk_GPUC_3 ._1piyUE09t3QXktcD3FrCwJ>svg {
    width: 18px;
    height: 18px
}

._3BvcYKoq-n7GgNwbfFgRAc ._3OCMnBpXVpdYv5isBLVdJK,
.alS2LW_qAwNkYk_GPUC_3 ._3OCMnBpXVpdYv5isBLVdJK {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #dcdedf;
    font-size: 12px;
    font-weight: 400
}

.alS2LW_qAwNkYk_GPUC_3:last-child {
    margin-bottom: 8px
}

.d9RJTj9G8qU-U9-he2cQx {
    background: rgba(0, 0, 0, .2);
    align-items: center;
    cursor: pointer;
    height: 70px;
    box-sizing: border-box
}

.d9RJTj9G8qU-U9-he2cQx:hover {
    background: #474f5c
}

.d9RJTj9G8qU-U9-he2cQx._2kLHZTRgRl0POZfXPcfxks {
    background-color: #3d4450;
    border: 1px solid rgba(255, 255, 255, .06)
}

.d9RJTj9G8qU-U9-he2cQx._2kLHZTRgRl0POZfXPcfxks.Wh50moO-nKvfE3l4Buav {
    color: #fff;
    font-weight: 400
}

.d9RJTj9G8qU-U9-he2cQx._2kLHZTRgRl0POZfXPcfxks:hover {
    background: #474f5c
}

.d9RJTj9G8qU-U9-he2cQx .Wh50moO-nKvfE3l4Buav {
    color: #dcdedf;
    font-weight: 400;
    letter-spacing: none;
    font-size: 14px;
    margin-right: 50px
}

.d9RJTj9G8qU-U9-he2cQx ._2T5BxMT87QHfYWXDHFzpT1 {
    color: #8b929a;
    font-size: 12px
}

.d9RJTj9G8qU-U9-he2cQx ._2x6qMHeQndH78e6sL2XHk_ {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px
}

.d9RJTj9G8qU-U9-he2cQx .w1Bf_xO8scHETzsfr2HtM {
    color: #67707b
}

.d9RJTj9G8qU-U9-he2cQx ._3c_vhR2WnZLHuyVP2m4UO2 {
    margin-left: 14px
}

.d9RJTj9G8qU-U9-he2cQx ._1piyUE09t3QXktcD3FrCwJ {
    color: #8b929a
}

.d9RJTj9G8qU-U9-he2cQx ._1piyUE09t3QXktcD3FrCwJ svg {
    color: #8b929a;
    fill: #8b929a
}

._2YpLUGZ7uC8ZZn67r0WFW_ {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .03em
}

._2YpLUGZ7uC8ZZn67r0WFW_._31kBipdYxJf7OOfdvXt0_h {
    margin-left: 5px
}

.QbSr4hMpMfp0Qtsg4qOh5 {
    background: none
}

.QbSr4hMpMfp0Qtsg4qOh5:hover {
    background: none
}

.QbSr4hMpMfp0Qtsg4qOh5 ._3c_vhR2WnZLHuyVP2m4UO2 {
    justify-content: center;
    flex: 1
}

.QbSr4hMpMfp0Qtsg4qOh5 ._2x6qMHeQndH78e6sL2XHk_ {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.QbSr4hMpMfp0Qtsg4qOh5 .uoMiFtc9c1Qj-4N-yFmVY {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #e3ffc2;
    font-weight: 400;
    letter-spacing: .03em
}

.QbSr4hMpMfp0Qtsg4qOh5 ._1HmXUbyHRzGqMtpIXrI9-T {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #6dcff6;
    font-weight: 400;
    letter-spacing: .03em
}

.QbSr4hMpMfp0Qtsg4qOh5 ._2sd1s2w2m26_3gQi1EUTR_ {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    letter-spacing: .03em
}

.QbSr4hMpMfp0Qtsg4qOh5 .gAoOCl1gHHigL5slBv_yA {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    font-size: 12px
}

.QbSr4hMpMfp0Qtsg4qOh5 ._8o4Xz7dGPPQqf36w2HN-- {
    color: #b8bcbf;
    font-size: 12px;
    align-items: center
}

.QbSr4hMpMfp0Qtsg4qOh5 ._8o4Xz7dGPPQqf36w2HN--:not(._2fLmG6Oxk7tiZGLfH8dwXG) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.QbSr4hMpMfp0Qtsg4qOh5 ._8o4Xz7dGPPQqf36w2HN--._2fLmG6Oxk7tiZGLfH8dwXG {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.QbSr4hMpMfp0Qtsg4qOh5 ._8o4Xz7dGPPQqf36w2HN-- ._15V41jl8st_uQsDMGCqnBx {
    vertical-align: middle;
    display: inline
}

.QbSr4hMpMfp0Qtsg4qOh5 ._1bPTPIVs6QoX2gWvrhM6J- {
    font-size: 11px
}

.QbSr4hMpMfp0Qtsg4qOh5 .Wh50moO-nKvfE3l4Buav._2fLmG6Oxk7tiZGLfH8dwXG,
.QbSr4hMpMfp0Qtsg4qOh5 ._2T5BxMT87QHfYWXDHFzpT1._2fLmG6Oxk7tiZGLfH8dwXG {
    line-height: 15px
}

.QbSr4hMpMfp0Qtsg4qOh5 ._3xh1N-yvA3u7rLrq-DYZ1U {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #91c257;
    font-size: 11px
}

._1GTWEgiW95vRIhUWfk6omo {
    filter: brightness(40%) blur(2px);
    justify-content: center;
    width: 46px;
    height: 46px
}

._2wKwJWdgy12ZO1tSjI9lXY {
    width: 3px;
    flex-shrink: 0;
    box-shadow: -1px 0px 1px #000a;
    align-self: stretch
}

.YukY0Anz5NHyFELGf9mPn ._2wKwJWdgy12ZO1tSjI9lXY {
    border-right: 1px solid #236c39
}

._2wKwJWdgy12ZO1tSjI9lXY.online {
    background-color: #4cb4ff
}

._2wKwJWdgy12ZO1tSjI9lXY.ingame {
    background-color: #59bf40
}

._2wKwJWdgy12ZO1tSjI9lXY.awayOrSnooze {
    -webkit-mask: url("") repeat-y;
    -webkit-mask-size: 6px 6px;
    mask: url("") repeat-y;
    mask-size: 6px 6px;
    opacity: 1
}

._2wKwJWdgy12ZO1tSjI9lXY.offline {
    background-color: #67707b
}

._1k275cE1gk-jpZE5r-37zl ._2wKwJWdgy12ZO1tSjI9lXY,
.QbSr4hMpMfp0Qtsg4qOh5 ._2wKwJWdgy12ZO1tSjI9lXY,
.d9RJTj9G8qU-U9-he2cQx ._2wKwJWdgy12ZO1tSjI9lXY,
._2uW9K6fqc6jZX1XBjnLjw ._2wKwJWdgy12ZO1tSjI9lXY {
    height: 44px;
    align-self: auto
}

._3n8vALReUk851YHiEiWEfQ {
    height: 44px;
    width: 44px;
    flex-shrink: 0
}

._1DaCc7OUCLHfc6VrQ3OIne {
    width: 40px;
    height: 40px;
    flex-shrink: 0
}

._5iNL0HazAvED5sWE9InJy {
    position: absolute;
    align-items: center;
    left: 0;
    top: 0;
    padding: 10px 0px;
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: row;
    opacity: 1;
    transition: opacity 500ms;
    background-color: #323640
}

.BasicUI ._5iNL0HazAvED5sWE9InJy {
    background-color: #0e141b
}

._5iNL0HazAvED5sWE9InJy:hover:not(._40XuJsiNG2Ls-sTWqrXG8) {
    cursor: default
}

._5iNL0HazAvED5sWE9InJy._40XuJsiNG2Ls-sTWqrXG8 {
    opacity: 0
}

._1vzYeDqT7Eiy-LKfLm42sI {
    margin-left: 10px
}

._12dqPPvVDehwCa8i2oM-eA {
    width: 160px;
    height: 29px;
    margin-top: 5px
}

._2ZzsgKvsaWmnKQRz0W83GA {
    width: 120px;
    height: 10px
}

._1vzYeDqT7Eiy-LKfLm42sI,
._2ZzsgKvsaWmnKQRz0W83GA,
._12dqPPvVDehwCa8i2oM-eA {
    background: linear-gradient(to right, transparent 33.33%, #bff6ab 50%, transparent 66.66%);
    background-size: 600px 100%;
    background-repeat: repeat-x;
    animation: _2qr7PO4jvslSCsJbTRFpwd 1s;
    animation-iteration-count: 20
}

@keyframes _2qr7PO4jvslSCsJbTRFpwd {
    0% {
        background-position: -600px 0
    }

    100% {
        background-position: 0px 0
    }
}

.IUPLZJhHdBex9tQTgC6Ug {
    background-color: #000;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Motiva Sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    color: #b8bcbf;
    line-height: 20px;
    font-size: 10px;
    text-align: center
}

._38yM72K6RxKmOhKZtInP2x {
    position: absolute;
    right: 10px;
    top: 8px;
    filter: drop-shadow(0px 0px 4px rgba(87, 161, 28, 0.8))
}

._38yM72K6RxKmOhKZtInP2x svg {
    width: 6px;
    height: 6px;
    color: #57a11c
}

.WbA7y77Ujam9JOnYuGsMj {
    position: absolute;
    right: 20px;
    color: #fff;
    font-weight: 400;
    font-size: 14px
}

svg._2Hphxk564S5yQHog-MFXfN {
    position: absolute;
    left: 32px;
    top: 28px;
    width: 18px;
    height: 18px;
    z-index: 2;
    color: #dcdedf
}

svg._2Hphxk564S5yQHog-MFXfN .Outline {
    stroke: #1b2838;
    fill: #1b2838;
    stroke-width: 2
}

._3M-7E5Nj8iNX_jL5pAQDy_ {
    position: absolute;
    right: 7px;
    top: 6px;
    cursor: pointer;
    display: none;
    z-index: 1
}

._3M-7E5Nj8iNX_jL5pAQDy_ svg {
    width: 16px !important;
    height: 16px !important
}

._3M-7E5Nj8iNX_jL5pAQDy_ path {
    stroke: #8b929a
}

._3M-7E5Nj8iNX_jL5pAQDy_ :hover path {
    stroke: #8a220f
}

.UmtNgXD92RoDeYjxKEskk {
    position: relative
}

.UmtNgXD92RoDeYjxKEskk:hover ._3M-7E5Nj8iNX_jL5pAQDy_ {
    display: block
}
._24Y_0sMrz5EywcAsFUstI1 {
    padding: 5px 30px;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 16px;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    color: #f1f1f1;
    border-color: #dbe5ec;
    border-radius: 2px;
    background: linear-gradient(90deg, #5C6166 0%, #737780 100%)
}

._24Y_0sMrz5EywcAsFUstI1:hover {
    color: #fff
}

._3OVHZhM_IefZqAOIsPxatj {
    background: linear-gradient(90deg, #3999EC 0%, #2460D0 100%)
}

._3R3iiUuAhP-0M-rdtCANeY,
.-N7TxEZXL1e7VIKEfBOds {
    position: relative
}

.YPn6VOod44mu0w34xdzDC {
    margin-top: 20px;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 20px 0px;
    background-color: rgba(0, 0, 0, .2)
}

._25H3qBQ1Lfsfq8nwc3M0Fk {
    padding: 10px 0px 0px 0px
}

._25H3qBQ1Lfsfq8nwc3M0Fk h1 {
    padding: 30px 0px 10px 0px
}

._3IKt4dLdwzyZtMqAwvawdG {
    position: relative
}

.GA-wFr-pPreiaNq3wRump {
    padding: 0px 0px 10px 0px
}

._24o8cEsvGK0bE4hHyUGhfh {
    margin-bottom: 22px;
    background: rgba(59, 63, 72, .5);
    box-shadow: inset 0px 0px 0px #0000;
    border-radius: 3px;
    padding: 6px 6px 6px 12px
}

._3if8ZNUUN7eSTxlCJbdgav {
    display: block;
    margin-right: 10px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #dfe3e6
}

._9NmWi9VzZyFLjcu_GW_70 {
    display: block;
    padding-top: 8px;
    font-family: inherit;
    font-size: 13px;
    line-height: 19px;
    color: #999c9f
}

._3cKa2WCkwVF9l83qdejZnW {
    display: flex;
    flex-direction: column;
    gap: 4px
}

._3cKa2WCkwVF9l83qdejZnW .rH2OfMey8m_-tFha6mSo3 {
    display: flex;
    flex-direction: row;
    background-color: #29303a;
    padding: 6px;
    padding-inline-start: 12px;
    justify-content: space-between;
    border-radius: 3px
}

._3cKa2WCkwVF9l83qdejZnW .rH2OfMey8m_-tFha6mSo3 ._33i2P3K0jts8t9ZvEucxHX {
    color: #fff;
    font-weight: bold
}

._3cKa2WCkwVF9l83qdejZnW .rH2OfMey8m_-tFha6mSo3 ._1rRiE6QmvGsMc-qivc5Xp1 {
    color: #f5f5f5
}

._3cKa2WCkwVF9l83qdejZnW .rH2OfMey8m_-tFha6mSo3 ._24azLL9qdi04Bq8Q6NT3pc {
    display: flex;
    align-items: center;
    gap: 2px
}

._3cKa2WCkwVF9l83qdejZnW .rH2OfMey8m_-tFha6mSo3 ._24azLL9qdi04Bq8Q6NT3pc .kwiQ_gtacj8i38Yf6HMLh,
._3cKa2WCkwVF9l83qdejZnW .rH2OfMey8m_-tFha6mSo3 ._24azLL9qdi04Bq8Q6NT3pc ._1uhme8b0f9MEqNEEMZTVIt {
    box-sizing: border-box;
    padding: 0px 30px
}

._24azLL9qdi04Bq8Q6NT3pc {
    display: flex;
    justify-content: center;
    padding: 10px
}

._24azLL9qdi04Bq8Q6NT3pc ._1h6y7HfPp9ZETEt3vGYcIa {
    width: auto;
    background: linear-gradient(90deg, #3999EC 0%, #2460D0 100%);
    color: #fff;
    padding: 0px 30px;
    box-sizing: border-box
}

._24azLL9qdi04Bq8Q6NT3pc ._1h6y7HfPp9ZETEt3vGYcIa:hover {
    background: linear-gradient(90deg, #3999EC 0%, #2460D0 100%)
}

._2XOzkA8bF8HiEtnoYSLHGC {
    position: relative
}

._3K5HBHn_mMUrazI_oUH12q {
    padding: 0;
    padding-bottom: 10px
}

._1_kCY5Jc71QX_9j4Q7brk {
    padding: 0;
    padding-top: 20px
}

._1_kCY5Jc71QX_9j4Q7brk h1 {
    padding: 0px;
    padding-top: 30px;
    padding-bottom: 10px
}

._3Sbby9pYJeX9b2Dcjx1Gbc {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #2b303a;
    padding-block: 10px;
    padding-inline: 1ex
}

._3Sbby9pYJeX9b2Dcjx1Gbc button.DialogButton {
    justify-content: center;
    background-color: rgba(0, 0, 0, 0);
    color: #1a9fff;
    height: 5ex;
    width: 5ex
}

._3Sbby9pYJeX9b2Dcjx1Gbc ._30Nc3G1cpcJeZAQulOQYHB {
    flex-direction: inherit;
    margin-inline-end: 5px
}

._3YstFVBT36qZA8FvdzEAF {
    color: #fff;
    font-weight: 500;
    padding-top: 10px
}

._3FSzSTDALgYgSmsyvkISnG {
    flex: 5;
    display: flex;
    align-items: center
}

._152HTE3xZ88Xk7LEEPFE68 {
    display: flex;
    flex-direction: row;
    background-color: #23262e;
    padding: 0;
    padding-top: 1ex;
    padding-inline-start: 5ex;
    box-shadow: inset 0px 2px 3px rgba(0, 0, 0, .5)
}

._152HTE3xZ88Xk7LEEPFE68 .DialogCheckbox_Container {
    flex: 1;
    align-items: center;
    display: flex
}

._3XAMDDm5D1pSZpakvjyRPk svg {
    transition: transform .2s ease-in-out;
    height: 18px;
    margin-top: 4px
}

._3XAMDDm5D1pSZpakvjyRPk._3yrEIJRje6XiWe9BiIGY7P svg {
    transform: rotateZ(180deg);
    transition: transform .2s ease-in-out
}

._2NBAZEDaX1dPJTQImo4BFa {
    display: inline-flex
}

._2NBAZEDaX1dPJTQImo4BFa ._1FcUl9nMRyQ6UUDHtWT_TR {
    margin: 5px 0;
    display: inline-block;
    color: #fff;
    padding: 4px 10px;
    border-radius: 2px;
    background-color: #f0f8ff12
}

._2NBAZEDaX1dPJTQImo4BFa button.DialogButton {
    margin: 5px 0;
    display: inline-block;
    color: #fff;
    padding: 4px 10px;
    border-radius: 2px;
    background-color: #f0f8ff12
}

.LKNSqnZGtL7Z-k7LqX8i0 {
    padding-top: 25px
}

._3XPWJM0EKr-dJ0B0NJtmjq {
    display: flex;
    flex-direction: column;
    gap: 8px
}

._22d1cAhcNjyVeCgm3buXvn {
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 10px;
    background-color: rgba(0, 0, 0, .2);
    min-height: 45px
}

@media screen and (max-width: 620px) {
    ._22d1cAhcNjyVeCgm3buXvn {
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
}

._22d1cAhcNjyVeCgm3buXvn ._9XX6R8HJVzwJ9jnfbIL-I {
    flex-grow: 1;
    display: flex;
    gap: 10px;
    flex-direction: column
}

@media screen and (max-width: 620px) {
    ._22d1cAhcNjyVeCgm3buXvn ._9XX6R8HJVzwJ9jnfbIL-I {
        align-items: center
    }
}

._22d1cAhcNjyVeCgm3buXvn ._9XX6R8HJVzwJ9jnfbIL-I ._3o2bwehhb6IiaAgm2UqSWZ {
    font-size: 14px
}

._22d1cAhcNjyVeCgm3buXvn ._9XX6R8HJVzwJ9jnfbIL-I ._1QDTpUha3gVN27iIGSQYu3 {
    color: #8b929a;
    font-size: 12px
}

._22d1cAhcNjyVeCgm3buXvn ._1ItLCAR90cxfIMjbiraDqU {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 170px;
    font-size: 12px
}

._22d1cAhcNjyVeCgm3buXvn ._1ItLCAR90cxfIMjbiraDqU ._1Fh12RGmObsvcXIRY7vQYf {
    display: flex;
    gap: 5px;
    margin-top: auto;
    margin-bottom: auto;
    align-items: center;
    flex-grow: 0;
    flex-basis: 25%
}

._22d1cAhcNjyVeCgm3buXvn ._1ItLCAR90cxfIMjbiraDqU ._1Fh12RGmObsvcXIRY7vQYf button {
    width: fit-content;
    padding: 0px 20px
}

._22d1cAhcNjyVeCgm3buXvn ._1ItLCAR90cxfIMjbiraDqU .wA5p2wik9ul235sZq1VJO {
    min-width: 100px
}

._22d1cAhcNjyVeCgm3buXvn ._2ToVcjoGTH4m6cNznWft6s {
    display: flex;
    flex-direction: row;
    gap: 10px
}

._22d1cAhcNjyVeCgm3buXvn ._2ToVcjoGTH4m6cNznWft6s ._3rcHvM3XilLmqUey9RCWcR {
    font-weight: bold;
    font-size: 14px
}

._22d1cAhcNjyVeCgm3buXvn ._2ToVcjoGTH4m6cNznWft6s ._1y2mfNER5Q5t4vb_ImMa3M {
    color: #8b929a;
    font-size: 12px
}

._22d1cAhcNjyVeCgm3buXvn ._2ToVcjoGTH4m6cNznWft6s ._3O4Y1ujrXP2H7shfwIyVyr {
    margin-top: auto;
    margin-bottom: auto;
    align-items: center
}

._22d1cAhcNjyVeCgm3buXvn ._2ToVcjoGTH4m6cNznWft6s ._1dsys_7Sn0ty3ZFNvF8VtC {
    width: 120px;
    height: 45px
}

._22d1cAhcNjyVeCgm3buXvn ._3uUPNFsdEI9Fba-fyvnslj {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    padding-right: 5px
}

._2fAxlp5l2ZkuTUe5oYvdRB {
    padding: 0px 0px 10px 0px
}

.nibodjvvrm86uCfnnAn4g {
    height: 36px;
    width: 36px;
    display: flex;
    margin: 0px 0px;
    transform: scale(0.86, 0.86) translateX(0px);
    transition-property: transform;
    transition-duration: .34s;
    transition-timing-function: cubic-bezier(0.42, 0, 0.19, 2.28);
    flex-direction: row;
    flex-shrink: 0
}

.nibodjvvrm86uCfnnAn4g.X-Small {
    height: 28px;
    width: 28px
}

.nibodjvvrm86uCfnnAn4g.Medium {
    height: 36px;
    width: 36px
}

.nibodjvvrm86uCfnnAn4g.MediumLarge {
    height: 48px;
    width: 48px
}

.nibodjvvrm86uCfnnAn4g.Large {
    height: 84px;
    width: 84px
}

.nibodjvvrm86uCfnnAn4g.X-Large {
    height: 92px;
    width: 92px
}

.nibodjvvrm86uCfnnAn4g.FillArea {
    height: 100%;
    width: 100%
}

.ChatSpeaker.ChatRoomSpeaker .nibodjvvrm86uCfnnAn4g {
    transform: scale(1, 1) translateX(0px)
}

.nibodjvvrm86uCfnnAn4g ._3xUpb5DWXPFNcHHIcv-9pe.right,
.nibodjvvrm86uCfnnAn4g ._3xUpb5DWXPFNcHHIcv-9pe.bottom {
    display: block !important
}

.ingame ._3xUpb5DWXPFNcHHIcv-9pe {
    background: linear-gradient(to bottom, #8cd61d 0%, #a1f410 30%, #a1f410 70%, #8cd61d 100%)
}

.ingame ._3xUpb5DWXPFNcHHIcv-9pe.GamepadMode,
.GamepadMode .ingame ._3xUpb5DWXPFNcHHIcv-9pe {
    background: #59bf40
}

.offline ._3xUpb5DWXPFNcHHIcv-9pe.GamepadMode,
.GamepadMode .offline ._3xUpb5DWXPFNcHHIcv-9pe {
    background: #67707b
}

.ingame .X-Large ._3xUpb5DWXPFNcHHIcv-9pe {
    background: #bff02b
}

.watchingbroadcast ._3xUpb5DWXPFNcHHIcv-9pe {
    background: linear-gradient(to bottom, #9c8fd4 0%, #9c8fd4 30%, #9c8fd4 70%, #9c8fd4 100%)
}

.online ._3xUpb5DWXPFNcHHIcv-9pe {
    background: linear-gradient(to bottom, #6dcff6 0%, #6dcff6 30%, #6dcff6 70%, #6dcff6 100%)
}

.online ._3xUpb5DWXPFNcHHIcv-9pe.GamepadMode,
.GamepadMode .online ._3xUpb5DWXPFNcHHIcv-9pe {
    background: #4cb4ff
}

.awayOrSnooze ._3xUpb5DWXPFNcHHIcv-9pe {
    -webkit-mask: url("") repeat-y;
    -webkit-mask-size: 5px 5px;
    mask: url("") repeat-y;
    mask-size: 5px 5px;
    opacity: .75
}

.awayOrSnooze ._3xUpb5DWXPFNcHHIcv-9pe.GamepadMode,
.GamepadMode .awayOrSnooze ._3xUpb5DWXPFNcHHIcv-9pe {
    opacity: 1
}

._3xUpb5DWXPFNcHHIcv-9pe.right {
    position: absolute;
    top: 0;
    bottom: 0;
    inset-inline-end: 0;
    width: 2px
}

._3xUpb5DWXPFNcHHIcv-9pe.right.GamepadMode,
.GamepadMode ._3xUpb5DWXPFNcHHIcv-9pe.right {
    width: 3px;
    inset-inline-end: -3px
}

._3xUpb5DWXPFNcHHIcv-9pe.bottom {
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    height: 2px
}

._3xUpb5DWXPFNcHHIcv-9pe.bottom.GamepadMode,
.GamepadMode ._3xUpb5DWXPFNcHHIcv-9pe.bottom {
    height: 3px;
    bottom: -3px
}

.awayOrSnooze ._3xUpb5DWXPFNcHHIcv-9pe.bottom {
    -webkit-mask: url("") repeat-x;
    mask: url("") repeat-x
}

.awayOrSnooze .X-Large ._3xUpb5DWXPFNcHHIcv-9pe.bottom {
    mask-size: 6px 6px;
    opacity: 1
}

._3h-QRJGxnVOIExtHD1R0f2 {
    border: 1px solid #383c43;
    height: calc(100% - 2px);
    width: calc(100% - 2px);
    box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, .3);
    transition: filter .24s ease-in-out
}

._3h-QRJGxnVOIExtHD1R0f2.GamepadMode,
.GamepadMode ._3h-QRJGxnVOIExtHD1R0f2 {
    border: 0px solid transparent;
    height: 100%;
    width: 100%
}

.X_mJE4BYV5StDPwZhSiAu {
    position: absolute;
    top: 0
}

.X_mJE4BYV5StDPwZhSiAu ._3fM0F85j3aWVzr4RJM9-eu {
    width: 100%;
    height: 100%
}

.nibodjvvrm86uCfnnAn4g .X_mJE4BYV5StDPwZhSiAu {
    transform: scale(1.2)
}

._2wAKy-0ZkO_vhbiQCP9MgE {
    display: flex;
    flex-direction: column;
    margin: 0
}

._2wAKy-0ZkO_vhbiQCP9MgE._1QfwpLmLTSuiIRLDzdY_7l {
    animation-name: _1F0lzP-Krz_y5P9ewZEvBD
}

._2wAKy-0ZkO_vhbiQCP9MgE._1QfwpLmLTSuiIRLDzdY_7l * {
    animation-name: _1F0lzP-Krz_y5P9ewZEvBD !important;
    stroke-dasharray: initial !important;
    stroke-dashoffset: initial !important;
    stroke-width: 5px !important;
    opacity: 1 !important
}

._2wAKy-0ZkO_vhbiQCP9MgE._1QfwpLmLTSuiIRLDzdY_7l ._2qjZm0dB7I6lcRkZhNTqvD path {
    stroke-width: 0 !important
}

._2wAKy-0ZkO_vhbiQCP9MgE._1Sy0pXVZOdWbgouFyD2zJj {
    flex-direction: row
}

._2wAKy-0ZkO_vhbiQCP9MgE .lYUEjD8Qh3GM_ZrZeLwpI,
._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber,
._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber path {
    width: 100%;
    height: 100%;
    position: relative
}

._2wAKy-0ZkO_vhbiQCP9MgE .lYUEjD8Qh3GM_ZrZeLwpI {
    align-self: center;
    margin: 0px;
    width: 100%;
    height: 100%
}

._2wAKy-0ZkO_vhbiQCP9MgE._2zbyh5jEDlV5HVD3iUve-k .lYUEjD8Qh3GM_ZrZeLwpI {
    width: 32px;
    height: 32px
}

._2wAKy-0ZkO_vhbiQCP9MgE._2CphUsHNDgIWItNIzeIldY .lYUEjD8Qh3GM_ZrZeLwpI {
    width: 64px;
    height: 64px
}

._2wAKy-0ZkO_vhbiQCP9MgE._1x18vR7Qop8v8_G8qSR6CL .lYUEjD8Qh3GM_ZrZeLwpI {
    width: 92px;
    height: 92px
}

._3IYPzqtvB2ZE7x710d5x2C {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

._21nVi2jNuF_prxLY1mAaKK,
._2wAKy-0ZkO_vhbiQCP9MgE ._21nVi2jNuF_prxLY1mAaKK {
    color: #3d85c8;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    flex: 1;
    user-select: none;
    margin-top: 8px;
    font-weight: 500
}

._2wAKy-0ZkO_vhbiQCP9MgE._2CphUsHNDgIWItNIzeIldY ._21nVi2jNuF_prxLY1mAaKK {
    margin-top: 4px
}

._2wAKy-0ZkO_vhbiQCP9MgE._2zbyh5jEDlV5HVD3iUve-k ._21nVi2jNuF_prxLY1mAaKK {
    margin-top: 2px
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber._1ctjA2yjeB21eCDj_r1mVz {
    filter: blur(3px);
    position: absolute;
    left: 0;
    top: 0px
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber._1ctjA2yjeB21eCDj_r1mVz path {
    stroke: #4375fd
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber path {
    stroke: #67c1f5;
    animation-name: _1O-cWE6nuIVO3x6-Onw0IU;
    animation-duration: .7s;
    stroke-linecap: butt;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    opacity: 0
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._1Vv--mA6PueyEKXXMTwljt,
._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._2K0LzwjOXDopMHoqY_v_CO {
    stroke-dashoffset: 0;
    stroke-dasharray: 116;
    stroke-width: 6px
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._2K0LzwjOXDopMHoqY_v_CO {
    opacity: 1;
    stroke: #3b8bb9;
    stroke-width: 6px;
    transform-origin: 50% 50%;
    stroke-linecap: round
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._1Vv--mA6PueyEKXXMTwljt {
    display: none
}

@keyframes _1O-cWE6nuIVO3x6-Onw0IU {
    to {
        stroke-dashoffset: -232
    }
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._3sQFkavAEPhliH6DiFmHRH {
    animation-name: ofdi9VLSRZ5W98WsXVHiq;
    animation-duration: 3s;
    animation-delay: -1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    opacity: 1;
    stroke-width: 0
}

@keyframes ofdi9VLSRZ5W98WsXVHiq {
    0% {
        fill: rgba(103, 193, 245, 0)
    }

    50% {
        fill: rgba(103, 193, 245, .05)
    }

    100% {
        fill: rgba(103, 193, 245, 0)
    }
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._1LZffuoDq-N25wNHckxsf ._1XN6ZJ1l8nVoUxp1WnOBqw,
._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._1LZffuoDq-N25wNHckxsf circle {
    stroke: #67c1f5;
    animation-name: _1jALk36CiS_T9Pg7vBjpIQ;
    animation-duration: 3s;
    animation-delay: -1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform-origin: 67% 36%
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._1LZffuoDq-N25wNHckxsf circle {
    animation-name: _1KvOgdKiNE9XuSYUau3hKW
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._2qjZm0dB7I6lcRkZhNTqvD path {
    fill: #67c1f5;
    stroke-width: 0;
    animation-name: _1KvOgdKiNE9XuSYUau3hKW;
    animation-duration: 3s;
    animation-delay: -0.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@keyframes _1jALk36CiS_T9Pg7vBjpIQ {
    0% {
        opacity: 0;
        transform: scale(0.75);
        stroke-width: 4px
    }

    20% {
        opacity: .3
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0;
        transform: scale(5);
        stroke-width: 0px
    }

    100% {
        opacity: 0;
        transform: scale(5);
        stroke-width: 0px
    }
}

@keyframes _1KvOgdKiNE9XuSYUau3hKW {
    0% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._2LGHpu_-ihfOhQwdfR3Kiy,
._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._2FGCneH2AemMrIrZnZskw_,
._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._1X-5j16jaQntVrZfadibyc,
._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._1pj1Q3Ef4FdHDdl9QEtpxp,
._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber .xFmZaMe5nZpoTc5PQBKn3,
._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._3MGYowzMQ6TwbH3fu9SVjt,
._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber .ktVJ42jiVhWEVV9O6z2FK,
._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._3s_7my869lIOj-1vnqJ39y,
._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._11MVp53Me_frOuaJfsQ4FE,
._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._2cl-maglen-RF0YQjShgqG,
._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._3-JE0FpIzECzeqtd5cyjGI,
._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._1xNIKvHdzLhBldONo6yIZs,
._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._1S17yicfcrPc11m83ydGp3,
._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._1-oUJqmCLOoGqVJz5dgj6J,
._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._2tXgejjqNKy6cSX1Lv7PrG {
    animation-name: _1fs4RGcMBRzbQQirDBiFoM;
    animation-duration: 3s;
    stroke-dasharray: 150 950
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._2tXgejjqNKy6cSX1Lv7PrG {
    animation-delay: 0s;
    opacity: .06;
    stroke-width: .5px
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._1-oUJqmCLOoGqVJz5dgj6J {
    animation-delay: -0.1s;
    opacity: .13;
    stroke-width: 1px
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._1S17yicfcrPc11m83ydGp3 {
    animation-delay: -0.2s;
    opacity: .2;
    stroke-width: 1.5px
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._1xNIKvHdzLhBldONo6yIZs {
    animation-delay: -0.3s;
    opacity: .26;
    stroke-width: 2px
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._3-JE0FpIzECzeqtd5cyjGI {
    animation-delay: -0.4s;
    opacity: .33;
    stroke-width: 2.5px
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._2cl-maglen-RF0YQjShgqG {
    animation-delay: -0.5s;
    opacity: .4;
    stroke-width: 3px
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._11MVp53Me_frOuaJfsQ4FE {
    animation-delay: -0.6s;
    opacity: .46;
    stroke-width: 3.5px
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._3s_7my869lIOj-1vnqJ39y {
    animation-delay: -0.7s;
    opacity: .53;
    stroke-width: 4px
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber .ktVJ42jiVhWEVV9O6z2FK {
    animation-delay: -0.8s;
    opacity: .6;
    stroke-width: 4.5px
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._3MGYowzMQ6TwbH3fu9SVjt {
    animation-delay: -0.9s;
    opacity: .66;
    stroke-width: 5px
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber .xFmZaMe5nZpoTc5PQBKn3 {
    animation-delay: -1s;
    opacity: .73;
    stroke-width: 5.5px
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._1pj1Q3Ef4FdHDdl9QEtpxp {
    animation-delay: -1.1s;
    opacity: .8;
    stroke-width: 6px
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._1X-5j16jaQntVrZfadibyc {
    animation-delay: -1.2s;
    opacity: .86;
    stroke-width: 6.5px
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._2FGCneH2AemMrIrZnZskw_ {
    animation-delay: -1.3s;
    opacity: .93;
    stroke-width: 7px
}

._2wAKy-0ZkO_vhbiQCP9MgE .SVGIcon_Throbber ._2LGHpu_-ihfOhQwdfR3Kiy {
    animation-delay: -1.4s;
    opacity: 1;
    stroke-width: 7.5px
}

@keyframes _1fs4RGcMBRzbQQirDBiFoM {
    100% {
        stroke-dashoffset: -1100
    }
}

._2zbyh5jEDlV5HVD3iUve-k {
    width: 36px;
    height: 36px
}

._2CphUsHNDgIWItNIzeIldY {
    width: 64px;
    height: 64px
}

._1x18vR7Qop8v8_G8qSR6CL {
    width: 92px;
    height: 92px
}

._1gYeZMYKBDqNpVuw58_LCl {
    width: 120px;
    height: 120px
}

._3j-p4JOqdpaF4obGtIeAB {
    width: 240px;
    height: 240px
}

.I3aEq3lbK7Pm8ujENvtri {
    opacity: 0;
    transition: opacity 1s
}

.I3aEq3lbK7Pm8ujENvtri._2SwSJd-DlX2dRiDGxZWHI5 {
    opacity: 1
}

._1m8iQOSVziKDHiInrfskv_ img {
    width: 100%
}

._2eYiuTSkBQNywb-x-gquMD {
    display: flex;
    flex-direction: column;
    gap: 8px
}

._2FXMECiK-1oag3HieTiKJW {
    background-color: hotpink;
    border: 1px solid;
    padding: 10px
}

.yloqxGhIEzvGIwbQbo6KP .DialogContentFullSize .DialogContent_InnerWidth {
    overflow: hidden
}

._1wwvw8QMJqug_-ioZdRJTC {
    width: fit-content;
    height: fit-content
}

.PopupFullWindow ._1wwvw8QMJqug_-ioZdRJTC {
    width: calc(100vw - 48px)
}

._31XZuVC3l846TjPDScscaS {
    width: auto;
    height: auto;
    max-height: 90vh;
    max-width: 80vw
}

._3MyspS-H5SnsUnKa3yhdtJ {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex
}

._1tCO1rmBfntUI0TlpTly1F {
    width: 24px;
    height: 24px;
    padding: 6px;
    border-radius: 50%;
    margin: 8px;
    background-color: rgba(255, 255, 255, .4)
}

._1tCO1rmBfntUI0TlpTly1F:hover {
    background-color: rgba(255, 255, 255, .6);
    cursor: pointer
}

._1tCO1rmBfntUI0TlpTly1F._1a_f8VY56CtjgePDRTaC-W {
    opacity: .5;
    pointer-events: none
}

._16SknI_KfMn45zQAvi-Xrs {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center
}

._16SknI_KfMn45zQAvi-Xrs img {
    display: block
}

._16SknI_KfMn45zQAvi-Xrs ._3Mns5ZEBThi10kv9zwdCRr {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 20px;
    opacity: 0;
    transition: opacity .2s ease-in;
    background: rgba(0, 0, 0, .5);
    border-radius: 3px;
    padding: 5px 5px 1px 5px
}

._16SknI_KfMn45zQAvi-Xrs:hover {
    cursor: pointer
}

._16SknI_KfMn45zQAvi-Xrs:hover ._3Mns5ZEBThi10kv9zwdCRr {
    opacity: .5
}

._2OcGChel9mKKDiT5UYgL8I {
    position: relative
}

._2INQL8oKYSG91_gqx2zvnV {
    padding: 0px 0px 10px 0px
}

._20iEFcT5JyJPhTjbaJ0ajE {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 0px 10px 0px
}

._20iEFcT5JyJPhTjbaJ0ajE ._2mir-ym1kKS06jV0W7mtUx {
    display: flex;
    flex-direction: column;
    padding: 10px 0px;
    gap: 5px
}

._20iEFcT5JyJPhTjbaJ0ajE ._2mir-ym1kKS06jV0W7mtUx ._35lIIoiD4gnKLmNL3H9zAo {
    color: #fff;
    font-weight: 500;
    font-size: 17px;
    margin-top: 5px
}

._20iEFcT5JyJPhTjbaJ0ajE ._2mir-ym1kKS06jV0W7mtUx ._2gQ1ywJDhv3qFFjvjtt39w svg._3u6D3tBNr6Pd8scEAu0WHh {
    color: #ffffff36
}

._20iEFcT5JyJPhTjbaJ0ajE ._2mir-ym1kKS06jV0W7mtUx ._22EU1rJVczbjFuV39qprXh {
    background-color: #a3a3a326
}

._20iEFcT5JyJPhTjbaJ0ajE ._2mir-ym1kKS06jV0W7mtUx ._22EU1rJVczbjFuV39qprXh ._3u6D3tBNr6Pd8scEAu0WHh {
    color: #ffffff36;
    fill: #ffffff36
}

._173r5KvavKBUk01FwZftvC {
    margin: 1px 0px;
    padding: 6px 10px;
    background-color: #00000033;
    display: flex;
    flex-direction: row;
    cursor: pointer
}

._173r5KvavKBUk01FwZftvC._2eItHkwsCAtMw7E-EF_YG_ {
    background-color: #3898FF55
}

._173r5KvavKBUk01FwZftvC._2eItHkwsCAtMw7E-EF_YG_ ._3o3paJd8GOTYKXh7Rd3Br8 {
    background-color: #1a9fff;
    color: #fff;
    text-transform: uppercase;
    padding: 2px 5px;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 500
}

._173r5KvavKBUk01FwZftvC ._3fcDKsMFeSrukc_lptL5k6 {
    display: flex;
    flex-direction: column;
    padding: 10px 1ex 10px 1ex;
    width: 100%
}

._173r5KvavKBUk01FwZftvC ._3fcDKsMFeSrukc_lptL5k6 ._366kraIS4n5agiJpxnOSL2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 5px;
    font-size: 14px
}

._173r5KvavKBUk01FwZftvC ._3fcDKsMFeSrukc_lptL5k6 ._366kraIS4n5agiJpxnOSL2 ._2thyM-IiBuBfn44nW5anSY {
    display: flex;
    align-items: center;
    gap: 10px
}

._173r5KvavKBUk01FwZftvC ._3fcDKsMFeSrukc_lptL5k6 ._366kraIS4n5agiJpxnOSL2 ._2thyM-IiBuBfn44nW5anSY .e-cYNmgoRYobtL32PBDvh {
    color: #fff;
    font-weight: 400;
    align-items: center
}

._173r5KvavKBUk01FwZftvC ._3fcDKsMFeSrukc_lptL5k6 ._366kraIS4n5agiJpxnOSL2 button.DialogButton {
    background-color: rgba(0, 0, 0, 0);
    color: #1a9fff;
    margin: 0px
}

._173r5KvavKBUk01FwZftvC ._3fcDKsMFeSrukc_lptL5k6 ._366kraIS4n5agiJpxnOSL2 ._2wFj-skWKPalSQ4MHk27Wr {
    display: flex;
    flex-direction: row;
    text-wrap: nowrap
}

._173r5KvavKBUk01FwZftvC ._3fcDKsMFeSrukc_lptL5k6 ._366kraIS4n5agiJpxnOSL2 ._2wFj-skWKPalSQ4MHk27Wr svg {
    padding-left: 5px;
    align-self: center;
    height: 16px;
    color: #ffc82c
}

._173r5KvavKBUk01FwZftvC ._2Q1XRSo_YDuNplXJSPKtsq {
    display: flex;
    flex-direction: column;
    font-size: 13px
}

._173r5KvavKBUk01FwZftvC ._2Q1XRSo_YDuNplXJSPKtsq .CKNbt1mIaNAep7MwHG6eX {
    color: #c6d4df;
    font-weight: 400
}

._173r5KvavKBUk01FwZftvC ._2Q1XRSo_YDuNplXJSPKtsq ._10WUgZtyhPN8XWybruXSY9,
._173r5KvavKBUk01FwZftvC ._2Q1XRSo_YDuNplXJSPKtsq ._10WUgZtyhPN8XWybruXSY9 a {
    color: #ffc82c
}

._173r5KvavKBUk01FwZftvC ._2Q1XRSo_YDuNplXJSPKtsq ._10WUgZtyhPN8XWybruXSY9 a {
    text-decoration: underline
}

._173r5KvavKBUk01FwZftvC ._2Q1XRSo_YDuNplXJSPKtsq ._10WUgZtyhPN8XWybruXSY9 a:hover {
    color: #fff
}

.Zq-YGng4xfhI7CCwSN6UF {
    display: flex;
    flex-direction: column;
    padding-top: 10px
}

._2h6gzZPnXmr8pFVxduqp_k {
    display: flex;
    flex-direction: row;
    gap: 10px
}

._2h6gzZPnXmr8pFVxduqp_k ._2-E69gxiszxb3lmuoV7yYi {
    width: 12px !important;
    height: 12px !important;
    line-height: 12px !important
}

._2h6gzZPnXmr8pFVxduqp_k ._2-E69gxiszxb3lmuoV7yYi svg {
    transition: transform .2s ease-in-out;
    height: 12px;
    margin-top: 4px
}

._2h6gzZPnXmr8pFVxduqp_k ._2-E69gxiszxb3lmuoV7yYi.JQwtQncjBu_1UajTl86pS svg {
    transform: rotateZ(180deg);
    transition: transform .2s ease-in-out
}

.aR0IvXuy6BAh7MauaSs5j {
    display: inline-flex;
    gap: 5px;
    align-items: center;
    margin-right: 5px;
    color: #fff;
    font-weight: 500;
    font-size: 17px
}

.aR0IvXuy6BAh7MauaSs5j ._2sNYH7uxn-CGdZCk4lGMAg {
    height: 8px;
    width: 8px;
    color: #1a9fff
}

._25S2w41EbEIy3v97Dc0nl8 {
    position: relative;
    display: inline-block
}

._25S2w41EbEIy3v97Dc0nl8 ._3BA92JhNM9ztpJY4hnWagy {
    position: absolute;
    height: 22px;
    width: auto;
    top: 22px;
    left: 16px;
    z-index: 2
}

._3u6D3tBNr6Pd8scEAu0WHh {
    width: 30px !important;
    height: unset !important;
    padding: 5px;
    align-self: flex-start;
    color: #fff;
    margin-top: 2px
}

._3EYcq6Ow2WM7bGuzWyQRMN {
    margin: 5px 0px;
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: row;
    background-color: #00000033
}

._3EYcq6Ow2WM7bGuzWyQRMN ._37dMp7l0gWnMweQxR4Qj7Z {
    max-width: 50%;
    margin: auto
}

._3EYcq6Ow2WM7bGuzWyQRMN button.DialogButton {
    height: 40px;
    padding: 0px 10px;
    background-color: #a94847;
    color: #fff;
    align-self: center;
    text-wrap: nowrap
}

._3EYcq6Ow2WM7bGuzWyQRMN button.DialogButton:hover {
    background-color: #D9412699 !important
}

._1DTV9TockJu_p7oiuZdWi6 {
    height: 17px;
    vertical-align: middle;
    padding: 0 8px 4px 4px
}

._20DWPovgBZty81RwR7w9KW {
    display: flex;
    flex-direction: column;
    gap: 30px
}

.FPQ9JppMamYmV0bS3zfDK {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 20px 10px;
    font-size: 12px
}

@media screen and (max-width: 500px) {
    html.responsive .FPQ9JppMamYmV0bS3zfDK {
        grid-template-columns: 1fr
    }
}

.FPQ9JppMamYmV0bS3zfDK ._2DEfsEp7B2EWcj-wsoNnhc {
    grid-row: span 2;
    margin-right: 10px;
    width: 1px;
    background-color: #3d4450
}

@media screen and (max-width: 500px) {
    html.responsive .FPQ9JppMamYmV0bS3zfDK ._2DEfsEp7B2EWcj-wsoNnhc {
        display: none
    }
}

.aSLHKQsd5_tpAOdPgV5W1 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 3px 0px
}

._2beoIY1coKEr8VYWkMFz1e {
    display: flex;
    flex-direction: row;
    gap: 10px
}

.W8esOSj_nvqyHTDxmGb2D {
    padding-right: 6px;
    color: #8b929a
}

._9fMwjaiixbDViVPurFAa4 {
    display: inline-block;
    color: #fff;
    padding: 4px 10px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, .1)
}

._9fMwjaiixbDViVPurFAa4:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .2)
}

.BblQleWhhGVHu1TTaGdBI {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    padding: 5px 10px 5px 5px;
    color: #fff;
    background-color: #3d4450;
    font-size: 12px
}

.BblQleWhhGVHu1TTaGdBI .f3AwNeCF2PApiJ1yy2SII {
    font-size: 14px;
    font-weight: 400
}

.BblQleWhhGVHu1TTaGdBI ._373XxWi-VMyuhak5AkKWJR {
    height: 40px;
    width: auto
}

.BblQleWhhGVHu1TTaGdBI ._2kFtGHlyLy724EB-HfKU6P {
    margin-left: auto
}

.-haW8HUYitKrzvsXQj_y6 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 5px;
    font-size: 12px;
    background-color: #3898FF55
}

.-haW8HUYitKrzvsXQj_y6 ._1AvzOfTQ0sRKrk6NjJCe1M {
    background-color: unset;
    padding: 0px
}

.-haW8HUYitKrzvsXQj_y6 ._2DEfsEp7B2EWcj-wsoNnhc {
    margin: 0px 5px;
    border-bottom: 1px solid #67707b
}

._2JiIyKqLJrcGM5ABcQJ12s {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin: 0px 5px
}

@media screen and (max-width: 500px) {
    ._2JiIyKqLJrcGM5ABcQJ12s {
        flex-direction: column;
        align-items: unset
    }
}

._3tH8spjqRz_Z6mmB4uWK-m {
    margin-left: auto
}

@media screen and (max-width: 500px) {
    ._3tH8spjqRz_Z6mmB4uWK-m {
        margin-left: unset
    }
}

.o7VeKaSFD1CCBeZaAx-fb {
    background-color: #3d4450
}

.o7VeKaSFD1CCBeZaAx-fb ._2DEfsEp7B2EWcj-wsoNnhc {
    margin: 0 10px;
    border-bottom: 1px solid #67707b
}

._1UZaReJ5vqaDDNrR92LUfB {
    display: flex;
    flex-direction: row;
    gap: 22px;
    padding: 20px 25px;
    font-size: 12px
}

@media screen and (max-width: 500px) {
    html.responsive ._1UZaReJ5vqaDDNrR92LUfB {
        flex-direction: column
    }
}

._1UZaReJ5vqaDDNrR92LUfB ._3l4-i07loydWsCfabu0uv4 {
    display: flex;
    flex-direction: column;
    gap: 10px
}

._1UZaReJ5vqaDDNrR92LUfB ._34Ckpic2BxcwJoDsL0LQ7O {
    color: #fff;
    font-weight: 500;
    font-size: 13px
}

._1UZaReJ5vqaDDNrR92LUfB ._34Ckpic2BxcwJoDsL0LQ7O a {
    text-decoration: underline
}

._1UZaReJ5vqaDDNrR92LUfB .XuL3KGluGJQa0C1sMnVC1 {
    display: flex;
    flex-direction: row;
    gap: 14px
}

._1UZaReJ5vqaDDNrR92LUfB ._1h-ifgHMnM357x2V6pKErV {
    width: 110px;
    height: auto;
    margin: -45px 0px;
    color: #2d73ff
}

._1UZaReJ5vqaDDNrR92LUfB .owjpvFLO7gx4wTw_RofLx {
    height: 120px;
    width: auto
}

@media screen and (max-width: 500px) {
    html.responsive ._1UZaReJ5vqaDDNrR92LUfB .owjpvFLO7gx4wTw_RofLx {
        margin-left: 10px
    }
}

._1UZaReJ5vqaDDNrR92LUfB ._2_7_jSeZidSftWskkhJV84 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-right: 4px
}

._1UZaReJ5vqaDDNrR92LUfB ._1aj-IQUPvF3Cq-lE1msSiJ {
    display: flex;
    flex-direction: row;
    gap: 2px
}

html.responsive.touch ._1UZaReJ5vqaDDNrR92LUfB ._1aj-IQUPvF3Cq-lE1msSiJ {
    align-items: center;
    flex-direction: column
}

@media screen and (max-width: 910px) {
    html.responsive ._1UZaReJ5vqaDDNrR92LUfB ._1aj-IQUPvF3Cq-lE1msSiJ {
        align-items: center;
        flex-direction: column
    }
}

@media screen and (max-width: 500px) {
    html.responsive ._1UZaReJ5vqaDDNrR92LUfB ._1aj-IQUPvF3Cq-lE1msSiJ {
        align-items: normal;
        flex-direction: column
    }
}

._1UZaReJ5vqaDDNrR92LUfB ._1aj-IQUPvF3Cq-lE1msSiJ ._3h50gHmzosl6KqYJtKto9O {
    height: 42px;
    width: auto
}

._1UZaReJ5vqaDDNrR92LUfB ._1aj-IQUPvF3Cq-lE1msSiJ ._273YCymOUtX4V13BJ6p2uZ {
    height: 63px;
    width: auto;
    margin-top: -10px
}

@media screen and (max-width: 500px) {
    html.responsive ._1UZaReJ5vqaDDNrR92LUfB ._1aj-IQUPvF3Cq-lE1msSiJ ._273YCymOUtX4V13BJ6p2uZ {
        margin-left: -10px
    }
}