/*! 
 (c) 2018 Electronic Arts Inc.
 Open source credits can be found at https://www.pogo.com/static/licenses.txt 
*/
/*! 
 (c) 2018 Electronic Arts Inc.
 Open source credits can be found at https://www.pogo.com/static/licenses.txt 
*/
.pregameContainer__1Cpdk {
    margin-top: 0
}

.pregameContainer__1Cpdk .spotlight__15AJo {
    margin-bottom: 0;
    position: relative
}

.pregameContainer__1Cpdk .bannerAd__WfyCA {
    margin-bottom: 0;
    padding-bottom: 32px;
    padding-top: 0
}

.pregameContainer__1Cpdk .gamepage__12cdJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

@media screen and (min-width:960px) {
    .leftRail__1tbjT {
        -ms-flex-preferred-size: 75%;
        /* flex-basis: 75%; */
        min-width: 1px;
        width: 100%
    }
}

.spotlight__Citut {
    margin-bottom: 32px;
    overflow: hidden
}

.spotlightTile__1r0Rr,
.spotlight__Citut {
    height: 612px;
    position: relative;
    width: 100%
}

.skeleton__fZbGJ {
    background-image: url(/static/v2/media/src/assets/spotlight/loading/mobile__3kwhV.gif);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 100%
}

@media screen and (min-width:800px) {
    .skeleton__fZbGJ {
        background-image: url(/static/v2/media/src/assets/spotlight/loading/desktop__1q3vl.gif)
    }
}

.spotlightTile__1r0Rr {
    min-width: 1600px
}

.content__1NIC2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(-5%, rgba(0, 0, 0, .7)), color-stop(60%, rgba(0, 0, 0, .23)), to(transparent));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .7) -5%, rgba(0, 0, 0, .23) 60%, transparent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 0 16px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.content__1NIC2 .header__kMwmj {
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 15px;
    margin-top: 72px
}

@media screen and (min-width:600px) {
    .content__1NIC2 .header__kMwmj {
        margin-bottom: 17px
    }
}

.content__1NIC2 .header__kMwmj.category__21T2Q {
    margin-bottom: 18px;
    margin-top: 125px
}

.content__1NIC2 .subheader__G4Dep {
    margin-bottom: 23px
}

@media screen and (min-width:600px) {
    .content__1NIC2 .subheader__G4Dep {
        margin-bottom: 21px
    }
}

.content__1NIC2 .subheader__G4Dep .playersCounter__3vfDC {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

@media screen and (min-width:600px) {
    .content__1NIC2 .subheader__G4Dep .playersCounter__3vfDC {
        margin-right: 20px
    }
}

.content__1NIC2 .subheader__G4Dep .labels__2Nf3U {
    display: inline-block
}

.content__1NIC2 .subheader__G4Dep .labels__2Nf3U .label__1vD0n {
    margin: 0 6px 0 0
}

.content__1NIC2 .copyWrapper__3abdA {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    max-height: 300px;
    overflow: hidden
}

.content__1NIC2 .copy__VMmr7 {
    color: #f0faff;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 13px;
    max-height: 120px;
    min-height: 24px;
    overflow: hidden
}

@media screen and (min-width:600px) {
    .content__1NIC2 .copy__VMmr7 {
        margin-bottom: 33px;
        max-width: 50%
    }
}

@media screen and (min-width:800px) {
    .content__1NIC2 .copy__VMmr7 {
        max-width: 450px
    }
}

@media screen and (min-width:960px) {
    .content__1NIC2 .copy__VMmr7 {
        font-size: 18px;
        letter-spacing: .2px;
        line-height: 1.33
    }
}

@media screen and (min-width:1280px) {
    .content__1NIC2 .copy__VMmr7 {
        max-width: 600px
    }
}

.content__1NIC2 .ctas__1WPVN {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

@media screen and (min-width:600px) {
    .content__1NIC2 .ctas__1WPVN {
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left
    }
}

.content__1NIC2 .ctas__1WPVN .infoButton__1sSt0 {
    display: inline-block;
    height: 35px;
    margin-right: 6px;
    vertical-align: middle;
    width: 35px
}

.content__1NIC2 .ctas__1WPVN .playButton__5Fc7- {
    height: 48px;
    margin: 0;
    min-width: 145px
}

.content__1NIC2 .ctas__1WPVN .playButton__5Fc7- .playIcon__3ndLd {
    margin-right: 6px
}

.content__1NIC2 .ctas__1WPVN .secondaryCtas__1ENYT {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-left: 20px
}

.content__1NIC2 .ctas__1WPVN .secondaryCtas__1ENYT .favoriteButton__1rt_X {
    height: 41px;
    margin-left: 20px;
    width: 41px
}

.content__1NIC2 .ctas__1WPVN .friendCountWrapper__UMuo-,
.content__1NIC2 .ctas__1WPVN .friendCountWrapper__UMuo- .friendCount__3h9S8 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.content__1NIC2 .ctas__1WPVN .friendCountWrapper__UMuo- .friendCount__3h9S8 {
    height: 36px;
    margin-top: 2px;
    position: relative
}

.content__1NIC2 .ctas__1WPVN .friendCountWrapper__UMuo- .spacer__1tyGP {
    font-size: 20px;
    margin: 0 6px
}

.content__1NIC2 .ctas__1WPVN .friendCountWrapper__UMuo- .menuIcon__1leQx {
    height: 36px;
    margin-right: 2px;
    width: 36px
}

.content__1NIC2 .ctas__1WPVN .friendCountWrapper__UMuo- .meatball__1ZfT8 {
    background: #0ac44a;
    font-size: 12px;
    font-weight: 600;
    height: 17px;
    left: 22px;
    line-height: 18px;
    min-width: 17px;
    padding: 0 5px;
    position: absolute;
    text-shadow: 0 0 2px rgba(0, 0, 0, .5);
    top: -4px
}

@media screen and (min-width:1280px) {
    .content__1NIC2 .ctas__1WPVN .friendCountWrapper__UMuo- .meatball__1ZfT8 {
        border: 1px solid #191f2e;
        font-size: 0;
        height: 8px;
        left: 25px;
        min-width: 0;
        padding: 0;
        top: 2px;
        width: 8px
    }
}

.content__1NIC2 .ctas__1WPVN .friendCountWrapper__UMuo- .friendsCopy__2cIuZ {
    display: none
}

@media screen and (min-width:1280px) {
    .content__1NIC2 .ctas__1WPVN .friendCountWrapper__UMuo- .friendsCopy__2cIuZ {
        display: block
    }
}

@media screen and (min-width:360px) {
    .details__3lMC_ .ctas__1WPVN .secondaryCtas__1ENYT .buttonLabel__2fmfe {
        display: inline-block
    }
}

@media screen and (min-width:600px) {
    .spotlight__Citut {
        overflow: visible;
        overflow: initial
    }

    .spotlightTile__1r0Rr {
        min-width: auto;
        -o-object-fit: cover;
        object-fit: cover
    }

    .content__1NIC2 {
        padding: 0 25px;
        text-align: left
    }

    .details__3lMC_ {
        margin-top: 125px;
        text-align: left
    }

    .details__3lMC_ .header__kMwmj {
        margin-bottom: 18px
    }

    .details__3lMC_ .copy__VMmr7 {
        margin-bottom: 25px;
        max-width: 420px
    }

    .details__3lMC_ .ctas__1WPVN {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (min-width:800px) {
    .details__3lMC_ .ctas__1WPVN .playButtonCopy__3mbre {
        margin-right: 25px
    }

    .details__3lMC_ .ctas__1WPVN .secondaryCtas__1ENYT {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (min-width:960px) {
    .details__3lMC_ {
        margin-top: 143px
    }

    .details__3lMC_ .header__kMwmj {
        font-size: 46px;
        line-height: 54px
    }

    .details__3lMC_ .copy__VMmr7 {
        font-size: 18px;
        margin-bottom: 28px;
        max-width: 600px
    }

    .details__3lMC_ .ctas__1WPVN .secondaryCtas__1ENYT,
    .details__3lMC_ .ctas__1WPVN .secondaryCtas__1ENYT .favoriteButton__1rt_X {
        margin-left: 44px
    }
}

.headerContainer__3mC-W {
    height: 50px;
    margin-top: 50px;
    max-width: 100%;
    width: 360px
}

.playerCountSkeleton__1uo4_ {
    display: inline-block;
    height: 20px;
    margin-top: 20px;
    width: 200px
}

.copySkeleton__olCso {
    height: 120px;
    margin-top: 15px
}

.playButtonSkeleton__2BtBQ {
    height: 50px;
    margin-top: -30px;
    max-width: 150px;
    width: 100%
}

.playButtonSkeleton__2BtBQ .roundSkeleton__-pOdi {
    background-color: #414856 !important;
    content: "";
    height: 40px !important;
    overflow: hidden;
    position: relative;
    width: 40px !important
}

.playButtonSkeleton__2BtBQ .roundSkeleton__-pOdi:after {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeholderShimmer__3H6XW;
    animation-name: placeholderShimmer__3H6XW;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(40, 48, 62, 0)), to(rgba(100, 108, 123, .8))) !important;
    background-image: linear-gradient(90deg, rgba(40, 48, 62, 0), rgba(100, 108, 123, .8)) !important;
    background-repeat: no-repeat !important;
    background-size: 71px 104px !important;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@-webkit-keyframes placeholderShimmer__3H6XW {
    0% {
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px)
    }

    to {
        -webkit-transform: translateX(400px);
        transform: translateX(400px)
    }
}

.promotion__2fvHL {
    background: hsla(0, 0%, 4%, .72);
    border-radius: 3px;
    bottom: 32px;
    height: 91px;
    left: 50%;
    margin: 0 auto;
    position: absolute;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 328px
}

@media screen and (min-width:600px) {
    .promotion__2fvHL {
        left: auto;
        right: 32px;
        -webkit-transform: none;
        -webkit-transform: initial;
        transform: none;
        width: 356px
    }
}

.promotion__2fvHL .promoWrap__3KnCZ {
    display: inline-block;
    height: 100%;
    position: relative;
    width: calc(100% - 84px)
}

.promotion__2fvHL .promoDescription__33etT {
    max-height: 60px;
    overflow: hidden;
    padding: 16px 5px 0 7px;
    text-align: left
}

.promotion__2fvHL .promoLink__3HJWk {
    bottom: 0;
    color: #47c1ec;
    display: block;
    font-weight: 500;
    padding: 6px 0 11px 7px;
    position: absolute;
    text-align: left;
    text-decoration: underline
}

.promotion__2fvHL .promoImg__57jqy {
    display: inline-block;
    height: 79px;
    margin: 5px 5px 0 0;
    vertical-align: top;
    width: 79px
}

.meatball__3FoFx {
    border: 1px solid #161920;
    border-radius: 8px;
    height: 8px;
    width: 8px
}

.meatball__3FoFx.withCount__2QF8q {
    border: none;
    color: #fff;
    font-family: Roboto Condensed, sans-serif;
    font-size: 14px;
    font-stretch: condensed;
    font-weight: 700;
    height: 18px;
    letter-spacing: normal;
    line-height: 14px;
    line-height: 18px;
    max-width: 35px;
    min-width: 25px;
    padding: 0 5px;
    text-align: center;
    text-shadow: 0 0 2px rgba(0, 0, 0, .5);
    width: auto
}

.meatball__3FoFx.green__jj7Nt {
    background: #0ac44a
}

.meatball__3FoFx.red__2wYlF {
    background: #f63d54
}

.favoriteButton__27TMC {
    fill: transparent;
    stroke: #fff;
    cursor: pointer
}

.favoriteButton__27TMC.favorited__HFSxI {
    fill: #ff6fca;
    stroke: #ff66ba
}

.tabSwitch__34RJ1 {
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 344px
}

.tabSwitch__34RJ1.small__2pLQq {
    width: 402px
}

.tabSwitch__34RJ1.medium__24Ax5 {
    width: 572px
}

.tabSwitch__34RJ1.large__YOFic {
    width: 448px
}

@media screen and (min-width:600px) {
    .tabSwitch__34RJ1.large__YOFic {
        width: 544px
    }
}

@media screen and (min-width:1280px) {
    .tabSwitch__34RJ1.large__YOFic {
        width: 834px
    }
}

.tabSwitch__34RJ1.revamp__15haL {
    width: auto
}

@media screen and (min-width:800px) {
    .tabSwitch__34RJ1 {
        width: 488px
    }
}

@media screen and (min-width:1280px) {
    .tabSwitch__34RJ1 {
        width: 572px
    }
}

.tabSwitchInner__2Wc7L {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    margin: 0 auto;
    width: 100%
}

.tabSwitchInner__2Wc7L .tabLabel__2B8OW {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500
}

@media screen and (min-width:800px) {
    .tabSwitchInner__2Wc7L .tabLabel__2B8OW {
        font-size: 20px
    }
}

@media screen and (min-width:1280px) {
    .tabSwitchInner__2Wc7L .tabLabel__2B8OW {
        font-size: 22px
    }
}

.tabSwitchInner__2Wc7L .tabLabel__2B8OW {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    align-items: flex-end;
    color: #b1b8c8;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    height: 50px;
    justify-content: center;
    line-height: 48px;
    text-align: center
}

.tabSwitchInner__2Wc7L .tabLabel__2B8OW.active__g9pPw {
    color: #fff;
    font-weight: 500
}

.tabSwitchInner__2Wc7L .tabSlider__aC4sz {
    border-radius: 3px;
    bottom: 0;
    display: block;
    height: 5px;
    position: absolute;
    width: 100%
}

.tabSwitchInner__2Wc7L .tabSlider__aC4sz .tabSliderFill__3R2sA {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background: linear-gradient(45deg, #ff5858, #f857a6);
    border-radius: 1.5px;
    display: block;
    height: 4px;
    position: absolute;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: margin .2s ease .18s;
    transition: margin .2s ease .18s
}

.tabSwitchInner__2Wc7L .tabSlider__aC4sz .tabSliderFill__3R2sA.animateLeft__1VkY6 {
    -webkit-transform-origin: right !important;
    transform-origin: right !important
}

.tabSwitchInner__2Wc7L .tabSlider__aC4sz .tabSliderFill__3R2sA.runAnimation__3yI0S {
    -webkit-animation-name: animateScale__8eG8I;
    animation-name: animateScale__8eG8I
}

.tabSwitchInner__2Wc7L .tabTrack__JVUA4 {
    background: #3b3e4b;
    border-radius: 2px;
    bottom: .5px;
    height: 5px;
    position: absolute;
    width: 100%
}

.tabsHeader__2LD05 {
    background: #292c37;
    height: 56px;
    margin-bottom: 32px;
    overflow-x: auto;
    overflow-y: hidden
}

@media screen and (min-width:800px) {
    .tabsHeader__2LD05 {
        margin-bottom: 48px
    }
}

.tabsHeaderSimple__LUZNW {
    background: none
}

.tabsHeaderSimple__LUZNW .simpleFont__2kabK {
    color: #fff;
    font-size: 20px;
    font-weight: 500
}

@-webkit-keyframes animateScale__8eG8I {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scaleX(2);
        transform: scaleX(2)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes animateScale__8eG8I {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scaleX(2);
        transform: scaleX(2)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.screenshotCarousel__3W94w {
    margin-bottom: 32px
}

.content__COyzM {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

@media screen and (min-width:600px) {
    .content__COyzM {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.content__COyzM .leftColumn__2gWOl,
.content__COyzM .rightColumn__3ijfd {
    margin-bottom: 32px
}

@media screen and (min-width:600px) {
    .content__COyzM .leftColumn__2gWOl {
        -ms-flex-preferred-size: 55%;
        flex-basis: 55%;
        margin-right: 28px
    }
}

@media screen and (min-width:800px) {
    .content__COyzM .leftColumn__2gWOl {
        -ms-flex-preferred-size: 62%;
        flex-basis: 62%
    }
}

@media screen and (min-width:600px) {
    .content__COyzM .rightColumn__3ijfd {
        -ms-flex-preferred-size: 37%;
        flex-basis: 37%
    }
}

.content__COyzM .descriptionWrap__4hjw9 {
    margin-bottom: 32px
}

@media screen and (min-width:600px) {
    .content__COyzM .descriptionWrap__4hjw9 {
        margin-bottom: 0
    }
}

@media screen and (min-width:1280px) {
    .content__COyzM .descriptionWrap__4hjw9 {
        margin: 0 auto;
        max-width: 600px
    }
}

.content__COyzM .descriptionWrap__4hjw9 .title__quX4u {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 26px;
    font-weight: 500
}

@media screen and (min-width:800px) {
    .content__COyzM .descriptionWrap__4hjw9 .title__quX4u {
        font-size: 28px
    }
}

@media screen and (min-width:1280px) {
    .content__COyzM .descriptionWrap__4hjw9 .title__quX4u {
        font-size: 32px
    }
}

@media screen and (min-width:960px) {
    .content__COyzM .descriptionWrap__4hjw9 .title__quX4u {
        line-height: 31px
    }
}

.content__COyzM .descriptionWrap__4hjw9 .description__1vlmo {
    border-top: 1px solid rgba(177, 223, 245, .8);
    line-height: 22px;
    margin-top: 16px;
    padding-top: 32px
}

.content__COyzM .descriptionWrap__4hjw9 .description__1vlmo .paragraph__3uMmr:first-child br {
    display: none
}

@media screen and (min-width:600px) {
    .content__COyzM .descriptionWrap__4hjw9 .description__1vlmo {
        border-color: rgba(177, 223, 245, .33)
    }
}

@media screen and (min-width:960px) {
    .content__COyzM .descriptionWrap__4hjw9 .description__1vlmo {
        line-height: 26px
    }
}

@media screen and (min-width:600px) {
    .content__COyzM .detailsWrap__3KqUA {
        margin-bottom: 0
    }
}

@media screen and (min-width:1280px) {
    .content__COyzM .detailsWrap__3KqUA {
        max-width: 300px
    }
}

.content__COyzM .detailsWrap__3KqUA .title__quX4u {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 26px;
    font-weight: 500
}

@media screen and (min-width:800px) {
    .content__COyzM .detailsWrap__3KqUA .title__quX4u {
        font-size: 28px
    }
}

@media screen and (min-width:1280px) {
    .content__COyzM .detailsWrap__3KqUA .title__quX4u {
        font-size: 32px
    }
}

@media screen and (min-width:960px) {
    .content__COyzM .detailsWrap__3KqUA .title__quX4u {
        line-height: 31px
    }
}

.content__COyzM .detailsWrap__3KqUA .details__34XKN {
    border-top: 1px solid rgba(177, 223, 245, .8);
    margin-top: 16px;
    padding-top: 27px;
    text-transform: uppercase
}

@media screen and (min-width:600px) {
    .content__COyzM .detailsWrap__3KqUA .details__34XKN {
        border-color: rgba(177, 223, 245, .33)
    }
}

.content__COyzM .detailsWrap__3KqUA .details__34XKN .genre__3kUBE {
    margin-bottom: 32px
}

.content__COyzM .detailsWrap__3KqUA .details__34XKN .genre__3kUBE .categoryItem__FZ1EM {
    background: #2757a5;
    border-radius: 16px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    margin: 4px;
    padding: 8px 12px;
    text-transform: uppercase
}

@media screen and (min-width:800px) {
    .content__COyzM .detailsWrap__3KqUA .details__34XKN .genre__3kUBE .categoryItem__FZ1EM {
        font-size: 18px
    }
}

@media screen and (min-width:1280px) {
    .content__COyzM .detailsWrap__3KqUA .details__34XKN .genre__3kUBE .categoryItem__FZ1EM {
        font-size: 18px
    }
}

.content__COyzM .detailsWrap__3KqUA .details__34XKN .genre__3kUBE .categoryItem__FZ1EM:first-of-type {
    margin-left: 16px
}

.content__COyzM .detailsWrap__3KqUA .details__34XKN .links__3MULu {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.content__COyzM .detailsWrap__3KqUA .details__34XKN .links__3MULu .link__1ZcTG {
    color: #47c1ec;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .2px;
    text-decoration: underline
}

@media screen and (min-width:800px) {
    .content__COyzM .detailsWrap__3KqUA .details__34XKN .links__3MULu .link__1ZcTG {
        font-size: 16px;
        letter-spacing: .3px
    }
}

@media screen and (min-width:1280px) {
    .content__COyzM .detailsWrap__3KqUA .details__34XKN .links__3MULu .link__1ZcTG {
        font-size: 18px;
        letter-spacing: .4px
    }
}

.content__COyzM .detailsWrap__3KqUA .details__34XKN .links__3MULu .link__1ZcTG {
    margin-left: 8px;
    text-transform: capitalize
}

.content__COyzM .detailsWrap__3KqUA .details__34XKN .links__3MULu .link__1ZcTG:hover {
    position: relative
}

.content__COyzM .detailsWrap__3KqUA .details__34XKN .links__3MULu .link__1ZcTG:hover:before {
    display: block
}

.content__COyzM .detailsWrap__3KqUA .details__34XKN .links__3MULu .link__1ZcTG:before {
    background-color: #47c1ec;
    bottom: -5px;
    content: "";
    display: none;
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%
}

.titleSkeleton__1Byh8 {
    height: 30px
}

.descriptionLineSkeleton__39vaA {
    height: 20px !important
}

.longDescriptionSeoText__3MBGM {
    color: #b1b8c8;
    margin: 0 0 32px;
    width: 100%
}

@media screen and (min-width:960px) {
    .longDescriptionSeoText__3MBGM {
        line-height: 31px
    }
}

.longDescriptionSeoText__3MBGM a {
    color: #47c1ec
}

.gameCarousel__28Gyh {
    margin-bottom: 32px
}

@media screen and (min-width:600px) {
    .gameBlade__1DTEZ {
        margin-top: 4px
    }
}

.gameWrapper__1Ln90 {
    position: relative
}

.carouselParent__1qW2G {
    overflow: visible;
    position: relative
}

.carouselParent__1qW2G .header__12bjQ {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500
}

@media screen and (min-width:800px) {
    .carouselParent__1qW2G .header__12bjQ {
        font-size: 20px
    }
}

@media screen and (min-width:1280px) {
    .carouselParent__1qW2G .header__12bjQ {
        font-size: 22px
    }
}

.carouselParent__1qW2G .header__12bjQ {
    margin-bottom: 8px
}

.carouselParent__1qW2G .header__12bjQ .headerSkeleton__KjM3d {
    height: 24px
}

@media screen and (min-width:960px) {
    .carouselParent__1qW2G .header__12bjQ .headerSkeleton__KjM3d {
        height: 31px
    }
}

.carouselParent__1qW2G .carouselWrapper__3uV5U {
    overflow: visible;
    position: relative
}

.carouselParent__1qW2G .carouselWrapper__3uV5U:hover .controls__2SxUT>* {
    background: hsla(0, 0%, 8%, .5)
}

.carouselParent__1qW2G .carouselWrapper__3uV5U:hover .controls__2SxUT>* svg {
    display: inline;
    display: initial
}

@media screen and (min-width:960px) {
    .carouselParent__1qW2G .carouselWrapper__3uV5U {
        margin: 0 -4px;
        padding: 0 4px
    }
}

.carouselParent__1qW2G .animateTrack__11ToL {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.carouselParent__1qW2G .controls__2SxUT {
    fill: #fff;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.carouselParent__1qW2G .controls__2SxUT .leftArrow__1KZV4,
.carouselParent__1qW2G .controls__2SxUT .rightArrow__1X87V {
    cursor: pointer;
    height: calc(100% - 8px);
    pointer-events: auto;
    position: absolute;
    top: 4px;
    width: 21px
}

@media screen and (min-width:1280px) {

    .carouselParent__1qW2G .controls__2SxUT .leftArrow__1KZV4,
    .carouselParent__1qW2G .controls__2SxUT .rightArrow__1X87V {
        height: calc(100% - 8px);
        width: 49px
    }
}

.carouselParent__1qW2G .controls__2SxUT .leftArrow__1KZV4:active svg,
.carouselParent__1qW2G .controls__2SxUT .rightArrow__1X87V:active svg {
    opacity: .8
}

.carouselParent__1qW2G .controls__2SxUT .leftArrow__1KZV4 svg,
.carouselParent__1qW2G .controls__2SxUT .rightArrow__1X87V svg {
    display: none;
    height: 100%;
    -webkit-transition: -webkit-transform .1s ease-out 0s;
    transition: -webkit-transform .1s ease-out 0s;
    transition: transform .1s ease-out 0s;
    transition: transform .1s ease-out 0s, -webkit-transform .1s ease-out 0s;
    width: 100%
}

.carouselParent__1qW2G .controls__2SxUT .leftArrow__1KZV4:hover,
.carouselParent__1qW2G .controls__2SxUT .rightArrow__1X87V:hover {
    background: hsla(0, 0%, 8%, .7)
}

.carouselParent__1qW2G .controls__2SxUT .leftArrow__1KZV4 {
    left: -28px
}

@media screen and (min-width:960px) {
    .carouselParent__1qW2G .controls__2SxUT .leftArrow__1KZV4 {
        left: -24px
    }
}

@media screen and (min-width:1280px) {
    .carouselParent__1qW2G .controls__2SxUT .leftArrow__1KZV4 {
        left: -52px
    }
}

.carouselParent__1qW2G .controls__2SxUT .leftArrow__1KZV4 svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.carouselParent__1qW2G .controls__2SxUT .leftArrow__1KZV4:hover svg {
    -webkit-transform: rotate(90deg) scale(1.2);
    transform: rotate(90deg) scale(1.2)
}

.carouselParent__1qW2G .controls__2SxUT .rightArrow__1X87V {
    right: -28px
}

@media screen and (min-width:960px) {
    .carouselParent__1qW2G .controls__2SxUT .rightArrow__1X87V {
        right: -24px
    }
}

@media screen and (min-width:1280px) {
    .carouselParent__1qW2G .controls__2SxUT .rightArrow__1X87V {
        right: -52px
    }
}

.carouselParent__1qW2G .controls__2SxUT .rightArrow__1X87V svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.carouselParent__1qW2G .controls__2SxUT .rightArrow__1X87V:hover svg {
    -webkit-transform: rotate(-90deg) scale(1.2);
    transform: rotate(-90deg) scale(1.2)
}

.carouselParent__1qW2G .controls__2SxUT .leftArrow__1KZV4.disabled__3wOdz,
.carouselParent__1qW2G .controls__2SxUT .rightArrow__1X87V.disabled__3wOdz {
    pointer-events: none;
    visibility: hidden
}

.carouselParent__1qW2G .counter__3qQcm {
    display: none;
    margin-top: 4px;
    position: absolute;
    right: 0
}

@media screen and (min-width:960px) {
    .carouselParent__1qW2G .counter__3qQcm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.carouselParent__1qW2G .counter__3qQcm>div {
    background: rgba(153, 182, 207, .32);
    border-radius: 90%;
    height: 7px;
    margin: 5px;
    width: 7px
}

.carouselParent__1qW2G .counter__3qQcm .currentPage__3cMs- {
    background: linear-gradient(45deg, #ff5858, #f857a6)
}

.headerTitleSkeleton__2UFuu {
    width: 60% !important
}

@media screen and (min-width:600px) {
    .headerTitleSkeleton__2UFuu {
        width: 50% !important
    }
}

@media screen and (min-width:800px) {
    .headerTitleSkeleton__2UFuu {
        width: 33% !important
    }
}

@media screen and (min-width:1280px) {
    .headerTitleSkeleton__2UFuu {
        width: 18% !important
    }
}

.mobile__1-rrq .controls__2SxUT {
    display: none !important
}

.hideOverflow__3BXSg {
    overflow: hidden;
    padding: 0 2px
}

.centerTiles__3la_b {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gameTile__3amEb {
    background: #292c37;
    border-radius: 6px;
    overflow: hidden;
    position: relative
}

.tileWrapper__3MQtd.onClickHandler__I86J3 {
    cursor: pointer
}

.error__2BNgM {
    background: rgba(41, 44, 55, .631)
}

.hoverAnimation__2bJt5 {
    -webkit-transition: -webkit-transform .15s cubic-bezier(.25, 0, .72, 1);
    transition: -webkit-transform .15s cubic-bezier(.25, 0, .72, 1);
    transition: transform .15s cubic-bezier(.25, 0, .72, 1);
    transition: transform .15s cubic-bezier(.25, 0, .72, 1), -webkit-transform .15s cubic-bezier(.25, 0, .72, 1);
    will-change: transform
}

.hoverAnimation__2bJt5.active__39OIz,
.hoverAnimation__2bJt5.active__39OIz:hover {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.hoverAnimation__2bJt5.active__39OIz {
    background: linear-gradient(45deg, #ff5858, #f857a6);
    border-radius: 5px;
    overflow: visible;
    overflow: initial;
    padding: 4px;
    position: relative
}

.hoverAnimation__2bJt5.active__39OIz:before {
    border: 7px solid rgba(74, 209, 181, 0);
    border-top-color: #ff5858;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -var(--spacing-xs);
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0
}

.hoverAnimation__2bJt5.active__39OIz .label__2q8HV {
    left: 4px;
    top: 4px
}

.hoverAnimation__2bJt5:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.image__1TzIZ {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-shadow: inset 0 0 0 2px transparent;
    box-shadow: inset 0 0 0 2px transparent;
    cursor: pointer;
    height: 100%;
    left: 0;
    top: 0;
    white-space: nowrap;
    width: 100%
}

.imageSkeleton__3fDsW,
.image__1TzIZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute
}

.imageSkeleton__3fDsW {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    background-color: #292c37;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    padding: 12px
}

.shadow__2W0-U {
    background: radial-gradient(circle at 80% 20%, #000 10%, transparent 70%);
    height: 100px;
    position: absolute;
    right: 0;
    top: -10px;
    width: 100px
}

.friendCount__PcToD {
    position: absolute;
    right: 24px;
    top: 14px
}

.meatball__2PL0y {
    left: 12px;
    position: absolute;
    top: -10px
}

.playButton__2RUqM {
    font-size: 14px !important;
    margin: 0;
    min-width: 80px
}

.playButton__2RUqM>div>svg {
    margin-right: 4px
}

.banner__3jjHP {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #292c37;
    color: #f0faff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 55px !important;
    justify-content: center;
    padding: 0 8px;
    width: 100%
}

.banner__3jjHP .gameName__31gZM {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 17px;
    font-weight: 500
}

@media screen and (min-width:800px) {
    .banner__3jjHP .gameName__31gZM {
        font-size: 18px
    }
}

@media screen and (min-width:1280px) {
    .banner__3jjHP .gameName__31gZM {
        font-size: 20px
    }
}

.banner__3jjHP .gameName__31gZM {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 100px);
    word-break: break-word
}

.banner__3jjHP .buttons__1ObWk {
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0
}

.banner__3jjHP .buttons__1ObWk .gameTileButton__2yT-s {
    padding: 10px
}

.banner__3jjHP .buttons__1ObWk .gameTileIcon__1nWMS {
    cursor: pointer;
    padding: 9px
}

.banner__3jjHP .buttons__1ObWk .gameTileIcon__1nWMS svg {
    height: 30px;
    width: 30px
}

.banner__3jjHP .favorite__gwz6U {
    height: 24px;
    width: 24px
}

.banner__3jjHP .categoryLabel__exxVq {
    bottom: 0;
    position: relative
}

.label__2q8HV {
    left: 0;
    opacity: 1;
    position: absolute;
    top: -1px
}

.badges__30p-i {
    bottom: 6px;
    position: absolute;
    right: 6px
}

.tileNotVisible__qbV0k {
    margin-bottom: 55px
}

.aspectRatio__157MR {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 658px;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.bladeWrapper__1Mhy7 {
    background: #2757a5;
    color: #f0faff;
    height: 100%;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    scroll-margin-top: 230px;
    top: 0;
    width: calc(100% + 10px);
    z-index: 100
}

@media screen and (min-width:600px) {
    .bladeWrapper__1Mhy7 {
        height: 434px;
        left: auto;
        overflow-y: visible;
        overflow-y: initial;
        position: relative;
        top: auto;
        width: 100%;
        z-index: auto
    }
}

.bladeWrapper__1Mhy7 .gameBackground__3PkZK {
    background-position: 90% 0;
    background-repeat: no-repeat;
    background-size: 1320px;
    height: 100%
}

@media screen and (min-width:600px) {
    .bladeWrapper__1Mhy7 .gameBackground__3PkZK {
        background-position: 50% 50%;
        background-size: cover
    }
}

.bladeWrapper__1Mhy7 .closeButton__UByaG {
    position: absolute;
    right: 15px;
    top: 15px
}

.bladeWrapper__1Mhy7 .closeButton__UByaG svg {
    height: 55%;
    margin: 22%;
    width: 55%
}

@media screen and (min-width:600px) {
    .bladeWrapper__1Mhy7 .closeButton__UByaG svg {
        height: 65%;
        margin: 18%;
        width: 65%
    }
}

.bladeWrapper__1Mhy7 .topscrim__QLkwB {
    background: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(70%, rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .8)));
    background: linear-gradient(0deg, transparent, rgba(0, 0, 0, .3) 70%, rgba(0, 0, 0, .8));
    height: 178px;
    position: absolute;
    top: 0;
    width: 100%
}

.bladeWrapper__1Mhy7 .bladeDetail__3aH5o {
    background: linear-gradient(180deg, rgba(38, 60, 108, 0), rgba(38, 60, 108, .3) 70px, #292c37 180px, #292c37);
    left: 0;
    min-height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (min-width:600px) {
    .bladeWrapper__1Mhy7 .bladeDetail__3aH5o {
        --left-section-width: 200px;
        background: -webkit-gradient(linear, right top, left top, from(rgba(38, 60, 108, 0)), color-stop(rgba(38, 60, 108, 0)), color-stop(45%, rgba(33, 50, 88, .68)), to(#292c37)), -webkit-gradient(linear, right top, left top, from(rgba(16, 67, 174, 0)), color-stop(rgba(16, 67, 174, 0)), color-stop(rgba(16, 67, 174, 0)), color-stop(rgba(16, 67, 174, 0)), color-stop(55%, rgba(12, 68, 173, .47)), to(#292c37));
        background: linear-gradient(270deg, rgba(38, 60, 108, 0), rgba(38, 60, 108, 0), rgba(33, 50, 88, .68) 45%, #292c37), linear-gradient(270deg, rgba(16, 67, 174, 0), rgba(16, 67, 174, 0), rgba(16, 67, 174, 0), rgba(16, 67, 174, 0), rgba(12, 68, 173, .47) 55%, #292c37);
        padding: 0 37px
    }
}

@media screen and (min-width:800px) {
    .bladeWrapper__1Mhy7 .bladeDetail__3aH5o {
        --left-section-width: 230px
    }
}

@media screen and (min-width:960px) {
    .bladeWrapper__1Mhy7 .bladeDetail__3aH5o {
        --left-section-width: 325px
    }
}

@media screen and (min-width:1280px) {
    .bladeWrapper__1Mhy7 .bladeDetail__3aH5o {
        --left-section-width: 350px
    }
}

@media screen and (min-width:1600px) {
    .bladeWrapper__1Mhy7 .bladeDetail__3aH5o {
        --left-section-width: 377px
    }
}

@media screen and (min-width:800px) {
    .bladeWrapper__1Mhy7 .bladeDetail__3aH5o.category__1SMOh.free__2q3jy {
        --left-section-width: 200px
    }
}

@media screen and (min-width:960px) {
    .bladeWrapper__1Mhy7 .bladeDetail__3aH5o.category__1SMOh.free__2q3jy {
        --left-section-width: 165px
    }
}

@media screen and (min-width:1280px) {
    .bladeWrapper__1Mhy7 .bladeDetail__3aH5o.category__1SMOh.free__2q3jy {
        --left-section-width: 330px
    }
}

@media screen and (min-width:1600px) {
    .bladeWrapper__1Mhy7 .bladeDetail__3aH5o.category__1SMOh.free__2q3jy {
        --left-section-width: 377px
    }
}

@media screen and (min-width:600px) {
    .bladeWrapper__1Mhy7 .bladeDetail__3aH5o .alignElements__3EJZJ {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.bladeWrapper__1Mhy7 .bladeDetail__3aH5o .header__3aDsL {
    color: #fff;
    display: inline-block;
    margin-right: 21px;
    margin-top: 122px;
    max-width: 225px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word
}

@media screen and (min-width:600px) {
    .bladeWrapper__1Mhy7 .bladeDetail__3aH5o .header__3aDsL {
        margin-top: 37px;
        max-width: 100%
    }
}

.bladeWrapper__1Mhy7 .bladeDetail__3aH5o .subHeader__2CZ_M {
    color: #b1b8c8;
    margin-bottom: 16px;
    margin-top: 4px
}

.bladeWrapper__1Mhy7 .bladeDetail__3aH5o .subHeader__2CZ_M,
.bladeWrapper__1Mhy7 .bladeDetail__3aH5o .subHeader__2CZ_M * {
    text-transform: capitalize
}

.bladeWrapper__1Mhy7 .bladeDetail__3aH5o .subHeader__2CZ_M .linkStyles__acUuc {
    color: #b1b8c8
}

.bladeWrapper__1Mhy7 .bladeDetail__3aH5o .favoriteButton__3kmmI {
    display: inline-block;
    height: 34px
}

.bladeWrapper__1Mhy7 .bladeDetail__3aH5o .favoriteButton__3kmmI svg {
    height: inherit;
    width: 34px
}

@media screen and (min-width:600px) {
    .bladeWrapper__1Mhy7 .bladeDetail__3aH5o .favoriteButton__3kmmI {
        display: inline-block;
        position: relative;
        right: auto;
        top: 5px
    }
}

.bladeWrapper__1Mhy7 .bladeDetail__3aH5o .labels__15SaK {
    margin-bottom: 10px
}

.bladeWrapper__1Mhy7 .bladeDetail__3aH5o .labels__15SaK .label__3Gw5u {
    letter-spacing: .39px;
    margin: 0 6px 0 0
}

.bladeWrapper__1Mhy7 .bladeDetail__3aH5o .description__SGZjb {
    color: #fff;
    letter-spacing: .24px;
    line-height: 21px
}

@media screen and (min-width:800px) {
    .bladeWrapper__1Mhy7 .bladeDetail__3aH5o .description__SGZjb {
        line-height: 23px
    }
}

@media screen and (min-width:1280px) {
    .bladeWrapper__1Mhy7 .bladeDetail__3aH5o .description__SGZjb {
        line-height: 26px
    }
}

.bladeWrapper__1Mhy7 .bladeDetail__3aH5o .leftSection__3xpcp {
    margin: 0 28px;
    max-width: var(--left-section-width)
}

@media screen and (min-width:600px) {
    .bladeWrapper__1Mhy7 .bladeDetail__3aH5o .leftSection__3xpcp {
        margin: initial
    }
}

.bladeWrapper__1Mhy7 .bladeDetail__3aH5o .gameBladeChallenge__10Hs5 {
    margin: 20px 28px;
    z-index: 0
}

@media screen and (min-width:600px) {
    .bladeWrapper__1Mhy7 .bladeDetail__3aH5o .gameBladeChallenge__10Hs5 {
        left: calc(var(--left-section-width) + 60px);
        margin: initial;
        position: absolute;
        top: 7px;
        width: 220px
    }
}

@media screen and (min-width:1280px) {
    .bladeWrapper__1Mhy7 .bladeDetail__3aH5o .gameBladeChallenge__10Hs5 {
        width: 268px
    }
}

@media screen and (min-width:800px) {
    .bladeWrapper__1Mhy7 .bladeDetail__3aH5o.category__1SMOh.free__2q3jy .gameBladeChallenge__10Hs5 {
        width: 208px
    }
}

@media screen and (min-width:960px) {
    .bladeWrapper__1Mhy7 .bladeDetail__3aH5o.category__1SMOh.free__2q3jy .gameBladeChallenge__10Hs5 {
        width: 200px
    }
}

@media screen and (min-width:1280px) {
    .bladeWrapper__1Mhy7 .bladeDetail__3aH5o.category__1SMOh.free__2q3jy .gameBladeChallenge__10Hs5 {
        width: 230px
    }
}

@media screen and (min-width:1600px) {
    .bladeWrapper__1Mhy7 .bladeDetail__3aH5o.category__1SMOh.free__2q3jy .gameBladeChallenge__10Hs5 {
        width: 268px
    }
}

.bladeWrapper__1Mhy7 .bladeDetail__3aH5o .playerCount__1YuNh {
    display: inline
}

.bladeWrapper__1Mhy7 .bladeDetail__3aH5o b {
    font-weight: 800
}

.bottomRail__2e10F {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #292c37;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 55px;
    margin-top: 18px;
    width: 100%
}

@media screen and (min-width:600px) {
    .bottomRail__2e10F {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        bottom: 0;
        justify-content: flex-start;
        left: 0;
        margin-top: 0;
        position: absolute
    }
}

.bottomRail__2e10F .playNow__27iBo,
.bottomRail__2e10F a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-left: 25px
}

.bottomRail__2e10F .viewChallenges__7xyyL {
    margin-left: 1px
}

.bottomRail__2e10F .playButton__1NRst {
    min-width: 80px
}

.bottomRail__2e10F .playButton__1NRst>div>svg {
    margin-right: 4px
}

.friendCount__3ej3c {
    display: inline-block;
    margin-left: 12px;
    position: relative
}

.friendCount__3ej3c .meatball__2jkZl {
    left: 12px;
    position: absolute;
    top: -10px
}

.extraInfo__1hl4e {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 42px;
    margin-right: 18px;
    position: absolute;
    top: 6px;
    vertical-align: middle
}

@media screen and (min-width:600px) {
    .extraInfo__1hl4e {
        margin: 0;
        position: absolute;
        right: 24px;
        top: 386px
    }
}

.extraInfo__1hl4e .spacer__3KZ4h {
    margin: auto 10px;
    vertical-align: middle
}

.extraInfo__1hl4e .rank__34hv8 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 6px
}

.extraInfo__1hl4e .rank__34hv8 .progressDial__1H4o3 {
    height: 36px;
    margin-right: 10px;
    position: relative
}

.extraInfo__1hl4e .rank__34hv8 .progressDial__1H4o3>div {
    left: 50%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.extraInfo__1hl4e .badge__1yLQx {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 6px
}

.extraInfo__1hl4e .badge__1yLQx>div {
    margin-right: 3px
}

.extraInfo__1hl4e .badge__1yLQx>div>img {
    height: 36px;
    margin-right: 4px;
    width: 36px
}

.extraInfo__1hl4e .friendsWrap__1UzXN {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px
}

.extraInfo__1hl4e .friendCount__3ej3c {
    position: relative
}

.extraInfo__1hl4e .friendsIcon__1lvzm {
    margin-right: 5px;
    vertical-align: middle
}

.extraInfo__1hl4e .meatball__2jkZl {
    background: #0ac44a;
    border-radius: 90%;
    bottom: 0;
    height: 8px;
    left: 16px;
    position: absolute;
    width: 8px
}

.extraInfo__1hl4e .badgeCount__3-h9O {
    position: relative;
    z-index: 1
}

.extraInfo__1hl4e .badgeTooltip__6NcgI {
    bottom: -194px;
    padding-bottom: 55px;
    position: absolute;
    right: -230px;
    z-index: 0
}

@media screen and (min-width:600px) {
    .extraInfo__1hl4e .badgeTooltip__6NcgI {
        bottom: 5px;
        right: -15px
    }
}

.extraInfo__1hl4e .badgeTooltip__6NcgI .tooltip__1ruWa {
    background-color: #2757a5;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    padding: 16px;
    text-align: left;
    width: 320px
}

.extraInfo__1hl4e .badgeTooltip__6NcgI .tooltip__1ruWa:after,
.extraInfo__1hl4e .badgeTooltip__6NcgI .tooltip__1ruWa:before {
    border: 15px solid transparent;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.extraInfo__1hl4e .badgeTooltip__6NcgI .tooltip__1ruWa.topArrow__3KFUf:after,
.extraInfo__1hl4e .badgeTooltip__6NcgI .tooltip__1ruWa.topArrow__3KFUf:before {
    border-bottom-color: #2757a5;
    right: 250px;
    top: -30px
}

.extraInfo__1hl4e .badgeTooltip__6NcgI .tooltip__1ruWa.bottomArrow__1_cIR:after,
.extraInfo__1hl4e .badgeTooltip__6NcgI .tooltip__1ruWa.bottomArrow__1_cIR:before {
    border-top-color: #2757a5;
    bottom: 25px;
    left: 250px
}

.extraInfo__1hl4e .badgeTooltip__6NcgI .title__9J5Bs {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500
}

@media screen and (min-width:800px) {
    .extraInfo__1hl4e .badgeTooltip__6NcgI .title__9J5Bs {
        font-size: 20px
    }
}

@media screen and (min-width:1280px) {
    .extraInfo__1hl4e .badgeTooltip__6NcgI .title__9J5Bs {
        font-size: 22px
    }
}

.extraInfo__1hl4e .badgeTooltip__6NcgI .title__9J5Bs {
    text-transform: none
}

.extraInfo__1hl4e .badgeTooltip__6NcgI .title__9J5Bs:not(:empty) {
    margin-bottom: 16px
}

.extraInfo__1hl4e .badgeTooltip__6NcgI a,
.linkStyles__acUuc {
    text-decoration: underline
}

.linkStyles__acUuc {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .2px
}

@media screen and (min-width:800px) {
    .linkStyles__acUuc {
        font-size: 16px;
        letter-spacing: .3px
    }
}

@media screen and (min-width:1280px) {
    .linkStyles__acUuc {
        font-size: 18px;
        letter-spacing: .4px
    }
}

.badges__2Z5wN {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.badges__2Z5wN div {
    margin: auto
}

.default__2oLU0 {
    background-color: rgba(248, 87, 166, .4);
    border-bottom: 2px solid #f857a6;
    color: inherit;
    padding: 2px;
    text-transform: none
}

.default__2oLU0,
.matched__X4ayq {
    display: inline-block
}

.bold__1qT4u {
    color: #f0faff;
    font-weight: 500;
    text-transform: none
}

.wrapper__3OvE- {
    color: inherit;
    text-transform: none
}

.progress__1WJDr {
    stroke-width: 13%;
    stroke: #09d74f;
    stroke-linecap: round
}

.progressBar__2M6Ea,
.progress__1WJDr {
    -webkit-transition: stroke-dashoffset .75s ease-in-out 1;
    transition: stroke-dashoffset .75s ease-in-out 1
}

.progressBar__2M6Ea {
    stroke-width: 12.9%;
    stroke: #0ad750;
    stroke-linecap: round
}

.progressBarLevel__lvN7t {
    stroke-width: 0;
    stroke: #008907;
    stroke-dashoffset: 100%
}

.progressBarLevelUp__B03xx {
    stroke-width: 2px
}

.progressBarExtend__2v1rd {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: progressBarLevelUpExtend__1UtWM;
    animation-name: progressBarLevelUpExtend__1UtWM;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    background: #008907;
    border-radius: 90%;
    height: 110%;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 110%
}

@-webkit-keyframes progressBarLevelUpExtend__1UtWM {
    0% {
        height: 100%;
        width: 100%
    }

    to {
        height: 110%;
        width: 110%
    }
}

@keyframes progressBarLevelUpExtend__1UtWM {
    0% {
        height: 100%;
        width: 100%
    }

    to {
        height: 110%;
        width: 110%
    }
}

.progressBarBackground__2k2ri {
    stroke-width: 3.5px;
    stroke: #3f6f9b
}

.icon__3unWz {
    background: rgba(98, 104, 126, .24);
    border-radius: 100%;
    display: block;
    height: inherit;
    left: 50%;
    padding: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: inherit
}

.progressSvg__14z3o {
    fill: #2757a5;
    height: 100%;
    -webkit-transform: rotate(-90.1deg);
    transform: rotate(-90.1deg);
    width: 100%
}

.star1__3uo8W,
.star2__hIBaz,
.star3__2i9Vg,
.star4__2vHnb,
.star5__2m6ry,
.star6__ihDO9,
.star7__1cu5Y,
.star8__2rDWQ {
    fill: #fff;
    fill-rule: evenodd;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: starPulse__3D2UZ;
    animation-name: starPulse__3D2UZ;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 0
}

.star1__3uo8W {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.star2__hIBaz {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.star3__2i9Vg {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.star4__2vHnb {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.star5__2m6ry {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.star6__ihDO9 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.star7__1cu5Y {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.star8__2rDWQ {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

@-webkit-keyframes starPulse__3D2UZ {

    0%,
    30% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@keyframes starPulse__3D2UZ {

    0%,
    30% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

.rankStars__2N3IF {
    -webkit-filter: drop-shadow(0 0 5px #0ad750);
    filter: drop-shadow(0 0 5px #0AD750);
    height: 96px;
    left: -28px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 6px;
    width: 96px
}

.rankStarsAnimate__3uhQy {
    opacity: 1 !important
}

@media screen and (min-width:800px) {
    .rankStars__2N3IF {
        left: -28px;
        top: 8px;
        width: 110px
    }
}

.lockIcon__K3UgX {
    bottom: -6px;
    position: absolute;
    right: 2px;
    width: 30%
}

.animationContainer__1iXmF {
    height: 0;
    position: relative;
    z-index: 100
}

@media screen and (min-width:600px) {
    .animationContainer__1iXmF {
        opacity: 0;
        position: static
    }
}

.enter__3mQQX {
    -webkit-animation-duration: 235ms;
    animation-duration: 235ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: fadeInSlideDownBlade__24Uid;
    animation-name: fadeInSlideDownBlade__24Uid;
    -webkit-animation-timing-function: ease-out ease-in-out;
    animation-timing-function: ease-out ease-in-out
}

.leave__17nTN {
    -webkit-animation-duration: 235ms;
    animation-duration: 235ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: fadeOutSlideUpBlade__3aFTQ;
    animation-name: fadeOutSlideUpBlade__3aFTQ;
    -webkit-animation-timing-function: cubic-bezier(0, 0, .57, 1) ease-out;
    animation-timing-function: cubic-bezier(0, 0, .57, 1) ease-out
}

.tier__2taZt {
    position: static
}

.tier__2taZt.enter__3mQQX {
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-name: fadeInSlideDown__2PLqX !important;
    animation-name: fadeInSlideDown__2PLqX !important;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.tier__2taZt.leave__17nTN {
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-name: fadeOutSlideUp__G218v !important;
    animation-name: fadeOutSlideUp__G218v !important;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@media screen and (min-width:600px) {
    .grid__3Rz52 {
        margin-bottom: 8px
    }
}

@-webkit-keyframes fadeInSlideDownBlade__24Uid {
    0% {
        height: 0;
        opacity: 0
    }

    to {
        height: 434px;
        opacity: 1
    }
}

@keyframes fadeInSlideDownBlade__24Uid {
    0% {
        height: 0;
        opacity: 0
    }

    to {
        height: 434px;
        opacity: 1
    }
}

@-webkit-keyframes fadeOutSlideUpBlade__3aFTQ {
    0% {
        height: 434px;
        opacity: 1
    }

    to {
        height: 0;
        opacity: 0
    }
}

@keyframes fadeOutSlideUpBlade__3aFTQ {
    0% {
        height: 434px;
        opacity: 1
    }

    to {
        height: 0;
        opacity: 0
    }
}

@-webkit-keyframes fadeInSlideDown__2PLqX {
    0% {
        height: 0;
        opacity: 0
    }

    40% {
        height: 410px;
        opacity: 1
    }

    to {
        height: auto;
        opacity: 1
    }
}

@keyframes fadeInSlideDown__2PLqX {
    0% {
        height: 0;
        opacity: 0
    }

    40% {
        height: 410px;
        opacity: 1
    }

    to {
        height: auto;
        opacity: 1
    }
}

@-webkit-keyframes fadeOutSlideUp__G218v {
    0% {
        height: auto;
        opacity: 1
    }

    60% {
        height: 410px;
        opacity: 0
    }

    to {
        height: 0;
        opacity: 0
    }
}

@keyframes fadeOutSlideUp__G218v {
    0% {
        height: auto;
        opacity: 1
    }

    60% {
        height: 410px;
        opacity: 0
    }

    to {
        height: 0;
        opacity: 0
    }
}

.link__2762Y,
.moreGames__-o74U {
    height: 100%
}

.moreGames__-o74U {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #292c37;
    border: 2px solid #3b3e4b;
    -webkit-box-shadow: inset 0 -3px 0 0 rgba(240, 250, 255, .19), inset 4px 4px 4px 0 rgba(0, 0, 0, .5);
    box-shadow: inset 0 -3px 0 0 rgba(240, 250, 255, .19), inset 4px 4px 4px 0 rgba(0, 0, 0, .5);
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: -webkit-transform .13s;
    transition: -webkit-transform .13s;
    transition: transform .13s;
    transition: transform .13s, -webkit-transform .13s
}

.moreGames__-o74U,
.moreGames__-o74U .moreGamesButton__I7oCK {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.moreGames__-o74U .moreGamesButton__I7oCK {
    width: 100%
}

.moreGames__-o74U .moreGamesButton__I7oCK .addIcon__2bndw {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 40px;
    justify-content: center;
    line-height: 0;
    padding: 20px
}

.moreGames__-o74U .moreGamesButton__I7oCK .addIcon__2bndw svg {
    height: 61px;
    width: 61px
}

.moreGames__-o74U .moreGamesButton__I7oCK .addIcon__2bndw svg path {
    fill: #fff
}

.moreGames__-o74U .gameCategory__1DX4V {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    height: 27px;
    justify-content: center;
    margin-bottom: 24px;
    text-align: center;
    width: 100%
}

@media screen and (min-width:800px) {
    .moreGames__-o74U .gameCategory__1DX4V {
        font-size: 20px
    }
}

@media screen and (min-width:1280px) {
    .moreGames__-o74U .gameCategory__1DX4V {
        font-size: 22px
    }
}

.animation__36zEL {
    -webkit-transition: -webkit-transform .15s cubic-bezier(.25, 0, .72, 1);
    transition: -webkit-transform .15s cubic-bezier(.25, 0, .72, 1);
    transition: transform .15s cubic-bezier(.25, 0, .72, 1);
    transition: transform .15s cubic-bezier(.25, 0, .72, 1), -webkit-transform .15s cubic-bezier(.25, 0, .72, 1);
    will-change: transform
}

.animation__36zEL.active__22O6o,
.animation__36zEL.active__22O6o:hover {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.animation__36zEL:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.errorWrapper__2Ded4 {
    position: relative
}

.cover__3F0_H {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.error__Vg7cJ {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #000;
    border-radius: 10px;
    color: rgba(240, 250, 255, .8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    left: 50%;
    line-height: 1.47;
    max-width: 90%;
    min-height: 100px;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 290px;
    z-index: 1
}

.error__Vg7cJ .retryIcon__3EgYh {
    cursor: pointer;
    height: 32px;
    margin-top: 12px;
    width: 32px
}

@media screen and (min-width:800px) {
    .error__Vg7cJ {
        width: 428px
    }
}

@media screen and (min-width:960px) {
    .error__Vg7cJ {
        line-height: 34px;
        width: 520px
    }
}

.fadeInSlideUpAppear__2LPru,
.fadeInSlideUpEnter__2SA_l {
    -webkit-animation: fadeInSlideUp__2AI9D 165ms cubic-bezier(0, 0, .57, 1);
    animation: fadeInSlideUp__2AI9D 165ms cubic-bezier(0, 0, .57, 1)
}

.fadeOutLeave__22o6N {
    -webkit-animation: fadeOut__3nnCD 165ms cubic-bezier(0, 0, .57, 1);
    animation: fadeOut__3nnCD 165ms cubic-bezier(0, 0, .57, 1)
}

@-webkit-keyframes fadeInSlideUp__2AI9D {
    0% {
        opacity: 0;
        top: 20px
    }

    to {
        opacity: 1;
        top: 0
    }
}

@keyframes fadeInSlideUp__2AI9D {
    0% {
        opacity: 0;
        top: 20px
    }

    to {
        opacity: 1;
        top: 0
    }
}

@-webkit-keyframes fadeOut__3nnCD {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut__3nnCD {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.screenshotCarousel__2zDg1 .screenshotLightbox__1kD3F {
    position: fixed;
    z-index: 2
}

.tileWrapper__2sPcS {
    background: #292c37;
    cursor: pointer;
    max-width: 100% !important
}

.animation__t8qXy {
    -webkit-transition: -webkit-transform .15s cubic-bezier(.25, 0, .72, 1);
    transition: -webkit-transform .15s cubic-bezier(.25, 0, .72, 1);
    transition: transform .15s cubic-bezier(.25, 0, .72, 1);
    transition: transform .15s cubic-bezier(.25, 0, .72, 1), -webkit-transform .15s cubic-bezier(.25, 0, .72, 1);
    will-change: transform
}

.animation__t8qXy.active__GYl0m,
.animation__t8qXy.active__GYl0m:hover {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.animation__t8qXy:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.tile__35Q-Q {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-shadow: inset 0 0 0 2px transparent;
    box-shadow: inset 0 0 0 2px transparent;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    white-space: nowrap;
    width: 100%
}

@media screen and (min-width:600px) {
    .tile__35Q-Q {
        pointer-events: all
    }
}

.tile__35Q-Q.screenshotLightbox__1jvil {
    height: 100%;
    width: 100%
}

.container__2dlCy {
    overflow: hidden;
    width: 100%
}

.container__2dlCy .tile__20mHO {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-shadow: inset 0 0 0 2px transparent;
    box-shadow: inset 0 0 0 2px transparent;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    white-space: nowrap;
    width: 100%
}

.mainImage__bjXsm {
    height: 270px;
    margin: auto;
    max-width: 75%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 487px
}

@media screen and (min-width:800px) {
    .mainImage__bjXsm {
        width: 505px
    }
}

@media screen and (min-width:960px) {
    .mainImage__bjXsm {
        height: 404px;
        width: 877px
    }
}

@media screen and (min-width:1280px) {
    .mainImage__bjXsm {
        height: 575px;
        width: 1045px
    }
}

.leftArrow__3FXOs,
.rightArrow__3AY3W {
    background: rgba(0, 0, 0, .6);
    border-top-left-radius: 90px;
    border-top-right-radius: 90px;
    cursor: pointer;
    height: 45px;
    position: absolute;
    top: 50%;
    width: 91px
}

.leftArrow__3FXOs svg,
.rightArrow__3AY3W svg {
    fill: #fff;
    cursor: pointer
}

.leftArrow__3FXOs.arrowOverride__2H6Kk,
.rightArrow__3AY3W.arrowOverride__2H6Kk {
    -webkit-animation-duration: .48s;
    animation-duration: .48s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn__1QsR1;
    animation-name: bounceIn__1QsR1;
    background: rgba(25, 31, 46, .8);
    border-radius: 0;
    bottom: 0;
    display: inline;
    height: 42px;
    margin: auto;
    top: 0;
    width: 42px;
    will-change: transform
}

@media screen and (min-width:1280px) {

    .leftArrow__3FXOs.arrowOverride__2H6Kk,
    .rightArrow__3AY3W.arrowOverride__2H6Kk {
        height: 50px;
        width: 50px
    }
}

.hidden__HAhg9 {
    display: none
}

.closeButton__37-5N {
    height: 24px;
    position: absolute;
    right: -7px;
    top: -33px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 24px
}

@media screen and (min-width:960px) {
    .closeButton__37-5N {
        height: 30px;
        top: -38px;
        width: 30px
    }
}

@media screen and (min-width:1280px) {
    .closeButton__37-5N {
        height: 36px;
        top: -42px;
        width: 36px
    }
}

.leftArrow__3FXOs {
    display: none;
    left: 0;
    margin-left: -23px;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.leftArrow__3FXOs.arrowOverride__2H6Kk {
    left: 0
}

.leftArrow__3FXOs.arrowOverride__2H6Kk svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rightArrow__3AY3W {
    display: none;
    margin-right: -23px;
    right: 0;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg)
}

.rightArrow__3AY3W.arrowOverride__2H6Kk {
    right: 0
}

.rightArrow__3AY3W.arrowOverride__2H6Kk svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.leftArrow__3FXOs,
.rightArrow__3AY3W {
    text-align: center
}

.leftArrow__3FXOs svg,
.rightArrow__3AY3W svg {
    height: 30px;
    margin: 6px 5px 5px;
    width: 30px
}

@media screen and (min-width:1280px) {

    .leftArrow__3FXOs svg,
    .rightArrow__3AY3W svg {
        margin-top: 10px
    }
}

.showOnTop__2heFm {
    z-index: 1
}

@-webkit-keyframes itemAppear__XdnGK {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
        -webkit-transform: translate3d(0, 140px, 0);
        transform: translate3d(0, 140px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes itemAppear__XdnGK {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
        -webkit-transform: translate3d(0, 140px, 0);
        transform: translate3d(0, 140px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes itemLeave__343fD {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes itemLeave__343fD {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@-webkit-keyframes itemLeaveInvert__1So86 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes itemLeaveInvert__1So86 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes itemEnter__3cJgh {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes itemEnter__3cJgh {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes itemEnterInvert__1uEyy {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes itemEnterInvert__1uEyy {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes fadeIn__1JmSj {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn__1JmSj {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut__3xhwB {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut__3xhwB {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes bounceIn__1QsR1 {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
        opacity: 0;
        -webkit-transform: scale3d(.9, .9, 1);
        transform: scale3d(.9, .9, 1)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn__1QsR1 {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
        opacity: 0;
        -webkit-transform: scale3d(.9, .9, 1);
        transform: scale3d(.9, .9, 1)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.appear__2hjAs {
    -webkit-animation-duration: .48s;
    animation-duration: .48s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn__1QsR1;
    animation-name: bounceIn__1QsR1;
    will-change: transform
}

.itemsGroup__mwuSa {
    position: relative
}

.animationContainer__3k8aV {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.animationContainer__3k8aV:not(.appear__2hjAs):not(.leave__2JYlq):not(.enter__3IYYO):only-child {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: itemEnter__3cJgh;
    animation-name: itemEnter__3cJgh;
    will-change: transform
}

.animationContainer__3k8aV:not(.appear__2hjAs):not(.leave__2JYlq):not(.enter__3IYYO):not(:only-child) {
    opacity: 0
}

.inverted__-k0nh .animationContainer__3k8aV:not(.appear__2hjAs):not(.leave__2JYlq):not(.enter__3IYYO):only-child {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: itemEnterInvert__1uEyy;
    animation-name: itemEnterInvert__1uEyy;
    will-change: transform
}

.leave__2JYlq {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: itemLeave__343fD;
    animation-name: itemLeave__343fD;
    will-change: transform
}

.inverted__-k0nh .leave__2JYlq {
    -webkit-animation-name: itemLeaveInvert__1So86;
    animation-name: itemLeaveInvert__1So86
}

.enter__3IYYO {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: itemEnter__3cJgh;
    animation-name: itemEnter__3cJgh;
    will-change: transform
}

.inverted__-k0nh .enter__3IYYO {
    -webkit-animation-name: itemEnterInvert__1uEyy;
    animation-name: itemEnterInvert__1uEyy
}

@media screen and (min-width:600px) {

    .leftArrow__3FXOs,
    .rightArrow__3AY3W {
        display: inline;
        display: initial
    }

    .leave__2JYlq {
        -webkit-animation-duration: .6s;
        animation-duration: .6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: itemLeave__343fD, fadeOut__3xhwB;
        animation-name: itemLeave__343fD, fadeOut__3xhwB;
        will-change: transform
    }

    .inverted__-k0nh .leave__2JYlq {
        -webkit-animation-name: itemLeaveInvert__1So86, fadeOut__3xhwB;
        animation-name: itemLeaveInvert__1So86, fadeOut__3xhwB
    }

    .enter__3IYYO {
        -webkit-animation-duration: .6s;
        animation-duration: .6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: itemEnter__3cJgh, fadeIn__1JmSj;
        animation-name: itemEnter__3cJgh, fadeIn__1JmSj;
        will-change: transform
    }

    .inverted__-k0nh .enter__3IYYO {
        -webkit-animation-name: itemEnterInvert__1uEyy, fadeIn__1JmSj;
        animation-name: itemEnterInvert__1uEyy, fadeIn__1JmSj
    }
}

.cover__21Onb {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.linkStyles__35w94 {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .2px;
    text-decoration: underline
}

@media screen and (min-width:800px) {
    .linkStyles__35w94 {
        font-size: 16px;
        letter-spacing: .3px
    }
}

@media screen and (min-width:1280px) {
    .linkStyles__35w94 {
        font-size: 18px;
        letter-spacing: .4px
    }
}

.boldStyle__ScVJD {
    font-weight: 800
}

.italicStyle__lGM8C {
    font-style: italic
}

[data-size=h1] {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 34px;
    font-weight: 500
}

@media screen and (min-width:800px) {
    [data-size=h1] {
        font-size: 40px
    }
}

@media screen and (min-width:1280px) {
    [data-size=h1] {
        font-size: 46px
    }
}

[data-size=h2] {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 31px;
    font-weight: 500
}

@media screen and (min-width:800px) {
    [data-size=h2] {
        font-size: 34px
    }
}

@media screen and (min-width:1280px) {
    [data-size=h2] {
        font-size: 38px
    }
}

[data-size=h3] {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 26px;
    font-weight: 500
}

@media screen and (min-width:800px) {
    [data-size=h3] {
        font-size: 28px
    }
}

@media screen and (min-width:1280px) {
    [data-size=h3] {
        font-size: 32px
    }
}

[data-size=h4] {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 22px;
    font-weight: 500
}

@media screen and (min-width:800px) {
    [data-size=h4] {
        font-size: 24px
    }
}

@media screen and (min-width:1280px) {
    [data-size=h4] {
        font-size: 26px
    }
}

[data-size=h5] {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500
}

@media screen and (min-width:800px) {
    [data-size=h5] {
        font-size: 20px
    }
}

@media screen and (min-width:1280px) {
    [data-size=h5] {
        font-size: 22px
    }
}

[data-size=h6] {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 17px;
    font-weight: 500
}

@media screen and (min-width:800px) {
    [data-size=h6] {
        font-size: 18px
    }
}

@media screen and (min-width:1280px) {
    [data-size=h6] {
        font-size: 20px
    }
}

.challengesContent__9kuN3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    width: 100%
}

.challengesContent__9kuN3 .challengesTitle__wGJVJ {
    margin-bottom: 36px
}

.challengesContent__9kuN3 .badgeIcon__2DMOT {
    height: 140px;
    width: 140px
}

.challengesContent__9kuN3 .badgeIcon__2DMOT path {
    fill: #f0faff;
    opacity: .34
}

.challenges__2dtgf {
    min-height: 450px
}

.gridError__3dMgY {
    top: 186px !important
}

.challengeCarousel__23VVI {
    margin-bottom: 24px;
    min-height: 372px;
    overflow: visible;
    position: relative
}

.challengeTile__3P4jc {
    margin-bottom: 4px
}

.controls__1FfiE {
    height: 364px !important
}

.controls__1FfiE div:first-child {
    border-bottom-right-radius: 13px;
    border-top-right-radius: 13px
}

.controls__1FfiE div:first-child:after {
    left: 0
}

.controls__1FfiE div:last-child {
    border-bottom-left-radius: 13px;
    border-top-left-radius: 13px
}

.controls__1FfiE div:last-child:after {
    right: 0
}

.controls__1FfiE div:first-child,
.controls__1FfiE div:last-child {
    top: 8px !important;
    width: 14px !important
}

@media screen and (min-width:1280px) {

    .controls__1FfiE div:first-child,
    .controls__1FfiE div:last-child {
        width: 42px !important
    }
}

.controls__1FfiE div:first-child:after,
.controls__1FfiE div:last-child:after {
    content: "";
    height: 372px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 28px
}

@media screen and (min-width:1280px) {

    .controls__1FfiE div:first-child:after,
    .controls__1FfiE div:last-child:after {
        width: 56px
    }
}

.container__2rq-K {
    height: 364px;
    padding: 4px 6px
}

.container__2rq-K.hoverAnimation__34VOm {
    -webkit-transition: -webkit-transform .15s cubic-bezier(.25, 0, .72, 1);
    transition: -webkit-transform .15s cubic-bezier(.25, 0, .72, 1);
    transition: transform .15s cubic-bezier(.25, 0, .72, 1);
    transition: transform .15s cubic-bezier(.25, 0, .72, 1), -webkit-transform .15s cubic-bezier(.25, 0, .72, 1);
    will-change: transform
}

.container__2rq-K.hoverAnimation__34VOm:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.content__3qFmN {
    border-radius: 13px;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.badge__2_Wze {
    background-color: rgba(59, 62, 75, .5);
    border-radius: 27px;
    height: 48px;
    margin: 4px;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px
}

.spacer__B7KUN {
    height: 14px;
    margin-bottom: 6px
}

.find__-nILr {
    height: 210px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.overlay__2P2Uc {
    background: #292c37;
    bottom: 0;
    color: #f0faff;
    cursor: pointer;
    height: 164px;
    padding: 12px;
    pointer-events: all;
    position: absolute;
    width: calc(100% + 2px)
}

.overlay__2P2Uc .header__2k6zX {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 16px
}

.overlay__2P2Uc .copy__3973a {
    font-size: 15px
}

.container__3Fps0 {
    height: 364px;
    padding: 4px 6px
}

.container__3Fps0.hoverAnimation__3cM3h {
    -webkit-transition: -webkit-transform .15s cubic-bezier(.25, 0, .72, 1);
    transition: -webkit-transform .15s cubic-bezier(.25, 0, .72, 1);
    transition: transform .15s cubic-bezier(.25, 0, .72, 1);
    transition: transform .15s cubic-bezier(.25, 0, .72, 1), -webkit-transform .15s cubic-bezier(.25, 0, .72, 1);
    will-change: transform
}

.container__3Fps0.hoverAnimation__3cM3h:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.container__3Fps0 .content__1-nNv,
.container__3Fps0>div {
    height: 100%
}

.container__3Fps0 .content__1-nNv {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #292c37;
    border: 2px solid #3b3e4b;
    border-radius: 8px;
    -webkit-box-shadow: inset 4px 4px 3px 0 rgba(0, 0, 0, .5);
    box-shadow: inset 4px 4px 3px 0 rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative
}

.container__3Fps0 .challengesName__1jzcV {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    padding: 0 20px;
    text-align: center;
    z-index: 1
}

.container__3Fps0 .subtitle__2EXPg {
    margin-top: 20px;
    padding: 0 20px;
    text-align: center;
    z-index: 1
}

.container__3Fps0 .addIcon__3qiig {
    font-size: 40px;
    height: 48px;
    line-height: 21px;
    margin: 44px auto;
    padding: 10.5px;
    width: 48px;
    z-index: 1
}

.glow__3jgyQ .addedBacking__1mmuG {
    background: -webkit-gradient(linear, left top, left bottom, from(#2e92d8), to(#5a5ed3));
    background: linear-gradient(180deg, #2e92d8, #5a5ed3);
    border-radius: 8px;
    height: 90%;
    left: 50%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
    z-index: 0
}

.glow__3jgyQ .content__1-nNv {
    -webkit-animation: glowAnimation__1U8sC .5s linear infinite alternate;
    animation: glowAnimation__1U8sC .5s linear infinite alternate;
    border: 2px solid #47c1ec;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 5px 3px #47c1ec, inset 4px 4px 3px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px 3px #47c1ec, inset 4px 4px 3px 0 rgba(0, 0, 0, .5)
}

@-webkit-keyframes glowAnimation__1U8sC {
    0% {
        -webkit-box-shadow: 0 0 5px 3px #47c1ec, inset 4px 4px 3px 0 rgba(0, 0, 0, .5);
        box-shadow: 0 0 5px 3px #47c1ec, inset 4px 4px 3px 0 rgba(0, 0, 0, .5)
    }

    to {
        -webkit-box-shadow: 0 0 5px 3px rgba(71, 193, 236, .35), inset 4px 4px 3px 0 rgba(0, 0, 0, .5);
        box-shadow: 0 0 5px 3px rgba(71, 193, 236, .35), inset 4px 4px 3px 0 rgba(0, 0, 0, .5)
    }
}

@keyframes glowAnimation__1U8sC {
    0% {
        -webkit-box-shadow: 0 0 5px 3px #47c1ec, inset 4px 4px 3px 0 rgba(0, 0, 0, .5);
        box-shadow: 0 0 5px 3px #47c1ec, inset 4px 4px 3px 0 rgba(0, 0, 0, .5)
    }

    to {
        -webkit-box-shadow: 0 0 5px 3px rgba(71, 193, 236, .35), inset 4px 4px 3px 0 rgba(0, 0, 0, .5);
        box-shadow: 0 0 5px 3px rgba(71, 193, 236, .35), inset 4px 4px 3px 0 rgba(0, 0, 0, .5)
    }
}

.header__v2QyL {
    line-height: 24px;
    margin-bottom: 10px
}

@media screen and (min-width:960px) {
    .header__v2QyL {
        line-height: 31px
    }
}

.header__v2QyL div {
    margin-top: -46px
}

@media screen and (min-width:480px) {
    .header__v2QyL div {
        margin-top: 0;
        padding-bottom: 0
    }
}

.challengeGrid__Q80yw {
    margin-bottom: 16px
}

@media screen and (min-width:800px) {
    .challengeGrid__Q80yw {
        margin-bottom: 20px
    }
}

@media screen and (min-width:960px) {
    .challengeGrid__Q80yw {
        margin-bottom: 24px
    }
}

@media screen and (min-width:1280px) {
    .challengeGrid__Q80yw {
        margin-bottom: 32px
    }
}

.infiniteScroll__1VnAt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 115px;
    position: relative
}

.infiniteScroll__1VnAt .showMore__3mp-7 {
    -ms-flex-item-align: center;
    align-self: center;
    max-width: 293px;
    position: relative;
    width: 100%;
    z-index: 1
}

.infiniteScroll__1VnAt .count__40u23 {
    height: 21px;
    margin: 20px 0 10px;
    text-align: center
}