a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body, html {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
}

body {
    width: 100%;
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    color: inherit;
    text-decoration: none
}

* {
    box-sizing: border-box
}

html {
    font-size: 16px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

@media (min-width: 1920px) {
    html {
        font-size: 16px
    }
}

@media (max-width: 768px) {
    html {
        font-size: 14px
    }
}

body {
    display: flex;
    position: relative;
    min-height: 100svh;
    min-height: -webkit-fill-available;
    line-height: 1.3;
    flex-direction: column
}

body.--fullScreen {
    overflow: hidden !important;
    position: fixed
}

input, select, textarea {
    font-family: Lato, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

code, pre {
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-family: monospace
}

hr {
    display: block;
    height: 2px;
    margin: 2.25rem 0
}

img {
    height: auto;
    max-width: 100%
}

.Ad {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex
}

.Ad > * {
    margin: auto;
    font-size: 100%;
    word-spacing: normal
}

.AdContainer {
    margin: auto;
    pointer-events: all;
    position: relative;
    z-index: 1;
    font-size: 0;
    word-spacing: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center
}

.AdContainer--banner {
    width: 468px;
    height: 60px
}

.AdContainer--mobileBanner {
    width: 320px;
    height: 50px
}

.AdContainer--halfPage {
    width: 300px;
    height: 600px
}

.AdContainer--largeLeaderboard {
    width: 970px;
    height: 90px
}

.AdContainer--largeRect {
    width: 336px;
    height: 280px
}

.AdContainer--leaderboard {
    width: 728px;
    height: 90px
}

.AdContainer--mediumRect {
    width: 300px;
    height: 250px
}

.AdContainer--mobileLeaderboard {
    width: 320px;
    height: 50px
}

.AdContainer--skyscraper {
    width: 120px;
    height: 600px
}

.AdContainer--smallSquare {
    width: 200px;
    height: 200px
}

.AdContainer--square {
    width: 250px;
    height: 250px
}

.AdContainer--wideSkyscraper {
    width: 160px;
    height: 600px
}

.AdContainer:after {
    content: "";
    font-size: 10px;
    letter-spacing: 1px;
    position: absolute;
    pointer-events: none;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    left: 0;
    text-align: center;
    opacity: .5
}

.App {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100svh;
    flex: 1 1;
    max-width: 1440px;
    margin: auto;
}

.App, .App__Header {
    color: inherit
}

.App__Main {
    flex: 1 1;
    margin-top: 1rem;
}

.App__Footer {
    color: inherit
}

.Autocomplete {
    position: relative;
    vertical-align: top
}

.Autocomplete--active .Autocomplete__Menu, .Autocomplete--hoverable:hover .Autocomplete__Menu {
    display: block !important
}

.Autocomplete--right .Autocomplete__Menu {
    left: auto;
    right: 0
}

.Autocomplete--up .Autocomplete__Menu {
    bottom: 100%;
    padding-bottom: 4px;
    padding-top: 0;
    top: auto
}

.Autocomplete__Menu {
    left: 0;
    width: 100%;
    position: absolute;
    top: 100%;
    z-index: 20;
    min-width: 30rem;
    border-radius: 0 0 4px 4px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.Autocomplete__Content {
    padding: 15px
}

.Autocomplete__Content:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.Autocomplete .Icon {
    width: 1.25rem
}

.Block, .Box, .Subtitle, .Title {
    width: 100%
}

.Block:not(:last-child), .Box:not(:last-child), .Subtitle:not(:last-child), .Title:not(:last-child) {
    margin-bottom: 1.5rem
}

.Box {
    display: block;
    padding: 1.25rem;
    border-radius: 1.5rem;
    color: #fff;
    background-color: #393939;
    box-shadow: none;
    margin-top:1rem;
}

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

.Button {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: .325rem;
    box-shadow: none;
    display: inline-flex;
    font-size: 100%;
    height: 2.5em;
    justify-content: flex-start;
    line-height: 1.5;
    position: relative;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    justify-content: center;
    padding: calc(.5em - 1px) 1em;
    text-align: center;
    white-space: nowrap
}

.Button--active, .Button--focused, .Button:active, .Button:focus {
    outline: none
}

.Button[disabled], fieldset[disabled] .Button {
    cursor: not-allowed
}

.Button > span {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.Button .Icon, .Button .Icon--large, .Button .Icon--medium, .Button .Icon--small {
    height: 1.25em;
    width: 1.25em
}

.Button .Icon:first-child:not(:last-child) {
    margin-left: calc(-.4em - 1px);
    margin-right: .4em
}

.Button .Icon:last-child:not(:first-child) {
    margin-right: calc(-.4em - 1px);
    margin-left: .4em
}

.Button .Icon:only-child {
    margin-left: calc(-.4em - 1px);
    margin-right: calc(-.4em - 1px)
}

.Button--small {
    font-size: 75%
}

.Button--small:not(.Button--rounded) {
    border-radius: .125rem
}

.Button--normal {
    font-size: 100%
}

.Button--medium {
    font-size: 125%
}

.Button--large {
    font-size: 150%
}

.Button--fullWidth {
    display: flex;
    width: 100%
}

.Button--loading {
    color: transparent !important;
    pointer-events: none
}

.Button--loading:after {
    position: absolute;
    left: calc(50% - (1.2em * .5));
    top: calc(50% - (1.2em * .5));
    position: absolute !important
}

.Button--rounded {
    border-radius: 9999px;
    padding-left: calc(1em + .25em);
    padding-right: calc(1em + .25em)
}

.Buttons {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.Buttons .--buttonWrapper, .Buttons .Button {
    margin-bottom: .5rem
}

.Buttons .--buttonWrapper:not(:last-child):not(.Button--fullWidth), .Buttons .Button:not(:last-child):not(.Button--fullWidth) {
    margin-right: .5rem
}

.Buttons .--buttonWrapper .Button {
    margin-bottom: 0
}

.Buttons:last-child {
    margin-bottom: -.5rem
}

.Buttons:not(:last-child) {
    margin-bottom: 1rem
}

.Buttons--small .Button:not(.Button--normal):not(.Button--medium):not(.Button--large) {
    font-size: 75%
}

.Buttons--small .Button:not(.Button--normal):not(.Button--medium):not(.Button--large):not(.Button--rounded) {
    border-radius: .125rem
}

.Buttons--medium .Button:not(.Button--small):not(.Button--normal):not(.Button--large) {
    font-size: 125%
}

.Buttons--large .Button:not(.Button--small):not(.Button--normal):not(.Button--medium) {
    font-size: 150%
}

.Buttons--addons .Button:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.Buttons--addons .Button:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-left: -1px
}

.Buttons--addons .Button:last-child {
    margin-left: 0
}

.Buttons--addons .Button--hovered, .Buttons--addons .Button:hover {
    z-index: 2
}

.Buttons--addons .Button--active, .Buttons--addons .Button--focused, .Buttons--addons .Button--selected, .Buttons--addons .Button:active, .Buttons--addons .Button:focus {
    z-index: 3
}

.Buttons--addons .Button--active:hover, .Buttons--addons .Button--focused:hover, .Buttons--addons .Button--selected:hover, .Buttons--addons .Button:active:hover, .Buttons--addons .Button:focus:hover {
    z-index: 4
}

.Buttons--addons .Button--expanded {
    flex-grow: 1;
    flex-shrink: 1
}

.Buttons--centered {
    justify-content: center
}

.Buttons--centered:not(.Buttons--addons) .Button:not(.Button--fullWidth) {
    margin-left: .25rem;
    margin-right: .25rem
}

.Buttons--right {
    justify-content: flex-end
}

.Buttons--right:not(.Buttons--addons) .Button, .Buttons--right:not(.Buttons--addons) .Button:not(:last-child):not(.Button--fullWidth) {
    margin-right: 0
}

.Buttons--right:not(.Buttons--addons) .Button:not(:first-child):not(.Button--fullWidth) {
    margin-left: .5rem
}

.Carousel, .Carousel__Inner {
    position: relative
}

.Carousel__Inner {
    z-index: 0;
    display: grid;
    grid-gap: .75rem;
    grid-auto-flow: column
}

@media (max-width: 768px) {
    .Carousel__Inner {
        grid-template-rows:calc((50vw - .75rem - 4px) * .5617977528) calc((50vw - .75rem - 4px) * .5617977528);
        grid-template-columns:repeat(auto-fill, calc(50vw - .75rem - 4px))
    }
}

@media (min-width: 769px) {
    .Carousel__Inner {
        grid-template-rows:7.3125rem;
        grid-template-columns:11.25rem
    }

    .Carousel--featured .Carousel__Inner {
        grid-template-rows:7.3125rem 7.3125rem;
        grid-template-columns:repeat(auto-fill, 11.25rem)
    }

    .Carousel--featured .Carousel__Inner .GameTile--featured {
        grid-row-end: span 2;
        grid-column-end: span 2
    }
}

.Carousel--expandToEdge {
    margin: 0 -.75rem
}

@media (min-width: 769px) {
    .Carousel--expandToEdge {
        margin: 0 -1rem
    }
}

.Carousel--expandToEdge .Carousel__Inner {
    padding: 0 .75rem
}

.Carousel__Button {
    display: flex;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    padding: 0 .5rem;
    width: 3.9375rem;
    box-sizing: content-box
}

@media (min-width: 451px) {
    .Carousel__Button:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%
    }
}

.Carousel__Button .Button {
    padding: 1.65em;
    z-index: 2
}

.Carousel__Button .Button .Icon {
    width: 1em;
    height: 1em
}

.Carousel__Button--left {
    left: 0
}

.Carousel__Button--right {
    right: 0
}

.Carousel .GameTile:not(.GameTile--finished) {
    opacity: 0
}

.Checkbox {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    line-height: 1.25;
    position: relative
}

.Checkbox input {
    display: none
}

.Checkbox input[disabled] + span, .Checkbox[disabled], fieldset[disabled] .Checkbox {
    cursor: not-allowed
}

.Checkbox input + span {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: .325rem;
    box-shadow: none;
    display: inline-flex;
    font-size: 100%;
    height: 2.5em;
    justify-content: flex-start;
    line-height: 1.5;
    position: relative;
    vertical-align: top;
    min-width: 1.5em;
    min-height: 1.5em;
    max-width: 1.5em;
    max-height: 1.5em;
    padding: 0;
    margin-right: .625em;
    cursor: pointer;
    display: inline-block
}

.Checkbox input + span--active, .Checkbox input + span--focused, .Checkbox input + span:active, .Checkbox input + span:focus {
    outline: none
}

.Checkbox input + span[disabled], fieldset[disabled] .Checkbox input + span {
    cursor: not-allowed
}

.Checkbox span:last-of-type {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.Checkbox--small {
    font-size: 75%
}

.Checkbox--medium {
    font-size: 125%
}

.Checkbox--large {
    font-size: 150%
}

.Checkbox input + span {
    border-radius: .125em
}

.Radio {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    line-height: 1.25;
    position: relative
}

.Radio input {
    display: none
}

.Radio input[disabled] + span, .Radio[disabled], fieldset[disabled] .Radio {
    cursor: not-allowed
}

.Radio input + span {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: .325rem;
    box-shadow: none;
    display: inline-flex;
    font-size: 100%;
    height: 2.5em;
    justify-content: flex-start;
    line-height: 1.5;
    position: relative;
    vertical-align: top;
    min-width: 1.5em;
    min-height: 1.5em;
    max-width: 1.5em;
    max-height: 1.5em;
    padding: 0;
    margin-right: .625em;
    cursor: pointer;
    display: inline-block
}

.Radio input + span--active, .Radio input + span--focused, .Radio input + span:active, .Radio input + span:focus {
    outline: none
}

.Radio input + span[disabled], fieldset[disabled] .Radio input + span {
    cursor: not-allowed
}

.Radio span:last-of-type {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.Radio--small {
    font-size: 75%
}

.Radio--medium {
    font-size: 125%
}

.Radio--large {
    font-size: 150%
}

.Radio input + span {
    border-radius: 9999px
}

.Radio + .Radio {
    margin-right: .5em
}

.Container {
    width: 100%;
    padding: 0 .75rem
}

@media (min-width: 1152px) {
    .Container {
        padding: 0 1rem
    }
}

.Container--noPadding {
    padding: 0 !important
}

.Container__Inner {
    width: 100%;
    margin: 0 auto;
    max-width: 1820px
}

@media (min-width: 1920px) {
    .Container__Inner {
        max-width: 147.25rem
    }
}

.Container__Inner--wide {
    max-width: none !important
}

.Content {
    line-height: 1.4
}

.Content > :not(:last-child) {
    margin-bottom: .75rem
}

.Content ol, .Content ul {
    padding-left: 1.25em
}

.Content ol > li:not(:last-child), .Content ul > li:not(:last-child) {
    margin-bottom: .375rem
}

.Content ul {
    list-style-type: disc
}

.Content ol {
    list-style-type: decimal
}

.Content--large > :not(.Title):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    font-size: 120%
}

.Control {
    box-sizing: border-box;
    clear: both;
    font-size: 100%;
    position: relative;
    text-align: inherit
}

.Control--iconsLeft .Input--small ~ .Icon, .Control--iconsLeft .Select--small ~ .Icon, .Control--iconsRight .Input--small ~ .Icon, .Control--iconsRight .Select--small ~ .Icon {
    font-size: 75%
}

.Control--iconsLeft .Input--medium ~ .Icon, .Control--iconsLeft .Select--medium ~ .Icon, .Control--iconsRight .Input--medium ~ .Icon, .Control--iconsRight .Select--medium ~ .Icon {
    font-size: 125%
}

.Control--iconsLeft .Input--large ~ .Icon, .Control--iconsLeft .Select--large ~ .Icon, .Control--iconsRight .Input--large ~ .Icon, .Control--iconsRight .Select--large ~ .Icon {
    font-size: 150%
}

.Control--iconsLeft .Icon, .Control--iconsRight .Icon {
    height: 2.5em;
    width: 1.25em;
    position: absolute;
    top: 0;
    z-index: 4
}

.Control--iconsLeft .Input, .Control--iconsLeft .Select select {
    padding-left: 2.5em
}

.Control--iconsLeft .Icon {
    left: 1em
}

.Control--iconsRight .Input, .Control--iconsRight .Select select {
    padding-right: 2.5em
}

.Control--iconsRight .Icon {
    right: 1em
}

.Control--loading:after {
    position: absolute !important;
    top: .625em;
    z-index: 4
}

.Control--loading--small:after {
    font-size: 75%
}

.Control--loading--medium:after {
    font-size: 125%
}

.Control--loading--large:after {
    font-size: 150%
}

.Delete {
    position: relative;
    border-radius: 9999px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    pointer-events: auto;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 0;
    outline: 0;
    vertical-align: top;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem
}

.Delete:after, .Delete:before {
    position: absolute;
    display: block;
    content: "";
    width: 2px;
    height: 1rem
}

.Delete:before {
    transform: rotate(45deg)
}

.Delete:after {
    transform: rotate(-45deg)
}

.Delete--large {
    width: 3rem;
    height: 3rem
}

.Delete--large:after, .Delete--large:before {
    width: 4px;
    height: 1.98rem
}

.Dropdown {
    display: inline-flex;
    position: relative;
    vertical-align: top
}

.Menu_item {
    width: 100%;
    text-align: center;
}

.menu_list{
    line-height: 3;
    display: grid;
    position: relative;
    left: 25%;
    text-align: left;
    margin-bottom: 2rem;
}

.menu_cate_item{
    display: flex;
    align-items: center;
}

.menu_cate_item img{
    margin-right: .5rem;
}

.menu_cate_item span{
     font-weight: bold;
     font-size: 1.5rem;
}

.Dropdown__Content {
    border-radius: .325rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    overflow-y: auto;
    max-height: 50vh
}

@media (min-width: 769px) {
    .Dropdown__Content {
        max-height: 300px
    }
}

.DropdownItem {
    display: block;
    font-size: .875rem;
    line-height: 1.5;
    padding: .375rem 1rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

a.DropdownItem {
    cursor: pointer;
    padding-right: 3rem;
    text-align: inherit;
    white-space: nowrap;
    width: 100%
}

.DropdownDivider {
    border: none;
    display: block;
    height: 1px;
    margin: .5rem 0
}

.Field:not(:last-child) {
    margin-bottom: .75rem
}

.Field--addons {
    display: flex;
    justify-content: flex-start
}

.Field--addons .Control:not(:first-child):not(:last-child) .Button, .Field--addons .Control:not(:first-child):not(:last-child) .Input, .Field--addons .Control:not(:first-child):not(:last-child) .Select select {
    border-radius: 0
}

.Field--addons .Control:first-child:not(:only-child) .Button, .Field--addons .Control:first-child:not(:only-child) .Input, .Field--addons .Control:first-child:not(:only-child) .Select select {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.Field--addons .Control:last-child:not(:only-child) .Button, .Field--addons .Control:last-child:not(:only-child) .Input, .Field--addons .Control:last-child:not(:only-child) .Select select {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.Field--addons .Control .Button--hovered, .Field--addons .Control .Button:hover, .Field--addons .Control .Input--hovered, .Field--addons .Control .Input:hover, .Field--addons .Control .Select select--hovered, .Field--addons .Control .Select select:hover {
    z-index: 2
}

.Field--addons .Control .Button--active, .Field--addons .Control .Button--focused, .Field--addons .Control .Button:active, .Field--addons .Control .Button:focus, .Field--addons .Control .Input--active, .Field--addons .Control .Input--focused, .Field--addons .Control .Input:active, .Field--addons .Control .Input:focus, .Field--addons .Control .Select select--active, .Field--addons .Control .Select select--focused, .Field--addons .Control .Select select:active, .Field--addons .Control .Select select:focus {
    z-index: 3
}

.Field--addons .Control .Button--active:hover, .Field--addons .Control .Button--focused:hover, .Field--addons .Control .Button:active:hover, .Field--addons .Control .Button:focus:hover, .Field--addons .Control .Input--active:hover, .Field--addons .Control .Input--focused:hover, .Field--addons .Control .Input:active:hover, .Field--addons .Control .Input:focus:hover, .Field--addons .Control .Select select--active:hover, .Field--addons .Control .Select select--focused:hover, .Field--addons .Control .Select select:active:hover, .Field--addons .Control .Select select:focus:hover {
    z-index: 4
}

.Field--addons .Control--expanded {
    flex-grow: 1;
    flex-shrink: 1
}

.Field--addons--addonsCentered {
    justify-content: center
}

.Field--addons--addonsRight {
    justify-content: flex-end
}

.Field--addons--addonsFullwidth .Control {
    flex-grow: 1;
    flex-shrink: 0
}

.Field--grouped {
    display: flex;
    justify-content: flex-start
}

.Field--grouped > .Control {
    flex-shrink: 0
}

.Field--grouped > .Control:not(:last-child) {
    margin-bottom: 0;
    margin-left: .75rem
}

.Field--grouped > .Control--expanded {
    flex-grow: 1;
    flex-shrink: 1
}

.Field--grouped--groupedCentered {
    justify-content: center
}

.Field--grouped--groupedRight {
    justify-content: flex-end
}

.Field--grouped--groupedMultiline {
    flex-wrap: wrap
}

.Field--grouped--groupedMultiline > .Control:last-child, .Field--grouped--groupedMultiline > .Control:not(:last-child) {
    margin-bottom: .75rem
}

.Field--grouped--groupedMultiline:last-child {
    margin-bottom: -.75rem
}

.Field--grouped--groupedMultiline:not(:last-child) {
    margin-bottom: 0
}

@media (min-width: 451px) {
    .Field--horizontal {
        display: flex
    }
}

.FieldLabel {
    display: block;
    font-size: 100%;
    font-weight: 700
}

.FieldLabel:not(:last-child) {
    margin-bottom: .5em
}

.FieldLabel--small {
    font-size: 75%
}

.FieldLabel--medium {
    font-size: 125%
}

.FieldLabel--large {
    font-size: 150%
}

.FieldHelp {
    display: block;
    font-size: 75%;
    margin-top: .325rem
}

.FieldBodyLabel .FieldLabel {
    font-size: inherit
}

@media (max-width: 768px) {
    .FieldBodyLabel {
        margin-bottom: .5rem
    }
}

@media (min-width: 451px) {
    .FieldBodyLabel {
        flex-basis: 0;
        flex-grow: 1;
        flex-shrink: 0;
        margin-left: 1.5em;
        text-align: right;
        padding-top: .325em
    }
}

.FieldBodyLabel--small {
    font-size: 75%
}

.FieldBodyLabel--medium {
    font-size: 125%
}

.FieldBodyLabel--large {
    font-size: 150%
}

.FieldBody .Field .Field {
    margin-bottom: 0
}

@media (min-width: 451px) {
    .FieldBody {
        display: flex;
        flex-basis: 0;
        flex-grow: 5;
        flex-shrink: 1
    }

    .FieldBody .Field {
        margin-bottom: 0
    }

    .FieldBody > .Field {
        flex-shrink: 1
    }

    .FieldBody > .Field:not(.Field--narrow) {
        flex-grow: 1
    }

    .FieldBody > .Field:not(:last-child) {
        margin-left: .75rem
    }
}

.Flex {
    display: flex
}

.Flex--inline {
    display: inline-flex
}

.Flex--wrap {
    flex-wrap: wrap
}

.Flex--wrapReverse {
    flex-wrap: wrap-reverse
}

.Flex--directionColumn {
    flex-direction: column
}

.Flex--directionColReverse {
    flex-direction: column-reverse
}

.Flex--directionRow {
    flex-direction: row
}

.Flex--directionRowReverse {
    flex-direction: row-reverse
}

.Flex--alignStart {
    align-items: flex-start
}

.Flex--alignEnd {
    align-items: flex-end
}

.Flex--alignCenter {
    align-items: center
}

.Flex--alignBaseline {
    align-items: baseline
}

.Flex--alignStretch {
    align-items: stretch
}

.Flex--justifyStart {
    justify-content: flex-start
}

.Flex--justifyEnd {
    justify-content: flex-end
}

.Flex--justifyCenter {
    justify-content: center
}

.Flex--justifySpaceBetween {
    justify-content: space-between
}

.Flex--justifySpaceAround {
    justify-content: space-around
}

.Flex--justifySpaceEvenly {
    justify-content: space-evenly
}

.Flex--pullTop {
    margin-bottom: auto !important
}

.Flex--pullRight {
    margin-left: auto !important
}

.Flex--pullBottom {
    margin-top: auto !important
}

.Flex--centerX, .Flex--pullLeft {
    margin-right: auto !important
}

.Flex--centerX {
    margin-left: auto !important
}

.Flex--centerY {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.Flex--center {
    margin: auto !important
}

.Flex--expand {
    flex: 1 0 auto
}

.Flex--fit {
    flex: 1 1;
    min-width: 0
}

.Flex--narrow {
    flex: none;
    width: unset
}

.Flex--wide {
    width: 100%
}

.Flex--tall {
    height: 100%
}

.Flex--fill {
    width: 100%;
    height: 100%
}

.Flex--rigid {
    flex: 0 0 auto
}

.Flex--threeQuarters {
    flex: none;
    width: 75%
}

.Flex--twoThirds {
    flex: none;
    width: 66.6666%
}

.Flex--half {
    flex: none;
    width: 50%
}

.Flex--oneThird {
    flex: none;
    width: 33.3333%
}

.Flex--oneQuarter {
    flex: none;
    width: 25%
}

.Flex--oneFifth {
    flex: none;
    width: 20%
}

.Flex--twoFifths {
    flex: none;
    width: 40%
}

.Flex--threeFifths {
    flex: none;
    width: 60%
}

.Flex--fourFifths {
    flex: none;
    width: 80%
}

@media (max-width: 768px) {
    .Flex--collapseMobile {
        flex-direction: column !important
    }

    .Flex--collapseMobile > .Flex {
        width: auto !important
    }
}

@media (max-width: 1151px) {
    .Flex--collapseNarrow {
        flex-direction: column !important
    }

    .Flex--collapseNarrow > .Flex {
        width: auto !important
    }
}

@media (max-width: 959px) {
    .Flex--collapseDesktop {
        flex-direction: column !important
    }

    .Flex--collapseDesktop > .Flex {
        width: auto !important
    }
}

.Flex--gap1.Flex--container {
    margin-left: -.75rem;
    margin-right: -.75rem;
    margin-top: -.75rem
}

.Flex--gap1.Flex--container:last-child {
    margin-bottom: -.75rem
}

.Flex--gap1.Flex--container:not(:last-child) {
    margin-bottom: .75rem
}

.Flex--gap1 > * {
    margin: .75rem
}

.Flex--gap2.Flex--container {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-top: -1.5rem
}

.Flex--gap2.Flex--container:last-child {
    margin-bottom: -1.5rem
}

.Flex--gap2.Flex--container:not(:last-child) {
    margin-bottom: 1.5rem
}

.Flex--gap2 > * {
    margin: 1.5rem
}

.Flex--gap3.Flex--container {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
    margin-top: -2.25rem
}

.Flex--gap3.Flex--container:last-child {
    margin-bottom: -2.25rem
}

.Flex--gap3.Flex--container:not(:last-child) {
    margin-bottom: 2.25rem
}

.Flex--gap3 > * {
    margin: 2.25rem
}

.Flex--gap4.Flex--container {
    margin-left: -3rem;
    margin-right: -3rem;
    margin-top: -3rem
}

.Flex--gap4.Flex--container:last-child {
    margin-bottom: -3rem
}

.Flex--gap4.Flex--container:not(:last-child) {
    margin-bottom: 3rem
}

.Flex--gap4 > * {
    margin: 3rem
}

.Flex--gap5.Flex--container {
    margin-left: -3.75rem;
    margin-right: -3.75rem;
    margin-top: -3.75rem
}

.Flex--gap5.Flex--container:last-child {
    margin-bottom: -3.75rem
}

.Flex--gap5.Flex--container:not(:last-child) {
    margin-bottom: 3.75rem
}

.Flex--gap5 > * {
    margin: 3.75rem
}

.Flex--gap6.Flex--container {
    margin-left: -4.5rem;
    margin-right: -4.5rem;
    margin-top: -4.5rem
}

.Flex--gap6.Flex--container:last-child {
    margin-bottom: -4.5rem
}

.Flex--gap6.Flex--container:not(:last-child) {
    margin-bottom: 4.5rem
}

.Flex--gap6 > * {
    margin: 4.5rem
}

.Flex--gap0.Flex--container {
    margin-left: -.5rem;
    margin-right: -.5rem;
    margin-top: -.5rem
}

.Flex--gap0.Flex--container:last-child {
    margin-bottom: -.5rem
}

.Flex--gap0.Flex--container:not(:last-child) {
    margin-bottom: .5rem
}

.Flex--gap0 > * {
    margin: .5rem
}

.GamePlayer {
    position: relative;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 300px;
    min-height: 300px;
    overflow: hidden
}

.GamePlayer--fluid {
    width: 100%
}

.GamePlayer--fluid .GamePlayer__Game {
    width: 100%;
    height: 100%;
    z-index: 2
}

.GamePlayer--fluid .GamePlayer__Game iframe, .GamePlayer--fluid .GamePlayer__Game object, .GamePlayer--fluid .GamePlayer__Game ruffle-object {
    position: absolute
}

.GamePlayer--fluid .GamePlayer__Game ruffle-embed {
    width: 100%;
    height: 100%
}

.GamePlayer__Incompatible, .GamePlayer__Overlay, .GamePlayer__PreviewOverlay, .GamePlayer__PreviewOverlay:after {
    position: absolute;
    pointer-events: none;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px
}

.GamePlayer__Overlay, .GamePlayer__PreviewOverlay {
    z-index: 2
}

.GamePlayer__Overlay > *, .GamePlayer__PreviewOverlay > * {
    pointer-events: auto
}

.GamePlayer__PreviewOverlay {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;

}

@media screen and (min-width: 768px) {
    .GamePlayer__PreviewOverlay {
        filter: blur(8px);
    }

}


@media (max-width: 768px) {
    .GamePlayer__PreviewOverlay--remove {
        display: none
    }
}

.GamePlayer__PreviewOverlay:after {
    content: "";
    display: block
}

.GamePlayer__Game {
    z-index: 1;
    position: relative;
    pointer-events: none
}

.GamePlayer__Game iframe, .GamePlayer__Game object {
    position: relative;
    pointer-events: auto;
    z-index: 1
}

.GamePlayer__Anchor {
    position: absolute;
    pointer-events: none;
    z-index: 4
}

.GamePlayer__Anchor > * {
    pointer-events: auto
}

.GamePlayer__Anchor--top {
    top: 1.5rem
}

.GamePlayer__Anchor--right {
    right: 1.5rem
}

.GamePlayer__Anchor--bottom {
    bottom: 1.5rem
}

.GamePlayer__Anchor--left {
    left: 1.5rem
}

.GamePlayer__Incompatible {
    z-index: 3;
    pointer-events: all;
    padding: 1.5rem;
    text-align: center
}

@media (hover: hover) {
    .GamePlayer__Incompatible--landscape, .GamePlayer__Incompatible--mobile, .GamePlayer__Incompatible--portrait {
        display: none
    }
}

.GamePlayer--fullScreen {
    position: fixed;
    z-index: 99999999
}

.GamePlayer--fullScreen .GamePlayer__Game {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 100% !important
}

.GamePlayer--fullScreen .GamePlayer__Game iframe, .GamePlayer--fullScreen .GamePlayer__Game object {
    position: absolute
}

.GamePlayer__CloseButton {
    font-weight: lighter;
    background: hsla(0, 0%, 100%, .2);
    width: 1.25rem;
    height: 1.25rem;
    display: none;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border-radius: 1rem;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    color: #fff;
    font-family: sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

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

.GameTile {
    position: relative;
    cursor: pointer;
    display: block;
    /*width: 11.25rem;*/
    width: 100%;
    height: 7.3125rem;
    border-radius: .325rem;
    overflow: hidden;
    align-self: flex-start;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.GameTile__Preview {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    word-spacing: 0;
    border-radius: .325rem;
    overflow: hidden
}

.GameTile__Description {
    position: absolute;
    z-index: 1;
    bottom: 4px;
    left: 10px;
    width: 100%;
    pointer-events: none;
    /* font-size: 1.4rem; */
    font-weight: bold;
    color: #fff;
}

.GameTile__Status {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0
}

.GameTile--featured {
    width: calc(22.5rem + .75rem);
    height: calc(14.625rem + .75rem)
}

.GameTile--fullWidth {
    width: 100% !important;
    height: auto
}

.GameTile--stretch {
    height: 100%
}

.GameTile--floating {
    position: absolute;
    z-index: 1
}

.GameTile--disabled {
    cursor: not-allowed
}

.GameTile--disabled .GameTileThumbnail, .GameTile--disabled .GameTileVideoThumbnail {
    filter: grayscale(100%)
}

.GameTileDescription, .GameTileStatus {
    padding: .75em
}

.GameTileVideoThumbnail {
    position: relative;
    width: 100%;
    height: 100%
}

.GameTileVideoThumbnail video {
    background-color: transparent
}

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

.img-hover {
    /*pointer-events: none;*/
    /*transition: opacity .2s ease;*/
    /*position: relative;*/
    /*z-index: 1*/
    transition: all 0.6s;
}

.GameTileVideoThumbnail__Video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: 0
}

.GameTileVideoThumbnail--play .img-hover {
    opacity: 0
}

.Hamburger {
    font-size: 125%;
    width: 1.3em;
    height: 1em;
    position: relative;
    cursor: pointer
}

.Hamburger span, .Hamburger:after, .Hamburger:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    border-top: 2px solid;
    top: calc(50% - 1px)
}

.Hamburger:before {
    top: 0
}

.Hamburger:after {
    top: auto;
    bottom: 0
}

.Hamburger--rounded span, .Hamburger--rounded:after, .Hamburger--rounded:before {
    border-radius: 1em
}

.Icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    height: 1.5rem;
    width: 1.5rem;
    position: relative
}

.Icon--small {
    font-size: 75%;
    height: 1rem;
    width: 1rem
}

.Icon--medium {
    font-size: 125%;
    height: 2rem;
    width: 2rem
}

.Icon--large {
    font-size: 150%;
    height: 3rem;
    width: 3rem
}

.Icon img, .Icon svg {
    width: 100%;
    height: auto
}

.IconWithText {
    align-items: flex-start;
    color: inherit;
    display: inline-flex;
    flex-wrap: wrap;
    line-height: 1.5rem;
    vertical-align: top
}

.IconWithText .Icon {
    flex-grow: 0;
    flex-shrink: 0
}

.IconWithText .Icon:not(:last-child) {
    margin-right: .25em
}

.IconWithText .Icon:not(:first-child) {
    margin-left: .25em
}

div.IconText {
    display: flex
}

.Input {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: .325rem;
    box-shadow: none;
    display: inline-flex;
    font-size: 100%;
    height: 2.5em;
    justify-content: flex-start;
    line-height: 1.5;
    padding: calc(.5em - 1px) calc(1em - 1px);
    position: relative;
    vertical-align: top;
    max-width: 100%;
    width: 100%;
    background: #bdbab7;
}

.Input--active, .Input--focused, .Input:active, .Input:focus {
    outline: none
}

.Input[disabled], fieldset[disabled] .Input {
    cursor: not-allowed
}

.Input--small {
    border-radius: .125rem;
    font-size: 75%
}

.Input--medium {
    font-size: 125%
}

.Input--large {
    font-size: 150%
}

.Input--rounded {
    border-radius: 9999px;
    padding-left: calc(calc(1em - 1px) + .375em);
    padding-right: calc(calc(1em - 1px) + .375em)
}

.Input[type=number] {
    width: auto;
    min-width: 8em;
    text-align: center
}

.Textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: .325rem;
    box-shadow: none;
    display: inline-flex;
    font-size: 100%;
    height: 2.5em;
    justify-content: flex-start;
    line-height: 1.5;
    position: relative;
    vertical-align: top;
    width: 100%;
    display: block;
    max-width: 100%;
    min-width: 100%;
    padding: calc(1em - 1px);
    resize: vertical
}

.Textarea--active, .Textarea--focused, .Textarea:active, .Textarea:focus {
    outline: none
}

.Textarea[disabled], fieldset[disabled] .Textarea {
    cursor: not-allowed
}

.Textarea--small {
    border-radius: .125rem;
    font-size: 75%
}

.Textarea--medium {
    font-size: 125%
}

.Textarea--large {
    font-size: 150%
}

.Textarea:not([rows]) {
    max-height: 40em;
    min-height: 8em
}

.Textarea[rows] {
    height: auto
}

.Textarea--fixedSize {
    resize: none
}

.LoaderFill {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000009
}

.Menu {
    font-size: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.MenuList {
    line-height: 1.25
}

.MenuList a {
    border-radius: .125rem;
    display: block;
    padding: .5em .75em;
    cursor: pointer
}

.MenuList a.--active, .MenuList a.RouterLink--active {
    cursor: default
}

.MenuList li ul {
    margin: .75em;
    padding-left: .75em
}

.MenuList hr {
    margin: 1.5rem 0
}

.MenuLabel {
    font-size: .75em;
    letter-spacing: .1em;
    text-transform: uppercase
}

.MenuLabel:not(:first-child) {
    margin-top: 1em
}

.MenuLabel:not(:last-child) {
    margin-bottom: 1em
}

.Modal {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    z-index: 100000001;
    pointer-events: none
}

.Modal > * {
    pointer-events: auto
}

.ModalCard {
    display: flex;
    flex-direction: column;
    margin: 0 1.5rem;
    max-height: calc(100svh - 3rem);
    overflow: hidden;
    position: relative;
    width: 100%
}

@media (min-width: 451px) {
    .ModalCard:not(.ModalCard--autoWidth) {
        margin: 0 auto;
        max-width: 640px
    }

    .ModalCard--autoWidth {
        margin: 0 auto;
        width: auto;
        min-width: 450px
    }
}

@media (min-width: 769px) {
    .ModalCard--halfHeight {
        min-height: 400px;
        max-height: 50vh
    }
}

.ModalCard__Foot, .ModalCard__Head {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-start;
    padding: 1.5rem;
    position: relative
}

.ModalCard__Head {
    border-bottom: 1px solid;
    border-top-left-radius: .325rem;
    border-top-right-radius: .325rem
}

.ModalCard__Title {
    flex-grow: 1;
    flex-shrink: 0;
    font-size: 125%;
    line-height: 1.125;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.ModalCard__Foot {
    border-bottom-left-radius: .325rem;
    border-bottom-right-radius: .325rem;
    border-top: 1px solid
}

.ModalCard__Foot .Button:not(:last-child) {
    margin-right: .5em
}

.ModalCard__Body {
    -webkit-overflow-scrolling: touch;
    flex-grow: 1;
    flex-shrink: 1;
    overflow: auto;
    padding: 1.5rem
}

.ModalCard__Body:first-child {
    border-radius: .325rem .325rem 0 0
}

.ModalCard__Body:last-child {
    border-radius: 0 0 .325rem .325rem
}

.ModalCard__Body:only-child {
    border-radius: .325rem
}

.Modals {
    position: fixed;
    pointer-events: none;
    z-index: 100000001
}

.Modals, .Modals__Bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.Modals__Bg {
    position: absolute;
    z-index: 1;
    pointer-events: auto
}

.Modals__Content {
    margin: 0 1.5rem;
    max-height: calc(100svh - 3rem);
    overflow: auto;
    position: relative;
    width: 100%;
    max-width: calc(100svw - 3rem);
    z-index: 2
}

@media (min-width: 769px) {
    .Modals__Content {
        margin: 0 auto;
        max-width: 640px
    }
}

.Modals > .Delete {
    position: absolute;
    top: .75rem;
    right: .75rem;
    z-index: 3
}

@media (min-width: 769px) {
    .Modals > .Delete {
        top: 1.5rem;
        right: 1.5rem
    }
}

.Notification {
    position: relative;
    border-radius: .325rem;
    padding: 1.25rem 2.5rem 1.25rem 1.5rem
}

.Notification a:not(.button):not(.dropdown-item) {
    color: currentColor;
    text-decoration: underline
}

.Notification strong {
    color: currentColor
}

.Notification .Delete {
    top: .5rem;
    right: .5rem;
    position: absolute
}

.Notifications {
    position: fixed;
    z-index: 100000002;
    pointer-events: none;
    top: 1.5rem;
    display: flex;
    left: 1.5rem
}

.Notifications .Notification {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: auto;
    margin-bottom: .75rem
}

.Notifications--topRight {
    left: auto;
    right: 1.5rem
}

.Notifications--center {
    right: 1.5rem
}

.Notifications--center .Notification {
    margin: 0 auto
}

@media (max-width: 768px) {
    .Notifications {
        left: 1.5rem;
        right: 1.5rem
    }

    .Notifications .Notification, .Notifications .TransitionList {
        width: 100%
    }
}

.Page {
    display: flex;
    width: 100%
}

.PageLoader {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    pointer-events: none;
    transform-origin: 0 0;
    transform: scaleX(0);
    opacity: 0
}

.Select {
    display: inline-block;
    max-width: 100%;
    position: relative
}

.Select:not(.Select--loading):after {
    right: 1.125em;
    z-index: 4
}

.Select--rounded select {
    border-radius: 9999px;
    padding-right: 1em
}

.Select select {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: .325rem;
    box-shadow: none;
    display: inline-flex;
    font-size: 100%;
    height: 2.5em;
    justify-content: flex-start;
    line-height: 1.5;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    display: block;
    font-size: 1em;
    max-width: 100%;
    outline: none;
    padding: calc(.5em - 1px) 2.5em calc(.5em - 1px) calc(1em - 1px)
}

.Select select--active, .Select select--focused, .Select select:active, .Select select:focus {
    outline: none
}

.Select select[disabled], fieldset[disabled] .Select select {
    cursor: not-allowed
}

.Select select::-ms-expand {
    display: none
}

.Select--small {
    border-radius: .125rem;
    font-size: 75%
}

.Select--medium {
    font-size: 125%
}

.Select--large {
    font-size: 150%
}

.Select--fullwidth, .Select--fullwidth select {
    width: 100%
}

.Select--loading:after {
    margin-top: 0;
    position: absolute;
    right: .625em;
    top: .625em;
    transform: none
}

.Select--loading--small:after {
    font-size: 75%
}

.Select--loading--medium:after {
    font-size: 125%
}

.Select--loading--large:after {
    font-size: 150%
}

.Spacer {
    pointer-events: none;
    visibility: hidden
}

.Spacer--wide {
    width: 100%;
    height: auto
}

.Spacer--tall {
    height: 100%;
    width: auto
}

.Tile {
    align-items: stretch;
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    min-height: -moz-min-content;
    min-height: min-content
}

.Tile--child {
    margin: 0 !important
}

.Tile--shrink {
    flex-grow: 0
}

.Tile--vertical {
    flex-direction: column
}

.Tile--vertical > .Tile--child:not(:last-child) {
    margin-bottom: 1.5rem !important
}

.Tile--gap1.Tile--container {
    margin-left: -.75rem;
    margin-right: -.75rem;
    margin-top: -.75rem
}

.Tile--gap1.Tile--container:last-child {
    margin-bottom: -.75rem
}

.Tile--gap1.Tile--container:not(:last-child) {
    margin-bottom: .75rem
}

.Tile--gap1 .Tile--parent {
    padding: .75rem
}

.Tile--gap2.Tile--container {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-top: -1.5rem
}

.Tile--gap2.Tile--container:last-child {
    margin-bottom: -1.5rem
}

.Tile--gap2.Tile--container:not(:last-child) {
    margin-bottom: 1.5rem
}

.Tile--gap2 .Tile--parent {
    padding: 1.5rem
}

.Tile--gap3.Tile--container {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
    margin-top: -2.25rem
}

.Tile--gap3.Tile--container:last-child {
    margin-bottom: -2.25rem
}

.Tile--gap3.Tile--container:not(:last-child) {
    margin-bottom: 2.25rem
}

.Tile--gap3 .Tile--parent {
    padding: 2.25rem
}

.Tile--gap4.Tile--container {
    margin-left: -3rem;
    margin-right: -3rem;
    margin-top: -3rem
}

.Tile--gap4.Tile--container:last-child {
    margin-bottom: -3rem
}

.Tile--gap4.Tile--container:not(:last-child) {
    margin-bottom: 3rem
}

.Tile--gap4 .Tile--parent {
    padding: 3rem
}

.Tile--gap5.Tile--container {
    margin-left: -3.75rem;
    margin-right: -3.75rem;
    margin-top: -3.75rem
}

.Tile--gap5.Tile--container:last-child {
    margin-bottom: -3.75rem
}

.Tile--gap5.Tile--container:not(:last-child) {
    margin-bottom: 3.75rem
}

.Tile--gap5 .Tile--parent {
    padding: 3.75rem
}

.Tile--gap6.Tile--container {
    margin-left: -4.5rem;
    margin-right: -4.5rem;
    margin-top: -4.5rem
}

.Tile--gap6.Tile--container:last-child {
    margin-bottom: -4.5rem
}

.Tile--gap6.Tile--container:not(:last-child) {
    margin-bottom: 4.5rem
}

.Tile--gap6 .Tile--parent {
    padding: 4.5rem
}

@media (min-width: 769px) {
    .Tile:not(.Tile--child) {
        display: flex
    }

    .Tile--size1 {
        flex: none;
        width: 8.334%
    }

    .Tile--size2 {
        flex: none;
        width: 16.668%
    }

    .Tile--size3 {
        flex: none;
        width: 25.002%
    }

    .Tile--size4 {
        flex: none;
        width: 33.336%
    }

    .Tile--size5 {
        flex: none;
        width: 41.67%
    }

    .Tile--size6 {
        flex: none;
        width: 50.004%
    }

    .Tile--size7 {
        flex: none;
        width: 58.338%
    }

    .Tile--size8 {
        flex: none;
        width: 66.672%
    }

    .Tile--size9 {
        flex: none;
        width: 75.006%
    }

    .Tile--size10 {
        flex: none;
        width: 83.34%
    }

    .Tile--size11 {
        flex: none;
        width: 91.674%
    }

    .Tile--size12 {
        flex: none;
        width: 100.008%
    }
}

.Subtitle, .Title {
    word-break: break-word
}

.Subtitle em, .Subtitle span, .Title em, .Title span {
    font-weight: inherit
}

.Title {
    font-family: Lato, sans-serif;
    font-size: 200%;
    font-weight: 700;
    line-height: 1.125
}

.Title:not(.Title--spaced) + .Subtitle {
    margin-top: -1.25em
}

.Title--size1 {
    font-size: 300%
}

.Title--size2 {
    font-size: 250%
}

.Title--size3 {
    font-size: 200%
}

.Title--size4 {
    font-size: 150%
}

.Title--size5 {
    font-size: 125%
}

.Title--size6 {
    font-size: 100%
}

.Title--size7 {
    font-size: 75%
}

.Subtitle {
    font-family: sans-serif;
    font-size: 125%;
    font-weight: 400;
    line-height: 1.25
}

.Subtitle:not(.Subtitle--spaced) + .Title {
    margin-top: -1.25em
}

.Subtitle--size1 {
    font-size: 300%
}

.Subtitle--size2 {
    font-size: 250%
}

.Subtitle--size3 {
    font-size: 200%
}

.Subtitle--size4 {
    font-size: 150%
}

.Subtitle--size5 {
    font-size: 125%
}

.Subtitle--size6 {
    font-size: 100%
}

.Subtitle--size7 {
    font-size: 75%
}

.--disableInput {
    pointer-events: none
}

.--noSelect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.--wide {
    width: 100%
}

.--tall {
    height: 100%
}

.--relative {
    position: relative
}

.--pin {
    position: absolute;
    z-index: 1
}

.--pinFixed {
    position: fixed;
    z-index: 99999999
}

.--pinTop {
    top: 0
}

.--pinLeft {
    left: 0
}

.--pinBottom {
    bottom: 0
}

.--pinRight {
    right: 0
}

.--pinCenterX {
    left: 50%
}

.--pinCenterY {
    top: 50%
}

.--hide {
    display: none
}

@media (max-width: 768px) {
    .--hideMobile {
        display: none !important
    }
}

@media (min-width: 451px) {
    .--hideTablet {
        display: none !important
    }
}

@media (min-width: 451px)and (max-width: 768px) {
    .--hideOnlyTablet {
        display: none !important
    }
}

@media (min-width: 769px) {
    .--hideDesktop {
        display: none !important
    }
}

@media (min-width: 1152px) {
    .--hideWidescreen {
        display: none !important
    }
}

@media (min-width: 1344px) {
    .--hideHighdef {
        display: none !important
    }
}

@media (min-width: 1920px) {
    .--hideUltrahd {
        display: none !important
    }
}

@media (orientation: landscape) {
    .--hideLandscape {
        display: none !important
    }
}

@media (orientation: portrait) {
    .--hidePortrait {
        display: none !important
    }
}

.--flex {
    display: flex
}

@media (max-width: 768px) {
    .--flexMobile {
        display: flex !important
    }
}

@media (min-width: 451px) {
    .--flexTablet {
        display: flex !important
    }
}

@media (min-width: 451px)and (max-width: 768px) {
    .--flexOnlyTablet {
        display: flex !important
    }
}

@media (min-width: 769px) {
    .--flexDesktop {
        display: flex !important
    }
}

@media (min-width: 1152px) {
    .--flexWidescreen {
        display: flex !important
    }
}

@media (min-width: 1344px) {
    .--flexHighdef {
        display: flex !important
    }
}

@media (min-width: 1920px) {
    .--flexUltrahd {
        display: flex !important
    }
}

@media (orientation: landscape) {
    .--flexLandscape {
        display: flex !important
    }
}

@media (orientation: portrait) {
    .--flexPortrait {
        display: flex !important
    }
}

.--block {
    display: block
}

@media (max-width: 768px) {
    .--blockMobile {
        display: block !important
    }
}

@media (min-width: 451px) {
    .--blockTablet {
        display: block !important
    }
}

@media (min-width: 451px)and (max-width: 768px) {
    .--blockOnlyTablet {
        display: block !important
    }
}

@media (min-width: 769px) {
    .--blockDesktop {
        display: block !important
    }
}

@media (min-width: 1152px) {
    .--blockWidescreen {
        display: block !important
    }
}

@media (min-width: 1344px) {
    .--blockHighdef {
        display: block !important
    }
}

@media (min-width: 1920px) {
    .--blockUltrahd {
        display: block !important
    }
}

@media (orientation: landscape) {
    .--blockLandscape {
        display: block !important
    }
}

@media (orientation: portrait) {
    .--blockPortrait {
        display: block !important
    }
}

.--inline {
    display: inline
}

@media (max-width: 768px) {
    .--inlineMobile {
        display: inline !important
    }
}

@media (min-width: 451px) {
    .--inlineTablet {
        display: inline !important
    }
}

@media (min-width: 451px)and (max-width: 768px) {
    .--inlineOnlyTablet {
        display: inline !important
    }
}

@media (min-width: 769px) {
    .--inlineDesktop {
        display: inline !important
    }
}

@media (min-width: 1152px) {
    .--inlineWidescreen {
        display: inline !important
    }
}

@media (min-width: 1344px) {
    .--inlineHighdef {
        display: inline !important
    }
}

@media (min-width: 1920px) {
    .--inlineUltrahd {
        display: inline !important
    }
}

@media (orientation: landscape) {
    .--inlineLandscape {
        display: inline !important
    }
}

@media (orientation: portrait) {
    .--inlinePortrait {
        display: inline !important
    }
}

.--inlineFlex {
    display: inline-flex
}

@media (max-width: 768px) {
    .--inlineFlexMobile {
        display: inline-flex !important
    }
}

@media (min-width: 451px) {
    .--inlineFlexTablet {
        display: inline-flex !important
    }
}

@media (min-width: 451px)and (max-width: 768px) {
    .--inlineFlexOnlyTablet {
        display: inline-flex !important
    }
}

@media (min-width: 769px) {
    .--inlineFlexDesktop {
        display: inline-flex !important
    }
}

@media (min-width: 1152px) {
    .--inlineFlexWidescreen {
        display: inline-flex !important
    }
}

@media (min-width: 1344px) {
    .--inlineFlexHighdef {
        display: inline-flex !important
    }
}

@media (min-width: 1920px) {
    .--inlineFlexUltrahd {
        display: inline-flex !important
    }
}

@media (orientation: landscape) {
    .--inlineFlexLandscape {
        display: inline-flex !important
    }
}

@media (orientation: portrait) {
    .--inlineFlexPortrait {
        display: inline-flex !important
    }
}

.--marSm0 {
    margin: .125rem
}

.--marSm0__x {
    margin-left: .125rem !important;
    margin-right: .125rem !important
}

.--marSm0__y {
    margin-top: .125rem !important;
    margin-bottom: .125rem !important
}

.--marSm0__l {
    margin-left: .125rem !important
}

.--marSm0__r {
    margin-right: .125rem !important
}

.--marSm0__b {
    margin-bottom: .125rem !important
}

.--marSm0__t {
    margin-top: .125rem !important
}

.--marSm1 {
    margin: .325rem
}

.--marSm1__x {
    margin-left: .325rem !important;
    margin-right: .325rem !important
}

.--marSm1__y {
    margin-top: .325rem !important;
    margin-bottom: .325rem !important
}

.--marSm1__l {
    margin-left: .325rem !important
}

.--marSm1__r {
    margin-right: .325rem !important
}

.--marSm1__b {
    margin-bottom: .325rem !important
}

.--marSm1__t {
    margin-top: .325rem !important
}

.--marSm2 {
    margin: .5rem
}

.--marSm2__x {
    margin-left: .5rem !important;
    margin-right: .5rem !important
}

.--marSm2__y {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.--marSm2__l {
    margin-left: .5rem !important
}

.--marSm2__r {
    margin-right: .5rem !important
}

.--marSm2__b {
    margin-bottom: .5rem !important
}

.--marSm2__t {
    margin-top: .5rem !important
}

.--marSm3 {
    margin: .75rem
}

.--marSm3__x {
    margin-left: .75rem !important;
    margin-right: .75rem !important
}

.--marSm3__y {
    margin-top: .75rem !important;
    margin-bottom: .75rem !important
}

.--marSm3__l {
    margin-left: .75rem !important
}

.--marSm3__r {
    margin-right: .75rem !important
}

.--marSm3__b {
    margin-bottom: .75rem !important
}

.--marSm3__t {
    margin-top: .75rem !important
}

.--marMd0 {
    margin: 1rem
}

.--marMd0__x {
    margin-left: 1rem !important;
    margin-right: 1rem !important
}

.--marMd0__y {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.--marMd0__l {
    margin-left: 1rem !important
}

.--marMd0__r {
    margin-right: 1rem !important
}

.--marMd0__b {
    margin-bottom: 1rem !important
}

.--marMd0__t {
    margin-top: 1rem !important
}

.--marMd1 {
    margin: 1.5rem
}

.--marMd1__x {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
}

.--marMd1__y {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.--marMd1__l {
    margin-left: 1.5rem !important
}

.--marMd1__r {
    margin-right: 1.5rem !important
}

.--marMd1__b {
    margin-bottom: 1.5rem !important
}

.--marMd1__t {
    margin-top: 1.5rem !important
}

.--marMd2 {
    margin: 2rem
}

.--marMd2__x {
    margin-left: 2rem !important;
    margin-right: 2rem !important
}

.--marMd2__y {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
}

.--marMd2__l {
    margin-left: 2rem !important
}

.--marMd2__r {
    margin-right: 2rem !important
}

.--marMd2__b {
    margin-bottom: 2rem !important
}

.--marMd2__t {
    margin-top: 2rem !important
}

.--marMd3 {
    margin: 4rem
}

.--marMd3__x {
    margin-left: 4rem !important;
    margin-right: 4rem !important
}

.--marMd3__y {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important
}

.--marMd3__l {
    margin-left: 4rem !important
}

.--marMd3__r {
    margin-right: 4rem !important
}

.--marMd3__b {
    margin-bottom: 4rem !important
}

.--marMd3__t {
    margin-top: 4rem !important
}

.--padSm0 {
    padding: .125rem
}

.--padSm0__x {
    padding-left: .125rem !important;
    padding-right: .125rem !important
}

.--padSm0__y {
    padding-top: .125rem !important;
    padding-bottom: .125rem !important
}

.--padSm0__l {
    padding-left: .125rem !important
}

.--padSm0__r {
    padding-right: .125rem !important
}

.--padSm0__b {
    padding-bottom: .125rem !important
}

.--padSm0__t {
    padding-top: .125rem !important
}

.--padSm1 {
    padding: .325rem
}

.--padSm1__x {
    padding-left: .325rem !important;
    padding-right: .325rem !important
}

.--padSm1__y {
    padding-top: .325rem !important;
    padding-bottom: .325rem !important
}

.--padSm1__l {
    padding-left: .325rem !important
}

.--padSm1__r {
    padding-right: .325rem !important
}

.--padSm1__b {
    padding-bottom: .325rem !important
}

.--padSm1__t {
    padding-top: .325rem !important
}

.--padSm2 {
    padding: .5rem
}

.--padSm2__x {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.--padSm2__y {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.--padSm2__l {
    padding-left: .5rem !important
}

.--padSm2__r {
    padding-right: .5rem !important
}

.--padSm2__b {
    padding-bottom: .5rem !important
}

.--padSm2__t {
    padding-top: .5rem !important
}

.--padSm3 {
    padding: .75rem
}

.--padSm3__x {
    padding-left: .75rem !important;
    padding-right: .75rem !important
}

.--padSm3__y {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important
}

.--padSm3__l {
    padding-left: .75rem !important
}

.--padSm3__r {
    padding-right: .75rem !important
}

.--padSm3__b {
    padding-bottom: .75rem !important
}

.--padSm3__t {
    padding-top: .75rem !important
}

.--padMd0 {
    padding: 1rem
}

.--padMd0__x {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}

.--padMd0__y {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.--padMd0__l {
    padding-left: 1rem !important
}

.--padMd0__r {
    padding-right: 1rem !important
}

.--padMd0__b {
    padding-bottom: 1rem !important
}

.--padMd0__t {
    padding-top: 1rem !important
}

.--padMd1 {
    padding: 1.5rem
}

.--padMd1__x {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.--padMd1__y {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.--padMd1__l {
    padding-left: 1.5rem !important
}

.--padMd1__r {
    padding-right: 1.5rem !important
}

.--padMd1__b {
    padding-bottom: 1.5rem !important
}

.--padMd1__t {
    padding-top: 1.5rem !important
}

.--padMd2 {
    padding: 2rem
}

.--padMd2__x {
    padding-left: 2rem !important;
    padding-right: 2rem !important
}

.--padMd2__y {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}

.--padMd2__l {
    padding-left: 2rem !important
}

.--padMd2__r {
    padding-right: 2rem !important
}

.--padMd2__b {
    padding-bottom: 2rem !important
}

.--padMd2__t {
    padding-top: 2rem !important
}

.--padMd3 {
    padding: 4rem
}

.--padMd3__x {
    padding-left: 4rem !important;
    padding-right: 4rem !important
}

.--padMd3__y {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important
}

.--padMd3__l {
    padding-left: 4rem !important
}

.--padMd3__r {
    padding-right: 4rem !important
}

.--padMd3__b {
    padding-bottom: 4rem !important
}

.--padMd3__t {
    padding-top: 4rem !important
}

.--marEmSm0 {
    margin: .125em
}

.--marEmSm0__x {
    margin-left: .125em !important;
    margin-right: .125em !important
}

.--marEmSm0__y {
    margin-top: .125em !important;
    margin-bottom: .125em !important
}

.--marEmSm0__l {
    margin-left: .125em !important
}

.--marEmSm0__r {
    margin-right: .125em !important
}

.--marEmSm0__b {
    margin-bottom: .125em !important
}

.--marEmSm0__t {
    margin-top: .125em !important
}

.--marEmSm1 {
    margin: .325em
}

.--marEmSm1__x {
    margin-left: .325em !important;
    margin-right: .325em !important
}

.--marEmSm1__y {
    margin-top: .325em !important;
    margin-bottom: .325em !important
}

.--marEmSm1__l {
    margin-left: .325em !important
}

.--marEmSm1__r {
    margin-right: .325em !important
}

.--marEmSm1__b {
    margin-bottom: .325em !important
}

.--marEmSm1__t {
    margin-top: .325em !important
}

.--marEmSm2 {
    margin: .5em
}

.--marEmSm2__x {
    margin-left: .5em !important;
    margin-right: .5em !important
}

.--marEmSm2__y {
    margin-top: .5em !important;
    margin-bottom: .5em !important
}

.--marEmSm2__l {
    margin-left: .5em !important
}

.--marEmSm2__r {
    margin-right: .5em !important
}

.--marEmSm2__b {
    margin-bottom: .5em !important
}

.--marEmSm2__t {
    margin-top: .5em !important
}

.--marEmMd0 {
    margin: 1em
}

.--marEmMd0__x {
    margin-left: 1em !important;
    margin-right: 1em !important
}

.--marEmMd0__y {
    margin-top: 1em !important;
    margin-bottom: 1em !important
}

.--marEmMd0__l {
    margin-left: 1em !important
}

.--marEmMd0__r {
    margin-right: 1em !important
}

.--marEmMd0__b {
    margin-bottom: 1em !important
}

.--marEmMd0__t {
    margin-top: 1em !important
}

.--marEmMd1 {
    margin: 1.5em
}

.--marEmMd1__x {
    margin-left: 1.5em !important;
    margin-right: 1.5em !important
}

.--marEmMd1__y {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important
}

.--marEmMd1__l {
    margin-left: 1.5em !important
}

.--marEmMd1__r {
    margin-right: 1.5em !important
}

.--marEmMd1__b {
    margin-bottom: 1.5em !important
}

.--marEmMd1__t {
    margin-top: 1.5em !important
}

.--marEmMd2 {
    margin: 2em
}

.--marEmMd2__x {
    margin-left: 2em !important;
    margin-right: 2em !important
}

.--marEmMd2__y {
    margin-top: 2em !important;
    margin-bottom: 2em !important
}

.--marEmMd2__l {
    margin-left: 2em !important
}

.--marEmMd2__r {
    margin-right: 2em !important
}

.--marEmMd2__b {
    margin-bottom: 2em !important
}

.--marEmMd2__t {
    margin-top: 2em !important
}

.--padEmSm0 {
    padding: .125em
}

.--padEmSm0__x {
    padding-left: .125em !important;
    padding-right: .125em !important
}

.--padEmSm0__y {
    padding-top: .125em !important;
    padding-bottom: .125em !important
}

.--padEmSm0__l {
    padding-left: .125em !important
}

.--padEmSm0__r {
    padding-right: .125em !important
}

.--padEmSm0__b {
    padding-bottom: .125em !important
}

.--padEmSm0__t {
    padding-top: .125em !important
}

.--padEmSm1 {
    padding: .325em
}

.--padEmSm1__x {
    padding-left: .325em !important;
    padding-right: .325em !important
}

.--padEmSm1__y {
    padding-top: .325em !important;
    padding-bottom: .325em !important
}

.--padEmSm1__l {
    padding-left: .325em !important
}

.--padEmSm1__r {
    padding-right: .325em !important
}

.--padEmSm1__b {
    padding-bottom: .325em !important
}

.--padEmSm1__t {
    padding-top: .325em !important
}

.--padEmSm2 {
    padding: .5em
}

.--padEmSm2__x {
    padding-left: .5em !important;
    padding-right: .5em !important
}

.--padEmSm2__y {
    padding-top: .5em !important;
    padding-bottom: .5em !important
}

.--padEmSm2__l {
    padding-left: .5em !important
}

.--padEmSm2__r {
    padding-right: .5em !important
}

.--padEmSm2__b {
    padding-bottom: .5em !important
}

.--padEmSm2__t {
    padding-top: .5em !important
}

.--padEmMd0 {
    padding: 1em
}

.--padEmMd0__x {
    padding-left: 1em !important;
    padding-right: 1em !important
}

.--padEmMd0__y {
    padding-top: 1em !important;
    padding-bottom: 1em !important
}

.--padEmMd0__l {
    padding-left: 1em !important
}

.--padEmMd0__r {
    padding-right: 1em !important
}

.--padEmMd0__b {
    padding-bottom: 1em !important
}

.--padEmMd0__t {
    padding-top: 1em !important
}

.--padEmMd1 {
    padding: 1.5em
}

.--padEmMd1__x {
    padding-left: 1.5em !important;
    padding-right: 1.5em !important
}

.--padEmMd1__y {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important
}

.--padEmMd1__l {
    padding-left: 1.5em !important
}

.--padEmMd1__r {
    padding-right: 1.5em !important
}

.--padEmMd1__b {
    padding-bottom: 1.5em !important
}

.--padEmMd1__t {
    padding-top: 1.5em !important
}

.--padEmMd2 {
    padding: 2em
}

.--padEmMd2__x {
    padding-left: 2em !important;
    padding-right: 2em !important
}

.--padEmMd2__y {
    padding-top: 2em !important;
    padding-bottom: 2em !important
}

.--padEmMd2__l {
    padding-left: 2em !important
}

.--padEmMd2__r {
    padding-right: 2em !important
}

.--padEmMd2__b {
    padding-bottom: 2em !important
}

.--padEmMd2__t {
    padding-top: 2em !important
}

.--noMar {
    margin: 0 !important
}

.--noMar__t {
    margin-top: 0 !important
}

.--noMar__r {
    margin-right: 0 !important
}

.--noMar__l {
    margin-left: 0 !important
}

.--noMar__b {
    margin-bottom: 0 !important
}

.--noMar__x {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.--noMar__y {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.--noPad {
    padding: 0 !important
}

.--noPad__t {
    padding-top: 0 !important
}

.--noPad__r {
    padding-right: 0 !important
}

.--noPad__l {
    padding-left: 0 !important
}

.--noPad__b {
    padding-bottom: 0 !important
}

.--noPad__x {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.--noPad__y {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.--textCenter {
    text-align: center
}

.--textRight {
    text-align: right
}

.--textLeft {
    text-align: left
}

.--textSmall {
    font-size: 90%
}

.--textLarge {
    font-size: 120%
}

.--textTruncate {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.--scrollY {
    overflow-x: hidden;
    overflow-y: auto
}

.--scrollX {
    overflow-x: auto;
    overflow-y: hidden
}

.--scroll {
    overflow: auto
}

.--scrollNone {
    overflow: hidden
}

body {
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-gutter: stable;
    font-family: Lato, sans-serif
}

strong {
    font-weight: 700
}

#__next {
    position: relative;
    width: 100%;
    overflow-x: hidden
}

.Button {
    font-weight: 700
}

button, input, textarea {
    font-family: Lato, sans-serif
}

a, button, input, select, textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

hr {
    margin: 2rem 0;
    border: none;
    height: 1px
}

.ympb_usp {
    z-index: 1 !important;
    margin-top: 0 !important;
    padding-bottom: .5em !important
}

@media (min-width: 1152px) {
    .ympb_usp {
        margin-top: -114px !important;
        padding-bottom: 114px !important
    }
}

body[data-theme=default] {
    background-image: url(/images/bg.png);
    color: #fff;
    background-color: #171717
}

body[data-theme=default] ::-moz-selection {
    color: #fff;
    background: rgba(228, 61, 48, .35)
}

body[data-theme=default] ::selection {
    color: #fff;
    background: rgba(228, 61, 48, .35)
}

body[data-theme=default] .MenuList {
    background: #292929;
    border: 1px solid #3c3c3c;
    border-radius: .325rem
}

@keyframes pageLoaderGlowDefault {
    0% {
        background-color: #c7261a
    }
    45% {
        background-color: #ea675d
    }
    55% {
        background-color: #ea675d
    }
    to {
        background-color: #c7261a
    }
}

body[data-theme=default] .PageLoader {
    animation-name: pageLoaderGlowDefault
}

body[data-theme=default] .AppFooter__Logo img, body[data-theme=default] .MobileHeader__Logo img {
    width: 274px;
    height: 24px
}

body[data-theme=default] .Autocomplete::-moz-placeholder, body[data-theme=default] .Input::-moz-placeholder {
    color: #7f7f7f !important
}

body[data-theme=default] .Autocomplete:-ms-input-placeholder, body[data-theme=default] .Input:-ms-input-placeholder {
    color: #7f7f7f !important
}

body[data-theme=default] .Autocomplete::placeholder, body[data-theme=default] .Input::placeholder {
    color: #7f7f7f !important
}

body[data-theme=default] .Autocomplete__Menu {
    background-color: #171717;
    border: 1px solid #3c3c3c;
    box-shadow: none
}

body[data-theme=default] .AutocompleteItem {
    color: #fff
}

body[data-theme=default] a.AutocompleteItem:hover {
    background-color: #292929;
    color: #fff
}

body[data-theme=default] a.AutocompleteItem--active {
    background-color: #e43d30 !important;
    color: #fff !important
}

body[data-theme=default] .AutocompleteDivider {
    background-color: #7f7f7f
}

body[data-theme=default] .Box {
    color: #fff;
    background-color: #292929;
    box-shadow: none
}

body[data-theme=default] a.Box:focus, body[data-theme=default] a.Box:hover {
    box-shadow: 0 .5em 1em -.125em hsla(0, 0%, 100%, .1), 0 0 0 1px #e43d30
}

body[data-theme=default] a.Box:active {
    box-shadow: inset 0 1px 2px hsla(0, 0%, 100%, .2), 0 0 0 1px #e43d30
}

body[data-theme=default] .Breadcrumb .Breadcrumb__Parent {
    color: #e43d30
}

body[data-theme=default] .Breadcrumb .Breadcrumb__Child {
    color: #fff
}

body[data-theme=default] .Button {
    background-color: #171717;
    border-color: #3c3c3c;
    color: #fff
}

body[data-theme=default] .Button strong {
    color: inherit
}

body[data-theme=default] .Button--focused, body[data-theme=default] .Button--hovered, body[data-theme=default] .Button:focus, body[data-theme=default] .Button:hover {
    border-color: #e43d30;
    color: #fff
}

body[data-theme=default] .Button--focused:not(:active), body[data-theme=default] .Button:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(228, 61, 48, .25)
}

body[data-theme=default] .Button--active, body[data-theme=default] .Button:active {
    border-color: #de2b1d;
    color: #fff
}

body[data-theme=default] .Button--disabled, body[data-theme=default] .Button--loading, body[data-theme=default] .Button[disabled], fieldset[disabled] body[data-theme=default] .Button {
    background-color: #171717;
    border-color: #dbdbdb;
    box-shadow: none;
    opacity: .5
}

body[data-theme=default] .Button--loading:after {
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent #dbdbdb #dbdbdb;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=default] .Button--static {
    background-color: #292929;
    border-color: #dbdbdb;
    color: #7f7f7f;
    box-shadow: none;
    pointer-events: none
}

body[data-theme=default] .Button--primary {
    background-color: #e43d30;
    border-color: transparent
}

body[data-theme=default] .Button--primary--hovered, body[data-theme=default] .Button--primary:hover {
    background-color: #e33225;
    border-color: transparent;
    color: #fff
}

body[data-theme=default] .Button--primary--focused, body[data-theme=default] .Button--primary:focus {
    border-color: transparent;
    color: #fff
}

body[data-theme=default] .Button--primary--focused:not(:active), body[data-theme=default] .Button--primary:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(228, 61, 48, .25)
}

body[data-theme=default] .Button--primary--active, body[data-theme=default] .Button--primary:active {
    background-color: #de2b1d;
    border-color: transparent;
    color: #fff
}

body[data-theme=default] .Button--primary--loading, body[data-theme=default] .Button--primary[disabled], fieldset[disabled] body[data-theme=default] .Button--primary {
    background-color: #e43d30;
    border-color: transparent;
    box-shadow: none
}

body[data-theme=default] .Button--primary--loading:after {
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent #fff #fff;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=default] .Button--secondary {
    background-color: #fff;
    border-color: transparent;
    color: #171717
}

body[data-theme=default] .Button--secondary--hovered, body[data-theme=default] .Button--secondary:hover {
    background-color: #f9f9f9;
    border-color: transparent;
    color: #171717
}

body[data-theme=default] .Button--secondary--focused, body[data-theme=default] .Button--secondary:focus {
    border-color: transparent;
    color: #171717
}

body[data-theme=default] .Button--secondary--focused:not(:active), body[data-theme=default] .Button--secondary:focus:not(:active) {
    box-shadow: 0 0 0 .125em hsla(0, 0%, 100%, .25)
}

body[data-theme=default] .Button--secondary--active, body[data-theme=default] .Button--secondary:active {
    background-color: #f2f2f2;
    border-color: transparent;
    color: #171717
}

body[data-theme=default] .Button--secondary--loading, body[data-theme=default] .Button--secondary[disabled], fieldset[disabled] body[data-theme=default] .Button--secondary {
    background-color: #fff;
    border-color: transparent;
    box-shadow: none
}

body[data-theme=default] .Button--secondary--loading:after {
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent #171717 #171717;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=default] .Button--tertiary {
    background-color: #292929;
    border-color: transparent;
    color: #fff
}

body[data-theme=default] .Button--tertiary--hovered, body[data-theme=default] .Button--tertiary:hover {
    background-color: #232323;
    border-color: transparent;
    color: #fff
}

body[data-theme=default] .Button--tertiary--focused, body[data-theme=default] .Button--tertiary:focus {
    border-color: transparent;
    color: #fff
}

body[data-theme=default] .Button--tertiary--focused:not(:active), body[data-theme=default] .Button--tertiary:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(41, 41, 41, .25)
}

body[data-theme=default] .Button--tertiary--active, body[data-theme=default] .Button--tertiary:active {
    background-color: #1c1c1c;
    border-color: transparent;
    color: #fff
}

body[data-theme=default] .Button--tertiary--loading, body[data-theme=default] .Button--tertiary[disabled], fieldset[disabled] body[data-theme=default] .Button--tertiary {
    background-color: #292929;
    border-color: transparent;
    box-shadow: none
}

body[data-theme=default] .Button--tertiary--loading:after {
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent #fff #fff;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=default] .Button--success {
    background-color: #1c5;
    border-color: transparent;
    color: snow
}

body[data-theme=default] .Button--success--hovered, body[data-theme=default] .Button--success:hover {
    background-color: #10c050;
    border-color: transparent;
    color: snow
}

body[data-theme=default] .Button--success--focused, body[data-theme=default] .Button--success:focus {
    border-color: transparent;
    color: snow
}

body[data-theme=default] .Button--success--focused:not(:active), body[data-theme=default] .Button--success:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(17, 204, 85, .25)
}

body[data-theme=default] .Button--success--active, body[data-theme=default] .Button--success:active {
    background-color: #0fb44b;
    border-color: transparent;
    color: snow
}

body[data-theme=default] .Button--success--loading, body[data-theme=default] .Button--success[disabled], fieldset[disabled] body[data-theme=default] .Button--success {
    background-color: #1c5;
    border-color: transparent;
    box-shadow: none
}

body[data-theme=default] .Button--success--loading:after {
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent snow snow;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=default] .Button--warning {
    background-color: #fa0;
    border-color: transparent;
    color: snow
}

body[data-theme=default] .Button--warning--hovered, body[data-theme=default] .Button--warning:hover {
    background-color: #f2a200;
    border-color: transparent;
    color: snow
}

body[data-theme=default] .Button--warning--focused, body[data-theme=default] .Button--warning:focus {
    border-color: transparent;
    color: snow
}

body[data-theme=default] .Button--warning--focused:not(:active), body[data-theme=default] .Button--warning:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(255, 170, 0, .25)
}

body[data-theme=default] .Button--warning--active, body[data-theme=default] .Button--warning:active {
    background-color: #e69900;
    border-color: transparent;
    color: snow
}

body[data-theme=default] .Button--warning--loading, body[data-theme=default] .Button--warning[disabled], fieldset[disabled] body[data-theme=default] .Button--warning {
    background-color: #fa0;
    border-color: transparent;
    box-shadow: none
}

body[data-theme=default] .Button--warning--loading:after {
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent snow snow;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=default] .Button--error {
    background-color: #e43d30;
    border-color: transparent;
    color: snow
}

body[data-theme=default] .Button--error--hovered, body[data-theme=default] .Button--error:hover {
    background-color: #e33225;
    border-color: transparent;
    color: snow
}

body[data-theme=default] .Button--error--focused, body[data-theme=default] .Button--error:focus {
    border-color: transparent;
    color: snow
}

body[data-theme=default] .Button--error--focused:not(:active), body[data-theme=default] .Button--error:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(228, 61, 48, .25)
}

body[data-theme=default] .Button--error--active, body[data-theme=default] .Button--error:active {
    background-color: #de2b1d;
    border-color: transparent;
    color: snow
}

body[data-theme=default] .Button--error--loading, body[data-theme=default] .Button--error[disabled], fieldset[disabled] body[data-theme=default] .Button--error {
    background-color: #e43d30;
    border-color: transparent;
    box-shadow: none
}

body[data-theme=default] .Button--error--loading:after {
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent snow snow;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=default] .Button--light {
    background-color: #292929;
    border-color: transparent;
    color: #fff
}

body[data-theme=default] .Button--light--hovered, body[data-theme=default] .Button--light:hover {
    background-color: #232323;
    border-color: transparent;
    color: #fff
}

body[data-theme=default] .Button--light--focused, body[data-theme=default] .Button--light:focus {
    border-color: transparent;
    color: #fff
}

body[data-theme=default] .Button--light--focused:not(:active), body[data-theme=default] .Button--light:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(41, 41, 41, .25)
}

body[data-theme=default] .Button--light--active, body[data-theme=default] .Button--light:active {
    background-color: #1c1c1c;
    border-color: transparent;
    color: #fff
}

body[data-theme=default] .Button--light--loading, body[data-theme=default] .Button--light[disabled], fieldset[disabled] body[data-theme=default] .Button--light {
    background-color: #292929;
    border-color: transparent;
    box-shadow: none
}

body[data-theme=default] .Button--light--loading:after {
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent #fff #fff;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=default] .Button--dark {
    background-color: #fff;
    border-color: transparent;
    color: #292929
}

body[data-theme=default] .Button--dark--hovered, body[data-theme=default] .Button--dark:hover {
    background-color: #f9f9f9;
    border-color: transparent;
    color: #292929
}

body[data-theme=default] .Button--dark--focused, body[data-theme=default] .Button--dark:focus {
    border-color: transparent;
    color: #292929
}

body[data-theme=default] .Button--dark--focused:not(:active), body[data-theme=default] .Button--dark:focus:not(:active) {
    box-shadow: 0 0 0 .125em hsla(0, 0%, 100%, .25)
}

body[data-theme=default] .Button--dark--active, body[data-theme=default] .Button--dark:active {
    background-color: #f2f2f2;
    border-color: transparent;
    color: #292929
}

body[data-theme=default] .Button--dark--loading, body[data-theme=default] .Button--dark[disabled], fieldset[disabled] body[data-theme=default] .Button--dark {
    background-color: #fff;
    border-color: transparent;
    box-shadow: none
}

body[data-theme=default] .Button--dark--loading:after {
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent #292929 #292929;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=default] .Button--text {
    background-color: transparent;
    border-color: transparent;
    color: #fff;
    text-decoration: underline
}

body[data-theme=default] .Button--text--focused, body[data-theme=default] .Button--text--hovered, body[data-theme=default] .Button--text:focus, body[data-theme=default] .Button--text:hover {
    background-color: #292929;
    color: #fff
}

body[data-theme=default] .Button--text--active, body[data-theme=default] .Button--text:active {
    background-color: #1c1c1c;
    color: #fff
}

body[data-theme=default] .Button--text[disabled], fieldset[disabled] body[data-theme=default] .Button--text {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none
}

body[data-theme=default] .Carousel__Button .Button {
    font-size: 1rem;
    transition-property: box-shadow, transform, opacity;
    transition-timing-function: ease;
    transition-duration: 1s
}

@media (min-width: 769px) {
    body[data-theme=default] .Carousel__Button .Button:hover {
        transition-property: box-shadow, transform, opacity;
        transition-timing-function: ease;
        transition-duration: .2s
    }
}

body[data-theme=default] .Carousel__Button:after {
    transition: all .2s ease;
    opacity: .35;
    background: linear-gradient(90deg, rgba(228, 61, 48, 0), #e43d30)
}

body[data-theme=default] .Carousel__Button--left:after {
    background: linear-gradient(270deg, rgba(228, 61, 48, 0), #e43d30)
}

body[data-theme=default] .Carousel__Button--hidden {
    pointer-events: none
}

body[data-theme=default] .Carousel__Button--hidden:after {
    opacity: 0 !important
}

body[data-theme=default] .Carousel__Button--hidden .Button {
    transform: scale(.5);
    opacity: 0
}

@media (min-width: 769px) {
    body[data-theme=default] .Carousel:hover .Carousel__Button:after {
        opacity: .65
    }
}

body[data-theme=default] .Checkbox input[disabled], body[data-theme=default] .Checkbox[disabled], fieldset[disabled] body[data-theme=default] .Checkbox {
    color: #7f7f7f
}

body[data-theme=default] .Checkbox input + span {
    background-color: #292929;
    border-color: #3c3c3c;
    color: #fff;
    box-shadow: none
}

body[data-theme=default] .Checkbox input + span::-moz-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=default] .Checkbox input + span::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=default] .Checkbox input + span:-moz-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=default] .Checkbox input + span:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=default] .Checkbox input + span--hovered, body[data-theme=default] .Checkbox input + span:hover {
    border-color: #7a7a7a
}

body[data-theme=default] .Checkbox input + span--active, body[data-theme=default] .Checkbox input + span--focused, body[data-theme=default] .Checkbox input + span:active, body[data-theme=default] .Checkbox input + span:focus {
    border-color: #e43d30;
    box-shadow: 0 0 0 .125em rgba(228, 61, 48, .25)
}

body[data-theme=default] .Checkbox input + span[disabled], fieldset[disabled] body[data-theme=default] .Checkbox input + span {
    background-color: #292929;
    border-color: #292929;
    box-shadow: none;
    color: #7f7f7f
}

body[data-theme=default] .Checkbox input + span[disabled]::-moz-placeholder, fieldset[disabled] body[data-theme=default] .Checkbox input + span::-moz-placeholder {
    color: hsla(0, 0%, 50%, .3)
}

body[data-theme=default] .Checkbox input + span[disabled]::-webkit-input-placeholder, fieldset[disabled] body[data-theme=default] .Checkbox input + span::-webkit-input-placeholder {
    color: hsla(0, 0%, 50%, .3)
}

body[data-theme=default] .Checkbox input + span[disabled]:-moz-placeholder, fieldset[disabled] body[data-theme=default] .Checkbox input + span:-moz-placeholder {
    color: hsla(0, 0%, 50%, .3)
}

body[data-theme=default] .Checkbox input + span[disabled]:-ms-input-placeholder, fieldset[disabled] body[data-theme=default] .Checkbox input + span:-ms-input-placeholder {
    color: hsla(0, 0%, 50%, .3)
}

body[data-theme=default] .Checkbox input[checked] + span {
    background-color: #e43d30;
    border-color: #e43d30
}

body[data-theme=default] .Checkbox input[checked] + span:active, body[data-theme=default] .Checkbox input[checked] + span:focus {
    box-shadow: 0 0 0 .125em rgba(228, 61, 48, .25)
}

body[data-theme=default] .Checkbox input[readonly] + span {
    box-shadow: none
}

body[data-theme=default] .Checkbox--error input + span {
    border-color: #e43d30
}

body[data-theme=default] .Checkbox--error input + span:active, body[data-theme=default] .Checkbox--error input + span:focus {
    border-color: #e43d30;
    box-shadow: 0 0 0 .125em rgba(228, 61, 48, .25)
}

body[data-theme=default] .Radio input[disabled], body[data-theme=default] .Radio[disabled], fieldset[disabled] body[data-theme=default] .Radio {
    color: #7f7f7f
}

body[data-theme=default] .Radio input + span {
    background-color: #292929;
    border-color: #3c3c3c;
    color: #fff;
    box-shadow: none
}

body[data-theme=default] .Radio input + span::-moz-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=default] .Radio input + span::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=default] .Radio input + span:-moz-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=default] .Radio input + span:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=default] .Radio input + span--hovered, body[data-theme=default] .Radio input + span:hover {
    border-color: #7a7a7a
}

body[data-theme=default] .Radio input + span--active, body[data-theme=default] .Radio input + span--focused, body[data-theme=default] .Radio input + span:active, body[data-theme=default] .Radio input + span:focus {
    border-color: #e43d30;
    box-shadow: 0 0 0 .125em rgba(228, 61, 48, .25)
}

body[data-theme=default] .Radio input + span[disabled], fieldset[disabled] body[data-theme=default] .Radio input + span {
    background-color: #292929;
    border-color: #292929;
    box-shadow: none;
    color: #7f7f7f
}

body[data-theme=default] .Radio input + span[disabled]::-moz-placeholder, fieldset[disabled] body[data-theme=default] .Radio input + span::-moz-placeholder {
    color: hsla(0, 0%, 50%, .3)
}

body[data-theme=default] .Radio input + span[disabled]::-webkit-input-placeholder, fieldset[disabled] body[data-theme=default] .Radio input + span::-webkit-input-placeholder {
    color: hsla(0, 0%, 50%, .3)
}

body[data-theme=default] .Radio input + span[disabled]:-moz-placeholder, fieldset[disabled] body[data-theme=default] .Radio input + span:-moz-placeholder {
    color: hsla(0, 0%, 50%, .3)
}

body[data-theme=default] .Radio input + span[disabled]:-ms-input-placeholder, fieldset[disabled] body[data-theme=default] .Radio input + span:-ms-input-placeholder {
    color: hsla(0, 0%, 50%, .3)
}

body[data-theme=default] .Radio input[checked] + span {
    background-color: #e43d30;
    border-color: #e43d30
}

body[data-theme=default] .Radio input[checked] + span:active, body[data-theme=default] .Radio input[checked] + span:focus {
    box-shadow: 0 0 0 .125em rgba(228, 61, 48, .25)
}

body[data-theme=default] .Radio input[readonly] + span {
    box-shadow: none
}

body[data-theme=default] .Radio--error input + span {
    border-color: #e43d30
}

body[data-theme=default] .Radio--error input + span:active, body[data-theme=default] .Radio--error input + span:focus {
    border-color: #e43d30;
    box-shadow: 0 0 0 .125em rgba(228, 61, 48, .25)
}

body[data-theme=default] .Control--iconsLeft .Input:focus ~ .Icon, body[data-theme=default] .Control--iconsLeft .Select:focus ~ .Icon, body[data-theme=default] .Control--iconsRight .Input:focus ~ .Icon, body[data-theme=default] .Control--iconsRight .Select:focus ~ .Icon {
    color: #e43d30
}

body[data-theme=default] .Control--iconsLeft .Icon, body[data-theme=default] .Control--iconsRight .Icon {
    color: #7f7f7f
}

body[data-theme=default] .Control--loading:after {
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent #dbdbdb #dbdbdb;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=default] .Delete {
    background-color: hsla(0, 0%, 100%, .4)
}

body[data-theme=default] .Delete:hover {
    background-color: hsla(0, 0%, 100%, .85)
}

body[data-theme=default] .Delete:active {
    background-color: #fff
}

body[data-theme=default] .Delete:after, body[data-theme=default] .Delete:before {
    background-color: #171717
}

body[data-theme=default] .Dropdown__Content {
    background-color: #3c3c3c;
    box-shadow: none
}

body[data-theme=default] .DropdownItem {
    color: #fff
}

body[data-theme=default] a.DropdownItem:hover {
    background-color: #292929;
    color: #fff
}

body[data-theme=default] a.DropdownItem--active {
    background-color: #e43d30 !important;
    color: #fff !important
}

body[data-theme=default] .DropdownDivider {
    background-color: #7f7f7f
}

body[data-theme=default] .GamePlayer {
    background-color: #292929
}

body[data-theme=default] .GamePlayer__PreviewOverlay:after {
    background-color: rgba(41, 41, 41, .8);
    mix-blend-mode: none
}

body[data-theme=default] .GamePlayer__PreviewOverlay + .GamePlayer__Overlay {
    -webkit-backdrop-filter: blur(8px) saturate(200%);
    backdrop-filter: blur(8px) saturate(200%)
}

body[data-theme=default] .GamePlayer__Incompatible {
    background-color: #292929;
    color: snow
}

body[data-theme=default] .GamePlayer__Loader {
    font-size: 500%;
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent #dbdbdb #dbdbdb;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=default] .GameTile {
    background-color: #292929
}

body[data-theme=default] .GameTileDescription, body[data-theme=default] .GameTileStatus {
    color: snow
}

body[data-theme=default] .FieldLabel {
    color: #fff
}

body[data-theme=default] .FieldHelp--success {
    color: #1c5
}

body[data-theme=default] .FieldHelp--warning {
    color: #fa0
}

body[data-theme=default] .FieldHelp--error {
    color: #e43d30
}

body[data-theme=default] .Input {
    background-color: #292929;
    border-color: #3c3c3c;
    color: #fff;
    box-shadow: none
}

body[data-theme=default] .Input::-moz-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=default] .Input::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=default] .Input:-moz-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=default] .Input:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=default] .Input--hovered, body[data-theme=default] .Input:hover {
    border-color: #7a7a7a
}

body[data-theme=default] .Input--active, body[data-theme=default] .Input--focused, body[data-theme=default] .Input:active, body[data-theme=default] .Input:focus {
    border-color: #e43d30;
    box-shadow: 0 0 0 .125em rgba(228, 61, 48, .25)
}

body[data-theme=default] .Input[disabled], fieldset[disabled] body[data-theme=default] .Input {
    background-color: #292929;
    border-color: #292929;
    box-shadow: none;
    color: #7f7f7f
}

body[data-theme=default] .Input[disabled]::-moz-placeholder, fieldset[disabled] body[data-theme=default] .Input::-moz-placeholder {
    color: hsla(0, 0%, 50%, .3)
}

body[data-theme=default] .Input[disabled]::-webkit-input-placeholder, fieldset[disabled] body[data-theme=default] .Input::-webkit-input-placeholder {
    color: hsla(0, 0%, 50%, .3)
}

body[data-theme=default] .Input[disabled]:-moz-placeholder, fieldset[disabled] body[data-theme=default] .Input:-moz-placeholder {
    color: hsla(0, 0%, 50%, .3)
}

body[data-theme=default] .Input[disabled]:-ms-input-placeholder, fieldset[disabled] body[data-theme=default] .Input:-ms-input-placeholder {
    color: hsla(0, 0%, 50%, .3)
}

body[data-theme=default] .Input[readonly] {
    box-shadow: none
}

body[data-theme=default] .Input--error {
    border-color: #e43d30
}

body[data-theme=default] .Input--error--active, body[data-theme=default] .Input--error--focused, body[data-theme=default] .Input--error:active, body[data-theme=default] .Input--error:focus {
    border-color: #e43d30;
    box-shadow: 0 0 0 .125em rgba(228, 61, 48, .25)
}

body[data-theme=default] .Input--static {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0
}

body[data-theme=default] .Textarea {
    background-color: #292929;
    border-color: #3c3c3c;
    color: #fff;
    box-shadow: none
}

body[data-theme=default] .Textarea::-moz-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=default] .Textarea::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=default] .Textarea:-moz-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=default] .Textarea:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=default] .Textarea--hovered, body[data-theme=default] .Textarea:hover {
    border-color: #7a7a7a
}

body[data-theme=default] .Textarea--active, body[data-theme=default] .Textarea--focused, body[data-theme=default] .Textarea:active, body[data-theme=default] .Textarea:focus {
    border-color: #e43d30;
    box-shadow: 0 0 0 .125em rgba(228, 61, 48, .25)
}

body[data-theme=default] .Textarea[disabled], fieldset[disabled] body[data-theme=default] .Textarea {
    background-color: #292929;
    border-color: #292929;
    box-shadow: none;
    color: #7f7f7f
}

body[data-theme=default] .Textarea[disabled]::-moz-placeholder, fieldset[disabled] body[data-theme=default] .Textarea::-moz-placeholder {
    color: hsla(0, 0%, 50%, .3)
}

body[data-theme=default] .Textarea[disabled]::-webkit-input-placeholder, fieldset[disabled] body[data-theme=default] .Textarea::-webkit-input-placeholder {
    color: hsla(0, 0%, 50%, .3)
}

body[data-theme=default] .Textarea[disabled]:-moz-placeholder, fieldset[disabled] body[data-theme=default] .Textarea:-moz-placeholder {
    color: hsla(0, 0%, 50%, .3)
}

body[data-theme=default] .Textarea[disabled]:-ms-input-placeholder, fieldset[disabled] body[data-theme=default] .Textarea:-ms-input-placeholder {
    color: hsla(0, 0%, 50%, .3)
}

body[data-theme=default] .Textarea[readonly] {
    box-shadow: none
}

body[data-theme=default] .Textarea--error {
    border-color: #e43d30
}

body[data-theme=default] .Textarea--error--active, body[data-theme=default] .Textarea--error--focused, body[data-theme=default] .Textarea--error:active, body[data-theme=default] .Textarea--error:focus {
    border-color: #e43d30;
    box-shadow: 0 0 0 .125em rgba(228, 61, 48, .25)
}

body[data-theme=default] .Link {
    color: #e43d30;
    cursor: pointer;
    text-decoration: none
}

body[data-theme=default] .Link strong {
    color: currentColor
}

body[data-theme=default] .Link:hover {
    color: #e43d30
}

body[data-theme=default] .Loader:after {
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent #dbdbdb #dbdbdb;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=default] .Loader--large:after {
    font-size: 500%
}

body[data-theme=default] .LoaderFill {
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

body[data-theme=default] .MenuList a {
    color: #fff
}

body[data-theme=default] .MenuList a:hover {
    background-color: #292929;
    color: #fff
}

body[data-theme=default] .MenuList a.--active, body[data-theme=default] .MenuList a.RouterLink--active {
    color: #fff;
    background-color: #e43d30
}

body[data-theme=default] .MenuList li ul {
    border-left: 1px solid #dbdbdb
}

body[data-theme=default] .MenuLabel {
    color: #7f7f7f
}

body[data-theme=default] .ModalCard__Foot, body[data-theme=default] .ModalCard__Head {
    background-color: #171717
}

body[data-theme=default] .ModalCard__Head {
    border-bottom-color: #171717
}

body[data-theme=default] .ModalCard__Title {
    color: #fff
}

body[data-theme=default] .ModalCard__Foot {
    border-top-color: #171717
}

body[data-theme=default] .ModalCard__Body {
    background-color: #171717
}

body[data-theme=default] .Modals__Bg {
    background-color: rgba(0, 0, 0, .9);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

body[data-theme=default] .Notification--success {
    background-color: #1c5;
    color: snow
}

body[data-theme=default] .Notification--warning {
    background-color: #fa0;
    color: snow
}

body[data-theme=default] .Notification--error {
    background-color: #e43d30;
    color: snow
}

body[data-theme=default] .PageLoader {
    background: #e43d30;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

body[data-theme=default] .Select:not(.Select--loading):after {
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: .625em;
    margin-top: -.625em;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
    transform-origin: center;
    width: .625em;
    border-left: 3px solid #b5b5b5;
    border-bottom: 3px solid #b5b5b5;
    border-right-color: #b5b5b5;
    border-top-color: #b5b5b5
}

body[data-theme=default] .Select select {
    background-color: #292929;
    border-color: #3c3c3c;
    color: #fff
}

body[data-theme=default] .Select select::-moz-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=default] .Select select::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=default] .Select select:-moz-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=default] .Select select:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=default] .Select select--hovered, body[data-theme=default] .Select select:hover {
    border-color: #7a7a7a
}

body[data-theme=default] .Select select--active, body[data-theme=default] .Select select--focused, body[data-theme=default] .Select select:active, body[data-theme=default] .Select select:focus {
    border-color: #e43d30;
    box-shadow: 0 0 0 .125em rgba(228, 61, 48, .25)
}

body[data-theme=default] .Select select[disabled], fieldset[disabled] body[data-theme=default] .Select select {
    background-color: #292929;
    border-color: #292929;
    box-shadow: none;
    color: #7f7f7f
}

body[data-theme=default] .Select select[disabled]::-moz-placeholder, fieldset[disabled] body[data-theme=default] .Select select::-moz-placeholder {
    color: hsla(0, 0%, 50%, .3)
}

body[data-theme=default] .Select select[disabled]::-webkit-input-placeholder, fieldset[disabled] body[data-theme=default] .Select select::-webkit-input-placeholder {
    color: hsla(0, 0%, 50%, .3)
}

body[data-theme=default] .Select select[disabled]:-moz-placeholder, fieldset[disabled] body[data-theme=default] .Select select:-moz-placeholder {
    color: hsla(0, 0%, 50%, .3)
}

body[data-theme=default] .Select select[disabled]:-ms-input-placeholder, fieldset[disabled] body[data-theme=default] .Select select:-ms-input-placeholder {
    color: hsla(0, 0%, 50%, .3)
}

body[data-theme=default] .Select select[disabled]:hover, fieldset[disabled] body[data-theme=default] .Select select:hover {
    border-color: #292929
}

body[data-theme=default] .Select:not(.Select--loading):hover:after {
    border-color: #7a7a7a
}

body[data-theme=default] .Select--success select, body[data-theme=default] .Select--success:not(:hover):after {
    border-color: #1c5
}

body[data-theme=default] .Select--success select--active, body[data-theme=default] .Select--success select--focused, body[data-theme=default] .Select--success select:active, body[data-theme=default] .Select--success select:focus {
    border-color: #1c5;
    box-shadow: 0 0 0 .125em rgba(17, 204, 85, .25)
}

body[data-theme=default] .Select--warning select, body[data-theme=default] .Select--warning:not(:hover):after {
    border-color: #fa0
}

body[data-theme=default] .Select--warning select--active, body[data-theme=default] .Select--warning select--focused, body[data-theme=default] .Select--warning select:active, body[data-theme=default] .Select--warning select:focus {
    border-color: #fa0;
    box-shadow: 0 0 0 .125em rgba(255, 170, 0, .25)
}

body[data-theme=default] .Select--error select, body[data-theme=default] .Select--error:not(:hover):after {
    border-color: #e43d30
}

body[data-theme=default] .Select--error select--active, body[data-theme=default] .Select--error select--focused, body[data-theme=default] .Select--error select:active, body[data-theme=default] .Select--error select:focus {
    border-color: #e43d30;
    box-shadow: 0 0 0 .125em rgba(228, 61, 48, .25)
}

body[data-theme=default] .Select--disabled:after {
    border-color: #7f7f7f
}

body[data-theme=default] .Select--loading:after {
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent #dbdbdb #dbdbdb;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=default] .Subtitle, body[data-theme=default] .Title {
    color: #fff
}

body[data-theme=default] hr {
    background-color: #3c3c3c
}

body[data-theme=default] .Button {
    transition: border-color .3s ease;
    border-width: 1px;
    overflow: hidden
}

body[data-theme=default] .Button--disabled, body[data-theme=default] .Button[disabled] {
    pointer-events: none
}

body[data-theme=default] .Button:before {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    background: #e43d30;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    z-index: 0;
    transform: scaleY(0);
    opacity: 0;
    transition-property: transform, opacity;
    transition-duration: .3s;
    transition-timing-function: ease;
    transform-origin: 50% 100%
}

body[data-theme=default] .Button > span {
    position: relative
}

body[data-theme=default] .Button:not(.Button--primary) > span > .Icon:first-of-type {
    color: #e43d30;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease
}

body[data-theme=default] .Button img {
    transition: filter .3s ease
}

@media (min-width: 769px) {
    body[data-theme=default] .Button:hover {
        transition-duration: 0s;
        border-color: #e43d30
    }

    body[data-theme=default] .Button:hover > span > .Icon:first-of-type {
        transition-duration: 0s;
        color: #fff
    }

    body[data-theme=default] .Button:hover img {
        transition-duration: 0s;
        filter: brightness(10)
    }

    body[data-theme=default] .Button:hover:before {
        transition-duration: 0s;
        transform: scaleY(1);
        opacity: 1
    }
}

body[data-theme=default] .Button--primary {
    color: #fff
}

body[data-theme=default] .Button--primary:before {
    background: #ed7c74
}

@media (min-width: 769px) {
    body[data-theme=default] .Button--primary:hover {
        border-color: #ed7c74
    }
}

body[data-theme=default] .Button--tertiary {
    border-color: #3c3c3c
}

@media (min-width: 769px) {
    body[data-theme=default] .Button--tertiary:hover {
        border-color: #e43d30
    }
}

body[data-theme=default] .RouterLink {
    color: #e43d30;
    font-weight: 700
}

@media (min-width: 769px) {
    body[data-theme=default] .RouterLink:hover {
        color: #ed7c74
    }
}

body[data-theme=default] .ModalCard {
    border: 1px solid #3c3c3c;
    border-radius: .325rem
}

body[data-theme=default] .ModalCard__Head {
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 0
}

body[data-theme=default] .Notification {
    color: #fff;
    background-color: #363636;
    border: 1px solid #7f7f7f;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .35)
}

body[data-theme=default] .Notification--success {
    border-color: #1c5
}

body[data-theme=default] .Notification--warning {
    border-color: #fa0
}

body[data-theme=default] .Notification--error {
    border-color: #e43d30
}

body[data-theme=default] .AgAccordion--active {
    border-color: #3c3c3c !important
}

body[data-theme=default] .AgAccordion--active img {
    filter: none !important
}

body[data-theme=default] .AgAccordion--active:before {
    opacity: 0 !important
}

body[data-theme=default] .AgGameTile {
    overflow: visible
}

@media (hover: hover) {
    body[data-theme=default] .AgGameTile:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: .325rem;
        pointer-events: none;
        z-index: 1;
        box-shadow: inset 0 0 0 0 rgba(228, 61, 48, 0);
        transition: box-shadow 1s ease
    }

    body[data-theme=default] .AgGameTile:hover:after {
        transition: box-shadow 0s ease;
        box-shadow: inset 0 0 0 2px #e43d30
    }
}

body[data-theme=default] .AgGameTile .GameTile__Description {
    bottom: 0;
    padding: .75rem .5rem .325rem;
    font-size: 80%;
    font-weight: 700;
    background: linear-gradient(180deg, rgba(60, 60, 60, 0) 0, rgba(60, 60, 60, .85));
    opacity: 0
}

body[data-theme=default] .AgGameTile__DesktopOnly {
    background: rgba(60, 60, 60, .8);
    border-radius: .325rem
}

@media (hover: hover) {
    body[data-theme=default] .AgGameTile .GameTile__Description {
        transition: all .2s ease
    }

    body[data-theme=default] .AgGameTile:hover .GameTile__Description {
        opacity: 1
    }
}

body[data-theme=default] .AgGameTile__Label {
    color: #fff
}

body[data-theme=default] .AgGameTile__Label--classic {
    background-color: #e49130;
    box-shadow: 0 4px #c7771a
}

body[data-theme=default] .AgGameTile__Label--classic:after {
    background: #9a5c14
}

body[data-theme=default] .AgGameTile__Label--popular {
    background-color: #6a30e4;
    box-shadow: 0 4px #521ac7
}

body[data-theme=default] .AgGameTile__Label--popular:after {
    background: #3f149a
}

body[data-theme=default] .AgGameTile__Label--updated {
    background-color: #306de4;
    box-shadow: 0 4px #1a55c7
}

body[data-theme=default] .AgGameTile__Label--updated:after {
    background: #14419a
}

body[data-theme=default] .AgGameTile__Label--trending {
    background-color: #e43d30;
    box-shadow: 0 4px #c7261a
}

body[data-theme=default] .AgGameTile__Label--trending:after {
    background: #9a1e14
}

@media (min-width: 769px) {
    body[data-theme=default] .AgFreeGameTile:hover .AgFreeGameTile__Content:after {
        transition: box-shadow 0s ease;
        box-shadow: inset 0 0 0 2px #e43d30
    }

    body[data-theme=default] .AgFreeGameTile:hover .AgFreeGameTile__Title {
        transition: color 0s ease;
        color: #e43d30
    }
}

body[data-theme=default] .AgFreeGameTile__Info {
    background-color: #292929
}

body[data-theme=default] .AgFreeGameTile__Title {
    transition: color 1s ease
}

body[data-theme=default] .AgFreeGameTile__Content {
    position: relative
}

@media (min-width: 769px) {
    body[data-theme=default] .AgFreeGameTile__Content:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: .325rem;
        pointer-events: none;
        z-index: 1;
        box-shadow: inset 0 0 0 0 rgba(228, 61, 48, 0);
        transition: box-shadow 1s ease
    }
}

body[data-theme=default] .AgSearchTabs .Button:last-child {
    border-right: 2px solid #666
}

body[data-theme=default] .AgSearchTabs .Button:last-child:hover {
    border-right: 2px solid #e43d30
}

body[data-theme=default] .AgSearchTabs .Button--active {
    background-color: #e43d30
}

body[data-theme=default] .AgSearchTabs .Button--active:last-child {
    border-right: 2px solid #e43d30
}

body[data-theme=default] .AppFooter {
    border-top: 1px solid hsla(0, 0%, 86%, .2);
    margin-top: 1.5rem;
    background-color: #171717
}

body[data-theme=default] .AppFooter .RouterLink {
    color: #fff
}

body[data-theme=default] .AppFooter p {
    opacity: .65
}

body[data-theme=default] .AppFooter__Socials .Icon {
    color: #e43d30
}

body[data-theme=default] .AppHeader {
    background: #171717;
    border-bottom: 1px solid #3c3c3c
}

body[data-theme=default] .DesktopHeader .UserAvatar {
    cursor: pointer
}

@media (min-width: 769px) {
    body[data-theme=default] .DesktopHeader .UserAvatar {
        transition: border-color .2s ease
    }

    body[data-theme=default] .DesktopHeader .UserAvatar:hover {
        transition-duration: 0s;
        border-color: #ed7c74
    }
}

body[data-theme=default] .DesktopHeader__DropdownOverlay {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: rgba(0, 0, 0, .9)
}

body[data-theme=default] .DesktopHeader__GamepassUpgradeButton {
    border-color: #e43d30
}

body[data-theme=default] .DesktopHeader__Dropdown {
    border: 1px solid #3c3c3c;
    border-top: none;
    background: #171717
}

body[data-theme=default] .DesktopHeader__DropdownInner:last-child {
    background-color: #222;
    color: #7f7f7f
}

body[data-theme=default] .MobileHeader .--userPanel {
    pointer-events: none;
    transform-origin: 100% 100%;
    opacity: 0;
    transform: scale(.85);
    transition-property: opacity, transform;
    transition-duration: .2s;
    transition-timing-function: ease;
    background-color: #171717;
    border-radius: .325rem
}

body[data-theme=default] .MobileHeader--userPanelOpen .--userPanel {
    pointer-events: all !important;
    opacity: 1 !important;
    transform: scale(1) !important
}

body[data-theme=default] .MobileHeader .AgSearch {
    box-shadow: 0 3px 7px rgba(0, 0, 0, .4);
    border-radius: 100px
}

body[data-theme=default] .MobileHeader .AgSearch .Input {
    background-color: #171717
}

body[data-theme=default] .MobileHeader__Menu > .Button, body[data-theme=default] .MobileHeader__Menu__ExtraButtonItem > .Button {
    box-shadow: 0 3px 7px rgba(109, 21, 14, .65)
}

body[data-theme=default] .MobileHeader__Menu__Bg {
    background: rgba(0, 0, 0, .9)
}

body[data-theme=default] .MobileHeader__MoreGamesPanel {
    background-color: #171717;
    box-shadow: 0 4px 13px hsla(0, 0%, 9%, .65)
}

body[data-theme=default] .MobileHeader__Menu__ExtraButtonItem {
    opacity: 0
}

body[data-theme=default] .MobileHeader__Menu__ExtraButtonItem .MobileHeader__Menu__Panel {
    pointer-events: none;
    transform-origin: 100% 100%;
    opacity: 0;
    transform: scale(.85);
    transition-property: opacity, transform;
    transition-duration: .2s;
    transition-timing-function: ease;
    background-color: #171717
}

body[data-theme=default] .MobileHeader__DropTargets > div {
    background-color: rgba(228, 61, 48, .85);
    animation: dropTargetPulseClassic 1s infinite;
    animation: dropTargetPulseDefault 1s infinite
}

body[data-theme=default] .GamePass__Banner {
    border-top-color: #e43d30;
    border-bottom-color: #e43d30;
    background-color: #171717
}

body[data-theme=default] .AvatarPicker__Avatars img {
    color: #e43d30
}

body[data-theme=default] .BlockContainer--altBackground {
    background-color: #292929
}

body[data-theme=default] .BlockPod--box {
    color: #fff;
    background-color: #292929;
    box-shadow: none
}

body[data-theme=default] .BlockPod--transparentBg {
    background-color: hsla(0, 0%, 9%, .8);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    box-shadow: none
}

body[data-theme=default] .BlogPost {
    cursor: pointer
}

@media (min-width: 769px) {
    body[data-theme=default] .BlogPost:hover .BlogPost__Image:after {
        transition-duration: 0s;
        box-shadow: inset 0 0 0 2px #e43d30
    }
}

body[data-theme=default] .BlogPost p:empty:after {
    background-color: #3c3c3c
}

body[data-theme=default] .BlogPost__Image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: box-shadow .2s ease;
    box-shadow: inset 0 0 0 0 #e43d30;
    border-radius: .75rem
}

body[data-theme=default] .CategoryTag {
    color: #fff;
    border: 1px solid rgba(228, 61, 48, 0);
    background-color: #3c3c3c;
    transition: border-color .2s ease
}

@media (min-width: 769px) {
    body[data-theme=default] .CategoryTag:hover {
        transition: border-color 0s ease;
        border-color: #e43d30
    }
}

body[data-theme=default] .CategoryTag--active {
    border-color: #e43d30
}

body[data-theme=default] .CheckoutDetails ul li a {
    color: #e43d30
}

body[data-theme=default] .CheckoutDetails footer {
    border-top-color: hsla(0, 0%, 86%, .35)
}

body[data-theme=default] .DeveloperPod {
    background-color: #292929
}

body[data-theme=default] .EditorialBlock__Image {
    background: #171717;
    border: 2px solid #e43d30
}

body[data-theme=default] .EditorialBlock__Content {
    background: #3c3c3c
}

body[data-theme=default] .EditorialBlock__Description:after {
    background: linear-gradient(rgba(60, 60, 60, 0), rgba(60, 60, 60, .65), #3c3c3c)
}

body[data-theme=default] .EditorialBlock__Socials:after {
    background: #3c3c3c
}

body[data-theme=default] .FeaturedGameCarouselThumbnail {
    background-color: #3c3c3c
}

@media (min-width: 575px) {
    body[data-theme=default] .FeaturedGameCarouselSlide__Image img {
        box-shadow: 0 10px 30px #171717;
        background-color: #171717
    }
}

body[data-theme=default] .FluidCarousel__Wrapper:before {
    background: linear-gradient(270deg, hsla(0, 0%, 9%, 0), hsla(0, 0%, 9%, .7), #171717)
}

body[data-theme=default] .FluidCarousel__Wrapper:after {
    background: linear-gradient(90deg, hsla(0, 0%, 9%, 0), hsla(0, 0%, 9%, .7), #171717)
}

body[data-theme=default] .GPDescription__GameMeta .Flex div {
    color: #fff;
    background-color: #3c3c3c
}

body[data-theme=default] .GPRatingUi__Icon__ThumbsDown--picked, body[data-theme=default] .GPRatingUi__Icon__ThumbsUp--picked {
    border-color: #e43d30
}

body[data-theme=default] .GamePassOverlay__SvgHighlight {
    fill: #e43d30
}

body[data-theme=default] .GamePassOverlay__SvgFill {
    fill: #3c3c3c
}

body[data-theme=default] .GameReview {
    color: #fff;
    background-color: #3c3c3c
}

body[data-theme=default] .GameReview .RouterLink {
    color: #fff
}

body[data-theme=default] .GameReview--negative .GameReview__Author .Icon > svg {
    filter: drop-shadow(2px 1px 0 #e43d30)
}

body[data-theme=default] .GameReview--positive .GameReview__Author .Icon > svg {
    filter: drop-shadow(2px 1px 0 #30e43d)
}

body[data-theme=default] .GameReview__Subject {
    color: #b3b3b3;
    color: #fff;
    opacity: .65
}

body[data-theme=default] .GameTileBlock__Overlay {
    background-image: linear-gradient(270deg, rgba(41, 41, 41, 0), rgba(41, 41, 41, .85), rgba(41, 41, 41, .85), rgba(41, 41, 41, 0));
    border-color: #e43d30;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

body[data-theme=default] .InsetContainer {
    background-color: #292929
}

body[data-theme=default] .InsetContainer--transparentBg {
    background-color: transparent
}

body[data-theme=default] .PlaylistTile {
    position: relative
}

@media (min-width: 769px) {
    body[data-theme=default] .PlaylistTile:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: .325rem;
        pointer-events: none;
        z-index: 1;
        box-shadow: inset 0 0 0 0 rgba(228, 61, 48, 0);
        transition: box-shadow 1s ease
    }

    body[data-theme=default] .PlaylistTile:hover:after {
        transition: box-shadow 0s ease;
        box-shadow: inset 0 0 0 2px #e43d30
    }

    body[data-theme=default] .PlaylistTile:hover .PlaylistTile__Title {
        transition: color 0s ease;
        color: #e43d30
    }
}

body[data-theme=default] .PlaylistTile__Title {
    transition: color 1s ease;
    background-color: #292929
}

body[data-theme=default] .ProductFeature__Graphic > .Flex, body[data-theme=default] .ProductPlanBox {
    background-color: #292929
}

body[data-theme=default] .ProductPlanBox--featured {
    box-shadow: 0 0 0 2px #e43d30, 0 5px 40px 2px rgba(228, 61, 48, .65)
}

body[data-theme=default] .ProductPlanBox__Header {
    background-color: #3c3c3c;
    color: #fff
}

body[data-theme=default] .ProductPlanBox__Sticker {
    background-color: #e43d30;
    color: #fff
}

body[data-theme=default] .SearchMenu {
    padding: 1rem;
    border-radius: .325rem
}

@media (min-width: 960px) {
    body[data-theme=default] .SearchMenu {
        background-color: #292929
    }
}

body[data-theme=default] .StickyFooter {
    background: #3c3c3c;
    color: #fff;
    box-shadow: 0 -5px 15px rgba(0, 0, 0, .35)
}

body[data-theme=default] .TaxonomyTile:after {
    box-shadow: inset 0 0 0 1px #3c3c3c
}

body[data-theme=default] .RecentGamesBlock .GameTile {
    background-color: #3c3c3c
}

body[data-theme=default] .UserAvatar {
    color: #e43d30
}

body[data-theme=default] .AboutPageLayout .Content a {
    color: #e43d30;
    font-weight: 700
}

body[data-theme=default] .GamePage__Game__Toolbar {
    background-color: #292929
}

body[data-theme=default] .GamePage__ThumbnailPreview {
    transition: box-shadow .4s ease;
    border: 1px solid rgba(41, 41, 41, .6);
    box-shadow: 0 0 0 4px #e43d30, 0 6px 15px rgba(0, 0, 0, .4)
}

body[data-theme=default] .GamePage__ThumbnailPreview:hover {
    transition-duration: 0s;
    box-shadow: 0 0 0 4px #ea675d, 0 6px 15px rgba(0, 0, 0, .4)
}

body[data-theme=default] #gamePreroll {
    background-color: #292929
}

body[data-theme=default] .GamePage__Unlock small {
    opacity: .6
}

body[data-theme=default] .GamePage__Unlock strong {
    color: #e43d30
}

body[data-theme=default] .GPSidebarAd__Inner {
    background-color: #292929
}

body[data-theme=default] .GamePage__Game__Main {
    background-color: #000
}

body[data-theme=default] .BlogPage__Posts .BlogPost:not(:last-child) {
    border-color: #3c3c3c
}

body[data-theme=default] .BlogPostPage .Content a {
    color: #e43d30
}

@media (hover: hover) {
    body[data-theme=default] .BlogPostPage .Content a:hover {
        color: #ed7c74
    }
}

body[data-theme=default] .SearchPage .SearchPage__Container {
    padding: 1rem;
    border-radius: .325rem
}

@media (min-width: 960px) {
    body[data-theme=default] .SearchPage .SearchPage__Container {
        background-color: #292929
    }
}

body[data-theme=default] .SearchPage .SearchPage__Container .Game__Search__Table__Row--right {
    border-left: 2px solid #fff;
    padding-left: .75rem
}

body[data-theme=default] .SearchPage .SearchPage__Container .Game__Search__Table__Row .Game__Search__Table__Stats {
    margin-bottom: 10px
}

body[data-theme=default] .SearchPage .SearchPage__Container .Game__Search__Table__Row .Game__Search__Table__Stats__Rating {
    background-color: #e43d30;
    width: 45px;
    height: 45px;
    font-weight: 700;
    border-radius: .75rem;
    margin-right: .75rem
}

body[data-theme=default] .Listed__Category__Inner {
    background: #292929;
    box-shadow: 0 0 0 2px rgba(228, 61, 48, 0), 0 4px 11px rgba(0, 0, 0, .4);
    transition: box-shadow .4s ease
}

@media (min-width: 769px) {
    body[data-theme=default] .Listed__Category__Inner:hover {
        transition-duration: 0s;
        box-shadow: 0 0 0 2px #e43d30, 0 4px 11px rgba(0, 0, 0, .4)
    }
}

body[data-theme=default] .Listed__Game__Inner {
    background: #292929;
    transition-duration: .4s;
    transition-timing-function: ease;
    transition-property: box-shadow
}

@media (min-width: 769px) {
    body[data-theme=default] .Listed__Game__Inner:hover {
        transition-duration: 0s;
        box-shadow: 0 0 0 1px #e43d30
    }
}

body[data-theme=default] .ProfilePod__Avatar {
    border-color: #fff
}

body[data-theme=default] .ProfilePod__Stat--Label {
    color: #fff;
    font-weight: 700
}

body[data-theme=default] .ProfilePod__Stat--Value {
    color: #ccc
}

body[data-theme=default] .FreeGamesPage .FreeGamesPage__Container {
    padding: 1rem;
    border-radius: .325rem
}

@media (min-width: 960px) {
    body[data-theme=default] .FreeGamesPage .FreeGamesPage__Container {
        background-color: #292929
    }
}

body[data-theme=default] .FreeGamesPage .FreeGamesPage__Container .FreeGames__Table__Row--right {
    border-left: 2px solid #fff;
    padding-left: .75rem
}

body[data-theme=default] .FreeGamesPage .FreeGamesPage__Container .FreeGames__Table__Row .FreeGames__Table__Stats {
    margin-bottom: 10px
}

body[data-theme=default] .FreeGamesPage .FreeGamesPage__Container .FreeGames__Table__Row .FreeGames__Table__Stats__Rating {
    background-color: #e43d30;
    width: 45px;
    height: 45px;
    font-weight: 700;
    border-radius: .75rem;
    margin-right: .75rem
}

body[data-theme=default] .PandemicGameGuidePage .Content a {
    color: #e43d30
}

@media (hover: hover) {
    body[data-theme=default] .PandemicGameGuidePage .Content a:hover {
        color: #ed7c74
    }
}

body[data-theme=classic] {
    color: #050505;
    background-color: #d5d9de
}

body[data-theme=classic] ::-moz-selection {
    color: #fff;
    background: rgba(46, 75, 130, .35)
}

body[data-theme=classic] ::selection {
    color: #fff;
    background: rgba(46, 75, 130, .35)
}

body[data-theme=classic] .RouterLink {
    text-decoration: underline
}

body[data-theme=classic] .MenuList {
    background: #869bbf;
    border: 1px solid #2e4b82;
    border-radius: .325rem
}

body[data-theme=classic] .Autocomplete .Input, body[data-theme=classic] .Input {
    color: #050505 !important;
    background-color: #fff !important;
    border-color: #fff !important
}

body[data-theme=classic] .Autocomplete .Input::-moz-placeholder, body[data-theme=classic] .Input::-moz-placeholder {
    color: #869bbf !important
}

body[data-theme=classic] .Autocomplete .Input:-ms-input-placeholder, body[data-theme=classic] .Input:-ms-input-placeholder {
    color: #869bbf !important
}

body[data-theme=classic] .Autocomplete .Input::placeholder, body[data-theme=classic] .Input::placeholder {
    color: #869bbf !important
}

body[data-theme=classic] .Autocomplete .Input:focus ~ .Icon, body[data-theme=classic] .Input:focus ~ .Icon {
    color: #2e4b82 !important
}

body[data-theme=classic] .Delete {
    background-color: #2e4b82 !important
}

body[data-theme=classic] .Delete:hover {
    background-color: rgba(46, 75, 130, .85) !important
}

body[data-theme=classic] .Delete:active {
    background-color: #2e4b82 !important
}

body[data-theme=classic] .Delete:after, body[data-theme=classic] .Delete:before {
    background-color: #fff
}

body[data-theme=classic] .BlockHeader, body[data-theme=classic] .GamePage .Box h4, body[data-theme=classic] .GamePage .GamePlayer h1, body[data-theme=classic] .GamePage__Game__RatingTitle h1, body[data-theme=classic] .Title {
    color: #2e4b82;
    font-family: Comic Sans, Comic Sans Ms, Chalkboard, ChalkboardSE-Regular, sans-serif;
    letter-spacing: -1px;
    font-weight: 700
}

body[data-theme=classic] .Checkbox input + span, body[data-theme=classic] .Radio input + span {
    background-color: #869bbf !important
}

body[data-theme=classic] .Checkbox input[checked] + span, body[data-theme=classic] .Radio input[checked] + span {
    background-color: #2e4b82 !important
}

@keyframes pageLoaderGlowClassic {
    0% {
        background-color: #21355c
    }
    45% {
        background-color: #3b61a8
    }
    55% {
        background-color: #3b61a8
    }
    to {
        background-color: #21355c
    }
}

body[data-theme=classic] .PageLoader {
    animation-name: pageLoaderGlowClassic
}

body[data-theme=classic] .AppFooter__Logo img, body[data-theme=classic] .MobileHeader__Logo img {
    width: 175px;
    height: 32px
}

body[data-theme=classic] .Button:not(.Button--primary) > span > .Icon:first-of-type, body[data-theme=classic] .DesktopHeader__DropdownInner:last-child {
    color: #fff !important
}

body[data-theme=classic] .TaxonomyTile {
    color: #fff
}

body[data-theme=classic] .AppFooter .RouterLink {
    color: #2e4b82 !important
}

body[data-theme=classic] .FluidCarousel__Wrapper:before {
    background: linear-gradient(270deg, rgba(213, 217, 222, 0), rgba(213, 217, 222, .7), #d5d9de) !important
}

body[data-theme=classic] .FluidCarousel__Wrapper:after {
    background: linear-gradient(90deg, rgba(213, 217, 222, 0), rgba(213, 217, 222, .7), #d5d9de) !important
}

body[data-theme=classic] .Autocomplete__Menu {
    background-color: #d5d9de;
    border: 1px solid #fff;
    box-shadow: none
}

body[data-theme=classic] .AutocompleteItem {
    color: #fff
}

body[data-theme=classic] a.AutocompleteItem:hover {
    background-color: #869bbf;
    color: #fff
}

body[data-theme=classic] a.AutocompleteItem--active {
    background-color: #869bbf !important;
    color: #fff !important
}

body[data-theme=classic] .AutocompleteDivider {
    background-color: #383838
}

body[data-theme=classic] .Box {
    color: #050505;
    background-color: #869bbf;
    box-shadow: none
}

body[data-theme=classic] a.Box:focus, body[data-theme=classic] a.Box:hover {
    box-shadow: 0 .5em 1em -.125em hsla(0, 0%, 100%, .1), 0 0 0 1px #2e4b82
}

body[data-theme=classic] a.Box:active {
    box-shadow: inset 0 1px 2px hsla(0, 0%, 100%, .2), 0 0 0 1px #2e4b82
}

body[data-theme=classic] .Breadcrumb .Breadcrumb__Parent {
    color: #2e4b82
}

body[data-theme=classic] .Breadcrumb .Breadcrumb__Child {
    color: #050505
}

body[data-theme=classic] .Button {
    background-color: #869bbf;
    border-color: #fff;
    color: #fff
}

body[data-theme=classic] .Button strong {
    color: inherit
}

body[data-theme=classic] .Button--focused, body[data-theme=classic] .Button--hovered, body[data-theme=classic] .Button:focus, body[data-theme=classic] .Button:hover {
    border-color: #2e4b82;
    color: #fff
}

body[data-theme=classic] .Button--focused:not(:active), body[data-theme=classic] .Button:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(46, 75, 130, .25)
}

body[data-theme=classic] .Button--active, body[data-theme=classic] .Button:active {
    border-color: #27406f;
    color: #fff
}

body[data-theme=classic] .Button--disabled, body[data-theme=classic] .Button--loading, body[data-theme=classic] .Button[disabled], fieldset[disabled] body[data-theme=classic] .Button {
    background-color: #d5d9de;
    border-color: #dbdbdb;
    box-shadow: none;
    opacity: .5
}

body[data-theme=classic] .Button--loading:after {
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent #dbdbdb #dbdbdb;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=classic] .Button--static {
    background-color: #869bbf;
    border-color: #dbdbdb;
    color: #383838;
    box-shadow: none;
    pointer-events: none
}

body[data-theme=classic] .Button--primary {
    background-color: #2e4b82;
    border-color: transparent
}

body[data-theme=classic] .Button--primary--hovered, body[data-theme=classic] .Button--primary:hover {
    background-color: #2b4679;
    border-color: transparent;
    color: #fff
}

body[data-theme=classic] .Button--primary--focused, body[data-theme=classic] .Button--primary:focus {
    border-color: transparent;
    color: #fff
}

body[data-theme=classic] .Button--primary--focused:not(:active), body[data-theme=classic] .Button--primary:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(46, 75, 130, .25)
}

body[data-theme=classic] .Button--primary--active, body[data-theme=classic] .Button--primary:active {
    background-color: #27406f;
    border-color: transparent;
    color: #fff
}

body[data-theme=classic] .Button--primary--loading, body[data-theme=classic] .Button--primary[disabled], fieldset[disabled] body[data-theme=classic] .Button--primary {
    background-color: #2e4b82;
    border-color: transparent;
    box-shadow: none
}

body[data-theme=classic] .Button--primary--loading:after {
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent #fff #fff;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=classic] .Button--secondary {
    background-color: #fff;
    border-color: transparent;
    color: #869bbf
}

body[data-theme=classic] .Button--secondary--hovered, body[data-theme=classic] .Button--secondary:hover {
    background-color: #f9f9f9;
    border-color: transparent;
    color: #869bbf
}

body[data-theme=classic] .Button--secondary--focused, body[data-theme=classic] .Button--secondary:focus {
    border-color: transparent;
    color: #869bbf
}

body[data-theme=classic] .Button--secondary--focused:not(:active), body[data-theme=classic] .Button--secondary:focus:not(:active) {
    box-shadow: 0 0 0 .125em hsla(0, 0%, 100%, .25)
}

body[data-theme=classic] .Button--secondary--active, body[data-theme=classic] .Button--secondary:active {
    background-color: #f2f2f2;
    border-color: transparent;
    color: #869bbf
}

body[data-theme=classic] .Button--secondary--loading, body[data-theme=classic] .Button--secondary[disabled], fieldset[disabled] body[data-theme=classic] .Button--secondary {
    background-color: #fff;
    border-color: transparent;
    box-shadow: none
}

body[data-theme=classic] .Button--secondary--loading:after {
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent #869bbf #869bbf;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=classic] .Button--tertiary {
    background-color: #2e4b82;
    border-color: transparent;
    color: #fff
}

body[data-theme=classic] .Button--tertiary--hovered, body[data-theme=classic] .Button--tertiary:hover {
    background-color: #2b4679;
    border-color: transparent;
    color: #fff
}

body[data-theme=classic] .Button--tertiary--focused, body[data-theme=classic] .Button--tertiary:focus {
    border-color: transparent;
    color: #fff
}

body[data-theme=classic] .Button--tertiary--focused:not(:active), body[data-theme=classic] .Button--tertiary:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(46, 75, 130, .25)
}

body[data-theme=classic] .Button--tertiary--active, body[data-theme=classic] .Button--tertiary:active {
    background-color: #27406f;
    border-color: transparent;
    color: #fff
}

body[data-theme=classic] .Button--tertiary--loading, body[data-theme=classic] .Button--tertiary[disabled], fieldset[disabled] body[data-theme=classic] .Button--tertiary {
    background-color: #2e4b82;
    border-color: transparent;
    box-shadow: none
}

body[data-theme=classic] .Button--tertiary--loading:after {
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent #fff #fff;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=classic] .Button--success {
    background-color: #48c78e;
    border-color: transparent;
    color: snow
}

body[data-theme=classic] .Button--success--hovered, body[data-theme=classic] .Button--success:hover {
    background-color: #3ec487;
    border-color: transparent;
    color: snow
}

body[data-theme=classic] .Button--success--focused, body[data-theme=classic] .Button--success:focus {
    border-color: transparent;
    color: snow
}

body[data-theme=classic] .Button--success--focused:not(:active), body[data-theme=classic] .Button--success:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(72, 199, 142, .25)
}

body[data-theme=classic] .Button--success--active, body[data-theme=classic] .Button--success:active {
    background-color: #3abb81;
    border-color: transparent;
    color: snow
}

body[data-theme=classic] .Button--success--loading, body[data-theme=classic] .Button--success[disabled], fieldset[disabled] body[data-theme=classic] .Button--success {
    background-color: #48c78e;
    border-color: transparent;
    box-shadow: none
}

body[data-theme=classic] .Button--success--loading:after {
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent snow snow;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=classic] .Button--warning {
    background-color: #ffe08a;
    border-color: transparent;
    color: snow
}

body[data-theme=classic] .Button--warning--hovered, body[data-theme=classic] .Button--warning:hover {
    background-color: #ffdc7d;
    border-color: transparent;
    color: snow
}

body[data-theme=classic] .Button--warning--focused, body[data-theme=classic] .Button--warning:focus {
    border-color: transparent;
    color: snow
}

body[data-theme=classic] .Button--warning--focused:not(:active), body[data-theme=classic] .Button--warning:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25)
}

body[data-theme=classic] .Button--warning--active, body[data-theme=classic] .Button--warning:active {
    background-color: #ffd970;
    border-color: transparent;
    color: snow
}

body[data-theme=classic] .Button--warning--loading, body[data-theme=classic] .Button--warning[disabled], fieldset[disabled] body[data-theme=classic] .Button--warning {
    background-color: #ffe08a;
    border-color: transparent;
    box-shadow: none
}

body[data-theme=classic] .Button--warning--loading:after {
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent snow snow;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=classic] .Button--error {
    background-color: red;
    border-color: transparent;
    color: snow
}

body[data-theme=classic] .Button--error--hovered, body[data-theme=classic] .Button--error:hover {
    background-color: #f20000;
    border-color: transparent;
    color: snow
}

body[data-theme=classic] .Button--error--focused, body[data-theme=classic] .Button--error:focus {
    border-color: transparent;
    color: snow
}

body[data-theme=classic] .Button--error--focused:not(:active), body[data-theme=classic] .Button--error:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(255, 0, 0, .25)
}

body[data-theme=classic] .Button--error--active, body[data-theme=classic] .Button--error:active {
    background-color: #e60000;
    border-color: transparent;
    color: snow
}

body[data-theme=classic] .Button--error--loading, body[data-theme=classic] .Button--error[disabled], fieldset[disabled] body[data-theme=classic] .Button--error {
    background-color: red;
    border-color: transparent;
    box-shadow: none
}

body[data-theme=classic] .Button--error--loading:after {
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent snow snow;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=classic] .Button--light {
    background-color: #869bbf;
    border-color: transparent;
    color: #050505
}

body[data-theme=classic] .Button--light--hovered, body[data-theme=classic] .Button--light:hover {
    background-color: #7e94bb;
    border-color: transparent;
    color: #050505
}

body[data-theme=classic] .Button--light--focused, body[data-theme=classic] .Button--light:focus {
    border-color: transparent;
    color: #050505
}

body[data-theme=classic] .Button--light--focused:not(:active), body[data-theme=classic] .Button--light:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(134, 155, 191, .25)
}

body[data-theme=classic] .Button--light--active, body[data-theme=classic] .Button--light:active {
    background-color: #758db6;
    border-color: transparent;
    color: #050505
}

body[data-theme=classic] .Button--light--loading, body[data-theme=classic] .Button--light[disabled], fieldset[disabled] body[data-theme=classic] .Button--light {
    background-color: #869bbf;
    border-color: transparent;
    box-shadow: none
}

body[data-theme=classic] .Button--light--loading:after {
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent #050505 #050505;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=classic] .Button--dark {
    background-color: #050505;
    border-color: transparent;
    color: #869bbf
}

body[data-theme=classic] .Button--dark--hovered, body[data-theme=classic] .Button--dark:hover {
    background-color: #000;
    border-color: transparent;
    color: #869bbf
}

body[data-theme=classic] .Button--dark--focused, body[data-theme=classic] .Button--dark:focus {
    border-color: transparent;
    color: #869bbf
}

body[data-theme=classic] .Button--dark--focused:not(:active), body[data-theme=classic] .Button--dark:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(5, 5, 5, .25)
}

body[data-theme=classic] .Button--dark--active, body[data-theme=classic] .Button--dark:active {
    background-color: #000;
    border-color: transparent;
    color: #869bbf
}

body[data-theme=classic] .Button--dark--loading, body[data-theme=classic] .Button--dark[disabled], fieldset[disabled] body[data-theme=classic] .Button--dark {
    background-color: #050505;
    border-color: transparent;
    box-shadow: none
}

body[data-theme=classic] .Button--dark--loading:after {
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent #869bbf #869bbf;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=classic] .Button--text {
    background-color: transparent;
    border-color: transparent;
    color: #050505;
    text-decoration: underline
}

body[data-theme=classic] .Button--text--focused, body[data-theme=classic] .Button--text--hovered, body[data-theme=classic] .Button--text:focus, body[data-theme=classic] .Button--text:hover {
    background-color: #869bbf;
    color: #050505
}

body[data-theme=classic] .Button--text--active, body[data-theme=classic] .Button--text:active {
    background-color: #758db6;
    color: #050505
}

body[data-theme=classic] .Button--text[disabled], fieldset[disabled] body[data-theme=classic] .Button--text {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none
}

body[data-theme=classic] .Carousel__Button .Button {
    font-size: 1rem;
    transition-property: box-shadow, transform, opacity;
    transition-timing-function: ease;
    transition-duration: 1s
}

@media (min-width: 769px) {
    body[data-theme=classic] .Carousel__Button .Button:hover {
        transition-property: box-shadow, transform, opacity;
        transition-timing-function: ease;
        transition-duration: .2s
    }
}

body[data-theme=classic] .Carousel__Button:after {
    transition: all .2s ease;
    opacity: .35;
    background: linear-gradient(90deg, rgba(46, 75, 130, 0), #2e4b82)
}

body[data-theme=classic] .Carousel__Button--left:after {
    background: linear-gradient(270deg, rgba(46, 75, 130, 0), #2e4b82)
}

body[data-theme=classic] .Carousel__Button--hidden {
    pointer-events: none
}

body[data-theme=classic] .Carousel__Button--hidden:after {
    opacity: 0 !important
}

body[data-theme=classic] .Carousel__Button--hidden .Button {
    transform: scale(.5);
    opacity: 0
}

@media (min-width: 769px) {
    body[data-theme=classic] .Carousel:hover .Carousel__Button:after {
        opacity: .65
    }
}

body[data-theme=classic] .Checkbox input[disabled], body[data-theme=classic] .Checkbox[disabled], fieldset[disabled] body[data-theme=classic] .Checkbox {
    color: #383838
}

body[data-theme=classic] .Checkbox input + span {
    background-color: #2e4b82;
    border-color: #2e4b82;
    color: #fff;
    box-shadow: none
}

body[data-theme=classic] .Checkbox input + span::-moz-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=classic] .Checkbox input + span::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=classic] .Checkbox input + span:-moz-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=classic] .Checkbox input + span:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=classic] .Checkbox input + span--hovered, body[data-theme=classic] .Checkbox input + span:hover {
    border-color: #7a7a7a
}

body[data-theme=classic] .Checkbox input + span--active, body[data-theme=classic] .Checkbox input + span--focused, body[data-theme=classic] .Checkbox input + span:active, body[data-theme=classic] .Checkbox input + span:focus {
    border-color: #2e4b82;
    box-shadow: 0 0 0 .125em rgba(46, 75, 130, .25)
}

body[data-theme=classic] .Checkbox input + span[disabled], fieldset[disabled] body[data-theme=classic] .Checkbox input + span {
    background-color: #869bbf;
    border-color: #869bbf;
    box-shadow: none;
    color: #383838
}

body[data-theme=classic] .Checkbox input + span[disabled]::-moz-placeholder, fieldset[disabled] body[data-theme=classic] .Checkbox input + span::-moz-placeholder {
    color: rgba(56, 56, 56, .3)
}

body[data-theme=classic] .Checkbox input + span[disabled]::-webkit-input-placeholder, fieldset[disabled] body[data-theme=classic] .Checkbox input + span::-webkit-input-placeholder {
    color: rgba(56, 56, 56, .3)
}

body[data-theme=classic] .Checkbox input + span[disabled]:-moz-placeholder, fieldset[disabled] body[data-theme=classic] .Checkbox input + span:-moz-placeholder {
    color: rgba(56, 56, 56, .3)
}

body[data-theme=classic] .Checkbox input + span[disabled]:-ms-input-placeholder, fieldset[disabled] body[data-theme=classic] .Checkbox input + span:-ms-input-placeholder {
    color: rgba(56, 56, 56, .3)
}

body[data-theme=classic] .Checkbox input[checked] + span {
    background-color: #2e4b82;
    border-color: #2e4b82
}

body[data-theme=classic] .Checkbox input[checked] + span:active, body[data-theme=classic] .Checkbox input[checked] + span:focus {
    box-shadow: 0 0 0 .125em rgba(46, 75, 130, .25)
}

body[data-theme=classic] .Checkbox input[readonly] + span {
    box-shadow: none
}

body[data-theme=classic] .Checkbox--error input + span {
    border-color: red
}

body[data-theme=classic] .Checkbox--error input + span:active, body[data-theme=classic] .Checkbox--error input + span:focus {
    border-color: red;
    box-shadow: 0 0 0 .125em rgba(255, 0, 0, .25)
}

body[data-theme=classic] .Radio input[disabled], body[data-theme=classic] .Radio[disabled], fieldset[disabled] body[data-theme=classic] .Radio {
    color: #383838
}

body[data-theme=classic] .Radio input + span {
    background-color: #2e4b82;
    border-color: #2e4b82;
    color: #fff;
    box-shadow: none
}

body[data-theme=classic] .Radio input + span::-moz-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=classic] .Radio input + span::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=classic] .Radio input + span:-moz-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=classic] .Radio input + span:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=classic] .Radio input + span--hovered, body[data-theme=classic] .Radio input + span:hover {
    border-color: #7a7a7a
}

body[data-theme=classic] .Radio input + span--active, body[data-theme=classic] .Radio input + span--focused, body[data-theme=classic] .Radio input + span:active, body[data-theme=classic] .Radio input + span:focus {
    border-color: #2e4b82;
    box-shadow: 0 0 0 .125em rgba(46, 75, 130, .25)
}

body[data-theme=classic] .Radio input + span[disabled], fieldset[disabled] body[data-theme=classic] .Radio input + span {
    background-color: #869bbf;
    border-color: #869bbf;
    box-shadow: none;
    color: #383838
}

body[data-theme=classic] .Radio input + span[disabled]::-moz-placeholder, fieldset[disabled] body[data-theme=classic] .Radio input + span::-moz-placeholder {
    color: rgba(56, 56, 56, .3)
}

body[data-theme=classic] .Radio input + span[disabled]::-webkit-input-placeholder, fieldset[disabled] body[data-theme=classic] .Radio input + span::-webkit-input-placeholder {
    color: rgba(56, 56, 56, .3)
}

body[data-theme=classic] .Radio input + span[disabled]:-moz-placeholder, fieldset[disabled] body[data-theme=classic] .Radio input + span:-moz-placeholder {
    color: rgba(56, 56, 56, .3)
}

body[data-theme=classic] .Radio input + span[disabled]:-ms-input-placeholder, fieldset[disabled] body[data-theme=classic] .Radio input + span:-ms-input-placeholder {
    color: rgba(56, 56, 56, .3)
}

body[data-theme=classic] .Radio input[checked] + span {
    background-color: #2e4b82;
    border-color: #2e4b82
}

body[data-theme=classic] .Radio input[checked] + span:active, body[data-theme=classic] .Radio input[checked] + span:focus {
    box-shadow: 0 0 0 .125em rgba(46, 75, 130, .25)
}

body[data-theme=classic] .Radio input[readonly] + span {
    box-shadow: none
}

body[data-theme=classic] .Radio--error input + span {
    border-color: red
}

body[data-theme=classic] .Radio--error input + span:active, body[data-theme=classic] .Radio--error input + span:focus {
    border-color: red;
    box-shadow: 0 0 0 .125em rgba(255, 0, 0, .25)
}

body[data-theme=classic] .Control--iconsLeft .Input:focus ~ .Icon, body[data-theme=classic] .Control--iconsLeft .Select:focus ~ .Icon, body[data-theme=classic] .Control--iconsRight .Input:focus ~ .Icon, body[data-theme=classic] .Control--iconsRight .Select:focus ~ .Icon {
    color: #fff
}

body[data-theme=classic] .Control--iconsLeft .Icon, body[data-theme=classic] .Control--iconsRight .Icon {
    color: #869bbf
}

body[data-theme=classic] .Control--loading:after {
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent #dbdbdb #dbdbdb;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=classic] .Delete {
    background-color: hsla(0, 0%, 100%, .4)
}

body[data-theme=classic] .Delete:hover {
    background-color: hsla(0, 0%, 100%, .85)
}

body[data-theme=classic] .Delete:active {
    background-color: #fff
}

body[data-theme=classic] .Delete:after, body[data-theme=classic] .Delete:before {
    background-color: #d5d9de
}

body[data-theme=classic] .Dropdown__Content {
    background-color: #2e4b82;
    box-shadow: none
}

body[data-theme=classic] .DropdownItem {
    color: #fff
}

body[data-theme=classic] a.DropdownItem:hover {
    background-color: #869bbf;
    color: #fff
}

body[data-theme=classic] a.DropdownItem--active {
    background-color: #869bbf !important;
    color: #fff !important
}

body[data-theme=classic] .DropdownDivider {
    background-color: #383838
}

body[data-theme=classic] .GamePlayer {
    background-color: #869bbf
}

body[data-theme=classic] .GamePlayer__PreviewOverlay:after {
    background-color: rgba(134, 155, 191, .85);
    mix-blend-mode: none
}

body[data-theme=classic] .GamePlayer__PreviewOverlay + .GamePlayer__Overlay {
    -webkit-backdrop-filter: blur(8px) saturate(200%);
    backdrop-filter: blur(8px) saturate(200%)
}

body[data-theme=classic] .GamePlayer__Incompatible {
    background-color: #869bbf;
    color: snow
}

body[data-theme=classic] .GamePlayer__Loader {
    font-size: 500%;
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent #dbdbdb #dbdbdb;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=classic] .GameTile {
    background-color: #869bbf
}

body[data-theme=classic] .GameTileDescription, body[data-theme=classic] .GameTileStatus {
    color: snow
}

body[data-theme=classic] .FieldLabel {
    color: #050505
}

body[data-theme=classic] .FieldHelp--success {
    color: #48c78e
}

body[data-theme=classic] .FieldHelp--warning {
    color: #ffe08a
}

body[data-theme=classic] .FieldHelp--error {
    color: red
}

body[data-theme=classic] .Input {
    background-color: #2e4b82;
    border-color: #2e4b82;
    color: #fff;
    box-shadow: none
}

body[data-theme=classic] .Input::-moz-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=classic] .Input::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=classic] .Input:-moz-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=classic] .Input:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=classic] .Input--hovered, body[data-theme=classic] .Input:hover {
    border-color: #7a7a7a
}

body[data-theme=classic] .Input--active, body[data-theme=classic] .Input--focused, body[data-theme=classic] .Input:active, body[data-theme=classic] .Input:focus {
    border-color: #2e4b82;
    box-shadow: 0 0 0 .125em rgba(46, 75, 130, .25)
}

body[data-theme=classic] .Input[disabled], fieldset[disabled] body[data-theme=classic] .Input {
    background-color: #869bbf;
    border-color: #869bbf;
    box-shadow: none;
    color: #383838
}

body[data-theme=classic] .Input[disabled]::-moz-placeholder, fieldset[disabled] body[data-theme=classic] .Input::-moz-placeholder {
    color: rgba(56, 56, 56, .3)
}

body[data-theme=classic] .Input[disabled]::-webkit-input-placeholder, fieldset[disabled] body[data-theme=classic] .Input::-webkit-input-placeholder {
    color: rgba(56, 56, 56, .3)
}

body[data-theme=classic] .Input[disabled]:-moz-placeholder, fieldset[disabled] body[data-theme=classic] .Input:-moz-placeholder {
    color: rgba(56, 56, 56, .3)
}

body[data-theme=classic] .Input[disabled]:-ms-input-placeholder, fieldset[disabled] body[data-theme=classic] .Input:-ms-input-placeholder {
    color: rgba(56, 56, 56, .3)
}

body[data-theme=classic] .Input[readonly] {
    box-shadow: none
}

body[data-theme=classic] .Input--error {
    border-color: red
}

body[data-theme=classic] .Input--error--active, body[data-theme=classic] .Input--error--focused, body[data-theme=classic] .Input--error:active, body[data-theme=classic] .Input--error:focus {
    border-color: red;
    box-shadow: 0 0 0 .125em rgba(255, 0, 0, .25)
}

body[data-theme=classic] .Input--static {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0
}

body[data-theme=classic] .Textarea {
    background-color: #2e4b82;
    border-color: #2e4b82;
    color: #fff;
    box-shadow: none
}

body[data-theme=classic] .Textarea::-moz-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=classic] .Textarea::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=classic] .Textarea:-moz-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=classic] .Textarea:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=classic] .Textarea--hovered, body[data-theme=classic] .Textarea:hover {
    border-color: #7a7a7a
}

body[data-theme=classic] .Textarea--active, body[data-theme=classic] .Textarea--focused, body[data-theme=classic] .Textarea:active, body[data-theme=classic] .Textarea:focus {
    border-color: #2e4b82;
    box-shadow: 0 0 0 .125em rgba(46, 75, 130, .25)
}

body[data-theme=classic] .Textarea[disabled], fieldset[disabled] body[data-theme=classic] .Textarea {
    background-color: #869bbf;
    border-color: #869bbf;
    box-shadow: none;
    color: #383838
}

body[data-theme=classic] .Textarea[disabled]::-moz-placeholder, fieldset[disabled] body[data-theme=classic] .Textarea::-moz-placeholder {
    color: rgba(56, 56, 56, .3)
}

body[data-theme=classic] .Textarea[disabled]::-webkit-input-placeholder, fieldset[disabled] body[data-theme=classic] .Textarea::-webkit-input-placeholder {
    color: rgba(56, 56, 56, .3)
}

body[data-theme=classic] .Textarea[disabled]:-moz-placeholder, fieldset[disabled] body[data-theme=classic] .Textarea:-moz-placeholder {
    color: rgba(56, 56, 56, .3)
}

body[data-theme=classic] .Textarea[disabled]:-ms-input-placeholder, fieldset[disabled] body[data-theme=classic] .Textarea:-ms-input-placeholder {
    color: rgba(56, 56, 56, .3)
}

body[data-theme=classic] .Textarea[readonly] {
    box-shadow: none
}

body[data-theme=classic] .Textarea--error {
    border-color: red
}

body[data-theme=classic] .Textarea--error--active, body[data-theme=classic] .Textarea--error--focused, body[data-theme=classic] .Textarea--error:active, body[data-theme=classic] .Textarea--error:focus {
    border-color: red;
    box-shadow: 0 0 0 .125em rgba(255, 0, 0, .25)
}

body[data-theme=classic] .Link {
    color: #2e4b82;
    cursor: pointer;
    text-decoration: none
}

body[data-theme=classic] .Link strong {
    color: currentColor
}

body[data-theme=classic] .Link:hover {
    color: #2e4b82
}

body[data-theme=classic] .Loader:after {
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent #dbdbdb #dbdbdb;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

body[data-theme=classic] .Loader--large:after {
    font-size: 500%
}

body[data-theme=classic] .LoaderFill {
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

body[data-theme=classic] .MenuList a {
    color: #050505
}

body[data-theme=classic] .MenuList a:hover {
    background-color: #869bbf;
    color: #050505
}

body[data-theme=classic] .MenuList a.--active, body[data-theme=classic] .MenuList a.RouterLink--active {
    color: #fff;
    background-color: #2e4b82
}

body[data-theme=classic] .MenuList li ul {
    border-left: 1px solid #dbdbdb
}

body[data-theme=classic] .MenuLabel {
    color: #383838
}

body[data-theme=classic] .ModalCard__Foot, body[data-theme=classic] .ModalCard__Head {
    background-color: #869bbf
}

body[data-theme=classic] .ModalCard__Head {
    border-bottom-color: #869bbf
}

body[data-theme=classic] .ModalCard__Title {
    color: #050505
}

body[data-theme=classic] .ModalCard__Foot {
    border-top-color: #869bbf
}

body[data-theme=classic] .ModalCard__Body {
    background-color: #869bbf
}

body[data-theme=classic] .Modals__Bg {
    background-color: rgba(46, 75, 130, .8);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

body[data-theme=classic] .Notification--success {
    background-color: #48c78e;
    color: snow
}

body[data-theme=classic] .Notification--warning {
    background-color: #ffe08a;
    color: snow
}

body[data-theme=classic] .Notification--error {
    background-color: red;
    color: snow
}

body[data-theme=classic] .PageLoader {
    background: #2e4b82;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

body[data-theme=classic] .Select:not(.Select--loading):after {
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: .625em;
    margin-top: -.625em;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
    transform-origin: center;
    width: .625em;
    border-left: 3px solid #b5b5b5;
    border-bottom: 3px solid #b5b5b5;
    border-right-color: #b5b5b5;
    border-top-color: #b5b5b5
}

body[data-theme=classic] .Select select {
    background-color: #2e4b82;
    border-color: #2e4b82;
    color: #fff
}

body[data-theme=classic] .Select select::-moz-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=classic] .Select select::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=classic] .Select select:-moz-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=classic] .Select select:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

body[data-theme=classic] .Select select--hovered, body[data-theme=classic] .Select select:hover {
    border-color: #7a7a7a
}

body[data-theme=classic] .Select select--active, body[data-theme=classic] .Select select--focused, body[data-theme=classic] .Select select:active, body[data-theme=classic] .Select select:focus {
    border-color: #2e4b82;
    box-shadow: 0 0 0 .125em rgba(46, 75, 130, .25)
}

body[data-theme=classic] .Select select[disabled], fieldset[disabled] body[data-theme=classic] .Select select {
    background-color: #869bbf;
    border-color: #869bbf;
    box-shadow: none;
    color: #383838
}

body[data-theme=classic] .Select select[disabled]::-moz-placeholder, fieldset[disabled] body[data-theme=classic] .Select select::-moz-placeholder {
    color: rgba(56, 56, 56, .3)
}

body[data-theme=classic] .Select select[disabled]::-webkit-input-placeholder, fieldset[disabled] body[data-theme=classic] .Select select::-webkit-input-placeholder {
    color: rgba(56, 56, 56, .3)
}

body[data-theme=classic] .Select select[disabled]:-moz-placeholder, fieldset[disabled] body[data-theme=classic] .Select select:-moz-placeholder {
    color: rgba(56, 56, 56, .3)
}

body[data-theme=classic] .Select select[disabled]:-ms-input-placeholder, fieldset[disabled] body[data-theme=classic] .Select select:-ms-input-placeholder {
    color: rgba(56, 56, 56, .3)
}

body[data-theme=classic] .Select select[disabled]:hover, fieldset[disabled] body[data-theme=classic] .Select select:hover {
    border-color: #869bbf
}

body[data-theme=classic] .Select:not(.Select--loading):hover:after {
    border-color: #7a7a7a
}

body[data-theme=classic] .Select--success select, body[data-theme=classic] .Select--success:not(:hover):after {
    border-color: #48c78e
}

body[data-theme=classic] .Select--success select--active, body[data-theme=classic] .Select--success select--focused, body[data-theme=classic] .Select--success select:active, body[data-theme=classic] .Select--success select:focus {
    border-color: #48c78e;
    box-shadow: 0 0 0 .125em rgba(72, 199, 142, .25)
}

body[data-theme=classic] .Select--warning select, body[data-theme=classic] .Select--warning:not(:hover):after {
    border-color: #ffe08a
}

body[data-theme=classic] .Select--warning select--active, body[data-theme=classic] .Select--warning select--focused, body[data-theme=classic] .Select--warning select:active, body[data-theme=classic] .Select--warning select:focus {
    border-color: #ffe08a;
    box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25)
}

body[data-theme=classic] .Select--error select, body[data-theme=classic] .Select--error:not(:hover):after {
    border-color: red
}

body[data-theme=classic] .Select--error select--active, body[data-theme=classic] .Select--error select--focused, body[data-theme=classic] .Select--error select:active, body[data-theme=classic] .Select--error select:focus {
    border-color: red;
    box-shadow: 0 0 0 .125em rgba(255, 0, 0, .25)
}

body[data-theme=classic] .Select--disabled:after {
    border-color: #383838
}

body[data-theme=classic] .Select--loading:after {
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent #dbdbdb #dbdbdb;
    border-style: solid;
    border-width: .125em;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

@keyframes spinAround {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

body[data-theme=classic] .Title {
    color: #2e4b82
}

body[data-theme=classic] .Subtitle {
    color: #050505
}

body[data-theme=classic] hr {
    background-color: #2e4b82
}

body[data-theme=classic] .Button {
    transition: border-color .3s ease;
    border-width: 1px;
    overflow: hidden
}

body[data-theme=classic] .Button--disabled, body[data-theme=classic] .Button[disabled] {
    pointer-events: none
}

body[data-theme=classic] .Button:before {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    background: #2e4b82;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    z-index: 0;
    transform: scaleY(0);
    opacity: 0;
    transition-property: transform, opacity;
    transition-duration: .3s;
    transition-timing-function: ease;
    transform-origin: 50% 100%
}

body[data-theme=classic] .Button > span {
    position: relative
}

body[data-theme=classic] .Button:not(.Button--primary) > span > .Icon:first-of-type {
    color: #2e4b82;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease
}

body[data-theme=classic] .Button img {
    transition: filter .3s ease
}

@media (min-width: 769px) {
    body[data-theme=classic] .Button:hover {
        transition-duration: 0s;
        border-color: #2e4b82
    }

    body[data-theme=classic] .Button:hover > span > .Icon:first-of-type {
        transition-duration: 0s;
        color: #fff
    }

    body[data-theme=classic] .Button:hover img {
        transition-duration: 0s;
        filter: brightness(10)
    }

    body[data-theme=classic] .Button:hover:before {
        transition-duration: 0s;
        transform: scaleY(1);
        opacity: 1
    }
}

body[data-theme=classic] .Button--primary {
    color: #fff
}

body[data-theme=classic] .Button--primary:before {
    background: #426cbb
}

@media (min-width: 769px) {
    body[data-theme=classic] .Button--primary:hover {
        border-color: #426cbb
    }
}

body[data-theme=classic] .Button--tertiary {
    border-color: #fff
}

@media (min-width: 769px) {
    body[data-theme=classic] .Button--tertiary:hover {
        border-color: #2e4b82
    }
}

body[data-theme=classic] .RouterLink {
    color: #2e4b82;
    font-weight: 700
}

@media (min-width: 769px) {
    body[data-theme=classic] .RouterLink:hover {
        color: #426cbb
    }
}

body[data-theme=classic] .ModalCard {
    border: 1px solid #2e4b82;
    border-radius: .325rem
}

body[data-theme=classic] .ModalCard__Head {
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 0
}

body[data-theme=classic] .Notification {
    color: #fff;
    background-color: #2e4b82;
    border: 1px solid #383838;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .35)
}

body[data-theme=classic] .Notification--success {
    border-color: #48c78e
}

body[data-theme=classic] .Notification--warning {
    border-color: #ffe08a
}

body[data-theme=classic] .Notification--error {
    border-color: red
}

body[data-theme=classic] .AgAccordion--active {
    border-color: #fff !important
}

body[data-theme=classic] .AgAccordion--active img {
    filter: none !important
}

body[data-theme=classic] .AgAccordion--active:before {
    opacity: 0 !important
}

body[data-theme=classic] .AgGameTile {
    overflow: visible
}

@media (hover: hover) {
    body[data-theme=classic] .AgGameTile:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: .325rem;
        pointer-events: none;
        z-index: 1;
        box-shadow: inset 0 0 0 0 rgba(46, 75, 130, 0);
        transition: box-shadow 1s ease
    }

    body[data-theme=classic] .AgGameTile:hover:after {
        transition: box-shadow 0s ease;
        box-shadow: inset 0 0 0 2px #2e4b82
    }
}

body[data-theme=classic] .AgGameTile .GameTile__Description {
    bottom: 0;
    padding: .75rem .5rem .325rem;
    font-size: 80%;
    font-weight: 700;
    background: linear-gradient(180deg, rgba(46, 75, 130, 0) 0, rgba(46, 75, 130, .85));
    opacity: 0
}

body[data-theme=classic] .AgGameTile__DesktopOnly {
    background: rgba(46, 75, 130, .8);
    border-radius: .325rem
}

@media (hover: hover) {
    body[data-theme=classic] .AgGameTile .GameTile__Description {
        transition: all .2s ease
    }

    body[data-theme=classic] .AgGameTile:hover .GameTile__Description {
        opacity: 1
    }
}

body[data-theme=classic] .AgGameTile__Label {
    color: #fff
}

body[data-theme=classic] .AgGameTile__Label--classic {
    background-color: #e49130;
    box-shadow: 0 4px #c7771a
}

body[data-theme=classic] .AgGameTile__Label--classic:after {
    background: #9a5c14
}

body[data-theme=classic] .AgGameTile__Label--popular {
    background-color: #6a30e4;
    box-shadow: 0 4px #521ac7
}

body[data-theme=classic] .AgGameTile__Label--popular:after {
    background: #3f149a
}

body[data-theme=classic] .AgGameTile__Label--updated {
    background-color: #306de4;
    box-shadow: 0 4px #1a55c7
}

body[data-theme=classic] .AgGameTile__Label--updated:after {
    background: #14419a
}

body[data-theme=classic] .AgGameTile__Label--trending {
    background-color: #e43d30;
    box-shadow: 0 4px #c7261a
}

body[data-theme=classic] .AgGameTile__Label--trending:after {
    background: #9a1e14
}

@media (min-width: 769px) {
    body[data-theme=classic] .AgFreeGameTile:hover .AgFreeGameTile__Content:after {
        transition: box-shadow 0s ease;
        box-shadow: inset 0 0 0 2px #2e4b82
    }

    body[data-theme=classic] .AgFreeGameTile:hover .AgFreeGameTile__Title {
        transition: color 0s ease;
        color: #2e4b82
    }
}

body[data-theme=classic] .AgFreeGameTile__Info {
    background-color: #869bbf
}

body[data-theme=classic] .AgFreeGameTile__Title {
    transition: color 1s ease
}

body[data-theme=classic] .AgFreeGameTile__Content {
    position: relative
}

@media (min-width: 769px) {
    body[data-theme=classic] .AgFreeGameTile__Content:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: .325rem;
        pointer-events: none;
        z-index: 1;
        box-shadow: inset 0 0 0 0 rgba(46, 75, 130, 0);
        transition: box-shadow 1s ease
    }
}

body[data-theme=classic] .AgSearchTabs .Button:last-child {
    border-right: 2px solid #666
}

body[data-theme=classic] .AgSearchTabs .Button:last-child:hover {
    border-right: 2px solid #2e4b82
}

body[data-theme=classic] .AgSearchTabs .Button--active {
    background-color: #2e4b82
}

body[data-theme=classic] .AgSearchTabs .Button--active:last-child {
    border-right: 2px solid #2e4b82
}

body[data-theme=classic] .AppFooter {
    border-top: 1px solid hsla(0, 0%, 86%, .2);
    margin-top: 1.5rem;
    background-color: #d5d9de
}

body[data-theme=classic] .AppFooter .RouterLink {
    color: #fff
}

body[data-theme=classic] .AppFooter p {
    opacity: .65
}

body[data-theme=classic] .AppFooter__Socials .Icon {
    color: #2e4b82
}

body[data-theme=classic] .AppHeader {
    background: #d5d9de;
    border-bottom: 1px solid #fff
}

body[data-theme=classic] .DesktopHeader .UserAvatar {
    cursor: pointer
}

@media (min-width: 769px) {
    body[data-theme=classic] .DesktopHeader .UserAvatar {
        transition: border-color .2s ease
    }

    body[data-theme=classic] .DesktopHeader .UserAvatar:hover {
        transition-duration: 0s;
        border-color: #426cbb
    }
}

body[data-theme=classic] .DesktopHeader__DropdownOverlay {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: rgba(46, 75, 130, .8)
}

body[data-theme=classic] .DesktopHeader__GamepassUpgradeButton {
    border-color: #2e4b82
}

body[data-theme=classic] .DesktopHeader__Dropdown {
    border: 1px solid #fff;
    border-top: none;
    background: #d5d9de
}

body[data-theme=classic] .DesktopHeader__DropdownInner:last-child {
    background-color: #7d93ba;
    color: #383838
}

body[data-theme=classic] .MobileHeader .--userPanel {
    pointer-events: none;
    transform-origin: 100% 100%;
    opacity: 0;
    transform: scale(.85);
    transition-property: opacity, transform;
    transition-duration: .2s;
    transition-timing-function: ease;
    background-color: #869bbf;
    border-radius: .325rem
}

body[data-theme=classic] .MobileHeader--userPanelOpen .--userPanel {
    pointer-events: all !important;
    opacity: 1 !important;
    transform: scale(1) !important
}

body[data-theme=classic] .MobileHeader .AgSearch {
    box-shadow: 0 3px 7px rgba(0, 0, 0, .4);
    border-radius: 100px
}

body[data-theme=classic] .MobileHeader .AgSearch .Input {
    background-color: #869bbf
}

body[data-theme=classic] .MobileHeader__Menu > .Button, body[data-theme=classic] .MobileHeader__Menu__ExtraButtonItem > .Button {
    box-shadow: 0 3px 7px rgba(6, 10, 17, .65)
}

body[data-theme=classic] .MobileHeader__Menu__Bg {
    background: rgba(46, 75, 130, .8)
}

body[data-theme=classic] .MobileHeader__MoreGamesPanel {
    background-color: #869bbf;
    box-shadow: 0 4px 13px rgba(213, 217, 222, .65)
}

body[data-theme=classic] .MobileHeader__Menu__ExtraButtonItem {
    opacity: 0
}

body[data-theme=classic] .MobileHeader__Menu__ExtraButtonItem .MobileHeader__Menu__Panel {
    pointer-events: none;
    transform-origin: 100% 100%;
    opacity: 0;
    transform: scale(.85);
    transition-property: opacity, transform;
    transition-duration: .2s;
    transition-timing-function: ease;
    background-color: #869bbf
}

@keyframes dropTargetPulseDefault {
    0% {
        box-shadow: 0 0 0 0 rgba(228, 61, 48, 0)
    }
    50% {
        box-shadow: 0 0 0 30px rgba(228, 61, 48, .5)
    }
    to {
        box-shadow: 0 0 0 60px rgba(228, 61, 48, 0)
    }
}

@keyframes dropTargetPulseClassic {
    0% {
        box-shadow: 0 0 0 0 rgba(46, 75, 130, 0)
    }
    50% {
        box-shadow: 0 0 0 30px rgba(46, 75, 130, .5)
    }
    to {
        box-shadow: 0 0 0 60px rgba(46, 75, 130, 0)
    }
}

body[data-theme=classic] .MobileHeader__DropTargets > div {
    background-color: rgba(46, 75, 130, .85);
    animation: dropTargetPulseClassic 1s infinite
}

body[data-theme=classic] .GamePass__Banner {
    border-top-color: #2e4b82;
    border-bottom-color: #2e4b82;
    background-color: #d5d9de
}

body[data-theme=classic] .AvatarPicker__Avatars img {
    color: #2e4b82
}

body[data-theme=classic] .BlockContainer--altBackground {
    background-color: #869bbf
}

body[data-theme=classic] .BlockPod--box {
    color: #050505;
    background-color: #869bbf;
    box-shadow: none
}

body[data-theme=classic] .BlockPod--transparentBg {
    background-color: rgba(213, 217, 222, .8);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    box-shadow: none
}

body[data-theme=classic] .BlogPost {
    cursor: pointer
}

@media (min-width: 769px) {
    body[data-theme=classic] .BlogPost:hover .BlogPost__Image:after {
        transition-duration: 0s;
        box-shadow: inset 0 0 0 2px #2e4b82
    }
}

body[data-theme=classic] .BlogPost p:empty:after {
    background-color: #2e4b82
}

body[data-theme=classic] .BlogPost__Image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: box-shadow .2s ease;
    box-shadow: inset 0 0 0 0 #2e4b82;
    border-radius: .75rem
}

body[data-theme=classic] .CategoryTag {
    color: #fff;
    border: 1px solid rgba(46, 75, 130, 0);
    background-color: #2e4b82;
    transition: border-color .2s ease
}

@media (min-width: 769px) {
    body[data-theme=classic] .CategoryTag:hover {
        transition: border-color 0s ease;
        border-color: #2e4b82
    }
}

body[data-theme=classic] .CategoryTag--active {
    border-color: #2e4b82
}

body[data-theme=classic] .CheckoutDetails ul li a {
    color: #2e4b82
}

body[data-theme=classic] .CheckoutDetails footer {
    border-top-color: hsla(0, 0%, 86%, .35)
}

body[data-theme=classic] .DeveloperPod {
    background-color: #869bbf
}

body[data-theme=classic] .EditorialBlock__Image {
    background: #d5d9de;
    border: 2px solid #2e4b82
}

body[data-theme=classic] .EditorialBlock__Content {
    background: #2e4b82;
    color: #fff
}

body[data-theme=classic] .EditorialBlock__Description:after {
    background: linear-gradient(rgba(46, 75, 130, 0), rgba(46, 75, 130, .65), #2e4b82)
}

body[data-theme=classic] .EditorialBlock__Socials:after {
    background: #fff
}

body[data-theme=classic] .EditorialBlock__Socials .RouterLink {
    color: #fff
}

@media (hover: hover) {
    body[data-theme=classic] .EditorialBlock__Socials .RouterLink:hover {
        color: #c5d2ea
    }
}

body[data-theme=classic] .FeaturedGameCarouselThumbnail {
    background-color: #2e4b82
}

@media (min-width: 575px) {
    body[data-theme=classic] .FeaturedGameCarouselSlide__Image img {
        box-shadow: 0 10px 30px #2e4b82;
        background-color: #d5d9de
    }
}

body[data-theme=classic] .FluidCarousel__Wrapper:before {
    background: linear-gradient(270deg, hsla(0, 0%, 9%, 0), hsla(0, 0%, 9%, .7), #171717)
}

body[data-theme=classic] .FluidCarousel__Wrapper:after {
    background: linear-gradient(90deg, hsla(0, 0%, 9%, 0), hsla(0, 0%, 9%, .7), #171717)
}

body[data-theme=classic] .GPDescription__GameMeta .Flex div {
    color: #fff;
    background-color: #2e4b82
}

body[data-theme=classic] .GPRatingUi__Icon__ThumbsDown--picked, body[data-theme=classic] .GPRatingUi__Icon__ThumbsUp--picked {
    border-color: #2e4b82
}

body[data-theme=classic] .GamePassOverlay__SvgFill, body[data-theme=classic] .GamePassOverlay__SvgHighlight {
    fill: #2e4b82
}

body[data-theme=classic] .GameReview {
    color: #fff;
    background-color: #2e4b82
}

body[data-theme=classic] .GameReview .RouterLink {
    color: #fff
}

body[data-theme=classic] .GameReview--negative .GameReview__Author .Icon > svg {
    filter: drop-shadow(2px 1px 0 #e43d30)
}

body[data-theme=classic] .GameReview--positive .GameReview__Author .Icon > svg {
    filter: drop-shadow(2px 1px 0 #30e43d)
}

body[data-theme=classic] .GameReview__Subject {
    color: #000;
    color: #fff;
    opacity: .65
}

body[data-theme=classic] .GameTileBlock__Overlay {
    background-image: linear-gradient(270deg, rgba(134, 155, 191, 0), rgba(134, 155, 191, .85), rgba(134, 155, 191, .85), rgba(134, 155, 191, 0));
    border-color: #2e4b82;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

body[data-theme=classic] .InsetContainer {
    background-color: #869bbf
}

body[data-theme=classic] .InsetContainer--transparentBg {
    background-color: transparent
}

body[data-theme=classic] .PlaylistTile {
    position: relative
}

@media (min-width: 769px) {
    body[data-theme=classic] .PlaylistTile:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: .325rem;
        pointer-events: none;
        z-index: 1;
        box-shadow: inset 0 0 0 0 rgba(46, 75, 130, 0);
        transition: box-shadow 1s ease
    }

    body[data-theme=classic] .PlaylistTile:hover:after {
        transition: box-shadow 0s ease;
        box-shadow: inset 0 0 0 2px #2e4b82
    }

    body[data-theme=classic] .PlaylistTile:hover .PlaylistTile__Title {
        transition: color 0s ease;
        color: #2e4b82
    }
}

body[data-theme=classic] .PlaylistTile__Title {
    transition: color 1s ease;
    background-color: #869bbf
}

body[data-theme=classic] .ProductFeature__Graphic > .Flex, body[data-theme=classic] .ProductPlanBox {
    background-color: #869bbf
}

body[data-theme=classic] .ProductPlanBox--featured {
    box-shadow: 0 0 0 2px #2e4b82, 0 5px 40px 2px rgba(46, 75, 130, .65)
}

body[data-theme=classic] .ProductPlanBox__Header, body[data-theme=classic] .ProductPlanBox__Sticker {
    background-color: #2e4b82;
    color: #fff
}

body[data-theme=classic] .SearchMenu {
    padding: 1rem;
    border-radius: .325rem
}

@media (min-width: 960px) {
    body[data-theme=classic] .SearchMenu {
        background-color: #869bbf
    }
}

body[data-theme=classic] .StickyFooter {
    color: #fff;
    background: #869bbf;
    box-shadow: 0 -5px 15px rgba(0, 0, 0, .35)
}

body[data-theme=classic] .TaxonomyTile:after {
    box-shadow: inset 0 0 0 1px #2e4b82
}

body[data-theme=classic] .RecentGamesBlock .GameTile {
    background-color: #2e4b82
}

body[data-theme=classic] .UserAvatar {
    color: #2e4b82
}

body[data-theme=classic] .AboutPageLayout .Content a {
    color: #2e4b82;
    font-weight: 700
}

body[data-theme=classic] .GamePage__Game__Toolbar {
    background-color: #869bbf
}

body[data-theme=classic] .GamePage__ThumbnailPreview {
    transition: box-shadow .4s ease;
    border: 1px solid rgba(134, 155, 191, .6);
    box-shadow: 0 0 0 4px #2e4b82, 0 6px 15px rgba(0, 0, 0, .4)
}

body[data-theme=classic] .GamePage__ThumbnailPreview:hover {
    transition-duration: 0s;
    box-shadow: 0 0 0 4px #3b61a8, 0 6px 15px rgba(0, 0, 0, .4)
}

body[data-theme=classic] #gamePreroll {
    background-color: #869bbf
}

body[data-theme=classic] .GamePage__Unlock small {
    opacity: .6
}

body[data-theme=classic] .GamePage__Unlock strong {
    color: #2e4b82
}

body[data-theme=classic] .GPSidebarAd__Inner, body[data-theme=classic] .GamePage__Game__Main {
    background-color: #869bbf
}

body[data-theme=classic] .BlogPage__Posts .BlogPost:not(:last-child) {
    border-color: #2e4b82
}

body[data-theme=classic] .BlogPostPage .Content a {
    color: #2e4b82
}

@media (hover: hover) {
    body[data-theme=classic] .BlogPostPage .Content a:hover {
        color: #426cbb
    }
}

body[data-theme=classic] .SearchPage .SearchPage__Container {
    padding: 1rem;
    border-radius: .325rem
}

@media (min-width: 960px) {
    body[data-theme=classic] .SearchPage .SearchPage__Container {
        background-color: #869bbf
    }
}

body[data-theme=classic] .SearchPage .SearchPage__Container .Game__Search__Table__Row--right {
    border-left: 2px solid #fff;
    padding-left: .75rem
}

body[data-theme=classic] .SearchPage .SearchPage__Container .Game__Search__Table__Row .Game__Search__Table__Stats {
    margin-bottom: 10px
}

body[data-theme=classic] .SearchPage .SearchPage__Container .Game__Search__Table__Row .Game__Search__Table__Stats__Rating {
    background-color: #2e4b82;
    width: 45px;
    height: 45px;
    font-weight: 700;
    border-radius: .75rem;
    margin-right: .75rem
}

body[data-theme=classic] .Listed__Category__Inner {
    background: #869bbf;
    box-shadow: 0 0 0 2px rgba(46, 75, 130, 0), 0 4px 11px rgba(0, 0, 0, .4);
    transition: box-shadow .4s ease
}

@media (min-width: 769px) {
    body[data-theme=classic] .Listed__Category__Inner:hover {
        transition-duration: 0s;
        box-shadow: 0 0 0 2px #2e4b82, 0 4px 11px rgba(0, 0, 0, .4)
    }
}

body[data-theme=classic] .Listed__Game__Inner {
    background: #869bbf;
    transition-duration: .4s;
    transition-timing-function: ease;
    transition-property: box-shadow
}

@media (min-width: 769px) {
    body[data-theme=classic] .Listed__Game__Inner:hover {
        transition-duration: 0s;
        box-shadow: 0 0 0 1px #2e4b82
    }
}

body[data-theme=classic] .MultiplayerGamesPage__LoaderColor .Loader:after {
    border-color: transparent transparent #2e4b82 #2e4b82
}

body[data-theme=classic] .ProfilePod__Avatar {
    border-color: #fff
}

body[data-theme=classic] .ProfilePod__Stat--Label {
    color: #050505;
    font-weight: 700
}

body[data-theme=classic] .ProfilePod__Stat--Value {
    color: #000
}

body[data-theme=classic] .FreeGamesPage .FreeGamesPage__Container {
    padding: 1rem;
    border-radius: .325rem
}

@media (min-width: 960px) {
    body[data-theme=classic] .FreeGamesPage .FreeGamesPage__Container {
        background-color: #869bbf
    }
}

body[data-theme=classic] .FreeGamesPage .FreeGamesPage__Container .FreeGames__Table__Row--right {
    border-left: 2px solid #fff;
    padding-left: .75rem
}

body[data-theme=classic] .FreeGamesPage .FreeGamesPage__Container .FreeGames__Table__Row .FreeGames__Table__Stats {
    margin-bottom: 10px
}

body[data-theme=classic] .FreeGamesPage .FreeGamesPage__Container .FreeGames__Table__Row .FreeGames__Table__Stats__Rating {
    background-color: #2e4b82;
    width: 45px;
    height: 45px;
    font-weight: 700;
    border-radius: .75rem;
    margin-right: .75rem;
    color: #fff
}

body[data-theme=classic] .PandemicGameGuidePage .Content a {
    color: #2e4b82
}

@media (hover: hover) {
    body[data-theme=classic] .PandemicGameGuidePage .Content a:hover {
        color: #426cbb
    }
}

/*@font-face {*/
/*    font-family: Lato;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*    font-weight: 400;*/
/*    src: url(/_next/static/media/lato-latin-ext-400-normal.6ebed106.woff2) format("woff2"), url(/_next/static/media/lato-all-400-normal.63513b00.woff) format("woff");*/
/*    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff*/
/*}*/

/*@font-face {*/
/*    font-family: Lato;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*    font-weight: 400;*/
/*    src: url(/_next/static/media/lato-latin-400-normal.b7ffde23.woff2) format("woff2"), url(/_next/static/media/lato-all-400-normal.63513b00.woff) format("woff");*/
/*    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd*/
/*}*/

/*@font-face {*/
/*    font-family: Lato;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*    font-weight: 700;*/
/*    src: url(/_next/static/media/lato-latin-ext-700-normal.8697d1d5.woff2) format("woff2"), url(/_next/static/media/lato-all-700-normal.bb27db94.woff) format("woff");*/
/*    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff*/
/*}*/

/*@font-face {*/
/*    font-family: Lato;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*    font-weight: 700;*/
/*    src: url(/_next/static/media/lato-latin-700-normal.d5eb20bc.woff2) format("woff2"), url(/_next/static/media/lato-all-700-normal.bb27db94.woff) format("woff");*/
/*    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd*/
/*}*/

.AvatarPicker, .AvatarPicker__Avatars {
    position: relative
}

.AvatarPicker__Avatars img {
    width: 4rem;
    height: 4rem;
    border-radius: .325rem
}

@media (min-width: 769px) {
    .AvatarPicker__Avatars img {
        cursor: pointer;
        transition: box-shadow .2s ease
    }

    .AvatarPicker__Avatars img:hover {
        transition-duration: 0s;
        box-shadow: 0 0 0 2px
    }
}

.AgGameTile {
    background-size: cover;
    flex-shrink: 0;
    border-radius: .325rem;
    position: relative
}

.AgGameTile--floating {
    position: absolute;
    z-index: 1
}

@media (hover: hover) {
    .AgGameTile--small {
        width: 5.625rem;
        height: 3.65625rem
    }

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

@media (hover: none) {
    .AgGameTile .GameTile__Description {
        display: none !important
    }
}

.AgGameTile .GameTile__Status {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.AgGameTile:empty {
    pointer-events: none
}

.AgGameTile__DesktopOnly {
    display: flex;
    height: 100%;
    padding: 1rem .8rem;
    text-transform: uppercase;
    font-size: 105%;
    font-weight: 900;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .35);
    letter-spacing: .25px;
    line-height: 1;
    white-space: nowrap
}

.AgGameTile__DesktopOnly .Icon {
    width: 1.25rem;
    height: 1rem;
    margin-right: .4rem
}

@media (hover: hover)and (min-width: 769px) {
    .AgGameTile__DesktopOnly {
        display: none
    }
}

.AgGameTile__Label {
    padding: .325rem .5rem;
    border-radius: 7px 7px 0 7px;
    position: absolute;
    top: -4px;
    right: -4px;
    font-size: 65%;
    text-transform: uppercase;
    font-weight: 700
}

.AgGameTile__Label:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 28px;
    width: 4px;
    height: 4px;
    border-radius: 0 0 4px 0
}

.GameTileGrid {
    position: relative;
    grid-gap: .75rem
}

.GameTileGrid__Overflow {
    /*overflow: visible;*/
    display: grid;
    /*grid-auto-flow: column;*/
    /*grid-template-rows:7.3125rem 7.3125rem;*/
}

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

@media (max-width: 450px) {
    .Box .GameTileGrid__Overflow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .Box .GameTileGrid__Overflow .GameTile {
        width: calc((100svw * .5) - .75rem - .375rem - 1.25rem)
    }
}