.styles_toolBar__ReMOi {
    position: fixed;
    bottom: 85px;
    z-index: 1103;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 10px
}

[dir=ltr] .styles_toolBar__ReMOi {
    right: 24px
}

[dir=rtl] .styles_toolBar__ReMOi {
    left: 24px
}

.styles_toolBar__ReMOi .styles_online__epBMs,.styles_toolBar__ReMOi .toolBar__item {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 48px;
    height: 48px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    box-sizing: border-box;
    text-decoration: none
}

[dir] .styles_toolBar__ReMOi .styles_online__epBMs,[dir] .styles_toolBar__ReMOi .toolBar__item {
    padding: 0 6px;
    border: 1px solid hsla(0,0%,100%,.1);
    transition: .25s;
    border-radius: 50px;
    background: var(--color-brand);
    cursor: pointer
}

.styles_toolBar__ReMOi .styles_online__epBMs i,.styles_toolBar__ReMOi .toolBar__item i {
    color: #fff
}

.styles_toolBar__ReMOi .styles_online__epBMs span,.styles_toolBar__ReMOi .toolBar__item span {
    display: none;
    visibility: hidden;
    opacity: 0;
    color: #fff
}

[dir] .styles_toolBar__ReMOi .styles_online__epBMs span,[dir] .styles_toolBar__ReMOi .toolBar__item span {
    transition: .25s
}

[dir=ltr] .styles_toolBar__ReMOi .styles_online__epBMs span,[dir=ltr] .styles_toolBar__ReMOi .toolBar__item span {
    margin-right: 5px
}

[dir=rtl] .styles_toolBar__ReMOi .styles_online__epBMs span,[dir=rtl] .styles_toolBar__ReMOi .toolBar__item span {
    margin-left: 5px
}

.styles_toolBar__ReMOi .styles_online__epBMs.active,.styles_toolBar__ReMOi .styles_online__epBMs:hover,.styles_toolBar__ReMOi .toolBar__item.active,.styles_toolBar__ReMOi .toolBar__item:hover {
    min-width: 130px;
    color: #fff
}

[dir] .styles_toolBar__ReMOi .styles_online__epBMs.active,[dir] .styles_toolBar__ReMOi .styles_online__epBMs:hover,[dir] .styles_toolBar__ReMOi .toolBar__item.active,[dir] .styles_toolBar__ReMOi .toolBar__item:hover {
    transition: .25s
}

.styles_toolBar__ReMOi .styles_online__epBMs.active span,.styles_toolBar__ReMOi .styles_online__epBMs:hover span,.styles_toolBar__ReMOi .toolBar__item.active span,.styles_toolBar__ReMOi .toolBar__item:hover span {
    display: inline-block;
    visibility: visible;
    opacity: 1
}

[dir] .styles_toolBar__ReMOi .styles_online__epBMs.active span,[dir] .styles_toolBar__ReMOi .styles_online__epBMs:hover span,[dir] .styles_toolBar__ReMOi .toolBar__item.active span,[dir] .styles_toolBar__ReMOi .toolBar__item:hover span {
    transition: .25s
}

.styles_toolBar__ReMOi .iconfont {
    font-size: 20px
}

.styles_feed__2E3I3 {
    position: relative
}

[dir] .styles_feed__2E3I3 {
    cursor: pointer
}

.styles_feed__2E3I3:hover span {
    display: block
}

.styles_feed__2E3I3 span {
    position: absolute;
    font-size: 12px;
    white-space: nowrap;
    color: #fff;
    bottom: 110%;
    display: none
}

[dir] .styles_feed__2E3I3 span {
    box-shadow: 0 0 1px hsla(0,0%,100%,.3);
    background-color: var(--color-brand)!important;
    border: 1px solid var(--color-brand)!important;
    padding: 4px 6px;
    border-radius: 4px
}

[dir=ltr] .styles_feed__2E3I3 span {
    right: 0
}

[dir=rtl] .styles_feed__2E3I3 span {
    left: 0
}

.styles_feed__2E3I3 span:after {
    display: block;
    position: absolute;
    top: 100%;
    content: ""
}

[dir] .styles_feed__2E3I3 span:after {
    border-width: 6px;
    border-style: solid;
    border-color: var(--color-brand) transparent transparent transparent
}

[dir=ltr] .styles_feed__2E3I3 span:after {
    left: 50%
}

[dir=rtl] .styles_feed__2E3I3 span:after {
    right: 50%
}

@media(max-width: 768px) {
    [dir=ltr] .styles_toolBar__ReMOi {
        right:16px
    }

    [dir=rtl] .styles_toolBar__ReMOi {
        left: 16px
    }

    .styles_toolBar__ReMOi .toolBar__item {
        display: none
    }

    .styles_toolBar__ReMOi .styles_online__epBMs {
        width: 34px;
        height: 34px;
        min-width: auto;
        box-sizing: border-box
    }

    .styles_toolBar__ReMOi .styles_online__epBMs.active,.styles_toolBar__ReMOi .styles_online__epBMs:hover {
        width: 34px;
        min-width: auto
    }

    .styles_toolBar__ReMOi .styles_online__epBMs.active span,.styles_toolBar__ReMOi .styles_online__epBMs:hover span {
        display: none
    }
}

.styles_wrapper__9vOdB {
    color: var(--color-text);
    font-size: 14px
}

[dir] .styles_wrapper__9vOdB {
    background: var(--color-bg);
    padding: 80px 0 32px
}

@media(max-width: 1080px) {
    [dir] .styles_wrapper__9vOdB {
        padding:0
    }
}

[dir] .styles_wrapper__9vOdB .slogan {
    padding: 40px 16px 20px
}

[dir] .styles_wrapper__9vOdB .slogan .logo {
    margin-bottom: 16px
}

.styles_container__A32Sf {
    max-width: var(--size-content-width-max)
}

[dir] .styles_container__A32Sf {
    margin: 0 auto
}

.styles_container__A32Sf .title {
    font-weight: 700;
    font-size: 16px;
    color: var(--color-title)
}

[dir] .styles_container__A32Sf .title {
    margin-bottom: 16px
}

@media(max-width: 1080px) {
    [dir] .styles_container__A32Sf .title {
        margin-bottom:0;
        padding-left: 0;
        padding-right: 0
    }
}

.styles_security__EaXPZ {
    flex-basis: 300px;
    font-size: 14px;
    color: var(--color-desc);
    box-sizing: border-box
}

[dir=ltr] .styles_security__EaXPZ {
    padding-right: 80px
}

[dir=rtl] .styles_security__EaXPZ {
    padding-left: 80px
}

@media(max-width: 1080px) {
    .styles_security__EaXPZ {
        flex-basis:100%;
        order: 99
    }

    [dir] .styles_security__EaXPZ {
        padding: 24px 16px 16px
    }
}

[dir] .styles_security__EaXPZ p {
    margin: 10px 0 24px
}

@media(max-width: 1080px) {
    [dir] .styles_security__EaXPZ p {
        margin:16px 0
    }
}

.styles_security__EaXPZ img {
    max-width: 120px;
    max-height: 66px;
    -o-object-fit: contain;
    object-fit: contain
}

[dir=ltr] .styles_security__EaXPZ img {
    -o-object-position: left center;
    object-position: left center
}

[dir=rtl] .styles_security__EaXPZ img {
    -o-object-position: right center;
    object-position: right center
}

.styles_links___2hVO {
    display: flex;
    justify-content: space-between;
    gap: 24px
}

@media(max-width: 1080px) {
    .styles_links___2hVO {
        flex-wrap:wrap;
        gap: 0
    }
}

.styles_links___2hVO dl {
    flex-basis: 142px;
    flex-grow: 1
}

@media(max-width: 1080px) {
    .styles_links___2hVO dl {
        flex-basis:100%;
        width: 100%
    }

    [dir] .styles_links___2hVO dl {
        border-bottom: 1px solid var(--color-line);
        margin: 0 16px
    }
}

[dir=ltr] .styles_links___2hVO dl.active .icon-arrow-down {
    transform: rotate(180deg)
}

[dir=rtl] .styles_links___2hVO dl.active .icon-arrow-down {
    transform: rotate(-180deg)
}

.styles_links___2hVO dl.active dd {
    display: block
}

[dir] .styles_links___2hVO dl.active dd {
    padding-bottom: 16px;
    margin-top: -8px
}

@media(max-width: 1080px) {
    .styles_links___2hVO dl dt {
        display:flex;
        justify-content: space-between
    }

    [dir] .styles_links___2hVO dl dt {
        padding: 20px 16px
    }
}

.styles_links___2hVO dl .icon-arrow-down {
    display: none;
    color: var(--color-icon)
}

[dir] .styles_links___2hVO dl .icon-arrow-down {
    cursor: pointer
}

@media(max-width: 1080px) {
    .styles_links___2hVO dl .icon-arrow-down {
        display:block
    }
}

.styles_links___2hVO dl:last-child {
    width: 330px
}

@media(max-width: 1080px) {
    .styles_links___2hVO dl:last-child {
        width:100%
    }

    .styles_links___2hVO dl dd {
        display: none;
        order: 1
    }

    [dir] .styles_links___2hVO dl dd a,[dir] .styles_links___2hVO dl dd span {
        padding: 12px 0
    }
}

.styles_links___2hVO a,.styles_links___2hVO span {
    text-decoration: none;
    color: var(--color-text);
    display: block;
    line-height: 1
}

[dir] .styles_links___2hVO a,[dir] .styles_links___2hVO span {
    padding: 8px 0;
    cursor: pointer;
    transition: color .25s
}

.styles_links___2hVO a:hover,.styles_links___2hVO span:hover {
    text-underline-offset: 5px;
    color: var(--color-title)
}

[dir] .styles_links___2hVO a:hover,[dir] .styles_links___2hVO span:hover {
    transition: color .25s
}

[dir] .styles_quickLink__srrTV {
    margin-top: 48px;
    margin-bottom: 24px
}

@media(max-width: 1080px) {
    .styles_quickLink__srrTV {
        display:none
    }
}

.styles_quickLink__srrTV ul {
    display: flex;
    flex-wrap: wrap
}

.styles_quickLink__srrTV li {
    width: 240px;
    flex-shrink: 0
}

[dir=ltr] .styles_quickLink__srrTV li {
    margin-right: 20px
}

[dir=rtl] .styles_quickLink__srrTV li {
    margin-left: 20px
}

@media(max-width: 1080px) {
    .styles_quickLink__srrTV li {
        width:100%
    }

    [dir] .styles_quickLink__srrTV li {
        margin: 0 auto
    }
}

[dir=ltr] .styles_quickLink__srrTV li:nth-child(5n) {
    margin-right: 0
}

[dir=rtl] .styles_quickLink__srrTV li:nth-child(5n) {
    margin-left: 0
}

.styles_quickLink__srrTV a {
    color: var(--color-text);
    text-decoration: none;
    display: block
}

[dir] .styles_quickLink__srrTV a {
    padding: 10px 0
}

.styles_quickLink__srrTV a:hover {
    text-decoration: underline;
    color: var(--color-title)
}

.styles_icon_discord__YYKqu {
    display: flex;
    width: 20px;
    height: 20px
}

[dir] .styles_icon_discord__YYKqu {
    background: url(/icons/icon-discord.svg) no-repeat 50%;
    background-size: contain
}

.styles_icon_discord__YYKqu.light {
    filter: invert(1)
}

.styles_icon_discord__YYKqu.light:hover {
    filter: invert(2) brightness(.1)
}

.styles_icon_discord__YYKqu:hover {
    filter: invert(1) brightness(3)
}

.styles_copyright__dalIE {
    font-size: 12px
}

@media(max-width: 1080px) {
    [dir] .styles_copyright__dalIE {
        padding:16px
    }
}

.styles_copyright__dalIE p {
    line-height: 1.875
}

[dir] .styles_copyright__dalIE p:first-child {
    margin: 24px 0;
    padding: 24px 0;
    border-top: 1px solid var(--color-line);
    border-bottom: 1px solid var(--color-line)
}

@media(max-width: 1080px) {
    [dir] .styles_copyright__dalIE p:first-child {
        margin:0 0 16px;
        padding: 16px 0
    }
}

.styles_agreement__ms3Hq {
    font-size: 12px
}

@media(max-width: 1080px) {
    [dir] .styles_agreement__ms3Hq {
        padding:0 16px 16px
    }
}

.styles_pattern_logo__m__7E {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: center
}

[dir] .styles_pattern_logo__m__7E {
    margin-top: 8px
}

.styles_pattern_logo__m__7E img {
    width: 40px;
    height: 32px;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    -o-object-position: center center;
    object-position: center center
}

[dir] .styles_pattern_logo__m__7E img {
    background-color: var(--color-bg);
    border-radius: 4px
}

[dir] .styles_pattern_logo__m__7E a {
    padding: 0
}

.styles_pattern_logo__m__7E a img {
    width: auto;
    height: auto
}

[dir] .styles_pattern_logo__m__7E a img {
    background-color: transparent
}

.styles_media__kSdul {
    display: flex;
    align-items: center;
    gap: 8px 32px;
    flex-wrap: wrap
}

[dir] .styles_media__kSdul {
    margin: 16px 0 32px
}

@media(max-width: 1080px) {
    [dir] .styles_media__kSdul {
        margin:0 0 16px
    }
}

.styles_media__kSdul i {
    font-size: 20px;
    line-height: 1
}

.styles_wrapper__XisPk {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    color: #1b1b1b;
    position: relative;
    font-weight: 500;
    min-height: 40px;
    box-sizing: border-box
}

[dir] .styles_wrapper__XisPk {
    box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
    padding: 8px 24px
}

[dir=ltr] .styles_wrapper__XisPk {
    background: linear-gradient(90deg,#cbd6f3,#84a5ff)
}

[dir=rtl] .styles_wrapper__XisPk {
    background: linear-gradient(-90deg,#cbd6f3,#84a5ff)
}

.styles_wrapper__XisPk.verified>div {
    justify-content: center
}

@media(max-width: 1080px) {
    .styles_wrapper__XisPk.verified>div {
        justify-content:flex-start
    }

    .styles_wrapper__XisPk {
        gap: 32px
    }

    [dir] .styles_wrapper__XisPk {
        padding: 8px 16px
    }
}

[dir] .styles_wrapper__XisPk i {
    cursor: pointer
}

.styles_wrapper__XisPk>div {
    flex-grow: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px
}

@media(max-width: 1080px) {
    .styles_wrapper__XisPk>div {
        gap:4px
    }
}

.styles_wrapper__XisPk .btn {
    min-width: 60px;
    min-height: 24px;
    font-size: 12px;
    box-sizing: border-box
}

[dir] .styles_wrapper__XisPk .btn {
    padding: 2px 8px
}

.styles_wrapper__XisPk a {
    display: flex;
    align-items: center;
    gap: 4px
}

.styles_wrapper__XisPk span {
    display: flex;
    gap: 8px
}

[dir] .styles_wrapper__XisPk span {
    cursor: pointer
}

.styles_wrapper__XisPk span.base:before,.styles_wrapper__XisPk span.face:before {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    flex-shrink: 0
}

[dir] .styles_wrapper__XisPk span.base:before,[dir] .styles_wrapper__XisPk span.face:before {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

[dir] .styles_wrapper__XisPk span.base:before {
    background: url(/icons/icon-kyc-base-done.svg)
}

[dir] .styles_wrapper__XisPk span.face {
    cursor: pointer
}

[dir] .styles_wrapper__XisPk span.face:before {
    background: url(/icons/icon-kyc-done.svg)
}

.styles_wrapper__XisPk .icon-close {
    color: #ccc;
    font-size: 14px
}

[dir] .styles_wrapper__XisPk .icon-close {
    cursor: pointer
}

[dir=ltr] .styles_wrapper__XisPk .icon-close {
    margin-left: auto
}

[dir=rtl] .styles_wrapper__XisPk .icon-close {
    margin-right: auto
}

.styles_wrapper__XisPk .icon-close:hover {
    color: #1b1b1b
}

.toast_toast_container__xirsF {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1222;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box
}

[dir] .toast_toast_container__xirsF {
    left: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    transition: .2s cubic-bezier(.55,.55,.2);
    transform: translateZ(0)
}

@media(max-width: 1080px) {
    .toast_toast_container__xirsF {
        width:100%
    }
}

[dir] .toast_toast_container__xirsF.custom-type {
    text-align: center
}

[dir] .toast_toast_container__xirsF.custom-type .toast_content__5_R3U {
    padding: 32px 24px
}

.toast_toast_container__xirsF.custom-type[class*=placement-] {
    top: 60px
}

.toast_toast_container__xirsF.custom-type[class*=placement-] .toast_content__5_R3U {
    color: var(--color-title)
}

[dir] .toast_toast_container__xirsF.custom-type[class*=placement-] .toast_content__5_R3U {
    padding: 17px 24px
}

.toast_toast_container__xirsF.custom-type[class*=placement-] .toast-body {
    display: flex;
    align-items: flex-start;
    min-width: 100%;
    word-break: break-word;
    font-size: 14px;
    gap: 8px;
    align-items: center
}

[dir=ltr] .toast_toast_container__xirsF.custom-type[class*=placement-] .toast-body {
    text-align: left
}

[dir=rtl] .toast_toast_container__xirsF.custom-type[class*=placement-] .toast-body {
    text-align: right
}

.toast_toast_container__xirsF.custom-type[class*=placement-].md-size .toast_content__5_R3U {
    max-width: 580px
}

@media(max-width: 1080px) {
    .toast_toast_container__xirsF.custom-type[class*=placement-].md-size .toast_content__5_R3U {
        max-width:300px
    }
}

.toast_toast_container__xirsF.custom-type[class*=placement-].md-size .toast_custom_types__fSO8d i.toast_error__FJOa2,.toast_toast_container__xirsF.custom-type[class*=placement-].md-size .toast_custom_types__fSO8d i.toast_info__S1Fph,.toast_toast_container__xirsF.custom-type[class*=placement-].md-size .toast_custom_types__fSO8d i.toast_success__gDhc5,.toast_toast_container__xirsF.custom-type[class*=placement-].md-size .toast_custom_types__fSO8d i.toast_warning___E_GV {
    width: 24px;
    height: 24px
}

.toast_toast_container__xirsF.custom-type[class*=placement-].lg-size .toast_content__5_R3U {
    max-width: 760px
}

@media(max-width: 1080px) {
    .toast_toast_container__xirsF.custom-type[class*=placement-].lg-size .toast_content__5_R3U {
        max-width:300px
    }
}

.toast_toast_container__xirsF.custom-type[class*=placement-] .toast_content__5_R3U {
    max-width: 400px;
    min-width: 80px;
    width: auto
}

@media(max-width: 1080px) {
    .toast_toast_container__xirsF.custom-type[class*=placement-] .toast_content__5_R3U {
        max-width:300px;
        width: auto
    }
}

[dir] .toast_toast_container__xirsF.custom-type[class*=placement-] .toast_content__5_R3U h2,[dir] .toast_toast_container__xirsF.custom-type[class*=placement-] .toast_content__5_R3U h3 {
    margin-bottom: 0
}

.toast_toast_container__xirsF.custom-type[class*=placement-] .toast_custom_types__fSO8d i {
    display: flex;
    justify-content: center;
    align-items: center
}

.toast_toast_container__xirsF.custom-type[class*=placement-] .toast_custom_types__fSO8d i.toast_error__FJOa2,.toast_toast_container__xirsF.custom-type[class*=placement-] .toast_custom_types__fSO8d i.toast_info__S1Fph,.toast_toast_container__xirsF.custom-type[class*=placement-] .toast_custom_types__fSO8d i.toast_success__gDhc5,.toast_toast_container__xirsF.custom-type[class*=placement-] .toast_custom_types__fSO8d i.toast_warning___E_GV {
    width: 24px;
    height: 24px
}

[dir] .toast_toast_container__xirsF.custom-type[class*=placement-] .toast_custom_types__fSO8d i.toast_error__FJOa2,[dir] .toast_toast_container__xirsF.custom-type[class*=placement-] .toast_custom_types__fSO8d i.toast_info__S1Fph,[dir] .toast_toast_container__xirsF.custom-type[class*=placement-] .toast_custom_types__fSO8d i.toast_success__gDhc5,[dir] .toast_toast_container__xirsF.custom-type[class*=placement-] .toast_custom_types__fSO8d i.toast_warning___E_GV {
    margin: 0;
    border-radius: 50%;
    background-size: contain!important;
    box-shadow: none
}

[dir] .toast_toast_container__xirsF.custom-type[class*=placement-] .toast_custom_types__fSO8d i.toast_error__FJOa2 {
    background-image: url(/icons/icon-error.svg)
}

[dir] .toast_toast_container__xirsF.custom-type[class*=placement-] .toast_custom_types__fSO8d i.toast_warning___E_GV {
    background-image: url(/icons/icon-warning.svg)
}

[dir] .toast_toast_container__xirsF.custom-type[class*=placement-] .toast_custom_types__fSO8d i.toast_success__gDhc5 {
    background-image: url(/icons/icon-success.svg)
}

[dir] .toast_toast_container__xirsF.custom-type[class*=placement-] .toast_custom_types__fSO8d i.toast_info__S1Fph {
    background-image: url(/icons/icon-warning.svg)
}

.toast_toast_container__xirsF.custom-type[class*=placement-] .toast_custom_types__fSO8d+p {
    font-size: 14px
}

[dir] .toast_toast_container__xirsF[class*=placement-] {
    background: transparent
}

.toast_toast_container__xirsF[class*=placement-] .toast_content__5_R3U {
    max-width: 100%
}

[dir] .toast_toast_container__xirsF[class*=placement-] .toast_content__5_R3U {
    box-shadow: 0 0 5px hsla(0,0%,39%,.2);
    border-radius: 8px
}

.toast_toast_container__xirsF[class*=placement-] .toast_content__5_R3U .iconfont.toast_error__FJOa2,.toast_toast_container__xirsF[class*=placement-] .toast_content__5_R3U .iconfont.toast_info__S1Fph,.toast_toast_container__xirsF[class*=placement-] .toast_content__5_R3U .iconfont.toast_success__gDhc5,.toast_toast_container__xirsF[class*=placement-] .toast_content__5_R3U .iconfont.toast_warning___E_GV {
    width: 24px;
    height: 24px;
    font-size: 24px
}

[dir=ltr] .toast_toast_container__xirsF[class*=placement-] .toast_content__5_R3U .iconfont.toast_error__FJOa2,[dir=ltr] .toast_toast_container__xirsF[class*=placement-] .toast_content__5_R3U .iconfont.toast_info__S1Fph,[dir=ltr] .toast_toast_container__xirsF[class*=placement-] .toast_content__5_R3U .iconfont.toast_success__gDhc5,[dir=ltr] .toast_toast_container__xirsF[class*=placement-] .toast_content__5_R3U .iconfont.toast_warning___E_GV {
    margin: 0 4px 0 0
}

[dir=rtl] .toast_toast_container__xirsF[class*=placement-] .toast_content__5_R3U .iconfont.toast_error__FJOa2,[dir=rtl] .toast_toast_container__xirsF[class*=placement-] .toast_content__5_R3U .iconfont.toast_info__S1Fph,[dir=rtl] .toast_toast_container__xirsF[class*=placement-] .toast_content__5_R3U .iconfont.toast_success__gDhc5,[dir=rtl] .toast_toast_container__xirsF[class*=placement-] .toast_content__5_R3U .iconfont.toast_warning___E_GV {
    margin: 0 0 0 4px
}

.toast_toast_container__xirsF[class*=placement-] .toast_content__5_R3U .iconfont.toast_error__FJOa2:after,.toast_toast_container__xirsF[class*=placement-] .toast_content__5_R3U .iconfont.toast_info__S1Fph:after,.toast_toast_container__xirsF[class*=placement-] .toast_content__5_R3U .iconfont.toast_success__gDhc5:after,.toast_toast_container__xirsF[class*=placement-] .toast_content__5_R3U .iconfont.toast_warning___E_GV:after {
    width: 16px;
    height: 16px;
    display: none
}

[dir] .toast_toast_container__xirsF[class*=placement-] .toast_content__5_R3U .iconfont.toast_error__FJOa2:after,[dir] .toast_toast_container__xirsF[class*=placement-] .toast_content__5_R3U .iconfont.toast_info__S1Fph:after,[dir] .toast_toast_container__xirsF[class*=placement-] .toast_content__5_R3U .iconfont.toast_success__gDhc5:after,[dir] .toast_toast_container__xirsF[class*=placement-] .toast_content__5_R3U .iconfont.toast_warning___E_GV:after {
    border-width: 4px
}

.toast_toast_container__xirsF.placement-top {
    bottom: auto
}

[dir=ltr] .toast_toast_container__xirsF.placement-top {
    left: 50%;
    right: auto;
    transform: translateX(-50%)
}

[dir=rtl] .toast_toast_container__xirsF.placement-top {
    right: 50%;
    left: auto;
    transform: translateX(50%)
}

.toast_toast_container__xirsF.placement-bottom {
    bottom: 0;
    top: auto
}

[dir=ltr] .toast_toast_container__xirsF.placement-bottom {
    left: 50%;
    right: auto;
    transform: translateX(-50%)
}

[dir=rtl] .toast_toast_container__xirsF.placement-bottom {
    right: 50%;
    left: auto;
    transform: translateX(50%)
}

.toast_toast_container__xirsF.placement-left {
    top: 50%;
    bottom: auto
}

[dir] .toast_toast_container__xirsF.placement-left {
    transform: translateY(-50%)
}

[dir=ltr] .toast_toast_container__xirsF.placement-left {
    right: auto
}

[dir=rtl] .toast_toast_container__xirsF.placement-left {
    left: auto
}

.toast_toast_container__xirsF.placement-right {
    top: 50%;
    bottom: auto
}

[dir] .toast_toast_container__xirsF.placement-right {
    transform: translateY(-50%)
}

[dir=ltr] .toast_toast_container__xirsF.placement-right {
    left: auto;
    right: 0
}

[dir=rtl] .toast_toast_container__xirsF.placement-right {
    right: auto;
    left: 0
}

.toast_toast_container__xirsF.auto-fit .toast_content__5_R3U {
    width: auto;
    max-width: 400px;
    min-width: 80px
}

[dir] .toast_toast_container__xirsF.auto-fit .toast_content__5_R3U {
    padding: 17px 24px
}

@media(max-width: 1080px) {
    .toast_toast_container__xirsF.auto-fit {
        max-width:300px
    }
}

.toast_toast_container__xirsF.xs-size .toast_content__5_R3U {
    width: 360px
}

@media(max-width: 1080px) {
    .toast_toast_container__xirsF.xs-size .toast_content__5_R3U {
        width:320px
    }
}

.toast_toast_container__xirsF.sm-size .toast_content__5_R3U {
    width: 480px
}

@media(max-width: 1080px) {
    .toast_toast_container__xirsF.sm-size .toast_content__5_R3U {
        width:320px
    }
}

.toast_toast_container__xirsF.md-size .toast_content__5_R3U {
    width: 560px
}

@media(max-width: 1080px) {
    .toast_toast_container__xirsF.md-size .toast_content__5_R3U {
        width:300px
    }
}

.toast_toast_container__xirsF.lg-size .toast_content__5_R3U {
    width: 640px
}

@media(max-width: 1080px) {
    .toast_toast_container__xirsF.lg-size .toast_content__5_R3U {
        width:300px
    }
}

[dir] .toast_toast_container__xirsF.dark .toast_custom_types__fSO8d i.toast_warning___E_GV {
    background-image: url(/icons/icon-warning-shadow-dark.svg)
}

.toast_content__5_R3U {
    font-size: 14px;
    position: relative;
    width: 400px;
    color: var(--color-text);
    box-sizing: border-box
}

[dir] .toast_content__5_R3U {
    padding: 32px;
    background: var(--color-modal-bg);
    border-radius: 16px
}

@media(max-width: 1080px) {
    .toast_content__5_R3U {
        width:300px
    }
}

.toast_content__5_R3U .icon-error-shadow,.toast_content__5_R3U .icon-pending-shadow,.toast_content__5_R3U .icon-success-shadow,.toast_content__5_R3U .icon-warning-shadow,.toast_content__5_R3U .status-icon {
    display: flex
}

[dir] .toast_content__5_R3U .icon-error-shadow,[dir] .toast_content__5_R3U .icon-pending-shadow,[dir] .toast_content__5_R3U .icon-success-shadow,[dir] .toast_content__5_R3U .icon-warning-shadow,[dir] .toast_content__5_R3U .status-icon {
    margin: 0 auto 24px
}

.toast_content__5_R3U .toast-close {
    position: absolute;
    top: 16px
}

[dir] .toast_content__5_R3U .toast-close {
    cursor: pointer;
    transition: .25s
}

[dir=ltr] .toast_content__5_R3U .toast-close {
    right: 16px
}

[dir=rtl] .toast_content__5_R3U .toast-close {
    left: 16px
}

.toast_content__5_R3U .toast-close i {
    font-size: var(--size-modal-close-icon);
    line-height: 1;
    color: var(--color-modal-close-icon);
    font-weight: 400
}

[dir] .toast_content__5_R3U .toast-close i {
    cursor: pointer
}

.toast_content__5_R3U .toast-close:hover i {
    color: var(--color-modal-close-icon-hover)
}

[dir] .toast_content__5_R3U .toast-close:hover i {
    transition: .25s
}

.toast_content__5_R3U h2,.toast_content__5_R3U h3 {
    font-size: 20px;
    color: var(--color-title)
}

[dir] .toast_content__5_R3U h2:has(+p),[dir] .toast_content__5_R3U h3:has(+p) {
    margin-bottom: 16px
}

@media(max-width: 1080px) {
    .toast_content__5_R3U h2,.toast_content__5_R3U h3 {
        font-size:18px
    }
}

[dir] .toast_content__5_R3U .desc.text-center,[dir] .toast_content__5_R3U p.text-center {
    text-align: center
}

[dir] .toast_content__5_R3U .desc:not(:last-child),[dir] .toast_content__5_R3U p:not(:last-child) {
    margin-bottom: 16px
}

.toast_title__r7LtC {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: var(--color-title)
}

[dir] .toast_title__r7LtC,[dir] .toast_title__r7LtC:not(:last-child) {
    margin-bottom: 16px
}

.toast_body__RRUyg {
    box-sizing: border-box;
    font-size: 16px
}

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

.toast_footer__Ws90M .footer-tips {
    font-size: 12px
}

[dir] .toast_footer__Ws90M .footer-tips {
    margin-bottom: 8px
}

.toast_tools__EatCH {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    color: var(--color-title)
}

[dir] .toast_tools__EatCH {
    text-align: center
}

.toast_tools__EatCH.flex-x-center {
    justify-content: center
}

.toast_tools__EatCH a,.toast_tools__EatCH>div {
    flex-grow: 1;
    min-height: 40px;
    flex-basis: 45%;
    box-sizing: border-box
}

[dir] .toast_tools__EatCH a,[dir] .toast_tools__EatCH>div {
    padding: 8px 16px;
    cursor: pointer
}

.toast_tools__EatCH a.max-content,.toast_tools__EatCH>div.max-content {
    flex-grow: 0;
    display: block;
    width: -moz-max-content;
    width: max-content
}

.toast_tools__EatCH .btn-submit-text {
    color: var(--color-title);
    min-height: auto
}

[dir] .toast_tools__EatCH .btn-submit-text {
    padding-top: 0
}

.toast_tools__EatCH .btn-submit-basic-line {
    flex-basis: 55%
}

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

.toast_custom_types__fSO8d i.toast_error__FJOa2,.toast_custom_types__fSO8d i.toast_info__S1Fph,.toast_custom_types__fSO8d i.toast_success__gDhc5,.toast_custom_types__fSO8d i.toast_warning___E_GV {
    width: 72px;
    height: 72px
}

[dir] .toast_custom_types__fSO8d i.toast_error__FJOa2,[dir] .toast_custom_types__fSO8d i.toast_info__S1Fph,[dir] .toast_custom_types__fSO8d i.toast_success__gDhc5,[dir] .toast_custom_types__fSO8d i.toast_warning___E_GV {
    margin: 0 auto 24px;
    border-radius: 50%;
    background-size: contain
}

@media(max-width: 1080px) {
    .toast_custom_types__fSO8d i.toast_error__FJOa2,.toast_custom_types__fSO8d i.toast_info__S1Fph,.toast_custom_types__fSO8d i.toast_success__gDhc5,.toast_custom_types__fSO8d i.toast_warning___E_GV {
        width:64px;
        height: 64px
    }
}

[dir] .toast_custom_types__fSO8d i.toast_error__FJOa2 {
    background: url(/icons/icon-error-shadow.svg) no-repeat 50%;
    background-size: contain
}

[dir] .toast_custom_types__fSO8d i.toast_warning___E_GV {
    background: url(/icons/icon-warning-shadow.svg) no-repeat 50%;
    background-size: contain
}

[dir] .toast_custom_types__fSO8d i.toast_success__gDhc5 {
    background: url(/icons/icon-success-shadow.svg) no-repeat 50%;
    background-size: contain
}

[dir] .toast_custom_types__fSO8d i.toast_info__S1Fph {
    background: url(/icons/icon-warning-shadow.svg) no-repeat 50%;
    background-size: contain
}

.toast_custom_types__fSO8d+p {
    font-size: 16px;
    color: var(--color-title)
}

[dir] .toast_custom_types__fSO8d+p {
    text-align: center
}

.styles_copy__MSrhC.icon {
    width: 14px;
    height: 14px
}

[dir] .styles_copy__MSrhC.icon {
    background-size: contain;
    cursor: pointer
}

.styles_copy__MSrhC .iconfont {
    font-size: 14px
}

[dir] .styles_copy__MSrhC .iconfont,[dir] .styles_copy__MSrhC i {
    cursor: pointer
}

.swiper-pagination {
    position: absolute;
    z-index: 10
}

[dir] .swiper-pagination {
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0)
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    width: 100%
}

[dir=ltr] .swiper-horizontal>.swiper-pagination-bullets,[dir=ltr] .swiper-pagination-bullets.swiper-pagination-horizontal,[dir=ltr] .swiper-pagination-custom,[dir=ltr] .swiper-pagination-fraction {
    left: 0
}

[dir=rtl] .swiper-horizontal>.swiper-pagination-bullets,[dir=rtl] .swiper-pagination-bullets.swiper-pagination-horizontal,[dir=rtl] .swiper-pagination-custom,[dir=rtl] .swiper-pagination-fraction {
    right: 0
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative
}

[dir] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33)
}

[dir] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,[dir] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

[dir] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

[dir] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

[dir] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

[dir] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.2)
}

[dir] .swiper-pagination-bullet {
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color,#000)
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

[dir] button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none
}

[dir] .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity,1)
}

[dir] .swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    top: 50%
}

[dir] .swiper-pagination-vertical.swiper-pagination-bullets,[dir] .swiper-vertical>.swiper-pagination-bullets {
    transform: translate3d(0,-50%,0)
}

[dir=ltr] .swiper-pagination-vertical.swiper-pagination-bullets,[dir=ltr] .swiper-vertical>.swiper-pagination-bullets {
    right: 10px
}

[dir=rtl] .swiper-pagination-vertical.swiper-pagination-bullets,[dir=rtl] .swiper-vertical>.swiper-pagination-bullets {
    left: 10px
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block
}

[dir] .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,[dir] .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    width: 8px
}

[dir] .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,[dir] .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    transform: translateY(-50%)
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block
}

[dir] .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,[dir] .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,top .2s
}

[dir] .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,[dir] .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    white-space: nowrap
}

[dir=ltr] .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,[dir=ltr] .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%)
}

[dir=rtl] .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,[dir=rtl] .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    right: 50%;
    transform: translateX(50%)
}

[dir=ltr] .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,[dir=ltr] .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,left .2s
}

[dir=ltr] .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,[dir=rtl] .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,[dir=rtl] .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,right .2s
}

[dir=rtl] .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,left .2s
}

.swiper-pagination-progressbar {
    position: absolute
}

[dir] .swiper-pagination-progressbar {
    background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

[dir] .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    transform: scale(0)
}

[dir=ltr] .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    left: 0;
    transform-origin: left top
}

[dir=rtl] .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    right: 0;
    transform-origin: right top
}

[dir=ltr] .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

[dir=rtl] .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: left top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    top: 0
}

[dir=ltr] .swiper-horizontal>.swiper-pagination-progressbar,[dir=ltr] .swiper-pagination-progressbar.swiper-pagination-horizontal,[dir=ltr] .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,[dir=ltr] .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    left: 0
}

[dir=rtl] .swiper-horizontal>.swiper-pagination-progressbar,[dir=rtl] .swiper-pagination-progressbar.swiper-pagination-horizontal,[dir=rtl] .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,[dir=rtl] .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    right: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    top: 0
}

[dir=ltr] .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,[dir=ltr] .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,[dir=ltr] .swiper-pagination-progressbar.swiper-pagination-vertical,[dir=ltr] .swiper-vertical>.swiper-pagination-progressbar {
    left: 0
}

[dir=rtl] .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,[dir=rtl] .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,[dir=rtl] .swiper-pagination-progressbar.swiper-pagination-vertical,[dir=rtl] .swiper-vertical>.swiper-pagination-progressbar {
    right: 0
}

.swiper-pagination-lock {
    display: none
}

.styles_share__1VR5p {
    font-size: 14px;
    color: var(--mbg-1-text);
    color: #999;
    height: 100%
}

[dir] .styles_share__1VR5p {
    border-radius: 4px;
    padding: 32px
}

@media(max-width: 1080px) {
    [dir] .styles_share__1VR5p {
        padding:24px 16px 16px
    }
}

.styles_share__1VR5p .styles_poster_Area__5BuMP {
    display: flex;
    justify-content: center;
    gap: 16px
}

@media(max-width: 1080px) {
    .styles_share__1VR5p .styles_poster_Area__5BuMP {
        flex-direction:column-reverse
    }
}

.styles_share__1VR5p .styles_poster_Area__5BuMP .styles_poster__NZhiq {
    height: 100%
}

.styles_share__1VR5p .share-poster {
    width: 100%
}

[dir] .styles_share__1VR5p .share-poster {
    padding-top: 1px;
    margin: 0;
    border-radius: 16px
}

.styles_share__1VR5p .swiper {
    height: 100%
}

.styles_share__1VR5p .swiper-slide {
    width: 320px;
    opacity: .8;
    overflow: hidden
}

[dir] .styles_share__1VR5p .swiper-slide {
    transform: scale(.85);
    transition: .25s;
    border-radius: 16px
}

@media(max-width: 1080px) {
    .styles_share__1VR5p .swiper-slide {
        width:100%
    }
}

.styles_share__1VR5p .swiper-slide.swiper-slide-active {
    opacity: 1
}

[dir] .styles_share__1VR5p .swiper-slide.swiper-slide-active {
    transform: scale(1);
    transition: .25s
}

[dir] .styles_share__1VR5p .posterBg_1 {
    background: url(/share_bg/poster_bg_1.png) no-repeat;
    background-size: cover
}

[dir] .styles_share__1VR5p .posterBg_2 {
    background: url(/share_bg/poster_bg_2.png) no-repeat;
    background-size: cover
}

[dir] .styles_share__1VR5p .posterBg_3 {
    background: url(/share_bg/poster_bg_3.png) no-repeat;
    background-size: cover
}

[dir] .styles_share__1VR5p .posterBg_4 {
    background: url(/share_bg/poster_bg_4.png) no-repeat;
    background-size: cover
}

.styles_pagination__V67bL {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 100%
}

[dir] .styles_pagination__V67bL {
    margin: 12px 0
}

.styles_pagination__V67bL .swiper-pagination-bullet {
    width: 8px;
    height: 8px
}

[dir] .styles_pagination__V67bL .swiper-pagination-bullet {
    background: var(--color-1b);
    border-radius: 8px;
    cursor: pointer;
    transition: .25s
}

.styles_pagination__V67bL .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px
}

[dir] .styles_pagination__V67bL .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--color-1b);
    transition: .25s
}

.styles_choosePoster__0CYRB {
    display: flex;
    flex-direction: column;
    gap: 12px
}

[dir] .styles_choosePoster__0CYRB {
    margin: 0
}

@media(max-width: 1080px) {
    .styles_choosePoster__0CYRB {
        flex-direction:row
    }

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

[dir] .styles_choosePoster__0CYRB .styles_posterBox__V_4yR {
    border-radius: 8px;
    padding: 2px;
    cursor: pointer
}

[dir] .styles_choosePoster__0CYRB .styles_posterBox__V_4yR.styles_activePosterBg__3y06H {
    border: 1px solid var(--color-checkbox-border-active)
}

.styles_choosePoster__0CYRB .styles_posterBox__V_4yR .styles_poster_inner__euWPt {
    width: 48px;
    height: 66px;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

[dir] .styles_choosePoster__0CYRB .styles_posterBox__V_4yR .styles_poster_inner__euWPt {
    border-radius: 8px;
    padding-bottom: 10px
}

@media(max-width: 1080px) {
    .styles_choosePoster__0CYRB .styles_posterBox__V_4yR .styles_poster_inner__euWPt {
        height:52px
    }
}

.styles_choosePoster__0CYRB .styles_posterBox__V_4yR .styles_poster_inner__euWPt i {
    color: #fff;
    width: 16px;
    height: 16px
}

.styles_tools__ZE8sC {
    display: flex;
    align-items: center;
    justify-content: space-between
}

[dir] .styles_tools__ZE8sC {
    padding: 0;
    margin: 24px 0
}

[dir] .styles_tools__ZE8sC.styles_toolsMargin__lsy_u {
    margin: 40px 0 24px
}

@media(max-width: 1080px) {
    [dir] .styles_tools__ZE8sC.styles_toolsMargin__lsy_u {
        margin-top:16px
    }
}

.styles_tools__ZE8sC .post-viewport {
    color: var(--color-text)
}

.styles_tools__ZE8sC .post-viewport:hover {
    color: var(--color-title)
}

.styles_tools__ZE8sC>a,.styles_tools__ZE8sC>button,.styles_tools__ZE8sC>span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    color: var(--mbg-2-text)
}

[dir] .styles_tools__ZE8sC>a,[dir] .styles_tools__ZE8sC>button,[dir] .styles_tools__ZE8sC>span {
    border-radius: 50%;
    background: var(--mbg-2)!important;
    cursor: pointer;
    border: none
}

[dir=ltr] .styles_tools__ZE8sC>a:last-child,[dir=ltr] .styles_tools__ZE8sC>button:last-child,[dir=ltr] .styles_tools__ZE8sC>span:last-child {
    margin-right: 0
}

[dir=rtl] .styles_tools__ZE8sC>a:last-child,[dir=rtl] .styles_tools__ZE8sC>button:last-child,[dir=rtl] .styles_tools__ZE8sC>span:last-child {
    margin-left: 0
}

.styles_tools__ZE8sC>a:hover,.styles_tools__ZE8sC>button:hover,.styles_tools__ZE8sC>span:hover {
    color: var(--color-title)
}

.styles_tools__ZE8sC .iconfont {
    font-size: 20px
}

.styles_tools__ZE8sC .iconfont:hover {
    color: var(--color-title)
}

.styles_tools__ZE8sC .icon-post {
    font-size: 16px
}

.styles_viewport__RX_WP {
    min-width: auto;
    min-height: auto;
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 9
}

[dir] .styles_viewport__RX_WP {
    border-radius: 50%
}

.styles_viewport__RX_WP:hover span {
    display: block
}

[dir] .styles_viewport__RX_WP i {
    margin: 0
}

.styles_viewport__RX_WP span {
    color: var(--mbg-2-title);
    font-size: 12px;
    position: absolute;
    bottom: 50px;
    white-space: nowrap;
    filter: drop-shadow(0 0 10px rgba(0,0,0,.1));
    display: none
}

[dir] .styles_viewport__RX_WP span {
    background: var(--mbg-2);
    padding: 6px 12px;
    border-radius: 4px
}

[dir=ltr] .styles_viewport__RX_WP span {
    transform: translateX(-50%);
    left: 50%
}

[dir=rtl] .styles_viewport__RX_WP span {
    transform: translateX(50%);
    right: 50%
}

.styles_viewport__RX_WP span:after {
    display: block;
    content: "";
    position: absolute;
    top: 100%
}

[dir] .styles_viewport__RX_WP span:after {
    border-width: 4px;
    border-style: solid;
    border-color: var(--mbg-2) transparent transparent transparent
}

[dir=ltr] .styles_viewport__RX_WP span:after {
    left: 50%;
    transform: translateX(-50%)
}

[dir=rtl] .styles_viewport__RX_WP span:after {
    right: 50%;
    transform: translateX(50%)
}

.styles_swiper__11OgQ {
    position: relative;
    flex-shrink: 0;
    width: 82%
}

@media(max-width: 1080px) {
    .styles_swiper__11OgQ {
        width:100%
    }
}

.styles_swiper__11OgQ .swiper-button {
    position: absolute;
    top: 50%;
    z-index: 99;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1
}

[dir] .styles_swiper__11OgQ .swiper-button {
    transform: translateY(-50%);
    cursor: pointer;
    border-radius: 50%;
    background: hsla(0,0%,100%,.4);
    transition: .25s
}

[dir] .styles_swiper__11OgQ .swiper-button:hover {
    background: #fff;
    transition: .25s
}

.styles_swiper__11OgQ .swiper-button:hover i {
    color: #1b1b1b
}

.styles_swiper__11OgQ .swiper-button i {
    font-size: 16px;
    color: var(--mbg-2);
    font-weight: 700
}

[dir=ltr] .styles_swiper__11OgQ .swiper-button.swiper-button-prev {
    left: 24px
}

[dir=ltr] .styles_swiper__11OgQ .swiper-button.swiper-button-next,[dir=rtl] .styles_swiper__11OgQ .swiper-button.swiper-button-prev {
    right: 24px
}

[dir=rtl] .styles_swiper__11OgQ .swiper-button.swiper-button-next {
    left: 24px
}

[dir] .styles_swiper__11OgQ .styles_poster_bg__f1eSF {
    background-size: cover
}

@media(max-width: 768px) {
    .styles_tools__ZE8sC {
        flex-wrap:wrap;
        gap: 8px
    }

    [dir] .styles_tools__ZE8sC {
        padding: 0;
        margin-top: 16px
    }

    [dir=ltr] .styles_swiper__11OgQ .swiper-button.swiper-button-prev {
        left: 16px
    }

    [dir=ltr] .styles_swiper__11OgQ .swiper-button.swiper-button-next,[dir=rtl] .styles_swiper__11OgQ .swiper-button.swiper-button-prev {
        right: 16px
    }

    [dir=rtl] .styles_swiper__11OgQ .swiper-button.swiper-button-next {
        left: 16px
    }
}

.styles_plane__f2iWd {
    --border-radius: 16px
}

[dir] .styles_plane__f2iWd {
    padding: 40px 0
}

.styles_plane__f2iWd h2 {
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-title)
}

[dir] .styles_plane__f2iWd h2 {
    margin-bottom: 40px
}

.styles_plane__f2iWd h2 a {
    font-size: 12px
}

.styles_plane__f2iWd .tips {
    font-size: 14px;
    color: var(--color-desc)
}

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

.styles_plane__f2iWd .login-tips {
    color: var(--color-text)
}

.styles_plane__f2iWd .login-tips b {
    font-weight: 400;
    color: var(--color-text-active)
}

.styles_plane__f2iWd .login-tips b:hover {
    text-decoration: underline
}

.styles_guide__9YFsC {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 88px;
    gap: 88px;
    font-size: 14px;
    color: var(--color-desc)
}

[dir] .styles_guide__9YFsC {
    text-align: center
}

.styles_guide__9YFsC .item {
    position: relative
}

.styles_guide__9YFsC .item:not(:last-child):after {
    display: block;
    content: "";
    width: 176px;
    height: 9px;
    position: absolute;
    top: 50px
}

[dir] .styles_guide__9YFsC .item:not(:last-child):after {
    background: url(/promotions/invite/line.png) no-repeat 50%;
    background-size: contain
}

[dir=ltr] .styles_guide__9YFsC .item:not(:last-child):after {
    right: -130px
}

[dir=rtl] .styles_guide__9YFsC .item:not(:last-child):after {
    left: -130px
}

.styles_guide__9YFsC h3 {
    font-size: 20px;
    color: var(--color-title)
}

[dir] .styles_guide__9YFsC h3 {
    margin-bottom: 8px
}

.styles_guide__9YFsC p {
    color: var(--color-text)
}

.styles_guide__9YFsC img {
    display: block
}

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

.styles_guide_commision__U3pn7 {
    font-size: 14px;
    color: var(--color-desc)
}

[dir] .styles_guide_commision__U3pn7 {
    margin-top: 48px;
    border-radius: var(--border-radius)
}

[dir=ltr] .styles_guide_commision__U3pn7 {
    padding: 16px 16px 16px 104px;
    background: var(--color-bg-1) url(/commision.png) no-repeat left 32px center
}

[dir=rtl] .styles_guide_commision__U3pn7 {
    padding: 16px 104px 16px 16px;
    background: var(--color-bg-1) url(/commision.png) no-repeat right 32px center
}

[dir] .styles_guide_commision__U3pn7 {
    background-size: 48px 48px
}

.styles_guide_commision__U3pn7 h3 {
    font-size: 22px;
    color: var(--color-title)
}

[dir] .styles_guide_commision__U3pn7 h3 {
    margin-bottom: 8px
}

.styles_guide_commision__U3pn7 b {
    color: #fea600
}

.styles_guide_commision__U3pn7 p {
    color: var(--color-text);
    font-size: 16px
}

.styles_overview__JRLpU {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 55px
}

[dir] .styles_overview__JRLpU {
    background: var(--color-fa);
    padding: 32px 40px;
    border-radius: var(--border-radius)
}

.styles_overview__JRLpU .split-line {
    width: 1px;
    height: 56px;
    flex-shrink: 0
}

[dir] .styles_overview__JRLpU .split-line {
    background: var(--color-line)
}

.styles_overview__JRLpU .item {
    color: var(--color-desc);
    font-size: 14px;
    flex-basis: 80px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center
}

.styles_overview__JRLpU .item span {
    display: block
}

[dir] .styles_overview__JRLpU .item span {
    margin-bottom: 20px
}

.styles_overview__JRLpU .item strong {
    display: flex;
    align-items: flex-end;
    color: var(--color-title);
    font-size: 30px;
    line-height: 1;
    gap: 4px
}

.styles_overview__JRLpU .item strong sub {
    font-size: 16px;
    line-height: 1
}

[dir] .styles_overview__JRLpU .item strong sub {
    padding-bottom: 2px
}

.styles_overview__JRLpU .slider {
    width: 540px
}

[dir] .styles_overview__JRLpU .slider .swiper-slide {
    background-color: transparent
}

.styles_slide__X5jxS {
    font-size: 14px;
    color: var(--color-text);
    overflow: hidden
}

[dir] .styles_slide__X5jxS {
    padding: 32px 40px;
    background-color: var(--color-fff);
    border: 1px solid var(--color-bg);
    border-radius: 16px
}

.styles_slide__X5jxS h5 {
    font-size: 36px;
    color: var(--color-title);
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px
}

[dir] .styles_slide__X5jxS h5 {
    margin-bottom: 16px
}

.styles_slide__X5jxS h5 a {
    font-size: 12px;
    text-decoration: underline;
    color: var(--color-title)
}

.styles_slide__X5jxS h5 a:hover {
    color: var(--color-text-active)
}

[dir] .styles_slide__X5jxS .btn {
    margin-top: 46px
}

.styles_nav__CR6LH {
    display: flex;
    gap: 32px;
    align-items: center;
    font-size: 16px;
    color: var(--color-desc)
}

[dir] .styles_nav__CR6LH {
    margin-bottom: 24px
}

.styles_nav__CR6LH>div {
    position: relative
}

[dir] .styles_nav__CR6LH>div {
    padding: 6px 0;
    cursor: pointer
}

.styles_nav__CR6LH>div:after {
    position: absolute;
    display: block;
    content: "";
    bottom: -1px;
    height: 2px;
    width: 0
}

[dir] .styles_nav__CR6LH>div:after {
    background: var(--color-title)
}

[dir=ltr] .styles_nav__CR6LH>div:after {
    left: 0
}

[dir=rtl] .styles_nav__CR6LH>div:after {
    right: 0
}

.styles_nav__CR6LH>div.active {
    color: var(--color-title);
    font-weight: 500
}

.styles_nav__CR6LH>div.active:after {
    width: 100%
}

[dir] .styles_kol_wrapper__ojEhY {
    padding: 80px 0
}

.styles_kol__FXsj9 {
    font-size: 16px;
    color: var(--color-title);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 80px
}

.styles_kol__FXsj9:after {
    display: block;
    content: "";
    width: 380px;
    height: 138px
}

[dir] .styles_kol__FXsj9:after {
    background: url(/promotions/invite/kol.png) no-repeat 50%;
    background-size: contain
}

.styles_kol__FXsj9 h2 {
    font-size: 28px
}

[dir] .styles_kol__FXsj9 h2 {
    margin-bottom: 24px
}

.styles_kol__FXsj9 p {
    color: var(--color-text)
}

[dir] .styles_kol__FXsj9 p {
    margin-top: 24px
}

.styles_rules__QglnA {
    font-size: 16px
}

[dir] .styles_rules__QglnA {
    padding-bottom: 40px
}

.styles_rules__QglnA p {
    color: var(--color-text)
}

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

.styles_faq__PjOpm h3 {
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--color-title)
}

.styles_faq__PjOpm h3 i {
    font-weight: 400;
    color: var(--color-desc)
}

[dir] .styles_faq__PjOpm .toggle {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--color-line)
}

.styles_faq__PjOpm .toggle_content {
    font-size: 16px;
    color: var(--color-text);
    line-height: 1.875
}

[dir] .styles_faq__PjOpm .toggle_content {
    padding-top: 16px
}

.styles_faq_detail__Il7WY p {
    font-size: 16px;
    color: var(--color-text)
}

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

.styles_faq_detail__Il7WY small {
    font-size: 12px;
    color: var(--color-desc)
}

.styles_share_poster__hs3vh {
    height: 480px
}

.styles_share_slide__phsYw {
    width: 290px;
    height: 480px;
    display: flex;
    align-items: flex-end;
    position: relative
}

[dir] .styles_share_slide__phsYw {
    background-size: 100% 395px;
    background-repeat: no-repeat;
    background-position: top;
    border-radius: 4px;
    background-color: var(--color-bg)
}

.styles_share_slide__phsYw .flex-block {
    min-height: 84px;
    font-size: 18px;
    color: var(--color-title);
    display: flex;
    align-items: center;
    justify-content: space-between
}

[dir] .styles_share_slide__phsYw .flex-block {
    padding: 4px 20px;
    background: var(--color-bg-1)
}

.styles_share_slide__phsYw .flex-block span {
    font-size: 12px;
    display: block
}

.styles_share_slide__phsYw .flex-block img {
    flex-shrink: 0
}

.styles_remind_amount__d7zk5 {
    color: #fea600
}

@media(max-width: 768px) {
    [dir] .styles_plane__f2iWd {
        padding:32px 0
    }

    .styles_plane__f2iWd h2 {
        font-size: 20px
    }

    .styles_guide__9YFsC {
        grid-template-columns: 1fr;
        gap: 40px
    }

    [dir=ltr] .styles_guide__9YFsC {
        text-align: left
    }

    [dir=rtl] .styles_guide__9YFsC {
        text-align: right
    }

    .styles_guide__9YFsC .item {
        display: grid;
        grid-gap: 16px;
        gap: 16px;
        grid-template-columns: 80px 1fr
    }

    .styles_guide__9YFsC .item:not(:last-child):after {
        width: 33px
    }

    [dir] .styles_guide__9YFsC .item:not(:last-child):after {
        background-size: cover
    }

    [dir=ltr] .styles_guide__9YFsC .item:not(:last-child):after {
        left: 24px;
        right: auto;
        background-position: 100%;
        transform: translateY(26px) rotate(90deg)
    }

    [dir=rtl] .styles_guide__9YFsC .item:not(:last-child):after {
        right: 24px;
        left: auto;
        background-position: 0;
        transform: translateY(26px) rotate(-90deg)
    }

    .styles_guide__9YFsC h3 {
        font-size: 18px;
        font-weight: 500
    }

    [dir] .styles_guide_commision__U3pn7 {
        margin-top: 40px
    }

    [dir=ltr] .styles_guide_commision__U3pn7 {
        padding-left: 88px;
        background-position: left 20px center
    }

    [dir=rtl] .styles_guide_commision__U3pn7 {
        padding-right: 88px;
        background-position: right 20px center
    }

    .styles_guide_commision__U3pn7 h3 {
        font-size: 18px;
        font-weight: 500
    }

    .styles_overview__JRLpU {
        flex-wrap: wrap;
        gap: 24px 8px
    }

    [dir] .styles_overview__JRLpU {
        padding: 20px
    }

    .styles_overview__JRLpU .split-line {
        display: none
    }

    .styles_overview__JRLpU .slider {
        flex-basis: 100%;
        width: 100%
    }

    .styles_overview__JRLpU .item {
        flex-basis: 30%;
        flex-grow: 1
    }

    .styles_overview__JRLpU .item span {
        font-size: 12px
    }

    [dir] .styles_overview__JRLpU .item span {
        margin-bottom: 16px
    }

    .styles_overview__JRLpU .item strong {
        font-size: 20px
    }

    .styles_overview__JRLpU .item strong sub {
        font-size: 14px
    }

    [dir] .styles_slide__X5jxS {
        padding: 20px
    }

    [dir] .styles_slide__X5jxS .btn {
        margin-top: 24px
    }

    .styles_slide__X5jxS h5 {
        font-size: 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px
    }

    [dir] .styles_slide__X5jxS h5 {
        margin-bottom: 12px
    }

    .styles_kol__FXsj9 {
        flex-direction: column;
        gap: 32px
    }

    [dir] .styles_rules__QglnA {
        padding-bottom: 0
    }

    .styles_share_poster__hs3vh {
        height: 396px
    }

    [dir] .styles_share_poster__hs3vh {
        padding: 0!important
    }

    .styles_share_slide__phsYw {
        width: 100%;
        height: 396px
    }

    [dir] .styles_share_slide__phsYw {
        margin: 0 auto;
        background-size: auto 100%
    }
}

.banner_banner__rtDw6 {
    font-size: 16px;
    color: var(--color-text);
    position: relative;
    perspective: 800px;
    overflow: hidden
}

[dir] .banner_banner__rtDw6 {
    padding: 48px 0
}

.banner_banner__rtDw6:before {
    display: block;
    content: "";
    height: 70%;
    -webkit-mask-image: linear-gradient(transparent,#000);
    mask-image: linear-gradient(transparent,#000);
    position: absolute;
    bottom: 0
}

[dir] .banner_banner__rtDw6:before {
    background-position: bottom;
    transform: rotateX(45deg);
    transform-origin: bottom center;
    left: -10vw;
    right: -10vw
}

[dir=ltr] .banner_banner__rtDw6:before {
    background-image: repeating-linear-gradient(0deg,rgba(57,102,236,.2),rgba(57,102,236,.2) 2px,transparent 0,transparent 40px),repeating-linear-gradient(90deg,rgba(57,102,236,.2),rgba(57,102,236,.2) 2px,transparent 0,transparent 40px)
}

[dir=rtl] .banner_banner__rtDw6:before {
    background-image: repeating-linear-gradient(0deg,rgba(57,102,236,.2),rgba(57,102,236,.2) 2px,transparent 0,transparent 40px),repeating-linear-gradient(-90deg,rgba(57,102,236,.2),rgba(57,102,236,.2) 2px,transparent 0,transparent 40px)
}

.banner_banner__rtDw6.banner_banner_kol__Hr1lt {
    height: 360px
}

[dir] .banner_banner__rtDw6.banner_banner_kol__Hr1lt {
    padding: 0
}

@media(max-width: 1080px) {
    [dir] .banner_banner__rtDw6.banner_banner_kol__Hr1lt {
        padding:24px 0
    }
}

.banner_banner__rtDw6 .container {
    position: relative;
    z-index: 9
}

.banner_banner__rtDw6 .banner_icon__dAy7l {
    color: var(--color-title)
}

.banner_wrapper__Y_zT1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 80px
}

.banner_wrapper__Y_zT1.active:after {
    display: block;
    content: "";
    width: 360px;
    height: 204px
}

[dir] .banner_wrapper__Y_zT1.active:after {
    background: url(/images/s_b.png) no-repeat 50%;
    background-size: contain
}

.banner_banner_summary__LnXyH {
    min-height: 400px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.banner_banner_summary__LnXyH b {
    color: var(--color-text-active)
}

.banner_banner_summary__LnXyH h1 {
    font-size: 40px;
    color: var(--color-title);
    font-weight: 500
}

[dir] .banner_banner_summary__LnXyH h1 {
    margin-bottom: 28px
}

.banner_banner_summary__LnXyH h1 span {
    display: block;
    font-weight: 400
}

.banner_banner_summary__LnXyH .btn {
    min-width: 160px
}

[dir] .banner_banner_summary_kol__FCQn6 h1 {
    margin-bottom: 16px
}

[dir] .banner_banner_summary_kol__FCQn6 .banner_banner_summary_kol_title___bTc8 {
    margin-bottom: 40px
}

@media(max-width: 1080px) {
    [dir] .banner_banner_summary_kol__FCQn6 .banner_banner_summary_kol_title___bTc8 {
        margin-bottom:0
    }
}

.banner_banner_summary_kol__FCQn6 .btn {
    min-width: 144px!important
}

.banner_kol_image__BhO5G:after {
    display: block;
    content: "";
    width: 380px;
    height: 138px
}

[dir] .banner_kol_image__BhO5G:after {
    background: url(/promotions/invite/kol.png) no-repeat 50%;
    background-size: contain
}

.banner_form__E55Iw {
    width: 440px;
    box-sizing: border-box;
    flex-shrink: 0
}

[dir] .banner_form__E55Iw {
    background: var(--color-fff);
    box-shadow: 0 1px 20px 0 var(--color-shadow-sm);
    border-radius: 16px;
    padding: 32px 40px
}

.banner_form__E55Iw h2 {
    color: var(--color-title);
    font-size: 20px;
    font-weight: 500
}

[dir] .banner_form__E55Iw h2 {
    margin-bottom: 24px
}

.banner_form__E55Iw p {
    font-size: 16px;
    color: var(--color-text)
}

[dir] .banner_form__E55Iw p {
    margin-bottom: 8px
}

.banner_form__E55Iw .commission {
    display: flex;
    align-items: center;
    justify-content: space-between
}

[dir] .banner_form__E55Iw .commission {
    padding: 8px 0;
    margin-bottom: 16px
}

.banner_form__E55Iw .commission a {
    color: var(--color-text)
}

.banner_form__E55Iw .commission strong {
    display: flex;
    gap: 8px;
    color: var(--color-title)
}

[dir] .banner_form__E55Iw .commission strong {
    cursor: pointer
}

.banner_form__E55Iw .commission strong i {
    color: var(--color-desc)
}

.banner_form__E55Iw .copy-item {
    min-height: 48px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    color: var(--color-title)
}

[dir] .banner_form__E55Iw .copy-item {
    margin-bottom: 16px;
    background: transparent;
    border-radius: 8px;
    border: 1px solid var(--color-line);
    padding: 10px 16px
}

.banner_form__E55Iw .copy-item span {
    max-width: 90%;
    word-break: break-all;
    line-height: 1.2
}

.banner_form__E55Iw .copy-item .btn {
    color: var(--color-text-active)!important
}

[dir] .banner_form__E55Iw .copy-item .btn {
    border: none;
    padding: 0;
    background: transparent!important
}

[dir] .banner_form__E55Iw .btn-submit {
    margin-top: 32px
}

[dir] .banner_toast__f7tFu h3 {
    margin-bottom: 4px!important
}

.banner_toast__f7tFu p {
    font-size: 14px
}

[dir] .banner_toast__f7tFu p {
    margin-bottom: 16px
}

@media(max-width: 1080px) {
    .banner_wrapper__Y_zT1 {
        flex-direction:column;
        gap: 32px
    }

    .banner_wrapper__Y_zT1.active:after {
        width: 100%;
        height: 170px
    }

    [dir] .banner_banner__rtDw6 {
        padding: 40px 0
    }

    .banner_banner_summary__LnXyH {
        min-height: auto
    }

    .banner_banner_summary__LnXyH h1 {
        font-size: 36px
    }

    [dir] .banner_banner_summary__LnXyH h1 {
        margin-bottom: 0
    }

    .banner_banner_summary__LnXyH .btn {
        width: 100%
    }

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

    .banner_form__E55Iw {
        width: 100%
    }

    [dir] .banner_form__E55Iw {
        padding: 24px
    }
}

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

[dir] .notice_notice__KG6fC {
    background: color(from #3966ec srgb r g b/.2);
    padding: 8px 0
}

.notice_notice__KG6fC .notice-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px
}

.notice_notice__KG6fC .icon-notice {
    color: var(--color-text-active)
}

.notice_notice__KG6fC .notice-item {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 32px
}

.notice_notice__KG6fC .swiper {
    height: 32px
}

[dir=ltr] .notice_notice__KG6fC .swiper {
    margin-left: 0
}

[dir=rtl] .notice_notice__KG6fC .swiper {
    margin-right: 0
}

.styles_wrapper__sQx77 .swiper {
    width: 100%;
    height: 100%
}

[dir] .styles_wrapper__sQx77 .swiper {
    margin-left: auto;
    margin-right: auto
}

[dir] .styles_wrapper__sQx77 .swiper-slide {
    background: var(--color-eee);
    border-radius: 16px
}

.styles_wrapper__sQx77 .swiper-pagination {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px
}

[dir] .styles_wrapper__sQx77 .swiper-pagination {
    margin-top: 16px
}

.styles_wrapper__sQx77 .swiper-pagination-bullet {
    display: block;
    width: 24px;
    height: 4px;
    opacity: 1
}

[dir] .styles_wrapper__sQx77 .swiper-pagination-bullet {
    border-radius: 4px;
    margin: 0!important;
    background: var(--color-eee)
}

[dir=ltr] .styles_wrapper__sQx77 .swiper-pagination-bullet:first-child {
    border-radius: 2px 0 0 2px
}

[dir=ltr] .styles_wrapper__sQx77 .swiper-pagination-bullet:last-child,[dir=rtl] .styles_wrapper__sQx77 .swiper-pagination-bullet:first-child {
    border-radius: 0 2px 2px 0
}

[dir=rtl] .styles_wrapper__sQx77 .swiper-pagination-bullet:last-child {
    border-radius: 2px 0 0 2px
}

[dir] .styles_wrapper__sQx77 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #2e4a9d
}

.styles_toggle__m5APk {
    position: relative
}

[dir] .styles_toggle__m5APk .styles_toggle_title__Em_Sr {
    cursor: pointer
}

.styles_toggle__m5APk .styles_toggle_content__VQjuZ {
    display: none
}

[dir] .styles_toggle__m5APk .styles_toggle_content__VQjuZ {
    margin-top: 6px
}

.styles_toggle__m5APk .icon-arrow-down,.styles_toggle__m5APk .icon-caret-down {
    display: inline-block;
    font-size: 14px
}

[dir] .styles_toggle__m5APk .icon-arrow-down,[dir] .styles_toggle__m5APk .icon-caret-down,[dir] .styles_toggle__m5APk.active .icon-arrow-down,[dir] .styles_toggle__m5APk.active .icon-caret-down {
    transition: .25s
}

[dir=ltr] .styles_toggle__m5APk.active .icon-arrow-down,[dir=ltr] .styles_toggle__m5APk.active .icon-caret-down {
    transform: rotate(180deg)
}

[dir=rtl] .styles_toggle__m5APk.active .icon-arrow-down,[dir=rtl] .styles_toggle__m5APk.active .icon-caret-down {
    transform: rotate(-180deg)
}

.styles_toggle__m5APk.active .styles_toggle_content__VQjuZ {
    display: block
}