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

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 {
	max-width: 1150px;
	margin: 0 auto
}

.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 {
	padding: 1rem 0;
	position: relative;
	overflow: hidden;
}

.CategoryCarousel__Tags>div {
	position: relative;
}

.CategoryCarousel__Tags .CategoryTag {
	margin-right: .75rem;
	width: 12%;
	min-width: 12%;
	max-width: 12%
}



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



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