.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 0
 }

 @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;
 	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;
 }

 .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
 	}
 }

 .BlockContainer {
 	padding: .75rem 0
 }

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

 .BlockContainer:empty {
 	display: none
 }

 .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
 	}
 }

 .GamePageLayout .App__Main {
 	width: 100%;
 	display: flex;
 	flex-direction: column
 }

 .GamePageLayout .App__Game {
 	position: relative;
 	margin-bottom: 1.5rem
 }

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

 .GameReview {
 	border-radius: .325rem;
 	padding: 1rem
 }

 .GameReview__Author {
 	text-transform: uppercase;
 	font-weight: 700;
 	font-size: 90%;
 	margin-bottom: .325rem
 }

 .GameReview__Author .Icon {
 	margin-left: .5rem;
 	padding: .325rem;
 	border-radius: .325rem
 }

 .GameReview__Avatar {
 	position: relative;
 	width: 2rem;
 	height: 2rem;
 	border-radius: 9999px;
 	overflow: hidden;
 	background: #ccc
 }

 .GameReview__Subject {
 	font-size: 90%;
 	font-style: italic;
 	font-weight: 300;
 	margin-bottom: .325rem
 }

 .AgGameVideo {
 	position: relative;
 	overflow: hidden;
 	border-radius: 1rem;
 	width: 420px;
 	height: auto
 }

 @media(max-width:768px) {
 	.AgGameVideo {
 		width: 100%;
 		height: auto
 	}
 }

 .AgGameVideo video {
 	position: relative;
 	width: 100%;
 	height: 100%;
 	overflow: hidden;
 	border-radius: 1rem;
 	left: 1px
 }

 .AgGameVideo__Paused,
 .AgGameVideo__Playing {
 	content: "";
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 	border-radius: 1rem
 }

 .AgGameVideo__Paused {
 	background-color: rgba(0, 0, 0, .5)
 }

 .AgGameVideo__Playing {
 	opacity: 0;
 	transition: opacity .2s ease
 }

 @media(min-width:769px) {
 	.AgGameVideo__Playing:hover {
 		opacity: 1;
 		background-color: rgba(0, 0, 0, .5)
 	}
 }

 @media(max-width:768px) {
 	.AgGameVideo__Playing:focus {
 		opacity: 1;
 		background-color: rgba(0, 0, 0, .5)
 	}

 	.AgGameVideo__Playing {
 		transition: none
 	}
 }

 .GPDescription__GameMeta .Flex div {
 	display: flex;
 	flex-direction: column;
 	padding: 1rem;
 	border-radius: .325rem;
 	min-width: 20%
 }

 .GPDescription__GameMeta .Flex div strong {
 	display: block;
 	font-size: 90%;
 	text-transform: uppercase;
 	font-weight: 700;
 	margin-bottom: .125rem
 }

 .GPDescription__GameMeta .Flex div span {
 	display: flex;
 	align-items: center
 }

 .GPDescription__GameMeta .Flex div .Icon {
 	margin-left: .325rem
 }

 .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
 }

 .GameTileCarousel {
 	position: relative
 }

 .GameTileCarousel .--relative>.--relative {
 	overflow: hidden
 }

 @media(hover:hover) {
 	.GameTileCarousel .GameTileGrid {
 		transition: transform .4s ease
 	}
 }

 @media(hover:none) {
 	.GameTileCarousel .GameTileGrid {
 		overflow-x: scroll;
 		-webkit-overflow-scrolling: touch
 	}
 }

 .GameTileCarousel__Button {
 	position: absolute;
 	top: 50%;
 	z-index: 3;
 	height: 44px;
 	width: 44px;
 	padding: 0
 }

 @media(min-width:769px) {
 	.GameTileCarousel__Button {
 		height: 2.5rem;
 		width: 2.5rem
 	}
 }

 .GameTileCarousel__Button--previous {
 	left: 0;
 	transition: all .2s ease !important
 }

 .GameTileCarousel__Button--previous[disabled] {
 	opacity: 0 !important;
 	pointer-events: none
 }

 @media(max-width:768px) {
 	.GameTileCarousel__Button--previous {
 		transform: translateY(-50%);
 		margin-left: -.375rem
 	}

 	.GameTileCarousel__Button--previous[disabled] {
 		transform: translateY(-50%) scale(.75)
 	}
 }

 @media(min-width:769px) {
 	.GameTileCarousel__Button--previous {
 		transform: translate(-50%, -50%)
 	}

 	.GameTileCarousel__Button--previous[disabled] {
 		transform: translate(-50%, -50%) scale(.75)
 	}
 }

 .GameTileCarousel__Button--next {
 	right: 0
 }

 @media(max-width:768px) {
 	.GameTileCarousel__Button--next {
 		transform: translateY(-50%);
 		margin-right: -.375rem
 	}
 }

 @media(min-width:769px) {
 	.GameTileCarousel__Button--next {
 		transform: translate(50%, -50%)
 	}
 }

 @media(hover:none) {
 	.GameTileCarousel__ButtonsDesktop {
 		display: none
 	}
 }

 .GPGamePlayerToolbar .Button .Icon {
 	margin: 0 !important
 }

 .GPGamePlayerToolbar .Button .Icon+span {
 	display: none
 }

 .AdSandwich {
 	background-color: #000;
 	width: 100%
 }

 .AdSandwich .AdSandwich__Ad {
 	display: none;
 	padding: .5rem
 }

 .AdSandwich--fullScreen {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100vh;
 	z-index: 99999999
 }

 .AdSandwich--fullScreen.AdSandwich--fixedFullScreen {
 	position: fixed;
 	width: 100vw;
 	height: 100vh
 }

 .AdSandwich--fullScreen .AdSandwich__Ad--column {
 	display: none
 }

 .AdSandwich--fullScreen .AdSandwich__Ad--row {
 	display: flex
 }

 @media(min-width:2560px) {
 	.AdSandwich--fullScreen .AdSandwich__Ad--column {
 		display: flex
 	}

 	.AdSandwich--fullScreen .AdSandwich__Ad--row {
 		display: none
 	}
 }

 .GPGamePlayer {
 	background-color: #000;
 	width: 100%
 }

 .GPGamePlayer .GamePlayer__CloseButton {
 	position: fixed;
 	top: 1.5rem;
 	right: 1.5rem
 }

 .GPGamePlayer .GamePlayer--fullScreen {
 	position: absolute !important;
 	height: 100%;
 	width: 100%
 }

 @media(max-width:768px) {
 	.GPGamePlayer .GPGamePlayer__PlayButton {
 		padding-bottom: 5.25rem
 	}

 	.GPGamePlayer .GamePlayer__Anchor--bottom {
 		bottom: .75rem
 	}
 }

 .GamePage .Box h4 {
 	text-transform: uppercase;
 	font-size: 110%;
 	font-weight: 700;
 	white-space: nowrap
 }

 .GamePage .GamePlayer.GamePlayer--staticSize:not(.GamePlayer--isPlaying) {
 	min-width: 100%
 }

 .GamePage .GamePlayer:not(.GamePlayer--staticSize):not(.GamePlayer--fullScreen) .Spacer {
 	max-height: 70vh
 }

 .GamePage .GamePlayer h1 {
 	font-size: 200%;
 	font-weight: 700;
 	padding-bottom: 1rem
 }

 .GamePage #gamePreroll {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%
 }

 .GamePage__ThumbnailPreview {
 	cursor: pointer;
 	position: relative;
 	overflow: hidden;
 	width: 11.25rem;
 	height: 7.3125rem;
 	border-radius: .325rem
 }

 .GamePage__ThumbnailPreview img {
 	width: 100%;
 	height: 100%
 }

 @media(orientation:landscape)and (max-height:600px) {
 	.GamePage__ThumbnailPreview {
 		width: 11.25rem;
 		height: 7.3125rem
 	}
 }



 @media(max-width:768px) {
 	.GamePage__Game__Toolbar>.Flex:first-child {
 		margin: 0 auto .5rem
 	}

 	.GamePage__Game__Toolbar>.Flex:first-child .GPRatingUi__Rating {
 		margin-left: -.5rem
 	}

 	.GamePage__Game__Toolbar>.Flex:last-child {
 		margin: 0 auto .5rem
 	}
 }

 @media(min-width:451px) {
 	.GamePage__GamePassPromo img {
 		margin-left: .325rem
 	}
 }

 @media(max-width:450px) {
 	.GamePage__GamePassPromo {
 		height: auto
 	}

 	.GamePage__GamePassPromo>span {
 		display: flex;
 		flex-direction: column
 	}

 	.GamePage__GamePassPromo>span img {
 		margin: .325rem 0
 	}
 }

 @media(orientation:landscape)and (max-height:500px) {
 	.GamePage__GamePassPromo {
 		display: none
 	}
 }

 .GamePage__Unlock {
 	min-width: 250px
 }

 .GamePage__Unlock small,
 .GamePage__Unlock strong {
 	display: inline-block
 }

 .GamePage__Unlock small {
 	font-size: 120%
 }

 .GamePage__Unlock strong {
 	font-size: 200%;
 	margin-top: -.4rem;
 	line-height: 1
 }

 .GamePage__AlternateSuggestion p {
 	max-width: 300px
 }

 .GamePage__AlternateSuggestion small,
 .GamePage__AlternateSuggestion strong {
 	display: inline-block
 }

 .GamePage__AlternateSuggestion strong {
 	font-weight: 700
 }

 @media screen and (max-width:1250px) {
 	.GPSidebarAd {
 		display: none
 	}
 }

 .GPSidebarAd__Inner {
 	padding: .75rem;
 	border-radius: .325rem;
 	min-width: 24.75rem;
 	max-width: 24.75rem
 }

 .GPSidebarAd__GameTiles {
 	display: flex;
 	flex-wrap: wrap;
 	margin: -.375rem
 }

 .GPSidebarAd__GameTiles .AgGameTile {
 	margin: .375rem
 }

 .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 0
 }

 @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
 	}
 }

 .BlockContainer {
 	padding: .75rem 0
 }

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

 .BlockContainer:empty {
 	display: none
 }

 .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
 	}
 }

 .BlogPost,
 .NoPaddingLayout {
 	width: 100%
 }

 .BlogPost {
 	position: relative
 }

 .BlogPost h2 {
 	font-size: 125%
 }

 .BlogPost .RouterLink {
 	display: inline-flex;
 	align-items: center;
 	font-weight: 700
 }

 .BlogPost .RouterLink .Icon {
 	height: 1rem;
 	width: 1rem;
 	margin-left: .5rem
 }

 .BlogPost .Content {
 	width: 100%
 }

 .BlogPost p:empty:after {
 	content: "";
 	display: inline-block;
 	border-radius: 5px;
 	width: 90%;
 	height: 1em
 }

 .BlogPost h2 p:empty:after {
 	width: 60%
 }

 .BlogPost__Image {
 	width: 100%;
 	position: relative
 }

 .BlogPost__Image>span {
 	border-radius: .75rem
 }

 .BlogPost__Image>span>img {
 	-o-object-fit: cover;
 	object-fit: cover
 }

 .BlogPost__Image .Spacer {
 	width: 100%;
 	height: auto
 }

 .EditorialBlock .BlockHeader {
 	margin-bottom: .75rem
 }

 .EditorialBlock__Container {
 	width: 100%;
 	height: 100%
 }

 @media(min-width:59.3125rem) {
 	.EditorialBlock__Container {
 		display: flex;
 		height: 15.375rem
 	}
 }

 .EditorialBlock__Games {
 	width: 35.25rem;
 	height: 15.375rem;
 	margin-left: auto;
 	overflow: hidden;
 	display: grid;
 	grid-auto-flow: column;
 	grid-template-rows: 7.3125rem 7.3125rem;
 	grid-gap: .75rem;
 	gap: .75rem
 }

 @media(max-width:574px) {
 	.EditorialBlock__Games {
 		display: flex;
 		flex-wrap: wrap;
 		height: 23.5rem;
 		width: 23.25rem
 	}
 }

 @media(max-width:450px) {
 	.EditorialBlock__Games {
 		width: 35.25rem;
 		height: 15.375rem
 	}
 }

 @media(max-width:450px)and (hover:hover) {
 	.EditorialBlock__Games {
 		grid-template-columns: repeat(auto-fill, calc((100vw * .5) - 1.25rem - .375rem))
 	}

 	.EditorialBlock__Games .GameTile {
 		width: calc((100vw * .5) - 1.25rem - .375rem)
 	}
 }

 @media(min-width:451px) {
 	.EditorialBlock__Games {
 		grid-template-columns: repeat(auto-fill, 11.25rem)
 	}
 }

 .EditorialBlock__Content {
 	flex: 1 1;
 	height: 100%;
 	display: flex;
 	border-radius: .325rem;
 	margin-top: .75rem;
 	flex-direction: column
 }

 @media(min-width:575px) {
 	.EditorialBlock__Content {
 		flex-direction: row
 	}
 }

 @media(min-width:59.3125rem) {
 	.EditorialBlock__Content {
 		margin-top: 0;
 		margin-left: .75rem
 	}
 }

 .EditorialBlock__Image {
 	height: 100%;
 	margin-right: .75rem;
 	border-radius: .325rem;
 	overflow: hidden;
 	position: relative;
 	display: none
 }

 @media(min-width:107.3125rem) {
 	.EditorialBlock__Image {
 		display: block;
 		width: 23.25rem
 	}
 }

 @media(min-width:131.3125rem) {
 	.EditorialBlock__Image {
 		width: 35.25rem
 	}
 }

 @media(min-width:143.3125rem) {
 	.EditorialBlock__Image {
 		width: 47.25rem
 	}
 }

 @media(min-width:155.3125rem) {
 	.EditorialBlock__Image {
 		width: 59.25rem
 	}
 }

 .EditorialBlock__Image>span {
 	position: absolute !important;
 	top: 0;
 	left: 0;
 	width: 100% !important;
 	height: 100% !important
 }

 .EditorialBlock__Image img {
 	width: 100% !important;
 	height: auto !important;
 	-o-object-fit: cover;
 	object-fit: cover
 }

 .EditorialBlock__Description {
 	flex: 1 1;
 	position: relative;
 	padding: .5rem 1rem
 }

 .EditorialBlock__Description .Content {
 	max-height: 100%;
 	margin-bottom: 1rem
 }

 @media(min-width:575px) {
 	.EditorialBlock__Description .Content {
 		margin-bottom: 0
 	}
 }

 @media(min-width:950px) {
 	.EditorialBlock__Description {
 		overflow: hidden
 	}
 }

 @media(min-width:59.3125rem) {
 	.EditorialBlock__Description .Flex:last-child {
 		display: none
 	}
 }

 @media(min-width:71.3125rem) {
 	.EditorialBlock__Description .Flex:last-child {
 		display: flex
 	}
 }

 .EditorialBlock__Description .Icon {
 	width: 1.25rem;
 	height: 1.25rem;
 	margin-right: .325rem
 }

 @media(min-width:59.3125rem) {
 	.EditorialBlock__Description .Icon:first-child {
 		display: none
 	}
 }

 .EditorialBlock__Description .Icon:nth-child(2) {
 	display: none
 }

 @media(min-width:59.3125rem) {
 	.EditorialBlock__Description .Icon:nth-child(2) {
 		display: inline-block
 	}

 	.EditorialBlock__Description {
 		display: none
 	}
 }

 @media(min-width:71.3125rem) {
 	.EditorialBlock__Description {
 		display: flex
 	}
 }

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

 .EditorialBlock__Socials .Icon {
 	width: 1.25rem;
 	height: 1.25rem;
 	margin-right: .325rem
 }

 .EditorialBlock__Socials .RouterLink {
 	font-weight: 700
 }

 @media(max-width:574px) {
 	.EditorialBlock__Socials .RouterLink {
 		display: inline-flex;
 		align-items: center;
 		justify-content: center;
 		min-height: 48px
 	}
 }

 @media(min-width:59.3125rem) {
 	.EditorialBlock__Socials {
 		max-width: 11.25rem;
 		min-width: 11.25rem;
 		justify-content: center
 	}

 	.EditorialBlock__Socials .Icon {
 		width: 2rem;
 		height: 2rem
 	}

 	.EditorialBlock__Socials .RouterLink>span:nth-child(2) {
 		display: none
 	}
 }

 @media(min-width:71.3125rem) {
 	.EditorialBlock__Socials {
 		display: none;
 		padding: 1rem 2rem;
 		max-width: none;
 		min-width: none;
 		justify-content: start
 	}

 	.EditorialBlock__Socials .Icon {
 		width: 1.25rem;
 		height: 1.25rem
 	}

 	.EditorialBlock__Socials .RouterLink>span:nth-child(2) {
 		display: flex
 	}
 }

 @media(min-width:83.3125rem) {
 	.EditorialBlock__Socials {
 		display: flex
 	}
 }

 .EditorialBlock__Socials:after {
 	content: "";
 	display: block;
 	position: absolute;
 	left: 1rem;
 	right: 1rem;
 	top: 0;
 	height: 1px
 }

 @media(min-width:59.3125rem) {
 	.EditorialBlock__Socials:after {
 		display: none
 	}
 }

 @media(min-width:71.3125rem) {
 	.EditorialBlock__Socials:after {
 		display: block
 	}
 }

 @media(min-width:575px) {
 	.EditorialBlock__Socials:after {
 		right: auto;
 		top: auto;
 		left: 0;
 		width: 1px;
 		height: auto;
 		top: 1rem;
 		bottom: 1rem
 	}
 }

 .EditorialBlock__Socials li {
 	margin: .325rem 0
 }

 @media(min-width:59.3125rem) {
 	.EditorialBlock__Socials li {
 		margin: .5rem 0
 	}
 }

 @media(min-width:1152px) {
 	#__next.--stickyFooter {
 		padding-bottom: 114px
 	}
 }

 .StickyFooter {
 	position: fixed;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	height: 114px;
 	z-index: 4;
 	display: none;
 	padding: .75rem
 }

 @media(min-width:1152px) {
 	.StickyFooter {
 		display: block
 	}
 }

 .StickyFooter__GameBlock {
 	display: flex;
 	overflow: hidden;
 	flex-wrap: wrap;
 	max-height: 85px
 }

 .StickyFooter__GameBlock:first-child {
 	justify-content: flex-end
 }

 .StickyFooter__GameBlock .AgGameTile {
 	width: 130px;
 	height: 85px;
 	margin: 0 .375rem
 }

 .StickyFooter__GameBlock .AgGameTile .GameTile__Description {
 	font-size: 80% !important;
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	width: 100%
 }

 .StickyFooter__GameTileBlock {
 	width: 100%
 }

 .StickyFooter__AdBlock {
 	max-width: 728px;
 	max-height: 90px;
 	margin: 0 .375rem;
 	display: flex;
 	align-items: center;
 	justify-content: center
 }

 .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;
 }

 .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;
 	transition: opacity .2s ease
 }

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

 .MobileHeader__Menu__Panel {
 	padding: 1rem;
 	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;
 }

 .MobileHeader__DropTargets--open {
 	opacity: 1
 }



 .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
 	}
 }

 .BlockContainer {
 	padding: .75rem 0
 }

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

 .BlockContainer:empty {
 	display: none
 }

 .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
 	}
 }

 .BlogPost,
 .NoPaddingLayout {
 	width: 100%
 }

 .BlogPost {
 	position: relative
 }

 .BlogPost h2 {
 	font-size: 125%
 }

 .BlogPost .RouterLink {
 	display: inline-flex;
 	align-items: center;
 	font-weight: 700
 }

 .BlogPost .RouterLink .Icon {
 	height: 1rem;
 	width: 1rem;
 	margin-left: .5rem
 }

 .BlogPost .Content {
 	width: 100%
 }

 .BlogPost p:empty:after {
 	content: "";
 	display: inline-block;
 	border-radius: 5px;
 	width: 90%;
 	height: 1em
 }

 .BlogPost h2 p:empty:after {
 	width: 60%
 }

 .BlogPost__Image {
 	width: 100%;
 	position: relative
 }

 .BlogPost__Image>span {
 	border-radius: .75rem
 }

 .BlogPost__Image>span>img {
 	-o-object-fit: cover;
 	object-fit: cover
 }

 .BlogPost__Image .Spacer {
 	width: 100%;
 	height: auto
 }

 .EditorialBlock .BlockHeader {
 	margin-bottom: .75rem
 }

 .EditorialBlock__Container {
 	width: 100%;
 	height: 100%
 }

 @media(min-width:59.3125rem) {
 	.EditorialBlock__Container {
 		display: flex;
 		height: 15.375rem
 	}
 }

 .EditorialBlock__Games {
 	width: 35.25rem;
 	height: 15.375rem;
 	margin-left: auto;
 	overflow: hidden;
 	display: grid;
 	grid-auto-flow: column;
 	grid-template-rows: 7.3125rem 7.3125rem;
 	grid-gap: .75rem;
 	gap: .75rem
 }

 @media(max-width:574px) {
 	.EditorialBlock__Games {
 		display: flex;
 		flex-wrap: wrap;
 		height: 23.5rem;
 		width: 23.25rem
 	}
 }

 @media(max-width:450px) {
 	.EditorialBlock__Games {
 		width: 35.25rem;
 		height: 15.375rem
 	}
 }

 @media(max-width:450px)and (hover:hover) {
 	.EditorialBlock__Games {
 		grid-template-columns: repeat(auto-fill, calc((100vw * .5) - 1.25rem - .375rem))
 	}

 	.EditorialBlock__Games .GameTile {
 		width: calc((100vw * .5) - 1.25rem - .375rem)
 	}
 }

 @media(min-width:451px) {
 	.EditorialBlock__Games {
 		grid-template-columns: repeat(auto-fill, 11.25rem)
 	}
 }

 .EditorialBlock__Content {
 	flex: 1 1;
 	height: 100%;
 	display: flex;
 	border-radius: .325rem;
 	margin-top: .75rem;
 	flex-direction: column
 }

 @media(min-width:575px) {
 	.EditorialBlock__Content {
 		flex-direction: row
 	}
 }

 @media(min-width:59.3125rem) {
 	.EditorialBlock__Content {
 		margin-top: 0;
 		margin-left: .75rem
 	}
 }

 .EditorialBlock__Image {
 	height: 100%;
 	margin-right: .75rem;
 	border-radius: .325rem;
 	overflow: hidden;
 	position: relative;
 	display: none
 }

 @media(min-width:107.3125rem) {
 	.EditorialBlock__Image {
 		display: block;
 		width: 23.25rem
 	}
 }

 @media(min-width:131.3125rem) {
 	.EditorialBlock__Image {
 		width: 35.25rem
 	}
 }

 @media(min-width:143.3125rem) {
 	.EditorialBlock__Image {
 		width: 47.25rem
 	}
 }

 @media(min-width:155.3125rem) {
 	.EditorialBlock__Image {
 		width: 59.25rem
 	}
 }

 .EditorialBlock__Image>span {
 	position: absolute !important;
 	top: 0;
 	left: 0;
 	width: 100% !important;
 	height: 100% !important
 }

 .EditorialBlock__Image img {
 	width: 100% !important;
 	height: auto !important;
 	-o-object-fit: cover;
 	object-fit: cover
 }

 .EditorialBlock__Description {
 	flex: 1 1;
 	position: relative;
 	padding: .5rem 1rem
 }

 .EditorialBlock__Description .Content {
 	max-height: 100%;
 	margin-bottom: 1rem
 }

 @media(min-width:575px) {
 	.EditorialBlock__Description .Content {
 		margin-bottom: 0
 	}
 }

 @media(min-width:950px) {
 	.EditorialBlock__Description {
 		overflow: hidden
 	}
 }

 @media(min-width:59.3125rem) {
 	.EditorialBlock__Description .Flex:last-child {
 		display: none
 	}
 }

 @media(min-width:71.3125rem) {
 	.EditorialBlock__Description .Flex:last-child {
 		display: flex
 	}
 }

 .EditorialBlock__Description .Icon {
 	width: 1.25rem;
 	height: 1.25rem;
 	margin-right: .325rem
 }

 @media(min-width:59.3125rem) {
 	.EditorialBlock__Description .Icon:first-child {
 		display: none
 	}
 }

 .EditorialBlock__Description .Icon:nth-child(2) {
 	display: none
 }

 @media(min-width:59.3125rem) {
 	.EditorialBlock__Description .Icon:nth-child(2) {
 		display: inline-block
 	}

 	.EditorialBlock__Description {
 		display: none
 	}
 }

 @media(min-width:71.3125rem) {
 	.EditorialBlock__Description {
 		display: flex
 	}
 }

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

 .EditorialBlock__Socials .Icon {
 	width: 1.25rem;
 	height: 1.25rem;
 	margin-right: .325rem
 }

 .EditorialBlock__Socials .RouterLink {
 	font-weight: 700
 }

 @media(max-width:574px) {
 	.EditorialBlock__Socials .RouterLink {
 		display: inline-flex;
 		align-items: center;
 		justify-content: center;
 		min-height: 48px
 	}
 }

 @media(min-width:59.3125rem) {
 	.EditorialBlock__Socials {
 		max-width: 11.25rem;
 		min-width: 11.25rem;
 		justify-content: center
 	}

 	.EditorialBlock__Socials .Icon {
 		width: 2rem;
 		height: 2rem
 	}

 	.EditorialBlock__Socials .RouterLink>span:nth-child(2) {
 		display: none
 	}
 }

 @media(min-width:71.3125rem) {
 	.EditorialBlock__Socials {
 		display: none;
 		padding: 1rem 2rem;
 		max-width: none;
 		min-width: none;
 		justify-content: start
 	}

 	.EditorialBlock__Socials .Icon {
 		width: 1.25rem;
 		height: 1.25rem
 	}

 	.EditorialBlock__Socials .RouterLink>span:nth-child(2) {
 		display: flex
 	}
 }

 @media(min-width:83.3125rem) {
 	.EditorialBlock__Socials {
 		display: flex
 	}
 }

 .EditorialBlock__Socials:after {
 	content: "";
 	display: block;
 	position: absolute;
 	left: 1rem;
 	right: 1rem;
 	top: 0;
 	height: 1px
 }

 @media(min-width:59.3125rem) {
 	.EditorialBlock__Socials:after {
 		display: none
 	}
 }

 @media(min-width:71.3125rem) {
 	.EditorialBlock__Socials:after {
 		display: block
 	}
 }

 @media(min-width:575px) {
 	.EditorialBlock__Socials:after {
 		right: auto;
 		top: auto;
 		left: 0;
 		width: 1px;
 		height: auto;
 		top: 1rem;
 		bottom: 1rem
 	}
 }

 .EditorialBlock__Socials li {
 	margin: .325rem 0
 }

 @media(min-width:59.3125rem) {
 	.EditorialBlock__Socials li {
 		margin: .5rem 0
 	}
 }

 @media(min-width:1152px) {
 	#__next.--stickyFooter {
 		padding-bottom: 114px
 	}
 }

 .StickyFooter {
 	position: fixed;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	height: 114px;
 	z-index: 4;
 	display: none;
 	padding: .75rem
 }

 @media(min-width:1152px) {
 	.StickyFooter {
 		display: block
 	}
 }

 .StickyFooter__GameBlock {
 	display: flex;
 	overflow: hidden;
 	flex-wrap: wrap;
 	max-height: 85px
 }

 .StickyFooter__GameBlock:first-child {
 	justify-content: flex-end
 }

 .StickyFooter__GameBlock .AgGameTile {
 	width: 130px;
 	height: 85px;
 	margin: 0 .375rem
 }

 .StickyFooter__GameBlock .AgGameTile .GameTile__Description {
 	font-size: 80% !important;
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	width: 100%
 }

 .StickyFooter__GameTileBlock {
 	width: 100%
 }

 .StickyFooter__AdBlock {
 	max-width: 728px;
 	max-height: 90px;
 	margin: 0 .375rem;
 	display: flex;
 	align-items: center;
 	justify-content: center
 }