@keyframes PromotionModalTemplate_modal-fade__KGN3Z {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes PromotionModalTemplate_modal-scale__QQVhg {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes PromotionModalTemplate_modal-small-scale__YtTTE {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes PromotionModalTemplate_modal-bottom-sheet__xfQag {
    0% {
        opacity: 0;
        transform: translateY(calc(100% + 60px))
    }

    70% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes PromotionModalTemplate_modal-mobile-sidebar__lIOYh {
    0% {
        transform: translateX(calc(100% + 28px))
    }

    to {
        transform: translateX(0)
    }
}

@keyframes PromotionModalTemplate_modal-slide-left___FKf6 {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes PromotionModalTemplate_modal-slide-right__oZIYu {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes PromotionModalTemplate_modal-full-page__a9G3E {
    0% {
        opacity: 0;
        transform: translateY(60%)
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes PromotionModalTemplate_modal-pop-fade__Xm7CR {
    0% {
        opacity: 0;
        transform: scale(.95)
    }

    60% {
        opacity: 1;
        transform: scale(1.03)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes PromotionModalTemplate_modal-fade-in__BtBMM {
    0% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes PromotionModalTemplate_dialog-pop-fade__C44pK {
    0% {
        opacity: 0;
        transform: scale(.95)
    }

    60% {
        opacity: 1;
        transform: scale(1.03)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes PromotionModalTemplate_select-option-slide__xuxFZ {
    0% {
        opacity: 0;
        transform: scaleY(.3)
    }

    to {
        opacity: 1;
        transform: scaleY(1)
    }
}

@keyframes PromotionModalTemplate_select-option-mobile-slide__yAkIb {
    0% {
        opacity: 0;
        transform: translateY(400px)
    }

    20% {
        opacity: 0;
        transform: translateY(400px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes PromotionModalTemplate_skeleton-blank__Rzc9d {
    0% {
        background: var(--semantic-fill-normal)
    }

    25% {
        background: var(--semantic-fill-alternative)
    }

    50% {
        background: var(--semantic-fill-normal)
    }

    75% {
        background: var(--semantic-fill-alternative)
    }

    to {
        background: var(--semantic-fill-normal)
    }
}

@keyframes PromotionModalTemplate_material-ripple__f49tl {
    0% {
        border-radius: 50%;
        opacity: .3;
        transform: translate(-50%, -50%) scale(0)
    }

    to {
        border-radius: 45%;
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.5)
    }
}

@keyframes PromotionModalTemplate_reflect-rotate___yt9h {
    70% {
        transform: rotate(1turn)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes PromotionModalTemplate_mslide_01___vfih {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.4)
    }
}

@keyframes PromotionModalTemplate_mslide_02__Psq29 {
    0% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(3)
    }

    6.5% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(1.4)
    }

    to {
        animation-timing-function: cubic-bezier(.445, .05, .55, .95);
        transform: scale(.9)
    }
}

@keyframes PromotionModalTemplate_mslide_03__cd8XN {
    0% {
        transform: scale(1.5)
    }

    to {
        transform: scale(1)
    }
}

@keyframes PromotionModalTemplate_mslide_04__dPqSt {
    0% {
        transform: scale(1.1) translateX(-40px)
    }

    to {
        transform: scale(1) translateX(0)
    }
}

@keyframes PromotionModalTemplate_mslide_04-m__iPO8Z {
    0% {
        transform: scale(1.2) translateX(-16px)
    }

    to {
        transform: scale(1) translateX(0)
    }
}

@keyframes PromotionModalTemplate_mslide_05__5PZWp {
    0% {
        transform: scale(1.5)
    }

    to {
        transform: scale(1.1)
    }
}

@keyframes PromotionModalTemplate_mslide_06__3P6yi {
    0% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(3)
    }

    6.5% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(1.4)
    }

    60% {
        animation-timing-function: cubic-bezier(.445, .05, .55, .95);
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes PromotionModalTemplate_mslide_07__cGDLE {
    0% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1.5)
    }
}

@keyframes PromotionModalTemplate_flip__a4_Zw {
    0% {
        opacity: 1;
        transform: perspective(2500px) rotateY(-20deg)
    }

    to {
        opacity: .8;
        transform: perspective(2500px) rotateY(20deg)
    }
}

@keyframes PromotionModalTemplate_ani-live__V1oYI {
    0% {
        opacity: 0;
        transform: scale(1) translateY(-50%)
    }

    40% {
        background-color: hsla(0, 0%, 100%, .1);
        opacity: 0
    }

    41% {
        background-color: hsla(0, 0%, 100%, .35);
        opacity: 1;
        transform: scale(1) translateY(-50%)
    }

    70% {
        background-color: hsla(0, 0%, 100%, .1);
        opacity: .5;
        transform: scale(3) translateY(-50%)
    }

    to {
        opacity: .5;
        transform: scale(1) translateY(-50%)
    }
}

@keyframes PromotionModalTemplate_ani-live-circle__Cc5u_ {
    0% {
        opacity: 1
    }

    20% {
        opacity: 1
    }

    41% {
        opacity: .5
    }

    51% {
        opacity: .5
    }

    70% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes PromotionModalTemplate_ani-pulse__8yxTS {
    0% {
        transform: scale(.33)
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes PromotionModalTemplate_ani-circle__Y5dW5 {
    0% {
        transform: scale(.8)
    }

    50% {
        transform: scale(1)
    }

    to {
        transform: scale(.8)
    }
}

@keyframes PromotionModalTemplate_progress-bar-stripes__TzkaF {
    0% {
        background-position: 0 16px
    }

    to {
        background-position: 0 0
    }
}

@keyframes PromotionModalTemplate_rotate__C91oT {
    0% {
        transform: rotate(-1turn)
    }

    to {
        transform: rotate(0turn)
    }
}

@keyframes PromotionModalTemplate_left__ndk2Z {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(180deg)
    }

    75% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes PromotionModalTemplate_right__psQ2R {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(180deg)
    }

    50% {
        transform: rotate(180deg)
    }

    75% {
        transform: rotate(1turn)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes PromotionModalTemplate_flash__8Qixe {
    0% {
        background-color: #cacaca;
        box-shadow: 6px 0 #cacaca, -6px 0 #cacaca
    }

    50% {
        background-color: #cacaca;
        box-shadow: 6px 0 #cacaca, -6px 0 gray
    }

    65% {
        background-color: gray;
        box-shadow: 6px 0 #cacaca, -6px 0 #cacaca
    }

    80% {
        background-color: #cacaca;
        box-shadow: 6px 0 gray, -6px 0 #cacaca
    }

    to {
        background-color: #cacaca;
        box-shadow: 6px 0 #cacaca, -6px 0 #cacaca
    }
}

@keyframes PromotionModalTemplate_card-roll-vertical__pimQQ {
    0% {
        z-index: 2;
        opacity: 1;
        transform: translateY(100%)
    }

    50% {
        transform: translateY(0)
    }

    60% {
        transform: translateY(0)
    }

    98% {
        transform: translateY(-100%)
    }

    99% {
        z-index: 2;
        opacity: 1;
        transform: translateY(-100%)
    }

    99.1% {
        z-index: -1;
        opacity: 0;
        transform: translateY(-100%)
    }

    99.2% {
        z-index: -1;
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes PromotionModalTemplate_doodoongsil__nXREK {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-4px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes PromotionModalTemplate_multi-wallet__Kud94 {
    0% {
        background-position: -16px 0, calc(100% + 16px) 0
    }

    20% {
        background-position: -10px 0, calc(100% + 18px) 0
    }

    40% {
        background-position: -20px 0, calc(100% + 9px) 0
    }

    60% {
        background-position: -16px 0, calc(100% + 16px) 0
    }

    to {
        background-position: -16px 0, calc(100% + 16px) 0
    }
}

.PromotionModalTemplate_promotion-modal__Daoyb .modal-inner {
    border-radius: 24px;
    background: #1d1e40;
    box-shadow: 0 16px 32px -4px rgba(0, 0, 0, .48);
    color: #fff
}

.PromotionModalTemplate_promotion-modal__Daoyb .modal-body .title {
    margin: 0;
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-align: center
}

.PromotionModalTemplate_promotion-modal__Daoyb .modal-header {
    padding: 0
}

.PromotionModalTemplate_promotion-modal__Daoyb .modal-header .btn-close path {
    fill: #fff
}

.PromotionModalTemplate_promotion-modal__Daoyb.PromotionModalTemplate_modal-hd-promote__fOpue .modal-body,
.PromotionModalTemplate_promotion-modal__Daoyb.PromotionModalTemplate_modal-hd-promote__fOpue .modal-inner {
    overflow: unset
}

.PromotionModalTemplate_promotion-modal__Daoyb.PromotionModalTemplate_modal-hd-promote__fOpue .modal-body .title {
    padding-top: 50px !important
}

.PromotionModalTemplate_promotion-modal__Daoyb.PromotionModalTemplate_modal-hd-promote__fOpue .modal-body .icon {
    position: absolute;
    top: -77px;
    left: 50%;
    transform: translateX(-50%)
}

.PromotionModalTemplate_promotion-modal__Daoyb.PromotionModalTemplate_dialog__ZiXyD.PromotionModalTemplate_event-sign-waiting-modal__K0LEd .modal-inner {
    padding: 0 !important
}

.PromotionModalTemplate_promotion-modal__Daoyb.PromotionModalTemplate_dialog__ZiXyD {
    padding: 16px
}

.PromotionModalTemplate_promotion-modal__Daoyb.PromotionModalTemplate_dialog__ZiXyD [class*=spinner] {
    width: 32px;
    height: 32px;
    margin: 32px auto 8px
}

.PromotionModalTemplate_promotion-modal__Daoyb.PromotionModalTemplate_dialog__ZiXyD [class*=spinner] [class*=border] {
    stroke: hsla(0, 0%, 100%, .08)
}

.PromotionModalTemplate_promotion-modal__Daoyb.PromotionModalTemplate_dialog__ZiXyD [class*=spinner] [class*=path] {
    stroke: #f06
}

.PromotionModalTemplate_promotion-modal__Daoyb.PromotionModalTemplate_dialog__ZiXyD .modal-inner {
    padding: 20px !important
}

.PromotionModalTemplate_promotion-modal__Daoyb.PromotionModalTemplate_dialog__ZiXyD .modal-inner .modal-body {
    padding: 0;
    text-align: center
}

.PromotionModalTemplate_promotion-modal__Daoyb.PromotionModalTemplate_dialog__ZiXyD .modal-inner .modal-body .title {
    padding-top: 8px
}

.PromotionModalTemplate_promotion-modal__Daoyb.PromotionModalTemplate_dialog__ZiXyD .modal-inner .modal-body .title~.text {
    margin-top: 16px
}

.PromotionModalTemplate_promotion-modal__Daoyb.PromotionModalTemplate_dialog__ZiXyD .modal-inner .modal-body .text span {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 148%;
    text-align: center
}

.PromotionModalTemplate_promotion-modal__Daoyb.PromotionModalTemplate_dialog__ZiXyD .modal-inner .modal-body .text.pending {
    padding-top: 16px
}

.PromotionModalTemplate_promotion-modal__Daoyb.PromotionModalTemplate_dialog__ZiXyD .modal-inner .modal-body .text.pending span {
    display: block
}

.PromotionModalTemplate_promotion-modal__Daoyb.PromotionModalTemplate_dialog__ZiXyD .modal-inner .modal-footer {
    position: static;
    padding: 0;
    margin-top: 32px
}

.PromotionModalTemplate_promotion-modal__Daoyb.PromotionModalTemplate_bottom-sheet__PoO0o {
    padding: 0
}

@keyframes EventSelectLangModal_modal-fade__NWzWK {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes EventSelectLangModal_modal-scale__bD8uN {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes EventSelectLangModal_modal-small-scale__olG8_ {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes EventSelectLangModal_modal-bottom-sheet__d_49o {
    0% {
        opacity: 0;
        transform: translateY(calc(100% + 60px))
    }

    70% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes EventSelectLangModal_modal-mobile-sidebar__1q_ZT {
    0% {
        transform: translateX(calc(100% + 28px))
    }

    to {
        transform: translateX(0)
    }
}

@keyframes EventSelectLangModal_modal-slide-left__V2BKZ {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes EventSelectLangModal_modal-slide-right__63W5A {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes EventSelectLangModal_modal-full-page__d_x1H {
    0% {
        opacity: 0;
        transform: translateY(60%)
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes EventSelectLangModal_modal-pop-fade__GuB0U {
    0% {
        opacity: 0;
        transform: scale(.95)
    }

    60% {
        opacity: 1;
        transform: scale(1.03)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes EventSelectLangModal_modal-fade-in__newx8 {
    0% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes EventSelectLangModal_dialog-pop-fade__wz46X {
    0% {
        opacity: 0;
        transform: scale(.95)
    }

    60% {
        opacity: 1;
        transform: scale(1.03)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes EventSelectLangModal_select-option-slide__9YciI {
    0% {
        opacity: 0;
        transform: scaleY(.3)
    }

    to {
        opacity: 1;
        transform: scaleY(1)
    }
}

@keyframes EventSelectLangModal_select-option-mobile-slide__4FyzV {
    0% {
        opacity: 0;
        transform: translateY(400px)
    }

    20% {
        opacity: 0;
        transform: translateY(400px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes EventSelectLangModal_skeleton-blank__fd5jt {
    0% {
        background: var(--semantic-fill-normal)
    }

    25% {
        background: var(--semantic-fill-alternative)
    }

    50% {
        background: var(--semantic-fill-normal)
    }

    75% {
        background: var(--semantic-fill-alternative)
    }

    to {
        background: var(--semantic-fill-normal)
    }
}

@keyframes EventSelectLangModal_material-ripple__Em9l_ {
    0% {
        border-radius: 50%;
        opacity: .3;
        transform: translate(-50%, -50%) scale(0)
    }

    to {
        border-radius: 45%;
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.5)
    }
}

@keyframes EventSelectLangModal_reflect-rotate__J3xfV {
    70% {
        transform: rotate(1turn)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes EventSelectLangModal_mslide_01__Ec4Vl {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.4)
    }
}

@keyframes EventSelectLangModal_mslide_02__CHHM_ {
    0% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(3)
    }

    6.5% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(1.4)
    }

    to {
        animation-timing-function: cubic-bezier(.445, .05, .55, .95);
        transform: scale(.9)
    }
}

@keyframes EventSelectLangModal_mslide_03__aQ4Jp {
    0% {
        transform: scale(1.5)
    }

    to {
        transform: scale(1)
    }
}

@keyframes EventSelectLangModal_mslide_04__l8kYO {
    0% {
        transform: scale(1.1) translateX(-40px)
    }

    to {
        transform: scale(1) translateX(0)
    }
}

@keyframes EventSelectLangModal_mslide_04-m__qeImg {
    0% {
        transform: scale(1.2) translateX(-16px)
    }

    to {
        transform: scale(1) translateX(0)
    }
}

@keyframes EventSelectLangModal_mslide_05__5uo_K {
    0% {
        transform: scale(1.5)
    }

    to {
        transform: scale(1.1)
    }
}

@keyframes EventSelectLangModal_mslide_06__FoBNP {
    0% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(3)
    }

    6.5% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(1.4)
    }

    60% {
        animation-timing-function: cubic-bezier(.445, .05, .55, .95);
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes EventSelectLangModal_mslide_07__Mz3fH {
    0% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1.5)
    }
}

@keyframes EventSelectLangModal_flip__VE0gg {
    0% {
        opacity: 1;
        transform: perspective(2500px) rotateY(-20deg)
    }

    to {
        opacity: .8;
        transform: perspective(2500px) rotateY(20deg)
    }
}

@keyframes EventSelectLangModal_ani-live__VHljs {
    0% {
        opacity: 0;
        transform: scale(1) translateY(-50%)
    }

    40% {
        background-color: hsla(0, 0%, 100%, .1);
        opacity: 0
    }

    41% {
        background-color: hsla(0, 0%, 100%, .35);
        opacity: 1;
        transform: scale(1) translateY(-50%)
    }

    70% {
        background-color: hsla(0, 0%, 100%, .1);
        opacity: .5;
        transform: scale(3) translateY(-50%)
    }

    to {
        opacity: .5;
        transform: scale(1) translateY(-50%)
    }
}

@keyframes EventSelectLangModal_ani-live-circle__Lq6vR {
    0% {
        opacity: 1
    }

    20% {
        opacity: 1
    }

    41% {
        opacity: .5
    }

    51% {
        opacity: .5
    }

    70% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes EventSelectLangModal_ani-pulse__iNoBh {
    0% {
        transform: scale(.33)
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes EventSelectLangModal_ani-circle___j17g {
    0% {
        transform: scale(.8)
    }

    50% {
        transform: scale(1)
    }

    to {
        transform: scale(.8)
    }
}

@keyframes EventSelectLangModal_progress-bar-stripes__pggJP {
    0% {
        background-position: 0 16px
    }

    to {
        background-position: 0 0
    }
}

@keyframes EventSelectLangModal_rotate__G0KGv {
    0% {
        transform: rotate(-1turn)
    }

    to {
        transform: rotate(0turn)
    }
}

@keyframes EventSelectLangModal_left__U1jPo {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(180deg)
    }

    75% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes EventSelectLangModal_right__prQu_ {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(180deg)
    }

    50% {
        transform: rotate(180deg)
    }

    75% {
        transform: rotate(1turn)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes EventSelectLangModal_flash__dxFjg {
    0% {
        background-color: #cacaca;
        box-shadow: 6px 0 #cacaca, -6px 0 #cacaca
    }

    50% {
        background-color: #cacaca;
        box-shadow: 6px 0 #cacaca, -6px 0 gray
    }

    65% {
        background-color: gray;
        box-shadow: 6px 0 #cacaca, -6px 0 #cacaca
    }

    80% {
        background-color: #cacaca;
        box-shadow: 6px 0 gray, -6px 0 #cacaca
    }

    to {
        background-color: #cacaca;
        box-shadow: 6px 0 #cacaca, -6px 0 #cacaca
    }
}

@keyframes EventSelectLangModal_card-roll-vertical__T1vf2 {
    0% {
        z-index: 2;
        opacity: 1;
        transform: translateY(100%)
    }

    50% {
        transform: translateY(0)
    }

    60% {
        transform: translateY(0)
    }

    98% {
        transform: translateY(-100%)
    }

    99% {
        z-index: 2;
        opacity: 1;
        transform: translateY(-100%)
    }

    99.1% {
        z-index: -1;
        opacity: 0;
        transform: translateY(-100%)
    }

    99.2% {
        z-index: -1;
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes EventSelectLangModal_doodoongsil__PEEse {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-4px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes EventSelectLangModal_multi-wallet__ONVfT {
    0% {
        background-position: -16px 0, calc(100% + 16px) 0
    }

    20% {
        background-position: -10px 0, calc(100% + 18px) 0
    }

    40% {
        background-position: -20px 0, calc(100% + 9px) 0
    }

    60% {
        background-position: -16px 0, calc(100% + 16px) 0
    }

    to {
        background-position: -16px 0, calc(100% + 16px) 0
    }
}

.EventSelectLangModal_event-select-lang-modal__GVGF5 .modal-inner {
    padding: 0 !important;
    border-radius: 24px;
    background: #151521;
    color: #fff
}

.EventSelectLangModal_event-select-lang-modal__GVGF5 .modal-inner .modal-header {
    padding: 1.5rem 1.5rem 1rem
}

.EventSelectLangModal_event-select-lang-modal__GVGF5 .modal-inner .modal-header-inner {
    margin-bottom: 0 !important
}

.EventSelectLangModal_event-select-lang-modal__GVGF5 .modal-inner .btn-close {
    position: static
}

.EventSelectLangModal_event-select-lang-modal__GVGF5 .modal-inner .btn-close svg path {
    fill: #fff
}

.EventSelectLangModal_event-select-lang-modal__GVGF5 .modal-inner .modal-title {
    color: #fff
}

.EventSelectLangModal_event-select-lang-modal__GVGF5 .modal-inner ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.EventSelectLangModal_event-select-lang-modal__GVGF5 .modal-inner ul li.active {
    background-color: #2c2c42
}

.EventSelectLangModal_event-select-lang-modal__GVGF5 .modal-inner ul li.active button {
    color: #fff;
    font-weight: 600
}

.EventSelectLangModal_event-select-lang-modal__GVGF5 .modal-inner ul button {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 18px 24px;
    color: #bfbfbf;
    font-size: 14px;
    text-align: left
}

@keyframes EventMintingRewardResultModal_modal-fade__imq6C {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes EventMintingRewardResultModal_modal-scale__B5Gpr {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes EventMintingRewardResultModal_modal-small-scale__HTRn_ {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes EventMintingRewardResultModal_modal-bottom-sheet__b5E9F {
    0% {
        opacity: 0;
        transform: translateY(calc(100% + 60px))
    }

    70% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes EventMintingRewardResultModal_modal-mobile-sidebar__CQIYh {
    0% {
        transform: translateX(calc(100% + 28px))
    }

    to {
        transform: translateX(0)
    }
}

@keyframes EventMintingRewardResultModal_modal-slide-left__ZnydW {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes EventMintingRewardResultModal_modal-slide-right__rlQXK {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes EventMintingRewardResultModal_modal-full-page__9TECs {
    0% {
        opacity: 0;
        transform: translateY(60%)
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes EventMintingRewardResultModal_modal-pop-fade__dIY4V {
    0% {
        opacity: 0;
        transform: scale(.95)
    }

    60% {
        opacity: 1;
        transform: scale(1.03)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes EventMintingRewardResultModal_modal-fade-in__0_60d {
    0% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes EventMintingRewardResultModal_dialog-pop-fade__CEh1t {
    0% {
        opacity: 0;
        transform: scale(.95)
    }

    60% {
        opacity: 1;
        transform: scale(1.03)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes EventMintingRewardResultModal_select-option-slide__3Vf8V {
    0% {
        opacity: 0;
        transform: scaleY(.3)
    }

    to {
        opacity: 1;
        transform: scaleY(1)
    }
}

@keyframes EventMintingRewardResultModal_select-option-mobile-slide__Dhqfg {
    0% {
        opacity: 0;
        transform: translateY(400px)
    }

    20% {
        opacity: 0;
        transform: translateY(400px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes EventMintingRewardResultModal_skeleton-blank__zDTgt {
    0% {
        background: var(--semantic-fill-normal)
    }

    25% {
        background: var(--semantic-fill-alternative)
    }

    50% {
        background: var(--semantic-fill-normal)
    }

    75% {
        background: var(--semantic-fill-alternative)
    }

    to {
        background: var(--semantic-fill-normal)
    }
}

@keyframes EventMintingRewardResultModal_material-ripple__XenOf {
    0% {
        border-radius: 50%;
        opacity: .3;
        transform: translate(-50%, -50%) scale(0)
    }

    to {
        border-radius: 45%;
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.5)
    }
}

@keyframes EventMintingRewardResultModal_reflect-rotate__3XL4k {
    70% {
        transform: rotate(1turn)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes EventMintingRewardResultModal_mslide_01__5yUct {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.4)
    }
}

@keyframes EventMintingRewardResultModal_mslide_02__cB47D {
    0% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(3)
    }

    6.5% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(1.4)
    }

    to {
        animation-timing-function: cubic-bezier(.445, .05, .55, .95);
        transform: scale(.9)
    }
}

@keyframes EventMintingRewardResultModal_mslide_03__IYsd3 {
    0% {
        transform: scale(1.5)
    }

    to {
        transform: scale(1)
    }
}

@keyframes EventMintingRewardResultModal_mslide_04__8S4ry {
    0% {
        transform: scale(1.1) translateX(-40px)
    }

    to {
        transform: scale(1) translateX(0)
    }
}

@keyframes EventMintingRewardResultModal_mslide_04-m__vXK2h {
    0% {
        transform: scale(1.2) translateX(-16px)
    }

    to {
        transform: scale(1) translateX(0)
    }
}

@keyframes EventMintingRewardResultModal_mslide_05__Onxoo {
    0% {
        transform: scale(1.5)
    }

    to {
        transform: scale(1.1)
    }
}

@keyframes EventMintingRewardResultModal_mslide_06__lpfz_ {
    0% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(3)
    }

    6.5% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(1.4)
    }

    60% {
        animation-timing-function: cubic-bezier(.445, .05, .55, .95);
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes EventMintingRewardResultModal_mslide_07__Do9vf {
    0% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1.5)
    }
}

@keyframes EventMintingRewardResultModal_flip___yxdd {
    0% {
        opacity: 1;
        transform: perspective(2500px) rotateY(-20deg)
    }

    to {
        opacity: .8;
        transform: perspective(2500px) rotateY(20deg)
    }
}

@keyframes EventMintingRewardResultModal_ani-live__HbSJ_ {
    0% {
        opacity: 0;
        transform: scale(1) translateY(-50%)
    }

    40% {
        background-color: hsla(0, 0%, 100%, .1);
        opacity: 0
    }

    41% {
        background-color: hsla(0, 0%, 100%, .35);
        opacity: 1;
        transform: scale(1) translateY(-50%)
    }

    70% {
        background-color: hsla(0, 0%, 100%, .1);
        opacity: .5;
        transform: scale(3) translateY(-50%)
    }

    to {
        opacity: .5;
        transform: scale(1) translateY(-50%)
    }
}

@keyframes EventMintingRewardResultModal_ani-live-circle__KO8Kl {
    0% {
        opacity: 1
    }

    20% {
        opacity: 1
    }

    41% {
        opacity: .5
    }

    51% {
        opacity: .5
    }

    70% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes EventMintingRewardResultModal_ani-pulse__gt0Sv {
    0% {
        transform: scale(.33)
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes EventMintingRewardResultModal_ani-circle__z4Q0F {
    0% {
        transform: scale(.8)
    }

    50% {
        transform: scale(1)
    }

    to {
        transform: scale(.8)
    }
}

@keyframes EventMintingRewardResultModal_progress-bar-stripes__u6UXc {
    0% {
        background-position: 0 16px
    }

    to {
        background-position: 0 0
    }
}

@keyframes EventMintingRewardResultModal_rotate__w71ag {
    0% {
        transform: rotate(-1turn)
    }

    to {
        transform: rotate(0turn)
    }
}

@keyframes EventMintingRewardResultModal_left__kKxww {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(180deg)
    }

    75% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes EventMintingRewardResultModal_right__V3v7j {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(180deg)
    }

    50% {
        transform: rotate(180deg)
    }

    75% {
        transform: rotate(1turn)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes EventMintingRewardResultModal_flash__vMMTC {
    0% {
        background-color: #cacaca;
        box-shadow: 6px 0 #cacaca, -6px 0 #cacaca
    }

    50% {
        background-color: #cacaca;
        box-shadow: 6px 0 #cacaca, -6px 0 gray
    }

    65% {
        background-color: gray;
        box-shadow: 6px 0 #cacaca, -6px 0 #cacaca
    }

    80% {
        background-color: #cacaca;
        box-shadow: 6px 0 gray, -6px 0 #cacaca
    }

    to {
        background-color: #cacaca;
        box-shadow: 6px 0 #cacaca, -6px 0 #cacaca
    }
}

@keyframes EventMintingRewardResultModal_card-roll-vertical__ivj7F {
    0% {
        z-index: 2;
        opacity: 1;
        transform: translateY(100%)
    }

    50% {
        transform: translateY(0)
    }

    60% {
        transform: translateY(0)
    }

    98% {
        transform: translateY(-100%)
    }

    99% {
        z-index: 2;
        opacity: 1;
        transform: translateY(-100%)
    }

    99.1% {
        z-index: -1;
        opacity: 0;
        transform: translateY(-100%)
    }

    99.2% {
        z-index: -1;
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes EventMintingRewardResultModal_doodoongsil__a2VwD {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-4px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes EventMintingRewardResultModal_multi-wallet__ek3GJ {
    0% {
        background-position: -16px 0, calc(100% + 16px) 0
    }

    20% {
        background-position: -10px 0, calc(100% + 18px) 0
    }

    40% {
        background-position: -20px 0, calc(100% + 9px) 0
    }

    60% {
        background-position: -16px 0, calc(100% + 16px) 0
    }

    to {
        background-position: -16px 0, calc(100% + 16px) 0
    }
}

.EventMintingRewardResultModal_event-reward-modal__NAaul .modal-header .btn-close {
    display: none
}

.EventMintingRewardResultModal_event-reward-modal__NAaul .EventMintingRewardResultModal_reward-result-box__9yT7N {
    display: flex;
    height: 78px;
    align-items: center;
    justify-content: center;
    padding: 16px 24px;
    border: 1px solid rgba(0, 0, 0, .16);
    border-radius: 12px;
    margin: 24px 0;
    background: rgba(0, 0, 0, .16);
    color: #fff;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.EventMintingRewardResultModal_event-reward-modal__NAaul .EventMintingRewardResultModal_reward-result-box__9yT7N>strong {
    font-weight: 700
}

.EventMintingRewardResultModal_event-reward-modal__NAaul .EventMintingRewardResultModal_text__xc9kF {
    margin-top: 24px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 148%;
    text-align: center
}

.EventMintingRewardResultModal_event-reward-modal__NAaul .EventMintingRewardResultModal_text__xc9kF>span {
    display: block;
    width: 100%
}

.EventMintingRewardResultModal_event-reward-modal__NAaul.wm-modal .modal-bd {
    max-height: calc(100vh - 280px)
}

@keyframes EventAppSignWaitingModal_modal-fade__5qqPi {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes EventAppSignWaitingModal_modal-scale__SPXOw {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes EventAppSignWaitingModal_modal-small-scale__CJo5R {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes EventAppSignWaitingModal_modal-bottom-sheet__s_6v_ {
    0% {
        opacity: 0;
        transform: translateY(calc(100% + 60px))
    }

    70% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes EventAppSignWaitingModal_modal-mobile-sidebar__7qiaM {
    0% {
        transform: translateX(calc(100% + 28px))
    }

    to {
        transform: translateX(0)
    }
}

@keyframes EventAppSignWaitingModal_modal-slide-left__7JNBx {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes EventAppSignWaitingModal_modal-slide-right___1SJa {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes EventAppSignWaitingModal_modal-full-page__IHix8 {
    0% {
        opacity: 0;
        transform: translateY(60%)
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes EventAppSignWaitingModal_modal-pop-fade__glQr9 {
    0% {
        opacity: 0;
        transform: scale(.95)
    }

    60% {
        opacity: 1;
        transform: scale(1.03)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes EventAppSignWaitingModal_modal-fade-in__YEEe6 {
    0% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes EventAppSignWaitingModal_dialog-pop-fade__ZVZ0D {
    0% {
        opacity: 0;
        transform: scale(.95)
    }

    60% {
        opacity: 1;
        transform: scale(1.03)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes EventAppSignWaitingModal_select-option-slide__2P02Y {
    0% {
        opacity: 0;
        transform: scaleY(.3)
    }

    to {
        opacity: 1;
        transform: scaleY(1)
    }
}

@keyframes EventAppSignWaitingModal_select-option-mobile-slide__0jMaw {
    0% {
        opacity: 0;
        transform: translateY(400px)
    }

    20% {
        opacity: 0;
        transform: translateY(400px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes EventAppSignWaitingModal_skeleton-blank__nvlR3 {
    0% {
        background: var(--semantic-fill-normal)
    }

    25% {
        background: var(--semantic-fill-alternative)
    }

    50% {
        background: var(--semantic-fill-normal)
    }

    75% {
        background: var(--semantic-fill-alternative)
    }

    to {
        background: var(--semantic-fill-normal)
    }
}

@keyframes EventAppSignWaitingModal_material-ripple__wQ2xT {
    0% {
        border-radius: 50%;
        opacity: .3;
        transform: translate(-50%, -50%) scale(0)
    }

    to {
        border-radius: 45%;
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.5)
    }
}

@keyframes EventAppSignWaitingModal_reflect-rotate__Qlywj {
    70% {
        transform: rotate(1turn)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes EventAppSignWaitingModal_mslide_01__g5O1g {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.4)
    }
}

@keyframes EventAppSignWaitingModal_mslide_02__WWhNM {
    0% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(3)
    }

    6.5% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(1.4)
    }

    to {
        animation-timing-function: cubic-bezier(.445, .05, .55, .95);
        transform: scale(.9)
    }
}

@keyframes EventAppSignWaitingModal_mslide_03__RfAHC {
    0% {
        transform: scale(1.5)
    }

    to {
        transform: scale(1)
    }
}

@keyframes EventAppSignWaitingModal_mslide_04__fUAji {
    0% {
        transform: scale(1.1) translateX(-40px)
    }

    to {
        transform: scale(1) translateX(0)
    }
}

@keyframes EventAppSignWaitingModal_mslide_04-m__Z1G7E {
    0% {
        transform: scale(1.2) translateX(-16px)
    }

    to {
        transform: scale(1) translateX(0)
    }
}

@keyframes EventAppSignWaitingModal_mslide_05__GhLkj {
    0% {
        transform: scale(1.5)
    }

    to {
        transform: scale(1.1)
    }
}

@keyframes EventAppSignWaitingModal_mslide_06__4g1Xx {
    0% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(3)
    }

    6.5% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(1.4)
    }

    60% {
        animation-timing-function: cubic-bezier(.445, .05, .55, .95);
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes EventAppSignWaitingModal_mslide_07__Scp_a {
    0% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1.5)
    }
}

@keyframes EventAppSignWaitingModal_flip__Xhu_g {
    0% {
        opacity: 1;
        transform: perspective(2500px) rotateY(-20deg)
    }

    to {
        opacity: .8;
        transform: perspective(2500px) rotateY(20deg)
    }
}

@keyframes EventAppSignWaitingModal_ani-live__ugu5f {
    0% {
        opacity: 0;
        transform: scale(1) translateY(-50%)
    }

    40% {
        background-color: hsla(0, 0%, 100%, .1);
        opacity: 0
    }

    41% {
        background-color: hsla(0, 0%, 100%, .35);
        opacity: 1;
        transform: scale(1) translateY(-50%)
    }

    70% {
        background-color: hsla(0, 0%, 100%, .1);
        opacity: .5;
        transform: scale(3) translateY(-50%)
    }

    to {
        opacity: .5;
        transform: scale(1) translateY(-50%)
    }
}

@keyframes EventAppSignWaitingModal_ani-live-circle__gd2b3 {
    0% {
        opacity: 1
    }

    20% {
        opacity: 1
    }

    41% {
        opacity: .5
    }

    51% {
        opacity: .5
    }

    70% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes EventAppSignWaitingModal_ani-pulse__R5clT {
    0% {
        transform: scale(.33)
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes EventAppSignWaitingModal_ani-circle__afwrx {
    0% {
        transform: scale(.8)
    }

    50% {
        transform: scale(1)
    }

    to {
        transform: scale(.8)
    }
}

@keyframes EventAppSignWaitingModal_progress-bar-stripes__zeaRp {
    0% {
        background-position: 0 16px
    }

    to {
        background-position: 0 0
    }
}

@keyframes EventAppSignWaitingModal_rotate__ZrKCY {
    0% {
        transform: rotate(-1turn)
    }

    to {
        transform: rotate(0turn)
    }
}

@keyframes EventAppSignWaitingModal_left__1sd_F {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(180deg)
    }

    75% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes EventAppSignWaitingModal_right__2D8D_ {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(180deg)
    }

    50% {
        transform: rotate(180deg)
    }

    75% {
        transform: rotate(1turn)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes EventAppSignWaitingModal_flash__0p5_8 {
    0% {
        background-color: #cacaca;
        box-shadow: 6px 0 #cacaca, -6px 0 #cacaca
    }

    50% {
        background-color: #cacaca;
        box-shadow: 6px 0 #cacaca, -6px 0 gray
    }

    65% {
        background-color: gray;
        box-shadow: 6px 0 #cacaca, -6px 0 #cacaca
    }

    80% {
        background-color: #cacaca;
        box-shadow: 6px 0 gray, -6px 0 #cacaca
    }

    to {
        background-color: #cacaca;
        box-shadow: 6px 0 #cacaca, -6px 0 #cacaca
    }
}

@keyframes EventAppSignWaitingModal_card-roll-vertical__15D5L {
    0% {
        z-index: 2;
        opacity: 1;
        transform: translateY(100%)
    }

    50% {
        transform: translateY(0)
    }

    60% {
        transform: translateY(0)
    }

    98% {
        transform: translateY(-100%)
    }

    99% {
        z-index: 2;
        opacity: 1;
        transform: translateY(-100%)
    }

    99.1% {
        z-index: -1;
        opacity: 0;
        transform: translateY(-100%)
    }

    99.2% {
        z-index: -1;
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes EventAppSignWaitingModal_doodoongsil__zPLkt {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-4px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes EventAppSignWaitingModal_multi-wallet__zuZnu {
    0% {
        background-position: -16px 0, calc(100% + 16px) 0
    }

    20% {
        background-position: -10px 0, calc(100% + 18px) 0
    }

    40% {
        background-position: -20px 0, calc(100% + 9px) 0
    }

    60% {
        background-position: -16px 0, calc(100% + 16px) 0
    }

    to {
        background-position: -16px 0, calc(100% + 16px) 0
    }
}

.EventAppSignWaitingModal_event-sign-waiting-modal__hdMND .modal-inner {
    padding: 0 !important
}

.EventAppSignWaitingModal_event-sign-waiting-modal__hdMND .modal-inner [class*=btn-close] {
    display: none
}

.EventAppSignWaitingModal_event-sign-waiting-modal__hdMND .modal-inner .modal-cont {
    overflow: hidden
}

@media(min-width:768px) {
    .EventAppSignWaitingModal_event-sign-waiting-modal__hdMND .modal-inner .modal-cont {
        max-width: 400px
    }
}

.EventAppSignWaitingModal_event-sign-waiting-modal__hdMND .modal-inner .modal-bd {
    padding: 0 !important
}

.EventAppSignWaitingModal_event-sign-waiting-modal__hdMND .EventAppSignWaitingModal_title__7ek8x {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-align: center
}

.EventAppSignWaitingModal_event-sign-waiting-modal__hdMND .EventAppSignWaitingModal_text__bS7LY {
    margin-top: 16px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 148%;
    text-align: center
}

.EventAppSignWaitingModal_event-sign-waiting-modal__hdMND .EventAppSignWaitingModal_img-area__FixkE {
    position: relative;
    overflow: hidden;
    height: 170px;
    border-radius: 3.43px 3.43px 0 0;
    background: linear-gradient(102deg, #3a2184, #6e2bff 50%, #be33ff)
}

.EventAppSignWaitingModal_event-sign-waiting-modal__hdMND .EventAppSignWaitingModal_img-area__FixkE img {
    display: block;
    height: 170px;
    margin: auto
}

.EventAppSignWaitingModal_event-sign-waiting-modal__hdMND .EventAppSignWaitingModal_text-area__AE0Ck {
    padding: 24px 24px 32px;
    word-break: keep-all
}

.EventAppSignWaitingModal_event-sign-waiting-modal__hdMND [class*=spinner-wrap][class*=spinner] {
    padding: 0;
    margin-top: 24px
}

@keyframes EventMintingAvailableTokenModal_modal-fade__GDtsG {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes EventMintingAvailableTokenModal_modal-scale__TSTcB {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes EventMintingAvailableTokenModal_modal-small-scale__MuSyW {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes EventMintingAvailableTokenModal_modal-bottom-sheet__gclBj {
    0% {
        opacity: 0;
        transform: translateY(calc(100% + 60px))
    }

    70% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes EventMintingAvailableTokenModal_modal-mobile-sidebar__18GnD {
    0% {
        transform: translateX(calc(100% + 28px))
    }

    to {
        transform: translateX(0)
    }
}

@keyframes EventMintingAvailableTokenModal_modal-slide-left__IpGAs {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes EventMintingAvailableTokenModal_modal-slide-right__e4WpW {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes EventMintingAvailableTokenModal_modal-full-page__rJ5Rb {
    0% {
        opacity: 0;
        transform: translateY(60%)
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes EventMintingAvailableTokenModal_modal-pop-fade__v8t3k {
    0% {
        opacity: 0;
        transform: scale(.95)
    }

    60% {
        opacity: 1;
        transform: scale(1.03)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes EventMintingAvailableTokenModal_modal-fade-in__Ko1EP {
    0% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes EventMintingAvailableTokenModal_dialog-pop-fade__3HsBn {
    0% {
        opacity: 0;
        transform: scale(.95)
    }

    60% {
        opacity: 1;
        transform: scale(1.03)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes EventMintingAvailableTokenModal_select-option-slide__pGse8 {
    0% {
        opacity: 0;
        transform: scaleY(.3)
    }

    to {
        opacity: 1;
        transform: scaleY(1)
    }
}

@keyframes EventMintingAvailableTokenModal_select-option-mobile-slide__ozR0j {
    0% {
        opacity: 0;
        transform: translateY(400px)
    }

    20% {
        opacity: 0;
        transform: translateY(400px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes EventMintingAvailableTokenModal_skeleton-blank__x091h {
    0% {
        background: var(--semantic-fill-normal)
    }

    25% {
        background: var(--semantic-fill-alternative)
    }

    50% {
        background: var(--semantic-fill-normal)
    }

    75% {
        background: var(--semantic-fill-alternative)
    }

    to {
        background: var(--semantic-fill-normal)
    }
}

@keyframes EventMintingAvailableTokenModal_material-ripple__WrlIY {
    0% {
        border-radius: 50%;
        opacity: .3;
        transform: translate(-50%, -50%) scale(0)
    }

    to {
        border-radius: 45%;
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.5)
    }
}

@keyframes EventMintingAvailableTokenModal_reflect-rotate__FRaW8 {
    70% {
        transform: rotate(1turn)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes EventMintingAvailableTokenModal_mslide_01__rafxO {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.4)
    }
}

@keyframes EventMintingAvailableTokenModal_mslide_02___sg_l {
    0% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(3)
    }

    6.5% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(1.4)
    }

    to {
        animation-timing-function: cubic-bezier(.445, .05, .55, .95);
        transform: scale(.9)
    }
}

@keyframes EventMintingAvailableTokenModal_mslide_03__5Mgnz {
    0% {
        transform: scale(1.5)
    }

    to {
        transform: scale(1)
    }
}

@keyframes EventMintingAvailableTokenModal_mslide_04__faPlj {
    0% {
        transform: scale(1.1) translateX(-40px)
    }

    to {
        transform: scale(1) translateX(0)
    }
}

@keyframes EventMintingAvailableTokenModal_mslide_04-m__bEqr3 {
    0% {
        transform: scale(1.2) translateX(-16px)
    }

    to {
        transform: scale(1) translateX(0)
    }
}

@keyframes EventMintingAvailableTokenModal_mslide_05__dsRft {
    0% {
        transform: scale(1.5)
    }

    to {
        transform: scale(1.1)
    }
}

@keyframes EventMintingAvailableTokenModal_mslide_06__O8uLW {
    0% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(3)
    }

    6.5% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(1.4)
    }

    60% {
        animation-timing-function: cubic-bezier(.445, .05, .55, .95);
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes EventMintingAvailableTokenModal_mslide_07__fLd5g {
    0% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1.5)
    }
}

@keyframes EventMintingAvailableTokenModal_flip__6TbJl {
    0% {
        opacity: 1;
        transform: perspective(2500px) rotateY(-20deg)
    }

    to {
        opacity: .8;
        transform: perspective(2500px) rotateY(20deg)
    }
}

@keyframes EventMintingAvailableTokenModal_ani-live__hhFCN {
    0% {
        opacity: 0;
        transform: scale(1) translateY(-50%)
    }

    40% {
        background-color: hsla(0, 0%, 100%, .1);
        opacity: 0
    }

    41% {
        background-color: hsla(0, 0%, 100%, .35);
        opacity: 1;
        transform: scale(1) translateY(-50%)
    }

    70% {
        background-color: hsla(0, 0%, 100%, .1);
        opacity: .5;
        transform: scale(3) translateY(-50%)
    }

    to {
        opacity: .5;
        transform: scale(1) translateY(-50%)
    }
}

@keyframes EventMintingAvailableTokenModal_ani-live-circle__w4x0A {
    0% {
        opacity: 1
    }

    20% {
        opacity: 1
    }

    41% {
        opacity: .5
    }

    51% {
        opacity: .5
    }

    70% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes EventMintingAvailableTokenModal_ani-pulse__EJLd1 {
    0% {
        transform: scale(.33)
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes EventMintingAvailableTokenModal_ani-circle__YGhEe {
    0% {
        transform: scale(.8)
    }

    50% {
        transform: scale(1)
    }

    to {
        transform: scale(.8)
    }
}

@keyframes EventMintingAvailableTokenModal_progress-bar-stripes__oFkdC {
    0% {
        background-position: 0 16px
    }

    to {
        background-position: 0 0
    }
}

@keyframes EventMintingAvailableTokenModal_rotate__rL8SF {
    0% {
        transform: rotate(-1turn)
    }

    to {
        transform: rotate(0turn)
    }
}

@keyframes EventMintingAvailableTokenModal_left__w4GMM {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(180deg)
    }

    75% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes EventMintingAvailableTokenModal_right__psVGe {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(180deg)
    }

    50% {
        transform: rotate(180deg)
    }

    75% {
        transform: rotate(1turn)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes EventMintingAvailableTokenModal_flash__DxRI_ {
    0% {
        background-color: #cacaca;
        box-shadow: 6px 0 #cacaca, -6px 0 #cacaca
    }

    50% {
        background-color: #cacaca;
        box-shadow: 6px 0 #cacaca, -6px 0 gray
    }

    65% {
        background-color: gray;
        box-shadow: 6px 0 #cacaca, -6px 0 #cacaca
    }

    80% {
        background-color: #cacaca;
        box-shadow: 6px 0 gray, -6px 0 #cacaca
    }

    to {
        background-color: #cacaca;
        box-shadow: 6px 0 #cacaca, -6px 0 #cacaca
    }
}

@keyframes EventMintingAvailableTokenModal_card-roll-vertical__CVGPH {
    0% {
        z-index: 2;
        opacity: 1;
        transform: translateY(100%)
    }

    50% {
        transform: translateY(0)
    }

    60% {
        transform: translateY(0)
    }

    98% {
        transform: translateY(-100%)
    }

    99% {
        z-index: 2;
        opacity: 1;
        transform: translateY(-100%)
    }

    99.1% {
        z-index: -1;
        opacity: 0;
        transform: translateY(-100%)
    }

    99.2% {
        z-index: -1;
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes EventMintingAvailableTokenModal_doodoongsil__q9AXc {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-4px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes EventMintingAvailableTokenModal_multi-wallet__5CD2t {
    0% {
        background-position: -16px 0, calc(100% + 16px) 0
    }

    20% {
        background-position: -10px 0, calc(100% + 18px) 0
    }

    40% {
        background-position: -20px 0, calc(100% + 9px) 0
    }

    60% {
        background-position: -16px 0, calc(100% + 16px) 0
    }

    to {
        background-position: -16px 0, calc(100% + 16px) 0
    }
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW [class*=btn-close] {
    display: none
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_available-token-amount__FxlWw {
    display: flex;
    align-items: center;
    justify-content: center
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_available-token-amount__FxlWw strong {
    display: block;
    margin-top: 8px;
    color: #fff;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 2.88px;
    line-height: 100%;
    text-align: center
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_amount-detail-info__A9NYm {
    display: flex;
    display: grid;
    align-items: flex-start;
    justify-content: space-between;
    padding: 12px;
    border-radius: 12px;
    margin: 20px 0 24px;
    background: rgba(0, 0, 0, .14);
    grid-template-columns: auto auto
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_amount-detail-info__A9NYm .EventMintingAvailableTokenModal_sub-info__cQqBR {
    display: flex;
    align-items: center;
    margin-top: 8px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 148%
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_amount-detail-info__A9NYm .EventMintingAvailableTokenModal_sub-info__cQqBR svg path {
    opacity: .5
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_amount-detail-info__A9NYm .EventMintingAvailableTokenModal_label__V7jZ7 {
    flex: 1 1;
    text-align: left
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_amount-detail-info__A9NYm .EventMintingAvailableTokenModal_label__V7jZ7 strong {
    display: block;
    min-height: 24px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 148%;
    text-align: left
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_amount-detail-info__A9NYm .EventMintingAvailableTokenModal_label__V7jZ7 .EventMintingAvailableTokenModal_sub-info__cQqBR {
    color: #afa5fe
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_amount-detail-info__A9NYm .EventMintingAvailableTokenModal_amount-info__OXfmE {
    flex: 1 1
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_amount-detail-info__A9NYm .EventMintingAvailableTokenModal_amount-info__OXfmE .EventMintingAvailableTokenModal_amount__5w_7s {
    min-height: 24px;
    color: hsla(0, 0%, 100%, .6);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: right
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_amount-detail-info__A9NYm .EventMintingAvailableTokenModal_amount-info__OXfmE .EventMintingAvailableTokenModal_amount__5w_7s>strong {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_amount-detail-info__A9NYm .EventMintingAvailableTokenModal_amount-info__OXfmE .EventMintingAvailableTokenModal_sub-info__cQqBR {
    justify-content: flex-end;
    color: hsla(0, 0%, 100%, .6);
    text-align: right
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_bottom-input-container__fdivO {
    display: flex;
    width: 100%;
    flex-direction: column
}

@media(min-width:768px) {
    .EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_bottom-input-container__fdivO {
        flex-direction: row;
        gap: 0 12px
    }
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW button:disabled {
    color: #fff;
    cursor: not-allowed;
    opacity: .3
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_left__w4GMM {
    flex: 1 1;
    margin-bottom: 8px
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_input-field__uWUDX {
    position: relative
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_input-field__uWUDX input {
    width: 100%;
    color: #fff;
    text-align: left
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_input-field__uWUDX .EventMintingAvailableTokenModal_btn-max__DJKxW {
    position: absolute;
    top: 14px;
    right: 16px;
    height: 24px;
    padding: 0 8px;
    border-radius: 4px;
    background: hsla(0, 0%, 100%, .12);
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 700
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_input-field__uWUDX .EventMintingAvailableTokenModal_input-token-amount__f8mGK {
    width: 100% !important;
    height: 52px;
    padding-right: 80px;
    border: 1px solid hsla(0, 0%, 100%, .24);
    border-radius: var(--general-beta-08, 8px);
    background: #181936
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_input-field__uWUDX .EventMintingAvailableTokenModal_input-token-amount__f8mGK[class*=focus] {
    border-color: #fff
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_input-field__uWUDX .EventMintingAvailableTokenModal_input-token-amount__f8mGK input {
    font-size: 16px
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_input-field__uWUDX .EventMintingAvailableTokenModal_input-token-amount__f8mGK input::placeholder {
    color: hsla(0, 0%, 100%, .32);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_guide-text__l120V {
    min-height: 22px;
    padding-left: 16px;
    margin-top: 8px;
    color: #f06;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 158%;
    text-align: left
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW [class*=btn-event-primary] {
    display: flex;
    height: 48px;
    align-items: center;
    align-self: stretch;
    justify-content: center;
    padding: 12px 24px;
    border-radius: 100px;
    margin-top: 8px;
    background: #f06
}

@media(min-width:768px) {
    .EventMintingAvailableTokenModal_event-reward-modal__ycztW [class*=btn-event-primary] {
        width: auto;
        flex-shrink: 0;
        border-radius: 12px;
        margin-top: 0
    }
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW [class*=btn-event-primary] [class*=btn-label] {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
    white-space: nowrap
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_gas-fee__iaaB8 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0 0;
    gap: 0 12px
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_gas-fee__iaaB8 .EventMintingAvailableTokenModal_label__V7jZ7 {
    width: 50%;
    align-items: center;
    padding-right: .75rem;
    text-align: left;
    font-weight: 700;
    letter-spacing: .0145em;
    font-size: 14px;
    font-size: .875rem;
    line-height: 20px;
    line-height: 1.25rem
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_gas-fee__iaaB8 svg {
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_gas-fee__iaaB8 svg path {
    fill: #fff
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_gas-fee__iaaB8 .EventMintingAvailableTokenModal_amount-info__OXfmE {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    text-align: right
}

@media(min-width:768px) {
    .EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_gas-fee__iaaB8 .EventMintingAvailableTokenModal_amount-info__OXfmE {
        flex-flow: row wrap
    }
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_gas-fee__iaaB8 .EventMintingAvailableTokenModal_amount-info__OXfmE .EventMintingAvailableTokenModal_amount__5w_7s {
    font-weight: 700;
    letter-spacing: .0145em;
    font-size: 14px;
    font-size: .875rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: #fff
}

@media(min-width:768px) {
    .EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_gas-fee__iaaB8 .EventMintingAvailableTokenModal_amount-info__OXfmE .EventMintingAvailableTokenModal_amount__5w_7s {
        padding-right: .25rem
    }
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_gas-fee__iaaB8 .EventMintingAvailableTokenModal_amount-info__OXfmE .EventMintingAvailableTokenModal_fee-amount__yLicF {
    font-weight: 400;
    letter-spacing: .0145em;
    font-size: 14px;
    font-size: .875rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: #fff;
    opacity: .6
}

.EventMintingAvailableTokenModal_event-reward-modal__ycztW .EventMintingAvailableTokenModal_gas-fee__iaaB8 .EventMintingAvailableTokenModal_amount-info__OXfmE .EventMintingAvailableTokenModal_fee-amount__yLicF .EventMintingAvailableTokenModal_fee-label__aexht {
    font-weight: 400;
    letter-spacing: .0145em;
    font-size: 14px;
    font-size: .875rem;
    line-height: 20px;
    line-height: 1.25rem;
    padding-right: .25rem
}

@keyframes EventTokenHistoryModal_modal-fade__Kia_I {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes EventTokenHistoryModal_modal-scale__dBIBu {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes EventTokenHistoryModal_modal-small-scale__HBne1 {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes EventTokenHistoryModal_modal-bottom-sheet__301Yv {
    0% {
        opacity: 0;
        transform: translateY(calc(100% + 60px))
    }

    70% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes EventTokenHistoryModal_modal-mobile-sidebar__uinNq {
    0% {
        transform: translateX(calc(100% + 28px))
    }

    to {
        transform: translateX(0)
    }
}

@keyframes EventTokenHistoryModal_modal-slide-left__DmZMl {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes EventTokenHistoryModal_modal-slide-right__QBsNj {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes EventTokenHistoryModal_modal-full-page__qFub8 {
    0% {
        opacity: 0;
        transform: translateY(60%)
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes EventTokenHistoryModal_modal-pop-fade__VVnBA {
    0% {
        opacity: 0;
        transform: scale(.95)
    }

    60% {
        opacity: 1;
        transform: scale(1.03)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes EventTokenHistoryModal_modal-fade-in__LO4JG {
    0% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes EventTokenHistoryModal_dialog-pop-fade__ZQUF9 {
    0% {
        opacity: 0;
        transform: scale(.95)
    }

    60% {
        opacity: 1;
        transform: scale(1.03)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes EventTokenHistoryModal_select-option-slide__CCWLg {
    0% {
        opacity: 0;
        transform: scaleY(.3)
    }

    to {
        opacity: 1;
        transform: scaleY(1)
    }
}

@keyframes EventTokenHistoryModal_select-option-mobile-slide__QXC1t {
    0% {
        opacity: 0;
        transform: translateY(400px)
    }

    20% {
        opacity: 0;
        transform: translateY(400px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes EventTokenHistoryModal_skeleton-blank__J_KKf {
    0% {
        background: var(--semantic-fill-normal)
    }

    25% {
        background: var(--semantic-fill-alternative)
    }

    50% {
        background: var(--semantic-fill-normal)
    }

    75% {
        background: var(--semantic-fill-alternative)
    }

    to {
        background: var(--semantic-fill-normal)
    }
}

@keyframes EventTokenHistoryModal_material-ripple__9H7Y2 {
    0% {
        border-radius: 50%;
        opacity: .3;
        transform: translate(-50%, -50%) scale(0)
    }

    to {
        border-radius: 45%;
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.5)
    }
}

@keyframes EventTokenHistoryModal_reflect-rotate__D_ryp {
    70% {
        transform: rotate(1turn)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes EventTokenHistoryModal_mslide_01__liQYK {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.4)
    }
}

@keyframes EventTokenHistoryModal_mslide_02__ltdBP {
    0% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(3)
    }

    6.5% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(1.4)
    }

    to {
        animation-timing-function: cubic-bezier(.445, .05, .55, .95);
        transform: scale(.9)
    }
}

@keyframes EventTokenHistoryModal_mslide_03__p7aDc {
    0% {
        transform: scale(1.5)
    }

    to {
        transform: scale(1)
    }
}

@keyframes EventTokenHistoryModal_mslide_04__0BZSd {
    0% {
        transform: scale(1.1) translateX(-40px)
    }

    to {
        transform: scale(1) translateX(0)
    }
}

@keyframes EventTokenHistoryModal_mslide_04-m__r0Wg0 {
    0% {
        transform: scale(1.2) translateX(-16px)
    }

    to {
        transform: scale(1) translateX(0)
    }
}

@keyframes EventTokenHistoryModal_mslide_05__yY4aI {
    0% {
        transform: scale(1.5)
    }

    to {
        transform: scale(1.1)
    }
}

@keyframes EventTokenHistoryModal_mslide_06__OkHv9 {
    0% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(3)
    }

    6.5% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(1.4)
    }

    60% {
        animation-timing-function: cubic-bezier(.445, .05, .55, .95);
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes EventTokenHistoryModal_mslide_07__Gz1tH {
    0% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1.5)
    }
}

@keyframes EventTokenHistoryModal_flip__8o5ex {
    0% {
        opacity: 1;
        transform: perspective(2500px) rotateY(-20deg)
    }

    to {
        opacity: .8;
        transform: perspective(2500px) rotateY(20deg)
    }
}

@keyframes EventTokenHistoryModal_ani-live__7maRf {
    0% {
        opacity: 0;
        transform: scale(1) translateY(-50%)
    }

    40% {
        background-color: hsla(0, 0%, 100%, .1);
        opacity: 0
    }

    41% {
        background-color: hsla(0, 0%, 100%, .35);
        opacity: 1;
        transform: scale(1) translateY(-50%)
    }

    70% {
        background-color: hsla(0, 0%, 100%, .1);
        opacity: .5;
        transform: scale(3) translateY(-50%)
    }

    to {
        opacity: .5;
        transform: scale(1) translateY(-50%)
    }
}

@keyframes EventTokenHistoryModal_ani-live-circle__MTnk_ {
    0% {
        opacity: 1
    }

    20% {
        opacity: 1
    }

    41% {
        opacity: .5
    }

    51% {
        opacity: .5
    }

    70% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes EventTokenHistoryModal_ani-pulse__eiR3Z {
    0% {
        transform: scale(.33)
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes EventTokenHistoryModal_ani-circle__wmlh2 {
    0% {
        transform: scale(.8)
    }

    50% {
        transform: scale(1)
    }

    to {
        transform: scale(.8)
    }
}

@keyframes EventTokenHistoryModal_progress-bar-stripes__fjrXh {
    0% {
        background-position: 0 16px
    }

    to {
        background-position: 0 0
    }
}

@keyframes EventTokenHistoryModal_rotate__24H9T {
    0% {
        transform: rotate(-1turn)
    }

    to {
        transform: rotate(0turn)
    }
}

@keyframes EventTokenHistoryModal_left__GVUKk {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(180deg)
    }

    75% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes EventTokenHistoryModal_right__pmguq {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(180deg)
    }

    50% {
        transform: rotate(180deg)
    }

    75% {
        transform: rotate(1turn)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes EventTokenHistoryModal_flash__rXbZe {
    0% {
        background-color: #cacaca;
        box-shadow: 6px 0 #cacaca, -6px 0 #cacaca
    }

    50% {
        background-color: #cacaca;
        box-shadow: 6px 0 #cacaca, -6px 0 gray
    }

    65% {
        background-color: gray;
        box-shadow: 6px 0 #cacaca, -6px 0 #cacaca
    }

    80% {
        background-color: #cacaca;
        box-shadow: 6px 0 gray, -6px 0 #cacaca
    }

    to {
        background-color: #cacaca;
        box-shadow: 6px 0 #cacaca, -6px 0 #cacaca
    }
}

@keyframes EventTokenHistoryModal_card-roll-vertical__fEp5H {
    0% {
        z-index: 2;
        opacity: 1;
        transform: translateY(100%)
    }

    50% {
        transform: translateY(0)
    }

    60% {
        transform: translateY(0)
    }

    98% {
        transform: translateY(-100%)
    }

    99% {
        z-index: 2;
        opacity: 1;
        transform: translateY(-100%)
    }

    99.1% {
        z-index: -1;
        opacity: 0;
        transform: translateY(-100%)
    }

    99.2% {
        z-index: -1;
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes EventTokenHistoryModal_doodoongsil__v_i6z {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-4px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes EventTokenHistoryModal_multi-wallet__Rk7kQ {
    0% {
        background-position: -16px 0, calc(100% + 16px) 0
    }

    20% {
        background-position: -10px 0, calc(100% + 18px) 0
    }

    40% {
        background-position: -20px 0, calc(100% + 9px) 0
    }

    60% {
        background-position: -16px 0, calc(100% + 16px) 0
    }

    to {
        background-position: -16px 0, calc(100% + 16px) 0
    }
}

.EventTokenHistoryModal_event-history-modal__wn6_i .modal-inner {
    padding: 24px !important
}

@media(min-width:768px) {
    .EventTokenHistoryModal_event-history-modal__wn6_i .modal-inner {
        width: 100%;
        max-width: 828px !important
    }
}

.EventTokenHistoryModal_event-history-modal__wn6_i .title {
    color: #fff;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-align: center
}

.EventTokenHistoryModal_event-history-modal__wn6_i .modal-body {
    padding: 0;
    margin-top: 24px
}

.EventTokenHistoryModal_event-history-modal__wn6_i .modal-header .modal-desc {
    margin-top: 8px;
    margin-right: auto;
    margin-left: auto;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 148%;
    text-align: center
}

@media(min-width:768px) {
    .EventTokenHistoryModal_event-history-modal__wn6_i .modal-header .modal-desc {
        max-width: 70%
    }
}

.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_my-token__InK3f {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 8px;
    border: 1px solid rgba(0, 0, 0, .16);
    border-radius: 8px;
    margin-bottom: 12px;
    background: #181936
}

.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_my-token__InK3f .EventTokenHistoryModal_label__63Vi4 {
    color: hsla(0, 0%, 100%, .64);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-align: right
}

.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_my-token__InK3f .EventTokenHistoryModal_amount__U8Gi3 {
    position: relative;
    padding-left: 32px;
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px
}

.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_my-token__InK3f .EventTokenHistoryModal_amount__U8Gi3:before {
    position: absolute;
    top: 50%;
    left: 16px;
    display: inline-flex;
    width: 1px;
    height: 18px;
    align-items: center;
    background: hsla(0, 0%, 100%, .12);
    content: "";
    transform: translateY(-50%);
    vertical-align: middle
}

.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table-wrap__62j6C {
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .16);
    border-radius: 8px;
    background: #181936
}

.EventTokenHistoryModal_event-history-modal__wn6_i [class*=spinner] {
    width: 32px;
    margin: 8px auto;
    text-align: center
}

.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb {
    margin-bottom: -1px
}

.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table {
    min-width: 780px
}

.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table th {
    border-top: 0;
    color: hsla(0, 0%, 100%, .64)
}

.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table td,
.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table th {
    position: relative;
    padding: 16px 12px;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-align: center
}

.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table td:first-child,
.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table th:first-child {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1;
    top: 0;
    left: 0;
    border-right: 1px solid rgba(0, 0, 0, .08);
    background: #181936
}

.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table td:first-child:after,
.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table th:first-child:after {
    position: absolute;
    top: 0;
    right: -15px;
    bottom: 0;
    width: 15px;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, .2) 0, transparent);
    content: ""
}

.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table td.date,
.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table th.date {
    width: 160px;
    padding: 16px 4px
}

.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table td.desc,
.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table th.desc {
    width: 196px
}

.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table td.friend,
.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table th.friend {
    width: 156px
}

.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table td.rate,
.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table th.rate {
    width: 116px
}

.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table td.status,
.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table th.status {
    width: 156px
}

.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table td .status-pending,
.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table th .status-pending {
    color: hsla(0, 0%, 100%, .32)
}

.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table td .status-aborted,
.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table th .status-aborted {
    color: #f06
}

.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table .loading-tr {
    position: unset
}

.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table .loading-tr td {
    position: unset;
    height: 200px
}

.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table .loading-tr td .table-loading {
    height: auto
}

.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table .loading-tr td .table-loading [class*=spinner-wrap] {
    position: absolute;
    top: calc(50% + 64px);
    left: 50%;
    width: 32px;
    height: 32px;
    transform: translate(-50%, -50%)
}

.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table .no-data-tr {
    position: unset
}

.EventTokenHistoryModal_event-history-modal__wn6_i .EventTokenHistoryModal_history-table__YeNFb table .no-data-tr td {
    position: unset;
    height: 200px
}

.EventTokenHistoryModal_event-history-modal__wn6_i.wm-modal .modal-bd {
    max-height: calc(100vh - 240px)
}

@keyframes EventIntro_modal-fade__DWg69 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes EventIntro_modal-scale__s6P1H {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes EventIntro_modal-small-scale__SkcDJ {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes EventIntro_modal-bottom-sheet__rfzJT {
    0% {
        opacity: 0;
        transform: translateY(calc(100% + 60px))
    }

    70% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes EventIntro_modal-mobile-sidebar__5ko2L {
    0% {
        transform: translateX(calc(100% + 28px))
    }

    to {
        transform: translateX(0)
    }
}

@keyframes EventIntro_modal-slide-left__9slhI {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes EventIntro_modal-slide-right__PYP_k {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes EventIntro_modal-full-page__S7NRl {
    0% {
        opacity: 0;
        transform: translateY(60%)
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes EventIntro_modal-pop-fade__46DUb {
    0% {
        opacity: 0;
        transform: scale(.95)
    }

    60% {
        opacity: 1;
        transform: scale(1.03)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes EventIntro_modal-fade-in__DQoQb {
    0% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes EventIntro_dialog-pop-fade__L_baV {
    0% {
        opacity: 0;
        transform: scale(.95)
    }

    60% {
        opacity: 1;
        transform: scale(1.03)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes EventIntro_select-option-slide__796Lg {
    0% {
        opacity: 0;
        transform: scaleY(.3)
    }

    to {
        opacity: 1;
        transform: scaleY(1)
    }
}

@keyframes EventIntro_select-option-mobile-slide__CXVB6 {
    0% {
        opacity: 0;
        transform: translateY(400px)
    }

    20% {
        opacity: 0;
        transform: translateY(400px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes EventIntro_skeleton-blank__Lvy8t {
    0% {
        background: var(--semantic-fill-normal)
    }

    25% {
        background: var(--semantic-fill-alternative)
    }

    50% {
        background: var(--semantic-fill-normal)
    }

    75% {
        background: var(--semantic-fill-alternative)
    }

    to {
        background: var(--semantic-fill-normal)
    }
}

@keyframes EventIntro_material-ripple__zwyis {
    0% {
        border-radius: 50%;
        opacity: .3;
        transform: translate(-50%, -50%) scale(0)
    }

    to {
        border-radius: 45%;
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.5)
    }
}

@keyframes EventIntro_reflect-rotate__Y_wfO {
    70% {
        transform: rotate(1turn)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes EventIntro_mslide_01__eXJ81 {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.4)
    }
}

@keyframes EventIntro_mslide_02__8FvsS {
    0% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(3)
    }

    6.5% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(1.4)
    }

    to {
        animation-timing-function: cubic-bezier(.445, .05, .55, .95);
        transform: scale(.9)
    }
}

@keyframes EventIntro_mslide_03__UNN5Z {
    0% {
        transform: scale(1.5)
    }

    to {
        transform: scale(1)
    }
}

@keyframes EventIntro_mslide_04__XzO2S {
    0% {
        transform: scale(1.1) translateX(-40px)
    }

    to {
        transform: scale(1) translateX(0)
    }
}

@keyframes EventIntro_mslide_04-m__zOVEw {
    0% {
        transform: scale(1.2) translateX(-16px)
    }

    to {
        transform: scale(1) translateX(0)
    }
}

@keyframes EventIntro_mslide_05___Kjy5 {
    0% {
        transform: scale(1.5)
    }

    to {
        transform: scale(1.1)
    }
}

@keyframes EventIntro_mslide_06__QTe_D {
    0% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(3)
    }

    6.5% {
        animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        transform: scale(1.4)
    }

    60% {
        animation-timing-function: cubic-bezier(.445, .05, .55, .95);
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes EventIntro_mslide_07__CoxXB {
    0% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1.5)
    }
}

@keyframes EventIntro_flip__rwOGL {
    0% {
        opacity: 1;
        transform: perspective(2500px) rotateY(-20deg)
    }

    to {
        opacity: .8;
        transform: perspective(2500px) rotateY(20deg)
    }
}

@keyframes EventIntro_ani-live__omtoH {
    0% {
        opacity: 0;
        transform: scale(1) translateY(-50%)
    }

    40% {
        background-color: hsla(0, 0%, 100%, .1);
        opacity: 0
    }

    41% {
        background-color: hsla(0, 0%, 100%, .35);
        opacity: 1;
        transform: scale(1) translateY(-50%)
    }

    70% {
        background-color: hsla(0, 0%, 100%, .1);
        opacity: .5;
        transform: scale(3) translateY(-50%)
    }

    to {
        opacity: .5;
        transform: scale(1) translateY(-50%)
    }
}

@keyframes EventIntro_ani-live-circle__DmL22 {
    0% {
        opacity: 1
    }

    20% {
        opacity: 1
    }

    41% {
        opacity: .5
    }

    51% {
        opacity: .5
    }

    70% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes EventIntro_ani-pulse__lYHDd {
    0% {
        transform: scale(.33)
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes EventIntro_ani-circle__nso8M {
    0% {
        transform: scale(.8)
    }

    50% {
        transform: scale(1)
    }

    to {
        transform: scale(.8)
    }
}

@keyframes EventIntro_progress-bar-stripes__xzEdb {
    0% {
        background-position: 0 16px
    }

    to {
        background-position: 0 0
    }
}

@keyframes EventIntro_rotate__t7t0Z {
    0% {
        transform: rotate(-1turn)
    }

    to {
        transform: rotate(0turn)
    }
}

@keyframes EventIntro_left__cRcvs {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(180deg)
    }

    75% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes EventIntro_right__MLI4o {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(180deg)
    }

    50% {
        transform: rotate(180deg)
    }

    75% {
        transform: rotate(1turn)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes EventIntro_flash__Er6ql {
    0% {
        background-color: #cacaca;
        box-shadow: 6px 0 #cacaca, -6px 0 #cacaca
    }

    50% {
        background-color: #cacaca;
        box-shadow: 6px 0 #cacaca, -6px 0 gray
    }

    65% {
        background-color: gray;
        box-shadow: 6px 0 #cacaca, -6px 0 #cacaca
    }

    80% {
        background-color: #cacaca;
        box-shadow: 6px 0 gray, -6px 0 #cacaca
    }

    to {
        background-color: #cacaca;
        box-shadow: 6px 0 #cacaca, -6px 0 #cacaca
    }
}

@keyframes EventIntro_card-roll-vertical__01VAU {
    0% {
        z-index: 2;
        opacity: 1;
        transform: translateY(100%)
    }

    50% {
        transform: translateY(0)
    }

    60% {
        transform: translateY(0)
    }

    98% {
        transform: translateY(-100%)
    }

    99% {
        z-index: 2;
        opacity: 1;
        transform: translateY(-100%)
    }

    99.1% {
        z-index: -1;
        opacity: 0;
        transform: translateY(-100%)
    }

    99.2% {
        z-index: -1;
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes EventIntro_doodoongsil__HDlbf {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-4px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes EventIntro_multi-wallet__H7aVL {
    0% {
        background-position: -16px 0, calc(100% + 16px) 0
    }

    20% {
        background-position: -10px 0, calc(100% + 18px) 0
    }

    40% {
        background-position: -20px 0, calc(100% + 9px) 0
    }

    60% {
        background-position: -16px 0, calc(100% + 16px) 0
    }

    to {
        background-position: -16px 0, calc(100% + 16px) 0
    }
}

.EventIntro_header__qjGcQ {
    position: fixed;
    z-index: 110;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 64px;
    align-items: center;
    padding: 0 24px;
    transform: translateY(0);
    transition: .3s .1s
}

@media(min-width:1024px) {
    .EventIntro_header__qjGcQ {
        height: 80px;
        justify-content: space-between;
        padding: 0 40px
    }
}

.EventIntro_header__qjGcQ .EventIntro_logo__MqX_c .EventIntro_logo-icon__Jm74d svg {
    width: 21.6px;
    height: 28px
}

.EventIntro_header__qjGcQ .EventIntro_logo__MqX_c .EventIntro_logo-txt___UmME {
    display: none
}

@media(min-width:1024px) {
    .EventIntro_header__qjGcQ .EventIntro_logo__MqX_c .EventIntro_logo-txt___UmME {
        display: flex;
        margin-left: 7px
    }
}

.EventIntro_header__qjGcQ .EventIntro_logo__MqX_c a {
    display: flex;
    align-items: center
}

.EventIntro_header__qjGcQ .EventIntro_btn__ZVMAd {
    margin-left: auto
}

@media(min-width:768px) {
    .EventIntro_header__qjGcQ .EventIntro_btn__ZVMAd {
        margin-left: 0
    }
}

.EventIntro_header__qjGcQ .EventIntro_btn__ZVMAd>button {
    height: 32px;
    padding: 0 16px;
    border-radius: 40px;
    background: #f06;
    color: #fff;
    font-feature-settings: "cv02" on, "cv03" on, "cv04" on, "cv13" on, "calt" off, lining-nums proportional-nums;
    font-size: 13px;
    font-style: normal;
    font-variant-numeric: lining-nums proportional-nums;
    font-weight: 900;
    line-height: 130%;
    text-align: center
}

@media(min-width:1024px) {
    .EventIntro_header__qjGcQ .EventIntro_btn__ZVMAd>button {
        height: 40px;
        font-size: 16px
    }
}

.EventIntro_header__qjGcQ .EventIntro_btn__ZVMAd>button.EventIntro_btn-logout__HRn4R {
    background: #2a1836
}

.EventIntro_intro__rK6Om {
    position: relative;
    z-index: 5;
    display: flex;
    overflow: hidden;
    width: 100%;
    /* height: 100vh; */
    min-height: 700px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    background: #000
}

@media only screen and (orientation:landscape)and (min-width:768px)and (max-height:1080px) {
    .EventIntro_intro__rK6Om {
        min-height: 900px
    }

    .EventIntro_intro__rK6Om .EventIntro_intro-bg-layer-wrap__PgZPK {
        width: 2560px !important;
        height: 1440px !important;
    }
}

.EventIntro_intro-container__RL10T {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 0 24px;
    margin-top: 178px
}

@media(min-width:768px) {
    .EventIntro_intro-container__RL10T {
        margin-top: 90px
    }
}

@media(min-width:1024px) {
    .EventIntro_intro-container__RL10T {
        margin-top: 120px
    }
}

.EventIntro_intro__rK6Om canvas {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    background-color: transparent
}

/* .EventIntro_intro__rK6Om .EventIntro_intro-bg-layer-wrap__PgZPK {
    position: absolute;
    z-index: -1;
    top: 0;
    top: 50%;
    left: 0;
    left: 50%;
    width: 768px;
    height: 100vh;
    background: url(../../../assets/imgs/img-promotion-hero-bg-m.jpg) no-repeat center calc(50% - 80px)/contain;
    transform: translate(-50%, -50%);
    transform-origin: center;
    transition: .3s
}

@media only screen and (orientation:landscape)and (max-height:779px) {
    .EventIntro_intro__rK6Om .EventIntro_intro-bg-layer-wrap__PgZPK {
        height: 1090px !important;
        background-position: center calc(50% - 60px)
    }
}

@media(min-width:768px) {
    .EventIntro_intro__rK6Om .EventIntro_intro-bg-layer-wrap__PgZPK {
        width: 1200px;
        height: 1499.465px;
        background-position: 50%
    }
}

@media(min-width:1024px) {
    .EventIntro_intro__rK6Om .EventIntro_intro-bg-layer-wrap__PgZPK {
        width: 2560px;
        height: 1440px;
        background: url(../../../assets/imgs/img-promotion-hero-bg.jpg) no-repeat center calc(50% - 200px)/contain
    }
}

@media(min-width:1440px) {
    .EventIntro_intro__rK6Om .EventIntro_intro-bg-layer-wrap__PgZPK {
        width: 2560px;
        min-width: 100vw;
        height: 100vh;
        min-height: calc(100vh + 120px);
        background-position: center calc(50% - 340px);
        background-size: cover
    }
} */

.EventIntro_intro__rK6Om .EventIntro_intro-bg-layer-wrap__PgZPK {
    position: absolute;
    z-index: -1;
    top: 0; /* 将背景固定在顶部 */
    left: 50%;
    width: 768px;
    height: 100vh;
    background: url(../../../assets/imgs/mobile_bg01.jpg) no-repeat center calc(50% - 80px)/contain;
    transform: translateX(-50%); /* 只保持水平居中 */
    transform-origin: center;
    transition: .3s;
    filter: brightness(0.4);
}

@media only screen and (orientation: landscape) and (min-width: 768px) and (max-height: 1080px) {
    .EventIntro_intro__rK6Om {
        min-height: 900px;
    }

    .EventIntro_intro__rK6Om .EventIntro_intro-bg-layer-wrap__PgZPK {
        width: 2560px !important;
        height: 1440px !important;
    }
}

@media(min-width: 1024px) {
    .EventIntro_intro__rK6Om .EventIntro_intro-bg-layer-wrap__PgZPK {
        width: 2560px;
        height: 1440px;
        background: url(../../../assets/imgs/pc_bg01.jpg) no-repeat center calc(50% - 200px)/contain;
        
    }
}

@media(min-width: 1440px) {
    .EventIntro_intro__rK6Om .EventIntro_intro-bg-layer-wrap__PgZPK {
        width: 2560px;
        min-width: 100vw;
        height: 100vh;
        min-height: calc(100vh + 120px);
        background-position: center calc(50% - 340px);
        background-size: cover;
    }
}

@keyframes EventIntro_floating-token__YIACE {
    0% {
        transform: scale(1.5) translateY(0)
    }

    to {
        transform: scale(1.5) translateY(30px)
    }
}

.EventIntro_intro__rK6Om .EventIntro_img-token-3d__HQ2Tf {
    display: flex;
    width: 146px;
    height: 150px;
    align-items: center;
    justify-content: center;
    margin: 50px auto;
    text-align: center
}

@media(min-width:768px) {
    .EventIntro_intro__rK6Om .EventIntro_img-token-3d__HQ2Tf {
        width: 221px;
        height: 226px;
        margin: 114px auto 45px
    }
}

@media(min-width:1024px) {
    .EventIntro_intro__rK6Om .EventIntro_img-token-3d__HQ2Tf {
        width: 268px;
        height: 275px;
        margin: 72px auto
    }
}

.EventIntro_intro__rK6Om .EventIntro_img-token-3d__HQ2Tf img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important
}

.EventIntro_intro__rK6Om .EventIntro_img-token-3d__HQ2Tf video {
    max-width: 100%;
    transform: scale(1.5);
    transform-origin: center
}

@media(min-width:768px) {
    .EventIntro_intro__rK6Om .EventIntro_img-token-3d__HQ2Tf video {
        transform-origin: center
    }
}

.EventIntro_intro__rK6Om .EventIntro_img-token-3d__HQ2Tf .EventIntro_play-token-vid__o1VSq {
    animation: EventIntro_floating-token__YIACE 1.4s cubic-bezier(.35, 0, .8, -.78) infinite alternate;
    transform-origin: center
}

@media(min-width:768px) {
    .EventIntro_intro__rK6Om .EventIntro_img-token-3d__HQ2Tf .EventIntro_play-token-vid__o1VSq {
        transform-origin: center
    }
}

.EventIntro_intro__rK6Om .EventIntro_text-new-start__h6cwX {
    display: flex;
    height: 20px;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.48px;
    line-height: 110%;
    text-align: center
}

@media(min-width:768px) {
    .EventIntro_intro__rK6Om .EventIntro_text-new-start__h6cwX {
        height: 26px;
        margin-bottom: 14px;
        font-size: 29.709px;
        font-weight: 800
    }
}

@media(min-width:1024px) {
    .EventIntro_intro__rK6Om .EventIntro_text-new-start__h6cwX {
        height: 35px;
        margin-bottom: 24px;
        font-size: 32px;
        letter-spacing: -.96px
    }
}

.EventIntro_intro__rK6Om .EventIntro_text-new-start__h6cwX svg {
    width: 100px;
    height: auto
}

@media(min-width:768px) {
    .EventIntro_intro__rK6Om .EventIntro_text-new-start__h6cwX svg {
        width: 181.525px;
        margin-right: 5px
    }
}

@media(min-width:1024px) {
    .EventIntro_intro__rK6Om .EventIntro_text-new-start__h6cwX svg {
        width: 195.524px
    }
}

.EventIntro_intro__rK6Om .EventIntro_text-new-start__h6cwX span {
    padding-left: 3px
}

@media(min-width:768px) {
    .EventIntro_intro__rK6Om .EventIntro_text-new-start__h6cwX span {
        padding-left: 4.5px
    }
}

.EventIntro_intro__rK6Om .EventIntro_text-main__zJ1rF {
    position: relative;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -1.02px;
    line-height: 120%;
    text-align: center;
    text-shadow: 0 2px 0 #000
}

@media(min-width:768px) {
    .EventIntro_intro__rK6Om .EventIntro_text-main__zJ1rF {
        font-size: 58px
    }
}

@media(min-width:1024px) {
    .EventIntro_intro__rK6Om .EventIntro_text-main__zJ1rF {
        font-size: 72px;
        letter-spacing: -1.44px;
        line-height: 100%;
        text-shadow: 0 3px 0 #000
    }
}

.EventIntro_intro__rK6Om .EventIntro_text-main__zJ1rF br {
    display: none
}

.EventIntro_intro__rK6Om .EventIntro_text-main__zJ1rF strong {
    display: block
}

@media(min-width:1024px) {
    .EventIntro_intro__rK6Om .EventIntro_text-main__zJ1rF strong {
        margin-top: 12px;
        margin-bottom: 8px
    }
}

.EventIntro_intro__rK6Om .EventIntro_text-main__zJ1rF span {
    margin-left: 6px;
    color: #f06
}

.EventIntro_intro__rK6Om .EventIntro_text-main-small__YH54O {
    margin-top: 16px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.247px;
    letter-spacing: -.22px;
    line-height: 120%;
    text-align: center;
    word-break: keep-all
}

@media(min-width:768px) {
    .EventIntro_intro__rK6Om .EventIntro_text-main-small__YH54O {
        margin-top: 9px;
        font-size: 32px;
        letter-spacing: -.32px;
        line-height: 140%
    }
}

@media(min-width:1024px) {
    .EventIntro_intro__rK6Om .EventIntro_text-main-small__YH54O {
        font-size: 44px;
        letter-spacing: -.44px
    }
}

.EventIntro_intro__rK6Om .EventIntro_info__Srr3j {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    color: #afa5fe;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.24px;
    line-height: 130%;
    text-align: center;
    text-shadow: 3px 3px 8px rgba(0, 0, 0, .25)
}

@media(min-width:768px) {
    .EventIntro_intro__rK6Om .EventIntro_info__Srr3j {
        display: block;
        font-size: 17px
    }
}

@media(min-width:1024px) {
    .EventIntro_intro__rK6Om .EventIntro_info__Srr3j {
        font-size: 22px
    }
}

.EventIntro_intro__rK6Om .EventIntro_info__Srr3j strong {
    display: block;
    font-weight: 500
}

@media(min-width:768px) {
    .EventIntro_intro__rK6Om .EventIntro_info__Srr3j strong {
        display: inline-block
    }

    .EventIntro_intro__rK6Om .EventIntro_info__Srr3j strong:after {
        padding: 0 2px;
        content: ":"
    }
}

.EventIntro_intro__rK6Om .EventIntro_btns-wrap__u0wkH {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media(min-width:768px) {
    .EventIntro_intro__rK6Om .EventIntro_btns-wrap__u0wkH {
        flex-direction: row
    }
}

.EventIntro_intro__rK6Om .EventIntro_btns-wrap__u0wkH button {
    display: flex;
    width: 100%;
    height: 48px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    text-align: center
}

@media(min-width:768px) {
    .EventIntro_intro__rK6Om .EventIntro_btns-wrap__u0wkH button {
        width: auto;
        min-width: 180px;
        height: 45px;
        font-size: 16px
    }
}

@media(min-width:1024px) {
    .EventIntro_intro__rK6Om .EventIntro_btns-wrap__u0wkH button {
        min-width: 280px;
        height: 60px;
        font-size: 22px
    }
}

.EventIntro_intro__rK6Om .EventIntro_btns-wrap__u0wkH button+button {
    margin-top: 16px
}

@media(min-width:768px) {
    .EventIntro_intro__rK6Om .EventIntro_btns-wrap__u0wkH button+button {
        margin: 0 0 0 12px
    }
}

@media(min-width:1024px) {
    .EventIntro_intro__rK6Om .EventIntro_btns-wrap__u0wkH button+button {
        margin: 0 0 0 20px
    }
}

.EventIntro_intro__rK6Om .EventIntro_btns-wrap__u0wkH button svg {
    margin-left: 8px
}

.EventIntro_intro__rK6Om .EventIntro_btns-wrap__u0wkH .EventIntro_btn-primary__LSBsi {
    border-radius: 40px;
    border-bottom: 3px solid #b00449;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: #f06
}

.EventIntro_intro__rK6Om .EventIntro_btns-wrap__u0wkH .EventIntro_btn-primary__LSBsi:disabled {
    border-bottom: 4px solid hsla(0, 0%, 100%, .08);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: hsla(0, 0%, 100%, .08);
    color: hsla(0, 0%, 100%, .16)
}

.EventIntro_intro__rK6Om .EventIntro_btns-wrap__u0wkH .EventIntro_btn-primary__LSBsi:disabled svg path {
    stroke: hsla(0, 0%, 100%, .16)
}

@media(min-width:1024px) {
    .EventIntro_intro__rK6Om .EventIntro_btns-wrap__u0wkH .EventIntro_btn-primary__LSBsi {
        border-bottom: 4px solid #b00449
    }
}

.EventIntro_intro__rK6Om .EventIntro_btns-wrap__u0wkH .EventIntro_btn-view-history__v2P7j {
    padding: 0 24px
}

@media(min-width:768px) {
    .EventIntro_intro__rK6Om .EventIntro_btns-wrap__u0wkH .EventIntro_btn-view-history__v2P7j {
        padding: 0 30px
    }
}

@media(min-width:1024px) {
    .EventIntro_intro__rK6Om .EventIntro_btns-wrap__u0wkH .EventIntro_btn-view-history__v2P7j {
        padding: 0 40px
    }
}

.EventIntro_intro__rK6Om .EventIntro_btns-wrap__u0wkH .EventIntro_btn-secondary__Lwrh3 {
    border-radius: 40px;
    border-bottom: 3px solid #ccc;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: #fff;
    color: #000
}

@media(min-width:1024px) {
    .EventIntro_intro__rK6Om .EventIntro_btns-wrap__u0wkH .EventIntro_btn-secondary__Lwrh3 {
        border-bottom: 4px solid #ccc
    }
}

.EventIntro_intro__rK6Om .EventIntro_btns-wrap__u0wkH .EventIntro_btn-secondary__Lwrh3:disabled {
    border-bottom: 0;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: hsla(0, 0%, 100%, .08);
    color: hsla(0, 0%, 100%, .16);
    pointer-events: none
}

.EventIntro_intro__rK6Om .EventIntro_btns-wrap__u0wkH .EventIntro_btn-secondary__Lwrh3:disabled svg path {
    stroke: hsla(0, 0%, 100%, .16)
}

.EventIntro_intro__rK6Om .EventIntro_btns-wrap__u0wkH .EventIntro_btn-secondary__Lwrh3 svg path {
    stroke: #000
}

.EventIntro_intro__rK6Om .EventIntro_token-converting-info__zjuNP {
    margin: 16px auto 0;
    color: #fff;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.42px;
    line-height: 120%;
    text-align: left
}

@media(min-width:768px) {
    .EventIntro_intro__rK6Om .EventIntro_token-converting-info__zjuNP {
        max-width: 444px;
        margin-top: 80px;
        font-size: 14px;
        text-align: center
    }
}

@media(min-width:1024px) {
    .EventIntro_intro__rK6Om .EventIntro_token-converting-info__zjuNP {
        max-width: 503px;
        margin-top: 55px
    }
}

.EventIntro_floating-bar__N6HzY {
    position: fixed;
    z-index: 999;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 60px;
    border-top: 1px solid hsla(0, 0%, 100%, .5);
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    background: rgba(0, 0, 0, .7);
    -webkit-clip-path: polygon(17px 0, calc(100% - 15px) 0, 100% 100%, 2px 100%, 17px 0);
    clip-path: polygon(17px 0, calc(100% - 15px) 0, 100% 100%, 2px 100%, 17px 0);
    color: #fff
}

@media(min-width:768px) {
    .EventIntro_floating-bar__N6HzY {
        left: 50%;
        max-width: 701px;
        margin-right: auto;
        margin-left: auto;
        -webkit-clip-path: polygon(17px 0, calc(100% - 15px) 0, 100% 100%, 2px 100%, 17px 0);
        clip-path: polygon(17px 0, calc(100% - 15px) 0, 100% 100%, 2px 100%, 17px 0);
        transform: translateX(-50%)
    }
}

@media(min-width:1024px) {
    .EventIntro_floating-bar__N6HzY {
        max-width: 895px;
        height: 80px;
        -webkit-clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 100%, 0 100%, 18px 0);
        clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 100%, 0 100%, 18px 0)
    }
}

.EventIntro_floating-bar__N6HzY:after,
.EventIntro_floating-bar__N6HzY:before {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 16px;
    height: 60px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: auto 100%;
    content: ""
}

@media(min-width:1024px) {

    .EventIntro_floating-bar__N6HzY:after,
    .EventIntro_floating-bar__N6HzY:before {
        height: 80px;
        background-size: auto 80px
    }
}

.EventIntro_floating-bar__N6HzY:before {
    left: 2px;
    background-image: url(../../../assets/imgs/img-event-floating-bar-box-left.png)
}

@media(min-width:1024px) {
    .EventIntro_floating-bar__N6HzY:before {
        left: 4px;
        background-position: 100% 0
    }
}

.EventIntro_floating-bar__N6HzY:after {
    right: 0;
    background-image: url(../../../assets/imgs/img-event-floating-bar-box-right.png)
}

@media(min-width:1024px) {
    .EventIntro_floating-bar__N6HzY:after {
        right: 4px;
        background-position: 0 0
    }
}

.EventIntro_floating-bar-container__FvtL_ {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    color: #fff;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px;
    word-break: keep-all
}

@media(min-width:768px) {
    .EventIntro_floating-bar-container__FvtL_ {
        font-size: 18px
    }
}

@media(min-width:1024px) {
    .EventIntro_floating-bar-container__FvtL_ {
        font-size: 24px
    }
}

.EventIntro_footer___ely1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px calc(48px + 4rem);
    border-top: 1px solid hsla(0, 0%, 100%, .08);
    margin-bottom: -4rem;
    background: #19002e
}

.EventIntro_footer___ely1 .EventIntro_footer-logo__Zuq0d {
    display: flex;
    justify-content: center;
    margin-top: 24px
}

@media(min-width:1024px) {
    .EventIntro_footer___ely1 .EventIntro_footer-logo__Zuq0d {
        margin-top: 0
    }
}

.EventIntro_footer___ely1 .EventIntro_footer-logo__Zuq0d svg {
    width: auto;
    height: 27px
}

@media(min-width:1024px) {
    .EventIntro_footer___ely1 .EventIntro_footer-logo__Zuq0d svg {
        height: 21px
    }

    .EventIntro_footer-container__uaeFb {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center
    }
}

.EventIntro_footer___ely1 .EventIntro_copyrights__hYFoh {
    margin-top: 12px;
    color: hsla(240, 7%, 97%, .4);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.42px;
    line-height: 140%;
    text-align: center
}

@media(min-width:768px) {
    .EventIntro_footer___ely1 .EventIntro_copyrights__hYFoh {
        padding-left: 12px;
        margin-top: 0;
        font-size: 16px
    }
}

.EventIntro_footer___ely1 [class*=btn-popover] {
    width: 20px;
    height: 20px;
    background: transparent
}

.EventIntro_footer___ely1 [class*=btn-popover] svg {
    opacity: .4
}

.EventIntro_footer___ely1 [class*=popover-element-wrap] [class*=popover-element] {
    overflow: hidden;
    border-radius: 8px
}

.EventIntro_footer___ely1 [class*=popover-element-wrap] [class*=popover-element] ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.EventIntro_footer___ely1 [class*=popover-element-wrap] [class*=popover-element] ul li {
    background-color: #2c2c42
}

.EventIntro_footer___ely1 [class*=popover-element-wrap] [class*=popover-element] ul button {
    display: flex;
    width: 100%;
    min-width: 100px;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    color: #fff;
    font-size: 14px;
    text-align: left
}

.EventIntro_footer___ely1 .EventIntro_select-lang__VN1k6 {
    position: relative
}

.EventIntro_footer___ely1 .EventIntro_select-lang__VN1k6 .EventIntro_select-anchor__2zHSX {
    position: absolute;
    z-index: 10000;
    top: -130px;
    left: 10px
}

.EventIntro_footer___ely1 .EventIntro_event-lang-popover__ZstoF .popover-element {
    background: #22223c
}

.EventIntro_footer___ely1 .EventIntro_policy-wrap__EnhLj {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    gap: 12px;
    list-style: none
}

@media(min-width:1024px) {
    .EventIntro_footer___ely1 .EventIntro_policy-wrap__EnhLj {
        padding-bottom: 18px
    }
}

.EventIntro_footer___ely1 .EventIntro_policy-wrap__EnhLj a {
    color: hsla(240, 7%, 97%, .4);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.39px;
    line-height: 140%;
    text-align: center;
    text-decoration: none
}

@media(min-width:1024px) {
    .EventIntro_footer___ely1 .EventIntro_policy-wrap__EnhLj a {
        font-size: 16px
    }
}

.custom-section {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    width: 100%;
    /* height: 100vh;  */
    /* padding: 5px; */
    /* background-color: #fff; */
}