@keyframes vip-anim-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes vip-anim-fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.vip-badge {
    background-image: url(../images/vip/sprite5.png);
    background-repeat: no-repeat;
    background-size: 236px auto;
    display: inline-block;
    float: left;
    height: 108px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 108px
}

.vip-badge.vip-badge--icon {
    cursor: pointer;
    height: 45px;
    line-height: 20px;
    width: 45px
}

.vip-badge.vip-badge--icon.vip-badge--nomsg {
    cursor: default
}

.content-slider .slide-open .vip-badge.vip-badge--icon,
.uninav-slider--open .vip-badge.vip-badge--icon {
    pointer-events: none
}

.vip-badge--none,
.vip-badge--player {
    background: 0;
    border-radius: 56px;
    height: 98px;
    margin: 5px;
    width: 98px
}

.vip-message .vip-badge--none,
.vip-message .vip-badge--player {
    margin: 5px
}

.vip-badge--icon.vip-badge--none,
.vip-badge--icon.vip-badge--player {
    border-radius: 22px;
    height: 40px;
    margin: 0;
    position: relative;
    top: 1px;
    transform: none;
    width: 40px
}

.vip-badge--bronze {
    background: #d68249
}

.vip-badge--silver {
    background: #afaeae
}

.vip-badge--gold {
    background: #ceab49
}

.vip-badge--platinum {
    background: #8b8a8a
}

.vip-badge--emerald {
    background: #53a564
}

.vip-badge--amethyst {
    background: #c36cd8
}

.vip-badge--sapphire {
    background: #6195f2
}

.vip-badge--ruby {
    background: #f46767
}

.vip-badge--diamond {
    background: #91acc9
}

.vip-badge--yellow_diamond {
    background: #c9bc1c
}

.vip-badge--black_diamond {
    background: #787777
}

.vip-badge--red_diamond {
    background: #c64242
}

.vip-badge--icon-change {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease
}

@keyframes vip-badge-change-bronze-silver {
    0% {
        background: #d68249
    }

    to {
        background: #afaeae
    }
}

.vip-badge--player.vip-badge--icon-change.vip-badge--icon-change-bronze-silver {
    animation-name: vip-badge-change-bronze-silver
}

@keyframes vip-badge-change-silver-gold {
    0% {
        background: #afaeae
    }

    to {
        background: #ceab49
    }
}

.vip-badge--player.vip-badge--icon-change.vip-badge--icon-change-silver-gold {
    animation-name: vip-badge-change-silver-gold
}

@keyframes vip-badge-change-gold-platinum {
    0% {
        background: #ceab49
    }

    to {
        background: #8b8a8a
    }
}

.vip-badge--player.vip-badge--icon-change.vip-badge--icon-change-gold-platinum {
    animation-name: vip-badge-change-gold-platinum
}

@keyframes vip-badge-change-platinum-emerald {
    0% {
        background: #8b8a8a
    }

    to {
        background: #53a564
    }
}

.vip-badge--player.vip-badge--icon-change.vip-badge--icon-change-platinum-emerald {
    animation-name: vip-badge-change-platinum-emerald
}

@keyframes vip-badge-change-emerald-amethyst {
    0% {
        background: #53a564
    }

    to {
        background: #c36cd8
    }
}

.vip-badge--player.vip-badge--icon-change.vip-badge--icon-change-emerald-amethyst {
    animation-name: vip-badge-change-emerald-amethyst
}

@keyframes vip-badge-change-amethyst-sapphire {
    0% {
        background: #c36cd8
    }

    to {
        background: #6195f2
    }
}

.vip-badge--player.vip-badge--icon-change.vip-badge--icon-change-amethyst-sapphire {
    animation-name: vip-badge-change-amethyst-sapphire
}

@keyframes vip-badge-change-sapphire-ruby {
    0% {
        background: #6195f2
    }

    to {
        background: #f46767
    }
}

.vip-badge--player.vip-badge--icon-change.vip-badge--icon-change-sapphire-ruby {
    animation-name: vip-badge-change-sapphire-ruby
}

@keyframes vip-badge-change-ruby-diamond {
    0% {
        background: #f46767
    }

    to {
        background: #91acc9
    }
}

.vip-badge--player.vip-badge--icon-change.vip-badge--icon-change-ruby-diamond {
    animation-name: vip-badge-change-ruby-diamond
}

@keyframes vip-badge-change-diamond-yellow_diamond {
    0% {
        background: #91acc9
    }

    to {
        background: #c9bc1c
    }
}

.vip-badge--player.vip-badge--icon-change.vip-badge--icon-change-diamond-yellow_diamond {
    animation-name: vip-badge-change-diamond-yellow_diamond
}

@keyframes vip-badge-change-yellow_diamond-black_diamond {
    0% {
        background: #c9bc1c
    }

    to {
        background: #787777
    }
}

.vip-badge--player.vip-badge--icon-change.vip-badge--icon-change-yellow_diamond-black_diamond {
    animation-name: vip-badge-change-yellow_diamond-black_diamond
}

@keyframes vip-badge-change-black_diamond-red_diamond {
    0% {
        background: #787777
    }

    to {
        background: #c64242
    }
}

.vip-badge--player.vip-badge--icon-change.vip-badge--icon-change-black_diamond-red_diamond {
    animation-name: vip-badge-change-black_diamond-red_diamond
}

.vip-badge--none {
    background: #989898
}

.vip-badge--star {
    background-position: -123px -153px;
    background-size: 236px auto
}

.vip-badge--icon.vip-badge--star {
    background-position: -50px -61px;
    background-size: 96px auto
}

.vip-badge--superstar {
    background-position: -6px -152px;
    background-size: 236px auto
}

.vip-badge--icon.vip-badge--superstar {
    background-position: -2px -62px;
    background-size: 96px auto
}

.vip-badge--vip {
    background-position: -5px -5px;
    background-size: 236px auto
}

.vip-badge--icon.vip-badge--vip {
    background-position: -2px -2px;
    background-size: 96px auto
}

.vip-badge--vip_elite {
    background-position: -123px -5px;
    background-size: 236px auto
}

.vip-badge--icon.vip-badge--vip_elite {
    background-position: -50px -2px;
    background-size: 96px auto
}

.vip-badge .vip-badge__name {
    background: transparent;
    border: 3px solid #fff;
    border-radius: 54px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-family: Open Sans, Verdana, monospace;
    font-size: 42px;
    font-weight: 400;
    height: calc(100% - 8px);
    line-height: 83px;
    margin: 4px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: calc(100% - 8px)
}

.vip-badge--icon .vip-badge__name {
    border-width: 1px;
    font-size: 16px;
    font-weight: 100;
    height: calc(100% - 4px);
    line-height: 34px;
    margin: 2px;
    width: calc(100% - 4px)
}

.vip-badge--star.vip-badge--icon .vip-badge__name,
.vip-badge--star.vip-badge--icon.vip-badge--device-mobile .vip-badge__name {
    border: 0;
    border-radius: 0;
    font-size: 15px;
    height: 100%;
    line-height: 40px;
    margin: 0;
    width: 100%
}

.vip-message,
.vip-message * {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.vip-message {
    position: relative
}

.vip-message--mode-pop-over {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: vip-message-popOver;
    left: 50%;
    margin-left: -599px;
    opacity: 0;
    position: absolute;
    transform: translate3d(0, -200%, 0);
    transform-origin: 50% 50%;
    transition: top 1s ease;
    width: 1198px;
    z-index: 1111100
}

@media (max-width:1197px) {
    .vip-message--mode-pop-over {
        left: 0;
        margin-left: 0;
        width: 100%
    }
}

.vip-message--mode-pop-over.vip-message--device-mobile {
    animation-name: vip-message-popOverMobile;
    left: 50%;
    margin-left: -160px;
    transform: translateZ(0);
    transform-origin: 50% 50%;
    width: 320px
}

@keyframes vip-message-popOver {
    0% {
        opacity: 0;
        transform: translate3d(0, -200%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 119px, 0)
    }
}

@keyframes vip-message-popOverMobile {
    0% {
        opacity: 0;
        transform: translate3d(0, -50px, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 119px, 0)
    }
}

@keyframes vip-message-popOverFadeOut {
    0% {
        opacity: 1;
        transform: none
    }

    to {
        opacity: 0;
        transform: none
    }
}

.vip-message--mode-pop-over.vip-message--hide {
    animation-duration: .2s;
    animation-name: vip-message-popOverFadeOut
}

.vip-message--mode-push-down,
.vip-message--mode-push-down-condensed {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: vip-message-pushDown;
    animation-timing-function: ease-out;
    background: #000;
    overflow: hidden;
    position: relative
}

@supports (-ms-ime-align:auto) {

    .vip-message--mode-push-down,
    .vip-message--mode-push-down-condensed {
        overflow: visible
    }
}

@keyframes vip-message-pushDown {
    0% {
        max-height: 0
    }

    to {
        max-height: 400px
    }
}

@keyframes vip-message-pushDownSlideOut {
    0% {
        max-height: 400px
    }

    to {
        max-height: 0
    }
}

.vip-message--mode-push-down-condensed.vip-message--hide,
.vip-message--mode-push-down.vip-message--hide {
    animation-duration: .5s;
    animation-name: vip-message-pushDownSlideOut;
    overflow: hidden
}

.vip-message .vip-message__shell {
    background: transparent url(../images/vip/accel-message-bg.png) 0 0 no-repeat;
    margin: 0 auto;
    min-height: 210px;
    overflow: hidden;
    padding: 13px
}

@media (min-width:1198px) {
    .vip-message .vip-message__shell {
        background-size: 1198px 100%;
        width: 1198px
    }
}

@media (max-width:1197px) {
    .vip-message .vip-message__shell {
        background-size: 100% 100%;
        min-height: 0;
        width: 100%
    }
}

.vip-message--mode-push-down-condensed.vip-message--device-mobile .vip-message__shell {
    min-height: 0
}

.vip-message--device-mobile .vip-message__shell {
    background: transparent;
    min-height: 210px;
    padding: 11px;
    width: 320px
}

.vip-message--decel .vip-message__shell {
    background: rgba(226, 35, 58, .86);
    border-radius: 20px
}

.vip-message--device-mobile .vip-message__shell:after,
.vip-message--device-mobile .vip-message__shell:before {
    background: transparent url(../images/vip/accel-message-bg-mobile3.png) top no-repeat;
    background-size: 320px auto;
    content: " ";
    left: 0;
    position: absolute;
    width: 100%
}

.vip-message--mode-push-down-condensed.vip-message--device-mobile .vip-message__shell:after,
.vip-message--mode-push-down-condensed.vip-message--device-mobile .vip-message__shell:before {
    background-image: url(../images/vip/accel-message-bg-mobile-condensed2.png)
}

.vip-message--device-mobile .vip-message__shell:before {
    height: 256px;
    top: 0
}

.vip-message--mode-push-down-condensed.vip-message--device-mobile .vip-message__shell:before {
    height: 141px
}

.vip-message--device-mobile .vip-message__shell:after {
    background-position: bottom;
    bottom: 0;
    top: 256px
}

.vip-message--mode-push-down-condensed.vip-message--device-mobile .vip-message__shell:after {
    top: 141px
}

.vip-message--decel.vip-message--device-mobile .vip-message__shell:after,
.vip-message--decel.vip-message--device-mobile .vip-message__shell:before {
    display: none
}

.vip-message--mode-push-down .vip-message__shell,
.vip-message--mode-push-down-condensed .vip-message__shell {
    animation: vip-anim-fadeIn .8s linear 0s
}

.vip-message--mode-push-down-condensed.vip-message--hide .vip-message__shell,
.vip-message--mode-push-down.vip-message--hide .vip-message__shell {
    animation: vip-anim-fadeOut .4s linear 0s
}

.vip-message .vip-message__body {
    border-radius: 20px;
    font-family: Open Sans, Verdana, sans-serif;
    height: 100%;
    overflow: hidden;
    padding: 0 0 16px;
    position: relative;
    text-align: center;
    z-index: 3
}

.vip-message--device-mobile .vip-message__body {
    background: #000 url(../images/vip/accel-message-bg-slice-mobile.png) -12px 0 repeat-x;
    background-size: 20px auto;
    border-radius: 12px;
    padding: 0 0 8px
}

.vip-message--mode-push-down-condensed.vip-message--device-mobile .vip-message__body {
    background-image: url(../images/vip/accel-message-bg-slice-mobile-condensed.png);
    padding: 0
}

.vip-message--decel .vip-message__body {
    background: #000 url(../images/vip/decel-message-bg-slice.png) -12px 0 repeat-x;
    background-size: 27px auto;
    border: 3px solid #ba0423;
    border-radius: 18px
}

.vip-message--decel.vip-message--device-mobile .vip-message__body {
    background: #000 url(../images/vip/decel-message-bg-slice-mobile.png) -12px 0 repeat-x;
    background-size: 23px auto;
    border-radius: 12px
}

.vip-message__slider {
    display: flex;
    flex-direction: column
}

.vip-message--device-mobile .vip-message__slider {
    display: block
}

.vip-message--mode-push-down-condensed.vip-message--device-mobile .vip-message__slider {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 320px;
    position: relative;
    transform: translateZ(0);
    width: 960px
}

.vip-message--mode-push-down-condensed.vip-message--device-mobile.vip-message--nopass .vip-message__slider {
    width: 1280px
}

.vip-message--mode-push-down-condensed.vip-message--device-mobile.vip-message--badge-anim-complete .vip-message__slider {
    animation: vip-message-slide1 .5s, vip-message-slide2 .5s;
    animation-delay: .5s, 4.5s;
    animation-fill-mode: forwards, forwards
}

.vip-message--mode-push-down-condensed.vip-message--device-mobile.vip-message--nopass .vip-message__slider {
    animation: vip-message-slide2 .5s, vip-message-slide3 .5s;
    animation-delay: 4.5s, 8.5s;
    animation-fill-mode: forwards, forwards;
    transform: translate3d(-320px, 0, 0)
}

@keyframes vip-message-slide1 {
    0% {
        transform: translateZ(0) skewX(-30deg)
    }

    60% {
        transform: translate3d(-192px) skewX(20deg)
    }

    80% {
        transform: translate3d(-256px) skewX(-5deg)
    }

    to {
        transform: translate3d(-320px, 0, 0)
    }
}

@keyframes vip-message-slide2 {
    0% {
        transform: translate3d(-320px, 0, 0) skewX(-30deg)
    }

    60% {
        transform: translate3d(-384px) skewX(20deg)
    }

    80% {
        transform: translate3d(-512px) skewX(-5deg)
    }

    to {
        transform: translate3d(-640px, 0, 0)
    }
}

@keyframes vip-message-slide3 {
    0% {
        transform: translate3d(-640px, 0, 0) skewX(-30deg)
    }

    60% {
        transform: translate3d(-576px) skewX(20deg)
    }

    80% {
        transform: translate3d(-768px) skewX(-5deg)
    }

    to {
        transform: translate3d(-960px, 0, 0)
    }
}

.vip-message__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 165px;
    padding-top: 12px;
    position: relative;
    z-index: 2
}

@media (max-width:1197px) {
    .vip-message__content {
        min-height: 135px
    }
}

.vip-message--device-mobile .vip-message__content {
    min-height: 248px;
    padding-top: 140px
}

.vip-message--device-mobile.vip-message--nopass .vip-message__content {
    padding-bottom: 50px;
    padding-top: 12px
}

.vip-message--mode-push-down-condensed.vip-message--device-mobile .vip-message__content {
    align-items: center;
    flex-direction: row;
    min-height: 170px;
    padding-bottom: 0;
    padding-top: 0;
    width: 640px
}

.vip-message .vip-message__header {
    color: #ffce20;
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    margin: 0;
    padding: 7px 300px 5px 50px;
    position: relative
}

@media (max-width:1197px) {
    .vip-message .vip-message__header {
        font-size: 19px;
        line-height: 22px;
        padding-right: 255px
    }
}

.vip-message--device-mobile .vip-message__header {
    font-size: 18px;
    line-height: 1.2;
    padding: 16px 10px
}

.vip-message--decel .vip-message__header {
    color: #e2233a
}

.vip-message .vip-message__text {
    color: #fff;
    font-size: 21px;
    font-weight: 100;
    line-height: 26px;
    margin: 0;
    padding: 0 300px 0 50px;
    position: relative;
    top: -2px
}

.vip-message .vip-message__text a {
    color: #fff;
    text-decoration: underline
}

@media (max-width:1197px) {
    .vip-message .vip-message__text {
        font-size: 18px;
        line-height: 19px;
        padding-right: 255px
    }
}

.vip-message--device-mobile .vip-message__text {
    font-size: 16px;
    line-height: 1.2;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 10px 2px;
    transition: max-height .4s linear, opacity .4s linear
}

.vip-message--device-mobile.vip-message--expanded .vip-message__text {
    max-height: 200px;
    opacity: 1
}

.vip-message--mode-push-down-condensed.vip-message--device-mobile .vip-message__text,
.vip-message--nopass.vip-message--device-mobile .vip-message__text {
    max-height: none;
    opacity: 1;
    overflow: visible
}

.vip-message--mode-push-down-condensed.vip-message--device-mobile .vip-message__header,
.vip-message--mode-push-down-condensed.vip-message--device-mobile .vip-message__text {
    float: left;
    margin: 0 20px 0 0;
    padding: 0 10px;
    width: 300px
}

.vip-message__expando {
    display: none
}

.vip-message--device-mobile .vip-message__expando {
    bottom: 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: 6px;
    position: absolute;
    right: 0
}

.vip-message--mode-push-down-condensed .vip-message__expando,
.vip-message--nopass .vip-message__expando {
    display: none
}

.vip-message--device-mobile .vip-message__expando:after {
    content: "+";
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 1px;
    width: 100%
}

.vip-message--device-mobile.vip-message--expanded .vip-message__expando:after {
    content: "-";
    top: 0
}

.vip-message__close,
.vip-message__info {
    background-image: url(../images/vip/sprite5.png);
    background-repeat: no-repeat;
    background-size: 236px auto;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    text-indent: 200%;
    white-space: nowrap;
    z-index: 5
}

.vip-message__close {
    background-position: -44px -123px;
    height: 29px;
    right: 14px;
    top: 15px;
    width: 29px
}

.vip-message--decel .vip-message__close {
    background-position: -5px -123px;
    right: 11px;
    top: 7px
}

.vip-message--device-mobile .vip-message__close {
    right: 3px;
    top: 4px
}

.vip-message__info {
    background-position: -83px -123px;
    height: 23px;
    left: 13px;
    top: 13px;
    width: 25px
}

.vip-message--decel .vip-message__info {
    background-position: -149px -123px;
    left: 9px;
    top: 10px
}

.vip-message--device-mobile .vip-message__info {
    left: 6px;
    top: 6px
}

.vip-message__badge,
.vip-message__nopass {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: absolute;
    right: 140px;
    top: 0;
    z-index: 3
}

.vip-message__nopass {
    right: 60px
}

@media (max-width:1197px) {
    .vip-message__badge {
        right: 100px
    }

    .vip-message__nopass {
        right: 15px
    }
}

.vip-message--device-mobile .vip-message__badge {
    height: 155px;
    right: 0;
    text-align: center;
    width: 100%
}

.vip-message--mode-push-down-condensed.vip-message--device-mobile .vip-message__badge {
    height: 100%;
    left: 0;
    right: auto;
    width: 300px
}

.vip-message--device-mobile .vip-message__nopass {
    bottom: 8px;
    height: 50px;
    right: 0;
    text-align: center;
    top: auto;
    width: 100%
}

.vip-message--mode-push-down-condensed.vip-message--device-mobile .vip-message__nopass {
    bottom: auto;
    height: 155px;
    left: 960px;
    top: 0;
    width: 300px
}

.vip-message__progress {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    opacity: 1;
    position: absolute;
    right: 94px;
    top: 3px;
    transition: opacity .4s ease-out;
    z-index: 2
}

@media (max-width:1197px) {
    .vip-message__progress {
        right: 54px
    }
}

.vip-message__progress--hide {
    opacity: 0
}

.vip-message__progress--anim-bulge {
    animation: vip-anim-progress-bulge .15s ease-out;
    animation-delay: .15s
}

@keyframes vip-anim-progress-bulge {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1)
    }

    to {
        transform: scaleX(1)
    }
}

.vip-message--device-mobile .vip-message__progress {
    height: 155px;
    right: 0;
    width: 100%
}

.vip-message--mode-push-down-condensed.vip-message--device-mobile .vip-message__progress {
    height: 100%;
    left: 0;
    right: auto;
    top: 0;
    width: 300px
}

.vip-message--device-mobile .vip-message__progress-body {
    height: 100%
}

.vip-message--device-mobile.vip-message--mode-push-down-condensed .vip-message__progress-body {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.vip-message .vip-message__nopass-btn {
    background: #229fd7;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 10px;
    border-radius: 20px;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .52);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Open Sans;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.42857143;
    margin-bottom: 0;
    padding: 7px 28px;
    position: relative;
    text-align: center;
    text-decoration: none;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

@media (max-width:1197px) {
    .vip-message .vip-message__nopass-btn {
        font-size: 17px;
        padding: 7px 12px
    }
}

.vip-message--device-mobile .vip-message__nopass-btn {
    font-size: 18px;
    margin: 0 22px;
    padding: 7px 14px
}

button.vip-message__nopass-btn {
    -webkit-appearance: button
}

.vip-message__nopass-btn:active.focus,
.vip-message__nopass-btn:active:focus,
.vip-message__nopass-btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.vip-badge-flip,
.vip-badge-flip * {
    margin: 0;
    padding: 0
}

.vip-badge-flip {
    display: block;
    height: 108px;
    position: relative;
    text-align: center;
    transform-origin: 50% 50%;
    transform-style: preserve-3d;
    width: 108px
}

.vip-uninav-badge-flip .vip-badge-flip {
    height: 40px;
    width: 44px
}

.vip-badge-flip--animated {
    transition: transform .4s ease
}

.vip-badge-flip.vip-badge-flip--no-preserve3d {
    pointer-events: none;
    transform-style: flat
}

.vip-badge-flip__backface,
.vip-badge-flip__backface:after,
.vip-badge-flip__frontface,
.vip-badge-flip__frontface:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.vip-badge-flip--frontface {
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(2px)
}

.vip-badge-flip--animated .vip-badge-flip__frontface {
    transition: transform .8s ease
}

.vip-badge-flip--animated.vip-badge-flip--no-preserve3d .vip-badge-flip__frontface {
    transition: transform 1.6s ease, z-index 1.6s ease, opacity 1.6s ease
}

.vip-badge-flip__backface {
    overflow: hidden;
    transform: translateZ(-2px) rotateX(180deg)
}

.vip-uninav-badge-flip .vip-badge-flip__backface {
    overflow: visible;
    transform: translateZ(-2px) rotateX(180deg)
}

.vip-badge-flip--no-preserve3d .vip-badge-flip__backface {
    opacity: 0;
    transform: rotateX(180deg)
}

.vip-badge-flip--no-preserve3d.vip-badge-flip--animated .vip-badge-flip__backface {
    transition: opacity 1.6s ease
}

.vip-badge-flip--no-preserve3d .vip-badge-flip__frontface,
.vip-badge-flip--no-preserve3d.vip-badge-flip--is-flipped .vip-badge-flip__backface {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    opacity: 1;
    z-index: 2
}

.vip-badge-flip--no-preserve3d .vip-badge-flip__backface,
.vip-badge-flip--no-preserve3d.vip-badge-flip--is-flipped .vip-badge-flip__frontface {
    opacity: 0;
    z-index: 1
}

.vip-badge-flip--no-preserve3d.vip-badge-flip--is-flipped .vip-badge-flip__frontface {
    transform: translateZ(-2px)
}

.vip-badge-flip .vip-badge-flip__backface,
.vip-badge-flip--no-preserve3d .vip-badge-flip__backface,
.vip-uninav-badge-flip .vip-badge-flip__backface {
    transform: translateZ(-2px) rotateY(180deg)
}

.vip-badge-flip--is-flipped {
    transform: rotateY(180deg)
}

.vip-badge-flip .vip-badge-flip__flash {
    background: #ecebed;
    border-radius: 70px;
    height: 102px;
    left: 0;
    margin: 3px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 102px;
    z-index: 2
}

.vip-badge-flip__flash--animated {
    animation-delay: .2s;
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-name: vip-badge-flip-animFlash;
    box-shadow: 0 0 2px 2px hsla(270, 5%, 93%, .7)
}

.vip-uninav-badge-flip .vip-badge-flip__flash {
    height: 40px;
    margin: 2px;
    width: 44px
}

.vip-uninav-badge-flip .vip-badge-flip__flash--animated {
    animation-delay: 0
}

@keyframes vip-badge-flip-animFlash {
    0% {
        opacity: 0
    }

    22% {
        opacity: 1
    }

    45% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.vip-uninav-badge-flip {
    animation: vip-uninav-badge-flip-startAnim .4s ease-out;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    float: left;
    position: relative;
    z-index: 110
}

.vip-uninav-badge-flip--out {
    animation-delay: 0s;
    animation-duration: .3s;
    animation-name: vip-uninav-badge-flip-endAnim
}

@keyframes vip-uninav-badge-flip-startAnim {
    0% {
        transform: translateZ(0) scaleX(1)
    }

    to {
        transform: translate3d(0, 10px, 0) scale3d(1.2, 1.2, 1)
    }
}

@keyframes vip-uninav-badge-flip-endAnim {
    0% {
        transform: translate3d(0, 10px, 0) scale3d(1.2, 1.2, 1)
    }

    50% {
        transform: translate3d(0, 10px, 0) scale3d(1.33, 1.33, 1)
    }

    to {
        transform: translateZ(0) scaleX(1)
    }
}

.vip-uninav-badge-flip .vip-badge--icon.vip-badge--none,
.vip-uninav-badge-flip .vip-badge--icon.vip-badge--player {
    transform: scale(1)
}

.vip-uninav-badge-flip .vip-badge-flip--is-flipped .vip-badge--icon.vip-badge--none,
.vip-uninav-badge-flip .vip-badge-flip--is-flipped .vip-badge--icon.vip-badge--player {
    transform: scale(1) translate(2px, 1px)
}

.vip-message__progress-bars {
    height: 150px;
    left: 0;
    top: 0;
    width: 200px
}

.vip-message__progress--hide-prog-fill .vip-message__progress-circ1,
.vip-message__progress--hide-prog-fill .vip-message__progress-circ2 {
    opacity: 0
}

.vip-message__progress--anim-hide-prog-fill .vip-message__progress-circ1,
.vip-message__progress--anim-hide-prog-fill .vip-message__progress-circ2 {
    animation: vip-anim-fadeOut .4s ease
}

.vip-message__progress--anim-show-prog-fill .vip-message__progress-circ1,
.vip-message__progress--anim-show-prog-fill .vip-message__progress-circ2 {
    animation: vip-anim-fadeIn .4s ease
}

.vip-message__badge {
    transition: transform .3s ease-in
}

.vip-message__badge--pre-flip {
    transform: scale3d(1.2, 1.2, 1);
    transition: transform .4s ease-out
}

.vip-message__badge--post-flip {
    transform: scale3d(1.33, 1.33, 1);
    transition: transform .3s ease
}

.vip-message__badge--exit {
    animation: vip-anim-fadeOut .4s ease-out
}

.vip-message__badge--return {
    animation: vip-message-badge-animReturn .4s ease-out
}

@keyframes vip-message-badge-animReturn {
    0% {
        opacity: 0;
        transform: translate3d(0, 4px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.vip-message--device-mobile .vip-message__anim-flip {
    margin: auto
}

.uninav a,
.uninav article,
.uninav blockquote,
.uninav div,
.uninav fieldset,
.uninav form,
.uninav h1,
.uninav h2,
.uninav h3,
.uninav h4,
.uninav h5,
.uninav h6,
.uninav header,
.uninav img,
.uninav label,
.uninav legend,
.uninav li,
.uninav nav,
.uninav ol,
.uninav p,
.uninav pre,
.uninav section,
.uninav span,
.uninav ul {
    border-width: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

.uninav h1,
.uninav h2,
.uninav h3,
.uninav h4,
.uninav h5,
.uninav h6 {
    line-height: 1.2
}

.uninav * {
    box-sizing: border-box
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 300;
    src: local("Open Sans Light"), local(OpenSans-Light), url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTXZ2MAKAc2x4R1uOSeegc5U.eot?#) format("eot"), url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format("woff2"), url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format("woff")
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans"), local(OpenSans), url(//fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3fY6323mHUZFJMgTvxaG2iE.eot?#) format("eot"), url(//fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format("woff2"), url(//fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format("woff")
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNShampu5_7CjHW5spxoeN3Vs.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"), local(OpenSans-Bold), url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzHZ2MAKAc2x4R1uOSeegc5U.eot?#) format("eot"), url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format("woff2"), url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format("woff")
}

@media (hover:none),
screen and (max-width:992px) {
    .uninav-nav__menuitem:has(>a[data-ga-click_name^=rewards_popular]) {
        display: none !important
    }

    .uninav {
        --uninav-default-logo: url(../images/uninav/logos/PCH_Logo_mobile.svg);
        --uninav-config-logo-width: 75px;
        --uninav-config-logo-height: 32px;
        --uninav-config-logo-margin-left: -5px
    }

    .uninav .uninav__mainbar .uninav__components .uninav__components-list>li.uninav__component:not(.uninav__component--user-profile) {
        display: none
    }

    .uninav .uninav-nav {
        display: none;
        opacity: 0;
        transition: opacity 1s ease-out -.5s
    }

    .uninav .uninav-nav .uninav-nav__menu--title,
    .uninav .uninav-nav .uninav-nav__menuitem {
        color: #0d0d0d;
        font-weight: 700;
        letter-spacing: .15px;
        line-height: 22px;
        text-align: left
    }

    .uninav .uninav-nav .uninav-nav__menu--title a,
    .uninav .uninav-nav .uninav-nav__menuitem a {
        border-bottom: 1px solid #b6b6b6;
        display: block;
        padding: 17px 16px;
        text-decoration: none;
        width: 100%
    }

    .uninav .uninav-nav .uninav-nav__menu--title {
        border-bottom: 1px solid #b6b6b6;
        display: grid;
        font-size: 1.125rem;
        padding: 17px 10px;
        place-items: center
    }

    .uninav .uninav-nav .sub-nav-shelf {
        display: none
    }

    .uninav .uninav-nav .uninav-nav__menulist--sub .uninav-nav__menuitem {
        max-height: 0;
        opacity: 0;
        overflow: hidden
    }

    .uninav .uninav-nav .uninav-nav__menulist--sub .uninav-nav__menuitem a {
        padding-left: 32px
    }

    .uninav .uninav-nav .uninav-nav__menulist--sub .uninav-nav__menuitem .uninav-nav__menulink--title {
        pointer-events: none
    }

    .uninav .uninav-nav.uninav-nav--open {
        background: rgba(61, 61, 61, .7);
        cursor: default;
        display: block;
        height: -moz-fit-content;
        height: fit-content;
        min-height: 2500px;
        opacity: 1;
        width: 100%
    }

    .uninav .uninav-nav.uninav-nav--open .uninav-nav__site-nav__more>a {
        pointer-events: none
    }

    .uninav .uninav-nav.uninav-nav--open .uninav-nav__site-nav__separator {
        position: relative
    }

    .uninav .uninav-nav.uninav-nav--open .uninav-nav__site-nav__separator:after {
        background-image: url(../images/uninav/open.svg);
        content: "";
        height: 24px;
        margin-top: -12px;
        position: absolute;
        right: 10px;
        top: 50%;
        width: 24px
    }

    .uninav .uninav-nav.uninav-nav--open .uninav-nav__menuitem {
        opacity: 1
    }

    .uninav .uninav-nav.uninav-nav--open .uninav-nav__menu--site-nav {
        background-color: #f9f9f9;
        box-shadow: 0 8px 12px -12px rgba(0, 0, 0, .15), 0 4px 4px 0 rgba(0, 0, 0, .3)
    }

    .uninav .uninav-nav.uninav-nav--open .uninav-nav__menuitem--expanded .sub-nav-shelf {
        display: block
    }

    .uninav .uninav-nav.uninav-nav--open .uninav-nav__menuitem--expanded .uninav-nav__menulist--sub {
        background-color: #fff
    }

    .uninav .uninav-nav.uninav-nav--open .uninav-nav__menuitem--expanded .uninav-nav__menulist--sub .uninav-nav__menuitem {
        max-height: 86px
    }

    .uninav .uninav-nav.uninav-nav--open .uninav-nav__menuitem--expanded .uninav-nav__menulist--sub .uninav-nav__menuitem .uninav-nav__menulogo,
    .uninav .uninav-nav.uninav-nav--open .uninav-nav__menuitem--expanded .uninav-nav__menulist--sub .uninav-nav__menuitem hr {
        display: none
    }

    .uninav .uninav-nav.uninav-nav--open .uninav-nav__menuitem--expanded .uninav-nav__site-nav__separator:after {
        background-image: url(../images/uninav/close.svg);
        content: "";
        height: 24px;
        width: 24px
    }

    .uninav .uninav__burger {
        background-image: url(../images/uninav/burger.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100%;
        cursor: pointer;
        float: left;
        height: 32px;
        margin-inline: 10px 0;
        transition: transform .4s cubic-bezier(.4, .01, .165, .99);
        width: 32px
    }

    .uninav-nav-open .uninav__burger {
        background-image: url(../images/uninav/menu_close.svg);
        background-size: cover;
        height: 32px;
        width: 32px
    }
}

@media screen and (min-width:992px) and (hover:hover) {
    .uninav-nav__menuitem:has(>a[data-ga-click_name^=rewards_popular]) {
        display: none !important
    }

    @keyframes uninav-shelf-parent {
        0% {
            --uninav-shelf-anim-duration: 0.6s;
            --uninav-shelf-opacity: 0
        }

        to {
            --uninav-shelf-anim-duration: 0.001s;
            --uninav-shelf-opacity: 1
        }
    }

    .uninav-nav:has(.uninav-nav__menuitem:hover) {
        animation: uninav-shelf-parent .8s linear forwards
    }

    .uninav {
        --nav-menu-desktop-shelf-height: 40px;
        --uninav-config-logo-margin-left: -10px;
        --uninav-default-logo: url(../images/uninav/logos/Horizontal.svg);
        --l2-menu-item-width: 175px
    }

    .uninav .uninav-nav {
        --uninav-shelf-anim-duration: 0.6s;
        --uninav-shelf-opacity: 0
    }

    .uninav .uninav-nav .uninav-nav__menu {
        background-color: #f9f9f9;
        box-shadow: 0 8px 12px -12px rgba(0, 0, 0, .15), 0 4px 4px 0 rgba(0, 0, 0, .3);
        display: grid;
        list-style: none;
        margin-bottom: calc(var(--nav-menu-desktop-shelf-height) + 20px);
        place-items: center;
        position: relative;
        transition: padding-bottom .3s ease-in-out
    }

    .uninav .uninav-nav .uninav-nav__menu .uninav-nav__menu--title {
        display: none
    }

    .uninav .uninav-nav .uninav-nav__menu:has(.uninav-nav__menuitem:hover .uninav-nav__menulist--sub) {
        box-shadow: unset
    }

    .uninav .uninav-nav .uninav-nav__menu .uninav-nav__menulist:not(.uninav-nav__menulist--sub) {
        align-items: center;
        display: flex;
        flex-direction: row;
        height: -moz-fit-content;
        height: fit-content;
        justify-content: space-evenly;
        max-width: 1325px;
        min-height: var(--nav-menu-desktop-shelf-height)
    }

    .uninav .uninav-nav .uninav-nav__menu .uninav-nav__menulist:not(.uninav-nav__menulist--sub) .uninav-nav__menulink {
        text-decoration: none
    }

    .uninav .uninav-nav .uninav-nav__menu .uninav-nav__menulist:not(.uninav-nav__menulist--sub) .uninav-nav__menu--backdrop {
        opacity: 0
    }

    .uninav .uninav-nav .uninav-nav__menu .uninav-nav__menulist:not(.uninav-nav__menulist--sub)>.uninav-nav__menuitem {
        display: grid;
        height: -moz-fit-content;
        height: fit-content;
        min-height: var(--nav-menu-desktop-shelf-height);
        place-items: center;
        width: -moz-fit-content;
        width: fit-content
    }

    .uninav .uninav-nav .uninav-nav__menu .uninav-nav__menulist:not(.uninav-nav__menulist--sub)>.uninav-nav__menuitem>a {
        padding-inline: 32px;
        text-wrap: nowrap;
        margin-top: 2px
    }

    .uninav .uninav-nav .uninav-nav__menu .uninav-nav__menulist:not(.uninav-nav__menulist--sub)>.uninav-nav__menuitem .sub-nav-shelf {
        display: none;
        opacity: 0
    }

    .uninav .uninav-nav .uninav-nav__menu .uninav-nav__menulist:not(.uninav-nav__menulist--sub)>.uninav-nav__menuitem:hover {
        cursor: pointer;
        text-decoration: underline;
        text-underline-offset: 5px
    }

    .uninav .uninav-nav .uninav-nav__menu .uninav-nav__menulist:not(.uninav-nav__menulist--sub)>.uninav-nav__menuitem:hover+.uninav-nav__menu--backdrop {
        animation: open-shelf var(--uninav-shelf-anim-duration) ease-in forwards;
        background: rgba(61, 61, 61, .7);
        display: block;
        inset: 0;
        margin-top: var(--nav-menu-desktop-shelf-height);
        min-height: 2500px;
        opacity: var(--uninav-shelf-opacity);
        position: absolute;
        width: 100vw;
        z-index: -1
    }

    .uninav .uninav-nav .uninav-nav__menu .uninav-nav__menulist:not(.uninav-nav__menulist--sub)>.uninav-nav__menuitem:hover .sub-nav-shelf {
        animation: open-shelf var(--uninav-shelf-anim-duration) ease-in forwards;
        background-color: #f9f9f9;
        bottom: 0;
        box-shadow: 0 8px 12px -12px rgba(0, 0, 0, .15), 0 4px 4px 0 rgba(0, 0, 0, .3);
        display: grid;
        height: -moz-fit-content;
        height: fit-content;
        left: 0;
        margin-inline: auto;
        min-height: var(--nav-menu-desktop-shelf-height);
        opacity: var(--uninav-shelf-opacity);
        padding: 40px 16px;
        place-content: start center;
        position: absolute;
        right: 0;
        top: var(--nav-menu-desktop-shelf-height);
        width: 100%
    }

    .uninav .uninav-nav .uninav-nav__menu .uninav-nav__menulist:not(.uninav-nav__menulist--sub)>.uninav-nav__menuitem:hover .sub-nav-shelf .sub-nav-shelf__list-container {
        width: min(1325px, 90vw)
    }

    .uninav .uninav-nav .uninav-nav__menu .uninav-nav__menulist:not(.uninav-nav__menulist--sub)>.uninav-nav__menuitem:hover .sub-nav-shelf .sub-nav-shelf__list-container .uninav-nav__menulist--sub {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 16px;
        justify-content: flex-start;
        margin: auto;
        width: -moz-fit-content;
        width: fit-content
    }

    .uninav .uninav-nav .uninav-nav__menu .uninav-nav__menulist:not(.uninav-nav__menulist--sub)>.uninav-nav__menuitem:hover .sub-nav-shelf .sub-nav-shelf__list-container .uninav-nav__menulist--sub .uninav-nav__menuitem {
        display: grid;
        font-weight: 400;
        min-height: -moz-fit-content;
        min-height: fit-content;
        padding-inline: 8px;
        position: relative;
        transition: transform .3s ease-in-out
    }

    .uninav .uninav-nav .uninav-nav__menu .uninav-nav__menulist:not(.uninav-nav__menulist--sub)>.uninav-nav__menuitem:hover .sub-nav-shelf .sub-nav-shelf__list-container .uninav-nav__menulist--sub .uninav-nav__menuitem .uninav-nav__menulink * {
        pointer-events: none
    }

    .uninav .uninav-nav .uninav-nav__menu .uninav-nav__menulist:not(.uninav-nav__menulist--sub)>.uninav-nav__menuitem:hover .sub-nav-shelf .sub-nav-shelf__list-container .uninav-nav__menulist--sub .uninav-nav__menuitem .uninav-nav__menulink--title {
        text-align: left;
        text-wrap: nowrap;
        border-bottom: 1.5px solid #1a1a1a;
        letter-spacing: .235px;
        margin-bottom: 8px;
        padding-bottom: 8px;
        width: var(--l2-menu-item-width)
    }

    .uninav .uninav-nav .uninav-nav__menu .uninav-nav__menulist:not(.uninav-nav__menulist--sub)>.uninav-nav__menuitem:hover .sub-nav-shelf .sub-nav-shelf__list-container .uninav-nav__menulist--sub .uninav-nav__menuitem .uninav-nav__menulogo {
        background-image: var(--uninav-sub-menu-logo, url("https://cdn.pch.com/ui/uninav/assets/menu_images/menu_default.png"));
        background-size: cover;
        height: var(--l2-menu-item-width);
        margin-top: 10px;
        width: var(--l2-menu-item-width)
    }

    .uninav .uninav-nav .uninav-nav__menu .uninav-nav__menulist:not(.uninav-nav__menulist--sub)>.uninav-nav__menuitem:hover .sub-nav-shelf .sub-nav-shelf__list-container .uninav-nav__menulist--sub .uninav-nav__menuitem:hover .uninav-nav__menulink--title {
        font-weight: 600;
        letter-spacing: 0
    }

    .uninav .uninav-nav .uninav-nav__menu .uninav-nav__menulist:not(.uninav-nav__menulist--sub)>.uninav-nav__menuitem:hover .sub-nav-shelf .sub-nav-shelf__list-container .uninav-nav__menulist--sub .uninav-nav__menuitem:hover .uninav-nav__menulogo {
        outline: 4px solid #ffd04e
    }

    @keyframes open-shelf {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes close-shelf {
        0% {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }
}

.uninav--body-no-scroll {
    overflow-y: hidden
}

.uninav {
    background: #353535;
    border-top: 1px solid #242424;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: 104px;
    line-height: normal;
    margin-bottom: var(--nav-menu-desktop-shelf-height);
    position: relative;
    text-align: center;
    top: 0;
    transition: top .8s cubic-bezier(.215, .61, .355, 1);
    z-index: 15000
}

.uninav,
.uninav a {
    color: #1a1a1a
}

.uninav__mainbar .uninav__logo {
    background-image: var(--uninav-config-logo, var(--uninav-default-logo));
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    color: transparent;
    flex-shrink: 0;
    height: var(--uninav-config-logo-height, 75px);
    margin-left: var(--uninav-config-logo-margin-left, 0);
    margin-right: 10px;
    width: var(--uninav-config-logo-width, 285px)
}

.uninav .uninav-nav__profile {
    background: hsla(0, 0%, 100%, .95);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    cursor: default;
    display: none;
    height: 0;
    opacity: 0;
    padding: 0;
    width: 100%;
    z-index: 1000
}

.uninav .uninav-nav__profile .uninav-nav__profile--title {
    border-bottom: 1px solid #b6b6b6;
    color: #0d0d0d;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .15px;
    line-height: 1.125rem;
    padding-block: 16px;
    text-align: center
}

.uninav .uninav-nav__profile ul {
    margin: auto
}

.uninav .uninav-nav__profile ul li {
    border-bottom: 1px solid #ccc;
    list-style: none
}

.uninav .uninav-nav__profile ul li .uninav-nav__profile--item {
    color: #1a1a1a;
    display: grid;
    grid-template-columns: 3fr 1fr;
    height: 56px;
    padding-inline: 17px 15px;
    place-self: center left;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
    width: 100%
}

.uninav .uninav-nav__profile ul li .uninav-nav__profile--item:hover {
    text-decoration: underline;
    text-underline-offset: 5px
}

.uninav .uninav-nav__profile ul li .uninav-nav__profile--item>* {
    pointer-events: none
}

.uninav .uninav-nav__profile ul li .uninav-nav__profile--item .uninav-nav__profile--item-title {
    display: grid;
    place-items: center left
}

.uninav .uninav-nav__profile ul li:last-of-type {
    border-bottom: none
}

.uninav .uninav-nav__profile .uninav__profile--token-balance {
    display: grid;
    margin-inline: 5px;
    place-items: center
}

.uninav .uninav-nav__profile .uninav__profile--token-balance .uninav__token-balance__amount {
    font-size: 20px;
    height: 26px;
    min-width: 200px;
    padding-inline: 15px 45px;
    position: relative
}

.uninav .uninav-nav__profile .uninav__profile--token-balance .uninav__token-balance__amount:after {
    right: -12px;
    top: -32px;
    transform: scale(.75)
}

.uninav .uninav-nav__profile .uninav__profile--rewards,
.uninav .uninav-nav__profile .uninav__profile--user-level,
.uninav .uninav-nav__profile .uninav__profile--vip-status {
    display: grid;
    place-items: center end
}

.uninav .uninav-nav__profile .uninav__profile--rewards .uninav__my-status__icon,
.uninav .uninav-nav__profile .uninav__profile--user-level .uninav__my-status__icon,
.uninav .uninav-nav__profile .uninav__profile--vip-status .uninav__my-status__icon {
    margin: 0;
    transform: scale(.9)
}

.uninav .uninav-nav__profile .uninav__profile--rewards .uninav__logoholder,
.uninav .uninav-nav__profile .uninav__profile--user-level .uninav__logoholder,
.uninav .uninav-nav__profile .uninav__profile--vip-status .uninav__logoholder {
    margin-right: 5px;
    transform: scale(.8)
}

.uninav .uninav-nav__profile .uninav__profile--rewards .uninav__redeem,
.uninav .uninav-nav__profile .uninav__profile--user-level .uninav__redeem,
.uninav .uninav-nav__profile .uninav__profile--vip-status .uninav__redeem {
    background-image: url(../images/uninav/spritesheet-v3.png);
    background-position: -1px -121px;
    background-repeat: no-repeat;
    background-size: 171px 171px;
    height: 46px;
    margin-right: -15px;
    transform: scale(.8);
    width: 68px
}

.uninav--show-profile .uninav__mainbar .uninav__components .uninav__components-list li.uninav__component--user-profile {
    background-image: url(../images/uninav/menu_close.svg);
    background-position: 50%;
    background-size: cover;
    height: 34px;
    width: 34px
}

.uninav--show-profile .uninav__profile-dropdown {
    left: 0;
    position: absolute;
    right: 0;
    top: 103px;
    z-index: 1000
}

.uninav--show-profile .uninav__profile-dropdown .uninav-nav__profile {
    display: block;
    height: -moz-fit-content;
    height: fit-content;
    opacity: 1
}

.uninav--show-profile .uninav__profile-dropdown__backdrop {
    background: rgba(61, 61, 61, .7);
    height: 100vh;
    left: 0;
    padding-right: 17px;
    position: fixed;
    right: 0;
    top: 103px;
    width: 100vw;
    z-index: 1
}

@media screen and (min-width:1000px) and (hover:hover) {
    .uninav--show-profile .uninav__mainbar {
        position: relative
    }

    .uninav--show-profile .uninav__mainbar .uninav__profile-dropdown {
        left: unset;
        right: 5px;
        top: 70px;
        width: 375px
    }

    .uninav--show-profile .uninav__mainbar .uninav__profile-dropdown .uninav-nav__profile--mobile {
        display: none
    }
}

.uninav__token-level-icon-107,
.uninav__token-level-icon-162,
.uninav__token-level-icon-192,
.uninav__token-level-icon-192-glow,
.uninav__token-level-icon-35,
.uninav__token-level-icon-64 {
    display: inline-block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-indent: 200%;
    white-space: nowrap
}

.uninav__token-level-icon,
.uninav__token-level-icon-35 {
    height: 35px;
    width: 35px
}

.uninav__token-level-icon-192,
.uninav__token-level-icon-192-glow {
    height: 192px;
    width: 192px
}

.uninav__token-level-icon-162 {
    height: 162px;
    width: 162px
}

.uninav__token-level-icon-107 {
    height: 107px;
    width: 107px
}

.uninav__token-level-icon-64 {
    height: 64px;
    width: 64px
}

.uninav__token-level-icon--bronze,
.uninav__token-level-icon-35--bronze {
    background-image: url(../images/uninav/sprites/levels/35x35/bronze@2x.png);
    background-size: 35px 35px
}

.uninav__token-level-icon--silver,
.uninav__token-level-icon-35--silver {
    background-image: url(../images/uninav/sprites/levels/35x35/silver@2x.png);
    background-size: 35px 35px
}

.uninav__token-level-icon--gold,
.uninav__token-level-icon-35--gold {
    background-image: url(../images/uninav/sprites/levels/35x35/gold@2x.png);
    background-size: 35px 35px
}

.uninav__token-level-icon--platinum,
.uninav__token-level-icon-35--platinum {
    background-image: url(../images/uninav/sprites/levels/35x35/platinum@2x.png);
    background-size: 35px 35px
}

.uninav__token-level-icon--emerald,
.uninav__token-level-icon-35--emerald {
    background-image: url(../images/uninav/sprites/levels/35x35/emerald@2x.png);
    background-size: 35px 35px
}

.uninav__token-level-icon--amethyst,
.uninav__token-level-icon-35--amethyst {
    background-image: url(../images/uninav/sprites/levels/35x35/amethyst@2x.png);
    background-size: 35px 35px
}

.uninav__token-level-icon--sapphire,
.uninav__token-level-icon-35--sapphire {
    background-image: url(../images/uninav/sprites/levels/35x35/sapphire@2x.png);
    background-size: 35px 35px
}

.uninav__token-level-icon--ruby,
.uninav__token-level-icon-35--ruby {
    background-image: url(../images/uninav/sprites/levels/35x35/ruby@2x.png);
    background-size: 35px 35px
}

.uninav__token-level-icon--diamond,
.uninav__token-level-icon-35--diamond {
    background-image: url(../images/uninav/sprites/levels/35x35/diamond@2x.png);
    background-size: 35px 35px
}

.uninav__token-level-icon--yellow_diamond,
.uninav__token-level-icon-35--yellow_diamond {
    background-image: url(../images/uninav/sprites/levels/35x35/yellow_diamond@2x.png);
    background-size: 35px 35px
}

.uninav__token-level-icon--black_diamond,
.uninav__token-level-icon-35--black_diamond {
    background-image: url(../images/uninav/sprites/levels/35x35/black_diamond@2x.png);
    background-size: 35px 35px
}

.uninav__token-level-icon--red_diamond,
.uninav__token-level-icon-35--red_diamond {
    background-image: url(../images/uninav/sprites/levels/35x35/red_diamond@2x.png);
    background-size: 35px 35px
}

.uninav__reward-level-color--bronze {
    color: #d68249
}

.uninav__reward-level-color--silver {
    color: #afaeae
}

.uninav__reward-level-color--gold {
    color: #ceab49
}

.uninav__reward-level-color--platinum {
    color: #8b8a8a
}

.uninav__reward-level-color--emerald {
    color: #53a564
}

.uninav__reward-level-color--amethyst {
    color: #c36cd8
}

.uninav__reward-level-color--sapphire {
    color: #6195f2
}

.uninav__reward-level-color--ruby {
    color: #f46767
}

.uninav__reward-level-color--diamond {
    color: #91acc9
}

.uninav__reward-level-color--yellow_diamond {
    color: #c9bc1c
}

.uninav__reward-level-color--black_diamond {
    color: #787777
}

.uninav__reward-level-color--red_diamond {
    color: #c64242
}

.uninav__reward-level-color-contrast--bronze {
    color: #f9c9a5
}

.uninav__reward-level-color-contrast--silver {
    color: #fff
}

.uninav__reward-level-color-contrast--gold {
    color: #99770d
}

.uninav__reward-level-color-contrast--platinum {
    color: #e2e2e2
}

.uninav__reward-level-color-contrast--emerald {
    color: #cfffb6
}

.uninav__reward-level-color-contrast--amethyst {
    color: #eab5f7
}

.uninav__reward-level-color-contrast--sapphire {
    color: #d2e0ff
}

.uninav__reward-level-color-contrast--ruby {
    color: #f9bdbd
}

.uninav__reward-level-color-contrast--diamond {
    color: #4f555b
}

.uninav__reward-level-color-contrast--yellow_diamond {
    color: #6d660f
}

.uninav__reward-level-color-contrast--black_diamond {
    color: #bfcddf
}

.uninav__reward-level-color-contrast--red_diamond {
    color: #fca2a2
}

.uninav__reward-level-bg-color--bronze {
    background-color: #d68249
}

.uninav__reward-level-bg-color--silver {
    background-color: #afaeae
}

.uninav__reward-level-bg-color--gold {
    background-color: #ceab49
}

.uninav__reward-level-bg-color--platinum {
    background-color: #8b8a8a
}

.uninav__reward-level-bg-color--emerald {
    background-color: #53a564
}

.uninav__reward-level-bg-color--amethyst {
    background-color: #c36cd8
}

.uninav__reward-level-bg-color--sapphire {
    background-color: #6195f2
}

.uninav__reward-level-bg-color--ruby {
    background-color: #f46767
}

.uninav__reward-level-bg-color--diamond {
    background-color: #91acc9
}

.uninav__reward-level-bg-color--yellow_diamond {
    background-color: #c9bc1c
}

.uninav__reward-level-bg-color--black_diamond {
    background-color: #787777
}

.uninav__reward-level-bg-color--red_diamond {
    background-color: #c64242
}

.uninav__reward-level-bg-dark-color--bronze {
    background-color: #8a542f
}

.uninav__reward-level-bg-dark-color--silver {
    background-color: #8f8e8c
}

.uninav__reward-level-bg-dark-color--gold {
    background-color: #a08f56
}

.uninav__reward-level-bg-dark-color--platinum {
    background-color: #4d4d4d
}

.uninav__reward-level-bg-dark-color--emerald {
    background-color: #4a7e56
}

.uninav__reward-level-bg-dark-color--amethyst {
    background-color: #7d468b
}

.uninav__reward-level-bg-dark-color--sapphire {
    background-color: #3f609b
}

.uninav__reward-level-bg-dark-color--ruby {
    background-color: #9d4343
}

.uninav__reward-level-bg-dark-color--diamond {
    background-color: #7b848f
}

.uninav__reward-level-bg-dark-color--yellow_diamond {
    background-color: #998a2d
}

.uninav__reward-level-bg-dark-color--black_diamond {
    background-color: #4d4d4d
}

.uninav__reward-level-bg-dark-color--red_diamond {
    background-color: #7f2b2b
}

.uninav__reward-level-border-color--bronze {
    border-color: #d68249
}

.uninav__reward-level-border-color--silver {
    border-color: #afaeae
}

.uninav__reward-level-border-color--gold {
    border-color: #ceab49
}

.uninav__reward-level-border-color--platinum {
    border-color: #8b8a8a
}

.uninav__reward-level-border-color--emerald {
    border-color: #53a564
}

.uninav__reward-level-border-color--amethyst {
    border-color: #c36cd8
}

.uninav__reward-level-border-color--sapphire {
    border-color: #6195f2
}

.uninav__reward-level-border-color--ruby {
    border-color: #f46767
}

.uninav__reward-level-border-color--diamond {
    border-color: #91acc9
}

.uninav__reward-level-border-color--yellow_diamond {
    border-color: #c9bc1c
}

.uninav__reward-level-border-color--black_diamond {
    border-color: #787777
}

.uninav__reward-level-border-color--red_diamond {
    border-color: #c64242
}

.uninav .uninav__dropdown,
.uninav .uninav__dropdowncontainer {
    position: absolute;
    width: 100%
}

.uninav .uninav__dropdown {
    background: #262626;
    border-bottom-style: solid;
    border-width: 0 0 4px;
    clear: left;
    margin-top: -1px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding-top: 12px;
    right: 0;
    top: 0;
    transition: max-height 1s ease, opacity 1s ease;
    transition-delay: 0s, .25s;
    z-index: 10000
}

@media screen and (max-width:752px) {
    .uninav .uninav__dropdown {
        left: 0;
        top: 103px;
        width: 100%
    }
}

.uninav .uninav__dropdown__content {
    flex-direction: column;
    height: auto;
    min-height: 0;
    text-align: center
}

.uninav--show-profile .uninav__profile-dropdown,
.uninav--show-rewards .uninav__reward-center,
.uninav--show-tokenbalance .uninav__token-center-dropdown,
.uninav--show-tokens .uninav__game-center {
    max-height: 900px;
    opacity: 1;
    transition-delay: 0s, 0s;
    transition-duration: 1s, .2s;
    width: 100%
}

.uninav--show-tokens .uninav__game-center {
    max-height: 300px
}

.uninav--show-tokenbalance .uninav__token-center-dropdown {
    max-height: 200px
}

.uninav--show-profile .uninav__profile-dropdown {
    background: transparent;
    border: none;
    max-height: -moz-fit-content;
    max-height: fit-content;
    width: unset
}

.uninav--show-profile .uninav__profile-dropdown .uninav__profile-dropdown-content {
    height: 300px
}

.uninav--show-rewards .uninav__reward-center {
    max-height: 250px
}

.uninav .uninav__dropdown__footer {
    border-top: 1px solid #353535;
    float: left;
    margin: 11px 0 0;
    padding: 12px;
    position: relative;
    width: 100%
}

.uninav .uninav__dropdown__footer-title {
    background-image: url(../images/uninav/spritesheet-v3.png);
    background-position: 0 -84px;
    background-repeat: no-repeat;
    background-size: 171px 171px;
    float: left;
    height: 34px;
    overflow: hidden;
    position: relative;
    text-indent: 200%;
    top: -2px;
    white-space: nowrap;
    width: 144px
}

.uninav .uninav__dropdown__footer-link {
    color: #989898;
    float: right;
    margin-right: 18px;
    position: relative;
    text-decoration: none
}

.uninav .uninav__dropdown__footer-link:active,
.uninav .uninav__dropdown__footer-link:hover,
.uninav .uninav__dropdown__footer-link:link,
.uninav .uninav__dropdown__footer-link:visited {
    color: #989898
}

.uninav .uninav__dropdown__footer-link:after {
    background-image: url(../images/uninav/spritesheet-v3.png);
    background-position: -154px -121px;
    background-repeat: no-repeat;
    background-size: 171px 171px;
    content: " ";
    height: 31px;
    margin-top: -15px;
    position: absolute;
    right: -16px;
    top: 50%;
    width: 13px
}

.uninav--show-msg .uninav__message-center {
    max-height: 200px;
    opacity: 1
}

.uninav--show-rewards .uninav__reward-center {
    max-height: 600px
}

.uninav--show-levelup .uninav__levelup-dropdown {
    max-height: 240px;
    opacity: 1
}

.uninav--hide-levelup .uninav__levelup-dropdown,
.uninav--show-levelup .uninav__game-center {
    max-height: 0;
    opacity: 0
}

.uninav--show-daily-prize-first-entry .uninav__daily-prize-first-entry {
    max-height: 460px
}

.uninav--show-daily-prize .uninav__daily-prize {
    opacity: 1
}

.uninav .uninav__link-group {
    background: #191919;
    color: #989898;
    line-height: 16px;
    position: relative;
    text-align: center
}

.uninav .uninav__link-group--last {
    border-bottom-width: 2px;
    border-style: solid
}

.uninav--nopass .uninav__link-group--last,
.uninav--socialreg .uninav__link-group--last,
.uninav--unrecognized .uninav__link-group--last {
    border-bottom-color: #949494
}

.uninav .uninav__link-group--nolinks.uninav__link-group--first {
    height: 27px
}

.uninav .uninav__link-group--nolinks.uninav__link-group--first:before {
    background: url(../images/uninav/sprites/pch-logo-top.png) 0 0 no-repeat;
    background-size: 187px 18px;
    content: " ";
    height: 18px;
    left: 50%;
    margin-left: -93px;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    width: 187px
}

.uninav .uninav__link-group__link {
    color: #989898;
    display: inline-block;
    margin: auto 5px;
    position: relative;
    text-decoration: none
}

.uninav__link-group--nolinks .uninav__link-group__link {
    display: none
}

.uninav .uninav__link-group__link:after {
    background: #989898;
    content: " ";
    height: 12px;
    margin-top: -6px;
    position: absolute;
    right: -7px;
    top: 50%;
    width: 1px
}

.uninav .uninav__link-group__link--logout:after,
.uninav .uninav__link-group__link:last-of-type:after {
    display: none
}

.uninav .uninav__top-bar {
    background: #191919;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    height: 33px
}

.uninav--nopass .uninav__top-bar,
.uninav--socialreg .uninav__top-bar,
.uninav--unrecognized .uninav__top-bar {
    border-bottom-width: 0
}

.uninav--minireg .uninav__top-bar {
    border-bottom-width: 1px
}

.uninav .uninav__top-bar__content {
    align-items: center;
    background: none;
    color: #f9f9f9;
    display: flex;
    height: 100%;
    justify-content: space-between;
    margin: 0 auto;
    overflow: visible;
    position: relative;
    width: min(1325px, 90%)
}

.uninav .uninav__top-bar__profile-name a {
    color: #f9f9f9;
    text-decoration: none
}

.uninav .uninav__top-bar__profile-name a:hover {
    color: #f6f7f9
}

.uninav .uninav__top-bar__credentials {
    color: #f9f9f9;
    display: block;
    float: left;
    font-family: Inter, sans-serif;
    font-size: .75rem;
    font-style: normal;
    font-weight: 700;
    line-height: .75rem;
    overflow: hidden;
    text-align: center;
    white-space: nowrap
}

.uninav--unrecognized .uninav__top-bar__credentials {
    display: none
}

.uninav .uninav__logoholder {
    left: 10px;
    position: relative;
    top: 2px
}

.uninav--minireg .uninav__logoholder,
.uninav--socialreg .uninav__logoholder,
.uninav--unrecognized .uninav__logoholder {
    margin-left: 194px
}

.uninav--unrecognized .uninav__top-bar__credentials {
    display: block
}

.uninav .uninav__top-bar__copy {
    display: block;
    float: right;
    overflow: hidden
}

.uninav--unrecognized .uninav__top-bar__copy {
    display: block
}

.uninav .uninav__top-bar__links {
    flex-grow: 2;
    float: right;
    line-height: 30px;
    list-style: none;
    text-align: right;
    white-space: nowrap
}

.uninav .uninav__top-bar__link-item {
    display: inline-block;
    margin: 0;
    position: relative
}

.uninav .uninav__top-bar__link-item:before {
    content: " ";
    height: 12px;
    left: 0;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 1px
}

.uninav .uninav__top-bar__link-item:first-of-type:before {
    display: none
}

.uninav .uninav__top-bar__link {
    color: #f9f9f9;
    padding: 0 5px 0 1px
}

.uninav .uninav__top-bar__links a {
    color: #f9f9f9;
    padding: 0 10px;
    text-decoration: none
}

@media screen and (max-width:768px) {
    .uninav .uninav__top-bar__links a {
        padding: 0 3px
    }

    .uninav .uninav__top-bar__link-item:before {
        left: -1px
    }

    .uninav .uninav__top-bar__link--sign-out {
        display: none
    }
}

.uninav .uninav__top-bar__link-item:last-of-type a {
    padding-right: 5px
}

.uninav .uninav__top-bar__links a:hover {
    color: #f6f7f9 !important;
    text-decoration: underline
}

.uninav .uninav__top-bar__links a:active,
.uninav .uninav__top-bar__links a:visited {
    color: #f9f9f9
}

.uninav .uninav__mainbar {
    align-items: center;
    background: #353535;
    display: flex;
    flex-direction: row;
    height: 70px;
    margin: 0 auto;
    width: min(1325px, 90%)
}

.uninav .uninav__mainbar:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.uninav .uninav__mainbar .uninav__components {
    height: 100%;
    width: 100%
}

.uninav .uninav__mainbar .uninav__components .uninav__components-list {
    align-items: center;
    display: flex;
    float: right;
    gap: 7px;
    height: 100%;
    justify-content: flex-end;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.uninav .uninav__mainbar .uninav__components .uninav__components-list .uninav__component {
    cursor: pointer;
    display: flex;
    height: 100%;
    margin: 0;
    min-width: 50px;
    overflow: hidden;
    position: relative;
    text-align: center
}

.uninav .uninav__mainbar .uninav__components .uninav__components-list .uninav__component.uninav__component--vip .uninav__logoholder {
    position: unset
}

.uninav .uninav__mainbar .uninav__components .uninav__components-list .uninav__component .uninav__component-link {
    color: transparent;
    height: 100%;
    inset: 0;
    margin: auto;
    position: absolute;
    text-align: center;
    width: 100%
}

.uninav .uninav__mainbar .uninav__components .uninav__components-list .uninav__component--token-level .uninav__component-link {
    line-height: 92px
}

.uninav .uninav__mainbar .uninav__components .uninav__components-list .uninav__component--token-balance {
    cursor: unset;
    display: grid;
    margin-inline-end: 5px;
    place-items: center;
    pointer-events: none;
    position: relative
}

.uninav .uninav__mainbar .uninav__components .uninav__components-list .uninav__component--redeem {
    background-image: url(../images/uninav/spritesheet-v3.png);
    background-position: -1px -121px;
    background-repeat: no-repeat;
    background-size: 171px 171px;
    height: 46px;
    width: 68px
}

.uninav .uninav__mainbar .uninav__components .uninav__components-list .uninav__component--user-profile {
    background-image: url(../images/uninav/spritesheet-v3.png);
    background-position: -118px -121px;
    background-repeat: no-repeat;
    background-size: 171px 171px;
    flex-shrink: 0;
    height: 34px;
    margin: 0 7px;
    min-width: unset;
    width: 34px
}

.uninav .uninav__mainbar .uninav__components .uninav__components-list .uninav__logoholder {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: auto
}

.uninav .uninav__mainbar .uninav--incomplete .uninav__component--token-level {
    cursor: default;
    opacity: .4;
    pointer-events: none
}

.uninav .uninav__token-balance__amount {
    align-items: center;
    background: #191919;
    border: 1px solid #494948;
    border-radius: 24px;
    color: #f8d273;
    display: flex;
    font-size: 25px;
    font-weight: 400;
    height: 32px;
    justify-content: flex-end;
    letter-spacing: 1px;
    line-height: 28px;
    min-width: 286px;
    padding-inline-end: 60px;
    width: 100%
}

.uninav .uninav__token-balance__amount:after {
    background-image: url(../images/uninav/spritesheet-v3.png);
    background-position: -92px -1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 171px 171px;
    content: " ";
    height: 71px;
    position: absolute;
    right: 0;
    top: -10px;
    width: 78px
}

.uninav .uninav__my-status {
    color: #f9f9f9;
    height: 100%;
    padding: 6px 5px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 51px
}

.uninav--incomplete .uninav__my-status {
    cursor: default;
    opacity: .4
}

.uninav--show-tokens .uninav__my-status {
    background: #262626
}

.uninav .uninav__my-status__label {
    left: 0;
    position: absolute;
    text-align: center;
    top: 4px;
    width: 100%
}

.uninav .uninav__my-status__icon {
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 34px;
    box-shadow: 0 0 11px 1px hsla(0, 0%, 5%, .9);
    height: 35px;
    margin: 18px auto 0;
    width: 35px
}

.uninav__continue-registration ul li,
.uninav__unrecognized ul li {
    list-style: none
}

.uninav__continue-registration ul li .uninav__button,
.uninav__unrecognized ul li .uninav__button {
    color: #ffd04e;
    cursor: pointer;
    display: block;
    margin: 0;
    text-align: center;
    text-decoration: none
}

.uninav__continue-registration ul li .uninav__button:hover,
.uninav__unrecognized ul li .uninav__button:hover {
    text-decoration: underline
}

.uninav .uninav__token-level-icon,
.uninav .uninav__token-level-img {
    display: inline-block;
    height: 35px;
    position: relative;
    width: 35px
}

.uninav .uninav__token-level-icon {
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    text-indent: 200%
}

.uninav .uninav__token-level-icon--med,
.uninav .uninav__token-level-img--med {
    height: 53px;
    width: 53px
}

.uninav .uninav__token-level-icon--lrg {
    height: 65px;
    width: 65px
}

.uninav .uninav__token-level-img--lrg {
    height: 64px;
    width: 64px
}

.uninav .uninav__message-center {
    background: #f3f3f3;
    border-bottom: 0;
    padding-top: 0
}

@media screen and (min-width:600px) {
    .uninav .uninav__message-center {
        border-radius: 16px;
        box-shadow: 0 4px 44px 0 rgba(8, 47, 69, .4);
        left: 50%;
        max-width: 600px;
        right: unset;
        top: calc(100% + 3em);
        transform: translate3d(-50%, 0, 0)
    }
}

.uninav .uninav__msg-container {
    border-bottom: 0;
    padding: .75em
}

.uninav .uninav__msg-container:empty {
    padding: 0
}

.uninav .uninav__msg {
    animation-duration: .6s;
    animation-fill-mode: both;
    background: #f3f3f3;
    color: #000;
    display: flex;
    justify-content: center;
    line-height: 20px;
    padding: 10px;
    text-align: center;
    z-index: 10001
}

.uninav .uninav__msg__body {
    animation-duration: .6s;
    animation-fill-mode: both;
    width: 100%
}

.uninav__msg--shownext {
    z-index: 10000
}

.uninav__msg--shownext .uninav__msg__body {
    animation-name: uninav-message-shownext
}

.uninav__msg--hide .uninav__msg__body {
    animation-name: uninav-message-hide
}

@keyframes uninav-message-shownext {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes uninav-message-hide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.uninav--hide-msg .uninav__message-center {
    animation-duration: .6s;
    animation-fill-mode: both;
    animation-name: uninav-message-hide
}

.uninav__msg__token-content {
    height: 100%
}

.uninav__msg__token-content .uninav__msg__tokensheader {
    background: #f8d273;
    border-radius: 20px;
    color: #191919;
    font-size: 15px;
    font-weight: 700;
    height: 15px;
    line-height: 1;
    margin: 7px auto 6px;
    max-width: 282px;
    padding: 0 0 3px;
    text-align: center;
    width: calc(100% - 40px)
}

.uninav__msg__token-content--nodesc .uninav__msg__tokensheader {
    margin-top: 13px
}

.uninav__msg__token-content .uninav__msg__tokens {
    font-size: 27px;
    font-weight: 700;
    margin: 8px 0 7px;
    text-indent: 37px
}

.uninav__msg__token-content--nodesc .uninav__msg__tokens {
    font-size: 38px;
    margin-top: 16px;
    text-indent: 63px
}

.uninav__msg__token-content .uninav__msg__tokens-text {
    position: relative
}

.uninav__msg__token-content .uninav__msg__tokens-text:after {
    background: url(../images/uninav/sprites/message-tokens-icon-small.png) 0 0 no-repeat;
    background-size: 30px 26px;
    content: " ";
    height: 26px;
    left: -36px;
    position: absolute;
    top: 8px;
    width: 30px
}

.uninav__msg__token-content--nodesc .uninav__msg__tokens-text:after {
    background-image: url(../images/uninav/sprites/message-tokens-icon.png);
    background-size: 41px 37px;
    height: 37px;
    left: -45px;
    top: 10px;
    width: 41px
}

.uninav__msg__token-content .uninav__msg__desc {
    color: #000;
    font-size: 14px;
    margin-top: .5em
}

@media screen and (max-width:700px) {
    .uninav__msg__token-content .uninav__msg__desc {
        font-size: 14px
    }

    .uninav__msg__token-content--nodesc .uninav__msg__tokens {
        font-size: 24px
    }

    .uninav__msg__token-content--nodesc .uninav__msg__tokens-text:after {
        top: 0
    }
}

@media screen and (min-width:600px) {
    .uninav__msg__token-content .uninav__msg__tokensheader {
        margin-top: 0;
        padding: 0
    }

    .uninav__msg__token-content--withdesc .uninav__msg__tokens {
        font-size: 30px;
        letter-spacing: -1px;
        margin-bottom: 11px;
        margin-right: 10px;
        text-indent: 16px
    }

    .uninav__msg__token-content--withdesc .uninav__msg__desc {
        font-size: 18px;
        position: relative
    }
}

@media screen and (max-width:400px) {
    .uninav__msg__token-content--nodesc .uninav__msg__tokens {
        font-size: 27px;
        text-indent: 37px
    }

    .uninav__msg__token-content--nodesc .uninav__msg__tokens-text:after {
        background: url(../images/uninav/sprites/message-tokens-icon-small.png) 0 0 no-repeat;
        background-size: 30px 26px;
        height: 26px;
        left: -36px;
        top: 8px;
        width: 30px
    }
}

.uninav .uninav__msg__base-content {
    margin: auto;
    max-width: 360px;
    min-height: 26px;
    position: relative;
    text-align: left
}

@media (-ms-high-contrast:none) {
    .uninav .uninav__msg__base-content {
        margin: 0 auto;
        text-align: center
    }

    .uninav .uninav__msg__base-content .uninav__msg__base-text {
        display: inline
    }
}

.uninav__msg__base-content .uninav__msg__base-text {
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin: 1em 30px;
    padding: 0 0 0 58px;
    position: relative
}

.uninav__msg__base-content--withdesc .uninav__msg__base-text {
    line-height: 24px;
    margin-top: .5em;
    padding: 0 0 0 46px
}

@media screen and (max-width:360px) {
    .uninav .uninav__msg__base-text {
        margin: 0 10px
    }
}

.uninav__msg__base-content.uninav__msg__entry-icon {
    --uninav-message-icon-url: url(../images/uninav/sprites/ticket.png)
}

.uninav__msg__base-content.uninav__msg__entry-icon.uninav__msg__base-content--nodesc .uninav__msg__base-text:before {
    bottom: -20px;
    height: 80px;
    left: -30px;
    width: 80px
}

.uninav__msg__base-content.uninav__msg__entry-icon.uninav__msg__base-content--withdesc .uninav__msg__base-text:before {
    bottom: -10px;
    height: 54px;
    left: -4px;
    width: 54px
}

.uninav__msg__base-content.uninav__msg__error-icon {
    --uninav-message-icon-url: url(../images/uninav/sprites/error.svg)
}

.uninav__msg__base-content.uninav__msg__error-icon.uninav__msg__base-content--nodesc .uninav__msg__base-text:before {
    bottom: -15px;
    height: 65px;
    left: -30px;
    width: 65px
}

.uninav__msg__base-content.uninav__msg__error-icon.uninav__msg__base-content--withdesc .uninav__msg__base-text:before {
    bottom: -7px;
    height: 40px;
    left: -14px;
    width: 40px
}

.uninav__msg__base-content .uninav__msg__base-text:before {
    background: var(--uninav-message-icon-url) 0 0 no-repeat;
    background-size: contain;
    content: " ";
    position: absolute
}

.uninav__msg__base-content .uninav__msg__base-desc {
    color: #000;
    display: block;
    font-size: 20px;
    font-weight: 300;
    margin: 0 0 8px;
    text-align: center
}

.uninav__msg__base-content--nodesc .uninav__msg__base-desc {
    display: none
}

html.sso-lightbox body {
    overflow: hidden
}

html.sso-lightbox {
    overflow-y: hidden
}

div.sso-lightbox {
    background-color: rgba(0, 0, 0, .4);
    bottom: 0;
    font-family: Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    left: 0;
    line-height: 20px;
    overflow: scroll;
    padding: 75px 0 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1111111
}

html.ie div.sso-lightbox {
    background: transparent url(../images/uninav/sso/fade.png) scroll repeat 0 0
}

div.sso-lightbox div.da-box {
    border-radius: 15px;
    box-shadow: 0 0 10px #000;
    margin: auto;
    position: relative;
    z-index: 1111112
}

div.sso-lightbox div.da-box.transparent {
    background-color: transparent;
    box-shadow: none;
    padding: 0
}

div.sso-lightbox div.options {
    font-size: .8em;
    padding: 0 0 20px
}

div.sso-lightbox div.optins,
div.sso-lightbox div.options-2 {
    font-size: .8em;
    margin: 0 -60px;
    padding: 0 14px 20px
}

div.sso-lightbox div.optins input[type=checkbox],
div.sso-lightbox div.options-2 input[type=checkbox] {
    float: left
}

div.sso-lightbox div.optins label,
div.sso-lightbox div.options-2 label {
    display: block;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.2em;
    margin-left: 18px;
    padding: 0 0 12px 4px
}

div.sso-lightbox a.policy,
div.sso-lightbox div.sw-links a {
    display: block;
    text-align: center
}

div.sso-lightbox div.sw-links {
    margin-top: -18px;
    text-align: center
}

div.sso-lightbox div.sw-links a {
    display: inline
}

div.sso-lightbox div.sw-links a:first-child:after {
    content: " | "
}

div.sso-lightbox div.go-reg {
    border-top: 1px solid #dfdfdf;
    margin: 10px 30px 0;
    padding: 20px 0 0
}

div.sso-lightbox div.prop-sprite {
    font-size: .8em;
    font-weight: 700;
    line-height: 1.4;
    margin: auto;
    text-align: center
}

div.sso-lightbox div.prop-sprite div.image {
    background: #fff url(../images/uninav/sso/popup_buttons_v2.png) no-repeat scroll left -730px;
    height: 50px;
    margin: auto;
    width: 432px
}

div.sso-lightbox div.go-reg b {
    display: block;
    font-size: 1.1em
}

div.sso-lightbox div.go-reg button {
    margin: 20px auto
}

div.sso-lightbox input[type=password],
div.sso-lightbox input[type=text] {
    border: 1px solid #999;
    border-radius: 4px;
    color: #999;
    font-size: 20px;
    padding: 6px
}

div.sso-lightbox input.sso-highlight {
    border-color: red
}

div.sso-lightbox label {
    display: block;
    font-size: 20px;
    padding: 0 0 2px
}

div.sso-lightbox p {
    padding: 0 0 20px
}

div.sso-lightbox button {
    background: transparent url(../images/uninav/sso/popup_buttons_v2.png) scroll no-repeat 0 0;
    border: 0;
    cursor: pointer;
    display: inline-block;
    height: 60px;
    margin: auto auto auto 60px;
    width: 206px
}

div.sso-lightbox .loader-icon {
    background: url(../images/uninav/sso/loading-spinner.gif) 0 0 no-repeat;
    display: inline-block;
    height: 24px;
    margin: 0 0 0 10px;
    vertical-align: middle;
    visibility: hidden;
    width: 24px
}

div.sso-lightbox .loader-icon.show {
    visibility: visible
}

html.ie div.sso-lightbox .loader-icon {
    margin: 10px 0 0 10px;
    vertical-align: top
}

div.sso-lightbox button.close-x {
    background-position: -40px -9px;
    height: 35px;
    position: absolute;
    right: -14px;
    top: -14px;
    width: 35px
}

div.sso-lightbox button.signin {
    background-position: left -68px
}

div.sso-lightbox button.register {
    background-position: left -128px
}

div.sso-lightbox button.update {
    background-position: left -187px
}

div.sso-lightbox button.submit {
    background-position: left -247px
}

div.sso-lightbox button.continue {
    background-position: left -307px
}

div.sso-lightbox button.close {
    background-position: left -544px
}

div.sso-lightbox button.play-more {
    background-position: left -484px
}

div.sso-lightbox button.play-now {
    background-position: left -425px
}

div.sso-lightbox button.submit-keep-tokens {
    background-position: left -366px
}

div.sso-lightbox button.enter {
    background-position: left -663px;
    margin-left: 0
}

div.sso-lightbox button.submit-claim-entry {
    background-position: left -604px
}

div.sso-lightbox button.disabled {
    cursor: default;
    filter: gray;
    opacity: .4
}

div.sso-lightbox div.title {
    color: #fff;
    font-size: 25px;
    text-transform: none
}

div.sso-lightbox div.da-box {
    background: #010101;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #010101), color-stop(100%, #797979));
    background: linear-gradient(180deg, #010101 0, #797979);
    border: 2px solid #fff;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#010101", endColorstr="#797979", GradientType=0);
    max-width: 575px;
    padding: 0;
    width: calc(100% - 200px)
}

div.sso-lightbox div.title {
    background: transparent url(../images/uninav/sso/pchrewards-header-2x.png) 50% 50% no-repeat;
    background-size: 459px auto;
    border-radius: 0;
    height: 99px;
    margin: 30px 0 15px;
    padding: 0;
    text-indent: -9999px
}

.ie div.sso-lightbox div.title {
    background-image: url(../images/uninav/sso/pchrewards-header.png);
    filter: none
}

div.sso-lightbox div.copy {
    font-size: 18px;
    margin-bottom: 33px;
    padding: 0 54px;
    text-align: justify
}

div.sso-lightbox a {
    color: #fff;
    text-decoration: underline
}

div.sso-lightbox .body-subtitle,
div.sso-lightbox .body-subwelcome,
div.sso-lightbox .body-welcome {
    display: block;
    font-size: 48px;
    left: -5%;
    line-height: 1.4;
    padding: 0;
    position: relative;
    text-align: center;
    width: 110%
}

div.sso-lightbox .body-welcome {
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

div.sso-lightbox .body-subtitle,
div.sso-lightbox .body-subwelcome {
    font-size: 24px;
    text-align: center
}

div.sso-lightbox div.fields {
    padding: 0 46px;
    text-align: center
}

div.sso-lightbox div.options {
    display: none
}

div.sso-lightbox button.play-more,
div.sso-lightbox button.submit {
    margin: auto
}

div.sso-lightbox .loader-icon {
    margin-top: 18px;
    position: absolute
}

div.sso-lightbox label {
    position: absolute;
    visibility: hidden;
    z-index: 1
}

.ie8 div.sso-lightbox label,
.ie9 div.sso-lightbox label {
    color: #9c9ea0;
    display: inline-block;
    font-size: 18px;
    line-height: 2;
    margin-top: -36px;
    text-indent: 8px;
    visibility: visible
}

div.sso-lightbox input[type=password],
div.sso-lightbox input[type=text] {
    margin: 0 10px 28px 0;
    position: relative;
    width: 180px;
    z-index: 2
}

div.sso-lightbox a.policy,
div.sso-lightbox div.sw-links a {
    color: #fff;
    font-size: 12px;
    margin: 0 0 30px;
    padding: 0
}

div.sso-lightbox div.prop-sprite {
    display: none
}

div.sso-lightbox {
    height: 100% !important
}

input.sso-highlight,
select.sso-highlight {
    *background-color: #ffc8c8;
    border-color: red;
    *border-color: #969696
}

input,
select {
    *border: 1px solid #969696
}

input:invalid,
select:invalid {
    box-shadow: none
}

div.sso-outer-shell {
    background-color: #fff;
    border: 1px solid #ff0c0c;
    border-radius: 3px;
    display: none;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    left: 0;
    line-height: 1.1em;
    margin-left: -85px;
    position: absolute;
    top: 0;
    width: 186px;
    z-index: 1111111
}

html.sso-lightbox div.sso-outer-shell {
    position: absolute;
    transform: translateY(75px);
    z-index: 1111113
}

div.sso-outer-shell div.header {
    background-color: #ff0c0c;
    color: #fff;
    font-size: 1.1em;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1.2em;
    padding: 7px 8px 5px;
    position: relative;
    text-transform: uppercase
}

div.sso-outer-shell div.header div.arrow {
    border-bottom: 8px solid transparent;
    border-right: 8px solid #ff0c0c;
    border-top: 8px solid transparent;
    height: 0;
    left: -9px;
    position: absolute;
    top: 6px;
    width: 0
}

div.sso-outer-shell div.inner-shell {
    background-color: #fff;
    color: #636363;
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 4px 8px 6px
}

div.sso-outer-shell div.inner-shell div.address {
    color: #4249e1;
    cursor: pointer;
    padding: 3px 0 5px;
    text-decoration: underline
}

div.sso-outer-shell div.inner-shell div.error {
    padding: 3px 0 6px
}

input.sso-highlight-special,
select.sso-highlight-special {
    *background-color: #ff7b16;
    border-color: #ff7b16;
    *border-color: #969696
}

div.sso-outer-shell.special-alert {
    border-color: #ff7b16;
    left: 500px;
    top: 50px;
    width: 285px
}

div.sso-outer-shell.special-alert div.header {
    background-color: #ff7b16
}

div.sso-outer-shell.special-alert div.header div.arrow {
    border-right: 8px solid #ff7b16
}

div.sso-outer-shell.special-alert div.inner-shell p {
    margin: 0 0 8px
}

div.sso-outer-shell.special-alert div.inner-shell span.sml {
    font-size: .9em;
    font-style: oblique;
    line-height: 1em
}

.sso-outer-shell .email-header.soft {
    padding-right: 20px
}

.sso-outer-shell .email-header.soft li {
    position: relative
}

div.sso-outer-shell .email-header.soft li .close {
    background-image: url(../images/uninav/sso/close.png);
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: -18px;
    top: -1px;
    width: 20px
}

div.sso-outer-shell .email {
    color: #4249e1;
    cursor: pointer;
    padding: 5px 0;
    text-decoration: underline
}

div.sso-lightbox .body-welcome {
    margin-bottom: 20px
}

div.sso-lightbox {
    z-index: 1111112
}

div.sso-lightbox .sso-forfeit {
    display: none
}

@keyframes sso-outer-shell-fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.sso-outer-shell {
    animation: sso-outer-shell-fadein .4s
}

div.sso-outer-shell {
    z-index: 1111112
}

@media screen and (max-width:700px) {
    div.sso-lightbox .body-welcome {
        margin-bottom: 10px
    }

    div.sso-lightbox div.title {
        background-size: contain
    }

    div.sso-lightbox div.copy {
        margin-bottom: 10px
    }

    div.sso-lightbox div.copy p {
        margin: 0
    }

    div.sso-lightbox a.policy,
    div.sso-lightbox div.sw-links a,
    div.sso-lightbox input[type=password],
    div.sso-lightbox input[type=text] {
        margin-bottom: 10px
    }
}

@media screen and (max-width:600px) {
    div.sso-lightbox {
        padding-top: 50px
    }

    div.sso-lightbox div.da-box {
        border-width: 4px;
        max-width: 500px;
        width: 90%
    }

    div.sso-lightbox div.title {
        background: url(../images/uninav/sso/pch-logo-top.png) top no-repeat;
        background-size: contain;
        height: 17px;
        margin-top: 18px
    }

    div.sso-lightbox div.copy {
        font-size: 16px;
        padding: 0 10px;
        text-align: center
    }

    div.sso-lightbox p {
        padding: 0
    }

    div.sso-lightbox .body-subtitle,
    div.sso-lightbox .body-subwelcome,
    div.sso-lightbox .body-welcome {
        font-size: 30px;
        margin-bottom: 0
    }

    div.sso-lightbox .body-tokenwelcome {
        display: block;
        font-size: 20px;
        margin-bottom: 10px
    }

    div.sso-lightbox div.fields {
        padding: 0
    }

    div.sso-lightbox input[type=password],
    div.sso-lightbox input[type=text] {
        border-radius: 5px;
        font-size: 1.4em;
        height: 55px;
        margin: 0 0 16px;
        padding-left: 10px;
        position: relative;
        width: 85%
    }

    div.sso-outer-shell,
    html.sso-lightbox div.sso-outer-shell {
        left: 0 !important;
        margin: 0;
        position: fixed;
        top: 0 !important;
        transform: translateY(0);
        width: 100%;
        z-index: 1111112
    }

    div.sso-outer-shell div.header div.arrow {
        display: none
    }

    div.sso-lightbox button.submit {
        background: linear-gradient(180deg, #f93 0, #ff6101);
        border: 1px solid #ff7501;
        border-radius: 5px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .75), inset 2px 1px 1px hsla(0, 0%, 100%, .5);
        cursor: pointer;
        height: 60px;
        margin-top: 20px;
        position: relative;
        width: 285px
    }

    div.sso-lightbox button.submit:after {
        color: #fff;
        content: "Claim My Tokens!";
        font-family: Arial, Helvetica, sans-serif;
        font-size: 27px;
        font-weight: 700;
        height: 100%;
        left: 0;
        line-height: 60px;
        position: absolute;
        text-align: center;
        text-shadow: 0 -1px #ff4e1b;
        top: 0;
        width: 100%
    }

    div.sso-lightbox .sso-forfeit {
        color: #fff;
        cursor: pointer;
        display: block;
        font-size: 16px;
        margin: 15px auto;
        position: relative;
        text-decoration: underline
    }

    div.sso-lightbox a.policy {
        margin-bottom: 10px
    }

    div.sso-lightbox .loader-icon {
        display: none
    }
}

@media only screen and (max-width:359px) {
    div.sso-lightbox button.submit {
        width: 240px
    }
}