[data-page=] .Cyndaquil {
    background-image: url() !important;
    transform: scaleX(-1);
}
[data-page=] .Pikachu {
    background-image: url() !important;
    transform: scaleX(1);
}
[data-page=] .nubevoladora {
    width: 101%;
    height: 88%;
    margin-left: -1px;
}
[data-page=] .hero-scene {
    background-image: url() !important;
    background-repeat: no-repeat;
}

[data-page=] .sub-path-wrap .character-wrap .character.is-active {
    display: block
}
[data-page=] .sub-path-wrap .character-wrap .character {
    display: none
}

[data-page=] .switch-logo {
    position: fixed;
    text-align: right;
    top: 62px;
    right: 120px;
    z-index: 100
}

[data-page=] .sub-path-wrap .character-wrap.is-visible .graphic {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

[data-page=] .sub-path-wrap {
    z-index: 3
}

[data-page=] .sub-path-wrap .character-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: 280px
}

[data-page=] .sub-path-wrap .character-wrap div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% auto
}

[data-page=] .sub-path-wrap .character-wrap .graphic {
    opacity: 0;
    -webkit-transform: scale(.25);
    transform: scale(.25);
    -webkit-transition: opacity 250ms, -webkit-transform .5s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .5s cubic-bezier(.175, .885, .32, 1.275), opacity 250ms, -webkit-transform .5s cubic-bezier(.175, .885, .32, 1.275)
}

[data-page=] .sub-path-wrap .character-wrap.anchor-right {
    left: auto;
    right: 0
}

[data-page=] .sub-path-wrap .char-a .graphic {
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms
}

[data-page=] .sub-path-wrap .char-b .graphic {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

[data-page=] .hero-info {
    position: relative;
    margin: 0 auto
}

[data-page=] .hero-scene {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 1328px;
    height: 863px;
    background-size: 100% auto
}

[data-page=] .hero-info p {
    padding-left: 4em;
    padding-right: 4em
}

[data-page=] .info {
    position: relative;
    padding-left: 4em;
    padding-right: 4em
}

@media (min-width: 768px) {
    [data-page=] .sub-page {
        padding-bottom: 400px
    }
}

[data-page=] h2 {
    margin-top: 0;
    margin-bottom: 1rem
}

[data-page=] .hero {
    padding-top: 80px;
    text-align: center;
    margin-bottom: 0;
    z-index: 2
}

@media (min-width: 1024px) {
    [data-page=] .hero-info {
        width: 768px
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
    [data-page=] .hero-scene {
        width: 129.6875vw;
        height: 84.27734vw
    }

    [data-page=] .hero {
        padding-top: 8.73438vw
    }

    [data-page=] .hero-info {
        width: 75vw
    }
}

[data-page=] .main-content {
    z-index: 2;
    margin-bottom: 10em
}

@media (max-width: 767px) {
    [data-page=] .hero-info {
        width: 100%
    }

    [data-page=] article {
        width: 500px;
        margin: 0 auto
    }
}

[data-page=] article p b {
    font-weight: 500
}

[data-page=] .sub-path-wrap .a {
    right: 0;
    -webkit-transform: translate(0, 60%);
    transform: translate(0, 60%)
}

@media (max-width: 1023px) and (min-width: 768px) {
    [data-page=] .sub-page {
        padding-bottom: 39.0625vw
    }

    [data-page=] .sub-path-wrap .character-wrap {
        width: 27.34375vw;
        height: 27.34375vw
    }
}

@media (max-width: 539px) and (min-width: 320px) {
    [data-page=] article {
        width: 92.59259vw
    }

    [data-page=gameplay] .sub-path-wrap .character-wrap, [data-page=home] .lead-pokemon, [data-page=home] .partner-pokemon, [data-page=home] .trail-pokemon, [data-page=] .sub-path-wrap .character-wrap, [data-page=world] .sub-path-wrap .character-wrap {
        width: 51.85185vw;
        height: 51.85185vw
    }

    [data-page=] .hero {
        padding-top: 50vw
    }

    [data-page=] .hero-scene {
        width: 245.92593vw;
        height: 159.81481vw
    }
}

[data-page=] .sub-path-wrap .char-a .inner {
    -webkit-transform: translate(-60%, 306%);
    transform: translate(-60%, 306%)
}

[data-page=] .sub-path-wrap .char-b .inner {
    -webkit-transform: translate(-110%, 306%);
    transform: translate(-110%, 306%)
}