.PromoHeaderFixed {
    min-height: 56px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    background: var(--modal_card_background);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    border-bottom: 1px solid var(--image_border)
}

.PromoHeaderFixed, .PromoHeaderFixed__wrapper {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.PromoHeaderFixed__wrapper {
    max-width: 949px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 88px
}

.PromoHeaderFixed__actionsIcon {
    margin-bottom: 0
}

.PromoHeaderFixed__logoIcon {
    -webkit-transform: scale(.85);
    -moz-transform: scale(.85);
    -ms-transform: scale(.85);
    -o-transform: scale(.85);
    transform: scale(.85);
    margin-left: -10px
}

.PromoHeader {
    height: 720px
}

.PromoHeader__inner {
    position: fixed;
    z-index: 0;
    height: 720px;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(var(--content_tint_background)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), var(--content_tint_background));
    background: -moz-linear-gradient(top, hsla(0, 0%, 100%, 0), var(--content_tint_background));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0), var(--content_tint_background));
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), var(--content_tint_background))
}

.PromoHeader__content, .PromoHeader__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.PromoHeader__content {
    max-width: 949px;
    margin: 0 88px;
    border-top: 1px solid rgba(0, 0, 0, 0)
}

.PromoHeader__actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 494px;
    -moz-box-flex: 0;
    -ms-flex: 0 0 494px;
    flex: 0 0 494px;
    margin-right: 40px
}

.PromoHeader__actions, .PromoHeader__actionsIcon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.PromoHeader__actionsIcon {
    height: 28px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.PromoHeader__actionsCaption {
    font-family: TT Commons, -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    font-size: 36px;
    line-height: 50px;
    font-weight: 500;
    color: var(--text_primary);
    margin-bottom: 16px
}

.PromoHeader__actionsText {
    font-size: 21px;
    line-height: 32px;
    color: var(--text_primary);
    margin-bottom: 40px
}

.PromoHeader__devices {
    max-width: 543px;
    margin-right: -120px
}

.PromoHeader__devicesWrapper {
    -webkit-flex-basis: 300px;
    -ms-flex-preferred-size: 300px;
    flex-basis: 300px
}

.PromoHeader__actionButton {
    margin: 0;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: inherit;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 44px;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: var(--button_primary_background);
    -webkit-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    transition: all .1s ease-out;
    font-size: 17px;
    line-height: 22px;
    font-weight: 500;
    color: var(--button_primary_foreground)
}

.PromoHeader__actionButton:active {
    opacity: .7
}

.PromoHeader__actionButton--small {
    height: 30px;
    font-size: 14px;
    line-height: 18px;
    margin: 3px 0
}

.PromoHeaderFixed--visible {
    visibility: visible
}

@media (max-width: 1024px) {
    .PromoHeader, .PromoHeader__inner {
        height: 850px
    }

    .PromoHeader__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 74px 60px
    }

    .PromoHeader__actions {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        margin: 0 0 90px
    }

    .PromoHeader__devices {
        margin-right: 0
    }

    .PromoHeaderFixed__wrapper {
        margin: 0 24px;
        max-width: 100%
    }
}

@media (max-width: 768px) {
    .PromoHeaderFixed {
        height: auto;
        min-height: 56px
    }

    .PromoHeaderFixed__wrapper {
        margin: 15px
    }

    .PromoHeader, .PromoHeader__inner {
        height: 750px
    }

    .PromoHeader__content {
        margin: 44px 20px 54px
    }

    .PromoHeader__actionButton {
        height: 30px;
        font-size: 14px;
        line-height: 18px
    }

    .PromoHeaderFixed__logoIcon {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7);
        margin-left: -20px
    }

    .PromoHeaderFixed__actionsIcon {
        height: 30px
    }

    .PromoHeader__logoIcon {
        -webkit-transform: scale(.85);
        -moz-transform: scale(.85);
        -ms-transform: scale(.85);
        -o-transform: scale(.85);
        transform: scale(.85)
    }

    .PromoHeader__actions {
        -webkit-box-flex: 2;
        -webkit-flex: 2 1 auto;
        -moz-box-flex: 2;
        -ms-flex: 2 1 auto;
        flex: 2 1 auto;
        margin-bottom: 64px
    }

    .PromoHeader__actionsIcon {
        margin-bottom: 12px
    }

    .PromoHeader__actionsCaption {
        font-size: 24px;
        line-height: 37px
    }

    .PromoHeader__actionsText {
        font-size: 17px;
        line-height: 26px
    }

    .PromoHeader__devices {
        -webkit-box-flex: 1;
        -webkit-flex: 1 2 auto;
        -moz-box-flex: 1;
        -ms-flex: 1 2 auto;
        flex: 1 2 auto;
        max-width: 100%
    }

    .PromoHeader__devicesWrapper {
        -webkit-flex-basis: 350px;
        -ms-flex-preferred-size: 350px;
        flex-basis: 350px
    }
}

@media (max-width: 600px) {
    .PromoHeader, .PromoHeader__inner {
        height: 670px
    }

    .PromoHeader__devicesWrapper {
        -webkit-flex-basis: 200px;
        -ms-flex-preferred-size: 200px;
        flex-basis: 200px
    }
}

.PromoAbout {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--modal_card_background);
    position: relative;
    z-index: 1
}

.PromoAbout, .PromoAbout__descriptionBlock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.PromoAbout__descriptionBlock {
    max-width: 969px;
    margin: 112px 30px 48px
}

.PromoAbout__descriptionCaption {
    font-size: 40px;
    font-weight: 500;
    line-height: 52px;
    margin: 0 0 56px 10px
}

.PromoAbout__descriptionGrid {
    -webkit-box-orient: horizontal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.PromoAbout__descriptionCell, .PromoAbout__descriptionGrid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal
}

.PromoAbout__descriptionCell {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 303px;
    -moz-box-flex: 0;
    -ms-flex: 0 1 303px;
    flex: 0 1 303px;
    height: 165px;
    margin: 0 10px 64px
}

.PromoAbout__descriptionCellIcon--desktop {
    margin-bottom: 12px
}

.PromoAbout__descriptionCellIcon--mobile {
    display: none;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    margin-bottom: 12px
}

.PromoAbout__descriptionCellIcon--signup {
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='28px' height='28px' viewBox='0 0 28 28' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 63.1 (92452) - https://sketch.com --%3E %3Ctitle%3Ebrain_outline_28%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='brain_outline_28'%3E %3Crect id='Rectangle' x='0' y='0' width='28' height='28'%3E%3C/rect%3E %3Cpath d='M13.9814228,2.42312262 L14.198575,2.35672203 C17.0384848,1.53178464 19.428021,2.42692441 20.9310861,4.6231493 L21.0303097,4.77255752 L21.2168297,4.84984476 C25.161193,6.53652167 25.8081655,10.7016821 24.0262631,13.8786574 C24.9836416,15.1678355 25.1859158,16.4479783 24.6978132,17.6320792 C24.3819672,18.398298 23.8614031,18.9951754 23.1474777,19.557275 L23.1093097,19.5855575 L23.1142242,19.7801453 C23.1359705,22.3688038 21.7691709,23.6985935 19.7582084,23.7238069 C19.2021494,24.871671 18.2454136,25.6087094 16.9454522,25.8763485 C15.7881544,26.1146157 14.7702099,25.8901635 13.9630429,25.2275269 C12.3973902,26.4311481 9.67274257,25.9525227 8.29153217,23.9793262 L8.15830973,23.7765575 L8.12251949,23.7756099 C5.78410705,23.6723364 4.55941535,22.1001884 4.77508525,19.8999005 L4.79530973,19.7215575 L4.73463745,19.6905423 C3.2679763,18.8681395 2.58403976,16.99473 3.04495363,15.2163818 L3.100896,15.019237 C3.2421638,14.5615293 3.4467551,14.1467602 3.70881454,13.7807336 C1.99404105,10.9712462 2.80012861,6.22232239 6.63477125,4.976106 L6.78530973,4.92955752 L6.97878961,4.68222738 C7.14055263,4.47629194 7.28430148,4.30026294 7.43169784,4.12996876 C9.18297203,2.1066366 11.2197866,1.33853741 13.9814228,2.42312262 Z M14.8501181,4.04319678 L14.8489324,23.5803655 C15.2871998,24.1060183 15.823839,24.269516 16.5824769,24.1133258 C17.1565078,23.995143 17.5858605,23.7456979 17.8958868,23.3390501 C16.9377439,22.8291739 16.3946914,21.8031101 16.291143,20.3879489 C16.25487,19.8922179 16.6273343,19.4609435 17.1230653,19.4246705 C17.6187962,19.3883975 18.0500707,19.7608617 18.0863437,20.2565927 C18.164517,21.324962 18.4954522,21.7726978 19.1373623,21.8762317 C20.7101014,22.1298993 21.5000922,21.4729596 21.2840788,19.240821 C21.2528171,18.9177839 21.397899,18.6029355 21.6637777,18.4168205 C22.3539213,17.9337199 22.8186009,17.4677978 23.0336558,16.9460907 C23.2271859,16.4766011 23.1996987,15.9676297 22.8591674,15.36648 C21.5692479,16.5225856 19.7139129,17.1417177 18.6448018,16.6915657 C18.1866971,16.4986795 17.9716951,15.9709472 18.1645812,15.5128425 C18.3574674,15.0547379 18.8851997,14.8397358 19.3433044,15.032622 C19.7854604,15.218793 21.4531035,14.5054627 22.1804801,13.4423739 C23.8834442,10.9534262 23.4624686,7.53086127 20.1287688,6.35702332 C19.9288182,6.2866182 19.7601366,6.14789357 19.6524521,5.96529803 C18.6125971,4.20206576 16.9911962,3.47185035 14.8501181,4.04319678 Z M8.79269707,5.30796754 L8.53413502,5.61825356 L8.02305413,6.27304744 C7.89684321,6.43531863 7.7188829,6.54949155 7.51877254,6.59657634 C4.80530663,7.23503891 4.08960499,10.5432375 5.0914841,12.5688518 C6.24013993,11.9433884 7.77935748,11.7678661 9.57943959,12.1695373 C10.064565,12.2777884 10.3700819,12.7588151 10.2618308,13.2439405 C10.1535797,13.7290659 9.67255299,14.0345828 9.18742761,13.9263317 C6.74409623,13.3811256 5.26071405,14.1248865 4.82083845,15.5500834 C4.4568636,16.7293619 4.95977676,17.9367942 5.89410474,18.2405061 L6.02414626,18.2762323 C6.52277955,18.3888269 6.82763332,18.8936181 6.69517003,19.3873449 C6.21682378,21.1702718 6.84289048,22.0825405 8.63816905,21.9726254 C9.01194236,21.9497414 9.36083007,22.1606915 9.51421069,22.502312 C10.2602868,24.1640269 12.346852,24.4950382 13.0510805,23.6150591 L13.0487078,3.9970952 C11.23626,3.37383225 10.022903,3.88665083 8.79269707,5.30796754 Z M7.78794027,15.8689551 C8.78873826,16.2442543 9.59901046,16.819974 10.2000453,17.5927331 C10.8155768,18.3841307 11.1430265,19.3446499 11.1854235,20.446973 C11.2045269,20.9436621 10.8173673,21.3617945 10.3206783,21.3808979 C9.82398924,21.4000013 9.40585683,21.0128417 9.38675341,20.5161526 C9.35835399,19.7777678 9.15483025,19.1807649 8.77921129,18.6978262 C8.38909567,18.196249 7.85423513,17.8162165 7.15591808,17.5543476 C6.69050978,17.3798195 6.4547048,16.8610485 6.62923291,16.3956402 C6.80376102,15.9302319 7.32253198,15.694427 7.78794027,15.8689551 Z M18.4247364,7.96514694 C18.6940927,8.89293001 19.0581078,9.50895554 19.4876608,9.83743725 C19.8990529,10.1520312 20.4983214,10.2953345 21.3215117,10.2385628 C21.8173901,10.2043643 22.2471024,10.5786298 22.2813009,11.0745082 C22.3154994,11.5703866 21.9412339,12.0000989 21.4453555,12.0342974 C20.2154484,12.1191186 19.1863983,11.8730414 18.3942506,11.2672813 C17.6202638,10.6754091 17.0639249,9.73391248 16.6961131,8.46700529 C16.5575288,7.98965917 16.8321495,7.49034887 17.3094956,7.35176451 C17.7868417,7.21318015 18.286152,7.48780082 18.4247364,7.96514694 Z M11.4601227,6.38719565 C11.9423382,6.50774951 12.2355228,6.99639055 12.1149689,7.47860596 C11.8825116,8.40843514 11.3887323,9.12441511 10.64294,9.57189054 C9.97102201,9.97504131 9.22675575,10.178023 8.42768139,10.178023 C7.93062511,10.178023 7.52768139,9.77507929 7.52768139,9.27802302 C7.52768139,8.78096674 7.93062511,8.37802302 8.42768139,8.37802302 C8.9029433,8.37802302 9.32681864,8.26242065 9.71684759,8.02840328 C10.0330021,7.83871057 10.2471874,7.52814187 10.3687124,7.04204184 C10.4892663,6.55982642 10.9779073,6.2666418 11.4601227,6.38719565 Z' id='↳-Icon-Color' fill='%233f8ae0' fill-rule='nonzero'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/svg%3E")
}

.PromoAbout__descriptionCellIcon--cabinet {
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='28px' height='28px' viewBox='0 0 28 28' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 63.1 (92452) - https://sketch.com --%3E %3Ctitle%3Ehome_outline_28%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='home_outline_28'%3E %3Crect x='0' y='0' width='28' height='28'%3E%3C/rect%3E %3Cpath d='M15.1295491,2.69100093 L24.0662484,11.1808652 C24.6624397,11.747247 25,12.53353 25,13.3558635 L25,21.9972407 C25,23.3779526 23.8807119,24.4972407 22.5,24.4972407 L16.5,24.4972407 C15.9477153,24.4972407 15.5,24.0495254 15.5,23.4972407 L15.5,17.9971013 C15.5,17.1686742 14.8284271,16.4971013 14,16.4971013 C13.1715729,16.4971013 12.5,17.1686742 12.5,17.9971013 L12.5,23.4972407 C12.5,24.0495254 12.0522847,24.4972407 11.5,24.4972407 L5.5,24.4972407 C4.11928813,24.4972407 3,23.3779526 3,21.9972407 L3,13.3558635 C3,12.53353 3.33756025,11.747247 3.93375161,11.1808652 L12.8704509,2.69100093 C13.5034346,2.08966636 14.4965654,2.08966636 15.1295491,2.69100093 Z M14,4.37655211 L5.31125054,12.6308641 C5.11252008,12.819658 5,13.0817523 5,13.3558635 L5,21.9972407 C5,22.2733831 5.22385763,22.4972407 5.5,22.4972407 L10.5,22.4972407 L10.5,17.9971013 C10.5,16.0641047 12.0670034,14.4971013 14,14.4971013 C15.9329966,14.4971013 17.5,16.0641047 17.5,17.9971013 L17.5,22.4972407 L22.5,22.4972407 C22.7761424,22.4972407 23,22.2733831 23,21.9972407 L23,13.3558635 C23,13.0817523 22.8874799,12.819658 22.6887495,12.6308641 L14,4.37655211 Z' id='↳-Icon-Color' fill='%233f8ae0' fill-rule='nonzero'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/svg%3E")
}

.PromoAbout__descriptionCellIcon--phone {
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='28px' height='28px' viewBox='0 0 28 28' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 63.1 (92452) - https://sketch.com --%3E %3Ctitle%3Eglobe_outline_28%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='globe_outline_28'%3E %3Cpolygon points='0 0 28 0 28 28 0 28'%3E%3C/polygon%3E %3Cpath d='M20.4118619,3.8546324 L20.5340348,3.93321511 C20.5687444,3.95579016 20.6033298,3.97853986 20.63779,4.00146296 L20.5344347,3.93331692 C20.6164071,3.98664263 20.6976876,4.04094222 20.7782598,4.09619929 L20.63779,4.00146296 C20.7253463,4.05970584 20.8120939,4.11906813 20.8980122,4.17952939 L20.7782598,4.09619929 C20.8618561,4.15353021 20.9446899,4.21189183 21.026743,4.27126584 L21.0266538,4.27132403 C21.1510135,4.36118857 21.2734933,4.45343347 21.3941186,4.54793689 C21.5417828,4.66370843 21.6868781,4.78294713 21.829069,4.90546369 C22.0631803,5.10711105 22.289604,5.31790297 22.5076165,5.53706912 L22.4178662,5.44783153 C22.4826371,5.51159163 22.5466872,5.57608196 22.6100029,5.64128917 L22.5076165,5.53706912 C22.5864609,5.61633077 22.6642052,5.6966877 22.7408245,5.77811509 L22.6100029,5.64128917 C22.6831559,5.71662743 22.7553286,5.79292265 22.8265007,5.87015423 L22.7408245,5.77811509 C22.8059037,5.84727818 22.8701713,5.91721356 22.9336121,5.98790603 L22.8265007,5.87015423 C22.8962472,5.94583889 22.9650326,6.02242278 23.0328377,6.09988654 L22.9336121,5.98790603 C23.0014346,6.06348111 23.0683121,6.13992146 23.1342261,6.21720851 L23.0328377,6.09988654 C23.1008906,6.17763347 23.1679559,6.25626672 23.234014,6.33576671 L23.1342261,6.21720851 C23.2014287,6.2960065 23.2676297,6.37568462 23.3328093,6.45622318 L23.3326024,6.45598434 C23.6123675,6.80165635 23.8731375,7.16291792 24.1135645,7.53845427 L24.0263374,7.40419255 C24.0941421,7.50705503 24.1604065,7.61102273 24.2250976,7.7160628 L24.1135645,7.53845427 C24.1656026,7.61973536 24.2166876,7.70168518 24.2668039,7.78428796 L24.2250976,7.7160628 C24.2681314,7.78593755 24.310469,7.85628684 24.3521007,7.92710101 L24.2668039,7.78428796 C24.3242496,7.87897131 24.3804225,7.97451259 24.4352989,8.07088806 L24.4354166,8.07109588 C24.519621,8.21897723 24.6008819,8.36903603 24.6789952,8.52097838 C24.7078272,8.57706592 24.7360458,8.6330367 24.763837,8.6892565 C24.8391102,8.8415263 24.9112912,8.99572169 24.9802478,9.1516617 C25.2095475,9.67013316 25.4033742,10.2085005 25.55836,10.7630803 L25.6217076,10.9990678 L25.708239,11.3581093 C25.7182552,11.4026906 25.7280233,11.4473658 25.7375418,11.4921332 L25.8046992,11.8321884 L25.8046992,11.8321884 L25.8659041,12.2000302 C25.8874631,12.3433553 25.9064873,12.4875106 25.9229295,12.6324488 L25.8867021,12.3442514 C25.9042074,12.4710902 25.9197303,12.5985619 25.9332386,12.7266342 L25.9332264,12.726518 C25.9639991,13.0182747 25.9843129,13.3130298 25.9937989,13.6105182 L25.993785,13.6100837 L26,14 L26,14 L25.9947925,14.3569565 C25.9930413,14.4169037 25.9908503,14.4767406 25.9882229,14.536464 C25.9760548,14.8130974 25.9545104,15.0873899 25.9239034,15.3589383 L25.932803,15.2774894 C25.9190344,15.4076 25.9031864,15.5370903 25.885293,15.6659263 L25.9239034,15.3589383 C25.9085338,15.4952988 25.890879,15.6309674 25.8709781,15.7659047 L25.8709634,15.7660041 C25.8278974,16.0580121 25.7742913,16.3466931 25.7105574,16.6315501 L25.7104773,16.6319082 L25.621966,16.9999282 L25.621966,16.9999282 L25.55836,17.2369197 C25.3761331,17.8889753 25.1402116,18.5186183 24.855663,19.1207816 C24.7091331,19.4309093 24.5494046,19.7342641 24.377429,20.0296096 L24.4337006,19.9319169 C24.38647,20.0148125 24.33828,20.0970905 24.2891457,20.1787358 L24.377429,20.0296096 C24.3229244,20.123214 24.2671896,20.2160139 24.2102468,20.3079872 L24.2891457,20.1787358 C24.2357013,20.2675431 24.1811397,20.3556019 24.1254802,20.4428927 L24.2102468,20.3079872 C24.1508785,20.4038782 24.0901969,20.4988706 24.0282274,20.5929394 L24.1254802,20.4428927 C24.087254,20.5028429 24.04851,20.5624309 24.0092545,20.6216503 L24.0282274,20.5929394 C23.9833361,20.6610836 23.9377689,20.728743 23.8915354,20.7959082 L24.0092545,20.6216503 C23.9277017,20.7446779 23.8439413,20.8661147 23.7580299,20.9859043 L23.8915354,20.7959082 C23.8316832,20.8828577 23.7707142,20.9689789 23.7086491,21.0542511 L23.708534,21.0544092 C23.4465649,21.4143327 23.1649361,21.7592747 22.8653218,22.0875179 L22.9282804,22.018003 C22.8579709,22.096243 22.7866479,22.1735537 22.7143319,22.2499146 L22.8653218,22.0875179 C22.7899583,22.1700825 22.7134569,22.2515907 22.6358423,22.3320175 L22.7143319,22.2499146 C22.6500966,22.3177428 22.5850779,22.3848216 22.5192903,22.4511365 L22.6358423,22.3320175 C22.5631269,22.4073676 22.4894345,22.4817686 22.4147854,22.5552001 L22.5192903,22.4511365 C22.4695072,22.5013185 22.4192839,22.551063 22.3686265,22.6003638 L22.3690156,22.5999851 C22.2504047,22.7154197 22.129819,22.8280589 22.0069492,22.9382015 C21.7413054,23.1763304 21.4649609,23.402808 21.1787444,23.6168079 L21.2544976,23.5597019 C21.1681963,23.625294 21.0809798,23.6897442 20.9928706,23.75303 L21.1787444,23.6168079 C21.1024068,23.6738844 21.025367,23.7300733 20.9476403,23.7853593 L20.9928706,23.75303 C20.9163327,23.8080046 20.8391211,23.8621005 20.7612507,23.915303 L20.9476403,23.7853593 C20.8474656,23.8566122 20.7461498,23.9263654 20.6437258,23.994586 L20.7612507,23.915303 C20.6966019,23.9594722 20.631499,24.0030257 20.5659504,24.0459549 L20.6437258,23.994586 C20.56232,24.0488072 20.4802141,24.1020604 20.3974245,24.1543291 L20.3976146,24.1542091 C20.0179642,24.3938989 19.6241418,24.6127862 19.2175406,24.8094076 L19.3445581,24.7470549 C19.2464979,24.795915 19.1476746,24.8434725 19.0481112,24.8897048 L19.2175406,24.8094076 C19.1317302,24.8509033 19.0453507,24.8914072 18.9584169,24.9309045 L19.0481112,24.8897048 C18.9567263,24.9321393 18.8647177,24.9734574 18.7721031,25.0136415 L18.9584169,24.9309045 C18.8540261,24.9783332 18.748836,25.0243104 18.6428726,25.0688105 L18.7721031,25.0136415 C18.6670789,25.0592099 18.5612753,25.10332 18.4547178,25.1459464 L18.6428726,25.0688105 C18.560401,25.1034449 18.4774609,25.1371845 18.3940645,25.1700172 L18.4547178,25.1459464 C18.3603155,25.1837103 18.2653216,25.2203096 18.1697537,25.2557265 L18.3940645,25.1700172 C18.2859594,25.2125775 18.1770875,25.2536138 18.0674752,25.2930996 L18.1697537,25.2557265 C18.0428177,25.3027683 17.9148691,25.3477243 17.7859497,25.3905527 L17.7856887,25.3906394 C17.5918066,25.4550492 17.3954617,25.5147209 17.197057,25.5694257 L17.3229491,25.5339692 C17.2337548,25.5596196 17.1441343,25.5842634 17.0541008,25.6078875 L17.197057,25.5694257 C17.0935867,25.5979549 16.9895561,25.6251332 16.8849855,25.6509405 L17.0541008,25.6078875 C16.9471412,25.6359529 16.8395986,25.6625791 16.731495,25.6877441 L16.8849855,25.6509405 C16.7917287,25.6739556 16.6980423,25.6958804 16.6039407,25.7167004 L16.731495,25.6877441 C16.6319288,25.7109218 16.5318866,25.7328601 16.4313857,25.7535417 L16.6039407,25.7167004 C16.4881324,25.742323 16.3716953,25.7662725 16.2546561,25.7885222 L16.4313857,25.7535417 C16.3329347,25.7738015 16.2340434,25.7928554 16.134728,25.8106874 L16.2546561,25.7885222 C16.1627656,25.8059909 16.0705038,25.8224119 15.9778838,25.8377722 L15.9781572,25.8377269 C15.8577784,25.8576907 15.7370705,25.8758256 15.6157882,25.8921487 L15.4962884,25.9076216 L15.4962884,25.9076216 L15.2083074,25.939922 C14.8109301,25.9796541 14.407841,26 14,26 C13.2718631,26 12.5588731,25.9351484 11.8664909,25.8109062 L12.0102432,25.836496 C11.9003681,25.8181429 11.7909984,25.7982972 11.6821554,25.7769805 L11.8664909,25.8109062 C11.778853,25.7951802 11.6915452,25.7785028 11.6045786,25.760885 L11.6043451,25.7614729 C11.4001387,25.7194692 11.1975845,25.6728564 10.9970598,25.6211904 L11.0693803,25.6401385 C10.9760176,25.6166925 10.883089,25.592153 10.7906089,25.5665343 L10.9970598,25.6211904 C10.8951622,25.5949361 10.7937887,25.5673769 10.6929582,25.5385318 L10.6933968,25.5391605 C10.4358185,25.4649706 10.1822101,25.383046 9.93244592,25.2930711 L10.2142292,25.391052 C10.0628711,25.3407525 9.91285123,25.2875213 9.76423685,25.2314256 L9.93244592,25.2930711 C9.83732311,25.2588042 9.74275789,25.2233695 9.64876757,25.1867845 L9.76423685,25.2314256 C9.65202272,25.1890695 9.54060991,25.1450803 9.43002744,25.099487 L9.64876757,25.1867845 C9.5550187,25.1502935 9.46184178,25.112658 9.36925396,25.0738952 L9.43002744,25.099487 C9.3509208,25.0668712 9.27223908,25.0334345 9.19399289,24.9991876 L9.36925396,25.0738952 C9.27352032,25.0338154 9.1784165,24.9925303 9.08396147,24.950059 L9.19399289,24.9991876 C9.09745283,24.9569337 9.00157576,24.9134464 8.90638163,24.8687455 L9.08396147,24.950059 C8.99103317,24.9082743 8.89873287,24.8653413 8.80707862,24.8212781 L8.90638163,24.8687455 C8.82218795,24.8292102 8.7385285,24.7887256 8.65541705,24.7473055 L8.65544187,24.7470549 C8.50983813,24.6747536 8.3659406,24.5993315 8.22379859,24.5211133 C8.16168961,24.4867214 8.09966561,24.4518741 8.03798579,24.4164946 C7.83266513,24.2989047 7.63137076,24.1753542 7.43411216,24.0461518 L7.60238542,24.1542091 C7.51962232,24.101955 7.43754248,24.0487169 7.35616231,23.9945115 L7.43411216,24.0461518 C7.36357395,23.99995 7.29355179,23.9530255 7.22405623,23.9053887 L7.35616231,23.9945115 C7.26691594,23.9350665 7.17851106,23.874458 7.09096931,23.8127076 L7.22405623,23.9053887 C7.135856,23.8449306 7.04850397,23.7833253 6.96202166,23.7205944 L7.09096931,23.8127076 C7.00257429,23.7503554 6.91505932,23.6868389 6.82844671,23.6221804 L6.96202166,23.7205944 C6.8891854,23.6677618 6.81696604,23.6141307 6.74537645,23.559714 L6.74550235,23.5597019 C6.48648714,23.3629271 6.23583365,23.1558663 5.99402397,22.9391393 C5.85478672,22.8142872 5.71845081,22.6862646 5.58516473,22.555151 L5.63097624,22.6000261 C5.58055689,22.5509503 5.53056755,22.501435 5.48101441,22.4514863 L5.58516473,22.555151 C5.51048837,22.4816919 5.43676937,22.4072625 5.36402815,22.3318833 L5.48101441,22.4514863 C5.41511447,22.3850604 5.34998599,22.3178682 5.28564352,22.249924 L5.36402815,22.3318833 C5.28662652,22.2516746 5.21033197,22.1703905 5.13516911,22.0880557 L5.28564352,22.249924 C5.2132223,22.173449 5.14179685,22.0960214 5.07138796,22.0176621 L5.07171962,22.018003 C4.77658533,21.689571 4.49960377,21.3451455 4.24196714,20.9859084 L4.291466,21.0544092 C4.22942644,20.969175 4.16848198,20.8830925 4.10865331,20.7961823 L4.24196714,20.9859084 C4.15616096,20.866264 4.07250059,20.7449768 3.99104232,20.6221028 L4.10865331,20.7961823 C4.06232907,20.7288894 4.01667376,20.6611003 3.97169697,20.5928245 L3.99104232,20.6221028 C3.95168204,20.5627306 3.91283591,20.502988 3.87451026,20.4428812 L3.97169697,20.5928245 C3.90973135,20.4987594 3.84905366,20.4037707 3.78968899,20.3078835 L3.87451026,20.4428812 C3.81889476,20.3556585 3.76437531,20.2676691 3.7109713,20.1789323 L3.78968899,20.3078835 C3.73285431,20.2160828 3.67722312,20.1234585 3.62281744,20.0300327 L3.7109713,20.1789323 C3.66168861,20.0970435 3.61335585,20.0145183 3.56598827,19.9313719 L3.56629938,19.9319169 C3.3914231,19.6249499 3.22996668,19.3100908 3.08238243,18.9875576 L3.14433698,19.1207816 C3.09994296,19.0268347 3.05673256,18.932219 3.01472504,18.8369536 L3.01443242,18.8362899 C2.78748049,18.3216045 2.59543667,17.7872444 2.44163995,17.2369197 L2.37803399,16.9999282 L2.28952271,16.6319082 C2.28103296,16.5939689 2.27272286,16.5559618 2.26459335,16.5178878 C2.20468015,16.2372479 2.15462753,15.9533231 2.11473771,15.6661477 L2.12903657,15.7660041 C2.109111,15.6309072 2.0914368,15.4950774 2.07605331,15.358554 L2.11473771,15.6661477 C2.09684689,15.5373479 2.0810004,15.4078941 2.06723206,15.2778203 L2.06719703,15.2774894 C2.03592345,14.9820383 2.01536069,14.6830499 2.00594152,14.3812531 L2.0059626,14.3819281 L2,14 L2,14 L2.00621498,13.6100837 C2.00777675,13.5611599 2.00963137,13.5123101 2.01177714,13.463536 C2.02408202,13.18389 2.04594747,12.9068212 2.07705837,12.6325561 L2.06677364,12.726518 C2.08028459,12.5984325 2.09581058,12.4709477 2.11331931,12.3440961 L2.11329788,12.3442514 L2.13409594,12.2000302 L2.13409594,12.2000302 L2.19530079,11.8321884 C2.22431325,11.6731759 2.25645961,11.5152572 2.29167352,11.3584987 L2.291761,11.3581093 L2.37829244,10.9990678 L2.37829244,10.9990678 L2.44163995,10.7630803 C2.59662582,10.2085005 2.79045252,9.67013316 3.02000249,9.15109585 L2.99896849,9.19893898 C3.07416816,9.0268708 3.1532865,8.85690689 3.2362107,8.68916008 C3.26395418,8.6330367 3.29217281,8.57706592 3.32081468,8.52134841 C3.42457851,8.31951216 3.53368588,8.12135741 3.64812615,7.92671509 L3.56458342,8.07109588 C3.61953145,7.9745903 3.67577956,7.87892121 3.73330392,7.78411242 L3.64812615,7.92671509 C3.68963184,7.85612138 3.73183902,7.78598969 3.77473811,7.71632961 L3.73330392,7.78411242 C3.78347336,7.70142565 3.83461355,7.61939325 3.88670869,7.53803105 L3.77473811,7.71632961 C3.83945954,7.61123412 3.90575587,7.50721207 3.97359419,7.40429634 L3.97366261,7.40419255 C4.21817232,7.03325335 4.48279372,6.67659069 4.76591695,6.33584983 L4.66984369,6.45296309 C4.73416942,6.37353801 4.79948881,6.29495064 4.86578293,6.21721988 L4.76591695,6.33584983 C4.83201825,6.25629643 4.89912808,6.17761091 4.9672268,6.09981289 L4.86578293,6.21721988 C4.93166756,6.13996927 4.99851491,6.06356473 5.06630643,5.98802481 L4.9672268,6.09981289 C5.03508909,6.02228498 5.10393343,5.94563842 5.1737404,5.86989261 L5.06630643,5.98802481 C5.12974487,5.91733553 5.19401011,5.8474034 5.25908694,5.77824364 L5.1737404,5.86989261 C5.24484713,5.79273647 5.31695268,5.71651494 5.39003653,5.64124855 L5.25908694,5.77824364 C5.33583653,5.69667877 5.41371497,5.61618821 5.4926973,5.53679689 L5.39003653,5.64124855 C5.45320676,5.57619182 5.51710789,5.51184868 5.58172665,5.44823238 L5.58213383,5.44783153 C5.77239815,5.26051886 5.96931794,5.0791337 6.17214562,4.9044173 C6.31380495,4.78238582 6.45856533,4.66343576 6.60609979,4.54786491 C6.7648574,4.423497 6.92703686,4.30289426 7.09229111,4.18636014 L6.97334617,4.27132403 C7.0756267,4.19732172 7.17912033,4.12489278 7.28379157,4.05407272 L7.09229111,4.18636014 C7.16849959,4.13261939 7.24536197,4.0797439 7.32286397,4.02774797 L7.28379157,4.05407272 C7.36219977,4.00102211 7.44126876,3.94887429 7.52098364,3.8976442 L7.32286397,4.02774797 C7.40983777,3.96939742 7.49761708,3.91215456 7.58618171,3.85603957 L7.58627083,3.8559831 C7.73466389,3.76196051 7.88535344,3.67105166 8.03815517,3.5834082 C8.09966561,3.54812593 8.16168961,3.51327858 8.22405152,3.47896955 C8.40041773,3.38194273 8.57935479,3.28928564 8.76084927,3.20106924 L8.67632026,3.24256753 C8.76096987,3.20059539 8.84618556,3.15959298 8.9319528,3.11957483 L8.76084927,3.20106924 C8.86208648,3.15186233 8.9641194,3.10403709 9.06692352,3.05761803 L8.9319528,3.11957483 C9.0266056,3.07541075 9.12193016,3.03244544 9.21790695,2.99069842 L9.06692352,3.05761803 C9.16170623,3.01482088 9.25714448,2.97321903 9.35321905,2.93283171 L9.35316684,2.93285366 C9.51451388,2.86502745 9.67760221,2.80064638 9.84239309,2.73977945 C9.96524572,2.69440096 10.0891927,2.65092634 10.2140503,2.60944726 L10.0602391,2.66171282 C10.1440758,2.63258537 10.2283353,2.60436153 10.3130059,2.57705294 L10.2140503,2.60944726 C10.3090223,2.57789654 10.4045211,2.54750039 10.5005303,2.51827546 L10.3130059,2.57705294 C10.4264933,2.54045009 10.5407193,2.50549153 10.6556557,2.47220531 L10.5005303,2.51827546 C10.6014421,2.48755817 10.7029176,2.45813476 10.8049376,2.43002456 L10.6556557,2.47220531 C10.7562436,2.44307451 10.8573756,2.41522457 10.9590329,2.38867431 L10.8049376,2.43002456 C10.9077502,2.40169593 11.0111158,2.37470099 11.1150145,2.34905953 L10.9590329,2.38867431 C11.0599651,2.36231342 11.1614151,2.33723374 11.2633645,2.31345368 L11.1150145,2.34905953 C11.2132229,2.32482238 11.3119076,2.30179451 11.411052,2.27999262 L11.2633645,2.31345368 C11.3614212,2.29058163 11.4599398,2.26891186 11.5589041,2.24846074 L11.411052,2.27999262 C11.5242243,2.25510596 11.6379956,2.23181677 11.7523408,2.21014987 L11.5589041,2.24846074 C11.6605807,2.2274491 11.7627277,2.20772383 11.8653273,2.1893027 L11.7523408,2.21014987 C11.8419176,2.19317626 11.9318467,2.17719826 12.0221162,2.16222779 L12.0218847,2.16226619 C12.1422216,2.14230928 12.2629295,2.1241744 12.3842118,2.1078513 L12.5037116,2.09237839 L12.5037116,2.09237839 L12.7916926,2.06007801 C13.1890699,2.02034588 13.592159,2 14,2 C14.7281369,2 15.4411269,2.06485159 16.1335091,2.18909384 L15.9897139,2.1634968 C16.0995795,2.18184796 16.2089399,2.20169141 16.3177735,2.22300559 L16.1335091,2.18909384 C16.221147,2.20481975 16.3084548,2.22149716 16.3954214,2.23911501 L16.3955772,2.23851131 C16.6060025,2.28177489 16.8145828,2.3299487 17.0210052,2.38347921 L16.9268228,2.35890865 C17.0173028,2.38159912 17.1073753,2.40531658 17.1970274,2.43004793 L17.0210052,2.38347921 C17.1222101,2.40972419 17.2228963,2.4372568 17.3230453,2.46605849 L17.3228882,2.4655124 C17.5311036,2.52589367 17.7368432,2.59120619 17.940098,2.66182992 L17.9398392,2.6613197 C18.0827482,2.71139578 18.2241746,2.76357775 18.3643195,2.81831841 L18.2008939,2.75547499 C18.3100937,2.79630379 18.4185398,2.83867741 18.5262054,2.88256926 L18.3643195,2.81831841 C18.4553504,2.85387511 18.5458407,2.89051134 18.6357745,2.92821138 L18.5262054,2.88256926 C18.611967,2.9175315 18.6972333,2.95345705 18.7819911,2.99033247 L18.6357745,2.92821138 C18.735574,2.97004702 18.8346882,3.01319266 18.9330959,3.05762679 L18.7819911,2.99033247 C18.8780669,3.03213202 18.9734892,3.07515205 19.0682384,3.11937301 L18.9330959,3.05762679 C19.0358213,3.10401054 19.1377767,3.15179832 19.2389377,3.20096569 L19.0682384,3.11937301 C19.154056,3.15942545 19.2393215,3.20046308 19.3240202,3.24247134 L19.3236797,3.24256753 C19.4764986,3.31809651 19.6271404,3.3968674 19.7758605,3.47869914 C19.9920141,3.59784019 20.2040233,3.72317303 20.4117158,3.85470772 L20.4118619,3.8546324 Z M16.414983,18.7992827 L11.5852177,18.800077 C12.1016887,20.8442906 12.9371856,22.6686722 13.9995999,24.1637117 C15.0627513,22.6689168 15.8984658,20.8440634 16.414983,18.7992827 Z M4.99772133,18.7999996 C6.37065882,21.3695375 8.81156156,23.2824714 11.7275658,23.9459376 C10.8493267,22.4243739 10.168299,20.6859653 9.73554309,18.8001922 L4.99772133,18.7999996 Z M23.0022787,18.7999996 L18.2647077,18.7990993 C17.8320475,20.68493 17.1511055,22.4234096 16.2734557,23.944913 C19.1884384,23.2824714 21.6293412,21.3695375 23.0022787,18.7999996 Z M9.40543797,10.9994268 L4.2484564,10.9995492 C3.95691665,11.9481872 3.8,12.9557687 3.8,14 C3.8,15.0438617 3.95680558,16.0510994 4.24814685,16.9994434 L9.40539194,17.0002414 C9.27052846,16.0279733 9.2,15.0251058 9.2,14 C9.2,12.9747776 9.27054451,11.9717985 9.40543797,10.9994268 Z M16.7765034,10.9988198 L11.2234966,10.9988198 C11.0772424,11.9647749 11,12.9684302 11,14 C11,15.0311411 11.0771782,16.0343908 11.2233143,16.9999758 L16.7766546,17.0001816 C16.9228108,16.0345334 17,15.0312144 17,14 C17,12.9684302 16.9227576,11.9647749 16.7765034,10.9988198 Z M23.7515436,10.9995492 L18.594562,10.9994268 C18.7294555,11.9717985 18.8,12.9747776 18.8,14 C18.8,15.0248716 18.7295038,16.027515 18.5947005,16.9995749 L23.7518531,16.9994434 C24.0431944,16.0510994 24.2,15.0438617 24.2,14 C24.2,12.9557687 24.0430833,11.9481872 23.7515436,10.9995492 Z M11.7265443,4.05508696 L11.5488219,4.09643916 C8.71230176,4.79614817 6.3431396,6.68264189 4.99825617,9.19899956 L9.73552303,9.19989514 C10.1681946,7.31445199 10.8490505,5.57631997 11.7265443,4.05508696 Z M14.0000174,3.83574973 L13.9559494,3.89808086 C12.9143301,5.38143546 12.0946523,7.18366126 11.5852715,9.19970992 L16.4147285,9.19970992 C15.8981913,7.15533721 15.0625768,5.33083768 14.0000174,3.83574973 Z M16.2724342,4.05406244 L16.3371499,4.16649864 C17.1839309,5.66097915 17.8423317,7.36032183 18.264477,9.19989514 L23.0017438,9.19899956 C21.6287073,6.6299658 19.1880598,4.71744247 16.2724342,4.05406244 Z' id='↳-Icon-Color' fill='%233f8ae0' fill-rule='nonzero'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/svg%3E")
}

.PromoAbout__descriptionCellIcon--devices {
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='28px' height='28px' viewBox='0 0 28 28' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 63.1 (92452) - https://sketch.com --%3E %3Ctitle%3Edevices_outline_28%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='devices_outline_28'%3E %3Crect x='0' y='0' width='28' height='28'%3E%3C/rect%3E %3Cpath d='M8.8458278,9 L11.4193798,9.00181725 C12.6167829,9.01894119 13.2646034,9.15935514 13.9368674,9.51888586 C14.6000248,9.8735463 15.1264537,10.3999752 15.4811141,11.0631326 C15.8663256,11.7834154 16,12.4756382 16,13.8458278 L16,13.8458278 L16,21.1541722 C16,22.5243618 15.8663256,23.2165846 15.4811141,23.9368674 C15.1264537,24.6000248 14.6000248,25.1264537 13.9368674,25.4811141 C13.2165846,25.8663256 12.5243618,26 11.1541722,26 L11.1541722,26 L8.8458278,26 C7.47563815,26 6.78341544,25.8663256 6.06313259,25.4811141 C5.39997522,25.1264537 4.8735463,24.6000248 4.51888586,23.9368674 C4.13367437,23.2165846 4,22.5243618 4,21.1541722 L4,21.1541722 L4.00181725,13.5806202 C4.01894119,12.3832171 4.15935514,11.7353966 4.51888586,11.0631326 C4.8735463,10.3999752 5.39997522,9.8735463 6.06313259,9.51888586 C6.78341544,9.13367437 7.47563815,9 8.8458278,9 L8.8458278,9 Z M17.8722296,2 C19.6488276,2 20.5198053,2.16819357 21.4252903,2.65245221 C22.2514106,3.09426619 22.9057338,3.74858941 23.3475478,4.57470973 C23.8033206,5.42693085 23.9791189,6.24858507 23.9982239,7.82346266 L24,8.1277704 L24,19.8722296 C24,21.6488276 23.8318064,22.5198053 23.3475478,23.4252903 C22.9057338,24.2514106 22.2514106,24.9057338 21.4252903,25.3475478 C20.5411603,25.8203857 19.6935086,25.9905901 18.0093294,25.999652 C17.4570526,26.002604 17.0069388,25.5573002 17.0039721,25.0050234 C17.0010054,24.4527466 17.4463092,24.0026328 17.998586,23.9996661 C19.3830331,23.9922291 19.9203685,23.8843347 20.4820925,23.5839214 C20.9596759,23.328507 21.328507,22.9596759 21.5839214,22.4820925 C21.8557908,21.973741 21.9718273,21.4786786 21.9953671,20.3562013 L22,19.8722296 L22,8.1277704 L21.9953671,7.64379868 C21.9718273,6.52132145 21.8557908,6.02625898 21.5839214,5.51790745 C21.328507,5.04032407 20.9596759,4.67149299 20.4820925,4.41607861 C19.973741,4.14420923 19.4786786,4.02817271 18.3565519,4.00463281 L17.8727399,4 L14.8672035,4.0014712 C13.5776785,4.01654354 13.063671,4.12420106 12.5179075,4.41607861 C12.0403241,4.67149299 11.671493,5.04032407 11.4160786,5.51790745 C11.3162671,5.70453881 11.247014,5.86462583 11.1932083,6.04356381 L11.1439922,6.23046675 C11.0202509,6.76871069 10.4836058,7.10473147 9.94536188,6.98099016 C9.40711795,6.85724886 9.07109717,6.32060379 9.19483847,5.78235986 C9.29702192,5.33788726 9.43976256,4.97240481 9.65245221,4.57470973 C10.0942662,3.74858941 10.7485894,3.09426619 11.5747097,2.65245221 C12.381318,2.22107338 13.1541698,2.04279931 14.5642866,2.00686207 L14.8550057,2.00153963 L17.8722296,2 Z M11.1541722,11 L8.6271902,11.0011468 C7.72318372,11.0111835 7.36933641,11.0883745 7.0063303,11.2825123 C6.69170989,11.4507731 6.45077309,11.6917099 6.28251225,12.0063303 C6.07344079,12.39726 6,12.7775676 6,13.8458278 L6,13.8458278 L6,21.1541722 C6,22.2224324 6.07344079,22.60274 6.28251225,22.9936697 C6.45077309,23.3082901 6.69170989,23.5492269 7.0063303,23.7174877 C7.34141286,23.8966919 7.66869148,23.9762489 8.42808487,23.9953223 L8.42808487,23.9953223 L8.8458278,24 L11.1541722,24 C12.2224324,24 12.60274,23.9265592 12.9936697,23.7174877 C13.3082901,23.5492269 13.5492269,23.3082901 13.7174877,22.9936697 C13.8966919,22.6585871 13.9762489,22.3313085 13.9953223,21.5719151 L13.9953223,21.5719151 L14,21.1541722 L14,13.8458278 C14,12.7775676 13.9265592,12.39726 13.7174877,12.0063303 C13.5492269,11.6917099 13.3082901,11.4507731 12.9936697,11.2825123 C12.60274,11.0734408 12.2224324,11 11.1541722,11 L11.1541722,11 Z' id='↳-Icon-Color' fill='%233f8ae0' fill-rule='nonzero'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/svg%3E")
}

.PromoAbout__descriptionCellIcon--security {
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='28px' height='28px' viewBox='0 0 28 28' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 63.1 (92452) - https://sketch.com --%3E %3Ctitle%3Ekey_outline_28%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='key_outline_28'%3E %3Crect x='0' y='0' width='28' height='28'%3E%3C/rect%3E %3Cpath d='M25,2 C25.5522847,2 26,2.44771525 26,3 L26,3 L26,7 C26,7.55228475 25.5522847,8 25,8 L25,8 L23,8 L23,10 C23,10.5128358 22.6139598,10.9355072 22.1166211,10.9932723 L22.1166211,10.9932723 L22,11 L20,11 L20,13 C20,13.5128358 19.6139598,13.9355072 19.1166211,13.9932723 L19.1166211,13.9932723 L19,14 L16.444,14 L16.6248751,14.29929 C17.2048781,15.3198458 17.540918,16.4704942 17.5928969,17.6713185 L17.5928969,17.6713185 L17.6,18 C17.6,22.1421356 14.2421356,25.5 10.1,25.5 C5.95786438,25.5 2.6,22.1421356 2.6,18 C2.6,13.8578644 5.95786438,10.5 10.1,10.5 C10.6849319,10.5 11.2614131,10.5671638 11.8208294,10.6985739 L11.8208294,10.6985739 L11.874,10.712 L20.2928563,2.29293016 C20.4491391,2.13663101 20.6518319,2.03740672 20.8685472,2.0086736 L20.8685472,2.0086736 L21,2 Z M24,4 L21.414,4 L12.872926,12.5422107 C12.6345249,12.7806367 12.2944577,12.8809227 11.9692197,12.8156539 L11.9692197,12.8156539 L11.8481782,12.7833642 C11.2901451,12.596453 10.7022725,12.5 10.1,12.5 C7.06243388,12.5 4.6,14.9624339 4.6,18 C4.6,21.0375661 7.06243388,23.5 10.1,23.5 C13.1375661,23.5 15.6,21.0375661 15.6,18 C15.6,16.7084427 15.1546513,15.4879423 14.3520177,14.5110994 C14.0254847,14.1136934 14.0536711,13.5334015 14.4171824,13.1695129 L14.4171824,13.1695129 L15.2925265,12.2932601 C15.4800926,12.1054993 15.7346038,12 16,12 L16,12 L18,12 L18,10 C18,9.48716416 18.3860402,9.06449284 18.8833789,9.00672773 L18.8833789,9.00672773 L19,9 L21,9 L21,7 C21,6.48716416 21.3860402,6.06449284 21.8833789,6.00672773 L21.8833789,6.00672773 L22,6 L24,6 L24,4 Z M8.5,18.2 C9.21797017,18.2 9.8,18.7820298 9.8,19.5 C9.8,20.2179702 9.21797017,20.8 8.5,20.8 C7.78202983,20.8 7.2,20.2179702 7.2,19.5 C7.2,18.7820298 7.78202983,18.2 8.5,18.2 Z' id='↳-Icon-Color' fill='%233f8ae0' fill-rule='nonzero'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/svg%3E")
}

.PromoAbout__descriptionCellIcon--data {
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='28px' height='28px' viewBox='0 0 28 28' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 63.1 (92452) - https://sketch.com --%3E %3Ctitle%3Ewallet_outline_28%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='wallet_outline_28'%3E %3Cpolygon points='0 0 28 0 28 28 0 28'%3E%3C/polygon%3E %3Cpath d='M17.7951435,4 C18.962129,4 19.5649742,4.11641478 20.192656,4.45210268 C20.7743319,4.76318635 21.2368137,5.22566813 21.5478973,5.80734401 C21.8654399,6.40109708 21.9867739,6.97262599 21.9989633,8.02046757 C22.8440347,8.0747324 23.382129,8.22220852 23.9368674,8.51888586 C24.6000248,8.8735463 25.1264537,9.39997522 25.4811141,10.0631326 C25.8663256,10.7834154 26,11.4756382 26,12.8458278 L26,19.1541722 C26,20.5243618 25.8663256,21.2165846 25.4811141,21.9368674 C25.1264537,22.6000248 24.6000248,23.1264537 23.9368674,23.4811141 C23.2165846,23.8663256 22.5243618,24 21.1541722,24 L6.8458278,24 C5.47563815,24 4.78341544,23.8663256 4.06313259,23.4811141 C3.39997522,23.1264537 2.8735463,22.6000248 2.51888586,21.9368674 C2.13367437,21.2165846 2,20.5243618 2,19.1541722 L2,8 L2.002,8 L2.00211335,7.9452984 C2.01920744,6.94497863 2.14223692,6.38674261 2.45210268,5.80734401 C2.76318635,5.22566813 3.22566813,4.76318635 3.80734401,4.45210268 C4.43502582,4.11641478 5.03787101,4 6.2048565,4 L17.7951435,4 Z M21.1541722,10 L4,10 L4,19.1541722 C4,20.2224324 4.07344079,20.60274 4.28251225,20.9936697 C4.45077309,21.3082901 4.69170989,21.5492269 5.0063303,21.7174877 C5.39725995,21.9265592 5.77756757,22 6.8458278,22 L21.1541722,22 C22.2224324,22 22.60274,21.9265592 22.9936697,21.7174877 C23.3082901,21.5492269 23.5492269,21.3082901 23.7174877,20.9936697 C23.9265592,20.60274 24,20.2224324 24,19.1541722 L24,12.8458278 C24,11.7775676 23.9265592,11.39726 23.7174877,11.0063303 C23.5492269,10.6917099 23.3082901,10.4507731 22.9936697,10.2825123 C22.60274,10.0734408 22.2224324,10 21.1541722,10 Z M20,15 C20.5522847,15 21,15.4477153 21,16 C21,16.5522847 20.5522847,17 20,17 L18,17 C17.4477153,17 17,16.5522847 17,16 C17,15.4477153 17.4477153,15 18,15 L20,15 Z M17.7951435,6 L6.2048565,6 C5.33980043,6 5.04887034,6.05618119 4.75054173,6.21572908 C4.5174028,6.34041314 4.34041314,6.5174028 4.21572908,6.75054173 C4.06949177,7.02398173 4.01009347,7.29120619 4.00120047,8 L19.9987995,8 C19.9899065,7.29120619 19.9305082,7.02398173 19.7842709,6.75054173 C19.6595869,6.5174028 19.4825972,6.34041314 19.2494583,6.21572908 C18.9511297,6.05618119 18.6601996,6 17.7951435,6 Z' id='↳-Icon-Color' fill='%233f8ae0' fill-rule='nonzero'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/svg%3E")
}

.PromoAbout__descriptionCellCaption {
    font-size: 21px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 4px
}

.PromoAbout__descriptionCellText {
    font-size: 16px;
    line-height: 24px;
    color: var(--text_subhead)
}

@media (max-width: 768px) {
    .PromoAbout__descriptionBlock {
        margin: 26px 12px 30px 24px
    }

    .PromoAbout__descriptionCaption {
        margin: 0 0 28px;
        font-size: 24px;
        line-height: 33px
    }

    .PromoAbout__descriptionCell {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        height: auto;
        margin: 0 0 40px
    }

    .PromoAbout__descriptionCellIcon--desktop {
        display: none
    }

    .PromoAbout__descriptionCellIcon--mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .PromoAbout__descriptionCellCaption {
        font-size: 18px
    }

    .PromoAbout__descriptionCellText {
        font-size: 14px;
        line-height: 20px
    }
}

.PromoAccount {
    height: 800px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background: var(--content_tint_background);
    z-index: 1
}

.PromoAccount__caption {
    position: absolute;
    top: 62px;
    font-size: 40px;
    line-height: 52px;
    color: var(--text_primary);
    padding: 0 12px
}

.PromoAccount__caption, .PromoAccount__text {
    font-family: TT Commons, -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif
}

.PromoAccount__text {
    font-size: 200px;
    color: var(--text_muted)
}

@media (max-width: 1024px) {
    .PromoAccount__text {
        font-size: 150px
    }
}

@media (max-width: 768px) {
    .PromoAccount {
        height: 500px
    }

    .PromoAccount__caption {
        top: 38px;
        font-size: 24px;
        line-height: 33px
    }

    .PromoAccount__text {
        font-size: 100px
    }
}

.PromoFooter {
    height: 72px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--content_tint_background);
    position: relative;
    z-index: 1
}

.PromoFooter:after {
    content: "";
    position: absolute;
    left: 43px;
    right: 43px;
    top: 0;
    height: 1px;
    background: var(--snippet_border);
    opacity: .7
}

.PromoFooter__wrapper {
    width: 100%;
    max-width: 949px
}

.PromoFooter__copyright, .PromoFooter__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.PromoFooter__copyright {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 40px
}

.PromoFooter__years {
    font-size: 16px;
    color: var(--text_tertiary);
    margin-right: 12px
}

.PromoFooter__teamBlock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.PromoFooter__teamLink {
    font-size: 16px;
    color: var(--text_primary);
    margin-right: 8px
}

.PromoFooter__teamIcon {
    height: 20px;
    width: 20px
}

.PromoFooter__teamIcon:hover {
    -webkit-animation: heartbeat .8s ease infinite;
    -moz-animation: heartbeat .8s infinite ease;
    -o-animation: heartbeat .8s infinite ease;
    animation: heartbeat .8s ease infinite
}

.PromoFooter__agreementLink {
    margin-right: 30px
}

.PromoFooter__lang {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto
}

@media (max-width: 1024px) {
    .PromoFooter {
        height: 192px;
        padding: 28px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .PromoFooter__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
        height: 100%
    }

    .PromoFooter__agreementLink, .PromoFooter__copyright {
        margin-right: 0
    }

    .PromoFooter__lang {
        margin-left: 0
    }
}

@-webkit-keyframes heartbeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes heartbeat {
    0% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }
    to {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes heartbeat {
    0% {
        -o-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
    to {
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartbeat {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

body.vkui__root.vkui--sizeX-regular {
    --vkui--size_base_padding_horizontal--regular: 0
}

.vkuiPanel--sizeX-compact .vkuiPanel__in {
    height: 600px
}

.vkui--sizeX-regular div.vkuiPanelHeader__in {
    margin: -28px -28px 0
}

div.vkuiPanelHeader__in {
    margin: 0
}

.vkui--sizeX-regular div.vkuiPlaceholder__in {
    padding-top: 0;
    padding-bottom: 12px
}

div.vkuiPlaceholder__in {
    padding-top: 16px;
    padding-bottom: 12px
}

.vkui--sizeX-regular h2.vkuiPlaceholder__header {
    padding-top: 0
}

h2.vkuiPlaceholder__header {
    padding-top: 12px
}

.vkc__RegisterDialog__actions .vkuiButton {
    margin: 0 16px
}

.PromoPage, body {
    background: var(--modal_card_background)
}

.PromoPage {
    min-height: 100%;
    position: relative;
    z-index: 2
}

.PromoAuthPopup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000
}

.PromoAuthPopup--visible {
    display: block
}

a {
    color: var(--text_primary);
    cursor: pointer;
    text-decoration: none;
    font-size: inherit
}

a:hover {
    text-decoration: underline
}

@font-face {
    font-family: AndroidSystemFont;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), local("sans-serif")
}

@font-face {
    font-family: AndroidSystemFont;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), local("sans-serif-medium")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto"), local("Roboto-Regular"), url(/vkconnect/fonts/400cyr_ext.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto"), local("Roboto-Regular"), url(/vkconnect/fonts/400cyr.woff2) format("woff2");
    unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto"), local("Roboto-Regular"), url(/vkconnect/fonts/400greek.woff2) format("woff2");
    unicode-range: U+0370-03ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto"), local("Roboto-Regular"), url(/vkconnect/fonts/400latin_ext.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto"), local("Roboto-Regular"), url(/vkconnect/fonts/400latin.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(/vkconnect/fonts/500cyr_ext.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(/vkconnect/fonts/500cyr.woff2) format("woff2");
    unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(/vkconnect/fonts/500greek.woff2) format("woff2");
    unicode-range: U+0370-03ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(/vkconnect/fonts/500latin_ext.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(/vkconnect/fonts/500latin.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: TT Commons;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/vkconnect/fonts/TTCommons-Medium.woff2) format("woff2")
}

@font-face {
    font-family: VK Sans Display;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/vkconnect/fonts/VK_Sans_Display_Medium.woff2) format("woff2")
}

@font-face {
    font-family: VK Sans Display;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/vkconnect/fonts/VK_Sans_Display_Regular.woff2) format("woff2")
}

html {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Helvetica Neue, Roboto, Lucida Grande, Verdana, Tahoma, Arial, sans-serif
}

html.android {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, AndroidSystemFont, Helvetica Neue, Roboto, sans-serif
}

body, button, input, select, textarea {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-font-smoothing: subpixel-antialiased;
    font-family: inherit
}

body {
    margin: 0
}

body:not(.tabbing) :focus {
    outline: none
}

b {
    font-weight: 500
}

.vkc__PureButton__button {
    margin: 0;
    padding: 0;
    display: inline-block;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    text-align: left;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: inherit;
    -webkit-tap-highlight-color: transparent;
    background: rgba(0, 0, 0, 0)
}

.vkc__CloseButton__popupClose {
    position: absolute;
    cursor: pointer;
    top: 6px;
    right: 6px;
    width: 44px;
    height: 44px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--icon_outline_secondary);
    z-index: 1
}

.vkc__CloseButton__popupCloseBox {
    color: var(--white)
}

.vkc__CloseButton__backIcon {
    display: none
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__CloseButton__popupClose {
        width: 24px;
        height: 24px;
        top: 16px;
        left: 16px
    }

    .vkc__CloseButton__popupCloseMobileDark {
        color: var(--white)
    }

    .vkc__CloseButton__cancelIcon, .vkc__CloseButton__popupCloseBox {
        display: none
    }

    .vkc__CloseButton__backIcon {
        display: block
    }
}

.vkc__Popup__popupBox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1000;
    background: var(--black_alpha35)
}

.vkc__Popup__popupInner {
    margin: auto;
    border-top: 20px solid rgba(0, 0, 0, 0);
    border-bottom: 20px solid rgba(0, 0, 0, 0);
    position: relative
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__Popup__popupMobileFullScreen {
        width: 100%;
        border: 0;
        height: 100%;
        min-height: 100%
    }

    .vkc__Popup__popupInner:not(.vkc__Popup__popupMobileFullScreen) {
        margin-left: 8px;
        margin-right: 8px
    }
}

.vkc__VKDisplayTitle__title {
    display: block;
    margin: 0
}

.vkc__VKDisplayTitle__titleLevel1 {
    font-size: 23px;
    line-height: 28px
}

.vkc__VKDisplayTitle__titleLevel1, .vkc__VKDisplayTitle__titleLevel2 {
    font-family: VK Sans Display, -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif
}

.vkc__VKDisplayTitle__titleLevel2 {
    font-size: 20px;
    line-height: 24px
}

.vkc__VKDisplayTitle__mobile.vkc__VKDisplayTitle__titleLevel2 {
    font-size: 21px
}

.vkc__VKDisplayTitle__demiboldWeight {
    font-weight: 500
}

.vkc__VKDisplayTitle__regularWeight {
    font-weight: 400
}

.vkc__VKConnectLogo__letter {
    fill: var(--text_primary)
}

.vkc__VKConnectLogo__defaultLogoColor {
    fill: var(--azure_A100)
}

.vkc__VKConnectLogo__singleColor {
    fill: currentColor
}

.vkc__PromoBox__promoBox {
    height: 100%;
    color: var(--text_primary)
}

.vkc__PromoBox__box {
    padding: 28px;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--background_light);
    position: relative
}

.vkc__PromoBox__logo {
    height: 20px;
    width: inherit;
    margin-bottom: 16px;
    color: var(--azure_A100)
}

.vkc__PromoBox__logoBindOk {
    width: 304px;
    height: 86px
}

.uxdemo2 .vkc__PromoBox__logo {
    color: var(--azure_A100)
}

.vkc__PromoBox__title {
    font-size: 18px;
    line-height: 1.33;
    margin-bottom: 16px;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.vkc__PromoBox__titleNoBrand {
    margin-top: 0
}

.vkc__PromoBox__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.vkc__PromoBox__listItem {
    margin: 0 0 4px;
    padding: 8px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vkc__PromoBox__listItemIcon {
    width: 28px;
    height: 28px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px;
    color: var(--icon_outline_secondary)
}

.vkc__PromoBox__listItemText {
    font-size: 15px;
    color: var(--text_subhead);
    width: 1px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.vkc__PromoBox__servicesBox {
    position: absolute;
    left: 26px;
    bottom: 26px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vkc__PromoBox__servicesBox, .vkc__PromoBox__servicesRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.vkc__PromoBox__servicesRow {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.vkc__PromoBox__service {
    width: 32px;
    height: 32px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 2px solid var(--image_border);
    overflow: hidden
}

.vkc__PromoBox__service:not(:last-child) {
    margin-left: -8px
}

.vkc__PromoBox__servicesAll {
    margin-left: 10px;
    font-size: 15px;
    color: var(--text_tertiary);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vkc__PromoBox__servicesArrow {
    width: 12px;
    height: 16px;
    margin-left: 2px;
    margin-top: 3px
}

.vkc__PromoBox__mobileBox {
    display: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--background_content);
    position: relative;
    padding: 18px;
    z-index: 10
}

.vkc__PromoBox__mobileLogoWrapper {
    width: 42px;
    margin: auto auto 14px
}

.vkc__PromoBox__mobileCentered {
    width: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto
}

.vkc__PromoBox__mobileTitle {
    font-family: VK Sans Display, -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.33;
    text-align: center;
    margin-bottom: 14px
}

.vkc__PromoBox__mobileMoreLink {
    text-align: center;
    margin-top: 14px;
    font-size: 14px
}

.vkc__PromoBox__mobileMoreContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.vkc__PromoBox__chevron {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px
}

.vkc__PromoBox__chevronRotate {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.vkc__PromoBox__mobileHeader {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    color: var(--text_secondary)
}

.vkc__PromoBox__Agreement {
    margin-bottom: 16px
}

.vkc__PromoBox__aboutLink {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    left: 28px;
    bottom: 28px;
    font-size: 15px;
    width: -webkit-calc(100% - 56px);
    width: -moz-calc(100% - 56px);
    width: calc(100% - 56px)
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__PromoBox__box {
        display: none
    }

    .vkc__PromoBox__mobileBox {
        display: block
    }
}

.vkc__FullscreenUniformErrorHandler__placeholder {
    background: var(--background_content);
    z-index: 1100
}

.vkc__FullscreenUniformErrorHandler__placeholder h2 {
    padding-top: 0
}

.vkc__FullscreenUniformErrorHandler__icon {
    color: var(--placeholder_icon_foreground_primary)
}

.vkc__FullscreenUniformErrorHandler__button {
    margin-top: 8px
}

.vkc__AlertUniformError__alert span {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.vkc__AuthRoot__root {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

div.vkc__AuthRoot__rootInternal {
    width: 448px
}

.vkc__AuthRoot__col {
    margin: 20px 0;
    max-height: 456px
}

.vkc__AuthRoot__promoCol {
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
    background: var(--background_light);
    border-left: 1px solid var(--image_border)
}

.vkc__AuthRoot__contentCol, .vkc__AuthRoot__promoCol {
    overflow: hidden;
    max-height: 456px;
    border-top: 1px solid var(--image_border);
    border-bottom: 1px solid var(--image_border);
    margin: 20px 0
}

.vkc__AuthRoot__contentCol {
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
    background: var(--background_content);
    border-right: 1px solid var(--image_border)
}

.vkc__AuthRoot__singleCol, div.vkc__AuthRoot__contentColInternal {
    height: auto
}

.vkc__AuthRoot__singleCol {
    border: 1px solid var(--image_border);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 100%
}

.vkc__AuthRoot__internalCol {
    width: 360px
}

.vkc__AuthRoot__loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--modal_card_background);
    color: var(--vkui--color_icon_medium);
    color: var(--icon_outline_secondary, var(--vkui--color_icon_medium));
    z-index: 1
}

.vkc__AuthRoot__contentIn, .vkc__AuthRoot__loader {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.vkc__AuthRoot__contentIn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 28px;
    width: auto
}

.vkc__AuthRoot__contentInInternal {
    padding: 34px 28px 20px
}

.vkc__AuthRoot__contentInNoPadding {
    padding: 0
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__AuthRoot__root {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    div.vkc__AuthRoot__rootInternal {
        width: 100%;
        background: var(--background_content)
    }

    .vkc__AuthRoot__promoCol {
        height: auto;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    .vkc__AuthRoot__contentCol, .vkc__AuthRoot__promoCol {
        overflow: unset;
        border: 0;
        margin: 0;
        width: 100%
    }

    .vkc__AuthRoot__contentCol {
        max-height: 100%
    }

    .vkc__AuthRoot__contentIn {
        padding: 0;
        width: 100%;
        height: auto
    }
}

.vkc__Spinner__container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vkc__Spinner__spinner {
    -webkit-animation: vkc__Spinner__spin .8s linear infinite;
    -moz-animation: vkc__Spinner__spin .8s linear infinite;
    -o-animation: vkc__Spinner__spin .8s linear infinite;
    animation: vkc__Spinner__spin .8s linear infinite
}

.vkc__Spinner__icon {
    display: block;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.vkc__Spinner__size16 {
    width: 16px;
    height: 16px
}

.vkc__Spinner__size32 {
    width: 32px;
    height: 32px
}

@-webkit-keyframes vkc__Spinner__spin {
    to {
        -webkit-transform: rotate(1turn) translateZ(0);
        transform: rotate(1turn) translateZ(0)
    }
}

@-moz-keyframes vkc__Spinner__spin {
    to {
        -moz-transform: rotate(1turn) translateZ(0);
        transform: rotate(1turn) translateZ(0)
    }
}

@-o-keyframes vkc__Spinner__spin {
    to {
        transform: rotate(1turn) translateZ(0)
    }
}

@keyframes vkc__Spinner__spin {
    to {
        -webkit-transform: rotate(1turn) translateZ(0);
        -moz-transform: rotate(1turn) translateZ(0);
        transform: rotate(1turn) translateZ(0)
    }
}

.vkc__QRCode__container {
    font-family: VK Sans Display, -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vkc__QRCode__expired .vkc__QRCode__image {
    opacity: .25
}

.vkc__QRCode__icon {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    color: var(--accent);
    background-color: var(--background_content);
    padding: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.vkc__QRCode__searchIcon {
    opacity: 0;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: all .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    -o-transition: all .3s cubic-bezier(.4, 0, .2, 1), -o-transform .3s cubic-bezier(.4, 0, .2, 1);
    -moz-transition: all .3s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(.4, 0, .2, 1), -moz-transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: all .3s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: all .3s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1), -moz-transform .3s cubic-bezier(.4, 0, .2, 1), -o-transform .3s cubic-bezier(.4, 0, .2, 1)
}

.vkc__QRCode__container:hover .vkc__QRCode__searchIcon, .vkc__QRCode__expiredIcon {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.vkc__QRCode__overlay svg {
    background-color: var(--background_content);
    padding: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.vkc__QRCode__loading {
    color: var(--button_secondary_foreground)
}

.vkc__QRCode__clickable {
    cursor: pointer
}

.vkc__QRCode__qr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.vkc__QRCode__dark {
    background-color: var(--white);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    padding: 20px
}

.vkc__QRCodePanel__container {
    padding-top: 28px;
    border-top: .5px solid var(--separator_alternate)
}

.vkc__QRCodePanel__container, .vkc__QRCodePanel__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.vkc__QRCodePanel__info {
    margin-left: 22px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vkc__QRCodePanel__title {
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 4px
}

.vkc__QRCodePanel__description {
    font-size: 13px;
    line-height: 16px;
    color: var(--text_subhead)
}

.vkc__QRCodePanel__guide {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.vkc__QRCodePanel__link {
    font-size: 13px;
    line-height: 16px
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__QRCodePanel__container {
        display: none
    }
}

.vkc__Button__container {
    margin: 0;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: inherit;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto;
    height: 36px;
    padding: 8px 12px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: var(--gray_40);
    -webkit-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    transition: all .1s ease-out;
    position: relative
}

.vkc__Button__fluid {
    width: 100%;
    display: inline-block
}

.vkc__Button__medium {
    width: 300px
}

.vkc__Button__small {
    height: 30px;
    line-height: 18px;
    padding: 6px 16px
}

.vkc__Button__big, .vkc__Button__large {
    height: 44px
}

.vkc__Button__large {
    padding-top: 4px;
    padding-bottom: 5px
}

.vkc__Button__title {
    height: 20px;
    font-size: 15px;
    font-weight: 500;
    text-align: center
}

.vkc__Button__titleSmall {
    font-size: 14px
}

.vkc__Button__titleLarge {
    height: auto
}

.vkc__Button__primary {
    background-color: var(--button_primary_background);
    color: var(--button_primary_foreground)
}

.vkc__Button__primary[data-state=hover] {
    opacity: .8
}

.vkc__Button__primary[data-state=active] {
    opacity: .7;
    -webkit-transform: scale(.97);
    -moz-transform: scale(.97);
    -ms-transform: scale(.97);
    -o-transform: scale(.97);
    transform: scale(.97)
}

.vkc__Button__loading {
    cursor: default
}

.uxdemo2 .vkc__Button__primary {
    background-color: var(--azure_A400)
}

.vkc__Button__secondary {
    border: 0;
    background-color: var(--button_secondary_background);
    color: var(--button_secondary_foreground)
}

.vkc__Button__secondary[data-state=hover] {
    opacity: .8
}

.vkc__Button__secondary[data-state=active] {
    opacity: .7;
    -webkit-transform: scale(.97);
    -moz-transform: scale(.97);
    -ms-transform: scale(.97);
    -o-transform: scale(.97);
    transform: scale(.97)
}

.uxdemo2 .vkc__Button__secondary {
    color: var(--azure_A400)
}

.vkc__Button__flat {
    background-color: unset;
    border: 1px solid var(--image_border)
}

.vkc__Button__flat[data-state=hover] {
    border: 1px solid var(--field_border)
}

.vkc__Button__flat[data-state=active] {
    -webkit-transform: scale(.97);
    -moz-transform: scale(.97);
    -ms-transform: scale(.97);
    -o-transform: scale(.97);
    transform: scale(.97);
    opacity: .6;
    border: 1px solid var(--field_border)
}

.vkc__Button__white {
    background-color: var(--white);
    border: 1px solid var(--gray_100)
}

.vkc__Button__white[data-state=hover] {
    border-color: var(--gray_200)
}

.vkc__Button__white[data-state=active] {
    -webkit-transform: scale(.97);
    -moz-transform: scale(.97);
    -ms-transform: scale(.97);
    -o-transform: scale(.97);
    transform: scale(.97);
    opacity: .6
}

.vkc__Button__tertiary {
    background-color: var(--button_tertiary_background);
    color: var(--button_tertiary_foreground)
}

.vkc__Button__tertiary[data-state=hover] {
    background-color: var(--background_hover)
}

.vkc__Button__tertiary[data-state=active] {
    background-color: var(--background_highlighted);
    opacity: .7
}

.vkc__Button__flat:disabled, .vkc__Button__flat:disabled[data-state=active] .vkc__Button__tertiary:disabled, .vkc__Button__flat:disabled[data-state=hover], .vkc__Button__secondary:disabled, .vkc__Button__secondary:disabled[data-state=active], .vkc__Button__secondary:disabled[data-state=hover], .vkc__Button__tertiary:disabled[data-state=active], .vkc__Button__tertiary:disabled[data-state=hover] {
    opacity: .64
}

.vkc__Button__disabled {
    opacity: .4;
    cursor: default
}

.vkc__Button__disabled[data-state=active] {
    opacity: .4;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    cursor: default
}

.vkc__Button__disabled[data-state=hover] {
    opacity: .4
}

.vkc__Button__leftIcon {
    position: absolute;
    top: 0
}

.vkc__Button__leftIcon, .vkc__Button__onlyIcon {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vkc__Button__onlyIcon {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto
}

.vkc__Avatar__img {
    display: block
}

.vkc__Avatar__circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.vkc__Avatar__square {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.vkc__Avatar__squareMobile {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px
}

.vkc__Avatar__tinySquare {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.vkc__Avatar__avatar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    display: inline-block;
    position: relative;
    color: var(--icon_secondary)
}

.vkc__Avatar__avatar svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.vkc__Avatar__size80 {
    width: 80px;
    height: 80px
}

.vkc__Avatar__size64 {
    width: 64px;
    height: 64px
}

.vkc__Avatar__size60 {
    width: 60px;
    height: 60px
}

.vkc__Avatar__size55 {
    width: 55px;
    height: 55px
}

.vkc__Avatar__size56 {
    width: 56px;
    height: 56px
}

.vkc__Avatar__size50 {
    width: 50px;
    height: 50px
}

.vkc__Avatar__size48 {
    width: 48px;
    height: 48px
}

.vkc__Avatar__size40 {
    width: 40px;
    height: 40px
}

.vkc__Avatar__size36 {
    width: 36px;
    height: 36px
}

.vkc__Avatar__size32 {
    width: 32px;
    height: 32px
}

.vkc__Avatar__size26 {
    width: 26px;
    height: 26px
}

.vkc__Avatar__size24 {
    width: 24px;
    height: 24px
}

.vkc__Avatar__size20 {
    width: 20px;
    height: 20px
}

.vkc__Avatar__border {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset 0 0 0 1px var(--image_border);
    -moz-box-shadow: inset 0 0 0 1px var(--image_border);
    box-shadow: inset 0 0 0 1px var(--image_border)
}

.vkc__Avatar__authBorder {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.vkc__Avatar__online {
    -webkit-box-shadow: 0 0 0 2px var(--blue_200);
    -moz-box-shadow: 0 0 0 2px var(--blue_200);
    box-shadow: 0 0 0 2px var(--blue_200);
    border: 2px solid var(--background_content)
}

.vkc__Avatar__onlineBorder {
    top: 2px;
    left: 2px
}

.vkc__Avatar__icon {
    display: inline-block;
    vertical-align: middle
}

.vkc__Avatar__authIcon {
    position: absolute;
    top: 25px;
    right: -5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px .5px 4px var(--icon_secondary);
    -moz-box-shadow: 1px .5px 4px var(--icon_secondary);
    box-shadow: 1px .5px 4px var(--icon_secondary)
}

@media (-o-min-device-pixel-ratio: 1/1),(-webkit-min-device-pixel-ratio: 1),(min--moz-device-pixel-ratio: 1),(min-resolution: 1dppx) {
    .vkc__Avatar__border {
        -webkit-box-shadow: inset 0 0 0 1px var(--image_border);
        -moz-box-shadow: inset 0 0 0 1px var(--image_border);
        box-shadow: inset 0 0 0 1px var(--image_border)
    }
}

@media (-o-min-device-pixel-ratio: 2/1),(-webkit-min-device-pixel-ratio: 2),(min--moz-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .vkc__Avatar__border {
        -webkit-box-shadow: inset 0 0 0 .5px var(--image_border);
        -moz-box-shadow: inset 0 0 0 .5px var(--image_border);
        box-shadow: inset 0 0 0 .5px var(--image_border)
    }
}

@media (-o-min-device-pixel-ratio: 3/1),(-webkit-min-device-pixel-ratio: 3),(min--moz-device-pixel-ratio: 3),(min-resolution: 3dppx) {
    .vkc__Avatar__border {
        -webkit-box-shadow: inset 0 0 0 .33px var(--image_border);
        -moz-box-shadow: inset 0 0 0 .33px var(--image_border);
        box-shadow: inset 0 0 0 .33px var(--image_border)
    }
}

.vkc__ButtonOneTap__buttonContent {
    position: relative;
    padding: 0 4px;
    text-align: center
}

.vkc__ButtonOneTap__buttonContentWithIcons {
    padding: 0 38px
}

.vkc__ButtonOneTap__avatarContainer {
    right: -3px
}

.vkc__ButtonOneTap__spinnerContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 26px;
    right: 0
}

.vkc__ButtonOneTap__spinnerInnerContainer {
    width: auto
}

.vkc__ButtonOneTap__vkIcon {
    left: -5px
}

.vkc__ButtonOneTap__vkIcon.vkc__ButtonOneTap__white {
    fill: var(--azure_A100)
}

.vkc__ButtonOneTap__vkIcon.vkc__ButtonOneTap__primary {
    fill: var(--white)
}

.vkc__ButtonOneTap__userIconSkeletonContainer {
    right: -1px
}

.vkc__ButtonOneTap__avatarContainer, .vkc__ButtonOneTap__spinnerContainer, .vkc__ButtonOneTap__userIconSkeletonContainer, .vkc__ButtonOneTap__vkIcon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 0
}

.vkc__ButtonOneTap__loginOptionsSkeleton {
    max-width: 100px
}

.vkc__ButtonOneTap__loginSkeleton {
    max-width: 160px
}

.vkc__ButtonOneTap__loginButtonContainer {
    width: 100%
}

.vkc__ButtonOneTap__loginOptionsButtonContainer {
    width: 100%;
    margin-top: 12px
}

.vkc__ButtonOneTap__loginOptionsButtonSkeleton {
    height: 44px
}

.vkc__ButtonOneTap__loginOptionsButtonSkeleton:after, .vkc__ButtonOneTap__loginOptionsButtonSkeleton:before {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.vkc__ButtonOneTap__errorButton, .vkc__ButtonOneTap__primaryButton, .vkc__ButtonOneTap__secondaryButton {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.vkc__ButtonOneTap__primaryButton {
    background-color: var(--azure_A100);
    color: var(--white)
}

.vkc__ButtonOneTap__secondaryButton {
    color: var(--button_secondary_foreground);
    background-color: var(--button_secondary_background)
}

.vkc__ButtonOneTap__errorButton {
    background-color: var(--destructive);
    color: var(--white)
}

.vkc__ButtonOneTap__buttonText {
    width: 100%;
    font-size: 17px;
    line-height: 22px;
    white-space: nowrap
}

.vkc__ButtonOneTap__buttonText, .vkc__ButtonOneTap__primaryText {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.vkc__ButtonOneTap__primaryText {
    margin-bottom: 1px;
    line-height: 20px;
    font-size: 16px
}

.vkc__ButtonOneTap__secondaryText {
    line-height: 14px;
    font-size: 12px;
    font-weight: 400;
    opacity: .7;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.vkc__ButtonOneTap__primaryTextSkeleton {
    margin: 0 auto 7px
}

.vkc__ButtonOneTap__primaryTextSkeleton, .vkc__ButtonOneTap__secondaryTextSkeleton {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.vkc__ButtonOneTap__secondaryTextSkeleton {
    margin: 0 auto
}

.vkc__ButtonOneTap__userIconSkeleton {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.vkc__ButtonOneTap__agreement {
    max-width: 355px;
    margin: 12px auto 0
}

.vkc__ButtonOneTap__agreementsLink {
    color: var(--text_tertiary);
    text-decoration: underline
}

.vkc__ButtonOneTap__agreementsLink:hover {
    text-decoration: none
}

.vkc__ButtonOneTap__agreementsDetailLinkWrapper {
    padding-top: 12px
}

.vkc__ButtonOneTap__agreementsDetailLink {
    color: var(--text_tertiary)
}

.vkc__ConnectAdaptiveButton__connectButton, .vkc__ConnectAdaptiveButton__connectMobileButton {
    margin-bottom: 12px
}

.vkc__ConnectAdaptiveButton__connectMobileButton {
    display: none
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__ConnectAdaptiveButton__connectMobileButton {
        display: block
    }

    .vkc__ConnectAdaptiveButton__connectDesktopButton {
        display: none
    }
}

.vkc__PhoneAdaptiveButton__phoneButton, .vkc__PhoneAdaptiveButton__phoneMobileButton {
    margin-bottom: 6px
}

.vkc__PhoneAdaptiveButton__phoneMobileButton {
    display: none
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__PhoneAdaptiveButton__phoneMobileButton {
        display: block
    }

    .vkc__PhoneAdaptiveButton__phoneDesktopButton {
        display: none
    }
}

.vkc__ServiceAvatar__serviceAvatar {
    display: inline-block
}

.vkc__ServiceAvatar__img {
    display: block
}

.vkc__ServiceAvatar__mobileImg {
    display: none
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__ServiceAvatar__img {
        display: none
    }

    .vkc__ServiceAvatar__mobileImg {
        display: block
    }
}

.vkc__ServiceAvatarAndAgreements__avatar {
    position: relative;
    font-size: 0;
    text-align: center;
    margin-bottom: 14px;
    padding: 2px;
    border: 2px solid rgba(0, 0, 0, 0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.vkc__ServiceAvatarAndAgreements__captionHeader {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: var(--text_primary);
    margin-bottom: 12px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    z-index: 1
}

.vkc__ServiceAvatarAndAgreements__contentWrapper {
    font-size: 15px;
    text-align: center;
    color: var(--text_secondary);
    margin: 12px 0 15px
}

.vkc__ServiceAvatarAndAgreements__dataInfo {
    max-width: 450px;
    margin: 0 auto;
    line-height: 20px;
    font-size: 15px
}

@media (max-width: 767px) {
    .vkc__VKIDPanel__transitionalFixup {
        max-width: -webkit-calc(100% - 40px);
        max-width: -moz-calc(100% - 40px);
        max-width: calc(100% - 40px)
    }
}

.vkc__ContentHeader__header {
    width: 100%;
    height: 56px;
    background: var(--header_background);
    color: var(--text_primary);
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vkc__ContentHeader__transitionalFixup {
    padding: 0 28px;
    margin: 0 -28px;
    top: -28px
}

@media screen and (min-width: 768px) {
    .vkc__ContentHeader__header {
        background: none
    }
}

.vkc__ContentHeader__navigationButton {
    position: absolute;
    cursor: pointer;
    top: 5px;
    left: 4px;
    width: 48px;
    height: 48px;
    color: var(--icon_outline_secondary)
}

.vkc__ContentHeader__navigationButton, .vkc__ContentHeader__navigationIconWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vkc__ContentHeader__navigationIconWrapper {
    width: 100%;
    height: 100%
}

.vkc__ContentHeader__closeButton {
    display: none
}

.vkc__ContentHeader__logo, .vkc__ContentHeader__promo {
    display: none
}

.vkc__ContentHeader__logo {
    color: var(--azure_A100)
}

.vkc__ContentHeader__logo.vkc__ContentHeader__isSingleCol, .vkc__ContentHeader__logoVisible {
    display: block
}

.vkc__ContentHeader__description {
    font-size: 14px;
    line-height: 22px;
    color: var(--text_secondary)
}

.vkc__ContentHeader__logoWithPromo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vkc__ContentHeader__logoWithDescription {
    margin-top: 20px
}

.vkc__ContentHeader__promoLogoVKIcon {
    margin-right: 4px;
    color: var(--azure_A100)
}

.vkc__ContentHeader__promoLogoDropdownIcon, .vkc__ContentHeader__promoLogoVKIcon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.vkc__ContentHeader__promoLogoDropdownIcon {
    color: var(--steel_gray_300)
}

.uxdemo2 .vkc__ContentHeader__logo {
    color: var(--azure_A100)
}

.vkc__ContentHeader__wrap {
    height: 0
}

.vkc__ContentHeader__wrap.vkc__ContentHeader__isSingleCol {
    margin-bottom: 20px
}

.vkc__ContentHeader__wrapVisible {
    height: 40px
}

.vkc__ContentHeader__mobileHeader {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    color: var(--text_secondary)
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__ContentHeader__transitionalFixup {
        position: fixed;
        padding: 0;
        margin: 0;
        top: 0
    }

    .vkc__ContentHeader__wrap {
        height: 56px
    }

    .vkc__ContentHeader__closeButton {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .vkc__ContentHeader__logo {
        margin-top: 4px
    }

    .vkc__ContentHeader__logo, .vkc__ContentHeader__promo {
        display: block
    }

    .vkc__ContentHeader__navigationButton {
        color: var(--header_tint)
    }
}

@media (min-width: 768px) and (max-height: 500px) {
    .vkc__ContentHeader__transitionalFixup {
        position: static
    }
}

.vkc__Link__link {
    cursor: pointer;
    text-decoration: none;
    font-size: inherit
}

.vkc__Link__link:hover {
    text-decoration: underline
}

.vkc__Link__primary, .vkc__Link__primary:hover {
    color: var(--text_link)
}

.vkc__Link__secondary, .vkc__Link__secondary:hover {
    color: var(--text_secondary)
}

.vkc__Link__underlined {
    text-decoration: underline
}

.vkc__Link__underlined:hover {
    text-decoration: none
}

.vkc__Link__transparent {
    color: rgba(0, 0, 0, 0)
}

.vkc__AcceptPrivacyPolicy__container, .vkc__AcceptPrivacyPolicy__content {
    height: 100%
}

.vkc__AcceptPrivacyPolicy__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.vkc__AcceptPrivacyPolicy__captionHeader {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: var(--text_primary);
    margin-bottom: 10px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    z-index: 1
}

.vkc__AcceptPrivacyPolicy__agreement {
    margin-top: auto
}

.vkc__AcceptPrivacyPolicy__agreementButton {
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    margin-bottom: 28px;
    font-size: 15px
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__AcceptPrivacyPolicy__content {
        padding: 20px 20px 100px
    }
}

.vkc__BindOKAccounts__Title {
    color: var(--text_secondary);
    font-family: Roboto, sans-serif;
    font-size: 15px;
    line-height: 20px;
    text-align: center
}

.vkc__BindOKAccounts__UsersBlock {
    border: .5px solid rgba(0, 0, 0, .08);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 16px;
    padding: 20px 20px 14px
}

.vkc__BindOKAccounts__Row, .vkc__BindOKAccounts__UsersBlock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vkc__BindOKAccounts__Row {
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 0 8px;
    cursor: pointer
}

.vkc__BindOKAccounts__AvatarSkeleton {
    width: 40px;
    height: 40px
}

.vkc__BindOKAccounts__NameSkeleton {
    width: 122px;
    height: 14px
}

.vkc__BindOKAccounts__UsersAvatar {
    margin-right: 12px
}

.vkc__BindOKAccounts__UsersName {
    margin-bottom: 3px;
    color: var(--text_primary);
    font-family: Roboto, sans-serif;
    font-size: 16px;
    line-height: 20px
}

.vkc__BindOKAccounts__SubTitle {
    color: var(--text_secondary);
    font-size: 13px;
    line-height: 16px
}

.vkc__BindOKAccounts__UsersInfo {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 170px;
    -moz-box-flex: 1;
    -ms-flex: 1 0 170px;
    flex: 1 0 170px
}

.vkc__BindOKAccounts__Radio {
    color: var(--accent)
}

.vkc__BindOKAccounts__BindIcon {
    margin: 0 23px 0 13px
}

.vkc__BindOKAccounts__BindText {
    color: var(--text_secondary);
    font-size: 13px;
    line-height: 16px
}

.vkc__BindOKAccounts__EnterButton {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--button_muted_background);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 12px
}

.vkc__BindOKAccounts__EnterIcon, .vkc__BindOKAccounts__EnterText {
    color: var(--accent)
}

.vkc__BindOKAccounts__EnterText {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    line-height: 20px
}

.vkc__BindOKAccounts__Enter {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer
}

.vkc__BindOKAccounts__Button {
    position: absolute;
    bottom: 28px;
    left: 28px;
    right: 28px;
    width: 304px
}

.vkc__BindOKAccounts__Error {
    text-align: center;
    padding: 60px 0 0
}

.vkc__BindOKAccounts__CancelIcon {
    color: var(--placeholder_icon_foreground_primary)
}

.vkc__BindOKAccounts__ErrorTitle {
    color: var(--text_primary);
    font-size: 21px;
    margin: 16px 0 12px
}

.vkc__BindOKAccounts__ErrorText, .vkc__BindOKAccounts__ErrorTitle {
    font-family: TT Commons, -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif
}

.vkc__BindOKAccounts__ErrorText {
    color: var(--text_secondary);
    font-size: 15px
}

.vkc__BindOKAccounts__ErrorButton {
    margin: 24px 0 0;
    width: 304px
}

.vkc__BindOKAccounts__ErrorLink {
    cursor: pointer;
    margin: 24px 0 0;
    color: var(--button_tertiary_foreground);
    font-family: TT Commons, -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    font-size: 15px
}

.vkc__skeleton__skeleton {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 262px;
    height: 40px
}

.vkc__skeleton__skeletonAvatar {
    width: 40px;
    height: 40px;
    margin-right: 8px;
    background: var(--content_tint_background);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

@-webkit-keyframes vkc__skeleton__skeletonShimmerLeftPart {
    0% {
        left: -100px
    }
    to {
        left: 0
    }
}

@-moz-keyframes vkc__skeleton__skeletonShimmerLeftPart {
    0% {
        left: -100px
    }
    to {
        left: 0
    }
}

@-o-keyframes vkc__skeleton__skeletonShimmerLeftPart {
    0% {
        left: -100px
    }
    to {
        left: 0
    }
}

@keyframes vkc__skeleton__skeletonShimmerLeftPart {
    0% {
        left: -100px
    }
    to {
        left: 0
    }
}

@-webkit-keyframes vkc__skeleton__skeletonShimmerRightPart {
    0% {
        left: 22px
    }
    to {
        left: 122px
    }
}

@-moz-keyframes vkc__skeleton__skeletonShimmerRightPart {
    0% {
        left: 22px
    }
    to {
        left: 122px
    }
}

@-o-keyframes vkc__skeleton__skeletonShimmerRightPart {
    0% {
        left: 22px
    }
    to {
        left: 122px
    }
}

@keyframes vkc__skeleton__skeletonShimmerRightPart {
    0% {
        left: 22px
    }
    to {
        left: 122px
    }
}

.vkc__skeleton__skeletonLine {
    width: 144px;
    height: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    background: var(--im_bubble_incoming)
}

.vkc__skeleton__skeletonLine:after, .vkc__skeleton__skeletonLine:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    width: 122px;
    height: 14px;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    -moz-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    -o-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    opacity: .08
}

.vkc__skeleton__skeletonLine:before {
    left: -100px;
    -webkit-animation-name: vkc__skeleton__skeletonShimmerLeftPart;
    -moz-animation-name: vkc__skeleton__skeletonShimmerLeftPart;
    -o-animation-name: vkc__skeleton__skeletonShimmerLeftPart;
    animation-name: vkc__skeleton__skeletonShimmerLeftPart;
    background: -webkit-gradient(linear, left top, right top, from(var(--skeleton_shimmer_from)), color-stop(49.48%, var(--skeleton_shimmer_from)), to(var(--skeleton_shimmer_to)));
    background: -webkit-linear-gradient(left, var(--skeleton_shimmer_from), var(--skeleton_shimmer_from) 49.48%, var(--skeleton_shimmer_to));
    background: -moz-linear-gradient(left, var(--skeleton_shimmer_from) 0, var(--skeleton_shimmer_from) 49.48%, var(--skeleton_shimmer_to) 100%);
    background: -o-linear-gradient(left, var(--skeleton_shimmer_from) 0, var(--skeleton_shimmer_from) 49.48%, var(--skeleton_shimmer_to) 100%);
    background: linear-gradient(90deg, var(--skeleton_shimmer_from), var(--skeleton_shimmer_from) 49.48%, var(--skeleton_shimmer_to));
    opacity: .08
}

.vkc__skeleton__skeletonLine:after {
    left: 22px;
    -webkit-animation-name: vkc__skeleton__skeletonShimmerRightPart;
    -moz-animation-name: vkc__skeleton__skeletonShimmerRightPart;
    -o-animation-name: vkc__skeleton__skeletonShimmerRightPart;
    animation-name: vkc__skeleton__skeletonShimmerRightPart;
    background: -webkit-gradient(linear, left top, right top, from(var(--skeleton_shimmer_to)), color-stop(49.48%, var(--skeleton_shimmer_from)), to(var(--skeleton_shimmer_from)));
    background: -webkit-linear-gradient(left, var(--skeleton_shimmer_to), var(--skeleton_shimmer_from) 49.48%, var(--skeleton_shimmer_from));
    background: -moz-linear-gradient(left, var(--skeleton_shimmer_to) 0, var(--skeleton_shimmer_from) 49.48%, var(--skeleton_shimmer_from) 100%);
    background: -o-linear-gradient(left, var(--skeleton_shimmer_to) 0, var(--skeleton_shimmer_from) 49.48%, var(--skeleton_shimmer_from) 100%);
    background: linear-gradient(90deg, var(--skeleton_shimmer_to), var(--skeleton_shimmer_from) 49.48%, var(--skeleton_shimmer_from))
}

.vkc__BottomAuthenticatorOTP__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: auto
}

.vkc__BottomAuthenticatorOTP__button {
    margin-bottom: 12px
}

.vkc__BottomAuthenticatorOTP__confirmButton {
    font-size: 15px
}

.vkc__SaveBrowserCheckbox__saveBrowser {
    font-weight: 400;
    font-size: 13px;
    color: var(--steel_gray_400);
    margin-top: 12px
}

.vkc__Checkbox__label {
    display: block;
    color: var(--text_primary);
    cursor: pointer
}

.vkc__Checkbox__wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.vkc__Checkbox__icon, .vkc__Checkbox__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.vkc__Checkbox__icon {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 1px;
    margin-right: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 24px;
    cursor: pointer
}

.vkc__Checkbox__checkboxOn {
    color: var(--accent);
    display: none
}

.vkc__Checkbox__checkboxOff {
    color: var(--icon_tertiary)
}

.vkc__Checkbox__content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.vkc__Checkbox__srOnly {
    position: absolute;
    height: 1px;
    width: 1px;
    padding: 0;
    margin: -1px;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    overflow: hidden
}

.vkc__Checkbox__input:focus ~ .vkc__Checkbox__wrapper .vkc__Checkbox__checkboxOff, .vkc__Checkbox__input:focus ~ .vkc__Checkbox__wrapper .vkc__Checkbox__checkboxOn {
    -webkit-box-shadow: 0 0 0 2px var(--accent);
    -moz-box-shadow: 0 0 0 2px var(--accent);
    box-shadow: 0 0 0 2px var(--accent);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.vkc__Checkbox__input:focus:not(:focus-visible) ~ .vkc__Checkbox__wrapper .vkc__Checkbox__checkboxOff, .vkc__Checkbox__input:focus:not(:focus-visible) ~ .vkc__Checkbox__wrapper .vkc__Checkbox__checkboxOn {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.vkc__Checkbox__input:focus-visible ~ .vkc__Checkbox__wrapper .vkc__Checkbox__checkboxOff, .vkc__Checkbox__input:focus-visible ~ .vkc__Checkbox__wrapper .vkc__Checkbox__checkboxOn {
    -webkit-box-shadow: 0 0 0 2px var(--accent);
    -moz-box-shadow: 0 0 0 2px var(--accent);
    box-shadow: 0 0 0 2px var(--accent);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.vkc__Checkbox__input:checked ~ .vkc__Checkbox__wrapper .vkc__Checkbox__checkboxOn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.vkc__Checkbox__input:checked ~ .vkc__Checkbox__wrapper .vkc__Checkbox__checkboxOff {
    display: none
}

.vkc__TextField__codeInputWrapper, .vkc__TextField__wrapper {
    position: relative;
    width: 100%;
    height: auto;
    overflow: visible;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.vkc__TextField__firstGroupWrapper {
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0
}

.vkc__TextField__middleGroupWrapper {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.vkc__TextField__lastGroupWrapper {
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px
}

.vkc__TextField__codeInput, .vkc__TextField__input {
    width: 100%;
    height: 36px;
    border: 1px solid var(--field_border);
    background-color: var(--field_background);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0 42px 0 12px;
    color: var(--text_primary);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.33;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__TextField__codeInput {
        text-align: center;
        padding: 0 12px;
        display: block;
        margin: 0 64px;
        height: 44px;
        font-size: 16px
    }

    .vkc__TextField__codeInputWrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.vkc__TextField__input::-webkit-input-placeholder {
    color: var(--text_placeholder)
}

.vkc__TextField__input:-moz-placeholder, .vkc__TextField__input::-moz-placeholder {
    color: var(--text_placeholder)
}

.vkc__TextField__input:-ms-input-placeholder {
    color: var(--text_placeholder)
}

.vkc__TextField__input::-ms-input-placeholder {
    color: var(--text_placeholder)
}

.vkc__TextField__input::placeholder {
    color: var(--text_placeholder)
}

.vkc__TextField__input:focus {
    outline: none;
    border-color: var(--accent)
}

.uxdemo2 .vkc__TextField__input:focus {
    border-color: var(--accent)
}

.vkc__TextField__firstGroupInput {
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0
}

.vkc__TextField__middleGroupInput {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.vkc__TextField__lastGroupInput {
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px
}

.vkc__TextField__input::-webkit-inner-spin-button, .vkc__TextField__input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.vkc__TextField__input_number {
    -moz-appearance: textfield
}

.vkc__TextField__error, .vkc__TextField__error:focus, .vkc__TextField__error:hover {
    background-color: var(--field_error_background);
    border-color: var(--field_error_border)
}

.vkc__TextField__icon {
    position: absolute;
    top: 6px;
    right: 12px
}

.vkc__TextField__iconHasTooltip {
    cursor: pointer
}

.vkc__TextField__icon svg {
    width: 24px;
    height: 24px
}

.vkc__TextField__tooltip {
    height: auto;
    display: inline-block;
    position: absolute;
    right: 1px;
    top: 31px;
    margin-top: 5px;
    -webkit-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, .16), 0 0 4px 0 var(--black_alpha12);
    -moz-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, .16), 0 0 4px 0 var(--black_alpha12);
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, .16), 0 0 4px 0 var(--black_alpha12);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    z-index: 1;
    cursor: default
}

.vkc__TextField__tooltip .vkc__TextField__arrow {
    top: 0;
    right: 17px;
    margin-top: -6px;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-bottom: 6px solid var(--modal_card_background);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-top: 0 solid rgba(0, 0, 0, 0)
}

.vkc__TextField__tooltip .vkc__TextField__text {
    min-height: 36px;
    width: 100%;
    max-width: 240px;
    padding: 8px 12px 10px;
    background-color: var(--modal_card_background);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-align: start;
    font-size: 14px;
    margin: 0;
    color: var(--text_primary)
}

.vkc__TextField__progressBarWrapper {
    position: relative
}

.vkc__TextField__progressBar {
    position: absolute;
    top: -2px;
    height: 2px;
    width: 0;
    -webkit-transition: width .3s ease-in-out, background-color .3s ease-in-out;
    -o-transition: width .3s ease-in-out, background-color .3s ease-in-out;
    -moz-transition: width .3s ease-in-out, background-color .3s ease-in-out;
    transition: width .3s ease-in-out, background-color .3s ease-in-out
}

.vkc__TextField__progressBarLow {
    width: 33%;
    background-color: var(--red_error)
}

.vkc__TextField__progressBarMedium {
    width: 66%;
    background-color: var(--orange)
}

.vkc__TextField__progressBarHigh {
    width: 100%;
    background-color: var(--green)
}

.vkc__TextField__placeholder {
    position: absolute;
    width: 100%;
    height: 100%
}

.vkc__TextField__disabled {
    opacity: .4;
    cursor: default;
    pointer-events: none
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__TextField__input {
        height: 44px
    }

    .vkc__TextField__icon {
        top: 10px
    }
}

@media (max-width: 320px) {
    .vkc__TextField__tooltip .vkc__TextField__text {
        max-width: 150px
    }
}

.vkc__TextField__errorMessage {
    color: var(--destructive);
    font-size: 13px;
    font-size: var(--vkui--font_footnote--font_size--regular, 13px);
    line-height: 16px;
    line-height: var(--vkui--font_footnote--line_height--regular, 16px);
    margin-top: 6px;
    margin-bottom: 6px
}

.vkc__ContentAuthenticatorOTP__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 12px
}

.vkc__StepInfo__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 0 0 20px
}

.vkc__StepInfo__bodyMobile {
    padding: 0 0 24px
}

.vkc__StepInfo__avatar {
    display: block;
    margin-bottom: 16px
}

.vkc__StepInfo__hideAvatar {
    display: none
}

.vkc__StepInfo__description {
    margin-top: 8px;
    color: var(--text_secondary)
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__StepInfo__body {
        padding: 0 0 24px
    }

    .vkc__StepInfo__hideAvatarMedia {
        display: none
    }
}

.vkc__AuthSimpleScreen__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.vkc__AuthSimpleScreen__avatar {
    font-size: 0
}

.vkc__AuthSimpleScreen__captionWithoutHeader {
    margin: 0 0 12px
}

.vkc__AuthSimpleScreen__description {
    text-align: center;
    font-size: 15px;
    color: var(--text_secondary);
    margin-bottom: 20px
}

.vkc__AuthSimpleScreen__bottom {
    margin-top: auto
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__AuthSimpleScreen__avatar {
        margin-top: 22px
    }

    .vkc__AuthSimpleScreen__container {
        padding: 12px 16px 100px
    }
}

.vkc__ConfirmEmail__input {
    margin-bottom: 12px
}

.vkc__ConfirmEmail__confirmEmail span[data-key=email] {
    color: var(--text_primary)
}

.vkc__ConfirmEmail__limitMessage, .vkc__ConfirmEmail__resendCodeLink, .vkc__ConfirmEmail__resendCodeSeconds {
    font-size: 14px;
    margin-bottom: 36px
}

.vkc__ConfirmEmail__resendCodeSeconds {
    color: var(--tabbar_tablet_text_secondary)
}

.vkc__ConfirmEmail__limitMessage {
    color: var(--destructive)
}

.vkc__ResendCodeBlock__resendCodeSeconds {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--tabbar_tablet_text_secondary);
    font-size: 14px
}

.vkc__ResendCodeBlock__resendCodeSeconds, .vkc__ResendCodeBlock__resendCodeSeconds span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.vkc__ResendCodeBlock__resendCodeSeconds span span[data-key=time] {
    width: 41px;
    display: block;
    margin-left: 4px
}

.vkc__ResendCodeBlock__resendCodeLink {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px
}

.vkc__ResendCodeBlock__limitMessage {
    font-size: 14px;
    color: var(--field_error_border)
}

.vkc__ConfirmPhone__input {
    margin-bottom: 12px
}

.vkc__ConfirmPhone__resendCodeBlock {
    margin-bottom: 36px
}

.vkc__ConfirmPhone__textField {
    margin-bottom: 12px
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__ConfirmPhone__input {
        margin-bottom: 16px
    }
}

.vkc__Bottom__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vkc__Bottom__switchToPassword {
    margin-top: 20px;
    text-align: center;
    font-size: 14px
}

.vkc__Bottom__resendCodeBlock {
    margin-top: 12px;
    width: 306px;
    height: 36px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vkc__Description__description b {
    color: var(--text_primary)
}

.vkc__ConfirmQR__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    height: 100%
}

.vkc__ConfirmQR__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin: 16px 0 8px
}

.vkc__ConfirmQR__description {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: var(--text_secondary);
    line-height: 20px;
    font-size: 15px;
    margin-bottom: 164px
}

.vkc__ConfirmQR__description b {
    color: var(--text_primary)
}

.vkc__ConfirmQR__deviceIcon {
    color: var(--accent);
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 40px
}

@media (max-width: 767px) {
    .vkc__ConfirmQR__container {
        padding: 20px
    }

    .vkc__ConfirmQR__description {
        margin-bottom: 50px
    }
}

.vkc__Password__Wrapper {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vkc__Password__InputWithPadding input {
    padding: 0 77px 0 12px
}

.vkc__Password__ViewIcon {
    position: absolute;
    right: 9px;
    top: 6px;
    color: var(--icon_secondary);
    cursor: pointer
}

.vkc__Password__ViewIconWithPadding {
    right: 50px
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__Password__ViewIcon {
        top: 10px
    }
}

.vkc__ConfirmServiceActionByPassword__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.vkc__ConfirmServiceActionByPassword__titleContainer {
    text-align: center
}

.vkc__ConfirmServiceActionByPassword__title {
    font-family: VK Sans Display, -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    font-size: 21px;
    line-height: 28px;
    color: var(--text_primary);
    margin-bottom: 4px
}

.vkc__ConfirmServiceActionByPassword__description {
    font-size: 15px;
    line-height: 20px;
    color: var(--text_secondary)
}

.vkc__ConfirmServiceActionByPassword__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.vkc__ConfirmServiceActionByPassword__accountContainer {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    margin: 30px 0 22px
}

.vkc__ConfirmServiceActionByPassword__account, .vkc__ConfirmServiceActionByPassword__accountContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.vkc__ConfirmServiceActionByPassword__account {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    flex-direction: column
}

.vkc__ConfirmServiceActionByPassword__account, .vkc__ConfirmServiceActionByPassword__userinfo {
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column
}

.vkc__ConfirmServiceActionByPassword__userinfo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    height: 100%;
    margin-top: 14px
}

.vkc__ConfirmServiceActionByPassword__userName {
    font-size: 16px;
    color: var(--text_primary)
}

.vkc__ConfirmServiceActionByPassword__userPhone {
    margin-top: 5px;
    font-size: 14px;
    color: var(--text_secondary)
}

.vkc__ConfirmServiceActionByPassword__link {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: var(--button_tertiary_foreground)
}

.vkc__ConfirmServiceActionByPassword__forgotPassword {
    text-align: center
}

.vkc__ConfirmServiceActionByPassword__input {
    margin-bottom: 20px
}

.vkc__ConfirmServiceActionByPassword__buttonWrap {
    margin-top: auto;
    padding-top: 40px
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__ConfirmServiceActionByPassword__content {
        padding: 20px
    }
}

.vkc__VKIDPlaceholder__caption_mvk {
    font-family: VK Sans Display, -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    font-size: 21px;
    line-height: 28px;
    font-weight: 500
}

.vkc__DateInput__dateInput {
    position: relative
}

.vkc__DateInput__inputField {
    position: absolute;
    top: 0;
    left: 0
}

.vkc__DateInput__inputField input {
    background-color: hsla(0, 0%, 100%, 0)
}

.vkc__DateInput__inputField input:hover {
    background-color: hsla(0, 0%, 100%, 0)
}

.vkc__DateInput__fieldMask input {
    color: #9ba3ae
}

.vkc__DateInput__fieldInputComponent {
    padding: 9px 42px 9px 11px;
    height: 34px;
    font-size: 15px;
    line-height: 16px
}

.vkc__DateInput__fieldMaskInputComponent {
    color: #9ba3ae;
    border: var(--thin-border) solid;
    border-color: rgba(0, 0, 0, 0)
}

.vkc__DateInput__fieldDateInputComponent {
    background-color: hsla(0, 0%, 100%, 0);
    border: var(--thin-border) solid;
    border-color: var(--vkui--color_field_border_alpha);
    border-color: var(--field_border, var(--vkui--color_field_border_alpha))
}

.vkc__DateInput__fieldDateInputComponent:not(:focus):hover {
    border-color: var(--vkui--color_field_border_alpha--hover)
}

.vkc__DateInput__srOnly {
    position: absolute;
    height: 1px;
    width: 1px;
    padding: 0;
    margin: -1px;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    overflow: hidden
}

.vkc__Upload__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--background_page);
    cursor: pointer;
    border: 1px solid var(--separator_common)
}

.vkc__Upload__overlay {
    border: 1px solid var(--black_alpha8)
}

.vkc__Upload__iconWrapper {
    position: absolute;
    top: 0;
    left: 0;
    color: var(--accent);
    opacity: 1
}

.vkc__Upload__iconWrapper svg {
    display: block;
    position: absolute;
    top: 26px;
    left: 26px
}

.vkc__Upload__overlay .vkc__Upload__iconWrapper {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
    color: var(--white);
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

.vkc__Upload__overlay:hover .vkc__Upload__iconWrapper {
    opacity: 1;
    background-color: var(--black_alpha35)
}

.uxdemo2 .vkc__Upload__iconWrapper {
    color: var(--azure_A400)
}

.vkc__Upload__fileInput {
    display: none
}

.vkc__Upload__fileContainer {
    z-index: 0;
    position: relative;
    background-color: rgba(0, 0, 0, 0)
}

.vkc__Upload__fileContainerSize {
    width: 56px;
    height: 56px
}

.vkc__Upload__fileContainerSize_mvk {
    width: 72px;
    height: 72px
}

.vkc__Upload__fileLabel {
    display: block;
    height: 100%;
    width: 100%;
    border: 2px solid var(--field_background);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 1
}

.vkc__Upload__fileLoaded {
    border-color: var(--image_border)
}

.vkc__Upload__fileInputNew:focus ~ .vkc__Upload__fileLabel {
    border-color: var(--accent)
}

.vkc__Upload__fileInputNew:focus:not(:focus-visible) ~ .vkc__Upload__fileLabel {
    border-color: var(--field_background)
}

.vkc__Upload__fileInputNew:focus-visible {
    border-color: var(--accent)
}

.vkc__Upload__fileLabel:has(.vkc__Upload__fileInputNew:active) {
    opacity: .5
}

.vkc__Upload__fileIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    color: var(--azure_A100);
    z-index: -1
}

.vkc__Upload__fileIconTransform {
    -webkit-transform: translate(-12px, -12px);
    -moz-transform: translate(-12px, -12px);
    -ms-transform: translate(-12px, -12px);
    -o-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px)
}

.vkc__Upload__fileIconTransform_mvk {
    -webkit-transform: translate(-14px, -14px);
    -moz-transform: translate(-14px, -14px);
    -ms-transform: translate(-14px, -14px);
    -o-transform: translate(-14px, -14px);
    transform: translate(-14px, -14px)
}

.vkc__Upload__fileAvatar {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: -1
}

.vkc__Upload__fileAvatarSize_mvk {
    width: 72px;
    height: 72px
}

.vkc__Upload__srOnly {
    position: absolute;
    height: 1px;
    width: 1px;
    padding: 0;
    margin: -1px;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    overflow: hidden
}

.vkc__AboutMePageDigitalJournal__content {
    height: 328px;
    overflow-y: auto
}

.vkc__AboutMePageDigitalJournal__content_mvk {
    height: auto;
    overflow-y: visible
}

.vkc__AboutMePageDigitalJournal__fullNameAvatar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.vkc__AboutMePageDigitalJournal__avatar {
    margin: 20px 16px 0 28px
}

.vkc__AboutMePageDigitalJournal__avatar_mvk {
    margin: 20px 16px 0 var(--vkui--size_base_padding_horizontal--regular)
}

.vkc__AboutMePageDigitalJournal__fullName {
    padding-left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.vkc__AboutMePageDigitalJournal__fullName, .vkc__AboutMePageDigitalJournal__informationField {
    white-space: break-spaces
}

.vkc__AboutMePageDigitalJournal__informationField:last-child {
    margin-bottom: 0;
    white-space: break-spaces
}

.vkc__AboutMePageDigitalJournal__firstGroup input + div:last-child {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0
}

.vkc__AboutMePageDigitalJournal__secondGroup input + div:last-child {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0
}

.vkc__AboutMePageDigitalJournal__submitButton {
    margin-top: auto
}

input.vkc__AboutMePageDigitalJournal__dateError {
    border-color: var(--field_error_border);
    background-color: var(--field_error_background)
}

.vkc__AboutMePageDigitalJournal__dateError:focus {
    background-color: hsla(0, 0%, 100%, 0)
}

.vkc__AboutMePageDigitalJournal__dateError:not(:focus):hover {
    background-color: var(--field_error_background);
    border-color: var(--field_border)
}

.vkc__AboutMePageDigitalJournal__fullName input:focus, .vkc__AboutMePageDigitalJournal__informationField input:focus {
    outline: none
}

.vkc__AboutMePageDigitalJournal__fullName input:focus + div, .vkc__AboutMePageDigitalJournal__informationField input:focus + div {
    outline: none;
    border-color: var(--accent)
}

.vkc__AboutMePageDigitalJournal__fullName input:focus:not(:focus-visible) + div, .vkc__AboutMePageDigitalJournal__informationField input:focus:not(:focus-visible) + div {
    border-color: rgba(0, 0, 0, 0)
}

.vkc__AboutMePageDigitalJournal__fullName input:focus-visible + div, .vkc__AboutMePageDigitalJournal__informationField input:focus-visible + div {
    outline: none;
    border-color: var(--accent)
}

.vkc__AboutMePageDigitalJournal__button {
    padding-bottom: 28px
}

.vkc__AboutMePageDigitalJournal__button_mvk {
    margin-top: 4px
}

.vkc__ContinueInDigitalJournalProfile__content {
    margin-top: 30px;
    margin-bottom: 24px
}

.vkc__ContinueInDigitalJournalProfile__digitalJournalProfile {
    margin-top: 24px
}

.vkc__AccountShortInfo__accountShortInfo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.vkc__AccountShortInfo__avatar {
    margin-right: 12px
}

.vkc__AccountShortInfo__userName {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 2px
}

.vkc__AccountShortInfo__additionalInfo {
    font-size: 12px;
    line-height: 14px;
    color: var(--text_secondary)
}

.vkc__DigitalJournalProfile__userInfo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px;
    border: 1px solid var(--accent);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.vkc__DigitalJournalProfile__label {
    margin-bottom: 10px;
    font-size: 15px;
    color: var(--text_secondary)
}

.vkc__DigitalJournalProfile__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vkc__DigitalJournalProfile__icon svg {
    color: var(--accent)
}

.vkc__VKAccountShortInfo__vkAccountShortInfo {
    position: relative
}

.vkc__VKAccountShortInfo__enterOther {
    position: absolute;
    bottom: 2px;
    left: 69px;
    font-size: 13px;
    font-weight: 500
}

.vkc__BindingAccountInfo__bindingAccountInfo {
    position: relative;
    padding: 10px;
    border: 1px solid var(--vk_connect_button_secondary_background);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.vkc__BindingAccountInfo__vkLogo {
    position: absolute;
    top: 28px;
    left: 28px
}

.vkc__BindingAccountInfo__submitBtn {
    margin-bottom: 12px
}

.vkc__CreateDigitalJournalProfile__content {
    margin-bottom: 24px
}

.vkc__CreateDigitalJournalProfile__submitBtn {
    margin-bottom: 12px
}

div[class=vkc__AuthSimpleScreen__description] span b {
    color: var(--text_primary)
}

.vkc__EduProfileSuccess__eduProfileSuccess {
    height: 100vh
}

.vkc__EduProfileSuccess__icon {
    width: 212px;
    height: 114px;
    background: url(/vkconnect/images/edu_profile_success.png) no-repeat 50%;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.vkc__EduProfileSuccess__indent {
    margin-top: 12px
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__EduProfileSuccess__placeholder {
        margin-top: 40px
    }
}

.vkc__OauthList__button {
    margin-top: 12px
}

.vkc__OauthList__oauthBlock {
    margin-top: 16px;
    text-align: center
}

.vkc__OauthList__oauthDescription {
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    color: var(--text_secondary);
    margin-bottom: 16px
}

.vkc__OauthList__button + .vkc__OauthList__oauthDescription {
    margin-top: 12px
}

.vkc__OauthList__oauthActions {
    margin: 0 -6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.vkc__OauthList__oauthButton {
    margin: 0 6px
}

.vkc__OauthList__oauthIcon {
    margin-top: 3px
}

.vkc__OauthList__oauthList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vkc__SkipLink__otherWayLink, .vkc__SkipLink__skipLink {
    background: rgba(0, 0, 0, 0);
    border: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--text_link);
    cursor: pointer
}

.vkc__SkipLink__otherWayLink {
    margin: 8px 0 0;
    font-family: Roboto, sans-serif;
    text-align: center;
    width: 100%
}

.vkc__SkipLink__skipLink {
    position: absolute;
    top: 13px;
    right: 24px;
    margin: 0
}

.vkc__AdditionalButtons__qrDescription {
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    color: var(--text_secondary);
    margin: 16px 0;
    text-align: center
}

.vkc__AdditionalButtons__qrButton .vkc__AdditionalButtons__vkuiButton__in {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vkc__DefaultSkin__container, .vkc__DefaultSkin__content {
    height: 100%
}

.vkc__DefaultSkin__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.vkc__DefaultSkin__contentWithoutAvatar {
    padding-top: 28px
}

.vkc__DefaultSkin__avatar {
    font-size: 0
}

.vkc__DefaultSkin__avatarContainer {
    margin-bottom: 14px
}

.vkc__DefaultSkin__avatarMobile {
    display: none
}

.vkc__DefaultSkin__avatarWithoutPhone {
    margin-top: 0
}

.vkc__DefaultSkin__smallCaption {
    font-size: 18px
}

.vkc__DefaultSkin__form {
    margin-bottom: 28px
}

.vkc__DefaultSkin__input {
    margin-bottom: 16px
}

.vkc__DefaultSkin__buttonContainer {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.vkc__DefaultSkin__hasBottomContent {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.vkc__DefaultSkin__button {
    margin-bottom: 12px
}

.vkc__DefaultSkin__oauthBlock {
    margin-top: 16px;
    text-align: center
}

.vkc__DefaultSkin__agreementStretched {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.vkc__DefaultSkin__stepInfoContainer {
    padding: 0 0 8px
}

.vkc__DefaultSkin__qrDescription {
    font-size: 13px;
    line-height: 14px;
    font-weight: 500;
    color: var(--text_secondary);
    margin-bottom: 15px
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__DefaultSkin__content {
        padding: 12px 16px 0
    }

    .vkc__DefaultSkin__contentWithoutAvatar {
        padding-top: 20px
    }

    .vkc__DefaultSkin__avatarMobile {
        display: block
    }

    .vkc__DefaultSkin__oauthBlock {
        margin-top: 0;
        margin-bottom: 16px
    }
}

.vkc__InternalSkin__container, .vkc__InternalSkin__content {
    height: 100%
}

.vkc__InternalSkin__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.vkc__InternalSkin__button, .vkc__InternalSkin__input {
    margin-bottom: 16px
}

.vkc__InternalSkin__agreement {
    margin-top: auto
}

.vkc__InternalSkin__internalSkinInput {
    margin: 20px 0 12px
}

.vkc__InternalSkin__noBackButton {
    margin-top: 0
}

@media (max-width: 767px) {
    .vkc__InternalSkin__content {
        padding: 20px 20px 100px
    }

    .vkc__InternalSkin__contentWithoutAvatar {
        padding-top: 20px
    }

    .vkc__InternalSkin__internalSkinInput {
        margin-top: 16px
    }
}

.vkc__EnterLoginAndPassword__container, .vkc__EnterLoginAndPassword__content {
    height: 100%
}

.vkc__EnterLoginAndPassword__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.vkc__EnterLoginAndPassword__avatar {
    font-size: 0;
    margin-top: 4px
}

.vkc__EnterLoginAndPassword__avatar, .vkc__EnterLoginAndPassword__caption {
    text-align: center
}

.vkc__EnterLoginAndPassword__caption {
    font-family: VK Sans Display, -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    font-size: 21px;
    font-weight: 500;
    color: var(--text_primary);
    margin: 20px 0 24px
}

.vkc__EnterLoginAndPassword__button {
    margin-top: 16px;
    margin-bottom: 10px
}

.vkc__EnterLoginAndPassword__agreement {
    margin-top: auto
}

.vkc__EnterLoginAndPassword__icon {
    color: var(--icon_secondary)
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__EnterLoginAndPassword__avatar {
        margin-top: 22px
    }

    .vkc__EnterLoginAndPassword__content {
        padding: 20px 20px 100px
    }
}

.vkc__EnterPasswordHasUserInfo__container {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.vkc__EnterPasswordHasUserInfo__container, .vkc__EnterPasswordHasUserInfo__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal
}

.vkc__EnterPasswordHasUserInfo__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.vkc__EnterPasswordHasUserInfo__userinfo {
    padding: 0;
    margin-bottom: 18px;
    margin-top: 2px
}

.vkc__EnterPasswordHasUserInfo__other {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    text-align: right;
    font-size: 15px
}

.vkc__EnterPasswordHasUserInfo__input {
    margin-bottom: 8px
}

.vkc__EnterPasswordHasUserInfo__buttonWrap {
    margin-top: auto;
    padding-top: 28px
}

.vkc__EnterPasswordHasUserInfo__forgotPass {
    font-size: 14px;
    text-align: left
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__EnterPasswordHasUserInfo__content {
        padding: 28px 16px
    }

    .vkc__EnterPasswordHasUserInfo__title {
        margin-bottom: 4px
    }

    .vkc__EnterPasswordHasUserInfo__accountContainer {
        margin: 18px 0
    }

    .vkc__EnterPasswordHasUserInfo__buttonWrap {
        padding-top: 28px
    }

    .vkc__EnterPasswordHasUserInfo__input {
        margin-bottom: 12px
    }

    .vkc__EnterPasswordHasUserInfo__link {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px
    }

    .vkc__EnterPasswordHasUserInfo__forgotPassword {
        text-align: left;
        font-weight: 500;
        font-size: 14px
    }

    .vkc__EnterPasswordHasUserInfo__other {
        font-size: 16px
    }

    .vkc__EnterPasswordHasUserInfo__forgotPass {
        font-weight: 500
    }
}

.vkc__EnterPasswordNoUserInfo__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.vkc__EnterPasswordNoUserInfo__avatar, .vkc__EnterPasswordNoUserInfo__titleContainer {
    text-align: center
}

.vkc__EnterPasswordNoUserInfo__avatar {
    font-size: 0;
    margin: 0 0 16px
}

.vkc__EnterPasswordNoUserInfo__title {
    margin-bottom: 8px
}

.vkc__EnterPasswordNoUserInfo__highlightLogin span[data-key=email], .vkc__EnterPasswordNoUserInfo__highlightLogin span[data-key=login], .vkc__EnterPasswordNoUserInfo__highlightLogin span[data-key=phone] {
    color: var(--text_primary);
    white-space: nowrap
}

.vkc__EnterPasswordNoUserInfo__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vkc__EnterPasswordNoUserInfo__link {
    font-size: 14px;
    font-weight: 500;
    margin-top: 12px;
    line-height: 18px;
    color: var(--button_tertiary_foreground)
}

.vkc__EnterPasswordNoUserInfo__buttonWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 28px
}

.vkc__EnterPasswordNoUserInfo__switchToPhoneConfirm {
    margin-top: 12px
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__EnterPasswordNoUserInfo__content {
        padding: 28px 16px 0
    }
}

.vkc__LoginConnectOrOther__container {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.vkc__LoginConnectOrOther__container, .vkc__LoginConnectOrOther__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal
}

.vkc__LoginConnectOrOther__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    flex-direction: column
}

.vkc__LoginConnectOrOther__content, .vkc__LoginConnectOrOther__userInfoBody {
    -webkit-flex-direction: column;
    -ms-flex-direction: column
}

.vkc__LoginConnectOrOther__userInfoBody {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 28px 32px
}

.vkc__LoginConnectOrOther__userInfo {
    max-width: 240px;
    width: 100%
}

.vkc__LoginConnectOrOther__avatar {
    font-size: 0;
    text-align: center
}

.vkc__LoginConnectOrOther__linkContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vkc__LoginConnectOrOther__wrongAccountLink {
    font-size: 15px
}

.vkc__LoginConnectOrOther__userPhone {
    margin: 2px 0 32px;
    font-size: 14px;
    text-align: center;
    color: var(--text_secondary)
}

.vkc__LoginConnectOrOther__caption {
    margin-top: 14px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    font-weight: 500
}

.vkc__LoginConnectOrOther__action, .vkc__LoginConnectOrOther__buttonWrap {
    margin-top: auto
}

.vkc__LoginConnectOrOther__buttonWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__LoginConnectOrOther__content {
        padding: 28px 20px
    }
}

.vkc__LoginConnectOrPhone__container {
    height: 100%
}

.vkc__LoginConnectOrPhone__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.vkc__LoginConnectOrPhone__avatarsList, .vkc__LoginConnectOrPhone__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.vkc__LoginConnectOrPhone__avatarsList {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vkc__LoginConnectOrPhone__avatar {
    position: relative;
    font-size: 0;
    text-align: center;
    margin: 8px 12px 16px;
    padding: 2px;
    border: 2px solid rgba(0, 0, 0, 0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.vkc__LoginConnectOrPhone__serviceAvatar {
    cursor: pointer
}

.vkc__LoginConnectOrPhone__active {
    border-color: var(--accent)
}

.vkc__LoginConnectOrPhone__caption {
    font-size: 16px;
    margin-bottom: 2px
}

.vkc__LoginConnectOrPhone__caption, .vkc__LoginConnectOrPhone__captionHeader {
    font-weight: 500;
    text-align: center;
    color: var(--text_primary);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.vkc__LoginConnectOrPhone__captionHeader {
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
    white-space: nowrap;
    z-index: 1
}

.vkc__LoginConnectOrPhone__phone {
    text-align: center;
    font-size: 15px;
    color: var(--gray_400);
    margin-bottom: 24px
}

.vkc__LoginConnectOrPhone__connectButton {
    margin-bottom: 12px
}

.vkc__LoginConnectOrPhone__phoneButton {
    margin-bottom: 6px
}

.vkc__LoginConnectOrPhone__agreement {
    margin-top: auto
}

.vkc__LoginConnectOrPhone__appIcons {
    position: absolute;
    bottom: 0;
    right: 0;
    border: .5px solid rgba(0, 0, 0, .08);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.vkc__LoginConnectOrPhone__skipLinkWithBottom {
    margin-bottom: 100px
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__LoginConnectOrPhone__content {
        padding: 20px 20px 100px
    }
}

.vkc__OpenExternalApp__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    margin: -4px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 767px) {
    .vkc__OpenExternalApp__container {
        padding: 56px 16px
    }
}

.vkc__OpenExternalApp__title {
    padding: 16px 0 4px;
    font-family: VK Sans Display, -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    font-size: 21px;
    line-height: 28px;
    text-align: center;
    color: var(--text_primary)
}

.vkc__OpenExternalApp__description {
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    color: var(--text_secondary)
}

.vkc__OpenExternalApp__link {
    color: var(--text_link);
    text-decoration: none
}

.vkc__ArrowCircle__arrowIcon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 28px;
    height: 28px;
    border: .5px solid var(--separator_alpha);
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    background-color: var(--background_content);
    -webkit-transition: border-color .2s, color .2s;
    -o-transition: border-color .2s, color .2s;
    -moz-transition: border-color .2s, color .2s;
    transition: border-color .2s, color .2s
}

.vkc__ArrowCircle__arrow {
    color: var(--separator_alpha)
}

.vkc__ArrowCircle__arrowIcon:hover, .vkc__ArrowCircle__arrowIcon:hover .vkc__ArrowCircle__arrow {
    color: var(--icon_medium_alpha);
    border-color: var(--icon_medium_alpha)
}

.vkc__ArrowCircle__leftArrow {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.vkc__ScrollTags__itemsWrapper {
    position: relative;
    overflow-x: hidden
}

.vkc__ScrollTags__itemsContainer {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 32px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.vkc__ScrollTags__itemsContainer::-webkit-scrollbar {
    display: none
}

.vkc__ScrollTags__item {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 32px;
    padding: 6px 12px;
    margin-right: 10px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    border: 1px solid var(--background_text_highlighted);
    color: var(--accent);
    font-size: 14px;
    line-height: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: .4;
    cursor: pointer;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s
}

.vkc__ScrollTags__item:last-child {
    margin-right: 0
}

.vkc__ScrollTags__item:hover, .vkc__ScrollTags__selectedItem {
    opacity: 1
}

.vkc__ScrollTags__itemDisabled:not(.vkc__ScrollTags__selectedItem) {
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none;
    opacity: .4
}

.vkc__ScrollTags__arrowIcon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

.vkc__ScrollTags__arrowIconRight {
    right: 28px
}

.vkc__ScrollTags__arrowIconLeft {
    left: 28px
}

.vkc__VKMailInput__atText {
    position: relative;
    height: 20px;
    margin-top: 1px;
    margin-left: 4px;
    padding-left: 8px;
    font-size: 16px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--text_primary)
}

.vkc__VKMailInput__atText:before {
    content: "";
    position: absolute;
    top: 1px;
    left: -1px;
    height: 100%;
    width: 1px;
    background-color: var(--separator_alpha)
}

.vkc__VKMailInput__input {
    padding-right: 88px
}

.vkc__VKMailInput__inputWithError {
    padding-right: 114px
}

.vkc__RegisterVKEmail__container, .vkc__RegisterVKEmail__content {
    height: 100%
}

.vkc__RegisterVKEmail__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.vkc__RegisterVKEmail__caption {
    text-align: center
}

.vkc__RegisterVKEmail__button {
    margin-top: auto;
    padding: 40px 0 0
}

.vkc__RegisterVKEmail__suggestionsContainer {
    padding: 16px 0
}

.vkc__RegisterVKEmail__checkbox {
    padding: 12px 0;
    font-size: 16px;
    line-height: 20px
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__RegisterVKEmail__content {
        padding: 16px 16px 0
    }

    .vkc__RegisterVKEmail__button {
        padding: 60px 0 28px
    }
}

:root {
    --side-padding: 12px;
    --line-height: 1.33;
    --border-radius: 8px;
    --input-height: 36px;
    --input-top-padding: 6px;
    --listItem-height: 34px;
    --listItem-top-padding: 8px;
    --arrow-size: 16px;
    --arrow-top: 16px;
    --arrow-down: 9px
}

@media (max-height: 500px),(max-width: 767px) {
    :root {
        --input-height: 44px;
        --input-top-padding: 10px;
        --listItem-height: 36px;
        --arrow-top: 19px;
        --arrow-down: 13px
    }
}

.vkc__Select__base {
    width: 100%;
    position: relative
}

.vkc__Select__text {
    color: var(--text_primary);
    height: 34px;
    height: var(--listItem-height);
    font-size: 15px;
    line-height: 1.33;
    line-height: var(--line-height);
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 6px 12px;
    padding: var(--input-top-padding) var(--side-padding)
}

.vkc__Select__errorText {
    color: var(--field_error_border);
    font-size: 12px
}

.vkc__Select__label {
    height: 34px;
    height: var(--listItem-height)
}

.vkc__Select__placeholder {
    color: var(--text_secondary)
}

.vkc__Select__customContainer {
    width: 100%;
    min-height: 36px;
    min-height: var(--input-height);
    background-color: var(--field_background);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--field_border);
    -webkit-border-radius: 8px;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: 8px;
    -moz-border-radius: var(--border-radius);
    border-radius: 8px;
    border-radius: var(--border-radius)
}

.vkc__Select__nativeContainer {
    padding: 0
}

.vkc__Select__open {
    -webkit-border-radius: 8px 8px 0 0;
    -webkit-border-radius: var(--border-radius) var(--border-radius) 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -moz-border-radius: var(--border-radius) var(--border-radius) 0 0;
    border-radius: 8px 8px 0 0;
    border-radius: var(--border-radius) var(--border-radius) 0 0
}

.vkc__Select__error {
    border-color: var(--red_error)
}

.vkc__Select__arrowDown {
    height: 12px;
    display: inline-block;
    position: absolute;
    top: 9px;
    top: var(--arrow-down);
    right: 12px;
    right: var(--side-padding);
    color: var(--icon_secondary)
}

.vkc__Select__arrowUp {
    top: 16px;
    top: var(--arrow-top);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.vkc__Select__selectedIcon {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 12px;
    right: var(--side-padding);
    color: var(--accent)
}

.vkc__Select__select {
    height: 100%;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 6px 12px;
    padding: var(--input-top-padding) var(--side-padding);
    z-index: 2
}

.vkc__Select__listItem, .vkc__Select__select {
    width: 100%;
    position: relative
}

.vkc__Select__listItem {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 10px;
    padding: var(--listItem-top-padding) 10px
}

.vkc__Select__withIcons {
    overflow: hidden;
    padding-right: calc(12px + 16px);
    padding-right: calc(var(--side-padding) + var(--arrow-size))
}

.vkc__Select__values {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: absolute;
    background-color: var(--modal_card_background);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--field_border);
    border-top: 0;
    -webkit-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 var(--border-radius) var(--border-radius);
    -moz-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 var(--border-radius) var(--border-radius);
    border-radius: 0 0 8px 8px;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    max-height: 132px;
    z-index: 2
}

.vkc__Select__hover {
    background-color: var(--background_highlighted)
}

.vkc__MailInput__atText, .vkc__MailInput__container {
    position: relative
}

.vkc__MailInput__atText {
    height: 20px;
    margin-top: 1px;
    margin-left: 4px;
    padding-left: 8px;
    font-size: 16px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vkc__MailInput__atText:before {
    content: "";
    position: absolute;
    top: 1px;
    left: -1px;
    height: 100%;
    width: 1px;
    background-color: var(--separator_alpha)
}

.vkc__MailInput__input, .vkc__MailInput__inputWithError {
    padding-right: 140px
}

.vkc__MailInput__inputWithError {
    border-color: var(--field_error_border);
    background-color: var(--field_error_background)
}

.vkc__MailInput__nativeSelect {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.vkc__MailInput__nativeSelect, .vkc__MailInput__nativeSelectContainer {
    height: -webkit-calc(var(--input-height) - 2px);
    height: -moz-calc(var(--input-height) - 2px);
    height: calc(var(--input-height) - 2px)
}

.vkc__MailInput__nativeSelectContainer {
    border: 0;
    min-height: -webkit-calc(var(--input-height) - 2px);
    min-height: -moz-calc(var(--input-height) - 2px);
    min-height: calc(var(--input-height) - 2px)
}

.vkc__MailInput__domainSelectWithError, .vkc__MailInput__nativeSelectContainerError {
    background-color: var(--field_error_background)
}

.vkc__MailInput__domainContainer {
    position: absolute;
    width: 133px;
    right: 1px;
    top: 1px
}

.vkc__MailInput__domainContainer:before {
    content: "";
    position: absolute;
    top: 5px;
    left: -1px;
    height: 24px;
    width: 1px;
    background-color: var(--separator_alpha)
}

.vkc__MailInput__domainSelect {
    width: 100%;
    border: 0;
    min-height: -webkit-calc(var(--input-height) - 2px);
    min-height: -moz-calc(var(--input-height) - 2px);
    min-height: calc(var(--input-height) - 2px)
}

.vkc__MailInput__error {
    margin-top: 8px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    color: var(--field_error_border)
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__MailInput__domainContainer:before {
        content: "";
        position: absolute;
        top: 10px;
        left: -1px;
        height: 24px;
        width: 1px;
        background-color: var(--separator_alpha)
    }
}

.vkc__RegisterWithEmail__container, .vkc__RegisterWithEmail__content {
    height: 100%
}

.vkc__RegisterWithEmail__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.vkc__RegisterWithEmail__caption {
    text-align: center
}

.vkc__RegisterWithEmail__title {
    left: 0;
    margin: 0;
    padding: 0 0 12px;
    font-family: VK Sans Display, sans-serif;
    color: var(--text_primary);
    font-size: 21px;
    line-height: 28px
}

.vkc__RegisterWithEmail__subtitle {
    padding: 0 0 16px;
    font-size: 15px;
    line-height: 20px;
    color: var(--text_secondary)
}

.vkc__RegisterWithEmail__inputContainer {
    padding: 0
}

.vkc__RegisterWithEmail__button {
    padding: 16px 0 28px
}

.vkc__RegisterWithEmail__suggestionsContainer {
    padding: 16px 0
}

.vkc__RegisterWithEmail__checkbox {
    padding: 12px 28px;
    font-size: 16px;
    line-height: 20px
}

.vkc__RegisterWithEmail__agreement, .vkc__RegisterWithEmail__suggestions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.vkc__RegisterWithEmail__agreement {
    height: 100%;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: auto
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__RegisterWithEmail__content {
        padding: 0 20px
    }

    .vkc__RegisterWithEmail__agreement {
        margin-top: 0
    }

    .vkc__RegisterWithEmail__title {
        padding: 28px 28px 12px
    }

    .vkc__RegisterWithEmail__button {
        padding: 16px 0 12px
    }
}

.vkc__ScanQR__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vkc__ScanQR__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin: 20px 0 8px
}

.vkc__ScanQR__description {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    color: var(--text_secondary);
    line-height: 20px;
    font-size: 15px;
    margin-bottom: 14px
}

.vkc__ScanQR__link {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    margin-bottom: 24px
}

.vkc__ScanQR__description b {
    color: var(--text_subhead)
}

.vkc__ScanQR__button {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-top: auto
}

@media (max-width: 767px) {
    .vkc__ScanQR__container {
        padding: 20px
    }

    .vkc__ScanQR__description {
        margin-bottom: 50px
    }
}

.vkc__Signup__content {
    height: 328px
}

.vkc__Signup__content_mvk {
    height: auto;
    overflow-y: visible
}

.vkc__Signup__fullNameAvatar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.vkc__Signup__upload {
    margin: 20px 16px 0 28px
}

.vkc__Signup__upload_mvk {
    margin: 20px 16px 0 var(--vkui--size_base_padding_horizontal--regular)
}

.vkc__Signup__fullName {
    padding-left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    white-space: break-spaces
}

.vkc__Signup__firstGroup input + div:last-child {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0
}

.vkc__Signup__secondGroup input + div:last-child {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0
}

.vkc__Signup__button {
    padding-bottom: 28px
}

.vkc__Signup__button_mvk {
    margin-top: 4px
}

.vkc__DateSelect__base {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vkc__DateSelect__day {
    width: 100%;
    max-width: 80px
}

.vkc__DateSelect__month {
    width: 156px;
    padding: 0 8px
}

.vkc__DateSelect__year {
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__DateSelect__month {
        width: 100%;
        padding: 0 12px
    }
}

.vkc__SignupBirthday__container, .vkc__SignupBirthday__content {
    height: 100%
}

.vkc__SignupBirthday__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.vkc__SignupBirthday__avatar {
    font-size: 0;
    margin-top: 4px
}

.vkc__SignupBirthday__avatar, .vkc__SignupBirthday__caption {
    text-align: center
}

.vkc__SignupBirthday__caption {
    font-family: VK Sans Display, -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    font-size: 21px;
    line-height: 28px;
    font-weight: 500;
    color: var(--text_primary);
    margin: 12px 0
}

.vkc__SignupBirthday__description {
    text-align: center;
    font-size: 15px;
    line-height: 1.4;
    color: var(--text_secondary);
    margin-bottom: 24px
}

.vkc__SignupBirthday__selectWrap {
    width: 100%;
    height: 40px;
    margin-bottom: 70px
}

.vkc__SignupBirthday__button {
    margin-top: auto;
    margin-bottom: 10px
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__SignupBirthday__avatar {
        margin-top: 36px
    }

    .vkc__SignupBirthday__content {
        padding: 20px 20px 100px
    }

    .vkc__SignupBirthday__selectWrap {
        margin-bottom: 30px
    }
}

.vkc__Switcher__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    height: 36px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: var(--field_background);
    -webkit-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    transition: all .1s ease-out
}

.vkc__Switcher__button {
    width: 50%;
    height: 100%;
    cursor: pointer;
    text-align: center;
    line-height: 36px;
    font-weight: 500;
    font-size: 15px;
    color: var(--text_subhead);
    z-index: 1;
    -webkit-transition: color .1s ease-out;
    -o-transition: color .1s ease-out;
    -moz-transition: color .1s ease-out;
    transition: color .1s ease-out;
    outline: none
}

.vkc__Switcher__button:hover {
    color: var(--text_tertiary)
}

.vkc__Switcher__border {
    position: absolute;
    left: 50%;
    top: 8px;
    width: 1px;
    height: 20px;
    opacity: .5;
    background-color: var(--toolbar_attach_background_from)
}

.vkc__Switcher__active {
    color: var(--text_primary);
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    -o-transition: -o-transform .15s ease-in;
    -moz-transition: transform .15s ease-in, -moz-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in, -moz-transform .15s ease-in, -o-transform .15s ease-in
}

.vkc__Switcher__active:hover {
    color: var(--header_alternate_tab_active_text)
}

.uxdemo2 .vkc__Switcher__active {
    color: var(--azure_A400)
}

.vkc__Switcher__slider {
    position: absolute;
    width: -webkit-calc(50% - 4px);
    width: -moz-calc(50% - 4px);
    width: calc(50% - 4px);
    height: 32px;
    margin: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: margin-left .15s;
    -o-transition: margin-left .15s;
    -moz-transition: margin-left .15s;
    transition: margin-left .15s
}

.vkc__Switcher__sliderFirstActive {
    margin-left: 2px
}

.vkc__Switcher__sliderFirstActive, .vkc__Switcher__sliderSecondActive {
    background-color: var(--background_content)
}

.vkc__Switcher__sliderSecondActive {
    margin-left: calc(50% + 2px)
}

.vkc__SignupNameAvatar__container, .vkc__SignupNameAvatar__content {
    height: 100%
}

.vkc__SignupNameAvatar__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.vkc__SignupNameAvatar__avatar {
    font-size: 0;
    margin-top: 4px
}

.vkc__SignupNameAvatar__avatar, .vkc__SignupNameAvatar__caption {
    text-align: center
}

.vkc__SignupNameAvatar__caption {
    font-family: VK Sans Display, -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    font-size: 21px;
    line-height: 28px;
    font-weight: 500;
    color: var(--text_primary);
    margin: 12px 0
}

.vkc__SignupNameAvatar__description {
    text-align: center;
    font-size: 15px;
    color: var(--text_secondary);
    margin-bottom: 24px
}

.vkc__SignupNameAvatar__formWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px
}

.vkc__SignupNameAvatar__upload {
    margin-right: 12px
}

.vkc__SignupNameAvatar__fields {
    width: 100%
}

.vkc__SignupNameAvatar__switcher {
    margin-bottom: 28px
}

.vkc__SignupNameAvatar__button {
    margin-top: auto;
    margin-bottom: 10px
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__SignupNameAvatar__avatar {
        margin-top: 22px
    }

    .vkc__SignupNameAvatar__content {
        padding: 20px 20px 100px
    }
}

.vkc__SignupSetPassword__container, .vkc__SignupSetPassword__content {
    height: 100%
}

.vkc__SignupSetPassword__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.vkc__SignupSetPassword__avatar {
    font-size: 0;
    margin-top: 4px;
    margin-bottom: 12px
}

.vkc__SignupSetPassword__avatar, .vkc__SignupSetPassword__caption {
    text-align: center
}

.vkc__SignupSetPassword__caption {
    color: var(--text_primary);
    margin-bottom: 8px
}

.vkc__SignupSetPassword__description {
    text-align: center;
    color: var(--text_secondary);
    margin-bottom: 24px
}

.vkc__SignupSetPassword__passwordInput {
    margin-bottom: 12px
}

.vkc__SignupSetPassword__passwordConfirmInput {
    margin-bottom: 24px
}

.vkc__SignupSetPassword__button {
    margin-top: auto
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__SignupSetPassword__avatar {
        margin-top: 22px
    }

    .vkc__SignupSetPassword__content {
        padding: 15px 16px 100px
    }

    .vkc__SignupSetPassword__caption {
        margin-top: 12px
    }
}

.vkc__VerifyEnterPhone__input {
    margin-bottom: 12px
}

.vkc__AuthErrorAlert__container {
    padding: 10px;
    text-align: center
}

.vkc__AuthErrorAlert__caption {
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.22;
    font-weight: 500;
    margin-bottom: 6px;
    color: var(--text_primary)
}

.vkc__AuthErrorAlert__description {
    font-size: 15px;
    line-height: 1.4;
    color: var(--text_secondary);
    margin-bottom: 10px
}

.vkc__BusyPhoneNumberPopup__popup {
    padding: 32px 16px 16px
}

.vkc__BusyPhoneNumberPopup__popup button {
    margin-top: 30px
}

.vkc__BusyPhoneNumberPopup__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 8px
}

.vkc__BusyPhoneNumberPopup__header svg {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    color: #2688eb;
    margin-bottom: 20px
}

.vkc__BusyPhoneNumberPopup__changeNumber {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vkc__BusyPhoneNumberPopup__description {
    font-size: 14px;
    line-height: 18px;
    color: var(--text_subhead);
    text-align: center
}

.croppie-container {
    position: relative
}

.croppie-container .cr-slider-wrap {
    position: relative;
    bottom: 95px;
    height: 22px;
    width: 100%;
    margin: 0;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.croppie-container .cr-viewport {
    border: 0
}

.croppie-container .cr-viewport:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 3px var(--white);
    -moz-box-shadow: 0 0 0 3px var(--white);
    box-shadow: 0 0 0 3px var(--white)
}

.cr-slider {
    width: 160px;
    padding: 0;
    outline: none;
    outline-offset: 0
}

.cr-slider:-moz-focusring {
    outline: none;
    outline-offset: 0
}

.cr-slider::-moz-focus-outer {
    border: 0
}

.cr-slider::-moz-range-thumb, .cr-slider::-ms-thumb, .cr-slider::-webkit-slider-thumb {
    cursor: pointer;
    width: 12px;
    height: 12px;
    background: var(--white)
}

.cr-slider::-moz-range-track, .cr-slider::-webkit-slider-runnable-track {
    height: 2px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background: var(--white_alpha20)
}

.cr-slider:focus::-webkit-slider-runnable-track {
    background: var(--white_alpha20)
}

.cr-slider::-ms-track {
    height: 2px
}

.cr-slider::-ms-fill-lower, .cr-slider::-ms-fill-upper {
    background: var(--white_alpha20)
}

.cr-slider:focus::-ms-fill-lower, .cr-slider:focus::-ms-fill-upper {
    background: var(--white_alpha20)
}

@media (max-height: 500px),(max-width: 767px) {
    .croppie-container .cr-slider-wrap {
        bottom: 161px
    }
}

@media (max-width: 767px) and (max-height: 500px) {
    .croppie-container .cr-slider-wrap {
        bottom: 131px
    }
}

.croppie-container {
    width: 100%;
    height: 100%
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%
}

.croppie-container .cr-resizer, .croppie-container .cr-viewport {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, .5);
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, .5);
    z-index: 0
}

.croppie-container .cr-resizer {
    z-index: 2;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    pointer-events: none
}

.croppie-container .cr-resizer-horisontal, .croppie-container .cr-resizer-vertical {
    position: absolute;
    pointer-events: all
}

.croppie-container .cr-resizer-horisontal:after, .croppie-container .cr-resizer-vertical:after {
    display: block;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #000;
    background: #fff;
    width: 10px;
    height: 10px;
    content: ""
}

.croppie-container .cr-resizer-vertical {
    bottom: -5px;
    cursor: row-resize;
    width: 100%;
    height: 10px
}

.croppie-container .cr-resizer-vertical:after {
    left: 50%;
    margin-left: -5px
}

.croppie-container .cr-resizer-horisontal {
    right: -5px;
    cursor: col-resize;
    width: 10px;
    height: 100%
}

.croppie-container .cr-resizer-horisontal:after {
    top: 50%;
    margin-top: -5px
}

.croppie-container .cr-original-image {
    display: none
}

.croppie-container .cr-vp-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    -ms-touch-action: none;
    touch-action: none
}

.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center
}

.croppie-result {
    position: relative;
    overflow: hidden
}

.croppie-result img {
    position: absolute
}

.croppie-container .cr-image, .croppie-container .cr-overlay, .croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.cr-slider {
    -webkit-appearance: none;
    width: 300px;
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: rgba(0, 0, 0, 0)
}

.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, .5);
    border: 0;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px
}

.cr-slider:focus {
    outline: none
}

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, .5);
    border: 0;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px
}

.cr-slider:-moz-focusring {
    outline: 1px solid #fff;
    outline-offset: -1px
}

.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    border-width: 6px 0;
    color: rgba(0, 0, 0, 0)
}

.cr-slider::-ms-fill-lower, .cr-slider::-ms-fill-upper {
    background: rgba(0, 0, 0, .5);
    border-radius: 10px
}

.cr-slider::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: 1px
}

.cr-slider:focus::-ms-fill-lower {
    background: rgba(0, 0, 0, .5)
}

.cr-slider:focus::-ms-fill-upper {
    background: rgba(0, 0, 0, .5)
}

.cr-rotate-controls {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 1
}

.cr-rotate-controls button {
    border: 0;
    background: none
}

.cr-rotate-controls i:before {
    display: inline-block;
    font-style: normal;
    font-weight: 900;
    font-size: 22px
}

.cr-rotate-l i:before {
    content: "↺"
}

.cr-rotate-r i:before {
    content: "↻"
}

.vkc__Cropper__container {
    position: relative;
    width: 400px;
    height: 552px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: var(--modal_card_background);
    color: var(--text_primary);
    padding: 16px
}

.vkc__Cropper__caption {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 12px
}

.vkc__Cropper__description {
    font-size: 15px;
    line-height: 22px;
    color: var(--text_subhead);
    margin-bottom: 16px
}

.vkc__Cropper__crop {
    position: relative;
    width: 368px;
    height: 368px;
    margin-bottom: 16px
}

.vkc__Cropper__pictureIcons {
    position: absolute;
    width: 100%;
    bottom: 34px;
    color: var(--white);
    z-index: 1
}

.vkc__Cropper__smallPictureIcon {
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
    transform: scale(.7);
    margin-left: 4px
}

.vkc__Cropper__smallPictureIconSvg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 4px;
    margin: auto
}

.vkc__Cropper__picturesWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    height: 22px;
    max-width: 240px
}

.vkc__Cropper__picturesSpace {
    width: 1px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__Cropper__container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        padding: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        background-color: var(--black)
    }

    .vkc__Cropper__caption {
        top: 16px;
        width: -webkit-calc(100% - 110px);
        width: -moz-calc(100% - 110px);
        width: calc(100% - 110px);
        margin-top: 2px
    }

    .vkc__Cropper__caption, .vkc__Cropper__description {
        position: absolute;
        left: 50%;
        text-align: center;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 2;
        color: var(--white)
    }

    .vkc__Cropper__description {
        top: 48px;
        width: -webkit-calc(100% - 50px);
        width: -moz-calc(100% - 50px);
        width: calc(100% - 50px);
        opacity: .8
    }

    .vkc__Cropper__crop {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        margin-bottom: 0
    }

    .vkc__Cropper__pictureIcons {
        bottom: 100px
    }

    .vkc__Cropper__submitButton {
        position: absolute;
        bottom: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 2;
        width: -webkit-calc(100% - 40px);
        width: -moz-calc(100% - 40px);
        width: calc(100% - 40px)
    }

    .vkc__Cropper__submitButton button {
        background: var(--white);
        color: var(--black)
    }
}

@media (max-width: 767px) and (max-height: 500px) {
    .vkc__Cropper__pictureIcons {
        bottom: 70px
    }
}

.vkc__PhoneVerification__container {
    width: 100%;
    max-width: 416px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: var(--modal_card_background)
}

.vkc__PhoneVerification__container, .vkc__PhoneVerification__topIcon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.vkc__PhoneVerification__topIcon {
    margin-top: 32px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--icon_secondary)
}

.vkc__PhoneVerification__title {
    margin-top: 12px;
    line-height: 24px;
    font-size: 20px;
    font-weight: 500;
    color: var(--text_primary)
}

.vkc__PhoneVerification__info, .vkc__PhoneVerification__title {
    text-align: center
}

.vkc__PhoneVerification__info {
    margin-top: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: var(--text_subhead)
}

.vkc__PhoneVerification__changeNumber {
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vkc__PhoneVerification__changeNumberButton {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px
}

.vkc__PhoneVerification__buttons {
    border-top: 30px solid rgba(0, 0, 0, 0);
    margin-top: auto;
    margin-bottom: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.vkc__PhoneVerification__verticalButtons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.vkc__PhoneVerification__horizontalButtons {
}

.vkc__PhoneVerification__horizontalButtons .vkc__PhoneVerification__button {
    width: 1px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.vkc__PhoneVerification__button:not(:first-child) {
    margin-left: 14px
}

.vkc__PhoneVerification__verticalButtons .vkc__PhoneVerification__button:not(:first-child) {
    margin-left: 0;
    margin-bottom: 16px
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__PhoneVerification__container {
        padding: 0 16px
    }

    .vkc__PhoneVerification__topIcon {
        margin-top: 24px
    }

    .vkc__PhoneVerification__title {
        margin-top: 8px
    }

    .vkc__PhoneVerification__buttons {
        margin-bottom: 16px
    }

    .vkc__PhoneVerification__button:not(:first-child) {
        margin-left: 12px
    }

    .vkc__PhoneVerification__verticalButtons .vkc__PhoneVerification__button:not(:first-child) {
        margin-bottom: 12px
    }
}

.vkc__RegisterDialog__container {
    max-width: 344px;
    padding: 16px;
    height: auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: var(--modal_card_background);
    color: var(--text_primary)
}

.vkc__RegisterDialog__logo {
    margin-top: 2px;
    margin-bottom: 20px;
    color: var(--button_primary_background)
}

.vkc__RegisterDialog__content, .vkc__RegisterDialog__logo {
    text-align: center
}

.vkc__RegisterDialog__content {
    width: 100%;
    height: auto;
    padding: 6px 16px 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px
}

.vkc__RegisterDialog__icon {
    display: none;
    fill: var(--icon_outline_secondary)
}

.vkc__RegisterDialog__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.vkc__RegisterDialog__actions > * {
    margin: 0 16px
}

@media (max-width: 760px) {
    .vkc__RegisterDialog__container {
        margin: 8px
    }
}

.vkc__Agreement__wrapper {
    font-size: 11px;
    line-height: 14px;
    color: var(--text_tertiary)
}

.vkc__Agreement__centered {
    text-align: center
}

.vkc__Agreement__link {
    color: var(--text_subhead);
    cursor: pointer;
    font-size: inherit;
    text-decoration: none
}

.vkc__Agreement__link:hover {
    text-decoration: underline
}

.vkc__Agreement__detailLink {
    text-decoration: none
}

.vkc__Agreement__detailLink:hover {
    text-decoration: underline
}

.vkc__Agreement__detailLinkWrapper {
    padding-top: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vkc__Agreement__centeredDetailLinkWrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vkc__Agreement__detailIcon {
    margin-top: 1px
}

.vkc__Captcha__container {
    padding: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    background-color: var(--modal_card_background);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.vkc__Captcha__image {
    min-height: 50px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.vkc__Captcha__image, .vkc__Captcha__input {
    margin-bottom: 12px
}

.vkc__Captcha__button {
    text-align: center
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__Captcha__container {
        width: 100%;
        min-width: 280px
    }

    .vkc__Captcha__image {
        max-width: 280px;
        max-height: 140px
    }
}

.vkuibright_light, :root, [scheme=bright_light], body[scheme=bright_light] {
    --accent: #2688eb;
    --action_sheet_action_foreground: #2688eb;
    --attach_picker_tab_active_background: #2d81e0;
    --attach_picker_tab_active_text: #2d81e0;
    --attach_picker_tab_inactive_background: #f2f3f5;
    --background_highlighted: rgba(0, 0, 0, 0.08);
    --background_hover: rgba(0, 0, 0, 0.04);
    --background_keyboard: #e1e3e6;
    --background_light: #f9f9f9;
    --background_page: #ebedf0;
    --background_text_highlighted: rgba(38, 136, 235, 0.2);
    --button_bot_shadow: #c4c8cc;
    --button_muted_background: #f2f3f5;
    --button_muted_foreground: #2688eb;
    --button_outline_border: #2688eb;
    --button_outline_foreground: #2688eb;
    --button_primary_background: #2d81e0;
    --button_secondary_background: rgba(0, 28, 61, 0.05);
    --button_secondary_background_highlighted: rgba(0, 28, 61, 0.03);
    --button_secondary_destructive_background: rgba(0, 28, 61, 0.05);
    --button_secondary_destructive_background_highlighted: rgba(0, 28, 61, 0.03);
    --button_secondary_destructive_foreground_highlighted: rgba(230, 70, 70, 0.6);
    --button_secondary_foreground: #2688eb;
    --button_secondary_foreground_highlighted: rgba(38, 136, 235, 0.6);
    --button_tertiary_foreground: #2d81e0;
    --cell_button_foreground: #2688eb;
    --content_tint_background: #f5f5f5;
    --content_tint_foreground: #7f8285;
    --content_warning_background: #fff2d6;
    --control_background: #ebedf0;
    --control_tint_muted: #76787a;
    --counter_primary_background: #2688eb;
    --counter_secondary_background: #aeb7c2;
    --feed_recommended_friend_promo_background: #528bcc;
    --field_background: #f2f3f5;
    --field_border: rgba(0, 0, 0, 0.12);
    --float_button_background: #f5f5f5;
    --float_button_background_highlighted: #ebedf0;
    --float_button_border: rgba(0, 0, 0, 0.05);
    --header_alternate_tab_active_indicator: #2688eb;
    --header_search_field_background: #ebedf0;
    --header_tab_active_indicator: #2688eb;
    --header_tint: #2688eb;
    --header_tint_alternate: #2688eb;
    --icon_medium: #818c99;
    --icon_name: #74a2d6;
    --icon_tertiary: #b8c1cc;
    --im_attach_tint: #2d81e0;
    --im_bubble_border_alternate: #e1e3e6;
    --im_bubble_border_alternate_highlighted: #d7d8d9;
    --im_bubble_button_background: #f9f9f9;
    --im_bubble_button_background_highlighted: #d7d8d9;
    --im_bubble_button_outgoing_background: hsla(0, 0%, 100%, 0.6);
    --im_bubble_incoming: #ebedf0;
    --im_bubble_incoming_alternate_highlighted: #f9f9f9;
    --im_bubble_incoming_highlighted: #d7d8d9;
    --im_bubble_outgoing_alternate_highlighted: #f9f9f9;
    --im_bubble_wallpaper_button_background: #f2f3f5;
    --im_bubble_wallpaper_button_background_highlighted: #e1e3e6;
    --im_bubble_wallpaper_incoming_highlighted: #ebedf0;
    --im_forward_line_tint: rgba(69, 103, 143, 0.24);
    --im_reply_separator: #2d81e0;
    --im_text_name: #2d81e0;
    --input_background: #f2f3f5;
    --input_border: #e1e3e6;
    --landing_field_background: #f2f3f5;
    --landing_login_button_background: #2d81e0;
    --landing_primary_button_background: #2d81e0;
    --landing_secondary_button_foreground: #2688eb;
    --landing_snippet_border: rgba(0, 0, 0, 0.15);
    --landing_tertiary_button_foreground: #2d81e0;
    --landing_text_title: #2d81e0;
    --link_alternate: #2d81e0;
    --loader_background: #ebedf0;
    --loader_track_fill: #e1e3e6;
    --loader_track_value_fill: #528bcc;
    --overlay_status_background: #ebedf0;
    --overlay_status_foreground: #6d7885;
    --panel_tab_active_background: #ebedf0;
    --panel_tab_active_text: #5d5f61;
    --placeholder_icon_background_opaque: #f2f3f5;
    --placeholder_icon_tint: #001c3d;
    --poll_option_background: #45678f;
    --primary_overlay_badge: rgba(0, 0, 0, 0.6);
    --search_bar_background: #fff;
    --search_bar_field_background: #ebedf0;
    --selection_off_icon: #b8c1cc;
    --separator_alternate: #e1e3e6;
    --separator_common: #d7d8d9;
    --skeleton_foreground_from: #f5f5f5;
    --skeleton_foreground_to: #e1e3e6;
    --skeleton_shimmer_to: #fff;
    --snippet_border: rgba(0, 0, 0, 0.15);
    --snippet_icon_tertiary: #c4c8cc;
    --splashscreen_icon: #e1e3e6;
    --statusbar_alternate_legacy_background: rgba(0, 0, 0, 0.2);
    --stories_create_button_background_from: #f2f3f5;
    --stories_create_button_background_to: #e1e3e6;
    --stories_create_button_foreground: #6d7885;
    --stories_skeleton_loader_background: #c4c8cc;
    --switch_ios_off_border: #e1e3e6;
    --tabbar_active_icon: #2975cc;
    --tabbar_background: #f9f9f9;
    --tabbar_tablet_active_icon: #2975cc;
    --tabbar_tablet_background: #f9f9f9;
    --tabbar_tablet_text_secondary: #909499;
    --text_link: #2d81e0;
    --text_muted: #2c2d2e;
    --text_name: #2d81e0;
    --text_subhead: #6d7885;
    --toolbar_attach_background_from: #b8c1cc;
    --toolbar_attach_background_to: #a3adb8;
    --vk_connect_button_primary_background: #19191a;
    --vk_connect_button_secondary_background: #f2f3f5;
    --vk_connect_button_secondary_foreground: #19191a;
    --writebar_icon: #2688eb
}

.vkuibright_light, .vkuivkcom_light, :root, [scheme=bright_light], [scheme=vkcom_light], body[scheme=bright_light], body[scheme=vkcom_light] {
    --accent_alternate: #07f;
    --action_sheet_separator: rgba(0, 0, 0, 0.12);
    --activity_indicator_tint: #aeb7c2;
    --attach_picker_tab_active_icon: #fff;
    --attach_picker_tab_inactive_icon: #818c99;
    --attach_picker_tab_inactive_text: #818c99;
    --background_content: #fff;
    --background_suggestions: #fff;
    --button_primary_foreground: #fff;
    --button_secondary_destructive_foreground: #e64646;
    --content_placeholder_icon: #99a2ad;
    --content_placeholder_text: #818c99;
    --control_background_secondary: #fff;
    --control_foreground: #5181b8;
    --control_tint: #fff;
    --counter_primary_text: #fff;
    --counter_secondary_text: #fff;
    --destructive: #e64646;
    --dynamic_purple: #735ce6;
    --dynamic_raspberry_pink: #e03fab;
    --dynamic_violet: #792ec0;
    --field_error_background: #faebeb;
    --field_text_placeholder: #818c99;
    --float_button_foreground: #99a2ad;
    --header_alternate_background: #fff;
    --header_alternate_tab_active_text: #000;
    --header_alternate_tab_inactive_text: #99a2ad;
    --header_background: #fff;
    --header_background_before_blur: #fff;
    --header_background_before_blur_alternate: #fff;
    --header_search_field_tint: #818c99;
    --header_tab_active_background: rgba(0, 0, 0, 0);
    --header_tab_active_text: #000;
    --header_tab_inactive_text: #99a2ad;
    --header_text: #000;
    --header_text_alternate: #000;
    --header_text_secondary: #818c99;
    --icon_alpha_placeholder: #fff;
    --icon_medium_alpha: rgba(0, 0, 0, 0.48);
    --icon_outline_medium: #818c99;
    --icon_outline_secondary: #99a2ad;
    --icon_secondary: #99a2ad;
    --icon_secondary_alpha: rgba(0, 0, 0, 0.36);
    --icon_tertiary_alpha: rgba(0, 0, 0, 0.24);
    --im_bubble_button_foreground: #000;
    --im_bubble_gift_background: #f4e7c3;
    --im_bubble_gift_background_highlighted: #e3d3ac;
    --im_bubble_gift_text: #857250;
    --im_bubble_gift_text_secondary: #ab9871;
    --im_bubble_incoming_alternate: #fff;
    --im_bubble_incoming_expiring: #e6e9ff;
    --im_bubble_incoming_expiring_highlighted: #ccd3ff;
    --im_bubble_outgoing: #cce4ff;
    --im_bubble_outgoing_alternate: #fff;
    --im_bubble_outgoing_expiring: #ccd3ff;
    --im_bubble_outgoing_expiring_highlighted: #adb8ff;
    --im_bubble_outgoing_highlighted: #add3ff;
    --im_bubble_wallpaper_button_foreground: #000;
    --im_bubble_wallpaper_incoming: #fff;
    --im_bubble_wallpaper_outgoing: #cce4ff;
    --im_bubble_wallpaper_outgoing_highlighted: #add3ff;
    --im_service_message_text: #818c99;
    --im_toolbar_separator: #001c3d;
    --im_toolbar_voice_msg_background: #99a2ad;
    --image_border: rgba(0, 0, 0, 0.08);
    --landing_background: #fff;
    --landing_field_placeholder: #818c99;
    --landing_login_button_foreground: #fff;
    --landing_primary_button_foreground: #fff;
    --landing_secondary_button_background: rgba(0, 57, 115, 0.1);
    --landing_text_primary: #000;
    --landing_text_secondary: #818c99;
    --like_text_tint: #ff3347;
    --modal_card_background: #fff;
    --modal_card_border: rgba(0, 0, 0, 0);
    --modal_card_header_close: #000;
    --music_playback_icon: #000;
    --overlay_status_icon: #818c99;
    --placeholder_icon_background: rgba(0, 28, 61, 0.08);
    --placeholder_icon_foreground_primary: #99a2ad;
    --placeholder_icon_foreground_secondary: #aeb7c2;
    --search_bar_field_tint: #818c99;
    --search_bar_segmented_control_tint: #818c99;
    --secondary_overlay_badge: rgba(0, 0, 0, 0.24);
    --segmented_control_bar_background: rgba(0, 0, 0, 0);
    --segmented_control_tint: #99a2ad;
    --separator_alpha: rgba(0, 0, 0, 0.12);
    --skeleton_shimmer_from: #fff;
    --snippet_background: #fff;
    --stories_create_button_icon_background: #fff;
    --tabbar_inactive_icon: #99a2ad;
    --tabbar_tablet_inactive_icon: #99a2ad;
    --tabbar_tablet_text_primary: #000;
    --text_action_counter: #818c99;
    --text_link_highlighted_background: #000;
    --text_placeholder: #818c99;
    --text_primary: #000;
    --text_secondary: #818c99;
    --text_tertiary: #99a2ad;
    --vk_connect_button_primary_foreground: #fff
}

.vkuibright_light, .vkuispace_gray, .vkuivkcom_dark, .vkuivkcom_light, :root, [scheme=bright_light], [scheme=space_gray], [scheme=vkcom_dark], [scheme=vkcom_light], body[scheme=bright_light], body[scheme=space_gray], body[scheme=vkcom_dark], body[scheme=vkcom_light] {
    --button_commerce_background: #4bb34b;
    --button_commerce_foreground: #fff;
    --button_tertiary_background: rgba(0, 0, 0, 0);
    --counter_prominent_background: #ff3347;
    --counter_prominent_text: #fff;
    --dynamic_neon_pink: #f45fff;
    --dynamic_orange: #ffa000;
    --dynamic_red: #ff3347;
    --field_valid_border: #4bb34b;
    --landing_field_border: rgba(0, 0, 0, 0);
    --landing_tertiary_button_background: rgba(0, 0, 0, 0);
    --media_overlay_button_background: #fff
}

.vkuibright_light, .vkuispace_gray, :root, [scheme=bright_light], [scheme=space_gray], body[scheme=bright_light], body[scheme=space_gray] {
    --content_positive_background: rgba(75, 179, 75, 0.15);
    --dynamic_blue: #2688eb;
    --dynamic_gray: #a3adb8;
    --loader_tint: #76787a;
    --media_overlay_button_foreground: #2c2d2e;
    --panel_tab_inactive_text: #76787a
}

.vkuibright_light, .vkuispace_gray, .vkuivkcom_dark, :root, [scheme=bright_light], [scheme=space_gray], [scheme=vkcom_dark], body[scheme=bright_light], body[scheme=space_gray], body[scheme=vkcom_dark] {
    --dynamic_green: #4bb34b
}

.vkuibright_light, .vkuivkcom_dark, .vkuivkcom_light, :root, [scheme=bright_light], [scheme=vkcom_dark], [scheme=vkcom_light], body[scheme=bright_light], body[scheme=vkcom_dark], body[scheme=vkcom_light] {
    --field_error_border: #e64646
}

.vkuispace_gray, [scheme=space_gray], body[scheme=space_gray] {
    --accent: #529ef4;
    --action_sheet_separator: hsla(0, 0%, 100%, 0.12);
    --activity_indicator_tint: #5d5f61;
    --attach_picker_tab_active_icon: #19191a;
    --attach_picker_tab_inactive_background: #2c2d2e;
    --attach_picker_tab_inactive_text: #76787a;
    --background_content: #19191a;
    --background_highlighted: hsla(0, 0%, 100%, 0.08);
    --background_hover: hsla(0, 0%, 100%, 0.04);
    --background_keyboard: #2c2d2e;
    --background_light: #232324;
    --background_page: #0a0a0a;
    --background_suggestions: #2c2d2e;
    --background_text_highlighted: rgba(82, 158, 244, 0.24);
    --button_bot_shadow: #19191a;
    --button_muted_background: #2c2d2e;
    --button_primary_foreground: #19191a;
    --button_secondary_background: #454647;
    --button_secondary_background_highlighted: rgba(69, 70, 71, 0.6);
    --button_secondary_destructive_background: #454647;
    --button_secondary_destructive_background_highlighted: rgba(69, 70, 71, 0.6);
    --button_secondary_destructive_foreground_highlighted: rgba(255, 92, 92, 0.6);
    --button_secondary_foreground_highlighted: hsla(216, 9%, 89%, 0.6);
    --content_placeholder_icon: #aaaeb3;
    --content_placeholder_text: #aaaeb3;
    --content_tint_background: #232324;
    --content_tint_foreground: #909499;
    --content_warning_background: #857250;
    --control_background: #454647;
    --control_background_secondary: #76787a;
    --control_tint: #19191a;
    --control_tint_muted: #909499;
    --counter_primary_text: #19191a;
    --counter_secondary_background: #76787a;
    --counter_secondary_text: #19191a;
    --feed_recommended_friend_promo_background: #6d7885;
    --field_background: #232324;
    --field_border: hsla(0, 0%, 100%, 0.12);
    --field_error_background: #522e2e;
    --field_error_border: #ff5c5c;
    --field_text_placeholder: #76787a;
    --float_button_background: #454647;
    --float_button_background_highlighted: #5d5f61;
    --float_button_foreground: #aaaeb3;
    --header_alternate_background: #2c2d2e;
    --header_alternate_tab_inactive_text: #76787a;
    --header_background: #19191a;
    --header_background_before_blur: #070708;
    --header_background_before_blur_alternate: #070708;
    --header_search_field_background: #363738;
    --header_search_field_tint: #aaaeb3;
    --header_tab_active_background: #5d5f61;
    --header_tab_active_indicator: #529ef4;
    --header_tab_inactive_text: #76787a;
    --header_text_secondary: hsla(0, 0%, 100%, 0.6);
    --header_tint_alternate: #e1e3e6;
    --icon_medium: #909499;
    --icon_name: #aaaeb3;
    --icon_outline_medium: #aaaeb3;
    --icon_outline_secondary: #909499;
    --icon_secondary: #76787a;
    --icon_secondary_alpha: hsla(0, 0%, 100%, 0.36);
    --icon_tertiary: #5d5f61;
    --im_bubble_button_outgoing_background: hsla(0, 0%, 100%, 0.2);
    --im_bubble_incoming: #2c2d2e;
    --im_bubble_incoming_alternate: #2c2d2e;
    --im_bubble_incoming_alternate_highlighted: #5d5f61;
    --im_bubble_incoming_highlighted: #5d5f61;
    --im_bubble_outgoing: #454647;
    --im_bubble_outgoing_alternate: #454647;
    --im_bubble_outgoing_alternate_highlighted: #76787a;
    --im_bubble_outgoing_highlighted: #5d5f61;
    --im_bubble_wallpaper_button_background: #454647;
    --im_bubble_wallpaper_button_background_highlighted: #76787a;
    --im_bubble_wallpaper_incoming: #2c2d2e;
    --im_bubble_wallpaper_incoming_highlighted: #5d5f61;
    --im_bubble_wallpaper_outgoing: #454647;
    --im_bubble_wallpaper_outgoing_highlighted: #5d5f61;
    --im_service_message_text: #76787a;
    --im_text_name: #529ef4;
    --im_toolbar_separator: #aaaeb3;
    --im_toolbar_voice_msg_background: #454647;
    --input_background: #2c2d2e;
    --input_border: #2c2d2e;
    --landing_background: #19191a;
    --landing_field_background: #232324;
    --landing_field_placeholder: #aaaeb3;
    --landing_login_button_foreground: #19191a;
    --landing_primary_button_foreground: #19191a;
    --landing_secondary_button_background: hsla(0, 0%, 100%, 0.15);
    --landing_snippet_border: hsla(0, 0%, 100%, 0.15);
    --landing_text_secondary: #76787a;
    --link_alternate: #fff;
    --loader_background: #19191a;
    --loader_track_fill: #454647;
    --modal_card_background: #232324;
    --overlay_status_background: #19191a;
    --overlay_status_icon: #ebedf0;
    --panel_tab_active_background: #454647;
    --placeholder_icon_background_opaque: #232324;
    --placeholder_icon_foreground_primary: #909499;
    --placeholder_icon_foreground_secondary: #5d5f61;
    --search_bar_background: #19191a;
    --search_bar_field_background: #363738;
    --search_bar_field_tint: #aaaeb3;
    --search_bar_segmented_control_tint: #909499;
    --secondary_overlay_badge: hsla(0, 0%, 100%, 0.15);
    --segmented_control_bar_background: #19191a;
    --segmented_control_tint: #76787a;
    --selection_off_icon: #5d5f61;
    --separator_alpha: hsla(0, 0%, 100%, 0.12);
    --separator_alternate: #232324;
    --separator_common: #363738;
    --skeleton_foreground_from: #232324;
    --skeleton_foreground_to: #2c2d2e;
    --skeleton_shimmer_from: #19191a;
    --skeleton_shimmer_to: #19191a;
    --snippet_background: #232324;
    --snippet_border: hsla(0, 0%, 100%, 0.15);
    --snippet_icon_tertiary: #5d5f61;
    --splashscreen_icon: #2c2d2e;
    --stories_create_button_background_from: #363738;
    --stories_create_button_background_to: #363738;
    --stories_create_button_foreground: #c4c8cc;
    --stories_create_button_icon_background: #454647;
    --stories_skeleton_loader_background: #454647;
    --switch_ios_off_border: #2c2d2e;
    --tabbar_background: #2c2d2e;
    --tabbar_inactive_icon: #76787a;
    --tabbar_tablet_active_icon: #529ef4;
    --tabbar_tablet_background: #232324;
    --tabbar_tablet_inactive_icon: #76787a;
    --tabbar_tablet_text_secondary: #76787a;
    --text_action_counter: #aaaeb3;
    --text_link: #529ef4;
    --text_link_highlighted_background: #529ef4;
    --text_muted: #c4c8cc;
    --text_placeholder: #aaaeb3;
    --text_secondary: #76787a;
    --text_subhead: #909499;
    --text_tertiary: #5d5f61;
    --toolbar_attach_background_from: #76787a;
    --toolbar_attach_background_to: #5d5f61;
    --vk_connect_button_primary_foreground: #19191a;
    --vk_connect_button_secondary_background: #454647
}

.vkuispace_gray, .vkuivkcom_dark, [scheme=space_gray], [scheme=vkcom_dark], body[scheme=space_gray], body[scheme=vkcom_dark] {
    --accent_alternate: #fff;
    --action_sheet_action_foreground: #fff;
    --attach_picker_tab_active_background: #e1e3e6;
    --attach_picker_tab_active_text: #e1e3e6;
    --attach_picker_tab_inactive_icon: #e1e3e6;
    --button_muted_foreground: #e1e3e6;
    --button_outline_border: #e1e3e6;
    --button_outline_foreground: #e1e3e6;
    --button_primary_background: #e1e3e6;
    --button_secondary_destructive_foreground: #ff5c5c;
    --button_secondary_foreground: #e1e3e6;
    --button_tertiary_foreground: #e1e3e6;
    --cell_button_foreground: #e1e3e6;
    --control_foreground: #e1e3e6;
    --counter_primary_background: #fff;
    --destructive: #ff5c5c;
    --dynamic_purple: #937ff5;
    --dynamic_raspberry_pink: #f060c0;
    --dynamic_violet: #a393f5;
    --float_button_border: rgba(0, 0, 0, 0.12);
    --header_alternate_tab_active_indicator: #e1e3e6;
    --header_alternate_tab_active_text: #e1e3e6;
    --header_tab_active_text: #e1e3e6;
    --header_text: #e1e3e6;
    --header_text_alternate: #e1e3e6;
    --header_tint: #e1e3e6;
    --icon_alpha_placeholder: #e1e3e6;
    --icon_medium_alpha: hsla(0, 0%, 100%, 0.48);
    --icon_tertiary_alpha: hsla(0, 0%, 100%, 0.24);
    --im_attach_tint: #fff;
    --im_bubble_border_alternate: rgba(0, 0, 0, 0);
    --im_bubble_border_alternate_highlighted: rgba(0, 0, 0, 0);
    --im_bubble_button_background: hsla(0, 0%, 100%, 0.16);
    --im_bubble_button_background_highlighted: hsla(0, 0%, 100%, 0.24);
    --im_bubble_button_foreground: #e1e3e6;
    --im_bubble_gift_background: #857250;
    --im_bubble_gift_background_highlighted: #ab9871;
    --im_bubble_gift_text: #fff;
    --im_bubble_gift_text_secondary: #e3d3ac;
    --im_bubble_incoming_expiring: #262b4d;
    --im_bubble_incoming_expiring_highlighted: #404980;
    --im_bubble_outgoing_expiring: #404980;
    --im_bubble_outgoing_expiring_highlighted: #5965b3;
    --im_bubble_wallpaper_button_foreground: #e1e3e6;
    --im_forward_line_tint: hsla(0, 0%, 100%, 0.24);
    --im_reply_separator: #fff;
    --image_border: hsla(0, 0%, 100%, 0.08);
    --landing_login_button_background: #e1e3e6;
    --landing_primary_button_background: #e1e3e6;
    --landing_secondary_button_foreground: #fff;
    --landing_tertiary_button_foreground: #fff;
    --landing_text_primary: #e1e3e6;
    --landing_text_title: #fff;
    --like_text_tint: #ff5c5c;
    --loader_track_value_fill: #fff;
    --modal_card_border: hsla(0, 0%, 100%, 0.12);
    --modal_card_header_close: #fff;
    --music_playback_icon: #fff;
    --overlay_status_foreground: #e1e3e6;
    --panel_tab_active_text: #e1e3e6;
    --placeholder_icon_background: hsla(0, 0%, 100%, 0.08);
    --placeholder_icon_tint: #fff;
    --poll_option_background: #fff;
    --primary_overlay_badge: hsla(0, 0%, 100%, 0.4);
    --statusbar_alternate_legacy_background: rgba(0, 0, 0, 0);
    --tabbar_active_icon: #fff;
    --tabbar_tablet_text_primary: #e1e3e6;
    --text_name: #e1e3e6;
    --text_primary: #e1e3e6;
    --vk_connect_button_primary_background: #e1e3e6;
    --vk_connect_button_secondary_foreground: #e1e3e6;
    --writebar_icon: #e1e3e6
}

.vkuivkcom_light, [scheme=vkcom_light], body[scheme=vkcom_light] {
    --accent: #5181b8;
    --action_sheet_action_foreground: #5181b8;
    --attach_picker_tab_active_background: #5181b8;
    --attach_picker_tab_active_text: #5181b8;
    --attach_picker_tab_inactive_background: #f5f5f5;
    --background_highlighted: rgba(174, 183, 194, 0.16);
    --background_hover: rgba(174, 183, 194, 0.12);
    --background_keyboard: #dce1e6;
    --background_light: #fafbfc;
    --background_page: #edeef0;
    --button_bot_shadow: #ccc;
    --button_muted_background: #e5ebf1;
    --button_muted_foreground: #55677d;
    --button_outline_border: #2a5885;
    --button_outline_foreground: #2a5885;
    --button_primary_background: #5181b8;
    --button_secondary_background: #e5ebf1;
    --button_secondary_background_highlighted: #dae2ea;
    --button_secondary_destructive_background: rgba(230, 70, 70, 0.16);
    --button_secondary_destructive_background_highlighted: rgba(230, 70, 70, 0.12);
    --button_secondary_destructive_foreground_highlighted: rgba(230, 70, 70, 0.12);
    --button_secondary_foreground: #55677d;
    --button_secondary_foreground_highlighted: #55677d;
    --button_tertiary_foreground: #2a5885;
    --cell_button_foreground: #2a5885;
    --content_negative_background: #faebeb;
    --content_positive_background: #def0d3;
    --content_tint_background: #f0f2f5;
    --content_tint_foreground: #828282;
    --content_warning_background: #faefd2;
    --control_background: #edeef0;
    --control_tint_muted: #828282;
    --counter_primary_background: #5181b8;
    --counter_secondary_background: #99a2ad;
    --dynamic_green: #1b7a1b;
    --feed_recommended_friend_promo_background: #5181b8;
    --field_background: #f7f8fa;
    --field_border: #dce1e6;
    --float_button_background: #f7f8fa;
    --float_button_background_highlighted: #edeef0;
    --float_button_border: rgba(0, 0, 0, 0.08);
    --header_alternate_tab_active_indicator: #5181b8;
    --header_search_field_background: #edeef0;
    --header_tint: #aeb7c2;
    --header_tint_alternate: #07f;
    --icon_medium: #6f7985;
    --icon_name: #8fadc8;
    --icon_tertiary: #aeb7c2;
    --im_attach_tint: #5181b8;
    --im_bubble_border_alternate: #dce1e6;
    --im_bubble_border_alternate_highlighted: #ccc;
    --im_bubble_button_background: #f7f8fa;
    --im_bubble_button_background_highlighted: #ccc;
    --im_bubble_button_outgoing_background: hsla(0, 0%, 100%, 0.72);
    --im_bubble_incoming: #edeef0;
    --im_bubble_incoming_alternate_highlighted: #f7f8fa;
    --im_bubble_incoming_highlighted: #d3d9de;
    --im_bubble_outgoing_alternate_highlighted: #f0f2f5;
    --im_bubble_wallpaper_button_background: #f0f2f5;
    --im_bubble_wallpaper_button_background_highlighted: #e7e8ec;
    --im_bubble_wallpaper_incoming_highlighted: #edeef0;
    --im_forward_line_tint: rgba(0, 20, 51, 0.12);
    --im_reply_separator: #2a5885;
    --im_text_name: #2a5885;
    --input_background: #fff;
    --input_border: #d3d9de;
    --landing_field_background: #f7f8fa;
    --landing_login_button_background: #5181b8;
    --landing_primary_button_background: #5181b8;
    --landing_secondary_button_foreground: #5181b8;
    --landing_snippet_border: rgba(0, 0, 0, 0.12);
    --landing_tertiary_button_foreground: #5181b8;
    --landing_text_title: #5181b8;
    --link_alternate: #2a5885;
    --loader_background: #edeef0;
    --loader_tint: #c5d0db;
    --loader_track_fill: #d3d9de;
    --loader_track_value_fill: #5181b8;
    --overlay_status_background: #edeef0;
    --overlay_status_foreground: #6f7985;
    --panel_tab_active_background: #edeef0;
    --panel_tab_active_text: #4e5966;
    --panel_tab_inactive_text: #6f7985;
    --placeholder_icon_background_opaque: #f0f2f5;
    --placeholder_icon_tint: #1d3a5c;
    --poll_option_background: #5181b8;
    --primary_overlay_badge: rgba(0, 0, 0, 0.56);
    --search_bar_background: rgba(0, 0, 0, 0);
    --search_bar_field_background: #edeef0;
    --selection_off_icon: #c5d0db;
    --separator_alternate: #e7e8ec;
    --separator_common: #dce1e6;
    --skeleton_foreground_from: #f0f2f5;
    --skeleton_foreground_to: #edeef0;
    --skeleton_shimmer_to: hsla(0, 0%, 100%, 0);
    --snippet_border: rgba(0, 0, 0, 0.12);
    --snippet_icon_tertiary: #aeb7c2;
    --splashscreen_icon: #dce1e6;
    --statusbar_alternate_legacy_background: rgba(0, 0, 0, 0.24);
    --stories_create_button_background_from: #f0f2f5;
    --stories_create_button_background_to: #dce1e6;
    --stories_create_button_foreground: #6f7985;
    --stories_skeleton_loader_background: #ccc;
    --switch_ios_off_border: #dce1e6;
    --tabbar_active_icon: #5181b8;
    --tabbar_background: #f7f8fa;
    --tabbar_tablet_background: #f7f8fa;
    --tabbar_tablet_text_secondary: #818c99;
    --text_link: #2a5885;
    --text_muted: #333;
    --text_name: #2a5885;
    --text_subhead: #626d7a;
    --toolbar_attach_background_from: #dce1e6;
    --toolbar_attach_background_to: #aeb7c2;
    --vk_connect_button_primary_background: #222;
    --vk_connect_button_secondary_background: #f5f5f5;
    --vk_connect_button_secondary_foreground: #222;
    --writebar_icon: #818c99
}

.vkuivkcom_dark, .vkuivkcom_light, [scheme=vkcom_dark], [scheme=vkcom_light], body[scheme=vkcom_dark], body[scheme=vkcom_light] {
    --background_text_highlighted: rgba(81, 129, 184, 0.2);
    --dynamic_blue: #5181b8;
    --dynamic_gray: #aeb7c2;
    --header_tab_active_indicator: #5181b8;
    --media_overlay_button_foreground: #333;
    --tabbar_tablet_active_icon: #5181b8
}

.vkuivkcom_dark, [scheme=vkcom_dark], body[scheme=vkcom_dark] {
    --accent: #71aaeb;
    --action_sheet_separator: hsla(0, 0%, 100%, 0.16);
    --activity_indicator_tint: #656565;
    --attach_picker_tab_active_icon: #222;
    --attach_picker_tab_inactive_background: #333;
    --attach_picker_tab_inactive_text: #828282;
    --background_content: #222;
    --background_highlighted: hsla(0, 0%, 100%, 0.12);
    --background_hover: hsla(0, 0%, 100%, 0.08);
    --background_keyboard: #333;
    --background_light: #292929;
    --background_page: #141414;
    --background_suggestions: #333;
    --button_bot_shadow: #222;
    --button_muted_background: #333;
    --button_primary_foreground: #222;
    --button_secondary_background: #555;
    --button_secondary_background_highlighted: #656565;
    --button_secondary_destructive_background: #555;
    --button_secondary_destructive_background_highlighted: rgba(85, 85, 85, 0.6);
    --button_secondary_destructive_foreground_highlighted: rgba(230, 70, 70, 0.16);
    --button_secondary_foreground_highlighted: #e1e3e6;
    --content_negative_background: rgba(230, 70, 70, 0.16);
    --content_placeholder_icon: #b2b2b2;
    --content_placeholder_text: #b2b2b2;
    --content_positive_background: rgba(75, 179, 75, 0.16);
    --content_tint_background: #333;
    --content_tint_foreground: #939393;
    --content_warning_background: rgba(255, 202, 99, 0.16);
    --control_background: #555;
    --control_background_secondary: #828282;
    --control_tint: #222;
    --control_tint_muted: #939393;
    --counter_primary_text: #222;
    --counter_secondary_background: #828282;
    --counter_secondary_text: #222;
    --feed_recommended_friend_promo_background: #6f7985;
    --field_background: #292929;
    --field_border: #424242;
    --field_error_background: rgba(230, 70, 70, 0.16);
    --field_text_placeholder: #828282;
    --float_button_background: #555;
    --float_button_background_highlighted: #656565;
    --float_button_foreground: #b2b2b2;
    --header_alternate_background: #333;
    --header_alternate_tab_inactive_text: #828282;
    --header_background: #222;
    --header_background_before_blur: #0a0a0a;
    --header_background_before_blur_alternate: #0a0a0a;
    --header_search_field_background: #424242;
    --header_search_field_tint: #b2b2b2;
    --header_tab_active_background: #656565;
    --header_tab_inactive_text: #828282;
    --header_text_secondary: hsla(0, 0%, 100%, 0.64);
    --header_tint_alternate: #fff;
    --icon_medium: #939393;
    --icon_name: #b2b2b2;
    --icon_outline_medium: #b2b2b2;
    --icon_outline_secondary: #939393;
    --icon_secondary: #828282;
    --icon_secondary_alpha: hsla(0, 0%, 100%, 0.4);
    --icon_tertiary: #656565;
    --im_bubble_button_outgoing_background: hsla(0, 0%, 100%, 0.24);
    --im_bubble_incoming: #333;
    --im_bubble_incoming_alternate: #333;
    --im_bubble_incoming_alternate_highlighted: #656565;
    --im_bubble_incoming_highlighted: #656565;
    --im_bubble_outgoing: #555;
    --im_bubble_outgoing_alternate: #555;
    --im_bubble_outgoing_alternate_highlighted: #828282;
    --im_bubble_outgoing_highlighted: #656565;
    --im_bubble_wallpaper_button_background: #555;
    --im_bubble_wallpaper_button_background_highlighted: #828282;
    --im_bubble_wallpaper_incoming: #333;
    --im_bubble_wallpaper_incoming_highlighted: #656565;
    --im_bubble_wallpaper_outgoing: #555;
    --im_bubble_wallpaper_outgoing_highlighted: #656565;
    --im_service_message_text: #828282;
    --im_text_name: #71aaeb;
    --im_toolbar_separator: #b2b2b2;
    --im_toolbar_voice_msg_background: #555;
    --input_background: #424242;
    --input_border: #555;
    --landing_background: #222;
    --landing_field_background: #292929;
    --landing_field_placeholder: #b2b2b2;
    --landing_login_button_foreground: #222;
    --landing_primary_button_foreground: #222;
    --landing_secondary_button_background: hsla(0, 0%, 100%, 0.16);
    --landing_snippet_border: hsla(0, 0%, 100%, 0.16);
    --landing_text_secondary: #828282;
    --link_alternate: #939393;
    --loader_background: #555;
    --loader_tint: #828282;
    --loader_track_fill: #828282;
    --modal_card_background: #292929;
    --overlay_status_background: #222;
    --overlay_status_icon: #edeef0;
    --panel_tab_active_background: #555;
    --panel_tab_inactive_text: #828282;
    --placeholder_icon_background_opaque: #292929;
    --placeholder_icon_foreground_primary: #939393;
    --placeholder_icon_foreground_secondary: #656565;
    --search_bar_background: #222;
    --search_bar_field_background: #424242;
    --search_bar_field_tint: #b2b2b2;
    --search_bar_segmented_control_tint: #939393;
    --secondary_overlay_badge: hsla(0, 0%, 100%, 0.16);
    --segmented_control_bar_background: #222;
    --segmented_control_tint: #828282;
    --selection_off_icon: #656565;
    --separator_alpha: hsla(0, 0%, 100%, 0.16);
    --separator_alternate: #333;
    --separator_common: #424242;
    --skeleton_foreground_from: #292929;
    --skeleton_foreground_to: #333;
    --skeleton_shimmer_from: #222;
    --skeleton_shimmer_to: rgba(0, 0, 0, 0);
    --snippet_background: hsla(0, 0%, 100%, 0.04);
    --snippet_border: hsla(0, 0%, 100%, 0.16);
    --snippet_icon_tertiary: #656565;
    --splashscreen_icon: #333;
    --stories_create_button_background_from: #424242;
    --stories_create_button_background_to: #424242;
    --stories_create_button_foreground: #ccc;
    --stories_create_button_icon_background: #555;
    --stories_skeleton_loader_background: #555;
    --switch_ios_off_border: #333;
    --tabbar_background: #333;
    --tabbar_inactive_icon: #828282;
    --tabbar_tablet_background: #292929;
    --tabbar_tablet_inactive_icon: #828282;
    --tabbar_tablet_text_secondary: #828282;
    --text_action_counter: #b2b2b2;
    --text_link: #71aaeb;
    --text_link_highlighted_background: #5181b8;
    --text_muted: #ccc;
    --text_placeholder: #b2b2b2;
    --text_secondary: #828282;
    --text_subhead: #939393;
    --text_tertiary: #656565;
    --toolbar_attach_background_from: #828282;
    --toolbar_attach_background_to: #656565;
    --vk_connect_button_primary_foreground: #222;
    --vk_connect_button_secondary_background: #555
}

.vkui--vkBase--light, :root {
    --vkui--theme_name: "vkBase"
}

.vkui--vkBase--dark, .vkui--vkBase--light, :root {
    --vkui--theme_name_base: "vkBase";
    --vkui--size_switch_height--regular: 14px;
    --vkui--size_switch_height--compact: 12px;
    --vkui--size_switch_width--regular: 34px;
    --vkui--size_switch_width--compact: 32px;
    --vkui--size_switch_pin--regular: 20px;
    --vkui--size_switch_pin--compact: 18px;
    --vkui--size_panel_header_height--regular: 56px
}

.vkui--vkBase--dark, .vkui--vkBase--light, .vkui--vkCom--dark, .vkui--vkCom--light, .vkui--vkIOS--dark, .vkui--vkIOS--light, :root {
    --vkui--gradient_black: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%;
    --vkui--gradient_white: hsla(0, 0%, 100%, 0) 0%, hsla(0, 0%, 100%, 0.036) 13%, hsla(0, 0%, 100%, 0.15) 27%, hsla(0, 0%, 100%, 0.79) 68%, hsla(0, 0%, 100%, 0.95) 84%, #fff 100%;
    --vkui--elevation1: 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06);
    --vkui--elevation1_invert_y: 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06);
    --vkui--elevation2: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06);
    --vkui--elevation3: 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
    --vkui--elevation4: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
    --vkui--font_family_accent: "TT Commons", -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    --vkui--font_family_base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
    --vkui--font_weight_accent1: 600;
    --vkui--font_weight_accent2: 500;
    --vkui--font_weight_accent3: 400;
    --vkui--font_weight_base1: 600;
    --vkui--font_weight_base2: 500;
    --vkui--font_weight_base3: 400;
    --vkui--font_title1--font_size--regular: 24px;
    --vkui--font_title1--line_height--regular: 28px;
    --vkui--font_title1--letter_spacing--regular: -0.48px;
    --vkui--font_title1--font_family--regular: "TT Commons", -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    --vkui--font_title1--font_weight--regular: 600;
    --vkui--font_title2--font_size--regular: 20px;
    --vkui--font_title2--line_height--regular: 24px;
    --vkui--font_title2--letter_spacing--regular: -0.4px;
    --vkui--font_title2--font_family--regular: "TT Commons", -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    --vkui--font_title2--font_weight--regular: 600;
    --vkui--font_title3--font_size--regular: 17px;
    --vkui--font_title3--line_height--regular: 22px;
    --vkui--font_title3--letter_spacing--regular: -0.22px;
    --vkui--font_title3--font_family--regular: "TT Commons", -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    --vkui--font_title3--font_weight--regular: 600;
    --vkui--font_headline1--font_size--regular: 16px;
    --vkui--font_headline1--line_height--regular: 20px;
    --vkui--font_headline1--letter_spacing--regular: -0.16px;
    --vkui--font_headline1--font_family--regular: "TT Commons", -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    --vkui--font_headline1--font_weight--regular: 500;
    --vkui--font_headline1--font_size--compact: 15px;
    --vkui--font_headline1--line_height--compact: 20px;
    --vkui--font_headline1--letter_spacing--compact: -0.1px;
    --vkui--font_headline2--font_size--regular: 15px;
    --vkui--font_headline2--line_height--regular: 20px;
    --vkui--font_headline2--letter_spacing--regular: -0.1px;
    --vkui--font_headline2--font_family--regular: "TT Commons", -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    --vkui--font_headline2--font_weight--regular: 500;
    --vkui--font_headline2--font_size--compact: 14px;
    --vkui--font_headline2--line_height--compact: 20px;
    --vkui--font_headline2--letter_spacing--compact: -0.06px;
    --vkui--font_text--font_size--regular: 16px;
    --vkui--font_text--line_height--regular: 20px;
    --vkui--font_text--letter_spacing--regular: -0.16px;
    --vkui--font_text--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
    --vkui--font_text--font_weight--regular: 400;
    --vkui--font_text--font_size--compact: 15px;
    --vkui--font_text--line_height--compact: 20px;
    --vkui--font_text--letter_spacing--compact: -0.1px;
    --vkui--font_paragraph--font_size--regular: 15px;
    --vkui--font_paragraph--line_height--regular: 20px;
    --vkui--font_paragraph--letter_spacing--regular: -0.1px;
    --vkui--font_paragraph--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
    --vkui--font_paragraph--font_weight--regular: 400;
    --vkui--font_subhead--font_size--regular: 14px;
    --vkui--font_subhead--line_height--regular: 18px;
    --vkui--font_subhead--letter_spacing--regular: -0.06px;
    --vkui--font_subhead--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
    --vkui--font_subhead--font_weight--regular: 400;
    --vkui--font_subhead--font_size--compact: 13px;
    --vkui--font_subhead--line_height--compact: 16px;
    --vkui--font_subhead--letter_spacing--compact: 0px;
    --vkui--font_footnote--font_size--regular: 13px;
    --vkui--font_footnote--line_height--regular: 16px;
    --vkui--font_footnote--letter_spacing--regular: 0px;
    --vkui--font_footnote--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
    --vkui--font_footnote--font_weight--regular: 400;
    --vkui--font_footnote_caps--font_size--regular: 13px;
    --vkui--font_footnote_caps--line_height--regular: 16px;
    --vkui--font_footnote_caps--letter_spacing--regular: 0.3px;
    --vkui--font_footnote_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
    --vkui--font_footnote_caps--font_weight--regular: 400;
    --vkui--font_footnote_caps--text_transform--regular: uppercase;
    --vkui--font_caption1--font_size--regular: 12px;
    --vkui--font_caption1--line_height--regular: 14px;
    --vkui--font_caption1--letter_spacing--regular: 0.06px;
    --vkui--font_caption1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
    --vkui--font_caption1--font_weight--regular: 400;
    --vkui--font_caption1_caps--font_size--regular: 12px;
    --vkui--font_caption1_caps--line_height--regular: 14px;
    --vkui--font_caption1_caps--letter_spacing--regular: 0.2px;
    --vkui--font_caption1_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
    --vkui--font_caption1_caps--font_weight--regular: 600;
    --vkui--font_caption1_caps--text_transform--regular: uppercase;
    --vkui--font_caption2--font_size--regular: 11px;
    --vkui--font_caption2--line_height--regular: 14px;
    --vkui--font_caption2--letter_spacing--regular: 0.11px;
    --vkui--font_caption2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
    --vkui--font_caption2--font_weight--regular: 400;
    --vkui--font_caption2_caps--font_size--regular: 11px;
    --vkui--font_caption2_caps--line_height--regular: 14px;
    --vkui--font_caption2_caps--letter_spacing--regular: 0.3px;
    --vkui--font_caption2_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
    --vkui--font_caption2_caps--font_weight--regular: 600;
    --vkui--font_caption2_caps--text_transform--regular: uppercase;
    --vkui--font_caption3--font_size--regular: 9px;
    --vkui--font_caption3--line_height--regular: 12px;
    --vkui--font_caption3--letter_spacing--regular: 0.18px;
    --vkui--font_caption3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
    --vkui--font_caption3--font_weight--regular: 400;
    --vkui--font_caption3_caps--font_size--regular: 9px;
    --vkui--font_caption3_caps--line_height--regular: 12px;
    --vkui--font_caption3_caps--letter_spacing--regular: 0.3px;
    --vkui--font_caption3_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
    --vkui--font_caption3_caps--font_weight--regular: 600;
    --vkui--font_caption3_caps--text_transform--regular: uppercase;
    --vkui--size_select_icon_padding--regular: 6px;
    --vkui--size_select_icon_padding--compact: 7px;
    --vkui--size_popup_base_padding--regular: 32px;
    --vkui--size_popup_base_padding--compact: 20px;
    --vkui--size_popup_header_padding--regular: 24px;
    --vkui--size_popup_header_padding--compact: 16px;
    --vkui--size_label_horizontal_margin--regular: 16px;
    --vkui--size_check_border_radius--regular: 4px;
    --vkui--size_border_radius_paper--regular: 12px;
    --vkui--size_border_radius_promo--regular: 20px;
    --vkui--size_field_height--regular: 44px;
    --vkui--size_field_height--compact: 36px;
    --vkui--size_search_height--regular: 36px;
    --vkui--size_search_height--compact: 32px;
    --vkui--size_button_large_height--regular: 44px;
    --vkui--size_button_large_height--compact: 36px;
    --vkui--size_button_medium_height--regular: 36px;
    --vkui--size_button_medium_height--compact: 32px;
    --vkui--size_button_small_height--regular: 30px;
    --vkui--size_button_small_height--compact: 28px;
    --vkui--size_checkbox--regular: 16px;
    --vkui--size_arrow--regular: 8px;
    --vkui--size_arrow_promo--regular: 40px;
    --vkui--size_popup_small--regular: 420px;
    --vkui--size_popup_medium--regular: 680px;
    --vkui--size_popup_large--regular: 880px;
    --vkui--size_field_horizontal_padding--regular: 12px;
    --vkui--size_button_padding_horizontal--regular: 12px;
    --vkui--size_arrow_padding--regular: 12px;
    --vkui--size_tooltip_margin--regular: 8px;
    --vkui--size_icon_u_i--regular: 16px;
    --vkui--size_avatar_x_s--regular: 24px;
    --vkui--size_avatar_s--regular: 32px;
    --vkui--size_avatar_m--regular: 48px;
    --vkui--size_avatar_l--regular: 96px;
    --vkui--size_avatar_x_l--regular: 128px;
    --vkui--size_badge_x_s--regular: 12px;
    --vkui--size_badge_s--regular: 16px;
    --vkui--size_badge_m--regular: 24px;
    --vkui--size_badge_l--regular: 44px;
    --vkui--size_badge_x_l--regular: 56px;
    --vkui--size_cardgrid_padding--regular: 8px;
    --vkui--size_cardgrid_padding_vertical--regular: 8px;
    --vkui--size_base_padding_vertical--regular: 12px;
    --vkui--size_button_group_gap_space--regular: 1px;
    --vkui--size_button_group_gap_small--regular: 8px;
    --vkui--size_button_group_gap_medium--regular: 12px;
    --vkui--size_option_hierarchy--regular: 32px;
    --vkui--size_button_base_small_padding_horizontal--regular: 16px;
    --vkui--size_button_base_medium_padding_horizontal--regular: 16px;
    --vkui--size_button_base_large_padding_horizontal--regular: 20px;
    --vkui--size_button_base_small_padding_horizontal_icon--regular: 12px;
    --vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px;
    --vkui--size_button_base_large_padding_horizontal_icon--regular: 16px;
    --vkui--size_button_tertiary_small_padding_horizontal--regular: 12px;
    --vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px;
    --vkui--size_button_tertiary_large_padding_horizontal--regular: 16px;
    --vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px;
    --vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px;
    --vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px;
    --vkui--size_button_minimum_width--regular: 80px;
    --vkui--size_form_item_padding_vertical--regular: 12px;
    --vkui--size_split_col_padding_horizontal--regular: 16px;
    --vkui--size_subnavigation_bar_gap--regular: 8px;
    --vkui--size_subnavigation_bar_padding_vertical--regular: 12px;
    --vkui--animation_duration_l: 0.4s;
    --vkui--animation_duration_m: 0.2s;
    --vkui--animation_duration_s: 0.1s;
    --vkui--animation_easing_default: cubic-bezier(0.3, 0.3, 0.5, 1);
    --vkui--opacity_disable: 0.4;
    --vkui--opacity_disable_accessibility: 0.64;
    --vkui--font_headline--font_size--regular: 16px;
    --vkui--font_headline--line_height--regular: 20px;
    --vkui--font_headline--letter_spacing--regular: -0.16px;
    --vkui--font_headline--font_family--regular: "TT Commons", -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    --vkui--font_headline--font_weight--regular: 500;
    --vkui--font_headline--font_size--compact: 15px;
    --vkui--font_headline--line_height--compact: 20px;
    --vkui--font_headline--letter_spacing--compact: -0.1px;
    --vkui--color_background_accent_tint: #5a9eff;
    --vkui--color_background_contrast: #fff;
    --vkui--color_background_contrast_secondary_alpha: hsla(0, 0%, 100%, 0.2);
    --vkui--color_background_contrast_secondary_alpha--hover: hsla(0, 0%, 100%, 0.24);
    --vkui--color_background_contrast_secondary_alpha--active: hsla(0, 0%, 100%, 0.28);
    --vkui--color_background_contrast_inverse: #2d2d2e;
    --vkui--color_background_positive: #4bb34b;
    --vkui--color_text_primary_invariably: #000;
    --vkui--color_text_contrast: #fff;
    --vkui--color_text_positive: #4bb34b;
    --vkui--color_text_link_visited: #4986cc;
    --vkui--color_link_contrast: #fff;
    --vkui--color_icon_primary_invariably: #2c2d2e;
    --vkui--color_icon_contrast: #fff;
    --vkui--color_icon_contrast_secondary: #f2f3f5;
    --vkui--color_icon_positive: #4bb34b;
    --vkui--color_stroke_positive: #4bb34b;
    --vkui--color_stroke_contrast: #fff;
    --vkui--color_accent_gray: #a3adb8;
    --vkui--color_accent_red: #ff3347;
    --vkui--color_accent_green: #4bb34b;
    --vkui--color_accent_orange: #ffa000;
    --vkui--color_accent_purple: #735ce6;
    --vkui--color_accent_violet: #792ec0;
    --vkui--color_accent_secondary: #3f8ae0;
    --vkui--color_overlay_primary: rgba(0, 0, 0, 0.4);
    --vkui--color_overlay_primary--hover: rgba(0, 0, 0, 0.44);
    --vkui--color_overlay_primary--active: rgba(0, 0, 0, 0.48);
    --vkui--color_avatar_overlay: rgba(0, 0, 0, 0.6);
    --vkui--color_avatar_overlay--hover: rgba(0, 0, 0, 0.64);
    --vkui--color_avatar_overlay--active: rgba(0, 0, 0, 0.68);
    --vkui--color_avatar_overlay_inverse_alpha: hsla(0, 0%, 100%, 0.85);
    --vkui--color_avatar_overlay_inverse_alpha--hover: hsla(0, 0%, 100%, 0.89);
    --vkui--color_avatar_overlay_inverse_alpha--active: hsla(0, 0%, 100%, 0.93);
    --vkui--color_skeleton_from: #f5f5f5;
    --vkui--color_skeleton_to: #e1e3e6;
    --vkui--color_transparent: rgba(0, 0, 0, 0)
}

.vkui--vkBase--light, .vkui--vkCom--light, .vkui--vkIOS--light, :root {
    --vkui--gradient_tint: hsla(0, 0%, 98%, 0) 0%, hsla(0, 0%, 98%, 0.036) 13%, hsla(0, 0%, 98%, 0.15) 27%, hsla(0, 0%, 98%, 0.79) 68%, hsla(0, 0%, 98%, 0.95) 84%, #f9f9f9 100%;
    --vkui--colors_scheme: light;
    --vkui--color_background_accent: #2688eb;
    --vkui--color_background_accent--hover: #2483e4;
    --vkui--color_background_accent--active: #237edd;
    --vkui--color_background_accent_themed: #2688eb;
    --vkui--color_background_accent_themed--hover: #2483e4;
    --vkui--color_background_accent_themed--active: #237edd;
    --vkui--color_background_accent_tint--hover: #5698f7;
    --vkui--color_background_accent_tint--active: #5393ef;
    --vkui--color_background_accent_alternative: #2688eb;
    --vkui--color_background_accent_alternative--hover: #2483e4;
    --vkui--color_background_accent_alternative--active: #237edd;
    --vkui--color_background: #ebedf0;
    --vkui--color_background--hover: #e2e4e9;
    --vkui--color_background--active: #d8dbe2;
    --vkui--color_background_content: #fff;
    --vkui--color_background_content--hover: #f5f5f7;
    --vkui--color_background_content--active: #ebecef;
    --vkui--color_background_secondary: #f5f5f5;
    --vkui--color_background_secondary--hover: #ebecee;
    --vkui--color_background_secondary--active: #e1e3e6;
    --vkui--color_background_secondary_alpha: rgba(0, 0, 0, 0.04);
    --vkui--color_background_secondary_alpha--hover: rgba(0, 0, 0, 0.08);
    --vkui--color_background_secondary_alpha--active: rgba(0, 0, 0, 0.12);
    --vkui--color_background_tertiary: #f9f9f9;
    --vkui--color_background_tertiary--hover: #eff0f1;
    --vkui--color_background_tertiary--active: #e5e6ea;
    --vkui--color_background_contrast--hover: #f5f5f7;
    --vkui--color_background_contrast--active: #ebecef;
    --vkui--color_background_contrast_inverse--hover: #2b2c2f;
    --vkui--color_background_contrast_inverse--active: #292b2f;
    --vkui--color_background_modal: #fff;
    --vkui--color_background_modal--hover: #f5f5f7;
    --vkui--color_background_modal--active: #ebecef;
    --vkui--color_background_modal_inverse: #2d2d2e;
    --vkui--color_background_modal_inverse--hover: #2b2c2f;
    --vkui--color_background_modal_inverse--active: #292b2f;
    --vkui--color_background_warning: #fff2d6;
    --vkui--color_background_warning--hover: #f5e9d0;
    --vkui--color_background_warning--active: #ebe0ca;
    --vkui--color_background_positive--hover: #48ac4a;
    --vkui--color_background_positive--active: #45a64a;
    --vkui--color_background_negative: #e64646;
    --vkui--color_background_negative--hover: #dd4446;
    --vkui--color_background_negative--active: #d44245;
    --vkui--color_background_negative_tint: #faebeb;
    --vkui--color_background_negative_tint--hover: #f0e2e4;
    --vkui--color_background_negative_tint--active: #e6d9dd;
    --vkui--color_field_background: #f2f3f5;
    --vkui--color_field_background--hover: #e8eaee;
    --vkui--color_field_background--active: #dfe1e6;
    --vkui--color_header_background: #fff;
    --vkui--color_header_background--hover: #f5f5f7;
    --vkui--color_header_background--active: #ebecef;
    --vkui--color_text_accent: #2688eb;
    --vkui--color_text_accent--hover: #2483e4;
    --vkui--color_text_accent--active: #237edd;
    --vkui--color_text_accent_themed: #2688eb;
    --vkui--color_text_accent_themed--hover: #2483e4;
    --vkui--color_text_accent_themed--active: #237edd;
    --vkui--color_text_primary: #000;
    --vkui--color_text_primary--hover: #000102;
    --vkui--color_text_primary--active: #000105;
    --vkui--color_text_primary_invariably--hover: #000102;
    --vkui--color_text_primary_invariably--active: #000105;
    --vkui--color_text_secondary: #818c99;
    --vkui--color_text_secondary--hover: #7c8795;
    --vkui--color_text_secondary--active: #778292;
    --vkui--color_text_subhead: #6d7885;
    --vkui--color_text_subhead--hover: #697482;
    --vkui--color_text_subhead--active: #64707f;
    --vkui--color_text_tertiary: #99a2ad;
    --vkui--color_text_tertiary--hover: #939ca9;
    --vkui--color_text_tertiary--active: #8d96a4;
    --vkui--color_text_contrast--hover: #f5f5f7;
    --vkui--color_text_contrast--active: #ebecef;
    --vkui--color_text_contrast_themed: #fff;
    --vkui--color_text_contrast_themed--hover: #f5f5f7;
    --vkui--color_text_contrast_themed--active: #ebecef;
    --vkui--color_text_positive--hover: #48ac4a;
    --vkui--color_text_positive--active: #45a64a;
    --vkui--color_text_negative: #e64646;
    --vkui--color_text_negative--hover: #dd4446;
    --vkui--color_text_negative--active: #d44245;
    --vkui--color_text_link: #2d81e0;
    --vkui--color_text_link--hover: #2b7cd9;
    --vkui--color_text_link--active: #2978d3;
    --vkui--color_text_link_themed: #4986cc;
    --vkui--color_text_link_themed--hover: #4681c6;
    --vkui--color_text_link_themed--active: #437dc1;
    --vkui--color_text_link_visited--hover: #4681c6;
    --vkui--color_text_link_visited--active: #437dc1;
    --vkui--color_text_muted: #2c2d2e;
    --vkui--color_text_muted--hover: #2a2c2f;
    --vkui--color_text_muted--active: #282b2f;
    --vkui--color_link_contrast--hover: #f5f5f7;
    --vkui--color_link_contrast--active: #ebecef;
    --vkui--color_icon_accent: #2688eb;
    --vkui--color_icon_accent--hover: #2483e4;
    --vkui--color_icon_accent--active: #237edd;
    --vkui--color_icon_accent_themed: #2688eb;
    --vkui--color_icon_accent_themed--hover: #2483e4;
    --vkui--color_icon_accent_themed--active: #237edd;
    --vkui--color_icon_primary: #2c2d2e;
    --vkui--color_icon_primary--hover: #2a2c2f;
    --vkui--color_icon_primary--active: #282b2f;
    --vkui--color_icon_primary_invariably--hover: #2a2c2f;
    --vkui--color_icon_primary_invariably--active: #282b2f;
    --vkui--color_icon_medium: #818c99;
    --vkui--color_icon_medium--hover: #7c8795;
    --vkui--color_icon_medium--active: #778292;
    --vkui--color_icon_medium_alpha: rgba(0, 0, 0, 0.48);
    --vkui--color_icon_medium_alpha--hover: rgba(0, 0, 0, 0.52);
    --vkui--color_icon_medium_alpha--active: rgba(0, 0, 0, 0.56);
    --vkui--color_icon_secondary: #99a2ad;
    --vkui--color_icon_secondary--hover: #939ca9;
    --vkui--color_icon_secondary--active: #8d96a4;
    --vkui--color_icon_secondary_alpha: rgba(0, 0, 0, 0.36);
    --vkui--color_icon_secondary_alpha--hover: rgba(0, 0, 0, 0.4);
    --vkui--color_icon_secondary_alpha--active: rgba(0, 0, 0, 0.44);
    --vkui--color_icon_tertiary: #b8c1cc;
    --vkui--color_icon_tertiary--hover: #b1bac6;
    --vkui--color_icon_tertiary--active: #a9b3c1;
    --vkui--color_icon_tertiary_alpha: rgba(0, 0, 0, 0.24);
    --vkui--color_icon_tertiary_alpha--hover: rgba(0, 0, 0, 0.28);
    --vkui--color_icon_tertiary_alpha--active: rgba(0, 0, 0, 0.32);
    --vkui--color_icon_contrast--hover: #f5f5f7;
    --vkui--color_icon_contrast--active: #ebecef;
    --vkui--color_icon_contrast_themed: #fff;
    --vkui--color_icon_contrast_themed--hover: #f5f5f7;
    --vkui--color_icon_contrast_themed--active: #ebecef;
    --vkui--color_icon_contrast_secondary--hover: #e8eaee;
    --vkui--color_icon_contrast_secondary--active: #dfe1e6;
    --vkui--color_icon_positive--hover: #48ac4a;
    --vkui--color_icon_positive--active: #45a64a;
    --vkui--color_icon_negative: #e64646;
    --vkui--color_icon_negative--hover: #dd4446;
    --vkui--color_icon_negative--active: #d44245;
    --vkui--color_stroke_accent: #2688eb;
    --vkui--color_stroke_accent--hover: #2483e4;
    --vkui--color_stroke_accent--active: #237edd;
    --vkui--color_stroke_accent_themed: #2688eb;
    --vkui--color_stroke_accent_themed--hover: #2483e4;
    --vkui--color_stroke_accent_themed--active: #237edd;
    --vkui--color_separator_primary: #d7d8d9;
    --vkui--color_separator_primary--hover: #ced0d3;
    --vkui--color_separator_primary--active: #c6c8cd;
    --vkui--color_separator_primary2x: #cbcccd;
    --vkui--color_separator_primary2x--hover: #c3c4c7;
    --vkui--color_separator_primary2x--active: #bbbdc1;
    --vkui--color_separator_primary3x: #bebfc1;
    --vkui--color_separator_primary3x--hover: #b6b8bc;
    --vkui--color_separator_primary3x--active: #afb1b6;
    --vkui--color_separator_primary_alpha: rgba(0, 0, 0, 0.12);
    --vkui--color_separator_primary_alpha--hover: rgba(0, 0, 0, 0.16);
    --vkui--color_separator_primary_alpha--active: rgba(0, 0, 0, 0.2);
    --vkui--color_separator_secondary: #e1e3e6;
    --vkui--color_separator_secondary--hover: #d8dbdf;
    --vkui--color_separator_secondary--active: #cfd2d8;
    --vkui--color_stroke_positive--hover: #48ac4a;
    --vkui--color_stroke_positive--active: #45a64a;
    --vkui--color_stroke_negative: #e64646;
    --vkui--color_stroke_negative--hover: #dd4446;
    --vkui--color_stroke_negative--active: #d44245;
    --vkui--color_stroke_contrast--hover: #f5f5f7;
    --vkui--color_stroke_contrast--active: #ebecef;
    --vkui--color_image_border_alpha: rgba(0, 0, 0, 0.08);
    --vkui--color_image_border_alpha--hover: rgba(0, 0, 0, 0.12);
    --vkui--color_image_border_alpha--active: rgba(0, 0, 0, 0.16);
    --vkui--color_field_border_alpha: rgba(0, 0, 0, 0.12);
    --vkui--color_field_border_alpha--hover: rgba(0, 0, 0, 0.24);
    --vkui--color_field_border_alpha--active: rgba(0, 0, 0, 0.36);
    --vkui--color_accent_blue: #3f8ae0;
    --vkui--color_accent_blue--hover: #3c85d9;
    --vkui--color_accent_blue--active: #3a80d3;
    --vkui--color_accent_gray--hover: #9ca7b3;
    --vkui--color_accent_gray--active: #96a0ae;
    --vkui--color_accent_red--hover: #f53247;
    --vkui--color_accent_red--active: #eb3046;
    --vkui--color_accent_green--hover: #48ac4a;
    --vkui--color_accent_green--active: #45a64a;
    --vkui--color_accent_orange--hover: #f59a02;
    --vkui--color_accent_orange--active: #eb9405;
    --vkui--color_accent_purple--hover: #6e59df;
    --vkui--color_accent_purple--active: #6a56d8;
    --vkui--color_accent_violet--hover: #742dbb;
    --vkui--color_accent_violet--active: #6f2cb6;
    --vkui--color_accent_secondary--hover: #3c85d9;
    --vkui--color_accent_secondary--active: #3a80d3;
    --vkui--color_action_sheet_text: #3f8ae0;
    --vkui--color_action_sheet_text--hover: #3c85d9;
    --vkui--color_action_sheet_text--active: #3a80d3;
    --vkui--color_image_placeholder: #f2f3f5;
    --vkui--color_image_placeholder--hover: #e8eaee;
    --vkui--color_image_placeholder--active: #dfe1e6;
    --vkui--color_image_placeholder_alpha: rgba(0, 28, 61, 0.08);
    --vkui--color_image_placeholder_alpha--hover: rgba(0, 28, 61, 0.12);
    --vkui--color_image_placeholder_alpha--active: rgba(0, 28, 61, 0.16);
    --vkui--color_skeleton_from--hover: #ebecee;
    --vkui--color_skeleton_from--active: #e1e3e6;
    --vkui--color_skeleton_to--hover: #d8dbdf;
    --vkui--color_skeleton_to--active: #cfd2d8;
    --vkui--color_write_bar_icon: #3f8ae0;
    --vkui--color_write_bar_icon--hover: #3c85d9;
    --vkui--color_write_bar_icon--active: #3a80d3;
    --vkui--color_write_bar_input_background: #f2f3f5;
    --vkui--color_write_bar_input_background--hover: #e8eaee;
    --vkui--color_write_bar_input_background--active: #dfe1e6;
    --vkui--color_write_bar_input_border_alpha: rgba(0, 0, 0, 0.08);
    --vkui--color_write_bar_input_border_alpha--hover: rgba(0, 0, 0, 0.12);
    --vkui--color_write_bar_input_border_alpha--active: rgba(0, 0, 0, 0.16);
    --vkui--color_track_background: #e1e3e6;
    --vkui--color_track_background--hover: #d8dbdf;
    --vkui--color_track_background--active: #cfd2d8;
    --vkui--color_track_buffer: #a0bfe4;
    --vkui--color_track_buffer--hover: #9ab8dd;
    --vkui--color_track_buffer--active: #93b1d7;
    --vkui--color_search_field_background: #ebedf0;
    --vkui--color_search_field_background--hover: #e2e4e9;
    --vkui--color_search_field_background--active: #d8dbe2;
    --vkui--color_panel_header_icon: #2688eb;
    --vkui--color_panel_header_icon--hover: #2483e4;
    --vkui--color_panel_header_icon--active: #237edd;
    --vkui--color_segmented_control: #fff;
    --vkui--color_segmented_control--hover: #f5f5f7;
    --vkui--color_segmented_control--active: #ebecef;
    --vkui--color_transparent--hover: rgba(0, 16, 61, 0.04);
    --vkui--color_transparent--active: rgba(0, 16, 61, 0.08)
}

.vkui--vkBase--dark, .vkui--vkBase--light, .vkui--vkCom--dark, .vkui--vkCom--light, :root {
    --vkui--size_border_radius--regular: 8px;
    --vkui--size_card_border_radius--regular: 8px;
    --vkui--size_base_padding_horizontal--regular: 16px
}

.vkui--vkBase--dark {
    --vkui--theme_name: "vkBaseDark"
}

.vkui--vkBase--dark, .vkui--vkCom--dark, .vkui--vkIOS--dark {
    --vkui--gradient_tint: rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, #202021 100%;
    --vkui--colors_scheme: dark;
    --vkui--color_background_accent: #529ef4;
    --vkui--color_background_accent--hover: #59a2f4;
    --vkui--color_background_accent--active: #60a6f5;
    --vkui--color_background_accent_themed: #fff;
    --vkui--color_background_accent_themed--hover: #fff;
    --vkui--color_background_accent_themed--active: #fff;
    --vkui--color_background_accent_tint--hover: #61a2ff;
    --vkui--color_background_accent_tint--active: #67a6ff;
    --vkui--color_background_accent_alternative: #529ef4;
    --vkui--color_background_accent_alternative--hover: #59a2f4;
    --vkui--color_background_accent_alternative--active: #60a6f5;
    --vkui--color_background: #0a0a0a;
    --vkui--color_background--hover: #141414;
    --vkui--color_background--active: #1e1e1e;
    --vkui--color_background_content: #19191a;
    --vkui--color_background_content--hover: #222223;
    --vkui--color_background_content--active: #2b2b2c;
    --vkui--color_background_secondary: #232324;
    --vkui--color_background_secondary--hover: #2c2c2d;
    --vkui--color_background_secondary--active: #353536;
    --vkui--color_background_secondary_alpha: hsla(0, 0%, 100%, 0.04);
    --vkui--color_background_secondary_alpha--hover: hsla(0, 0%, 100%, 0.08);
    --vkui--color_background_secondary_alpha--active: hsla(0, 0%, 100%, 0.12);
    --vkui--color_background_tertiary: #202021;
    --vkui--color_background_tertiary--hover: #29292a;
    --vkui--color_background_tertiary--active: #323233;
    --vkui--color_background_contrast--hover: #fff;
    --vkui--color_background_contrast--active: #fff;
    --vkui--color_background_contrast_inverse--hover: #353536;
    --vkui--color_background_contrast_inverse--active: #3e3e3f;
    --vkui--color_background_modal: #2d2d2e;
    --vkui--color_background_modal--hover: #353536;
    --vkui--color_background_modal--active: #3e3e3f;
    --vkui--color_background_modal_inverse: #fff;
    --vkui--color_background_modal_inverse--hover: #fff;
    --vkui--color_background_modal_inverse--active: #fff;
    --vkui--color_background_warning: #887244;
    --vkui--color_background_warning--hover: #8d784b;
    --vkui--color_background_warning--active: #927d53;
    --vkui--color_background_positive--hover: #52b652;
    --vkui--color_background_positive--active: #59b959;
    --vkui--color_background_negative: #ff5c5c;
    --vkui--color_background_negative--hover: #ff6363;
    --vkui--color_background_negative--active: #ff6969;
    --vkui--color_background_negative_tint: #522e2e;
    --vkui--color_background_negative_tint--hover: #593636;
    --vkui--color_background_negative_tint--active: #603f3f;
    --vkui--color_field_background: #292929;
    --vkui--color_field_background--hover: #323232;
    --vkui--color_field_background--active: #3a3a3a;
    --vkui--color_header_background: #19191a;
    --vkui--color_header_background--hover: #222223;
    --vkui--color_header_background--active: #2b2b2c;
    --vkui--color_text_accent: #529ef4;
    --vkui--color_text_accent--hover: #59a2f4;
    --vkui--color_text_accent--active: #60a6f5;
    --vkui--color_text_accent_themed: #fff;
    --vkui--color_text_accent_themed--hover: #fff;
    --vkui--color_text_accent_themed--active: #fff;
    --vkui--color_text_primary: #e1e3e6;
    --vkui--color_text_primary--hover: #e2e4e7;
    --vkui--color_text_primary--active: #e3e5e8;
    --vkui--color_text_primary_invariably--hover: #0a0a0a;
    --vkui--color_text_primary_invariably--active: #141414;
    --vkui--color_text_secondary: #76787a;
    --vkui--color_text_secondary--hover: #7b7d7f;
    --vkui--color_text_secondary--active: #818385;
    --vkui--color_text_subhead: #c1c3c6;
    --vkui--color_text_subhead--hover: #c3c5c8;
    --vkui--color_text_subhead--active: #c6c8cb;
    --vkui--color_text_tertiary: #636567;
    --vkui--color_text_tertiary--hover: #696b6d;
    --vkui--color_text_tertiary--active: #6f7173;
    --vkui--color_text_contrast--hover: #fff;
    --vkui--color_text_contrast--active: #fff;
    --vkui--color_text_contrast_themed: #000;
    --vkui--color_text_contrast_themed--hover: #0a0a0a;
    --vkui--color_text_contrast_themed--active: #141414;
    --vkui--color_text_positive--hover: #52b652;
    --vkui--color_text_positive--active: #59b959;
    --vkui--color_text_negative: #ff5c5c;
    --vkui--color_text_negative--hover: #ff6363;
    --vkui--color_text_negative--active: #ff6969;
    --vkui--color_text_link: #529ef4;
    --vkui--color_text_link--hover: #59a2f4;
    --vkui--color_text_link--active: #60a6f5;
    --vkui--color_text_link_themed: #fff;
    --vkui--color_text_link_themed--hover: #fff;
    --vkui--color_text_link_themed--active: #fff;
    --vkui--color_text_link_visited--hover: #508bce;
    --vkui--color_text_link_visited--active: #5890d0;
    --vkui--color_text_muted: #e1e3e6;
    --vkui--color_text_muted--hover: #e2e4e7;
    --vkui--color_text_muted--active: #e3e5e8;
    --vkui--color_link_contrast--hover: #fff;
    --vkui--color_link_contrast--active: #fff;
    --vkui--color_icon_accent: #529ef4;
    --vkui--color_icon_accent--hover: #59a2f4;
    --vkui--color_icon_accent--active: #60a6f5;
    --vkui--color_icon_accent_themed: #fff;
    --vkui--color_icon_accent_themed--hover: #fff;
    --vkui--color_icon_accent_themed--active: #fff;
    --vkui--color_icon_primary: #e1e3e6;
    --vkui--color_icon_primary--hover: #e2e4e7;
    --vkui--color_icon_primary--active: #e3e5e8;
    --vkui--color_icon_primary_invariably--hover: #343536;
    --vkui--color_icon_primary_invariably--active: #3d3e3f;
    --vkui--color_icon_medium: #b0b1b6;
    --vkui--color_icon_medium--hover: #b3b4b9;
    --vkui--color_icon_medium--active: #b6b7bc;
    --vkui--color_icon_medium_alpha: rgba(241, 247, 255, 0.66);
    --vkui--color_icon_medium_alpha--hover: rgba(241, 247, 255, 0.7);
    --vkui--color_icon_medium_alpha--active: rgba(241, 247, 255, 0.74);
    --vkui--color_icon_secondary: #76787a;
    --vkui--color_icon_secondary--hover: #7b7d7f;
    --vkui--color_icon_secondary--active: #818385;
    --vkui--color_icon_secondary_alpha: rgba(0, 0, 0, 0.43);
    --vkui--color_icon_secondary_alpha--hover: rgba(0, 0, 0, 0.47);
    --vkui--color_icon_secondary_alpha--active: rgba(0, 0, 0, 0.51);
    --vkui--color_icon_tertiary: #5d5f61;
    --vkui--color_icon_tertiary--hover: #636567;
    --vkui--color_icon_tertiary--active: #6a6c6e;
    --vkui--color_icon_tertiary_alpha: hsla(0, 0%, 100%, 0.3);
    --vkui--color_icon_tertiary_alpha--hover: hsla(0, 0%, 100%, 0.34);
    --vkui--color_icon_tertiary_alpha--active: hsla(0, 0%, 100%, 0.38);
    --vkui--color_icon_contrast--hover: #fff;
    --vkui--color_icon_contrast--active: #fff;
    --vkui--color_icon_contrast_themed: #000;
    --vkui--color_icon_contrast_themed--hover: #0a0a0a;
    --vkui--color_icon_contrast_themed--active: #141414;
    --vkui--color_icon_contrast_secondary--hover: #f3f3f5;
    --vkui--color_icon_contrast_secondary--active: #f3f4f6;
    --vkui--color_icon_positive--hover: #52b652;
    --vkui--color_icon_positive--active: #59b959;
    --vkui--color_icon_negative: #ff5c5c;
    --vkui--color_icon_negative--hover: #ff6363;
    --vkui--color_icon_negative--active: #ff6969;
    --vkui--color_stroke_accent: #529ef4;
    --vkui--color_stroke_accent--hover: #59a2f4;
    --vkui--color_stroke_accent--active: #60a6f5;
    --vkui--color_stroke_accent_themed: #fff;
    --vkui--color_stroke_accent_themed--hover: #fff;
    --vkui--color_stroke_accent_themed--active: #fff;
    --vkui--color_separator_primary: #363738;
    --vkui--color_separator_primary--hover: #3e3f40;
    --vkui--color_separator_primary--active: #464748;
    --vkui--color_separator_primary2x: #444546;
    --vkui--color_separator_primary2x--hover: #4b4c4d;
    --vkui--color_separator_primary2x--active: #535455;
    --vkui--color_separator_primary3x: #505253;
    --vkui--color_separator_primary3x--hover: #57595a;
    --vkui--color_separator_primary3x--active: #5e6061;
    --vkui--color_separator_primary_alpha: hsla(0, 0%, 100%, 0.12);
    --vkui--color_separator_primary_alpha--hover: hsla(0, 0%, 100%, 0.16);
    --vkui--color_separator_primary_alpha--active: hsla(0, 0%, 100%, 0.2);
    --vkui--color_separator_secondary: #141415;
    --vkui--color_separator_secondary--hover: #1d1d1e;
    --vkui--color_separator_secondary--active: #272728;
    --vkui--color_stroke_positive--hover: #52b652;
    --vkui--color_stroke_positive--active: #59b959;
    --vkui--color_stroke_negative: #ff5c5c;
    --vkui--color_stroke_negative--hover: #ff6363;
    --vkui--color_stroke_negative--active: #ff6969;
    --vkui--color_stroke_contrast--hover: #fff;
    --vkui--color_stroke_contrast--active: #fff;
    --vkui--color_image_border_alpha: hsla(0, 0%, 100%, 0.08);
    --vkui--color_image_border_alpha--hover: hsla(0, 0%, 100%, 0.12);
    --vkui--color_image_border_alpha--active: hsla(0, 0%, 100%, 0.16);
    --vkui--color_field_border_alpha: hsla(0, 0%, 100%, 0.12);
    --vkui--color_field_border_alpha--hover: hsla(0, 0%, 100%, 0.16);
    --vkui--color_field_border_alpha--active: hsla(0, 0%, 100%, 0.2);
    --vkui--color_accent_blue: #529ef4;
    --vkui--color_accent_blue--hover: #59a2f4;
    --vkui--color_accent_blue--active: #60a6f5;
    --vkui--color_accent_gray--hover: #a7b0bb;
    --vkui--color_accent_gray--active: #aab4be;
    --vkui--color_accent_red--hover: #ff3b4e;
    --vkui--color_accent_red--active: #ff4356;
    --vkui--color_accent_green--hover: #52b652;
    --vkui--color_accent_green--active: #59b959;
    --vkui--color_accent_orange--hover: #ffa40a;
    --vkui--color_accent_orange--active: #ffa814;
    --vkui--color_accent_purple--hover: #7963e7;
    --vkui--color_accent_purple--active: #7e69e8;
    --vkui--color_accent_violet--hover: #7e36c3;
    --vkui--color_accent_violet--active: #843fc5;
    --vkui--color_accent_secondary--hover: #478fe1;
    --vkui--color_accent_secondary--active: #4e93e2;
    --vkui--color_image_placeholder: #2a2b2c;
    --vkui--color_image_placeholder--hover: #333334;
    --vkui--color_image_placeholder--active: #3b3c3d;
    --vkui--color_image_placeholder_alpha: rgba(241, 247, 255, 0.08);
    --vkui--color_image_placeholder_alpha--hover: rgba(241, 247, 255, 0.12);
    --vkui--color_image_placeholder_alpha--active: rgba(241, 247, 255, 0.16);
    --vkui--color_skeleton_from--hover: #f5f5f5;
    --vkui--color_skeleton_from--active: #f6f6f6;
    --vkui--color_skeleton_to--hover: #e2e4e7;
    --vkui--color_skeleton_to--active: #e3e5e8;
    --vkui--color_write_bar_icon: #529ef4;
    --vkui--color_write_bar_icon--hover: #59a2f4;
    --vkui--color_write_bar_icon--active: #60a6f5;
    --vkui--color_write_bar_input_background: #232324;
    --vkui--color_write_bar_input_background--hover: #2c2c2d;
    --vkui--color_write_bar_input_background--active: #353536;
    --vkui--color_write_bar_input_border_alpha: hsla(0, 0%, 100%, 0.8);
    --vkui--color_write_bar_input_border_alpha--hover: hsla(0, 0%, 100%, 0.84);
    --vkui--color_write_bar_input_border_alpha--active: hsla(0, 0%, 100%, 0.88);
    --vkui--color_action_sheet_text: #529ef4;
    --vkui--color_action_sheet_text--hover: #59a2f4;
    --vkui--color_action_sheet_text--active: #60a6f5;
    --vkui--color_track_background: #454647;
    --vkui--color_track_background--hover: #4c4d4e;
    --vkui--color_track_background--active: #545556;
    --vkui--color_track_buffer: #405772;
    --vkui--color_track_buffer--hover: #485e78;
    --vkui--color_track_buffer--active: #4f647d;
    --vkui--color_search_field_background: #363738;
    --vkui--color_search_field_background--hover: #3e3f40;
    --vkui--color_search_field_background--active: #464748;
    --vkui--color_panel_header_icon: #71aaeb;
    --vkui--color_panel_header_icon--hover: #77adec;
    --vkui--color_panel_header_icon--active: #7cb1ed;
    --vkui--color_segmented_control: #626364;
    --vkui--color_segmented_control--hover: #68696a;
    --vkui--color_segmented_control--active: #6f6f70;
    --vkui--color_transparent--hover: hsla(0, 0%, 100%, 0.04);
    --vkui--color_transparent--active: hsla(0, 0%, 100%, 0.08)
}

.vkui--vkBase--dark, .vkui--vkCom--light, .vkui--vkIOS--light {
    --vkui--theme_inherits_from: "vkBase"
}

.vkui--vkIOS--light {
    --vkui--theme_name: "vkIOS"
}

.vkui--vkIOS--dark, .vkui--vkIOS--light {
    --vkui--theme_name_base: "vkIOS";
    --vkui--size_border_radius--regular: 10px;
    --vkui--size_card_border_radius--regular: 10px;
    --vkui--size_base_padding_horizontal--regular: 12px;
    --vkui--size_switch_height--regular: 31px;
    --vkui--size_switch_height--compact: 27px;
    --vkui--size_switch_width--regular: 51px;
    --vkui--size_switch_width--compact: 47px;
    --vkui--size_switch_pin--regular: 27px;
    --vkui--size_switch_pin--compact: 23px;
    --vkui--size_panel_header_height--regular: 52px
}

.vkui--vkIOS--dark {
    --vkui--theme_name: "vkIOSDark"
}

.vkui--vkCom--dark, .vkui--vkIOS--dark {
    --vkui--theme_inherits_from: "vkBaseDark"
}

.vkui--vkCom--light {
    --vkui--theme_name: "vkCom"
}

.vkui--vkCom--dark, .vkui--vkCom--light {
    --vkui--theme_name_base: "vkCom";
    --vkui--size_switch_height--regular: 10px;
    --vkui--size_switch_height--compact: 10px;
    --vkui--size_switch_width--regular: 27px;
    --vkui--size_switch_width--compact: 27px;
    --vkui--size_switch_pin--regular: 16px;
    --vkui--size_switch_pin--compact: 16px;
    --vkui--size_panel_header_height--regular: 48px
}

.vkui--vkCom--dark {
    --vkui--theme_name: "vkComDark"
}

.vkui__portal-root, .vkui__root {
    --font-common: var(--palette-vk-font, -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif);
    --font-tt: "TT Commons", -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    --font-display: "VK Sans Display", -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    --ios-easing: cubic-bezier(0.36, 0.66, 0.04, 1);
    --android-easing: cubic-bezier(0.4, 0, 0.2, 1);
    --tabbar_height: 48px;
    --panelheader_height: 56px;
    --panelheader_height_ios: 52px;
    --panelheader_height_vkcom: 48px;
    --search_default_height: 36px;
    --thin-border: 1px;
    --popover-safe-zone-padding: 8px;
    --formitem_padding: 16px;
    --white: #fff;
    --blue_200: #5c9ce6;
    --safe-area-inset-top: 0px;
    --safe-area-inset-right: 0px;
    --safe-area-inset-bottom: 0px;
    --safe-area-inset-left: 0px;
    --duration: 0.7s
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .vkui__portal-root, .vkui__root {
        --thin-border: 0.5px
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-resolution: 3dppx) {
    .vkui__portal-root, .vkui__root {
        --thin-border: 0.33px
    }
}

@supports (padding-top:constant(safe-area-inset-top)) {
    .vkui__portal-root, .vkui__root {
        --safe-area-inset-top: constant(safe-area-inset-top);
        --safe-area-inset-right: constant(safe-area-inset-right);
        --safe-area-inset-bottom: constant(safe-area-inset-bottom);
        --safe-area-inset-left: constant(safe-area-inset-left)
    }
}

@supports (padding-top:env(safe-area-inset-top)) {
    .vkui__portal-root, .vkui__root {
        --safe-area-inset-top: env(safe-area-inset-top);
        --safe-area-inset-right: env(safe-area-inset-right);
        --safe-area-inset-bottom: env(safe-area-inset-bottom);
        --safe-area-inset-left: env(safe-area-inset-left)
    }
}

@-webkit-keyframes vkui-rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes vkui-rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes vkui-popper-fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes vkui-popper-fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.vkui__root--embedded {
    overflow-x: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.vkuiAppRoot {
    height: 100%
}

.vkui__root--embedded .vkuiAppRoot {
    overflow: auto
}

.vkui--sizeX-regular {
    background: #ebedf0;
    background: #ebedf0;
    background: var(--background_page, var(--vkui--color_background))
}

.vkuiAppRoot--no-mouse {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vkuiTitle {
    display: block;
    margin: 0
}

.vkuiTitle--l-1 {
    font-size: 24px;
    font-size: 24px;
    font-size: var(--vkui--font_title1--font_size--regular, 24px);
    font-weight: 600;
    font-weight: 600;
    font-weight: var(--vkui--font_title1--font_weight--regular, 600);
    line-height: 28px;
    line-height: 28px;
    line-height: var(--vkui--font_title1--line_height--regular, 28px)
}

.vkuiTitle--l-2 {
    font-size: 20px;
    font-size: 20px;
    font-size: var(--vkui--font_title2--font_size--regular, 20px);
    font-weight: 600;
    font-weight: 600;
    font-weight: var(--vkui--font_title2--font_weight--regular, 600);
    line-height: 24px;
    line-height: 24px;
    line-height: var(--vkui--font_title2--line_height--regular, 24px)
}

.vkuiTitle--l-3 {
    font-size: 17px;
    font-size: 17px;
    font-size: var(--vkui--font_title3--font_size--regular, 17px);
    font-weight: 600;
    font-weight: 600;
    font-weight: var(--vkui--font_title3--font_weight--regular, 600);
    line-height: 22px;
    line-height: 22px;
    line-height: var(--vkui--font_title3--line_height--regular, 22px)
}

.vkuiTitle--w-regular {
    font-weight: 400
}

.vkuiTitle--w-medium {
    font-weight: 500
}

.vkuiTitle--w-semibold {
    font-weight: 600
}

.vkuiTitle--w-bold {
    font-weight: 700
}

.vkuiTitle--w-heavy {
    font-weight: 800
}

.vkuiTitle--w-1 {
    font-weight: 600;
    font-weight: 600;
    font-weight: var(--vkui--font_weight_accent1, 600)
}

.vkuiTitle--w-2 {
    font-weight: 500;
    font-weight: 500;
    font-weight: var(--vkui--font_weight_accent2, 500)
}

.vkuiTitle--w-3 {
    font-weight: 400;
    font-weight: 400;
    font-weight: var(--vkui--font_weight_accent3, 400)
}

.vkuiHeadline {
    display: block;
    margin: 0
}

.vkuiHeadline--l-1 {
    font-size: 16px;
    font-size: 16px;
    font-size: var(--vkui--font_headline1--font_size--regular, 16px);
    font-weight: 500;
    font-weight: 500;
    font-weight: var(--vkui--font_headline1--font_weight--regular, 500);
    line-height: 20px;
    line-height: 20px;
    line-height: var(--vkui--font_headline1--line_height--regular, 20px)
}

.vkuiHeadline--l-2 {
    font-size: 15px;
    font-size: 15px;
    font-size: var(--vkui--font_headline2--font_size--regular, 15px);
    font-weight: 500;
    font-weight: 500;
    font-weight: var(--vkui--font_headline2--font_weight--regular, 500);
    line-height: 20px;
    line-height: 20px;
    line-height: var(--vkui--font_headline2--line_height--regular, 20px)
}

.vkuiHeadline--sizeY-compact.vkuiHeadline--l-1 {
    font-size: 15px;
    font-size: 15px;
    font-size: var(--vkui--font_headline1--font_size--compact, 15px);
    line-height: 20px;
    line-height: 20px;
    line-height: var(--vkui--font_headline1--line_height--compact, 20px)
}

.vkuiHeadline--sizeY-compact.vkuiHeadline--l-2 {
    font-size: 14px;
    font-size: 14px;
    font-size: var(--vkui--font_headline2--font_size--compact, 14px);
    line-height: 20px;
    line-height: 20px;
    line-height: var(--vkui--font_headline2--line_height--compact, 20px)
}

.vkuiHeadline--w-regular {
    font-weight: 400
}

.vkuiHeadline--w-medium {
    font-weight: 500
}

.vkuiHeadline--w-semibold {
    font-weight: 600
}

.vkuiHeadline--android.vkuiHeadline--w-semibold {
    font-weight: 500
}

.vkuiHeadline--w-1 {
    font-weight: 600;
    font-weight: 600;
    font-weight: var(--vkui--font_weight_accent1, 600)
}

.vkuiHeadline--w-2 {
    font-weight: 500;
    font-weight: 500;
    font-weight: var(--vkui--font_weight_accent2, 500)
}

.vkuiHeadline--w-3 {
    font-weight: 400;
    font-weight: 400;
    font-weight: var(--vkui--font_weight_accent3, 400)
}

.vkuiPanelHeaderContent__children .vkuiHeadline {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vkuiText {
    display: block;
    font-size: 16px;
    font-size: 16px;
    font-size: var(--vkui--font_text--font_size--regular, 16px);
    font-weight: 400;
    font-weight: 400;
    font-weight: var(--vkui--font_text--font_weight--regular, 400);
    line-height: 20px;
    line-height: 20px;
    line-height: var(--vkui--font_text--line_height--regular, 20px);
    margin: 0
}

.vkuiText--sizeY-compact {
    font-size: 15px;
    font-size: 15px;
    font-size: var(--vkui--font_text--font_size--compact, 15px);
    line-height: 20px;
    line-height: 20px;
    line-height: var(--vkui--font_text--line_height--compact, 20px)
}

.vkuiText--w-regular {
    font-weight: 400
}

.vkuiText--w-medium {
    font-weight: 500
}

.vkuiText--w-1, .vkuiText--w-semibold {
    font-weight: 600
}

.vkuiText--w-1 {
    font-weight: 600;
    font-weight: var(--vkui--font_weight_accent1, 600)
}

.vkuiText--w-2 {
    font-weight: 500;
    font-weight: 500;
    font-weight: var(--vkui--font_weight_accent2, 500)
}

.vkuiText--w-3 {
    font-weight: 400;
    font-weight: 400;
    font-weight: var(--vkui--font_weight_accent3, 400)
}

.vkuiPanelHeaderContent__children .vkuiText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vkuiParagraph {
    font-size: 15px;
    font-size: 15px;
    font-size: var(--vkui--font_paragraph--font_size--regular, 15px);
    font-weight: 400;
    font-weight: 400;
    font-weight: var(--vkui--font_paragraph--font_weight--regular, 400);
    line-height: 20px;
    line-height: 20px;
    line-height: var(--vkui--font_paragraph--line_height--regular, 20px)
}

.vkuiParagraph--w-1 {
    font-weight: 600;
    font-weight: 600;
    font-weight: var(--vkui--font_weight_accent1, 600)
}

.vkuiParagraph--w-2 {
    font-weight: 500;
    font-weight: 500;
    font-weight: var(--vkui--font_weight_accent2, 500)
}

.vkuiParagraph--w-3 {
    font-weight: 400;
    font-weight: 400;
    font-weight: var(--vkui--font_weight_accent3, 400)
}

.vkuiSubhead {
    font-size: 14px;
    font-size: 14px;
    font-size: var(--vkui--font_subhead--font_size--regular, 14px);
    font-weight: 400;
    font-weight: 400;
    font-weight: var(--vkui--font_subhead--font_weight--regular, 400);
    line-height: 18px;
    line-height: 18px;
    line-height: var(--vkui--font_subhead--line_height--regular, 18px);
    margin: 0
}

.vkuiSubhead--sizeY-compact {
    font-size: 13px;
    font-size: 13px;
    font-size: var(--vkui--font_subhead--font_size--compact, 13px);
    line-height: 16px;
    line-height: 16px;
    line-height: var(--vkui--font_subhead--line_height--compact, 16px)
}

.vkuiSubhead--w-regular {
    font-weight: 400
}

.vkuiSubhead--w-medium {
    font-weight: 500
}

.vkuiSubhead--w-semibold {
    font-weight: 600
}

.vkuiSubhead--w-bold {
    font-weight: 700
}

.vkuiSubhead--w-1 {
    font-weight: 600;
    font-weight: 600;
    font-weight: var(--vkui--font_weight_accent1, 600)
}

.vkuiSubhead--w-2 {
    font-weight: 500;
    font-weight: 500;
    font-weight: var(--vkui--font_weight_accent2, 500)
}

.vkuiSubhead--w-3 {
    font-weight: 400;
    font-weight: 400;
    font-weight: var(--vkui--font_weight_accent3, 400)
}

.vkuiFootnote {
    display: block;
    font-size: 13px;
    font-size: 13px;
    font-size: var(--vkui--font_footnote--font_size--regular, 13px);
    font-weight: 400;
    font-weight: 400;
    font-weight: var(--vkui--font_footnote--font_weight--regular, 400);
    line-height: 16px;
    line-height: 16px;
    line-height: var(--vkui--font_footnote--line_height--regular, 16px);
    margin: 0
}

.vkuiFootnote--caps {
    font-size: 13px;
    font-size: 13px;
    font-size: var(--vkui--font_footnote_caps--font_size--regular, 13px);
    font-weight: 400;
    font-weight: 400;
    font-weight: var(--vkui--font_footnote_caps--font_weight--regular, 400);
    line-height: 16px;
    line-height: 16px;
    line-height: var(--vkui--font_footnote_caps--line_height--regular, 16px);
    text-transform: uppercase
}

.vkuiFootnote--w-1 {
    font-weight: 600;
    font-weight: 600;
    font-weight: var(--vkui--font_weight_accent1, 600)
}

.vkuiFootnote--w-2 {
    font-weight: 500;
    font-weight: 500;
    font-weight: var(--vkui--font_weight_accent2, 500)
}

.vkuiFootnote--w-3 {
    font-weight: 400;
    font-weight: 400;
    font-weight: var(--vkui--font_weight_accent3, 400)
}

.vkuiCaption {
    display: block;
    margin: 0
}

.vkuiCaption--caps {
    text-transform: uppercase
}

.vkuiCaption--l-1 {
    font-size: 13px;
    font-size: 13px;
    font-size: var(--vkui--font_footnote--font_size--regular, 13px);
    font-weight: 400;
    font-weight: 400;
    font-weight: var(--vkui--font_footnote--font_weight--regular, 400);
    line-height: 16px;
    line-height: 16px;
    line-height: var(--vkui--font_footnote--line_height--regular, 16px)
}

.vkuiCaption--l-1.vkuiCaption--caps {
    font-size: 13px;
    font-size: 13px;
    font-size: var(--vkui--font_footnote_caps--font_size--regular, 13px);
    font-weight: 400;
    font-weight: 400;
    font-weight: var(--vkui--font_footnote_caps--font_weight--regular, 400);
    line-height: 16px;
    line-height: 16px;
    line-height: var(--vkui--font_footnote_caps--line_height--regular, 16px)
}

.vkuiCaption--l-2 {
    font-size: 12px;
    font-size: 12px;
    font-size: var(--vkui--font_caption1--font_size--regular, 12px);
    font-weight: 400;
    font-weight: 400;
    font-weight: var(--vkui--font_caption1--font_weight--regular, 400);
    line-height: 14px;
    line-height: 14px;
    line-height: var(--vkui--font_caption1--line_height--regular, 14px)
}

.vkuiCaption--l-2.vkuiCaption--caps {
    font-size: 12px;
    font-size: 12px;
    font-size: var(--vkui--font_caption1_caps--font_size--regular, 12px);
    font-weight: 600;
    font-weight: 600;
    font-weight: var(--vkui--font_caption1_caps--font_weight--regular, 600);
    line-height: 14px;
    line-height: 14px;
    line-height: var(--vkui--font_caption1_caps--line_height--regular, 14px)
}

.vkuiCaption--l-3 {
    font-size: 11px;
    font-size: 11px;
    font-size: var(--vkui--font_caption2--font_size--regular, 11px);
    font-weight: 400;
    font-weight: 400;
    font-weight: var(--vkui--font_caption2--font_weight--regular, 400);
    line-height: 14px;
    line-height: 14px;
    line-height: var(--vkui--font_caption2--line_height--regular, 14px)
}

.vkuiCaption--l-3.vkuiCaption--caps {
    font-size: 11px;
    font-size: 11px;
    font-size: var(--vkui--font_caption2_caps--font_size--regular, 11px);
    font-weight: 600;
    font-weight: 600;
    font-weight: var(--vkui--font_caption2_caps--font_weight--regular, 600);
    line-height: 14px;
    line-height: 14px;
    line-height: var(--vkui--font_caption2_caps--line_height--regular, 14px)
}

.vkuiCaption--l-4 {
    font-size: 9px;
    font-size: 9px;
    font-size: var(--vkui--font_caption3--font_size--regular, 9px);
    font-weight: 400;
    font-weight: 400;
    font-weight: var(--vkui--font_caption3--font_weight--regular, 400);
    line-height: 12px;
    line-height: 12px;
    line-height: var(--vkui--font_caption3--line_height--regular, 12px)
}

.vkuiCaption--l-4.vkuiCaption--caps {
    font-size: 9px;
    font-size: 9px;
    font-size: var(--vkui--font_caption3_caps--font_size--regular, 9px);
    font-weight: 600;
    font-weight: 600;
    font-weight: var(--vkui--font_caption3_caps--font_weight--regular, 600);
    line-height: 12px;
    line-height: 12px;
    line-height: var(--vkui--font_caption3_caps--line_height--regular, 12px)
}

.vkuiCaption.vkuiCaption--w-1 {
    font-weight: 600;
    font-weight: 600;
    font-weight: var(--vkui--font_weight_accent1, 600)
}

.vkuiCaption.vkuiCaption--w-2 {
    font-weight: 500;
    font-weight: 500;
    font-weight: var(--vkui--font_weight_accent2, 500)
}

.vkuiCaption.vkuiCaption--w-3 {
    font-weight: 400;
    font-weight: 400;
    font-weight: var(--vkui--font_weight_accent3, 400)
}

.vkuiCaption--w-regular {
    font-weight: 400
}

.vkuiCaption--w-medium {
    font-weight: 500
}

.vkuiCaption--w-semibold {
    font-weight: 600
}

.vkuiCaption--w-bold {
    font-weight: 700
}

.vkuiTappable {
    border-radius: 8px;
    border-radius: 8px;
    border-radius: var(--vkui--size_border_radius--regular, 8px);
    cursor: default;
    position: relative;
    transition: background-color .15s ease-out
}

.vkuiTappable--hasActive, .vkuiTappable--hasHover {
    cursor: pointer
}

.vkuiTappable[aria-disabled=true], .vkuiTappable[disabled] {
    cursor: default
}

.vkuiTappable--focus-visible {
    outline: none
}

.vkuiTappable--active-background.vkuiTappable--active-background.vkuiTappable--active-background {
    background-color: rgba(0, 0, 0, .08);
    background-color: rgba(0, 0, 0, .08);
    background-color: var(--background_highlighted, var(--vkui--color_transparent--active))
}

.vkuiTappable--active-opacity.vkuiTappable--active-opacity.vkuiTappable--active-opacity {
    opacity: .7
}

.vkuiTappable__hoverShadow {
    border-radius: inherit;
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.vkuiTappable--hover-background > .vkuiTappable__hoverShadow {
    background-color: rgba(0, 0, 0, .04);
    background-color: rgba(0, 0, 0, .04);
    background-color: var(--background_hover, var(--vkui--color_transparent--hover))
}

.vkuiTappable--hover-opacity {
    opacity: .8
}

.vkuiTappable--mouse {
    transition: opacity .15s ease-out
}

.vkuiTappable--mouse .vkuiTappable__hoverShadow {
    transition: background-color .15s ease-out
}

.vkuiTappable--ios.vkuiTappable--active-background {
    transition: none
}

.vkuiTappable .vkuiTappable__waves {
    border-radius: inherit;
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    will-change: transform
}

.vkuiTappable .vkuiTappable__wave {
    -webkit-animation: vkui-animation-wave .3s cubic-bezier(.4, 0, .2, 1);
    animation: vkui-animation-wave .3s cubic-bezier(.4, 0, .2, 1);
    -webkit-animation: vkui-animation-wave .3s var(--android-easing);
    animation: vkui-animation-wave .3s var(--android-easing);
    background: hsla(0, 0%, 50%, .1);
    border-radius: 50%;
    content: "";
    height: 24px;
    left: 0;
    margin: -12px 0 0 -12px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 24px
}

.vkuiTappable--sizeX-compact {
    border-radius: 0
}

@-webkit-keyframes vkui-animation-wave {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    30% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: scale(8);
        transform: scale(8)
    }
}

@keyframes vkui-animation-wave {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    30% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: scale(8);
        transform: scale(8)
    }
}

.vkuiFixedLayout {
    box-sizing: border-box;
    left: auto;
    padding-left: 0;
    padding-left: var(--safe-area-inset-left);
    padding-right: 0;
    padding-right: var(--safe-area-inset-right);
    position: fixed;
    z-index: 3
}

.vkuiFixedLayout--filled {
    background: #fff;
    background: #fff;
    background: var(--background_content, var(--vkui--color_background_content))
}

.vkuiFixedLayout--top {
    top: 0;
    width: 100%
}

.vkuiFixedLayout--bottom {
    bottom: 0;
    padding-bottom: 0;
    padding-bottom: var(--safe-area-inset-bottom);
    width: 100%
}

.vkuiEpic .vkuiFixedLayout--bottom {
    padding-bottom: 48px;
    padding-bottom: calc(var(--tabbar_height) + var(--safe-area-inset-bottom))
}

.vkuiPanelHeader ~ * .vkuiFixedLayout--top:not(.vkuiPanelHeader__fixed), .vkuiPanelHeader ~ .vkuiFixedLayout--top {
    top: 56px;
    top: calc(var(--panelheader_height) + var(--safe-area-inset-top))
}

.vkuiPanelHeader--ios ~ * .vkuiFixedLayout--top:not(.vkuiPanelHeader__fixed), .vkuiPanelHeader--ios ~ .vkuiFixedLayout--top {
    top: 52px;
    top: calc(var(--panelheader_height_ios) + var(--safe-area-inset-top))
}

.vkuiPanelHeader--vkcom ~ * .vkuiFixedLayout--top:not(.vkuiPanelHeader__fixed), .vkuiPanelHeader--vkcom ~ .vkuiFixedLayout--top {
    top: 48px;
    top: calc(var(--panelheader_height_vkcom) + var(--safe-area-inset-top))
}

.vkuiButton {
    border: none;
    border-radius: 8px;
    border-radius: 8px;
    border-radius: var(--vkui--size_border_radius--regular, 8px);
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    min-height: 28px;
    min-height: 28px;
    min-height: var(--vkui--size_button_small_height--compact, 28px);
    min-width: 80px;
    min-width: 80px;
    min-width: var(--vkui--size_button_minimum_width--regular, 80px);
    padding: 0;
    position: relative;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vkuiButton--loading {
    cursor: progress
}

.vkuiButton--singleIcon {
    min-width: 28px;
    min-width: 28px;
    min-width: var(--vkui--size_button_small_height--compact, 28px)
}

.vkuiButton--stretched {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    width: 100%
}

.vkuiButton__in {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    min-height: inherit;
    text-align: center;
    width: 100%
}

.vkuiButton--aln-left .vkuiButton__in {
    justify-content: flex-start;
    text-align: left
}

.vkuiButton--aln-right .vkuiButton__in {
    justify-content: flex-end;
    text-align: right
}

.vkuiButton[disabled] {
    opacity: .4;
    opacity: 0.4;
    opacity: var(--vkui--opacity_disable, .4)
}

.vkuiButton--lvl-outline[disabled]:not(.vkuiButton--clr-overlay), .vkuiButton--lvl-primary[disabled]:not(.vkuiButton--clr-overlay):not(.vkuiButton--clr-negative):not(.vkuiButton--clr-positive), .vkuiButton--lvl-secondary[disabled]:not(.vkuiButton--clr-overlay), .vkuiButton--lvl-tertiary[disabled]:not(.vkuiButton--clr-overlay) {
    opacity: .64
}

.vkuiButton__content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vkuiButton--sz-s .vkuiButton__content:first-child {
    padding-left: 16px;
    padding-left: 16px;
    padding-left: var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)
}

.vkuiButton--sz-s .vkuiButton__after, .vkuiButton--sz-s .vkuiButton__content:last-child {
    padding-right: 16px;
    padding-right: 16px;
    padding-right: var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)
}

.vkuiButton--sz-m .vkuiButton__content:first-child {
    padding-left: 16px;
    padding-left: 16px;
    padding-left: var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)
}

.vkuiButton--sz-m .vkuiButton__after, .vkuiButton--sz-m .vkuiButton__content:last-child {
    padding-right: 16px;
    padding-right: 16px;
    padding-right: var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)
}

.vkuiButton--sz-l .vkuiButton__content:first-child {
    padding-left: 20px;
    padding-left: 20px;
    padding-left: var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)
}

.vkuiButton--sz-l .vkuiButton__after, .vkuiButton--sz-l .vkuiButton__content:last-child {
    padding-right: 20px;
    padding-right: 20px;
    padding-right: var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)
}

.vkuiButton--sz-s .vkuiButton__before {
    padding-left: 12px;
    padding-left: 12px;
    padding-left: var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)
}

.vkuiButton--sz-m .vkuiButton__before {
    padding-left: 12px;
    padding-left: 12px;
    padding-left: var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)
}

.vkuiButton--sz-l .vkuiButton__before {
    padding-left: 16px;
    padding-left: 16px;
    padding-left: var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)
}

.vkuiButton--lvl-tertiary.vkuiButton--sz-s .vkuiButton__content:first-child {
    padding-left: 12px;
    padding-left: 12px;
    padding-left: var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)
}

.vkuiButton--lvl-tertiary.vkuiButton--sz-s .vkuiButton__after, .vkuiButton--lvl-tertiary.vkuiButton--sz-s .vkuiButton__content:last-child {
    padding-right: 12px;
    padding-right: 12px;
    padding-right: var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)
}

.vkuiButton--lvl-tertiary.vkuiButton--sz-m .vkuiButton__content:first-child {
    padding-left: 12px;
    padding-left: 12px;
    padding-left: var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)
}

.vkuiButton--lvl-tertiary.vkuiButton--sz-m .vkuiButton__after, .vkuiButton--lvl-tertiary.vkuiButton--sz-m .vkuiButton__content:last-child {
    padding-right: 12px;
    padding-right: 12px;
    padding-right: var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)
}

.vkuiButton--lvl-tertiary.vkuiButton--sz-l .vkuiButton__content:first-child {
    padding-left: 16px;
    padding-left: 16px;
    padding-left: var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)
}

.vkuiButton--lvl-tertiary.vkuiButton--sz-l .vkuiButton__after, .vkuiButton--lvl-tertiary.vkuiButton--sz-l .vkuiButton__content:last-child {
    padding-right: 16px;
    padding-right: 16px;
    padding-right: var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)
}

.vkuiButton--lvl-tertiary.vkuiButton--sz-s .vkuiButton__before {
    padding-left: 8px;
    padding-left: 8px;
    padding-left: var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)
}

.vkuiButton--lvl-tertiary.vkuiButton--sz-m .vkuiButton__before {
    padding-left: 8px;
    padding-left: 8px;
    padding-left: var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)
}

.vkuiButton--lvl-tertiary.vkuiButton--sz-l .vkuiButton__before {
    padding-left: 12px;
    padding-left: 12px;
    padding-left: var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)
}

.vkuiButton--lvl-tertiary.vkuiButton--singleIcon .vkuiButton__after, .vkuiButton--lvl-tertiary.vkuiButton--singleIcon .vkuiButton__before, .vkuiButton--singleIcon .vkuiButton__after, .vkuiButton--singleIcon .vkuiButton__before {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0
}

.vkuiButton__spinner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.vkuiButton__spinner + .vkuiButton__in {
    visibility: hidden
}

.vkuiButton--lvl-primary.vkuiButton--clr-accent {
    background-color: #2d81e0;
    background-color: #2d81e0;
    background-color: var(--button_primary_background, var(--vkui--color_background_accent))
}

.vkuiButton--lvl-primary.vkuiButton--clr-accent.vkuiButton--hover {
    background-color: #2483e4;
    background-color: #2483e4;
    background-color: var(--vkui--color_background_accent--hover, #2483e4)
}

.vkuiButton--lvl-primary.vkuiButton--clr-accent.vkuiButton--active {
    background-color: #237edd;
    background-color: #237edd;
    background-color: var(--vkui--color_background_accent--active, #237edd)
}

.vkuiButton--lvl-primary.vkuiButton--clr-positive {
    background-color: #4bb34b;
    background-color: #4bb34b;
    background-color: var(--button_commerce_background, var(--vkui--color_background_positive))
}

.vkuiButton--lvl-primary.vkuiButton--clr-positive.vkuiButton--hover {
    background-color: #48ac4a;
    background-color: #48ac4a;
    background-color: var(--vkui--color_background_positive--hover, #48ac4a)
}

.vkuiButton--lvl-primary.vkuiButton--clr-positive.vkuiButton--active {
    background-color: #45a64a;
    background-color: #45a64a;
    background-color: var(--vkui--color_background_positive--active, #45a64a)
}

.vkuiButton--lvl-primary.vkuiButton--clr-negative {
    background-color: #e64646;
    background-color: #e64646;
    background-color: var(--destructive, var(--vkui--color_background_negative))
}

.vkuiButton--lvl-primary.vkuiButton--clr-negative.vkuiButton--hover {
    background-color: #dd4446;
    background-color: #dd4446;
    background-color: var(--vkui--color_background_negative--hover, #dd4446)
}

.vkuiButton--lvl-primary.vkuiButton--clr-negative.vkuiButton--active {
    background-color: #d44245;
    background-color: #d44245;
    background-color: var(--vkui--color_background_negative--active, #d44245)
}

.vkuiButton--lvl-primary.vkuiButton--clr-neutral {
    background-color: #f5f5f5;
    background-color: #f5f5f5;
    background-color: var(--content_tint_background, var(--vkui--color_background_secondary))
}

.vkuiButton--lvl-primary.vkuiButton--clr-neutral.vkuiButton--hover {
    background-color: #ebecee;
    background-color: #ebecee;
    background-color: var(--vkui--color_background_secondary--hover, #ebecee)
}

.vkuiButton--lvl-primary.vkuiButton--clr-neutral.vkuiButton--active {
    background-color: #e1e3e6;
    background-color: #e1e3e6;
    background-color: var(--vkui--color_background_secondary--active, #e1e3e6)
}

.vkuiButton--lvl-secondary {
    background-color: rgba(0, 28, 61, .05);
    background-color: rgba(0, 28, 61, .05);
    background-color: var(--button_secondary_background, var(--vkui--color_background_secondary))
}

.vkuiButton--lvl-secondary.vkuiButton--hover {
    background-color: #ebecee;
    background-color: #ebecee;
    background-color: var(--vkui--color_background_secondary--hover, #ebecee)
}

.vkuiButton--lvl-secondary.vkuiButton--active {
    background-color: #e1e3e6;
    background-color: #e1e3e6;
    background-color: var(--vkui--color_background_secondary--active, #e1e3e6)
}

.vkuiButton--lvl-outline, .vkuiButton--lvl-tertiary {
    background-color: rgba(0, 0, 0, 0);
    background-color: transparent;
    background-color: var(--button_tertiary_background, var(--vkui--color_transparent))
}

.vkuiButton--lvl-outline.vkuiButton--hover, .vkuiButton--lvl-tertiary.vkuiButton--hover {
    background-color: rgba(0, 16, 61, .04);
    background-color: rgba(0, 16, 61, .04);
    background-color: var(--vkui--color_transparent--hover, rgba(0, 16, 61, .04))
}

.vkuiButton--lvl-outline.vkuiButton--active, .vkuiButton--lvl-tertiary.vkuiButton--active {
    background-color: rgba(0, 16, 61, .08);
    background-color: rgba(0, 16, 61, .08);
    background-color: var(--vkui--color_transparent--active, rgba(0, 16, 61, .08))
}

.vkuiButton--lvl-primary.vkuiButton--clr-accent {
    color: #fff;
    color: #fff;
    color: var(--button_primary_foreground, var(--vkui--color_text_contrast))
}

.vkuiButton--lvl-primary.vkuiButton--clr-negative {
    color: #fff;
    color: #fff;
    color: var(--white, var(--vkui--color_text_contrast))
}

.vkuiButton--lvl-primary.vkuiButton--clr-positive {
    color: #fff;
    color: #fff;
    color: var(--button_commerce_foreground, var(--vkui--color_text_contrast))
}

.vkuiButton--lvl-primary.vkuiButton--clr-accent.vkuiButton--hover, .vkuiButton--lvl-primary.vkuiButton--clr-negative.vkuiButton--hover, .vkuiButton--lvl-primary.vkuiButton--clr-positive.vkuiButton--hover {
    color: #f5f5f7;
    color: #f5f5f7;
    color: var(--vkui--color_text_contrast--hover, #f5f5f7)
}

.vkuiButton--lvl-primary.vkuiButton--clr-accent.vkuiButton--active, .vkuiButton--lvl-primary.vkuiButton--clr-negative.vkuiButton--active, .vkuiButton--lvl-primary.vkuiButton--clr-positive.vkuiButton--active {
    color: #ebecef;
    color: #ebecef;
    color: var(--vkui--color_text_contrast--active, #ebecef)
}

.vkuiButton--lvl-tertiary.vkuiButton--clr-accent {
    color: #2d81e0;
    color: #2d81e0;
    color: var(--button_tertiary_foreground, var(--vkui--color_text_accent))
}

.vkuiButton--lvl-secondary.vkuiButton--clr-accent {
    color: #2688eb;
    color: #2688eb;
    color: var(--button_secondary_foreground, var(--vkui--color_text_accent))
}

.vkuiButton--lvl-outline.vkuiButton--clr-accent {
    color: #2688eb;
    color: #2688eb;
    color: var(--button_outline_foreground, var(--vkui--color_text_accent))
}

.vkuiButton--lvl-outline.vkuiButton--clr-accent.vkuiButton--hover, .vkuiButton--lvl-secondary.vkuiButton--clr-accent.vkuiButton--hover, .vkuiButton--lvl-tertiary.vkuiButton--clr-accent.vkuiButton--hover {
    color: #2483e4;
    color: #2483e4;
    color: var(--vkui--color_text_accent--hover, #2483e4)
}

.vkuiButton--lvl-outline.vkuiButton--clr-accent.vkuiButton--active, .vkuiButton--lvl-secondary.vkuiButton--clr-accent.vkuiButton--active, .vkuiButton--lvl-tertiary.vkuiButton--clr-accent.vkuiButton--active {
    color: #237edd;
    color: #237edd;
    color: var(--vkui--color_text_accent--active, #237edd)
}

.vkuiButton--lvl-outline.vkuiButton--clr-positive, .vkuiButton--lvl-secondary.vkuiButton--clr-positive, .vkuiButton--lvl-tertiary.vkuiButton--clr-positive {
    color: #4bb34b;
    color: #4bb34b;
    color: var(--button_commerce_background, var(--vkui--color_text_positive))
}

.vkuiButton--lvl-outline.vkuiButton--clr-positive.vkuiButton--hover, .vkuiButton--lvl-secondary.vkuiButton--clr-positive.vkuiButton--hover, .vkuiButton--lvl-tertiary.vkuiButton--clr-positive.vkuiButton--hover {
    color: #48ac4a;
    color: #48ac4a;
    color: var(--vkui--color_text_positive--hover, #48ac4a)
}

.vkuiButton--lvl-outline.vkuiButton--clr-positive.vkuiButton--active, .vkuiButton--lvl-secondary.vkuiButton--clr-positive.vkuiButton--active, .vkuiButton--lvl-tertiary.vkuiButton--clr-positive.vkuiButton--active {
    color: #45a64a;
    color: #45a64a;
    color: var(--vkui--color_text_positive--active, #45a64a)
}

.vkuiButton--lvl-outline.vkuiButton--clr-negative, .vkuiButton--lvl-secondary.vkuiButton--clr-negative, .vkuiButton--lvl-tertiary.vkuiButton--clr-negative {
    color: #e64646;
    color: #e64646;
    color: var(--destructive, var(--vkui--color_text_negative))
}

.vkuiButton--lvl-outline.vkuiButton--clr-negative.vkuiButton--hover, .vkuiButton--lvl-secondary.vkuiButton--clr-negative.vkuiButton--hover, .vkuiButton--lvl-tertiary.vkuiButton--clr-negative.vkuiButton--hover {
    color: #dd4446;
    color: #dd4446;
    color: var(--vkui--color_text_negative--hover, #dd4446)
}

.vkuiButton--lvl-outline.vkuiButton--clr-negative.vkuiButton--active, .vkuiButton--lvl-secondary.vkuiButton--clr-negative.vkuiButton--active, .vkuiButton--lvl-tertiary.vkuiButton--clr-negative.vkuiButton--active {
    color: #d44245;
    color: #d44245;
    color: var(--vkui--color_text_negative--active, #d44245)
}

.vkuiButton--lvl-outline.vkuiButton--clr-neutral, .vkuiButton--lvl-primary.vkuiButton--clr-neutral, .vkuiButton--lvl-secondary.vkuiButton--clr-neutral, .vkuiButton--lvl-tertiary.vkuiButton--clr-neutral {
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary))
}

.vkuiButton--lvl-outline.vkuiButton--clr-neutral.vkuiButton--hover, .vkuiButton--lvl-primary.vkuiButton--clr-neutral.vkuiButton--hover, .vkuiButton--lvl-secondary.vkuiButton--clr-neutral.vkuiButton--hover, .vkuiButton--lvl-tertiary.vkuiButton--clr-neutral.vkuiButton--hover {
    color: #000102;
    color: #000102;
    color: var(--vkui--color_text_primary--hover, #000102)
}

.vkuiButton--lvl-outline.vkuiButton--clr-neutral.vkuiButton--active, .vkuiButton--lvl-primary.vkuiButton--clr-neutral.vkuiButton--active, .vkuiButton--lvl-secondary.vkuiButton--clr-neutral.vkuiButton--active, .vkuiButton--lvl-tertiary.vkuiButton--clr-neutral.vkuiButton--active {
    color: #000105;
    color: #000105;
    color: var(--vkui--color_text_primary--active, #000105)
}

.vkuiButton--lvl-outline.vkuiButton--clr-accent {
    box-shadow: inset 0 0 0 1px #2688eb;
    box-shadow: inset 0 0 0 1px #2688eb;
    box-shadow: inset 0 0 0 1px var(--button_outline_border, var(--vkui--color_stroke_accent))
}

.vkuiButton--lvl-outline.vkuiButton--clr-accent.vkuiButton--hover {
    box-shadow: inset 0 0 0 1px #2483e4;
    box-shadow: inset 0 0 0 1px #2483e4;
    box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_accent--hover, #2483e4)
}

.vkuiButton--lvl-outline.vkuiButton--clr-accent.vkuiButton--active {
    box-shadow: inset 0 0 0 1px #237edd;
    box-shadow: inset 0 0 0 1px #237edd;
    box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_accent--active, #237edd)
}

.vkuiButton--lvl-outline.vkuiButton--clr-positive {
    box-shadow: inset 0 0 0 1px #4bb34b;
    box-shadow: inset 0 0 0 1px #4bb34b;
    box-shadow: inset 0 0 0 1px var(--button_commerce_background, var(--vkui--color_stroke_positive))
}

.vkuiButton--lvl-outline.vkuiButton--clr-positive.vkuiButton--hover {
    box-shadow: inset 0 0 0 1px #48ac4a;
    box-shadow: inset 0 0 0 1px #48ac4a;
    box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_positive--hover, #48ac4a)
}

.vkuiButton--lvl-outline.vkuiButton--clr-positive.vkuiButton--active {
    box-shadow: inset 0 0 0 1px #45a64a;
    box-shadow: inset 0 0 0 1px #45a64a;
    box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_positive--active, #45a64a)
}

.vkuiButton--lvl-outline.vkuiButton--clr-negative {
    box-shadow: inset 0 0 0 1px #e64646;
    box-shadow: inset 0 0 0 1px #e64646;
    box-shadow: inset 0 0 0 1px var(--destructive, var(--vkui--color_stroke_negative))
}

.vkuiButton--lvl-outline.vkuiButton--clr-negative.vkuiButton--hover {
    box-shadow: inset 0 0 0 1px #dd4446;
    box-shadow: inset 0 0 0 1px #dd4446;
    box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_negative--hover, #dd4446)
}

.vkuiButton--lvl-outline.vkuiButton--clr-negative.vkuiButton--active {
    box-shadow: inset 0 0 0 1px #d44245;
    box-shadow: inset 0 0 0 1px #d44245;
    box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_negative--active, #d44245)
}

.vkuiButton--lvl-outline.vkuiButton--clr-neutral {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12);
    box-shadow: inset 0 0 0 1px var(--field_border, var(--vkui--color_field_border_alpha))
}

.vkuiButton--lvl-outline.vkuiButton--clr-neutral.vkuiButton--hover {
    background-color: #ebecee;
    background-color: #ebecee;
    background-color: var(--vkui--color_background_secondary--hover, #ebecee);
    box-shadow: unset
}

.vkuiButton--lvl-outline.vkuiButton--clr-neutral.vkuiButton--active {
    background-color: #e1e3e6;
    background-color: #e1e3e6;
    background-color: var(--vkui--color_background_secondary--active, #e1e3e6);
    box-shadow: unset
}

.vkuiButton--lvl-primary.vkuiButton--clr-overlay {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--media_overlay_button_background, var(--vkui--color_background_contrast))
}

.vkuiButton--lvl-primary.vkuiButton--clr-overlay.vkuiButton--hover {
    background-color: #f5f5f7;
    background-color: #f5f5f7;
    background-color: var(--vkui--color_background_contrast--hover, #f5f5f7)
}

.vkuiButton--lvl-primary.vkuiButton--clr-overlay.vkuiButton--active {
    background-color: #ebecef;
    background-color: #ebecef;
    background-color: var(--vkui--color_background_contrast--active, #ebecef)
}

.vkuiButton--lvl-secondary.vkuiButton--clr-overlay {
    background-color: hsla(0, 0%, 100%, .2);
    background-color: hsla(0, 0%, 100%, .2);
    background-color: var(--vkui--color_background_contrast_secondary_alpha, hsla(0, 0%, 100%, .2))
}

.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--hover, .vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--hover, .vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--hover {
    background-color: hsla(0, 0%, 100%, .24);
    background-color: hsla(0, 0%, 100%, .24);
    background-color: var(--vkui--color_background_contrast_secondary_alpha--hover, hsla(0, 0%, 100%, .24))
}

.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--active, .vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--active, .vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--active {
    background-color: hsla(0, 0%, 100%, .28);
    background-color: hsla(0, 0%, 100%, .28);
    background-color: var(--vkui--color_background_contrast_secondary_alpha--active, hsla(0, 0%, 100%, .28))
}

.vkuiButton--lvl-primary.vkuiButton--clr-overlay {
    color: #2c2d2e;
    color: #2c2d2e;
    color: var(--media_overlay_button_foreground, var(--vkui--color_text_primary_invariably))
}

.vkuiButton--lvl-primary.vkuiButton--clr-overlay.vkuiButton--hover {
    color: #000102;
    color: #000102;
    color: var(--vkui--color_text_primary_invariably--hover, #000102)
}

.vkuiButton--lvl-primary.vkuiButton--clr-overlay.vkuiButton--active {
    color: #000105;
    color: #000105;
    color: var(--vkui--color_text_primary_invariably--active, #000105)
}

.vkuiButton--lvl-outline.vkuiButton--clr-overlay, .vkuiButton--lvl-secondary.vkuiButton--clr-overlay, .vkuiButton--lvl-tertiary.vkuiButton--clr-overlay {
    color: #fff;
    color: #fff;
    color: var(--white, var(--vkui--color_text_contrast))
}

.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--hover, .vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--hover, .vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--hover {
    color: #f5f5f7;
    color: #f5f5f7;
    color: var(--vkui--color_text_contrast--hover, #f5f5f7)
}

.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--active, .vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--active, .vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--active {
    color: #ebecef;
    color: #ebecef;
    color: var(--vkui--color_text_contrast--active, #ebecef)
}

.vkuiButton--lvl-outline.vkuiButton--clr-overlay {
    box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px var(--white, var(--vkui--color_stroke_contrast))
}

.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--hover {
    box-shadow: inset 0 0 0 1px #f5f5f7;
    box-shadow: inset 0 0 0 1px #f5f5f7;
    box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_contrast--hover, #f5f5f7)
}

.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--active {
    box-shadow: inset 0 0 0 1px #ebecef;
    box-shadow: inset 0 0 0 1px #ebecef;
    box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_contrast--active, #ebecef)
}

.vkuiButton__after:not(:first-child), .vkuiButton__before:not(:last-child) + .vkuiButton__content {
    margin-left: 6px
}

.vkuiButton--sz-l .vkuiButton__after:not(:first-child), .vkuiButton--sz-l .vkuiButton__before:not(:last-child) + .vkuiButton__content {
    margin-left: 8px
}

.vkuiButton--sz-m {
    min-height: 32px;
    min-height: 32px;
    min-height: var(--vkui--size_button_medium_height--compact, 32px)
}

.vkuiButton--sz-m.vkuiButton--singleIcon {
    width: 32px;
    width: 32px;
    width: var(--vkui--size_button_medium_height--compact, 32px)
}

.vkuiButton--sz-l {
    min-height: 36px;
    min-height: 36px;
    min-height: var(--vkui--size_button_large_height--compact, 36px)
}

.vkuiButton--sz-l.vkuiButton--singleIcon {
    width: 36px;
    width: 36px;
    width: var(--vkui--size_button_large_height--compact, 36px)
}

.vkuiButton--sizeY-regular {
    min-height: 30px;
    min-height: 30px;
    min-height: var(--vkui--size_button_small_height--regular, 30px)
}

.vkuiButton--sizeY-regular.vkuiButton--singleIcon {
    width: 30px;
    width: 30px;
    width: var(--vkui--size_button_small_height--regular, 30px)
}

.vkuiButton--sizeY-regular.vkuiButton--sz-m {
    min-height: 36px;
    min-height: 36px;
    min-height: var(--vkui--size_button_medium_height--regular, 36px)
}

.vkuiButton--sizeY-regular.vkuiButton--sz-l.vkuiButton--singleIcon {
    width: 36px;
    width: 36px;
    width: var(--vkui--size_button_medium_height--regular, 36px)
}

.vkuiButton--sizeY-regular.vkuiButton--sz-l {
    min-height: 44px;
    min-height: 44px;
    min-height: var(--vkui--size_button_large_height--regular, 44px)
}

.vkuiButton--sizeY-regular.vkuiButton--sz-l.vkuiButton--singleIcon {
    width: 44px;
    width: 44px;
    width: var(--vkui--size_button_large_height--regular, 44px)
}

.vkuiBanner__actions > .vkuiButton {
    margin-bottom: 6px;
    margin-right: 16px;
    margin-top: 12px
}

.vkuiBanner__actions > .vkuiButton--lvl-tertiary {
    margin: 4px 16px 2px -12px;
    margin: 4px 16px 2px calc(12px * -1);
    margin: 4px 16px 2px calc(var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px) * -1)
}

.vkuiBanner__actions > .vkuiButton--sz-m.vkuiButton--lvl-tertiary {
    margin-left: -12px;
    margin-left: calc(12px * -1);
    margin-left: calc(var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px) * -1)
}

.vkuiBanner__actions > .vkuiButton--sz-l.vkuiButton--lvl-tertiary {
    margin-left: -16px;
    margin-left: calc(16px * -1);
    margin-left: calc(var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px) * -1)
}

.vkuiBanner__actions > .vkuiButton--lvl-tertiary:first-child {
    margin-top: 4px
}

.vkuiBanner__actions > .vkuiButton:not(.vkuiButton--lvl-tertiary) + .vkuiButton:not(.vkuiButton--lvl-tertiary) {
    margin-top: 0
}

.vkuiBanner__actions > .vkuiButton:not(.vkuiButton--lvl-tertiary) + .vkuiButton--lvl-tertiary {
    margin-left: -12px;
    margin-top: 2px
}

.vkuiBanner__actions > .vkuiButton--lvl-tertiary + .vkuiButton--lvl-tertiary {
    margin-top: 2px
}

.vkuiModalCardBase__actions .vkuiButton {
    flex: 1;
    margin-left: 6px;
    margin-right: 6px;
    width: 0
}

.vkuiModalCardBase__actions--v .vkuiButton {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

.vkuiModalCardBase__actions--v .vkuiButton + .vkuiButton {
    margin-top: 12px
}

.vkuiRichCell__actions > .vkuiButton + .vkuiButton {
    margin-left: 8px
}

.vkuiRemovable__content {
    align-items: center;
    display: flex;
    padding-left: 16px;
    padding-left: 16px;
    padding-left: var(--vkui--size_base_padding_horizontal--regular, 16px);
    position: relative
}

.vkuiRemovable__action {
    border: none;
    flex-grow: 0;
    flex-shrink: 0;
    position: relative
}

.vkuiRemovable__action.vkuiRemovable__action {
    color: #99a2ad;
    color: #99a2ad;
    color: var(--icon_secondary, var(--vkui--color_icon_secondary))
}

.vkuiRemovable--start .vkuiRemovable__action {
    align-self: flex-start
}

.vkuiRemovable--ios {
    overflow: hidden
}

.vkuiRemovable__remove {
    background-color: #e64646;
    background-color: #e64646;
    background-color: var(--destructive, var(--vkui--color_background_negative));
    border: none;
    border-radius: 0;
    color: #fff;
    color: var(--white);
    font-size: 15px;
    height: 100%;
    left: 100%;
    line-height: 45px;
    padding: 0 10px;
    position: absolute;
    top: 0
}

.vkuiRemovable__remove-in {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

@media (prefers-reduced-motion: no-preference) {
    .vkuiRemovable--ios .vkuiRemovable__content {
        transition: -webkit-transform .6s cubic-bezier(.36, .66, .04, 1);
        transition: transform .6s cubic-bezier(.36, .66, .04, 1);
        transition: transform .6s cubic-bezier(.36, .66, .04, 1), -webkit-transform .6s cubic-bezier(.36, .66, .04, 1);
        transition: -webkit-transform .6s var(--ios-easing);
        transition: transform .6s var(--ios-easing);
        transition: transform .6s var(--ios-easing), -webkit-transform .6s var(--ios-easing)
    }
}

.vkuiRemovable__toggle {
    background: none;
    display: block;
    height: 44px;
    margin: 0 2px;
    width: 44px
}

.vkuiRemovable__toggle-in {
    align-content: center;
    align-items: center;
    border: none;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.vkuiRemovable__toggle-in:after {
    background-color: #e64646;
    background-color: #e64646;
    background-color: var(--destructive, var(--vkui--color_background_negative));
    border-radius: 50%;
    content: "";
    height: 22px;
    width: 22px
}

.vkuiRemovable__toggle-in:before {
    background-color: #fff;
    background-color: var(--white);
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    width: 12px
}

.vkuiRemovable--ios .vkuiRemovable__content {
    padding-left: 0;
    padding-right: 16px;
    padding-right: 16px;
    padding-right: var(--vkui--size_base_padding_horizontal--regular, 16px)
}

.vkuiFormItem--removable .vkuiRemovable__content, .vkuiFormLayoutGroup--removable .vkuiRemovable__content {
    align-items: flex-start;
    flex-wrap: wrap
}

.vkuiFormItem--withTop .vkuiFormItem__removable ~ .vkuiRemovable__offset, .vkuiFormLayoutGroup--removable .vkuiFormItem--withTop ~ .vkuiRemovable__offset {
    display: block;
    height: 28px;
    height: calc(10px + 18px);
    height: calc(10px + var(--vkui--font_subhead--line_height--regular, 18px));
    order: -1;
    width: 100%
}

.vkuiFormItem--withTop.vkuiFormItem--sizeY-compact .vkuiFormItem__removable ~ .vkuiRemovable__offset, .vkuiFormLayoutGroup--removable.vkuiFormLayoutGroup--sizeY-compact .vkuiFormItem--withTop ~ .vkuiRemovable__offset {
    height: 24px;
    height: calc(8px + 16px);
    height: calc(8px + var(--vkui--font_subhead--line_height--compact, 16px))
}

[class$="--focus-visible"] > .vkuiFocusVisible {
    border-radius: inherit;
    bottom: 2px;
    box-shadow: 0 0 0 2px #2688eb;
    box-shadow: 0 0 0 2px #2688eb;
    box-shadow: 0 0 0 2px var(--accent, var(--vkui--color_stroke_accent));
    left: 2px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 2px;
    top: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 0
}

[class$="--focus-visible"] > .vkuiFocusVisible--outside {
    bottom: -2px;
    left: -2px;
    right: -2px;
    top: -2px
}

@media (prefers-reduced-motion: no-preference) {
    [class$="--focus-visible"] > .vkuiFocusVisible {
        -webkit-animation: vkui-animation-focus-visible .15s ease-in-out forwards;
        animation: vkui-animation-focus-visible .15s ease-in-out forwards;
        -webkit-animation-delay: .01ms;
        animation-delay: .01ms;
        bottom: 4px;
        left: 4px;
        right: 4px;
        top: 4px;
        will-change: top, left, bottom, right
    }

    [class$="--focus-visible"] > .vkuiFocusVisible--outside {
        -webkit-animation-name: vkui-animation-focus-visible-outside;
        animation-name: vkui-animation-focus-visible-outside;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0
    }

    @-webkit-keyframes vkui-animation-focus-visible {
        to {
            bottom: 2px;
            left: 2px;
            right: 2px;
            top: 2px;
            will-change: auto
        }
    }@keyframes vkui-animation-focus-visible {
         to {
             bottom: 2px;
             left: 2px;
             right: 2px;
             top: 2px;
             will-change: auto
         }
     }@-webkit-keyframes vkui-animation-focus-visible-outside {
          to {
              bottom: -2px;
              left: -2px;
              right: -2px;
              top: -2px;
              will-change: auto
          }
      }@keyframes vkui-animation-focus-visible-outside {
           to {
               bottom: -2px;
               left: -2px;
               right: -2px;
               top: -2px;
               will-change: auto
           }
       }
}

.vkuiPopperArrow__in {
    content: "";
    display: block;
    height: 8px;
    width: 20px
}

[data-popper-placement^=bottom] .vkuiPopperArrow {
    bottom: 100%
}

[data-popper-placement^=top] .vkuiPopperArrow {
    top: 100%
}

[data-popper-placement^=top] .vkuiPopperArrow__in {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

[data-popper-placement^=left] .vkuiPopperArrow {
    left: calc(100% - 6px)
}

[data-popper-placement^=left] .vkuiPopperArrow__in {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

[data-popper-placement^=right] .vkuiPopperArrow {
    right: calc(100% - 6px)
}

[data-popper-placement^=right] .vkuiPopperArrow__in {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.vkuiRoot {
    height: 100%;
    position: relative;
    width: 100%
}

.vkuiRoot--transition {
    pointer-events: none
}

.vkuiRoot__view {
    height: 100%;
    position: relative;
    width: 100%
}

.vkuiRoot--transition .vkuiRoot__view {
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0
}

.vkuiRoot__scrollCompensation {
    height: 100%;
    width: 100%
}

.vkuiRoot__view--hide-forward, .vkuiRoot__view--show-back {
    z-index: 1
}

.vkuiRoot__view--hide-back, .vkuiRoot__view--show-forward {
    z-index: 2
}

.vkuiRoot__view--show-forward {
    -webkit-animation: vkui-root-android-animation-show-forward .3s cubic-bezier(.4, 0, .2, 1);
    animation: vkui-root-android-animation-show-forward .3s cubic-bezier(.4, 0, .2, 1);
    -webkit-animation: vkui-root-android-animation-show-forward .3s var(--android-easing);
    animation: vkui-root-android-animation-show-forward .3s var(--android-easing)
}

.vkuiRoot__view--hide-back {
    -webkit-animation: vkui-root-android-animation-hide-back .3s cubic-bezier(.4, 0, .2, 1) forwards;
    animation: vkui-root-android-animation-hide-back .3s cubic-bezier(.4, 0, .2, 1) forwards;
    -webkit-animation: vkui-root-android-animation-hide-back .3s var(--android-easing) forwards;
    animation: vkui-root-android-animation-hide-back .3s var(--android-easing) forwards
}

.vkuiRoot__popout {
    z-index: 100
}

.vkuiRoot__modal, .vkuiRoot__popout {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.vkuiRoot__modal {
    z-index: 99
}

.vkuiRoot__modal:empty {
    display: none
}

.vkuiRoot--ios .vkuiRoot__view--hide-forward:after, .vkuiRoot--ios .vkuiRoot__view--show-back:after {
    background-color: #000;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 6
}

.vkuiRoot--ios .vkuiRoot__view--show-back:after {
    -webkit-animation: vkui-root-ios-animation-show-back .6s cubic-bezier(.36, .66, .04, 1) forwards;
    animation: vkui-root-ios-animation-show-back .6s cubic-bezier(.36, .66, .04, 1) forwards;
    -webkit-animation: vkui-root-ios-animation-show-back .6s var(--ios-easing) forwards;
    animation: vkui-root-ios-animation-show-back .6s var(--ios-easing) forwards
}

.vkuiRoot--ios .vkuiRoot__view--hide-forward:after {
    -webkit-animation: vkui-root-ios-animation-hide-forward .6s cubic-bezier(.36, .66, .04, 1);
    animation: vkui-root-ios-animation-hide-forward .6s cubic-bezier(.36, .66, .04, 1);
    -webkit-animation: vkui-root-ios-animation-hide-forward .6s var(--ios-easing);
    animation: vkui-root-ios-animation-hide-forward .6s var(--ios-easing)
}

.vkuiRoot--ios .vkuiRoot__view--show-forward {
    -webkit-animation: vkui-root-ios-animation-show-forward .6s cubic-bezier(.36, .66, .04, 1);
    animation: vkui-root-ios-animation-show-forward .6s cubic-bezier(.36, .66, .04, 1);
    -webkit-animation: vkui-root-ios-animation-show-forward .6s var(--ios-easing);
    animation: vkui-root-ios-animation-show-forward .6s var(--ios-easing)
}

.vkuiRoot--ios .vkuiRoot__view--hide-back {
    -webkit-animation: vkui-root-ios-animation-hide-back .6s cubic-bezier(.36, .66, .04, 1) forwards;
    animation: vkui-root-ios-animation-hide-back .6s cubic-bezier(.36, .66, .04, 1) forwards;
    -webkit-animation: vkui-root-ios-animation-hide-back .6s var(--ios-easing) forwards;
    animation: vkui-root-ios-animation-hide-back .6s var(--ios-easing) forwards
}

@-webkit-keyframes vkui-root-ios-animation-show-back {
    0% {
        opacity: .3
    }
    to {
        opacity: 0
    }
}

@keyframes vkui-root-ios-animation-show-back {
    0% {
        opacity: .3
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes vkui-root-ios-animation-hide-forward {
    0% {
        opacity: 0
    }
    to {
        opacity: .3
    }
}

@keyframes vkui-root-ios-animation-hide-forward {
    0% {
        opacity: 0
    }
    to {
        opacity: .3
    }
}

@-webkit-keyframes vkui-root-ios-animation-hide-back {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes vkui-root-ios-animation-hide-back {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes vkui-root-ios-animation-show-forward {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes vkui-root-ios-animation-show-forward {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes vkui-root-android-animation-hide-back {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@keyframes vkui-root-android-animation-hide-back {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@-webkit-keyframes vkui-root-android-animation-show-forward {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes vkui-root-android-animation-show-forward {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.vkuiView--ios .vkuiPanel__in {
    padding: 0;
    padding: 0 var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)
}

.vkuiView--ios .vkuiView__panel--swipe-back-prev {
    box-shadow: -2px 0 12px rgba(0, 0, 0, .3)
}

.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-success {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    transition: -webkit-transform .3s cubic-bezier(.36, .66, .04, 1);
    transition: transform .3s cubic-bezier(.36, .66, .04, 1);
    transition: transform .3s cubic-bezier(.36, .66, .04, 1), -webkit-transform .3s cubic-bezier(.36, .66, .04, 1);
    transition: -webkit-transform .3s var(--ios-easing);
    transition: transform .3s var(--ios-easing);
    transition: transform .3s var(--ios-easing), -webkit-transform .3s var(--ios-easing)
}

.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-success, .vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-failed {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-failed, .vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-success, .vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-failed {
    transition: -webkit-transform .3s cubic-bezier(.36, .66, .04, 1);
    transition: transform .3s cubic-bezier(.36, .66, .04, 1);
    transition: transform .3s cubic-bezier(.36, .66, .04, 1), -webkit-transform .3s cubic-bezier(.36, .66, .04, 1);
    transition: -webkit-transform .3s var(--ios-easing);
    transition: transform .3s var(--ios-easing);
    transition: transform .3s var(--ios-easing), -webkit-transform .3s var(--ios-easing)
}

.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-failed {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.vkuiView--ios .vkuiView__panel--prev {
    -webkit-animation: vkui-animation-ios-prev-forward .6s cubic-bezier(.36, .66, .04, 1);
    animation: vkui-animation-ios-prev-forward .6s cubic-bezier(.36, .66, .04, 1);
    -webkit-animation: vkui-animation-ios-prev-forward .6s var(--ios-easing);
    animation: vkui-animation-ios-prev-forward .6s var(--ios-easing)
}

.vkuiView--ios .vkuiView__panel--next {
    -webkit-animation: vkui-animation-ios-next-back .6s cubic-bezier(.36, .66, .04, 1);
    animation: vkui-animation-ios-next-back .6s cubic-bezier(.36, .66, .04, 1);
    -webkit-animation: vkui-animation-ios-next-back .6s var(--ios-easing);
    animation: vkui-animation-ios-next-back .6s var(--ios-easing)
}

.vkuiView--ios .vkuiView__panel--prev ~ .vkuiView__panel--next {
    -webkit-animation: vkui-animation-ios-next-forward .6s cubic-bezier(.36, .66, .04, 1);
    animation: vkui-animation-ios-next-forward .6s cubic-bezier(.36, .66, .04, 1);
    -webkit-animation: vkui-animation-ios-next-forward .6s var(--ios-easing);
    animation: vkui-animation-ios-next-forward .6s var(--ios-easing)
}

.vkuiView--ios .vkuiView__panel--next ~ .vkuiView__panel--prev {
    -webkit-animation: vkui-animation-ios-prev-back .6s cubic-bezier(.36, .66, .04, 1) forwards;
    animation: vkui-animation-ios-prev-back .6s cubic-bezier(.36, .66, .04, 1) forwards;
    -webkit-animation: vkui-animation-ios-prev-back .6s var(--ios-easing) forwards;
    animation: vkui-animation-ios-prev-back .6s var(--ios-easing) forwards
}

.vkuiView--ios .vkuiView__panel--next .vkuiPanel__fade, .vkuiView--ios .vkuiView__panel--prev .vkuiPanel__fade {
    background: #000;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.vkuiView--ios .vkuiView__panel--prev .vkuiPanel__fade {
    -webkit-animation: vkui-animation-ios-fade-in .6s cubic-bezier(.36, .66, .04, 1);
    animation: vkui-animation-ios-fade-in .6s cubic-bezier(.36, .66, .04, 1);
    -webkit-animation: vkui-animation-ios-fade-in .6s var(--ios-easing);
    animation: vkui-animation-ios-fade-in .6s var(--ios-easing)
}

.vkuiView--ios .vkuiView__panel--next .vkuiPanel__fade {
    -webkit-animation: vkui-animation-ios-fade-out .6s cubic-bezier(.36, .66, .04, 1) forwards;
    animation: vkui-animation-ios-fade-out .6s cubic-bezier(.36, .66, .04, 1) forwards;
    -webkit-animation: vkui-animation-ios-fade-out .6s var(--ios-easing) forwards;
    animation: vkui-animation-ios-fade-out .6s var(--ios-easing) forwards
}

.vkuiView--ios .vkuiView__panel--next ~ .vkuiView__panel--prev .vkuiPanel__fade, .vkuiView--ios .vkuiView__panel--prev ~ .vkuiView__panel--next .vkuiPanel__fade {
    display: none
}

.vkuiView--ios.vkuiView--no-motion .vkuiView__panel, .vkuiView--ios.vkuiView--no-motion .vkuiView__panel .vkuiPanel__in {
    -webkit-animation: none;
    animation: none
}

.vkuiView--ios .vkuiView__panel--active .vkuiPanel__fade {
    display: none
}

@-webkit-keyframes vkui-animation-ios-next-forward {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes vkui-animation-ios-next-forward {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes vkui-animation-ios-next-back {
    0% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes vkui-animation-ios-next-back {
    0% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes vkui-animation-ios-prev-forward {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}

@keyframes vkui-animation-ios-prev-forward {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}

@-webkit-keyframes vkui-animation-ios-prev-back {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes vkui-animation-ios-prev-back {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes vkui-animation-ios-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: .3
    }
}

@keyframes vkui-animation-ios-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: .3
    }
}

@-webkit-keyframes vkui-animation-ios-fade-out {
    0% {
        opacity: .3
    }
    to {
        opacity: 0
    }
}

@keyframes vkui-animation-ios-fade-out {
    0% {
        opacity: .3
    }
    to {
        opacity: 0
    }
}

.vkuiView {
    word-wrap: break-word;
    font-family: -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    font-family: var(--font-common);
    height: 100%;
    position: relative;
    width: 100%
}

.vkuiView--animated, .vkuiView--swiping-back {
    overflow: hidden
}

.vkuiView__header {
    position: fixed;
    width: 100%;
    z-index: 2
}

.vkuiView--animated .vkuiView__header, .vkuiView--animated .vkuiView__panel, .vkuiView--swiping-back .vkuiView__header, .vkuiView--swiping-back .vkuiView__panel {
    pointer-events: none
}

.vkuiView__panel, .vkuiView__panels {
    height: 100%;
    width: 100%
}

.vkuiView__panel {
    box-sizing: border-box;
    position: relative;
    z-index: 1
}

.vkuiView__panel-in {
    height: 100%
}

.vkuiView--animated .vkuiView__panel, .vkuiView--swiping-back .vkuiView__panel {
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0
}

.vkuiView__popout {
    z-index: 100
}

.vkuiView__modal, .vkuiView__popout {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.vkuiView__modal {
    z-index: 99
}

.vkuiView__modal:empty {
    display: none
}

.vkuiView__panel--next ~ .vkuiView__panel--prev {
    -webkit-animation: vkui-animation-view-prev-back .3s cubic-bezier(.4, 0, .2, 1) forwards;
    animation: vkui-animation-view-prev-back .3s cubic-bezier(.4, 0, .2, 1) forwards;
    -webkit-animation: vkui-animation-view-prev-back .3s var(--android-easing) forwards;
    animation: vkui-animation-view-prev-back .3s var(--android-easing) forwards
}

.vkuiView__panel--prev ~ .vkuiView__panel--next {
    -webkit-animation: vkui-animation-view-next-forward .3s cubic-bezier(.4, 0, .2, 1);
    animation: vkui-animation-view-next-forward .3s cubic-bezier(.4, 0, .2, 1);
    -webkit-animation: vkui-animation-view-next-forward .3s var(--android-easing);
    animation: vkui-animation-view-next-forward .3s var(--android-easing)
}

.vkuiView--no-motion .vkuiView__panel {
    -webkit-animation: none;
    animation: none
}

@-webkit-keyframes vkui-animation-view-prev-back {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(80px);
        transform: translateY(80px)
    }
}

@keyframes vkui-animation-view-prev-back {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(80px);
        transform: translateY(80px)
    }
}

@-webkit-keyframes vkui-animation-view-next-forward {
    0% {
        opacity: 0;
        -webkit-transform: translateY(80px);
        transform: translateY(80px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes vkui-animation-view-next-forward {
    0% {
        opacity: 0;
        -webkit-transform: translateY(80px);
        transform: translateY(80px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.vkuiPanel {
    height: 100%;
    position: relative;
    width: 100%
}

.vkuiPanel:after {
    content: "";
    height: 100%;
    z-index: 1
}

.vkuiPanel--centered .vkuiPanelHeader, .vkuiPanel:after {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.vkuiPanel__in {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    position: relative;
    width: 100%;
    z-index: 2
}

.vkuiPanel__centered {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex: 1 0;
    flex-direction: column;
    justify-content: center
}

.vkuiPanel__centered .vkuiPanelHeader--vis + * {
    margin-top: 56px;
    margin-top: 56px;
    margin-top: var(--panelheader_height, var(--vkui--size_panel_header_height--regular))
}

.vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--vis + * {
    margin-top: 52px;
    margin-top: 56px;
    margin-top: var(--panelheader_height_ios, var(--vkui--size_panel_header_height--regular))
}

.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--sep + * {
    margin-top: 61px;
    margin-top: calc(56px + 5px);
    margin-top: calc(var(--panelheader_height, var(--vkui--size_panel_header_height--regular)) + 5px)
}

.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--sep + * {
    margin-top: 57px;
    margin-top: calc(56px + 5px);
    margin-top: calc(var(--panelheader_height_ios,
    var(--vkui--size_panel_header_height--regular)) + 5px)
}

.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--vkcom.vkuiPanelHeader--sep + * {
    margin-top: 53px;
    margin-top: calc(56px + 5px);
    margin-top: calc(var(--panelheader_height_vkcom,
    var(--vkui--size_panel_header_height--regular)) + 5px)
}

.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiPanelHeader--sep + * {
    margin-top: 72px;
    margin-top: calc(56px + 16px);
    margin-top: calc(var(--panelheader_height, var(--vkui--size_panel_header_height--regular)) + 16px)
}

.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--sep + * {
    margin-top: 68px;
    margin-top: calc(56px + 16px);
    margin-top: calc(var(--panelheader_height_ios,
    var(--vkui--size_panel_header_height--regular)) + 16px)
}

.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiPanelHeader--vkcom.vkuiPanelHeader--sep + * {
    margin-top: 64px;
    margin-top: calc(56px + 16px);
    margin-top: calc(var(--panelheader_height_vkcom,
    var(--vkui--size_panel_header_height--regular)) + 16px)
}

.vkuiEpic .vkuiPanel__in {
    padding-bottom: 48px;
    padding-bottom: calc(var(--safe-area-inset-bottom) + var(--tabbar_height))
}

.vkuiPanel__in-before {
    height: 1px;
    margin-bottom: -1px
}

.vkuiPanel__separator {
    position: relative;
    z-index: 3
}

.vkuiPanel__in-after {
    height: 1px;
    margin-top: -1px
}

.vkuiPanel .vkuiPanel__in, .vkuiPanel:after {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--background_content, var(--vkui--color_background_content))
}

.vkuiPanel.vkuiPanel--sizeX-regular .vkuiPanel__in, .vkuiPanel.vkuiPanel--sizeX-regular:after {
    background-color: initial
}

.vkuiPanelHeader {
    position: relative
}

.vkuiPanelHeader--vis.vkuiPanelHeader--fixed:before {
    content: "";
    display: block
}

.vkuiPanelHeader:not(.vkuiPanelHeader--vis):not(.vkuiPanelHeader--fixed) {
    height: 0
}

.vkuiPanelHeader__fixed {
    z-index: 10
}

.vkuiPanelHeader__in {
    align-items: center;
    background: #fff;
    background: #fff;
    background: var(--header_background, var(--vkui--color_background_content));
    display: flex;
    justify-content: space-between;
    position: relative;
    white-space: nowrap
}

.vkuiPanelHeader--trnsp .vkuiPanelHeader__in {
    background: rgba(0, 0, 0, 0)
}

.vkuiPanelHeader--shadow .vkuiPanelHeader__in {
    box-shadow: 0 0 4px rgba(0, 0, 0, .08)
}

.vkuiPanelHeader__before {
    box-sizing: border-box;
    color: #2688eb;
    color: #2688eb;
    color: var(--header_tint, var(--vkui--color_icon_accent_themed));
    display: flex;
    flex-shrink: 0
}

.vkuiPanelHeader__content {
    overflow: hidden
}

.vkuiPanelHeader__content > * {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.vkuiPanelHeader__content-in {
    color: #000;
    color: #000;
    color: var(--header_text, var(--vkui--color_text_primary));
    font-family: VK Sans Display, -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    font-family: var(--font-display);
    font-weight: 500
}

.vkuiPanelHeader:before, .vkuiPanelHeader__in {
    height: 56px;
    height: 56px;
    height: var(--panelheader_height, var(--vkui--size_panel_header_height--regular));
    padding-top: 0;
    padding-top: var(--safe-area-inset-top)
}

.vkuiPanelHeader__after {
    box-sizing: border-box;
    color: #2688eb;
    color: #2688eb;
    color: var(--header_tint, var(--vkui--color_icon_accent_themed));
    display: flex;
    justify-content: flex-end
}

.vkuiPanelHeader--vkapps .vkuiPanelHeader__after {
    min-width: 90px
}

.vkuiPanelHeader--ios {
    --panelheader_height: var(--panelheader_height_ios, var(--vkui--size_panel_header_height--regular))
}

.vkuiPanelHeader--ios .vkuiPanelHeader__before {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    opacity: 1;
    padding: 4px 0 4px 4px;
    transition: opacity .3s cubic-bezier(.36, .66, .04, 1);
    transition: opacity .3s var(--ios-easing)
}

.vkuiPanelHeader--ios .vkuiPanelHeader__before .vkuiPanelHeaderButton + .vkuiPanelHeaderButton--primitive {
    margin-left: -6px;
    padding-left: 0
}

.vkuiPanelHeader--ios .vkuiPanelHeader__content {
    opacity: 1;
    text-align: center;
    transition: opacity .3s cubic-bezier(.36, .66, .04, 1);
    transition: opacity .3s var(--ios-easing)
}

.vkuiPanelHeader--ios .vkuiPanelHeader__content-in {
    font-size: 21px
}

.vkuiPanelHeader--ios .vkuiPanelHeader__content > * {
    padding: 0 4px
}

.vkuiPanelHeader--ios.vkuiPanelHeader--no-before .vkuiPanelHeader__content {
    padding-left: 8px
}

.vkuiPanelHeader--ios.vkuiPanelHeader--no-after .vkuiPanelHeader__content > * {
    padding-right: 0
}

.vkuiPanelHeader--ios.vkuiPanelHeader--no-after .vkuiPanelHeader__content {
    padding-right: 8px
}

.vkuiPanelHeader--ios .vkuiPanelHeader__after {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    opacity: 1;
    padding: 4px 4px 4px 0;
    transition: opacity .3s cubic-bezier(.36, .66, .04, 1);
    transition: opacity .3s var(--ios-easing)
}

.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__after, .vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__before, .vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__content {
    opacity: 0
}

.vkuiPanelHeader--android .vkuiPanelHeader__before:not(:empty) {
    padding: 4px 0 4px 4px
}

.vkuiPanelHeader--android .vkuiPanelHeader__content {
    align-items: center;
    flex-grow: 1;
    max-width: 100%
}

.vkuiPanelHeader--android .vkuiPanelHeader__content-in {
    font-size: 23px
}

.vkuiPanelHeader--android .vkuiPanelHeader__content > * {
    padding: 0 12px
}

.vkuiPanelHeader--android .vkuiSearch, .vkuiPanelHeader--vkcom .vkuiSearch {
    padding: 0 4px
}

.vkuiSplitCol--spaced .vkuiPanelHeader--android.vkuiPanelHeader--no-before:not(.vkuiModalPageHeader__in) .vkuiPanelHeader__content {
    padding-left: 0
}

.vkuiPanelHeader--android.vkuiPanelHeader--no-after .vkuiPanelHeader__content > *, .vkuiPanelHeader--vkcom.vkuiPanelHeader--no-after .vkuiPanelHeader__content > * {
    padding-right: 0
}

.vkuiPanelHeader--android.vkuiPanelHeader--no-after .vkuiPanelHeader__content {
    padding-right: 16px
}

.vkuiPanelHeader--android.vkuiPanelHeader--no-before .vkuiPanelHeader__content {
    padding-left: 16px
}

.vkuiSplitCol--spaced .vkuiPanelHeader--android.vkuiPanelHeader--no-after:not(.vkuiModalPageHeader__in) .vkuiPanelHeader__content {
    padding-right: 0
}

.vkuiPanelHeader--android .vkuiPanelHeader__after:not(:empty), .vkuiPanelHeader--vkcom .vkuiPanelHeader__after:not(:empty) {
    padding: 4px 4px 4px 0
}

.vkuiPanelHeader--vkcom {
    --panelheader_height: var(--panelheader_height_vkcom, var(--vkui--size_panel_header_height--regular));
    position: relative;
    z-index: 10
}

.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-regular:not(.vkuiModalPageHeader__in):after {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--header_background, var(--vkui--color_background_content));
    bottom: 0;
    content: "";
    height: 1px;
    height: var(--thin-border);
    left: 1px;
    left: var(--thin-border);
    position: absolute;
    right: 1px;
    right: var(--thin-border)
}

.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-regular:not(.vkuiModalPageHeader__in) .vkuiPanelHeader__in {
    border-bottom: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: inset 0 0 0 1px #e1e3e6;
    box-shadow: 0 0 0 var(--thin-border) #e1e3e6 inset;
    box-shadow: 0 0 0 var(--thin-border) var(--input_border) inset
}

.vkuiPanelHeader--vkcom .vkuiPanelHeader__content {
    text-align: center
}

.vkuiPanelHeader--vkcom .vkuiPanelHeader__before:not(:empty) {
    padding: 0 0 0 4px
}

.vkuiPanelHeader--vkcom .vkuiPanelHeader__after, .vkuiPanelHeader--vkcom .vkuiPanelHeader__before {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0
}

.vkuiPanelHeader--no-before .vkuiPanelHeader__content > * {
    padding-left: 0
}

.vkuiPanelHeaderButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    box-shadow: none;
    color: currentColor;
    display: block;
    margin: 0;
    padding: 0;
    position: relative
}

.vkuiPanelHeaderButton[disabled] {
    opacity: .6
}

.vkuiPanelHeaderButton .vkuiCounter {
    padding: 0;
    position: absolute;
    right: 2px;
    top: 8px
}

.vkuiPanelHeaderButton--primitive {
    height: 48px;
    line-height: 48px;
    padding: 0 12px
}

.vkuiPanelHeaderButton--ios {
    align-items: center;
    display: flex;
    font-size: 17px;
    position: relative
}

.vkuiPanelHeaderButton--ios.vkuiPanelHeaderButton--primitive {
    height: 44px;
    line-height: 44px
}

.vkuiPanelHeaderButton--ios .vkuiIcon--24 {
    padding: 10px
}

.vkuiPanelHeaderButton--ios .vkuiIcon--28 {
    padding: 8px
}

.vkuiPanelHeaderButton--android.vkuiPanelHeaderButton--notPrimitive {
    border-radius: 50%
}

.vkuiPanelHeaderButton--android .vkuiIcon--24 {
    padding: 12px
}

.vkuiPanelHeaderButton--android .vkuiIcon--28 {
    padding: 10px
}

.vkuiPanelHeaderButton--vkcom {
    color: #818c99;
    color: #818c99;
    color: var(--header_text_secondary, var(--vkui--color_text_secondary))
}

.vkuiPanelHeaderButton--vkcom > :not(.vkuiCounter) {
    opacity: .7;
    transition: opacity .3s
}

.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--active > :not(.vkuiCounter), .vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--hover > :not(.vkuiCounter) {
    opacity: 1
}

.vkuiPanelHeaderButton--vkcom {
    align-items: center;
    display: flex;
    padding: 10px
}

.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--notPrimitive {
    border-radius: 50%
}

.vkuiPanelHeaderBack--vkcom.vkuiPanelHeaderBack--has-label {
    padding-right: 11px
}

.vkuiPanelHeaderBack--ios.vkuiPanelHeaderBack--has-label {
    padding-right: 8px
}

.vkuiPanelHeaderContent {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    font-family: -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    font-family: var(--font-common);
    height: 100%;
    justify-content: flex-start;
    line-height: normal;
    max-width: 100%
}

.vkuiPanelHeaderContent__before {
    flex-shrink: 0;
    margin-right: 12px
}

.vkuiPanelHeaderContent__in {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    justify-content: center;
    min-width: 0
}

.vkuiPanelHeaderContent__children-in, .vkuiPanelHeaderContent__status {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vkuiPanelHeaderContent__status {
    color: #818c99;
    color: #818c99;
    color: var(--header_text_secondary, var(--vkui--color_text_secondary));
    margin-top: 1px;
    max-width: 100%;
    order: 1
}

.vkuiPanelHeaderContent__children {
    align-items: center;
    display: flex;
    max-width: 100%
}

.vkuiPanelHeaderContent__children-in {
    flex-grow: 0;
    min-width: 0
}

.vkuiPanelHeaderContent__aside {
    align-items: center;
    color: #2688eb;
    color: #2688eb;
    color: var(--header_tint, var(--vkui--color_icon_accent));
    display: flex;
    justify-content: flex-start;
    margin-left: 2px
}

.vkuiPanelHeaderContent__width {
    width: 1000px
}

.vkuiPanelHeaderContent__in--centered {
    align-items: center
}

.vkuiPanelHeaderContent--ios .vkuiPanelHeaderContent__children-in {
    font-family: VK Sans Display, -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    font-family: var(--font-display);
    font-size: 21px;
    font-weight: 500;
    line-height: 52px;
    line-height: 56px;
    line-height: var(--panelheader_height_ios, var(--vkui--size_panel_header_height--regular))
}

.vkuiPanelHeaderContent--android .vkuiPanelHeaderContent__children-in {
    font-family: VK Sans Display, -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    font-family: var(--font-display);
    font-size: 23px;
    font-weight: 500;
    line-height: 56px;
    line-height: 56px;
    line-height: var(--panelheader_height, var(--vkui--size_panel_header_height--regular))
}

.vkuiPanelHeader--no-before .vkuiPanelHeaderContent--vkcom {
    padding-left: 16px
}

.vkuiPanelHeaderContext--closing, .vkuiPanelHeaderContext--opened {
    height: 100%;
    width: 100%
}

.vkuiPanelHeaderContext--desktop.vkuiPanelHeaderContext--closing, .vkuiPanelHeaderContext--desktop.vkuiPanelHeaderContext--opened {
    height: auto
}

.vkuiPanelHeaderContext__in {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.vkuiPanelHeaderContext__fade {
    background: rgba(0, 0, 0, .4);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.vkuiPanelHeaderContext--opened .vkuiPanelHeaderContext__fade {
    -webkit-animation: vkui-animation-panelheadercontext-fade-in .2s ease;
    animation: vkui-animation-panelheadercontext-fade-in .2s ease
}

.vkuiPanelHeaderContext--closing .vkuiPanelHeaderContext__fade {
    -webkit-animation: vkui-animation-panelheadercontext-fade-out .2s ease;
    animation: vkui-animation-panelheadercontext-fade-out .2s ease
}

.vkuiPanelHeaderContext--opened .vkuiPanelHeaderContext__in {
    -webkit-animation: vkui-animation-panelheadercontext-translate-in .2s ease;
    animation: vkui-animation-panelheadercontext-translate-in .2s ease
}

.vkuiPanelHeaderContext--closing .vkuiPanelHeaderContext__in {
    -webkit-animation: vkui-animation-panelheadercontext-translate-out .2s ease;
    animation: vkui-animation-panelheadercontext-translate-out .2s ease
}

.vkuiPanelHeaderContext .vkuiList {
    background: #fff;
    background: #fff;
    background: var(--header_background, var(--vkui--color_background_content))
}

.vkuiPanelHeaderContext__in {
    box-sizing: border-box;
    padding: 8px
}

.vkuiPanelHeaderContext--ios .vkuiPanelHeaderContext__in {
    padding: 0
}

.vkuiPanelHeaderContext--rounded .vkuiList {
    border-radius: 12px;
    overflow: hidden;
    padding: 8px 0
}

.vkuiPanelHeaderContext--desktop .vkuiPanelHeaderContext__in {
    padding: 12px 8px
}

.vkuiPanelHeaderContext--desktop .vkuiPanelHeaderContext__content {
    background: #fff;
    background: #fff;
    background: var(--header_background, var(--vkui--color_background_content));
    border-radius: 12px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .08), 0 8px 8px rgba(0, 0, 0, .16);
    overflow: hidden
}

@-webkit-keyframes vkui-animation-panelheadercontext-translate-in {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes vkui-animation-panelheadercontext-translate-in {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes vkui-animation-panelheadercontext-translate-out {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes vkui-animation-panelheadercontext-translate-out {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes vkui-animation-panelheadercontext-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes vkui-animation-panelheadercontext-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes vkui-animation-panelheadercontext-fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes vkui-animation-panelheadercontext-fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.vkuiPopoutRoot {
    height: 100%;
    position: relative;
    width: 100%
}

.vkuiPopoutRoot__popout {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

.vkuiPopoutRoot--absolute {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100
}

.vkuiPopoutRoot__modal {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

.vkuiPopoutRoot__modal:empty {
    display: none
}

.vkuiSplitLayout {
    font-family: -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    font-family: var(--font-common);
    height: 100%;
    position: relative;
    width: 100%
}

.vkuiSplitLayout__inner {
    display: flex;
    height: 100%;
    width: 100%
}

.vkuiSplitLayout__inner--header {
    margin-top: -56px;
    margin-top: calc(var(--panelheader_height) * -1 + var(--safe-area-inset-top) * -1);
    position: relative;
    z-index: 11
}

.vkuiSplitLayout--ios .vkuiSplitLayout__inner--header {
    margin-top: -52px;
    margin-top: calc(var(--panelheader_height_ios) * -1 + var(--safe-area-inset-top) * -1)
}

.vkuiSplitLayout__popout {
    z-index: 100
}

.vkuiSplitLayout__modal, .vkuiSplitLayout__popout {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.vkuiSplitLayout__modal {
    z-index: 99
}

.vkuiSplitLayout__modal:empty {
    display: none
}

.vkuiSplitCol {
    flex-grow: 1;
    flex-shrink: 1;
    height: 100%;
    position: relative;
    width: 1px
}

.vkuiSplitCol--spaced {
    margin: 0 16px;
    margin: 0 16px;
    margin: 0 var(--vkui--size_split_col_padding_horizontal--regular, 16px)
}

.vkuiSplitCol--fixed {
    flex-grow: 1;
    flex-shrink: 1;
    height: 100%;
    width: 1px
}

.vkuiSplitCol__fixedInner {
    height: inherit;
    max-width: inherit;
    min-width: inherit;
    overflow: hidden;
    position: fixed;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: inherit
}

.vkuiEpic {
    height: 100%;
    width: 100%
}

.vkuiTabbar {
    background: #fff;
    background: #fff;
    background: var(--header_alternate_background, var(--vkui--color_background_tertiary));
    bottom: 0;
    box-sizing: initial;
    height: 48px;
    height: var(--tabbar_height);
    left: 0;
    padding-bottom: 0;
    padding-bottom: var(--safe-area-inset-bottom);
    position: fixed;
    width: 100%;
    z-index: 2
}

.vkuiTabbar__in {
    display: flex;
    justify-content: center;
    overflow: hidden
}

.vkuiTabbar--shadow {
    box-shadow: 0 0 2px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .08);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .08), 0px 4px 16px rgba(0, 0, 0, .08);
    box-shadow: var(--vkui--elevation3, 0 0 2px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .08))
}

.vkuiTabbar--ios.vkuiTabbar--shadow {
    box-shadow: none
}

.vkuiTabbar--ios.vkuiTabbar--shadow:before {
    background: #d7d8d9;
    background: #d7d8d9;
    background: var(--separator_common, var(--vkui--color_separator_primary_alpha));
    bottom: 100%;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    width: 100%
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .vkuiTabbar--ios:before {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-resolution: 3dppx) {
    .vkuiTabbar--ios:before {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.vkuiTabbarItem {
    align-items: center;
    background: rgba(0, 0, 0, 0);
    border: none;
    color: #99a2ad;
    color: #99a2ad;
    color: var(--tabbar_inactive_icon, var(--vkui--color_text_tertiary));
    display: flex;
    height: 48px;
    height: var(--tabbar_height);
    justify-content: center;
    outline: none;
    padding: 0;
    position: relative;
    text-decoration: none
}

.vkuiTabbar .vkuiTabbarItem {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    max-width: 100%;
    min-width: 0
}

.vkuiTabbarItem--selected {
    color: #2975cc;
    color: #2975cc;
    color: var(--tabbar_active_icon, var(--vkui--color_text_accent_themed))
}

.vkuiTabbarItem__tappable {
    position: absolute
}

.vkuiTabbarItem__in {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    padding: 0 2px;
    pointer-events: none;
    width: 100%
}

.vkuiTabbar--l-vertical .vkuiTabbarItem--text .vkuiTabbarItem__in {
    position: relative;
    top: 2px
}

.vkuiTabbar--l-vertical .vkuiTabbarItem__in {
    flex-direction: column
}

.vkuiTabbar--l-horizontal .vkuiTabbarItem__in {
    flex-direction: row
}

.vkuiTabbarItem__icon {
    color: #99a2ad;
    color: #99a2ad;
    color: var(--tabbar_inactive_icon, var(--vkui--color_icon_secondary));
    position: relative
}

.vkuiTabbarItem--selected .vkuiTabbarItem__icon {
    color: #2975cc;
    color: #2975cc;
    color: var(--tabbar_active_icon, var(--vkui--color_icon_accent_themed))
}

.vkuiTabbarItem__label .vkuiCounter {
    position: absolute;
    right: -9px;
    top: -2px
}

.vkuiTabbarItem__label .vkuiBadge {
    position: absolute;
    right: -4px;
    top: -2px
}

.vkuiTabbarItem__text {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vkuiTabbar--l-vertical .vkuiTabbarItem__text {
    font-size: 10px;
    line-height: 12px;
    margin-top: 2px
}

.vkuiTabbar--l-horizontal .vkuiTabbarItem__text {
    margin-left: 8px
}

.vkuiTabbarItem--android .vkuiTabbarItem__tappable {
    border-radius: 50%;
    padding-bottom: calc(100% + 16px);
    width: calc(100% + 16px)
}

.vkuiTabbarItem--android:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.vkuiTabbarItem--android:last-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.vkuiTabbarItem--ios .vkuiTabbarItem__tappable {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.vkuiTabbarItem--ios .vkuiTabbarItem__in {
    transition: -webkit-transform .07s cubic-bezier(.36, .66, .04, 1);
    transition: transform .07s cubic-bezier(.36, .66, .04, 1);
    transition: transform .07s cubic-bezier(.36, .66, .04, 1), -webkit-transform .07s cubic-bezier(.36, .66, .04, 1);
    transition: -webkit-transform .07s var(--ios-easing);
    transition: transform .07s var(--ios-easing);
    transition: transform .07s var(--ios-easing), -webkit-transform .07s var(--ios-easing)
}

.vkuiTabbarItem--ios .vkuiTabbarItem__tappable--active + .vkuiTabbarItem__in {
    -webkit-transform: scale(.96);
    transform: scale(.96)
}

.vkuiHorizontalScroll {
    overflow-x: hidden;
    position: relative
}

.vkuiHorizontalScroll__in {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    scrollbar-width: none
}

.vkuiHorizontalScroll__in::-webkit-scrollbar {
    display: none
}

.vkuiHorizontalScroll__in-wrapper {
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.vkuiHorizontalScroll__arrowLeft:hover ~ .vkuiHorizontalScroll__in .vkuiHorizontalScroll__in-wrapper {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}

.vkuiHorizontalScroll__arrowRight:hover ~ .vkuiHorizontalScroll__in .vkuiHorizontalScroll__in-wrapper {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
}

.vkuiTabs .vkuiHorizontalScroll {
    min-width: 100%
}

.vkuiTabs__in .vkuiHorizontalScroll__in-wrapper {
    align-items: stretch;
    display: flex
}

.vkuiTabs--sizeX-compact.vkuiTabs--withGaps .vkuiHorizontalScroll__in-wrapper:after, .vkuiTabs--sizeX-compact.vkuiTabs--withGaps .vkuiHorizontalScroll__in-wrapper:before {
    content: "";
    display: block;
    flex-shrink: 0;
    height: 1px;
    width: 8px
}

.vkuiHorizontalScrollArrow {
    background-color: initial;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0;
    transition: opacity .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: var(--android-easing);
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    z-index: 3
}

.vkuiHorizontalScrollArrow__icon {
    align-items: center;
    background-color: #fff;
    background-color: #fff;
    background-color: var(--modal_card_background, var(--vkui--color_background_modal));
    box-shadow: 0 0 2px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .08);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .08), 0px 4px 16px rgba(0, 0, 0, .08);
    box-shadow: var(--vkui--elevation3, 0 0 2px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .08));
    color: #99a2ad;
    color: #99a2ad;
    color: var(--icon_secondary, var(--vkui--color_icon_secondary));
    display: flex;
    justify-content: center
}

.vkuiHorizontalScrollArrow--m .vkuiHorizontalScrollArrow__icon {
    border-radius: 14px;
    height: 28px;
    width: 28px
}

.vkuiHorizontalScrollArrow--l .vkuiHorizontalScrollArrow__icon {
    border-radius: 24px;
    height: 40px;
    width: 40px
}

.vkuiHorizontalScrollArrow--left {
    left: 0;
    padding-left: 16px;
    padding-left: 16px;
    padding-left: var(--vkui--size_base_padding_horizontal--regular, 16px)
}

.vkuiHorizontalScrollArrow--right {
    padding-right: 16px;
    padding-right: 16px;
    padding-right: var(--vkui--size_base_padding_horizontal--regular, 16px);
    right: 0
}

.vkuiHorizontalScrollArrow--ios .vkuiHorizontalScrollArrow {
    transition-timing-function: cubic-bezier(.36, .66, .04, 1);
    transition-timing-function: var(--ios-easing)
}

.vkuiGallery:hover .vkuiHorizontalScrollArrow, .vkuiHorizontalScroll:hover .vkuiHorizontalScrollArrow {
    opacity: .64;
    opacity: 0.64;
    opacity: var(--vkui--opacity_disable_accessibility, .64)
}

.vkuiGallery:hover .vkuiHorizontalScrollArrow:hover, .vkuiHorizontalScroll--withConstArrows .vkuiHorizontalScrollArrow, .vkuiHorizontalScroll--withConstArrows:hover .vkuiHorizontalScrollArrow, .vkuiHorizontalScroll:hover .vkuiHorizontalScrollArrow:hover {
    opacity: 1
}

.vkuiPopoutWrapper {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    pointer-events: none;
    top: 0;
    width: 100%
}

.vkuiPopoutWrapper--opened {
    pointer-events: auto
}

.vkuiPopoutWrapper--closing {
    pointer-events: none
}

.vkuiPopoutWrapper--fixed {
    position: fixed
}

.vkuiPopoutWrapper__overlay {
    -webkit-animation: vkui-animation-full-fade-in .2s ease;
    animation: vkui-animation-full-fade-in .2s ease;
    -webkit-animation: vkui-animation-full-fade-in 0.2s ease;
    -webkit-animation: vkui-animation-full-fade-in var(--vkui--animation_duration_m, .2s) ease;
    animation: vkui-animation-full-fade-in 0.2s ease;
    animation: vkui-animation-full-fade-in var(--vkui--animation_duration_m, .2s) ease;
    height: 100%;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%
}

.vkuiPopoutWrapper--closing .vkuiPopoutWrapper__overlay {
    opacity: 0;
    transition: opacity .2s cubic-bezier(.3, .3, .5, 1);
    transition: opacity 0.2s cubic-bezier(0.3, 0.3, 0.5, 1);
    transition: opacity var(--vkui--animation_duration_m, .2s) var(--vkui--animation_easing_default, cubic-bezier(.3, .3, .5, 1))
}

.vkuiPopoutWrapper--masked .vkuiPopoutWrapper__overlay {
    background: rgba(0, 0, 0, .4);
    background: rgba(0, 0, 0, .4);
    background: var(--vkui--color_overlay_primary, rgba(0, 0, 0, .4))
}

.vkuiPopoutWrapper--fixed .vkuiPopoutWrapper__overlay {
    position: absolute
}

.vkuiPopoutWrapper__container {
    box-sizing: border-box;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.vkuiPopoutWrapper__content {
    display: flex;
    justify-content: center;
    pointer-events: none;
    width: 100%;
    z-index: 2
}

.vkuiPopoutWrapper__content > * {
    pointer-events: auto
}

.vkuiPopoutWrapper--v-center .vkuiPopoutWrapper__container {
    align-items: center
}

.vkuiPopoutWrapper--v-bottom .vkuiPopoutWrapper__container {
    align-items: flex-end
}

.vkuiPopoutWrapper--v-top .vkuiPopoutWrapper__container {
    align-items: flex-start
}

.vkuiPopoutWrapper--h-center .vkuiPopoutWrapper__container {
    justify-content: center
}

.vkuiPopoutWrapper--h-left .vkuiPopoutWrapper__container {
    justify-content: flex-start
}

.vkuiPopoutWrapper--h-right .vkuiPopoutWrapper__container {
    justify-content: flex-end
}

@-webkit-keyframes vkui-animation-full-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes vkui-animation-full-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.vkuiActionSheet {
    align-items: stretch;
    -webkit-animation: vkui-animation-actionsheet-intro .2s cubic-bezier(.4, 0, .2, 1);
    animation: vkui-animation-actionsheet-intro .2s cubic-bezier(.4, 0, .2, 1);
    -webkit-animation: vkui-animation-actionsheet-intro .2s var(--android-easing);
    animation: vkui-animation-actionsheet-intro .2s var(--android-easing);
    background: #fff;
    background: #fff;
    background: var(--modal_card_background, var(--vkui--color_background_modal));
    border-radius: 12px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .08);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .08), 0px 4px 16px rgba(0, 0, 0, .08);
    box-shadow: var(--vkui--elevation3, 0 0 2px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .08));
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 10px;
    overflow: hidden;
    padding: 8px 0;
    position: relative;
    width: calc(100% - 20px)
}

.vkuiActionSheet__header {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_subhead));
    padding: 16px 20px
}

.vkuiActionSheet--closing {
    -webkit-transform: translateY(calc(100% + 20px));
    transform: translateY(calc(100% + 20px));
    transition: -webkit-transform .2s cubic-bezier(.4, 0, .2, 1);
    transition: transform .2s cubic-bezier(.4, 0, .2, 1);
    transition: transform .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .2s var(--android-easing);
    transition: transform .2s var(--android-easing);
    transition: transform .2s var(--android-easing), -webkit-transform .2s var(--android-easing)
}

.vkuiActionSheet__title + .vkuiActionSheet__text {
    margin-top: 8px
}

.vkuiActionSheet--ios {
    -webkit-animation: vkui-animation-actionsheet-intro .3s cubic-bezier(.36, .66, .04, 1);
    animation: vkui-animation-actionsheet-intro .3s cubic-bezier(.36, .66, .04, 1);
    -webkit-animation: vkui-animation-actionsheet-intro .3s var(--ios-easing);
    animation: vkui-animation-actionsheet-intro .3s var(--ios-easing);
    background: rgba(0, 0, 0, 0);
    margin: unset;
    padding: 10px;
    width: 100%
}

.vkuiActionSheet--ios.vkuiActionSheet--closing {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: -webkit-transform .3s cubic-bezier(.36, .66, .04, 1);
    transition: transform .3s cubic-bezier(.36, .66, .04, 1);
    transition: transform .3s cubic-bezier(.36, .66, .04, 1), -webkit-transform .3s cubic-bezier(.36, .66, .04, 1);
    transition: -webkit-transform .3s var(--ios-easing);
    transition: transform .3s var(--ios-easing);
    transition: transform .3s var(--ios-easing), -webkit-transform .3s var(--ios-easing)
}

.vkuiActionSheet--ios .vkuiActionSheet__header {
    border-radius: 14px 14px 0 0;
    overflow: hidden;
    position: relative;
    text-align: center
}

.vkuiActionSheet--ios .vkuiActionSheet__title {
    position: relative;
    z-index: 2
}

.vkuiActionSheet--ios .vkuiActionSheet__title + .vkuiActionSheet__text {
    margin-top: 9px
}

.vkuiActionSheet--ios .vkuiActionSheet__text {
    position: relative;
    z-index: 2
}

.vkuiActionSheet--ios .vkuiActionSheet__header:before {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--modal_card_background, var(--vkui--color_background_modal));
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.vkuiActionSheet--sizeY-compact .vkuiActionSheet__header {
    padding: 12px 20px
}

.vkuiActionSheet--desktop {
    -webkit-animation: none;
    animation: none;
    height: auto;
    margin: 0;
    width: auto
}

.vkuiActionSheet--desktop.vkuiActionSheet--ios {
    border-radius: 14px;
    padding: 0
}

@-webkit-keyframes vkui-animation-actionsheet-intro {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes vkui-animation-actionsheet-intro {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.vkuiActionSheetItem {
    align-items: center;
    border-radius: 0;
    box-sizing: border-box;
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary));
    display: flex;
    min-height: 48px;
    overflow: hidden;
    padding: 0 20px;
    text-decoration: none
}

.vkuiActionSheetItem, .vkuiActionSheetItem__after, .vkuiActionSheetItem__before, .vkuiActionSheetItem__container {
    position: relative;
    z-index: 2
}

.vkuiActionSheetItem__after, .vkuiActionSheetItem__before {
    flex-shrink: 0
}

.vkuiActionSheetItem__before {
    margin-left: -2px;
    margin-right: 18px
}

.vkuiActionSheetItem__container {
    flex-grow: 1;
    max-width: 100%;
    padding: 10px 0
}

.vkuiActionSheetItem--ellipsis {
    overflow: hidden;
    white-space: nowrap
}

.vkuiActionSheetItem__content {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    overflow: hidden
}

.vkuiActionSheetItem--ellipsis .vkuiActionSheetItem__content {
    justify-content: flex-start
}

.vkuiActionSheetItem__children {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.vkuiActionSheetItem__subtitle {
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis
}

.vkuiActionSheetItem__meta, .vkuiActionSheetItem__subtitle {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary))
}

.vkuiActionSheetItem__meta {
    flex-shrink: 0;
    margin-left: 6px
}

.vkuiActionSheetItem__before {
    color: #2688eb;
    color: #2688eb;
    color: var(--action_sheet_action_foreground, var(--vkui--color_icon_accent))
}

.vkuiActionSheetItem--destructive .vkuiActionSheetItem__container:first-child {
    color: #e64646;
    color: #e64646;
    color: var(--destructive, var(--vkui--color_text_negative))
}

.vkuiActionSheetItem--destructive .vkuiActionSheetItem__before {
    color: #e64646;
    color: #e64646;
    color: var(--destructive, var(--vkui--color_icon_negative))
}

.vkuiActionSheetItem__radio {
    display: none
}

.vkuiActionSheetItem__marker {
    align-items: center;
    background-color: initial;
    border-radius: 50%;
    color: #2688eb;
    color: #2688eb;
    color: var(--accent, var(--vkui--color_icon_accent));
    display: none;
    height: 24px;
    justify-content: center;
    margin-left: 16px;
    width: 24px
}

.vkuiActionSheetItem__radio:checked ~ .vkuiActionSheetItem__marker {
    display: flex
}

.vkuiActionSheetItem--ios {
    background: #fff;
    background: #fff;
    background: var(--modal_card_background, var(--vkui--color_background_modal));
    border-radius: 0;
    color: #2688eb;
    color: #2688eb;
    color: var(--action_sheet_action_foreground, var(--vkui--color_text_accent));
    min-height: 56px;
    padding: 14px 20px 14px 19px
}

.vkuiActionSheetItem--rich {
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary))
}

.vkuiActionSheetItem--ios.vkuiActionSheetItem--destructive {
    color: #e64646;
    color: #e64646;
    color: var(--destructive, var(--vkui--color_text_negative))
}

.vkuiActionSheetItem--ios:first-child {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px
}

.vkuiActionSheetItem--ios:last-child, .vkuiActionSheetItem--ios:not(.vkuiActionSheetItem--desktop):nth-last-child(2) {
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px
}

.vkuiActionSheetItem--ios:before {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--modal_card_background, var(--vkui--color_background_modal));
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity .15s ease-out, background-color .15s ease-out;
    width: 100%;
    z-index: -1
}

.vkuiActionSheetItem--ios:after {
    background: rgba(0, 0, 0, .12);
    background: rgba(0, 0, 0, .12);
    background: var(--action_sheet_separator, var(--vkui--color_separator_primary));
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    z-index: -1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .vkuiActionSheetItem--ios:after {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-resolution: 3dppx) {
    .vkuiActionSheetItem--ios:after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.vkuiActionSheet--ios .vkuiActionSheet__header:empty, .vkuiActionSheet--ios .vkuiActionSheetItem--last:after, .vkuiActionSheetItem--cancel:after, .vkuiActionSheetItem--ios:first-child:after {
    content: none
}

.vkuiActionSheetItem--ios.vkuiActionSheetItem--active:before {
    background-color: #d7d8d9;
    background-color: #d7d8d9;
    background-color: var(--separator_common, var(--vkui--color_transparent--active));
    opacity: 1;
    transition: none
}

.vkuiActionSheetItem--ios .vkuiActionSheetItem__container {
    padding: 0
}

.vkuiActionSheetItem--ios .vkuiActionSheetItem--centered {
    justify-content: center
}

.vkuiActionSheetItem--cancel {
    border-radius: 14px;
    margin-bottom: 0;
    margin-bottom: var(--safe-area-inset-bottom);
    margin-top: 8px;
    min-height: 52px
}

.vkuiActionSheetItem--desktop {
    cursor: pointer;
    width: auto
}

.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__children, .vkuiActionSheetItem[disabled] .vkuiActionSheetItem__meta, .vkuiActionSheetItem[disabled] .vkuiActionSheetItem__subtitle {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary))
}

.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__before, .vkuiActionSheetItem[disabled] .vkuiActionSheetItem__marker {
    color: #99a2ad;
    color: #99a2ad;
    color: var(--icon_secondary, var(--vkui--color_icon_secondary))
}

.vkuiActionSheetItem--sizeY-compact {
    min-height: 32px
}

.vkuiActionSheetItem--sizeY-compact.vkuiActionSheetItem--ios {
    min-height: 36px;
    padding: 4px 20px 4px 18px
}

.vkuiActionSheetItem--sizeY-compact:not(.vkuiActionSheetItem--ios) + .vkuiActionSheetItem--sizeY-compact:not(.vkuiActionSheetItem--ios) {
    margin-top: 2px
}

.vkuiActionSheetItem--sizeY-compact .vkuiActionSheetItem__container {
    padding: 5px 0
}

.vkuiAlert {
    -webkit-animation: vkui-animation-android-alert-intro .2s cubic-bezier(.4, 0, .2, 1);
    animation: vkui-animation-android-alert-intro .2s cubic-bezier(.4, 0, .2, 1);
    -webkit-animation: vkui-animation-android-alert-intro .2s var(--android-easing);
    animation: vkui-animation-android-alert-intro .2s var(--android-easing);
    border-radius: 12px;
    border-radius: 12px;
    border-radius: var(--vkui--size_border_radius_paper--regular, 12px);
    box-shadow: 0 0 8px rgba(0, 0, 0, .12), 0 16px 16px rgba(0, 0, 0, .16);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .12), 0px 16px 16px rgba(0, 0, 0, .16);
    box-shadow: var(--vkui--elevation4, 0 0 8px rgba(0, 0, 0, .12), 0 16px 16px rgba(0, 0, 0, .16));
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary));
    margin: auto 24px;
    max-width: 416px;
    min-width: 280px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vkuiAlert--desktop {
    width: 100%
}

.vkuiAlert--closing {
    opacity: 0;
    -webkit-transform: scale(.95);
    transform: scale(.95);
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, .2, 1);
    transition: transform .2s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1);
    transition: transform .2s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .2s var(--android-easing), -webkit-transform .2s var(--android-easing);
    transition: transform .2s var(--android-easing), opacity .2s var(--android-easing);
    transition: transform .2s var(--android-easing), opacity .2s var(--android-easing), -webkit-transform .2s var(--android-easing)
}

.vkuiAlert:before {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--modal_card_background, var(--vkui--color_background_modal));
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.vkuiAlert__content {
    padding: 24px 24px 20px;
    position: relative;
    z-index: 2
}

.vkuiAlert__action {
    background: rgba(0, 0, 0, 0);
    white-space: nowrap
}

.vkuiAlert__actions {
    display: flex;
    max-width: 100%;
    padding: 0 16px 16px;
    position: relative;
    z-index: 2
}

.vkuiAlert__header {
    margin-bottom: 8px
}

.vkuiAlert__text {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary))
}

.vkuiAlert--h .vkuiAlert__actions {
    justify-content: flex-end
}

.vkuiAlert--h .vkuiAlert__button {
    margin-left: 8px
}

.vkuiAlert--v .vkuiAlert__actions {
    align-items: flex-end;
    flex-direction: column
}

.vkuiAlert--v .vkuiAlert__button {
    margin-bottom: 4px;
    margin-top: 4px
}

.vkuiAlert--v .vkuiAlert__button:first-child {
    margin-top: 0
}

.vkuiAlert--v .vkuiAlert__button:last-child {
    margin-bottom: 0
}

.vkuiAlert--ios {
    -webkit-animation: vkui-animation-ios-alert-intro .3s cubic-bezier(.36, .66, .04, 1);
    animation: vkui-animation-ios-alert-intro .3s cubic-bezier(.36, .66, .04, 1);
    -webkit-animation: vkui-animation-ios-alert-intro .3s var(--ios-easing);
    animation: vkui-animation-ios-alert-intro .3s var(--ios-easing);
    box-shadow: none;
    min-width: 270px;
    overflow: hidden;
    width: 270px
}

.vkuiAlert--ios.vkuiAlert--closing {
    opacity: 0;
    -webkit-transform: none;
    transform: none;
    transition: opacity .3s cubic-bezier(.36, .66, .04, 1);
    transition: opacity .3s var(--ios-easing)
}

.vkuiAlert--ios .vkuiAlert__content {
    padding: 19px 16px 20px;
    text-align: center
}

.vkuiAlert--ios .vkuiAlert__header:not(:last-child) {
    margin-bottom: 7px
}

.vkuiAlert--ios .vkuiAlert__text {
    color: inherit
}

.vkuiAlert--ios .vkuiAlert__content:after {
    background: rgba(0, 0, 0, .12);
    background: rgba(0, 0, 0, .12);
    background: var(--action_sheet_separator, var(--vkui--color_separator_primary_alpha));
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.vkuiAlert--ios .vkuiAlert__actions {
    padding: initial
}

.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__actions {
    align-items: normal;
    flex-direction: column
}

.vkuiAlert--ios .vkuiAlert__action {
    border: 0;
    border-radius: 0;
    color: #2688eb;
    color: #2688eb;
    color: var(--accent, var(--vkui--color_text_accent));
    display: block;
    font-size: 17px;
    height: 44px;
    line-height: 44px;
    margin: 0;
    overflow: hidden;
    padding: 0 6px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis
}

.vkuiAlert--ios .vkuiAlert__action:active {
    z-index: 1
}

.vkuiAlert--ios .vkuiAlert__action:after {
    background: rgba(0, 0, 0, .12);
    background: rgba(0, 0, 0, .12);
    background: var(--action_sheet_separator, var(--vkui--color_separator_primary_alpha));
    content: "";
    position: absolute
}

.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:after {
    height: 100%;
    right: 0;
    top: 0;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    width: 1px
}

.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:last-child:after {
    content: none
}

.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1
}

.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:first-child {
    border-bottom-left-radius: 12px
}

.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:last-child {
    border-bottom-right-radius: 12px
}

.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:after {
    bottom: 0;
    height: 1px;
    left: 0;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    width: 100%
}

.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:last-child:after {
    content: none
}

.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:last-child {
    border-radius: 0 0 12px 12px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:after, .vkuiAlert--ios .vkuiAlert__content:after {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    .vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:after {
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-resolution: 3dppx) {
    .vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:after, .vkuiAlert--ios .vkuiAlert__content:after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }

    .vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:after {
        -webkit-transform: scaleX(.33);
        transform: scaleX(.33)
    }
}

.vkuiAlert--ios .vkuiAlert__action--cancel {
    font-weight: 600
}

.vkuiAlert--ios .vkuiAlert__action--destructive {
    color: #e64646;
    color: #e64646;
    color: var(--destructive, var(--vkui--color_text_negative))
}

.vkuiAlert--vkcom {
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 0 96px rgba(0, 0, 0, .16);
    width: 400px
}

.vkuiAlert--vkcom .vkuiAlert__content {
    padding: 24px
}

.vkuiAlert--vkcom .vkuiAlert__actions {
    padding: 0 24px 16px
}

.vkuiAlert--vkcom .vkuiAlert__button {
    order: 2
}

.vkuiAlert--vkcom .vkuiAlert__button--cancel {
    order: 1
}

@-webkit-keyframes vkui-animation-ios-alert-intro {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes vkui-animation-ios-alert-intro {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes vkui-animation-android-alert-intro {
    0% {
        opacity: 0;
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes vkui-animation-android-alert-intro {
    0% {
        opacity: 0;
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.vkuiScreenSpinner {
    -webkit-animation: vkui-screen-spinner-intro .3s ease;
    animation: vkui-screen-spinner-intro .3s ease
}

.vkuiScreenSpinner--state-cancelable {
    cursor: pointer
}

.vkuiScreenSpinner__spinner {
    opacity: 1
}

.vkuiScreenSpinner--hideSpinner .vkuiScreenSpinner__spinner {
    opacity: 0;
    transition: opacity .1s ease
}

.vkuiScreenSpinner__container {
    background: #f9f9f9;
    background: #f9f9f9;
    background: var(--tabbar_background, var(--vkui--color_background_modal));
    border-radius: 8px;
    border-radius: 8px;
    border-radius: var(--vkui--size_border_radius--regular, 8px);
    box-shadow: 0 0 8px rgba(0, 0, 0, .12), 0 16px 16px rgba(0, 0, 0, .16);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .12), 0px 16px 16px rgba(0, 0, 0, .16);
    box-shadow: var(--vkui--elevation4, 0 0 8px rgba(0, 0, 0, .12), 0 16px 16px rgba(0, 0, 0, .16));
    color: #818c99;
    color: #818c99;
    color: var(--overlay_status_icon, var(--vkui--color_icon_medium));
    height: 88px;
    position: relative;
    width: 88px
}

.vkuiScreenSpinner__icon {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%
}

.vkuiScreenSpinner__icon .vkuiIcon {
    -webkit-animation: vkui-screen-spinner-intro .2s ease;
    animation: vkui-screen-spinner-intro .2s ease
}

.vkuiScreenSpinner--state-done .vkuiScreenSpinner__icon .vkuiIcon path {
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    -webkit-animation: vkui-screen-spinner-iconDone .6s cubic-bezier(.36, .66, .04, 1) .3s forwards;
    animation: vkui-screen-spinner-iconDone .6s cubic-bezier(.36, .66, .04, 1) .3s forwards;
    -webkit-animation: vkui-screen-spinner-iconDone .6s .3s var(--ios-easing) forwards;
    animation: vkui-screen-spinner-iconDone .6s .3s var(--ios-easing) forwards
}

@-webkit-keyframes vkui-screen-spinner-iconDone {
    0% {
        stroke-dashoffset: 50
    }
    to {
        stroke-dashoffset: 0
    }
}

@keyframes vkui-screen-spinner-iconDone {
    0% {
        stroke-dashoffset: 50
    }
    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes vkui-screen-spinner-intro {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes vkui-screen-spinner-intro {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.vkuiSnackbar {
    bottom: 0;
    left: auto;
    padding-bottom: 0;
    padding-bottom: var(--safe-area-inset-bottom);
    padding-left: 0;
    padding-left: var(--safe-area-inset-left);
    padding-right: 0;
    padding-right: var(--safe-area-inset-right);
    position: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 101
}

.vkuiEpic .vkuiSnackbar {
    padding-bottom: 48px;
    padding-bottom: calc(var(--tabbar_height) + var(--safe-area-inset-bottom))
}

.vkuiSnackbar__body, .vkuiSnackbar__in {
    transition: -webkit-transform .32s cubic-bezier(.4, 0, .2, 1);
    transition: transform .32s cubic-bezier(.4, 0, .2, 1);
    transition: transform .32s cubic-bezier(.4, 0, .2, 1), -webkit-transform .32s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .32s var(--android-easing);
    transition: transform .32s var(--android-easing);
    transition: transform .32s var(--android-easing), -webkit-transform .32s var(--android-easing)
}

.vkuiSnackbar__in {
    -webkit-animation: vkui-animation-snackbar-intro-vertical .34s cubic-bezier(.4, 0, .2, 1);
    animation: vkui-animation-snackbar-intro-vertical .34s cubic-bezier(.4, 0, .2, 1);
    -webkit-animation: vkui-animation-snackbar-intro-vertical .34s var(--android-easing);
    animation: vkui-animation-snackbar-intro-vertical .34s var(--android-easing);
    padding: 8px
}

.vkuiSnackbar--closing .vkuiSnackbar__in {
    -webkit-transform: translate3d(0, 140%, 0);
    transform: translate3d(0, 140%, 0)
}

.vkuiSnackbar__body {
    align-items: center;
    background: #fff;
    background: #fff;
    background: var(--modal_card_background, var(--vkui--color_background_modal));
    border-radius: 8px;
    border-radius: 8px;
    border-radius: var(--vkui--size_border_radius--regular, 8px);
    box-shadow: 0 0 8px rgba(0, 0, 0, .12), 0 16px 16px rgba(0, 0, 0, .16);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .12), 0px 16px 16px rgba(0, 0, 0, .16);
    box-shadow: var(--vkui--elevation4, 0 0 8px rgba(0, 0, 0, .12), 0 16px 16px rgba(0, 0, 0, .16));
    box-sizing: border-box;
    display: flex;
    min-height: 56px;
    padding: 12px 16px
}

.vkuiSnackbar--dark .vkuiSnackbar__body {
    background: #2d2d2e;
    background: #2d2d2e;
    background: var(--vkui--color_background_contrast_inverse, #2d2d2e)
}

.vkuiSnackbar__before {
    margin-left: -4px;
    margin-right: 12px
}

.vkuiSnackbar__after {
    margin-left: 12px;
    margin-right: -4px
}

.vkuiSnackbar__content {
    align-items: center;
    display: flex;
    flex: 1;
    overflow: hidden
}

.vkuiSnackbar--l-vertical .vkuiSnackbar__content {
    align-items: flex-start;
    flex-direction: column
}

.vkuiSnackbar__content-text {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary));
    display: -webkit-box;
    flex: 1;
    overflow: hidden;
    width: 100%
}

.vkuiSnackbar--dark .vkuiSnackbar__content-text {
    color: #fff;
    color: #fff;
    color: var(--vkui--color_text_contrast, #fff)
}

.vkuiSnackbar--l-horizontal .vkuiSnackbar__action {
    margin-right: -12px;
    margin-right: calc(12px * -1);
    margin-right: calc(var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px) * -1);
    position: relative
}

.vkuiSnackbar--l-vertical .vkuiSnackbar__action {
    margin-bottom: -6px;
    margin-left: -12px;
    margin-left: calc(12px * -1);
    margin-left: calc(var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px) * -1)
}

.vkuiModalRoot .vkuiSnackbar {
    padding-bottom: 0;
    padding-bottom: var(--safe-area-inset-bottom)
}

.vkuiSnackbar--ios .vkuiSnackbar__body, .vkuiSnackbar--ios .vkuiSnackbar__in {
    transition: -webkit-transform .4s cubic-bezier(.36, .66, .04, 1);
    transition: transform .4s cubic-bezier(.36, .66, .04, 1);
    transition: transform .4s cubic-bezier(.36, .66, .04, 1), -webkit-transform .4s cubic-bezier(.36, .66, .04, 1);
    transition: -webkit-transform .4s var(--ios-easing);
    transition: transform .4s var(--ios-easing);
    transition: transform .4s var(--ios-easing), -webkit-transform .4s var(--ios-easing)
}

.vkuiSnackbar--ios .vkuiSnackbar__in {
    -webkit-animation: vkui-animation-snackbar-intro-vertical .34s cubic-bezier(.36, .66, .04, 1);
    animation: vkui-animation-snackbar-intro-vertical .34s cubic-bezier(.36, .66, .04, 1);
    -webkit-animation: vkui-animation-snackbar-intro-vertical .34s var(--ios-easing);
    animation: vkui-animation-snackbar-intro-vertical .34s var(--ios-easing)
}

.vkuiSnackbar--desktop {
    bottom: 0;
    left: 0;
    max-width: 328px
}

.vkuiSnackbar--desktop .vkuiSnackbar__in {
    -webkit-animation-name: vkui-animation-snackbar-intro-horizontal;
    animation-name: vkui-animation-snackbar-intro-horizontal;
    padding: 12px
}

.vkuiSnackbar--desktop.vkuiSnackbar--closing .vkuiSnackbar__in {
    -webkit-transform: translate3d(-140%, 0, 0);
    transform: translate3d(-140%, 0, 0)
}

.vkuiSnackbar--touched .vkuiSnackbar__body {
    transition: none
}

@-webkit-keyframes vkui-animation-snackbar-intro-vertical {
    0% {
        -webkit-transform: translate3d(0, 140%, 0);
        transform: translate3d(0, 140%, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes vkui-animation-snackbar-intro-vertical {
    0% {
        -webkit-transform: translate3d(0, 140%, 0);
        transform: translate3d(0, 140%, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes vkui-animation-snackbar-intro-horizontal {
    0% {
        -webkit-transform: translate3d(-140%, 0, 0);
        transform: translate3d(-140%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes vkui-animation-snackbar-intro-horizontal {
    0% {
        -webkit-transform: translate3d(-140%, 0, 0);
        transform: translate3d(-140%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.vkuiModalCardBase__container {
    background: #fff;
    background: #fff;
    background: var(--modal_card_background, var(--vkui--color_background_modal));
    border-radius: 18px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .08);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .08), 0px 4px 16px rgba(0, 0, 0, .08);
    box-shadow: var(--vkui--elevation3, 0 0 2px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .08));
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0;
    margin-bottom: var(--safe-area-inset-bottom);
    padding: 16px;
    pointer-events: auto;
    position: relative
}

.vkuiModalCardBase__container--softwareKeyboardOpened {
    margin-bottom: 0
}

.vkuiModalCardBase__header, .vkuiModalCardBase__subheader {
    margin: 0;
    padding: 0 8px;
    text-align: center;
    word-break: break-word
}

.vkuiModalCardBase__header {
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary))
}

.vkuiModalCardBase__subheader {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_subhead))
}

.vkuiModalCardBase__header + .vkuiModalCardBase__subheader {
    margin-top: 8px
}

.vkuiModalCardBase__icon {
    color: #2688eb;
    color: #2688eb;
    color: var(--accent, var(--vkui--color_icon_accent));
    margin: 8px auto 16px
}

.vkuiModalCardBase__actions {
    display: flex;
    margin-left: -6px;
    margin-right: -6px;
    margin-top: 16px
}

.vkuiModalCardBase .vkuiUsersStack + .vkuiModalCardBase__actions {
    margin-top: 24px
}

.vkuiModalCardBase__header + .vkuiModalCardBase__actions, .vkuiModalCardBase__subheader + .vkuiModalCardBase__actions {
    margin-top: 32px
}

.vkuiModalCardBase__actions--v {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0
}

.vkuiModalCardBase__dismiss {
    color: #99a2ad;
    color: #99a2ad;
    color: var(--placeholder_icon_foreground_primary, var(--vkui--color_icon_secondary));
    height: 48px;
    justify-content: center;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 48px
}

.vkuiModalCardBase--ios .vkuiModalCardBase__header:first-child {
    padding-left: 36px;
    padding-right: 36px
}

.vkuiModalCardBase--android .vkuiModalCardBase__container, .vkuiModalCardBase--vkcom .vkuiModalCardBase__container {
    border-radius: 12px
}

.vkuiModalCardBase--desktop .vkuiModalCardBase__container {
    border-radius: 8px
}

.vkuiModalRoot, .vkuiModalRoot__mask {
    height: 100%;
    width: 100%
}

.vkuiModalRoot__mask {
    -webkit-animation: vkui-animation-fadeIn .32s ease;
    animation: vkui-animation-fadeIn .32s ease;
    background: rgba(0, 0, 0, .4);
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: opacity 167ms ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vkuiModalRoot--touched .vkuiModalRoot__mask {
    transition: none
}

.vkuiModalRoot--switching .vkuiModalRoot__mask {
    pointer-events: none
}

.vkuiModalRoot__viewport {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

:not(.vkuiModalRoot--desktop).vkuiModalRoot--android .vkuiModalRoot__viewport, :not(.vkuiModalRoot--desktop).vkuiModalRoot--ios .vkuiModalRoot__viewport {
    top: 0;
    top: var(--safe-area-inset-top)
}

:not(.vkuiModalRoot--desktop).vkuiModalRoot--vkapps.vkuiModalRoot--android .vkuiModalRoot__viewport {
    top: 56px;
    top: calc(var(--safe-area-inset-top) + var(--panelheader_height))
}

:not(.vkuiModalRoot--desktop).vkuiModalRoot--vkapps.vkuiModalRoot--ios .vkuiModalRoot__viewport {
    top: 52px;
    top: calc(var(--safe-area-inset-top) + var(--panelheader_height_ios))
}

.vkuiModalRoot__modal {
    box-sizing: border-box;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

@-webkit-keyframes vkui-animation-fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes vkui-animation-fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.vkuiModalCard {
    align-items: flex-end;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    left: 0;
    padding: 8px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.vkuiModalCard__in {
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: translateY(calc(100% + 16px));
    transform: translateY(calc(100% + 16px));
    width: 100%
}

.vkuiModalCard--ios .vkuiModalCard__in {
    max-width: 414px;
    transition: -webkit-transform .34s cubic-bezier(.36, .66, .04, 1);
    transition: transform .34s cubic-bezier(.36, .66, .04, 1);
    transition: transform .34s cubic-bezier(.36, .66, .04, 1), -webkit-transform .34s cubic-bezier(.36, .66, .04, 1);
    transition: -webkit-transform .34s var(--ios-easing);
    transition: transform .34s var(--ios-easing);
    transition: transform .34s var(--ios-easing), -webkit-transform .34s var(--ios-easing)
}

.vkuiModalCard--android .vkuiModalCard__in, .vkuiModalCard--vkcom .vkuiModalCard__in {
    transition: -webkit-transform .34s cubic-bezier(.4, 0, .2, 1);
    transition: transform .34s cubic-bezier(.4, 0, .2, 1);
    transition: transform .34s cubic-bezier(.4, 0, .2, 1), -webkit-transform .34s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .34s var(--android-easing);
    transition: transform .34s var(--android-easing);
    transition: transform .34s var(--android-easing), -webkit-transform .34s var(--android-easing)
}

.vkuiModalCard--android .vkuiModalCard__in {
    max-width: 440px
}

.vkuiModalCard--vkcom .vkuiModalCard__in {
    max-width: 400px
}

.vkuiModalCard--desktop {
    align-items: center
}

.vkuiModalCard--desktop .vkuiModalCard__in {
    opacity: 0;
    -webkit-transform: unset;
    transform: unset;
    transition: opacity .34s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .34s var(--android-easing)
}

.vkuiModalRoot--touched .vkuiModalCard__in {
    transition: none
}

.vkuiModalPage {
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1
}

.vkuiModalPage--desktop {
    align-items: center
}

.vkuiModalPage__in-wrap {
    align-items: flex-end;
    bottom: 0;
    display: flex;
    height: 100%;
    pointer-events: auto;
    position: absolute;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: -webkit-transform .32s cubic-bezier(.4, 0, .2, 1);
    transition: transform .32s cubic-bezier(.4, 0, .2, 1);
    transition: transform .32s cubic-bezier(.4, 0, .2, 1), -webkit-transform .32s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .32s var(--android-easing);
    transition: transform .32s var(--android-easing);
    transition: transform .32s var(--android-easing), -webkit-transform .32s var(--android-easing);
    width: 100%
}

.vkuiModalPage--ios .vkuiModalPage__in-wrap {
    transition: -webkit-transform .4s cubic-bezier(.36, .66, .04, 1);
    transition: transform .4s cubic-bezier(.36, .66, .04, 1);
    transition: transform .4s cubic-bezier(.36, .66, .04, 1), -webkit-transform .4s cubic-bezier(.36, .66, .04, 1);
    transition: -webkit-transform .4s var(--ios-easing);
    transition: transform .4s var(--ios-easing);
    transition: transform .4s var(--ios-easing), -webkit-transform .4s var(--ios-easing)
}

.vkuiModalPage--desktop .vkuiModalPage__in-wrap {
    align-items: normal;
    height: auto;
    margin: 32px 56px;
    max-height: 640px;
    opacity: 0;
    position: relative;
    -webkit-transform: none;
    transform: none;
    transition: opacity .34s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .34s var(--android-easing)
}

@media (max-height: 672px) {
    .vkuiModalPage--desktop .vkuiModalPage__in-wrap {
        max-height: calc(100% - 64px)
    }
}

.vkuiModalPage--s .vkuiModalPage__in-wrap {
    max-width: 420px;
    max-width: 420px;
    max-width: var(--vkui--size_popup_small--regular, 420px)
}

.vkuiModalPage--m .vkuiModalPage__in-wrap {
    max-width: 680px;
    max-width: 680px;
    max-width: var(--vkui--size_popup_medium--regular, 680px)
}

.vkuiModalPage--l .vkuiModalPage__in-wrap {
    max-width: 880px;
    max-width: 880px;
    max-width: var(--vkui--size_popup_large--regular, 880px)
}

.vkuiModalPage--vkcom .vkuiModalPage__in-wrap {
    max-width: 448px
}

.vkuiModalPage__in {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--background_content, var(--vkui--color_background_modal));
    border-top-left-radius: 12px;
    border-top-left-radius: 12px;
    border-top-left-radius: var(--vkui--size_border_radius_paper--regular, 12px);
    border-top-right-radius: 12px;
    border-top-right-radius: 12px;
    border-top-right-radius: var(--vkui--size_border_radius_paper--regular, 12px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.vkuiModalPage--desktop .vkuiModalPage__in {
    border-bottom-left-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-left-radius: var(--vkui--size_border_radius_paper--regular, 12px);
    border-bottom-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-right-radius: var(--vkui--size_border_radius_paper--regular, 12px);
    box-shadow: 0 0 2px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .08);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .08), 0px 4px 16px rgba(0, 0, 0, .08);
    box-shadow: var(--vkui--elevation3, 0 0 2px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .08));
    height: auto
}

.vkuiModalPage__header {
    width: 100%
}

.vkuiModalPage__content-wrap {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative
}

.vkuiModalPage__content {
    box-sizing: border-box;
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden
}

.vkuiModalPage--desktop .vkuiModalPage__content, .vkuiModalRoot__modal--expandable .vkuiModalPage__content {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.vkuiModalPage__content-in {
    padding-bottom: 0;
    padding-bottom: var(--safe-area-inset-bottom);
    position: relative
}

.vkuiModalPage__footer {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--background_content, var(--vkui--color_background_modal));
    position: relative;
    z-index: 10
}

.vkuiModalRoot--touched .vkuiModalPage__in-wrap {
    transition: none
}

.vkuiModalRoot--switching .vkuiModalPage__in-wrap {
    pointer-events: none
}

.vkuiModalRoot__modal--collapsed .vkuiModalPage__content, .vkuiModalRoot__modal--dragging .vkuiModalPage__content {
    overflow: hidden;
    touch-action: pan-y
}

.vkuiModalRoot--touched .vkuiModalPage__footer {
    transition: none
}

.vkuiModalDismissButton {
    box-sizing: border-box;
    color: #fff;
    color: #fff;
    color: var(--white, var(--vkui--color_icon_contrast));
    height: 56px;
    justify-content: center;
    padding: 18px;
    position: absolute;
    right: -56px;
    top: 0;
    transition: opacity .15s ease-out;
    width: 56px
}

.vkuiModalDismissButton:before {
    background: rgba(0, 0, 0, .4);
    background: rgba(0, 0, 0, .4);
    background: var(--vkui--color_overlay_primary, rgba(0, 0, 0, .4));
    border-radius: 50%;
    bottom: 14px;
    content: "";
    display: block;
    left: 14px;
    position: absolute;
    right: 14px;
    top: 14px
}

.vkuiModalDismissButton .vkuiIcon {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.vkuiModalDismissButton--hover.vkuiModalDismissButton:before {
    background: rgba(0, 0, 0, .44);
    background: rgba(0, 0, 0, .44);
    background: var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, .44))
}

.vkuiModalDismissButton--active.vkuiModalDismissButton:before {
    background: rgba(0, 0, 0, .48);
    background: rgba(0, 0, 0, .48);
    background: var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, .48))
}

.vkuiModalPageHeader {
    --safe-area-inset-top: 0;
    position: relative;
    z-index: 2
}

.vkuiModalPageHeader--withGaps {
    padding-left: 4px;
    padding-right: 4px
}

.vkuiModalPageHeader--desktop.vkuiModalPageHeader--withGaps {
    padding-left: 8px;
    padding-right: 8px
}

.vkuiModalPageHeader .vkuiIcon--cancel_24, .vkuiModalPageHeader .vkuiIcon--dismiss_24 {
    color: #99a2ad;
    color: #99a2ad;
    color: var(--icon_secondary, var(--vkui--color_icon_secondary))
}

.vkuiButtonGroup {
    display: inline-flex;
    max-width: 100%
}

.vkuiButtonGroup--stretched {
    display: flex;
    width: 100%
}

.vkuiButtonGroup--mode-vertical {
    flex-direction: column
}

.vkuiButtonGroup--mode-horizontal {
    flex-direction: row
}

.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-space > :not(:first-child) {
    margin-top: 1px;
    margin-top: 1px;
    margin-top: var(--vkui--size_button_group_gap_space--regular, 1px)
}

.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-s > :not(:first-child) {
    margin-top: 8px;
    margin-top: 8px;
    margin-top: var(--vkui--size_button_group_gap_small--regular, 8px)
}

.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-m > :not(:first-child) {
    margin-top: 12px;
    margin-top: 12px;
    margin-top: var(--vkui--size_button_group_gap_medium--regular, 12px)
}

.vkuiButtonGroup--mode-horizontal > :not(.vkuiButtonGroup) {
    min-width: 0
}

.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-space > :not(:last-child) {
    margin-right: 1px;
    margin-right: 1px;
    margin-right: var(--vkui--size_button_group_gap_space--regular, 1px)
}

.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-s > :not(:last-child) {
    margin-right: 8px;
    margin-right: 8px;
    margin-right: var(--vkui--size_button_group_gap_small--regular, 8px)
}

.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-m > :not(:last-child) {
    margin-right: 12px;
    margin-right: 12px;
    margin-right: var(--vkui--size_button_group_gap_medium--regular, 12px)
}

.vkuiButtonGroup--align-left {
    align-items: flex-start
}

.vkuiButtonGroup--align-center {
    align-items: center
}

.vkuiButtonGroup--align-right {
    align-items: flex-end
}

.vkuiBadge {
    border-radius: 50%;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    height: 6px;
    width: 6px
}

.vkuiBadge--new {
    background-color: #5c9ce6;
    background-color: #2688eb;
    background-color: var(--blue_200, var(--vkui--color_icon_accent))
}

.vkuiBadge--prominent {
    background-color: #ff3347;
    background-color: #ff3347;
    background-color: var(--counter_prominent_background, var(--vkui--color_icon_negative))
}

.vkuiIconButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    border-radius: 9999px;
    box-shadow: none;
    color: currentColor;
    display: block;
    height: 48px;
    margin: 0;
    padding: 0;
    position: relative
}

.vkuiIconButton--sizeY-compact {
    height: 44px
}

.vkuiIconButton[disabled] {
    opacity: .64;
    opacity: 0.64;
    opacity: var(--vkui--opacity_disable_accessibility, .64)
}

.vkuiIconButton--ios {
    border-radius: 8px;
    border-radius: 8px;
    border-radius: var(--vkui--size_border_radius--regular, 8px)
}

.vkuiIconButton .vkuiIcon--16 {
    padding: 16px
}

.vkuiIconButton .vkuiIcon--16.vkuiIcon--w-8 {
    padding: 16px 14px
}

.vkuiIconButton--sizeY-compact .vkuiIcon--16, .vkuiIconButton--sizeY-compact .vkuiIcon--16.vkuiIcon--w-8 {
    padding: 14px
}

.vkuiIconButton .vkuiIcon--24 {
    padding: 12px
}

.vkuiIconButton--sizeY-compact .vkuiIcon--24, .vkuiIconButton .vkuiIcon--28 {
    padding: 10px
}

.vkuiIconButton--sizeY-compact .vkuiIcon--28 {
    padding: 8px
}

.vkuiFormField__after .vkuiIconButton, .vkuiFormItem--removable .vkuiRemovable__content > .vkuiIconButton, .vkuiFormLayoutGroup--removable .vkuiRemovable__content > .vkuiIconButton {
    align-content: center;
    align-items: center;
    border-radius: 8px;
    border-radius: 8px;
    border-radius: var(--vkui--size_border_radius--regular, 8px);
    display: flex;
    height: 44px;
    height: 44px;
    height: var(--vkui--size_field_height--regular, 44px);
    justify-content: center;
    width: 44px;
    width: 44px;
    width: var(--vkui--size_field_height--regular, 44px)
}

.vkuiFormField__after .vkuiIconButton .vkuiIcon.vkuiIcon.vkuiIcon {
    padding: 0
}

.vkuiFormField__after .vkuiIconButton--sizeY-compact {
    width: 36px;
    width: 36px;
    width: var(--vkui--size_field_height--compact, 36px)
}

.vkuiFormField__after .vkuiIconButton--sizeY-compact, .vkuiFormItem--removable .vkuiRemovable__content > .vkuiIconButton--sizeY-compact, .vkuiFormLayoutGroup--removable .vkuiRemovable__content > .vkuiIconButton--sizeY-compact {
    height: 36px;
    height: 36px;
    height: var(--vkui--size_field_height--compact, 36px)
}

.vkuiCard {
    background: #f5f5f5;
    background: #f5f5f5;
    background: var(--content_tint_background, var(--vkui--color_background_secondary));
    border-radius: 8px;
    border-radius: 8px;
    border-radius: var(--vkui--size_card_border_radius--regular, 8px);
    position: relative
}

.vkuiCard__in {
    border-radius: inherit;
    position: relative;
    z-index: 2
}

.vkuiCard--md-shadow {
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .08), 0 0 2px 0 rgba(0, 0, 0, .08);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .08), 0px 4px 16px rgba(0, 0, 0, .08);
    box-shadow: var(--vkui--elevation3, 0 2px 24px 0 rgba(0, 0, 0, .08), 0 0 2px 0 rgba(0, 0, 0, .08))
}

.vkuiCard--md-outline, .vkuiCard--md-shadow {
    background: #fff;
    background: #fff;
    background: var(--modal_card_background, var(--vkui--color_background_modal))
}

.vkuiCard--md-outline:before {
    border: 1px solid #e1e3e6;
    border: var(--thin-border) solid #e1e3e6;
    border: var(--thin-border) solid var(--input_border, var(--vkui--color_image_border_alpha));
    border-radius: inherit;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.vkuiCardScroll .vkuiCard {
    flex-shrink: 0;
    margin-right: 8px;
    margin-right: 8px;
    margin-right: var(--vkui--size_cardgrid_padding--regular, 8px)
}

.vkuiCardScroll .vkuiCard:last-of-type {
    margin-right: 0
}

.vkuiCardScroll--s .vkuiCard {
    width: 40%
}

.vkuiCardScroll--m .vkuiCard {
    width: 62%
}

.vkuiCardScroll--l .vkuiCard {
    margin-right: 16px;
    margin-right: 16px;
    margin-right: var(--vkui--size_base_padding_horizontal--regular, 16px);
    width: calc(100% - 32px);
    width: calc(100% - 16px * 2);
    width: calc(100% - var(--vkui--size_base_padding_horizontal--regular, 16px) * 2)
}

.vkuiGroup--card .vkuiCardScroll--l .vkuiCard, .vkuiSplitCol--spaced .vkuiCardScroll--l .vkuiCard {
    margin-right: 16px;
    width: calc(100% - 32px)
}

.vkuiGroup--card .vkuiCardScroll--l .vkuiCard:last-of-type, .vkuiSplitCol--spaced .vkuiCardScroll--l .vkuiCard:last-of-type {
    margin-right: 0
}

.vkuiCardGrid {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.vkuiCardGrid--spaced {
    padding: 12px 16px;
    padding: 12px 16px;
    padding: var(--vkui--size_base_padding_vertical--regular, 12px) var(--vkui--size_base_padding_horizontal--regular, 16px)
}

.vkuiCardGrid .vkuiCard {
    margin-right: 8px;
    margin-right: 8px;
    margin-right: var(--vkui--size_cardgrid_padding--regular, 8px)
}

.vkuiCardGrid--l .vkuiCard {
    margin-right: 0;
    width: 100%
}

.vkuiCardGrid--l .vkuiCard:not(:first-child) {
    margin-top: 8px;
    margin-top: 8px;
    margin-top: var(--vkui--size_cardgrid_padding--regular, 8px)
}

.vkuiCardGrid--m .vkuiCard {
    width: calc(50% - 4px)
}

.vkuiCardGrid--m .vkuiCard:nth-child(n+3) {
    margin-top: 8px;
    margin-top: 8px;
    margin-top: var(--vkui--size_cardgrid_padding--regular, 8px)
}

.vkuiCardGrid--m .vkuiCard:nth-child(2n) {
    margin-right: 0
}

.vkuiCardGrid--s .vkuiCard {
    width: calc(33.33333% - 5.33333px)
}

.vkuiCardGrid--s .vkuiCard:nth-child(n+4) {
    margin-top: 8px;
    margin-top: 8px;
    margin-top: var(--vkui--size_cardgrid_padding--regular, 8px)
}

.vkuiCardGrid--s .vkuiCard:nth-child(3n) {
    margin-right: 0
}

.vkuiCardGrid--sizeX-compact {
    padding-left: 16px;
    padding-left: 16px;
    padding-left: var(--vkui--size_base_padding_horizontal--regular, 16px);
    padding-right: 16px;
    padding-right: 16px;
    padding-right: var(--vkui--size_base_padding_horizontal--regular, 16px)
}

.vkuiCardGrid + .vkuiCardGrid {
    margin-top: 16px
}

.vkuiGroup--card .vkuiCardGrid {
    padding-left: 8px;
    padding-right: 8px
}

.vkuiGroup .vkuiCardGrid:first-child {
    margin-top: 8px
}

.vkuiGroup .vkuiCardGrid:last-child {
    margin-bottom: 8px
}

.vkuiCardScroll__in {
    align-items: stretch;
    display: flex
}

.vkuiCardScroll__gap {
    display: block;
    flex-shrink: 0
}

.vkuiCardScroll + .vkuiCardScroll {
    margin-top: 16px
}

.vkuiCardScroll--withSpaces .vkuiCardScroll__gap {
    width: 16px;
    width: 16px;
    width: var(--vkui--size_base_padding_horizontal--regular, 16px)
}

.vkuiSplitCol--spaced .vkuiCardScroll--withSpaces .vkuiCardScroll {
    margin-left: -16px;
    margin-right: -16px
}

.vkuiSplitCol--spaced .vkuiCardScroll--withSpaces .vkuiCardScroll__gap {
    width: 16px
}

.vkuiGroup--card .vkuiCardScroll--withSpaces {
    margin-left: -8px;
    margin-right: -8px
}

.vkuiGroup--card .vkuiCardScroll--withSpaces:first-child {
    padding-top: 8px;
    padding-top: 8px;
    padding-top: var(--vkui--size_cardgrid_padding_vertical--regular, 8px)
}

.vkuiGroup--card .vkuiCardScroll--withSpaces:last-child {
    padding-bottom: 8px;
    padding-bottom: 8px;
    padding-bottom: var(--vkui--size_cardgrid_padding_vertical--regular, 8px)
}

.vkuiContentCard--disabled {
    opacity: .64;
    opacity: 0.64;
    opacity: var(--vkui--opacity_disable_accessibility, .64)
}

.vkuiContentCard__body {
    padding: 12px 16px;
    padding: 12px 16px;
    padding: var(--vkui--size_base_padding_vertical--regular, 12px) var(--vkui--size_base_padding_horizontal--regular, 16px)
}

.vkuiContentCard__tappable {
    border-radius: 8px;
    border-radius: 8px;
    border-radius: var(--vkui--size_card_border_radius--regular, 8px);
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary));
    display: block;
    text-decoration: none
}

.vkuiContentCard__img {
    border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    border-radius: var(--vkui--size_card_border_radius--regular, 8px) var(--vkui--size_card_border_radius--regular, 8px) 0 0;
    display: block;
    object-fit: cover
}

.vkuiContentCard__text:not(:last-child) {
    margin-bottom: 4px
}

.vkuiContentCard__caption, .vkuiContentCard__subtitle {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary))
}

.vkuiDiv {
    padding: 12px 16px;
    padding: 12px 16px;
    padding: var(--vkui--size_base_padding_vertical--regular, 12px) var(--vkui--size_base_padding_horizontal--regular, 16px)
}

.vkuiLink {
    background: none;
    border: 0;
    border-radius: 0;
    color: #2d81e0;
    color: #2d81e0;
    color: var(--text_link, var(--vkui--color_text_link));
    cursor: pointer;
    display: inline;
    font-size: inherit;
    margin: 0;
    padding: 0;
    text-decoration: none
}

@media (hover: hover) {
    .vkuiLink:hover {
        text-decoration: underline
    }
}

.vkuiLink--focus-visible {
    outline: 2px solid #2688eb !important;
    outline: 2px solid #2688eb !important;
    outline: 2px solid var(--accent, var(--vkui--color_stroke_accent)) !important
}

.vkuiLink--has-visited:visited {
    color: #4986cc;
    color: #4986cc;
    color: var(--vkui--color_text_link_visited, #4986cc)
}

.vkuiLink .vkuiIcon {
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle
}

.vkuiHeader {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    padding: 0 16px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.vkuiHeader__main {
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary));
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.vkuiHeader__content {
    align-items: baseline;
    display: flex
}

.vkuiHeader__content-in {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vkuiHeader__content-in--multiline {
    white-space: normal;
    word-break: break-word
}

.vkuiHeader--multiline {
    white-space: normal
}

.vkuiHeader__subtitle {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary))
}

.vkuiHeader--mode-primary .vkuiHeader__content:not(:last-child) {
    margin-top: -1px
}

.vkuiHeader--mode-secondary:not(.vkuiHeader--pi) .vkuiHeader__main, .vkuiHeader--mode-tertiary .vkuiHeader__main, .vkuiHeader__indicator {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary))
}

.vkuiHeader__indicator {
    flex-shrink: 0;
    margin-left: 6px
}

.vkuiHeader--mode-primary .vkuiHeader__indicator {
    color: #6d7885;
    color: #6d7885;
    color: var(--text_subhead, var(--vkui--color_text_subhead))
}

.vkuiHeader:not(.vkuiHeader--pi) .vkuiHeader__indicator {
    align-self: center
}

.vkuiHeader--mode-secondary .vkuiHeader__indicator {
    margin-left: 8px
}

.vkuiHeader__aside {
    margin-left: 12px;
    white-space: nowrap
}

.vkuiHeader__aside > .vkuiIcon {
    color: #99a2ad;
    color: #99a2ad;
    color: var(--icon_secondary, var(--vkui--color_icon_secondary));
    position: relative
}

.vkuiHeader__aside > .vkuiIcon--24 {
    top: 3px
}

.vkuiHeader__aside > .vkuiIcon--16 {
    top: 1px
}

.vkuiHeader--android .vkuiHeader__main {
    margin: 15px 0 9px
}

.vkuiHeader--android.vkuiHeader--mode-tertiary .vkuiHeader__main {
    margin-top: 11px
}

.vkuiHeader--ios {
    padding: 0 12px
}

.vkuiHeader--ios .vkuiHeader__main {
    margin: 13px 0 9px
}

.vkuiHeader--ios.vkuiHeader--mode-secondary .vkuiHeader__main {
    margin: 14px 0 10px
}

.vkuiHeader--ios.vkuiHeader--mode-tertiary .vkuiHeader__main {
    margin-top: 9px
}

.vkuiHeader--vkcom {
    align-items: center;
    height: 64px
}

.vkuiHeader--vkcom .vkuiHeader__main {
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary))
}

.vkuiHeader--vkcom.vkuiHeader--mode-primary .vkuiHeader__content:not(:last-child) {
    margin-top: 0
}

.vkuiHeader--vkcom.vkuiHeader--mode-secondary {
    height: 56px
}

.vkuiHeader--vkcom.vkuiHeader--mode-tertiary {
    height: 40px
}

.vkuiGroup--plain:not(:first-of-type) .vkuiGroup__inner > .vkuiHeader:first-child {
    margin-top: -16px
}

.vkuiGroup--card > .vkuiGroup__inner > .vkuiHeader:not(.vkuiHeader--mode-tertiary):first-child {
    margin-top: -4px
}

.vkuiGroup {
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary))
}

.vkuiGroup__inner {
    padding-bottom: 8px;
    padding-top: 8px
}

.vkuiGroup--sizeX-regular > .vkuiGroup__inner {
    padding: 8px
}

.vkuiGroup--card > .vkuiGroup__inner {
    background: #fff;
    background: #fff;
    background: var(--background_content, var(--vkui--color_background_content));
    border-radius: 12px;
    border-radius: 12px;
    border-radius: var(--vkui--size_border_radius_paper--regular, 12px);
    position: relative
}

.vkuiGroup--card > .vkuiGroup__inner:after {
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px #e1e3e6;
    box-shadow: inset 0 0 0 var(--thin-border) #e1e3e6;
    box-shadow: inset 0 0 0 var(--thin-border) var(--input_border);
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.vkuiGroup--plain > .vkuiGroup__separator {
    padding-bottom: 8px;
    padding-top: 8px
}

.vkuiGroup--sizeX-regular.vkuiGroup--plain > .vkuiGroup__separator {
    padding: 8px
}

.vkuiGroup:last-of-type > .vkuiGroup__separator {
    display: none
}

.vkuiGroup--sizeX-regular.vkuiGroup--card:last-of-type > .vkuiGroup__separator, .vkuiGroup:last-of-type > .vkuiGroup__separator--force {
    display: block
}

.vkuiGroup__description {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary));
    display: block;
    padding: 4px 16px 16px
}

.vkuiGroup .vkuiGroup > .vkuiGroup__inner, .vkuiGroup .vkuiGroup > .vkuiGroup__separator {
    padding-left: 0;
    padding-right: 0
}

.vkuiGroup .vkuiGroup:first-of-type > .vkuiGroup__inner {
    padding-top: 0
}

.vkuiGroup .vkuiGroup:last-of-type > .vkuiGroup__inner {
    padding-bottom: 0
}

.vkuiGroup--ios .vkuiGroup__description {
    padding: 4px 12px 16px
}

.vkuiPanelHeader--vkcom + * .vkuiGroup--card:first-of-type, .vkuiPanelHeader--vkcom ~ .vkuiGroup--card:first-of-type {
    position: relative;
    top: -1px
}

.vkuiPanelHeader--vkcom + * .vkuiGroup--card:first-of-type .vkuiGroup__inner, .vkuiPanelHeader--vkcom ~ .vkuiGroup--card:first-of-type .vkuiGroup__inner {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.vkuiGradient--md-tint.vkuiGradient--to-top {
    background: linear-gradient(180deg, hsla(0, 0%, 98%, 0), hsla(0, 0%, 98%, .036) 13%, hsla(0, 0%, 98%, .15) 27%, hsla(0, 0%, 98%, .79) 68%, hsla(0, 0%, 98%, .95) 84%, #f9f9f9);
    background: linear-gradient(180deg, hsla(0, 0%, 98%, 0) 0%, hsla(0, 0%, 98%, .036) 13%, hsla(0, 0%, 98%, .15) 27%, hsla(0, 0%, 98%, .79) 68%, hsla(0, 0%, 98%, .95) 84%, #f9f9f9 100%);
    background: linear-gradient(180deg, var(--vkui--gradient_tint, hsla(0, 0%, 98%, 0) 0, hsla(0, 0%, 98%, .036) 13%, hsla(0, 0%, 98%, .15) 27%, hsla(0, 0%, 98%, .79) 68%, hsla(0, 0%, 98%, .95) 84%, #f9f9f9 100%))
}

.vkuiGradient--md-tint.vkuiGradient--to-bottom {
    background: linear-gradient(0deg, hsla(0, 0%, 98%, 0), hsla(0, 0%, 98%, .036) 13%, hsla(0, 0%, 98%, .15) 27%, hsla(0, 0%, 98%, .79) 68%, hsla(0, 0%, 98%, .95) 84%, #f9f9f9);
    background: linear-gradient(0deg, hsla(0, 0%, 98%, 0) 0%, hsla(0, 0%, 98%, .036) 13%, hsla(0, 0%, 98%, .15) 27%, hsla(0, 0%, 98%, .79) 68%, hsla(0, 0%, 98%, .95) 84%, #f9f9f9 100%);
    background: linear-gradient(0deg, var(--vkui--gradient_tint, hsla(0, 0%, 98%, 0) 0, hsla(0, 0%, 98%, .036) 13%, hsla(0, 0%, 98%, .15) 27%, hsla(0, 0%, 98%, .79) 68%, hsla(0, 0%, 98%, .95) 84%, #f9f9f9 100%))
}

.vkuiGradient--md-white.vkuiGradient--to-top {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .036) 13%, hsla(0, 0%, 100%, .15) 27%, hsla(0, 0%, 100%, .79) 68%, hsla(0, 0%, 100%, .95) 84%, #fff);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0%, hsla(0, 0%, 100%, .036) 13%, hsla(0, 0%, 100%, .15) 27%, hsla(0, 0%, 100%, .79) 68%, hsla(0, 0%, 100%, .95) 84%, #fff 100%);
    background: linear-gradient(180deg, var(--vkui--gradient_white, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .036) 13%, hsla(0, 0%, 100%, .15) 27%, hsla(0, 0%, 100%, .79) 68%, hsla(0, 0%, 100%, .95) 84%, #fff 100%))
}

.vkuiGradient--md-white.vkuiGradient--to-bottom {
    background: linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .036) 13%, hsla(0, 0%, 100%, .15) 27%, hsla(0, 0%, 100%, .79) 68%, hsla(0, 0%, 100%, .95) 84%, #fff);
    background: linear-gradient(0deg, hsla(0, 0%, 100%, 0) 0%, hsla(0, 0%, 100%, .036) 13%, hsla(0, 0%, 100%, .15) 27%, hsla(0, 0%, 100%, .79) 68%, hsla(0, 0%, 100%, .95) 84%, #fff 100%);
    background: linear-gradient(0deg, var(--vkui--gradient_white, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .036) 13%, hsla(0, 0%, 100%, .15) 27%, hsla(0, 0%, 100%, .79) 68%, hsla(0, 0%, 100%, .95) 84%, #fff 100%))
}

.vkuiGradient--md-black.vkuiGradient--to-top {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .014) 13%, rgba(0, 0, 0, .06) 27%, rgba(0, 0, 0, .316) 68%, rgba(0, 0, 0, .38) 84%, rgba(0, 0, 0, .4));
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .014) 13%, rgba(0, 0, 0, .06) 27%, rgba(0, 0, 0, .316) 68%, rgba(0, 0, 0, .38) 84%, rgba(0, 0, 0, .4) 100%);
    background: linear-gradient(180deg, var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .014) 13%, rgba(0, 0, 0, .06) 27%, rgba(0, 0, 0, .316) 68%, rgba(0, 0, 0, .38) 84%, rgba(0, 0, 0, .4) 100%))
}

.vkuiGradient--md-black.vkuiGradient--to-bottom {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .014) 13%, rgba(0, 0, 0, .06) 27%, rgba(0, 0, 0, .316) 68%, rgba(0, 0, 0, .38) 84%, rgba(0, 0, 0, .4));
    background: linear-gradient(0deg, transparent 0%, rgba(0, 0, 0, .014) 13%, rgba(0, 0, 0, .06) 27%, rgba(0, 0, 0, .316) 68%, rgba(0, 0, 0, .38) 84%, rgba(0, 0, 0, .4) 100%);
    background: linear-gradient(0deg, var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .014) 13%, rgba(0, 0, 0, .06) 27%, rgba(0, 0, 0, .316) 68%, rgba(0, 0, 0, .38) 84%, rgba(0, 0, 0, .4) 100%))
}

.vkuiSimpleCell {
    align-items: center;
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary));
    display: flex;
    min-height: 48px;
    padding-left: 16px;
    padding-left: 16px;
    padding-left: var(--vkui--size_base_padding_horizontal--regular, 16px);
    padding-right: 16px;
    padding-right: 16px;
    padding-right: var(--vkui--size_base_padding_horizontal--regular, 16px);
    text-decoration: none;
    white-space: nowrap
}

.vkuiSimpleCell--mult {
    white-space: normal
}

.vkuiSimpleCell--mult .vkuiSimpleCell__children {
    text-overflow: clip
}

.vkuiSimpleCell__main {
    flex-grow: 1;
    max-width: 100%;
    min-width: 0;
    overflow: hidden
}

.vkuiSimpleCell > .vkuiIcon {
    color: #2688eb;
    color: #2688eb;
    color: var(--accent, var(--vkui--color_icon_accent));
    flex-shrink: 0;
    padding-bottom: 10px;
    padding-right: 12px;
    padding-top: 10px
}

.vkuiSimpleCell > .vkuiIcon--28 {
    padding-right: 16px
}

.vkuiSimpleCell__text {
    overflow: hidden;
    text-overflow: ellipsis
}

.vkuiSimpleCell__subtitle {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary))
}

.vkuiSimpleCell .vkuiSimpleCell__content {
    align-content: flex-start;
    align-items: center;
    display: flex;
    justify-content: space-between;
    max-width: 100%
}

.vkuiSimpleCell:not(.vkuiSimpleCell--mult) .vkuiSimpleCell__content {
    justify-content: flex-start
}

.vkuiSimpleCell__children {
    color: inherit;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.vkuiSimpleCell--mult .vkuiSimpleCell__children, .vkuiSimpleCell--mult .vkuiSimpleCell__subtitle {
    flex: 1 1 auto
}

.vkuiSimpleCell__badge {
    color: #5c9ce6;
    color: #2688eb;
    color: var(--blue_200, var(--vkui--color_icon_accent));
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0
}

.vkuiSimpleCell__content > :not(:last-child) {
    margin-right: 4px
}

.vkuiSimpleCell__indicator {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary));
    min-width: 0;
    overflow: hidden;
    padding-left: 4px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vkuiSimpleCell__after {
    align-items: center;
    color: #2688eb;
    color: #2688eb;
    color: var(--accent, var(--vkui--color_icon_accent));
    display: flex;
    flex-shrink: 0
}

.vkuiSimpleCell__after > .vkuiIcon {
    padding-left: 8px
}

.vkuiSimpleCell__after > .vkuiIcon:last-child {
    padding-right: 2px
}

.vkuiSimpleCell__after .vkuiIconButton:last-child {
    margin-right: -12px
}

.vkuiSimpleCell--ios .vkuiSimpleCell__indicator, .vkuiSimpleCell--ios .vkuiSimpleCell__main {
    padding-bottom: 11px;
    padding-top: 9px
}

.vkuiSimpleCell--ios > .vkuiIcon--28 {
    padding-left: 4px
}

.vkuiSimpleCell--ios .vkuiSimpleCell__after .vkuiIcon--chevron_24 {
    color: #b8c1cc;
    color: #b8c1cc;
    color: var(--icon_tertiary, var(--vkui--color_icon_tertiary));
    padding-left: 12px;
    padding-right: 4px
}

.vkuiSimpleCell--ios .vkuiSimpleCell__after .vkuiIconButton:last-child {
    margin-right: -9px
}

.vkuiSimpleCell--android .vkuiSimpleCell__indicator, .vkuiSimpleCell--android .vkuiSimpleCell__main, .vkuiSimpleCell--vkcom .vkuiSimpleCell__indicator, .vkuiSimpleCell--vkcom .vkuiSimpleCell__main {
    padding-bottom: 10px;
    padding-top: 11px
}

.vkuiSimpleCell--sizeY-compact {
    min-height: 44px
}

.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__indicator, .vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__main {
    padding-bottom: 10px;
    padding-top: 10px
}

.vkuiFormItem > .vkuiSimpleCell {
    margin: 0 -16px;
    margin: 0 calc(16px * -1);
    margin: 0 calc(var(--vkui--size_base_padding_horizontal--regular, 16px) * -1)
}

.vkuiSimpleCell__main > :not(:first-child) {
    margin-top: 2px
}

.vkuiCell {
    position: relative
}

.vkuiList--dragging .vkuiCell:not(.vkuiCell--dragging) {
    pointer-events: none;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.vkuiCell--dragging {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--background_content, var(--vkui--color_background_modal));
    box-shadow: 0 0 2px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .08);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .08), 0px 4px 16px rgba(0, 0, 0, .08);
    box-shadow: var(--vkui--elevation3, 0 0 2px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .08));
    opacity: .8;
    z-index: 3
}

.vkuiCell--selectable.vkuiCell--disabled {
    opacity: .64;
    opacity: 0.64;
    opacity: var(--vkui--opacity_disable_accessibility, .64)
}

.vkuiCell__checkbox, .vkuiCell__dragger {
    flex-shrink: 0;
    margin-right: 16px;
    position: relative
}

.vkuiCell__dragger {
    z-index: 2
}

.vkuiCell__content {
    max-width: 100%;
    min-width: 0
}

.vkuiCell--removable .vkuiCell__content {
    flex-grow: 1;
    padding-left: 0;
    padding-right: 0
}

.vkuiCell--ios .vkuiCell__dragger {
    margin-left: 12px;
    margin-right: 0
}

.vkuiCell--ios .vkuiCell__checkbox {
    margin-right: 12px
}

.vkuiFormItem > .vkuiCell {
    margin: 0 -16px;
    margin: 0 calc(16px * -1);
    margin: 0 calc(var(--vkui--size_base_padding_horizontal--regular, 16px) * -1)
}

.vkuiCellCheckbox__icon {
    color: #b8c1cc;
    color: #b8c1cc;
    color: var(--icon_tertiary, var(--vkui--color_icon_tertiary))
}

.vkuiCellCheckbox__icon, .vkuiCellCheckbox__input {
    display: none
}

.vkuiCellCheckbox__icon--on {
    color: #2688eb;
    color: #2688eb;
    color: var(--accent, var(--vkui--color_icon_accent))
}

.vkuiCellCheckbox__input:checked ~ .vkuiCellCheckbox__icon--on, .vkuiCellCheckbox__input:not(:checked) ~ .vkuiCellCheckbox__icon--off {
    display: block
}

.vkuiCellDragger {
    color: #99a2ad;
    color: #99a2ad;
    color: var(--icon_secondary, var(--vkui--color_icon_secondary));
    cursor: ns-resize
}

.vkuiCellButton {
    background: rgba(0, 0, 0, 0);
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0;
    padding-bottom: 0;
    padding-top: 0;
    text-align: left;
    text-decoration: none;
    width: 100%
}

.vkuiFormItem .vkuiCellButton {
    box-sizing: initial;
    margin: 0 -16px;
    margin: 0 calc(16px * -1);
    margin: 0 calc(var(--vkui--size_base_padding_horizontal--regular, 16px) * -1);
    width: 100%
}

.vkuiCellButton[disabled] {
    opacity: .4
}

.vkuiCellButton--centered {
    justify-content: center;
    text-align: center
}

.vkuiCellButton--centered .vkuiSimpleCell__main {
    flex-grow: 0;
    max-width: none
}

.vkuiCellButton--centered > .vkuiIcon {
    padding-right: 8px
}

.vkuiCellButton {
    color: #2688eb;
    color: #2688eb;
    color: var(--accent, var(--vkui--color_text_accent))
}

.vkuiCellButton > .vkuiIcon {
    color: #2688eb;
    color: #2688eb;
    color: var(--accent, var(--vkui--color_icon_accent))
}

.vkuiCellButton--danger {
    color: #e64646;
    color: #e64646;
    color: var(--destructive, var(--vkui--color_text_negative))
}

.vkuiCellButton--danger > .vkuiIcon {
    color: #e64646;
    color: #e64646;
    color: var(--destructive, var(--vkui--color_icon_negative))
}

.vkuiRichCell {
    box-sizing: border-box;
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary));
    display: flex;
    min-height: 64px;
    padding: 8px 16px;
    padding: 8px 16px;
    padding: 8px var(--vkui--size_base_padding_horizontal--regular, 16px);
    text-decoration: none
}

.vkuiRichCell--sizeY-compact {
    min-height: 60px
}

.vkuiRichCell__before {
    margin-right: 12px
}

.vkuiRichCell__in {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    max-width: 100%;
    min-width: 0
}

.vkuiRichCell__content {
    display: flex
}

.vkuiRichCell__content-before {
    flex-grow: 1;
    min-width: 0
}

.vkuiRichCell__content-after {
    align-items: flex-end;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    padding-left: 4px
}

.vkuiRichCell__content-after .vkuiIcon {
    color: #2688eb;
    color: #2688eb;
    color: var(--accent, var(--vkui--color_icon_accent))
}

.vkuiRichCell__after-children {
    font-weight: 500;
    font-weight: 500;
    font-weight: var(--vkui--font_weight_accent2, 500)
}

.vkuiRichCell__after-caption {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary));
    font-size: 13px;
    font-size: 13px;
    font-size: var(--vkui--font_footnote--font_size--regular, 13px);
    line-height: 16px;
    line-height: 16px;
    line-height: var(--vkui--font_footnote--line_height--regular, 16px);
    margin-top: 2px
}

.vkuiRichCell--sizeY-compact .vkuiRichCell__after-caption {
    font-size: 12px;
    font-size: 12px;
    font-size: var(--vkui--font_caption1--font_size--regular, 12px);
    line-height: 14px;
    line-height: 14px;
    line-height: var(--vkui--font_caption1--line_height--regular, 14px)
}

.vkuiRichCell__caption, .vkuiRichCell__subhead {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary))
}

.vkuiRichCell__caption {
    margin-top: 1px
}

.vkuiRichCell__children {
    font-weight: 500;
    font-weight: 500;
    font-weight: var(--vkui--font_weight_accent2, 500)
}

.vkuiRichCell--text-ellipsis .vkuiRichCell__caption, .vkuiRichCell--text-ellipsis .vkuiRichCell__children, .vkuiRichCell--text-ellipsis .vkuiRichCell__subhead, .vkuiRichCell--text-ellipsis .vkuiRichCell__text {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vkuiRichCell__bottom {
    margin-top: 5px
}

.vkuiRichCell__actions {
    display: flex;
    margin-top: 8px
}

.vkuiRichCell__after-children, .vkuiRichCell__children, .vkuiRichCell__text {
    font-size: 15px;
    font-size: 15px;
    font-size: var(--vkui--font_paragraph--font_size--regular, 15px);
    line-height: 20px;
    line-height: 20px;
    line-height: var(--vkui--font_paragraph--line_height--regular, 20px)
}

.vkuiRichCell--sizeY-compact .vkuiRichCell__after-children, .vkuiRichCell--sizeY-compact .vkuiRichCell__children, .vkuiRichCell--sizeY-compact .vkuiRichCell__text {
    font-size: 14px;
    font-size: 14px;
    font-size: var(--vkui--font_subhead--font_size--regular, 14px);
    line-height: 18px;
    line-height: 18px;
    line-height: var(--vkui--font_subhead--line_height--regular, 18px)
}

.vkuiFormItem .vkuiRichCell {
    margin-left: -16px;
    margin-left: calc(16px * -1);
    margin-left: calc(var(--vkui--size_base_padding_horizontal--regular, 16px) * -1);
    margin-right: -16px;
    margin-right: calc(16px * -1);
    margin-right: calc(var(--vkui--size_base_padding_horizontal--regular, 16px) * -1)
}

.vkuiHorizontalCell {
    display: flex
}

.vkuiHorizontalCell__image {
    display: flex;
    justify-content: center
}

.vkuiHorizontalCell__body {
    text-decoration: none
}

.vkuiHorizontalCell__content {
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary));
    text-overflow: ellipsis;
    word-break: break-all
}

.vkuiHorizontalCell__subtitle {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary))
}

.vkuiHorizontalCell__content .vkuiHorizontalCell__subtitle {
    margin-top: 2px
}

.vkuiHorizontalCell--s {
    max-width: 80px
}

.vkuiHorizontalCell__image {
    padding: 4px 6px
}

.vkuiHorizontalCell__content {
    padding: 2px 6px 8px;
    text-align: left
}

.vkuiHorizontalCell--s .vkuiHorizontalCell__image {
    padding: 4px 8px
}

.vkuiHorizontalCell--s .vkuiHorizontalCell__content {
    padding: 2px 4px 8px;
    text-align: center
}

.vkuiHorizontalCell--m {
    width: 100px
}

.vkuiHorizontalCell--l {
    width: auto
}

.vkuiHorizontalCell:first-child:before, .vkuiHorizontalCell:last-child:after {
    content: "";
    min-width: 10px
}

.vkuiHorizontalCell--s:first-child:before, .vkuiHorizontalCell--s:last-child:after {
    min-width: 8px
}

.vkuiHorizontalCell--s:first-child, .vkuiHorizontalCell--s:last-child {
    max-width: 88px
}

.vkuiHorizontalCell--m:first-child, .vkuiHorizontalCell--m:last-child {
    width: 110px
}

.vkuiFooter {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary));
    display: block;
    margin: 24px 0;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center
}

.vkuiSpinner {
    align-items: center;
    color: #99a2ad;
    color: #99a2ad;
    color: var(--icon_outline_secondary, var(--vkui--color_icon_medium));
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.vkuiSpinner__self {
    -webkit-animation: vkui-rotator .7s linear infinite;
    animation: vkui-rotator .7s linear infinite;
    -webkit-animation: vkui-rotator var(--duration) linear infinite;
    animation: vkui-rotator var(--duration) linear infinite;
    -webkit-transform-origin: center;
    transform-origin: center
}

.vkuiSpinner__self svg {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.vkuiButton .vkuiSpinner, .vkuiPanelHeader .vkuiSpinner {
    color: currentColor
}

.vkuiSwitch {
    cursor: pointer;
    display: block;
    padding: 3px;
    padding: calc(20px / 2 - 14px / 2);
    padding: calc(var(--vkui--size_switch_pin--regular, 20px) / 2 - var(--vkui--size_switch_height--regular, 14px) / 2);
    position: relative
}

.vkuiSwitch--sizeY-compact {
    padding: 3px;
    padding: calc(18px / 2 - 12px / 2);
    padding: calc(var(--vkui--size_switch_pin--compact, 18px) / 2 - var(--vkui--size_switch_height--compact, 12px) / 2)
}

.vkuiSwitch--disabled {
    cursor: default
}

.vkuiSwitch__pseudo {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    display: block;
    position: relative
}

.vkuiSwitch__pseudo:before {
    background: #f2f3f5;
    background: #f2f3f5;
    background: var(--vkui--color_icon_contrast_secondary, #f2f3f5);
    border-radius: 50%;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .24);
    box-sizing: border-box;
    content: "";
    height: 20px;
    height: 20px;
    height: var(--vkui--size_switch_pin--regular, 20px);
    left: -3px;
    left: calc(14px / 2 - 20px / 2);
    left: calc(var(--vkui--size_switch_height--regular, 14px) / 2 - var(--vkui--size_switch_pin--regular, 20px) / 2);
    position: absolute;
    top: -3px;
    top: calc(14px / 2 - 20px / 2);
    top: calc(var(--vkui--size_switch_height--regular, 14px) / 2 - var(--vkui--size_switch_pin--regular, 20px) / 2);
    width: 20px;
    width: 20px;
    width: var(--vkui--size_switch_pin--regular, 20px)
}

.vkuiSwitch--sizeY-compact .vkuiSwitch__pseudo:before {
    height: 18px;
    height: 18px;
    height: var(--vkui--size_switch_pin--compact, 18px);
    left: -3px;
    left: calc(12px / 2 - 18px / 2);
    left: calc(var(--vkui--size_switch_height--compact, 12px) / 2 - var(--vkui--size_switch_pin--compact, 18px) / 2);
    top: -3px;
    top: calc(12px / 2 - 18px / 2);
    top: calc(var(--vkui--size_switch_height--compact, 12px) / 2 - var(--vkui--size_switch_pin--compact, 18px) / 2);
    width: 18px;
    width: 18px;
    width: var(--vkui--size_switch_pin--compact, 18px)
}

.vkuiSwitch__self:checked + .vkuiSwitch__pseudo:before {
    background: #2688eb;
    background: #2688eb;
    background: var(--accent, var(--vkui--color_icon_accent));
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-transform: translateX(calc(34px - 14px));
    -webkit-transform: translateX(calc(var(--vkui--size_switch_width--regular, 34px) - var(--vkui--size_switch_height--regular, 14px)));
    transform: translateX(calc(34px - 14px));
    transform: translateX(calc(var(--vkui--size_switch_width--regular, 34px) - var(--vkui--size_switch_height--regular, 14px)))
}

.vkuiSwitch__pseudo:after {
    background: rgba(0, 0, 0, .24);
    background: rgba(0, 0, 0, .24);
    background: var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, .24));
    border-radius: 17px;
    border-radius: calc(34px / 2);
    border-radius: calc(var(--vkui--size_switch_width--regular, 34px) / 2);
    content: "";
    display: block;
    height: 14px;
    height: 14px;
    height: var(--vkui--size_switch_height--regular, 14px);
    width: 34px;
    width: 34px;
    width: var(--vkui--size_switch_width--regular, 34px)
}

.vkuiSwitch--sizeY-compact .vkuiSwitch__pseudo:after {
    border-radius: 16px;
    border-radius: calc(32px / 2);
    border-radius: calc(var(--vkui--size_switch_width--compact, 32px) / 2);
    height: 12px;
    height: 12px;
    height: var(--vkui--size_switch_height--compact, 12px);
    width: 32px;
    width: 32px;
    width: var(--vkui--size_switch_width--compact, 32px)
}

.vkuiSwitch__self:checked + .vkuiSwitch__pseudo:after {
    background: #2688eb;
    background: #2688eb;
    background: var(--accent, var(--vkui--color_icon_accent));
    opacity: .48
}

.vkuiSwitch--sizeY-compact .vkuiSwitch__self:checked + .vkuiSwitch__pseudo:before {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-transform: translateX(calc(32px - 12px));
    -webkit-transform: translateX(calc(var(--vkui--size_switch_width--compact, 32px) - var(--vkui--size_switch_height--compact, 12px)));
    transform: translateX(calc(32px - 12px));
    transform: translateX(calc(var(--vkui--size_switch_width--compact, 32px) - var(--vkui--size_switch_height--compact, 12px)))
}

.vkuiSwitch__self[disabled] + .vkuiSwitch__pseudo {
    opacity: .4;
    opacity: 0.4;
    opacity: var(--vkui--opacity_disable, .4)
}

.vkuiSwitch--ios .vkuiSwitch__pseudo:before {
    background: #fff;
    background: var(--white);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .15), 0 3px 1px rgba(0, 0, 0, .06), inset 0 0 0 .5px rgba(0, 0, 0, .04)
}

.vkuiSwitch--ios .vkuiSwitch__self:checked + .vkuiSwitch__pseudo:before {
    background: #fff;
    background: var(--white)
}

.vkuiSwitch--ios .vkuiSwitch__pseudo:after {
    background: rgba(0, 28, 61, .08);
    background: rgba(0, 28, 61, .08);
    background: var(--placeholder_icon_background, var(--vkui--color_track_background))
}

.vkuiSwitch--ios .vkuiSwitch__self:checked + .vkuiSwitch__pseudo:after {
    opacity: 1
}

@media (prefers-reduced-motion: no-preference) {
    .vkuiSwitch__pseudo:after {
        transition: background-color .1s ease
    }

    .vkuiSwitch__pseudo:before {
        transition: -webkit-transform .1s ease;
        transition: transform .1s ease;
        transition: transform .1s ease, -webkit-transform .1s ease
    }

    .vkuiSwitch--ios .vkuiSwitch__pseudo:after {
        transition: background-color .2s ease
    }

    .vkuiSwitch--ios .vkuiSwitch__pseudo:before {
        transition: -webkit-transform .2s cubic-bezier(.36, -.24, .26, 1.32);
        transition: transform .2s cubic-bezier(.36, -.24, .26, 1.32);
        transition: transform .2s cubic-bezier(.36, -.24, .26, 1.32), -webkit-transform .2s cubic-bezier(.36, -.24, .26, 1.32)
    }
}

.vkuiSimpleCell__after > .vkuiSwitch {
    margin-left: 12px
}

.vkuiSimpleCell > .vkuiSwitch:first-child {
    margin-right: 12px
}

.vkuiInfoRow {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.vkuiInfoRow, .vkuiInfoRow__header {
    overflow: hidden;
    text-overflow: ellipsis
}

.vkuiInfoRow__header {
    color: #6d7885;
    color: #6d7885;
    color: var(--text_subhead, var(--vkui--color_text_subhead));
    display: block;
    margin-bottom: 2px;
    white-space: nowrap
}

.vkuiAvatar {
    background: currentColor;
    background-size: cover;
    box-sizing: border-box;
    color: rgba(0, 28, 61, .08);
    color: rgba(0, 28, 61, .08);
    color: var(--placeholder_icon_background, var(--vkui--color_background));
    flex-shrink: 0;
    position: relative
}

.vkuiAvatar--failed .vkuiAvatar__img {
    visibility: hidden
}

.vkuiAvatar__img {
    border: none;
    border-radius: inherit;
    display: block;
    height: 100%;
    object-fit: cover;
    position: relative;
    width: 100%
}

.vkuiAvatar--shadow:after, .vkuiAvatar__badge--shadow:before, .vkuiAvatar__children {
    border-radius: inherit;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.vkuiAvatar--shadow:after {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
    box-shadow: inset 0 0 0 var(--thin-border) rgba(0, 0, 0, .08);
    box-shadow: inset 0 0 0 var(--thin-border) var(--image_border, var(--vkui--color_image_border_alpha));
    content: ""
}

.vkuiAvatar__overlay {
    align-items: center;
    border: none;
    border-radius: inherit;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s;
    width: 100%;
    z-index: 1
}

.vkuiAvatar__overlay--light {
    background-color: hsla(0, 0%, 100%, .85);
    background-color: hsla(0, 0%, 100%, .85);
    background-color: var(--vkui--color_avatar_overlay_inverse_alpha, hsla(0, 0%, 100%, .85));
    color: #2688eb;
    color: #2688eb;
    color: var(--accent, var(--vkui--color_icon_accent))
}

.vkuiAvatar__overlay--dark {
    background-color: rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, .6);
    background-color: var(--vkui--color_avatar_overlay, rgba(0, 0, 0, .6));
    color: #fff;
    color: #fff;
    color: var(--button_commerce_foreground, var(--vkui--color_icon_contrast))
}

.vkuiAvatar__overlay--visible {
    opacity: 1
}

.vkuiAvatar__overlay--focus-visible {
    box-shadow: 0 0 0 2px #2688eb;
    box-shadow: 0 0 0 2px #2688eb;
    box-shadow: 0 0 0 2px var(--accent, var(--vkui--color_stroke_accent));
    opacity: 1
}

.vkuiAvatar__children {
    align-items: center;
    color: #99a2ad;
    color: #99a2ad;
    color: var(--icon_secondary, var(--vkui--color_icon_secondary));
    display: flex;
    justify-content: center
}

.vkuiAvatar__badge {
    bottom: calc(14% - 1px);
    position: absolute;
    right: calc(14% - 1px);
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
    z-index: 1
}

.vkuiAvatar__badge--large {
    bottom: 14%;
    right: 14%
}

.vkuiAvatar__badge--shadow:before {
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, .03), 0 2px 2px rgba(0, 0, 0, .06);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .03), 0px 2px 2px rgba(0, 0, 0, .06);
    box-shadow: var(--vkui--elevation1, 0 0 2px rgba(0, 0, 0, .03), 0 2px 2px rgba(0, 0, 0, .06));
    content: ""
}

.vkuiAvatar__badge-online {
    border-radius: 50%
}

.vkuiAvatar__badge-online, .vkuiAvatar__badge-online-mobile {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--background_content, var(--vkui--color_background_content));
    color: #4bb34b;
    color: #4bb34b;
    color: var(--button_commerce_background, var(--vkui--color_accent_green))
}

.vkuiAvatar__badge-online-mobile {
    border-radius: 3px;
    padding: 2px
}

.vkuiCellButton > .vkuiAvatar .vkuiIcon {
    color: #2688eb;
    color: #2688eb;
    color: var(--accent, var(--vkui--color_icon_accent))
}

.vkuiCellButton--danger > .vkuiAvatar .vkuiIcon {
    color: #e64646;
    color: #e64646;
    color: var(--destructive, var(--vkui--color_icon_negative))
}

.vkuiPanelHeader__before .vkuiAvatar {
    margin-left: 8px
}

.vkuiPanelHeader__after .vkuiAvatar {
    margin-right: 8px
}

.vkuiSimpleCell > .vkuiAvatar {
    margin-right: 12px
}

.vkuiSimpleCell > .vkuiAvatar--sz-28, .vkuiSimpleCell > .vkuiAvatar--sz-32 {
    margin-bottom: 10px;
    margin-top: 10px
}

.vkuiSimpleCell > .vkuiAvatar--sz-40 {
    margin-bottom: 4px;
    margin-top: 4px
}

.vkuiSimpleCell > .vkuiAvatar--sz-48, .vkuiSimpleCell > .vkuiAvatar--sz-72 {
    margin-bottom: 6px;
    margin-top: 6px
}

.vkuiSimpleCell--ios > .vkuiAvatar--sz-28, .vkuiSimpleCell--ios > .vkuiAvatar--sz-32 {
    margin-left: 4px
}

.vkuiSimpleCell--sizeY-compact > .vkuiAvatar--sz-28, .vkuiSimpleCell--sizeY-compact > .vkuiAvatar--sz-32 {
    margin-bottom: 8px;
    margin-top: 8px
}

.vkuiSimpleCell--sizeY-compact > .vkuiAvatar--sz-40 {
    margin-bottom: 2px;
    margin-top: 2px
}

.vkuiSimpleCell--sizeY-compact > .vkuiAvatar--sz-48 {
    margin-bottom: 4px;
    margin-top: 4px
}

.vkuiInitialsAvatar {
    background-color: #99a2ad;
    background-image: linear-gradient(135deg, #b1b6bd, #99a2ad)
}

.vkuiInitialsAvatar--color-red {
    background-color: #e52e40;
    background-image: linear-gradient(135deg, #ff7583, #e52e40)
}

.vkuiInitialsAvatar--color-pink {
    background-color: #e62e6b;
    background-image: linear-gradient(135deg, #ff8880, #e62e6b)
}

.vkuiInitialsAvatar--color-orange {
    background-color: #e66b2e;
    background-image: linear-gradient(135deg, #ffbf80, #e66b2e)
}

.vkuiInitialsAvatar--color-yellow {
    background-color: #e7a902;
    background-image: linear-gradient(135deg, #ffd54f, #e7a902)
}

.vkuiInitialsAvatar--color-green {
    background-color: #6cd97e;
    background-image: linear-gradient(135deg, #6cd97e, #12b212)
}

.vkuiInitialsAvatar--color-l-blue {
    background-color: #2bb4d6;
    background-image: linear-gradient(135deg, #7df1fa, #2bb4d6)
}

.vkuiInitialsAvatar--color-blue {
    background-color: #3f8ae0;
    background-image: linear-gradient(135deg, #6cf, #3f8ae0)
}

.vkuiInitialsAvatar--color-violet {
    background-color: #8f3fe0;
    background-image: linear-gradient(135deg, #d3a6ff, #8f3fe0)
}

.vkuiInitialsAvatar__text {
    color: #fff;
    color: #fff;
    color: var(--white, var(--vkui--color_text_contrast));
    font-family: VK Sans Display, -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    font-family: var(--font-display);
    font-weight: 600;
    text-align: center;
    text-transform: uppercase
}

.vkuiGridAvatar__in {
    --grid-avatar-image-offset: 2px;
    border-radius: inherit;
    display: flex;
    flex-flow: column wrap;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.vkuiGridAvatar__item {
    background-position: 50%;
    background-size: cover;
    height: calc(50% - var(--grid-avatar-image-offset) / 2);
    margin-right: var(--grid-avatar-image-offset);
    width: calc(50% - var(--grid-avatar-image-offset) / 2)
}

.vkuiGridAvatar__item:only-child {
    width: 100%
}

.vkuiGridAvatar__item:first-child:not(:nth-last-child(4)), .vkuiGridAvatar__item:nth-child(2):last-child {
    height: 100%
}

.vkuiGridAvatar__item:nth-last-child(4), .vkuiGridAvatar__item:nth-last-child(n+3) ~ .vkuiGridAvatar__item:nth-last-child(2) {
    margin-bottom: var(--grid-avatar-image-offset)
}

.vkuiGallery {
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vkuiGallery__viewport {
    height: 100%;
    margin: 0;
    position: relative
}

.vkuiGallery--center .vkuiGallery__viewport {
    margin: 0 auto
}

.vkuiGallery__layer {
    align-items: stretch;
    cursor: -webkit-grab;
    cursor: grab;
    display: flex;
    height: 100%;
    min-height: 100px;
    width: 100%
}

.vkuiGallery__layer:empty {
    min-height: 0
}

.vkuiGallery__slide {
    flex: 0 0 auto;
    max-width: 100%;
    overflow: hidden;
    width: 100%
}

.vkuiGallery--custom-width .vkuiGallery__slide {
    width: auto
}

.vkuiGallery__slide > * {
    min-height: 100%;
    width: 100%
}

.vkuiGallery__bullets {
    align-items: center;
    bottom: 10px;
    display: flex;
    height: 6px;
    justify-content: center;
    left: 0;
    position: absolute;
    width: 100%
}

.vkuiGallery__bullets--dark .vkuiGallery__bullet {
    background-color: #2c2d2e;
    background-color: #2c2d2e;
    background-color: var(--vkui--color_icon_primary_invariably, #2c2d2e)
}

.vkuiGallery__bullets--light .vkuiGallery__bullet {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--vkui--color_icon_contrast, #fff)
}

.vkuiGallery__bullet {
    border-radius: 50%;
    height: 6px;
    margin: 0 3px;
    opacity: .64;
    opacity: 0.64;
    opacity: var(--vkui--opacity_disable_accessibility, .64);
    width: 6px
}

.vkuiGallery__bullet--active {
    opacity: 1
}

.vkuiProgress {
    background: #e1e3e6;
    background: #e1e3e6;
    background: var(--loader_track_fill, var(--vkui--color_track_background));
    border-radius: 1px;
    height: 2px
}

.vkuiProgress__in {
    background: #2688eb;
    background: #2688eb;
    background: var(--accent, var(--vkui--color_stroke_accent));
    border-radius: inherit;
    height: 100%;
    transition: width .2s ease
}

.vkuiSearch {
    font-family: -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    font-family: var(--font-common);
    font-weight: 400;
    line-height: normal;
    overflow: hidden;
    padding: 8px 16px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.vkuiSearch__in {
    position: relative
}

.vkuiSearch__width {
    color: rgba(0, 0, 0, 0);
    white-space: nowrap;
    width: 10000px
}

.vkuiSearch__control {
    align-items: center;
    border-radius: 8px;
    border-radius: 8px;
    border-radius: var(--vkui--size_border_radius--regular, 8px);
    display: flex;
    height: 100%;
    justify-content: flex-start;
    left: 0;
    position: absolute;
    top: 0;
    width: calc(100% - 1px)
}

.vkuiSearch__input {
    -webkit-appearance: none;
    background-color: initial;
    border: none;
    border-radius: 8px;
    border-radius: 8px;
    border-radius: var(--vkui--size_border_radius--regular, 8px);
    box-sizing: border-box;
    flex-grow: 1;
    font-size: 17px;
    margin: 0;
    max-width: 100%;
    min-width: 0;
    padding: 0 22px 0 36px;
    position: relative;
    z-index: 2
}

.vkuiSearch__input::-webkit-search-cancel-button, .vkuiSearch__input::-webkit-search-decoration, .vkuiSearch__input::-webkit-search-results-button, .vkuiSearch__input::-webkit-search-results-decoration {
    display: none
}

.vkuiSearch--has-after .vkuiSearch__input {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.vkuiSearch--has-icon .vkuiSearch__input, .vkuiSearch--has-icon .vkuiSearch__placeholder, .vkuiSearch--has-value .vkuiSearch__input, .vkuiSearch--has-value .vkuiSearch__placeholder {
    padding-right: 40px
}

.vkuiSearch--has-icon.vkuiSearch--has-value .vkuiSearch__input, .vkuiSearch--has-icon.vkuiSearch--has-value .vkuiSearch__placeholder {
    padding-right: 80px
}

.vkuiSearch__after-width {
    cursor: text;
    flex-shrink: 0;
    font-size: 17px;
    padding-left: 12px;
    padding-right: 4px;
    pointer-events: none
}

.vkuiSearch__placeholder {
    box-sizing: border-box;
    cursor: text;
    display: flex;
    font-size: 0;
    left: 0;
    padding-left: 12px;
    padding-right: 22px;
    pointer-events: none;
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 1
}

.vkuiSearch__placeholder-in {
    align-items: center;
    display: flex;
    flex-grow: 1;
    max-width: 100%;
    overflow: hidden
}

.vkuiSearch__placeholder-text {
    color: #818c99;
    color: #818c99;
    color: var(--vkui--color_text_secondary, #818c99);
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vkuiSearch--has-value .vkuiSearch__placeholder-text {
    opacity: 0
}

.vkuiSearch__icons {
    color: #818c99;
    color: #818c99;
    color: var(--search_bar_field_tint, var(--vkui--color_icon_secondary));
    position: absolute;
    right: 100%;
    top: 0
}

.vkuiSearch__icon, .vkuiSearch__icons {
    align-items: center;
    display: flex;
    justify-content: center
}

.vkuiSearch__icon {
    cursor: pointer;
    width: 40px
}

.vkuiSearch__after {
    cursor: default;
    left: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: -webkit-transform .3s cubic-bezier(.36, .66, .04, 1);
    transition: transform .3s cubic-bezier(.36, .66, .04, 1);
    transition: transform .3s cubic-bezier(.36, .66, .04, 1), -webkit-transform .3s cubic-bezier(.36, .66, .04, 1);
    transition: -webkit-transform .3s var(--ios-easing);
    transition: transform .3s var(--ios-easing);
    transition: transform .3s var(--ios-easing), -webkit-transform .3s var(--ios-easing);
    z-index: 2
}

.vkuiSearch--focused .vkuiSearch__after, .vkuiSearch--has-value .vkuiSearch__after {
    -webkit-transform: translate(-100%);
    transform: translate(-100%)
}

.vkuiSearch__after:before {
    content: "";
    display: block;
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: calc(100% - 1px);
    width: 10px
}

.vkuiSearch__after-in {
    cursor: pointer;
    font-size: 17px;
    padding-left: 12px;
    padding-right: 4px;
    position: relative;
    z-index: 2
}

.vkuiSearch__after:after {
    border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
    border-radius: 0 var(--vkui--size_border_radius--regular, 8px) var(--vkui--size_border_radius--regular, 8px) 0;
    content: "";
    cursor: text;
    display: block;
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 0;
    width: 10px
}

.vkuiGroup--plain .vkuiSearch {
    padding-top: 4px
}

.vkuiSearch__after-width, .vkuiSearch__icon, .vkuiSearch__input, .vkuiSearch__placeholder, .vkuiSearch__placeholder-in, .vkuiSearch__width {
    height: 32px;
    height: 32px;
    height: var(--vkui--size_search_height--compact, 32px)
}

.vkuiSearch__after, .vkuiSearch__after-width {
    line-height: 32px;
    line-height: 32px;
    line-height: var(--vkui--size_search_height--compact, 32px)
}

.vkuiSearch--sizeY-regular .vkuiSearch__after-width, .vkuiSearch--sizeY-regular .vkuiSearch__icon, .vkuiSearch--sizeY-regular .vkuiSearch__input, .vkuiSearch--sizeY-regular .vkuiSearch__placeholder, .vkuiSearch--sizeY-regular .vkuiSearch__placeholder-in, .vkuiSearch--sizeY-regular .vkuiSearch__width {
    height: 36px;
    height: 36px;
    height: var(--vkui--size_search_height--regular, 36px)
}

.vkuiSearch--sizeY-regular .vkuiSearch__after, .vkuiSearch--sizeY-regular .vkuiSearch__after-width {
    line-height: 36px;
    line-height: 36px;
    line-height: var(--vkui--size_search_height--regular, 36px)
}

.vkuiSearch {
    background: #fff;
    background: #fff;
    background: var(--search_bar_background, var(--vkui--color_background_content))
}

.vkuiSearch__control {
    background-color: #ebedf0;
    background-color: #ebedf0;
    background-color: var(--search_bar_field_background, var(--vkui--color_search_field_background))
}

.vkuiSearch__in:hover .vkuiSearch__after-width, .vkuiSearch__in:hover .vkuiSearch__after:after, .vkuiSearch__in:hover .vkuiSearch__control {
    background-color: #e2e4e9;
    background-color: #e2e4e9;
    background-color: var(--vkui--color_search_field_background--hover, #e2e4e9)
}

.vkuiSearch__in:hover .vkuiSearch__after-width {
    color: #e2e4e9;
    color: #e2e4e9;
    color: var(--vkui--color_search_field_background--hover, #e2e4e9)
}

.vkuiSearch__in:active .vkuiSearch__after-width, .vkuiSearch__in:active .vkuiSearch__after:after, .vkuiSearch__in:active .vkuiSearch__control {
    background-color: #d8dbe2;
    background-color: #d8dbe2;
    background-color: var(--vkui--color_search_field_background--active, #d8dbe2)
}

.vkuiSearch__in:active .vkuiSearch__after-width {
    color: #d8dbe2;
    color: #d8dbe2;
    color: var(--vkui--color_search_field_background--active, #d8dbe2)
}

.vkuiSearch__input {
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary))
}

.vkuiSearch__placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--search_bar_field_tint, var(--vkui--color_icon_medium))
}

.vkuiSearch__after-width {
    background: #ebedf0;
    background: #ebedf0;
    background: var(--search_bar_field_background, var(--vkui--color_search_field_background));
    color: #ebedf0;
    color: #ebedf0;
    color: var(--search_bar_field_background, var(--vkui--color_search_field_background))
}

.vkuiSearch__after {
    background: #fff;
    background: #fff;
    background: var(--search_bar_background, var(--vkui--color_background_content));
    color: #2688eb;
    color: #2688eb;
    color: var(--accent, var(--vkui--color_icon_accent_themed))
}

.vkuiSearch__after:after {
    background-color: #ebedf0;
    background-color: #ebedf0;
    background-color: var(--search_bar_field_background, var(--vkui--color_search_field_background))
}

.vkuiSearch__after:before {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--search_bar_background, var(--vkui--color_background_content))
}

.vkuiPanelHeader .vkuiSearch {
    background: #fff;
    background: #fff;
    background: var(--header_background, var(--vkui--color_header_background))
}

.vkuiPanelHeader .vkuiSearch__control {
    background-color: #ebedf0;
    background-color: #ebedf0;
    background-color: var(--header_search_field_background, var(--vkui--color_search_field_background))
}

.vkuiPanelHeader .vkuiSearch__input {
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary))
}

.vkuiPanelHeader .vkuiSearch__placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--header_search_field_tint, var(--vkui--color_icon_secondary))
}

.vkuiPanelHeader .vkuiSearch__after-width {
    background: #ebedf0;
    background: #ebedf0;
    background: var(--header_search_field_background, var(--vkui--color_search_field_background));
    color: #ebedf0;
    color: #ebedf0;
    color: var(--header_search_field_background, var(--vkui--color_search_field_background))
}

.vkuiPanelHeader .vkuiSearch__after {
    background: #fff;
    background: #fff;
    background: var(--header_background, var(--vkui--color_header_background));
    color: #2688eb;
    color: #2688eb;
    color: var(--header_tint, var(--vkui--color_icon_accent_themed))
}

.vkuiPanelHeader .vkuiSearch__after:after {
    background-color: #ebedf0;
    background-color: #ebedf0;
    background-color: var(--header_search_field_background, var(--vkui--color_search_field_background))
}

.vkuiPanelHeader .vkuiSearch__after:before {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--header_background, var(--vkui--color_header_background))
}

.vkuiSearch--vkcom {
    padding: initial
}

.vkuiPanelHeader--vkcom .vkuiSearch, .vkuiSearch--vkcom, .vkuiSearch--vkcom .vkuiSearch__in:active .vkuiSearch__control, .vkuiSearch--vkcom .vkuiSearch__in:hover .vkuiSearch__control {
    background: rgba(0, 0, 0, 0)
}

.vkuiSearch--vkcom .vkuiSearch__in {
    padding-bottom: 6px;
    padding-top: 6px
}

.vkuiSearch--vkcom .vkuiSearch__input {
    font-size: 15px;
    line-height: 20px;
    padding-left: 40px
}

.vkuiSearch--vkcom .vkuiSearch__placeholder {
    color: #99a2ad;
    color: #99a2ad;
    color: var(--vkui--color_icon_secondary, #99a2ad);
    padding-left: 16px
}

.vkuiSearch--vkcom .vkuiSearch__icons {
    color: #818c99;
    color: #818c99;
    color: var(--search_bar_field_tint, var(--vkui--color_icon_medium));
    right: calc(100% + 8px);
    top: 4px
}

.vkuiSearch--vkcom.vkuiSearch--has-value .vkuiSearch__input {
    padding-right: 56px
}

.vkuiSearch--vkcom.vkuiSearch--has-icon.vkuiSearch--has-value .vkuiSearch__input {
    padding-right: 92px
}

.vkuiSearch--vkcom .vkuiSearch__icon {
    height: 40px;
    opacity: .8;
    width: 40px
}

.vkuiSearch--vkcom .vkuiSearch__icon:hover {
    background-color: rgba(0, 0, 0, .04);
    background-color: rgba(0, 0, 0, .04);
    background-color: var(--background_hover, var(--vkui--color_background_secondary_alpha--hover));
    border-radius: 50%
}

.vkuiSearch--vkcom .vkuiSearch__control {
    background-color: initial
}

.vkuiPanelHeader--vkcom .vkuiSearch__separator {
    display: none
}

.vkuiSearch--vkcom .vkuiSearch__separator {
    color: #e1e3e6;
    color: #e1e3e6;
    color: var(--input_border, var(--vkui--color_separator_primary))
}

.vkuiGroup--card .vkuiSearch--vkcom {
    margin: 0 -8px
}

.vkuiGroup--card .vkuiSearch--vkcom:first-child {
    margin-top: -8px
}

.vkuiGroup--card .vkuiSearch--vkcom:not(:last-child) {
    margin-bottom: 8px
}

.vkuiGroup--card .vkuiSearch--vkcom .vkuiSearch__placeholder {
    padding-left: 20px
}

.vkuiGroup--card .vkuiSearch--vkcom .vkuiSearch__input {
    padding-left: 44px
}

.vkuiSearch--ios {
    padding: 8px 12px
}

.vkuiTabs__in {
    align-items: stretch;
    display: flex
}

.vkuiTabs--withGaps {
    justify-content: flex-start
}

.vkuiTabs--ios.vkuiTabs--segmented {
    padding: 4px 12px 8px
}

.vkuiPanelHeader .vkuiTabs {
    font-family: -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    font-family: var(--font-common);
    overflow: hidden
}

.vkuiPanelHeader .vkuiTabs:after {
    content: "";
    display: block;
    width: 1000px
}

.vkuiGroup--plain .vkuiGroup__inner > .vkuiTabs--default:first-child {
    margin-top: -8px
}

.vkuiGroup--card > .vkuiGroup__inner > .vkuiTabs--default:first-child {
    margin-top: -4px
}

.vkuiFixedLayout--ios.vkuiFixedLayout--bottom .vkuiTabs:after {
    background: #fff;
    background: #fff;
    background: var(--background_content, var(--vkui--color_background_content));
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.vkuiFixedLayout--ios.vkuiFixedLayout--bottom .vkuiSeparator, .vkuiFixedLayout--ios.vkuiFixedLayout--bottom .vkuiTabs__in {
    position: relative;
    z-index: 2
}

.vkuiTabsItem {
    align-items: center;
    border-radius: 8px;
    border-radius: 8px;
    border-radius: var(--vkui--size_border_radius--regular, 8px);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    max-width: 100%;
    min-height: 32px;
    min-width: 0;
    padding: 4px 8px;
    transition: background-color .15s ease-out
}

.vkuiTabsItem--withGaps {
    margin-bottom: 8px;
    margin-left: 6px;
    margin-top: 8px
}

.vkuiTabsItem--sizeY-compact {
    min-height: 28px;
    padding-bottom: 2px;
    padding-top: 2px
}

.vkuiTabsItem[disabled] {
    opacity: .64;
    opacity: 0.64;
    opacity: var(--vkui--opacity_disable_accessibility, .64)
}

.vkuiTabsItem--default {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    min-height: 48px;
    padding: 12px 16px;
    position: relative
}

.vkuiTabsItem--sizeY-compact.vkuiTabsItem--default {
    min-height: 44px;
    padding-bottom: 10px;
    padding-top: 10px
}

.vkuiTabsItem--hover.vkuiTabsItem--default {
    background-color: rgba(0, 16, 61, .04);
    background-color: rgba(0, 16, 61, .04);
    background-color: var(--vkui--color_transparent--hover, rgba(0, 16, 61, .04))
}

.vkuiTabsItem--accent {
    transition: background-color .15s ease-out, box-shadow .15s ease-out
}

.vkuiTabsItem--selected.vkuiTabsItem--accent {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--header_alternate_background, var(--vkui--color_background_modal));
    box-shadow: 0 4px 8px rgba(0, 0, 0, .04), 0 0 4px rgba(0, 0, 0, .06);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, .04), 0px 0px 4px rgba(0, 0, 0, .06);
    box-shadow: var(--vkui--elevation2, 0 4px 8px rgba(0, 0, 0, .04), 0 0 4px rgba(0, 0, 0, .06))
}

.vkuiTabsItem--hover.vkuiTabsItem--accent {
    background-color: #ebedf0;
    background-color: #ebedf0;
    background-color: var(--control_background, var(--vkui--color_background_secondary))
}

.vkuiTabsItem--accent:before {
    border: 1px solid rgba(0, 0, 0, 0);
    border: var(--thin-border) solid rgba(0, 0, 0, 0);
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.vkuiTabsItem--selected.vkuiTabsItem--accent:before {
    border-color: #d7d8d9;
    border-color: #d7d8d9;
    border-color: var(--separator_common, var(--vkui--color_separator_primary))
}

.vkuiTabsItem--selected.vkuiTabsItem--secondary {
    background-color: rgba(0, 0, 0, .04);
    background-color: rgba(0, 0, 0, .04);
    background-color: var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, .04))
}

.vkuiTabsItem--hover.vkuiTabsItem--secondary {
    background-color: rgba(0, 0, 0, .08);
    background-color: rgba(0, 0, 0, .08);
    background-color: var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, .08))
}

.vkuiTabsItem__before {
    color: #818c99;
    color: #818c99;
    color: var(--icon_outline_medium, var(--vkui--color_icon_medium));
    margin-right: 6px;
    transition: color .15s ease-out
}

.vkuiTabsItem--selected .vkuiTabsItem__before {
    color: #2c2d2e;
    color: #2c2d2e;
    color: var(--vkui--color_icon_primary, #2c2d2e)
}

.vkuiTabsItem--selected.vkuiTabsItem--accent .vkuiTabsItem__before {
    color: #2688eb;
    color: #2688eb;
    color: var(--header_tint_alternate, var(--vkui--color_icon_accent_themed))
}

.vkuiTabsItem--selected.vkuiTabsItem--secondary .vkuiTabsItem__before {
    opacity: .72
}

.vkuiTabsItem__label {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary));
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .15s ease-out;
    white-space: nowrap
}

.vkuiTabsItem--selected .vkuiTabsItem__label {
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary))
}

.vkuiTabsItem--selected.vkuiTabsItem--accent .vkuiTabsItem__label {
    color: #2688eb;
    color: #2688eb;
    color: var(--header_tint_alternate, var(--vkui--color_text_accent_themed))
}

.vkuiTabsItem--selected.vkuiTabsItem--secondary .vkuiTabsItem__label {
    opacity: .72
}

.vkuiTabsItem__status {
    margin-left: 6px
}

.vkuiTabsItem__status--count {
    color: #99a2ad;
    color: #99a2ad;
    color: var(--text_tertiary, var(--vkui--color_text_tertiary))
}

.vkuiTabsItem__after {
    color: #2688eb;
    color: #2688eb;
    color: var(--header_tint_alternate, var(--vkui--color_icon_accent_themed));
    margin-left: 6px
}

.vkuiTabsItem__underline {
    background-color: #2688eb;
    background-color: #2688eb;
    background-color: var(--accent, var(--vkui--color_background_accent));
    border-radius: 2px;
    bottom: 5px;
    height: 2px;
    left: 16px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 16px;
    transition: opacity .15s ease-out
}

.vkuiTabsItem--sizeY-compact .vkuiTabsItem__underline {
    bottom: 3px
}

.vkuiTabsItem__underline[data-selected=true] {
    opacity: 1
}

.vkuiTabs--vkcom .vkuiTabsItem {
    flex-grow: 0;
    min-width: auto;
    padding-left: 10px;
    padding-right: 10px
}

.vkuiTabs--vkcom .vkuiTabsItem__underline {
    bottom: 0;
    left: 2px;
    right: 2px
}

.vkuiHorizontalScroll .vkuiTabsItem {
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0;
    min-width: 64px
}

.vkuiTabsItem--ios.vkuiTabsItem--segmented {
    border: 1px solid #99a2ad;
    border: 1px solid #99a2ad;
    border: 1px solid var(--segmented_control_tint);
    border-radius: 0;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    max-width: 100%;
    padding: 7px 12px
}

.vkuiTabsItem--ios.vkuiTabsItem--segmented:not(:first-child) {
    border-left: none
}

.vkuiTabsItem--ios.vkuiTabsItem--segmented:first-child {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px
}

.vkuiTabsItem--ios.vkuiTabsItem--segmented:last-child {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px
}

.vkuiTabsItem--ios.vkuiTabsItem--segmented.vkuiTabsItem--selected {
    background-color: #99a2ad;
    background-color: #99a2ad;
    background-color: var(--segmented_control_tint);
    color: #fff;
    color: #fff;
    color: var(--background_content)
}

.vkuiTabsItem--ios.vkuiTabsItem--segmented:not(.vkuiTabsItem--selected).vkuiTabsItem--active {
    background-color: #d7d8d9;
    background-color: #d7d8d9;
    background-color: var(--separator_common)
}

.vkuiTabs--header .vkuiTabsItem--ios.vkuiTabsItem--segmented.vkuiTabsItem--selected {
    background-color: #2688eb;
    background-color: #2688eb;
    background-color: var(--header_tint_alternate);
    color: #fff;
    color: #fff;
    color: var(--header_background)
}

.vkuiTabsItem--ios.vkuiTabsItem--segmented .vkuiTabsItem__label {
    color: #99a2ad;
    color: #99a2ad;
    color: var(--segmented_control_tint)
}

.vkuiTabsItem--ios.vkuiTabsItem--segmented.vkuiTabsItem--selected .vkuiTabsItem__label {
    color: #fff;
    color: #fff;
    color: var(--background_content)
}

.vkuiPanelHeader--ios .vkuiTabsItem--segmented:not(.vkuiTabsItem--selected).vkuiTabsItem--active .vkuiTabsItem__label {
    opacity: .7
}

.vkuiPanelHeader--ios .vkuiTabsItem--segmented {
    border-color: #2688eb;
    border-color: #2688eb;
    border-color: var(--header_tint_alternate);
    color: #2688eb;
    color: #2688eb;
    color: var(--header_tint_alternate)
}

.vkuiTooltip {
    height: 100%;
    left: 0;
    top: 0;
    white-space: normal;
    width: 100%;
    z-index: 2
}

.vkuiTooltip, .vkuiTooltip__container {
    position: absolute
}

.vkuiTooltip__content {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--vkui--color_background_modal, #fff);
    border-radius: 8px;
    border-radius: 8px;
    border-radius: var(--vkui--size_border_radius--regular, 8px);
    box-shadow: 0 0 2px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .08);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .08), 0px 4px 16px rgba(0, 0, 0, .08);
    box-shadow: var(--vkui--elevation3, 0 0 2px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .08));
    color: #000;
    color: #000;
    color: var(--vkui--color_text_primary, #000);
    max-width: 220px;
    padding: 9px 12px 10px
}

.vkuiTooltip__arrow {
    color: #fff;
    color: #fff;
    color: var(--vkui--color_background_modal, #fff)
}

.vkuiTooltip--accent .vkuiTooltip__content {
    background-color: #5a9eff;
    background-color: #5a9eff;
    background-color: var(--vkui--color_background_accent_tint, #5a9eff);
    color: #fff;
    color: #fff;
    color: var(--vkui--color_text_contrast, #fff)
}

.vkuiTooltip--accent .vkuiTooltip__arrow {
    color: #5a9eff;
    color: #5a9eff;
    color: var(--vkui--color_background_accent_tint, #5a9eff)
}

.vkuiTooltip--white .vkuiTooltip__content {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--vkui--color_background_contrast, #fff);
    color: #000;
    color: #000;
    color: var(--vkui--color_text_primary_invariably, #000)
}

.vkuiTooltip--white .vkuiTooltip__arrow {
    color: #fff;
    color: #fff;
    color: var(--vkui--color_background_contrast, #fff)
}

.vkuiTooltip--black .vkuiTooltip__content {
    background-color: #2d2d2e;
    background-color: #2d2d2e;
    background-color: var(--vkui--color_background_contrast_inverse, #2d2d2e);
    color: #fff;
    color: #fff;
    color: var(--vkui--color_text_contrast, #fff)
}

.vkuiTooltip--black .vkuiTooltip__arrow {
    color: #2d2d2e;
    color: #2d2d2e;
    color: var(--vkui--color_background_contrast_inverse, #2d2d2e)
}

.vkuiTooltip--inversion .vkuiTooltip__content {
    background-color: #2d2d2e;
    background-color: #2d2d2e;
    background-color: var(--vkui--color_background_modal_inverse, #2d2d2e);
    color: #fff;
    color: #fff;
    color: var(--vkui--color_text_contrast_themed, #fff)
}

.vkuiTooltip--inversion .vkuiTooltip__arrow {
    color: #2d2d2e;
    color: #2d2d2e;
    color: var(--vkui--color_background_modal_inverse, #2d2d2e)
}

.vkuiPullToRefresh {
    flex-grow: 1
}

.vkuiPullToRefresh--refreshing {
    pointer-events: none;
    touch-action: none
}

.vkuiPullToRefresh__controls {
    pointer-events: none;
    width: 100%;
    z-index: 9
}

.vkuiPullToRefresh--ios .vkuiPullToRefresh__controls {
    z-index: 0
}

.vkuiPullToRefresh__spinner {
    align-items: center;
    background: #fff;
    background: #fff;
    background: var(--background_suggestions, var(--vkui--color_background_modal));
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    color: #2688eb;
    color: #2688eb;
    color: var(--accent, var(--vkui--color_icon_accent));
    display: flex;
    height: 40px;
    justify-content: center;
    margin: auto;
    opacity: 0;
    transition: opacity .22s ease-out, -webkit-transform .3s cubic-bezier(.1, 0, .25, 1);
    transition: transform .3s cubic-bezier(.1, 0, .25, 1), opacity .22s ease-out;
    transition: transform .3s cubic-bezier(.1, 0, .25, 1), opacity .22s ease-out, -webkit-transform .3s cubic-bezier(.1, 0, .25, 1);
    width: 40px
}

.vkuiPullToRefresh--ios .vkuiPullToRefresh__spinner {
    background: none;
    border-radius: 0;
    box-shadow: none;
    color: #99a2ad;
    color: #99a2ad;
    color: var(--icon_outline_secondary, var(--vkui--color_icon_medium))
}

.vkuiPullToRefresh--watching .vkuiPullToRefresh__spinner {
    transition: opacity .22s ease-out
}

.vkuiPullToRefresh__spinner-self {
    stroke: currentColor
}

.vkuiPullToRefresh--ios.vkuiPullToRefresh--refreshing .vkuiPullToRefresh__spinner-self {
    -webkit-animation: vkui-PullToRefreshToRefreshing .38s ease-out;
    animation: vkui-PullToRefreshToRefreshing .38s ease-out
}

.vkuiPullToRefresh__spinner-path {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    transition: stroke-dashoffset 167ms ease-out
}

.vkuiPullToRefresh--refreshing .vkuiPullToRefresh__spinner-path, .vkuiPullToRefresh--watching .vkuiPullToRefresh__spinner-path {
    transition: none
}

.vkuiPullToRefresh__spinner--on .vkuiPullToRefresh__spinner-path {
    -webkit-animation: vkui-rotator .7s linear infinite;
    animation: vkui-rotator .7s linear infinite;
    -webkit-animation: vkui-rotator var(--duration) linear infinite;
    animation: vkui-rotator var(--duration) linear infinite
}

.vkuiPullToRefresh__content {
    overflow: hidden;
    transition: -webkit-transform .4s cubic-bezier(.36, .66, .04, 1);
    transition: transform .4s cubic-bezier(.36, .66, .04, 1);
    transition: transform .4s cubic-bezier(.36, .66, .04, 1), -webkit-transform .4s cubic-bezier(.36, .66, .04, 1);
    transition: -webkit-transform .4s var(--ios-easing);
    transition: transform .4s var(--ios-easing);
    transition: transform .4s var(--ios-easing), -webkit-transform .4s var(--ios-easing)
}

.vkuiPullToRefresh--watching .vkuiPullToRefresh__content {
    transition: none
}

@-webkit-keyframes vkui-PullToRefreshToRefreshing {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    30% {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
    90% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes vkui-PullToRefreshToRefreshing {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    30% {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
    90% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

.vkuiCounter__in {
    box-sizing: border-box;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    width: 100%
}

.vkuiCounter--primary {
    background: #2688eb;
    background: #2688eb;
    background: var(--counter_primary_background, var(--vkui--color_background_accent));
    color: #fff;
    color: #fff;
    color: var(--counter_primary_text, var(--vkui--color_text_contrast))
}

.vkuiCounter--secondary {
    background: #aeb7c2;
    background: #aeb7c2;
    background: var(--counter_secondary_background, var(--vkui--color_icon_tertiary));
    color: #fff;
    color: #fff;
    color: var(--counter_secondary_text, var(--vkui--color_text_contrast))
}

.vkuiCounter--prominent {
    background: #ff3347;
    background: #ff3347;
    background: var(--counter_prominent_background, var(--vkui--color_background_negative));
    color: #fff;
    color: #fff;
    color: var(--counter_prominent_text, var(--vkui--color_text_contrast))
}

.vkuiCounter--contrast {
    background: #fff;
    background: #fff;
    background: var(--vkui--color_background_contrast, #fff);
    color: #2688eb;
    color: #2688eb;
    color: var(--vkui--color_text_accent, #2688eb)
}

.vkuiCounter--s-m {
    border-radius: 12px;
    height: 24px;
    min-width: 24px
}

.vkuiCounter--s-s {
    border-radius: 9px;
    height: 18px;
    min-width: 18px
}

.vkuiButton--lvl-primary.vkuiButton--clr-accent .vkuiCounter, .vkuiButton--lvl-secondary.vkuiButton--clr-neutral .vkuiCounter, .vkuiButton--lvl-tertiary.vkuiButton--clr-neutral .vkuiCounter {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--button_primary_foreground, var(--vkui--color_background_contrast));
    color: #2d81e0;
    color: #2d81e0;
    color: var(--button_primary_background, var(--vkui--color_text_contrast))
}

.vkuiButton--lvl-secondary.vkuiButton--clr-accent .vkuiCounter {
    background-color: #2688eb;
    background-color: #2688eb;
    background-color: var(--button_secondary_foreground, var(--vkui--color_background_accent));
    color: #fff;
    color: #fff;
    color: var(--background_content, var(--vkui--color_text_contrast_themed))
}

.vkuiButton--lvl-tertiary.vkuiButton--clr-accent .vkuiCounter {
    background-color: #2d81e0;
    background-color: #2d81e0;
    background-color: var(--button_tertiary_foreground, var(--vkui--color_background_accent));
    color: #fff;
    color: #fff;
    color: var(--background_content, var(--vkui--color_text_contrast_themed))
}

.vkuiButton--lvl-outline.vkuiButton--clr-accent .vkuiCounter {
    background-color: #2688eb;
    background-color: #2688eb;
    background-color: var(--button_outline_foreground, var(--vkui--color_background_accent));
    color: #fff;
    color: #fff;
    color: var(--background_content, var(--vkui--color_text_contrast_themed))
}

.vkuiButton--lvl-primary.vkuiButton--clr-positive .vkuiCounter {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--button_commerce_foreground, var(--vkui--color_background_contrast));
    color: #4bb34b;
    color: #4bb34b;
    color: var(--button_commerce_background, var(--vkui--color_text_positive))
}

.vkuiButton--lvl-outline.vkuiButton--clr-positive .vkuiCounter, .vkuiButton--lvl-secondary.vkuiButton--clr-positive .vkuiCounter, .vkuiButton--lvl-tertiary.vkuiButton--clr-positive .vkuiCounter {
    background-color: #4bb34b;
    background-color: #4bb34b;
    background-color: var(--button_commerce_background, var(--vkui--color_background_positive));
    color: #fff;
    color: #fff;
    color: var(--button_commerce_foreground, var(--vkui--color_text_contrast))
}

.vkuiButton--lvl-primary.vkuiButton--clr-negative .vkuiCounter {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--white, var(--vkui--color_background_contrast));
    color: #e64646;
    color: #e64646;
    color: var(--destructive, var(--vkui--color_text_negative))
}

.vkuiButton--lvl-outline.vkuiButton--clr-negative .vkuiCounter, .vkuiButton--lvl-secondary.vkuiButton--clr-negative .vkuiCounter, .vkuiButton--lvl-tertiary.vkuiButton--clr-negative .vkuiCounter {
    background-color: #e64646;
    background-color: #e64646;
    background-color: var(--destructive, var(--vkui--color_background_negative));
    color: #fff;
    color: #fff;
    color: var(--white, var(--vkui--color_text_contrast))
}

.vkuiButton--lvl-primary.vkuiButton--clr-neutral .vkuiCounter {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--media_overlay_button_background, var(--vkui--color_background_contrast));
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary))
}

.vkuiButton--lvl-primary.vkuiButton--clr-overlay .vkuiCounter {
    background-color: #2c2d2e;
    background-color: #2c2d2e;
    background-color: var(--media_overlay_button_foreground, var(--vkui--color_icon_primary_invariably));
    color: #fff;
    color: #fff;
    color: var(--media_overlay_button_background, var(--vkui--color_text_contrast))
}

.vkuiButton--lvl-outline.vkuiButton--clr-overlay .vkuiCounter, .vkuiButton--lvl-secondary.vkuiButton--clr-overlay .vkuiCounter, .vkuiButton--lvl-tertiary.vkuiButton--clr-overlay .vkuiCounter {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--media_overlay_button_background, var(--vkui--color_background_contrast));
    color: #2c2d2e;
    color: #2c2d2e;
    color: var(--media_overlay_button_foreground, var(--vkui--color_text_primary_invariably))
}

.vkuiWriteBarIcon .vkuiCounter {
    background: #4bb34b;
    background: #4bb34b;
    background: var(--button_commerce_background, var(--vkui--color_background_positive));
    color: #fff;
    color: #fff;
    color: var(--button_commerce_foreground, var(--vkui--color_text_contrast))
}

.vkuiTabsItem .vkuiCounter--secondary {
    background-color: #76787a;
    background-color: #76787a;
    background-color: var(--panel_tab_inactive_text);
    color: #fff;
    color: var(--white)
}

.vkuiTabsItem--selected .vkuiCounter--secondary {
    background-color: #5d5f61;
    background-color: #5d5f61;
    background-color: var(--panel_tab_active_text);
    color: #ebedf0;
    color: #ebedf0;
    color: var(--panel_tab_active_background)
}

.vkuiTabsItem--ios.vkuiTabsItem--segmented .vkuiCounter--secondary {
    background-color: #99a2ad;
    background-color: #99a2ad;
    background-color: var(--segmented_control_tint);
    color: #fff;
    color: #fff;
    color: var(--background_content)
}

.vkuiTabsItem--ios.vkuiTabsItem--segmented.vkuiTabsItem--selected .vkuiCounter--secondary {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--background_content);
    color: #99a2ad;
    color: #99a2ad;
    color: var(--segmented_control_tint)
}

.vkuiUsersStack {
    align-items: center;
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary));
    display: flex
}

.vkuiUsersStack__photos {
    display: flex
}

.vkuiUsersStack__fill {
    fill: rgba(0, 28, 61, .08);
    fill: rgba(0, 28, 61, .08);
    fill: var(--placeholder_icon_background, var(--vkui--color_image_placeholder_alpha))
}

.vkuiUsersStack__photo--others {
    align-items: center;
    background: #99a2ad;
    background: #99a2ad;
    background: var(--content_placeholder_icon, var(--vkui--color_icon_secondary));
    border-radius: 50%;
    color: #f2f3f5;
    color: #f2f3f5;
    color: var(--vkui--color_icon_contrast_secondary, #f2f3f5);
    display: flex;
    justify-content: center
}

.vkuiUsersStack--size-xs .vkuiUsersStack__photo {
    height: 16px;
    width: 16px
}

.vkuiUsersStack--size-s .vkuiUsersStack__photo {
    height: 24px;
    width: 24px
}

.vkuiUsersStack--size-m .vkuiUsersStack__photo {
    height: 32px;
    width: 32px
}

.vkuiUsersStack__photo + .vkuiUsersStack__photo {
    margin-left: -2px
}

.vkuiUsersStack__text {
    flex: 1;
    margin: 0 0 0 8px;
    min-width: 0
}

.vkuiUsersStack--l-vertical {
    flex-direction: column;
    justify-content: center
}

.vkuiUsersStack--l-vertical .vkuiUsersStack__text {
    margin: 8px 0 0;
    text-align: center
}

.vkuiModalCardBase .vkuiUsersStack {
    margin-top: 20px
}

.vkuiUsersStack__mask--16-left {
    -webkit-clip-path: path("M2,13.285A8 8 0 0 0 8 16A8 8 0 0 0 8 0A8 8 0 0 0 2 2.715A8 8 0 0 1 2,13.285");
    clip-path: path("M2,13.285A8 8 0 0 0 8 16A8 8 0 0 0 8 0A8 8 0 0 0 2 2.715A8 8 0 0 1 2,13.285")
}

.vkuiUsersStack__mask--16-circle {
    -webkit-clip-path: circle(8px);
    clip-path: circle(8px)
}

.vkuiUsersStack__mask--24-left {
    -webkit-clip-path: path("M2,18.625A12 12 0 0 0 12 24A12 12 0 0 0 12 0A12 12 0 0 0 2 5.375A12 12 0 0 1 2,18.625");
    clip-path: path("M2,18.625A12 12 0 0 0 12 24A12 12 0 0 0 12 0A12 12 0 0 0 2 5.375A12 12 0 0 1 2,18.625")
}

.vkuiUsersStack__mask--24-circle {
    -webkit-clip-path: circle(12px);
    clip-path: circle(12px)
}

.vkuiUsersStack__mask--24-right {
    -webkit-clip-path: path("M22,18.625A12 12 0 0 1 12 24A12 12 0 0 1 12 0A12 12 0 0 1 22 5.375A12 12 0 0 0 22,18.625");
    clip-path: path("M22,18.625A12 12 0 0 1 12 24A12 12 0 0 1 12 0A12 12 0 0 1 22 5.375A12 12 0 0 0 22,18.625")
}

.vkuiUsersStack__mask--32-left {
    -webkit-clip-path: path("M2,23.75A16 16 0 0 0 16 32A16 16 0 0 0 16 0A16 16 0 0 0 2 8.25A16 16 0 0 1 2,23.75");
    clip-path: path("M2,23.75A16 16 0 0 0 16 32A16 16 0 0 0 16 0A16 16 0 0 0 2 8.25A16 16 0 0 1 2,23.75")
}

.vkuiUsersStack__mask--32-circle {
    -webkit-clip-path: circle(16px);
    clip-path: circle(16px)
}

.vkuiUsersStack__mask--32-right {
    -webkit-clip-path: path("M30,23.75A16 16 0 0 1 16 32A16 16 0 0 1 16 0A16 16 0 0 1 30 8.25A16 16 0 0 0 30,23.75");
    clip-path: path("M30,23.75A16 16 0 0 1 16 32A16 16 0 0 1 16 0A16 16 0 0 1 30 8.25A16 16 0 0 0 30,23.75")
}

.vkuiSeparator {
    color: #d7d8d9;
    color: #d7d8d9;
    color: var(--separator_common, var(--vkui--color_separator_primary))
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .vkuiSeparator {
        color: #d7d8d9;
        color: #d7d8d9;
        color: var(--separator_common, var(--vkui--color_separator_primary2x))
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-resolution: 3dppx) {
    .vkuiSeparator {
        color: #d7d8d9;
        color: #d7d8d9;
        color: var(--separator_common, var(--vkui--color_separator_primary3x))
    }
}

.vkuiSeparator__in:not(.vkuiSeparator__in--expanded) {
    background: currentColor;
    height: 1px;
    height: var(--thin-border);
    -webkit-transform-origin: center top;
    transform-origin: center top
}

.vkuiSeparator__in--expanded {
    background: rgba(0, 0, 0, 0);
    height: 16px
}

.vkuiSeparator--padded .vkuiSeparator__in {
    margin-left: 16px;
    margin-left: 16px;
    margin-left: var(--vkui--size_base_padding_horizontal--regular, 16px);
    margin-right: 16px;
    margin-right: 16px;
    margin-right: var(--vkui--size_base_padding_horizontal--regular, 16px)
}

.vkuiModalPage--sizeX-regular .vkuiSeparator--padded {
    padding-left: 8px;
    padding-right: 8px
}

.vkuiSpacing {
    box-sizing: border-box;
    color: #d7d8d9;
    color: #d7d8d9;
    color: var(--separator_common, var(--vkui--color_separator_primary));
    display: flex;
    flex-flow: column;
    justify-content: center;
    position: relative
}

.vkuiSpacing--separator {
    padding-left: 16px;
    padding-left: 16px;
    padding-left: var(--vkui--size_base_padding_horizontal--regular, 16px);
    padding-right: 16px;
    padding-right: 16px;
    padding-right: var(--vkui--size_base_padding_horizontal--regular, 16px)
}

.vkuiSpacing--separator-top {
    justify-content: start
}

.vkuiSpacing--separator-center {
    justify-content: center
}

.vkuiSpacing--separator-bottom {
    justify-content: end
}

.vkuiSpacing--separator:after {
    background: currentColor;
    content: "";
    display: block;
    height: 1px;
    -webkit-transform-origin: center top;
    transform-origin: center top
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .vkuiSpacing--separator:after {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-resolution: 3dppx) {
    .vkuiSpacing--separator:after {
        -webkit-transform: scaleY(.32);
        transform: scaleY(.32)
    }
}

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

.vkuiPlaceholder--stretched {
    bottom: 0;
    left: 0;
    padding-bottom: inherit;
    padding-top: inherit;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.vkuiPlaceholder__in {
    box-sizing: border-box;
    max-width: 100%;
    padding: 48px 32px;
    text-align: center
}

.vkuiPlaceholder__icon {
    color: #aeb7c2;
    color: #aeb7c2;
    color: var(--placeholder_icon_foreground_secondary, var(--vkui--color_icon_secondary));
    display: inline-block;
    margin-bottom: 12px;
    vertical-align: top
}

.vkuiPlaceholder__header {
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary))
}

.vkuiPlaceholder__text {
    color: #818c99;
    color: #818c99;
    color: var(--text_placeholder, var(--vkui--color_text_secondary))
}

.vkuiPlaceholder__header + .vkuiPlaceholder__text {
    margin-top: 8px
}

.vkuiPlaceholder__action:not(:first-child) {
    margin-top: 16px
}

.vkuiBanner {
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary));
    margin: 12px 0;
    padding: 0 16px;
    padding: 0 16px;
    padding: 0 var(--vkui--size_base_padding_horizontal--regular, 16px)
}

.vkuiBanner__in {
    align-items: stretch;
    background-color: #f5f5f5;
    background-color: #f5f5f5;
    background-color: var(--content_tint_background, var(--vkui--color_background_secondary));
    border-radius: 8px;
    border-radius: 8px;
    border-radius: var(--vkui--size_border_radius--regular, 8px);
    display: flex;
    flex-flow: row nowrap;
    overflow: hidden;
    padding: 12px 12px 12px 16px;
    position: relative
}

.vkuiBanner__in:before {
    border: 1px solid rgba(0, 0, 0, .08);
    border: var(--thin-border) solid rgba(0, 0, 0, .08);
    border: var(--thin-border) solid var(--image_border, var(--vkui--color_image_border_alpha));
    border-radius: inherit;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.vkuiBanner__before {
    margin-right: 12px;
    position: relative;
    z-index: 2
}

.vkuiBanner__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    position: relative;
    z-index: 2
}

.vkuiBanner__header {
    display: block
}

.vkuiBanner__subheader {
    color: #6d7885;
    color: #6d7885;
    color: var(--text_subhead, var(--vkui--color_text_subhead));
    display: block
}

.vkuiBanner__text {
    color: #6d7885;
    color: #6d7885;
    color: var(--vkui--color_text_subhead, #6d7885)
}

.vkuiBanner__bg {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.vkuiBanner__bg, .vkuiBanner__bg > * {
    height: 100%;
    width: 100%
}

.vkuiBanner__aside {
    color: #b8c1cc;
    color: #b8c1cc;
    color: var(--icon_tertiary, var(--vkui--color_icon_tertiary));
    justify-content: flex-end;
    width: 28px
}

.vkuiBanner__aside, .vkuiBanner__dismiss {
    align-content: center;
    align-items: center;
    display: flex;
    flex-flow: row nowrap
}

.vkuiBanner__dismiss {
    color: #99a2ad;
    color: #99a2ad;
    color: var(--icon_secondary, var(--vkui--color_icon_secondary));
    justify-content: center;
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 3
}

.vkuiBanner__actions {
    margin-bottom: -6px
}

.vkuiBanner__subheader:not(:first-child), .vkuiBanner__text:not(:first-child) {
    margin-top: 2px
}

.vkuiBanner--md-image .vkuiBanner__in {
    background-color: #f5f5f5;
    background-color: #f5f5f5;
    background-color: var(--content_tint_background, var(--vkui--color_background_secondary))
}

.vkuiBanner--inverted, .vkuiBanner--inverted .vkuiBanner__subheader, .vkuiBanner--md-image .vkuiBanner__dismiss {
    color: #fff;
    color: #fff;
    color: var(--white, var(--vkui--color_text_contrast))
}

.vkuiBanner--inverted .vkuiBanner__subheader {
    opacity: .72
}

.vkuiBanner--sz-s .vkuiBanner__before {
    margin-left: -4px
}

.vkuiBanner--sz-m .vkuiBanner__in {
    padding: 16px
}

.vkuiBanner--sz-m .vkuiBanner__subheader:not(:first-child), .vkuiBanner--sz-m .vkuiBanner__text:not(:first-child) {
    margin-top: 4px
}

.vkuiBanner--ios.vkuiBanner--md-image .vkuiBanner__dismiss, .vkuiBanner--ios .vkuiBanner__dismiss {
    color: #b8c1cc;
    color: #b8c1cc;
    color: var(--icon_tertiary, var(--vkui--color_icon_tertiary))
}

.vkuiMiniInfoCell {
    display: flex;
    padding: 6px 16px;
    padding: 6px 16px;
    padding: 6px var(--vkui--size_base_padding_horizontal--regular, 16px)
}

.vkuiMiniInfoCell--lvl-primary {
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary))
}

.vkuiMiniInfoCell--lvl-secondary {
    color: #6d7885;
    color: #6d7885;
    color: var(--text_subhead, var(--vkui--color_text_subhead))
}

.vkuiMiniInfoCell__icon {
    color: #99a2ad;
    color: #99a2ad;
    color: var(--icon_outline_secondary, var(--vkui--color_icon_secondary));
    margin-right: 12px
}

.vkuiMiniInfoCell__content {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vkuiMiniInfoCell--wr-short .vkuiMiniInfoCell__content {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    max-height: 60px;
    white-space: normal
}

.vkuiMiniInfoCell--wr-full .vkuiMiniInfoCell__content {
    overflow: inherit;
    white-space: normal
}

.vkuiMiniInfoCell__after {
    margin-bottom: -2px;
    margin-left: 12px;
    margin-top: -2px
}

.vkuiMiniInfoCell--md-add {
    color: #2688eb;
    color: #2688eb;
    color: var(--accent, var(--vkui--color_text_link))
}

.vkuiMiniInfoCell--md-add .vkuiMiniInfoCell__icon {
    color: #2688eb;
    color: #2688eb;
    color: var(--accent, var(--vkui--color_icon_accent))
}

.vkuiMiniInfoCell--md-more {
    color: #2d81e0;
    color: #2d81e0;
    color: var(--link_alternate, var(--vkui--color_text_link))
}

.vkuiMiniInfoCell--md-more .vkuiMiniInfoCell__icon {
    color: #2d81e0;
    color: #2d81e0;
    color: var(--link_alternate, var(--vkui--color_icon_accent))
}

.vkuiMiniInfoCell--md-more {
    padding-bottom: 10px;
    padding-top: 10px
}

.vkuiWriteBar {
    background: #fff;
    background: #fff;
    background: var(--background_content, var(--vkui--color_background_modal))
}

.vkuiWriteBar--shadow {
    box-shadow: 0 0 2px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .08);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .08), 0px 4px 16px rgba(0, 0, 0, .08);
    box-shadow: var(--vkui--elevation3, 0 0 2px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .08))
}

.vkuiWriteBar__after, .vkuiWriteBar__before, .vkuiWriteBar__form {
    align-items: flex-end;
    display: flex
}

.vkuiWriteBar__form {
    min-height: 52px
}

.vkuiWriteBar__formIn {
    display: flex;
    flex: 1;
    min-width: 0;
    position: relative
}

.vkuiWriteBar__textarea {
    -webkit-appearance: none;
    background: rgba(0, 0, 0, 0);
    border: none;
    box-sizing: border-box;
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary));
    flex: 1;
    margin: 0;
    max-height: 120px;
    min-width: 0;
    resize: none;
    width: 100%
}

.vkuiWriteBar__textarea::-webkit-input-placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--text_placeholder, var(--vkui--color_text_subhead));
    opacity: 1
}

.vkuiWriteBar__textarea::-moz-placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--text_placeholder, var(--vkui--color_text_subhead));
    opacity: 1
}

.vkuiWriteBar__textarea::-ms-input-placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--text_placeholder, var(--vkui--color_text_subhead));
    opacity: 1
}

.vkuiWriteBar__textarea::placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--text_placeholder, var(--vkui--color_text_subhead));
    opacity: 1
}

.vkuiWriteBar__inlineAfter {
    align-items: flex-end;
    display: flex
}

.vkuiWriteBar__before {
    padding-left: 4px
}

.vkuiWriteBar__after {
    padding-right: 4px
}

.vkuiWriteBar__textarea {
    height: 52px;
    padding: 16px 12px
}

.vkuiWriteBar--ios .vkuiWriteBar__after, .vkuiWriteBar--ios .vkuiWriteBar__before {
    padding: 0 4px
}

.vkuiWriteBar--ios .vkuiWriteBar__formIn {
    background-color: #f2f3f5;
    background-color: #f2f3f5;
    background-color: var(--input_background, var(--vkui--color_field_background));
    border: 1px solid #e1e3e6;
    border: var(--thin-border) solid #e1e3e6;
    border: var(--thin-border) solid var(--input_border, var(--vkui--color_field_border_alpha));
    border-radius: 18px;
    box-sizing: border-box;
    margin: 8px 0
}

.vkuiWriteBar--ios .vkuiWriteBar__formIn:first-child {
    margin-left: 12px
}

.vkuiWriteBar--ios .vkuiWriteBar__inlineAfter {
    margin-bottom: -9px;
    margin-right: -1px;
    margin-top: -9px
}

.vkuiWriteBar--ios .vkuiWriteBar__textarea {
    font-size: 17px;
    height: 34px;
    line-height: 22px;
    padding: 6px 11px
}

.vkuiWriteBarIcon {
    background: none;
    border: 0;
    border-radius: 8px;
    border-radius: 8px;
    border-radius: var(--vkui--size_border_radius--regular, 8px);
    color: #99a2ad;
    color: #99a2ad;
    color: var(--icon_secondary, var(--vkui--color_icon_secondary));
    cursor: pointer;
    height: 52px;
    position: relative;
    width: 44px
}

.vkuiWriteBarIcon__in {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.vkuiWriteBarIcon:disabled {
    opacity: .4;
    pointer-events: none
}

.vkuiWriteBarIcon__active {
    opacity: .6
}

.vkuiWriteBarIcon__counter {
    box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px var(--background_content, var(--vkui--color_background_modal));
    position: absolute;
    right: 2px;
    top: 6px
}

.vkuiWriteBarIcon.vkuiWriteBarIcon--done, .vkuiWriteBarIcon.vkuiWriteBarIcon--send {
    color: #2688eb;
    color: #2688eb;
    color: var(--accent, var(--vkui--color_icon_accent))
}

.vkuiWriteBarIcon--ios {
    color: #2688eb;
    color: #2688eb;
    color: var(--writebar_icon, var(--vkui--color_icon_accent))
}

.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--done, .vkuiWriteBarIcon--ios.vkuiWriteBarIcon--send {
    width: 48px
}

.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--done:first-child, .vkuiWriteBarIcon--ios.vkuiWriteBarIcon--send:first-child {
    margin-left: -4px
}

.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--done:last-child, .vkuiWriteBarIcon--ios.vkuiWriteBarIcon--send:last-child {
    margin-right: -4px
}

.vkuiSubnavigationBar__in {
    margin: -8px 0
}

.vkuiSubnavigationBar__scrollIn {
    display: flex;
    padding-bottom: 20px;
    padding-bottom: calc(12px + 8px);
    padding-bottom: calc(var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px) + 8px);
    padding-top: 20px;
    padding-top: calc(12px + 8px);
    padding-top: calc(var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px) + 8px)
}

.vkuiSubnavigationBar__scrollIn:after, .vkuiSubnavigationBar__scrollIn:before {
    content: "";
    min-width: 16px;
    min-width: 16px;
    min-width: var(--vkui--size_base_padding_horizontal--regular, 16px)
}

.vkuiSubnavigationButton {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--modal_card_background);
    box-shadow: 0 0 2px rgba(0, 0, 0, .08), 0 2px 24px rgba(0, 0, 0, .08);
    color: #000;
    color: #000;
    color: var(--text_primary);
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

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

.vkuiSubnavigationButton__before {
    color: #2688eb;
    color: #2688eb;
    color: var(--accent);
    margin-right: 8px
}

.vkuiSubnavigationButton__before .vkuiIcon--24 {
    margin-left: -4px
}

.vkuiSubnavigationButton__label {
    flex-grow: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vkuiSubnavigationButton__after {
    margin-left: 8px
}

.vkuiSubnavigationButton__expandableIcon {
    color: #99a2ad;
    color: #99a2ad;
    color: var(--icon_secondary);
    margin-left: 8px;
    margin-top: 1px
}

.vkuiSubnavigationButton--selected {
    background-color: #2d81e0;
    background-color: #2d81e0;
    background-color: var(--button_primary_background);
    color: #fff;
    color: #fff;
    color: var(--button_primary_foreground)
}

.vkuiSubnavigationButton--selected .vkuiSubnavigationButton__before {
    color: inherit
}

.vkuiSubnavigationButton--selected .vkuiCounter {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--button_primary_foreground);
    color: #2d81e0;
    color: #2d81e0;
    color: var(--button_primary_background)
}

.vkuiSubnavigationButton--selected .vkuiSubnavigationButton__expandableIcon {
    color: inherit
}

.vkuiSubnavigationButton--m .vkuiSubnavigationButton__in {
    height: 36px;
    padding: 0 14px
}

.vkuiSubnavigationButton--l .vkuiSubnavigationButton__in {
    height: 44px;
    padding: 0 14px
}

.vkuiSubnavigationButton--ios {
    border-radius: 10px
}

.vkuiSubnavigationButton--android {
    border-radius: 8px
}

.vkuiSubnavigationButton--vkcom {
    border-radius: 4px
}

.vkuiSubnavigationBar .vkuiSubnavigationButton + .vkuiSubnavigationButton {
    margin-left: 8px;
    margin-left: 8px;
    margin-left: var(--vkui--size_subnavigation_bar_gap--regular, 8px)
}

.vkuiSubnavigationBar--fixed .vkuiSubnavigationButton {
    flex: 1;
    min-width: 0
}

.vkuiPagination__list {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.vkuiPagination__prevButtonContainer {
    margin-right: 8px
}

.vkuiPagination__nextButtonContainer {
    margin-left: 8px
}

.vkuiPagination__page {
    border-radius: 8px;
    border-radius: 8px;
    border-radius: var(--vkui--size_border_radius--regular, 8px);
    box-sizing: border-box;
    color: #818c99;
    color: #818c99;
    color: var(--vkui--color_text_secondary, #818c99);
    min-width: 40px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.vkuiPagination__page--state-hover {
    background-color: rgba(0, 16, 61, .04);
    background-color: rgba(0, 16, 61, .04);
    background-color: var(--vkui--color_transparent--hover, rgba(0, 16, 61, .04))
}

.vkuiPagination__page--current, .vkuiPagination__page--state-active {
    background-color: rgba(0, 16, 61, .08);
    background-color: rgba(0, 16, 61, .08);
    background-color: var(--vkui--color_transparent--active, rgba(0, 16, 61, .08));
    color: #000;
    color: #000;
    color: var(--vkui--color_text_primary, #000)
}

.vkuiPagination__page--disabled {
    opacity: .4;
    opacity: 0.4;
    opacity: var(--vkui--opacity_disable, .4)
}

.vkuiPagination__page--sizeY-compact {
    font-size: 15px;
    font-size: 15px;
    font-size: var(--vkui--font_text--font_size--compact, 15px);
    height: 36px;
    height: 36px;
    height: var(--vkui--size_button_large_height--compact, 36px);
    line-height: 36px;
    line-height: 36px;
    line-height: var(--vkui--size_button_large_height--compact, 36px)
}

.vkuiPagination__page--sizeY-regular {
    font-size: 16px;
    font-size: 16px;
    font-size: var(--vkui--font_text--font_size--regular, 16px);
    height: 44px;
    height: 44px;
    height: var(--vkui--size_button_large_height--regular, 44px);
    line-height: 44px;
    line-height: 44px;
    line-height: var(--vkui--size_button_large_height--regular, 44px)
}

.vkuiPagination__page--type-ellipsis {
    min-width: 16px;
    padding-left: 0;
    padding-right: 0
}

.vkuiFormLayout {
    position: relative
}

.vkuiFormLayout__submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    height: 0;
    left: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 0
}

.vkuiFormItem {
    display: block;
    padding: 12px 16px;
    padding: 12px 16px;
    padding: var(--vkui--size_form_item_padding_vertical--regular, 12px) var(--vkui--size_base_padding_horizontal--regular, 16px)
}

.vkuiFormItem--removable {
    padding-left: 0;
    padding-right: 0
}

.vkuiFormItem__removable {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    max-width: 100%;
    min-width: 1px;
    overflow: hidden;
    padding: 0
}

.vkuiFormItem__top {
    color: #6d7885;
    color: #6d7885;
    color: var(--text_subhead, var(--vkui--color_text_subhead));
    overflow: hidden;
    padding-bottom: 8px;
    padding-top: 2px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vkuiFormItem__bottom {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary));
    padding-top: 8px
}

.vkuiFormItem--error .vkuiFormItem__bottom {
    color: #e64646;
    color: #e64646;
    color: var(--field_error_border, var(--vkui--color_text_negative))
}

.vkuiFormItem--valid .vkuiFormItem__bottom, .vkuiFormItem--verified .vkuiFormItem__bottom {
    color: #4bb34b;
    color: #4bb34b;
    color: var(--field_valid_border, var(--vkui--color_text_positive))
}

.vkuiFormItem--sizeY-compact .vkuiFormItem__top {
    padding-bottom: 6px
}

.vkuiFormItem--sizeY-compact .vkuiFormItem__bottom {
    padding-top: 6px
}

.vkuiFormItem--ios {
    --formitem_padding: 12px
}

.vkuiFormLayoutGroup--horizontal .vkuiFormItem {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    max-width: 100%;
    min-width: 1px;
    padding: 0
}

.vkuiFormLayoutGroup--horizontal:not(.vkuiFormLayoutGroup--segmented) .vkuiFormItem + .vkuiFormItem {
    margin-left: 24px
}

.vkuiFormItem--withTop .vkuiFormItem__removable, .vkuiFormLayoutGroup--horizontal .vkuiFormItem--withTop {
    margin-top: -28px;
    margin-top: calc(-10px - 18px);
    margin-top: calc(-10px - var(--vkui--font_subhead--line_height--regular, 18px))
}

.vkuiFormItem--withTop.vkuiFormItem--sizeY-compact .vkuiFormItem__removable, .vkuiFormLayoutGroup--horizontal .vkuiFormItem--withTop.vkuiFormItem--sizeY-compact {
    margin-top: -24px;
    margin-top: calc(-8px - 16px);
    margin-top: calc(-8px - var(--vkui--font_subhead--line_height--compact, 16px))
}

.vkuiFormLayoutGroup--horizontal {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    padding: 12px 16px;
    padding: 12px 16px;
    padding: var(--vkui--size_form_item_padding_vertical--regular, 12px) var(--vkui--size_base_padding_horizontal--regular, 16px)
}

.vkuiFormLayoutGroup__removable {
    flex-grow: 1;
    max-width: 100%;
    min-width: 0
}

.vkuiFormLayoutGroup__offset {
    display: none
}

.vkuiFormLayoutGroup--horizontal .vkuiFormItem--withTop ~ .vkuiFormLayoutGroup__offset {
    display: block;
    height: 28px;
    height: calc(10px + 18px);
    height: calc(10px + var(--vkui--font_subhead--line_height--regular, 18px));
    min-width: 100%;
    order: -1
}

.vkuiFormLayoutGroup--sizeY-compact.vkuiFormLayoutGroup--horizontal .vkuiFormItem--withTop ~ .vkuiFormLayoutGroup__offset {
    height: 24px;
    height: calc(8px + 16px);
    height: calc(8px + var(--vkui--font_subhead--line_height--compact, 16px))
}

.vkuiFormLayoutGroup--ios {
    --formitem_padding: 12px
}

.vkuiFormLayoutGroup--removable {
    padding-left: 0;
    padding-right: 0
}

.vkuiFormLayoutGroup--segmented {
    position: relative;
    z-index: 1
}

.vkuiFormLayoutGroup--segmented > * {
    flex: 1;
    min-width: 0
}

.vkuiFormLayoutGroup--segmented > :not(:first-child) {
    margin-left: -1px;
    margin-left: calc(var(--thin-border) * -1)
}

.vkuiFormStatus {
    background: #f2f3f5;
    background: #f2f3f5;
    background: var(--field_background, var(--vkui--color_field_background));
    border-radius: 10px;
    color: #6d7885;
    color: #6d7885;
    color: var(--text_subhead, var(--vkui--color_text_subhead));
    padding: 12px
}

.vkuiFormStatus__header, .vkuiFormStatus b:first-child {
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary))
}

.vkuiFormStatus__header:not(:last-child), .vkuiFormStatus b:first-child {
    margin-bottom: 2px
}

.vkuiFormStatus--error {
    background: #faebeb;
    background: #faebeb;
    background: var(--field_error_background, var(--vkui--color_background_negative_tint));
    color: #e64646;
    color: #e64646;
    color: var(--field_error_border, var(--vkui--color_text_negative))
}

.vkuiFormStatus--error .vkuiFormStatus__header, .vkuiFormStatus--error .vkuiFormStatus b:first-child {
    color: currentColor
}

.vkuiFormStatus b:first-child {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.vkuiSlider {
    height: 28px;
    padding: 0 14px;
    position: relative;
    z-index: 0
}

.vkuiSlider:before {
    background-color: rgba(0, 28, 61, .08);
    background-color: rgba(0, 28, 61, .08);
    background-color: var(--placeholder_icon_background, var(--vkui--color_track_background));
    border-radius: 1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 13px;
    width: 100%;
    z-index: -1
}

.vkuiSlider__in {
    height: 100%;
    position: relative
}

.vkuiSlider__dragger {
    height: 0;
    left: 0;
    position: absolute;
    top: 13px;
    width: 0
}

.vkuiSlider__dragger:before {
    background: #2688eb;
    background: #2688eb;
    background: var(--accent, var(--vkui--color_background_accent));
    border-radius: 1px;
    content: "";
    height: 2px;
    left: -14px;
    position: absolute;
    top: 0;
    width: calc(100% + 28px)
}

.vkuiSlider__thumb {
    background: #fff;
    background: #fff;
    background: var(--vkui--color_background_contrast, #fff);
    border: .5px solid rgba(0, 0, 0, .12);
    border: .5px solid rgba(0, 0, 0, .12);
    border: .5px solid var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, .12));
    border-radius: 14px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .08);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .08), 0px 4px 16px rgba(0, 0, 0, .08);
    box-shadow: var(--vkui--elevation3, 0 0 2px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .08));
    height: 28px;
    position: absolute;
    top: -13px;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease;
    width: 28px
}

.vkuiSlider__thumb--start {
    left: -14px
}

.vkuiSlider__thumb--end {
    right: -14px
}

.vkuiSlider--disabled {
    opacity: .64;
    opacity: 0.64;
    opacity: var(--vkui--opacity_disable_accessibility, .64)
}

.vkuiSlider--sizeY-compact {
    height: 24px;
    padding: 0 12px
}

.vkuiSlider--sizeY-compact .vkuiSlider__dragger, .vkuiSlider--sizeY-compact:before {
    top: 11px
}

.vkuiSlider--sizeY-compact .vkuiSlider__dragger:before {
    left: -12px;
    width: calc(100% + 24px)
}

.vkuiSlider--sizeY-compact .vkuiSlider__thumb {
    height: 24px;
    top: -11px;
    width: 24px
}

.vkuiSlider--sizeY-compact .vkuiSlider__thumb--start {
    left: -12px
}

.vkuiSlider--sizeY-compact .vkuiSlider__thumb--end {
    right: -12px
}

.vkuiFormField {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    min-height: 44px;
    min-height: 44px;
    min-height: var(--vkui--size_field_height--regular, 44px);
    position: relative;
    z-index: 1
}

.vkuiFormField > * {
    border-radius: inherit;
    z-index: 6
}

.vkuiFormField--sizeY-compact {
    min-height: 36px;
    min-height: 36px;
    min-height: var(--vkui--size_field_height--compact, 36px)
}

.vkuiFormField__after, .vkuiFormField__before {
    align-content: center;
    align-items: center;
    color: #99a2ad;
    color: #99a2ad;
    color: var(--icon_secondary, var(--vkui--color_icon_secondary));
    display: flex;
    flex-shrink: 0;
    height: 100%;
    justify-content: center;
    min-width: 44px;
    min-width: 44px;
    min-width: var(--vkui--size_field_height--regular, 44px);
    position: relative;
    z-index: 7
}

.vkuiFormField--sizeY-compact .vkuiFormField__after, .vkuiFormField--sizeY-compact .vkuiFormField__before {
    height: 36px;
    height: 36px;
    height: var(--vkui--size_field_height--compact, 36px);
    min-width: 36px;
    min-width: 36px;
    min-width: var(--vkui--size_field_height--compact, 36px)
}

.vkuiFormField__before {
    color: #2688eb;
    color: #2688eb;
    color: var(--accent, var(--vkui--color_icon_accent))
}

.vkuiFormField__after {
    color: #99a2ad;
    color: #99a2ad;
    color: var(--icon_secondary, var(--vkui--color_icon_secondary))
}

.vkuiFormField__border {
    border: 1px solid rgba(0, 0, 0, 0);
    border: var(--thin-border) solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    border-radius: 8px;
    border-radius: var(--vkui--size_border_radius--regular, 8px);
    box-sizing: border-box;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    width: 100%;
    z-index: 1
}

.vkuiFormField--default .vkuiFormField__border {
    background-color: #f2f3f5;
    background-color: #f2f3f5;
    background-color: var(--field_background, var(--vkui--color_field_background));
    border-color: rgba(0, 0, 0, .12);
    border-color: rgba(0, 0, 0, .12);
    border-color: var(--field_border, var(--vkui--color_field_border_alpha))
}

.vkuiFormField--status-error .vkuiFormField__border, .vkuiFormItem--error .vkuiFormField__border {
    background-color: #faebeb;
    background-color: #faebeb;
    background-color: var(--field_error_background, var(--vkui--color_background_negative_tint));
    border-color: #e64646;
    border-color: #e64646;
    border-color: var(--field_error_border, var(--vkui--color_stroke_negative));
    z-index: 3
}

.vkuiFormField--status-valid .vkuiFormField__border, .vkuiFormItem--valid .vkuiFormField__border {
    border-color: #4bb34b;
    border-color: #4bb34b;
    border-color: var(--field_valid_border, var(--vkui--color_stroke_positive));
    z-index: 3
}

.vkuiFormField--disabled {
    cursor: default;
    opacity: .64;
    opacity: 0.64;
    opacity: var(--vkui--opacity_disable_accessibility, .64);
    pointer-events: none
}

.vkuiFormField--hover .vkuiFormField__border {
    background-color: #f2f3f5;
    background-color: #f2f3f5;
    background-color: var(--field_background, var(--vkui--color_field_background))
}

.vkuiFormField--default.vkuiFormField--hover .vkuiFormField__border {
    border-color: rgba(0, 0, 0, .24);
    border-color: rgba(0, 0, 0, .24);
    border-color: var(--icon_tertiary_alpha, var(--vkui--color_field_border_alpha--hover));
    z-index: 4
}

.vkuiFormField:focus-within .vkuiFormField__border, .vkuiFormField :focus ~ .vkuiFormField__border {
    border-color: #2688eb;
    border-color: #2688eb;
    border-color: var(--accent, var(--vkui--color_stroke_accent));
    z-index: 5
}

.vkuiModalCardBase__header + .vkuiFormField, .vkuiModalCardBase__subheader + .vkuiFormField {
    margin-top: 16px
}

.vkuiSelect--pop-down .vkuiFormField__border {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.vkuiSelect--pop-up .vkuiFormField__border {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.vkuiCalendarHeader__picker .vkuiFormField__after {
    min-width: 12px;
    padding-right: 8px
}

.vkuiChipsInput .vkuiFormField__after {
    z-index: 7
}

.vkuiFormLayoutGroup--segmented .vkuiFormField {
    z-index: auto
}

.vkuiFormLayoutGroup--segmented .vkuiRemovable__content > .vkuiFormItem:not(:first-of-type):not(:last-of-type) .vkuiFormField__border, .vkuiFormLayoutGroup--segmented > .vkuiFormItem:not(:first-of-type):not(:last-of-type) .vkuiFormField__border {
    border-radius: 0
}

.vkuiFormLayoutGroup--segmented .vkuiRemovable__content > :first-of-type:not(:last-of-type) .vkuiFormField__border, .vkuiFormLayoutGroup--segmented > :first-of-type:not(:last-of-type) .vkuiFormField__border {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.vkuiFormLayoutGroup--segmented .vkuiRemovable__content > .vkuiFormItem:not(:first-of-type):last-of-type .vkuiFormField__border, .vkuiFormLayoutGroup--segmented > .vkuiFormItem:not(:first-of-type):last-of-type .vkuiFormField__border {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.vkuiRadio {
    display: block;
    padding: 0 16px;
    padding: 0 16px;
    padding: 0 var(--vkui--size_base_padding_horizontal--regular, 16px)
}

.vkuiFormItem .vkuiRadio {
    box-sizing: initial;
    margin: 0 -16px;
    margin: 0 calc(16px * -1);
    margin: 0 calc(var(--vkui--size_base_padding_horizontal--regular, 16px) * -1);
    width: 100%
}

.vkuiRadio__container {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.vkuiRadio__input:disabled ~ .vkuiRadio__container {
    opacity: .64;
    opacity: 0.64;
    opacity: var(--vkui--opacity_disable_accessibility, .64)
}

.vkuiRadio__icon {
    color: #b8c1cc;
    color: #b8c1cc;
    color: var(--icon_tertiary, var(--vkui--color_icon_tertiary));
    flex-shrink: 0;
    height: 22px;
    margin-right: 14px;
    transition: color .15s cubic-bezier(.36, .66, .04, 1);
    transition: color .15s var(--ios-easing);
    width: 22px
}

.vkuiRadio__input:checked ~ .vkuiRadio__container .vkuiRadio__icon {
    color: #2688eb;
    color: #2688eb;
    color: var(--accent, var(--vkui--color_icon_accent))
}

.vkuiRadio__icon .vkuiRadio__pin {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 12px 12px;
    transform-origin: 12px 12px;
    transition: -webkit-transform .15s cubic-bezier(.36, .66, .04, 1);
    transition: transform .15s cubic-bezier(.36, .66, .04, 1);
    transition: transform .15s cubic-bezier(.36, .66, .04, 1), -webkit-transform .15s cubic-bezier(.36, .66, .04, 1);
    transition: -webkit-transform .15s var(--ios-easing);
    transition: transform .15s var(--ios-easing);
    transition: transform .15s var(--ios-easing), -webkit-transform .15s var(--ios-easing)
}

.vkuiRadio__input:checked ~ .vkuiRadio__container .vkuiRadio__icon .vkuiRadio__pin {
    -webkit-transform: none;
    transform: none
}

.vkuiRadio__content {
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary));
    display: block;
    flex-grow: 1;
    max-width: 100%
}

.vkuiRadio__description {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary));
    display: block;
    margin-bottom: 12px;
    margin-top: 2px
}

.vkuiRadio__children {
    margin-top: 12px
}

.vkuiRadio__children:last-child {
    margin-bottom: 12px
}

.vkuiRadio--sizeY-compact .vkuiRadio__children {
    margin-top: 8px
}

.vkuiRadio--sizeY-compact .vkuiRadio__children:last-child {
    margin-bottom: 8px
}

.vkuiRadio--sizeY-compact .vkuiRadio__description {
    margin-bottom: 7px
}

.vkuiRadio--sizeY-compact .vkuiRadio__icon {
    height: 18px;
    width: 18px
}

.vkuiRadio--sizeY-compact .vkuiRadio__icon:after {
    height: 12px;
    width: 12px
}

.vkuiRadioGroup .vkuiRadio {
    box-sizing: border-box;
    flex: 1;
    margin: 0
}

.vkuiRadioGroup--horizontal {
    display: flex
}

.vkuiFormItem .vkuiRadioGroup {
    box-sizing: initial;
    margin: 0 -16px;
    margin: 0 calc(16px * -1);
    margin: 0 calc(var(--vkui--size_base_padding_horizontal--regular, 16px) * -1)
}

.vkuiCheckbox {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    min-height: 44px;
    min-height: 44px;
    min-height: var(--vkui--size_field_height--regular, 44px);
    min-width: 44px;
    min-width: 44px;
    min-width: var(--vkui--size_field_height--regular, 44px);
    padding: 0 16px;
    padding: 0 16px;
    padding: 0 var(--vkui--size_base_padding_horizontal--regular, 16px)
}

.vkuiFormItem .vkuiCheckbox {
    box-sizing: initial;
    margin: 0 -16px;
    margin: 0 calc(16px * -1);
    margin: 0 calc(var(--vkui--size_base_padding_horizontal--regular, 16px) * -1);
    width: 100%
}

.vkuiCheckbox__icon {
    flex-shrink: 0;
    margin-right: 12px
}

.vkuiCheckbox__icon--indeterminate, .vkuiCheckbox__icon--on {
    color: #2688eb;
    color: #2688eb;
    color: var(--accent, var(--vkui--color_icon_accent));
    display: none
}

.vkuiCheckbox__icon--off {
    color: #b8c1cc;
    color: #b8c1cc;
    color: var(--icon_tertiary, var(--vkui--color_icon_tertiary))
}

.vkuiCheckbox__content {
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary));
    flex-grow: 1;
    word-break: break-word
}

.vkuiCheckbox__description {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary));
    display: block;
    margin-bottom: 12px;
    margin-top: 2px
}

.vkuiCheckbox__children {
    margin-top: 12px
}

.vkuiCheckbox__children:last-child {
    margin-bottom: 12px
}

.vkuiCheckbox__input:checked ~ .vkuiCheckbox__icon--on {
    display: flex
}

.vkuiCheckbox__input:checked ~ .vkuiCheckbox__icon--off, .vkuiCheckbox__input:indeterminate ~ .vkuiCheckbox__icon--indeterminate {
    display: none
}

.vkuiCheckbox__input:indeterminate ~ .vkuiCheckbox__icon--indeterminate {
    display: flex
}

.vkuiCheckbox__input:indeterminate ~ .vkuiCheckbox__icon--off, .vkuiCheckbox__input:indeterminate ~ .vkuiCheckbox__icon--on {
    display: none
}

.vkuiCheckbox__input[disabled] ~ * {
    opacity: .64;
    opacity: 0.64;
    opacity: var(--vkui--opacity_disable_accessibility, .64)
}

.vkuiCheckbox--sizeY-compact {
    min-height: 36px;
    min-height: 36px;
    min-height: var(--vkui--size_field_height--compact, 36px);
    min-width: 36px;
    min-width: 36px;
    min-width: var(--vkui--size_field_height--compact, 36px)
}

.vkuiCheckbox--sizeY-compact .vkuiCheckbox__children {
    margin-top: 8px
}

.vkuiCheckbox--sizeY-compact .vkuiCheckbox__children:last-child, .vkuiCheckbox--sizeY-compact .vkuiCheckbox__description {
    margin-bottom: 8px
}

.vkuiCheckbox--simple {
    align-items: center;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    padding: 0
}

.vkuiCheckbox--simple .vkuiCheckbox__content {
    display: none
}

.vkuiCheckbox--simple .vkuiCheckbox__icon {
    margin: 0
}

.vkuiInput {
    font-size: 16px;
    line-height: 20px;
    position: relative
}

.vkuiInput--center .vkuiInput__el {
    text-align: center
}

.vkuiInput--right .vkuiInput__el {
    text-align: right
}

.vkuiInput__el {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(0, 0, 0, 0);
    border: none;
    box-shadow: none;
    box-sizing: border-box;
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary));
    display: block;
    font-size: 16px;
    font-size: 16px;
    font-size: var(--vkui--font_text--font_size--regular, 16px);
    font-weight: 400;
    font-weight: 400;
    font-weight: var(--vkui--font_text--font_weight--regular, 400);
    line-height: 20px;
    line-height: 20px;
    line-height: var(--vkui--font_text--line_height--regular, 20px);
    margin: 0;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
    text-overflow: ellipsis;
    width: 100%;
    z-index: 6
}

.vkuiInput--sizeY-compact .vkuiInput__el {
    font-size: 15px;
    font-size: 15px;
    font-size: var(--vkui--font_text--font_size--compact, 15px);
    line-height: 20px;
    line-height: 20px;
    line-height: var(--vkui--font_text--line_height--compact, 20px)
}

.vkuiInput--hasBefore .vkuiInput__el {
    padding-left: 0
}

.vkuiInput--hasAfter .vkuiInput__el {
    padding-right: 0
}

.vkuiInput__el:disabled {
    opacity: .64;
    opacity: 0.64;
    opacity: var(--vkui--opacity_disable_accessibility, .64)
}

.vkuiInput__el::-webkit-input-placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--field_text_placeholder, var(--vkui--color_text_secondary));
    opacity: 1
}

.vkuiInput__el::-moz-placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--field_text_placeholder, var(--vkui--color_text_secondary));
    opacity: 1
}

.vkuiInput__el::-ms-input-placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--field_text_placeholder, var(--vkui--color_text_secondary));
    opacity: 1
}

.vkuiInput__el::placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--field_text_placeholder, var(--vkui--color_text_secondary));
    opacity: 1
}

.vkuiInput__el:disabled::-webkit-input-placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary))
}

.vkuiInput__el:disabled::-moz-placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary))
}

.vkuiInput__el:disabled::-ms-input-placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary))
}

.vkuiInput__el:disabled::placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary))
}

.vkuiChipsInput {
    max-width: 100%
}

.vkuiChipsInputBase {
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-wrap: wrap;
    max-width: 100%;
    overflow: hidden;
    padding: 3px;
    position: relative;
    z-index: 6
}

.vkuiChipsInputBase__chip {
    margin: 2px;
    max-width: 100%
}

.vkuiChipsInputBase__label {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 2px 2px 2px 10px
}

.vkuiChipsInputBase__el {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(0, 0, 0, 0);
    border: none;
    box-shadow: none;
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary));
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 2px;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 2
}

.vkuiChipsInputBase__el:focus {
    min-width: 64px
}

.vkuiChipsInputBase__el::-ms-clear {
    display: none
}

.vkuiChipsInputBase__el:disabled {
    opacity: .64;
    opacity: 0.64;
    opacity: var(--vkui--opacity_disable_accessibility, .64)
}

.vkuiChipsInputBase__el::-webkit-input-placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--field_text_placeholder, var(--vkui--color_text_secondary));
    opacity: 1
}

.vkuiChipsInputBase__el::-moz-placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--field_text_placeholder, var(--vkui--color_text_secondary));
    opacity: 1
}

.vkuiChipsInputBase__el::-ms-input-placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--field_text_placeholder, var(--vkui--color_text_secondary));
    opacity: 1
}

.vkuiChipsInputBase__el::placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--field_text_placeholder, var(--vkui--color_text_secondary));
    opacity: 1
}

.vkuiChipsInputBase__el:disabled::-webkit-input-placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary))
}

.vkuiChipsInputBase__el:disabled::-moz-placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary))
}

.vkuiChipsInputBase__el:disabled::-ms-input-placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary))
}

.vkuiChipsInputBase__el:disabled::placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary))
}

.vkuiChipsInputBase__el[readonly] {
    cursor: default
}

.vkuiChipsInputBase--sizeY-compact {
    padding: 1px
}

.vkuiChip {
    background: #fff;
    background: #fff;
    background: var(--background_content, var(--vkui--color_background_content));
    border: 1px solid rgba(0, 0, 0, .08);
    border: var(--thin-border) solid rgba(0, 0, 0, .08);
    border: var(--thin-border) solid var(--image_border, var(--vkui--color_image_border_alpha));
    border-radius: 6px;
    box-sizing: border-box;
    display: inline-block;
    height: 32px
}

.vkuiChip__in {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 0 8px;
    position: relative
}

.vkuiChip--removable .vkuiChip__in {
    padding-right: 0
}

.vkuiChip__content {
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary));
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vkuiChip__remove {
    align-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 2px;
    box-sizing: border-box;
    color: #99a2ad;
    color: #99a2ad;
    color: var(--icon_secondary, var(--vkui--color_icon_secondary));
    cursor: pointer;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    height: 28px;
    justify-content: center;
    margin: -1px;
    padding: 6px;
    position: relative;
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px);
    width: 28px
}

.vkuiChip__before {
    margin-right: 6px
}

.vkuiChip__after {
    margin-left: 6px
}

.vkuiChip--sizeY-compact {
    height: 28px
}

.vkuiSelect {
    box-sizing: border-box;
    cursor: pointer;
    position: relative
}

.vkuiSelect__el {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    display: block;
    font-size: 16px;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 7
}

.vkuiSelect__container {
    box-sizing: border-box;
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary));
    flex-grow: 1;
    flex-shrink: 1;
    overflow: hidden;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
    z-index: 6
}

.vkuiSelect--hasBefore .vkuiSelect__container {
    padding-left: 0
}

.vkuiSelect--hasAfter .vkuiSelect__container {
    padding-right: 0
}

.vkuiSelect--multiline .vkuiSelect__container {
    padding-bottom: 12px;
    padding-top: 12px
}

.vkuiSelect--sizeY-compact.vkuiSelect--multiline .vkuiSelect__container {
    padding-bottom: 8px;
    padding-top: 8px
}

.vkuiSelect__title {
    display: block
}

.vkuiSelect:not(.vkuiSelect--multiline) .vkuiSelect__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vkuiSelect--empty .vkuiSelect__title {
    color: #818c99;
    color: #818c99;
    color: var(--field_text_placeholder, var(--vkui--color_text_secondary))
}

.vkuiSelect--align-right .vkuiSelect__title {
    text-align: right
}

.vkuiSelect--align-center .vkuiSelect__title {
    text-align: center
}

.vkuiCalendarHeader__picker .vkuiSelect__container {
    padding-right: 4px
}

.vkuiTextarea {
    position: relative
}

.vkuiTextarea__el {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(0, 0, 0, 0);
    border: none;
    box-sizing: border-box;
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary));
    display: block;
    font-size: 16px;
    font-size: 16px;
    font-size: var(--vkui--font_text--font_size--regular, 16px);
    font-weight: 400;
    font-weight: 400;
    font-weight: var(--vkui--font_text--font_weight--regular, 400);
    line-height: 20px;
    line-height: 20px;
    line-height: var(--vkui--font_text--line_height--regular, 20px);
    margin: 0;
    max-height: 204px;
    padding: 12px;
    position: relative;
    resize: none;
    width: 100%;
    z-index: 6
}

.vkuiTextarea__el[cols] {
    width: auto
}

.vkuiTextarea--sizeY-compact .vkuiTextarea__el {
    font-size: 15px;
    font-size: 15px;
    font-size: var(--vkui--font_text--font_size--compact, 15px);
    line-height: 20px;
    line-height: 20px;
    line-height: var(--vkui--font_text--line_height--compact, 20px);
    max-height: 196px
}

.vkuiTextarea__el::-webkit-input-placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--field_text_placeholder, var(--vkui--color_text_secondary));
    opacity: 1
}

.vkuiTextarea__el::-moz-placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--field_text_placeholder, var(--vkui--color_text_secondary));
    opacity: 1
}

.vkuiTextarea__el::-ms-input-placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--field_text_placeholder, var(--vkui--color_text_secondary));
    opacity: 1
}

.vkuiTextarea__el::placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--field_text_placeholder, var(--vkui--color_text_secondary));
    opacity: 1
}

.vkuiTextarea__el:disabled {
    opacity: .64;
    opacity: 0.64;
    opacity: var(--vkui--opacity_disable_accessibility, .64)
}

.vkuiTextarea__el:disabled::-webkit-input-placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary))
}

.vkuiTextarea__el:disabled::-moz-placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary))
}

.vkuiTextarea__el:disabled::-ms-input-placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary))
}

.vkuiTextarea__el:disabled::placeholder {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary))
}

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

.vkuiCustomScrollView__box {
    height: 100%;
    max-height: inherit;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 100px;
    position: relative;
    scrollbar-width: none;
    width: 100%;
    z-index: 0
}

.vkuiCustomScrollView__box::-webkit-scrollbar {
    display: none
}

.vkuiCustomScrollView__barY:active + .vkuiCustomScrollView__box {
    pointer-events: none
}

.vkuiCustomScrollView__barY {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 10px;
    z-index: 1
}

.vkuiCustomScrollView__trackerY {
    box-sizing: border-box;
    left: 0;
    padding: 4px 4px 4px 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 10px
}

.vkuiCustomScrollView__trackerY--hidden {
    opacity: 0;
    transition: opacity .2s
}

.vkuiCustomScrollView__trackerY:before {
    background-color: #818c99;
    background-color: #818c99;
    background-color: var(--icon_medium, var(--vkui--color_icon_medium));
    border-radius: 12px;
    content: "";
    display: block;
    height: 100%;
    opacity: .48;
    transition: opacity .2s, -webkit-transform .2s;
    transition: transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s, -webkit-transform .2s;
    width: 100%
}

.vkuiCustomScrollView__trackerY:active:before, .vkuiCustomScrollView__trackerY:hover:before {
    opacity: .8;
    -webkit-transform: scaleX(1.3333);
    transform: scaleX(1.3333)
}

.vkuiCustomSelectDropdown .vkuiCustomScrollView__box {
    padding-right: 8px
}

.vkuiCustomSelectDropdown--wide .vkuiCustomScrollView__box {
    padding-right: 0
}

.vkuiCustomSelect {
    cursor: pointer;
    display: block;
    position: relative;
    width: 100%
}

.vkuiCustomSelect__control {
    display: none
}

.vkuiCustomSelect__empty {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary));
    padding: 12px 0;
    text-align: center
}

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

.vkuiCustomSelectOption {
    align-items: center;
    box-sizing: border-box;
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary));
    cursor: pointer;
    display: flex;
    padding: 8px 12px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%
}

.vkuiCustomSelectOption--hierarchy {
    --custom-select-option-hierarchy-level: 0;
    padding-left: calc(var(--custom-select-option-hierarchy-level) * 32px);
    padding-left: calc(var(--custom-select-option-hierarchy-level) * var(--vkui--size_option_hierarchy--regular, 32px))
}

.vkuiCustomSelectOption--sizeY-regular {
    min-height: 44px
}

.vkuiCustomSelectOption--disabled {
    cursor: default;
    opacity: .64;
    opacity: 0.64;
    opacity: var(--vkui--opacity_disable_accessibility, .64)
}

.vkuiCustomSelectOption--hover {
    background-color: #f2f3f5;
    background-color: #f2f3f5;
    background-color: var(--button_muted_background, var(--vkui--color_transparent--hover))
}

.vkuiCustomSelectOption__before {
    flex-shrink: 0;
    margin-right: 7px
}

.vkuiCustomSelectOption__main {
    flex-grow: 1;
    max-width: 100%;
    min-width: 0
}

.vkuiCustomSelectOption__children {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.vkuiCustomSelectOption__after {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    margin-left: 8px
}

.vkuiCustomSelectOption__description {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary));
    overflow: hidden;
    text-overflow: ellipsis
}

.vkuiCustomSelectOption__selectedIcon {
    color: #2688eb;
    color: #2688eb;
    color: var(--accent, var(--vkui--color_icon_accent))
}

.vkuiCustomSelectOption__selectedIcon:not(:first-child) {
    margin-left: 8px
}

.vkuiDatePicker {
    border: 0;
    margin: 0;
    padding: 0
}

.vkuiDatePicker__container {
    display: flex;
    flex-direction: row;
    width: 100%
}

.vkuiDatePicker__day {
    min-width: 72px
}

.vkuiDatePicker__month {
    display: flex;
    flex: 1 0 0;
    min-width: 0;
    padding: 0 8px
}

.vkuiDatePicker__year {
    min-width: 92px
}

.vkuiDatePicker__monthSelect {
    width: 100%
}

.vkuiSliderSwitch {
    background-color: #f2f3f5;
    background-color: #f2f3f5;
    background-color: var(--field_background);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    height: 44px;
    position: relative;
    transition: all .1s ease-out;
    width: 100%
}

.vkuiSliderSwitch__button {
    -webkit-tap-highlight-color: transparent;
    align-items: center;
    -webkit-appearance: none;
    background: rgba(0, 0, 0, 0);
    border: 0;
    box-sizing: border-box;
    color: #6d7885;
    color: #6d7885;
    color: var(--text_subhead);
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    padding: 0;
    transition: color .1s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 50%;
    z-index: 1
}

.vkuiSliderSwitch__button--focus {
    box-shadow: inset 0 0 0 1px #2688eb;
    box-shadow: inset 0 0 0 1px #2688eb;
    box-shadow: inset 0 0 0 1px var(--accent)
}

.vkuiSliderSwitch__button--ios {
    border-radius: 10px
}

.vkuiSliderSwitch__button--android, .vkuiSliderSwitch__button--vkcom {
    border-radius: 8px
}

.vkuiSliderSwitch__button--hover {
    color: #99a2ad;
    color: #99a2ad;
    color: var(--text_tertiary)
}

.vkuiSliderSwitch__border {
    background-color: #b8c1cc;
    background-color: #b8c1cc;
    background-color: var(--toolbar_attach_background_from);
    height: 28px;
    left: 50%;
    opacity: .5;
    position: absolute;
    top: 8px;
    width: 1px
}

.vkuiSliderSwitch__button--active {
    color: #000;
    color: #000;
    color: var(--text_primary);
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in
}

.vkuiSliderSwitch__button--activeHover {
    color: #000;
    color: #000;
    color: var(--header_alternate_tab_active_text)
}

.vkuiSliderSwitch__slider {
    border-radius: 6px;
    height: 40px;
    left: 0;
    margin: 2px;
    position: absolute;
    top: 0;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s;
    width: calc(50% - 4px)
}

.vkuiSliderSwitch--firstActive {
    margin-left: 2px
}

.vkuiSliderSwitch--firstActive, .vkuiSliderSwitch--secondActive {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--background_content)
}

.vkuiSliderSwitch--secondActive {
    -webkit-transform: translateX(calc(100% + 4px));
    transform: translateX(calc(100% + 4px))
}

.vkuiPopper {
    z-index: 100
}

.vkuiCustomSelectDropdown {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--modal_card_background, var(--vkui--color_background_content));
    border: 1px solid rgba(0, 0, 0, .12);
    border: var(--thin-border) solid rgba(0, 0, 0, .12);
    border: var(--thin-border) solid var(--field_border, var(--vkui--color_separator_primary_alpha));
    border-radius: 8px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .03), 0 2px 2px rgba(0, 0, 0, .06);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .03), 0px 2px 2px rgba(0, 0, 0, .06);
    box-shadow: var(--vkui--elevation1, 0 0 2px rgba(0, 0, 0, .03), 0 2px 2px rgba(0, 0, 0, .06));
    box-sizing: border-box;
    overflow: hidden
}

.vkuiCustomSelectDropdown--wide {
    width: 100%
}

.vkuiCustomSelectDropdown--bottom {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.vkuiCustomSelectDropdown--top {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    bottom: 100%;
    box-shadow: 0 0 2px rgba(0, 0, 0, .03), 0 -2px 2px rgba(0, 0, 0, .06);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .03), 0px -2px 2px rgba(0, 0, 0, .06);
    box-shadow: var(--vkui--elevation1_invert_y, 0 0 2px rgba(0, 0, 0, .03), 0 -2px 2px rgba(0, 0, 0, .06))
}

.vkuiCustomSelectDropdown__fetching {
    padding: 12px 0
}

.vkuiCustomSelectDropdown__in {
    max-height: 160px
}

.vkuiCalendarHeader__pickers .vkuiCustomSelectDropdown__in {
    max-height: 184px
}

.vkuiSegmentedControl {
    background-color: #f5f5f5;
    background-color: #f5f5f5;
    background-color: var(--vkui--color_background_secondary, #f5f5f5);
    border-radius: 8px;
    border-radius: 8px;
    border-radius: var(--vkui--size_border_radius--regular, 8px);
    box-sizing: border-box;
    height: 30px;
    padding: 2px
}

.vkuiSegmentedControl--l {
    height: 36px
}

.vkuiSegmentedControl__in {
    border-radius: inherit;
    display: flex;
    height: 100%;
    position: relative;
    transition: all .1s ease-out;
    width: 100%
}

.vkuiSegmentedControl__slider {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--vkui--color_segmented_control, #fff);
    border-radius: inherit;
    bottom: 0;
    box-shadow: inset 0 0 0 .5px rgba(0, 0, 0, .08), 0 3px 8px rgba(0, 0, 0, .12), 0 3px 1px rgba(0, 0, 0, .04);
    box-shadow: inset 0 0 0 .5px rgba(0, 0, 0, .08), 0 3px 8px rgba(0, 0, 0, .12), 0 3px 1px rgba(0, 0, 0, .04);
    box-shadow: inset 0 0 0 .5px var(--vkui--color_image_border_alpha, rgba(0, 0, 0, .08)), 0 3px 8px rgba(0, 0, 0, .12), 0 3px 1px rgba(0, 0, 0, .04);
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s
}

.vkuiSegmentedControl__option {
    display: block;
    flex: 1;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1
}

.vkuiSegmentedControl--sizeY-regular {
    height: 36px
}

.vkuiSegmentedControl--sizeY-regular.vkuiSegmentedControl--l {
    height: 44px
}

.vkuiSegmentedControlOption {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: inherit;
    box-sizing: border-box;
    color: #000;
    color: #000;
    color: var(--vkui--color_text_primary, #000);
    cursor: pointer;
    height: 100%;
    transition: color .1s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vkuiSegmentedControlOption .vkuiIcon {
    color: #2c2d2e;
    color: #2c2d2e;
    color: var(--vkui--color_icon_primary, #2c2d2e)
}

.vkuiSegmentedControlOption:not(.vkuiSegmentedControlOption--checked):hover {
    opacity: .5
}

.vkuiSegmentedControlOption__content {
    align-content: center;
    align-items: center;
    border-radius: inherit;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.vkuiVisuallyHiddenInput {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap
}

.vkuiCalendar {
    background: #fff;
    background: #fff;
    background: var(--vkui--color_background_modal, #fff);
    border: .5px solid #d7d8d9;
    border: .5px solid #d7d8d9;
    border: .5px solid var(--vkui--color_separator_primary, #d7d8d9);
    border-radius: 8px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .03), 0 2px 2px rgba(0, 0, 0, .06);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .03), 0px 2px 2px rgba(0, 0, 0, .06);
    box-shadow: var(--vkui--elevation1, 0 0 2px rgba(0, 0, 0, .03), 0 2px 2px rgba(0, 0, 0, .06));
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 12px;
    width: 305px
}

.vkuiCalendar__time {
    border-top: 1px solid #d7d8d9;
    border-top: 1px solid #d7d8d9;
    border-top: 1px solid var(--vkui--color_separator_primary, #d7d8d9);
    margin: 12px -12px 0;
    padding: 12px 12px 0
}

.vkuiCalendar__header {
    margin-bottom: 4px;
    z-index: 1
}

.vkuiCalendar--size-s {
    padding: 8px;
    width: 220px
}

.vkuiCalendar--size-s .vkuiCalendar__header {
    margin-bottom: 0
}

.vkuiCalendarDay {
    border-radius: 0;
    color: #000;
    color: #000;
    color: var(--vkui--color_text_primary, #000);
    font-size: 14px
}

.vkuiCalendarDay, .vkuiCalendarDay__hidden {
    flex-basis: 14.28571%;
    flex-grow: 0;
    height: 36px
}

.vkuiCalendarDay--size-s, .vkuiCalendarDay__hidden--size-s {
    height: 34px
}

.vkuiCalendarDay--disabled, .vkuiCalendarDay--not-same-month {
    color: #99a2ad;
    color: #99a2ad;
    color: var(--vkui--color_text_tertiary, #99a2ad)
}

.vkuiCalendarDay--selected {
    background-color: #f5f5f5;
    background-color: #f5f5f5;
    background-color: var(--vkui--color_background_secondary, #f5f5f5)
}

.vkuiCalendarDay--selection-start.vkuiCalendarDay--selected, .vkuiCalendarDay__hinted--selection-start {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px
}

.vkuiCalendarDay--selection-end.vkuiCalendarDay--selected, .vkuiCalendarDay__hinted--selection-end {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px
}

.vkuiCalendarDay__day-number {
    text-align: center
}

.vkuiCalendarDay--today {
    font-weight: 600
}

.vkuiCalendarDay--today .vkuiCalendarDay__day-number:after {
    border-bottom: 2px solid #2688eb;
    border-bottom: 2px solid #2688eb;
    border-bottom: 2px solid var(--vkui--color_stroke_accent, #2688eb);
    content: "";
    display: block;
    left: 50%;
    position: relative;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 16px
}

.vkuiCalendarDay--today .vkuiCalendarDay__inner--active .vkuiCalendarDay__day-number:after {
    border-bottom-color: #fff;
    border-bottom-color: #fff;
    border-bottom-color: var(--vkui--color_stroke_contrast, #fff)
}

.vkuiCalendarDay__hinted, .vkuiCalendarDay__inner {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.vkuiCalendarDay__inner {
    border-radius: 8px
}

.vkuiCalendarDay--hover :not(.vkuiCalendarDay__hinted--active) .vkuiCalendarDay__inner, .vkuiCalendarDay__hinted--active {
    background-color: rgba(0, 0, 0, .08);
    background-color: rgba(0, 0, 0, .08);
    background-color: var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, .08))
}

.vkuiCalendarDay__inner--active {
    background-color: #2688eb;
    background-color: #2688eb;
    background-color: var(--vkui--color_background_accent, #2688eb);
    color: #fff;
    color: #fff;
    color: var(--vkui--color_text_contrast, #fff)
}

.vkuiCalendarDays {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-around
}

.vkuiCalendarDays__row {
    display: flex;
    flex-grow: 1;
    justify-content: center
}

.vkuiCalendarDays__row:not(:last-child) {
    margin-bottom: 4px
}

.vkuiCalendarDays__row--size-s:not(:last-child) {
    margin-bottom: 0
}

.vkuiCalendarDays__weekday {
    color: #6d7885;
    color: #6d7885;
    color: var(--vkui--color_text_subhead, #6d7885);
    flex-basis: 14.28571%;
    flex-grow: 0;
    height: 32px;
    text-transform: capitalize
}

.vkuiCalendarDays__weekday, .vkuiCalendarHeader {
    align-items: center;
    display: flex;
    justify-content: center
}

.vkuiCalendarHeader {
    min-height: 36px;
    position: relative
}

.vkuiCalendarHeader__pickers {
    display: flex;
    position: absolute
}

.vkuiCalendarHeader__picker + .vkuiCalendarHeader__picker {
    margin-left: 4px
}

.vkuiCalendarHeader__nav-icon {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 3px;
    position: absolute
}

.vkuiCalendarHeader__nav-icon--accent {
    color: #2688eb;
    color: #2688eb;
    color: var(--vkui--color_icon_accent, #2688eb)
}

.vkuiCalendarHeader__nav-icon-next {
    right: 0
}

.vkuiCalendarHeader__nav-icon-prev {
    left: 0
}

.vkuiCalendarHeader__month {
    text-transform: capitalize
}

.vkuiCalendarRange {
    background: #fff;
    background: #fff;
    background: var(--vkui--color_background_modal, #fff);
    border: .5px solid #d7d8d9;
    border: .5px solid #d7d8d9;
    border: .5px solid var(--vkui--color_separator_primary, #d7d8d9);
    border-radius: 8px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .03), 0 2px 2px rgba(0, 0, 0, .06);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .03), 0px 2px 2px rgba(0, 0, 0, .06);
    box-shadow: var(--vkui--elevation1, 0 0 2px rgba(0, 0, 0, .03), 0 2px 2px rgba(0, 0, 0, .06));
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 12px;
    width: 610px
}

.vkuiCalendarRange__inner {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.vkuiCalendarRange__inner:not(:last-child) {
    margin-right: 24px
}

.vkuiCalendarRange__header {
    margin-bottom: 4px;
    z-index: 1
}

.vkuiCalendarTime {
    align-items: center;
    display: flex
}

.vkuiCalendarTime__picker {
    width: 77px
}

.vkuiCalendarTime__divider {
    color: #000;
    color: #000;
    color: var(--vkui--color_text_primary, #000);
    margin-left: 6px;
    margin-right: 6px
}

.vkuiCalendarTime__button {
    margin-left: auto
}

.vkuiInputLike__mask {
    position: relative
}

.vkuiInputLike__mask:after {
    border-bottom: 1px solid #818c99;
    border-bottom: 1px solid #818c99;
    border-bottom: 1px solid var(--vkui--color_text_secondary, #818c99);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: calc(100% - .1em)
}

.vkuiInputLike__mask:last-child {
    margin-right: 1px
}

.vkuiInputLike__last_character {
    letter-spacing: 1px !important
}

.vkuiInputLike--full + .vkuiInputLikeDivider {
    color: #000;
    color: #000;
    color: var(--vkui--color_text_primary, #000)
}

.vkuiInputLikeDivider {
    color: #818c99;
    color: #818c99;
    color: var(--vkui--color_text_secondary, #818c99);
    letter-spacing: 1px !important
}

.vkuiDateInput__input {
    cursor: text;
    flex-grow: 1;
    font-size: 16px;
    font-variant-numeric: tabular-nums;
    margin-left: 10px;
    margin-right: 14px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    white-space: nowrap;
    z-index: 6
}

.vkuiDateInput__input-time-divider {
    letter-spacing: 6px !important
}

.vkuiDateInput--sizeY-compact .vkuiDateInput__input {
    font-size: 15px;
    margin-right: 22px
}

.vkuiDateRangeInput__input {
    cursor: text;
    flex-grow: 1;
    font-size: 16px;
    font-variant-numeric: tabular-nums;
    margin-left: 10px;
    margin-right: 14px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    white-space: nowrap;
    z-index: 6
}

.vkuiDateRangeInput--sizeY-compact .vkuiDateRangeInput__input {
    font-size: 15px;
    margin-right: 22px
}

.vkuiPromoBanner {
    background: #fff;
    background: #fff;
    background: var(--background_content, var(--vkui--color_background_content));
    box-sizing: border-box;
    color: #000;
    color: #000;
    color: var(--text_primary, var(--vkui--color_text_primary));
    outline: 1px solid rgba(0, 0, 0, .12);
    outline: var(--thin-border) solid rgba(0, 0, 0, .12);
    outline: var(--thin-border) solid var(--separator_alpha, var(--vkui--color_separator_primary_alpha));
    padding-bottom: 10px;
    position: relative;
    width: 100%
}

.vkuiPromoBanner__head {
    color: #818c99;
    color: #818c99;
    color: var(--text_secondary, var(--vkui--color_text_secondary));
    display: flex;
    padding: 14px 16px 10px;
    padding: 14px 16px 10px;
    padding: 14px var(--vkui--size_base_padding_horizontal--regular, 16px) 10px
}

.vkuiPromoBanner__age {
    margin-left: 6px
}

.vkuiPromoBanner__close {
    align-items: center;
    color: #99a2ad;
    color: #99a2ad;
    color: var(--placeholder_icon_foreground_primary, var(--vkui--color_icon_secondary));
    display: flex;
    height: 48px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px
}

.vkuiPromoBanner__close:active {
    opacity: .7
}

.vkuiPromoBanner__pixels {
    display: none
}

.vkui > body {
    overflow-x: hidden
}

.vkui, .vkui > body, .vkui__root {
    height: 100%;
    margin: 0;
    padding: 0
}

.vkui, .vkui > body, .vkui__portal-root, .vkui__root {
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    color: #000;
    color: #000;
    color: var(--text_primary);
    font-family: -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    font-family: var(--font-common)
}

.vkui__portal-root button, .vkui__portal-root input, .vkui__portal-root select, .vkui__portal-root textarea, .vkui__root button, .vkui__root input, .vkui__root select, .vkui__root textarea {
    font-family: inherit
}

.vkui__portal-root :focus, .vkui__root :focus {
    outline: none
}

.vkc__ErrorScreen__icon {
    color: var(--placeholder_icon_foreground_primary)
}

.vkc__ErrorScreen__placeholder {
    background: var(--background_content)
}

.vkc__ErrorScreen__button {
    font-family: inherit
}

:root {
    --mail-color-bg-toolbar: #005ff9
}

.vkc__Header__headerMail {
    width: 100%;
    height: 56px;
    margin-bottom: -56px;
    top: 0;
    left: 0;
    right: 0;
    background-color: #005ff9;
    background-color: var(--mail-color-bg-toolbar)
}

.vkc__Header__headerMailLogo {
    margin: 12px 0 12px 16px
}

@media (min-width: 768px) and (max-height: 650px) {
    .vkc__Header__headerMail {
        margin-bottom: -45px
    }
}

@media (min-width: 768px) and (max-height: 625px) {
    .vkc__Header__headerMail {
        margin-bottom: -30px
    }
}

@media (min-width: 768px) and (max-height: 600px) {
    .vkc__Header__headerMail {
        margin-bottom: -15px
    }
}

@media (min-width: 768px) and (max-height: 575px) {
    .vkc__Header__headerMail {
        margin-bottom: 0
    }
}

@media (min-width: 768px) and (max-height: 550px) {
    .vkc__Header__headerMail {
        margin-bottom: 15px
    }
}

@media (min-width: 768px) and (max-height: 500px) {
    .vkc__Header__headerMail {
        margin-bottom: 0
    }
}

.vkc__PassportBox__container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 720px;
    margin: 20px 0
}

.vkc__PassportBox__box, .vkc__PassportBox__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.vkc__PassportBox__box {
    height: 456px;
    border: 1px solid var(--separator_alternate);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

.vkc__PassportBox__fullSizeBox {
    width: 100%;
    height: auto
}

.vkc__PassportBox__loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--modal_card_background)
}

.vkc__PassportBox__loader, .uxdemo2 .vkc__PassportBox__loader {
    color: var(--accent)
}

.vkc__PassportBox__col {
    width: 360px
}

.vkc__PassportBox__col, .vkc__PassportBox__onlyCol {
    height: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.vkc__PassportBox__onlyCol {
    width: 100%;
    background: var(--background_content);
    padding: 34px 28px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.vkc__PassportBox__logo {
    height: 20px;
    width: inherit;
    margin-top: 16px;
    color: var(--accent);
    position: absolute;
    z-index: 1;
    text-align: center
}

.vkc__PassportBox__leftCol, .vkc__PassportBox__rightCol {
}

.vkc__PassportBox__rightCol {
    position: relative;
    background: var(--background_content);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.vkc__PassportBox__righColHasLegalNotes, .vkc__PassportBox__rightCol {
    padding: 28px
}

.vkc__PassportBox__internalSkin {
    width: 448px
}

.vkc__PassportBox__internalSkinBox, .vkc__PassportBox__singleCol {
    width: 360px;
    height: auto
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__PassportBox__container {
        width: 100%;
        margin: 0
    }

    .vkc__PassportBox__container.vkc__PassportBox__hasHeader {
        top: 56px
    }

    .vkc__PassportBox__box, .vkc__PassportBox__col {
        min-width: 240px;
        width: 100%
    }

    .vkc__PassportBox__box {
        display: block;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        height: auto;
        overflow-y: visible;
        border: 0
    }

    .vkc__PassportBox__leftCol {
        display: none
    }

    .vkc__PassportBox__onlyCol, .vkc__PassportBox__rightCol {
        padding: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .vkc__PassportBox__internalSkin {
        height: 100%;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background: var(--background_content)
    }

    .vkc__PassportBox__internalSkinBox, .vkc__PassportBox__singleCol {
        width: 100%
    }
}

.vkc__ProvideUserinfo__container {
    width: 450px;
    height: auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.vkc__ProvideUserinfo__containerFullScreen {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.vkc__ProvideUserinfo__closeButtonContainer {
    position: absolute;
    top: 16px;
    left: 16px;
    cursor: pointer;
    color: var(--accent)
}

.vkc__ProvideUserinfo__header {
    width: 100%;
    height: auto;
    background-color: var(--background_light);
    text-align: center;
    padding: 16px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0
}

.vkc__ProvideUserinfo__headerFullScreen {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.vkc__ProvideUserinfo__headerLogo {
    margin-top: 2px;
    margin-bottom: 20px;
    color: var(--azure_A100)
}

.vkc__ProvideUserinfo__headerAvatars {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 12px
}

.vkc__ProvideUserinfo__headerDescription {
    margin-bottom: 4px;
    font-size: 15px;
    line-height: 20px;
    color: var(--text_secondary)
}

.vkc__ProvideUserinfo__headerDescription b {
    color: var(--text_primary)
}

.vkc__ProvideUserinfo__content {
    width: 100%;
    height: auto;
    background-color: var(--modal_card_background);
    padding: 6px 16px 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px
}

.vkc__ProvideUserinfo__contentFullScreen {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.vkc__ProvideUserinfo__permissionItem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 48px;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.vkc__ProvideUserinfo__permissionItemBigger {
    height: auto;
    padding: 14px 0
}

.vkc__ProvideUserinfo__permissionItem:last-child, .vkc__ProvideUserinfo__permissionItemBigger:last-child {
    padding-bottom: 8px;
    min-height: 46px
}

.vkc__ProvideUserinfo__permissionItemName {
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color: var(--text_primary)
}

.vkc__ProvideUserinfo__permissionItemSubtypes {
    font-size: 13px;
    line-height: 15px;
    color: var(--text_subhead)
}

.vkc__ProvideUserinfo__infoItemToggle {
    margin-left: auto
}

.vkc__ProvideUserinfo__link {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 18px;
    color: var(--accent)
}

.vkc__ProvideUserinfo__linkText:first-letter {
    text-transform: uppercase
}

.vkc__ProvideUserinfo__link:last-child {
    margin-bottom: 0
}

.vkc__ProvideUserinfo__line {
    width: 10px;
    height: 1px;
    -webkit-border-radius: .5px;
    -moz-border-radius: .5px;
    border-radius: .5px;
    background-color: var(--separator_common);
    margin: 0 8px
}

.vkc__ProvideUserinfo__linkBlock {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px
}

.vkc__ProvideUserinfo__checkCircleIcon, .vkc__ProvideUserinfo__linkBlock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.vkc__ProvideUserinfo__checkCircleIcon {
    color: var(--green);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3)
}

.vkc__ProvideUserinfo__delimiter {
    height: 1px;
    margin-top: 4px;
    -webkit-box-shadow: inset 0 .3px 0 0 var(--separator_alpha);
    -moz-box-shadow: inset 0 .3px 0 0 var(--separator_alpha);
    box-shadow: inset 0 .3px 0 0 var(--separator_alpha)
}

.vkc__ProvideUserinfo__typeIcon {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px;
    color: var(--accent)
}

.vkc__ProvideUserinfo__agreementsContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px;
    padding: 8px 0
}

.vkc__ProvideUserinfo__agreementsBlocks {
    padding-left: 15px
}

.vkc__ProvideUserinfo__agreementsIcon {
    position: relative;
    display: block;
    width: 28px;
    height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: var(--gray_300)
}

.vkc__ProvideUserinfo__agreementsIconContainer {
    position: relative;
    margin: 2px 0 0
}

.vkc__ProvideUserinfo__agreementsIconContainer:after {
    content: "";
    display: block;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: .5px solid var(--background_highlighted)
}

@media (max-height: 500px),(max-width: 767px) {
    .vkc__ProvideUserinfo__container {
        width: 100%;
        min-height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .vkc__ProvideUserinfo__container, .vkc__ProvideUserinfo__content, .vkc__ProvideUserinfo__header {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .vkc__ProvideUserinfo__content {
        -webkit-box-flex: 2;
        -webkit-flex-grow: 2;
        -moz-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
        padding: 16px 20px 100px
    }
}

.vkc__Auth__pageBox {
    min-height: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vkc__Auth__passportBoxContentWithoutPadding {
    padding: 0
}

@media (min-width: 768px) and (min-height: 501px) {
    .vkc__Auth__passportBoxContentWithoutPadding {
        padding: 0
    }

    .vkc__Auth__pageBox {
        width: 100%;
        height: 100%
    }
}

:root {
    --azure_100_muted: #67a5eb;
    --azure_300: #2688eb;
    --azure_350: #2975cc;
    --azure_A100: #07f;
    --azure_A400: #2d81e0;
    --black: #000;
    --black_alpha05: rgba(0, 0, 0, 0.05);
    --black_alpha8: rgba(0, 0, 0, 0.08);
    --black_alpha12: rgba(0, 0, 0, 0.12);
    --black_alpha15: rgba(0, 0, 0, 0.15);
    --black_alpha16: rgba(0, 0, 0, 0.16);
    --black_alpha20: rgba(0, 0, 0, 0.2);
    --black_alpha24: rgba(0, 0, 0, 0.24);
    --black_alpha35: rgba(0, 0, 0, 0.35);
    --black_alpha6: rgba(0, 0, 0, 0.06);
    --black_alpha60: rgba(0, 0, 0, 0.6);
    --black_alpha75: rgba(0, 0, 0, 0.75);
    --black_blue10: #000c1a;
    --black_blue24: #001c3d;
    --black_blue24_alpha8: rgba(0, 28, 61, 0.08);
    --black_blue24_alpha24: rgba(0, 28, 61, 0.24);
    --black_blue30_alpha66: rgba(0, 36, 77, 0.66);
    --black_blue45_alpha10: rgba(0, 57, 115, 0.1);
    --black_lavender_alpha5: rgba(0, 8, 61, 0.05);
    --blue_200: #5c9ce6;
    --blue_200_muted: #74a2d6;
    --blue_300: #528bcc;
    --blue_400: #5181b8;
    --blue_600: #45678f;
    --blue_A300: #4772a6;
    --blue_A400: #346cad;
    --blue_A500: #3c6a9e;
    --blue_A800: #28436e;
    --blue_facebook: #4367a3;
    --blue_overlight_1_alpha32: rgba(173, 211, 255, 0.32);
    --blue_overlight_2_alpha80: rgba(194, 222, 255, 0.8);
    --blue_overlight_3: #92b2d6;
    --brown_gold: #9e8f72;
    --brown_light: #c2b79f;
    --clear: rgba(0, 0, 0, 0);
    --charcoal: #384452;
    --emerald: #4cd964;
    --gold_200: #f4e7c3;
    --gold_250: #e3d3ac;
    --gold_300: #d1c097;
    --gold_400: #ab9871;
    --gold_500: #857250;
    --gray_100: #e1e3e6;
    --gray_20: #f9f9f9;
    --gray_200: #c4c8cc;
    --gray_300: #aaaeb3;
    --gray_40: #f2f3f5;
    --gray_400: #909499;
    --gray_450: #7f8285;
    --gray_50: #ebedf0;
    --gray_500: #76787a;
    --gray_600: #5d5f61;
    --gray_700: #454647;
    --gray_750: #363738;
    --gray_800: #2c2d2e;
    --gray_850: #232324;
    --gray_900: #19191a;
    --gray_950: #141414;
    --gray_1000: #0a0a0a;
    --gray_A150: #d7d8d9;
    --gray_A40: #f5f5f5;
    --gray_A970: #070708;
    --gray_alpha: rgba(215, 219, 224, 0.7);
    --green: #4bb34b;
    --green_alpha: rgba(75, 179, 75, 0.15);
    --light_gray_2: #a9b0b8;
    --mint_100: #d4fde8;
    --mint_200: #aee6c9;
    --mint_400: #6d8f7e;
    --mint_500: #567867;
    --mint_A1_alpha12: rgba(0, 103, 50, 0.12);
    --orange: #ffa000;
    --orange_fire: #f05c44;
    --pink: #e6457a;
    --pink_alpha: rgba(30, 0, 12, 0.18);
    --pink_light: #faebeb;
    --raspberry_pink: #e03fab;
    --raspberry_pink_light: #f060c0;
    --purple: #735ce6;
    --purple_light: #937ff5;
    --red: #e64646;
    --red_dark: #522e2e;
    --red_error: #eb4250;
    --red_light: #ff5c5c;
    --red_nice: #ff3347;
    --sky_300: #71aaeb;
    --steel_gray_150: #b8c1cc;
    --steel_gray_200: #aeb7c2;
    --steel_gray_250: #a3adb8;
    --steel_gray_300: #99a2ad;
    --steel_gray_350: #9099a3;
    --steel_gray_400: #818c99;
    --steel_gray_500: #6d7885;
    --turquoise: #63b9ba;
    --violet: #792ec0;
    --violet_dark: #1f1b2c;
    --violet_light: #a393f5;
    --violet_muted: #4b4d61;
    --white: #fff;
    --white_alpha8: hsla(0, 0%, 100%, 0.08);
    --white_alpha12: hsla(0, 0%, 100%, 0.12);
    --white_alpha15: hsla(0, 0%, 100%, 0.15);
    --white_alpha20: hsla(0, 0%, 100%, 0.2);
    --white_alpha40: hsla(0, 0%, 100%, 0.4);
    --white_alpha60: hsla(0, 0%, 100%, 0.6);
    --white_blue20: #cce4ff;
    --white_blue32: #add3ff;
    --yellow: #ffc107;
    --yellow_light: #ffd54f;
    --yellow_overlight: #fff2d6;
    --yellow_sunflower: #fece00;
    --lavender_A100: #e6e5ff;
    --lavender_A200: #ceccff;
    --lavender_A400: #928fff;
    --lavender_A700: #4b47b2;
    --lavender_A800: #353380;
    --lavender_100: #e6e9ff;
    --lavender_200: #ccd3ff;
    --lavender_300: #adb8ff;
    --lavender_700: #5965b3;
    --lavender_800: #404980;
    --lavender_900: #262b4d
}