.styles_btn__Lecm4 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 70px;
    min-height: 48px;
    box-sizing: border-box;
    color: #00b900;
    flex-grow: 1;
    flex-shrink: 0
}

[dir] .styles_btn__Lecm4 {
    transition: .25s;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid var(--color-brand-pop-border)
}

[dir] .styles_btn__Lecm4:hover {
    background: var(--color-bg-4);
    transition: .25s
}

.styles_btn__Lecm4 .icon-line {
    font-size: 24px
}

.styles_wrapper___YUCF {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-max-content;
    width: max-content;
    box-sizing: border-box;
    font-size: 14px;
    color: #f5f5f5
}

[dir] .styles_wrapper___YUCF {
    cursor: pointer;
    transition: .25s
}

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

[dir] .styles_wrapper___YUCF .oauth {
    transition: .25s;
    border-radius: 50%;
    background-color: var(--color-bg-3)
}

.styles_wrapper___YUCF .oauth:hover {
    color: var(--color-title)
}

[dir] .styles_wrapper___YUCF .oauth:hover {
    background-color: var(--color-bg-4);
    transition: .25s
}

.styles_wrapper___YUCF .oauth:before {
    display: block;
    content: "";
    width: 24px;
    height: 24px
}

[dir] .styles_wrapper___YUCF .oauth:before {
    background-image: url(/assets-btcc/images/meta_mask.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.styles_metamask__tips__pKe5J {
    color: var(--color-title);
    font-size: 14px;
    line-height: 1.4
}

[dir] .styles_metamask__tips__pKe5J {
    margin-top: 16px
}

.styles_wrapper__xv528 {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    gap: 16px
}

[dir] .styles_wrapper__xv528 {
    margin: 16px auto 0
}

.styles_title__hwQtz {
    font-size: 14px;
    color: var(--color-desc);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

[dir] .styles_title__hwQtz {
    margin: 16px 0 0
}

.main-theme-dark .styles_title__hwQtz {
    --color-line: #333
}

.styles_title__hwQtz:after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%
}

[dir] .styles_title__hwQtz:after {
    background-color: var(--color-line)
}

[dir=ltr] .styles_title__hwQtz:after {
    left: 0
}

[dir=rtl] .styles_title__hwQtz:after {
    right: 0
}

.styles_title__hwQtz span {
    display: block;
    position: relative;
    z-index: 9;
    color: var(--color-text)
}

[dir] .styles_title__hwQtz span {
    background-color: var(--color-frag-bg-1);
    padding: 3px 16px
}

.styles_apple__3n2nX,
.styles_facebook__MWuzW,
.styles_google__pZ4sM,
.styles_metamask__0cr26,
.styles_telegram__Te8Vb {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    box-sizing: border-box;
    font-size: 14px;
    color: #f5f5f5;
    flex-grow: 1;
    flex-basis: 20%
}

[dir] .styles_apple__3n2nX,
[dir] .styles_facebook__MWuzW,
[dir] .styles_google__pZ4sM,
[dir] .styles_metamask__0cr26,
[dir] .styles_telegram__Te8Vb {
    border-radius: 8px;
    cursor: pointer;
    transition: .25s;
    border: 1px solid var(--color-brand-pop-border)
}

.styles_apple__3n2nX:hover,
.styles_facebook__MWuzW:hover,
.styles_google__pZ4sM:hover,
.styles_metamask__0cr26:hover,
.styles_telegram__Te8Vb:hover {
    color: var(--color-title)
}

[dir] .styles_apple__3n2nX:hover,
[dir] .styles_facebook__MWuzW:hover,
[dir] .styles_google__pZ4sM:hover,
[dir] .styles_metamask__0cr26:hover,
[dir] .styles_telegram__Te8Vb:hover {
    background-color: var(--color-bg-4);
    transition: .25s
}

.styles_apple__3n2nX:before,
.styles_facebook__MWuzW:before,
.styles_google__pZ4sM:before,
.styles_metamask__0cr26:before,
.styles_telegram__Te8Vb:before {
    display: block;
    content: "";
    width: 24px;
    height: 24px
}

[dir] .styles_apple__3n2nX:before,
[dir] .styles_facebook__MWuzW:before,
[dir] .styles_google__pZ4sM:before,
[dir] .styles_metamask__0cr26:before,
[dir] .styles_telegram__Te8Vb:before {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

[dir] .styles_metamask__0cr26:before {
    background-image: url(/assets-btcc/images/meta_mask.png)
}

[dir] .styles_google__pZ4sM:before {
    background-image: url(/assets-btcc/images/logo_google.svg)
}

.styles_telegram__Te8Vb:before {
    position: absolute
}

[dir] .styles_telegram__Te8Vb:before {
    background-image: url(/assets-btcc/images/telegram.svg)
}

[dir] .styles_facebook__MWuzW:before {
    background-image: url(/assets-btcc/images/logo_facebook.svg)
}

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

[dir] .styles_apple_icon__O2XcC {
    background-color: #000;
    border-radius: 50%
}

.styles_apple_icon__O2XcC i {
    font-size: 14px;
    display: inline-block;
    color: #fff
}

.styles_apple__3n2nX {
    color: var(--color-title)
}

.styles_apple__3n2nX .iconfont {
    font-size: 24px
}

.styles_apple__3n2nX:before {
    display: none
}

.styles_apple__3n2nX,
.styles_facebook__MWuzW,
.styles_google__pZ4sM,
.styles_kakao__7cQuq,
.styles_line__yZV6a,
.styles_telegram__Te8Vb {
    position: relative
}

.styles_lastLogin__pMVE7 {
    position: absolute;
    top: -8px;
    color: #fff;
    font-size: 10px;
    white-space: nowrap;
    line-height: 1
}

[dir] .styles_lastLogin__pMVE7 {
    padding: 2px 4px;
    background-color: #3966ec
}

[dir=ltr] .styles_lastLogin__pMVE7 {
    right: 0;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 6px
}

[dir=rtl] .styles_lastLogin__pMVE7 {
    left: 0;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 6px
}

[dir] .styles_oauthStep1___WZiz .form__container {
    margin-top: 24px
}

[dir] .styles_oauthStep1___WZiz .oauth__toggle {
    margin-top: -20px !important
}

.styles_oauthStep1___WZiz .oauth__toggle .btn-link {
    min-height: 0
}

[dir] .styles_oauthStep1___WZiz .oauth__toggle .btn-link {
    padding: 0 !important;
    transition: none;
    background-color: var(--color-frag-bg-1)
}

.styles_oauthStep1___WZiz .oauth__toggle .btn-link:hover {
    text-decoration: none
}

[dir] .styles_resetStep2__4oJrA {
    margin-top: 32px
}

.styles_resetStep2__4oJrA .resetStep2__code-box {
    display: flex !important;
    width: 100%;
    justify-content: space-between
}

.styles_resetStep2__4oJrA .resetStep2__code-box input {
    width: 22%;
    min-height: 48px;
    font-size: 20px
}

[dir] .styles_resetStep2__4oJrA .resetStep2__code-box input {
    margin-bottom: 0;
    text-align: center;
    border: 1px solid var(--color-input-border)
}

[dir] .styles_resetStep2__4oJrA .resetStep2__code-box input:focus {
    border-color: var(--color-input-bg-hover);
    transition: .25s
}

.styles_resetStep2__4oJrA .resetStep2__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #999
}

[dir] .styles_resetStep2__4oJrA .resetStep2__bottom {
    margin-top: 162px
}

.styles_resetStep2__4oJrA .resetStep2__bottom-left {
    display: flex;
    align-items: center
}

.styles_resetStep2__4oJrA .resetStep2__bottom-right {
    display: flex;
    align-items: center;
    color: var(--color-text-active)
}

.styles_resetStep2__4oJrA .resetStep2__bottom-right span {
    display: inline-block;
    width: 24px;
    color: #333
}

[dir=ltr] .styles_resetStep2__4oJrA .resetStep2__bottom-right .icon-refresh {
    margin-left: 8px
}

[dir=rtl] .styles_resetStep2__4oJrA .resetStep2__bottom-right .icon-refresh {
    margin-right: 8px
}

.styles_resetStep2__4oJrA .resetStep2__bottom-right .icon-refresh.active {
    color: var(--color-desc)
}

.styles_resetStep2__4oJrA .resetStep2__bottom-right .btn {
    color: var(--color-text-active)
}

[dir] .styles_resetStep2__4oJrA .resetStep2__bottom-right .btn {
    padding: 8px
}

.styles_resetStep2__4oJrA .resetStep2__bottom-right .btn.active {
    color: var(--color-desc)
}

.styles_kakao__7cQuq {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-grow: 1
}

[dir] .styles_kakao__7cQuq {
    cursor: pointer
}

.styles_kakao__7cQuq>button {
    width: 100% !important;
    flex-grow: 1
}

[dir] .styles_kakao__7cQuq>button {
    cursor: pointer;
    background: var(--color-bg-2) !important
}

[dir] .styles_kakao__7cQuq>button:hover {
    background: var(--color-bg-4) !important
}

.styles_kakao__7cQuq span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px
}

.styles_kakao__7cQuq span:before {
    display: block;
    content: "";
    width: 24px;
    height: 24px
}

[dir] .styles_kakao__7cQuq span:before {
    background: url(/assets-btcc/images/icon-kakao.svg) no-repeat 50%;
    background-size: contain
}

.styles_metamaskInfo__TaXUk {
    display: flex;
    align-items: center
}

[dir] .styles_metamaskInfo__TaXUk {
    margin-top: 16px
}

.styles_metamaskInfo__TaXUk img {
    width: 20px;
    height: 20px
}

[dir=ltr] .styles_metamaskInfo__TaXUk img {
    margin-right: 8px
}

[dir=rtl] .styles_metamaskInfo__TaXUk img {
    margin-left: 8px
}

.styles_metamaskInfo__TaXUk p {
    color: var(--color-title);
    font-size: 14px
}

@media(max-width:1080px) {
    .styles_title__hwQtz {
        font-size: 12px
    }

    [dir] .styles_title__hwQtz {
        margin-top: 16px
    }

    [dir] .styles_title__hwQtz span {
        padding-top: 0;
        padding-bottom: 0
    }
}