.root-J_9yVn {
    background: var(--color-layer-1);
    box-sizing: border-box;
    text-align: center;
    border-radius: 12px;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 24px;
    display: flex
}

.variantLine-B02xYj {
    border: 1px solid var(--color-line-border-subtle)
}

.variantShadow-ga8Wjs {
    box-shadow: 0 4px 14px rgba(0, 0, 0, .08)
}

.variantHorizontal-YvUkGQ {
    border-radius: none;
    padding: 0;
    display: block
}

.inner-mbEKM7 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;
    display: flex
}

.innerHorizontal-vRQyl0 {
    justify-content: flex-start;
    align-items: stretch;
    gap: 24px;
    width: 100%;
    display: flex
}

.headerWrap-JzC7nv {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
    display: flex
}

.variantHorizontal-YvUkGQ .headerWrap-JzC7nv {
    flex-direction: column-reverse;
    gap: 8px
}

.titleRow-O5epPh {
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 100%;
    display: flex
}

.variantHorizontal-YvUkGQ .titleRow-O5epPh {
    justify-content: flex-start
}

.title-cNpNOi {
    color: var(--color-text-text-primary);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3
}

.variantHorizontal-YvUkGQ .title-cNpNOi {
    font-size: 24px
}

.titleHighlight-aTEfqM {
    color: var(--color-text-text-brand)
}

.subtitle-VttClv {
    width: 100%;
    color: var(--color-text-text-primary);
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    display: flex
}

.variantHorizontal-YvUkGQ .subtitle-VttClv {
    color: var(--color-text-text-secondary);
    justify-content: flex-start;
    font-size: 16px;
    font-weight: 400
}

.qrWrapper-fz2eNL {
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    display: flex
}

.variantHorizontal-YvUkGQ .qrWrapper-fz2eNL {
    border: 1px solid var(--color-line-border-strong);
    box-sizing: border-box;
    border-radius: 16px;
    padding: 20px
}

.moreBtn-cUix9Z {
    text-align: center;
    box-sizing: border-box;
    background: var(--color-cmpt-button-soft);
    width: 100%;
    min-height: 36px;
    color: var(--color-text-text-primary);
    cursor: pointer;
    border-radius: 99px;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    display: flex
}

.moreBtn-cUix9Z:hover {
    background: var(--color-cmpt-button-soft-active)
}

.variantHorizontal-YvUkGQ .moreBtn-cUix9Z {
    height: auto;
    color: var(--color-text-text-tertiary);
    background: none;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    font-size: 16px;
    text-decoration-line: underline;
    display: flex
}

.footerArea-ThCgDl {
    color: var(--color-text-text-tertiary);
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3
}

.horizontalContent-oS_dHY {
    box-sizing: border-box;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    align-items: flex-start;
    padding: 25px 0;
    display: flex
}

.modal_content-ijSsZN {
    flex-direction: column;
    gap: 16px;
    display: flex
}

.description_text-nwA6LN {
    color: var(--color-text-2)
}

.hint_text-tHRiHe {
    color: var(--color-text-3)
}

.link_text-jjSDrP {
    color: var(--color-text-1);
    text-decoration: underline
}

.countdown_text-v_Cc3q {
    color: var(--color-text-3);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.slider_wrapper-xSRHXP {
    margin-bottom: 26px;
    padding-left: 8px;
    padding-right: 8px
}

.footer_content-jM6PaZ {
    flex-direction: column;
    gap: 16px;
    display: flex
}

.footer_buttons-CrkwiH {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    display: grid
}

.page_tab-CVoI9J {
    width: 100%;
    position: relative
}

.page_tab_list-ba449n {
    scrollbar-width: none;
    -ms-overflow-style: none;
    flex-wrap: nowrap;
    display: flex;
    overflow: auto
}

.page_tab_list-ba449n::-webkit-scrollbar {
    display: none
}

.page_tab_item-lIK7Cv {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    height: 56px !important
}

.page_tab_bottom-x99qzd {
    background-color: var(--color-divider-2);
    width: 100vw;
    height: 1px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.arrowSvg-dZD7Qx:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 4px
}

.arrowSvg-dZD7Qx:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 4px
}

.arrowSvg-dZD7Qx:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 4px
}

.arrowSvg-dZD7Qx:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 4px
}

.arrowSvg-dZD7Qx:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 4px
}

.arrowSvg-dZD7Qx:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 4px
}

.page_tab_item-lIK7Cv:hover .arrowSvg-dZD7Qx>path {
    stroke: var(--color-text-1)
}

.content-xNiFjv {
    color: #fff;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    display: flex
}

.content-xNiFjv:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.content-xNiFjv:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.content-xNiFjv:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.content-xNiFjv:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.content-xNiFjv:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.content-xNiFjv:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.tipText-R_RrJF {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    overflow: hidden
}

.questionMarkIcon-MfsiH3 {
    cursor: pointer;
    width: 14px;
    height: 14px
}

.questionMarkIcon-MfsiH3:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 8px
}

.questionMarkIcon-MfsiH3:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 8px
}

.questionMarkIcon-MfsiH3:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 8px
}

.questionMarkIcon-MfsiH3:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 8px
}

.questionMarkIcon-MfsiH3:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 8px
}

.questionMarkIcon-MfsiH3:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 8px
}

.tipButton-ajUmYO {
    color: #fff;
    background-color: var(--color-brand-1);
    cursor: pointer;
    white-space: nowrap;
    border-radius: 99px;
    justify-content: center;
    align-items: center;
    padding: 4px 16px;
    display: flex
}

.tipButton-ajUmYO:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 16px
}

.tipButton-ajUmYO:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 16px
}

.tipButton-ajUmYO:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 16px
}

.tipButton-ajUmYO:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 16px
}

.tipButton-ajUmYO:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 16px
}

.tipButton-ajUmYO:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 16px
}

.arrowRightIcon-zGlPLE {
    width: 12px;
    height: 12px
}

.arrowRightIcon-zGlPLE:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 2px
}

.arrowRightIcon-zGlPLE:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 2px
}

.arrowRightIcon-zGlPLE:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 2px
}

.arrowRightIcon-zGlPLE:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 2px
}

.arrowRightIcon-zGlPLE:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 2px
}

.arrowRightIcon-zGlPLE:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 2px
}

.closeIcon-TQWXFN {
    cursor: pointer;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%)
}

@keyframes marquee-VFxxZg {
    0% {
        padding-left: 100%
    }
    to {
        padding-left: 0;
        transform: translateX(-100%)
    }
}

.marqueeBox-Llt0wP {
    white-space: nowrap;
    text-align: center;
    width: 100%;
    overflow: hidden
}

.marquee-VFxxZg {
    white-space: nowrap;
    padding-left: 100%;
    animation: marquee-VFxxZg 12s linear infinite;
    display: inline-block
}

@media (max-width:768px) {
    .content-xNiFjv {
        justify-content: space-between;
        width: calc(100% - 24px);
        font-size: 12px
    }
    .tipText-R_RrJF {
        flex-direction: row-reverse;
        overflow: hidden
    }
    .tipButton-ajUmYO {
        flex-grow: 0;
        margin-left: 4px;
        margin-right: 4px;
        padding: 4px 8px
    }
    .questionMarkIcon-MfsiH3:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 0;
        margin-right: 4px
    }
    .questionMarkIcon-MfsiH3:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 0;
        margin-right: 4px
    }
    .questionMarkIcon-MfsiH3:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 0;
        margin-right: 4px
    }
    .questionMarkIcon-MfsiH3:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 4px;
        margin-right: 0
    }
    .questionMarkIcon-MfsiH3:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 4px;
        margin-right: 0
    }
    .questionMarkIcon-MfsiH3:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 4px;
        margin-right: 0
    }
    .arrowRightIcon-zGlPLE {
        display: none
    }
    .closeIcon-TQWXFN {
        position: relative;
        top: 0;
        right: 0;
        transform: none
    }
}

.wrapper-MFKq_C {
    box-sizing: border-box;
    border: 1px solid var(--color-line-border-subtle);
    cursor: pointer;
    border-radius: 8px;
    width: 100%;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    padding: 12px 16px;
    display: flex;
    position: relative
}

@media (max-width:768px) {
    .wrapper-MFKq_C {
        max-width: 100%
    }
}

.contentText-M6nVSb {
    box-sizing: border-box;
    max-width: 243px;
    padding-top: 8px;
    font-weight: 500;
    line-height: 1.3
}

.contentText-M6nVSb:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 8px
}

.contentText-M6nVSb:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 8px
}

.contentText-M6nVSb:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 8px
}

.contentText-M6nVSb:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 8px
}

.contentText-M6nVSb:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 8px
}

.contentText-M6nVSb:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 8px
}

.closeBtn-dyewRC {
    top: 8px;
    cursor: pointer;
    width: 12px;
    height: 12px;
    position: absolute
}

.closeBtn-dyewRC:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 8px
}

.closeBtn-dyewRC:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 8px
}

.closeBtn-dyewRC:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 8px
}

.closeBtn-dyewRC:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 8px
}

.closeBtn-dyewRC:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 8px
}

.closeBtn-dyewRC:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 8px
}

.wrapperPc-deE3iB {
    border: 1px solid var(--color-line-border-strong);
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 12px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 24px;
    padding: 16px 20px;
    display: flex
}

@media (max-width:992px) {
    .wrapperPc-deE3iB {
        display: none
    }
}

.wrapperH5-AaR_SX {
    display: none
}

@media (max-width:992px) {
    .wrapperH5-AaR_SX {
        border: 1px solid var(--color-line-border-strong);
        box-sizing: border-box;
        cursor: pointer;
        border-radius: 8px;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        margin-top: 24px;
        padding: 20px 16px;
        display: flex
    }
}

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

@media (max-width:992px) {
    .content-k58zgI {
        flex-direction: column;
        align-items: flex-start
    }
}

.contentText-RziBE5 {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 800px;
    font-size: 18px;
    line-height: 24px;
    overflow: hidden
}

.contentText-RziBE5:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 8px
}

.contentText-RziBE5:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 8px
}

.contentText-RziBE5:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 8px
}

.contentText-RziBE5:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 8px
}

.contentText-RziBE5:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 8px
}

.contentText-RziBE5:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 8px
}

@media (max-width:992px) {
    .contentText-RziBE5 {
        white-space: normal;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        display: -webkit-box;
        overflow: hidden
    }
}

.btn-Ha0x3K {
    background-color: var(--color-function-brand);
    height: 40px;
    color: var(--color-text-always-white);
    cursor: pointer;
    box-sizing: border-box;
    white-space: nowrap;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    min-width: 128px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    display: flex
}

@media (max-width:992px) {
    .btn-Ha0x3K {
        min-width: 121px;
        height: 32px;
        margin-top: 12px;
        padding-left: 16px;
        padding-right: 16px;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px
    }
}

.btn-Ha0x3K:hover {
    background-color: var(--color-link-pressed)
}

.wrapperPc-MiFCWd {
    cursor: pointer;
    box-sizing: border-box;
    z-index: 11;
    background: #1f2023;
    border-radius: 12px;
    width: 308px;
    padding: 12px 16px 16px;
    position: fixed;
    bottom: 24px;
    right: 96px;
    box-shadow: 0 1.6px 11.2px rgba(0, 0, 0, .08)
}

html[lang=ar] .wrapperPc-MiFCWd {
    right: unset;
    left: 96px
}

@media (max-width:992px) {
    .wrapperPc-MiFCWd {
        display: none
    }
}

.wrapperH5-ULNucP {
    display: none
}

@media (max-width:992px) {
    .wrapperH5-ULNucP {
        cursor: pointer;
        box-sizing: border-box;
        z-index: 11;
        background: #1f2023;
        border-radius: 12px;
        width: 295px;
        padding: 12px 16px 16px;
        display: block;
        position: fixed;
        top: 26%;
        left: 50%;
        transform: translateX(-50%);
        box-shadow: 0 1.6px 11.2px rgba(0, 0, 0, .08)
    }
}

.bgImgWrapper-ecd1hD {
    width: 256px;
    margin: 0 auto
}

.title-OCvkpW {
    text-align: center;
    color: #fff;
    width: 250px;
    margin: 12px auto 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px
}

.title-OCvkpW,
.title-OCvkpW>* {
    text-overflow: ellipsis;
    overflow: hidden
}

.title-OCvkpW>* {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.desc-qgJESD {
    color: #84888c;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 16px;
    font-size: 12px;
    font-weight: 400;
    line-height: 130%;
    overflow: hidden
}

@media (max-width:992px) {
    .desc-qgJESD {
        margin-top: 20px;
        padding-bottom: 4px;
        line-height: 18px
    }
}

.benefit-LC12u8 {
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    display: flex
}

@media (max-width:992px) {
    .benefit-LC12u8 {
        gap: 10px;
        margin-top: 4px
    }
}

.benefitText-tIF40u {
    color: #a0a3a7;
    font-size: 12px;
    font-weight: 400;
    line-height: 130%
}

.benefitText-tIF40u,
.btn-yrxLoG {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.btn-yrxLoG {
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    color: #ffdd9c;
    background: linear-gradient(269.75deg, #ba936f -31.36%, #664a33 67.42%), #1e1e1f;
    border-radius: 99px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    width: 100%;
    height: 40px;
    margin-top: 24px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    display: flex
}

@media (max-width:992px) {
    .btn-yrxLoG {
        margin-top: 28px
    }
}

.closeBtn-Ztalp9 {
    box-sizing: border-box;
    z-index: 2;
    cursor: pointer;
    background: radial-gradient(circle, #fff 0, #fff 50%, transparent 70%, transparent 100%);
    border-radius: 50%;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 12px;
    right: 12px
}

html[lang=ar] .closeBtn-Ztalp9 {
    right: unset;
    left: 12px
}

.closeBtnH5-shf4GW {
    box-sizing: border-box;
    z-index: 2;
    cursor: pointer;
    background: radial-gradient(circle, #111 0, #111 50%, transparent 70%, transparent 100%);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    position: absolute;
    top: calc(100% + 12px);
    right: 50%;
    transform: translateX(50%)
}

.hidden-moufRx {
    opacity: 0
}

.animated-DqBPkp {
    opacity: 1;
    animation: frame-tfgzYE .3s linear
}

.container-iNeTfk {
    box-sizing: border-box;
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 104px 0;
    position: relative
}

.container-iNeTfk a {
    text-decoration: none
}

.wrapper-JTPzbq {
    width: 100%;
    max-width: 1440px;
    height: 100%;
    margin: 0 auto
}

.content-eHHplc {
    margin: 0 100px;
    position: relative
}

.contentImage-Rx4Obi {
    aspect-ratio: 1240/568;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%
}

.textInner-Haef1q {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 48px;
    width: 100%;
    height: 100%;
    display: flex
}

.title-zCe5KG {
    word-wrap: break-word;
    font-size: 48px;
    font-weight: 600;
    line-height: 120%
}

.returnHomeButton-gcaO2s {
    word-wrap: break-word;
    border-radius: 26px;
    justify-content: center;
    align-items: center;
    height: 52px;
    padding: 0 32px;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    color: #fff !important;
    background-color: var(--color-brand-1) !important
}

.footer-axaFnk {
    flex-direction: row;
    gap: 48px;
    padding: 100px
}

.footer-axaFnk,
.footerItem-ZpEjFh {
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.footerItem-ZpEjFh {
    flex-direction: column;
    flex: 1
}

.footerItemLabelInner-LTYYD7 {
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    width: 100%;
    display: flex
}

.footerItemLabelIcon-vj5hmH {
    width: 40px;
    height: 40px
}

.footerItemLabelTitle-ojuNvI {
    font-size: 20px;
    font-weight: 600
}

.footerItemLinkList-aKTR7t {
    flex-flow: wrap;
    width: 100%;
    margin-top: 26px;
    display: flex
}

.column-_kC0sW {
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
    gap: 16px
}

.column-_kC0sW,
.column-_kC0sW a {
    justify-content: flex-start;
    width: 100%;
    display: flex
}

.column-_kC0sW a {
    align-items: center;
    gap: 8px;
    text-decoration: none
}

.footerItemLinkPoint-tHIZef {
    background-color: var(--color-text-2);
    opacity: .3;
    width: 4px;
    height: 4px;
    margin-top: 8.5px;
    margin-bottom: 8.5px
}

.footerItemLinkText-X_QlGY {
    color: var(--color-text-2);
    font-size: 14px;
    font-weight: 500
}

.footerItemLinkText-X_QlGY:hover {
    color: var(--color-brand-1)
}

.flexCenter-sWA087 {
    justify-content: flex-end !important;
    align-items: flex-end !important
}

.trendingLinkItemText-vbWEQ4 {
    color: var(--color-brand-3);
    font-size: 14px;
    font-weight: 500
}

.trendingLinkItemText-vbWEQ4:hover {
    color: var(--color-brand-2)
}

@media (max-width:768px) {
    .container-iNeTfk {
        padding: 79.488px var(--layout-padding)
    }
    .footer-axaFnk {
        padding: 26px 0
    }
    .content-eHHplc {
        margin: 0;
        padding: 26px 0
    }
    .contentImage-Rx4Obi {
        aspect-ratio: unset;
        background-position: 50% 0;
        background-size: contain;
        height: 368px;
        margin: 0 auto
    }
    .textInner-Haef1q {
        flex-direction: column;
        justify-content: flex-end;
        gap: 26px
    }
    .title-zCe5KG {
        font-size: 26px
    }
    .returnHomeButton-gcaO2s {
        border-radius: 20px;
        width: 100%;
        height: 44px;
        padding: 0 24px;
        font-size: 16px
    }
    .footer-axaFnk {
        flex-direction: column
    }
    .footerItemLinkList-aKTR7t {
        flex-direction: column;
        justify-content: flex-start
    }
}

.root-xK0QGd {
    box-sizing: border-box;
    border: 1px solid var(--color-line-border-subtle);
    border-radius: 12px;
    padding: 24px 24px 32px;
    line-height: 1.3;
    container-type: inline-size
}

@media (max-width:768px) {
    .root-xK0QGd {
        padding-bottom: 24px
    }
}

.inner-Un4CoN {
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex
}

.logoWrap-Xm4Fpg {
    width: 100%;
    margin-bottom: 24px;
    display: inline-flex
}

.logoLight-xP2Hg0 {
    display: inline-block
}

.classic-dark .root-xK0QGd .logoLight-xP2Hg0,
.logoDark-utCU7_ {
    display: none
}

.classic-dark .root-xK0QGd .logoDark-utCU7_ {
    display: inline-block
}

.contentIconWrap-IME8ip {
    margin-bottom: 16px;
    display: inline-flex
}

.contentIconLight-y_P5wt {
    display: inline-block
}

.classic-dark .root-xK0QGd .contentIconLight-y_P5wt,
.contentIconDark-eo3hWP {
    display: none
}

.classic-dark .root-xK0QGd .contentIconDark-eo3hWP {
    display: inline-block
}

.title-j0HwOL {
    color: var(--color-text-text-primary);
    text-align: center;
    white-space: normal;
    word-break: break-word;
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 500
}

@media (max-width:768px) {
    .title-j0HwOL {
        font-size: 20px
    }
}

.subtitle-lRzwWN {
    color: var(--color-text-text-secondary);
    text-align: center;
    white-space: normal;
    word-break: break-word;
    font-size: 16px;
    font-weight: 400
}

@media (max-width:768px) {
    .subtitle-lRzwWN {
        font-size: 14px
    }
}

.btnWrap-ZVwsdJ {
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-items: stretch;
    gap: 14px;
    width: 100%;
    margin-top: 24px;
    display: grid
}

@container (width <=250px) {
    .btnWrap-ZVwsdJ {
        grid-auto-flow: row
    }
}

.btnWrap-ZVwsdJ>.actionBtn-KJIKG6:only-child {
    justify-self: center
}

.actionBtn-KJIKG6 {
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 99px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    min-width: 100px;
    min-height: 40px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 500;
    transition: all .1s ease-in-out;
    display: inline-flex
}

.actionBtn-KJIKG6,
.actionBtnText-C_fz0F {
    white-space: normal;
    word-break: break-word
}

.actionBtnText-C_fz0F {
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.actionBtn-KJIKG6>svg {
    width: 20px;
    min-width: 20px;
    height: 20px
}

@media (max-width:768px) {
    .actionBtn-KJIKG6 {
        min-height: 36px
    }
    .actionBtn-KJIKG6>svg {
        width: 16px;
        min-width: 16px;
        height: 16px
    }
}

.primaryBtn-ELxfLN {
    background: var(--color-cmpt-button-primary);
    color: var(--color-text-inverse-primary)
}

.primaryBtn-ELxfLN:hover {
    color: var(--color-text-text-secondary)
}

.secondaryBtn-gZT7Hj {
    background: var(--color-cmpt-button-soft);
    color: var(--color-text-text-primary)
}

.secondaryBtn-gZT7Hj:hover {
    color: var(--color-text-text-primary);
    background: var(--color-bg-quaternary)
}

.modal_content-j78Bfv {
    flex-direction: column;
    display: flex
}

.content_text-EHlhRj {
    color: var(--color-text-text-primary);
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

.checkbox_wrapper-gvfILK {
    margin-top: 16px
}

.footer_content-ydQZwm {
    flex-direction: column;
    gap: 16px;
    display: flex
}

.footer_buttons-syiVBG {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    display: grid
}