:root {
    --color-white: #FFF;
    --color-white-60: rgb(255, 255, 255, .6);
    --color-white-30: rgb(255, 255, 255, .3);
    --color-white-15: rgb(255, 255, 255, .15);
    --color-black: #000;

    --color-orange: #F7B30A;
    --color-orange-30: rgba(247, 179, 10, .3);

    --color-green: #2AA40F;
    --color-red: #DB1313;
    --color-blue: #0091FF;
    --color-blueGreen: #00FFF2;

    --color-grey1: #121212;
    --color-grey1-90: rgba(18, 18, 18, .9);
    --color-grey1-60: rgba(18, 18, 18, .6);
    --color-grey1-30: rgba(18, 18, 18, .3);
    --color-grey2: #343434;
    --color-grey2-90: rgba(52, 52, 52, .9);
    --color-grey3: #565656;
    --color-grey3-60: rgba(86, 86, 86, .6);
    --color-grey4: #787878;

    --color-errorMsg: #F44336;

    --basePadding: 16px;
    --bigPadding: 32px;
    --smallPadding: 8px;
    --tinyPadding: 4px;

    --disableOpacity: .3;

    --baseRadius: 8px;
    --bigRadius: 16px;
    --hugeRadius: 32px;

    --text-h1: 24px;
    --text-h2: 16px;
    --text-h3: 14px;
    --text-h4: 12px;

    --font-family-title: PingFangSC-Semibold,PingFang SC;
}

body {
    font-family: PingFangSC-Regular,PingFang SC;
}

.eT103U_OlqwjQHOvR32z_ {
    width: 24px;
    height: 24px;
    background-image: url(QmVTMEmkMvYsnmtTHkoVvPxSgyk2SFn4YAZ5kRTwNwtEKp.png);
    background-size: 240px 176px;
    background-repeat: no-repeat;
}

._1O91UvLV_Nx2YW3Q1TDOSg {
    width: 16px;
    height: 16px;
    background-image: url(QmVTMEmkMvYsnmtTHkoVvPxSgyk2SFn4YAZ5kRTwNwtEKp.png);
    background-size: 160px 117px;
    background-repeat: no-repeat;
}

._1sjXeDtoS9QBfpnnCQoJIE {
    background-image: url(QmS21ezBjWN7YTRYhs28VvC177QWvcTLaop6HqnU2TRoB5.svg);
    background-size: 6.33rem 3.24rem;
    background-repeat: no-repeat;
}

._3dNmbR_OQxXmfkf-7TfQa4::-webkit-scrollbar{
    width: 4px;
}

._3dNmbR_OQxXmfkf-7TfQa4::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .6);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.10);
    border-radius: 2px;
}

._3dNmbR_OQxXmfkf-7TfQa4::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 2px;
}

._2rhooeY_7SteIhKwgzHRgZ {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    -webkit-filter: drop-shadow(2px 2px 4px black);
            filter: drop-shadow(2px 2px 4px black);
    padding: 17px 20px;
    box-sizing: content-box;
}
.dkbAKJ3qGMfS0q4oe95d {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 6px;
    cursor: pointer;
}
.lOtpU2V5cVDw98vwQE7rZ {
    display: block;
    background-position: -72px -27px;
}
._7A3gRrG1KfNza_TPGN8tq {
    display: block;
    background-position: -25px -25px;
}
._25wEApkScl_QiBNJm5ChUp {
    display: block;
    background-position: 0 -25px;
}
._3dnTBQ0c0OfG_8yZwlPFrn {
    display: block;
    background-position: -49px -25px;
    width: 22px;
    height: 22px;
}

@media screen and (max-width: 960px) and (orientation : landscape) {
    ._2rhooeY_7SteIhKwgzHRgZ {
    }
}

@media screen and (max-width: 540px) and (orientation: portrait) {
    ._2rhooeY_7SteIhKwgzHRgZ {
    }
}

:root {
    --color-white: #FFF;
    --color-white-60: rgb(255, 255, 255, .6);
    --color-white-30: rgb(255, 255, 255, .3);
    --color-white-15: rgb(255, 255, 255, .15);
    --color-black: #000;

    --color-orange: #F7B30A;
    --color-orange-30: rgba(247, 179, 10, .3);

    --color-green: #2AA40F;
    --color-red: #DB1313;
    --color-blue: #0091FF;
    --color-blueGreen: #00FFF2;

    --color-grey1: #121212;
    --color-grey1-90: rgba(18, 18, 18, .9);
    --color-grey1-60: rgba(18, 18, 18, .6);
    --color-grey1-30: rgba(18, 18, 18, .3);
    --color-grey2: #343434;
    --color-grey2-90: rgba(52, 52, 52, .9);
    --color-grey3: #565656;
    --color-grey3-60: rgba(86, 86, 86, .6);
    --color-grey4: #787878;

    --color-errorMsg: #F44336;

    --basePadding: 16px;
    --bigPadding: 32px;
    --smallPadding: 8px;
    --tinyPadding: 4px;

    --disableOpacity: .3;

    --baseRadius: 8px;
    --bigRadius: 16px;
    --hugeRadius: 32px;

    --text-h1: 24px;
    --text-h2: 16px;
    --text-h3: 14px;
    --text-h4: 12px;

    --font-family-title: PingFangSC-Semibold,PingFang SC;
}

body {
    font-family: PingFangSC-Regular,PingFang SC;
}

.eT103U_OlqwjQHOvR32z_ {
    width: 24px;
    height: 24px;
    background-image: url(QmVTMEmkMvYsnmtTHkoVvPxSgyk2SFn4YAZ5kRTwNwtEKp.png);
    background-size: 240px 176px;
    background-repeat: no-repeat;
}

._1O91UvLV_Nx2YW3Q1TDOSg {
    width: 16px;
    height: 16px;
    background-image: url(QmVTMEmkMvYsnmtTHkoVvPxSgyk2SFn4YAZ5kRTwNwtEKp.png);
    background-size: 160px 117px;
    background-repeat: no-repeat;
}

._1sjXeDtoS9QBfpnnCQoJIE {
    background-image: url(QmS21ezBjWN7YTRYhs28VvC177QWvcTLaop6HqnU2TRoB5.svg);
    background-size: 6.33rem 3.24rem;
    background-repeat: no-repeat;
}

._3dNmbR_OQxXmfkf-7TfQa4::-webkit-scrollbar{
    width: 4px;
}

._3dNmbR_OQxXmfkf-7TfQa4::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .6);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.10);
    border-radius: 2px;
}

._3dNmbR_OQxXmfkf-7TfQa4::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 2px;
}

._2NzSQOKMmbrU0U018BofTp {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: var(--basePadding) 0 0 var(--basePadding);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-height: 100vh;
    max-height: calc(var(--vh, 1vh) * 100);
}

._2NjQXTjEdLohnvh_VMEc2a {
    height: 48px;
    background-color: var(--color-orange);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    font-family: var(--font-family-title);
    border-radius: var(--basePadding) 0 0 0;
}

._2Zh2RiTz38cBmTl6wXY9N8 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    background: var(--color-grey1-30);
    z-index: -1;
}

._3Uol_dJkTI_vubQFgbBKL8 {
    font-size: 20px;
    color: var(--color-grey1);
}

.O0YDcucL8Ijk8GL6K78eF {
    background-position: -120px -72px;
    cursor: pointer;
}

._2WXdHLGFxGho11YaGMIYTy {
    overflow: auto;
    overflow: overlay;
    width: 100%;
    height: 100%;
}
._3fKUTg1jXAC29DhiM8bwCi, ._2LFNX1mJO62gNH9OzkU9Hz {
    background-image: url(QmTrjSdXvyDRRCeTe8T1JpM8qLHfMLXW9H1xGgh8rhE3yc.png);
    background-repeat: no-repeat;
    background-size: 288px 240px;
    cursor: pointer;
    width: 24px;
    height: 24px;
}

._1aTLgNuH4GNRNIhjnbcEkk {
    background-image: url(QmY9u3Z8un4oqyJW6DW2svoWqppTGiWBqBEN5fDM5SX7gF.png);
    background-repeat: no-repeat;
    background-size: 28px 44px;
    width: 28px;
    height: 44px;
}

._2LFNX1mJO62gNH9OzkU9Hz {
    background-size: 192px 160px;
    width: 16px;
    height: 16px;
}

.QhWS9Y_3pD-G2Ztnw2ANz::-webkit-scrollbar{
    width: 4px;
    height: 4px;
}

.QhWS9Y_3pD-G2Ztnw2ANz::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .6);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.10);
    border-radius: 2px;
}

.QhWS9Y_3pD-G2Ztnw2ANz::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 2px;
}

._1M3Hs0hZdga8lmx5WLw_xD, ._1XjxuINGJi8uiYo_n3eAmM, ._1_jATVVv7qZ7rknKowOtiz, ._29nppVuk3wM1LNlWruqpPq, ._3e4sWPIbqQOKL0_i88VB5P {
    outline: none;
    border: none;
    padding: var(--smallPadding) var(--basePadding);
    background-color: var(--color-grey3);
    font-size: var(--text-h2);
    color: var(--color-white);
    border-radius: var(--baseRadius);
    cursor: pointer;
    display: inline-block;
    line-height: 1.5em;
}

._3e4sWPIbqQOKL0_i88VB5P {
    margin: 16px 0;
    width: 100%;
}

._1_jATVVv7qZ7rknKowOtiz {
    background-color: var(--color-orange);
    color: var(--color-grey1);
}

._29nppVuk3wM1LNlWruqpPq {
    background-color: var(--color-red);
}

._1M3Hs0hZdga8lmx5WLw_xD:disabled {
    opacity: .3;
    cursor: not-allowed;
}


._1GU3FxdRoDRATfxcdFvCiz, .ct0vpXvKmrUwudqjEnDGB, ._1JnqKHdmgMk3ETlbZdv8AM {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    background: var(--color-grey1-60);
    z-index: 99;
}

._3f4iT54ri94RyjXYIjDQW9 {
    width: 520px;
    background: var(--color-grey2);
    border-radius: var(--baseRadius);
    padding: var(--basePadding);
    position: relative;
    max-height: 90%;
}

.ct0vpXvKmrUwudqjEnDGB {
    display: none;
}

._2Q8gVcebXtvNgc1DPhKO7t {
    font-size: var(--text-h1);
    line-height: 1.5em;
    height: 1.5em;
    color: var(--color-white);
    position: relative;
    margin: var(--basePadding) 0;
}

.L1zULBhYrWf_HpmBnZIsN {
    position: absolute;
    top: 0;
    left: calc(-1 * var(--basePadding));
    width: 4px;
    border-radius: 0 2px 2px 0;
    height: 100%;
    background: var(--color-orange);
}

._3CIPQyHsiv2128eG0TtLnw {
    width: 100%;
    margin: var(--basePadding) 0;
}

._3UgNZXtq33hKWMWGOFbBXC, ._3Xp06sLL_SO53m_zg9tkHE {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

._3Xp06sLL_SO53m_zg9tkHE {
    justify-content: center;
}

._3EDxhCFssZW19aWruZbgU4, ._3saLWY23zYWwGHsfOUQhRU {
    margin-left: var(--basePadding);
}

._1gBpLrJsRaBjyb68hlX0wC {
    transform: translate(-16px, 0);
    width: calc(100% + 32px);
}
._1gBpLrJsRaBjyb68hlX0wC hr {
    margin: 0;
    border-color: var(--color-white-30);
}

@media screen and (max-width: 450px), screen and (max-height: 450px) {
    ._3f4iT54ri94RyjXYIjDQW9 {
        max-width: 90vw;
    }

    ._1JnqKHdmgMk3ETlbZdv8AM {
        background: transparent;
    }

    ._1JnqKHdmgMk3ETlbZdv8AM ._3f4iT54ri94RyjXYIjDQW9 {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        padding: 0;
        background: var(--color-grey2-90);
        border-radius: 0;

        overflow-y: auto;
        overflow-y: overlay;
        overflow-x: hidden;
    }

    ._1JnqKHdmgMk3ETlbZdv8AM ._2Q8gVcebXtvNgc1DPhKO7t {
        height: 44px;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-grey1-90);
        font-size: var(--text-h2);
    }

    ._1JnqKHdmgMk3ETlbZdv8AM .L1zULBhYrWf_HpmBnZIsN {
        display: none;
    }

    ._1JnqKHdmgMk3ETlbZdv8AM ._3CIPQyHsiv2128eG0TtLnw {
        padding: 0 16px;
        margin-bottom: 0;
    }

    ._1JnqKHdmgMk3ETlbZdv8AM ._3UgNZXtq33hKWMWGOFbBXC {
        height: 44px;
        justify-content: space-between;
        align-items: center;
        position: absolute;
        top: 0;
        width: 100%;
    }

    ._1JnqKHdmgMk3ETlbZdv8AM ._3EDxhCFssZW19aWruZbgU4 button {
        background: transparent;
        color: #FFF;
    }

    ._1JnqKHdmgMk3ETlbZdv8AM ._3saLWY23zYWwGHsfOUQhRU {
        margin-right: 16px;
    }

    ._1JnqKHdmgMk3ETlbZdv8AM ._3saLWY23zYWwGHsfOUQhRU button {
        background: transparent;
        color: var(--color-orange);
    }
}
._3fKUTg1jXAC29DhiM8bwCi, ._2LFNX1mJO62gNH9OzkU9Hz {
    background-image: url(QmTrjSdXvyDRRCeTe8T1JpM8qLHfMLXW9H1xGgh8rhE3yc.png);
    background-repeat: no-repeat;
    background-size: 288px 240px;
    cursor: pointer;
    width: 24px;
    height: 24px;
}

._1aTLgNuH4GNRNIhjnbcEkk {
    background-image: url(QmY9u3Z8un4oqyJW6DW2svoWqppTGiWBqBEN5fDM5SX7gF.png);
    background-repeat: no-repeat;
    background-size: 28px 44px;
    width: 28px;
    height: 44px;
}

._2LFNX1mJO62gNH9OzkU9Hz {
    background-size: 192px 160px;
    width: 16px;
    height: 16px;
}

.QhWS9Y_3pD-G2Ztnw2ANz::-webkit-scrollbar{
    width: 4px;
    height: 4px;
}

.QhWS9Y_3pD-G2Ztnw2ANz::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .6);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.10);
    border-radius: 2px;
}

.QhWS9Y_3pD-G2Ztnw2ANz::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 2px;
}

._3B9W99T-IrLPQFHVcdXJaW {
    position: fixed;
    top: 60px;
    left: 50%;
    right: 50%;
    transform: translateX(-50%);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 999;
}

.mDDkCVcycvW-m2Uetscs5 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.Jw94lRwUPKMc-FDCESYU5 {
    text-align: center;
    display: flex;
    flex-direction: row;
    border-radius: var(--baseRadius);
    height: 62px;
    justify-content: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    box-shadow: 0 0 8px var(--color-white-30);
    background: var(--color-grey1-60);
    -webkit-animation: _3knC3HrjYk_bJspbrQbbk2 ease 4s;
            animation: _3knC3HrjYk_bJspbrQbbk2 ease 4s;
    margin: var(--basePadding);
    overflow: hidden;
}

._3_7D0PQ-TacDLz0tgEFK7U.Jw94lRwUPKMc-FDCESYU5 {
    -webkit-animation: none;
            animation: none;
}

.amu3TwZBxhIjTkUWeGpUQ.Jw94lRwUPKMc-FDCESYU5 {
    -webkit-animation: none;
            animation: none;
}

._1AUAI4W7MbPFc0GiuiqZBO {
    height: 40px;
}

._7ZZ_bZdyfl5bKepsUR5e6 {
    height: 100%;
    display: flex;
    align-items: center;
}

._1Ph5JeGlJCLO5OCbaeZtlV {
    width: 8px;
    height: 100%;
    background-color: var(--color-red);
}

._1Ph5JeGlJCLO5OCbaeZtlV {
    width: 8px;
    height: 100%;
}

.amu3TwZBxhIjTkUWeGpUQ ._1Ph5JeGlJCLO5OCbaeZtlV {
    display: none;
}

.k7Loley74OBLv3UWOg1QL ._1Ph5JeGlJCLO5OCbaeZtlV {
    background-color: var(--color-blue);
}

._3WIg97Pe9CBcZAqsiZYrz3 ._1Ph5JeGlJCLO5OCbaeZtlV {
    background-color: var(--color-green);
}

._3qA5zh17imVXq2geW68-Co ._1Ph5JeGlJCLO5OCbaeZtlV {
    background-color: var(--color-orange);
}

._3_7D0PQ-TacDLz0tgEFK7U ._1Ph5JeGlJCLO5OCbaeZtlV {
    background-color: var(--color-red);
}


/*
TODO: use common icons
*/
._2Ksidhl6XTtbmrgmKVzjXj {
    margin-left: var(--basePadding);
}
.amu3TwZBxhIjTkUWeGpUQ ._2Ksidhl6XTtbmrgmKVzjXj {
    background-position: -192px -120px;
    -webkit-animation: _2UBbYEkLV1CANTkyidBMAP 1.5s infinite linear;
            animation: _2UBbYEkLV1CANTkyidBMAP 1.5s infinite linear;
}
._3_7D0PQ-TacDLz0tgEFK7U ._2Ksidhl6XTtbmrgmKVzjXj {
    background-position: -192px -72px;
}

.k7Loley74OBLv3UWOg1QL ._2Ksidhl6XTtbmrgmKVzjXj {
    background-position: -96px 0;
}

._3qA5zh17imVXq2geW68-Co ._2Ksidhl6XTtbmrgmKVzjXj {
    background-position: -192px -72px;
}

._3WIg97Pe9CBcZAqsiZYrz3 ._2Ksidhl6XTtbmrgmKVzjXj {
    background-position: -216px -72px;
}

.J57ITEq2dce0xr25w02TS {
    margin: 0 var(--basePadding);
}

._15PM36MIvQaXKv9AHBcmXJ {
    font-size: var(--text-h2);
    line-height: 1.5em;
    color: var(--color-white);
}

._1h0L1pDgERNdFLWWlg-7jF {
    margin-top: var(--tinyPadding);
    font-size: var(--text-h4);
    line-height: 1.5em;
    color: var(--color-white-60);
}

.amu3TwZBxhIjTkUWeGpUQ ._3QPPIUVjK3GHakVc7gecO9 {
    display: none;
}

._3QPPIUVjK3GHakVc7gecO9 {
    cursor: pointer;
    margin-right: 16px;
}

._3RyHh0WTSPMqAMHkWbx41L {
    background-position: -144px -64px;
    opacity: .6;
}

@-webkit-keyframes _3knC3HrjYk_bJspbrQbbk2 {
    0% {
        transform: translateY(-50%);
        visibility: hidden;
        opacity: 0;
    }
    10% {
        transform: translateY(0);
        visibility: visible;
        opacity: 1;
    }
    70% {
        transform: translateY(0);
        visibility: visible;
        opacity: 1;
    }
    80% {
        transform: translateY(-50%);
        visibility: hidden;
        opacity: 0;
    }
    100% {
        transform: translateY(-50%);
        visibility: hidden;
        opacity: 0;
    }
}

@keyframes _3knC3HrjYk_bJspbrQbbk2 {
    0% {
        transform: translateY(-50%);
        visibility: hidden;
        opacity: 0;
    }
    10% {
        transform: translateY(0);
        visibility: visible;
        opacity: 1;
    }
    70% {
        transform: translateY(0);
        visibility: visible;
        opacity: 1;
    }
    80% {
        transform: translateY(-50%);
        visibility: hidden;
        opacity: 0;
    }
    100% {
        transform: translateY(-50%);
        visibility: hidden;
        opacity: 0;
    }
}

@-webkit-keyframes _2UBbYEkLV1CANTkyidBMAP {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes _2UBbYEkLV1CANTkyidBMAP {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
._3EkeGuH0rO02tQDqYxN6pG {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    background-color: var(--color-white);
    -webkit-animation: _3TP31jgH-LlFbBougf1y3h linear 160ms;
            animation: _3TP31jgH-LlFbBougf1y3h linear 160ms;
}

.TXnbDnzsAQr1t51ocXg-2 {
    width: 360px;
    background: var(--color-grey1);
    color: var(--color-white);
}

._3NI92S_qfOpct9K3EyonHp {
    display: none;
}

._1HLEgyVd4gduNtMw7jFpcm, ._39vzKUiInNRdLQb2FBNivh {
    text-align: center;
    padding: 24px;
}

.-fvLXIQWM-4xiG6Xl_HRN {
    font-size: var(--text-h2);
    color: var(--color-white);
}

._3pPuVrL-mdvuPvoBlylLPS {
    width: 72px;
    height: 72px;
    border-radius: 36px;
    background-color: #ccc;
    background-size: cover;
    background-position: center;
    margin: auto;
}

._3wppppyQfpob3MsZAHu6tb {
    font-size: var(--text-h2);
    line-height: 1.5em;
    margin-top: var(--smallPadding);
    text-align: center;
}

._238rJwJqbJWe3UPbBHeINF {
    background: var(--color-grey2);
    display: flex;
    align-items: center;
    justify-content: space-around;
}

._1hRyZR3RqZlnJjx1w2Lgus {
    width: 48px;
    height: 70px;
    margin: 24px 0 20px 0;
    cursor: pointer;
}

._1v2tkwB20MhseF6P4qFruQ, ._2IYUDdhAiYcF3POflH9Qb-, ._3FyBVjcI5Wq0A9lfuMEQpM, ._2PfxgqJidd9hnxlN1oWmlZ {
    width: 48px;
    height: 48px;
}

._1v2tkwB20MhseF6P4qFruQ {
    background-position: 0 -96px;
}

._2IYUDdhAiYcF3POflH9Qb- {
    background-position: -48px -96px;
}

._3FyBVjcI5Wq0A9lfuMEQpM {
    background-position: -96px -96px;
}

._2PfxgqJidd9hnxlN1oWmlZ {
    background-position: -144px -96px;
}

.AIo8QF39IEXBpRWvsYMpW {
    font-size: var(--text-h4);
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

._2Vl5JZViH3dPZH5lw71WSD {
    margin: var(--basePadding) 0 0 0;
}

.IL1Dy7XY9Q_0CdpqT2HTD, ._3DNhojmS5sYpUEsF9wQ3ba {
    background-color: var(--color-grey2);
    height: 48px;
    width: 100%;
    border-bottom: 1px solid var(--color-grey1);
    padding: 0 var(--basePadding);
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    box-sizing: border-box;
}

._178rB2gbsjSnFUlHXKQ7ax {
    display: flex;
}

._2B5niItPlGrz9uSC0cPuya, ._3gHtgTnDyy6KsVf7Tw45Ml, .ZOkPSOmXAhq1Qp3spERNP, ._2L_KLiUY8VAvPtCrpweRQP {
}

._2B5niItPlGrz9uSC0cPuya {
    background-position: 0 -48px;
}

._3gHtgTnDyy6KsVf7Tw45Ml {
    background-position: -48px -48px;
}

.ZOkPSOmXAhq1Qp3spERNP {
    background-position: -24px -48px;
}

._2L_KLiUY8VAvPtCrpweRQP {
    background-position: -168px -24px;
}

._1k_MpuL9Dl0a1RRlOcUod {
    font-size: var(--text-h2);
    line-height: 1.5em;
    margin-left: var(--basePadding);
}

._1RbkxRJ_eqE7kvEdW9P6XL {
    display: flex;
}

.T5s3I-GoWqKRbLsxlFxJ2 {
    color: var(--color-white-60);
    font-size: var(--text-h4);
    line-height: 1.5em;
    margin-right: var(--basePadding);
}

._3DNhojmS5sYpUEsF9wQ3ba {
    border: none;
    font-size: var(--text-h2);
    line-height: 1.5em;
    margin-top: var(--basePadding);
}

.TG2cw0Dx7ppaiX6-2R30i {
    color: var(--color-white);
    font-size: var(--text-h2);
}

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

    60% {
        opacity: 1;
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _3TP31jgH-LlFbBougf1y3h {
    0% {
        opacity: 1;
    };

    60% {
        opacity: 1;
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@media screen and (max-width: 450px), screen and (max-height: 450px) {
    ._2yPFMArHEj8Qx6SByOdra3 {
        top: 0;
        position: fixed;
        width: 264px;
        right: 0;
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
    }
    ._31IDSbCywyvoIXabmMrsdf {
        overflow: auto;
        border-radius: 0;
        height: 100%;
    }

    .TXnbDnzsAQr1t51ocXg-2 {
        position: relative;
        width: 100%;
        min-height: 100%;
    }

    ._238rJwJqbJWe3UPbBHeINF {
        flex-wrap: wrap;
        padding: 8px 16px;
    }

    ._1hRyZR3RqZlnJjx1w2Lgus {
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 5px 0;
    }

    ._1v2tkwB20MhseF6P4qFruQ, ._2IYUDdhAiYcF3POflH9Qb-, ._3FyBVjcI5Wq0A9lfuMEQpM, ._2PfxgqJidd9hnxlN1oWmlZ {
        transform: scale(0.5);
    }

    ._2B5niItPlGrz9uSC0cPuya, ._3gHtgTnDyy6KsVf7Tw45Ml, .ZOkPSOmXAhq1Qp3spERNP, ._2L_KLiUY8VAvPtCrpweRQP {
        transform: scale(.66);
    }

    ._3pPuVrL-mdvuPvoBlylLPS {
        width: 56px;
        height: 56px;
    }

}

@media screen and (max-height: 450px) and (orientation: landscape) {
    ._2yPFMArHEj8Qx6SByOdra3 {
        display: flex;
        flex-direction: column;
    }
    ._31IDSbCywyvoIXabmMrsdf {
        flex: 1;
        height: auto;
        border-radius: 0 0 0 var(--basePadding);
    }
}

@media screen and (max-width: 450px) and (orientation: portrait) {
    ._1L2R-gywKC4BCLDdJgy1Nb {
        top: 0;
        position: fixed;
        width: 264px;
        right: 0;
        overflow: hidden;
        border-radius: var(--basePadding) 0 0 var(--basePadding);
    }

    ._2GAHjVfNYwsW4w3qjgvmgS {
        border-radius: 0;
    }

    ._12iq4GvThnrm9C-j6WSfyY {
        z-index: -1;
    }

    ._1HLEgyVd4gduNtMw7jFpcm, ._39vzKUiInNRdLQb2FBNivh {
        background-color: transparent;
        height: auto;
        text-align: center;
        padding: 24px;
    
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    ._3wppppyQfpob3MsZAHu6tb {
        margin: var(--smallPadding) 0 0 0;
        color: var(--color-white);
    }

    .-fvLXIQWM-4xiG6Xl_HRN {
        color: var(--color-white);
    }

    .TXnbDnzsAQr1t51ocXg-2 {
        min-height: auto;
    }
}
._24tj6Oo-C3g4bZUtYa68IS {
    /* height: 40px; */
    /* display: flex;
    align-items: center; */
    background: var(--color-grey1);
    border-radius: var(--baseRadius);
    position: relative;
}

._3TB-H_3ZJCsBXrDd4WjMFs {
    width: 90px;
    background: transparent;
}

/* .small:focus {
    background: var(--color-grey1);
} */

._24tj6Oo-C3g4bZUtYa68IS input, ._24tj6Oo-C3g4bZUtYa68IS textarea {
    height: 40px;
    flex: 1;
    outline: none;
    border: var(--color-white-30);
    border-radius: var(--baseRadius);
    color: var(--color-white);
    resize: none;
    padding: var(--smallPadding) var(--basePadding);
    background: var(--color-grey1);
    font-size: var(--text-h2);
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

._24tj6Oo-C3g4bZUtYa68IS textarea {
    height: 175px;
}

._3TB-H_3ZJCsBXrDd4WjMFs input {
    height: 32px;
    background: transparent;
    text-align: end;
    padding: var(--smallPadding);
}

._3TB-H_3ZJCsBXrDd4WjMFs input:focus {
    background: var(--color-grey1);
}

._2WrvkRzHU6_sA90flg47nZ {
    opacity: .3;
    cursor: not-allowed;
}

.n9avk2RwSGisIiSUfN9Da {
    position: absolute;
    display: flex;
    top: 0;
    right: 0;
    height: 100%;
    max-height: 40px;
    width: 48px;
    justify-content: center;
    align-items: center;
}

._1hwwy0DX99PtavLxWvYiBP {
    background-position: -217px -49px;
    width: 22px;
    height: 22px;
    transform: scale(0.72);
    opacity: 0.6;
    cursor: pointer;
}

._3TB-H_3ZJCsBXrDd4WjMFs .n9avk2RwSGisIiSUfN9Da {
    display: none;
}

._1yvg6iqkXX27YVRjyR0WPM {
    background-position: 161px 67px;
    width: 16px;
    height: 16px;
    margin: 0 var(--smallPadding);
    background-color: green;
}

._3TB-H_3ZJCsBXrDd4WjMFs ._1yvg6iqkXX27YVRjyR0WPM {
    display: none;
}
/* @value smallPadding, basePadding, baseRadius, color-white, color-grey3, color-grey1, text-h2, color-orange, color-red from '../../../editor-common.css'; */

.Y6NrTUm1PgpdEX38iKtW {
    position: relative;
    cursor: pointer;
    width: 42px;
    height: 24px;
    border-radius: 16px;
    background-color: var(--color-grey1);
    transition: all .2s linear;
}

.AJo8EbODj-ESYGFMWl_38 {
    width: 60px;
    height: 32px;
}

._15q7Q-gtA8BBll-SFx799M {
    opacity: .3;
    cursor: not-allowed;
}

.Y6NrTUm1PgpdEX38iKtW._2KaGObB_ppSUDD5NKQvMgO {
    background-color: var(--color-orange);
}

.Y6NrTUm1PgpdEX38iKtW.AJo8EbODj-ESYGFMWl_38 {
    background-color: var(--color-grey1);
}

._3lWvsc78CMyD48_VzoFGC5 {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: 2px;
    left: 2px;
    transition: all .2s linear;
    background-color: var(--color-white);
}

.AJo8EbODj-ESYGFMWl_38 ._3lWvsc78CMyD48_VzoFGC5 {
    width: 28px;
    height: 28px;
    background-color: var(--color-grey3);
}

._2KaGObB_ppSUDD5NKQvMgO ._3lWvsc78CMyD48_VzoFGC5 {
    transform: translateX(18px); /* 42 - 2 - 20 - 2*/
}

._2KaGObB_ppSUDD5NKQvMgO.AJo8EbODj-ESYGFMWl_38 ._3lWvsc78CMyD48_VzoFGC5 {
    transform: translateX(28px); /* 60 - 2 - 28 - 2*/
}

._36coBJWzfCQXaCY5MEDqI9 {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

._1dXVJpSIkEACg-L3YVbQVp, ._1zyYGfe5_PPQp-vjJn1rT2 {
    width: 16px;
    height: 16px;
    transition: all .2s linear;
    overflow: hidden;
}

._1dXVJpSIkEACg-L3YVbQVp {
    opacity: .6;
    margin-right: 8px;
}

._1zyYGfe5_PPQp-vjJn1rT2 {
    opacity: 1;
    margin-left: 8px;
}

._2KaGObB_ppSUDD5NKQvMgO ._1dXVJpSIkEACg-L3YVbQVp {
    opacity: 1;
}

._2KaGObB_ppSUDD5NKQvMgO ._1zyYGfe5_PPQp-vjJn1rT2 {
    opacity: .6;
}

input._1CN4UNTyQyEBbq5f-0-n53[type=range] {
    -webkit-appearance: none;
    margin: 0;
    width: 100%;
    background: none;
    touch-action: none;
}

input._1CN4UNTyQyEBbq5f-0-n53[type=range]:focus {
    outline: none;
}

input._1CN4UNTyQyEBbq5f-0-n53[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    top: 11px;
    cursor: pointer;
    background: var(--color-grey4);
}

input._1CN4UNTyQyEBbq5f-0-n53[type=range]::-webkit-slider-thumb {
    height: 24px;
    width: 24px;
    border-radius: 24px;
    margin-top: -11px;
    background: var(--color-white);
    cursor: pointer;
    -webkit-appearance: none;
}
._5fKpcX-AVcN7ab-BSWBjB {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 44px;
    background: var(--color-grey3);
    border-radius: var(--baseRadius);
    margin: var(--basePadding) 0;
}

._1vdM8fgaJpr6a6QvGFvAwX {
    border-radius: var(--baseRadius);
    flex: 1;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white-60);
    border: 2px solid var(--color-grey3);
    font-size: var(--text-h2);
}

._391mznyFUHM7Nswmu9ps0T {
    color: var(--color-white);
    border: 2px solid var(--color-white);
}

._28V9GPYVDTvKOioIJStM7j {
    opacity: .3;
    cursor: not-allowed;
}
._2mJwXk3uGA0Q4oOTsZt6yq, ._1NI1m3C67m-mqELL9ThN9x {
    margin: var(--basePadding) 0;
}

._1NI1m3C67m-mqELL9ThN9x {
    opacity: .3;
    cursor: not-allowed;
}

._2gYxFvH6uaGZVOSjv4hGoq {
    display: flex;
    justify-content: space-between;
}

._3XaH0H6ODWX0rpCtC_5GHE {
    color: var(--color-white-60);
    font-size: var(--text-h2);
    line-height: 1.5em;
}

._38S5EZ23-tUlji55ZQjP5z {
    color: var(--color-white);
    font-size: var(--text-h2);
    line-height: 1.5em;
}

._3JAxLrg7L5uwDdaEjdtPoq {
    width: 100%;
}

._2vk5ByVRnFeDNx_TBsKrMF {
    margin-top: -8px;
}
._13vU8Zg7GU1FbgXd8vxSBH {
    height: 100%;
    overflow-y: auto;
    overflow-y: overlay;
}

._1svosPx_ofa70OaYwAo1AY, ._2aUzSJUUcyyyz1UZpSOLyn, ._3bKRwRB9NZYSiLrOd3UE8T, .WtcLGFcrkM9F-1ulK8_7j, ._1P2q6HkwRUgwZ7_5QAluwK,
._3OaKlma3rAPmXGOJDzOk0t
{
}

._1svosPx_ofa70OaYwAo1AY {
    background-position: -168px -24px;
}

._2aUzSJUUcyyyz1UZpSOLyn {
    background-position: -192px -24px;
}

._3bKRwRB9NZYSiLrOd3UE8T {
    background-position: -72px -118px;
}

.WtcLGFcrkM9F-1ulK8_7j {
    background-position: -96px -169px;
}

._1P2q6HkwRUgwZ7_5QAluwK {
    background-position: -48px -168px;
    height: 24px;
}

._3OaKlma3rAPmXGOJDzOk0t {
    background-position: -96px 0;
    height: 24px;
}

._1b1Vh0CuyE7Q6wCANPpUbr ._1lPIeEvDCpR-NclM3ebxA7 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 16px 0;
    font-size: var(--text-h2);
    overflow: hidden;
}

._1b1Vh0CuyE7Q6wCANPpUbr ._1lPIeEvDCpR-NclM3ebxA7 ._2Ya6ZUii_OeFH7vSHBIPFW {
    white-space: nowrap;
    color: var(--color-white-60)
}

._1b1Vh0CuyE7Q6wCANPpUbr ._1lPIeEvDCpR-NclM3ebxA7 ._1dR17-QJFHi9WYV3gtLz5d {
    flex: 1;
    text-align: right;
    color: var(--color-white);
    margin-right: 8px;
}

._1b1Vh0CuyE7Q6wCANPpUbr ._1jrLF1HE4VyxiXsfUvo_2M {
    cursor: pointer;
}

._200VXa1w9T8jz289rdmvWB, ._1gHjITy3VZ8qYOlg0VOMpc, ._3wjCRiJepmFc0x78c5uele {
    transform: scale(0.72) translate(6px, 0);
    cursor: pointer;
}

._200VXa1w9T8jz289rdmvWB {
    background-position: -96px 0;
}

._1gHjITy3VZ8qYOlg0VOMpc {
    background-position: -72px 0;
    width: 24px;
    height: 24px;
}

._3wjCRiJepmFc0x78c5uele {
    background-position: -24px -192px;
    width: 24px;
    height: 24px;
}

.OPk0wN9YiwcUzsH9HUQOC {
    margin-top: 16px;
}

._3j-x6Kp2MQK6gg3HylGlII {
    color: var(--color-white);
    max-height: 100%;
    overflow-y: auto;
    overflow-y: overlay;
}

._2Wi9An5M3viJrMaHEWW-Zu {
    font-size: var(--text-h2);
    line-height: 1.5em;
    color: var(--color-white-60);
    margin: var(--smallPadding) 0;
}

.kNnrwvWW7P7qbo8_ro2ll {
    margin: var(--smallPadding) 0;
    display: flex;
    align-items: center;
    height: 128px;
}

.sFHF0GEUcap6iTjYOfxYk {
    position: relative;
    width: 128px;
    height: 128px;
}

._3cZs-nP7HAl-gxCvBMMeWr {
    height: 100%;
    justify-content: space-around;
    display: flex;
    flex-direction: column;
    margin-left: var(--basePadding);
    width: 50%;
}

._1EHn5dzgMpfnQR-GQmSnB9 {
    font-size: var(--text-h4);
    line-height: 1.5em;
    color: var(--color-white-60);
}

._11spQlbFQSkWD3TKz-Kbo0 {
    display: flex;
    justify-content: space-between;
    margin: var(--basePadding) 0 0 0;
}

._1e2LRVmrvrM2aq8levK8im, ._23pNnP1RsEHfvddibCa-LT {
    background-position: -72px -48px;
    position: absolute;
    right: var(--smallPadding);
    bottom: var(--smallPadding);
}

._23pNnP1RsEHfvddibCa-LT {
    opacity: .6;
}

._2KZFGKNpD2-DHJc8otjH5k {
    width: 1px;
    height: 1px;
    opacity: 0;
    display: none;
}

._2tjB2p9j6OTCnVScfb6Dl8 {
    position: absolute;
    left: calc(100% - 32px);
    top: calc(100% - 4px);
    width: 160px;
    color: var(--color-white);
    z-index: 1;
    box-shadow: 0px 0px 32px 0px rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    overflow: hidden;
}

._3KFh16Zc4Y6s7H20wtlfdd {
    height: 40px;
    background: var(--color-grey2);
    line-height: 40px;
    padding: 0 16px;
}

._3KFh16Zc4Y6s7H20wtlfdd:hover {
    background: var(--color-grey1);
}

.j8yVC5Y-q3UKzFP2pK2za {
    display: none;
}

.ESOvu6-diPVARvWRogBQq {
    position: relative;
}

@media screen and (max-width: 450px), screen and (max-height: 450px) {
    .kNnrwvWW7P7qbo8_ro2ll {
        height: 104px;
        flex-direction: row-reverse;
        justify-content: space-between;
        margin-top: -16px;
        border-bottom: 1px solid var(--color-white-30);
    }

    .sFHF0GEUcap6iTjYOfxYk {
        width: 72px;
        height: 72px;
    }

    ._2tjB2p9j6OTCnVScfb6Dl8 {
        left: -120px;
    }

    ._3cZs-nP7HAl-gxCvBMMeWr {
        margin: 0;
    }

    ._1EHn5dzgMpfnQR-GQmSnB9 {
        display: none;
    }

    .j8yVC5Y-q3UKzFP2pK2za {
        display: block;
        font-size: 12px;
        color: var(--color-white-60);
    }

    ._1GUK_HiCAgVOCKVVQSTqFt {
        font-size: 16px;
    }

    .f58Kl193QXblZXwvzttn8 {
        display: none;
    }
}
._1mD6ZVO7expLPNJdPenHD4, ._3uB-mmNkRfjrl3s9ZwwnWC {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .3);
    margin: 16px 0;
}

._3uB-mmNkRfjrl3s9ZwwnWC {
    width: 1px;
    height: 100%;
    margin: 0 16px;
}
.sgfebV0wM_nX6c4NNQaj6 {
    width: 360px;
    background: var(--color-grey2);
    padding: 0 24px;
    top: 0;
}

._2J_YzNrAo7_sNxCtoep0kK {
    position: absolute;
    display: flex;
    align-items: center;
    top: 9px;
    left: 24px;
    height: 30px;
    background-color: var(--color-orange);
}

._3IIyD_Ok1c1p-X1x337wFk {
    background-position: -192px -72px;
}

._1Og5PcefkRlX9K3AaR7AgN {
    font-size: 20px;
}

@media screen and (max-width: 960px) {
    ._18jcrWdSpAFkeVQhPy9iqH {
        bottom: 0;
        position: fixed;
        width: 264px;
        right: 0;
        height: 100%;
        border-radius: 0;
        font-size: 16px;
    }
    ._2bOxIDLck4qyAApWaYtFly {
        overflow: auto;
        border-radius: 0;
        height: calc(100% - 48px);
    }

    .sgfebV0wM_nX6c4NNQaj6 {
        width: 100%;
        padding: 0 16px;
    }
}

@media screen and (max-width: 450px) and (orientation: portrait) {
    .sgfebV0wM_nX6c4NNQaj6 {
        border-radius: 0 0 0 16px;
    }
}
._2Q9FY0_UiDnmS9-eEKcmVV {
    width: 360px;
    background: var(--color-grey2);
    padding: 8px 24px;
}

._1QLq8gTKrAwbFX63QVSlvv {
    position: absolute;
    display: flex;
    align-items: center;
    top: 9px;
    left: 24px;
    height: 30px;
    background-color: var(--color-orange);
}

._11nuo-1KHrc1vlC_zqicba {
    background-position: -192px -72px;
}

._3gJsMyv512Nc09Aj8ZCQOT {
    font-size: 20px;
}


@media screen and (max-width: 960px) {
    ._1W8mx5jPHKB_DYRoamrcxU {
        top: 0;
        position: fixed;
        width: 264px;
        right: 0;
        border-radius: 0 0 0 16px;
        overflow: hidden;
        font-size: 16px;
    }
    ._29JfgVpq2Seh-D7L9BWb_3 {
        overflow: auto;
        border-radius: 0;
        background: var(--color-grey2);
    }

    ._2Q9FY0_UiDnmS9-eEKcmVV {
        width: 100%;
        padding: 0 16px;
    }
}

._209Z3bqc__KXJWWHaKXzmj {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    padding: 48px;
    float: right;
}

.EE2Ku-tVtIgj19UCikgKq {
    border-radius: var(--baseRadius);
    overflow: hidden;
    height: 280px;
    width: 56px;
}

._3tIfd1zZhCE0t-viI2PIWy, ._19_A_nfW0c7pixlLdM9Z0d {
    width: 56px;
    height: 56px;
    background-color: var(--color-grey1-30);
    display: flex;
    align-items: center;
    justify-content: center;
}

._19_A_nfW0c7pixlLdM9Z0d {
    background-color: var(--color-grey1-60);
}


._3Z7ofy_ZDRYkBStdlvaMR9, .TjGiXbKvWVd752LG4QHUP, ._3PDfoD1zCQU2UElj2TMu-3, ._3S7HzYPrbcv5BBs7W-YdyU, ._1bKkNr6nipKUsZqbEH-PSr {
}

._3Z7ofy_ZDRYkBStdlvaMR9 {
    background-position: -96px -48px;
}
._19_A_nfW0c7pixlLdM9Z0d ._3Z7ofy_ZDRYkBStdlvaMR9 {
    background-position: 0 -72px;
}

.TjGiXbKvWVd752LG4QHUP {
    background-position: -192px -48px;
}
._19_A_nfW0c7pixlLdM9Z0d .TjGiXbKvWVd752LG4QHUP {
    background-position: -96px -72px;
}

._3PDfoD1zCQU2UElj2TMu-3 {
    background-position: -168px -48px;
}
._19_A_nfW0c7pixlLdM9Z0d ._3PDfoD1zCQU2UElj2TMu-3 {
    background-position: -72px -72px;
}

._3S7HzYPrbcv5BBs7W-YdyU {
    background-position: -120px -48px;
}
._19_A_nfW0c7pixlLdM9Z0d ._3S7HzYPrbcv5BBs7W-YdyU {
    background-position: -24px -72px;
}

._1bKkNr6nipKUsZqbEH-PSr {
    background-position: -144px -48px;
}
._19_A_nfW0c7pixlLdM9Z0d ._1bKkNr6nipKUsZqbEH-PSr {
    background-position: -48px -72px;
}

._5k2cLaKBA7QKDmBzjfdXD {
    overflow-y: auto;
}

.YbvLG0oeIxvXB9k1fdxGB {
    display: flex;
    flex-wrap: wrap;
    margin-left: 24px;
    width: 272px;
    justify-content: space-between;
    align-content: flex-start;
}

.k1EYBIrGae7TKxvQsrj93, ._32XXqVIaXzvaJyevGZr-dh, ._557t7OX5IR_OytbqKRJkJ {
    width: 128px;
    height: 128px;
    background: var(--color-grey1-30);
    border-radius: var(--baseRadius);
    margin-bottom: var(--basePadding);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

._557t7OX5IR_OytbqKRJkJ {
    display: flex;
    align-items: center;
    justify-content: center;
}

._3-i72It4-HwHh4bIsNtsvM {
    background-image: url(QmVyDmzsm1SBYhLtNZo7RBbZTWE8MVjm1sNLMKqkhLLdFm.png);
    width: 77px;
    height: 114px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

._32XXqVIaXzvaJyevGZr-dh {
    border: 2px solid var(--color-white);
}

._1lrQtT48s_Z_w2NRSkJpNs {
    position: absolute;
    bottom: 56px;
    right: 64px;
    position: absolute;
    width: 200px;
    height: 64px;
    border-radius: var(--bigRadius);
    font-size: var(--text-h1);
    line-height: 1.5em;
    text-align: center;
    padding: 14px 0;
    background-color: var(--color-orange);
    display: flex;
    align-items: center;
    justify-content: center;
}

._1BnBXwad4IoJs0eB1u_5Cr {
    position: absolute;
    top: 48px;
    right: 64px;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--color-grey1-30);
}

._2t6A-dXtKXscZmJar_gnvw {
    background-position: -96px -16px;
}

._3VCkMSljUvv025JlFl0kkQ {
    display: none;
    font-size: var(--text-h1);
    color: var(--color-white);
}

@media screen and (max-width: 960px) and (orientation : landscape) {
    ._1lrQtT48s_Z_w2NRSkJpNs {
        width: 120px;
        height: 56px;
    }

    .YbvLG0oeIxvXB9k1fdxGB {
        width: 192px;
    }

    .k1EYBIrGae7TKxvQsrj93, ._557t7OX5IR_OytbqKRJkJ {
        width: 88px;
        height: 88px;
    }

    ._3-i72It4-HwHh4bIsNtsvM {
        width: 54px;
        height: 80px;
    }
}

@media screen and (max-width: 450px) and (orientation: portrait) {
    ._1BnBXwad4IoJs0eB1u_5Cr, ._1lrQtT48s_Z_w2NRSkJpNs {
        position: fixed;
        height: 48px;
        bottom: 0;
        left: 0;
        width: 50%;
        background: var(--color-grey2);
        top: auto;
        border-radius: 0;
    }

    ._1lrQtT48s_Z_w2NRSkJpNs {
        left: 50%;
        right: 0;
        background: var(--color-orange);
    }

    ._5k2cLaKBA7QKDmBzjfdXD {
        position: fixed;
        bottom: 96px;
        left: 0;
        width: 100%;
    }

    .YbvLG0oeIxvXB9k1fdxGB {
        flex-direction: row;
        flex-wrap: nowrap;
        width: auto;
        margin-left: 16px;
    }

    .k1EYBIrGae7TKxvQsrj93, ._557t7OX5IR_OytbqKRJkJ {
        min-width: 88px;
        width: 88px;
        height: 88px;
        margin-right: 8px;
    }

    ._3-i72It4-HwHh4bIsNtsvM {
        width: 54px;
        height: 80px;
    }

    .EE2Ku-tVtIgj19UCikgKq {
        position: fixed;
        bottom: 48px;
        display: flex;
        width: 100%;
        left: 0;
        height: 48px;
        border-radius: 0;
    }

    ._3tIfd1zZhCE0t-viI2PIWy, ._19_A_nfW0c7pixlLdM9Z0d {
        flex: 1;
        background: var(--color-grey1);
        height: 48px;
    }

    ._2t6A-dXtKXscZmJar_gnvw{
        display: none;
    }

    ._3VCkMSljUvv025JlFl0kkQ {
        display: inline-block;
    }
}
._2bKEh-beNN_tSt-mIzwf1p {

}

._2oYRuSgBPnH59kRkZP7j1i {
    display: none;
}
._2o09XUQs5HyDekFISMbB7g {
    background: radial-gradient(rgba(255, 255, 255, 0.2) 10%, rgba(0, 0, 0, 0.1) 80%);
    box-shadow: 0px 0px 2px 0px rgba(255,255,255,0.6);
    border: 1px solid rgba(255,255,255,0.8);
    border-radius: 50%;
    font-family: NotoSansCJKsc-Bold,NotoSansCJKsc;
    color: var(--color-white);
    font-size: 20px;
    font-weight: bold;
}
._2o09XUQs5HyDekFISMbB7g:active {
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255,255,255,0.9);
}

._2Zhrj7R8tHMlYmEsK-XJAr {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 180px;
    height: 180px;
}

.aGlq-ZD63MPddAULSkGj {
    position: absolute;
    width: 88px;
    height: 88px;
    left: 71px; 
    bottom: 40px;
    z-index: 9;
}

.aGlq-ZD63MPddAULSkGj ._2wFhAGGStBEBgAHIE3m4lv {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.aGlq-ZD63MPddAULSkGj ._33ZmsdFRwfbGbam2EHPS_h {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 27%;
    height: 27%;
    border-radius: 50%;
    transform: translate(-50%, -50%);

    background-color: rgba(255, 255, 255, 0.8);
    opacity: 1;
}

.Bz6cONbnSz_iSYFpLLvrm {
    background-image: url(QmbzjGcX6osRs2kBKLZ1J3K5hqzZTSqRomifMTD4dGxeyd.png);
    position: absolute;
    width: 16px;
    height: 14px;
    top: 50%;
    left: 50%;
    background-size: cover;
}

.YhA3zYvSAuSUAhMaIztnT {
    transform: translate(-50%, -250%);
}

._215wdQw6Qe0eUK5BsfuYgA {
    transform: rotate(270deg) translate(50%, -250%);
}

._1Da4lCpLK3SgGTF6TVz1Ox {
    transform: rotate(90deg) translate(-50%, -150%);
}

._9EOU0lIKlMn5T1fUu3x4C {
    transform: rotate(180deg) translate(50%, -150%);
}

._34VBxyrxYOjsMEfe3u_oUi {
    position: fixed;
    right: 51px;
    bottom: 40px;
    width: 56px;
    height: 56px;
}

._1a8weEZo69W9HKlEHvntif {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 0;
}

._2Hth4QvCHipK832_sK7Kxh {
    background-image: url(QmP1pakGuiVDr9dft9kvEiv8fxy6ArLcHCcmCx5yByAk5z.png);
    width: 27px;
    height: 34px;
    transform: translate(3px, 0px);
    background-size: cover;
}

.MbcpkhecvTBicpQW6pwl7 {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}

._2k-3XiLFQTpxDGdnnn0QfD {
    position: absolute;
    bottom: 24px;
    left: -16px;
    transform: translate(-100%, 0);
}

._1ZlYeadUaO010DYle2_Uby {
    position: absolute;
    top: -16px;
    left: -8px;
    transform: translate(0, -100%);
}

._2PRwuT6s5nZAIIusQsGo25 {
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255,255,255,0.9);
}

@media screen and (max-width: 450px) and (orientation: portrait) {
    .aGlq-ZD63MPddAULSkGj {
        left: 24px;
        bottom: 88px;
    }
    ._34VBxyrxYOjsMEfe3u_oUi {
        right: 24px;
        bottom: 88px;
    }
}

@media screen and (min-width: 768px) and (min-height: 1024px) and (max-width: 1024px) and (max-height: 1366px), screen and (min-height: 768px) and (min-width: 1024px) and (max-width: 1366px) and (max-height: 1024px) {
    ._2Zhrj7R8tHMlYmEsK-XJAr {
        width: 300px;
        height: 300px;
    }
    .aGlq-ZD63MPddAULSkGj {
        width: 192px;
        height: 192px;
        left: 84px;
        bottom: 52px;
    }
    ._34VBxyrxYOjsMEfe3u_oUi {
        height: 118px;
        width: 118px;
        right: 85px;
        bottom: 52px;
    }
    .MbcpkhecvTBicpQW6pwl7 {
        width: 96px;
        height: 96px;
    }
    .Bz6cONbnSz_iSYFpLLvrm {
        width: 33.45px;
        height: 31.45px;
    }
    ._2k-3XiLFQTpxDGdnnn0QfD {
        bottom: 47px;
        left: -9px;
    }
    ._1ZlYeadUaO010DYle2_Uby {
        top: -9px;
        left: -20px;
    }
    ._2Hth4QvCHipK832_sK7Kxh {
        width: 44px;
        height: 58px;
        transform: translate(5px, 0px);
    }
}

._26j0LORdVu56VuHym8I082, ._1nxWVFIQZaRsrhBiHNg7NV, ._6z5cYn8V_bEzjprGBfMk2, ._1wKZ1_KiCFOwF-augpiVyq, ._2LQel_9WPkVq1vwKnnmC3_ {
    outline: none;
    padding: 6px 12px;
    background-color: #FFF;
    min-width: 50px;
    font-size: 16px;
    color: #000;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #CCC;
    display: inline-block;
    transition: all .2s;
    margin: 5px;
}
._26j0LORdVu56VuHym8I082:hover {
    border-color: #58A6C0;
    color: #58A6C0;
}
._26j0LORdVu56VuHym8I082:active {
    border-color: #4D9DB7;
    color: #4D9DB7;
    -webkit-animation: sPHW1USEYuKf9ekOWlcJH linear 0.4s;
            animation: sPHW1USEYuKf9ekOWlcJH linear 0.4s;
}

._6z5cYn8V_bEzjprGBfMk2 {
    background-color: #FFAF00;
    border-color: #FFAF00;
    color: #FFF;
}
._6z5cYn8V_bEzjprGBfMk2:hover {
    color: #FFF;
    background-color: #F1BD4C;
    border-color: #F1BD4C;
}

._6z5cYn8V_bEzjprGBfMk2:active {
    color: colorAccentDarkDark;
    -webkit-animation: sPHW1USEYuKf9ekOWlcJH linear 0.4s;
            animation: sPHW1USEYuKf9ekOWlcJH linear 0.4s;
    background-color: #C37841;
    border-color: #C37841;
}

._1wKZ1_KiCFOwF-augpiVyq {
    background-color: #58A6C0;
    border-color: #58A6C0;
    color: #FFF;
}

._1wKZ1_KiCFOwF-augpiVyq:hover {
    background-color: #4D9DB7;
    border-color: #4D9DB7;
    color: #FFF;
}

._1wKZ1_KiCFOwF-augpiVyq:active {
    background-color: undefined;
    border-color: undefined;
    color: #FFF;
}

._2LQel_9WPkVq1vwKnnmC3_ {
    background-color: #F44336;
    color: #FFF;
}
._2LQel_9WPkVq1vwKnnmC3_:hover {
    background-color: #F6685E;
    border-color: #F6685E;
    color: #FFF;
}

._1nxWVFIQZaRsrhBiHNg7NV {
    background-color:transparent;
    border-color: #FFF;
    color: #FFF;
}

._26j0LORdVu56VuHym8I082:disabled {
    color: #CCC;
    background-color: #FFF;
    cursor: not-allowed;
    border-color: #CCC;
}

._1nxWVFIQZaRsrhBiHNg7NV._6z5cYn8V_bEzjprGBfMk2 {
    color: #FFAF00;
    border-color: #FFAF00;
    background-color: transparent;
}

._1nxWVFIQZaRsrhBiHNg7NV._6z5cYn8V_bEzjprGBfMk2:hover {
    color: #F1BD4C;
    background-color: transparent;
}

._1nxWVFIQZaRsrhBiHNg7NV._6z5cYn8V_bEzjprGBfMk2:active {
    color: #C37841;
    background-color: transparent;
}

._2se-_4wAmFmCwQLCeDqnXm {
    border: 1px solid rgba(247,179,10,1);
    background-color: var(--color-white);
    color: rgba(0, 0, 0, 0.88);
}
._2se-_4wAmFmCwQLCeDqnXm:hover {
    border: 1px solid rgba(247,179,10,1);
    background-color: rgba(247, 179, 10, 0.1);
    color: rgba(0, 0, 0, 0.88);
}
._2se-_4wAmFmCwQLCeDqnXm:active {
    border: 1px solid rgba(247,179,10,1);
    background-color: rgba(247, 179, 10, 0.2);
    color: rgba(0, 0, 0, 0.88);
}
._2se-_4wAmFmCwQLCeDqnXm:disabled {
    cursor: not-allowed;
}

@-webkit-keyframes sPHW1USEYuKf9ekOWlcJH {
    0% {
        box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    }

    100% {
        box-shadow: 0 0 3px rgba(0, 0, 0, 0);
    }
}

@keyframes sPHW1USEYuKf9ekOWlcJH {
    0% {
        box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    }

    100% {
        box-shadow: 0 0 3px rgba(0, 0, 0, 0);
    }
}
._2wGiBspL97LF51Ty-LG8Vl {
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

._1kpIev2c73b2DLOiavWXqV {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.cGMi70I51MkkvgVMJ8Jqu {
    width: 432px;
    height: 456px;
    border-radius: 16px;
    background-color: var(--color-grey2);
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

._23KKRq9GgzsCLpl1yqlqpr {
    width: 100%;
    height: 136px;
    background-color: #FEC433;
    position: relative;
    border-radius: 16px 16px 0px 0px;
}

._19U5T73rvO2TyEZ9PFHers {
    height: 53px;
    font-size: 38px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #644e14;
    line-height: 53px;
    letter-spacing: 2px;
    margin-top: 40px;
    margin-left: 48px;
    position: relative;
}

._3gYWRPL0NTFRWA14-PTyoC {
    color: black;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 20px;
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

._1NGBcSbCS0hGMiGZGe24Zk {
    width: 14px;
    height: 14px;
    background-position: -125px -77px; 
}

.VlBZ-McWJzzs5sLuyXFWl {
    padding: 40px;
    display: flex;
    flex-direction: row;
    flex: 1;
}

._2kXY_G9DRY2kKNcNg0iwFL {
    flex: 1;
}

._2IiEBGwuZeJYX2leh0pFI4 {
    flex: 1;
}

._2CO6HBBEGj3WcqhKDQv4wh {
    display: flex;
    flex-direction: row;
    padding: 12px 0;
    color: white;
    cursor: pointer;
}

._2CxXrlinJIkJCKVfePhkbW {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    margin-right: 8px;
}

.Dm8Oi9q4zRDKo3J9Zr6HO {
    background: rgba(247, 179, 10, 1);
}

._2IzTh1Ai1Oo4VqQzRRWu6B {
    background-color: var(--color-grey3);
}

._28cR_n-gW37NiuU5glYaBP {
    height: 40px;
    width: 120px;
    position: absolute;
    bottom: 40px;
    right: 40px;
}
._13Mhad_t1s14ePsDR1iRmw {
    width: 360px;
    height: 100%;
    display: flex;
    flex-direction: row;
    position: relative;
    z-index: 10;
}

._3f8UMVsQWFbOyn8OVpgqkC {
    width: 80px;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

._2aFE0qJ9kyYUNO78F15WSk {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 16px 8px;
    width: 100%;
    box-sizing: border-box;
}

.wpNq52kykZKmiMlxogjAw {
    background-color: var(--color-grey1-60);
    box-sizing: border-box;
}

._1HSP4OUj1MmGcNf9qvgRoe {
    width: 100%;
    flex: 1;
    background-color: var(--color-grey3-60);
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    box-sizing: border-box;
}

._1HSP4OUj1MmGcNf9qvgRoe::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

._10n2gsFv-5FEX0ZkipvgwM {
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
    transform: scale(1.5);
}

._3crEx99azpLzyvdl7ImHx {
    margin-top: 4px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 21px;
    height: 21px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center;
    overflow: hidden;
}

._29O_E01UC_VESkzo4AGyzB {
    background-position: 0 -144px;
    width: 32px;
    height: 32px;
}

._3eDR_Ref858b4Wt0T1bZaz {
    margin-top: 3px;
    height: 18px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    line-height: 18px;
}

.ynjNtaqFF_ZqneZul7Cxy {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    padding: 15px 16px;
    box-sizing: border-box;
    background-color: var(--color-grey1-60);
    overflow: hidden;
}

._3enIe2b-eAyI7h-kLCjRgO {
    min-height: 40px;
    width: 100%;
    background-color: var(--color-grey1-30);
    border-radius: 8px;
    padding: 8px 16px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    margin-top: 16px;
}

._7bDQgYFPS3XEOJJzbjy1P {
    resize: none;
    overflow: auto;
    height: auto;
    min-height: 24px;
    width: 170px;
    color: white;
    border: none;
    background: none;
    font-size: 16px;
    font-weight: 400;
    outline: none;
    flex: 1;
    display: block;
    padding: 0;
    line-height: 24px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    box-sizing: border-box;
}

._7bDQgYFPS3XEOJJzbjy1P::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

._7bDQgYFPS3XEOJJzbjy1P::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.3);
    line-height: 24px;
}

._7bDQgYFPS3XEOJJzbjy1P::-moz-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.3);
    line-height: 24px;
}

._7bDQgYFPS3XEOJJzbjy1P:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.3);
    line-height: 24px;
}

._7bDQgYFPS3XEOJJzbjy1P::-ms-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.3);
    line-height: 24px;
}

._7bDQgYFPS3XEOJJzbjy1P::placeholder {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.3);
    line-height: 24px;
}

._2Q4xcljGXI3cKMQP_GBgN9 {
    background-position: -217.5px -74.5px;
    width: 21px;
    height: 18.5px;
    transform: scale(0.76);
    margin-left: 16px;
}

._2VY8mKse-QLzW5PK11XCaD {
    cursor: pointer;
    width: 100%;
    height: 72px;
    background: rgba(18, 18, 18, 0.3);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 16px 0 0 0;
}

._3uy6iJ0B3MzrMes2Gu_bys {
    color: white;
    height: 24px;
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 24px;
}

._2cLOmjiOzraLk8Oq6mvINi {
    height: 18px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    line-height: 18px;
    margin-top: 1px;
}

.BS_727FvRs7gaL2l80dL3 {
    flex: 1;
    width: 100%;
    height: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: auto;
}

.BS_727FvRs7gaL2l80dL3::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

._1MxA4PrVj-c2x2qT-z9Eb- {
    width: 100%;
    display: flex;
    padding: 8px 0;
}

._2OfjvR4o-KVWnfKTu1eshS {
    flex-direction: row-reverse;
    justify-content: flex-end;
    text-align: right;
}
._2ycccd3_qau683-raAgO2f {
    flex-direction: row;
}

._1gXE8fz2zLERoOEMxoKyE8 {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    line-height: 18px;
    padding: 8px 0;
    text-align: center;
    width: 100%;
    overflow: hidden;
    white-space: pre;
}

._1K_3m9tBmXlrONSAX-4VPl {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background-size: 24px 24px;
}
._2OfjvR4o-KVWnfKTu1eshS ._1K_3m9tBmXlrONSAX-4VPl {
    margin-right: 0;
    margin-left: 8px;
}

._1j1Rsd1HX205ekvODW4vHC {
    flex: 1;
    overflow: hidden;
}

.G7ZnZHdS4o4WwZjqx0Mfw {
    height: 18px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

._2IYabjLqeRyJ6DrfD_Uypx {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 24px;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.aNIPsR3DABXFKnaQ_d0JY {
    width: 160px;
    background-color: var(--color-grey2);
    border-radius: 8px;
    position: fixed;
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 24px;
    z-index: 11;
}

.mvz1t0k1NBWtve8J88W9g {
    width: 100%;
    padding: 8px 16px;
    box-sizing: border-box;
    cursor: pointer;
}

.mvz1t0k1NBWtve8J88W9g:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

._1tejGpkS5T-8TIvvt5o-I2 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

@media screen and (max-width: 450px), screen and (max-height: 450px) {
    ._3f8UMVsQWFbOyn8OVpgqkC {
        width: 64px;
    }
}

@media screen and (max-height: 450px) and (orientation: landscape) {
    ._13Mhad_t1s14ePsDR1iRmw {
        width: 100vh;
    }
    ._2aFE0qJ9kyYUNO78F15WSk {
        padding: 12px 8px;
    }
    ._3crEx99azpLzyvdl7ImHx {
        font-size: 12px;
    }
    .G7ZnZHdS4o4WwZjqx0Mfw {
        font-size: 10px;
    }
    ._2IYabjLqeRyJ6DrfD_Uypx {
        font-size: 14px;
    }
}

@media screen and (max-width: 450px) and (orientation: portrait) {
    ._13Mhad_t1s14ePsDR1iRmw {
        width: 100%;
    }
    ._3crEx99azpLzyvdl7ImHx {
        font-size: 12px;
    }
    .G7ZnZHdS4o4WwZjqx0Mfw {
        font-size: 10px;
    }
    ._2IYabjLqeRyJ6DrfD_Uypx {
        font-size: 14px;
    }
}
._34SewjJbEUDvj2NSU5-2FJ {
    width: 360px;
    height: 100%;
    display: flex;
    flex-direction: row;
    position: relative;
    z-index: 10;
}

._1tsALK2LRa0DFHH29SWABs {
    width: 80px;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

._2JQfuNamHFtYuUJqgd0khE {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 16px 8px;
    width: 100%;
    box-sizing: border-box;
}

._2TcN1BGZhhmXOAH1zFQsMo {
    background-color: var(--color-grey1-60);
    box-sizing: border-box;
}

._2mlYbqUY-wOA5sx4Nh94l {
    width: 100%;
    flex: 1;
    background-color: var(--color-grey3-60);
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    box-sizing: border-box;
}

._2mlYbqUY-wOA5sx4Nh94l::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

._2eknO4IK3crblOniUT0Tyf {
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
    transform: scale(1.5);
}

.HPovAilci4shtaxP2r9_T {
    margin-top: 4px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 21px;
    height: 21px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center;
    overflow: hidden;
}

._3WxfermKRVpSzJKS_xCizS {
    background-position: 0 -144px;
    width: 32px;
    height: 32px;
}

._2sV8SZcQo032xi5iDagz5U {
    margin-top: 3px;
    height: 18px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    line-height: 18px;
}

._1xYyHNDBQPQsfuRu1Vk7q_ {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    padding: 15px 16px;
    box-sizing: border-box;
    background-color: var(--color-grey1-60);
    overflow: hidden;
}

._2oiIfASxvqzPJ3MXazLslX {
    min-height: 40px;
    width: 100%;
    background-color: var(--color-grey1-30);
    border-radius: 8px;
    padding: 8px 16px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    margin-top: 16px;
}

.CHHBUJYe9lSCylfBPXYh7 {
    resize: none;
    overflow: auto;
    height: auto;
    min-height: 24px;
    width: 170px;
    color: white;
    border: none;
    background: none;
    font-size: 16px;
    font-weight: 400;
    outline: none;
    flex: 1;
    display: block;
    padding: 0;
    line-height: 24px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    box-sizing: border-box;
}

.CHHBUJYe9lSCylfBPXYh7::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.CHHBUJYe9lSCylfBPXYh7::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.3);
    line-height: 24px;
}

.CHHBUJYe9lSCylfBPXYh7::-moz-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.3);
    line-height: 24px;
}

.CHHBUJYe9lSCylfBPXYh7:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.3);
    line-height: 24px;
}

.CHHBUJYe9lSCylfBPXYh7::-ms-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.3);
    line-height: 24px;
}

.CHHBUJYe9lSCylfBPXYh7::placeholder {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.3);
    line-height: 24px;
}

._2FI3WVjUPicuwkMdgD575s {
    background-position: -217.5px -74.5px;
    width: 21px;
    height: 18.5px;
    transform: scale(0.76);
    margin-left: 16px;
}

._1J-tbYTf1eH9RYgdn5hu8i {
    cursor: pointer;
    width: 100%;
    height: 72px;
    background: rgba(18, 18, 18, 0.3);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 16px 0 0 0;
}

._2osu6ZH36AQc20qLI_nc2w {
    color: white;
    height: 24px;
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 24px;
}

._2o4WXTG5tukISJjRnBcEM- {
    height: 18px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    line-height: 18px;
    margin-top: 1px;
}

._15Wbu56obi2RTFtX3r_iqZ {
    flex: 1;
    width: 100%;
    height: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: auto;
}

._15Wbu56obi2RTFtX3r_iqZ::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

._1oZNbLg0_LSKMinOQiSPRC {
    width: 100%;
    display: flex;
    padding: 8px 0;
}

._3eienP3WBf-kW5yHrNgdNO {
    flex-direction: row-reverse;
    justify-content: flex-end;
    text-align: right;
}
._1z63mpqit-dUvbtVHK5HqP {
    flex-direction: row;
}

._3ULbUqt-Xzdy46KmT8G4Ov {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    line-height: 18px;
    padding: 8px 0;
    text-align: center;
    width: 100%;
    overflow: hidden;
}

._151qpnhRtjqIorUtMTTsta {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background-size: 24px 24px;
}
._3eienP3WBf-kW5yHrNgdNO ._151qpnhRtjqIorUtMTTsta {
    margin-right: 0;
    margin-left: 8px;
}

._2VMsXFkeOHDYYevc97ZnuK {
    flex: 1;
    overflow: hidden;
}

.IL6cg6uCftz35hnWF9sln {
    height: 18px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

._3fqvrc-E-2PQFIOEa1UO3S {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 24px;
    word-wrap: break-word;
}

._25pM05zLmmGZqWNKPfkIqr {
    width: 160px;
    background-color: var(--color-grey2);
    border-radius: 8px;
    position: fixed;
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 24px;
    z-index: 11;
}

.YcC9ho0gauym6revaG8vY {
    width: 100%;
    padding: 8px 16px;
    box-sizing: border-box;
    cursor: pointer;
}

.YcC9ho0gauym6revaG8vY:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

._3V0o4h_6LDhY2-Pp0PCrV5 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}
@media undefined {
    ._2JQfuNamHFtYuUJqgd0khE {
        padding: 12px 8px;
    }
    .HPovAilci4shtaxP2r9_T {
        font-size: 12px;
    }
    .IL6cg6uCftz35hnWF9sln {
        font-size: 10px;
    }
    ._3fqvrc-E-2PQFIOEa1UO3S {
        font-size: 14px;
    }
}

@media screen and (max-width: 450px) and (orientation: portrait) {
    ._3SMUPpGhBHERVHLc5mExFw {
        bottom: 0;
        position: fixed;
        width: 100%;
        left: 0;
        height: 64vh;
    }
    ._17OkAMOsdetKo2usAMdhlH {
        overflow: auto;
        border-radius: 16px 16px 0px 0px;
        height: 100%;
    }
    ._34SewjJbEUDvj2NSU5-2FJ {
        width: 100%;
    }
    .HPovAilci4shtaxP2r9_T {
        font-size: 12px;
    }
    .IL6cg6uCftz35hnWF9sln {
        font-size: 10px;
    }
    ._3fqvrc-E-2PQFIOEa1UO3S {
        font-size: 14px;
    }
}
._3gBzAq4fe_z-G81c3zPwUY {
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    left: 50%;
    position: fixed;
    top: 32px;
    transform: translateX(-50%);
}

._3jtfg3dboo5QVNVgKVOVac {
    max-width: 100%;
    height: 32px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 23px;
}

._2jOF4956YAxF-rj0CU4DR2 {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background-size: 24px 24px;
}

._1Ky91KH-dkhsDx8nASjHah {
    height: 20px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    line-height: 20px;
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
}
._2e9LWpjJ17nFUxo2kd14pZ {
    display: none;
}

._2myks7SW60b3FToxFLhqa9 {
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: auto;
}

.adEZALCiqonWWpKqUKWtf {
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: fixed;
}

.TVMjrr1B3AKgU6Ly04Hd4 {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 400px;
    transform: translate(0, 67px);
}

.wPsH72pryQ-ufGTgsw9WS {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 20;
    width: 14px;
    height: 14px;
    background-position: -125px -77px;
    cursor: pointer;
}

.lb3JWuosOJuUlWs9U8ZIC {
    position: relative;
    width: 100%;
    height: 140px;
    border-radius: var(--bigRadius) var(--bigRadius) 0 0;
    background-color: var(--color-orange);
}

._2c58HizXZjexjWmHlY1LuV {
    position: absolute;
    right: 17px;
    bottom: 0;
    width: 141px;
    height: 86px;
    background-image: url(QmNN5mbqPuw95zdrNJV1Z7XM4K7SQMMrxnw5j3CrfACovj.png);
    background-size: 100%;
}

.MldcBWgeGeGTLw9tRHKR9 {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

._3Lwkz1Q96ursg9y7lB4M-3 {
    position: absolute;
    top: -92px;
    left: 40px;
    width: 161px;
    line-height: 48px;
    font: 32px PingFangSC-Semibold;
    font-weight: 600;
}

._1TEBsfhR9QJvlDLouDMdcA {
    width: 100%;
}

._1TEBsfhR9QJvlDLouDMdcA ._341ULipgS7Y5PZ717sPTiE {
    display: none;
}

._3bbT87cKv9rgB9QMKf-U72 {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: var(--color-grey2);
}

._3bbT87cKv9rgB9QMKf-U72 span {
    flex: 1;
    line-height: 36px;
    padding: 2px 0;
    color: var(--color-white);
    font-size: var(--text-h2);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

._3bbT87cKv9rgB9QMKf-U72 span._1NGqPO7T51bAHtOqH_5v1B {
    background-color: var(--color-grey1);
    cursor: pointer;
}

._3q0os6sc1bVT93792OLRLC {
    display: none;
}

.y63vKguGYo7CYYe_0k2Qb {
    margin: 6px;
    color: #F44336;
    font: 12px PingFangSC-Semibold;
    line-height: 12px;
}

._3T-2OhLnnwTu5pIX6CBEkR {
    position: relative;
    z-index: 10;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 0 0 var(--bigRadius) var(--bigRadius);
    background: var(--color-grey2);
}

._3T-2OhLnnwTu5pIX6CBEkR input[type="text"],
._3T-2OhLnnwTu5pIX6CBEkR input[type="number"],
._3T-2OhLnnwTu5pIX6CBEkR input[type="password"] {
    box-sizing: border-box;
    width: 288px;
    height: 40px;
    padding: 8px 112px 8px 40px;
    border: 1px solid var(--color-white-30);
    border-radius: var(--baseRadius);
    outline: none;
    background-color: var(--color-grey1);
    color: var(--color-white);
    line-height: 24px;
    font-size: var(--text-h2);
}
._3T-2OhLnnwTu5pIX6CBEkR input[type=number] {
    -moz-appearance: textfield;
}
._3T-2OhLnnwTu5pIX6CBEkR input::-webkit-outer-spin-button,
._3T-2OhLnnwTu5pIX6CBEkR input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
._3T-2OhLnnwTu5pIX6CBEkR input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px var(--color-grey1) inset;
    -webkit-text-fill-color: var(--color-white);
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}

._3T-2OhLnnwTu5pIX6CBEkR input.HF8Qd0h0RFukTuszPRTa7 {
    padding-right: 80px;
}

._3T-2OhLnnwTu5pIX6CBEkR > button {
    width: 288px;
    height: 48px;
    padding: 6px 16px;
    border: none;
    outline: none;
    border-radius: var(--baseRadius);
    margin-top: 32px;
    background: var(--color-orange);
    font: var(--text-h1) PingFangSC-Semibold;
    cursor: pointer;
}

._3T-2OhLnnwTu5pIX6CBEkR button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

._3T-2OhLnnwTu5pIX6CBEkR .H_DqkyiMOAt9dGSqOUzwm {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 288px;
    padding: 8px 0 48px 0;
    color: var(--color-white-60);
    font-size: var(--text-h4);
    line-height: 18px;
}

.H_DqkyiMOAt9dGSqOUzwm a {
    cursor: pointer;
}

._19XJqJBu5HplaWPvGRqsOr a {
    color: var(--color-orange);
    text-decoration: none;
}

._3T-2OhLnnwTu5pIX6CBEkR ._1kIdtY5R8M3J1hJXl3B8hv {
    position: relative;
    margin-top: 24px;
}

.LSXoOx-R-mf_l29GA9gH,
._28PnnDMSu8jZYCY4KofmSX,
._2BCnvt_nrL-bYBLfyJN_CE,
._1z_jvNp6hD1if0BF-dtLYp {
    position: absolute;
    bottom: 12px;
    left: 16px;
}

.LSXoOx-R-mf_l29GA9gH {
    background-position: -80px 0;
}

._28PnnDMSu8jZYCY4KofmSX {
    background-position: -96px 0;
}

._2BCnvt_nrL-bYBLfyJN_CE {
    background-position: -112px 0;
}

._1z_jvNp6hD1if0BF-dtLYp {
    background-position: -64px -32px;
}

._2MX5zDTnbqYfiKEIzbuZnP {
    position: absolute;
    bottom: 12px;
    right: 0;
    line-height: 0;
}

._3mClqMvNGab1mfqQ7N8eIP,
._2CEd7Q1L9Uxjke-zZyycLf,
._3_F0SZ9CU_WJI38_AJax4- {
    z-index: 20;
    display: inline-block;
    margin-right: 16px;
    line-height: 16px;
    cursor: pointer;
    opacity: 0.6;
}

._3mClqMvNGab1mfqQ7N8eIP {
    background-position: -112px -48px;
}

._2CEd7Q1L9Uxjke-zZyycLf {
    background-position: -128px 0;
}

._3_F0SZ9CU_WJI38_AJax4- {
    background-position: -144px 0;
}

._4bTUTjIgAofd_jORBeCWV {
    position: relative;
}

._4bTUTjIgAofd_jORBeCWV button {
    position: absolute;
    bottom: 12px;
    right: 16px;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    color: #FEC433;
    background-color: transparent;
    font: var(--text-h2) PingFangSC-Regular;
    line-height: 1;
    cursor: pointer;
}

._4bTUTjIgAofd_jORBeCWV ._1lKdpQ-ryvag3LfQ2f9rGX {
    background-color: transparent;
    font-family: PingFangSC-Regular;
    color: #FEC433;
}

._2aFgnqKpsIs0W5r8aZLX2L {
    width: 100%;
}

.SlcCopN-EJSXmiK-rBYOI {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 78px;
}

.SlcCopN-EJSXmiK-rBYOI ._3NLc4QXx3p2tHqnIbPi6J8 {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    width: 188px;
    height: 56px;
    border-radius: var(--baseRadius);
    background: var(--color-grey2);
    cursor: pointer;
}

.kYuTNl93gEmBYACG9katN {
    background-position: -72px 0;
}

._1GKQ-BLr9r1ahqb5prfnUg {
    background-position: -96px 0;
}

.SlcCopN-EJSXmiK-rBYOI ._30kag0ciBD--vm9dt0lC8h {
    color: var(--color-white);
    font-size: var(--text-h2);
}

@media screen and (min-width: 768px) and (min-height: 1024px) and (max-width: 1024px) and (max-height: 1366px), screen and (min-height: 768px) and (min-width: 1024px) and (max-width: 1366px) and (max-height: 1024px) {
    .TVMjrr1B3AKgU6Ly04Hd4 {
        transform: translate(0, 0);
    }
}

@media screen and (max-height: 450px) and (orientation: landscape) {
    ._2myks7SW60b3FToxFLhqa9 {
        top: 0;
        align-items: start;
        overflow: auto;
    }
    ._3Lwkz1Q96ursg9y7lB4M-3 {
        display: none;
    }
    .lb3JWuosOJuUlWs9U8ZIC {
        display: none;
    }
    .TVMjrr1B3AKgU6Ly04Hd4 {
        transform: translate(0, 0);
        min-width: 100%;
        min-height: 100%;
    }
    .MldcBWgeGeGTLw9tRHKR9 {
        flex: 1;
    }
    ._3bbT87cKv9rgB9QMKf-U72 {
        width: 100vh;
        background-color: rgba(0, 0, 0, 0);
    }
    ._3bbT87cKv9rgB9QMKf-U72 span {
        border-radius:16px 16px 0px 0px;
        height: 48px;
        background: var(--color-grey2);
    }
    ._3bbT87cKv9rgB9QMKf-U72 span._1NGqPO7T51bAHtOqH_5v1B {
        background: var(--color-grey3);
        color: rgba(255, 255, 255, 0.6);
    }
    ._2aFgnqKpsIs0W5r8aZLX2L {
        padding: 16px;
        width: 100%;
        background-color: var(--color-grey2);
        border-top: 1px solid rgba(255, 255, 255, 0.6);
        box-sizing: border-box;
    }
    .SlcCopN-EJSXmiK-rBYOI {
        display: block;
        margin-top: 0;
    }
    .SlcCopN-EJSXmiK-rBYOI ._3NLc4QXx3p2tHqnIbPi6J8 {
        width: 100%;
        justify-content: center;
        border-radius: unset;
        margin: 8px 0px;
        box-sizing: content-box;
        background-color: #62C1FF;
        border-radius: var(--baseRadius);
    }
    .SlcCopN-EJSXmiK-rBYOI ._3NLc4QXx3p2tHqnIbPi6J8:first-child {
        background: linear-gradient(180deg,rgba(66,156,0,1) 0%,rgba(86,162,63,1) 58%,rgba(95,176,35,1) 100%) rgba(128,215,65,1);
    }
    ._3T-2OhLnnwTu5pIX6CBEkR input[type="text"],
    ._3T-2OhLnnwTu5pIX6CBEkR input[type="number"],
    ._3T-2OhLnnwTu5pIX6CBEkR input[type="password"]  {
        /* background: rgba(238,238,238,1); fixme: there is no black icon */
        border: 1px solid rgba(255,255,255,0.3);
    }
    ._3T-2OhLnnwTu5pIX6CBEkR {
        flex: 1;
        border-radius: 0;
    }
}

@media screen and (max-width: 450px) and (orientation: portrait) {
    ._2myks7SW60b3FToxFLhqa9 {
        display: block;
    }
    ._3Lwkz1Q96ursg9y7lB4M-3 {
        display: none;
    }
    .lb3JWuosOJuUlWs9U8ZIC {
        display: none;
    }
    .TVMjrr1B3AKgU6Ly04Hd4 {
        height: auto;
        bottom: 0;
        width: 100%;
        position: fixed;
        display: block;
        transform: translate(0, 0);
    }
    ._3bbT87cKv9rgB9QMKf-U72 {
        background-color: rgba(0, 0, 0, 0);
    }
    ._3bbT87cKv9rgB9QMKf-U72 span {
        border-radius:16px 16px 0px 0px;
        height: 48px;
        background: var(--color-grey2);
    }
    ._3bbT87cKv9rgB9QMKf-U72 span._1NGqPO7T51bAHtOqH_5v1B {
        background: var(--color-grey3);
        color: rgba(255, 255, 255, 0.6);
    }
    ._2aFgnqKpsIs0W5r8aZLX2L {
        padding: 16px;
        width: 100%;
        background-color: var(--color-grey2);
        border-top: 1px solid rgba(255, 255, 255, 0.6);
        box-sizing: border-box;
    }
    .SlcCopN-EJSXmiK-rBYOI {
        display: block;
        margin-top: 0;
    }
    .SlcCopN-EJSXmiK-rBYOI ._3NLc4QXx3p2tHqnIbPi6J8 {
        width: 100%;
        justify-content: center;
        border-radius: unset;
        margin: 8px 0px;
        box-sizing: content-box;
        background-color: #62C1FF;
        border-radius: var(--baseRadius);
    }
    .SlcCopN-EJSXmiK-rBYOI ._3NLc4QXx3p2tHqnIbPi6J8:first-child {
        background: linear-gradient(180deg,rgba(66,156,0,1) 0%,rgba(86,162,63,1) 58%,rgba(95,176,35,1) 100%) rgba(128,215,65,1);
    }
    ._3T-2OhLnnwTu5pIX6CBEkR {
        border-radius: unset;
    }
    ._3T-2OhLnnwTu5pIX6CBEkR input[type="text"],
    ._3T-2OhLnnwTu5pIX6CBEkR input[type="number"],
    ._3T-2OhLnnwTu5pIX6CBEkR input[type="password"]  {
        /* background: rgba(238,238,238,1); fixme: there is no black icon */
        border: 1px solid rgba(255,255,255,0.3);
    }
    .wPsH72pryQ-ufGTgsw9WS {
        display: none;
    }
    ._3T-2OhLnnwTu5pIX6CBEkR {
        height: 100%;
    }
    .MldcBWgeGeGTLw9tRHKR9 {
        height: 100%;
    }
}

div {
    box-sizing: border-box;
}
html, body, #_3Y2ICo_8Su0CGI57r-LmBM {
    height: 100%;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    margin: 0;
    padding: 0;

}
a { -webkit-user-select: none; }
p {
    margin: 0;
    padding: 0;
}

* {
    font-family: 'PingFangSC-Regular', 'Helvetica', 'arial';
}
._32vN5Ai7PZ757akpk9Wkev {
    width: 0.45rem;
    height: 0.81rem;
    background-position: -1.35rem -0.09rem;
    position: absolute;
    left: 0;
    bottom: 35%;
    opacity: 0.75;
}
.rbBkTZnu6EF1QeJNFJy4n {
    display: block;
    width: 0.25rem;
    height: 0.25rem;
    position: absolute;
    right: 0.106rem;
    top: 0.3rem;
    background-position: -0.18rem -1.24rem;
}
._32vN5Ai7PZ757akpk9Wkev:active .rbBkTZnu6EF1QeJNFJy4n {
    transform: scale(1.1);
}

._2PQeSvhivSVcV0q7ncqL3s {
    display: none;
}

.FkkDh8nhNq-Tc5jb4N8u3 {
    position: fixed;
    top: 0.5625rem;
    right: 0.0625rem;
    max-width: 2.25rem;
    background: #FFF;
    padding: 0.0625rem;
    z-index: 2;
    font-size: 0.0625rem;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
    -webkit-animation: _2LNS8NNqALnjut404vLWwR linear 10s;
            animation: _2LNS8NNqALnjut404vLWwR linear 10s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}

@-webkit-keyframes _2LNS8NNqALnjut404vLWwR {
    0% {
        opacity: 1;
        visibility: visible;
    }

    90% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes _2LNS8NNqALnjut404vLWwR {
    0% {
        opacity: 1;
        visibility: visible;
    }

    90% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

._1xnAM4j9MN0dmmZhm9JDEw {
    left: 0;
    top: 0;
    position: fixed;
    background-color: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
}
.b9K34lw0tLnrCnvY4EFHR {
    width: 3rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    background: rgba(255,255,255,0.78);
    border-radius: 0px 0px 5.6px 5.6px;
}
._174tq3FQCDrORRsydLfG0w {
    height: 21px;
    width: 100%;
    background: #FFBF43;
    padding: 0 9px;
    box-sizing: border-box;
    display: flex;
}
.tF_Bb_D37SlvX0s3ozvi1 {
    width: 20px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
._2jmE4AlaAl9z6XgkVtON2N {
    width: 11px;
    height: 10px;
    background-size: 633px 324px;
    background-position: -158px -133px;
    margin-right: 7.6px;
    display: block;
}
._174tq3FQCDrORRsydLfG0w .y_lsVfzPGh_YU-hEGXPGE {
    font-family: PingFangSC-Regular;
    font-size: 11.96px;
    color: #4B545D;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
._2SfpxeqEFozdl4MEziefmF {
    padding: 20px 40px;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}
._3252h9ENZw49JQRpdnxwH6 .N3GrycGzqM4lahM2JknMB {
    font-family: PingFangSC-Regular;
    font-size: 13.44px;
    color: #4B545D;
    text-align: center;
    overflow-wrap: break-word;
}
._2h-vWY-rlJn7a5PtxgzO-U {
    width: 100%;
    margin-top: 20px;
}
._2h-vWY-rlJn7a5PtxgzO-U ._2ujh4ePskVuE0E_4GtvbPP {
    background: #FFBF43;
    box-shadow: inset 0 -3px 0 0 #FAA936;
    border-radius: 5.6px;
    font-family: PingFangSC-Semibold;
    font-size: 10.08px;
    color: #4F565C;
    width: 1.13rem;
    height: 35px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (orientation: portrait) {
    .b9K34lw0tLnrCnvY4EFHR {
        width: 65%;
    }
    ._2h-vWY-rlJn7a5PtxgzO-U ._2ujh4ePskVuE0E_4GtvbPP {
        width: 80%;
    }
}

.pj64GulQ8jLl5Lp1-ZC8w {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: #292929;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pj64GulQ8jLl5Lp1-ZC8w h1 {
    font-size: 24px;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 0;
    text-align: center;
}

._31UvMJetQifNqwg4VLiSN2 {
    display: none;
}

._2SzdAa4gGZTq5FU8vKESiC {
    position: absolute;
    top: 24px;
    right: 24px;
    display: flex;
    align-items: center;
    width: 312px;
    height: 40px;
    border-radius: var(--baseRadius);
    background: var(--color-grey1-30);
}

.hFVIck-PVoYTWsQtEBCPN {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    box-sizing: border-box;
    border-radius: var(--baseRadius);
    color: var(--color-white-60);
    font-size: var(--text-h2);
    line-height: 24px;
    cursor: pointer;
}

._3qNSAMvIEJD86CBIg9l85C {
    border: 2px solid var(--color-white);
    color: var(--color-white);
    font-family: PingFangSC-Semibold;
}

.O66fmAuhyYLyfNI6acu4f {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    width: 394px;
}

._2mVxdrXf67jd963Jxtey4w {
    z-index: 2;
    position: absolute;
    top: -100px;
    left: -140px;
    width: 268px;
    height: 135px;
    background-image: url(QmVx2ZtXwzh83XFrDAzVZPseZLp2X5bugBsREuwK1Eh7Uu.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

._250ZNuick55IjqqTAxc_ec {
    margin-top: 16px;
    margin-left: 25px;
    width: 220px;
    height: 89px;
    color: #808080;
    text-align: center;
}

._2lji4shaA4KlBkAd9V4t5J {
    margin-top: 24px;
    font-size: var(--text-h2);
}

.ZogkIoEUraxHo6Ymp6K4G {
    margin-top: 8px;
    font: var(--text-h1) PingFangSC-Semibold;
}

.A2X1YR9t0uEeodau6IrL7 {
    width: 136px;
    height: 136px;
    border-radius: 50%;
    margin-bottom: 26px;
    -o-object-fit: cover;
       object-fit: cover;
}

.A9artbr9MvWt4mW5Bz484 {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 100%;
    margin-bottom: 60px;
}

._1v5DPw1LRr-v8CiSxBf1nu {
}

._1zRNQLU3gSn8mGR_a2_j82,
._1ELmkpzHSNMb02Rk8jiF0b,
._3J0_T7NEUBwnkHoK1WRwAE,
._3x0rKrVxYp9DFAOVItxqoF,
._1Y7XRdy7sPgS1XnrI1FqbJ {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: var(--color-grey1-30);
    cursor: pointer;
}

._1zRNQLU3gSn8mGR_a2_j82 {
    margin-top: 112px;
}

._1ELmkpzHSNMb02Rk8jiF0b {
    margin-top: 112px;
}

._1jBPy3sbk6SvjzYHgn3ISq {
    background-position: 0 0;
}

._1S9xTMDrACSckqPpZ37vFJ {
    background-position: -24px 0;
}

._1UaxDvfK6SUpEf9im7o32T {
    background-position: -48px 0;
}

._2FhBpl6zPBcreRKPHol5Jm {
    background-position: -72px 0;
}

._1BRLHa6cS2PPY1xUi4z9t1 {
    background-position: -96px 0;
}

.rzsVR07xrJSIwjL_NwwX3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 32px;
    color: var(--color-white);
}

._1ZJDfqG6bQsQKTgsd0WU1O {
    font: var(--text-h1) PingFangSC-Semibold;
    margin-right: 14px;
}

._2ZkkknUlFvzVV18PjC61en {
    font: var(--text-h2) PintFangSC-Semibold;
    text-decoration: underline;
    cursor: pointer;
}

._2CGySt2UC265XvYttBgcIv {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 320px;
    height: 64px;
    border-radius: var(--bigRadius);
    margin-bottom: 56px;
    padding: var(--basePadding);
    background: var(--color-orange);
    color: var(--color-black);
    font: var(--text-h1) PingFangSC-Semibold;
    font-weight: 600;
    line-height: 36px;
    cursor: pointer;
}

.fh5oOfJIUUSyChw-bi7NI {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 320px;
}

@media screen and (max-width: 960px) {
    .O66fmAuhyYLyfNI6acu4f {
        width: 312px;
    }

    ._1zRNQLU3gSn8mGR_a2_j82,
    ._1ELmkpzHSNMb02Rk8jiF0b,
    ._3J0_T7NEUBwnkHoK1WRwAE,
    ._3x0rKrVxYp9DFAOVItxqoF,
    ._1Y7XRdy7sPgS1XnrI1FqbJ {
        width: 48px;
        height: 48px;
    }
    ._3J0_T7NEUBwnkHoK1WRwAE {
        background-color: var(--color-orange);
    }
    ._3x0rKrVxYp9DFAOVItxqoF {
        background-color: #80D741;
    }
    ._1Y7XRdy7sPgS1XnrI1FqbJ {
        background-color: #62C1FF;
    }

    ._2CGySt2UC265XvYttBgcIv {
        width: 224px;
        height: 48px;
        border-radius: var(--baseRadius);
        font: var(--text-h2) PingFangSC-Semibold;
        font-weight: 600;
        line-height: 24px;
    }

    .fh5oOfJIUUSyChw-bi7NI {
        justify-content: space-evenly;
        width: 224px;
    }
    ._1P9NiS1OoUZp2jjchQSBsq {
        color: var(--color-white);
        font: var(--text-h2) PingFangSC-Semibold;
        font-weight: 600;
        text-shadow: 1px 1px 2px var(--color-grey3);
        text-align: center;
        line-height: 24px;
    }
}

@media screen and (max-height: 450px) and (orientation: landscape) {
    ._2SzdAa4gGZTq5FU8vKESiC {
        top: 24px;
        right: 32px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: 104px;
        height: 144px;
    }
    .hFVIck-PVoYTWsQtEBCPN {
        width: 100%;
        height: auto;
        font: var(--text-h3) PingFangSC-Semibold;
        font-weight: 600;
        line-height: 21px;
    }

    ._2mVxdrXf67jd963Jxtey4w {
        top: -22px;
        left: -100px;
        width: 202px;
        height: 92px;
    }
    ._250ZNuick55IjqqTAxc_ec {
        width: 176px;
        height: 48px;
        margin-top: 19px;
        margin-left: 13px;
    }
    ._2lji4shaA4KlBkAd9V4t5J {
        margin-top: 16px;
        font-size: var(--text-h4);
    }
    .ZogkIoEUraxHo6Ymp6K4G {
        margin-top: 8px;
        font: var(--text-h2) PingFangSC-Semibold;
    }

    .A9artbr9MvWt4mW5Bz484 {
        margin-bottom: 18px;
    }
    ._1v5DPw1LRr-v8CiSxBf1nu {
        width: 160px;
        height: 160px;
    }
    ._1zRNQLU3gSn8mGR_a2_j82,
    ._1ELmkpzHSNMb02Rk8jiF0b {
        margin-top: 90px;
    }

    ._2CGySt2UC265XvYttBgcIv {
        margin-bottom: 24px;
    }
}

@media screen and (max-width: 450px) and (orientation: portrait) {
    ._2SzdAa4gGZTq5FU8vKESiC {
        position: static;
        margin-top: 16px;
    }

    ._2mVxdrXf67jd963Jxtey4w {
        position: relative;
        top: 0;
        left: -22px;
        background-image: url(Qmb8JpHxQzkaNySEF2NDuQL1BcijjnLwN7ZtMWdFrm6AUV.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .A9artbr9MvWt4mW5Bz484 {
        margin-bottom: 24px;
    }
    ._1v5DPw1LRr-v8CiSxBf1nu {
        width: 200px;
        height: 200px;
    }
    ._1zRNQLU3gSn8mGR_a2_j82,
    ._1ELmkpzHSNMb02Rk8jiF0b {
        margin-top: 76px;
    }

    ._2CGySt2UC265XvYttBgcIv {
        margin-bottom: 24px;
    }
}

._1fZHYMhtae7jc3DiUT1wmi {
    position: fixed;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: var(--color-grey3);
    font-family: PingFangSC-Regular;
    overflow: scroll;
}

._1dZVGQ3LNfHC7uSzNXXLc_ {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: no-repeat center/cover;
    -webkit-filter: blur(25px);
            filter: blur(25px);
}

@media screen and (max-width: 450px) and (orientation: portrait) {
    ._1fZHYMhtae7jc3DiUT1wmi {
        align-items: baseline;
    }
}