._imgWrapper_azxot_1 {
    padding: 12px 12px 0;
    width: 100%;
    height: 100%;
    border-radius: 8px
}

._imgWrapper_azxot_1 img {
    width: 100%;
    border-radius: 8px
}

._imgWrapper_azxot_1 ._pointer_azxot_11 {
    cursor: pointer
}

._imgSwiperWrapper_azxot_15 {
    padding: 0
}

@media (max-width: 768px) {
    ._imgWrapper_azxot_1 {
        width: 100%;
        padding: 0
    }

    ._imgWrapper_azxot_1 img {
        margin: 0;
        width: 300px;
        height: 186px;
        padding: 0;
        border-radius: 0
    }
}

._videoWrapper_azxot_38 {
    position: relative;
    padding: 10px 10px 0;
    width: 100%;
    height: 100%;
    border-radius: 8px
}

._videoWrapper_azxot_38 ._videoRadius_azxot_45 {
    overflow: hidden;
    height: 100%;
    border-radius: 8px;
    font-size: 0;
    object-fit: fill
}

._videoWrapper_azxot_38 ._videoRadius_azxot_45>div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 9
}

._videoWrapper_azxot_38 ._video_azxot_38 {
    max-width: 664px;
    width: 100%;
    height: 100%;
    object-fit: fill
}

._videoWrapper_azxot_38 ._fullVideo_azxot_66 {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: fill
}

._videoSwiperWrapper_azxot_73 {
    padding: 0
}

@media (max-width: 768px) {
    ._videoWrapper_azxot_38 {
        padding: 0
    }

    ._videoWrapper_azxot_38 ._videoRadius_azxot_45 {
        border-radius: 0
    }
}

._wrapper_83pfu_1 {
    display: flex;
    align-items: center;
    padding-bottom: 16px
}

._wrapper_83pfu_1 label {
    margin-right: 2px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px
}

._wrapper_83pfu_1 ul {
    display: flex;
    margin: 0;
    padding: 0
}

._wrapper_83pfu_1 ul li {
    display: flex;
    align-items: center;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--text-tertiary)
}

._wrapper_83pfu_1 ._tag_83pfu_26 {
    display: inline-block;
    margin: 0 4px;
    min-width: 24px;
    height: 24px;
    background-color: var(--fill-modal-button-default);
    border-radius: 4px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-primary)
}

@media (max-width: 768px) {
    ._wrapper_83pfu_1 {
        flex-direction: column
    }

    ._wrapper_83pfu_1 label {
        margin-bottom: 6px
    }
}

._wrapper_1s811_1 {
    padding: 16px 12px 24px
}

._wrapper_1s811_1 ._contGroupNone_1s811_4 {
    display: none
}

._wrapper_1s811_1 ._title_1s811_7 {
    margin-bottom: 4px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px
}

._wrapper_1s811_1 ._text_1s811_17 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--text-secondary)
}

._wrapper_1s811_1 ._text_1s811_17 a {
    color: #1890ff;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    cursor: pointer
}

._wrapper_1s811_1 ._countdownWrap_1s811_37 {
    display: flex;
    justify-content: center;
    align-items: center
}

._wrapper_1s811_1 ._btnGroup_1s811_42 {
    display: flex
}

._wrapper_1s811_1 ._btnGroup_1s811_42 .ant-checkbox-inner:after {
    left: 2px
}

._wrapper_1s811_1 ._btnGroup_1s811_42 .ant-checkbox-wrapper {
    line-height: 14px
}

._wrapper_1s811_1 ._btnGroup_1s811_42 .ant-checkbox-wrapper>span:nth-of-type(2) {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: var(--text-tertiary)
}

._wrapper_1s811_1 ._btnGroup_1s811_42 ._footerBtn_1s811_57 {
    height: auto;
    white-space: normal
}

._wrapper_1s811_1 ._btnGroup_1s811_42 ._footerBtn_1s811_57 span {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px
}

._wrapper_1s811_1 ._btnGroupOne_1s811_66 {
    justify-content: space-between;
    align-items: baseline
}

._wrapper_1s811_1 ._btnGroupTwO_1s811_70 {
    flex-direction: row-reverse
}

._wrapper_1s811_1 ._btnGroupThree_1s811_73 {
    justify-content: center
}

._wrapper_1s811_1 ._btnGroupThree_1s811_73 ._footerBtn_1s811_57 {
    min-width: 286px
}

._wrapper_1s811_1 ._btnGroupFour_1s811_79 {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center
}

._wrapper_1s811_1 ._btnGroupFour_1s811_79 ._footerBtn_1s811_57 {
    min-width: 286px
}

._wrapper_1s811_1 ._btnGroupFour_1s811_79 .ant-checkbox-wrapper {
    margin-top: 16px
}

@media (max-width: 768px) {
    ._wrapper_1s811_1 {
        padding: 8px 12px
    }

    ._wrapper_1s811_1 ._contGroup_1s811_4 {
        margin-bottom: 4px
    }

    ._wrapper_1s811_1 ._contGroupOnly_1s811_98 {
        display: flex;
        justify-content: center;
        align-items: center
    }

    ._wrapper_1s811_1 ._title_1s811_7 {
        margin-bottom: 2px;
        width: 274px;
        max-height: 40px;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-align: center;
        font-size: 14px;
        line-height: 20px
    }

    ._wrapper_1s811_1 ._text_1s811_17 {
        max-height: 32px;
        text-align: center;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px
    }

    ._wrapper_1s811_1 ._countdownWrap_1s811_37 {
        padding: 6px 0
    }

    ._wrapper_1s811_1 ._btnGroup_1s811_42 .ant-checkbox-inner {
        width: 14px;
        height: 14px
    }

    ._wrapper_1s811_1 ._btnGroup_1s811_42 .ant-checkbox-wrapper {
        margin-top: 8px
    }

    ._wrapper_1s811_1 ._btnGroup_1s811_42 .ant-checkbox-wrapper>span:nth-of-type(2) {
        font-weight: 500;
        font-size: 12px;
        line-height: 16px
    }

    ._wrapper_1s811_1 ._btnGroup_1s811_42 ._footerBtn_1s811_57 {
        padding: 4px 12px;
        min-width: 210px;
        min-height: 34px
    }

    ._wrapper_1s811_1 ._btnGroup_1s811_42 ._footerBtn_1s811_57 span {
        font-weight: 400;
        font-size: 14px;
        line-height: 24px
    }

    ._wrapper_1s811_1 ._btnGroup_1s811_42 ._checkoutBtn_1s811_149 {
        height: 16px
    }

    ._wrapper_1s811_1 ._btnGroupOne_1s811_66 {
        flex-direction: column-reverse;
        align-items: center
    }

    ._wrapper_1s811_1 ._btnGroupTwO_1s811_70 {
        justify-content: center
    }

    ._contGroupNoneImWrapper_1s811_159 {
        height: 100%
    }
}

._wrapper_mlu5x_1 {
    padding: 0;
    overflow: hidden;
    border-radius: 16px
}

._wrapper_mlu5x_1 .ant-modal-body {
    padding: 0
}

._wrapper_mlu5x_1 .ant-modal-close {
    color: #ebedf0
}

._wrapper_mlu5x_1 .ant-modal-close .ant-modal-close-x {
    display: flex;
    align-items: center;
    justify-content: center
}

._wrapper_mlu5x_1 ._closeIcon_mlu5x_17 {
    color: var(--icon-tertiary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

._wrapper_mlu5x_1 ._closeIcon_mlu5x_17 svg {
    font-size: 16px
}

._wrapper_mlu5x_1 ._redirectCountDown_mlu5x_27 {
    font-size: 12px;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
    color: #fff
}

html[dir=rtl] ._wrapper_mlu5x_1 ._redirectCountDown_mlu5x_27 {
    right: 20px;
    left: unset
}

@media (max-width: 768px) {
    ._wrapper_mlu5x_1 {
        width: 300px !important
    }

    ._wrapper_mlu5x_1 .ant-modal-close .ant-modal-close-x {
        width: 42px !important;
        height: 42px !important
    }

    ._wrapper_mlu5x_1 ._redirectCountDown_mlu5x_27 {
        top: 8px;
        left: 8px
    }

    ._closeIcon_mlu5x_17 {
        width: 22px !important;
        height: 22px !important
    }

    ._closeIcon_mlu5x_17 svg {
        font-size: 10px !important
    }

    html[dir=rtl] ._wrapper_mlu5x_1 ._redirectCountDown_mlu5x_27 {
        right: 8px;
        left: unset
    }
}

._wrapper_fr75a_1 {
    margin-top: 24px;
    display: flex;
    align-items: center;
    flex-direction: column
}

._wrapper_fr75a_1 label {
    font-size: 14px;
    color: #87909f;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px
}

._wrapper_fr75a_1 ul {
    display: flex;
    margin: 0;
    padding: 0;
    direction: ltr
}

._wrapper_fr75a_1 ul li {
    padding: 4px;
    border-radius: 4px;
    background: #393f4f69;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

._wrapper_fr75a_1 ._tag_fr75a_28 {
    color: #f2f4f6
}

._wrapper_fr75a_1 ._colon_fr75a_31 {
    margin: 0 9px;
    color: #87909f
}

._wrapper_uibma_1._imageStyle_uibma_1 .ant-modal-content {
    background-color: transparent;
    box-shadow: none;
    padding-top: 55px
}

._wrapper_uibma_1._imageStyle_uibma_1 .ant-modal-body {
    padding: 0
}

._wrapper_uibma_1._imageStyle_uibma_1 .ant-checkbox-inner {
    border-radius: 4px
}

._wrapper_uibma_1._imageStyle_uibma_1 .ant-modal-close {
    color: #edeff2
}

._wrapper_uibma_1._imageStyle_uibma_1 .ant-modal-close .ant-modal-close-x {
    width: unset;
    position: absolute
}

._wrapper_uibma_1._imageStyle_uibma_1 .ant-checkbox-wrapper>span:nth-of-type(2) {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #b5b6b8
}

._wrapper_uibma_1._imageStyle_uibma_1 .ant-checkbox-wrapper .ant-checkbox-inner {
    border-color: #b5b6b8
}

._wrapper_uibma_1._imageTextStyle_uibma_28 .ant-modal-content {
    background-color: transparent;
    box-shadow: none
}

._wrapper_uibma_1._imageTextStyle_uibma_28 .ant-modal-body {
    padding: 0
}

._wrapper_uibma_1._imageTextStyle_uibma_28 ._delayCloseBtn_uibma_35 {
    opacity: 0;
    animation: _fadeIn_uibma_1 1.5s forwards;
    animation-delay: .5s
}

@keyframes _fadeIn_uibma_1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

._modalContent_uibma_49 {
    max-width: 720px
}

._modalContent_uibma_49 ._content_uibma_52._pointer_uibma_52 {
    cursor: pointer
}

._modalContent_uibma_49 ._content_uibma_52 img {
    display: block;
    width: 100%
}

._modalContent_uibma_49 ._redirectCountDown_uibma_59 {
    font-size: 12px;
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 10;
    color: #fff
}

._modalContent_uibma_49 ._imageRadius_uibma_67 {
    border-radius: 8px 8px 0 0
}

._modalContent_uibma_49 ._contentText_uibma_70 {
    background-color: #141e39;
    border-radius: 16px;
    color: #f2f4f6;
    margin-top: -84px;
    padding: 100px 54px 24px
}

._modalContent_uibma_49 ._contentText_uibma_70 ._title_uibma_77 {
    text-align: center;
    overflow-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

._modalContent_uibma_49 ._contentText_uibma_70 ._content_uibma_52 {
    text-align: center;
    overflow-wrap: break-word;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #d7dadf
}

._modalContent_uibma_49 ._contentText_uibma_70 ._cardContent_uibma_103 {
    width: 100%;
    margin: 24px auto 0;
    border-radius: 12px;
    border: 1px solid #1A3D70;
    background: #142c4f;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 16px
}

._modalContent_uibma_49 ._contentText_uibma_70 ._cardContent_uibma_103 ._cardImg_uibma_114 {
    height: 64px
}

._modalContent_uibma_49 ._contentText_uibma_70 ._cardContent_uibma_103 ._cardText_uibma_117 {
    overflow-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #f2f4f6
}

._modalContent_uibma_49 ._contentText_uibma_70 ._funcButton_uibma_129 {
    width: 100%;
    margin-top: 24px;
    font-size: 16px;
    line-height: 24px
}

._modalContent_uibma_49 ._contentText_uibma_70 ._noTipText_uibma_135 {
    margin-top: 16px;
    padding: 8px 16px;
    text-align: center;
    cursor: pointer
}

._modalContent_uibma_49 ._contentText_uibma_70 ._noTipText_uibma_135 span {
    color: #6e7583;
    font-size: 14px;
    line-height: 20px
}

._modalContent_uibma_49 ._contentText_uibma_70 ._noTipText_uibma_135 .ant-checkbox-inner {
    border-color: #6e7583;
    border-radius: 4px
}

._modalContent_uibma_49 ._contentText_uibma_70 ._noTipText_uibma_135:hover {
    color: var(--primary-base)
}

._modalContent_uibma_49 ._contentText_uibma_70 p {
    margin-bottom: 0
}

._checkbox_uibma_157 {
    margin-top: 24px;
    display: flex;
    justify-content: center
}

html[dir=rtl] ._modalContent_uibma_49 ._redirectCountDown_uibma_59 {
    left: unset;
    right: 16px
}

@media (max-width: 768px) {
    ._wrapper_uibma_1._imageTextStyle_uibma_28 .ant-modal-close {
        bottom: -80px;
        top: unset;
        right: calc(50% - 36px)
    }

    ._wrapper_uibma_1._imageTextStyle_uibma_28 .ant-modal-close svg {
        font-size: 28px
    }

    ._modalContent_uibma_49 ._contentText_uibma_70 {
        margin-top: -64px;
        padding: 80px 16px 16px
    }

    ._modalContent_uibma_49 ._contentText_uibma_70 ._title_uibma_77 {
        font-size: 18px
    }

    ._modalContent_uibma_49 ._contentText_uibma_70 ._content_uibma_52 {
        margin-top: 8px;
        font-size: 16px;
        line-height: 24px
    }

    ._modalContent_uibma_49 ._contentText_uibma_70 ._cardContent_uibma_103 ._cardText_uibma_117 {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

._container_19g2a_1 {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

._container_19g2a_1._error_19g2a_9 ._placeholder_19g2a_9 {
    opacity: 1 !important
}

._container_19g2a_1 ._main-image_19g2a_14 {
    will-change: transform;
    transition: transform .3s ease-in
}

._container_19g2a_1 ._main-image_19g2a_14._loaded_19g2a_19 {
    transform: scale(1.02)
}

._placeholder_1fr9q_1 {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    opacity: 1;
    pointer-events: none;
    will-change: opacity
}

._mainImage_1yess_1 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    opacity: 0;
    pointer-events: none;
    will-change: opacity, transform
}

._mainImage_1yess_1._loaded_1yess_14 {
    opacity: 1;
    transform: scale(1.02);
    transition: transform .3s ease-in
}

._wrapper_7c5jc_1 {
    padding: 0;
    -webkit-user-select: none;
    user-select: none
}

._wrapper_7c5jc_1 ._modalContent_7c5jc_5 {
    display: flex
}

._wrapper_7c5jc_1 ._modalContent_7c5jc_5 ._navSwiperWrapper_7c5jc_8 {
    background: var(--fill-tab-tertiary);
    width: 96px;
    padding: 12px;
    position: relative
}

._wrapper_7c5jc_1 ._modalContent_7c5jc_5 ._navSwiperWrapper_7c5jc_8 img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    border-radius: 8px;
    overflow: hidden
}

._wrapper_7c5jc_1 ._modalContent_7c5jc_5 ._navSwiperWrapper_7c5jc_8 .navSwiper {
    max-height: 100%;
    height: 270px
}

._wrapper_7c5jc_1 ._modalContent_7c5jc_5 ._navSwiperWrapper_7c5jc_8 .navSwiper .swiper-slide {
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer
}

._wrapper_7c5jc_1 ._modalContent_7c5jc_5 ._navSwiperWrapper_7c5jc_8 .navSwiper .swiper-slide:hover:after {
    background: transparent
}

._wrapper_7c5jc_1 ._modalContent_7c5jc_5 ._navSwiperWrapper_7c5jc_8 .navSwiper .swiper-slide:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 1px;
    left: 1px;
    background: #0006;
    border-radius: 8px;
    transition: all .3s
}

._wrapper_7c5jc_1 ._modalContent_7c5jc_5 ._navSwiperWrapper_7c5jc_8 .navSwiper .swiper-slide-thumb-active:after {
    background: transparent
}

._wrapper_7c5jc_1 ._modalContent_7c5jc_5 ._navSwiperWrapper_7c5jc_8 .navSwiper .swiper-slide-thumb-active img {
    border: 1px solid #f6f6f6
}

._wrapper_7c5jc_1 ._modalContent_7c5jc_5 ._navSwiperWrapper_7c5jc_8 .swiper-scrollbar-vertical {
    background: transparent
}

._wrapper_7c5jc_1 ._modalContent_7c5jc_5 ._navSwiperWrapper_7c5jc_8 .swiper-scrollbar-drag {
    border-radius: 3px
}

._wrapper_7c5jc_1 ._modalContent_7c5jc_5 ._navSwiperWrapper_7c5jc_8 .swiper_scrollbar_element_lg {
    position: absolute;
    top: 11px;
    right: 0;
    width: 3px;
    height: 412px
}

._wrapper_7c5jc_1 ._modalContent_7c5jc_5 ._navSwiperWrapper_7c5jc_8 .swiper_scrollbar_element_md {
    position: absolute;
    top: 9px;
    right: 0;
    width: 3px;
    height: 336px
}

._wrapper_7c5jc_1 ._modalContent_7c5jc_5 ._navSwiperWrapper_7c5jc_8 .swiper_pagination_element {
    color: var(--text-secondary);
    position: absolute;
    bottom: 16px;
    left: 10px
}

._wrapper_7c5jc_1 ._modalContent_7c5jc_5 ._displaySwiperWrapper_7c5jc_79 {
    width: 444px;
    height: auto;
    padding: 12px 12px 0;
    background: var(--bg-modal)
}

._wrapper_7c5jc_1 ._modalContent_7c5jc_5 ._displaySwiperWrapper_7c5jc_79 .displaySwiper {
    height: 270px;
    border-radius: 8px
}

._wrapper_7c5jc_1 ._modalContent_7c5jc_5 ._displaySwiperWrapper_7c5jc_79 ._autoplayProgress_7c5jc_89 {
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 10;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

._wrapper_7c5jc_1 ._modalContent_7c5jc_5 ._displaySwiperWrapper_7c5jc_79 ._autoplayProgress_7c5jc_89 svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 3px;
    stroke: #ffffff4d;
    fill: none;
    stroke-dashoffset: calc(138.16 * (1 - var(--progress)));
    stroke-dasharray: 138.16;
    transform: rotate(-90deg)
}

._wrapper_7c5jc_1 ._closeIcon_7c5jc_118 {
    color: var(--icon-tertiary);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

._wrapper_7c5jc_1 ._closeIcon_7c5jc_118 svg {
    font-size: 16px
}

._wrapper_7c5jc_1 .ant-modal-close {
    color: #edeff2
}

._wrapper_7c5jc_1 .ant-modal-close .ant-modal-close-x {
    display: flex;
    align-items: center;
    justify-content: center;
    color: unset;
    position: relative
}

._wrapper_7c5jc_1 .ant-modal-close .ant-modal-close-x i {
    color: unset
}

._wrapper_7c5jc_1 .ant-modal-body {
    padding: 0
}

._wrapper_7c5jc_1 .ant-checkbox-inner {
    border-radius: 2px
}

._wrapper_7c5jc_1 .ant-modal-content {
    overflow: hidden;
    border-radius: 16px
}

html[data-theme=light] ._navSwiperWrapper_7c5jc_8 .swiper-scrollbar-drag {
    background: #d3d7db;
    border-radius: 3px
}

html[data-theme=dark] ._navSwiperWrapper_7c5jc_8 .swiper-scrollbar-drag {
    background: #3c4047;
    border-radius: 3px
}

html[dir=rtl] ._modalContent_7c5jc_5 ._displaySwiperWrapper_7c5jc_79 ._autoplayProgress_7c5jc_89 {
    right: 12px;
    left: unset
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

._wrapper_1ntv5_1 {
    width: 100vw !important;
    height: 100% !important;
    top: 0
}

._wrapper_1ntv5_1 ._mockMask_1ntv5_6 {
    width: 100vw;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

._wrapper_1ntv5_1 ._mockMask_1ntv5_6 ._mobileSlider_1ntv5_13 {
    margin: auto;
    text-align: center;
    width: 300px;
    max-height: 338px;
    box-sizing: border-box;
    border-radius: 16px;
    transition: .3s;
    transform: scale(.84);
    background: var(--bg-modal);
    overflow: hidden
}

._wrapper_1ntv5_1 ._mockMask_1ntv5_6 ._mobileSlider_1ntv5_13:last-child {
    margin-right: 0
}

._wrapper_1ntv5_1 ._mockMask_1ntv5_6 ._mobileSlider_1ntv5_13 img {
    display: block;
    object-fit: cover;
    width: 300px;
    height: 186px
}

._wrapper_1ntv5_1 ._mockMask_1ntv5_6 ._mobileSlider_1ntv5_13 ._mockModal_1ntv5_34 {
    position: relative;
    height: 100%
}

._wrapper_1ntv5_1 ._mockMask_1ntv5_6 ._mobileSlider_1ntv5_13 ._content_1ntv5_38 ._modalCloseX_1ntv5_38 {
    height: 40px;
    width: 40px;
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #edeff2
}

._wrapper_1ntv5_1 {
    margin: 0;
    max-width: 100vw
}

._wrapper_1ntv5_1 .ant-modal-close {
    display: none
}

._wrapper_1ntv5_1 .ant-modal-content {
    background-color: transparent;
    box-shadow: none;
    height: 100%
}

._wrapper_1ntv5_1 .ant-modal-body {
    width: 100vw;
    height: 100%;
    padding: 0
}

._wrapper_1ntv5_1 .mobileSwiper {
    max-height: 338px;
    width: 100%
}

._wrapper_1ntv5_1 .mobileSwiper .swiper-slide-active,
._wrapper_1ntv5_1 .mobileSwiper .swiper-slide-duplicate-active {
    transform: scale(1)
}

._wrapper_1ntv5_1 .mobileSwiper .swiper-slide-active .mockModal:after,
._wrapper_1ntv5_1 .mobileSwiper .swiper-slide-duplicate-active .mockModal:after {
    background: transparent
}

._wrapper_1ntv5_1 .mobileSwiper .swiper-slide-next .mockModal:after,
._wrapper_1ntv5_1 .mobileSwiper .swiper-slide-prev .mockModal:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #0006;
    border-radius: 8px;
    pointer-events: auto
}

._wrapper_1ntv5_1 ._dotWrapper_1ntv5_90 {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

._wrapper_1ntv5_1 ._dotWrapper_1ntv5_90 ._dotItem_1ntv5_98 {
    cursor: pointer;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    margin-right: 4px;
    background-color: var(--text-tertiary);
    opacity: .5;
    display: inline-block;
    transition: width .3s
}

._wrapper_1ntv5_1 ._dotWrapper_1ntv5_90 ._dotItem_1ntv5_98._dotItemActive_1ntv5_109 {
    width: 10px;
    background: #edeff2;
    opacity: 1
}

._wrapper_1ntv5_1 ._dotWrapper_1ntv5_90 ._dotItem_1ntv5_98:nth-last-of-type(1) {
    margin-right: 0
}

._wrapper_1ntv5_1 ._autoplayProgress_1ntv5_117 {
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 10;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

._wrapper_1ntv5_1 ._autoplayProgress_1ntv5_117 svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 3px;
    stroke: #ffffff4d;
    fill: none;
    stroke-dashoffset: calc(138.16 * (1 - var(--progress)));
    stroke-dasharray: 138.16;
    transform: rotate(-90deg)
}

._wrapper_1ntv5_1 ._closeIcon_1ntv5_146 {
    color: var(--icon-tertiary);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

html[dir=rtl] ._wrapper_1ntv5_1 ._autoplayProgress_1ntv5_117 {
    right: 12px;
    left: unset
}

html[dir=rtl] ._wrapper_1ntv5_1 ._mockMask_1ntv5_6 ._mobileSlider_1ntv5_13 ._content_1ntv5_38 ._modalCloseX_1ntv5_38 {
    left: 0;
    right: unset
}