.BlockContainer {
 	padding: .75rem 0
 }

 .BlockContainer--doubleSpacing {
 	padding: 1.5rem 0
 }

 .BlockContainer:empty {
 	display: none
 }

 .GameTileContainer {
 	margin: 0 auto
 }

 @media(min-width:451px) {
 	.GameTileContainer {
 		width: 23.25rem
 	}
 }

 @media(min-width:575px) {
 	.GameTileContainer {
 		width: 35.25rem
 	}
 }

 @media(min-width:48.0625rem) {
 	.GameTileContainer {
 		width: 35.25rem
 	}
 }

 @media(min-width:59.3125rem) {
 	.GameTileContainer {
 		width: 47.25rem
 	}
 }

 @media(min-width:71.3125rem) {
 	.GameTileContainer {
 		width: 59.25rem
 	}
 }

 @media(min-width:83.3125rem) {
 	.GameTileContainer {
 		width: 71.25rem
 	}
 }

 @media(min-width:95.3125rem) {
 	.GameTileContainer {
 		width: 83.25rem
 	}
 }

 @media(min-width:107.3125rem) {
 	.GameTileContainer {
 		width: 95.25rem
 	}
 }

 @media(min-width:119.3125rem) {
 	.GameTileContainer {
 		width: 107.25rem
 	}
 }

 @media(min-width:131.3125rem) {
 	.GameTileContainer {
 		width: 119.25rem
 	}
 }

 @media(min-width:143.3125rem) {
 	.GameTileContainer {
 		width: 131.25rem
 	}
 }

 @media(min-width:155.3125rem) {
 	.GameTileContainer {
 		width: 143.25rem
 	}
 }

 @media(min-width:451px) {
 	.GameTileContainer--withAdGutter {
 		width: 23.25rem
 	}
 }

 @media(min-width:575px) {
 	.GameTileContainer--withAdGutter {
 		width: 35.25rem
 	}
 }

 @media(min-width:48.0625rem) {
 	.GameTileContainer--withAdGutter {
 		width: 35.25rem
 	}
 }

 @media(min-width:59.3125rem) {
 	.GameTileContainer--withAdGutter {
 		width: 35.25rem
 	}
 }

 @media(min-width:71.3125rem) {
 	.GameTileContainer--withAdGutter {
 		width: 35.25rem
 	}
 }

 @media(min-width:83.3125rem) {
 	.GameTileContainer--withAdGutter {
 		width: 47.25rem
 	}
 }

 @media(min-width:95.3125rem) {
 	.GameTileContainer--withAdGutter {
 		width: 59.25rem
 	}
 }

 @media(min-width:107.3125rem) {
 	.GameTileContainer--withAdGutter {
 		width: 71.25rem
 	}
 }

 @media(min-width:119.3125rem) {
 	.GameTileContainer--withAdGutter {
 		width: 83.25rem
 	}
 }

 @media(min-width:131.3125rem) {
 	.GameTileContainer--withAdGutter {
 		width: 95.25rem
 	}
 }

 @media(min-width:143.3125rem) {
 	.GameTileContainer--withAdGutter {
 		width: 107.25rem
 	}
 }

 @media(min-width:155.3125rem) {
 	.GameTileContainer--withAdGutter {
 		width: 119.25rem
 	}
 }

 .GameTileContainer--alignLeft {
 	margin-left: 0;
 	margin-right: 0
 }

 .GameTileBlock .GameTileGrid {
 	position: relative
 }

 .GameTileBlock__Header {
 	margin-bottom: .75rem
 }

 .GameTileBlock__Controls {
 	position: absolute;
 	right: 0;
 	top: 50%
 }

 .GameTileBlock__Controls>div {
 	transform: translateY(-50%)
 }

 .GameTileBlock__Overlay {
 	position: absolute;
 	z-index: 1;
 	top: 0;
 	bottom: 0;
 	left: -20vw;
 	right: -20vw;
 	cursor: pointer;
 	border-bottom: 1px solid;
 	border-top: 1px solid
 }

 .GameTileBlock__Overlay+.GameTileGrid {
 	padding: .75rem 0;
 	box-sizing: content-box
 }

 .GameTileBlock__Overlay+.GameTileGrid .GameTile__Status {
 	display: none
 }

 .GameTileBlock__After {
 	margin-top: .75rem
 }

 .GameTileBlock__Overlay {
 	z-index: 2
 }

 .AgSearch input {
 	border-radius: 100px
 }

 .UserAvatar {
 	-webkit-user-select: none;
 	-moz-user-select: none;
 	-ms-user-select: none;
 	user-select: none;
 	border: 3px solid;
 	border-radius: 100px;
 	font-size: 0;
 	word-spacing: 0
 }

 .UserAvatar img {
 	width: calc(2.5rem - 8px);
 	height: calc(2.5rem - 8px);
 	border-radius: 100px;
 	border: 1px solid rgba(0, 0, 0, .4)
 }

 .UserAvatar--small {
 	border-width: 2px
 }

 .UserAvatar--small img {
 	width: 2rem;
 	height: 2rem
 }

 .UserAvatar--large {
 	border-width: 4px
 }

 .UserAvatar--large img {
 	border-width: 2px;
 	width: 5rem;
 	height: 5rem
 }

 .AppHeader {
 	position: inherit
 }

 .AppHeader a.--active {
 	font-weight: 700
 }

 .DesktopHeader {
 	display: none;
 	padding: .75rem
 }

 @media(min-width:1152px) {
 	.DesktopHeader {
 		display: flex
 	}
 }

 .DesktopHeader .Buttons,
 .DesktopHeader .Buttons .Button {
 	margin-bottom: 0 !important
 }

 .DesktopHeader .Dropdown {
 	height: 2.5rem;
 	margin-left: 1rem
 }

 .DesktopHeader__Logo img {
 	height: 1.5rem
 }

 .DesktopHeader__GamepassUpgradeButton {
 	line-height: .75
 }

 .DesktopHeader__GamepassUpgradeButton small {
 	font-size: 90%
 }

 .MobileHeader {
 	display: none;
 	padding: .75rem 1rem
 }

 @media(max-width:1151px) {
 	.MobileHeader {
 		display: flex
 	}
 }

 .MobileHeader--menuOpen .MobileHeader__Menu__Bg {
 	opacity: 1;
 	pointer-events: auto !important
 }

 .MobileHeader--menuOpen .MobileHeader__Menu__Panel {
 	pointer-events: all;
 	opacity: 1;
 	transform: translateY(0) scale(1)
 }

 .MobileHeader--menuOpen .MobileHeader__MenuButton .Icon {
 	transform: rotate(135deg)
 }

 .MobileHeader--menuOpen .MobileHeader__Menu__ExtraButtonItem>.Button {
 	pointer-events: auto
 }

 .MobileHeader--positionTopLeft .MobileHeader__Menu__Panel,
 .MobileHeader--positionTopRight .MobileHeader__Menu__Panel {
 	top: 10vh
 }

 .MobileHeader__Logo img {
 	height: 1.5rem;
 	margin-right: 1.5rem
 }

 body.--fullScreen .MobileHeader__Menu {
 	z-index: 100000000
 }

 .MobileHeader__ButtonContainer {
 	z-index: 100000003;
 	pointer-events: none;
 	position: fixed;
 	top: 1.5rem;
 	left: 1.5rem;
 	right: calc(2.75em + 1.5rem);
 	bottom: calc(2.75em + 1.5rem);
 	font-size: 150%
 }

 .MobileHeader__MenuButton {
 	font-size: 100%;
 	z-index: 100000003;
 	width: 2.75em;
 	height: 2.75em;
 	padding: 0;
 	box-shadow: none;
 	pointer-events: auto;
 	position: absolute !important;
 	top: 100%;
 	left: 100%;
 	transition-property: top left bottom right;
 	transition-duration: .2s;
 	transition-timing-function: ease
 }

 .MobileHeader__MenuButton--dragging {
 	opacity: .65
 }

 .MobileHeader__MenuButton .Icon {
 	transition: transform .2s ease;
 	transform: rotate(0deg)
 }

 .MobileHeader__MenuButton--TopLeft {
 	top: 0;
 	left: 0
 }

 .MobileHeader__MenuButton--TopRight {
 	top: 0;
 	left: 100%
 }

 .MobileHeader__MenuButton--BottomLeft {
 	top: 100%;
 	left: 0
 }

 .MobileHeader__Menu {
 	position: fixed;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	top: 0;
 	z-index: 5;
 	pointer-events: none
 }

 .MobileHeader__Menu>.Button {
 	width: 2.75em;
 	height: 2.75em;
 	padding: 0;
 	box-shadow: none;
 	position: absolute;
 	bottom: 1.5rem;
 	right: 1.5rem;
 	z-index: 15;
 	pointer-events: auto
 }

 .MobileHeader__Menu>.Button .Icon {
 	transition: transform .2s ease;
 	transform: rotate(0deg)
 }

 .MobileHeader__Menu .MobileHeader__Menu__Panel {
 	position: absolute;
 	right: 0;
 	left: 0;
 	border-radius: 0
 }

 .MobileHeader__Menu .AgSearch .Input {
 	font-size: 120%
 }

 .MobileHeader__Menu .AgSearch .Autocomplete__Menu {
 	max-height: 60vh;
 	overflow-y: auto
 }

 .MobileHeader__Menu__Bg {
 	content: "";
 	position: absolute;
 	z-index: 0;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	height: 100vh;
 	opacity: 0;
 	pointer-events: none;
 	transition: opacity .2s ease
 }

 .MobileHeader__Menu__ExtraButtons,
 .MobileHeader__Menu__Panels {
 	position: absolute;
 	left: 3rem;
 	bottom: 3rem;
 	right: 3rem;
 	z-index: 1;
 	pointer-events: none
 }

 .MobileHeader__Menu__Panel {
 	padding: 1rem;
 	pointer-events: none;
 	border-radius: .325rem;
 	transform-origin: 50% 100%;
 	transition-property: opacity transform;
 	transition-duration: .2s;
 	transition-timing-function: ease;
 	opacity: 0;
 	transform: translateY(1rem) scale(.9)
 }

 .MobileHeader__Menu__Panel--empty {
 	padding: 0;
 	border-radius: 0;
 	background: 0 0 !important
 }

 .MobileHeader__Menu__Panel.--userPanel {
 	bottom: 5rem;
 	left: 0;
 	right: 0
 }

 .MobileHeader__Menu__ExtraButtons {
 	z-index: 10;
 	left: 1.5rem;
 	right: 1.5rem;
 	bottom: 2rem
 }

 .MobileHeader__Menu__ExtraButtonItem {
 	position: absolute;
 	bottom: 0;
 	right: 0;
 	left: 0
 }

 .MobileHeader__Menu__ExtraButtonItem>.Button {
 	width: 44px;
 	height: 44px;
 	float: right
 }

 .MobileHeader__Menu__ExtraButtonItem .MobileHeader__Menu__Panel {
 	position: absolute;
 	bottom: 22px;
 	right: 22px;
 	left: 0;
 	z-index: -1
 }

 .MobileHeader__UserPanel__User strong {
 	font-size: 120%
 }

 .MobileHeader__DropTargets {
 	position: fixed;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	pointer-events: 0;
 	z-index: 2;
 	opacity: 0;
 	transition: opacity .2s ease;
 	pointer-events: none
 }

 .MobileHeader__DropTargets--open {
 	opacity: 1
 }

 @media(min-width:1153px) {
 	.MobileHeader__DropTargets {
 		display: none
 	}
 }

 .MobileHeader__DropTargets>div {
 	position: absolute;
 	width: 30vw;
 	height: 30vw;
 	border-radius: 50%;
 	z-index: 1;
 	opacity: .65;
 	transform: scale(.65);
 	transition: all .2s ease
 }

 .MobileHeader__DropTargets>div.--active {
 	opacity: 1;
 	transform: scale(1)
 }

 .MobileHeader__DropTargets>div[data-position=TopLeft] {
 	top: -15vw;
 	left: -15vw
 }

 .MobileHeader__DropTargets>div[data-position=TopRight] {
 	top: -15vw;
 	right: -15vw
 }

 .MobileHeader__DropTargets>div[data-position=BottomLeft] {
 	bottom: -15vw;
 	left: -15vw
 }

 .MobileHeader__DropTargets>div[data-position=BottomRight] {
 	bottom: -15vw;
 	right: -15vw
 }

 .MobileHeader__MoreGamesPanel {
 	border-radius: .325rem
 }

 .MobileHeader__MoreGamesPanel>.Flex:first-child {
 	margin-bottom: 0
 }

 .MobileHeader__MoreGamesPanel .MobileHeader__MoreGamesPanel__Break {
 	display: none
 }

 @media(max-width:574px) {
 	.MobileHeader__MoreGamesPanel .AgGameTile {
 		width: calc(50% - .75rem);
 		margin: .375rem
 	}
 }

 @media(min-width:575px) {
 	.MobileHeader__MoreGamesPanel .MobileHeader__MoreGamesPanel__Break:nth-child(4n) {
 		display: block;
 		width: 100%
 	}

 	.MobileHeader__MoreGamesPanel>.Flex:first-child {
 		text-align: center;
 		align-items: center;
 		justify-content: center
 	}

 	.MobileHeader__MoreGamesPanel>.Flex:last-child {
 		align-items: center;
 		justify-content: center
 	}

 	.MobileHeader__MoreGamesPanel .AgGameTile {
 		margin: .375rem
 	}
 }

 @media(min-width:800px) {
 	.MobileHeader__MoreGamesPanel .MobileHeader__MoreGamesPanel__Break {
 		display: none !important
 	}
 }

 .MobileHeader__Nav .DropdownItem {
 	align-items: center;
 	display: flex
 }

 .MobileHeader__Nav .DropdownItem .IconFA {
 	margin-right: .125rem
 }

 .MobileHeader__Nav .DropdownItem span:nth-child(2) {
 	font-size: 120%;
 	margin-left: 4px
 }

 .MobileHeader__Nav .DropdownItem--active .MobileHeader__Nav__GamepassUpgradeButton {
 	filter: brightness(0) invert(1)
 }

 .MobileHeader__Nav__GamepassUpgradeButton {
 	font-weight: 800;
 	font-size: 120%
 }

 .MobileHeader__Nav__GamepassUpgradeButton small {
 	display: block;
 	margin-top: -6px
 }

 .BlockHeader {
 	font-size: 125%;
 	text-transform: uppercase;
 	font-weight: 700
 }

 .GameTileFilmStrip {
 	overflow-x: auto;
 	overflow-y: hidden;
 	flex-wrap: nowrap;
 	align-items: center
 }

 .GameTileFilmStrip>:not(:last-child) {
 	margin-right: .75rem
 }

 .GameTileFilmStrip--includeOuterPadding>:first-child {
 	margin-left: .75rem
 }

 .GameTileFilmStrip--includeOuterPadding>:last-child {
 	margin-right: .75rem
 }

 .GameTileFilmStrip--includeOuterPadding>:only-child {
 	margin-left: auto;
 	margin-right: auto
 }

 .GameTileFilmStrip--includeOuterPadding>:first-child:nth-last-child(2) {
 	margin-left: auto
 }

 .GameTileFilmStrip--includeOuterPadding>:first-child:nth-last-child(2)+* {
 	margin-right: auto
 }

 .AppFooter {
 	padding: 2rem 0;
 	font-size: 90%
 }

 .AppFooter__Logo img {
 	height: 1.5rem
 }

 .AppFooter__Links {
 	text-transform: uppercase;
 	font-weight: 700
 }

 .AppFooter__Links a {
 	cursor: pointer
 }

 @media(max-width:768px) {
 	.AppFooter__Links>.Flex {
 		padding: .325rem 0
 	}

 	.AppFooter__Links>.Flex:last-child {
 		padding-bottom: 0
 	}

 	.AppFooter__Links .RouterLink {
 		min-height: 48px;
 		display: inline-flex;
 		align-items: center;
 		justify-items: center
 	}
 }

 @media(min-width:769px) {
 	.AppFooter__Links>.Flex:not(:last-child):after {
 		content: "|";
 		margin: 0 .75rem;
 		opacity: .5
 	}
 }

 .FillScreenLayout .App__Main {
 	display: flex;
 	position: relative
 }

 .CategoryTag {
 	position: relative;
 	font-size: 75%;
 	border-radius: .325rem;
 	height: 2.25rem;
 	cursor: pointer;
 	font-weight: 700;
 	border-radius: 100px;
 	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis
 }

 .CategoryTag .Icon {
 	width: 1rem;
 	height: 1rem
 }

 .CategoryTag__Thumbnail {
 	position: relative;
 	height: calc(2.25rem - 2px);
 	width: calc(2.25rem - 2px);
 	min-height: calc(2.25rem - 2px);
 	min-width: calc(2.25rem - 2px);
 	max-height: calc(2.25rem - 2px);
 	max-width: calc(2.25rem - 2px)
 }

 .CategoryTag__Thumbnail>span {
 	top: 4px !important;
 	left: 4px !important;
 	bottom: 4px !important;
 	right: 4px !important
 }

 .CategoryTag__Thumbnail img {
 	border-radius: 100px;
 	width: 26px !important;
 	height: 26px !important
 }

 .CategoryTag__Label {
 	position: relative
 }

 .CategoryCarousel {
 	position: relative;
 	margin-top: -1.75rem !important;
 	margin-bottom: -1.75rem !important
 }

 .CategoryCarousel__Carousel {
 	position: relative
 }

 .CategoryCarousel__Carousel+.Flex {
 	padding: 1rem 0
 }

 .CategoryCarousel__Tags {
 	overflow: hidden;
 	padding: 1rem 0;
 	position: relative
 }

 .CategoryCarousel__Tags>div {
 	position: relative;
 	width: 100%;
 	transition: transform .4s ease
 }

 .CategoryCarousel__Tags .CategoryTag {
 	margin-right: .75rem;
 	width: calc(12.5% - .65625rem);
 	min-width: calc(12.5% - .65625rem);
 	max-width: calc(12.5% - .65625rem)
 }

 @media(max-width:1920px) {
 	.CategoryCarousel__Tags .CategoryTag {
 		width: calc(14.2857142857% - .6428571429rem);
 		min-width: calc(14.2857142857% - .6428571429rem);
 		max-width: calc(14.2857142857% - .6428571429rem)
 	}
 }

 @media(max-width:1344px) {
 	.CategoryCarousel__Tags .CategoryTag {
 		width: calc(16.6666666667% - .625rem);
 		min-width: calc(16.6666666667% - .625rem);
 		max-width: calc(16.6666666667% - .625rem)
 	}
 }

 @media(max-width:1152px) {
 	.CategoryCarousel__Tags .CategoryTag {
 		width: calc(20% - .6rem);
 		min-width: calc(20% - .6rem);
 		max-width: calc(20% - .6rem)
 	}
 }

 @media(max-width:960px) {
 	.CategoryCarousel__Tags .CategoryTag {
 		width: calc(25% - .5625rem);
 		min-width: calc(25% - .5625rem);
 		max-width: calc(25% - .5625rem)
 	}
 }

 @media(max-width:768px) {
 	.CategoryCarousel__Tags .CategoryTag {
 		width: calc(33.3333333333% - .5rem);
 		min-width: calc(33.3333333333% - .5rem);
 		max-width: calc(33.3333333333% - .5rem)
 	}
 }

 .CategoryCarousel__Tags .CategoryTag__Thumbnail+.CategoryTag__Label>span {
 	position: absolute;
 	top: 50%;
 	left: .325rem;
 	right: .75rem;
 	transform: translateY(-50%);
 	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis
 }

 .CategoryCarousel__Carousel__Inner {
 	position: absolute;
 	left: 0;
 	right: 0;
 	top: 0;
 	bottom: 0
 }

 .CategoryCarousel__Carousel__Inner>.Flex:first-child,
 .CategoryCarousel__Carousel__Inner>.Flex:last-child {
 	position: relative
 }

 .CategoryCarousel__PaginatorWrapper {
 	padding: 1rem 0
 }

 .CategoryCarousel__Paginator {
 	width: 2.25rem;
 	height: 2.25rem
 }

 .CategoryCarousel__Paginator .Icon {
 	width: .75rem;
 	height: .75rem
 }

 .RecentGamesBlock {
 	position: relative
 }

 @media(hover:none)and (max-width:450px) {
 	.RecentGamesBlock .GameTileContainer {
 		padding: 0 40px
 	}
 }

 .RecentGamesBlock__Controls {
 	position: absolute;
 	right: 0;
 	top: 0;
 	bottom: 0;
 	z-index: 1
 }

 .RecentGamesBlock__Controls .Button {
 	border-right: 0;
 	border-top-right-radius: 0;
 	border-bottom-right-radius: 0
 }

 .RecentGamesBlock__GameTileBlock {
 	max-width: 100%;
 	flex-wrap: wrap;
 	overflow: hidden;
 	max-height: 59px
 }

 .RecentGamesBlock__GameTileBlock .AgGameTile {
 	margin: 0 .375rem
 }

 .RecentGamesBlock__GameTileBlock .AgGameTile--small {
 	width: 5.625rem;
 	height: 3.65625rem
 }

 .RecentGamesBlock__GameTileBlock .AgGameTile--small .GameTile__Description {
 	display: none
 }

 @media(hover:none) {
 	.RecentGamesBlock__GameTileBlock {
 		max-height: 51px
 	}
 }

 @media(hover:none)and (min-width:768px) {
 	.RecentGamesBlock__GameTileBlock {
 		max-height: 59px
 	}
 }

 @media(hover:hover) {
 	.RecentGamesBlock__GameTileBlock {
 		max-height: 51px
 	}
 }

 @media(hover:hover)and (min-width:768px) {
 	.RecentGamesBlock__GameTileBlock {
 		max-height: 59px
 	}
 }

 @media(hover:hover) {
 	.RecentGamesBlock__GameTileBlock .AgGameTile {
 		margin: 0 .1875rem
 	}
 }

 .NoPaddingLayout {
 	width: 100%
 }

 .AgSearch input {
 	border-radius: 100px
 }

 .UserAvatar {
 	-webkit-user-select: none;
 	-moz-user-select: none;
 	-ms-user-select: none;
 	user-select: none;
 	border: 3px solid;
 	border-radius: 100px;
 	font-size: 0;
 	word-spacing: 0
 }

 .UserAvatar img {
 	width: calc(2.5rem - 8px);
 	height: calc(2.5rem - 8px);
 	border-radius: 100px;
 	border: 1px solid rgba(0, 0, 0, .4)
 }

 .UserAvatar--small {
 	border-width: 2px
 }

 .UserAvatar--small img {
 	width: 2rem;
 	height: 2rem
 }

 .UserAvatar--large {
 	border-width: 4px
 }

 .UserAvatar--large img {
 	border-width: 2px;
 	width: 5rem;
 	height: 5rem
 }

 .AppHeader {
 	position: inherit
 }

 .AppHeader a.--active {
 	font-weight: 700
 }

 .DesktopHeader {
 	display: none;
 	padding: .75rem
 }

 @media(min-width:1152px) {
 	.DesktopHeader {
 		display: flex
 	}
 }

 .DesktopHeader .Buttons,
 .DesktopHeader .Buttons .Button {
 	margin-bottom: 0 !important
 }

 .DesktopHeader .Dropdown {
 	height: 2.5rem;
 	margin-left: 1rem
 }

 .DesktopHeader__Logo img {
 	height: 1.5rem
 }

 .DesktopHeader__GamepassUpgradeButton {
 	line-height: .75
 }

 .DesktopHeader__GamepassUpgradeButton small {
 	font-size: 90%
 }

 .MobileHeader {
 	display: none;
 	padding: .75rem 1rem
 }

 @media(max-width:1151px) {
 	.MobileHeader {
 		display: flex
 	}
 }

 .MobileHeader--menuOpen .MobileHeader__Menu__Bg {
 	opacity: 1;
 	pointer-events: auto !important
 }

 .MobileHeader--menuOpen .MobileHeader__Menu__Panel {
 	pointer-events: all;
 	opacity: 1;
 	transform: translateY(0) scale(1)
 }

 .MobileHeader--menuOpen .MobileHeader__MenuButton .Icon {
 	transform: rotate(135deg)
 }

 .MobileHeader--menuOpen .MobileHeader__Menu__ExtraButtonItem>.Button {
 	pointer-events: auto
 }

 .MobileHeader--positionTopLeft .MobileHeader__Menu__Panel,
 .MobileHeader--positionTopRight .MobileHeader__Menu__Panel {
 	top: 10vh
 }

 .MobileHeader__Logo img {
 	height: 1.5rem;
 	margin-right: 1.5rem
 }

 body.--fullScreen .MobileHeader__Menu {
 	z-index: 100000000
 }

 .MobileHeader__ButtonContainer {
 	z-index: 100000003;
 	pointer-events: none;
 	position: fixed;
 	top: 1.5rem;
 	left: 1.5rem;
 	right: calc(2.75em + 1.5rem);
 	bottom: calc(2.75em + 1.5rem);
 	font-size: 150%
 }

 .MobileHeader__MenuButton {
 	font-size: 100%;
 	z-index: 100000003;
 	width: 2.75em;
 	height: 2.75em;
 	padding: 0;
 	box-shadow: none;
 	pointer-events: auto;
 	position: absolute !important;
 	top: 100%;
 	left: 100%;
 	transition-property: top left bottom right;
 	transition-duration: .2s;
 	transition-timing-function: ease
 }

 .MobileHeader__MenuButton--dragging {
 	opacity: .65
 }

 .MobileHeader__MenuButton .Icon {
 	transition: transform .2s ease;
 	transform: rotate(0deg)
 }

 .MobileHeader__MenuButton--TopLeft {
 	top: 0;
 	left: 0
 }

 .MobileHeader__MenuButton--TopRight {
 	top: 0;
 	left: 100%
 }

 .MobileHeader__MenuButton--BottomLeft {
 	top: 100%;
 	left: 0
 }

 .MobileHeader__Menu {
 	position: fixed;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	top: 0;
 	z-index: 5;
 	pointer-events: none
 }

 .MobileHeader__Menu>.Button {
 	width: 2.75em;
 	height: 2.75em;
 	padding: 0;
 	box-shadow: none;
 	position: absolute;
 	bottom: 1.5rem;
 	right: 1.5rem;
 	z-index: 15;
 	pointer-events: auto
 }

 .MobileHeader__Menu>.Button .Icon {
 	transition: transform .2s ease;
 	transform: rotate(0deg)
 }

 .MobileHeader__Menu .MobileHeader__Menu__Panel {
 	position: absolute;
 	right: 0;
 	left: 0;
 	border-radius: 0
 }

 .MobileHeader__Menu .AgSearch .Input {
 	font-size: 120%
 }

 .MobileHeader__Menu .AgSearch .Autocomplete__Menu {
 	max-height: 60vh;
 	overflow-y: auto
 }

 .MobileHeader__Menu__Bg {
 	content: "";
 	position: absolute;
 	z-index: 0;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	height: 100vh;
 	opacity: 0;
 	pointer-events: none;
 	transition: opacity .2s ease
 }

 .MobileHeader__Menu__ExtraButtons,
 .MobileHeader__Menu__Panels {
 	position: absolute;
 	left: 3rem;
 	bottom: 3rem;
 	right: 3rem;
 	z-index: 1;
 	pointer-events: none
 }

 .MobileHeader__Menu__Panel {
 	padding: 1rem;
 	pointer-events: none;
 	border-radius: .325rem;
 	transform-origin: 50% 100%;
 	transition-property: opacity transform;
 	transition-duration: .2s;
 	transition-timing-function: ease;
 	opacity: 0;
 	transform: translateY(1rem) scale(.9)
 }

 .MobileHeader__Menu__Panel--empty {
 	padding: 0;
 	border-radius: 0;
 	background: 0 0 !important
 }

 .MobileHeader__Menu__Panel.--userPanel {
 	bottom: 5rem;
 	left: 0;
 	right: 0
 }

 .MobileHeader__Menu__ExtraButtons {
 	z-index: 10;
 	left: 1.5rem;
 	right: 1.5rem;
 	bottom: 2rem
 }

 .MobileHeader__Menu__ExtraButtonItem {
 	position: absolute;
 	bottom: 0;
 	right: 0;
 	left: 0
 }

 .MobileHeader__Menu__ExtraButtonItem>.Button {
 	width: 44px;
 	height: 44px;
 	float: right
 }

 .MobileHeader__Menu__ExtraButtonItem .MobileHeader__Menu__Panel {
 	position: absolute;
 	bottom: 22px;
 	right: 22px;
 	left: 0;
 	z-index: -1
 }

 .MobileHeader__UserPanel__User strong {
 	font-size: 120%
 }

 .MobileHeader__DropTargets {
 	position: fixed;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	pointer-events: 0;
 	z-index: 2;
 	opacity: 0;
 	transition: opacity .2s ease;
 	pointer-events: none
 }

 .MobileHeader__DropTargets--open {
 	opacity: 1
 }

 @media(min-width:1153px) {
 	.MobileHeader__DropTargets {
 		display: none
 	}
 }

 .MobileHeader__DropTargets>div {
 	position: absolute;
 	width: 30vw;
 	height: 30vw;
 	border-radius: 50%;
 	z-index: 1;
 	opacity: .65;
 	transform: scale(.65);
 	transition: all .2s ease
 }

 .MobileHeader__DropTargets>div.--active {
 	opacity: 1;
 	transform: scale(1)
 }

 .MobileHeader__DropTargets>div[data-position=TopLeft] {
 	top: -15vw;
 	left: -15vw
 }

 .MobileHeader__DropTargets>div[data-position=TopRight] {
 	top: -15vw;
 	right: -15vw
 }

 .MobileHeader__DropTargets>div[data-position=BottomLeft] {
 	bottom: -15vw;
 	left: -15vw
 }

 .MobileHeader__DropTargets>div[data-position=BottomRight] {
 	bottom: -15vw;
 	right: -15vw
 }

 .MobileHeader__MoreGamesPanel {
 	border-radius: .325rem
 }

 .MobileHeader__MoreGamesPanel>.Flex:first-child {
 	margin-bottom: 0
 }

 .MobileHeader__MoreGamesPanel .MobileHeader__MoreGamesPanel__Break {
 	display: none
 }

 @media(max-width:574px) {
 	.MobileHeader__MoreGamesPanel .AgGameTile {
 		width: calc(50% - .75rem);
 		margin: .375rem
 	}
 }

 @media(min-width:575px) {
 	.MobileHeader__MoreGamesPanel .MobileHeader__MoreGamesPanel__Break:nth-child(4n) {
 		display: block;
 		width: 100%
 	}

 	.MobileHeader__MoreGamesPanel>.Flex:first-child {
 		text-align: center;
 		align-items: center;
 		justify-content: center
 	}

 	.MobileHeader__MoreGamesPanel>.Flex:last-child {
 		align-items: center;
 		justify-content: center
 	}

 	.MobileHeader__MoreGamesPanel .AgGameTile {
 		margin: .375rem
 	}
 }

 @media(min-width:800px) {
 	.MobileHeader__MoreGamesPanel .MobileHeader__MoreGamesPanel__Break {
 		display: none !important
 	}
 }

 .MobileHeader__Nav .DropdownItem {
 	align-items: center;
 	display: flex
 }

 .MobileHeader__Nav .DropdownItem .IconFA {
 	margin-right: .125rem
 }

 .MobileHeader__Nav .DropdownItem span:nth-child(2) {
 	font-size: 120%;
 	margin-left: 4px
 }

 .MobileHeader__Nav .DropdownItem--active .MobileHeader__Nav__GamepassUpgradeButton {
 	filter: brightness(0) invert(1)
 }

 .MobileHeader__Nav__GamepassUpgradeButton {
 	font-weight: 800;
 	font-size: 120%
 }

 .MobileHeader__Nav__GamepassUpgradeButton small {
 	display: block;
 	margin-top: -6px
 }

 .BlockHeader {
 	font-size: 125%;
 	text-transform: uppercase;
 	font-weight: 700
 }

 .GameTileFilmStrip {
 	overflow-x: auto;
 	overflow-y: hidden;
 	flex-wrap: nowrap;
 	align-items: center
 }

 .GameTileFilmStrip>:not(:last-child) {
 	margin-right: .75rem
 }

 .GameTileFilmStrip--includeOuterPadding>:first-child {
 	margin-left: .75rem
 }

 .GameTileFilmStrip--includeOuterPadding>:last-child {
 	margin-right: .75rem
 }

 .GameTileFilmStrip--includeOuterPadding>:only-child {
 	margin-left: auto;
 	margin-right: auto
 }

 .GameTileFilmStrip--includeOuterPadding>:first-child:nth-last-child(2) {
 	margin-left: auto
 }

 .GameTileFilmStrip--includeOuterPadding>:first-child:nth-last-child(2)+* {
 	margin-right: auto
 }

 .GameTileContainer {
 	margin: 0 auto
 }

 @media(min-width:451px) {
 	.GameTileContainer {
 		width: 23.25rem
 	}
 }

 @media(min-width:575px) {
 	.GameTileContainer {
 		width: 35.25rem
 	}
 }

 @media(min-width:48.0625rem) {
 	.GameTileContainer {
 		width: 35.25rem
 	}
 }

 @media(min-width:59.3125rem) {
 	.GameTileContainer {
 		width: 47.25rem
 	}
 }

 @media(min-width:71.3125rem) {
 	.GameTileContainer {
 		width: 59.25rem
 	}
 }

 @media(min-width:83.3125rem) {
 	.GameTileContainer {
 		width: 71.25rem
 	}
 }

 @media(min-width:95.3125rem) {
 	.GameTileContainer {
 		width: 83.25rem
 	}
 }

 @media(min-width:107.3125rem) {
 	.GameTileContainer {
 		width: 95.25rem
 	}
 }

 @media(min-width:119.3125rem) {
 	.GameTileContainer {
 		width: 107.25rem
 	}
 }

 @media(min-width:131.3125rem) {
 	.GameTileContainer {
 		width: 119.25rem
 	}
 }

 @media(min-width:143.3125rem) {
 	.GameTileContainer {
 		width: 131.25rem
 	}
 }

 @media(min-width:155.3125rem) {
 	.GameTileContainer {
 		width: 143.25rem
 	}
 }

 @media(min-width:451px) {
 	.GameTileContainer--withAdGutter {
 		width: 23.25rem
 	}
 }

 @media(min-width:575px) {
 	.GameTileContainer--withAdGutter {
 		width: 35.25rem
 	}
 }

 @media(min-width:48.0625rem) {
 	.GameTileContainer--withAdGutter {
 		width: 35.25rem
 	}
 }

 @media(min-width:59.3125rem) {
 	.GameTileContainer--withAdGutter {
 		width: 35.25rem
 	}
 }

 @media(min-width:71.3125rem) {
 	.GameTileContainer--withAdGutter {
 		width: 35.25rem
 	}
 }

 @media(min-width:83.3125rem) {
 	.GameTileContainer--withAdGutter {
 		width: 47.25rem
 	}
 }

 @media(min-width:95.3125rem) {
 	.GameTileContainer--withAdGutter {
 		width: 59.25rem
 	}
 }

 @media(min-width:107.3125rem) {
 	.GameTileContainer--withAdGutter {
 		width: 71.25rem
 	}
 }

 @media(min-width:119.3125rem) {
 	.GameTileContainer--withAdGutter {
 		width: 83.25rem
 	}
 }

 @media(min-width:131.3125rem) {
 	.GameTileContainer--withAdGutter {
 		width: 95.25rem
 	}
 }

 @media(min-width:143.3125rem) {
 	.GameTileContainer--withAdGutter {
 		width: 107.25rem
 	}
 }

 @media(min-width:155.3125rem) {
 	.GameTileContainer--withAdGutter {
 		width: 119.25rem
 	}
 }

 .GameTileContainer--alignLeft {
 	margin-left: 0;
 	margin-right: 0
 }

 .AppFooter {
 	padding: 2rem 0;
 	font-size: 90%
 }

 .AppFooter__Logo img {
 	height: 1.5rem
 }

 .AppFooter__Links {
 	text-transform: uppercase;
 	font-weight: 700
 }

 .AppFooter__Links a {
 	cursor: pointer
 }

 @media(max-width:768px) {
 	.AppFooter__Links>.Flex {
 		padding: .325rem 0
 	}

 	.AppFooter__Links>.Flex:last-child {
 		padding-bottom: 0
 	}

 	.AppFooter__Links .RouterLink {
 		min-height: 48px;
 		display: inline-flex;
 		align-items: center;
 		justify-items: center
 	}
 }

 @media(min-width:769px) {
 	.AppFooter__Links>.Flex:not(:last-child):after {
 		content: "|";
 		margin: 0 .75rem;
 		opacity: .5
 	}
 }

 .DefaultLayout .App__Main {
 	margin: 1.5rem 0
 }

 @media(min-width:769px) {
 	.DefaultLayout .App__Main {
 		margin: 3rem 0
 	}
 }

 .Listed__Category {
 	cursor: pointer;
 	width: 50%;
 	padding: 10px 5px
 }

 @media(min-width:768px) {
 	.Listed__Category {
 		width: 25%
 	}
 }

 @media(min-width:960px) {
 	.Listed__Category {
 		width: calc(100%/5)
 	}
 }

 .Listed__Category__Inner {
 	border-radius: 100px;
 	font-weight: 700;
 	line-height: 1.1
 }

 .Listed__Category__Inner>div {
 	position: relative;
 	overflow: hidden;
 	width: 3rem;
 	height: 3rem;
 	margin: .5rem;
 	border-radius: 100px
 }