/* cover start */

#CardPopUp-Modal .CardPopUp-ModalButton{
    display: none;
}

body *{
    font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;
}

#hsoa-link,
#weibo,
#app,
#gotop {
    display: none !important;
}

.Navbar-mobile{
    position: fixed!important;
    top : 0;
    left : 0;
    width : 100%;
}
.Navbar.is-compact.hs{
    z-index: 9999!important;
}

.Navigation-wrapper-zh{
    z-index: 9998!important;
}

#footer{
    z-index: 0;
}

#boardVideo{
    display: none;
}

/* cover end */

.OyATZ {
    width: 100%;
    min-width: 300px;
    top: 0;
    left: 0;
    height: 157px;
    position: absolute;
    background: #533a23 url(https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/_next/static/images/bg_wood_tile-aff07b7098441e60ef43293207da2c2b.jpg);
}

data-styled.g140[id="WoodBackground__Background-sc-1shijk3-0"] {
    content: "OyATZ,"
}

.cVHXJb {
    position: relative;
    top: 0;
    width: 60px;
    height: 60px;
    margin: 0 5px;
    background: url(https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/_next/static/images/icon_social_bg-bf36ad9b575df1ad3173b5d84857af4a.png) 0 0 no-repeat;
    background-size: cover;
}

.cVHXJb a {
    font-size: 0;
}

data-styled.g144[id="SocialButtons__Background-sc-1vw1zgr-0"] {
    content: "cVHXJb,"
}

.jaaZpr {
    display: block;
    background-repeat: no-repeat;
    position: relative;
    width: 40px;
    height: 40px;
    max-width: 68px;
    max-height: 68px;
    background-size: 80%;
    background-position: center center;
    width: 50px;
    height: 50px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .8;
}

.jaaZpr.withBorder:before {
    content: '';
    position: absolute;
    width: 99%;
    height: 99%;
    top: -0%;
    left: -0%;
    background-size: cover;
    z-index: 1;
    background-image: url(https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/_next/static/images/icon_background-a8f6c02ea32d2c553653e78d20db40ce.png);
}

.jaaZpr.facebook {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAMAAABGS8AGAAABcVBMVEU6VZ////86VZ86VZ86VZ86VZ86VZ86VZ86VZ86VZ86VZ86VZ86VZ86VZ86VZ86VZ86VZ86VZ86VZ86VZ86VZ86VZ86VZ86VZ86VZ86VZ86VZ86VZ////86VZ86VZ86VZ86VZ////86VZ86VZ86VZ86VZ////86VZ86VZ86VZ////86VZ86VZ////86VZ86VZ////86VZ86VZ/////8/P09WKFTa6uBksH3+PtGX6VHYaU5VJ46VJ8qR5Y7Vp87VqAvS5lAWqJCXKMwTJpGYKUxTZpKY6dRaapTaqs0UJtdc7BhdrFme7VnfLVxhLp1iLx4i75+kMCAkcE2UZ2DlMOKmsaOnciSocqSosuTocqaqM6cqs+grdGhrtGuudi0vtq4wty9xt6+x+DCy+LDy+LEzOPGzuPHz+TK0eXL0+bP1ejS2OnV2+vc4e7e4u/j5/Hk6PLp7PTq7PTs7/bu8Pf19vo3Up03Up78/f7+/v43U55SaitoAAAAMnRSTlMAAAgNDxEZGh0fITlCRElQYGhqbXV5goOGh5OboKKusbS7vcfIydLU2uDk5+3x9Pf6/Vka9BUAAAL1SURBVHhetdnleuJAFIDhKRLcPRRIkRIKheaE6rq7u7u7y9Uvz8pDt2eYmcwk3wW8PwKROYfwC8TSpVqz2x9a1rDfbdZK6ViAqOaLF+o9QPXqhbhPgU1U2jCzdiUhp4YyhgXMLCMTcsxG8x0QqJOPOmKDuRYI1soFxd1UAxzUSAmykfIAHDUoR0TcpAGOM5J8N2uCRGaWw/qLI5BqVPSzXE0H6XRtthuugkLV8CxXQ65DWaO7fh0U0+nXuQjKFWludqQOj7LYTZrgQia6UyIGuJIR2QGXwaXK/7upAfDb+/PEqeuPNsb2eOPzu9dP792+cvYAggep7W6wIcDuOnT+ub2ja4BqBMm0HN/d93Xr7ncbBbjc1I22+O6l4y+QSodb07dVnn8dvh1+aQvCkP/nhjpcePee+7Yw3An9hTPAbf/lH1T3C9DK/IUNPnzkjU3tAxU2/rgJiw+v2/TeUmEr8RuuAL8nM+BXQK1CJvnawO/TDPgZHW77JnAcBBpv/8EeXlzbXF3dXDtz4eZVoBefwAUR2N7WLeBXmMB1p/Ax4FcnJNBzCh8Efr0AiYFTGESKkbQ3cJqUvIFLpOYNXCNNb+Am6XoDd0nfG7hPht7AQ2J5A1vewUOGxu0941L0VeAHjB+vqwLfYPzdmirwOcYNUlOBTzJu6ZIKfJTxEEqrwKuMx2ZMAf7IetAHevLwY9aridTl4TuslykpyMPrzNd/XB4+PROOo08sR/AWAOMTi1Tcf7pV0GesAow/Y4nhNmygo4JLcAYdbpRgfLgheXfhPDpAKsL4AElybsI5dEh3B24E0VhBGsZjhWllt+AyGt24AxsRPGxyAzaTwuMxDHPGY7iiOlxkjCBVYN3PGJoqwFWNMeZVgKth1mBaHtY1iVE6grmjdFzWlIHNrMy6gg8bSZkFC4bxgkViJcSHGympJRaG0RJLbu2GYbR2k1sUYhgtCuVWmxhGq03pZSyC+cvYuTnB9fH8wuLS8srK8tLiwjxaH1PhXxQ7sUHqaODVAAAAAElFTkSuQmCC);
}

.jaaZpr.twitter {
    background-image: url(data:image/png;base64,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);
}

.jaaZpr.twitch {
    background-image: url(data:image/png;base64,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);
}

.jaaZpr.reddit {
    background-image: url(data:image/png;base64,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);
}

.jaaZpr.instagram {
    background-image: url(https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/_next/static/images/icon_social_instagram-3c7cffdd3ab369500a1d8cfa4dd77db2.png);
}

.jaaZpr.vkontakte {
    background-image: url(data:image/png;base64,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);
}

.jaaZpr.youtube {
    background-image: url(data:image/png;base64,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);
}

.jaaZpr:hover,
.jaaZpr:active,
.jaaZpr:focus {
    opacity: 1;
}

data-styled.g145[id="SocialButtons__CustomSocialIcon-sc-1vw1zgr-1"] {
    content: "jaaZpr,"
}

.cOBlRd {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    height: auto;
}

data-styled.g146[id="ButtonRow__Background-sc-29rib0-0"] {
    content: "cOBlRd,"
}

.ffcFP {
    color: #c3a681;
    margin: 0 0 10px 0;
}

data-styled.g147[id="SocialText__TextContainer-sc-185knbs-0"] {
    content: "ffcFP,"
}

.cSIZWk {
    position: relative;
    margin-left: 0;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

data-styled.g148[id="ButtonDisplay__Background-kcddsa-0"] {
    content: "cSIZWk,"
}

.gAQtbM {
    position: relative;
    width: 100%;
    height: 157px;
    left: 0;
    z-index: 3;
    margin-bottom: -14px;
    -webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, .7));
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, .7));
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.gAQtbM h6 {
    font-size: 16px;
}

data-styled.g149[id="SocialFooterApp__Container-ba78f8-0"] {
    content: "gAQtbM,"
}

.gsBsmF {
    overflow: hidden!important;
    min-height: 100%;
    width: 100%;
    max-width: 2600px;
    margin: 0 auto;
    min-height: 800px;
}

data-styled.g151[id="HowToPlayLayout__GameGuidePage-sc-1y6q2yh-0"] {
    content: "gsBsmF,"
}

.htVrzr {
    pointer-events: all;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

.htVrzr:hover {
    cursor: pointer;
}

@media (max-width:1280px) {
    .htVrzr {
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
    }
}

data-styled.g152[id="HowToPlayLayout__StickyNavGroupWrapper-sc-1y6q2yh-1"] {
    content: "htVrzr,"
}

.ihImbu {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 50px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.ihImbu.intro-active {
    padding-bottom: 24px;
}

@media (max-width:1280px) {
    .ihImbu {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: auto;
    }

    .ihImbu.intro-active {
        padding-bottom: 0;
    }
}

data-styled.g153[id="HowToPlayLayout__AnchorWrapper-sc-1y6q2yh-2"] {
    content: "ihImbu,"
}

.bzAEfQ {
    position: absolute;
    margin: 0;
    font-size: 15px;
    color: white;
    white-space: nowrap;
    opacity: 0;
    right: 40px;
}

.bzAEfQ.mouse-enter {
    right: 50px;
    -webkit-transition: opacity .5s, right .5s;
    transition: opacity .5s, right .5s;
}

.bzAEfQ.mouse-exit {
    opacity: 0;
    right: 40px;
    -webkit-transition: opacity .5s, right .5s;
    transition: opacity .5s, right .5s;
}

data-styled.g154[id="HowToPlayLayout__TopicTitle-sc-1y6q2yh-3"] {
    content: "bzAEfQ,"
}

.bNWCoN {
    cursor: pointer;
    z-index: 2;
    margin-right: 7px;
    opacity: 1;
}

.bNWCoN.mouse-enter {
    opacity: 0;
}

.bNWCoN.mouse-exit {
    opacity: 1;
}

@media (max-width:1280px) {
    .bNWCoN {
        opacity: 0;
    }

    .bNWCoN.mouse-enter {
        -webkit-animation: hwthrr .3s ease-in-out;
        animation: hwthrr .3s ease-in-out;
        opacity: 1;
    }

    .bNWCoN.mouse-exit {
        opacity: 0;
    }
}

data-styled.g156[id="HowToPlayLayout__AnchorImage-sc-1y6q2yh-5"] {
    content: "bNWCoN,"
}

.RinvU {
    cursor: pointer;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 34px;
    width: 34px;
    background: url('https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/contentstack/menu_plate.png');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
}

.RinvU.mouse-enter {
    -webkit-animation: hwthrr .3s ease-in-out;
    animation: hwthrr .3s ease-in-out;
    opacity: 1;
}

.RinvU.mouse-exit {
    opacity: 0;
}

@media (max-width:1280px) {
    .RinvU {
        opacity: 1;
    }

    .RinvU.mouse-enter {
        -webkit-animation: hwthrr .3s ease-in-out;
        animation: hwthrr .3s ease-in-out;
        opacity: 1;
    }

    .RinvU.mouse-exit {
        opacity: 1;
    }

    .RinvU.active {
        -webkit-filter: drop-shadow(rgba(255, 157, 30, 0.9) 0px 0px 3px);
        filter: drop-shadow(rgba(255, 157, 30, 0.9) 0px 0px 3px);
    }
}

data-styled.g157[id="HowToPlayLayout__AnchorFrame-sc-1y6q2yh-6"] {
    content: "RinvU,"
}

.XoubO {
    position: absolute;
    bottom: 100px;
    width: 40px;
    height: 40px;
}

.XoubO path,
.XoubO rect {
    fill: #bcbcbc;
}

data-styled.g164[id="ScrollIndicator__Container-sc-1bde7gr-0"] {
    content: "XoubO,"
}

.gONAQZ {
    position: fixed;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999;
    top: 50%;
    right: 80px;
    color: white;
    text-align: right;
}

@media (min-width:1280px) {
    .gONAQZ {
        pointer-events: none;
        height: 100%;
        width: 300px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-right: 50px;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        right: 0;
    }

    .gONAQZ:before {
        content: '';
        position: absolute;
        background: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .85));
        width: 300px;
        height: 100%;
        -webkit-transition: all .15s ease-out;
        transition: all .15s ease-out;
        right: 0;
    }

    .gONAQZ:hover .topicTitle {
        opacity: 0.5;
    }

    .gONAQZ:hover .topicTitle.mouse-enter {
        opacity: 1;
    }

    .gONAQZ:hover .intro-active .topicTitle {
        opacity: 1;
    }

    .gONAQZ:hover:before {
        content: '';
        width: 350px;
        position: absolute;
        background: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .60) 55%, rgba(0, 0, 0, .85));
        height: 100%;
    }
}

@media (max-width:1280px) {
    .gONAQZ {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        white-space: nowrap;
        padding-top: 5px;
        padding-bottom: 5px;
        top: 50px;
        right: auto;
        height: 49px;
        width: 100%;
        overflow-y: hidden;
        -webkit-scroll-snap-type: x-mandatory;
        -moz-scroll-snap-type: x-mandatory;
        -ms-scroll-snap-type: x-mandatory;
        scroll-snap-type: x-mandatory;
        background-color: rgba(0, 0, 0, 0.7);
    }

    .gONAQZ [data-simplebar] {
        height: 50px;
    }

    .gONAQZ .sticky-nav-group:first-of-type {
        padding-left: 0;
    }
}

data-styled.g165[id="StickyNav__StickyNavWrapper-sc-4wkrjo-0"] {
    content: "gONAQZ,"
}

.kPyShN {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 100px;
    background: #1A122A url('https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/contentstack/bg_inkeeper-lessons.jpg') top center no-repeat fixed;
    background-size: cover;
}

@media (max-width:1280px) {
    .kPyShN {
        padding: 50px 20px;
        background-attachment: initial;
        background-size: 120%;
    }
}

@media (max-width:480px) {
    .kPyShN {
        padding: 50px 0;
    }
}

data-styled.g166[id="TextModule__TextModuleWrapper-sc-1ccv4sf-0"] {
    content: "kPyShN,"
}

.iDZUAv {
    position: relative;
    max-width: 1080px;
    border-radius: 6px;
    background-color: #E7D5A7;
}

.iDZUAv:before {
    content: " ";
    position: absolute;
    z-index: 1;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border: 3px solid #806543;
    border-radius: 6px;
}

.iDZUAv:after {
    content: " ";
    position: absolute;
    z-index: 1;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    border: 1px solid rgba(128, 101, 67, .5);
    border-radius: 6px;
}

@media (max-width:480px) {
    .iDZUAv {
        width: 105%;
    }
}

data-styled.g167[id="TextModule__TextPanelWrapper-sc-1ccv4sf-1"] {
    content: "iDZUAv,"
}

.BkoWD {
    position: relative;
    z-index: 2;
    margin: 50px;
}

@media (max-width:1280px) {
    .BkoWD {
        margin: 30px;
    }
}

data-styled.g168[id="TextModule__TextPanel-sc-1ccv4sf-2"] {
    content: "BkoWD,"
}

.fBScdw {
    max-width: 750px;
    text-align: center;
}

data-styled.g169[id="TextModule__Header-sc-1ccv4sf-3"] {
    content: "fBScdw,"
}

.dNtrcj {
    margin: 0;
    color: white;
    text-transform: uppercase;
}

data-styled.g170[id="TextModule__HowToPlayHeading-sc-1ccv4sf-4"] {
    content: "dNtrcj,"
}

.jCXfkf {
    color: white;
}

@media (max-width:1280px) {
    .jCXfkf {
        margin-bottom: 20px;
    }
}

data-styled.g171[id="TextModule__TitleHeading-sc-1ccv4sf-5"] {
    content: "jCXfkf,"
}

.gCsFSN {
    color: white;
}

.gCsFSN a {
    color: #fcd144;
}

@media (max-width:480px) {
    .gCsFSN {
        padding: 0 20px;
        max-width: 380px;
        margin: auto;
    }
}

data-styled.g172[id="TextModule__LeadText-sc-1ccv4sf-6"] {
    content: "gCsFSN,"
}

.exmfiQ {
    margin-bottom: -5px;
}

@media (max-width:1280px) {
    .exmfiQ#innkeepers-lessons--character {
        width: 65%;
    }

    .exmfiQ#build-a-deck--character {
        width: 95%;
    }
}

data-styled.g173[id="TextModule__Character-sc-1ccv4sf-7"] {
    content: "exmfiQ,"
}

.kkqwZp {
    float: right;
    margin-right: -41px;
}

@media (max-width:80em) {
    .kkqwZp {
        display: none;
    }
}

data-styled.g174[id="TextModuleLayout__FloatingImage-sc-1iwrmok-0"] {
    content: "kkqwZp,"
}

.hqPrgy ul {
    list-style-type: none;
    padding-left: 0;
}

.hqPrgy li {
    position: relative;
    padding-left: 20px;
}

.hqPrgy li:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 7px;
    left: -2px;
    height: 12px;
    width: 12px;
    background-size: 12px;
    background-image: url('https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/contentstack/mana-icon.png');
}

.hqPrgy li a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

.hqPrgy a.CardPopUp {
    -webkit-text-decoration: none;
    text-decoration: none;
}

data-styled.g175[id="SubSection__SubSectionWrapper-sc-1jcvzk2-0"] {
    content: "hqPrgy,"
}

.gkiTrk {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

data-styled.g176[id="SubSection__SubSectionTitleWrapper-sc-1jcvzk2-1"] {
    content: "gkiTrk,"
}

.gAcAft {
    margin-left: -5px;
}

data-styled.g177[id="SubSection__SubSectionTitleIcon-sc-1jcvzk2-2"] {
    content: "gAcAft,"
}

.iIzWbB {
    margin-left: 5px;
    color: #614326;
}

data-styled.g178[id="SubSection__SubSectionTitle-sc-1jcvzk2-3"] {
    content: "iIzWbB,"
}

.heRWGF {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-left: -65px;
    z-index: 2;
    height: 66px;
    max-width: 559px;
    background: url('https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/contentstack/bg_title.png') center center no-repeat;
    background-size: contain;
}

@media (max-width:1280px) {
    .heRWGF {
        margin-left: -48px;
    }
}

@media (max-width:480px) {
    .heRWGF {
        background-size: cover;
        -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 5px 5px);
        filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 5px 5px);
        margin-left: -65px;
        margin-right: -50px;
        margin-bottom: 10px;
    }
}

data-styled.g179[id="Section__Banner-sc-1bgtofv-0"] {
    content: "heRWGF,"
}

.gwSRPJ {
    margin-left: 65px;
    margin-bottom: 15px;
    text-shadow: #000 2px 0 0, #000 1.75517px 0.95885px 0, #000 1.0806px 1.68294px 0, #000 0.14147px 1.99499px 0, #000 -0.83229px 1.81859px 0, #000 -1.60229px 1.19694px 0, #000 -1.97998px 0.28224px 0, #000 -1.87291px -0.70157px 0, #000 -1.30729px -1.5136px 0, #000 -0.42159px -1.95506px 0, #000 0.56732px -1.91785px 0, #000 1.41734px -1.41108px 0, #000 1.92034px -0.55883px 0;
    color: white;
}

data-styled.g180[id="Section__SectionTitle-sc-1bgtofv-1"] {
    content: "gwSRPJ,"
}

.emoozl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

data-styled.g181[id="DecksTextModule__SectionWrapper-auo6f5-0"] {
    content: "emoozl,"
}

.eebwPt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

data-styled.g182[id="DecksTextModule__FlexColumn-auo6f5-1"] {
    content: "eebwPt,"
}

.gFSjjO {
    float: right;
    margin-right: -41px;
    margin-top: 66px;
    margin-left: 100px;
}

@media (max-width:80em) {
    .gFSjjO {
        display: none;
    }
}

data-styled.g183[id="DecksTextModule__DecksFloatingImage-auo6f5-2"] {
    content: "gFSjjO,"
}

.hALDwd {
    position: absolute;
    left: 50%;
    padding: 10px;
    color: #000;
    z-index: 10;
    text-align: center;
    background: #F2EBE3;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: Open Sans, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    border: 2px solid black;
    cursor: auto;
    box-shadow: rgba(0, 0, 0, 0.8) 0 2px 10px;
    white-space: nowrap;
    max-width: none;
    text-align: left;
}

.hALDwd h5 {
    color: #614326;
}

.th-th .hALDwd {
    font-weight: normal;
}

.th-th .hALDwd b {
    font-weight: normal;
}

.hALDwd:before {
    left: 50%;
    margin-left: -16px;
    border: none;
}

.hALDwd:after {
    display: none;
}

.hALDwd.on-top:before {
    bottom: -15px;
}

.hALDwd.on-top.points-right:before {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.hALDwd.on-bottom:before {
    top: -15px;
}

.hALDwd.on-bottom.points-left:before {
    -webkit-transform: rotate(180deg) scaleX(-1);
    -ms-transform: rotate(180deg) scaleX(-1);
    transform: rotate(180deg) scaleX(-1);
}

.hALDwd.on-bottom.points-right:before {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
}

.hALDwd.pin-left {
    left: 0;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

.hALDwd.pin-left:before {
    left: 30px;
}

.hALDwd.pin-right {
    right: 0;
    left: auto;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

.hALDwd.pin-right:before,
.hALDwd.tail-right:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 30px;
    left: auto;
}

.hALDwd.border-rounded {
    border-radius: 7px;
}

.hALDwd:before {
    content: "";
    position: absolute;
    z-index: 1;
    background-image: url(https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/_next/static/images/ui-components-sprite-9876cae71dc8f0fe65e93530bb0b6b8a.png);
    background-position: 0 -44px;
    width: 34px;
    height: 16px;
    border: none;
}

.hALDwd:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    margin-left: -12px - 1px;
    border-top: (12px + 1px) solid darken(#F2EBE3, 40%);
    border-right: (12px + 1px) solid transparent;
    border-left: (12px + 1px) solid transparent;
    z-index: 0;
}

.hALDwd.small {
    padding: 5px 10px;
    font-family: Belwe Bold, Georgia, Times, Times New Roman, serif;
    color: #614326;
}

.hALDwd.small:before {
    position: absolute;
    left: 50%;
    width: 8px;
    height: 8px;
    padding: 0;
    color: #000;
    z-index: 10;
    background: #F2EBE3;
    border-radius: 0 0 3px 0;
    border-color: darken(#F2EBE3, 40%);
    border-style: solid;
    border-width: 0 2px 2px 0;
    white-space: normal;
    cursor: auto;
    -webkit-transform: translate(10px, -8.3px) rotate(45deg);
    -ms-transform: translate(10px, -8.3px) rotate(45deg);
    transform: translate(10px, -8.3px) rotate(45deg);
}

.hALDwd p {
    padding: .5em;
    margin: 0;
}

.hALDwd.tail-left.points-left {
    text-align: left;
}

.hALDwd.tail-left.points-left:before {
    left: 30px;
    bottom: -15px;
    margin-left: -16px;
}

.hALDwd.tail-center {
    font-family: Belwe Bold, Georgia, Times, Times New Roman, serif;
    font-weight: 400;
    padding: 2px 10px;
    color: #614326;
}

.hALDwd.tail-center:before {
    position: absolute;
    left: 50%;
    width: 8px;
    height: 8px;
    padding: 0;
    color: #000;
    z-index: 10;
    background: #F2EBE3;
    border-radius: 0 0 3px 0;
    border-color: darken(#F2EBE3, 40%);
    border-style: solid;
    border-width: 0 2px 2px 0;
    white-space: normal;
    cursor: auto;
    -webkit-transform: translate(10px, -8.3px) rotate(45deg);
    -ms-transform: translate(10px, -8.3px) rotate(45deg);
    transform: translate(10px, -8.3px) rotate(45deg);
}

data-styled.g184[id="Tooltip__Wrapper-sc-14tsd5y-0"] {
    content: "hALDwd,"
}

.fRKVDF {
    position: absolute;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s;
    transition: all .3s;
    background: url(https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/contentstack/overview_cards.png) center center no-repeat;
    background-size: contain;
    opacity: 0;
    overflow-x: hidden;
}

.fRKVDF.enableHover {
    pointer-events: all;
    cursor: pointer;
}

.fRKVDF.selected {
    opacity: 1;
    z-index: 3;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: drop-shadow(rgba(42, 255, 0, 1) 0 0 10px);
    filter: drop-shadow(rgba(42, 255, 0, 1) 0 0 10px);
}

.laccrk {
    position: absolute;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s;
    transition: all .3s;
    background: url(https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/contentstack/overview_hero_mine.png) center center no-repeat;
    background-size: contain;
    opacity: 0;
    overflow-x: hidden;
}

.laccrk.enableHover {
    pointer-events: all;
    cursor: pointer;
}

.laccrk.selected {
    opacity: 1;
    z-index: 3;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: drop-shadow(rgba(42, 255, 0, 1) 0 0 10px);
    filter: drop-shadow(rgba(42, 255, 0, 1) 0 0 10px);
}

.gRTcdM {
    position: absolute;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s;
    transition: all .3s;
    background: url(https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/contentstack/overview_hero_power.png) center center no-repeat;
    background-size: contain;
    opacity: 0;
    overflow-x: hidden;
}

.gRTcdM.enableHover {
    pointer-events: all;
    cursor: pointer;
}

.gRTcdM.selected {
    opacity: 1;
    z-index: 3;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: drop-shadow(rgba(42, 255, 0, 1) 0 0 10px);
    filter: drop-shadow(rgba(42, 255, 0, 1) 0 0 10px);
}

.hDyCBl {
    position: absolute;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s;
    transition: all .3s;
    background: url(https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/contentstack/overview_mana.png) center center no-repeat;
    background-size: contain;
    opacity: 0;
    overflow-x: hidden;
}

.hDyCBl.enableHover {
    pointer-events: all;
    cursor: pointer;
}

.hDyCBl.selected {
    opacity: 1;
    z-index: 3;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: drop-shadow(rgba(42, 255, 0, 1) 0 0 10px);
    filter: drop-shadow(rgba(42, 255, 0, 1) 0 0 10px);
}

.hktOSK {
    position: absolute;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s;
    transition: all .3s;
    background: url(https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/contentstack/overivew_weapon.png) center center no-repeat;
    background-size: contain;
    opacity: 0;
    overflow-x: hidden;
}

.hktOSK.enableHover {
    pointer-events: all;
    cursor: pointer;
}

.hktOSK.selected {
    opacity: 1;
    z-index: 3;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: drop-shadow(rgba(42, 255, 0, 1) 0 0 10px);
    filter: drop-shadow(rgba(42, 255, 0, 1) 0 0 10px);
}

.dHKSQz {
    position: absolute;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s;
    transition: all .3s;
    background: url(https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/contentstack/overview_minion.png) center center no-repeat;
    background-size: contain;
    opacity: 0;
    overflow-x: hidden;
}

.dHKSQz.enableHover {
    pointer-events: all;
    cursor: pointer;
}

.dHKSQz.selected {
    opacity: 1;
    z-index: 3;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: drop-shadow(rgba(42, 255, 0, 1) 0 0 10px);
    filter: drop-shadow(rgba(42, 255, 0, 1) 0 0 10px);
}

.khFKeT {
    position: absolute;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s;
    transition: all .3s;
    background: url(https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/contentstack/overview_hero_opponent.png) center center no-repeat;
    background-size: contain;
    opacity: 0;
    overflow-x: hidden;
}

.khFKeT.enableHover {
    pointer-events: all;
    cursor: pointer;
}

.khFKeT.selected {
    opacity: 1;
    z-index: 3;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: drop-shadow(rgba(42, 255, 0, 1) 0 0 10px);
    filter: drop-shadow(rgba(42, 255, 0, 1) 0 0 10px);
}

.Ngiya {
    position: absolute;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s;
    transition: all .3s;
    background: url(https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/contentstack/overview_deck.png) center center no-repeat;
    background-size: contain;
    opacity: 0;
    overflow-x: hidden;
}

.Ngiya.enableHover {
    pointer-events: all;
    cursor: pointer;
}

.Ngiya.selected {
    opacity: 1;
    z-index: 3;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: drop-shadow(rgba(42, 255, 0, 1) 0 0 10px);
    filter: drop-shadow(rgba(42, 255, 0, 1) 0 0 10px);
}

.jDjOUq {
    position: absolute;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s;
    transition: all .3s;
    background: url(https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/contentstack/overview_history.png) center center no-repeat;
    background-size: contain;
    opacity: 0;
    overflow-x: hidden;
}

.jDjOUq.enableHover {
    pointer-events: all;
    cursor: pointer;
}

.jDjOUq.selected {
    opacity: 1;
    z-index: 3;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: drop-shadow(rgba(42, 255, 0, 1) 0 0 10px);
    filter: drop-shadow(rgba(42, 255, 0, 1) 0 0 10px);
}

data-styled.g185[id="BoardIcon__Container-zkbwf7-0"] {
    content: "fRKVDF,laccrk,gRTcdM,hDyCBl,hktOSK,dHKSQz,khFKeT,Ngiya,jDjOUq,"
}

.hyBoeJ {
    height: 100%;
    -webkit-transition: background-color 0.7s ease;
    transition: background-color 0.7s ease;
}

.hyBoeJ .tooltip {
    width: 20%;
    white-space: pre-wrap;
    opacity: 0;
    z-index: -1;
    padding: 15px;
}

.hyBoeJ .tooltip.selected {
    -webkit-animation: .3s iWuOdU ease-in-out;
    animation: .3s iWuOdU ease-in-out;
    z-index: 3;
    opacity: 1;
}

.hyBoeJ .your-hand--tooltip {
    left: 22%;
    bottom: 15%;
}

.hyBoeJ .your-hero--tooltip {
    bottom: 32%;
    left: 28%;
}

.hyBoeJ .hero-power--tooltip {
    bottom: 28%;
    left: 61%;
}

.hyBoeJ .your-deck--tooltip {
    bottom: 50%;
    left: 62%;
}

.hyBoeJ .your-opponent--tooltip {
    top: 5%;
    left: 55%;
}

.hyBoeJ .your-minions--tooltip {
    bottom: 50%;
    left: 53%;
}

.hyBoeJ .turn-history--tooltip {
    left: 22%;
    bottom: 58%;
}

.hyBoeJ .your-weapon--tooltip {
    bottom: 28%;
    left: 20%;
}

.hyBoeJ .mana-crystals--tooltip {
    bottom: 14%;
    right: 61%;
}

data-styled.g186[id="BoardSection__Container-sc-1q87dcl-0"] {
    content: "hyBoeJ,"
}

.eDURyv {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    z-index: 9999;
}

.eDURyv.active {
    pointer-events: all;
}

.eDURyv .blurOverlay {
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
}

data-styled.g187[id="BlurOverlay__Overlay-sc-1siqg7o-0"] {
    content: "eDURyv,"
}

.cXPPYY {
    width: 750px;
    text-align: center;
    color: white;
}

.cXPPYY h2 {
    color: white;
    margin: 10px 0 25px;
    opacity: 0;
}

.cXPPYY .howToPlay--title {
    text-transform: uppercase;
    font-size: 13px;
    opacity: 0;
}

.cXPPYY p.lead {
    opacity: 0;
}

data-styled.g188[id="BlurOverlay__TextWrapper-sc-1siqg7o-1"] {
    content: "cXPPYY,"
}

.cxhUCt {
    position: absolute;
    z-index: 1;
    background: #000000;
}

data-styled.g189[id="ScalingAnimation__OnscreenContainer-sc-2l69qc-0"] {
    content: "cxhUCt,"
}

.fueLEN {
    position: absolute;
    width: 100%;
    top: 0;
}

data-styled.g190[id="FullScreenSectionContainer__OffscreenContainer-sc-1o4u78m-0"] {
    content: "fueLEN,"
}

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

data-styled.g191[id="FullScreenSectionContainer__PointerEventsWrapper-sc-1o4u78m-1"] {
    content: "degBVn,"
}

.hZOYPg {
    background-color: black;
    pointer-events: none;
    position: relative;
    max-width: 100%;
}

.hZOYPg.triggered {
    pointer-events: auto;
}

@media (max-width:47.9375em) {
    .hZOYPg {
        height: auto;
    }
}

.hZOYPg .pinnedSection {
    position: absolute;
    pointer-events: none;
}

.hZOYPg .pinnedSection::before,
.hZOYPg .pinnedSection::after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 2;
}

@media screen and (min-width:1280px) {
    .hZOYPg .pinnedSection::after {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 1) 90%), linear-gradient(to left, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 1) 90%);
    }
}

.hZOYPg .backgroundVideo {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 50px #000000 inset;
}

.hZOYPg .backgroundVideo video {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    width: auto;
    height: 100%;
}

data-styled.g192[id="BoardOverviewModule__BoardOverviewWrapper-sc-415lww-0"] {
    content: "hZOYPg,"
}

.fHDYjL {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    pointer-events: none;
}

data-styled.g193[id="BoardOverviewModule__BoardSectionWrapper-sc-415lww-1"] {
    content: "fHDYjL,"
}

.enXhni {
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 1) 99%), linear-gradient(to left, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 1) 99%);
}

data-styled.g194[id="BoardOverviewModule__SubSectionWrapper-sc-415lww-2"] {
    content: "enXhni,"
}

.hGSlgh {
    position: absolute;
    width: 100%;
    pointer-events: none;
    z-index: 1;
    background: #000000;
    -webkit-transition: top 0.6s ease-out;
    transition: top 0.6s ease-out;
}

data-styled.g195[id="FullScreenScrollingSection__OnscreenContainer-sc-5rjcu0-0"] {
    content: "hGSlgh,"
}

.jRtbwf {
    width: 100%;
    background: #000000;
    position: absolute;
    pointer-events: auto;
    top: 0;
    z-index: 0;
}

data-styled.g196[id="PlayingHearthstoneSlide__SlideContainer-sc-1k9682y-0"] {
    content: "jRtbwf,"
}

.kdRUdV {
    position: relative;
    top: 50px;
}

.kdRUdV img {
    object-fit: cover;
    width: 100%;
    height: 85%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.kdRUdV:after {
    content: '';
    position: absolute;
    width: 102%;
    height: 102%;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 1) 99%), linear-gradient(to left, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 1) 99%), linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 1) 85%);
    bottom: -2px;
}

data-styled.g197[id="PlayingHearthstoneSlide__Slide-sc-1k9682y-1"] {
    content: "kdRUdV,"
}

.jZoCJu {
    max-width: 700px;
    border: 2px solid black;
    box-shadow: rgba(0, 0, 0, 0.8) 0 2px 10px;
    background-color: white;
    border-radius: 10px;
    padding: 20px 20px 0;
    position: absolute;
    bottom: 30px;
    z-index: 2;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
}

.jZoCJu h5 {
    color: #614326;
}

.jZoCJu.triggered {
    -webkit-animation: .4s bXjDxq ease-in-out 0.7s;
    animation: .4s bXjDxq ease-in-out 0.7s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    opacity: 1;
}

data-styled.g198[id="PlayingHearthstoneSlide__TextBubble-sc-1k9682y-2"] {
    content: "jZoCJu,"
}

.iTumcw {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 200px;
    height: 180px;
}

.iTumcw .hexTitle {
    font-size: 13px;
    font-weight: 600;
    color: #fcd144;
    margin: 10px 0;
}

.iTumcw:hover {
    cursor: pointer;
}

.iTumcw:hover .buttonBackground::after {
    visibility: visible;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: -webkit-transform .3s;
    -webkit-transition: transform .3s;
    transition: transform .3s;
}

.iTumcw:hover .hexTitle {
    color: white;
}

data-styled.g199[id="HexButton__HexButtonWrapper-xne4n0-0"] {
    content: "iTumcw,"
}

.eLxaZD {
    background: url(https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/_next/static/images/menu_plate-ff1eb58502b91c92ce108e86f116e09d.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: -5;
    width: 100px;
    height: 100px;
}

.eLxaZD::after {
    content: '';
    background: url(https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/_next/static/images/menu_plate_hover-4d1d86a679642c57a2580e5df05bdf39.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: -4;
    margin-top: -100px;
    width: 100px;
    height: 100px;
    -webkit-filter: drop-shadow(rgba(255, 157, 30, 0.9) 0px 5px 10px);
    filter: drop-shadow(rgba(255, 157, 30, 0.9) 0px 5px 10px);
    visibility: hidden;
}

@media screen and (max-width:480px) {
    .eLxaZD {
        width: 80px;
        height: 80px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .eLxaZD::after {
        width: 80px;
        height: 80px;
        margin-top: 0;
        margin-left: -3px;
    }
}

data-styled.g200[id="HexButton__ButtonBackground-xne4n0-1"] {
    content: "eLxaZD,"
}

.bVRQvs {
    width: 100px;
    height: 100px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
}

.bVRQvs::before,
.bVRQvs::after {
    content: '';
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 80px;
    height: 80px;
    position: absolute;
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {

    .bVRQvs::before,
    .bVRQvs::after {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 10;
    }
}

@media screen and (max-width:480px) {
    .bVRQvs {
        height: 80px;
        width: 80px;
    }

    .bVRQvs::before,
    .bVRQvs::after {
        width: 60px;
        height: 60px;
    }
}

.bVRQvs::before {
    background-image: url(https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/contentstack/menu_overview_1.png);
    opacity: 1;
}

.bVRQvs::after {
    background-image: url(https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/contentstack/menu_overview_2.png);
    opacity: 0;
    z-index: 2;
}

.hRhlwd {
    width: 100px;
    height: 100px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
}

.hRhlwd::before,
.hRhlwd::after {
    content: '';
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 80px;
    height: 80px;
    position: absolute;
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {

    .hRhlwd::before,
    .hRhlwd::after {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 10;
    }
}

@media screen and (max-width:480px) {
    .hRhlwd {
        height: 80px;
        width: 80px;
    }

    .hRhlwd::before,
    .hRhlwd::after {
        width: 60px;
        height: 60px;
    }
}

.hRhlwd::before {
    background-image: url(https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/contentstack/menu_play-hs_1.png);
    opacity: 1;
}

.hRhlwd::after {
    background-image: url(https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/contentstack/menu_play-hs_2.png);
    opacity: 0;
    z-index: 2;
}

.fhCajs {
    width: 100px;
    height: 100px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
}

.fhCajs::before,
.fhCajs::after {
    content: '';
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 80px;
    height: 80px;
    position: absolute;
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {

    .fhCajs::before,
    .fhCajs::after {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 10;
    }
}

@media screen and (max-width:480px) {
    .fhCajs {
        height: 80px;
        width: 80px;
    }

    .fhCajs::before,
    .fhCajs::after {
        width: 60px;
        height: 60px;
    }
}

.fhCajs::before {
    background-image: url(https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/contentstack/menu_innkeeper-lessons.png);
    opacity: 1;
}

.fhCajs::after {
    background-image: url();
    opacity: 0;
    z-index: 2;
}

.pgBCR {
    width: 100px;
    height: 100px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
}

.pgBCR::before,
.pgBCR::after {
    content: '';
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 80px;
    height: 80px;
    position: absolute;
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {

    .pgBCR::before,
    .pgBCR::after {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 10;
    }
}

@media screen and (max-width:480px) {
    .pgBCR {
        height: 80px;
        width: 80px;
    }

    .pgBCR::before,
    .pgBCR::after {
        width: 60px;
        height: 60px;
    }
}

.pgBCR::before {
    background-image: url(https://hearthstone.nosdn.127.net/3/V2/gameguide/how-to-play/contentstack/menu_build-a-deck.png);
    opacity: 1;
}

.pgBCR::after {
    background-image: url();
    opacity: 0;
    z-index: 2;
}

data-styled.g201[id="HexButton__Icon-xne4n0-2"] {
    content: "bVRQvs,hRhlwd,fhCajs,pgBCR,"
}

.fFnyXk {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: white;
    position: relative;
    min-height: 500px;
    overflow: hidden;
    z-index: 0;
    height: 100%;
    background-position: center center;
    background-size: cover;
}

.fFnyXk .backgroundVideo {
    overflow: hidden;
    position: absolute;
    z-index: 0;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.fFnyXk .backgroundVideo #introVideo {
    top: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: none;
    min-width: 2200px;
    width: 100%;
}

@media screen and (max-width:1024px) {
    .fFnyXk .backgroundVideo #introVideo {
        width: auto;
    }
}

data-styled.g202[id="IntroModule__IntroModuleWrapper-ktgxcz-0"] {
    content: "fFnyXk,"
}

.jcmnFm {
    width: 750px;
    text-align: center;
    padding: 180px 0 60px;
    z-index: 9;
    position: relative;
}

.jcmnFm .flexRow {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width:1024px) {
    .jcmnFm .flexRow {
        display: block;
    }
}

.jcmnFm .pictureWrapper {
    position: relative;
    width: 100%;
}

.jcmnFm .pictureWrapper #keyart {
    width: 70%;
    margin-left: -7%;
    margin-bottom: -60px;
}

.jcmnFm #titleWithGlow {
    -webkit-animation: .7s krRtoa ease-in-out .5s;
    animation: .7s krRtoa ease-in-out .5s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

.jcmnFm p.lead {
    -webkit-animation: .7s krRtoa ease-in-out 1s;
    animation: .7s krRtoa ease-in-out 1s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    margin-bottom: 50px;
}

@media (max-width:1280px) {
    .jcmnFm {
        width: 70%;
        padding: 60px 0;
    }

    .jcmnFm p.lead {
        margin-top: 20px;
    }

    .jcmnFm img#keyart {
        width: 80;
    }
}

@media screen and (max-width:480px) {
    .jcmnFm {
        width: 90%;
    }

    .jcmnFm img#keyart {
        width: 350px;
        margin-left: -50px;
    }
}

data-styled.g203[id="IntroModule__IntroTextWrapper-ktgxcz-1"] {
    content: "jcmnFm,"
}

.cNJdop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 30px;
}

@media screen and (max-width:1024px) {
    .cNJdop {
        margin: 0;
    }
}

.cNJdop .HexButtonWrapper:nth-child(1) {
    -webkit-animation: .4s iaGalF ease-in-out 1.5s;
    animation: .4s iaGalF ease-in-out 1.5s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

.cNJdop .HexButtonWrapper:nth-child(2) {
    -webkit-animation: .4s iaGalF ease-in-out 1.7s;
    animation: .4s iaGalF ease-in-out 1.7s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

.cNJdop .HexButtonWrapper:nth-child(3) {
    -webkit-animation: .4s iaGalF ease-in-out 1.9s;
    animation: .4s iaGalF ease-in-out 1.9s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

.cNJdop .HexButtonWrapper:nth-child(4) {
    -webkit-animation: .4s iaGalF ease-in-out 2.1s;
    animation: .4s iaGalF ease-in-out 2.1s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

.cNJdop .HexButtonWrapper#HexButton--board-overview:hover .buttonIcon:after {
    -webkit-animation: jsFMha .7s infinite ease-in-out;
    animation: jsFMha .7s infinite ease-in-out;
}

.cNJdop .HexButtonWrapper#HexButton--playing-hearthstone:hover .buttonIcon:before {
    -webkit-animation: GeMpb .7s infinite step-end;
    animation: GeMpb .7s infinite step-end;
}

.cNJdop .HexButtonWrapper#HexButton--playing-hearthstone:hover .buttonIcon:after {
    -webkit-animation: jsFMha .7s infinite step-end;
    animation: jsFMha .7s infinite step-end;
}

.cNJdop .HexButtonWrapper#HexButton--innkeepers-lessons #typing {
    z-index: 9;
    position: absolute;
    width: 100%;
}

.cNJdop .HexButtonWrapper#HexButton--innkeepers-lessons span {
    height: 5px;
    width: 5px;
    margin: 0 2px 8px;
    background-color: black;
    display: inline-block;
    border-radius: 50%;
    z-index: 2;
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .cNJdop .HexButtonWrapper#HexButton--innkeepers-lessons .buttonIcon #typing {
        width: 60px;
        margin-top: -10px;
        margin-left: -30px;
    }
}

.cNJdop .HexButtonWrapper#HexButton--innkeepers-lessons:hover span {
    opacity: 0;
}

.cNJdop .HexButtonWrapper#HexButton--innkeepers-lessons:hover span:nth-child(1) {
    -webkit-animation: 1s dSydgJ infinite .3s;
    animation: 1s dSydgJ infinite .3s;
}

.cNJdop .HexButtonWrapper#HexButton--innkeepers-lessons:hover span:nth-child(2) {
    -webkit-animation: 1s dSydgJ infinite .5s;
    animation: 1s dSydgJ infinite .5s;
}

.cNJdop .HexButtonWrapper#HexButton--innkeepers-lessons:hover span:nth-child(3) {
    -webkit-animation: 1s dSydgJ infinite .7s;
    animation: 1s dSydgJ infinite .7s;
}

.cNJdop .HexButtonWrapper#HexButton--build-a-deck:hover .buttonIcon:before {
    -webkit-animation: dolPFq 0.4s ease-in-out 0.1s infinite alternate;
    animation: dolPFq 0.4s ease-in-out 0.1s infinite alternate;
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .cNJdop .HexButtonWrapper#HexButton--build-a-deck:hover .buttonIcon:before {
        -webkit-animation: kqNJkF 0.4s ease-in-out 0.1s infinite alternate;
        animation: kqNJkF 0.4s ease-in-out 0.1s infinite alternate;
    }
}

data-styled.g204[id="IntroModule__ButtonRow-ktgxcz-2"] {
    content: "cNJdop,"
}

.iLCEDn {
    -webkit-filter: drop-shadow(0px 0px 10px rgba(141, 0, 227, .5));
    filter: drop-shadow(0px 0px 10px rgba(141, 0, 227, .5));
    color: white;
    text-transform: uppercase;
    text-shadow: #8d00e3 3px 0 0px, #8d00e3 3px -3px 0px, #8d00e3 -2px 3px 0, #8d00e3 3px 3px 0, #8d00e3 2px 3px 0, #8d00e3 -3px 2px 0, #8d00e3 -2px -1px 0, #8d00e3 -3px -1px 0, #8d00e3 -2px -3px 0, #8d00e3 0px 3px 0, #8d00e3 3px 3px 0, #8d00e3 3px 1px 0, #8d00e3 -2px 1px 0;
    text-align: center;
}

.iLCEDn::before {
    content: 'How To Play';
    text-shadow: 0px -7px 10px #8d00e3, -3px -3px 10px #8d00e3, 2px 3px 10px #8d00e3;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 156%);
    -ms-transform: translate(-50%, 156%);
    transform: translate(-50%, 156%);
    text-align: center;
    opacity: 1;
    text-transform: uppercase;
    width: 100%;
    max-width: 100%;
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .iLCEDn::before {
        display: none;
    }
}

data-styled.g205[id="IntroModule__HeadingWithGlow-ktgxcz-3"] {
    content: "iLCEDn,"
}

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

data-styled.g206[id="IntroModule__ScrollContainer-ktgxcz-4"] {
    content: "hJEmoj,"
}

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

data-styled.g207[id="PageTimeline__Container-sc-1wv6xyr-0"] {
    content: "fLufld,"
}

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

@media (max-width:80em) {
    .kSFfDh {
        overflow-x: hidden;
    }
}

data-styled.g234[id="HowToPlayApp__HowToPlayWrapper-fl0b90-0"] {
    content: "kSFfDh,"
}

body {
    -webkit-overflow-scrolling: auto;
    -ms-overflow-style: none;
}

body::-webkit-scrollbar {
    display: none;
}

data-styled.g235[id="sc-global-byWkxI1"] {
    content: "sc-global-byWkxI1,"
}

@-webkit-keyframes hwthrr {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        -ms-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes hwthrr {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        -ms-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

data-styled.g236[id="sc-keyframes-hwthrr"] {
    content: "hwthrr,"
}

@-webkit-keyframes krRtoa {
    0% {
        opacity: 0;
        -webkit-transform: translate(0px, 30px);
        -ms-transform: translate(0px, 30px);
        transform: translate(0px, 30px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@keyframes krRtoa {
    0% {
        opacity: 0;
        -webkit-transform: translate(0px, 30px);
        -ms-transform: translate(0px, 30px);
        transform: translate(0px, 30px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

data-styled.g237[id="sc-keyframes-krRtoa"] {
    content: "krRtoa,"
}

@-webkit-keyframes iaGalF {
    0% {
        opacity: 0;
        -webkit-transform: translate(0px, 30px);
        -ms-transform: translate(0px, 30px);
        transform: translate(0px, 30px);
    }

    70% {
        opacity: 1;
        -webkit-transform: translate(0px, -15px);
        -ms-transform: translate(0px, -15px);
        transform: translate(0px, -15px);
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@keyframes iaGalF {
    0% {
        opacity: 0;
        -webkit-transform: translate(0px, 30px);
        -ms-transform: translate(0px, 30px);
        transform: translate(0px, 30px);
    }

    70% {
        opacity: 1;
        -webkit-transform: translate(0px, -15px);
        -ms-transform: translate(0px, -15px);
        transform: translate(0px, -15px);
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

data-styled.g238[id="sc-keyframes-iaGalF"] {
    content: "iaGalF,"
}

@-webkit-keyframes jsFMha {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes jsFMha {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

data-styled.g239[id="sc-keyframes-jsFMha"] {
    content: "jsFMha,"
}

@-webkit-keyframes GeMpb {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes GeMpb {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

data-styled.g240[id="sc-keyframes-GeMpb"] {
    content: "GeMpb,"
}

@-webkit-keyframes dSydgJ {
    50% {
        opacity: 1;
    }
}

@keyframes dSydgJ {
    50% {
        opacity: 1;
    }
}

data-styled.g241[id="sc-keyframes-dSydgJ"] {
    content: "dSydgJ,"
}

@-webkit-keyframes dolPFq {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
}

@keyframes dolPFq {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
}

data-styled.g242[id="sc-keyframes-dolPFq"] {
    content: "dolPFq,"
}

@-webkit-keyframes kqNJkF {
    0% {
        -webkit-transform: rotate(0deg) translate(-50%, -50%);
        -ms-transform: rotate(0deg) translate(-50%, -50%);
        transform: rotate(0deg) translate(-50%, -50%);
    }

    50% {
        -webkit-transform: rotate(10deg) translate(-50%, -50%);
        -ms-transform: rotate(10deg) translate(-50%, -50%);
        transform: rotate(10deg) translate(-50%, -50%);
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-10deg) translate(-50%, -50%);
        -ms-transform: rotate(-10deg) translate(-50%, -50%);
        transform: rotate(-10deg) translate(-50%, -50%);
    }
}

@keyframes kqNJkF {
    0% {
        -webkit-transform: rotate(0deg) translate(-50%, -50%);
        -ms-transform: rotate(0deg) translate(-50%, -50%);
        transform: rotate(0deg) translate(-50%, -50%);
    }

    50% {
        -webkit-transform: rotate(10deg) translate(-50%, -50%);
        -ms-transform: rotate(10deg) translate(-50%, -50%);
        transform: rotate(10deg) translate(-50%, -50%);
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-10deg) translate(-50%, -50%);
        -ms-transform: rotate(-10deg) translate(-50%, -50%);
        transform: rotate(-10deg) translate(-50%, -50%);
    }
}

data-styled.g243[id="sc-keyframes-kqNJkF"] {
    content: "kqNJkF,"
}

@-webkit-keyframes iWuOdU {
    0% {
        opacity: 0;
        -webkit-transform: translate(0px, 50px);
        -ms-transform: translate(0px, 50px);
        transform: translate(0px, 50px);
    }

    40% {
        opacity: 0;
        -webkit-transform: translate(0px, 50px);
        -ms-transform: translate(0px, 50px);
        transform: translate(0px, 50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@keyframes iWuOdU {
    0% {
        opacity: 0;
        -webkit-transform: translate(0px, 50px);
        -ms-transform: translate(0px, 50px);
        transform: translate(0px, 50px);
    }

    40% {
        opacity: 0;
        -webkit-transform: translate(0px, 50px);
        -ms-transform: translate(0px, 50px);
        transform: translate(0px, 50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

data-styled.g244[id="sc-keyframes-iWuOdU"] {
    content: "iWuOdU,"
}

@-webkit-keyframes bXjDxq {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, 30px);
        -ms-transform: translate(-50%, 30px);
        transform: translate(-50%, 30px);
    }

    70% {
        opacity: 1;
        -webkit-transform: translateY(-50%, -35px);
        -ms-transform: translateY(-50%, -35px);
        transform: translateY(-50%, -35px);
    }

    100% {
        -webkit-transform: translateY(-50%, 0px);
        -ms-transform: translateY(-50%, 0px);
        transform: translateY(-50%, 0px);
    }
}

@keyframes bXjDxq {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, 30px);
        -ms-transform: translate(-50%, 30px);
        transform: translate(-50%, 30px);
    }

    70% {
        opacity: 1;
        -webkit-transform: translateY(-50%, -35px);
        -ms-transform: translateY(-50%, -35px);
        transform: translateY(-50%, -35px);
    }

    100% {
        -webkit-transform: translateY(-50%, 0px);
        -ms-transform: translateY(-50%, 0px);
        transform: translateY(-50%, 0px);
    }
}

data-styled.g245[id="sc-keyframes-bXjDxq"] {
    content: "bXjDxq,"
}