: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: 58px;

	/* 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);
	}
}

:root {
	--gpPurchaseOptionsWidth: 38%;
}


/* Tablet specific layout changes, not intended for smaller than tablet width screens */
html.tablet .tablet_grid {
	display: flex;
	flex-direction: row;
	margin: 0px auto;
	padding: 0px 0px 0px var(--gpSpace-Gutter);
	max-width:  1280px;
}

html.tablet .tablet_hidden {
	display: none;
}

html.tablet .purchase_options_content_tablet.isCurrentlySticky {
	/* padding-top: 8px; */
}

html.tablet .purchase_options_content_tablet {
	display: block !important;
	box-sizing: border-box;
	right: 0;
	padding: 0px;
	padding-left: 24px;
	padding-right: var(--gpSpace-Gutter);
	overflow-y: auto;
	position: sticky;
	z-index: 100;
	flex: auto;
	transition: padding-top 0.2s ease;

	/* Re-defining here prevents the entire page from padding as we scroll */
	scroll-snap-type: inline;
	scroll-padding: 160px 0px;

	width: var(--gpPurchaseOptionsWidth);

}

html.tablet .page_content_ctn {
	width: calc( 100% - var(--gpPurchaseOptionsWidth) );
}

html.tablet #responsive_apppage_details_left_ctn,
html.tablet .game_header_image_ctn {
	width: unset !important;
	float: unset !important;
}

html.tablet h2 {
	background-image: unset;
	font-size: 16px;
}

/* hide because we instead create a Y button action for this link */
html.tablet .deck_view_all_action_link {
	display: none;
}

/* hide sections */
html.tablet #shareEmbedRow,
html.tablet #achievement_block,
html.tablet #votingImage,
html.tablet #awardsTable,
html.tablet #awardsTable .block_title,
html.tablet .breadcrumbs,
html.tablet .apphub_OtherSiteInfo,
html.tablet .glance_tags_label,
html.tablet .wishlist_added_temp_notice,
html.tablet .apphub_HeaderStandardTop,
html.tablet .user_reviews_summary_row .subtitle,
html.tablet .user_reviews_summary_row .responsive_reviewdesc,
html.tablet .user_reviews_filter_score,
html.tablet .block.recommendation_reasons hr,
html.tablet .item_store_items_block,
html.tablet .download_demo_button,
html.tablet .steam_curators_block,
html.tablet .slider_ctn,
html.tablet .store_tooltip {
	display: none;
}

html.tablet #game_highlights {
	width: unset;
	height: unset;
	background: unset;
	margin: 0 2%;
	padding: unset;
}
html.tablet .glance_ctn {
	padding: unset;
}

/* hide the developer, publisher, released sections since we're using a different layout for mobile */
html.tablet .release_date,
html.tablet .dev_row {
	display: none;
}

/* reduce layers */
html.tablet .game_page_background,
html.tablet .game_background_glow {
	background-image: unset !important; /* Needed to override inline style */
}

/* move the 'read more' links to the center, use larger font, and hide the down arrow */
html.tablet .game_page_autocollapse_readmore {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: center;
	font-size: 14px;
	background-image: unset;
	padding-right: 0px;
}

/* switch to a full screen width header image */
html.tablet .game_header_image_ctn > img {
	display: none !important;
}
html.tablet .responsive_page_header_img {
	display: block !important;
}

/* style the game's name.  some of this is to support a ... menu if we choose to use that */
html.tablet #appHubAppName_responsive {
	display: block !important;
	padding: 4px 0px 2px 0px;
	line-height: unset;
	color: white;
	font: var(--gpText-HeadingLarge);
}

/* game description below the title */
html.tablet .game_description_snippet {
	display: flex;
	flex-direction: column;
	margin: 0px 0px 12px 0px;
	max-height: unset;
	font: var(--gpText-BodyLarge);
	clear: left; /* this is important */
}

/* reduce padding and margins on the page header */
html.tablet .game_header_image_ctn {
	margin-right: unset;
}
html.tablet .game_meta_data.rightcol {
	margin-top: unset;
}

/* Tags */
html.tablet .glance_tags_ctn {
	margin-top: 0px;
	width: 100%;
}
html.tablet .glance_tags_ctn .glance_tags {
	font-size: 14px;
	height: unset !important;
}
html.tablet .glance_tags_ctn .glance_tags .app_tag {
	padding: 8px 12px;
	margin-right: 2px;
}

html.tablet .glance_tags_ctn .glance_tags .app_tag:hover {
	background: var(--gpColor-Blue);
}

html.tablet .glance_ctn_responsive_right {
	padding: 0px;
}

/* Hide "add" tag on Deck */
html.tablet .glance_tags_ctn .glance_tags .app_tag.add_button {
	display: none;
}





/* More from developer */
html.tablet #franchise_block,
html.tablet #recommended_block {
	margin-top: 32px;
}



/* Critic */
html.tablet #responsive_apppage_reviewblock_ctn .responsive_apppage_reviewblock {
	padding: unset;
	margin: unset;
	margin-bottom: 16px;
}

html.tablet #game_area_metascore {
	padding-left: unset;
}

html.tablet #game_area_metascore .score.high {
	background: var(--gpColor-Green);
}



/* User reviews: hide the default review summary section and show the responsive version which is in a different page location  */
html.tablet #userReviews {
	display: none;
}
html.tablet #appReviewsAll_Detail,
html.tablet #appReviewsRecent_Detail,
html.tablet #userReviews_responsive,
html.tablet #reviewsHeader_responsive {
	display: block !important;
}

html.tablet #reviewsHeader_responsive {
	margin-top: 10px;
}
html.tablet .user_reviews {
	margin-top: 0px;
	margin-left: 0px;
	padding: 4px;
}
html.tablet .user_reviews_summary_row {
	font-size: unset;
	padding: 0px;
}
html.tablet .user_reviews_summary_row .column {
	text-overflow: unset;
	white-space: unset;
}

html.tablet .responsive_reviewdesc_short {
	display: inline-block;
	color: var(--gpStoreLighterGrey);
}
html.tablet .responsive_reviewdesc_short .desc_short {
	text-transform: uppercase;
}




/* section explaining reviews are in an anomalous state */
html.tablet .responsive_reviews_off_topic_asterisk {
	display: inline-block !important;
}
html.tablet .review_recent_events.has_events {
	display: flex;
	flex-direction: column-reverse;
}
html.tablet .review_recent_events.has_events .review_anomalous_events_title {
	margin-left: 0px;
	margin-bottom: 10px;
}
html.tablet .review_recent_events.has_events .review_anomalous_events_icon {
	display: none;
}
html.tablet .review_recent_events.has_events .review_anomalous_events_title,
html.tablet .review_recent_events.has_events .review_anomalous_events_des {
	font-size: 14px;
}


html.tablet .game_area_description h2:not(#aboutThisGame h2, h2.bb_tag),
html.tablet #aboutThisGame h2:not(h2.bb_tag)
{
	text-transform: uppercase;
	display: inline-block;
	color: #ffffff !important;
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 8px;
	padding-left: 0px !important;
	letter-spacing: 0.5px;
}

/* section headers */
html.tablet .responsive_block_header,
html.tablet .block_title.vrsupport,
html.tablet .details_block.vrsupport,
html.tablet #LanguagesHeader,
html.tablet .responsive_apppage_details_right.heading:not(.responsive_hidden),
html.tablet .early_access_announcements h2,
html.tablet .sys_req h2,
html.tablet #franchise_block h2,
html.tablet #recommended_block h2,
html.tablet #app_reviews_hash h2,
html.tablet .package_group,
html.tablet #gameAreaDLCSection h2,
html.tablet .referring_curator_ctn h2,
html.tablet .game_area_purchase h2,
html.tablet .block_header h4 {
	text-transform: uppercase;
	display: inline-block;
	color: #ffffff !important;
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 8px;
	padding-left: 0px !important;
	letter-spacing: 0.5px;
}
html.tablet #aboutThisGame h2:not(h2.bb_tag) {
	display: block;
}
html.tablet .block_title.vrsupport {
	display: block;
	padding-top: 10px;
	margin-bottom: 0px;
}
html.tablet .details_block.vrsupport {
	text-transform: none;
	margin-top: 5px;
	margin-bottom: 3px;
	font-size: 13px !important;
}

/* html.tablet .block_header h4 {
	text-transform: uppercase;
	letter-spacing: 0.03em;
	background-image: unset !important;
	font-size: 16px;
} */
html.tablet .responsive_apppage_details_right a {
	font-size: 14px;
}
html.tablet .responsive_apppage_details_right {
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
}
html.tablet .responsive_apppage_details_left {
	padding: 0px !important;
}
html.tablet #responsive_apppage_details_right_ctn,
html.tablet #responsive_apppage_details_left_ctn {
	margin-left: 0px;
	margin-right: 0px;
}
html.tablet #responsive_apppage_details_right_ctn {
	margin-top: 20px;
}

/* list of game features such as single-player, online co-op, etc */
html.tablet .game_area_details_specs .icon,
html.tablet .game_area_details_specs .name {
	background: unset;
}

/* remove top margins: early access announcements, game description column */
html.tablet .early_access_announcements,
html.tablet .game_description_column {
	margin-top: unset;
}

html.tablet .early_access_banner {
	height: unset;
	margin: 15px 0px 0px 0px;
}

/*  The list of available DLC */
html.tablet .game_area_dlc_section {
	margin-top: 24px;
	margin-bottom: 24px;
}
html.tablet #gameAreaDLCSection h2 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
html.tablet .game_area_dlc_row .ds_owned_flag.ds_flag {
	background-position-x: 4px;
	background-position-y: 6px;
	padding-left: 18px;
	margin-top: 5px;
}
html.tablet .game_area_dlc_row.ds_flagged {
	background-color: #417a9b;
}
html.tablet .game_area_dlc_row.ds_flagged .ds_flag {
	max-width: unset;
}
html.tablet .game_area_dlc_row.ds_flagged .game_area_dlc_name {
	padding-top: 28px;
	color: white;
}
html.tablet .game_area_dlc_name {
	font-size: 14px;
	padding-left: 0px;
}
html.tablet .game_area_dlc_price {
	font-size: 14px;
}

html.tablet .discount_block {
	line-height: unset;
}
html.tablet .dlc_footer_element {
	font-size: 14px;
}
/* hide the DLC item mouse over menu (which doesn't seem very useful on any screen but especially not mobile) */
html.tablet .ds_options {
	display: none;
}

/* hide the 'buy this game for a friend' text */
html.tablet .game_area_description_bodylabel {
	display: none;
}

/* recommendation reasons and ratings need extra left margin*/
html.tablet .shared_game_rating,
html.tablet .responsive_apppage_details_right.recommendation_reasons {
	margin: 0px;
}
html.tablet .responsive_apppage_details_right.recommendation_reasons {
	margin-bottom: 16px;
}
html.tablet .responsive_apppage_details_right.recommendation_noinfo {
	margin: 0px 10px 20px 10px;
}

html.tablet	.ratings_title {
	display: inline-block !important;
	padding: 16px 0px 4px;
}

html.tablet .shared_game_rating .game_rating_details {
	gap: 8px;
}

/* reduce franchise notice font */
html.tablet .franchise_name {
	font-size: 16px;
}


/* Rolled up sections such as achievements, languages, points shop
	and other content moved into the Links & Info section */
html.tablet .block a.linkbar {
	min-height: unset;
}
/* html.tablet .block_content_inner {
	margin-top: 10px;
	margin-left: 6px;
} */
html.tablet .details_block > a {
	margin: 0px 5px 0px 0px;
}
html.tablet .details_block a.linkbar {
	margin: 0px 0px 2px 0px;
}
html.tablet .responsive_banner_link {
	display: flex !important;
	flex-direction: row;
	color: #67C1F5;
	font-size: 14px;
	line-height: 16px;
	margin: 0px 0px 2px 0px;
	align-items: center;
	cursor: pointer;
}
/* align the app details section with the banner links above it */
html.tablet #appDetailsUnderlinedLinks .details_block {
	padding-top: 0px !important;
}
html.tablet #appDetailsUnderlinedLinks .block_content_inner {
	margin-top: 0px;
	margin-left: 0px;
}

/* the genres and manufacturer section has a different format.  These style changes help the section look good next to the other content*/
html.tablet #genresAndManufacturer.details_block {
	margin-left: 0px;
	margin-top: 0px;
	color: var(--gpStoreLighterGrey);
}
html.tablet #genresAndManufacturer.details_block a {
	padding: unset !important;
	margin: unset !important;
	background: unset;
	display: unset !important;
	line-height: unset !important;
	color: var(--gpColor-Blue);
}

/* improve img spacing on the Links and Info section */
html.tablet a.linkbar > img:first-of-type {
	padding-right: 5px;
}
html.tablet a.linkbar > img:last-of-type {
	padding-left: 5px;
}
html.tablet a.linkbar > span.social_account {
	max-width: unset;
}

html.tablet .responsive_banner_link .responsive_banner_link_title {
	flex-grow: 1;
	padding: 8px 12px !important;
	font: var(--gpText-BodyMedium);
}
html.tablet .responsive_banner_link .responsive_banner_link_total {
	color: var(--gpStoreLighterGrey);
}

/* list of packages which appear when clicking the purchase options banner */
html.tablet .purchase_options_content {
	display: block !important;
	box-sizing: border-box;
}
html.tablet .game_area_purchase h1 {
	font-size: 16px;
	color: white !important;
}

html.tablet #gamePurchaseAddToCartBtn {
	display: none;
}
html.tablet #gamePurchaseAddToCartBtn_responsive {
	display: inline-block !important;
}

/* reduce bottom padding in game purchase area */
html.tablet .game_area_purchase_game,
html.tablet .game_area_offsite_purchase {
	padding: 16px;
	background: var(--gpBackground-LightSoft);
	transition: all 0.3s ease;
}

html.tablet .game_area_purchase_platform {
	height: 20px;
	margin-left: 5px;
}

html.tablet .game_area_purchase_game:focus-within {
	background: var(--gpBackground-LightMedium);
	transition: all 0.3s ease;
}

@media screen and (min-width: 1120px ) {
	html.tablet .game_area_purchase_game,
	html.tablet .game_area_offsite_purchase {
		padding: 24px;
	}
}





/* height restriction was cutting off the bottom, and needs bottom padding on small screens */
html.tablet .game_purchase_area_friends_want {
	height: unset;
	padding-bottom: 20px;
}

/* formatting for the "This game is already in your library" message */
html.tablet .game_area_already_owned.page_content {
	line-height: unset !important;
	display: flex;
	flex-direction: row;
	height: unset;
	padding: 5px 0px;
}
html.tablet .game_area_already_owned .already_in_library {
	font-size: 14px;
	white-space: normal;
	flex: 1;
	padding: 0px 5px;
}
html.tablet .game_area_already_owned .ds_owned_flag.ds_flag {
	top: unset;
	left: unset;
}

/* the free weekend button area is empty on mobile so remove the padding and height */
html.tablet .game_area_purchase_game.demo_above_purchase .game_purchase_action_bg,
html.tablet .game_area_purchase_game.free_weekend .game_purchase_action_bg {
	padding: 0px;
	height: 0px;
}
html.tablet .game_area_purchase_game.demo_above_purchase,
html.tablet .game_area_purchase_game.free_weekend {
	margin-bottom: 28px;
}

html.tablet .game_area_purchase_game .game_purchase_action,
html.tablet .game_area_comingsoon .game_purchase_action,
html.tablet .game_area_offsite_purchase .game_purchase_action {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	position: static;
	justify-content: flex-end;
	padding-top: 3px;
	width: 100%;
}
html.tablet .game_purchase_discount .discount_pct,
html.tablet .game_purchase_discount .bundle_base_discount {
	font-size: unset;
	color: var(--gpColor-GreenHi);
}
html.tablet #purchaseOptionsBanner_hidden {
	display: flex;
}
html.tablet .game_purchase_action_bg a {
	color: white !important;
}
html.tablet .game_purchase_action_bg {
	padding: 0px;
}


/* Hide margin at top of page */
html.tablet .responsive_page_template_content {
	padding-top: unset;
}



/* wishlist */
html.tablet #add_to_wishlist_area,
html.tablet #add_to_wishlist_area_success,
html.tablet #add_to_wishlist_area_fail {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
}
html.tablet #add_to_wishlist_area a,
html.tablet #add_to_wishlist_area_success a,
html.tablet #add_to_wishlist_area_fail a {
	width: 100%;
	text-align: center;
}

html.tablet #wishlistDropDown {
	display: none;
}

html.tablet #view_wishlist_btn.btnv6_blue_hoverfade {
	border-radius: var(--gpCorner-Medium);
}

html.tablet #view_wishlist_btn.btnv6_blue_hoverfade {
	background: var(--gpBackground-LightSoft);
}




/* button row below wishlist */
html.tablet .queue_actions_ctn {
	padding: 0px 24px !important;
}
html.tablet .queue_actions_ctn p {
	margin-bottom: 10px;
}
html.tablet #rowBtnActions {
	display: flex !important;
	flex-direction: row;
	width: 100%;
	justify-content: center;
}
html.tablet #shareBtn span,
html.tablet #reportBtn span {
	padding: 0px 10px;
}
html.tablet .queue_btn_follow,
html.tablet #shareBtn,
html.tablet #reportBtn {
	display: flex !important;
	margin-right: 4px;
	flex-grow: 1 !important;
}

html.tablet #queue_btn_ignore_menu {
	display: none;
}

html.tablet #reportBtn img, html.tablet #shareBtn img {
	filter: saturate(0) contrast(3) brightness(1) hue-rotate(0deg);
}

html.tablet .queue_btn_ignore > .btnv6_blue_hoverfade {
	border-radius: var(--gpCorner-Medium);
}



/* using a share img instead of 'share' text on desktop */
html.tablet #reportBtn img,
html.tablet #shareBtn img {
	vertical-align: middle;
	height: 16px;
	width: 16px;
	padding-bottom: 3px;
}
html.tablet #shareBtn a,
html.tablet #reportBtn a,
html.tablet #queueBtnFollow > div {
	width: 100%;
	text-align: center;
}



/* discovery queue */
html.tablet .queue_ctn {
	display: flex;
	flex-direction: column;
	margin-bottom: 7px;
	width: unset;
}
html.tablet .queue_controls_description {
	display: flex;
	flex-direction: column;
	margin: 5px 16px;
	width: unset;
}
html.tablet .next_in_queue_area {
	position: relative;
	align-content: center;
	max-width: unset;
	top: unset;
}

/* reduce font sizes in Early Access Game section */
html.tablet .early_access_header h1 {
	font-size: 18px;
}
html.tablet .early_access_header h2 {
	font-size: 16px;
	line-height: unset;
}
html.tablet .early_access_header .heading{
	font-size: 14px;
}
html.tablet .early_access_header #devnotes_expander {
	font-size: 14px;
}

/* use 20px top-margin for consistent spacing between description sections */
html.tablet .game_area_description {
	margin-top: 20px;
}

/* mobile uses an Awards banner which reveals the awards content when clicked */
html.tablet #awardsTable {
	padding-top: 0px;
}
html.tablet #AwardsDefault .game_page_autocollapse {
	max-height: unset !important;
}

/* clickable images in the MORE LIKE THIS and AWARDS sections */


html.tablet .game_description_column .block .block_content a .ds_steam_deck_compat {
	/* bottom: unset;
	top: 55px;
	left: 13px;
	background-color: var(--gpBackground-DarkMedium);
	backdrop-filter: blur(24px); */
	top: 12px;
	right: 12px;
}

/* Curators section uses the banner format on mobile and needs extra margin on top and bottom because it's by itself */
html.tablet #bannerCurators.responsive_banner_link {
	margin-top: 10px;
	margin-bottom: 30px;
}

/* 'ignore' button flyout position */
html.tablet .queue_menu_flyout {
	left: unset;
	right: 0px;
}


/* shown in purchase popup when game is not yet released */
html.tablet .wishlist_note {
	padding-bottom: 10px;
}

/* Reviews switch to using the responsive title */
html.tablet #reviews_filter_title {
	display: none !important;
}
html.tablet #reviews_filter_title_responsive {
	display: inline-block !important;
}
html.tablet #reviews_filter_title_responsive > img {
	height: 16px;
	padding-right: 7px;
}

/* Reviews filters are moved into a popup */
html.tablet .review_settings_popup_header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background-color: #1B2838;
	font-size: 16px;
}
html.tablet .review_settings_popup_content {
	padding: 5px;
	background-color: #1B2838;
}

/* remove horizontal borders */
html.tablet .review_ctn {
	border-top: unset;
}

html.tablet .reviews_info_ctn {
	border-bottom: unset;
	padding-bottom: 10px;
}

html.tablet .user_reviews_sub_header span {
	display: inline-block;
	padding-left: 0px;
}

/* top of the review details section showing the active filters */
html.tablet .user_reviews_active_filters {
	padding: 7px;
	margin: 10px 0px 0px 0px;
	background-color: var(--gpBackground-LightSoft);
	border-radius: var(--gpCorner-Medium);
}
html.tablet .user_reviews_active_filters .title {
	padding: 5px !important;
	justify-content: center;
}
html.tablet .user_reviews_active_filters img {
	vertical-align: middle;
	padding-bottom: 3px;
}

/* use smaller player avatar image in the review details */
html.tablet .review_box .playerAvatar,
html.tablet .review_box .playerAvatar img {
	height: 24px;
	width: 24px;
}
html.tablet .review_box .playerAvatar_friendindicator {
	display: none;
}
html.tablet .friend_reviews .review_box {
	border-left: unset;
	border-top: unset;
}
html.tablet .friend_reviews .review_box a.vote_header {
	width: unset;
}

html.tablet .review_box .review_award {
	background-color: #1B2838;
}

/* formatting for the avatar | name | products owned | number of reviews row
	which is parented by a div with class responsive_review_leftcol_ctn */
html.tablet .review_box .responsive_review_leftcol_ctn .leftcol {
	display: flex;
	flex-direction: row;
	float: none;
	margin-right: 8px;
	padding: 4px 0px 8px 0px;
	width: 100%;
	align-items: center;
	opacity: 1;
}
html.tablet .review_box:hover .responsive_review_leftcol_ctn .leftcol {
	opacity: 1;
}

html.tablet .review_box .responsive_review_leftcol_ctn .leftcol .num_owned_games,
html.tablet .review_box .responsive_review_leftcol_ctn .leftcol .num_reviews {
	padding: 0px 7px;
	align-items: center;
	height: 100%;
	word-wrap: normal;
}
html.tablet .review_box .responsive_review_leftcol_ctn .leftcol .persona_name {
	width: unset;
	flex-shrink: 1;
	padding-right: 7px;
}

/* 'Recommended/Not Recommended' row */
html.tablet .review_box .title.ellipsis {
	margin-bottom: 2px;
}

/* hours on record */
html.tablet .review_box .hours.ellipsis {
	font-size: 13px;
}

/* tooltips are annoying on mobile - worth considering hiding them all*/
html.tablet .review_box .review_source.tooltip {
	display: none;
}

/* posted date and purchase source are on the same row */
html.tablet .review_box .postedDate {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-right: 8px;
	font-size: 12px;
}
html.tablet .responsive_purchase_source {
	display: inline-block;
}

/* make the review detail header fit flush against the top border  */
html.tablet .review_box .rightcol {
	padding: 1px 0px 0px 0px;
}

/* review thumb up/down image */
html.tablet .responsive_voting_image {
	display: inline-block;
	padding-top: 4px;
	height: 26px;
	width: 26px;
}


/* hide div in the developer response section which only has nbsp as content and some padding*/
html.tablet .review_developer_response_container .leftcol {
	display: none;
}

/*
	The below styles are for content which is only used in responsive UX
*/

/* grid of developer, publisher, released data */
html.tablet .app_header_grid_container {
	display: inline-block !important;
	margin-top: 8px;
}
	html.tablet .app_header_grid_container .grid_label,
	html.tablet .app_header_grid_container .grid_content {
		font-size: 12px;
		float: left;
	}
	html.tablet .app_header_grid_container .grid_label {
		color: var(--gpStoreLightGrey);
		text-transform: none;
		margin-right: 5px;
	}
	html.tablet .app_header_grid_container .grid_content {
		margin-right: 8px;
	}
	html.tablet .app_header_grid_container .grid_label.grid_date {
		display: inline-block;
		clear: left;
	}
	html.tablet .app_header_grid_container .grid_content.grid_date {
		display: inline-block;
		color: var(--gpStoreLightGrey);
		max-height: 30px;
		overflow: hidden;
	}

/* new section for responsive UX called Links and Info
	existing content is moved here: achievements, game details, community link, ...
*/
html.tablet #appLinksAndInfoCtn {
	padding-top: 16px;
	display: block !important;
}




/* apply a right chevron to the right side of the element's background  */
html.tablet .responsive_chevron_right {
	background-image: url('/public/images//v6/chevron_right.png');
	background-repeat: no-repeat;
	background-position: calc(100% - 7px);
}

/* a plus image that changes to minus when section is expanded*/
html.tablet .expand_section {
	background-image: url('/public/shared/images//v6/icon_plus.svg');
	background-repeat: no-repeat;
	background-position: center;
	width: 16px;
	height: 16px;
	padding-right: 20px;
}
html.tablet .expand_section.expanded {
	background-image: url('/public/shared/images//v6/icon_minus.svg');
}

/* show summary of supported languages and expand it when clicked */
html.tablet #bannerAwards.responsive_banner_link,
html.tablet #bannerLanguages.responsive_banner_link {
	display: flex;
	flex-grow: 1;
	text-transform: none;
}
html.tablet #languageTable {
	margin-left: 10px;
	margin-right: 10px;
}
html.tablet #languageTable .game_language_options {
	width: 100%;
	margin-top: 10px;
}

html.tablet #writeReviewTable {
	display: none;
}

/* Container for the purchase options banner floating at the bottom */
html.tablet .responsive_purchase_options_ctn {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 1100;
}
html.tablet .purchase_options_empty_space {
	display: none;
	flex: 1;
	opacity: 0.7;
	background-color:black;
	width: 100%;
	touch-action: none;
}
html.tablet .purchase_options_banners {
	display: block;
	align-items: center;
	color: white !important;
	border-radius: 4px;
	touch-action: none;
}
html.tablet .purchase_options_banners > div {
	flex: 1;
	flex-direction: column;
	align-items: center;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 30px;
}


/* purchase options banner button styling */
html.tablet .purchase_options_banners .purchase_banner_link_discount {
	align-items: center;
	font-size: 16px;
}
html.tablet .purchase_options_banners .purchase_banner_link_starting_at {
	/* color: #8A97A0 !important; */
	flex: 1;
	font-size: 14px;
	padding-bottom: 5px;
}
html.tablet .purchase_options_banners .purchase_banner_link_close,
html.tablet .purchase_options_banners .purchase_banner_link_open {
	font-size: 16px;
	padding: 5px;
	width: 70%;
	border-radius: 2px;
}
html.tablet .purchase_options_banners .purchase_banner_link_open {
	background: #75B022;
}
html.tablet .purchase_options_banners .purchase_banner_link_close {
	background: #8A97A0;
}
html.tablet #purchaseOptionsBanner_visible {
	padding: 32px 0px 30px 0px;
}
html.tablet #purchaseOptionsBanner_hidden {
	border-top: 2px solid #111111;
}



/* Framework */
html.tablet #game_highlights,
html.tablet body.v6 .page_content {
	margin: 0;
	padding: 12px 24px;
	background-color: var(--gpBackground-DarkHard);
}

html.tablet .responsive_store_nav_ctn_spacer {
	height: 0px;
}



/* Discovery queue */
html.tablet .queue_ctn .queue_reason_description {
	font: var(--gpText-BodyLarge);
	color: unset;
	margin-bottom: 12px;
}

html.tablet .queue_ctn .queue_reason_description a {
	color: var(--gpColor-Blue);
}

html.tablet .queue_controls_description {
	margin: 0px var(--gpSpace-Gutter);
	padding: 12px;
	border-radius: var(--gpCorner-Medium);
	font: var(--gpText-BodyMedium);
	background: none;
	background-color: rgba( 196, 158, 82, 0.2 );
}

html.tablet #nextInDiscoveryQueue {
	margin: 0px var(--gpSpace-Gutter);
	border-bottom: 1px solid var(--gpBackground-LightMedium);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0px 16px;
}

html.tablet .queue_ctn .queue_settings_link_ctn.queue_reason_description {
	margin-right: unset;
	text-align: left;
}

html.tablet #nextInDiscoveryQueue .queue_reason_description {
	margin-bottom: 0px;
}

html.tablet .btn_next_in_queue {
	margin-right: unset;
	background: none;
	width: unset;
	height: unset;
	background-color: rgba( 196, 158, 82, 0.4 );
	margin: unset;
	padding: 10px 24px 10px 20px;
	border-radius: var(--gpCorner-Medium);
	clip-path: polygon(0px 0px, calc(100% - 12px) 0px, 100% 50%, calc(100% - 12px) 100%, 0px 100%, 0px 100%);
	transition: var(--gpTransition-Short);
}

html.tablet .btn_next_in_queue.gpfocus {
	color: white;
	background: #d89b29;
}

html.tablet .btn_next_in_queue.gpfocus span {
	color: white;
}

html.tablet .btn_next_in_queue .next_in_queue_content {
	padding: 0px;
}

html.tablet .btn_next_in_queue .next_in_queue_content br {
	display: none;
}

html.tablet .btn_next_in_queue span {
	font: var(--gpText-BodyLarge);
	font-weight: 400;
}

html.tablet .btn_next_in_queue span .queue_sub_text {
	text-transform: unset;
	font: var(--gpText-BodyMedium);
	font-weight: 400;
}




/* Carousel items */
html.tablet .highlight_carousel_item {
	box-shadow: var(--gpShadow-Medium);
}

html.tablet .carousel_container .screenshot_carousel_items {
	overflow-x: scroll;
	overflow-y: hidden;
	box-sizing: border-box;
	display: flex;
	max-height: unset;
	width: calc(100% + 48px);
	margin-left: -24px;
	padding: 8px 24px 24px;
	scroll-snap-type: x mandatory;
}

html.tablet .carousel_container .screenshot_carousel_items::after {
	content: "\00a0";
	min-width: 24px;
}

html.tablet .carousel_container .highlight_carousel_item {
	background-size: contain;
	background-repeat: no-repeat;
	height: auto;
	width: 86%;
	min-width: 86%;
	margin-right: var(--gpSpace-Gap);
	display: block;
	scroll-snap-align: center !important;
}

html.tablet .carousel_container .highlight_carousel_item:last-child {
	margin-right: 0px;
}







/* Purchase options */
.game_area_purchase_game,
.game_area_offsite_purchase {
	background: none;
	padding: 0;
	border-radius: 0;
	margin-bottom: 16px;
}

html.tablet .game_area_purchase_game_wrapper,
html.tablet .game_area_purchase_game.free_weekend {
	margin-bottom: 4px;
	box-shadow: unset;
}

.game_area_purchase_game.free_weekend {
	background: unset;
}

html.tablet .rightcol.game_meta_data .block {
	background: none;
}

html.tablet body.v6 .page_title_area.game_title_area.page_content {
	padding: 0px;
	background-color: unset;
}

html.tablet .saleEventBannerStyle:hover {
	filter: saturate(1.0);
	transform: unset;
}

html.tablet .free_weekend p {
	margin-bottom: 8px;
}

html.tablet .game_area_purchase_game_wrapper .ds_completetheset {
	box-shadow: unset;
	height: unset;
	color: white;
	border-radius: var(--gpCorner-Medium);
	padding: 0px 6px;
	top: -8px;
	right: 0px;
	left: unset;
}




/* Download demo */
html.tablet .game_area_purchase_game.demo_above_purchase {
	border-radius: 0px;
	box-shadow: unset;
	margin-bottom: 4px;
}

html.tablet .game_area_purchase_game.demo_above_purchase h1 {
	margin-bottom: 8px;
}

html.tablet .game_area_purchase_game.demo_above_purchase .game_purchase_action_bg,
html.tablet .game_area_purchase_game.free_weekend .game_purchase_action_bg {
	height: unset;
}




/* Pricing */
html.tablet .game_area_comingsoon {
	box-shadow: unset;
}

html.tablet .game_area_purchase_game {
	margin-bottom: 4px;
}

html.tablet .game_area_purchase_game .game_purchase_action,
html.tablet .game_area_comingsoon .game_purchase_action,
html.tablet .game_area_offsite_purchase .game_purchase_action {
	justify-content: unset;
	flex-direction: unset;
	flex-wrap: unset;
	display: inline-block;
	margin-top: 0px;
	padding-top: 0px;
	display: grid;
	gap: 8px;
}

html.tablet .game_purchase_action_bg {
	display: grid;
	gap: 12px;
	height: auto;
	background: none;
	margin-left: unset;
}

html.tablet .game_area_purchase_game_wrapper .game_area_purchase_game h1 {
	margin-bottom: 6px;
	font: var(--gpText-BodyLarge);
}
html.tablet .game_purchase_discount_countdown_pricehistorygrid {
    flex-direction: column;
}
html.tablet .game_purchase_discount_countdown_pricehistorygrid .history_ttip {
    display: none;
}
html.tablet .game_purchase_price_history {
    margin-right: 0;
}
html.tablet .game_purchase_price_history td {
    padding-right: 8px;
}

html.tablet .game_area_purchase_game.free_weekend .game_purchase_action_bg {
	height: unset;
}

html.tablet .btn_addtocart,
html.tablet .btn_green_steamui,
html.tablet .btn_blue_steamui {
	width: 100%;
	box-sizing: border-box;
}

.game_purchase_discount {
	height: unset;
}

.game_purchase_action_bg > * {
	margin-left: unset;
}

html.tablet .game_purchase_discount .discount_pct, html.tablet .game_purchase_discount .bundle_base_discount {
	background: unset;
	height: unset;
	line-height: unset;
	padding-left: 0px;
	margin-left: 0px;
	font-weight: 700;
}

html.tablet .game_purchase_discount .discount_prices {
	display: flex;
	position: unset;
	vertical-align: unset;
	height: unset;
	align-items: center;
}

html.tablet .discount_block .discount_prices {
	display: flex;
	flex-direction: row;
	vertical-align: unset;
	text-align: unset;
	background: unset;
}

html.tablet .game_purchase_action_bg .discount_block {
	margin-bottom: 0px;
}

html.tablet .game_purchase_discount .discount_original_price {
	position: relative;
	left: unset;
	right: unset;
	top: unset;
	font-size: unset;
}

html.tablet .game_area_purchase_game .discount_final_price {
	font-weight: 700 !important;
}

html.tablet .game_purchase_discount .discount_final_price {
	padding: unset;
	color: white;
}

html.tablet .discount_block {
	display: flex;
	align-items: center;
	flex-direction: row;
	margin-bottom: 4px;
}

html.tablet .game_purchase_discount .discount_original_price,
html.tablet .game_purchase_discount .discount_final_price,
html.tablet .discount_block {
	font: var(--gpText-BodyLarge);
}

html.tablet .game_purchase_price {
	background: unset;
	font-size: unset;
	font: var(--gpText-BodyLarge);
	padding: unset;
	height: unset;
	text-align: left;
	color: white;
	font-weight: 700;
	white-space: initial;
}

html.tablet .discount_block.game_purchase_discount.no_discount .discount_final_price {
	line-height: unset;
}

html.tablet .discount_block .bundle_base_discount {
	color: var(--gpColor-Green);
	opacity: 0.6;
}




/* Hide now broadcasting */
html.tablet .broadcast_embed_top_ctn_trgt {
	display: none;
}

html.tablet .video_placeholder_trgt {
	display: none;
}




/* VR notice */
html.tablet .notice_box_content {
	border: 2px solid var(--gpColor-Orange);
	border-radius: var(--gpCorner-Large);
	margin-bottom: 12px;
	color: unset;
	padding: 8px 12px;
	width: auto;
}

html.tablet .notice_box_content b {
	font-weight: 700;
	color: var(--gpColor-Orange);
}




/* Purchase options groups and dropdown */
body.v6 .game_area_purchase h2.package_group {
	margin-bottom: 12px;
}

html.tablet .game_area_purchase_game_dropdown_right_panel {
	height: unset;
	position: unset;
	bottom: unset;
	right: unset;
}

html.tablet .game_area_purchase_not_refundable, .game_area_purchase_custom_cart_credit {
	height: unset;
	padding: unset;
	text-align: left;
	color: var(--gpStoreLightGrey);
	font: var(--gpText-BodySmall);
	background: unset;
	margin-top: 4px;
}

html.tablet .game_area_purchase_game a {
	color: unset;
	/* width: 100%; */
	box-sizing: border-box;
}

html.tablet .game_area_purchase_not_refundable a {
	color: unset;
}

html.tablet .game_area_purchase_game_dropdown_selection {
	background: unset;
	border: none;
	border-radius: var(--gpCorner-Large);
	transition: all 0.1s ease;
	padding: 8px 8px 8px 12px;
	float: unset;
	height: unset;
	display: flex;
	align-items: center;
	justify-content: space-between;
	white-space: normal;
	font: var(--gpText-BodyLarge);
	background: var(--gpBackground-LightMedium);
}

html.tablet .game_area_purchase_game_dropdown_selection:hover {
	/* border: 1px solid white; */
	background: var(--gpBackground-LightHard);
}

html.tablet .game_area_purchase_game_dropdown_selection.gpfocus {
	border-radius: 0px;
	background: white;
	color: black;
}

html.tablet .game_area_purchase_game_dropdown br, html.tablet .game_area_purchase_game_dropdown_subscription br { /*hide inline BR*/
	display: none;
}

html.tablet .game_area_purchase_game_dropdown_description {
	padding: 0px 0px 12px 0px;
}

html.tablet .game_area_purchase h2.package_group {
	margin-top: 12px;
}



/* Purchase option bundles */
html.tablet .bundle_label {
	font: var(--gpText-BodyLarge);
	font-weight: 400;
}



/* DLC content puchase options */
html.tablet #gameAreaDLCSection h2 {
	display: grid;
	gap: 8px;
	justify-content: unset;
}

html.tablet h2 span.note {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	border: unset;
	border-radius: unset;
	padding: unset;
	float: unset;
}

html.tablet h2 span.note a {
	border: none;
	border-radius: var(--gpCorner-Large);
	transition: all 0.1s ease;
	padding: 8px;
	text-align: center;
	font: var(--gpText-BodyLarge);
	background: var(--gpBackground-LightMedium);
}

html.tablet h2 span.note a:hover {
	background: var(--gpBackground-LightHard);
}
html.tablet h2 span.note a.gpfocus {
	background: white;
	color: black;
	border-radius: 0px;
}
html.tablet h2 span.note a.gpfocus em {
	color: black;
}

html.tablet .game_area_dlc_price {
	padding-right: unset;
	font-size: unset;
}

html.tablet .game_area_dlc_name {
	font-size: unset;
	color: var(--gpStoreLightestGrey);
}

html.tablet .game_area_dlc_row.odd,
html.tablet .game_area_dlc_row.even {
	background: unset;
	background-color: var(--gpBackground-LightSofter);
	margin: 2px 0px;
}

html.tablet .game_area_dlc_row {
	padding: 4px 8px !important; /* overriding important */
	font: var(--gpText-BodyMedium);
	transition: all 0.1s ease;
	border-radius: var(--gpCorner-Medium);
}

html.tablet .game_area_dlc_row:hover,
html.tablet .game_area_dlc_row.gpfocus {
	background-color: var(--gpBackground-LightSoft);
}

html.tablet .discount_block_inline .discount_prices {
	padding: unset;
}

html.tablet .game_area_dlc_row .discount_block_inline .discount_final_price {
	font-size: unset;
	color: white;
}

html.tablet .game_area_dlc_row .discount_block_inline {
	font: var(--gpText-BodyMedium);
}

html.tablet .game_area_dlc_row .discount_block_inline .discount_pct {
	background: unset;
}

html.tablet .game_area_dlc_row .discount_block_inline .discount_pct {
	color: var(--gpColor-GreenHi);
	padding: unset;
}

html.tablet #dlc_purchase_action {
	float: unset;
	margin-top: 8px;
}

html.tablet .game_area_purchase_game p.package_contents, .game_area_offsite_purchase p.package_contents {
	color: unset;
}

html.tablet .game_area_purchase_game p.package_contents {
	display: flex;
	flex-direction: column;
}

html.tablet .bundle_contents_preview {
	margin: 8px 0px;
	background: var(--gpBackground-DarkHard);
	border-radius: var(--gpCorner-Medium);
}

html.tablet #dlc_footer {
	display: flex;
	flex-direction: column-reverse;
	margin: unset;
	text-transform: unset;
}

html.tablet #dlc_footer div.dlc_footer_element {
	padding: 4px 0px;
	font: var(--gpText-BodyMedium);
	color: var(--gpStoreLightGrey);
}

html.tablet .pulldown {
	padding: 8px 12px;
	border-radius: 2px;
	font: var(--gpText-BodyMedium);
	color: var(--gpStoreLightestGrey);
}




/* Bundle info */
html.tablet .bundle_base_discount {
	display: none;
}

html.tablet .discount_block.no_discount .bundle_base_discount {
	color: unset;
	color: var(--gpColor-GreenHi);
	border-right: unset;
}

html.tablet .discount_block.game_purchase_discount.no_discount .discount_final_price.your_price {
	display: flex;
	font-size: unset;
	font: var(--gpText-BodyLarge);
}

html.tablet .discount_block.game_purchase_discount.no_discount .discount_final_price.your_price div {
	font: var(--gpText-BodyLarge);
	font-weight: 700;
}

html.tablet .discount_block.game_purchase_discount.no_discount .discount_final_price.your_price .your_price_label {
	margin-right: 4px;
	font-weight: 400;
}




/* Coming soon block */
html.tablet .game_area_comingsoon .not_yet {
	font: var(--gpText-BodyMedium);
	color: var(--gpStoreLightestGrey);
}

html.tablet .game_area_comingsoon .content {
	padding-bottom: 0px;
}

html.tablet .game_area_comingsoon .wishlist_add_reminder {
	height: unset;
	color: unset;
	flex-direction: column;
}

html.tablet .game_area_comingsoon .wishlist_add_reminder .wishlist_note {
	color: var(--gpStoreLightestGrey);
	font: var(--gpText-BodyMedium);
	padding-top: 12px;
	margin-top: 0px;
	border-top: 1px solid var(--gpBackground-LightMedium);
}

html.tablet #add_to_wishlist_area2 {
	background: unset;
	padding-top: 0px;
}

html.tablet .game_area_comingsoon h1 {
	font: var(--gpText-HeadingSmall);
	line-height: 1.2;
	margin-top: 4px;
	max-height: 42px;
}





/* Purchase option bubbles */
html.tablet .game_area_bubble {
	margin-bottom: 16px;
	border-radius: var(--gpCorner-Medium);
}

html.tablet .game_area_bubble .content {
	padding: 12px 16px;
	color: white;
}

html.tablet .game_area_bubble .content p {
	opacity: 0.8;
}

html.tablet .game_area_bubble .content p a {
	color: unset;
}

html.tablet .game_area_bubble .content h1 {
	font-weight: 700;
}

html.tablet .game_area_dlc_bubble {
	background: linear-gradient(135deg,  #884a86 10%,rgba(165,84,177,0.8) 100%);
}



/* Heading dividers */
html.tablet #aboutThisGame h2:not(h2.bb_tag),
html.tablet #app_reviews_hash h2 {
	border-top: 1px solid #54748C66;
	padding-top: var(--gpSpace-Gutter);
	display: block;
}




/* Game advertisement */
html.tablet .responsive_page_header_img, .saleEventBannerLink {
	display: flex !important;
	margin-bottom: unset;
	box-shadow: var(--gpShadow-Medium);
}

html.tablet .saleEventBannerLink {
	margin-bottom: 12px;
}




/* Review summary */
.game_review_summary.positive {
	color: var(--gpColor-ChalkyBlue);
}



/* Game is in your library */
body.v6 .game_area_already_owned.page_content {
	background: none;
	align-items: center;
}

html.tablet .game_area_already_owned .already_in_library {
	font: var(--gpText-BodyLarge);
}



/* Write a review */
html.tablet .game_area_play_stats {
	margin: 0px;
	padding: 0px 24px;
	background: var(--gpBackground-DarkHard);
}

html.tablet .already_owned_actions {
	padding-top: 16px;
}

html.tablet #review_create,
html.tablet #recommendation_success {
	border: 1px solid var(--gpBackground-LightSoft);
	padding: 16px;
	margin-top: 16px;
}

html.tablet #review_create h1,
html.tablet #recommendation_success .reviewDate {
	border-top: unset;
	font: var(--gpText-HeadingSmall);
	font-weight: 500;
	color: white;
	padding-top: unset;
	margin-bottom: 8px;
}

html.tablet #review_create p#review_describe br {
	display: none;
}

html.tablet #review_create p {
	font: var(--gpText-BodyMedium);
}

html.tablet #review_create .avatar {
	width: 48px;
	height: 48px;
	padding: 2px;
}

html.tablet #review_create .avatar > img {
	width: 100%;
	height: 100%;
	padding: 4px;
	box-sizing: border-box;
}

html.tablet #my_activity .details_block {
	font: var(--gpText-BodyMedium);
	color: var(--gpStoreLighterGrey);

}

html.tablet #my_activity .details_block a {
	font: var(--gpText-BodyMedium);
	color: var(--gpColor-Blue);
}

html.tablet #my_activity .hours_played {
	margin-top: 0px;
}

html.tablet #review_create .input_box {
	resize: none;
	height: 80px;
	width: 100%;
}

html.tablet .review_controls_right {
	padding-right: 0px;
}

html.tablet #review_create .review_controls_left {
	margin-top: 12px;
}

html.tablet .review_control_didyouenjoy {
	margin-bottom: 8px;
}

html.tablet .dropcontainer ul#ReviewLanguage_droplist,
html.tablet .dropcontainer ul#ReviewVisibility_droplist {
	right: 0px;
	left: 0px;
}





/* Friend wants this */
html.tablet .game_purchase_area_friends_want {
	background-color: var(--gpBackground-LightSoft);
	padding: 12px 16px;
	display: flex;
	column-gap: 12px;
	font: var(--gpText-BodySmall);
	color: var(--gpStoreLighterGrey);
}

html.tablet .game_purchase_area_friends_want a {
	color: white;
}

html.tablet .game_purchase_area_friends_want .gift_icon {
	position: unset;
}

html.tablet .game_purchase_area_friends_want .gift_instructions {
	padding: unset;
}

/* A member of family owns this game */
html.tablet .game_purchase_area_owned_by_family {
	background-color: var(--gpBackground-LightSoft);
	padding: 12px 16px;
	margin-bottom: 1px;
	display: flex;
	align-items: center;
	column-gap: 12px;
	font: var(--gpText-BodySmall);
	color: var(--gpStoreLighterGrey);
	border-radius: 0px;
}

html.tablet .game_purchase_area_owned_by_family .family_icon {
	position: unset;
}

html.tablet .game_purchase_area_owned_by_family .family_info {
	padding: unset;
}

/* Write a review settings */
html.tablet #writeReviewTable .review_controls .controlblock.formattinghelp {
	display: none;
}

html.tablet #writeReviewTable .controlblock,
html.tablet #writeReviewTable label {
	font: var(--gpText-BodyMedium);
}

html.tablet #writeReviewTable {
	margin-top: 12px;
	padding-bottom: 4px;
	border-bottom: 1px solid var(--gpBackground-LightSofter);
}

html.tablet #writeReviewTable .review_controls {
	padding: unset;
	background-color: unset;
	display: flex;
	flex-direction: column;
}

html.tablet #writeReviewTable .controlblock {
	padding: 4px 0px;
	margin-right: unset;
	display: flex;
	align-items: center;
}

html.tablet #writeReviewTable .review_received_comp {
	margin-top: unset;
}

html.tablet #writeReviewTable .review_received_comp label a {
	display: none;
}

html.tablet #review_create .content .controls .dselect_container {
	margin-top: unset;
}

#review_create .content .controls .dselect_container a.trigger {
	padding: 10px 12px;
}

html.tablet #writeReviewTable .has_dselect {
	justify-content: space-between;
}

html.tablet #writeReviewTable .dselect_container {
	width: 50%;
}

html.tablet .review_submit_ctn {
	width: 100%;
	margin-top: 8px;
	clear: unset;
	float: unset;
}

html.tablet .review_submit_ctn a {
	width: 100%;
	float: unset;
	box-sizing: border-box;
}

html.tablet body.v6 .game_area_already_owned {
	padding-bottom: 0px;
}

html.tablet .game_area_already_owned_ctn {
	display: flex;
	gap: 6px;
	align-items: center;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--gpBackground-LightSoft);
	width: 100%;
	flex-direction: row-reverse;
}

html.tablet .game_area_already_owned_ctn .already_in_library {
	padding: 0px;
}



/* Write a review success */
html.tablet #recommendation_success .review_box {
	background-color: var(--gpBackground-LightSofter);
}

html.tablet .recommendation_area .reviewPostedDescription {
	color: var(--gpStoreLighterGrey);
}

html.tablet #recommendation_success .review_posted_ctn {
	display: flex;
	margin-top: 16px;
	gap: 12px;
}

html.tablet #recommendation_success .review_box .thumb {
	margin: unset;
}

html.tablet #recommendation_success .review_box .reviewPostedDescription {
	margin: unset;
}



/* Links */
#game_highlights a {
	color: var(--gpColor-Blue);
}



/* Tags */
html.tablet .details_block a.linkbar,
html.tablet .responsive_banner_link,
html.tablet .user_reviews,
html.tablet .purchase_options_banners,
html.tablet .glance_tags_ctn .glance_tags .app_tag {
	background-color: var(--gpBackground-LightSoft);
	border-radius: var(--gpCorner-Medium);
	color: var(--gpColor-Blue);
	transition: all 0.1s ease;
}

html.tablet .details_block a.linkbar.gpfocus,
html.tablet .responsive_banner_link.gpfocus,
html.tablet .user_reviews.gpfocus,
html.tablet .purchase_options_banners.gpfocus,
html.tablet .glance_tags_ctn .glance_tags .app_tag.gpfocus {
	background-color: var(--gpBackground-LightHard);
	border-radius: 0px;
	color: white !important;
}




/* Features */
html.tablet #category_block {
	margin-top: 4px;
	margin-bottom: 12px;
}

html.tablet .game_area_details_specs_ctn {
	background: none;
	border-radius: var(--gpCorner-Medium);
	margin-bottom: 0px;
	transition: all 0.1s ease;
}

html.tablet .game_area_details_specs_ctn .label {
	color: var(--gpColor-Blue);
	background: unset;
	font: var(--gpText-BodyMedium);
	padding: 4px 8px;
	transition: all 0.1s ease;
}

html.tablet .game_area_details_specs_ctn:hover {
	background: var(--gpBackground-LightSoft);
}

html.tablet .game_area_details_specs_ctn.gpfocus {
	background: var(--gpBackground-LightSoft);
	border-radius: 0px;
}

html.tablet .game_area_details_specs_ctn:hover .label {
	color: white;
}

html.tablet .game_area_details_specs_ctn.gpfocus .label {
	color: white;
}




html.tablet #bannerLanguages.responsive_banner_link {
	background: var(--gpBackground-LightSoft);
	border-radius: var(--gpCorner-Medium);
	color: var(--gpColor-Blue);
}

html.tablet #userReviews_responsive {
	background: unset;
	padding: 0px;
	margin-bottom: var(--gpSpace-Gutter);
	padding: 8px 8px 6px 12px;
	transition: background-color 0.2s ease;
	background-color: var(--gpBackground-LightSofter);
	border-radius: var(--gpCorner-Medium);
}

html.tablet #userReviews_responsive.gpfocus {
	background-color: var(--gpBackground-LightMedium);
	border-radius: 0px;
}

html.tablet #appReviewsAll_responsive, html.tablet #appReviewsRecent_responsive {
	padding: 0px 0px 4px 0px;
}

html.tablet .game_area_details_specs a {
	color: var(--gpColor-Blue);
}

html.tablet .responsive_banner_link_title {
	border-radius: var(--gpCorner-Medium);
	color: var(--gpColor-Blue);
	transition: 0.1s all ease;
}

html.tablet .responsive_banner_link_title:hover,
html.tablet .responsive_banner_link.gpfocus .responsive_banner_link_title {
	color: white;
}

#bannerLanguages .responsive_banner_link_title {
	background: unset;
}




/* Reviews */
html.tablet .glance_ctn .user_reviews {
	font: var(--gpText-BodyMedium);
}






/* Notice */
html.tablet .DRM_notice {
	border-radius: var(--gpCorner-Medium);
	padding: 8px 12px;
	color: #e1c48a;
	margin-top: 8px;
	line-height: unset;
}

html.tablet .DRM_notice a {
	color: white !important;
}

html.tablet .anticheat_nonkernel_notice {
	border-radius: var(--gpCorner-Medium);
	padding: 8px 12px;
	margin-top: 8px;
	line-height: unset;
}




/* Franchise notice */
html.tablet .franchise_notice {
	text-shadow: unset;
	box-shadow: unset;
	border-radius: var(--gpCorner-Medium);
}

html.reponsive .franchise_notice:hover .franchise_highlight {
	box-shadow: unset;
}

html.tablet .franchise_notice .franchise_highlight {
	box-shadow: unset;
	background: var(--gpBackground-LightSoft);
}




/* Links and info */
.game_page_autocollapse_ctn.collapsed .game_page_autocollapse_fade {
	display: none;
}

html.tablet .game_page_autocollapse {
	max-height: unset !important; /*needed to override inline html style*/
}

html.tablet .block a.linkbar {
	background: var(--gpBackground-LightSoft);
	border-radius: var(--gpCorner-Medium);
	padding: 8px 12px;
	color: var(--gpColor-Blue);
	font: var(--gpText-BodyMedium);
	transition: all 0.1s ease;
}

html.tablet .block a.linkbar:hover {
	background: var(--gpBackground-LightMedium);
	color: white;
}

html.tablet .details_block a {
	font-weight: unset;
}



/* Sign in queue */
html.tablet .game_background_glow {
	padding-bottom: unset;
}

html.tablet .queue_ctn {
	background: var(--gpBackground-DarkHard);
	margin-bottom: 0px;
	gap: 8px;
}




/* Curator review */
html.tablet .referring_curator_ctn {
	margin: unset;
}

html.tablet .referring_curator_ctn .referring_curator {
	border: 1px solid var(--gpBackground-LightSoft);
	background: unset;
	margin: unset;
	box-shadow: unset;
	border-radius: var(--gpCorner-Large);
}

html.tablet .referring_curator .avatar,
html.tablet .referring_curator .avatar img {
	border-radius: var(--gpCorner-Medium);
}

html.tablet .referring_curator .blurb {
	font-weight: 400;
}

html.tablet .referring_curator .blurb .review_title {
	font: var(--gpText-BodyLarge);
	text-transform: unset;
	letter-spacing: unset;
}

html.tablet .referring_curator .blurb p {
	margin-bottom: 12px;
	color: var(--gpStoreLightestGrey);
	line-height: 1.4;
}

html.tablet .referringSteamCurator,
html.tablet .referringSteamCurator .curator_review_date,
html.tablet .referringSteamCurator a {
	color: var(--gpStoreLighterGrey);
}



/* Notice box */
html.tablet .notice_box_content_blue_box {
	background: var(--gpBackground-LightSoft);
	color: unset;
}

html.tablet .notice_box_content_blue_box b {
	font-size: unset;
	font-weight: 500;
}



/* Bundle contents preview */
html.tablet .bundle_contents_preview_position {
	scroll-snap-type: x mandatory;
	overflow-x: scroll;
}

html.tablet .bundle_contents_preview_position a.gpfocus {
	z-index: 99 !important;
}



/* Recent events and announcements */
html.tablet body.v6 .early_access_announcements h2 {
	margin-bottom: 16px;
}

html.tablet .game_description_column {
	margin-top: 16px;
}

/* Hide iFrames */
html.tablet .game_description_column p iframe {
	display: none;
}

html.tablet .localdateandtime_DateAndTime_2V6GL,
html.tablet .localdateandtime_DateAndTime_2V6GL span {
	font: var(--gpText-BodySmall);
}

html.tablet .partnereventwebrowembed_LatestUpdateButton_1TRFt {
	padding: 8px 12px;
	border-radius: var(--gpCorner-Large);
	font: var(--gpText-BodyLarge);
	transition: all 0.1s ease;
}

html.tablet .partnereventwebrowembed_LatestUpdateIcon_mq3RO {
	display: none;
}

html.tablet .eventrow_OtherEvents_EventCtn_1MwNf {
	border-radius: 0px;
	box-shadow: var(--gpShadow-Medium);
}

html.tablet .eventrow_OtherEvents_EventCtn_1MwNf.eventrow_HorizontalEvent_1ruRS {
	background: var(--gpBackground-LightSoft);
	box-shadow: unset;
	border-radius: var(--gpCorner-Medium);
}

html.tablet .eventrow_OtherEvents_EventCtn_1MwNf.eventrow_HorizontalEvent_1ruRS .eventrow_HorizontalTitle_B9-wl {
	font-size: unset;
	color: var(--gpStoreLightestGrey);
	font-weight: 400;
}




/* Game description */
html.tablet .game_description_column {
	color: unset;
}

html.tablet body.v6 .game_area_description h2.bb_tag {
	text-transform: lowercase;
	color: var(--gpStoreLighterGrey);
	font: var(--gpText-BodyLarge);
	font-weight: 700;
	margin-top: unset;
}

html.tablet body.v6 .game_area_description h2.bb_tag:first-letter {
	text-transform: uppercase;
}

html.tablet .game_area_description ul {
	color: unset;
}

html.tablet .game_area_description img {
	margin: 12px 0px;
	/* float: left; */
}

html.tablet .game_area_description a {
	display: inline-flex;
}




/* System requirements */
html.tablet .sys_req {
	display: none;
}



/* Content requires base game */
html.tablet .glance_details {
	border: 1px solid var(--gpBackground-LightSoft);
	padding: 8px 12px;
	margin-bottom: 12px;
}

html.tablet .glance_details a {
	display: inline-flex;
}

html.tablet .glance_details p {
	margin-bottom: 8px;
	font: var(--gpText-BodyMedium);
}




/* Legal */
#game_area_legal {
	color: var(--gpStoreLightGrey);
	font: var(--gpText-BodySmall);
}

#game_area_legal a {
	color: var(--gpColor-Blue);
}





/* Sliders */
html.tablet .block_header {
	margin-bottom: 8px;
}

html.tablet #recommended_block .block_header .right {
	margin-right: unset;
}

html.tablet .slider_ctn {
	display: none !important; /* overriding inline style */
}

html.tablet .block_responsive_horizontal_scroll.block_content {
	scroll-snap-type: x mandatory;
	margin: 0px calc(0px - 24px);
	padding: 0px 24px;
	scroll-padding: 0px 24px;
	width: calc(100% + (24px * 2));
	box-sizing: border-box;
	display: flex;
}

html.tablet .block_responsive_horizontal_scroll.block_content::after {
	content: "\00a0";
	min-width: 24px;
}

html.tablet .game_description_column .block .block_content a {
	border:unset;
	background: var(--gpStoreDarkestGrey);
	margin: 8px 8px 8px 0;
	padding: 8px;
	height: auto;
	scroll-snap-align: start;
	box-shadow: var(--gpShadow-Medium);
}

html.tablet .game_description_column .block .block_content a h4 {
	color: white;
}

html.tablet .store_horizontal_autoslider_ctn {
	overflow: unset;
	height: auto !important; /* to override inline style */
}

html.tablet .game_description_column .block .block_header .right a {
	background-color: unset;
	border-radius: var(--gpCorner-Large);
	border: 1px solid #FFFFFF52;
	transition: all 0.2s ease;
	font: var(--gpText-BodyMedium);
	color: white;
	padding: 4px 8px;
	margin-top: -8px;
}

html.tablet .game_description_column .block .block_header .right a:hover {
	background: unset;
	border: 1px solid white;
}

html.tablet .game_description_column .block .block_header .right a.gpfocus {
	background: var(--gpBackground-LightMedium);
	border-radius: 0px;
}




/* Game relevance */
html.tablet .block.recommendation_reasons, .block.recommendation_reasons p {
	color: unset;
}

html.tablet .block.recommendation_reasons a {
	color: var(--gpColor-Blue);
}

html.tablet .block.recommendation_reasons .similar_recent_apps_container > a {
	font-size: unset;
	padding: 8px;
	background: var(--gpStoreDarkestGrey);
	margin-right: 8px;
	position: relative;
}

html.tablet .similar_recent_apps_container {
	margin: 6px 0px
}

html.tablet .recommendation_reasons {
	border: 1px solid var(--gpBackground-LightSoft);
	border-radius: var(--gpCorner-Large);
	margin: unset;
	margin-bottom: 24px;
	padding: 16px 0px 8px 32px !important;
}

html.tablet .responsive_apppage_details_right.heading {
	margin-bottom: 12px;
}

html.tablet .friend_blocks_grid {
	margin-bottom: unset;
}



/* Merchandise */
html.tablet .merchandise_ctn a {
	display: inline-flex;
}




/* Customer reviews */
html.tablet #reviews_active_filters {
	display: none; /* hide filters on deck until optimised */
}

html.tablet .review_box {
	background: var(--gpStoreDarkestGrey);
	padding: 16px;
	margin-bottom: 6px;
}

html.tablet .review_box .rightcol .vote_header {
	background: unset;
	height: unset;
	padding: 0px;
	margin-top: 0px;
}

html.tablet .review_box .vote_header .title {
	color: unset;
	font-weight: 600;
}

html.tablet .review_box .hours.ellipsis {
	font: var(--gpText-BodySmall);
	color: var(--gpStoreLighterGrey);
}

html.tablet .user_reviews_sub_header,
html.tablet .user_reviews_sub_header span {
	letter-spacing: unset;
	text-transform: unset;
	font: var(--gpText-BodyMedium);
	font-weight: 400;
}

html.tablet .user_reviews_sub_header {
	margin-bottom: 4px;
}

html.tablet .user_reviews_sub_header span {
	color: var(--gpStoreLighterGrey);
}

html.tablet .review_developer_response_container,
html.tablet .review_box .responsive_review_leftcol_ctn,
html.tablet .review_box .postedDate,
html.tablet .review_box .content,
html.tablet .review_box .shortcol .control_block,
html.tablet .review_box .rightcol .control_block,
html.tablet .review_box .shortcol .vote_info,
html.tablet .review_box .rightcol .vote_info,
html.tablet .review_box .review_award_ctn,
html.tablet .review_box .receivedCompensation {
	padding: 0px;
	margin: 0px;
}

html.tablet .review_box .short_header {
	background: none;
}

html.tablet .review_box.short .shortcol {
	padding-left: unset;
}

html.tablet .review_box .review_award,
html.tablet .review_box .btnv6_grey_black {
	padding: 6px;
	border-radius: var(--gpCorner-Medium);
	margin: 0px 4px 0px 0px;
	background: var(--gpBackground-LightSoft);
}

html.tablet #reviews_active_filters .active_filter {
	border: 1px solid var(--gpBackground-LightHard);
	border-radius: var(--gpCorner-Large);
	background-color: unset;
}

html.tablet .review_box .hr {
	/* margin: 12px 0px; */
	display: none;
}

html.tablet .review_box .content {
	font: var(--gpText-BodyLarge);
	color: var(--gpStoreLighterGrey);
	font-weight: 400;
}

html.tablet .review_box .review_was_helpful,
html.tablet .review_box .vote_info {
	font: var(--gpText-BodyMedium);
	color: var(--gpStoreLightGrey);
	font-weight: 400;
	opacity: 1;
}

html.tablet .review_box.partial .content .gradient {
	background: -webkit-linear-gradient( top, rgba( 16,21,30,0) 5%, var(--gpStoreDarkestGrey));
}

html.tablet .responsive_review_leftcol_ctn {
	opacity: 1;
}

html.tablet .responsive_review_leftcol_ctn .persona_name a,
html.tablet .responsive_review_leftcol_ctn .num_owned_games a,
html.tablet .responsive_review_leftcol_ctn .num_reviews a {
	font: var(--gpText-BodyMedium);
	color: var(--gpColor-Blue);
}

html.tablet .responsive_review_leftcol_ctn .num_owned_games,
html.tablet .responsive_review_leftcol_ctn .num_reviews {
	border-left: 1px solid var(--gpBackground-LightSoft);
}

html.tablet .review_box.partial .content {
	max-height: 80px;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

html.tablet .vote_button_ctn {
	padding: 4px 0px;
}

html.tablet .review_box.partial .view_more {
	margin-right: unset;
	display: flex;
}

html.tablet .review_box.partial .view_more a {
	font: var(--gpText-BodyMedium);
	color: var(--gpStoreLighterGrey);
	padding: 3px 8px;
	background: var(--gpBackground-LightSofter);
	border-radius: var(--gpCorner-Medium);
	text-transform: unset;
	transition: all 0.2s ease;
}

html.tablet .review_box.partial .view_more a:hover,
html.tablet .review_box.partial .view_more a.gpfocus {
	color: var(--gpStoreLightestGrey);
	background: var(--gpBackground-LightHard);
}

html.tablet .review_box.partial .view_more a.gpfocus {
	border-radius: 0px;
}


html.tablet .review_control_ctn {
	/* display: none; */
}

html.tablet .review_box .review_content_summary:focus-within .review_control_ctn {
	display: block;
}

html.tablet .review_award_ctn {
	display: flex;
	column-gap: 8px;
	flex-wrap: wrap;
}

html.tablet .review_box .review_award_ctn {
	margin-top: 12px;
}

html.tablet .review_award_ctn .review_award {
	margin: unset;
}




/* Report bugs and leave feedback */
html.tablet .early_access_banner {
	background: var(--gpStoreDarkestGrey);
	height: unset;
}

html.tablet .early_access_banner > .img {
	background-image: url(/store/public/images/v6/icon_bug.png);
	background-size: cover;
	width: 36px;
	height: 36px;
	left: 8px;
	top: 8px;
}

html.tablet .early_access_banner p {
	color: var(--gpStoreLightestGrey);
}

html.tablet .early_access_banner a {
	border: 1px solid white;
	background: unset;
	color: white;
}




/* Early access game */
html.tablet .early_access_header {
	border: unset;
	margin-bottom: 0px;
}

html.tablet .early_access_header .heading {
	padding: 12px 12px;
	background: var(--gpColor-DustyBlue);
}

html.tablet .early_access_header .heading h2,
html.tablet .early_access_header .heading p {
	font: var(--gpText-BodyMedium);
	line-height: 1.3;
	color: white;
	letter-spacing: unset;
	opacity: 0.8;
}

html.tablet .early_access_header .heading h1 {
	font: var(--gpText-BodyLarge);
	font-weight: 700;
}

html.tablet .early_access_header .inset {
	text-shadow: unset;
}

html.tablet .early_access_header .heading p {
	margin: 4px 0px 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

html.tablet .early_access_header .heading p span {
	font-weight: 600;
}

html.tablet .early_access_header .devnotes {
	padding: 12px 0px;
}

html.tablet .early_access_header .devnotes .devs_say {
	margin-top: unset;
	color: var(--gpStoreLightGrey);
	text-transform: unset;
	font: var(--gpText-BodySmall);
}

html.tablet .early_access_header #devnotes_expander h1 {
	font: var(--gpText-BodyMedium);
	font-weight: 600;
	color: var(--gpStoreLightestGrey);
}

html.tablet .early_access_header #devnotes_expander {
	font: var(--gpText-BodyMedium);
	color: var(--gpStoreLighterGrey);
}

html.tablet .early_access_header #devnotes_expander h1 {
	font-weight: 600;
	color: var(--gpStoreLightestGrey);
}

html.tablet .early_access_header .devnotes > div {
	max-height: 106px;
}

html.tablet .early_access_header .devnotes .morebutton {
	padding-right: unset;
	height: 18px;
	text-transform: unset;
	color: var(--gpColor-Blue);
	font: var(--gpText-BodyMedium);
	bottom: 13px;
}



/* Purchase options modal */
html.tablet .game_area_purchase_game_dropdown_menu_container {
	box-shadow: unset;
	background: unset;
	border-radius: unset;
	padding: unset;
}

html.tablet .game_area_purchase_game_dropdown_menu_items_container_background {
	background-image: unset;
}

html.tablet .game_area_purchase_game_dropdown_menu_items_container_background tr {
	height: unset;
	padding: unset;
}

html.tablet .game_area_purchase_game_dropdown_menu_items_container tr:first-child td,
html.tablet .game_area_purchase_game_dropdown_menu_items_container tr:last-child td {
	border: unset !important;
}

html.tablet .game_area_purchase_game_dropdown_menu_item_savings {
	border: unset;
	display: none;
}

html.tablet .game_area_purchase_game_dropdown_menu_item_text {
	border: unset;
	padding: 10px;
}

html.tablet .game_area_purchase_game_dropdown_menu_items_container td {
	font: var(--gpText-BodyLarge);
}

html.tablet .game_area_purchase_game_dropdown_menu_items_container tr:hover {
	background: var(--gpBackground-LightSoft);
}

html.tablet .game_area_purchase_game_dropdown_menu_items_container tr.gpfocus {
	background: white;
	color: black;
}

html.tablet #ageYear_droplist, html.tablet #ageDay_droplist, html.tablet #ageMonth_droplist {
	overflow-y: auto;
	max-height: 90vh;
}




/* BUNDLES */

/* Hide header image below title */
html.tablet #package_header_container {
	display: none;
}

html.tablet .package_header_container {
	display: flex;
}

html.tablet .package_header_container .package_header {
	width: 100%;
	margin: 0px;
	box-shadow: var(--gpShadow-Medium);
}


/* Bundle items */
html.tablet .tablet_list_item {
	display: block;
	margin-right: unset;
	background: var(--gpBackground-LightSofter);
	min-height: 76px;
	box-shadow: none;
	transition: all 0.1s ease;
	margin-bottom: 4px;
	width: 100%;
}

html.tablet .tablet_list_item .tab_item_cap {
	box-shadow: var(--gpShadow-Medium);
}

html.tablet .tab_item .ds_steam_deck_compat {
	right: unset;
	left: 100px;
	top: 12px;
}

html.tablet .tablet_list_item .tab_item_discount {
	position: absolute;
	right: 8px;
	bottom: 4px;
}



html.tablet .tablet_list_item .tab_item_overlay img {
	display: none;
}

html.tablet .tablet_list_item:hover,
html.tablet .tablet_list_item:focus-within {
	background: var(--gpBackground-LightMedium);
}

html.tablet .tablet_list_item:hover .tab_item_name {
	color: white;
}

html.tablet .tablet_list_item .tab_item_cap {
	margin: 0px 12px 0px 0px;
	float: left;
	width: unset;
}

html.tablet  .tablet_list_item .tab_item_cap_img {
	height: unset;
	width: 160px;
}

html.tablet  .tablet_list_item .tab_item_discount,
html.tablet  .tablet_list_item .tab_item_discount.no_discount {
	width: unset;
}

html.tablet .tablet_list_item .tab_item_content {
	font-size: unset;
	padding-top: 2px;
	white-space: unset;
}

html.tablet .tablet_list_item .tab_item_name {
	font: var(--gpText-BodyLarge);
	white-space: unset;
	overflow: unset;
	text-overflow: unset;
	margin-bottom: 24px;
}

html.tablet .tablet_list_item .tab_item_details {
	font: var(--gpText-BodyMedium);
	color: var(--gpStoreLighterGrey);
	display: none;
}

html.tablet .tablet_list_item .tab_item_discount .discount_final_price {
	color: var(--gpStoreLighterGrey);
}

html.tablet a.bundle_contents_preview_item .ds_steam_deck_compat {
	display: none;
}

html.tablet .dynamic_bundle_description .ds_steam_deck_compat {
	display: none;
}


/* Price totals */
html.tablet .package_info_block_content {
	padding: unset;
	margin: 16px 0px 32px;
	background: none;
}

html.tablet .package_totals_area {
	color: var(--gpStoreLightestGrey);
	font: var(--gpText-BodyLarge);
}

html.tablet .package_totals_row {
	text-align: left;
	margin-bottom: 2px;
}

html.tablet .package_totals_area .price {
	font: var(--gpText-BodyLarge);
	color: var(--gpStoreLighterGrey);
}

html.tablet .bundle_final_package_price {
	color: var(--gpStoreLightestGrey);
}

html.tablet .package_totals_row.highlight .price,
html.tablet .package_totals_row.highlight {
	color: white;
	font: var(--gpText-HeadingSmall);
	font-weight: 500;
}

html.tablet .package_totals_area .price.bundle_discount {
	color: var(--gpColor-GreenHi);
}


/* Price savings */
html.tablet #package_savings_bar {
	background-color: unset;
	border-radius: unset;
	min-height: unset;
	font: var(--gpText-BodyMedium);
	color: var(--gpColor-GreenHi);
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--gpBackground-LightSoft);
}

html.tablet #package_savings_bar > .message {
	padding: unset;
	font-size: unset;
}

html.tablet #package_savings_bar > .savings {
	padding: unset;
	font-size: unset;
	background: unset;

}


/* Package details */
html.tablet .rightcol.game_meta_data .block {
	padding: unset;
}

html.tablet .rightcol.game_meta_data .block .block_header {
	margin-top: 12px;
}

html.tablet .block_content_inner {
	margin: none;
}

html.tablet .game_meta_data p,
html.tablet .game_meta_data b {
	font: var(--gpText-BodyMedium);
}

html.tablet .game_meta_data b {
	color: var(--gpStoreLightGrey);
	text-transform: none;
	display: block;
	border-top: 1px solid var(--gpBackground-LightSoft);
	padding-top: 4px;
	margin-top: 4px;
}

html.tablet .game_meta_data p {
	color: var(--gpStoreLightestGrey);
}

html.tablet .game_meta_data i {
	color: var(--gpStoreLightGrey);
}

html.tablet .game_meta_data a {
	color: var(--gpColor-Blue);
	transition: all 0.1s ease;
}

html.tablet .game_meta_data a:hover,
html.tablet .game_meta_data a.gpfocus {
	color: white;
}


/* Rating */
html.tablet .game_rating_area {
	margin-top: 24px;
	background: unset;
	padding: unset;
}


/* Game specs */
html.tablet .details_specs_ctn {
	margin-top: 24px;
}


/* More like this carousel */
html.tablet .game_description_column .block .block_content a img {
	width: 200px;
	max-width: 200px;
}


/* Links and info */
html.tablet #appDetailsUnderlinedLinks a.linkbar {
	background-color: unset;
	border-bottom: 1px solid var(--gpBackground-LightSoft);
	margin: unset;
	padding: 5px 12px 5px 24px;
}

html.tablet #appDetailsUnderlinedLinks a:hover {
	background-color: var(--gpBackground-LightSoft);
	border-bottom-color: transparent;
}

html.tablet #appDetailsUnderlinedLinks a.gpfocus {
	background-color: var(--gpBackground-LightSoft);
	border-bottom-color: transparent;
}






/* AGE GATE */

html.tablet .age_gate {
	width: 100%;
	box-sizing: border-box;
}

html.tablet .agegate_birthday_selector {
	background-color: var(--gpBackground-LightSofter);
	border-radius: var(--gpCorner-Large);
	margin-top: 16px;
	border: 1px solid var(--gpBackground-LightSoft);
	background: none;
}

html.tablet .agegate_birthday_desc {
	font: var(--gpText-BodyLarge);
}

html.tablet #app_agegate {
	background: none;
	font-weight: unset;
	margin: 48px auto;
	padding: 0px;
	padding-top: var(--gpVerticalResponsivePadding-Large);
}

html.tablet #app_agegate .main_content_ctn {
	border-radius: 8px;
	border: 1px solid var(--gpBackground-LightSoft);
	border: none;
}

html.tablet .agegate_text_container {
	max-width: 640px;
}

html.tablet .agegate_text_container img {
	box-shadow: var(--gpShadow-Medium);
	width: 44%;
}

html.tablet .agegate_text_container .img_ctn {
	margin: -40px 0px 8px;
}

html.tablet .agegate_text_container.btns {
	height: unset;
	margin: 16px auto 24px;
	display: flex;
	justify-content: center;
	gap: 12px;
	max-width: 50%;
	flex-direction: column;
}

html.tablet .agegate_tags {
	width: unset;
	margin: 8px 0px;
	display: flex;
	column-gap: 4px;
	justify-content: center;
}

html.tablet .agegate_tags .app_tag {
	font: var(--gpText-BodyLarge);
	color: var(--gpStoreLightestGrey);
	border-bottom: unset;
	background-color: var(--gpBackground-DarkSoft);
	padding: 2px 10px;
	border-radius: var(--gpCorner-Medium);
	margin: unset;
	transition: all 0.1s ease;
}

html.tablet .agegate_tags .app_tag:hover {
	color: white;
	background: none;
	background-color: var(--gpBackground-LightSoft);
}

html.tablet .agegate_text_container .agegate_btn_ctn {
	display: flex;
	column-gap: 12px;
}

html.tablet .agegate_text_container.btns a {
	width: 100%;
}

html.tablet #app_agegate h2 {
	font: var(--gpText-HeadingSmall);
	font-weight: 500;
	letter-spacing: 0px;
	text-transform: unset;
	margin: calc( 8px + var(--gpVerticalResponsivePadding-Small) ) 0px;
}

html.tablet #view_product_page_btn {
	background: var(--gpColor-Blue);
	box-shadow: var(--gpShadow-Medium);
}

html.tablet #view_product_page_btn:not(.gpfocus):not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	background: var(--gpColor-BlueHi) !important;
}

html.tablet .block .block_content_inner #AwardsDefault img {
	max-width: 100px;
}

html.tablet #AwardsDefault .game_page_autocollapse {
	align-items: center;
	display: grid;
	grid-template-columns: auto auto auto;
	gap: 10px;
	justify-items: center;
}

html.tablet #AwardsDefault br {
	display: none;
}

html.tablet #apppage_metacritic_block {
	display: none;
}

html.tablet .agegate_content_descriptors_notes {
	margin-top: 12px;
	font: var(--gpText-BodyMedium);
}

html.tablet .modal_media_carousel {
	display: none;
	height: 100vh;
	position: fixed;
	vertical-align: middle;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 80% );
}

html.tablet #modalMediaCarouselContainer {
	display: flex;
}

html.tablet #modalMediaCarouselContents {
	display: flex;
	align-items: center;
}

html.tablet #modalMediaCarouselItems {
	margin-left: 0;
}

html.tablet #modalMediaCarouselItems img {
	object-fit: scale-down;
}
