
/* SUMMARY BOX */
html.tablet #topSummaryBoxContent {
	border-radius: unset;
	color: var(--gpStoreLightestGrey);
	min-height: unset;
	padding: 16px;
	background: unset;
	border: 1px solid var(--gpBackground-LightMedium);
	color: var(--gpStoreLighterGrey);
	margin: 24px 0px 12px;
}

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

html.tablet #topSummaryLeft {
	display: flex;
	flex-direction: column;
	row-gap: 8px;
}

html.tablet #topSummaryLeft a {
	font: var(--gpText-BodyMedium);
	padding: 6px 12px;
	background-color: var(--gpBackground-LightSoft);
	border-radius: var(--gpCorner-Medium);
	transition: all 0.2s ease;
}

html.tablet #topSummaryLeft a:hover {
	background-color: var(--gpBackground-LightMedium);
}

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

html.tablet #topSummaryRowItem {
	display: flex;
	gap: 4px;
}

html.tablet #tsblTitle,
html.tablet #tsblVal {
	float: unset;
	width: unset;
	color: unset;
	line-height: unset;
	display: inline;
}

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

html.tablet .summary_box_edge {
	display: none;
}

/* Progresion bar */
html.tablet #topSummaryAchievements {
	padding: unset;
	flex-direction: column;
	row-gap: 8px;
}

html.tablet .achieveBarProgress {
	background-color: var(--gpColor-Blue);
}

html.tablet .achieveBar {
	margin-top: 8px;
	padding: unset;
	background-color: var(--gpBackground-LightSoft);
	border: none;
}

/* Return link */
html.tablet .returnLink {
	padding-bottom: unset;
	font-size: unset;
	margin-top: 24px;
	margin-bottom: -12px;
}




/* HIDE NAV */
html.tablet #tabs {
	display: none;
}

html.tablet #subtabs {
	display: none;
}



/* ACHIEVEMENT LIST */
html.tablet .achievements_list {
	display: flex;
	flex-direction: column;
	row-gap: 6px;
}

html.tablet .achieveRow {
	padding: 8px;
	min-height: unset;
	margin: unset;
	display: flex;
	background: var(--gpBackground-LightSoft);
	align-items: center;
}

html.tablet .achieveImgHolder {
	position: unset;
	top: unset;
	display: flex;
}

html.tablet .achieveImgHolder img,
html.tablet .CachieveImgHolder img {
	width: 64px;
	height: 64px;
}

html.tablet .achieveTxtHolder {
	flex: auto;
	padding: unset;
	padding: 0px 16px;
	padding-right: 0px;
	background: none;
}

html.tablet .achieveTxt {
	padding: unset;
}

html.tablet .achieveTxt h3 {
	font: var(--gpText-HeadingSmall);
	font-weight: 500;
	color: white;
}

html.tablet .achieveTxt h5 {
	font: var(--gpText-BodyMedium);
	color: var(--gpStoreLighterGrey);
	max-height: unset;
}

html.tablet .achieveUnlockTime {
	font: var(--gpText-BodyMedium);
	color: var(--gpStoreLightGrey);
	text-align: right;
}