/*! 
 (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 
*/
.wrapper__NKMnr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

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


.home__3NWA8 .scrollOffsetPost__1XLC4, .home__3NWA8 .scrollOffsetPre__3wtWN {
    scroll-margin-top: 80px
}

@media screen and (min-width: 960px) {
    .home__3NWA8 .scrollOffsetPost__1XLC4 {
        scroll-margin-top: calc(var(--categoryNavHeight) + 80px)
    }
}

.spotlightOverlap__xCXMD {
    margin-top: -134px
}

.content__v0SjX {
    padding-top: 32px
}

.pushContent__2J5hO {
    height: 134px
}

.minHeight__3QTm5 {
    min-height: 400px
}

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

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

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

.longDescriptionHeader__2TAhC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.longDescriptionHeader__2TAhC .dropdownIcon___ku-3 {
    fill: #fff;
    margin-left: auto;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.longDescriptionHeader__2TAhC .dropdownIcon___ku-3.selected__1YBHp {
    fill: #f857a6;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

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

.longDescription__3epLc div:first-child {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    margin: 0 0 8px
}

.longDescription__3epLc a {
    color: #47c1ec
}

.longDescription__3epLc .dropDownIcon__2YTum {
    fill: #fff
}

.categoryNav__2yIxJ {
    background-color: #161920;
    margin-bottom: 32px;
    padding: 16px 0;
    top: 62px;
    width: 100%;
    z-index: 1
}

@media screen and (min-width: 960px) {
    .categoryNav__2yIxJ {
        position: sticky
    }
}

.categoryNav__2yIxJ .catNavContainer__1KuWu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 28px;
    scroll-behavior: smooth
}

@media screen and (min-width: 1280px) {
    .categoryNav__2yIxJ .catNavContainer__1KuWu {
        padding: 0 56px
    }
}

.categoryNav__2yIxJ .catNavContainer__1KuWu .categoryNavItem__QYGs3 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    margin: 5px;
    padding: 0 20px
}

.categoryNav__2yIxJ .catNavContainer__1KuWu .categoryNavItem__QYGs3.jumpTo__3evXe {
    font-size: 22px
}

.categoryNav__2yIxJ .catNavContainer__1KuWu .categoryNavItem__QYGs3.pill__9SzXA {
    background-color: #292c37;
    border: 2px solid transparent;
    cursor: pointer
}

.categoryNav__2yIxJ .catNavContainer__1KuWu .categoryNavItem__QYGs3.pill__9SzXA:hover {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(180deg, #292c37, #292c37), linear-gradient(237deg, #f857a6 90%, #ff5858 0);
    background-origin: border-box;
    border: 2px solid transparent;
    border-radius: 24px
}

.categoryNav__2yIxJ .catNavContainer__1KuWu .categoryNavItem__QYGs3.seeAll__2OQWO {
    background-color: #161920;
    border: 2px solid #292c37
}

.categoryNav__2yIxJ .catNavContainer__1KuWu .categoryNavItem__QYGs3.seeAll__2OQWO:hover {
    background-image: linear-gradient(180deg, #161920, #161920), linear-gradient(237deg, #f857a6 90%, #ff5858 0)
}

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

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

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

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

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

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

.spotlightCarousel__1X8Aa {
    height: 384px;
    position: relative;
    width: 100%
}

.spotlightCarousel__1X8Aa.guest__1Gc5D {
    height: 280px
}

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

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

.spotlightCarousel__1X8Aa .controls__1QRSg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    fill: #fff;
    align-items: center;
    display: none;
    height: 100%;
    justify-content: space-between;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.spotlightCarousel__1X8Aa .controls__1QRSg .leftArrow__1grMM, .spotlightCarousel__1X8Aa .controls__1QRSg .rightArrow__35CeO {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: rgba(25, 31, 46, .8);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    justify-content: center;
    pointer-events: auto;
    width: 36px
}

.spotlightCarousel__1X8Aa .controls__1QRSg .leftArrow__1grMM:active svg, .spotlightCarousel__1X8Aa .controls__1QRSg .rightArrow__35CeO:active svg {
    opacity: .8
}

.spotlightCarousel__1X8Aa .controls__1QRSg .leftArrow__1grMM svg, .spotlightCarousel__1X8Aa .controls__1QRSg .rightArrow__35CeO svg {
    height: 28px;
    width: 28px
}

.spotlightCarousel__1X8Aa .controls__1QRSg .leftArrow__1grMM {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.spotlightCarousel__1X8Aa .controls__1QRSg .rightArrow__35CeO {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.spotlightCarousel__1X8Aa .controls__1QRSg .leftArrow__1grMM svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.spotlightCarousel__1X8Aa .controls__1QRSg .rightArrow__35CeO svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.spotlightCarousel__1X8Aa .counter__k5_WO {
    background: rgba(25, 31, 46, .8);
    border-radius: 18px;
    bottom: 130px;
    display: none;
    height: 28px;
    left: 50%;
    padding: 4.5px 5px;
    position: absolute;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

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

.spotlightCarousel__1X8Aa .counter__k5_WO .currentSpotlight__2gUJB {
    background: linear-gradient(45deg, #ff5858, #f857a6)
}

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

    .guest .spotlightCarousel__1X8Aa:hover .counter__k5_WO {
        bottom: 32px
    }
}

.enter__1pDEc {
    -webkit-animation: itemEnter__3rp6C .2s ease-in-out 0ms forwards;
    animation: itemEnter__3rp6C .2s ease-in-out 0ms forwards
}

.enter__1pDEc div > div > div {
    -webkit-animation: itemEnter__3rp6C .6s ease-in-out 0ms forwards, backgroundSlideLeft__2Xppd .6s ease-in-out 0ms forwards;
    animation: itemEnter__3rp6C .6s ease-in-out 0ms forwards, backgroundSlideLeft__2Xppd .6s ease-in-out 0ms forwards
}

.enter__1pDEc div > div > div:nth-child(3) {
    -webkit-animation: itemEnter__3rp6C .2s ease-in-out .65s forwards, slideLeft__3c8Bz .2s ease-in-out .65s forwards;
    animation: itemEnter__3rp6C .2s ease-in-out .65s forwards, slideLeft__3c8Bz .2s ease-in-out .65s forwards;
    opacity: 0
}

.enter__1pDEc div > div > img {
    -webkit-animation: itemEnter__3rp6C .2s ease-in-out .52s forwards;
    animation: itemEnter__3rp6C .2s ease-in-out .52s forwards;
    opacity: 0
}

.leave__2MkG4 {
    -webkit-animation: itemLeave__2aMd5 .2s ease-in-out .12s forwards;
    animation: itemLeave__2aMd5 .2s ease-in-out .12s forwards
}

.leave__2MkG4 div > div > div:nth-child(3) {
    -webkit-animation: itemLeave__2aMd5 .2s ease-in-out 60ms forwards;
    animation: itemLeave__2aMd5 .2s ease-in-out 60ms forwards
}

.leave__2MkG4 div > div > img {
    -webkit-animation: itemLeave__2aMd5 .2s ease-in-out forwards;
    animation: itemLeave__2aMd5 .2s ease-in-out forwards
}

@-webkit-keyframes itemLeave__2aMd5 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes itemLeave__2aMd5 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes itemEnter__3rp6C {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes itemEnter__3rp6C {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes slideLeft__3c8Bz {
    0% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideLeft__3c8Bz {
    0% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes backgroundSlideLeft__2Xppd {
    0% {
        background-position: 50% 50%
    }
    0% {
        background-position: 45% 50%
    }
}

@keyframes backgroundSlideLeft__2Xppd {
    0% {
        background-position: 50% 50%
    }
    0% {
        background-position: 45% 50%
    }
}

.spotlightApiError__31y-e {
    z-index: 1
}

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

.spotlightImage__2WB_U {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%
}

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

.detail__W_prZ {
    margin: 0 auto;
    padding: 16px 28px 0;
    text-align: center;
    width: 100%
}

@media screen and (min-width: 800px) {
    .detail__W_prZ {
        padding-top: 27px;
        text-align: left;
        text-align: initial
    }
}

@media screen and (min-width: 960px) {
    .detail__W_prZ {
        padding-left: 42px
    }
}

@media screen and (min-width: 1280px) {
    .detail__W_prZ {
        padding-left: 56px
    }
}

@media screen and (min-width: 1600px) {
    .detail__W_prZ {
        padding-left: 149px
    }
}

.labels__2uKCe {
    margin-bottom: 8px
}

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

@media screen and (min-width: 800px) {
    .headerContainer__Yn7fV {
        max-width: 520px
    }
}

@media screen and (min-width: 960px) {
    .headerContainer__Yn7fV {
        max-width: 621px
    }
}

.copy__2j86V {
    margin: 20px auto;
    max-width: 296px
}

@media screen and (min-width: 600px) {
    .copy__2j86V {
        max-width: 433px
    }
}

@media screen and (min-width: 800px) {
    .copy__2j86V {
        margin: 20px 0;
        max-width: 372px
    }
}

@media screen and (min-width: 960px) {
    .copy__2j86V {
        max-width: 432px
    }
}

@media screen and (min-width: 1280px) {
    .copy__2j86V {
        max-width: 512px
    }
}

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

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

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

.learnMoreLink__G2wkK {
    cursor: pointer;
    display: inline;
    text-transform: none
}

.skeleton__3hmOY {
    height: 100%;
    margin-top: 27px;
    width: 100%
}

.awardAlert__3PiwB {
    position: fixed !important;
    z-index: 999
}

.onboardingWrapper__1r0Yx {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

@media screen and (min-width: 1280px) {
    .onboardingWrapper__1r0Yx {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.onboarding__3cWsM {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #2757a5;
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    margin: 10% auto 16px;
    max-width: 100%;
    min-height: 357px;
    padding-bottom: 16px;
    position: fixed;
    right: 0;
    top: 0;
    width: 320px;
    z-index: 2000
}

@media (max-width: 1024px) and (orientation: landscape) {
    .onboarding__3cWsM {
        margin: 15px auto;
        position: relative
    }
}

@media screen and (min-width: 600px) {
    .onboarding__3cWsM {
        width: 440px
    }
}

.onboarding__3cWsM .label__2vOju {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2
}

.onboarding__3cWsM .gallery__3tPBW {
    overflow: hidden
}

.onboarding__3cWsM .gallery__3tPBW .onboardingImage__3GGTf {
    height: 166px;
    position: relative
}

.onboarding__3cWsM .gallery__3tPBW .onboardingImage__3GGTf.onCarousel__3E0oA {
    margin: -var(--spacing-xxs)
}

.onboarding__3cWsM .gallery__3tPBW .onboardingImage__3GGTf .image__2P0ZA {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.onboarding__3cWsM .gallery__3tPBW .onboardingCounter__q0UfG {
    background-color: #161920;
    border-radius: 12px;
    bottom: 5px;
    height: 16px;
    left: 50%;
    opacity: .8;
    right: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.onboarding__3cWsM .closeButton__3dyKA {
    -ms-flex-item-align: end;
    align-self: flex-end;
    height: 24px;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 24px;
    z-index: 2002
}

.onboarding__3cWsM .description__DHL0- {
    min-height: 90px;
    padding: 8px 20px 0
}

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

@media screen and (min-width: 800px) {
    .onboarding__3cWsM .description__DHL0- .title__1PSCG {
        font-size: 20px
    }
}

@media screen and (min-width: 1280px) {
    .onboarding__3cWsM .description__DHL0- .title__1PSCG {
        font-size: 22px
    }
}

.onboarding__3cWsM .description__DHL0- .title__1PSCG {
    overflow: hidden;
    text-align: center
}

.onboarding__3cWsM .description__DHL0- .copy__30n0u {
    line-height: 22px;
    margin-bottom: 16px;
    margin-top: 12px;
    min-height: 48px;
    overflow: hidden
}

.onboarding__3cWsM .ctas__3BNnd {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: 12px 16px 0
}

.onboarding__3cWsM .ctas__3BNnd .button__1OiPr {
    margin: 0;
    width: 300px
}

.onboarding__3cWsM .ctas__3BNnd .button__1OiPr .errorIcon__PRlvJ {
    height: 24px;
    width: 24px
}

.onboarding__3cWsM .ctas__3BNnd .button__1OiPr .loadingIcon__TSHxi {
    margin-right: 5px
}

.onboarding__3cWsM .ctas__3BNnd .button__1OiPr .checkmarkIcon__3y9Qm {
    fill: #fff;
    background: #008907;
    border-radius: 90%;
    height: 20px;
    margin: 0 5px 0 0;
    padding: 2px;
    width: 20px
}

.joyceHelper__YV-uy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 0;
    margin-left: 20px;
    position: fixed
}

@media (max-width: 600px) and (orientation: landscape) {
    .joyceHelper__YV-uy {
        display: none
    }
}

@media screen and (min-width: 600px) {
    .joyceHelper__YV-uy {
        bottom: 0;
        margin-bottom: 25px;
        margin-left: 44px
    }
}

@media screen and (min-width: 800px) {
    .joyceHelper__YV-uy {
        bottom: auto;
        margin-bottom: 29px;
        margin-left: 28px;
        top: 500px
    }
}

@media screen and (min-width: 1600px) {
    .joyceHelper__YV-uy {
        margin-bottom: 41px;
        margin-left: 153px
    }
}

.joyceHelper__YV-uy.fixed__2P6FY {
    position: fixed
}

.joyceHelper__YV-uy img {
    height: 132px;
    width: 149px
}

@media screen and (min-width: 600px) {
    .joyceHelper__YV-uy img {
        height: 210px;
        width: 237px
    }
}

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

.interstitialCarousel__27IhU .controls__1uDxZ {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    fill: #fff;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    height: 166px;
    justify-content: space-between;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.interstitialCarousel__27IhU .controls__1uDxZ .leftArrow__2a44Y, .interstitialCarousel__27IhU .controls__1uDxZ .rightArrow__2Eljz {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    justify-content: center;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px
}

.interstitialCarousel__27IhU .controls__1uDxZ .leftArrow__2a44Y:active svg, .interstitialCarousel__27IhU .controls__1uDxZ .rightArrow__2Eljz:active svg {
    opacity: .8
}

.interstitialCarousel__27IhU .controls__1uDxZ .leftArrow__2a44Y svg, .interstitialCarousel__27IhU .controls__1uDxZ .rightArrow__2Eljz svg {
    height: 100%;
    width: 100%
}

.interstitialCarousel__27IhU .controls__1uDxZ .leftArrow__2a44Y {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    left: 0
}

.interstitialCarousel__27IhU .controls__1uDxZ .rightArrow__2Eljz {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    right: 0
}

.interstitialCarousel__27IhU .controls__1uDxZ .leftArrow__2a44Y svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.interstitialCarousel__27IhU .controls__1uDxZ .rightArrow__2Eljz svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.onboardingCoverV2__1ON50 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1
}

@media screen and (min-width: 600px) {
    .onboardingCoverV2__1ON50 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.onboardingCoverV2__1ON50.topLeft__1UXC1 {
    clip-path: polygon(0 0, 0 100%, calc(50% - 172px) 100%, calc(50% - 172px) 1020px, 50% 1020px, 50% 1080px, 0 1080px, 0 100%, 100% 100%, 100% 0)
}

@media screen and (min-width: 800px) {
    .onboardingCoverV2__1ON50.topLeft__1UXC1 {
        clip-path: polygon(0 0, 0 100%, calc(50% - 244px) 100%, calc(50% - 244px) 612px, 50% 612px, 50% 670px, 0 670px, 0 100%, 100% 100%, 100% 0)
    }
}

@media screen and (min-width: 1280px) {
    .onboardingCoverV2__1ON50.topLeft__1UXC1 {
        clip-path: polygon(0 0, 0 100%, calc(50% - 286px) 100%, calc(50% - 286px) 612px, 50% 612px, 50% 670px, 0 670px, 0 100%, 100% 100%, 100% 0)
    }
}

.onboardingCoverV2__1ON50.topRight__WnV6k {
    clip-path: polygon(0 0, 0 100%, 50% 100%, 50% 1020px, calc(50% + 172px) 1020px, calc(50% + 172px) 1080px, 0 1080px, 0 100%, 100% 100%, 100% 0)
}

@media screen and (min-width: 800px) {
    .onboardingCoverV2__1ON50.topRight__WnV6k {
        clip-path: polygon(0 0, 0 100%, 50% 100%, 50% 612px, calc(50% + 244px) 612px, calc(50% + 244px) 670px, 0 670px, 0 100%, 100% 100%, 100% 0)
    }
}

@media screen and (min-width: 1280px) {
    .onboardingCoverV2__1ON50.topRight__WnV6k {
        clip-path: polygon(0 0, 0 100%, 50% 100%, 50% 612px, calc(50% + 286px) 612px, calc(50% + 286px) 670px, 0 670px, 0 100%, 100% 100%, 100% 0)
    }
}

.onboardingCoverV2__1ON50 .onboardingWrapper__1r0Yx {
    -webkit-box-pack: initial !important;
    -ms-flex-pack: initial !important;
    background: rgba(0, 0, 0, .5);
    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);
    justify-content: normal !important;
    padding: 12px 16px
}

.onboardingCoverV2__1ON50 .onboardingWrapper__1r0Yx .onboarding__3cWsM {
    background: #22447d;
    border-radius: 4px;
    position: relative
}

@media screen and (min-width: 600px) {
    .onboardingCoverV2__1ON50 .onboardingWrapper__1r0Yx .onboarding__3cWsM {
        width: 472px
    }
}

.onboardingCoverV2__1ON50 .onboardingWrapper__1r0Yx .onboarding__3cWsM .onboardingImage__3GGTf {
    background: #2757a5;
    height: 146px
}

@media screen and (min-width: 600px) {
    .onboardingCoverV2__1ON50 .onboardingWrapper__1r0Yx .onboarding__3cWsM .onboardingImage__3GGTf {
        height: 216px
    }
}

.onboardingCoverV2__1ON50 .onboardingWrapper__1r0Yx .onboarding__3cWsM .copy__30n0u {
    text-align: center
}

.onboardingCoverV2__1ON50 .onboardingWrapper__1r0Yx .onboarding__3cWsM .ctas__3BNnd {
    margin-top: 0
}

.onboardingCoverV2__1ON50 .onboardingWrapper__1r0Yx .onboarding__3cWsM .ctas__3BNnd .button__1OiPr {
    width: auto
}

.onboardingCoverV2__1ON50 .onboardingWrapper__1r0Yx .onboarding__3cWsM:after {
    border: 17px solid transparent;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.onboardingCoverV2__1ON50 .onboardingWrapper__1r0Yx .onboarding__3cWsM.topLeft__1UXC1:after, .onboardingCoverV2__1ON50 .onboardingWrapper__1r0Yx .onboarding__3cWsM.topRight__WnV6k:after {
    border-bottom-color: #2757a5;
    top: -34px
}

.onboardingCoverV2__1ON50 .onboardingWrapper__1r0Yx .onboarding__3cWsM.topRight__WnV6k:after {
    right: 70px
}

.onboardingCoverV2__1ON50 .onboardingWrapper__1r0Yx .onboarding__3cWsM.topLeft__1UXC1:after {
    left: 70px
}

.onboardingCoverV2__1ON50 .description__DHL0- {
    min-height: 90px;
    padding: 20px 20px 0
}

.onboardingCoverV2__1ON50 .stepPips__2nNKi {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 16px
}

.onboardingCoverV2__1ON50 .stepPips__2nNKi .pip__3sNbn {
    background: rgba(153, 182, 207, .52);
    border-radius: 90%;
    height: 7px;
    margin: 5px;
    width: 7px
}

.onboardingCoverV2__1ON50 .stepPips__2nNKi .pip__3sNbn.currentPip__38xca {
    background: linear-gradient(45deg, #ff5858, #f857a6)
}

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

.award__2wRJF.album__16O4f .albumIcon__3lnZL {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-90%);
    transform: translateY(-90%);
    width: 104px;
    z-index: -1
}

@media screen and (min-width: 800px) {
    .award__2wRJF.album__16O4f .albumIcon__3lnZL {
        width: 170px
    }
}

&
.checkmark__2uc13 {
    height: 145px;
    width: 145px
}

@-webkit-keyframes rotate__1YO1L {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate__1YO1L {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes fadeIn__5Siai {
    0%, 40% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn__5Siai {
    0%, 40% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes scaleFadeIn__1KPuz {
    0%, 20% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleFadeIn__1KPuz {
    0%, 20% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scaleFadeInBadge__eh2wQ {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50%) scale(.5);
        transform: translateX(-50%) scale(.5)
    }
    80% {
        opacity: 1;
        -webkit-transform: translateX(-50%) scale(1.2);
        transform: translateX(-50%) scale(1.2)
    }
    to {
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1)
    }
}

@keyframes scaleFadeInBadge__eh2wQ {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50%) scale(.5);
        transform: translateX(-50%) scale(.5)
    }
    80% {
        opacity: 1;
        -webkit-transform: translateX(-50%) scale(1.2);
        transform: translateX(-50%) scale(1.2)
    }
    to {
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1)
    }
}

@-webkit-keyframes moveUpFadeIn__6joZP {
    0%, 40% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes moveUpFadeIn__6joZP {
    0%, 40% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes wrapperFadeIn__2xLxh {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes wrapperFadeIn__2xLxh {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes shieldFadeIn__12Siv {
    0% {
        opacity: 0
    }
    80% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes shieldFadeIn__12Siv {
    0% {
        opacity: 0
    }
    80% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.goatWrapper__2lG4W {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation-duration: .24s;
    animation-duration: .24s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: wrapperFadeIn__2xLxh;
    animation-name: wrapperFadeIn__2xLxh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.overflow__2jxju {
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%
}

.content__2Dm5- {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    color: #f0faff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    justify-content: center;
    line-height: 1.52;
    min-height: 320px;
    min-width: 272px;
    overflow: hidden;
    padding: 28px;
    position: relative;
    text-align: center
}

.content__2Dm5- .header__2_l0X {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 31px;
    font-weight: 500
}

@media screen and (min-width: 800px) {
    .content__2Dm5- .header__2_l0X {
        font-size: 34px
    }
}

@media screen and (min-width: 1280px) {
    .content__2Dm5- .header__2_l0X {
        font-size: 38px
    }
}

.content__2Dm5- .copy__2r2TF, .content__2Dm5- .header__2_l0X {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: scaleFadeIn__1KPuz;
    animation-name: scaleFadeIn__1KPuz
}

.content__2Dm5- .sparklesParent__1CQJe, .content__2Dm5- .sunburstParent__jukaF {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.content__2Dm5- .sunburstParent__jukaF {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: fadeIn__5Siai;
    animation-name: fadeIn__5Siai;
    height: 360px;
    width: 360px
}

.content__2Dm5- .sparklesParent__1CQJe {
    height: 280px;
    width: 280px
}

.content__2Dm5- .sunburst__3Yhoo {
    -webkit-animation: rotate__1YO1L 120s linear infinite;
    animation: rotate__1YO1L 120s linear infinite;
    height: 100%;
    opacity: .3;
    position: relative;
    width: 100%
}

.content__2Dm5- .award__31ugw {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 12px auto 16px;
    min-height: 136px;
    position: relative;
    width: 136px
}

.content__2Dm5- .animateIn__ttA7d {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: scaleFadeInBadge__eh2wQ;
    animation-name: scaleFadeInBadge__eh2wQ;
    -webkit-animation-timing-function: cubic-bezier(0, 1.15, .57, 1.39);
    animation-timing-function: cubic-bezier(0, 1.15, .57, 1.39);
    height: 100%;
    left: 50%;
    position: relative;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%
}

.content__2Dm5- .okCTA__eRiZ4 {
    -ms-flex-negative: 0;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: moveUpFadeIn__6joZP;
    animation-name: moveUpFadeIn__6joZP;
    flex-shrink: 0;
    font-size: 20px;
    margin-top: 16px;
    z-index: 1
}

.content__2Dm5- .gameName__38oOm {
    height: 24px
}

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

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

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

.content__2Dm5- .subCopy__3N6id {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 20px
}

@media screen and (min-width: 800px) {
    .content__2Dm5- .subCopy__3N6id {
        font-size: 16px;
        line-height: 22px
    }
}

@media screen and (min-width: 1280px) {
    .content__2Dm5- .subCopy__3N6id {
        font-size: 18px;
        line-height: 24px
    }
}

.content__2Dm5- .subheader__1acZA {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 18px
}

@media screen and (min-width: 800px) {
    .content__2Dm5- .subheader__1acZA {
        font-size: 15px;
        line-height: 19px
    }
}

@media screen and (min-width: 1280px) {
    .content__2Dm5- .subheader__1acZA {
        font-size: 16px;
        line-height: 20px
    }
}

.content__2Dm5- .subheader__1acZA {
    text-align: center
}

.content__2Dm5- .pogisEarned__-AENi {
    margin-top: 4px
}

.content__2Dm5- .pogiCount__3Zwh5 {
    margin: 12px 0 !important
}

.content__2Dm5- .pogiCount__3Zwh5 pogicountbackground {
    height: 35px !important;
    padding: 4px 16px;
    width: 142px
}

.content__2Dm5- .pogiCount__3Zwh5 pogicountbackground div {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500
}

@media screen and (min-width: 800px) {
    .content__2Dm5- .pogiCount__3Zwh5 pogicountbackground div {
        font-size: 20px
    }
}

@media screen and (min-width: 1280px) {
    .content__2Dm5- .pogiCount__3Zwh5 pogicountbackground div {
        font-size: 22px
    }
}

.content__2Dm5- .pogiCount__3Zwh5 pogicountbackground div {
    margin: 0 auto
}

.content__2Dm5- .pogiCount__3Zwh5 pogicountbackground ~ img {
    width: 36px
}

@media screen and (min-width: 600px) {
    .content__2Dm5- {
        font-size: 32px;
        line-height: 1.5
    }

    .content__2Dm5- .award__31ugw {
        min-height: 164px;
        width: 164px
    }

    .content__2Dm5- .pogisEarned__-AENi {
        margin-top: 12px
    }

    .content__2Dm5- .pogiCount__3Zwh5 {
        height: 48px !important;
        margin: 12px 0 20px !important
    }

    .content__2Dm5- .pogiCount__3Zwh5 pogicountwrap > div {
        display: block
    }

    .content__2Dm5- .pogiCount__3Zwh5 pogicountbackground {
        height: 48px !important;
        width: 164px !important
    }

    .content__2Dm5- .pogiCount__3Zwh5 pogicountbackground ~ img {
        left: -16px !important;
        width: 54px !important
    }

    .content__2Dm5- .okCTA__eRiZ4 {
        margin-top: 32px
    }
}

@media screen and (min-width: 800px) {
    .content__2Dm5- {
        min-height: 500px
    }

    .content__2Dm5- .sunburstParent__jukaF {
        height: 768px;
        width: 768px
    }

    .content__2Dm5- .sparklesParent__1CQJe {
        height: 500px;
        width: 500px
    }

    .content__2Dm5- .copy__2r2TF, .content__2Dm5- .favorite__er6RW {
        display: inline;
        display: initial
    }

    .content__2Dm5- .copy__2r2TF {
        height: 30px;
        margin: 6px auto
    }

    .content__2Dm5- .award__31ugw {
        margin: 24px auto 20px;
        min-height: 180px;
        width: 180px
    }

    .content__2Dm5- .pogisEarned__-AENi {
        margin-top: 32px
    }

    .content__2Dm5- .pogiCount__3Zwh5 {
        height: 48px !important;
        margin: 16px 0 24px !important
    }

    .content__2Dm5- .pogiCount__3Zwh5 pogicountwrap > div {
        display: block
    }

    .content__2Dm5- .pogiCount__3Zwh5 pogicountbackground {
        height: 54px !important;
        width: 183px !important
    }

    .content__2Dm5- .pogiCount__3Zwh5 pogicountbackground ~ img {
        left: -26px !important;
        width: 60px !important
    }
}

@media screen and (min-width: 1280px) {
& .copy__2r2TF {
    height: 33px;
    margin: 12px auto 0
}

& .award__31ugw {
      margin: 12px auto 16px !important;
      min-height: 220px !important;
      width: 220px !important
  }
}

.exclude__-ZTJB {
    display: none
}

.fixed__30CVp {
    position: fixed !important;
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px);
    z-index: 5000
}

.container__2KNJu {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.container__2KNJu > * {
    left: 50%;
    margin: 0 auto;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@-webkit-keyframes bounceIn__1GH6Z {
    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__1GH6Z {
    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)
    }
}

@-webkit-keyframes fadeIn__s6hIu {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn__s6hIu {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut__2aPH_ {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut__2aPH_ {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@media screen and (min-width: 600px) {
    .exclude__-ZTJB {
        display: block
    }
}

.pogiWrap__1AS3c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    margin-right: 16px;
    position: relative;
    width: auto
}

@media screen and (min-width: 600px) {
    .pogiWrap__1AS3c {
        margin-right: 24px
    }
}

.pogiWrap__1AS3c pogicountwrap {
    display: block
}

.pogiWrap__1AS3c .pogiPoints__1Vw4U pogicountbackground {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    margin: 0
}

.pogiWrap__1AS3c .pogiPoints__1Vw4U strong {
    padding-right: 16px
}

@media screen and (min-width: 1600px) {
    .pogiWrap__1AS3c .pogiPoints__1Vw4U strong {
        margin-top: 1px
    }

    .pogiWrap__1AS3c .pogiPoints__1Vw4U img {
        width: 39px
    }
}

.pogiWrap__1AS3c .pogiGiftIcon__32x6j {
    height: 50%;
    width: 50%
}

.pogiWrap__1AS3c .pogiCheckmark__1wDJz {
    height: 14px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 28px
}

@media screen and (min-width: 1280px) {
    .pogiWrap__1AS3c .pogiCheckmark__1wDJz {
        height: 42px;
        width: 42px
    }
}

.pogiWrap__1AS3c.seasons__3_Dq- {
    margin-right: 0
}

.pogiWrap__1AS3c.seasons__3_Dq- pogicountwrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto
}

.pogiWrap__1AS3c.seasons__3_Dq- pogicountwrap img {
    left: -15px;
    top: -4px;
    -webkit-transform: none;
    -webkit-transform: initial;
    transform: none;
    width: 46px
}

@media screen and (min-width: 800px) {
    .pogiWrap__1AS3c.seasons__3_Dq- pogicountwrap img {
        left: -25px;
        top: -10px;
        width: 65px
    }
}

.pogiWrap__1AS3c.seasons__3_Dq- pogicountwrap pogicountbackground {
    height: 38px;
    padding: 0 40px
}

@media screen and (min-width: 800px) {
    .pogiWrap__1AS3c.seasons__3_Dq- pogicountwrap pogicountbackground {
        height: 50px;
        padding: 0 10px 0 52px
    }
}

.pogiCheckmark__1wDJz {
    fill: #f0faff;
    color: #f0faff
}

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