.page_mobile_app_wrp,
body.theme_light .page_mobile_app_wrp {
    --bc-thm-pageMobileAppWrp-bg: #f3f3f3
}

.page_mobile_app,
body.theme_light .page_mobile_app {
    --bc-thm-pageMobileApp-body-bg: var(--white);
    --bc-thm-pageMobileApp-header-bg: linear-gradient(65deg, #0178db 0, #0178db 33%, #d50a60 52.5%, #d40a60 100%), linear-gradient(90deg, #0178db 50%, #d40a60 50%);
    --bc-thm-pageMobileApp-guideHead-title-color: #192634;
    --bc-thm-pageMobileApp-switcher-bg: #f4f4f4;
    --bc-thm-pageMobileApp-switcher-bullet-color: #192634;
    --bc-thm-pageMobileApp-switcher-bullet_android-iconColor: #a4c639;
    --bc-thm-pageMobileApp-switcher-bullet_ios-iconColor: #494949;
    --bc-thm-pageMobileApp-switcher-indicator-bg: var(--white);
    --bc-thm-pageMobileApp-switcher-indicator-boxShadowColor: #0000001a;
    --bc-thm-pageMobileApp-stage-borderColor: #e9e9e9;
    --bc-thm-pageMobileApp-stage-title-color: #192634;
    --bc-thm-pageMobileApp-conclusion-color: #192634;
    --bc-thm-pageMobileApp-conclusion-accent-color: #31c539
}

.page_mobile_app_wrp .wrapper {
    background: var(--bc-thm-pageMobileAppWrp-bg);
    padding: 0
}

.page_mobile_app_wrp .wrapper .wrapper_table {
    margin: 0
}

.page_mobile_app_wrp .header_bar {
    margin-bottom: 0
}

.page_mobile_app {
    padding-bottom: 60px
}

.page_mobile_app .pma_body {
    box-sizing: border-box;
    background: var(--bc-thm-pageMobileApp-body-bg);
    border-radius: 20px;
    max-width: 780px;
    margin: -20px auto 0;
    padding: 20px 60px;
    position: relative
}

.page_mobile_app .pma_conclusion {
    color: var(--bc-thm-pageMobileApp-conclusion-color);
    text-align: center;
    padding: 42px 0 34px;
    font: 20px/1.4 Open Sans, Arial, sans-serif
}

.page_mobile_app .pma_c_accent {
    color: var(--bc-thm-pageMobileApp-conclusion-accent-color);
    font-weight: 700
}

.page_mobile_app .pma_guide_content {
    counter-reset: step;
    padding: 16px 0
}

.page_mobile_app .pma_guide_content.__ios .pma_stage:first-child {
    padding-bottom: 26px
}

.page_mobile_app .pma_checkbox {
    visibility: hidden;
    position: absolute
}

.page_mobile_app .pma_checkbox:checked~.pma_guide_content.__ios {
    display: block
}

.page_mobile_app .pma_checkbox:checked~.pma_guide_content.__android,
.page_mobile_app .pma_checkbox~.pma_guide_content.__ios {
    display: none
}

.page_mobile_app .pma_checkbox~.pma_guide_content.__android {
    display: block
}

.page_mobile_app .pma_guide_head {
    justify-content: center;
    align-items: center;
    padding: 32px 0;
    display: flex
}

.page_mobile_app .pma_gh_title {
    color: var(--bc-thm-pageMobileApp-guideHead-title-color);
    margin-inline-end: 14px;
    font: 700 20px/28px Open Sans, sans-serif
}

.page_mobile_app .pma_header {
    height: 400px;
    position: relative
}

.page_mobile_app .pma_h_bg {
    text-align: center;
    background-image: var(--bc-thm-pageMobileApp-header-bg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1920px 100%, cover;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.page_mobile_app .pma_h_container {
    box-sizing: border-box;
    direction: ltr;
    max-width: 864px;
    height: 100%;
    margin: 0 auto;
    padding: 22px 4px;
    position: relative
}

.page_mobile_app .pma_stage {
    border: 1px solid var(--bc-thm-pageMobileApp-stage-borderColor);
    border-radius: 20px;
    flex-direction: column;
    align-items: center;
    padding: 16px 20px 8px;
    display: flex
}

.page_mobile_app .pma_stage+.pma_stage {
    margin-top: 40px
}

.page_mobile_app .pma_s_title {
    color: var(--bc-thm-pageMobileApp-stage-title-color);
    text-align: center;
    margin-bottom: 10px;
    padding: 0 40px;
    font: 20px/28px Open Sans, Arial, sans-serif
}

.page_mobile_app .pma_s_title:before {
    content: counter(step)".";
    counter-increment: step;
    font-weight: 700
}

.page_mobile_app .pma_s_picture.__android_open {
    height: 176px
}

.page_mobile_app .pma_s_picture.__android_share {
    height: 146px
}

.page_mobile_app .pma_s_picture.__android_add {
    height: 156px
}

.page_mobile_app .pma_s_picture.__android_rename,
.page_mobile_app .pma_s_picture.__android_launch,
.page_mobile_app .pma_s_picture.__ios_open {
    height: 158px
}

.page_mobile_app .pma_s_picture.__ios_share {
    height: 174px
}

.page_mobile_app .pma_s_picture.__ios_add {
    height: 156px
}

.page_mobile_app .pma_s_picture.__ios_rename {
    height: 178px
}

.page_mobile_app .pma_s_picture.__ios_launch {
    height: 158px
}

.page_mobile_app .pma_s_image {
    position: relative
}

.page_mobile_app .pma_switcher {
    background: var(--bc-thm-pageMobileApp-switcher-bg);
    border-radius: 50px;
    flex-shrink: 0;
    display: flex;
    position: relative
}

.page_mobile_app .pma_switcher .pma_s_indicator {
    z-index: 0;
    pointer-events: none;
    height: 100%;
    transition: transform .4s ease-in-out;
    position: absolute;
    top: 0;
    left: 0
}

.page_mobile_app .pma_switcher .pma_s_indicator:before,
.page_mobile_app .pma_switcher .pma_s_indicator:after {
    background: var(--bc-thm-pageMobileApp-switcher-indicator-bg);
    width: 40px;
    height: 100%;
    box-shadow: 0 0 10px var(--bc-thm-pageMobileApp-switcher-indicator-boxShadowColor);
    content: "";
    transition: transform .4s ease-in-out;
    position: absolute;
    top: 0
}

.page_mobile_app .pma_switcher .pma_s_indicator:before {
    border-radius: 50px 0 0 50px;
    left: 0
}

.page_mobile_app .pma_switcher .pma_s_indicator:after {
    border-radius: 0 50px 50px 0;
    left: 106px
}

.page_mobile_app .pma_switcher .pma_s_indicator .pma_s_indicator_center {
    z-index: 1;
    width: 66px;
    height: 100%;
    box-shadow: 0 0 10px var(--bc-thm-pageMobileApp-switcher-indicator-boxShadowColor);
    transform-origin: 0;
    transition: transform .4s ease-in-out;
    position: absolute;
    top: 0;
    left: 40px
}

.page_mobile_app .pma_switcher .pma_s_indicator .pma_s_indicator_center:before {
    background: var(--bc-thm-pageMobileApp-switcher-indicator-bg);
    content: "";
    width: calc(100% + 40px);
    height: 100%;
    position: absolute;
    top: 0;
    left: -20px;
    right: -20px
}

.page_mobile_app .pma_switcher .pma_s_bullet {
    box-sizing: border-box;
    color: var(--bc-thm-pageMobileApp-switcher-bullet-color);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    padding: 10px;
    font: 700 20px/30px Open Sans, sans-serif;
    display: flex;
    position: relative
}

.page_mobile_app .pma_switcher .pma_s_bullet.__android {
    pointer-events: none;
    width: 146px
}

.page_mobile_app .pma_switcher .pma_s_bullet.__android .pma_sb_icon {
    color: var(--bc-thm-pageMobileApp-switcher-bullet_android-iconColor)
}

.page_mobile_app .pma_switcher .pma_s_bullet.__ios {
    width: 100px
}

.page_mobile_app .pma_switcher .pma_s_bullet.__ios .pma_sb_icon {
    color: var(--bc-thm-pageMobileApp-switcher-bullet_ios-iconColor)
}

.page_mobile_app .pma_switcher .pma_sb_icon {
    width: 18px;
    height: 22px;
    margin-inline-end: 6px
}

.page_mobile_app .pma_checkbox:checked~.pma_guide_head .pma_switcher .pma_s_indicator {
    transform: translate(146px)
}

.page_mobile_app .pma_checkbox:checked~.pma_guide_head .pma_switcher .pma_s_indicator:after {
    transform: translate(-46px)
}

.page_mobile_app .pma_checkbox:checked~.pma_guide_head .pma_switcher .pma_s_indicator_center {
    transform: scaleX(.30303)
}

.page_mobile_app .pma_checkbox:checked~.pma_guide_head .pma_s_bullet.__android {
    pointer-events: auto
}

.page_mobile_app .pma_checkbox:checked~.pma_guide_head .pma_s_bullet.__ios {
    pointer-events: none
}