
/* RESPONSIVE NAVIGATION */
html.tablet .responsive_tab_control {
	display: none !important;
}



/* SEARCH AND FILTERS */
html.tablet #gameslist_controls {
	margin-bottom: 16px;
	padding: 0px;
	font: var(--gpText-BodyMedium);
}

html.tablet #gameslist_controls .filter_label {
	display: none;
}

html.tablet .gray_bevel input,
html.tablet .gray_bevel input::placeholder {
	font: var(--gpText-BodyMedium);
}

html.tablet .games_list {
	padding-top: 24px !important;
}

html.tablet .filter_label {
	margin-right: 4px;
	color: var(--gpStoreLighterGrey);
}

html.tablet .sort_options {
	margin: unset;
	color: var(--gpStoreLighterGrey);
	display: flex;
	align-items: center;
	column-gap: 4px;
}

html.tablet .sort_options_spacer {
	display: none;
}

html.tablet .sort_options a,
html.tablet .sort_options span {
	color: var(--gpStoreLighterGrey);
	text-decoration: unset;
	padding: 8px 12px;
	border-radius: var(--gpCorner-Medium);
	transition: all 0.2s ease;
}

html.tablet .sort_options .sort_options_label {
	margin-right: 8px;
}

html.tablet .sort_options a {
	background: var(--gpBackground-LightSoft);
}

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

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

html.tablet .sort_options span {
	background: var(--gpBackground-LightSoft);
	color: white;
}

/* Hide common filter on Deck */
html.tablet .common_filter_ctn {
	display: none;
}




/* GAME LIST */
html.tablet #games_list_rows,
html.tablet .games_list_rows {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

html.tablet .gameListRow {
	background-color: var(--gpBackground-LightSoft);
	margin: unset;
	transition: background-color 0.2s ease;
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 10px 12px;
	overflow: unset;
	padding-right: 24px;
}

html.tablet .gameListRowLogo {
	width: 220px;
	margin: unset;
	float: unset;
}

html.tablet .gameListRowLogo a {
	display: flex;
	margin: unset;
	width: 100%;
	float: unset;
	box-shadow: var(--gpShadow-Medium);
}

html.tablet .gameListRowLogo img {
	max-height: 98px;
}

html.tablet .gameListRowItem {
	padding: unset;
	height: unset;
	flex: auto;
}

html.tablet .bottom_controls {
	gap: 6px;
	margin: 4px 0px 0px 0px;
	opacity: 0;
	transition: opacity 0.2s ease 0.1s;
}

html.tablet .gameListRow:focus-within .bottom_controls {
	opacity: 1;
}

html.tablet .bottom_controls > * {
	margin: unset;
	font: var(--gpText-BodyMedium);
	background-color: var(--gpBackground-LightMedium);
	padding: 6px 8px;
	transition: all 0.2s ease;
	color: white;
}

html.tablet .bottom_controls > * .menu_ico {
	display: none;
}

html.tablet .bottom_controls > * .menuarrow {
	padding-left: 4px;
}

html.tablet .bottom_controls > *:hover {
	color: white;
	background-color: var(--gpBackground-LightHard);
}

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

html.tablet .gameListRowItemName {
	font: var(--gpText-HeadingSmall);
	font-weight: 500;
}

html.tablet h5.hours_played {
	font: var(--gpText-BodySmall);
	color: var(--gpStoreLighterGrey);
	height: unset;
}

/* Achievements */
html.tablet .recentAchievements {
	font: var(--gpText-BodySmall);
	color: var(--gpStoreLighterGrey);
	text-align: right;
}



/* POPUPS */
html.tablet .popup_block2 {
	position: fixed;
	display: block;
	top: 0px !important;
	left: 0px !important;
	width: 100vw !important;
	height: 100vh !important;
	opacity: 1;
	background: rgba(0,0,0,0.7);
}

html.tablet .popup_block2 .popup_body2 {
	box-shadow: var(--gpShadow-XLarge);
	width: var(--gpDselectWidth);
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	background: none;
}

html.tablet .popup_block2 .popup_body2 .popup_menu_item2 {
	font: var(--gpText-BodyLarge);
	transition: all 0.1s ease;
	padding: 10px 12px;
	border: unset;
	box-shadow: unset;
	background: var(--gpStoreDarkGrey);
}

html.tablet .popup_block2 .popup_body2 .popup_menu_item2:hover {
	background: var(--gpStoreGrey);
}

html.tablet .popup_body2 h5 {
	font-size: unset;
	font-weight: unset;
	color: unset;
}

html.tablet .popup_block2 .shadow_ul,
html.tablet .popup_block2 .shadow_top,
html.tablet .popup_block2 .shadow_ur,
html.tablet .popup_block2 .shadow_left,
html.tablet .popup_block2 .shadow_right,
html.tablet .popup_block2 .shadow_bl,
html.tablet .popup_block2 .shadow_bottom,
html.tablet .popup_block2 .shadow_br {
	display: none;
}