.SectionC_section-wrap__NVqTT {
    width: 100%;
    padding: 0 80px;
    display: flex;
    justify-content: center;
    position: relative;
    background: url(/images/main/section_c/bg_section_c.png) no-repeat top;
    background-size: 100% auto;
    flex-direction: column;
    overflow: hidden;
    z-index: 1
}

@media only screen and (max-width:1599px) {
    .SectionC_section-wrap__NVqTT {
        background-size: auto 1600px
    }
}

@media only screen and (max-width:1279px) {
    .SectionC_section-wrap__NVqTT {
        background-size: auto 1300px;
        padding: 0 20px
    }
}

@media only screen and (max-width:639px) {
    .SectionC_section-wrap__NVqTT {
        background-size: auto 166.6667vw
    }
}

.SectionC_section-wrap__NVqTT .SectionC_header__ZOcd6 {
    display: flex;
    justify-content: center;
    margin-top: 344px;
    margin-bottom: 120px
}

@media only screen and (max-width:1279px) {
    .SectionC_section-wrap__NVqTT .SectionC_header__ZOcd6 {
        margin-top: 160px;
        margin-bottom: 72px
    }
}

@media only screen and (max-width:639px) {
    .SectionC_section-wrap__NVqTT .SectionC_header__ZOcd6 {
        margin-top: 28.8889vw;
        margin-bottom: 15.5556vw
    }
}

.SectionC_section-wrap__NVqTT .SectionC_header__ZOcd6>h2 {
    color: var(--neutral-white);
    text-shadow: -4px -4px 0 rgba(92, 143, 250, .6), 4px 4px 0 rgba(255, 122, 249, .5);
    font-family: var(--font-kartrider);
    font-size: 80px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
    text-transform: uppercase;
    display: flex
}

@media only screen and (max-width:1279px) {
    .SectionC_section-wrap__NVqTT .SectionC_header__ZOcd6>h2 {
        font-size: 50px
    }

    .SectionC_section-wrap__NVqTT .SectionC_header__ZOcd6>h2 i {
        width: 20px;
        height: 20px
    }
}

@media only screen and (max-width:639px) {
    .SectionC_section-wrap__NVqTT .SectionC_header__ZOcd6>h2 {
        font-size: 9.4444vw;
        text-shadow: -1.1111pxvw -1.1111pxvw 0 rgba(92, 143, 250, .6), 1.1111pxvw 1.1111pxvw 0 rgba(255, 122, 249, .5)
    }

    .SectionC_section-wrap__NVqTT .SectionC_header__ZOcd6>h2 i {
        width: 4.4444vw;
        height: 4.4444vw
    }
}

.SectionC_section-wrap__NVqTT .SectionC_header__ZOcd6>h2 i {
    color: var(--brand-secondary);
    fill: var(--brand-secondary);
    margin-left: 4px
}

.SectionC_section-wrap__NVqTT .SectionC_header__ZOcd6>h2 i path {
    color: var(--brand-secondary);
    fill: var(--brand-secondary)
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf {
    position: relative;
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .25);
    width: 100%;
    max-width: 1760px;
    height: 500px;
    background: url(/images/main/section_c/bgbg.png) no-repeat 50%/cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-radius: 64px;
    margin: 0 auto 80px
}

@media only screen and (max-width:1599px) {
    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf {
        margin: 0 auto 64px
    }
}

@media only screen and (max-width:1279px) {
    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf {
        margin: 0 auto 32px;
        background: url(/images/main/section_c/1120.png) no-repeat 70%/cover
    }
}

@media only screen and (max-width:639px) {
    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf {
        margin: 0 auto 6.6667vw;
        background: none;
        box-shadow: none;
        height: auto
    }
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_mobile-area__KEzZd {
    display: none
}

@media only screen and (max-width:639px) {
    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_mobile-area__KEzZd {
        display: block;
        position: relative;
        height: 66.6667vw;
        width: 100%
    }
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_circle__Uw54Q {
    position: absolute;
    right: 130px;
    transition: all .6s cubic-bezier(.34, 1.56, .64, 1);
    opacity: 0;
    transform: scale(.8)
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_circle__Uw54Q.SectionC_active__VtIsE {
    opacity: 1;
    transform: scale(1)
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_pinkbean__kT6xb {
    position: absolute;
    left: 30.8494vw;
    top: -70px;
    z-index: 1;
    transition: all .6s cubic-bezier(.34, 1.56, .64, 1);
    opacity: 0;
    transform: translateY(50px)
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_pinkbean__kT6xb.SectionC_active__VtIsE {
    opacity: 1;
    transform: translateY(0)
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_orange__wU3tq {
    position: absolute;
    right: 45px;
    bottom: 45px;
    transition: all .6s cubic-bezier(.34, 1.56, .64, 1);
    opacity: 0;
    transform: translateY(50px)
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_orange__wU3tq.SectionC_active__VtIsE {
    opacity: 1;
    transform: translateY(0)
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_slime__nt0eQ {
    position: absolute;
    left: 38%;
    top: 37%;
    transition: all .6s cubic-bezier(.34, 1.56, .64, 1);
    opacity: 0;
    transform: translateY(30px) rotate(-20deg)
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_slime__nt0eQ.SectionC_active__VtIsE {
    opacity: 1;
    transform: translateY(0) rotate(0deg)
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_yeti__82_DB {
    position: absolute;
    display: flex;
    align-items: flex-end;
    bottom: 0;
    left: 50%;
    transition: all .6s cubic-bezier(.34, 1.56, .64, 1);
    opacity: 0;
    transform: translateX(-50%) translateY(45px)
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_yeti__82_DB.SectionC_active__VtIsE {
    opacity: 1;
    transform: translateX(-50%) translateY(0)
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_bishop__w2L_Z {
    position: absolute;
    right: -50px;
    top: -110px;
    transition: all .6s cubic-bezier(.34, 1.56, .64, 1);
    opacity: 0;
    transform: translate(100px, 150px) scale(.9);
    z-index: 1
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_bishop__w2L_Z.SectionC_active__VtIsE {
    opacity: 1;
    transform: translate(0) scale(1)
}

@media only screen and (max-width:1599px) {
    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_pinkbean__kT6xb {
        left: 270px;
        z-index: 1
    }
}

@media only screen and (max-width:1279px) {
    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_bishop__w2L_Z {
        width: 560px;
        height: 560px;
        top: -20px;
        right: -80px
    }

    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_circle__Uw54Q,
    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_slime__nt0eQ,
    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_yeti__82_DB {
        display: none
    }

    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_pinkbean__kT6xb {
        left: 20%
    }
}

@media only screen and (max-width:880px) {
    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_pinkbean__kT6xb {
        left: 7%
    }

    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_bishop__w2L_Z {
        top: -90px;
        right: -110px
    }
}

@media only screen and (max-width:639px) {
    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_bishop__w2L_Z {
        width: 62.2222vw;
        height: 62.2222vw;
        top: -5.5556vw;
        right: -2.2222vw
    }

    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_circle__Uw54Q,
    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_slime__nt0eQ,
    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_yeti__82_DB {
        display: none
    }

    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_pinkbean__kT6xb {
        z-index: 1;
        width: 115px;
        height: 115px;
        left: 40px;
        top: -30px
    }

    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_logo__y2ljg svg {
        width: 221px;
        height: 52px
    }
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__O2RCO {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    max-width: 856px;
    max-height: 800px;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 80px 312px 80px 80px;
    border-radius: 48px 0 0 48px;
    background: linear-gradient(75deg, #420695 6.92%, rgba(66, 6, 149, 0) 80.12%), linear-gradient(75deg, #220051 6.92%, rgba(34, 0, 81, 0) 80.12%)
}

@media only screen and (max-width:1279px) {
    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__O2RCO {
        padding: 32px
    }
}

@media only screen and (max-width:639px) {
    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__O2RCO {
        position: relative;
        border-radius: 0 0 32px 32px;
        background: #420695;
        padding: 32px;
        height: auto
    }
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__O2RCO>div:first-of-type {
    padding-left: 16px
}

@media only screen and (max-width:1279px) {
    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__O2RCO>div:first-of-type {
        padding-left: 0
    }
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__buttonBox__5eFsA {
    margin-top: 56px;
    display: flex
}

@media only screen and (max-width:639px) {
    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__buttonBox__5eFsA {
        margin: 24px
    }
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__O2RCO .SectionC_game-info__j6QkB {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__O2RCO .SectionC_game-info__j6QkB .SectionC_game-info-item__6t_n_ {
    display: flex;
    color: var(--neutral-white)
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__O2RCO .SectionC_game-info__j6QkB .SectionC_game-info-item__6t_n_ .SectionC_game-info-label__Ezvzx {
    flex: 0 0 70px;
    min-width: 48px;
    margin-right: 24px
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__O2RCO .SectionC_logo__y2ljg {
    margin-bottom: 24px
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__O2RCO .SectionC_desc__O_ANE,
.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__O2RCO .SectionC_title__ao9MS {
    font-family: var(--font-roboto);
    font-style: normal;
    line-height: 140%
}

@media only screen and (max-width:639px) {

    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__O2RCO .SectionC_desc__O_ANE,
    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__O2RCO .SectionC_title__ao9MS {
        font-size: 12px
    }
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__O2RCO .SectionC_title__ao9MS {
    color: var(--orange-500);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__O2RCO .SectionC_desc__O_ANE {
    max-width: 400px;
    color: var(--white);
    opacity: .8;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 40px
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__O2RCO .SectionC_play-now__KcFys {
    display: flex;
    width: 464px;
    height: 80px;
    margin-top: 56px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 48px;
    border-width: 0;
    background: linear-gradient(93deg, #fed102, #feaf02 17.02%, #fe8f02 49.64%, #fe7202 80%, #fe6602 96.6%);
    box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, .25), 0 4px 4px 0 rgba(0, 0, 0, .25);
    position: relative;
    color: var(--white);
    font-family: var(--font-roboto);
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    z-index: 1;
    transition: box-shadow .7s ease
}

@media only screen and (max-width:1599px) {
    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__O2RCO .SectionC_play-now__KcFys {
        width: 368px;
        height: 64px;
        margin-top: 40px
    }
}

@media only screen and (max-width:1279px) {
    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__O2RCO .SectionC_play-now__KcFys {
        margin-top: 24px
    }
}

@media only screen and (max-width:639px) {
    .SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__O2RCO .SectionC_play-now__KcFys {
        width: 100%;
        font-size: 5vw;
        margin-top: 6.6667vw
    }
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__O2RCO .SectionC_play-now__KcFys:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 48px;
    background: linear-gradient(93deg, #fe6602 3.4%, #fe7202 20%, #fe8f02 50.36%, #feaf02 82.98%, #fed102);
    box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, .25), 0 4px 4px 0 rgba(0, 0, 0, .25);
    z-index: -1;
    opacity: 0;
    transition: opacity .7s ease
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__O2RCO .SectionC_play-now__KcFys .SectionC_icon-container___EeWU {
    display: inline-flex;
    align-items: center;
    opacity: 0;
    width: 0;
    overflow: hidden;
    transition: opacity .7s ease, width .7s ease;
    position: absolute;
    right: 32px;
    padding: 24px 0
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__O2RCO .SectionC_play-now__KcFys:hover {
    box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, .25), 0 4px 4px 0 rgba(0, 0, 0, .25)
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__O2RCO .SectionC_play-now__KcFys:hover:before {
    opacity: 1
}

.SectionC_section-wrap__NVqTT .SectionC_frame__WBXqf .SectionC_content__O2RCO .SectionC_play-now__KcFys:hover .SectionC_icon-container___EeWU {
    opacity: 1;
    width: auto;
    margin-left: 8px
}

.SectionC_section-wrap__NVqTT .SectionC_bottom__sOlpJ {
    position: absolute;
    bottom: 56px;
    width: 100%;
    height: 324px
}

.MarketPlaceArea_section-wrap__MhaFb {
    max-width: 1760px;
    width: 100%;
    margin: 0 auto 80px
}

@media only screen and (max-width:1599px) {
    .MarketPlaceArea_section-wrap__MhaFb {
        margin-bottom: 64px
    }
}

@media only screen and (max-width:1279px) {
    .MarketPlaceArea_section-wrap__MhaFb {
        margin-bottom: 32px
    }
}

@media only screen and (max-width:639px) {
    .MarketPlaceArea_section-wrap__MhaFb {
        margin-bottom: 24px
    }
}

.MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_frame-box__vy9z8 {
    padding: 40px;
    border-radius: 64px;
    border: 1px solid var(--border-black, #000);
    background: var(--Background-level-06, rgba(68, 68, 68, .35));
    box-shadow: inset 0 4px 0 0 hsla(0, 0%, 100%, .05), 0 12px 0 0 rgba(0, 0, 0, .25);
    -webkit-backdrop-filter: blur(28px);
    backdrop-filter: blur(28px)
}

@media only screen and (max-width:1279px) {
    .MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_frame-box__vy9z8 {
        padding: 16px;
        border-radius: 32px
    }
}

.MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 32px;
    overflow: hidden;
    border: 1px solid var(--neutral-black);
    background: #1b1b1b;
    box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, .25)
}

@media only screen and (max-width:1279px) {
    .MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp {
        border-radius: 16px
    }
}

.MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_bg-container__RP9up {
    background: linear-gradient(180deg, #121619, rgba(18, 22, 25, 0));
    position: relative
}

.MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_bg-container__RP9up .MarketPlaceArea_overlay___tpOS {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/images/main/marketplace/bg_d.png) no-repeat 50%/cover;
    height: 600px
}

@media only screen and (max-width:1279px) {
    .MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_bg-container__RP9up .MarketPlaceArea_overlay___tpOS {
        background: url(/images/main/marketplace/bg_t.png) no-repeat 50%/cover
    }
}

@media only screen and (max-width:639px) {
    .MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_bg-container__RP9up .MarketPlaceArea_overlay___tpOS {
        background: url(/images/main/marketplace/bg_m.png) no-repeat 50%/cover
    }
}

.MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_top-box__QEL5F {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding-top: 88px;
    padding-bottom: 28px;
    z-index: 2;
    background: linear-gradient(180deg, #121619, rgba(18, 22, 25, 0));
    border-top-left-radius: 32px;
    border-top-right-radius: 32px
}

@media only screen and (max-width:1279px) {
    .MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_top-box__QEL5F {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px
    }
}

@media only screen and (max-width:639px) {
    .MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_top-box__QEL5F {
        padding: 13.3333vw 6.6667vw 7.2222vw
    }

    .MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_top-box__QEL5F .MarketPlaceArea_logo__ptVR1 {
        width: 68.0556vw;
        height: 11.1111vw
    }
}

.MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_top-box__QEL5F .MarketPlaceArea_title__vlSzZ {
    margin-top: 24px;
    margin-bottom: 4px;
    font-family: var(--font-roboto);
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    color: var(--maplestory-legendary);
    font-size: 24px;
    text-align: center
}

@media only screen and (max-width:1279px) {
    .MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_top-box__QEL5F .MarketPlaceArea_title__vlSzZ {
        font-size: 14px
    }
}

@media only screen and (max-width:639px) {
    .MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_top-box__QEL5F .MarketPlaceArea_title__vlSzZ {
        font-size: 3.8889vw;
        margin-top: 3.3333vw;
        margin-bottom: .5556vw
    }
}

.MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_top-box__QEL5F .MarketPlaceArea_desc__xsEhM {
    font-family: var(--font-roboto);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    color: var(--neutral-opacity-white-w-80);
    text-align: center
}

@media only screen and (max-width:1279px) {
    .MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_top-box__QEL5F .MarketPlaceArea_desc__xsEhM {
        font-size: 14px
    }
}

@media only screen and (max-width:639px) {
    .MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_top-box__QEL5F .MarketPlaceArea_desc__xsEhM {
        font-size: 3.8889vw;
        line-height: 140%
    }
}

.MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_top-box__QEL5F .MarketPlaceArea_button-box___i_m6 {
    margin-top: 40px;
    display: flex;
    justify-content: center
}

.MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_top-box__QEL5F .MarketPlaceArea_trade-now__W0JuJ {
    display: flex;
    width: 272px;
    height: 56px;
    padding: 8px 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 48px;
    border: 1px solid var(--maplestory-legendary);
    position: relative;
    background: none;
    color: var(--maplestory-legendary);
    font-family: var(--font-roboto);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%
}

@media only screen and (max-width:1279px) {
    .MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_top-box__QEL5F .MarketPlaceArea_trade-now__W0JuJ {
        height: 40px;
        width: 160px;
        font-size: 14px
    }
}

@media only screen and (max-width:639px) {
    .MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_top-box__QEL5F .MarketPlaceArea_trade-now__W0JuJ {
        height: 11.1111vw;
        width: 44.4444vw;
        font-size: 3.8889vw
    }
}

.MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_top-box__QEL5F .MarketPlaceArea_trade-now__W0JuJ .MarketPlaceArea_icon-container__4sJUx {
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 32px;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity .7s ease, width .7s ease
}

@media only screen and (max-width:1279px) {
    .MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_top-box__QEL5F .MarketPlaceArea_trade-now__W0JuJ .MarketPlaceArea_icon-container__4sJUx {
        right: 16px
    }

    .MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_top-box__QEL5F .MarketPlaceArea_trade-now__W0JuJ .MarketPlaceArea_icon-container__4sJUx i {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

    .MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_top-box__QEL5F .MarketPlaceArea_trade-now__W0JuJ .MarketPlaceArea_icon-container__4sJUx svg {
        width: 16px;
        height: 16px
    }
}

@media only screen and (max-width:639px) {
    .MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_top-box__QEL5F .MarketPlaceArea_trade-now__W0JuJ .MarketPlaceArea_icon-container__4sJUx {
        width: 4.4444vw;
        height: 4.4444vw;
        right: 4.4444vw
    }

    .MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_top-box__QEL5F .MarketPlaceArea_trade-now__W0JuJ .MarketPlaceArea_icon-container__4sJUx svg {
        width: 4.4444vw;
        height: 4.4444vw
    }
}

.MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_top-box__QEL5F .MarketPlaceArea_trade-now__W0JuJ:hover {
    background-color: var(--maplestory-legendary) !important;
    color: var(--black) !important
}

.MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_top-box__QEL5F .MarketPlaceArea_trade-now__W0JuJ:hover .MarketPlaceArea_icon-container__4sJUx,
.MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_top-box__QEL5F .MarketPlaceArea_trade-now__W0JuJ:hover:before {
    opacity: 1
}

.MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_bottom-box___8SLN {
    border-bottom-left-radius: 32px;
    border-bottom-right-radius: 32px;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    flex-direction: column;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    padding: 0 12px 21px 0;
    height: 144px;
    background: url(/images/main/marketplace/bottom.png) no-repeat 50%/cover
}

.MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_bottom-box___8SLN:before {
    display: block;
    content: "";
    width: 100%;
    height: 85px;
    background: url(/images/main/marketplace/bottom_char.gif) no-repeat center -127px;
    background-size: auto 314px;
    image-rendering: pixelated
}

@media only screen and (max-width:639px) {
    .MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_bottom-box___8SLN {
        background-size: cover;
        padding: 0 3.3333vw 3.0556vw 0;
        height: 22.2222vw
    }

    .MarketPlaceArea_section-wrap__MhaFb .MarketPlaceArea_inner-frame-box__J94Hp .MarketPlaceArea_bottom-box___8SLN:before {
        height: 12.5vw;
        background-position: center -18.6111vw;
        background-size: auto 45.5556vw
    }
}

.ServiceArea_section-wrap__RQZoC {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    border-radius: 64px;
    background: var(---Neutral-Opacity-Gray-G-05, hsla(210, 7%, 56%, .05));
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    padding: 200px 40px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    max-width: 1760px;
    margin: 0 auto
}

.ServiceArea_section-wrap__RQZoC .ServiceArea_tablet__QPCId {
    display: none
}

@media only screen and (max-width:1279px) {
    .ServiceArea_section-wrap__RQZoC {
        padding: 40px;
        border-radius: 32px
    }

    .ServiceArea_section-wrap__RQZoC .ServiceArea_tablet__QPCId {
        display: block;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0
    }

    .ServiceArea_section-wrap__RQZoC .ServiceArea_default__RQ0ER {
        display: none
    }
}

@media only screen and (max-width:639px) {
    .ServiceArea_section-wrap__RQZoC {
        padding: 11.1111vw 5.5556vw;
        border-radius: 8.8889vw
    }
}

.ServiceArea_section-wrap__RQZoC .ServiceArea_sub__uHw3w {
    max-width: 928px;
    width: 100%;
    margin: 0 auto;
    font-weight: 800;
    color: var(--neutral-opacity-white-w-50);
    font-family: var(--font-kartrider);
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: .6px
}

@media only screen and (max-width:1279px) {
    .ServiceArea_section-wrap__RQZoC .ServiceArea_sub__uHw3w {
        font-size: 18px
    }
}

@media only screen and (max-width:639px) {
    .ServiceArea_section-wrap__RQZoC .ServiceArea_sub__uHw3w {
        font-size: 5vw
    }
}

.ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z {
    width: 100%;
    max-width: 928px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--neutral-opacity-white-w-10)
}

@media only screen and (max-width:1279px) {
    .ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media only screen and (max-width:639px) {
    .ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z {
        padding-top: 8.8889vw;
        padding-bottom: 8.8889vw
    }
}

.ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z:hover .ServiceArea_title__zUS8C {
    color: var(--cyan-400);
    -webkit-text-stroke-color: var(--cyan-400)
}

.ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z.ServiceArea_no-border-bottom__jn6tJ {
    border-bottom: none
}

.ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z .ServiceArea_tag__dyxmQ {
    margin-left: 24px;
    margin-top: 12px
}

.ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z .ServiceArea_tag__dyxmQ.ServiceArea_tablet__QPCId {
    margin-left: 0
}

.ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z .ServiceArea_tag__dyxmQ span {
    color: var(--cyan-400);
    font-feature-settings: "liga" off, "clig" off;
    font-family: var(--font-kartrider);
    font-size: 18px;
    line-height: 120%;
    letter-spacing: .36px;
    display: flex;
    padding: 5px 14px;
    gap: 8px;
    border-radius: 0 16px 16px 16px;
    border: 1px solid var(--cyan-400)
}

@media only screen and (max-width:1279px) {
    .ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z .ServiceArea_tag__dyxmQ span {
        font-size: 14px;
        padding: 3px 12px;
        border-radius: 12px 12px 12px 0
    }
}

@media only screen and (max-width:639px) {
    .ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z .ServiceArea_tag__dyxmQ span {
        font-size: 3.8889vw;
        padding: 1.3889vw 3.3333vw
    }
}

.ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z .ServiceArea_content__V_KSD {
    display: flex
}

.ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z .ServiceArea_content__V_KSD .ServiceArea_link__DUOVk {
    display: flex;
    margin-left: auto;
    gap: 120px;
    align-items: flex-start
}

.ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z .ServiceArea_content__V_KSD .ServiceArea_link__DUOVk a {
    display: block
}

.ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z .ServiceArea_content__V_KSD .ServiceArea_link__DUOVk a i {
    color: var(--white);
    opacity: .5;
    width: 48px;
    height: 48px;
    position: relative
}

@media only screen and (max-width:1279px) {
    .ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z .ServiceArea_content__V_KSD .ServiceArea_link__DUOVk a i {
        width: 24px;
        height: 24px
    }
}

.ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z .ServiceArea_title__zUS8C {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--white);
    font-family: var(--font-kartrider);
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    transition: color .2s ease, -webkit-text-stroke-color .2s ease
}

@media only screen and (max-width:1279px) {
    .ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z .ServiceArea_title__zUS8C {
        -webkit-text-stroke-width: 0;
        color: var(--white);
        font-size: 24px;
        font-style: normal;
        font-weight: 800;
        line-height: 120%;
        letter-spacing: .48px
    }
}

@media only screen and (max-width:639px) {
    .ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z .ServiceArea_title__zUS8C {
        font-size: 6.6667vw
    }
}

.ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z .ServiceArea_desc__hQiR0,
.ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z .ServiceArea_event-text__gnNSl {
    font-family: var(--font-roboto)
}

.ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z .ServiceArea_desc__hQiR0 {
    color: var(--white);
    opacity: .8;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

@media only screen and (max-width:639px) {
    .ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z .ServiceArea_desc__hQiR0 {
        font-size: 3.8889vw
    }
}

.ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z .ServiceArea_event-text__gnNSl {
    background: linear-gradient(99deg, #9bd9fd .42%, #6ddf63 148.48%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (max-width:1279px) {
    .ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z .ServiceArea_event-text__gnNSl {
        font-weight: 400;
        font-size: 16px
    }
}

@media only screen and (max-width:639px) {
    .ServiceArea_section-wrap__RQZoC .ServiceArea_list__jgI1z .ServiceArea_event-text__gnNSl {
        font-size: 4.4444vw
    }
}

.SelectedProfile_profile-preview-box__VEFzx {
    display: flex;
    flex-direction: column;
    flex: 0 0 240px;
    width: 240px
}

@media only screen and (max-width:784px) {
    .SelectedProfile_profile-preview-box__VEFzx {
        flex-direction: row;
        flex: 1 1;
        width: 100%
    }
}

.SelectedProfile_profile-preview-box__VEFzx .SelectedProfile_profile-info__FbCrv {
    margin-top: 32px
}

@media only screen and (max-width:784px) {
    .SelectedProfile_profile-preview-box__VEFzx .SelectedProfile_profile-info__FbCrv {
        margin-top: 0;
        margin-left: 32px;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: calc(100% - 176px);
        width: calc(100% - 176px)
    }
}

.SelectedProfile_profile-preview-box__VEFzx .SelectedProfile_profile-info__FbCrv>*+* {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--neutral-100)
}

@media only screen and (max-width:784px) {
    .SelectedProfile_profile-preview-box__VEFzx .SelectedProfile_profile-info__FbCrv>*+* {
        margin-top: 12px;
        padding-top: 12px
    }
}

.SelectedProfile_profile-preview-box__VEFzx .SelectedProfile_profile-info__FbCrv .SelectedProfile_info-item__x2Ss5 .SelectedProfile_info-title__q7Dz_ {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--neutral-500);
    font-family: var(--font-roboto);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%
}

@media only screen and (max-width:784px) {
    .SelectedProfile_profile-preview-box__VEFzx .SelectedProfile_profile-info__FbCrv .SelectedProfile_info-item__x2Ss5 .SelectedProfile_info-title__q7Dz_ {
        margin-bottom: 8px;
        font-family: var(--font-roboto);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%
    }
}

.SelectedProfile_profile-preview-box__VEFzx .SelectedProfile_profile-info__FbCrv .SelectedProfile_info-item__x2Ss5 .SelectedProfile_info-value__AakEf {
    display: flex;
    align-items: center;
    height: 26px;
    color: var(--neutral-400);
    font-family: var(--font-roboto);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%
}

@media only screen and (max-width:784px) {
    .SelectedProfile_profile-preview-box__VEFzx .SelectedProfile_profile-info__FbCrv .SelectedProfile_info-item__x2Ss5 .SelectedProfile_info-value__AakEf {
        flex-direction: column;
        height: unset;
        align-items: flex-start
    }
}

.SelectedProfile_profile-preview-box__VEFzx .SelectedProfile_profile-info__FbCrv .SelectedProfile_info-item__x2Ss5 .SelectedProfile_info-value__AakEf .SelectedProfile_color-box__tlpQO {
    display: flex;
    align-items: center
}

.SelectedProfile_profile-preview-box__VEFzx .SelectedProfile_profile-info__FbCrv .SelectedProfile_info-item__x2Ss5 .SelectedProfile_info-value__AakEf .SelectedProfile_color-box__tlpQO .SelectedProfile_color-dot__1DhaH {
    display: inline-block;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.SelectedProfile_profile-preview-box__VEFzx .SelectedProfile_profile-info__FbCrv .SelectedProfile_info-item__x2Ss5 .SelectedProfile_info-value__AakEf .SelectedProfile_color-box__tlpQO .SelectedProfile_color-name__aAwLD {
    color: var(--gray-900);
    font-family: var(--font-roboto);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%
}

.SelectedProfile_profile-preview-box__VEFzx .SelectedProfile_profile-info__FbCrv .SelectedProfile_info-item__x2Ss5 .SelectedProfile_info-value__AakEf .SelectedProfile_character-name__CO_w8 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--gray-900);
    width: 100%;
    font-family: var(--font-roboto);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%
}

.SelectedProfile_profile-preview-box__VEFzx .SelectedProfile_profile-info__FbCrv .SelectedProfile_info-item__x2Ss5 .SelectedProfile_info-value__AakEf .SelectedProfile_world-level-box__RGoZb {
    display: flex;
    align-items: center;
    margin-left: 16px
}

@media only screen and (max-width:784px) {
    .SelectedProfile_profile-preview-box__VEFzx .SelectedProfile_profile-info__FbCrv .SelectedProfile_info-item__x2Ss5 .SelectedProfile_info-value__AakEf .SelectedProfile_world-level-box__RGoZb {
        margin-left: 0
    }
}

.SelectedProfile_profile-preview-box__VEFzx .SelectedProfile_profile-info__FbCrv .SelectedProfile_info-item__x2Ss5 .SelectedProfile_info-value__AakEf .SelectedProfile_world-level-box__RGoZb .SelectedProfile_character-level__lg7cj {
    color: var(--gray-600);
    margin-right: 8px;
    font-family: var(--font-roboto);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

@media only screen and (max-width:784px) {
    .SelectedProfile_profile-preview-box__VEFzx .SelectedProfile_profile-info__FbCrv .SelectedProfile_info-item__x2Ss5 .SelectedProfile_info-value__AakEf .SelectedProfile_world-level-box__RGoZb .SelectedProfile_character-level__lg7cj {
        font-family: var(--font-roboto);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%
    }
}

.SelectedProfile_profile-preview-box__VEFzx .SelectedProfile_profile-info__FbCrv .SelectedProfile_info-item__x2Ss5 .SelectedProfile_info-value__AakEf .SelectedProfile_world-level-box__RGoZb .SelectedProfile_character-world__TBLdl {
    display: flex;
    padding: 4px 8px;
    align-items: center;
    border-radius: 3px;
    border: 1px solid var(--brand-primary);
    color: var(--brand-primary);
    font-family: var(--font-roboto);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

.ProfileOptionbox_profile-option-box__RXH0i {
    flex: 1 1;
    margin-left: 47px
}

@media only screen and (max-width:784px) {
    .ProfileOptionbox_profile-option-box__RXH0i {
        margin-left: 0;
        margin-top: 30px
    }
}

.ProfileOptionbox_profile-option-box__RXH0i .ProfileOptionbox_tab__AMbAY {
    margin-bottom: 16px;
    overflow: visible
}

.CharacterOptions_character-options___9fdc {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 8px;
    gap: 8px;
    padding: 16px 0;
    height: 328px;
    overflow-y: auto;
    overflow-x: hidden
}

@media only screen and (max-width:784px) {
    .CharacterOptions_character-options___9fdc {
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr))
    }
}

.CharacterOptions_empty-box__TbP1L {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 328px;
    border-radius: 24px;
    background: var(--neutral-50);
    text-align: center;
    color: var(--neutral-500);
    font-family: var(--font-roboto);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%
}

.CharacterCard_character-card__115Eu {
    position: relative;
    width: 128px;
    height: 152px;
    padding: 4px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-radius: 16px;
    border: 1px solid var(--neutral-200);
    background: var(--neutral-white);
    overflow: hidden
}

@media only screen and (max-width:784px) {
    .CharacterCard_character-card__115Eu {
        width: 100%
    }
}

.CharacterCard_character-card__115Eu.CharacterCard_selected__XdMpd {
    border-color: var(--brand-primary)
}

.CharacterCard_character-card__115Eu .CharacterCard_character-img-box__wqWcM {
    position: absolute;
    top: -50px;
    left: calc(50% + 4px);
    transform: translateX(-50%);
    width: 180px;
    height: 180px
}

.CharacterCard_character-card__115Eu .CharacterCard_character-img-box__wqWcM img {
    image-rendering: pixelated
}

.CharacterCard_character-card__115Eu .CharacterCard_character-info__JTAxb {
    padding: 8px 0;
    border-radius: 12px;
    background: var(--neutral-50);
    width: 100%
}

.CharacterCard_character-card__115Eu .CharacterCard_character-info__JTAxb .CharacterCard_level-world-box__f9Pc8 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px
}

.CharacterCard_character-card__115Eu .CharacterCard_character-info__JTAxb .CharacterCard_level-world-box__f9Pc8 .CharacterCard_level__3Vn9Q {
    color: var(--gray-600);
    font-family: var(--font-roboto);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

.CharacterCard_character-card__115Eu .CharacterCard_character-info__JTAxb .CharacterCard_level-world-box__f9Pc8 .CharacterCard_divider__CBi3_ {
    width: 1px;
    height: 8px;
    margin: 0 6px;
    background: hsla(210, 7%, 56%, .3)
}

.CharacterCard_character-card__115Eu .CharacterCard_character-info__JTAxb .CharacterCard_level-world-box__f9Pc8 .CharacterCard_world__YR1EQ {
    color: var(--brand-primary);
    font-family: var(--font-roboto);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

.CharacterCard_character-card__115Eu .CharacterCard_character-info__JTAxb .CharacterCard_name__XWNCs {
    padding: 0 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: var(--gray-900);
    font-family: var(--font-roboto);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-align: center
}

.ColorOptions_color-options__PPW8r {
    padding-top: 8px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 8px;
    row-gap: 8px
}

.ColorOptions_color-options__PPW8r .ColorOptions_color-opt__TA_MB {
    width: 112px;
    height: 112px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width:639px) {
    .ColorOptions_color-options__PPW8r .ColorOptions_color-opt__TA_MB {
        width: 26.6667vw;
        height: 26.6667vw
    }
}

.ColorOptions_color-options__PPW8r .ColorOptions_color-opt__TA_MB .ColorOptions_outer-circle__zgw08 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: var(--neutral-white)
}

@media only screen and (max-width:639px) {
    .ColorOptions_color-options__PPW8r .ColorOptions_color-opt__TA_MB .ColorOptions_outer-circle__zgw08 {
        width: 24.4444vw;
        height: 24.4444vw
    }
}

.ColorOptions_color-options__PPW8r .ColorOptions_color-opt__TA_MB .ColorOptions_outer-circle__zgw08 .ColorOptions_inner-circle__cXk7f {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%
}

@media only screen and (max-width:639px) {
    .ColorOptions_color-options__PPW8r .ColorOptions_color-opt__TA_MB .ColorOptions_outer-circle__zgw08 .ColorOptions_inner-circle__cXk7f {
        width: 13.3333vw;
        height: 13.3333vw
    }
}

.ColorOptions_color-options__PPW8r .ColorOptions_color-opt__TA_MB .ColorOptions_outer-circle__zgw08 .ColorOptions_inner-circle__cXk7f .ColorOptions_check__JijRm {
    display: none;
    width: 32px;
    height: 32px;
    color: var(--neutral-white)
}

@media only screen and (max-width:639px) {
    .ColorOptions_color-options__PPW8r .ColorOptions_color-opt__TA_MB .ColorOptions_outer-circle__zgw08 .ColorOptions_inner-circle__cXk7f .ColorOptions_check__JijRm {
        width: 6.6667vw;
        height: 6.6667vw
    }
}

.ColorOptions_color-options__PPW8r .ColorOptions_color-opt__TA_MB.ColorOptions_selected___gVZo .ColorOptions_outer-circle__zgw08 {
    border: 1px solid var(--neutral-black);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08)
}

.ColorOptions_color-options__PPW8r .ColorOptions_color-opt__TA_MB.ColorOptions_selected___gVZo .ColorOptions_outer-circle__zgw08 .ColorOptions_inner-circle__cXk7f {
    width: 56px;
    height: 56px
}

.ColorOptions_color-options__PPW8r .ColorOptions_color-opt__TA_MB.ColorOptions_selected___gVZo .ColorOptions_outer-circle__zgw08 .ColorOptions_inner-circle__cXk7f .ColorOptions_check__JijRm {
    display: block
}

.ChangeProfileModal_content-box__QexXz {
    display: flex;
    padding-bottom: 32px;
    border-bottom: 1px dashed var(--neutral-200)
}

@media only screen and (max-width:784px) {
    .ChangeProfileModal_content-box__QexXz {
        flex-direction: column
    }
}

.ChangeProfileModal_desc__QbMxX {
    margin-top: 24px;
    color: #adb5bd;
    font-family: var(--font-roboto);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 48px
}

.DisconnectSocialAccountModal_desc-list__212PW {
    padding-bottom: 48px;
    margin-bottom: 48px;
    border-bottom: 1px dashed var(--neutral-300)
}

.DisconnectSocialAccountModal_desc-list__212PW>li {
    position: relative;
    padding-left: 12px;
    margin-bottom: 4px;
    color: var(--neutral-500);
    font-family: var(--font-roboto);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.DisconnectSocialAccountModal_desc-list__212PW>li:last-child {
    margin-bottom: 0
}

.DisconnectSocialAccountModal_desc-list__212PW>li:after {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--neutral-500);
    content: "";
    display: block
}

.DisconnectSocialAccountModal_desc-strong__cVtMm {
    margin-bottom: 64px;
    color: var(--brand-primary);
    text-align: center;
    font-family: var(--font-roboto);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%
}

.SnsItem_social-account-box__8FV0v {
    position: relative;
    display: flex;
    padding: 32px;
    justify-content: space-between;
    align-items: center;
    border-radius: 16px;
    background: #fafbfc
}

@media only screen and (max-width:639px) {
    .SnsItem_social-account-box__8FV0v {
        flex-direction: column;
        align-items: flex-start;
        padding: 24px
    }
}

.SnsItem_social-account-box__8FV0v .SnsItem_sns-type__9fOgO {
    display: flex;
    align-items: center;
    color: var(--neutral-400);
    font-family: var(--font-roboto);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%
}

.SnsItem_social-account-box__8FV0v .SnsItem_sns-type__9fOgO i {
    margin-right: 4px
}

.SnsItem_social-account-box__8FV0v .SnsItem_left-box___Yp_m {
    display: flex;
    align-items: center
}

@media only screen and (max-width:639px) {
    .SnsItem_social-account-box__8FV0v .SnsItem_left-box___Yp_m {
        width: 100%
    }
}

.SnsItem_social-account-box__8FV0v .SnsItem_left-box___Yp_m .SnsItem_link-box__OzlgG {
    display: flex;
    align-items: center;
    color: var(--neutral-500);
    margin-right: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: var(--font-roboto);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%
}

@media only screen and (max-width:639px) {
    .SnsItem_social-account-box__8FV0v .SnsItem_left-box___Yp_m .SnsItem_link-box__OzlgG {
        flex: 1 1;
        margin-right: 0;
        width: 100%
    }
}

.SnsItem_social-account-box__8FV0v .SnsItem_left-box___Yp_m .SnsItem_link-box__OzlgG .SnsItem_link-icon__am3t_ {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    border-radius: 50%;
    background: var(--green-50);
    color: var(--green-500)
}

.SnsItem_social-account-box__8FV0v .SnsItem_left-box___Yp_m .SnsItem_link-btn__u_B7S {
    font-family: var(--font-roboto);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    background-color: var(--green-500);
    color: var(--neutral-white)
}

@media only screen and (max-width:639px) {
    .SnsItem_social-account-box__8FV0v .SnsItem_left-box___Yp_m .SnsItem_link-btn__u_B7S {
        position: absolute;
        top: 24px;
        right: 24px
    }
}

.SnsItem_social-account-box__8FV0v.SnsItem_linked__3EQZl .SnsItem_sns-type__9fOgO {
    color: var(--gray-900)
}

.SnsItem_social-account-box__8FV0v.SnsItem_linked__3EQZl .SnsItem_sns-type__9fOgO.SnsItem_discord__Hwede>i {
    color: #5865f2
}

.SnsItem_social-account-box__8FV0v.SnsItem_linked__3EQZl .SnsItem_left-box___Yp_m .SnsItem_link-btn__u_B7S {
    color: var(--gray-500);
    background-color: var(--neutral-white)
}

.AccessAssets_access-assets-box__14QrG .AccessAssets_label__uPnyN {
    display: flex;
    align-items: center
}

.AccessAssets_access-assets-box__14QrG .AccessAssets_label__uPnyN .AccessAssets_tooltip__LG4n_ {
    margin-left: 4px;
    line-height: normal
}

.AccessAssets_access-status__jU3ZT {
    display: flex;
    align-items: center;
    font-family: var(--font-roboto);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    color: var(--gray-900)
}

.AccessAssets_access-status__jU3ZT i {
    margin-right: 8px
}

.AccessAssets_access-status__jU3ZT.AccessAssets_allowed__57mat i {
    color: var(--green-500)
}

.AccessAssets_access-status__jU3ZT.AccessAssets_denied__MJTEO i {
    color: var(--red-500)
}

/*# sourceMappingURL=b8a2a492f6a9486d.css.map*/