/*! 
 (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 
*/

/*! 
 (c) 2018 Electronic Arts Inc.
 Open source credits can be found at https://www.pogo.com/static/licenses.txt 
*/

.club .joinClub__1C1nU {
    display: none !important
}

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

.drawerItem__sZRUZ .dropdownIcon__3-3eX {
    fill: #fff;
    -ms-flex-item-align: center;
    align-self: center;
    display: inline-block;
    height: 16px;
    margin-left: auto;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    width: 16px
}

.drawerItem__sZRUZ .dropdownIcon__3-3eX.selected__1TdAZ {
    fill: #f857a6;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.drawerItem__sZRUZ .meatball__HCJ9n {
    position: absolute;
    right: 20px;
    top: 14px
}

.drawerIcon__37kh_ {
    display: inline-block;
    height: 26px;
    margin-right: 14px;
    vertical-align: bottom;
    width: 26px
}

.headerIcon__1VC7z {
    height: 24px;
    width: 24px
}

.categoryItem__1c2GD {
    padding: 0 60px !important
}

.categoryItem__1c2GD>div {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    color: #b1b8c8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    justify-content: space-between;
    text-transform: capitalize;
    width: 100%
}

.transitionDrawer__mT8EC {
    max-width: 100%;
    position: absolute;
    top: 0;
    width: 360px;
    z-index: 2
}

.drawerEnter__URNGk {
    -webkit-animation: .3s ease forwards;
    animation: .3s ease forwards
}

.drawerEnter__URNGk.left__3CY56 {
    -webkit-animation-name: drawerEnterLeft__2ktCG;
    animation-name: drawerEnterLeft__2ktCG
}

.drawerEnter__URNGk.right__3QeAK {
    -webkit-animation-name: drawerEnterRight__28nYv;
    animation-name: drawerEnterRight__28nYv
}

@media screen and (min-width:360px) {
    .drawerEnter__URNGk {
        -webkit-animation: .3s ease forwards;
        animation: .3s ease forwards
    }
    .drawerEnter__URNGk.left__3CY56 {
        -webkit-animation-name: drawerEnterDesktopLeft__2tm8R;
        animation-name: drawerEnterDesktopLeft__2tm8R
    }
    .drawerEnter__URNGk.right__3QeAK {
        -webkit-animation-name: drawerEnterDesktopRight__QAGKW;
        animation-name: drawerEnterDesktopRight__QAGKW
    }
}

.drawerLeave__2P78z {
    -webkit-animation: .3s ease forwards;
    animation: .3s ease forwards
}

.drawerLeave__2P78z.left__3CY56 {
    -webkit-animation-name: drawerLeaveLeft__EJMDc;
    animation-name: drawerLeaveLeft__EJMDc
}

.drawerLeave__2P78z.right__3QeAK {
    -webkit-animation-name: drawerLeaveRight__1Rjti;
    animation-name: drawerLeaveRight__1Rjti
}

@media screen and (min-width:360px) {
    .drawerLeave__2P78z {
        -webkit-animation: .3s ease forwards;
        animation: .3s ease forwards
    }
    .drawerLeave__2P78z.left__3CY56 {
        -webkit-animation-name: drawerLeaveDesktopLeft__3J7pB;
        animation-name: drawerLeaveDesktopLeft__3J7pB
    }
    .drawerLeave__2P78z.right__3QeAK {
        -webkit-animation-name: drawerLeaveDesktopRight__ohfL1;
        animation-name: drawerLeaveDesktopRight__ohfL1
    }
}

@-webkit-keyframes drawerEnterRight__28nYv {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(-320px, 0, 0);
        transform: translate3d(-320px, 0, 0)
    }
}

@keyframes drawerEnterRight__28nYv {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(-320px, 0, 0);
        transform: translate3d(-320px, 0, 0)
    }
}

@-webkit-keyframes drawerEnterLeft__2ktCG {
    0% {
        -webkit-transform: translate3d(-320px, 0, 0);
        transform: translate3d(-320px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes drawerEnterLeft__2ktCG {
    0% {
        -webkit-transform: translate3d(-320px, 0, 0);
        transform: translate3d(-320px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes drawerLeaveRight__1Rjti {
    0% {
        -webkit-transform: translate3d(-320px, 0, 0);
        transform: translate3d(-320px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes drawerLeaveRight__1Rjti {
    0% {
        -webkit-transform: translate3d(-320px, 0, 0);
        transform: translate3d(-320px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes drawerLeaveLeft__EJMDc {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(-320px, 0, 0);
        transform: translate3d(-320px, 0, 0)
    }
}

@keyframes drawerLeaveLeft__EJMDc {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(-320px, 0, 0);
        transform: translate3d(-320px, 0, 0)
    }
}

@-webkit-keyframes drawerEnterDesktopRight__QAGKW {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(-360px, 0, 0);
        transform: translate3d(-360px, 0, 0)
    }
}

@keyframes drawerEnterDesktopRight__QAGKW {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(-360px, 0, 0);
        transform: translate3d(-360px, 0, 0)
    }
}

@-webkit-keyframes drawerEnterDesktopLeft__2tm8R {
    0% {
        -webkit-transform: translate3d(-360px, 0, 0);
        transform: translate3d(-360px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes drawerEnterDesktopLeft__2tm8R {
    0% {
        -webkit-transform: translate3d(-360px, 0, 0);
        transform: translate3d(-360px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes drawerLeaveDesktopRight__ohfL1 {
    0% {
        -webkit-transform: translate3d(-360px, 0, 0);
        transform: translate3d(-360px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes drawerLeaveDesktopRight__ohfL1 {
    0% {
        -webkit-transform: translate3d(-360px, 0, 0);
        transform: translate3d(-360px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes drawerLeaveDesktopLeft__3J7pB {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(-360px, 0, 0);
        transform: translate3d(-360px, 0, 0)
    }
}

@keyframes drawerLeaveDesktopLeft__3J7pB {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(-360px, 0, 0);
        transform: translate3d(-360px, 0, 0)
    }
}

.drawerHolder__3gS5H {
    height: 62px;
    z-index: 2
}

@media screen and (min-width:960px) {
    .drawerHolder__3gS5H {
        height: 62px
    }
}

.drawerHolder__3gS5H .drawer__KjMZL {
    background: #161920;
    max-width: 100%;
    position: absolute;
    width: 360px;
    z-index: 2
}

.drawerHolder__3gS5H .drawer__KjMZL.transitionAnimation__SQpQj {
    -webkit-transition: right .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: right .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, right .3s ease-in-out;
    transition: transform .3s ease-in-out, right .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.drawerHolder__3gS5H .drawer__KjMZL.left__1SF_P {
    -webkit-transform: translate3d(-360px, 0, 0);
    transform: translate3d(-360px, 0, 0)
}

.drawerHolder__3gS5H .drawer__KjMZL.left__1SF_P.open__1a284 {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.drawerHolder__3gS5H .drawer__KjMZL.left__1SF_P .closeIcon__3BDLo {
    margin-left: auto
}

.drawerHolder__3gS5H .drawer__KjMZL.right__2Raey:not(.avoidTransition__3I9w5) {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.drawerHolder__3gS5H .drawer__KjMZL.right__2Raey.open__1a284:not(.avoidTransition__3I9w5) {
    -webkit-transform: translate3d(-320px, 0, 0);
    transform: translate3d(-320px, 0, 0)
}

@media screen and (min-width:360px) {
    .drawerHolder__3gS5H .drawer__KjMZL.right__2Raey.open__1a284:not(.avoidTransition__3I9w5) {
        -webkit-transform: translate3d(-360px, 0, 0);
        transform: translate3d(-360px, 0, 0)
    }
}

.drawerHolder__3gS5H .drawer__KjMZL.right__2Raey:not(.avoidTransition__3I9w5) .closeIcon__3BDLo {
    margin-right: auto
}

.drawerHolder__3gS5H .drawer__KjMZL .closeIcon__3BDLo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -o-object-fit: contain;
    object-fit: contain;
    width: 28px
}

.drawerHolder__3gS5H .drawer__KjMZL .closeIcon__3BDLo path {
    fill: #fff
}

.drawerHolder__3gS5H .drawer__KjMZL .header__2cKrm {
    background: #000000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 62px;
    padding: 0 16px;
    width: 100%
}

@media screen and (min-width:960px) {
    .drawerHolder__3gS5H .drawer__KjMZL .header__2cKrm {
        height: 62px
    }
}

.drawerHolder__3gS5H .drawer__KjMZL .children__3MVe- {
    background: #292c37;
    height: calc(100vh - 62px) !important;
    overflow: auto;
    padding-bottom: 124px
}

@media screen and (min-width:960px) {
    .drawerHolder__3gS5H .drawer__KjMZL .children__3MVe- {
        height: calc(100vh - 62px) !important;
        padding-bottom: 124px
    }
}