.ro-notice {
    padding: 24px 16px;
    font-size: 14px;
    line-height: 1.2;
    color: rgb(29, 29, 29);
    text-size-adjust: 100%;
}

.ro-notice__small {
    padding: 12px 12px 12px 16px;
}

.ro-notice__offset,
.ro-notice__list.ro-notice__offset {
    margin-bottom: 24px;
}

.ro-notice__offset-small {
    margin-bottom: 16px;
}

.ro-notice__header {
    font-weight: bold;
    margin-bottom: 16px;
}

.ro-notice__table {}

.ro-notice__table-header {
    padding: 12px 16px;
    color: rgba(0, 0, 0, 0.64);
    text-transform: uppercase;
    letter-spacing: 0.86px;
    font-size: 11px;
    border-bottom: 1px solid rgb(221, 221, 221);
    background-color: rgb(243, 243, 243);
    font-weight: bold;
}

.ro-notice__table-row {
    display: flex;
    border-bottom: 1px solid rgb(221, 221, 221);
    margin: 0px 16px;
}

.ro-notice__table-row-header {
    display: flex;
    font-size: 12px;
    margin: 0px 16px;
    color: rgba(0, 0, 0, 0.38);
}

.ro-notice__table-row-header:first-child {
    border-top: 1px solid rgb(221, 221, 221);
}

.ro-notice__table-row-header::before {
    content: attr(data-content);
    padding: 16px 16px 0px 0px;
    flex: 1 1 0%;
}

.ro-notice__table-row-header:not(.ro-notice__table-row-header_single)::after {
    content: attr(data-content);
    flex: 1 1 0%;
    padding: 16px 16px 0px;
    border-left: 1px solid rgb(221, 221, 221);
}

@media (max-width: 1023px) {
    .ro-notice__table-row-header:not(.ro-notice__table-row-header_single)::after {
        display: none;
    }


}

.ro-notice__table-cell {
    padding: 8px 16px 16px 0px;
}

.ro-notice__table-cell:first-child:not(:last-child) {
    flex: 1 1 0%;
}

.ro-notice__table-cell:last-child:not(:first-child) {
    box-sizing: border-box;
    flex: 1 1 0%;
    border-left: 1px solid rgb(221, 221, 221);
    padding-left: 16px;
}

@media (max-width: 1023px) {
    .ro-notice__table-cell:last-child:not(:first-child) {
        border-left: none;
    }


}

.ro-notice__list {
    margin: 0px;
    padding: 0px;
}

.ro-notice__list-item {
    display: block;
    padding-left: 16px;
    position: relative;
}

.ro-notice__list-item::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background: rgb(29, 29, 29);
    left: 0px;
    top: 0.4em;
    border-radius: 50%;
}

.ro-notice__list-item+.ro-notice__list-item {
    margin-top: 12px;
}

@font-face {
    font-family: FuturaBook;
    src: url("/import/font/FuturaNewBook.eot"), url("/import/font/FuturaNewBook.woff") format("woff"), url("/import/font/FuturaNewBook.ttf") format("truetype");
}

@font-face {
    font-family: FuturaNewHeavy;
    src: url("/import/font/FuturaNewHeavy.eot"), url("/import/font/FuturaNewHeavy.woff") format("woff"), url("/import/font/FuturaNewHeavy.ttf") format("truetype");
}

@font-face {
    font-family: FuturaNewMedium;
    src: url("/import/font/FuturaNewMedium.eot"), url("/import/font/FuturaNewMedium.woff") format("woff"), url("/import/font/FuturaNewMedium.ttf") format("truetype");
}

.space-20 {
    height: 20px;
    width: 100%;
    display: block;
}

.space-end-page {
    height: 80px;
    width: 100%;
    display: block;
}

@font-face {
    font-family: Roboto;
    src: url("Roboto-Regular.ac31c61ec1fa432b.otf") format("opentype"), url("Roboto-Regular.e8d4a339f6a3241f.ttf") format("truetype"), url("Roboto-Regular.b488f7624d7c3e79.woff") format("woff");
}

@font-face {
    font-family: Roboto;
    font-weight: 300;
    src: url("Roboto-Light.dfe2fb939dab7fce.otf") format("opentype"), url("Roboto-Light.c6b9dc70e7579729.ttf") format("truetype"), url("Roboto-Light.c318621a547c5148.woff") format("woff");
}

@font-face {
    font-family: Roboto;
    font-weight: 100;
    src: url("Roboto-Thin.4a093d232e74bc40.otf") format("opentype"), url("Roboto-Thin.c3342bc3d889f745.ttf") format("truetype"), url("Roboto-Thin.65459cda142a7c9c.woff") format("woff");
}

@font-face {
    font-family: Roboto;
    font-weight: 500;
    src: url("Roboto-Medium.de4cbf7a2334c617.ttf") format("truetype");
}

@font-face {
    font-family: Roboto;
    font-weight: 700;
    src: url("Roboto-Bold.f7aa49713d0a54c5.ttf") format("truetype");
}

@font-face {
    font-family: "ALS Hauss";
    font-display: swap;
    src: url("https://www.raiffeisen.ru/common/new/images/fonts/ALS_Hauss-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "ALS Hauss";
    font-display: swap;
    src: url("https://www.raiffeisen.ru/common/new/images/fonts/ALS_Hauss-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "ALS Hauss";
    font-display: swap;
    src: url("https://www.raiffeisen.ru/common/new/images/fonts/ALS_Hauss-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: Navigo;
    font-display: swap;
    src: url("https://www.raiffeisen.ru/common/new/images/fonts/Navigo-Bold-Web.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: Navigo;
    font-display: swap;
    src: url("https://www.raiffeisen.ru/common/new/images/fonts/Navigo-Regular-Web.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: Navigo;
    font-display: swap;
    src: url("https://www.raiffeisen.ru/common/new/images/fonts/Navigo-Light-Web.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

.no-scroll {
    overflow: hidden;
}

.rc-link {
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 0px 1px;
    cursor: pointer;
    vertical-align: bottom;
    text-decoration: underline;
    line-height: inherit;
    color: rgb(1, 143, 254);
    border: 0px;
    outline: 0px;
    background: transparent;
}

.rc-link_inline {
    display: inline;
}

.rc-link_no-underline {
    text-decoration: none;
}

.rc-row {
    width: 100%;
    display: flex;
    flex-direction: column;
}

@media (min-width: 1024px) {
    .rc-row {
        flex-direction: row;
    }


}

.rc-row_column {
    flex-direction: column;
}

.rc-row_warning {
    width: 93%;
    margin: auto;
}

.rc-row_no-label {
    box-sizing: border-box;
}

@media (min-width: 1024px) {
    .rc-row_no-label {
        padding-left: 248px;
    }


}

.rc-row_no-label.rc-row_column {
    padding-left: 0px;
}

@media (min-width: 1024px) {
    .rc-row_no-label.rc-row_column {
        padding-top: 24px;
    }


}

.settings-card .rc-row_no-label {
    padding-left: 0px;
}

@media (min-width: 1024px) {
    .settings-card .rc-row_no-label {
        padding-top: 24px;
    }


}

@media (min-width: 1024px) {
    .settings-page .rc-row_no-label {
        padding-left: 32px;
    }


}

.rc-row__control-value {
    display: flex;
    align-items: center;
    height: 40px;
}

.rc-row__control-value_large {
    height: auto;
}

.rc-row__help {
    width: 230px;
    padding-bottom: 10px;
    font-size: 0.9em;
    padding-top: 4px;
    color: rgba(0, 0, 0, 0.38);
}

.rc-row__label {
    width: 100%;
    min-width: 100%;
    padding-bottom: 4px;
    color: rgba(0, 0, 0, 0.64);
}

.vp-card .rc-row__label {
    margin-bottom: 6px;
}

.rc-row_column .rc-row__label {
    padding-bottom: 8px;
}

.rc-row__label-help {
    width: 100%;
    padding-bottom: 5px;
    font-size: 0.9em;
    color: rgba(0, 0, 0, 0.38);
}

.rc-row__label-help_large {
    padding-bottom: 16px;
}

.rc-row__label-prefix {
    position: relative;
    top: -1px;
    margin-right: 5px;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.38);
}

.rc-row__label-prefix::before {
    content: "(";
}

.rc-row__label-prefix::after {
    content: ")";
}

.rc-row__label-wrap {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    box-sizing: border-box;
    padding: 4px 8px 4px 16px;
}

@media (min-width: 1024px) {
    .rc-row__label-wrap {
        width: 248px;
        align-items: flex-end;
        text-align: right;
        padding-top: 12px;
    }


}

.rc-row__label-wrap_small {
    padding-left: 0px;
    flex-shrink: 1;
}

@media (min-width: 1024px) {
    .rc-row__label-wrap_small {
        width: 46%;
        padding-left: 10px;
    }


}

.rc-row__label-wrap_multi-line {
    padding-top: 2px;
}

.rc-row_column .rc-row__label-wrap {
    align-items: flex-start;
    width: 100%;
    padding: 0px;
    text-align: left;
}

.open-offer-loan-form-calc__form .rc-row__label-wrap {
    width: 210px;
}

@media (min-width: 1024px) {
    .success-operation__create-template .rc-row__label-wrap {
        width: calc(20% - 10px);
    }


}

.settings-card .rc-row__label-wrap {
    width: 180px;
}

.rc-row__over-field-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
}

.rc-row__side {
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    height: 40px;
    padding-right: 32px;
    padding-left: 16px;
    font-style: italic;
}

@media (min-width: 1024px) {
    .rc-row__side {
        display: flex;
        padding-right: 10px;
        padding-left: 0px;
    }


}

.rc-row__static-value {
    display: flex;
    flex-grow: 1;
    align-items: center;
    min-height: 24px;
    padding: 8px 12px;
    border-bottom: 1px solid rgb(221, 221, 221);
    color: rgba(0, 0, 0, 0.64);
}

.rc-row__static-value_short {
    width: 25vw;
    min-width: 275px;
    max-width: 350px;
}

.rc-row__tooltip {
    padding-left: 16px;
    padding-top: 0px;
    color: rgba(0, 0, 0, 0.64);
}

@media (min-width: 1024px) {
    .rc-row__tooltip {
        padding-left: 32px;
        padding-top: 12px;
    }


}

.rc-row__value {
    box-sizing: border-box;
    width: 100%;
    min-height: 72px;
    padding-left: 16px;
    padding-right: 32px;
}

.rc-row__value .rc-row__value {
    padding-left: 0px;
}

@media (min-width: 1024px) {
    .rc-row__value {
        max-width: 600px;
        padding-left: 8px;
    }


}

.rc-row__value_control-height {
    min-height: 40px;
}

.rc-row__value_full {
    padding-right: 0px;
}

.rc-row__value_short {
    width: 36%;
    min-width: 275px;
    max-width: 350px;
}

.rc-row__value_small {
    flex-shrink: 0;
    padding-right: 0px;
}

@media (min-width: 1024px) {
    .rc-row__value_small {
        width: 54%;
    }


}

.rc-row__value_static-value {
    padding-bottom: 24px;
}

.rc-row__value_card {
    display: flex;
    justify-content: space-between;
    max-width: 152px;
}

.rc-row_column .rc-row__value {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}

.rc-row__value-error {
    display: flex;
    flex-grow: 1;
    align-items: center;
    min-height: 24px;
    padding: 8px 12px;
    border-bottom: 1px solid rgb(221, 221, 221);
    color: rgb(244, 67, 54);
}

.rc-row__value-help {
    padding: 3px 0px;
    font-size: 13px;
    line-height: 14px;
    color: rgba(0, 0, 0, 0.38);
}

.rc-row__value-help_right {
    text-align: right;
}

.rc-row__value-help_grouped {
    padding-bottom: 12px;
    text-align: right;
}

.vp-form .rc-row__value-help {
    padding-top: 0px;
    margin-bottom: 12px;
}

.rc-row__value-loader {
    display: flex;
    height: 40px;
    align-items: center;
    font-size: 20px;
}

.settings-card .rc-row__value {
    margin-right: 24px;
}

@media (max-width: 1023px) {
    .shrink-input-height .rc-row__value {
        min-height: 46px;
    }


}

.rc-row-group {
    display: flex;
    flex-direction: column;
}

@media (min-width: 720px) {
    .rc-row-group {
        flex-direction: row;
    }


}

@media (min-width: 1024px) {
    .rc-row-double-value {
        display: flex;
    }


}

.rc-row-double-value__first {
    flex-grow: 1;
}

@media (min-width: 1024px) {
    .rc-row-double-value__first_with-tooltip {
        padding-right: 16px;
    }


}

.rc-row-double-value__first_with-second-without-label {
    max-width: calc(64.9% - 32px);
}

.rc-row-double-value__second {
    flex-shrink: 0;
}

@media (min-width: 1024px) {
    .rc-row-double-value__second {
        display: flex;
        justify-content: flex-end;
        width: 65%;
    }


}

@media (min-width: 1024px) {
    .rc-row-double-value__second_no-label {
        margin-left: 32px;
        width: 35.1%;
    }


}

:root {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    position: relative;
    overflow-y: scroll;
    margin: 0px;
    font: 14px / 1.2 HelveticaNeue, HelveticaNeueCyr, Helvetica, Arial, sans-serif;
    color: rgb(29, 29, 29);
    text-size-adjust: none;
}

button:active,
button:focus {
    outline: none;
}

textarea {
    box-sizing: border-box;
    resize: none;
}

a {
    outline: none;
}

[hidden] {
    display: none !important;
}

@media (max-width: 719px) {
    .hidden-phone {
        display: none !important;
    }


}

@media (min-width: 720px) {
    .hidden-phone-up {
        display: none !important;
    }


}

.widget-container {
    display: block;
    position: relative;
    padding-bottom: 30px;
}

.widget-container:empty {
    display: none;
}

.dragndrop__droppable:last-child .widget-container {
    padding-bottom: 0px;
}

@media (max-width: 719px) {
    .widget-container {
        padding-bottom: 0px;
    }


}

.rc-attributes__item {
    box-sizing: border-box;
    min-height: 40px;
    display: flex;
    justify-content: space-between;
    color: rgba(0, 0, 0, 0.64);
    padding-top: 4px;
    border-bottom: 1px solid rgb(221, 221, 221);
    align-items: center;
}

@media (max-width: 1023px) {
    .rc-attributes__item_wrap {
        flex-wrap: wrap;
    }


}

.rc-attributes__item_active {
    color: rgb(29, 29, 29);
    background-color: rgb(243, 243, 243);
}

.rc-attributes__item_active:first-child {
    border-radius: 3px 3px 0px 0px;
}

.rc-attributes__item_active:last-child {
    border-radius: 0px 0px 3px 3px;
}

.rc-attributes_active .rc-attributes__item {
    border-color: rgba(0, 0, 0, 0.38);
}

.rc-attributes_wrapped .rc-attributes__item {
    padding: 8px;
}

.rc-attributes__label {
    margin-right: 12px;
}

.rc-attributes__value {
    white-space: nowrap;
}

.rc-attributes__value_bold {
    padding-left: 5px;
    color: rgb(79, 210, 98);
}

.product-box {
    border-radius: 2px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

@media (min-width: 1024px) {
    .product-box {
        flex-basis: 0%;
    }


}

.product-box_wide {
    flex: 2 1 0%;
}

@media (min-width: 1024px) {
    .product-box_broker-chart {
        flex-basis: 170px;
    }


}

@media (max-width: 1023px) {
    .product-box_broker-chart {
        margin-bottom: 8px;
    }


}

.product-box_single {
    flex-basis: auto;
}

@media (max-width: 1023px) {
    .product-box+.product-box {
        margin-bottom: 8px;
    }


}

@media (min-width: 1024px) {
    .product-box+.product-box {
        margin-left: 8px;
    }


}

.product-box__header {
    display: flex;
    align-items: center;
    font-size: 11px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.64);
    font-weight: 700;
    padding: 0px 16px;
    height: 40px;
    box-sizing: border-box;
    border-bottom: 1px solid rgb(221, 221, 221);
    letter-spacing: 0.9px;
    flex-shrink: 0;
}

.product-box__body {
    display: block;
}

.product-box__loader {
    display: flex;
    justify-content: center;
}

.arrow-box {
    position: relative;
    display: flex;
    align-items: center;
    height: 44px;
    padding: 8px 16px 8px 44px;
    box-sizing: border-box;
    background-color: rgb(255, 255, 255);
}

.arrow-box::before {
    content: "";
    position: absolute;
    left: 16px;
    width: 16px;
    height: 16px;
    top: 50%;
    margin-top: -8px;
    background: url("arrow-box.6560dec784801cc5.svg") center center no-repeat;
}

.product-box .arrow-box,
.tab-box .arrow-box {
    border-radius: 0px 0px 4px 4px;
}

.product-widget__content {
    display: block;
    margin: 0px 4px;
    border-width: 0px 2px 2px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: rgb(248, 197, 14);
    border-bottom-color: rgb(248, 197, 14);
    border-left-color: rgb(248, 197, 14);
    border-image: initial;
    border-top-style: initial;
    border-top-color: initial;
    border-radius: 0px 0px 2px 2px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
}

@media (min-width: 1024px) {
    .product-widget__content {
        margin: 0px 16px;
    }


}

.product-widget_account .product-widget__content {
    border-color: rgb(66, 106, 140);
}

.product-widget_account-savings .product-widget__content {
    border-color: rgb(68, 137, 152);
}

.product-widget_card-credit .product-widget__content {
    border-color: rgb(215, 181, 139);
}

.product-widget_card-salary .product-widget__content {
    border-color: rgb(131, 181, 225);
}

.product-widget_deposit .product-widget__content {
    border-color: rgb(255, 178, 76);
}

.private .product-widget_deposit .product-widget__content,
.premium .product-widget_deposit .product-widget__content,
.premium-direct .product-widget_deposit .product-widget__content {
    border-color: rgb(156, 147, 132);
}

.product-widget_loan .product-widget__content {
    border-color: rgb(1, 198, 170);
}

.private .product-widget_loan .product-widget__content,
.premium .product-widget_loan .product-widget__content,
.premium-direct .product-widget_loan .product-widget__content {
    border-color: rgb(129, 144, 141);
}

.product-widget_loan-MORT .product-widget__content {
    border-color: rgb(81, 200, 120);
}

.private .product-widget_loan-MORT .product-widget__content,
.premium .product-widget_loan-MORT .product-widget__content,
.premium-direct .product-widget_loan-MORT .product-widget__content {
    border-color: rgb(149, 166, 163);
}

.product-widget_loan-AUTO .product-widget__content {
    border-color: rgb(172, 201, 92);
}

.private .product-widget_loan-AUTO .product-widget__content,
.premium .product-widget_loan-AUTO .product-widget__content,
.premium-direct .product-widget_loan-AUTO .product-widget__content {
    border-color: rgb(114, 123, 121);
}

.product-widget_uit .product-widget__content {
    border-color: rgb(152, 93, 205);
}

.private .product-widget_uit .product-widget__content,
.premium .product-widget_uit .product-widget__content,
.premium-direct .product-widget_uit .product-widget__content {
    border-color: rgb(165, 153, 158);
}

.product-widget_brokerage_iia .product-widget__content {
    border-color: rgb(88, 105, 211);
}

.product-widget_brokerage_moex .product-widget__content {
    border-color: rgb(153, 89, 208);
}

.product-widget_brokerage_otc .product-widget__content {
    border-color: rgb(27, 160, 228);
}

.product-widget__content.packages-widget__premium-direct {
    border-color: rgb(103, 200, 198);
}

.product-widget__content.packages-widget__premium {
    border-color: rgb(59, 59, 59);
}

.product-widget__content.packages-widget__gold {
    border-color: rgb(255, 175, 62);
}

.product-widget__content.packages-widget__salary {
    border-color: rgb(109, 195, 239);
}

.product-widget__content.packages-widget__optimum {
    border-color: rgb(182, 192, 202);
}

.product-widget__content.packages-widget__none {
    border-color: rgb(229, 233, 234);
}

.product-widget__tab-box {
    width: 100%;
}

.product-widget__credit-info {
    display: block;
}

.product-widget__card-operations {
    height: 200px;
    box-sizing: border-box;
    border-bottom: 1px solid rgb(221, 221, 221);
}

.product-widget__state {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
}

.product-widget__operations {
    height: 200px;
    border-bottom: 1px solid rgb(221, 221, 221);
    box-sizing: border-box;
}

.product-widget__chart {
    display: block;
    position: relative;
    flex: 1 1 0%;
    height: 200px;
    box-sizing: border-box;
}

.product-widget_card .product-widget__chart {
    border-bottom: 1px solid rgb(221, 221, 221);
}

.product-widget_uit .product-widget__chart {
    height: 244px;
}

.product-widget__chart-content {
    position: absolute;
    inset: 20px 10px 10px;
    overflow: hidden;
}

.product-widget_card .product-widget__chart-content {
    top: 5px;
    bottom: 5px;
}

.product-widget__center {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.product-widget__footer-button {
    margin-left: 16px;
}

.product-widget__notice {
    margin-top: 8px;
}

.product-widget__loan-schedule-payment {
    display: flex;
    align-items: center;
}

.product-view {
    border-radius: 2px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    flex-shrink: 0;
    margin-bottom: 8px;
    box-sizing: border-box;
    overflow: hidden;
    min-height: 280px;
}

@media (min-width: 1024px) {
    .product-view__group {
        width: 392px;
        margin-bottom: 0px;
    }


}

@media (min-width: 1024px) {
    .product-view__tablet {
        min-height: auto;
        margin-right: 8px;
    }


}

.product-view_salary-form {
    background: none;
    box-shadow: none;
}

.product-widget_account .product-view {
    background-image: linear-gradient(to right, rgb(39, 61, 80), rgb(74, 120, 160));
    overflow: visible;
}

.product-widget_account-savings .product-widget_account .product-view {
    background-image: linear-gradient(to right, rgb(44, 62, 80), rgb(75, 159, 174));
}

.product-view__img {
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-size: cover;
    background-position: center center;
}

.product-widget_loan .product-view__img,
.product-widget_uit .product-view__img {
    bottom: 40px;
}

.product-view__hint {
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 8px;
    text-align: center;
}

.product-view__graph {
    position: relative;
    height: 150px;
    margin-bottom: -9px;
    z-index: 1;
}

.product-view__darkness {
    position: absolute;
    inset: 0px;
    border-radius: inherit;
}

.product-view__darkness::after {
    content: "";
    position: absolute;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.15);
}

.product-view__alert {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    padding: 8px 16px;
    background-color: rgb(244, 67, 54);
    color: rgb(255, 255, 255);
}

.product-view__alert-label {
    padding-right: 6px;
}

.product-header-change-name {
    display: flex;
    align-items: center;
    margin-left: 8px;
    width: 100%;
    height: 60px;
}

.product-header-title {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 0px 12px 16px;
}

@media (min-width: 720px) {
    .product-header-title {
        padding-right: 16px;
    }


}

@media (min-width: 1280px) {
    .product-header-title {
        width: 409px;
    }


}

.product-header-change-name~.product-header-title {
    display: none;
}

.widget-package .product-header-title {
    width: auto;
}

.product-header-title__attrs {
    display: flex;
    align-items: center;
}

.widget-header_expanded .product-header-title__attrs {
    display: none;
}

.product-header-title__symbol-icon {
    display: flex;
    align-items: center;
    font-size: 20px;
    border-right: 1px solid rgb(221, 221, 221);
    height: 80%;
    padding: 0px 12px 0px 4px;
    margin-right: 8px;
    color: rgba(0, 0, 0, 0.38);
    flex-shrink: 0;
    font-family: Roboto, HelveticaNeue, HelveticaNeueCyr, Helvetica, Arial, sans-serif;
}

.product-header-title__status {
    background-color: rgb(244, 67, 54);
    color: rgb(255, 255, 255);
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-header-title__toggle {
    margin-right: 12px;
    flex-shrink: 0;
    font-family: Roboto, HelveticaNeue, HelveticaNeueCyr, Helvetica, Arial, sans-serif;
}

.product-header-title__sub-name {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.64);
    font-family: Roboto, HelveticaNeue, HelveticaNeueCyr, Helvetica, Arial, sans-serif;
    font-weight: 400;
}

.product-header-title__rename-button {
    margin-left: 8px;
}

.product-header-title__payment-system {
    margin-right: 12px;
}

.product-header-title__name {
    display: flex;
    align-items: center;
    font-size: 16px;
    padding-right: 8px;
    max-width: 100%;
    font-weight: 700;
    overflow: hidden;
}

@media (min-width: 1280px) {
    .product-header-title__name {
        font-size: 18px;
    }


}

.product-header-title__name-text {
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    flex-direction: column;
}

.product-header-title__name-text span {
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product-header-title__name-suffix {
    padding-right: 4px;
}

.product-header-controls {
    display: flex;
    justify-content: flex-end;
    flex-grow: 1;
    align-items: center;
    padding: 12px 0px;
}

.product-header-info {
    position: relative;
    width: 100%;
    padding: 8px 16px;
    box-sizing: border-box;
    white-space: nowrap;
}

@media (min-width: 1024px) {
    .product-header-info {
        width: auto;
        margin-left: 8px;
    }

    .product-header-info__tablet {
        padding: 4px 24px 0px 0px;
    }


}

@media (min-width: 1280px) {
    .product-header-info {
        padding-right: 64px;
    }


}

.product-header-title~.product-header-info {
    margin-left: 0px;
}

.product-header-info_icon {
    padding-left: 40px;
}

@media (min-width: 1024px) {
    .product-header-change-name~.product-header-info {
        display: none;
    }


}

.product-header-info__value {
    position: relative;
    font-size: 16px;
}

.product-header-info__value_alert {
    color: rgb(244, 67, 54);
}

.product-header-info__value_hold {
    color: rgba(0, 0, 0, 0.38);
}

.product-header-info__label {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.38);
    text-transform: lowercase;
}

.product-header-info__icon {
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -16px;
}

.product-header-info__miles {
    display: flex;
    align-items: center;
    margin-top: 0.2rem;
}

@media (max-width: 719px) {
    .product-header-info__miles {
        font-size: 12px;
    }


}

.product-header-info__miles .ro-icon {
    height: 12px;
    width: 12px;
    margin-right: 6px;
}

.product-operations__row {
    display: flex;
    margin-left: 16px;
    height: 40px;
}

.product-operations__value {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    height: 100%;
    border-bottom: 1px solid rgb(243, 243, 243);
    box-sizing: border-box;
}

.product-operations__row:last-child .product-operations__value {
    border-bottom: none;
}

.product-operations__value_card {
    width: 28px;
    padding-right: 8px;
}

.product-operations__value_colormarker {
    width: 30px;
    min-width: 30px;
    vertical-align: middle;
}

.product-operations__value_date {
    width: 70px;
    padding-right: 16px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.38);
}

.product-operations__value_cashback {
    padding-right: 16px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.38);
}

.product-operations__value_cashback_pending {
    text-transform: lowercase;
}

.product-operations__value_description {
    font-size: 15px;
    flex-grow: 1;
    flex-shrink: 1;
    padding-right: 16px;
}

.product-operations__value_merchant-logo {
    width: 40px;
    padding-right: 8px;
}

.product-operations__value_amount {
    padding-right: 16px;
    text-align: right;
    font-weight: 700;
    justify-content: flex-end;
}

.product-operations__value-category {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.38);
}

.rc-form__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 16px 32px;
}

@media (min-width: 1024px) {
    .rc-form__footer {
        padding: 24px 32px 32px;
    }


}

@media (max-width: 719px) {
    .rc-form__footer {
        flex-direction: column;
    }


}

.rc-form__footer_tight {
    padding: 0px;
}

.rc-form__footer_popup {
    padding: 0px;
    border: none;
}

.rc-form__footer-header {
    margin: 0px 0px 16px 16px;
}

@media (min-width: 1024px) {
    .rc-form__footer-header {
        margin-left: 256px;
    }


}

.rc-form__footer-left {
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 720px) {
    .rc-form__footer-left {
        align-items: center;
    }


}

@media (max-width: 719px) {
    .rc-form__footer-left {
        width: 100%;
    }


}

.rc-form__footer-right {
    margin-left: 40px;
}

@media (max-width: 719px) {
    .rc-form__footer-right {
        margin-left: 0px;
        width: 100%;
    }


}

.rc-form__footer-text {
    text-align: center;
    padding: 8px;
    color: rgb(29, 29, 29);
    font-size: 15px;
}

.rc-form__indent-top {
    margin-top: 24px;
}

.rc-form__indent-bottom {
    margin-bottom: 24px;
}

.rc-form__indent-rows {
    margin-left: 16px;
    margin-right: 32px;
}

@media (min-width: 1024px) {
    .rc-form__indent-rows {
        margin-left: 32px;
    }


}

.rc-form__submit {
    margin-right: 16px;
}

.widget-payment__phone {
    flex-grow: 1;
}

.widget-payment__phone-wrap {
    display: flex;
    position: relative;
    flex-direction: column;
}

@media (min-width: 720px) {
    .widget-payment__phone-wrap {
        flex-direction: row;
    }


}

.widget-payment__loader {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    font-size: 15px;
}

.widget-payment__provider-wrap {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
}

.widget-payment__provider-name {
    margin-right: 8px;
    color: rgba(0, 0, 0, 0.38);
}

.widget-payment__provider-icon {
    height: 28px;
}

.widget-payment__providers {
    margin-top: 8px;
}

@media (min-width: 720px) {
    .widget-payment__providers {
        width: 45%;
        margin: 0px 0px 0px -2px;
    }


}

.view-info-card {
    position: relative;
    padding: 36px 16px 16px 56px;
    background-color: rgb(253, 245, 218);
    box-shadow: rgba(0, 0, 0, 0.2) 0px -4px 8px;
}

.product-widget_card-salary .view-info-card {
    background-color: rgb(235, 245, 250);
    margin-bottom: 44px;
}

.product-widget_card-salary .view-info-card::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    height: 44px;
    background-color: rgb(255, 255, 255);
}

.product-widget_card-credit .view-info-card {
    background-color: rgb(249, 243, 234);
}

.view-info-card__content .validation-error {
    margin-top: 10px;
}

.view-info-card__content card-requisites-confirm-operation-sms .confirm-operation-form,
.view-info-card__content card-requisites-confirm-operation-sms .confirm-operation-row__side {
    margin-top: 10px;
}

.view-info-card__label {
    position: absolute;
    display: flex;
    justify-content: center;
    top: 0px;
    right: 0px;
    left: 0px;
}

.view-info-card__label-text {
    height: 20px;
    line-height: 20px;
    padding: 0px 8px;
    border-radius: 0px 0px 4px 4px;
    background-color: rgb(248, 197, 14);
    font-size: 10px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.product-widget_card-credit .view-info-card__label-text {
    background-color: rgb(215, 181, 139);
}

.view-info-card__symbol {
    position: absolute;
    left: 16px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgb(248, 197, 14);
    color: rgb(255, 255, 255);
}

.product-widget_card-credit .view-info-card__symbol {
    background-color: rgb(215, 181, 139);
}

.product-widget_card-salary .view-info-card__symbol {
    background-color: rgb(131, 181, 225);
}

.view-info-card__symbol-currency {
    width: 24px;
    height: 24px;
}

.product-view-info {
    color: rgba(0, 0, 0, 0.64);
    pointer-events: all;
}

.product-view-info__item {
    display: block;
}

.product-view-info__item+.product-view-info__item {
    padding-top: 5px;
}

.product-view-info__item__requisites {
    font-family: "ALS Hauss", HelveticaNeue, HelveticaNeueCyr, Helvetica, Arial, sans-serif;
}

.product-view-info__item__requisites__field__title {
    font-size: 12px;
}

.product-view-info__item__requisites__field__value {
    display: flex;
    align-items: baseline;
    font-weight: 700;
}

.product-view-info__item__requisites__field__value ro-button {
    margin-left: 10px;
}

.product-view-info__item__requisites__field__value ro-button .rc-icon-svg_copy {
    width: 16px;
    height: 16px;
}

.product-view-info__item__requisites__field__value ro-button .rc-icon-svg_copy svg {
    color: rgba(0, 0, 0, 0.38);
}

.product-view-info__item__requisites__addition-container {
    margin-top: 16px;
    display: flex;
}

.product-view-info__item__requisites__addition-container :first-child {
    margin-right: 24px;
}

.product-view-info__header {
    font-weight: 700;
    margin-bottom: 16px;
}

.accrual-list__purchase {
    text-align: center;
}

.accrual-list__purchase-discount {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.38);
    margin-bottom: 4px;
}

.accrual-list__purchase-full-amount {
    font-size: 13px;
    margin-top: 4px;
    white-space: nowrap;
}

.accrual-list__purchase-pay-label {
    font-size: 10px;
}

.accrual-list__remove-button {
    cursor: pointer;
}

.accrual-list-title {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    padding: 0px 16px;
}

@media (min-width: 1024px) {
    .accrual-list-title {
        padding-left: 32px;
    }


}

.accrual-list-title_no-padding {
    padding: 0px;
}

.accrual-list-title__count {
    position: absolute;
    left: 100%;
    top: 50%;
    margin-left: 8px;
    margin-top: -12px;
}

.accrual-list-title__item {
    position: relative;
}

.accrual-list-title__item_right {
    text-align: right;
}

.accrual-list-title__name {
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.accrual-list-title__sub-name {
    color: rgba(0, 0, 0, 0.38);
    font-size: 13px;
}

@keyframes rc-fade-in {
    0% {
        opacity: 0.3;
    }


}

.rc-fade-in {
    animation: 0.5s linear 0s 1 normal none running rc-fade-in;
}

.transfer-tab-box {
    background-color: rgb(255, 255, 255);
}

.puh-form-container {
    padding-top: 24px;
    padding-bottom: 24px;
}

.rc-sort {
    cursor: pointer;
    position: relative;
}

.rc-sort::after {
    content: "";
    position: absolute;
    margin-left: 3px;
    border: 5px solid transparent;
}

.rc-sort_ascent::after {
    border-bottom-color: rgba(0, 0, 0, 0.64);
    margin-top: -2px;
}

.rc-sort_descent::after {
    border-top-color: rgba(0, 0, 0, 0.64);
    margin-top: 4px;
}

.notification-count {
    height: 24px;
    min-width: 24px;
    line-height: 24px;
    padding: 0px 4px;
    text-align: center;
    box-sizing: border-box;
    background-color: rgb(255, 219, 0);
    border-radius: 50%;
    overflow: hidden;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.64);
    font-size: 12px;
}

@media (max-width: 1023px) {
    .notification-count.page-navigation-item__count {
        position: absolute;
        min-width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 9px;
        padding: 0px 2px;
        border-radius: 50%;
        top: 8px;
        right: 8px;
        transform: none;
    }


}

.extension-form {
    background: rgb(243, 243, 243);
    padding-top: 24px;
    display: block;
    position: relative;
}

.extension-form::after {
    content: "";
    display: table;
}

.extension-form_white {
    background: rgb(255, 255, 255);
}

.popup-content_medium .extension-form {
    border-radius: 0px 0px 7px 7px;
}

.extension-form__title {
    font-weight: 700;
    margin-left: 32px;
}

.tag {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.74);
    border-radius: 10px;
    font-size: 11px;
    padding: 3px 8px;
    color: rgba(0, 0, 0, 0.64);
    vertical-align: top;
    margin-bottom: 2px;
}

.tag+.tag {
    margin-left: 8px;
}

.tag_important {
    background-color: rgb(244, 67, 54);
    color: rgb(255, 255, 255);
}

.separated-rows__label {
    padding-right: 4px;
    color: rgba(0, 0, 0, 0.38);
}

.separated-rows__label_with-icon {
    position: relative;
    padding-left: 36px;
}

.separated-rows__label-icon {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    color: rgb(29, 29, 29);
}

.separated-rows__label_with-icon .separated-rows__label-icon {
    display: block;
}

.separated-rows__label-title {
    padding-bottom: 3px;
}

.separated-rows__label-value {
    font-size: 17px;
    color: rgb(29, 29, 29);
}

.separated-rows__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    box-sizing: border-box;
}

@media (min-width: 1024px) {
    .separated-rows__row {
        height: 50px;
    }


}

.separated-rows-table~.separated-rows__row {
    height: 40px;
}

.separated-rows__row_border {
    border-bottom: 1px solid rgb(243, 243, 243);
}

.separated-rows__row+.separated-rows__row,
.separated-rows__split-row+.separated-rows__row {
    border-top: 1px solid rgb(243, 243, 243);
}

.separated-rows__split-row {
    display: flex;
    box-sizing: border-box;
}

@media (min-width: 1024px) {
    .separated-rows__split-row {
        height: 50px;
    }


}

.separated-rows__split-row_border {
    border-bottom: 1px solid rgb(243, 243, 243);
}

.separated-rows__row+.separated-rows__split-row,
.separated-rows__split-row+.separated-rows__split-row {
    border-top: 1px solid rgb(243, 243, 243);
}

.separated-rows__split-row-value {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    height: 100%;
    padding: 8px 12px;
    box-sizing: border-box;
}

@media (min-width: 1024px) {
    .separated-rows__split-row-value {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }


}

.separated-rows__split-row-value+.separated-rows__split-row-value {
    border-left: 1px solid rgb(243, 243, 243);
}

.separated-rows__value {
    font-size: 14px;
}

@media (min-width: 1024px) {
    .separated-rows__value {
        text-align: right;
    }


}

.separated-rows-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-bottom: 1px solid rgb(243, 243, 243);
    height: 164px;
}

.separated-rows-table__col {
    padding: 0px 0px 0px 16px;
    white-space: nowrap;
}

th.separated-rows-table__col {
    text-align: left;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.38);
    border-bottom: 1px solid rgb(221, 221, 221);
    white-space: normal;
    height: 48px;
    text-overflow: ellipsis;
    overflow: hidden;
}

td.separated-rows-table__col {
    border-bottom: 1px solid rgb(243, 243, 243);
}

.separated-rows-table__col:last-child {
    padding-right: 16px;
}

.color-word_alert {
    color: rgb(244, 67, 54);
}

.color-word_success {
    color: rgb(79, 210, 98);
}

.color-word_text-light {
    color: rgba(0, 0, 0, 0.64);
}

.loan-offer {
    padding: 20px 0px 0px;
    border-bottom: 1px solid rgb(221, 221, 221);
    border-top: 1px solid rgb(221, 221, 221);
}

.loan-offer__info {
    display: flex;
    padding: 0px 25px 20px;
}

.loan-offer__info-text {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    border: 1px solid rgb(243, 243, 243);
    flex: 1 1 0%;
    background-color: rgb(255, 255, 255);
    padding: 20px 16px 24px;
}

.icon-group {
    display: inline-flex;
    align-items: center;
}

.icon-group_inline {
    height: 40px;
}

.icon-group_justify_end {
    justify-content: flex-end;
}

.icon-group__item {
    cursor: pointer;
    color: rgb(29, 29, 29);
}

.icon-group__item+.icon-group__item {
    margin-left: 8px;
}

.download-tooltip {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
}

.download-tooltip__link {
    margin-top: 8px;
}

.inline-product {
    display: inline-flex;
    align-items: center;
}

.inline-product__balance {
    font-size: 0.9em;
    color: rgba(0, 0, 0, 0.38);
    padding-left: 8px;
}

.create-procuration-form-account__list-item .inline-product__name {
    font-weight: 700;
}

.remain-graph {
    position: absolute;
    width: 150px;
    height: 150px;
    top: 50%;
    left: 50%;
    margin-top: -75px;
    margin-left: -75px;
    z-index: 2;
}

.remain-graph_small {
    width: 106px;
    height: 106px;
    margin-top: -63px;
    margin-left: -53px;
}

.remain-graph__text {
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: rgb(255, 255, 255);
}

.remain-graph__label {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.remain-graph__label-count {
    font-size: 44px;
    line-height: 0.8;
}

.remain-graph_small .remain-graph__label-count {
    font-size: 26px;
}

.remain-graph__label-text-bottom {
    font-size: 12px;
    padding-top: 4px;
}

.remain-graph__label-text {
    font-size: 12px;
    padding-bottom: 8px;
}

.remain-graph_small .remain-graph__label-text {
    display: none;
}

.login-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
    text-align: center;
}

.login-loading_title {
    position: relative;
    font: 3.5rem / 1.4em HelveticaNeue, HelveticaNeueCyr, Helvetica, Arial, sans-serif;
}

.login-loading_loader {
    font-size: 3rem;
}

.warning-message .warning-message__content {
    position: fixed;
    background: rgb(255, 255, 255);
    z-index: 50;
    box-sizing: border-box;
    width: 100%;
    bottom: 0px;
    padding: 24px 48px;
    max-width: 1910px;
    border-bottom: 1px solid rgb(221, 221, 221);
    border-top: 1px solid rgb(221, 221, 221);
    font-size: 16px;
}

.warning-message .warning-message__content>div {
    max-width: 820px;
    margin-bottom: 12px;
}

.warning-message .warning-message__content a {
    color: rgb(1, 143, 254);
    font-weight: 500;
}

.warning-message__close-icon {
    position: absolute;
    top: 24px;
    right: 48px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    padding: 10px;
    background: url("warning-message__close-icon.174279ed247cfc19.svg") center center / 12px no-repeat;
}

.warning-message__browser-icon {
    white-space: nowrap;
}

.warning-message__browser-icon::before {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    content: "";
    vertical-align: middle;
}

.warning-message__browser-icon_ff::before {
    background: url("warning-message__browser-icon_ff.180f50aab776a77a.png");
}

.warning-message__browser-icon_gc::before {
    background: url("warning-message__browser-icon_gc.427d94e5ba6bf5c9.png");
}

.warning-message__browser-icon_ie::before {
    background: url("warning-message__browser-icon_ie.7b319f592722e0f9.png");
}

.history-form {
    display: block;
    padding-top: 24px;
    border-bottom: 1px solid rgb(221, 221, 221);
}

.history-form_no-attroneys {
    padding-top: 0px;
}

.history-form__disabled-icons {
    position: relative;
}

.history-form__disabled-icons::after {
    position: absolute;
    inset: 0px;
    content: "";
}

.history-form__product-type {
    padding: 20px;
    border-bottom: 1px solid rgb(221, 221, 221);
}

.history-form__repeat {
    display: flex;
    align-items: center;
    height: 40px;
    cursor: pointer;
}

.history-form .history-form__row {
    width: auto;
    margin: 0px 10px;
}

.history-form .history-form__row_credit-period {
    width: 245px;
}

.history-form .history-form__row_loader {
    flex-shrink: 0;
    width: 20px;
    margin-left: 5px;
}

.history-form .history-form__row_repeat {
    margin-left: 0px;
    margin-right: 5px;
}

@media (max-width: 1023px) {
    .history-form .history-form__row_repeat {
        display: none;
    }


}

.history-form .history-form__row:last-child {
    flex-grow: 1;
    flex-shrink: 0;
}

@media (min-width: 720px) {
    .history-form .history-form__row:last-child {
        margin-right: 32px;
    }


}

.history-form .history-form__row:last-child:not(:first-child).rc-row_column {
    align-items: flex-end;
}

@media (min-width: 720px) {
    .history-form .history-form__row:last-child:not(:first-child).rc-row_column {
        padding-top: 24px;
    }


}

.history-form .history-form__row:first-child {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 255px;
    max-width: 400px;
}

@media (min-width: 1024px) {
    .history-form .history-form__row:first-child {
        margin-left: 32px;
    }


}

.history-form__bottom-indent {
    margin-bottom: 16px;
}

.history-form__row-group {
    padding-top: 20px;
}

.history-form_operations .history-form__row-group {
    padding-bottom: 13px;
}

.widget-header {
    display: flex;
    position: relative;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0px 20px 0px 0px;
    border-color: rgb(248, 197, 14);
    border-left-width: 18px;
    border-left-style: solid;
    border-radius: 4px;
    background: rgb(255, 255, 255);
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 12px;
}

@media (min-width: 1024px) {
    .widget-header__tablet {
        align-items: center;
    }


}

.widget-header__left {
    display: flex;
    align-items: center;
    flex-grow: 1;
    flex-wrap: wrap;
    max-width: calc(100% - 100px);
}

.widget-header__left__only-product {
    align-items: flex-start;
    flex-direction: column;
}

.widget-header__right {
    display: flex;
    height: 100%;
}

.product-widget_alien .widget-header::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    max-width: 350px;
    width: 50%;
    opacity: 0.6;
    color: rgb(248, 197, 14);
    background-image: linear-gradient(90deg, currentcolor -150%, rgb(255, 255, 255));
}

.product-widget_card-credit .widget-header {
    border-color: rgb(215, 181, 139);
}

.product-widget_card-credit .widget-header::before {
    color: rgb(215, 181, 139);
}

.product-widget_card-salary .widget-header {
    border-color: rgb(131, 181, 225);
}

.product-widget_card-salary .widget-header::before {
    color: rgb(131, 181, 225);
}

.product-widget_account .widget-header {
    border-color: rgb(66, 106, 140);
}

.product-widget_account .widget-header::before {
    color: rgb(66, 106, 140);
}

.product-widget_account-savings .widget-header {
    border-color: rgb(68, 137, 152);
}

.product-widget_account-savings .widget-header::before {
    color: rgb(68, 137, 152);
}

.product-widget_deposit .widget-header {
    border-color: rgb(255, 178, 76);
}

.product-widget_deposit .widget-header::before {
    color: rgb(255, 178, 76);
}

.private .product-widget_deposit .widget-header {
    border-color: rgb(156, 147, 132);
}

.private .product-widget_deposit .widget-header::before {
    color: rgb(156, 147, 132);
}

.premium .product-widget_deposit .widget-header {
    border-color: rgb(156, 147, 132);
}

.premium .product-widget_deposit .widget-header::before {
    color: rgb(156, 147, 132);
}

.premium-direct .product-widget_deposit .widget-header {
    border-color: rgb(156, 147, 132);
}

.premium-direct .product-widget_deposit .widget-header::before {
    color: rgb(156, 147, 132);
}

.product-widget_loan .widget-header {
    border-color: rgb(1, 198, 170);
}

.product-widget_loan .widget-header::before {
    color: rgb(1, 198, 170);
}

.private .product-widget_loan .widget-header {
    border-color: rgb(129, 144, 141);
}

.private .product-widget_loan .widget-header::before {
    color: rgb(129, 144, 141);
}

.premium .product-widget_loan .widget-header {
    border-color: rgb(129, 144, 141);
}

.premium .product-widget_loan .widget-header::before {
    color: rgb(129, 144, 141);
}

.premium-direct .product-widget_loan .widget-header {
    border-color: rgb(129, 144, 141);
}

.premium-direct .product-widget_loan .widget-header::before {
    color: rgb(129, 144, 141);
}

.product-widget_loan-MORT .widget-header {
    border-color: rgb(81, 200, 120);
}

.product-widget_loan-MORT .widget-header::before {
    color: rgb(81, 200, 120);
}

.private .product-widget_loan-MORT .widget-header {
    border-color: rgb(149, 166, 163);
}

.private .product-widget_loan-MORT .widget-header::before {
    color: rgb(149, 166, 163);
}

.premium .product-widget_loan-MORT .widget-header {
    border-color: rgb(149, 166, 163);
}

.premium .product-widget_loan-MORT .widget-header::before {
    color: rgb(149, 166, 163);
}

.premium-direct .product-widget_loan-MORT .widget-header {
    border-color: rgb(149, 166, 163);
}

.premium-direct .product-widget_loan-MORT .widget-header::before {
    color: rgb(149, 166, 163);
}

.product-widget_loan-AUTO .widget-header {
    border-color: rgb(172, 201, 92);
}

.product-widget_loan-AUTO .widget-header::before {
    color: rgb(172, 201, 92);
}

.private .product-widget_loan-AUTO .widget-header {
    border-color: rgb(114, 123, 121);
}

.private .product-widget_loan-AUTO .widget-header::before {
    color: rgb(114, 123, 121);
}

.premium .product-widget_loan-AUTO .widget-header {
    border-color: rgb(114, 123, 121);
}

.premium .product-widget_loan-AUTO .widget-header::before {
    color: rgb(114, 123, 121);
}

.premium-direct .product-widget_loan-AUTO .widget-header {
    border-color: rgb(114, 123, 121);
}

.premium-direct .product-widget_loan-AUTO .widget-header::before {
    color: rgb(114, 123, 121);
}

.product-widget_uit .widget-header {
    border-color: rgb(152, 93, 205);
}

.private .product-widget_uit .widget-header,
.premium .product-widget_uit .widget-header,
.premium-direct .product-widget_uit .widget-header {
    border-color: rgb(165, 153, 158);
}

.product-widget_brokerage_iia .widget-header {
    border-color: rgb(88, 105, 211);
}

.product-widget_brokerage_moex .widget-header {
    border-color: rgb(153, 89, 208);
}

.product-widget_brokerage_otc .widget-header {
    border-color: rgb(27, 160, 228);
}

.widget-header.packages-widget__premium-direct {
    border-color: rgb(103, 200, 198);
}

.widget-header.packages-widget__premium {
    border-color: rgb(59, 59, 59);
}

.widget-header.packages-widget__gold {
    border-color: rgb(255, 175, 62);
}

.widget-header.packages-widget__salary {
    border-color: rgb(109, 195, 239);
}

.widget-header.packages-widget__optimum {
    border-color: rgb(182, 192, 202);
}

.widget-header.packages-widget__none {
    border-color: rgb(229, 233, 234);
}

.layout {
    display: flex;
    position: relative;
    flex-direction: column;
    flex-grow: 1;
    box-sizing: border-box;
    min-height: 100vh;
    box-shadow: rgb(29, 29, 29) 0px 0px 1px;
    border-top: 0px;
    border-bottom: 0px;
    width: 100%;
}

.layout__body {
    display: flex;
    position: relative;
    flex: 1 1 auto;
    margin-top: 28px;
    min-height: calc(-124px + 100vh);
}

@media (min-width: 1024px) {
    .layout__body {
        margin-left: 96px;
        margin-right: 12px;
    }


}

@media (min-width: 1280px) {
    .layout__body {
        margin-left: 124px;
        margin-right: 40px;
    }


}

.layout__body_redesign {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding-top: 64px;
    padding-bottom: 84px;
    min-height: 100vh;
    box-sizing: border-box;
}

@media (min-width: 720px) {
    .layout__body_redesign {
        padding-top: 104px;
        padding-bottom: 0px;
    }


}

.layout__content {
    width: 100%;
    max-width: 1440px;
    margin: 0px auto;
}

.layout-wrap {
    display: flex;
    min-width: 375px;
    max-width: 1920px;
    margin: 0px auto;
}

body.no-scroll:not(.no-scroll_max-width):not(.no-scroll_min-width) .layout-wrap::after {
    z-index: 14;
    overflow-y: scroll;
    flex-shrink: 0;
    content: "";
}

.rc-pseudo {
    position: relative;
    padding: 0px;
    cursor: pointer;
    text-decoration: none;
    color: rgb(1, 143, 254);
    border: 0px;
    outline: 0px;
    background-color: transparent;
}

.rc-pseudo_black {
    color: rgb(29, 29, 29);
}

.rc-pseudo::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    border-bottom: 1px dotted;
}

.compact-link .rc-pseudo::after {
    width: 100px;
}

.rc-button {
    color: rgb(29, 29, 29);
    cursor: pointer;
    background-color: rgb(255, 219, 0);
    height: 40px;
    border: 0px;
    border-radius: 2px;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
    font: 700 14px / 40px HelveticaNeue, HelveticaNeueCyr, Helvetica, Arial, sans-serif;
    letter-spacing: 0.03em;
    display: inline-block;
    text-align: center;
    padding: 0px 24px;
    transition: color 0.1s, box-shadow 0.1s, background-color 0.1s;
    vertical-align: bottom;
    white-space: nowrap;
    outline: none;
    text-decoration: none;
}

.private .rc-button {
    color: rgb(255, 255, 255);
    background-color: rgb(93, 63, 76);
}

.premium-direct .rc-button {
    background-color: rgb(99, 206, 202);
}

.rc-button:not(:disabled):not(.rc-button_disabled):hover {
    background-color: rgb(255, 230, 0);
}

.rc-button:not(:disabled):not(.rc-button_disabled):hover.rc-button_white {
    background: rgb(236, 236, 236);
}

.private .rc-button:not(:disabled):not(.rc-button_disabled):hover.rc-button_white {
    background: rgb(236, 236, 236);
}

.premium-direct .rc-button:not(:disabled):not(.rc-button_disabled):hover.rc-button_white {
    background: rgb(236, 236, 236);
}

.rc-button:not(:disabled):not(.rc-button_disabled):hover.rc-button_dark {
    background: rgba(0, 0, 0, 0.64);
}

.private .rc-button:not(:disabled):not(.rc-button_disabled):hover.rc-button_dark {
    background: rgba(0, 0, 0, 0.64);
}

.premium-direct .rc-button:not(:disabled):not(.rc-button_disabled):hover.rc-button_dark {
    background: rgba(0, 0, 0, 0.64);
}

.private .rc-button:not(:disabled):not(.rc-button_disabled):hover {
    background-color: rgb(115, 91, 102);
}

.premium-direct .rc-button:not(:disabled):not(.rc-button_disabled):hover {
    background-color: rgb(138, 218, 215);
}

.rc-button:not(:disabled):not(.rc-button_disabled):active,
.rc-button_active {
    color: rgb(29, 29, 29);
    background-color: rgb(240, 200, 0);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
    padding-top: 1px;
}

.rc-button:not(:disabled):not(.rc-button_disabled):active.rc-button_white,
.rc-button:not(:disabled):not(.rc-button_disabled):active.rc-button_dark,
.rc-button_active.rc-button_white,
.rc-button_active.rc-button_dark {
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0.64);
}

.private .rc-button:not(:disabled):not(.rc-button_disabled):active.rc-button_white,
.private .rc-button:not(:disabled):not(.rc-button_disabled):active.rc-button_dark,
.private .rc-button_active.rc-button_white,
.private .rc-button_active.rc-button_dark {
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0.64);
}

.premium-direct .rc-button:not(:disabled):not(.rc-button_disabled):active.rc-button_white,
.premium-direct .rc-button:not(:disabled):not(.rc-button_disabled):active.rc-button_dark,
.premium-direct .rc-button_active.rc-button_white,
.premium-direct .rc-button_active.rc-button_dark {
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0.64);
}

.private .rc-button:not(:disabled):not(.rc-button_disabled):active,
.private .rc-button_active {
    color: rgb(255, 255, 255);
    background-color: rgb(68, 50, 58);
}

.premium-direct .rc-button:not(:disabled):not(.rc-button_disabled):active,
.premium-direct .rc-button_active {
    background: rgb(88, 184, 181);
}

.rc-button:disabled,
.rc-button_disabled {
    cursor: not-allowed;
    color: rgba(29, 29, 29, 0.26);
    background-color: rgba(255, 219, 0, 0.5);
    box-shadow: none;
}

.rc-button:disabled.rc-button_white,
.rc-button:disabled.rc-button_dark,
.rc-button_disabled.rc-button_white,
.rc-button_disabled.rc-button_dark {
    border-color: rgb(205, 205, 205);
    background-color: rgb(253, 253, 253);
}

.private .rc-button:disabled.rc-button_white,
.private .rc-button:disabled.rc-button_dark,
.private .rc-button_disabled.rc-button_white,
.private .rc-button_disabled.rc-button_dark {
    color: rgba(29, 29, 29, 0.26);
    background-color: rgb(253, 253, 253);
}

.premium-direct .rc-button:disabled.rc-button_white,
.premium-direct .rc-button:disabled.rc-button_dark,
.premium-direct .rc-button_disabled.rc-button_white,
.premium-direct .rc-button_disabled.rc-button_dark {
    color: rgba(29, 29, 29, 0.26);
    background-color: rgb(253, 253, 253);
}

.private .rc-button:disabled,
.private .rc-button_disabled {
    color: rgba(255, 255, 255, 0.26);
    background-color: rgb(174, 159, 165);
}

.premium-direct .rc-button:disabled,
.premium-direct .rc-button_disabled {
    background-color: rgb(177, 230, 228);
}

.rc-button_margin {
    margin-right: 16px;
}

.rc-button_shelf {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 1em;
}

.rc-button_stretch {
    width: 100%;
}

.rc-button_white {
    color: rgba(0, 0, 0, 0.64);
    border: 1px solid rgba(0, 0, 0, 0.38);
    line-height: 38px;
    background-color: rgb(253, 253, 253);
    text-shadow: none;
}

.private .rc-button_white,
.premium-direct .rc-button_white {
    color: rgba(0, 0, 0, 0.64);
    background-color: rgb(253, 253, 253);
}

.rc-button_dark,
.private .rc-button_dark,
.premium-direct .rc-button_dark {
    color: rgb(255, 255, 255);
    background-color: rgb(29, 29, 29);
}

.rc-button_login {
    height: 56px;
    line-height: 56px;
    font-size: 20px;
    font-family: FuturaNewMedium, HelveticaNeue, HelveticaNeueCyr, Helvetica, Arial, sans-serif;
    font-weight: 400;
    padding-left: 30px;
    padding-right: 30px;
}

.rc-button_login.rc-button_white {
    line-height: 54px;
}

.rc-button_arrow {
    padding-right: 12px;
}

.rc-button_arrow::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 16px;
    vertical-align: middle;
    background-image: url("arrow-right.392b12b9f2f90a19.svg");
}

.child-item-card .rc-button {
    padding-left: 12px;
    padding-right: 12px;
}

.rc-button.procuration-promo__submit {
    width: 144px;
    box-shadow: none;
    background-color: rgb(29, 29, 29) !important;
    color: rgb(255, 255, 255) !important;
}

.rc-button.templates-mini-widget__item-submit {
    padding: 0px 8px;
    height: 39px;
    line-height: 39px;
    border-radius: 0px;
    box-shadow: none;
}

@media (max-width: 719px) {

    .rc-form__footer-left .rc-button,
    .rc-form__footer-right .rc-button {
        width: 100%;
    }


}

.rc-form__footer-left .rc-button {
    margin-right: 16px;
}

@media (max-width: 719px) {
    .rc-form__footer-left .rc-button {
        margin-right: 0px;
    }

    .rc-form__footer-left .rc-button:last-child {
        margin-bottom: 0px;
    }


}

.table {
    width: 100%;
    border-collapse: collapse;
}

.table_fixed {
    table-layout: fixed;
}

@media (min-width: 720px) {
    .table_fixed-s {
        table-layout: fixed;
    }


}

.table_sticky>thead>tr>th {
    position: sticky;
    top: 0px;
    background-color: rgb(255, 255, 255);
}

.table_sticky>thead>tr>th::after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    border-bottom: 1px solid rgb(221, 221, 221);
}

@media (max-width: 719px) {
    .table_responsive>thead>tr>th {
        display: none;
    }


}

@media (max-width: 719px) {
    .table_responsive>tbody>tr {
        position: relative;
    }


}

@media (max-width: 719px) {

    .table_responsive>tbody,
    .table_responsive>tbody>tr,
    .table_responsive>tbody>tr>td {
        display: block;
    }


}

@media (max-width: 719px) {
    .table_responsive>tbody>tr>td.td_right.td_right {
        text-align: left;
    }


}

@media (max-width: 719px) {
    .table_responsive>tbody>tr>td:not(:last-of-type) {
        border-bottom: 0px;
    }


}

.table>tbody>tr.tr_lighter {
    color: rgba(0, 0, 0, 0.38);
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>thead>tr>th {
    padding: 12px 16px 12px 0px;
    text-align: left;
    border-bottom: 1px solid rgb(243, 243, 243);
}

@media (max-width: 719px) {

    .table>tbody>tr>td,
    .table>tbody>tr>th,
    .table>thead>tr>th {
        padding-left: 16px;
    }


}

.table>tbody>tr>td:first-child,
.table>tbody>tr>th:first-child,
.table>thead>tr>th:first-child {
    padding-left: 16px;
}

@media (min-width: 1024px) {

    .table>tbody>tr>td:first-child,
    .table>tbody>tr>th:first-child,
    .table>thead>tr>th:first-child {
        padding-left: 24px;
    }


}

.table>tbody>tr>td.td_right,
.table>tbody>tr>th.td_right,
.table>thead>tr>th.td_right {
    text-align: right;
}

.table>tbody>tr>td.td_center,
.table>tbody>tr>th.td_center,
.table>thead>tr>th.td_center {
    text-align: center;
}

.table>tbody>tr>td.td_light,
.table>tbody>tr>th.td_light,
.table>thead>tr>th.td_light {
    color: rgba(0, 0, 0, 0.64);
}

.table>tbody>tr>td.td_lighter,
.table>tbody>tr>th.td_lighter,
.table>thead>tr>th.td_lighter {
    color: rgba(0, 0, 0, 0.38);
}

.table>tbody>tr>td.td_empty-padding,
.table>tbody>tr>th.td_empty-padding,
.table>thead>tr>th.td_empty-padding {
    padding: 0px;
}

.table>tbody>tr>td.td_no-border,
.table>tbody>tr>th.td_no-border,
.table>thead>tr>th.td_no-border {
    border-bottom: none;
}

.table>tbody>tr>td.td_bold,
.table>tbody>tr>th.td_bold,
.table>thead>tr>th.td_bold {
    font-weight: 700;
}

.table>tbody>tr>th,
.table>thead>tr>th {
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.9px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.64);
    border-bottom: 1px solid rgb(221, 221, 221);
    height: 24px;
}

.table>tbody>tr>th.rc-sort_active,
.table>thead>tr>th.rc-sort_active {
    color: rgb(29, 29, 29);
}

.table>tbody.td_page+tbody.td_page {
    box-shadow: rgba(0, 0, 0, 0.38) 0px -3px 2px -2px;
}

.table__secondary {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.38);
}

.sort-table__row {
    display: flex;
    flex-direction: column;
    background-color: rgb(255, 255, 255);
    padding: 8px 16px;
    border-top: 1px solid rgb(243, 243, 243);
    border-bottom: 1px solid transparent;
}

@media (min-width: 720px) {
    .sort-table__row {
        flex-direction: row;
        align-items: center;
        padding-left: 24px;
        padding-right: 24px;
    }


}

.sort-table__row_head {
    display: none;
    border-top: none;
    border-bottom: 1px solid rgb(221, 221, 221);
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.9px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.64);
}

@media (min-width: 720px) {
    .sort-table__row_head {
        display: flex;
    }


}

.sort-list-item_move .sort-table__row {
    border-bottom: 1px solid rgb(243, 243, 243);
}

.sort-table__cell {
    margin-bottom: 8px;
    flex-shrink: 0;
    box-sizing: border-box;
}

@media (min-width: 720px) {
    .sort-table__cell {
        margin-bottom: 0px;
    }


}

.sort-table__cell_name {
    padding-right: 24px;
    width: auto;
}

@media (min-width: 720px) {
    .sort-table__cell_name {
        width: 28%;
    }


}

@media (min-width: 720px) {
    .sort-table__cell_name {
        padding-right: 0px;
    }


}

.sort-table__cell_payment {
    width: auto;
}

@media (min-width: 720px) {
    .sort-table__cell_payment {
        width: 28%;
    }


}

.sort-table__cell_next-payment {
    width: auto;
}

@media (min-width: 720px) {
    .sort-table__cell_next-payment {
        width: 29%;
    }


}

.sort-table__cell_sort {
    text-align: right;
    width: auto;
}

@media (min-width: 720px) {
    .sort-table__cell_sort {
        width: 15%;
    }


}

.sort-table__cell_icons {
    position: absolute;
    right: 12px;
    top: 12px;
}

@media (min-width: 720px) {
    .sort-table__cell_icons {
        position: static;
    }


}

.text-ellipsis {
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.text-pointer {
    cursor: pointer;
}

.text-bold {
    font-weight: 700;
}

.text-normal {
    font-weight: 400;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-center {
    text-align: center;
}

.text-nowrap {
    white-space: nowrap;
}

.text-no-link {
    text-decoration: none;
}

.text-word-break {
    word-break: break-word;
    overflow-wrap: break-word;
}

.text-line-through {
    position: relative;
}

.text-line-through::before {
    content: "";
    position: absolute;
    right: 0px;
    bottom: 0.5em;
    left: 0px;
    border-bottom: 1px solid;
}

.text-error {
    color: rgb(244, 67, 54);
}

.text-pre-line {
    white-space: pre-line;
}

.text-font-intherit {
    font: inherit;
}

.text-light {
    color: rgba(0, 0, 0, 0.64);
}

.text-lighter {
    color: rgba(0, 0, 0, 0.38);
}

.text-brackets::before {
    content: "(";
}

.text-brackets::after {
    content: ")";
}

.text-colon::after {
    content: ":";
}

.text-double-quotes::before {
    content: "«";
}

.text-double-quotes::after {
    content: "»";
}

.text-exclamation::after {
    content: "!";
}

.text-percent::after {
    content: "%";
}

.text-question::after {
    content: "?";
}

.text-space-before::before {
    content: " ";
}

.header {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    color: rgb(29, 29, 29);
}

.page-block__loader {
    display: block;
    padding: 20px 0px;
    text-align: center;
}

.page-block__message {
    padding: 20px;
    text-align: center;
    font-size: 20px;
}

@media (max-width: 1023px) {
    .page-block__scrollable-horizontal {
        max-width: 100%;
        overflow-x: auto;
    }


}

.settings-row {
    width: 100%;
    display: flex;
    flex-direction: column;
}

@media (min-width: 1024px) {
    .settings-row {
        flex-direction: row;
    }


}

.settings-row__label {
    flex-shrink: 0;
    width: 180px;
    color: rgba(0, 0, 0, 0.64);
    text-align: right;
    padding: 12px 8px 4px 16px;
}

@media (max-width: 1023px) {
    .settings-row__label {
        width: 100%;
        text-align: left;
    }


}

.settings-row__static-value {
    display: flex;
    flex-grow: 1;
    align-items: center;
    min-height: 24px;
    padding: 8px 12px;
    border-bottom: 1px solid rgb(221, 221, 221);
    color: rgba(0, 0, 0, 0.64);
}

.settings-row__static-value_short {
    width: 25vw;
    min-width: 275px;
    max-width: 350px;
}

.settings-row__label_left {
    height: 46px;
    display: table-cell;
    vertical-align: middle;
    width: 200px;
    padding-left: 32px;
    padding-top: 2px;
}

@media (max-width: 1023px) {
    .settings-row__label_left {
        padding-left: 16px;
    }


}

.settings-row c-radio {
    padding: 5px 40px 5px 10px;
    margin-right: 10px;
}

@media (hover: hover) {
    .settings-row c-radio:not(.unselectable):hover {
        cursor: pointer;
        background-color: rgb(248, 248, 248);
    }


}

.settings-row__value {
    box-sizing: border-box;
    width: 100%;
    min-height: 72px;
    padding-left: 16px;
    padding-right: 32px;
}

.settings-row__value .settings-row__value {
    padding-left: 0px;
}

@media (min-width: 1024px) {
    .settings-row__value {
        max-width: 600px;
        padding-left: 8px;
    }


}

.settings-row__value_control-height {
    min-height: 40px;
}

.settings-row__value_full {
    padding-right: 0px;
}

.settings-row__value_short {
    width: 36%;
    min-width: 275px;
    max-width: 350px;
}

.settings-row__value_small {
    flex-shrink: 0;
    padding-right: 0px;
}

@media (min-width: 1024px) {
    .settings-row__value_small {
        width: 54%;
    }


}

.settings-row__value_static-value {
    padding-bottom: 24px;
}

.settings-row__value_card {
    display: flex;
    justify-content: space-between;
    max-width: 152px;
}

.rc-row_column .settings-row__value {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}

.settings-row__value-error {
    display: flex;
    flex-grow: 1;
    align-items: center;
    min-height: 24px;
    padding: 8px 12px;
    border-bottom: 1px solid rgb(221, 221, 221);
    color: rgb(244, 67, 54);
}

.settings-row__value-help {
    padding: 3px 0px;
    font-size: 13px;
    line-height: 14px;
    color: rgba(0, 0, 0, 0.38);
}

.settings-row__value-help_right {
    text-align: right;
}

.settings-row__value-help_grouped {
    padding-bottom: 12px;
    text-align: right;
}

.vp-form .settings-row__value-help {
    padding-top: 0px;
    margin-bottom: 12px;
}

.settings-row__value-loader {
    display: flex;
    height: 40px;
    align-items: center;
    font-size: 20px;
}

.settings-card .settings-row__value {
    margin-right: 24px;
}

@media (max-width: 1023px) {
    .shrink-input-height .settings-row__value {
        min-height: 38px;
    }


}

.settings-page {
    max-width: 720px;
    margin: auto;
    width: 100%;
    box-sizing: border-box;
}

.settings-block {
    background-color: rgb(255, 255, 255);
    max-width: 720px;
}

.settings-block .extension-form {
    background-color: rgb(255, 255, 255);
}

.settings-info {
    width: 500px;
}

.popup-content {
    pointer-events: none;
}

.popup-content>* {
    pointer-events: initial;
}

.popup-content_xsmall {
    align-self: flex-start;
    flex-grow: 1;
    padding: 120px 0px 20px;
    box-sizing: border-box;
    max-width: 720px;
    width: 100%;
}

.popup-content_small {
    align-self: flex-start;
    flex-grow: 1;
    padding: 120px 0px 20px;
    box-sizing: border-box;
    max-width: 960px;
    width: 100%;
}

.popup-content_medium {
    align-self: flex-start;
    flex-grow: 1;
    padding: 48px 0px 20px;
    box-sizing: border-box;
    max-width: 1280px;
    width: 100%;
}

@media (min-width: 1024px) {
    .popup-content_medium {
        padding: 120px 20px 20px;
    }


}

.popup-content_large {
    align-self: flex-start;
    flex-grow: 1;
    padding: 48px 0px 20px;
    box-sizing: border-box;
    max-width: 1350px;
    width: 100%;
}

@media (min-width: 1024px) {
    .popup-content_large {
        padding: 48px 20px 20px;
    }


}

.popup-content_top {
    padding-top: 48px;
}

.popup-content__loader {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 220px;
}

.popup-content__wrap {
    background: rgb(243, 243, 243);
    border-radius: 0px 0px 7px 7px;
}

.popup-content_large .popup-content__wrap {
    padding: 40px 32px;
}

.popup-content__content::after {
    content: "";
    display: table;
}

.popup-content__content_top {
    padding-top: 24px;
}

.rc-select {
    display: block;
    position: relative;
    overflow: hidden;
    height: 40px;
    cursor: default;
    user-select: none;
    transition: box-shadow 0.1s;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 2px;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
}

.rc-select.ng-invalid.ng-touched {
    border-color: rgb(244, 67, 54);
    box-shadow: rgb(244, 67, 54) 0px 0px 0px 1px inset;
}

.rc-select.c-input-select {
    border: none;
    background-color: transparent;
    overflow: visible;
}

.rc-select.login-locale {
    font: 12px HelveticaNeue, HelveticaNeueCyr, Helvetica, Arial, sans-serif;
    border-radius: 0px;
}

.rc-select_expanded {
    overflow: visible;
    border-radius: 3px 3px 0px 0px;
}

.rc-select_readonly {
    background-color: transparent;
    border-color: transparent transparent rgb(221, 221, 221);
    padding-right: 40px;
    user-select: auto;
}

.rc-select_readonly.ng-invalid.ng-touched {
    border-color: transparent transparent rgb(244, 67, 54);
    box-shadow: rgb(244, 67, 54) 0px -1px inset;
}

.mini-widget-payment__form-control .rc-select {
    border-right: 0px;
    border-left: 0px;
    border-bottom-color: transparent;
    border-radius: 0px;
}

.mini-widget-payment__form-control .rc-select.ng-invalid.ng-touched {
    border-color: rgb(221, 221, 221) rgb(221, 221, 221) transparent;
    box-shadow: none;
}

.mini-widget-transfer-by-contact .rc-select {
    border-radius: 0px;
    border-left: none;
    border-right: none;
}

.mini-widget-transfer-by-contact .rc-select.ng-invalid.ng-touched {
    border-color: rgb(221, 221, 221);
    box-shadow: none;
}

.currency-calc-widget__select .rc-select {
    border: 0px;
    height: 100%;
}

.rc-select__placeholder {
    color: rgba(0, 0, 0, 0.38);
}

.rc-select__header {
    padding: 5px 12px 4px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.64);
    background-color: rgb(243, 243, 243);
    border-bottom: 1px solid rgb(221, 221, 221);
}

.rc-select__checkbox {
    display: none;
}

.rc-select_list .rc-select__checkbox {
    display: block;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.rc-select__payment-system {
    border: 1px solid rgb(255, 255, 255);
    box-sizing: border-box;
    margin-right: 12px;
}

.rc-select__short-pan {
    color: rgba(0, 0, 0, 0.38);
}

.rc-select__select {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    padding: 0px 8px 0px 12px;
}

.rc-select_expanded .rc-select__select {
    position: relative;
    z-index: 3;
    background-color: rgb(255, 255, 255);
}

.rc-select_readonly .rc-select__select {
    cursor: default;
}

.rc-select__select_disabled {
    cursor: not-allowed;
    background-color: rgb(243, 243, 243);
    color: rgba(0, 0, 0, 0.38);
}

.rc-select__select_disabled:hover {
    cursor: not-allowed;
}

.rc-select__toggle {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
}

.rc-select__toggle_open {
    transform: rotate(180deg);
}

.rc-select__select-template {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rc-select__select-template__currency {
    flex-shrink: 0;
}

.rc-select__select-template__left {
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.rc-select__select-template__text {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-right: 10px;
    vertical-align: bottom;
    text-overflow: ellipsis;
}

.rc-select__select-template__text_no-shrink {
    flex-shrink: 0;
}

.rc-select__select-template__text-right {
    text-align: right;
}

.rc-select__select-template-procuration-icon {
    margin-right: 6px;
}

.c-input {
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 0px 12px;
    transition: background 0.2s, box-shadow 0.2s, border-color 0.2s;
    font-size: 14px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 2px;
    background-color: rgb(255, 255, 255);
}

.c-input_login {
    border-radius: 0px;
    height: 52px;
    text-align: center;
    position: relative;
    box-shadow: none !important;
}

.c-input_login::-webkit-credentials-auto-fill-button {
    position: absolute;
    right: 8px;
}

.c-input::placeholder {
    color: rgba(0, 0, 0, 0.38);
}

.c-input.ng-invalid.ng-touched,
.c-input-search.ng-invalid.ng-touched .c-input,
.c-input-select.ng-invalid.ng-touched .c-input {
    border-color: rgb(244, 67, 54);
    box-shadow: rgb(244, 67, 54) 0px 0px 0px 1px inset;
}

.c-input:disabled {
    cursor: not-allowed;
    color: rgba(0, 0, 0, 0.38);
    background-color: rgb(243, 243, 243);
}

.c-input_focus,
.c-input:focus {
    outline: 0px;
    border-color: rgb(255, 219, 0);
    box-shadow: rgb(255, 219, 0) 0px 0px 0px 1px inset;
}

.private .c-input_focus,
.private .c-input:focus {
    border-color: rgb(93, 63, 76);
    box-shadow: rgb(93, 63, 76) 0px 0px 0px 1px inset;
}

.premium-direct .c-input_focus,
.premium-direct .c-input:focus {
    border-color: rgb(99, 206, 202);
    box-shadow: rgb(99, 206, 202) 0px 0px 0px 1px inset;
}

.c-input_login:focus {
    border-width: 2px;
}

.input-button__input .c-input {
    border-radius: 2px 0px 0px 2px;
}

.mini-widget-payment__form-control .c-input {
    border: 0px;
    box-shadow: none !important;
}

.mini-widget-transfer-by-contact__amount .c-input,
.mini-widget-transfer-by-contact__phone .c-input {
    border-radius: 0px;
    border: 0px;
    box-shadow: none !important;
}

.templates-mini-widget__item-amount .c-input {
    border-radius: 0px;
    border: 0px;
    padding-left: 8px;
    height: 38px;
    box-shadow: none !important;
}

.c-input-search-simple__controls .c-input {
    height: 40px;
    padding-left: 44px;
    padding-right: 44px;
    background-color: transparent;
}

.c-input.c-textarea {
    display: block;
    padding: 16px;
    font-family: HelveticaNeue, HelveticaNeueCyr, Helvetica, Arial, sans-serif;
}

.c-input.c-textarea_minimal {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-width: 0px 0px 1px;
    border-top-style: initial;
    border-right-style: initial;
    border-left-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-left-color: initial;
    border-image: initial;
    border-bottom-style: solid;
    border-bottom-color: rgb(221, 221, 221);
    font-size: 13px;
}

.c-input.c-textarea_minimal:focus {
    box-shadow: none;
    border-color: rgb(221, 221, 221);
}

.c-radio-group {
    display: flex;
    flex-direction: column;
}

.c-radio-group__wrapper {
    min-height: 40px;
    display: flex;
    flex-direction: column;
}

@media (min-width: 1024px) {
    .c-radio-group__wrapper {
        padding-top: 6px;
        flex-flow: wrap;
        align-items: center;
    }


}

.c-radio-group__label {
    margin: 4px 40px 4px 0px;
    width: 100px;
}

.c-input-search,
.c-input-search__control {
    display: block;
    position: relative;
}

.c-input-search__secondary {
    color: rgba(0, 0, 0, 0.38);
    font-size: 12px;
}

.vp-form__arrow {
    flex-grow: 1;
    height: 64px;
    background: url("arrow.d896036dc8f0018a.svg") center center no-repeat;
    margin-top: 108px;
}

@media (max-width: 719px) {
    .vp-form__arrow {
        display: none;
    }


}

@media (min-width: 720px) {
    .vp-form__row {
        display: flex;
        justify-content: space-between;
    }


}

.vp-form__row_left {
    justify-content: flex-start;
}

@media (min-width: 720px) {
    .vp-form__column {
        width: 46%;
        flex-shrink: 0;
    }


}

.vp-form__content {
    margin: 0px 16px;
}

@media (min-width: 1024px) {
    .vp-form__content {
        margin: 0px 32px;
    }


}

.vp-form__fields {
    max-width: 850px;
}

.vp-form__pan-notice {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 8px 12px;
    border-radius: 4px;
    background-color: rgb(252, 227, 166);
    margin: 16px 32px 4px;
}

.vp-form__pan-notice-letter {
    margin-right: 12px;
}

@keyframes popup-overlay {
    0% {
        opacity: 0.5;
    }


}

.popup-overlay {
    display: flex;
    position: fixed;
    overflow: auto;
    z-index: 31;
    top: 0px;
    left: 0px;
    justify-content: center;
    width: 100%;
    height: 100%;
    animation: 0.2s ease-out 0s 1 normal none running popup-overlay;
    will-change: opacity;
}

@media (max-width: 1180px) {
    .popup-overlay {
        justify-content: flex-start;
    }


}

.popup-overlay__bg {
    position: fixed;
    z-index: 31;
    inset: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.popup-overlay__content {
    position: relative;
    z-index: 32;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    box-sizing: border-box;
    min-width: 355px;
    pointer-events: none;
}

@media (min-width: 1920px) {
    .popup-overlay__content {
        width: 1920px;
        flex-grow: 0;
    }


}

.notify {
    position: fixed;
    top: 170px;
    left: 50%;
    margin-left: -160px;
    z-index: 32;
}

.notify__item {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 320px;
    margin-bottom: 10px;
    padding: 24px;
    cursor: pointer;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 12px;
    background-color: rgb(255, 255, 255);
}

.notify__item_default {
    border: 2px solid rgb(79, 210, 98);
}

.notify__item_error {
    border: 2px solid rgb(244, 67, 54);
}

.notify__icon {
    margin-right: 12px;
}

.notify__header {
    font-size: 16px;
    font-weight: 700;
}

.notify__message {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.64);
    white-space: pre-line;
    padding-top: 4px;
}

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

.loader_offset {
    display: flex;
    margin-bottom: 55px;
    padding: 55px 25px 20px;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
}

.loader__content {
    display: inline-flex;
}

.loader__icon {
    width: 36px;
    height: 36px;
    animation: 1.5s linear 0s infinite normal none running loader;
    vertical-align: middle;
}

.loader__icon_size_line {
    width: 1em;
    height: 1em;
}

.premium-direct .loader__icon {
    filter: hue-rotate(-240deg) brightness(85%);
}

.private .loader__icon {
    filter: brightness(0.5) hue-rotate(-60deg);
}

@keyframes loader {
    100% {
        transform: rotate(360deg);
    }


}

.ro-icon[_ngcontent-pbn-c17] {
    display: block;
}

.ro-icon[_ngcontent-pbn-c17] svg {
    display: block;
    width: 100%;
    height: 100%;
}

.ro-icon.default[_ngcontent-pbn-c17] svg>path {
    fill: rgb(170, 171, 173);
}

.ro-icon.black[_ngcontent-pbn-c17] svg>path {
    fill: rgb(39, 39, 39);
}

.ro-icon.white[_ngcontent-pbn-c17] svg>path {
    fill: rgb(255, 255, 255);
}

.ro-icon.brand-primary[_ngcontent-pbn-c17] svg>path {
    fill: rgb(43, 45, 51);
}

.ro-icon.red[_ngcontent-pbn-c17] svg>path {
    fill: rgb(244, 67, 54);
}

.ro-icon.green[_ngcontent-pbn-c17] svg>path {
    fill: rgb(79, 210, 98);
}

.ro-icon.stroke-red[_ngcontent-pbn-c17] {
    color: rgb(244, 67, 54);
}

.ro-icon.stroke-green[_ngcontent-pbn-c17] {
    color: rgb(79, 210, 98);
}

.ro-icon.brand-accent[_ngcontent-pbn-c17] svg>path {
    fill: rgb(254, 230, 0);
}

.ro-icon.seattle-100[_ngcontent-pbn-c17] svg>path {
    fill: rgb(128, 129, 133);
}

.ro-icon.eastern-blue[_ngcontent-pbn-c17] svg>path {
    fill: rgb(0, 128, 156);
}

.ro-icon_size_xs[_ngcontent-pbn-c17] {
    width: 12px;
    height: 12px;
}

.ro-icon_size_s[_ngcontent-pbn-c17] {
    width: 16px;
    height: 16px;
}

.ro-icon_size_m[_ngcontent-pbn-c17] {
    width: 20px;
    height: 20px;
}

.ro-icon_size_l[_ngcontent-pbn-c17] {
    width: 24px;
    height: 24px;
}

.ro-icon_size_xl[_ngcontent-pbn-c17] {
    height: 32px;
    width: 32px;
}

.ro-icon.grey[_ngcontent-pbn-c17] svg>path {
    fill: rgb(170, 171, 173);
}

.customer-block-popup[_ngcontent-pbn-c29] {
    background-color: rgb(255, 255, 255);
    -webkit-font-smoothing: antialiased;
    border: none;
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 32px;
}

.customer-block-popup__modal[_ngcontent-pbn-c29] {
    padding: 16px 24px;
    position: relative;
    color: rgb(43, 45, 51);
    background-color: rgb(255, 255, 255);
}

.customer-block-popup__close[_ngcontent-pbn-c29] {
    position: absolute;
    right: 12px;
    top: 12px;
}

.customer-block-popup[_ngcontent-pbn-c29]::-webkit-backdrop {
    background-color: rgba(43, 45, 51, 0.24);
}

.customer-block-popup[_ngcontent-pbn-c29]::backdrop {
    background-color: rgba(43, 45, 51, 0.24);
}

[_nghost-pbn-c22] {
    display: block;
    background: rgb(255, 255, 255);
    max-width: 720px;
    margin: auto;
    width: 100%;
}

.ro-widget__header[_ngcontent-pbn-c22] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px 16px;
}

.ro-widget__title[_ngcontent-pbn-c22] {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: rgb(43, 45, 51);
}

.ro-widget__show-more[_ngcontent-pbn-c22] {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    letter-spacing: 0.5px;
    color: rgb(0, 165, 188);
    text-decoration: none;
}

@media (max-width: 719px) {
    .ro-widget__title[_ngcontent-pbn-c22] {
        font-size: 18px;
        line-height: 28px;
    }


}

.outer-main-page[_ngcontent-pbn-c91] {
    font-family: FuturaBook, HelveticaNeue, HelveticaNeueCyr, Helvetica, Arial, sans-serif;
    display: grid;
    width: 100%;
    max-width: 100%;
    min-height: 100vh;
    align-content: stretch;
    grid-template-rows: 120px 1fr 80px;
    grid-template-columns: 100%;
}

.outer-main-page__content[_ngcontent-pbn-c91] {
    margin: 0px auto;
    width: 100%;
}

@media (min-width: 1024px) {
    .outer-main-page__content[_ngcontent-pbn-c91] {
        width: calc(100% - 64px);
    }


}

@media (min-width: 1280px) {
    .outer-main-page__content[_ngcontent-pbn-c91] {
        width: calc(100% - 96px);
    }


}

.base-header[_ngcontent-pbn-c89] {
    margin: 0px;
    width: 100%;
    max-width: 1920px;
    padding: 0px 32px;
    position: fixed;
    top: 0px;
    box-sizing: border-box;
    z-index: 5;
    background: rgb(255, 255, 255);
}

.base-header__compensator[_ngcontent-pbn-c89] {
    width: 100%;
    height: 120px;
}

@media (min-width: 1280px) {
    .base-header[_ngcontent-pbn-c89] {
        padding: 0px 48px;
    }


}

@media (max-width: 1023px) {
    .base-header[_ngcontent-pbn-c89] {
        padding: 0px 16px;
    }


}

.base-footer[_ngcontent-pbn-c90] {
    background: rgb(255, 255, 255);
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 32px;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 18px;
    color: rgb(29, 29, 29);
}

.base-footer__icon[_ngcontent-pbn-c90] svg[_ngcontent-pbn-c90] {
    height: 32px;
    width: 32px;
}

.base-footer__icon[_ngcontent-pbn-c90]+.base-footer__icon[_ngcontent-pbn-c90] {
    margin-left: 12px;
}

@media (min-width: 1280px) {
    .base-footer[_ngcontent-pbn-c90] {
        padding: 0px 48px;
    }


}

@media (max-width: 1023px) {
    .base-footer[_ngcontent-pbn-c90] {
        height: auto;
        padding: 16px;
        font-size: 12px;
        line-height: 16px;
    }

    .base-footer__left[_ngcontent-pbn-c90] {
        max-width: 200px;
    }


}

.base-header-top[_ngcontent-pbn-c83] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 11px;
    line-height: 14px;
    text-transform: uppercase;
    padding-top: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgb(233, 234, 234);
    height: 14px;
}

.base-header-top__left[_ngcontent-pbn-c83],
.base-header-top__right[_ngcontent-pbn-c83] {
    display: flex;
}

.base-header-top__line[_ngcontent-pbn-c83] {
    display: flex;
    position: relative;
    align-items: center;
}

.base-header-top__line__item[_ngcontent-pbn-c83]+.base-header-top__line__item[_ngcontent-pbn-c83] {
    margin-left: 16px;
}

.base-header-top__line[_ngcontent-pbn-c83] a[_ngcontent-pbn-c83] {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}

.base-header-top__line[_ngcontent-pbn-c83] a[_ngcontent-pbn-c83]:hover {
    color: rgb(127, 127, 127);
}

.base-header-top__button[_ngcontent-pbn-c83] {
    padding: 0px 16px;
    display: flex;
    align-items: center;
    height: 20px;
    margin: -3px 0px;
    transition: color 0.2s;
}

.base-header-top__button[_ngcontent-pbn-c83] svg[_ngcontent-pbn-c83] {
    display: block;
    margin-right: 12px;
}

.base-header-top__button[_ngcontent-pbn-c83] path[_ngcontent-pbn-c83] {
    transition: fill 0.2s;
}

.base-header-top__button[_ngcontent-pbn-c83]:hover {
    color: rgb(127, 127, 127);
}

.base-header-top__button[_ngcontent-pbn-c83]:hover path[_ngcontent-pbn-c83] {
    fill: rgb(127, 127, 127);
}

.base-header-top__line[_ngcontent-pbn-c83]+.base-header-top__line[_ngcontent-pbn-c83] {
    margin-left: 42px;
}

.base-header-top__line[_ngcontent-pbn-c83]+.base-header-top__line[_ngcontent-pbn-c83]::before {
    content: "";
    position: absolute;
    display: block;
    background: rgb(43, 45, 51);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    top: 5px;
    left: -22px;
}

.base-header-top[_ngcontent-pbn-c83] b[_ngcontent-pbn-c83] {
    font-weight: 600;
}

.base-header-top__branding[_ngcontent-pbn-c83] {
    display: none;
}

@media (max-width: 1023px) {
    .base-header-top__left[_ngcontent-pbn-c83] {
        display: none;
    }

    .base-header-top__branding[_ngcontent-pbn-c83] {
        width: 112px;
        display: flex;
        overflow: hidden;
        align-items: center;
    }


}

.base-header-nav[_ngcontent-pbn-c87] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    padding-bottom: 12px;
}

.base-header-nav[_ngcontent-pbn-c87] a[_ngcontent-pbn-c87] {
    text-decoration: none;
}

.base-header-nav__left[_ngcontent-pbn-c87] {
    height: 44px;
    display: flex;
    align-items: center;
}

.base-header-nav__left__desk[_ngcontent-pbn-c87] {
    display: flex;
    align-items: center;
    column-gap: 16px;
}

.base-header-nav__left__mob[_ngcontent-pbn-c87] {
    display: none;
}

.base-header-nav__right[_ngcontent-pbn-c87] {
    height: 36px;
    display: flex;
    column-gap: 16px;
}

.base-header-nav__button[_ngcontent-pbn-c87],
.base-header-nav__link[_ngcontent-pbn-c87] {
    display: flex;
    align-items: center;
    height: 36px;
    text-decoration: none;
}

.base-header-nav__link[_ngcontent-pbn-c87] {
    font-size: 16px;
    line-height: 24px;
    color: rgb(43, 45, 51);
    transition: color 0.2s, opacity 0.2s;
    opacity: 1;
}

.base-header-nav__link[_ngcontent-pbn-c87] svg[_ngcontent-pbn-c87] {
    margin-left: 12px;
}

.base-header-nav__link[_ngcontent-pbn-c87] path[_ngcontent-pbn-c87] {
    fill: rgb(43, 45, 51);
    transition: fill 0.2s;
}

.base-header-nav__link[_ngcontent-pbn-c87]:hover {
    color: rgb(127, 127, 127);
}

.base-header-nav__link[_ngcontent-pbn-c87]:hover path[_ngcontent-pbn-c87] {
    fill: rgb(127, 127, 127);
}

.base-header-nav__link_hide[_ngcontent-pbn-c87] {
    opacity: 0;
    pointer-events: none;
}

.base-header-nav__button[_ngcontent-pbn-c87] {
    color: rgb(255, 255, 255);
    background: rgb(43, 45, 51);
    border-radius: 2px;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    margin-left: 8px;
}

.base-header-nav__button[_ngcontent-pbn-c87]:hover {
    background-color: rgb(255, 237, 0);
    color: rgb(0, 0, 0);
}

.base-header-nav__branding[_ngcontent-pbn-c87] {
    width: 156px;
    margin-right: 16px;
    height: 44px;
    display: flex;
    align-items: center;
}

@media (max-width: 1023px) {
    .base-header-nav__left__desk[_ngcontent-pbn-c87] {
        display: none;
    }

    .base-header-nav__left__mob[_ngcontent-pbn-c87] {
        display: flex;
        align-items: center;
    }


}

@media (max-width: 719px) {
    .base-header-nav__right[_ngcontent-pbn-c87] .base-header-nav__link[_ngcontent-pbn-c87] {
        display: none;
    }


}

.base-header-menu[_ngcontent-pbn-c88] {
    width: 100%;
    background: rgb(255, 255, 255);
    position: fixed;
    inset: 111px 0px 0px;
    z-index: 27;
    overflow: hidden;
}

@media (min-width: 1024px) {
    .base-header-menu[_ngcontent-pbn-c88] {
        display: none;
    }


}

.base-header-menu__wrap[_ngcontent-pbn-c88] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 12px 16px;
    box-sizing: border-box;
}

.base-header-menu__links[_ngcontent-pbn-c88] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.base-header-menu__link[_ngcontent-pbn-c88] {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
    color: rgb(43, 45, 51);
    text-decoration: none;
    display: flex;
    align-items: center;
}

.base-header-menu__link[_ngcontent-pbn-c88]:last-child {
    margin-bottom: 0px;
}

.base-header-menu__link[_ngcontent-pbn-c88] svg[_ngcontent-pbn-c88] {
    margin-left: 12px;
}

.base-header-menu__contacts[_ngcontent-pbn-c88] {
    margin-top: 80px;
}

.base-header-menu__contacts__item[_ngcontent-pbn-c88] {
    margin-bottom: 32px;
}

.base-header-menu__contacts__item__desc[_ngcontent-pbn-c88] {
    font-size: 16px;
    line-height: 24px;
    color: rgb(43, 45, 51);
}

.base-header-menu__contacts__item[_ngcontent-pbn-c88] a[_ngcontent-pbn-c88] {
    font-size: 18px;
    line-height: 24px;
    color: rgb(43, 45, 51);
    text-decoration: none;
    margin-bottom: 8px;
    display: inline-block;
}

@media (min-width: 720px) {
    .base-header-menu[_ngcontent-pbn-c88] .base-header-menu__link_hidePad[_ngcontent-pbn-c88] {
        display: none;
    }


}

[_nghost-pbn-c30] {
    max-width: 100%;
}

.branding-logo[_ngcontent-pbn-c30] {
    display: block;
    max-width: 100%;
    width: 156px;
    height: 72px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.branding-logo-ru[_ngcontent-pbn-c30] {
    background-image: url("branding-logo-ru.42e3f939e529f725.svg");
}

.branding-logo-en[_ngcontent-pbn-c30] {
    background-image: url("branding-logo-en.2954e9bf1e04bff3.svg");
}

.branding-logo-premium-direct[_ngcontent-pbn-c30] {
    background-image: url("branding-logo-premium-direct.8aac768e03d280d4.svg");
}

.branding-logo-premium[_ngcontent-pbn-c30] {
    background-image: url("branding-logo-premium.a91c0e5f2a5d01ac.svg");
}

.branding-logo-private[_ngcontent-pbn-c30] {
    background-image: url("branding-logo-private.0836aafb5535cad0.svg");
}

c-select[_ngcontent-pbn-c82] {
    border: 0px;
}

.c-select-item {
    display: block;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 40px;
    min-height: 40px;
}

.c-select-item+.c-select-item {
    border-top: 1px solid rgb(243, 243, 243);
}

.c-select-item_placeholder {
    border-top: 1px solid rgb(243, 243, 243);
}

.c-select-item_selected {
    flex-grow: 1;
}

.rc-select_wide .c-select-item_selected {
    text-overflow: ellipsis;
}

.c-select-item_wrap {
    padding-top: 9px;
    padding-bottom: 9px;
    white-space: normal;
    line-height: 18px;
}

.rc-select_list:not(.rc-select_default-select) .c-select-item:not(.c-select-item_selected) {
    padding-right: 44px;
}

.c-select-item_clickable {
    cursor: pointer;
    padding-left: 12px;
    padding-right: 12px;
}

.c-select-item_clickable:hover {
    background: rgb(214, 237, 255);
}

.c-select-item_option_selected {
    background: rgb(243, 243, 243);
}

@keyframes rc-select-options-bottom {
    0% {
        transform: translateY(calc(100% - 4px));
        opacity: 0;
    }

    100% {
        opacity: 1;
    }


}

@keyframes rc-select-options-top {
    0% {
        transform: translateY(calc(-100% + 4px));
        opacity: 0;
    }

    100% {
        opacity: 1;
    }


}

.c-select-options {
    position: absolute;
    z-index: 28;
    width: 100%;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
    animation: 0.15s ease-in 0s 1 normal both running none;
    will-change: opacity;
}

.c-select-options_wide {
    width: 120%;
}

.c-select-options_top {
    border-radius: 2px 2px 0px 0px;
    transform: translateY(-100%);
    top: -4px;
}

.c-select-options_top.c-select-options_show {
    animation-name: rc-select-options-top;
}

.c-select-options_bottom {
    bottom: -4px;
    transform: translateY(100%);
    border-radius: 0px 0px 2px 2px;
}

.c-select-options_bottom.c-select-options_show {
    animation-name: rc-select-options-bottom;
}

.c-select-options_show {
    left: 0px;
}

.c-select-options_show.c-input-select__options {
    left: 1px;
    width: calc(100% - 2px);
}

.c-select-options_hide {
    top: 0px;
    bottom: auto;
    left: -9999px;
}

.c-select-options__items {
    border-top: 1px solid rgb(243, 243, 243);
}

.c-select-options__body {
    max-height: 412px;
    overflow-y: auto;
}

.c-select-options__footer {
    box-sizing: border-box;
    border-top: 1px solid rgb(243, 243, 243);
    padding: 12px;
    min-height: 40px;
}

.base-header-burger__line-1[_ngcontent-pbn-c86],
.base-header-burger__line-2[_ngcontent-pbn-c86],
.base-header-burger__line-3[_ngcontent-pbn-c86] {
    transition: transform 0.2s cubic-bezier(0.4, 0.4, 0.16, 0.79);
    transform-origin: center center;
}

.base-header-burger__line-1[_ngcontent-pbn-c86] {
    transform: translateY(-5px);
}

.base-header-burger__line-3[_ngcontent-pbn-c86] {
    transform: translateY(5px);
}

.base-header-burger._active[_ngcontent-pbn-c86] .base-header-burger__line-1[_ngcontent-pbn-c86],
.base-header-burger._active[_ngcontent-pbn-c86] .base-header-burger__line-2[_ngcontent-pbn-c86] {
    transform: translateY(0px) rotate(45deg);
}

.base-header-burger._active[_ngcontent-pbn-c86] .base-header-burger__line-3[_ngcontent-pbn-c86] {
    transform: translateY(0px) rotate(-45deg);
}

[_nghost-pbn-c21] {
    display: block;
}

.disabled[_nghost-pbn-c21] {
    pointer-events: none;
    opacity: 0.6;
}

.ro-button[_ngcontent-pbn-c21] {
    color: rgb(43, 45, 51);
    cursor: pointer;
    background-color: rgb(254, 230, 0);
    border: 0px;
    box-sizing: border-box;
    letter-spacing: 0.03em;
    text-align: center;
    vertical-align: bottom;
    outline: 0px;
    text-decoration: none;
    font-family: FuturaNewMedium, HelveticaNeue, HelveticaNeueCyr, Helvetica, Arial, sans-serif;
    padding: 16px 28px;
    font-size: 16px;
    line-height: 24px;
    box-shadow: none;
    width: 100%;
    border-radius: 8px;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s, transform 0.1s;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 12px;
}

.ro-button.size-xs[_ngcontent-pbn-c21] {
    column-gap: 6px;
    font-size: 13px;
    line-height: 18px;
    padding: 2px 12px;
}

.ro-button.size-s[_ngcontent-pbn-c21] {
    column-gap: 8px;
    font-size: 14px;
    line-height: 22px;
    padding: 4px 16px;
}

.ro-button.size-m[_ngcontent-pbn-c21] {
    column-gap: 10px;
    font-size: 14px;
    line-height: 22px;
    padding: 6px 20px;
}

.ro-button.accent[_ngcontent-pbn-c21]:hover {
    background-color: rgb(254, 213, 0);
}

.ro-button.primary[_ngcontent-pbn-c21] {
    color: rgb(255, 255, 255);
    background: rgb(43, 45, 51);
}

.ro-button.primary[_ngcontent-pbn-c21]:hover {
    background-color: rgb(0, 0, 0);
}

.ro-button.outline[_ngcontent-pbn-c21] {
    border: 2px solid rgb(213, 213, 214);
    background: none;
}

.ro-button.outline[_ngcontent-pbn-c21]:hover {
    border: 2px solid rgb(43, 45, 51);
}

.ro-button.white[_ngcontent-pbn-c21] {
    background-color: rgb(255, 255, 255);
}

.ro-button.white[_ngcontent-pbn-c21]:hover {
    background-color: rgb(244, 244, 244);
}

.ro-button[_ngcontent-pbn-c21]:active {
    transform: translateY(1px);
}

.ro-button.ghost[_ngcontent-pbn-c21] {
    background-color: transparent;
    padding: 0px;
    height: auto;
}

.ro-button.ghost[_ngcontent-pbn-c21]:hover {
    color: rgb(0, 128, 156);
}

.ro-button.link[_ngcontent-pbn-c21] {
    background-color: transparent;
    padding: 0px;
    height: auto;
    cursor: pointer;
    text-decoration: underline;
    color: rgb(1, 143, 254);
    border: 0px;
    outline: 0px;
}

.ro-button.transparent[_ngcontent-pbn-c21] {
    background: rgba(168, 172, 185, 0.16);
    box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 32px;
}

.ro-button.transparent[_ngcontent-pbn-c21]:hover {
    background: rgba(168, 172, 185, 0.25);
}

.ro-button.color-white[_ngcontent-pbn-c21] {
    color: rgb(255, 255, 255);
}

.ro-button.color-white[_ngcontent-pbn-c21] svg path {
    fill: rgb(255, 255, 255);
}

[class*="inc"] {
    visibility: hidden;
}

.login-page {
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 620px;
    height: 100%;
}

@media (max-width: 1279px) {
    .login-page {
        min-height: calc(-211px + 100vh);
    }


}

.login-page__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.login-page__notice-wrap {
    display: block;
    width: 100%;
    background-color: rgb(255, 255, 255);
    max-width: 100%;
    position: relative;
}

.login-page__form {
    box-sizing: border-box;
    background-color: rgb(255, 255, 255);
}

@media (max-width: 719px) {
    .login-page__form {
        margin: auto;
    }


}

@media (max-width: 1023px) {
    .login-page__form {
        width: 480px;
        max-width: 100%;
        padding: 8px 16px;
        margin: 24px auto 56px;
    }


}

@media (min-width: 1024px) {
    .login-page__form {
        padding: 0px 77px 0px 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0px;
        width: 248px;
        min-width: 248px;
        max-width: 248px;
        box-sizing: content-box;
    }


}

@media (min-width: 1280px) {
    .login-page__form {
        padding: 0px 102px 0px 84px;
        width: 306px;
        min-width: 306px;
        max-width: 306px;
    }


}

.login-page__body {
    position: relative;
    box-sizing: border-box;
    background-color: rgb(255, 255, 255);
}

@media (min-width: 1024px) {
    .login-page__body {
        margin-top: 584px;
    }


}

.login-page__mobile {
    display: none;
}

@media (min-width: 1024px) {
    .login-page__mobile {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 12px 64px 12px 12px;
    }


}

.login-page__mobile-label {
    font-size: 20px;
    margin-right: 16px;
}

.login-page__mobile-market-link {
    display: inline-block;
    text-decoration: none;
}

.login-page__mobile-market-link:not(:last-child) {
    margin-right: 12px;
}

.login-page__mobile-market-logo {
    width: 135px;
    height: 40px;
}

.login-page__article {
    padding: 40px 24px;
    background-color: rgb(255, 255, 255);
}

@media (min-width: 1024px) {
    .login-page__article {
        padding-left: 442px;
        padding-right: 64px;
    }


}

.login-page__article_gray {
    background-color: rgb(243, 243, 243);
}

.login-page__article-title {
    font-family: FuturaNewHeavy, FuturaBook, HelveticaNeue, HelveticaNeueCyr, Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.09;
    margin-top: 0px;
    margin-bottom: 16px;
}

@media (min-width: 1024px) {
    .login-page__article-title {
        font-size: 40px;
    }


}

.login-page__article-subtitle {
    font-family: FuturaNewMedium, FuturaBook, HelveticaNeue, HelveticaNeueCyr, Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    font-weight: 400;
    margin: 16px 0px;
    line-height: 1.67;
}

@media (min-width: 720px) {
    .login-page__article-subtitle {
        font-size: 14px;
        line-height: 1.2;
    }


}

.login-page__currency-calc-widget-wrap {
    display: none;
}

@media (min-width: 1280px) {
    .login-page__currency-calc-widget-wrap {
        display: block;
    }


}

.login-page__currency-calc-widget {
    font-family: HelveticaNeue, HelveticaNeueCyr, Helvetica, Arial, sans-serif;
}

.login-page__currency-calc-widget .currency-calc-widget {
    border-width: 1px 0px 0px;
    border-right-style: initial;
    border-bottom-style: initial;
    border-left-style: initial;
    border-right-color: initial;
    border-bottom-color: initial;
    border-left-color: initial;
    border-image: initial;
    border-top-style: solid;
    border-top-color: rgb(221, 221, 221);
    border-radius: 0px;
}

[_nghost-pbn-c1253] {
    height: 100%;
}

.login-main-page[_ngcontent-pbn-c1253] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
}

@media (min-width: 1024px) {
    .login-main-page[_ngcontent-pbn-c1253] {
        flex-direction: row;
    }


}

.login-page__form_fullwidth[_ngcontent-pbn-c1253] {
    width: 100%;
    max-width: 480px;
    padding: 80px 0px;
    margin: auto;
}

@media (max-width: 719px) {
    .login-page__form_fullwidth[_ngcontent-pbn-c1253] {
        padding: 40px 0px;
    }


}

@media (max-width: 1023px) {
    .login-page__form_fullwidth[_ngcontent-pbn-c1253] {
        max-width: 340px;
        padding: 24px 0px;
    }


}

@media (min-width: 1024px) {
    about-app-header[_ngcontent-pbn-c1253] {
        width: calc(100% - 325px);
    }


}

@media (min-width: 1280px) {
    about-app-header[_ngcontent-pbn-c1253] {
        width: calc(100% - 492px);
    }


}

.promo-market-fullpage-banner[_ngcontent-pbn-c1232] {
    position: fixed;
    inset: 0px;
    background: rgb(255, 255, 255);
    z-index: 101;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding: 0px 32px;
    overflow: hidden;
}

.promo-market-fullpage-banner__title[_ngcontent-pbn-c1232] {
    font-size: 28px;
    line-height: 32px;
    text-align: center;
    color: rgb(43, 45, 51);
    font-weight: 700;
    max-width: 342px;
    margin-bottom: 12px;
}

.promo-market-fullpage-banner__desc[_ngcontent-pbn-c1232] {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: rgb(43, 45, 51);
    max-width: 342px;
    margin-bottom: 16px;
}

.promo-market-fullpage-banner__link[_ngcontent-pbn-c1232] {
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 24px;
    color: rgb(0, 122, 255);
    text-decoration-line: underline;
    text-align: center;
}

.promo-market-fullpage-banner__img[_ngcontent-pbn-c1232] {
    width: 100%;
    max-width: 302px;
    max-height: 410px;
    margin-bottom: -20px;
}

.promo-market-fullpage-banner__img[_ngcontent-pbn-c1232] div[_ngcontent-pbn-c1232] {
    width: 100%;
    padding-top: calc(135.762% - 10.8609px);
    margin-left: 8px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.promo-market-fullpage-banner__compensator[_ngcontent-pbn-c1232] {
    width: 100%;
    height: calc(50% - 330px);
}

.login-page-notice {
    display: block;
    position: relative;
    padding: 12px;
    box-sizing: border-box;
    font-family: HelveticaNeue, HelveticaNeueCyr, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    background: rgb(244, 244, 244);
    border-radius: 8px;
    overflow: hidden auto;
    margin-top: -24px;
}

@media (min-width: 1024px) {
    .login-page-notice {
        width: calc(100% + 54px);
        margin-right: -54px;
        margin-top: 0px;
    }


}

@media (min-width: 1280px) {
    .login-page-notice {
        width: calc(100% + 138px);
        margin-left: -84px;
        margin-right: -54px;
    }


}

.login-page-notice__content {
    display: flex;
}

.login-page-notice__content header {
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 8px;
}

.login-page-notice__icon {
    background: url("attention.780837a144d097c7.svg") no-repeat;
    padding-right: 12px;
    min-width: 36px;
    min-height: 36px;
}

.login-page-notice__close-wrap {
    display: flex;
    flex-direction: row;
    margin-top: 16px;
    justify-content: flex-start;
    margin-left: 48px;
}

[_nghost-pbn-c1252] {
    width: 100%;
}

.progress[_ngcontent-pbn-c1252] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
}

.progress__item[_ngcontent-pbn-c1252] {
    color: rgb(202, 204, 212);
}

.progress__item.active[_ngcontent-pbn-c1252] {
    color: rgb(128, 129, 133);
}

.progress__item.success[_ngcontent-pbn-c1252] {
    color: rgb(25, 178, 141);
}

.about-app-header[_ngcontent-pbn-c1231] {
    width: 100%;
    padding: 40px 0px 0px 40px;
    display: flex;
    justify-content: space-between;
    align-items: end;
    box-sizing: border-box;
    position: relative;
    height: 618px;
    background-color: rgb(105, 132, 178);
    background-size: cover;
    font-feature-settings: normal;
    font-family: Navigo, Helvetica, "Helvetica New", Arial, sans-serif;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    text-size-adjust: 100%;
}

.about-app-header__demo[_ngcontent-pbn-c1231] {
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    width: calc(100% - 214px);
    max-width: 660px;
    max-height: 558px;
    height: 100%;
    right: 0px;
    background-image: url("/import/about-app/header-screen-new.png");
}

.about-app-header__content[_ngcontent-pbn-c1231] {
    color: rgb(255, 255, 255);
    position: relative;
    z-index: 1;
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.about-app-header__title[_ngcontent-pbn-c1231] {
    font-size: 40px;
    font-weight: 500;
    line-height: 44px;
    max-width: 348px;
    margin: 0px 0px 32px;
}

.about-app-header__desc[_ngcontent-pbn-c1231] {
    max-width: 344px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.about-app-header__qr[_ngcontent-pbn-c1231] {
    width: 104px;
    height: 104px;
    background: rgb(255, 255, 255);
    border-radius: 16px;
    padding: 4px;
}

.about-app-header__qr-desc[_ngcontent-pbn-c1231] {
    margin-top: 16px;
    font-size: 16px;
    line-height: 20px;
    max-width: 214px;
    margin-bottom: 39px;
}

.about-app-header__button[_ngcontent-pbn-c1231] {
    display: none;
}

@media (min-width: 1280px) {
    .about-app-header__content[_ngcontent-pbn-c1231] {
        width: 354px;
    }


}

@media (max-width: 1023px) {
    .about-app-header[_ngcontent-pbn-c1231] {
        height: 100%;
        flex-direction: column;
        padding: 24px 0px 0px;
        align-items: center;
        width: 100%;
        background-position: center center;
    }

    .about-app-header__text[_ngcontent-pbn-c1231] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .about-app-header__title[_ngcontent-pbn-c1231] {
        margin: 0px 0px 12px;
        text-align: center;
        max-width: 305px;
        font-size: 32px;
        font-weight: 500;
        line-height: 36px;
    }

    .about-app-header__desc[_ngcontent-pbn-c1231] {
        text-align: center;
        max-width: 372px;
        font-size: 16px;
        line-height: 20px;
    }

    .about-app-header__button[_ngcontent-pbn-c1231] {
        margin: 24px auto 32px;
        display: flex;
        align-items: center;
        flex-direction: column;
        max-width: 480px;
    }

    .about-app-header__demo[_ngcontent-pbn-c1231] {
        background-position: center bottom;
        position: relative;
        max-width: 555px;
        background-image: url("/import/about-app/header-screen-new-small.png");
        background-size: cover;
        width: 100%;
        height: 400px;
    }

    .about-app-header__qr[_ngcontent-pbn-c1231],
    .about-app-header__qr-desc[_ngcontent-pbn-c1231] {
        display: none;
    }

    .about-app-header__content[_ngcontent-pbn-c1231] {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        justify-content: start;
    }


}

.market-button__item[_ngcontent-pbn-c1229] {
    width: 74px;
}

.market-button__item_row[_ngcontent-pbn-c1229] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2rem;
    width: 100%;
}

.market-button__item_row[_ngcontent-pbn-c1229] .market-button__sep[_ngcontent-pbn-c1229] {
    width: 8px;
    height: 8px;
}

.market-button__item_td[_ngcontent-pbn-c1229] {
    width: 74px;
}

.market-button__sep[_ngcontent-pbn-c1229] {
    width: 100%;
    height: 8px;
}

.market-button_big[_ngcontent-pbn-c1229] .market-button__item[_ngcontent-pbn-c1229] {
    width: 172px;
}

.market-button_big[_ngcontent-pbn-c1229] .market-button__item_row[_ngcontent-pbn-c1229] {
    width: 100%;
}

.market-button_big[_ngcontent-pbn-c1229] .market-button__item_row[_ngcontent-pbn-c1229] .market-button__sep[_ngcontent-pbn-c1229] {
    width: 24px;
    height: 24px;
}

.market-button_big[_ngcontent-pbn-c1229] .market-button__item_td[_ngcontent-pbn-c1229] {
    width: 140px;
}

.market-button_big[_ngcontent-pbn-c1229] .market-button__sep[_ngcontent-pbn-c1229] {
    height: 24px;
}

.market-button__other[_ngcontent-pbn-c1229] {
    max-width: 377px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.market-button_left[_ngcontent-pbn-c1229] .market-button_row[_ngcontent-pbn-c1229] {
    justify-content: flex-start;
}

.market-button_left[_ngcontent-pbn-c1229] .market-button__other[_ngcontent-pbn-c1229] {
    align-items: flex-start;
}

.market-button_DESC[_ngcontent-pbn-c1229] .market-button__other[_ngcontent-pbn-c1229] {
    flex-direction: column-reverse;
}

.market-qr-code[_ngcontent-pbn-c1230] {
    display: block;
    width: 100%;
    height: auto;
    padding-top: 100%;
    background-image: url("promo-market-qr-code.4df86f7089be92a3.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 16px;
}

.market-button-ios[_ngcontent-pbn-c1224] {
    display: block;
    width: 100%;
    height: auto;
    padding-top: 31.9444%;
    background-image: url("promo-market-button-ios.6b954e638cf36334.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

.market-button-google[_ngcontent-pbn-c1225] {
    display: block;
    width: 100%;
    height: auto;
    padding-top: 30.2632%;
    background-image: url("promo-market-button-google.d34f22135e72abf1.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

.market-button-gallery[_ngcontent-pbn-c1228] {
    display: block;
    width: 100%;
    height: auto;
    padding-top: 29.5775%;
    background-image: url("appGallery_badge.3a26ade47bf230ba.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

.market-button-samsung[_ngcontent-pbn-c1226] {
    display: block;
    width: 100%;
    background-image: url("galaxyStore_badge.ed404094ce462b2d.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: rgb(0, 0, 0);
    border-radius: 5px;
    height: 47px;
    background-position: center center;
}

.market-button-xiaomi[_ngcontent-pbn-c1227] {
    display: block;
    width: 100%;
    background-image: url("getApps_badge.394a8b8ebb27816a.svg");
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 5px;
    height: 48px;
    background-position: center center;
    background-color: rgb(0, 0, 0);
}

[_nghost-pbn-c1236] {
    width: 100%;
}

.login-step-first[_ngcontent-pbn-c1236] {
    display: grid;
    width: 100%;
    align-items: stretch;
    row-gap: 24px;
}

[_nghost-pbn-c286] {
    display: grid;
    width: 100%;
    justify-content: stretch;
}

.label[_ngcontent-pbn-c286] {
    color: rgb(128, 129, 133);
    font-size: 16px;
    line-height: 24px;
    margin: 0px 16px 4px 0px;
}

.container[_ngcontent-pbn-c286] {
    position: relative;
}

input[_ngcontent-pbn-c286],
textarea[_ngcontent-pbn-c286] {
    position: relative;
    padding: 0px 12px;
    font-family: FuturaNewMedium, HelveticaNeue, HelveticaNeueCyr, Helvetica, Arial, sans-serif;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    margin: 0px;
    color: rgb(43, 45, 51);
    outline: none;
    box-sizing: border-box;
    width: 100%;
    font-size: 16px;
    line-height: 26px;
    border: 1px solid rgb(213, 213, 214);
    border-radius: 8px;
    height: 48px;
    transition: 0.2s;
    background: rgb(255, 255, 255);
    font-weight: 400;
}

input[_ngcontent-pbn-c286]:disabled,
textarea[_ngcontent-pbn-c286]:disabled {
    background-color: rgb(244, 244, 244);
    outline: none;
    pointer-events: none;
}

input[_ngcontent-pbn-c286]:hover,
input[_ngcontent-pbn-c286]:focus,
textarea[_ngcontent-pbn-c286]:hover,
textarea[_ngcontent-pbn-c286]:focus {
    border-color: rgb(43, 45, 51);
    box-shadow: rgb(43, 45, 51) 0px 0px 0px 1px inset;
}

input.invalid[_ngcontent-pbn-c286],
textarea.invalid[_ngcontent-pbn-c286] {
    border-color: rgb(238, 80, 90);
}

input[_ngcontent-pbn-c286]::placeholder,
textarea[_ngcontent-pbn-c286]::placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: rgb(170, 171, 173);
}

input.icon[_ngcontent-pbn-c286],
textarea.icon[_ngcontent-pbn-c286] {
    height: 52px;
}

input.icon_left[_ngcontent-pbn-c286],
textarea.icon_left[_ngcontent-pbn-c286] {
    padding: 0px 12px 0px 48px;
}

input.icon_right[_ngcontent-pbn-c286],
textarea.icon_right[_ngcontent-pbn-c286] {
    padding: 0px 48px 0px 12px;
}

input.raw-password-toggle[_ngcontent-pbn-c286],
textarea.raw-password-toggle[_ngcontent-pbn-c286] {
    padding-right: 42px;
}

textarea[_ngcontent-pbn-c286] {
    padding-top: 5px;
    height: 55px;
}

ro-icon.icon[_ngcontent-pbn-c286] {
    position: absolute;
    margin-top: 14px;
    margin-left: 12px;
    width: 24px;
    height: 24px;
    z-index: 2;
}

ro-button.button-toggle-raw-password[_ngcontent-pbn-c286] {
    position: absolute;
    margin-top: 12px;
    margin-left: 12px;
    right: 12px;
    width: 24px;
    height: 24px;
    z-index: 2;
}

.error[_ngcontent-pbn-c286] {
    color: rgb(238, 80, 90);
    margin: 8px 0px 0px;
}

ro-hint[_ngcontent-pbn-c286] {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 24px;
    height: 24px;
    z-index: 2;
}

.login-form-footer[_ngcontent-pbn-c1235] {
    position: absolute;
    bottom: 12px;
    left: 0px;
    right: 0px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}

.login-form-footer__link[_ngcontent-pbn-c1235] {
    margin-top: 16px;
    font-size: 13px;
    line-height: 18px;
    display: inline-block;
}

@media (min-width: 1280px) {
    .login-form-footer__link[_ngcontent-pbn-c1235] {
        margin-top: 24px;
    }


}

@media (max-width: 1023px) {
    .login-form-footer[_ngcontent-pbn-c1235] {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
    }


}

.c-select-option-locale {
    display: flex;
    align-items: center;
}

.c-select-option-locale__icon {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 6px;
}

[_nghost-pbn-c1238] {
    width: 100%;
}

.login-step-phone[_ngcontent-pbn-c1238] {
    display: grid;
    width: 100%;
    align-items: stretch;
    row-gap: 24px;
}

[_nghost-pbn-c1239] {
    width: 100%;
}

.login-step-phone-token[_ngcontent-pbn-c1239] {
    display: grid;
    width: 100%;
    align-items: stretch;
    row-gap: 24px;
}

.common-error[_ngcontent-pbn-c1239] {
    color: red;
}

[_nghost-pbn-c1248] {
    width: 100%;
}

.login-step-card[_ngcontent-pbn-c1248] {
    display: grid;
    width: 100%;
    align-items: stretch;
    row-gap: 24px;
}

.login-step-card__date-cvv[_ngcontent-pbn-c1248] {
    display: flex;
    justify-content: stretch;
    column-gap: 24px;
    align-items: flex-start;
}

[_nghost-pbn-c1249] {
    width: 100%;
}

.login-step-card-otp[_ngcontent-pbn-c1249] {
    display: grid;
    width: 100%;
    align-items: stretch;
    row-gap: 24px;
}

[_nghost-pbn-c1250] {
    width: 100%;
}

.login-step-card-password[_ngcontent-pbn-c1250] {
    display: grid;
    width: 100%;
    align-items: stretch;
    row-gap: 24px;
}

.r-page {
    display: block;
}

.layout__content_redesign {
    max-width: 720px;
}

.rc-page {
    padding-top: 96px;
    background-color: rgb(236, 236, 236);
}

.rc-page_redesign {
    padding-top: 0px;
    background-color: rgb(255, 255, 255);
}

@media (min-width: 720px) {
    .rc-page_redesign {
        background-color: rgb(249, 249, 249);
    }


}

.rc-page__demo {
    position: absolute;
    inset: 96px 0px 0px 96px;
}

.rc-page__demo_ru {
    background-image: url("demo.ru.2f026bf059e5ada4.svg");
}

.rc-page__demo_en {
    background-image: url("demo.en.afaad5d9b11a17a3.svg");
}

.rc-page__version {
    position: absolute;
    top: 110px;
    right: 30px;
    cursor: default;
    text-align: center;
    font-size: 11px;
    color: transparent;
}

.version {
    user-select: all;
}

.top-sidebar {
    display: flex;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px;
    position: fixed;
    width: 100%;
    top: 0px;
    max-width: 1920px;
    background-color: rgb(255, 255, 255);
    z-index: 27;
}

.top-sidebar_redesign {
    box-shadow: none;
}

.top-sidebar__content {
    flex: 1 1 0%;
    max-width: 100%;
}

.top-sidebar__logo {
    display: flex;
    position: absolute;
    top: 0px;
    left: 0px;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 96px;
    background-image: url("rzb-logo.75e49bc8bc056299.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 48px;
}

@media (max-width: 1023px) {
    .top-sidebar__logo {
        display: none;
    }


}

.premium .top-sidebar__logo,
.premium-direct .top-sidebar__logo {
    background-color: rgb(77, 79, 83);
}

.private .top-sidebar__logo {
    background-color: rgb(93, 63, 76);
}

@media (min-width: 1024px) {

    .top-sidebar__header,
    .top-sidebar__body {
        padding-left: 84px;
    }


}

.top-sidebar__header {
    display: flex;
    justify-content: space-between;
    background-color: rgb(255, 219, 0);
    color: rgb(29, 29, 29);
}

.premium-direct .top-sidebar__header {
    background-color: rgb(99, 206, 202);
}

.private .top-sidebar__header {
    background-color: rgb(93, 63, 76);
    color: rgb(255, 255, 255);
}

.top-sidebar__header-left-side {
    display: flex;
}

.top-sidebar__header-right-side {
    position: relative;
    display: flex;
}

@media (max-width: 1023px) {
    .top-sidebar__navigation {
        display: none;
    }

    .top-sidebar__navigation_opened {
        display: block;
        position: fixed;
        top: 96px;
        left: 0px;
        background-color: rgba(0, 0, 0, 0.64);
        width: 100%;
        height: 100%;
        z-index: 1;
    }


}

@media (max-width: 1023px) and (min-width: 720px) {
    .top-sidebar__navigation_opened {
        top: 48px;
    }


}

@media (min-width: 1024px) {
    .top-sidebar__navigation {
        display: flex;
    }


}

.top-sidebar__navigation-item {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 48px;
    padding: 0px 12px;
    text-decoration: none;
    border-right: 1px solid rgb(255, 255, 255);
    outline: none;
    cursor: pointer;
    color: rgb(29, 29, 29);
    position: relative;
    transition: background-color 0.2s;
    border-bottom: 1px solid rgb(221, 221, 221);
    background-color: rgb(255, 255, 255);
}

.private .top-sidebar__navigation-item {
    border-left-width: 1px;
    color: rgb(29, 29, 29);
}

@media (min-width: 1024px) {
    .private .top-sidebar__navigation-item {
        color: rgb(255, 255, 255);
    }


}

@media (min-width: 1024px) {
    .top-sidebar__navigation-item {
        padding: 0px 24px;
        border-bottom: 0px;
        background-color: transparent;
    }


}

.top-sidebar__navigation-item:hover {
    background-color: rgb(255, 230, 0);
}

.premium-direct .top-sidebar__navigation-item:hover {
    background-color: rgb(138, 218, 215);
}

.private .top-sidebar__navigation-item:hover {
    background-color: rgb(115, 91, 102);
}

.top-sidebar__navigation-item:first-child {
    border-left: 1px solid rgb(255, 255, 255);
}

.premium .top-sidebar__navigation-item:first-child,
.premium-direct .top-sidebar__navigation-item:first-child,
.private .top-sidebar__navigation-item:first-child {
    border-left: 0px;
}

.top-sidebar__navigation-item_active {
    background-color: rgb(255, 219, 0);
    color: rgb(29, 29, 29);
}

@media (min-width: 1024px) {
    .top-sidebar__navigation-item_active {
        background-color: rgb(240, 200, 0);
    }


}

.premium-direct .top-sidebar__navigation-item_active {
    background-color: rgb(88, 184, 181);
}

.private .top-sidebar__navigation-item_active {
    background-color: rgb(68, 50, 58);
    color: rgb(255, 255, 255);
}

.top-sidebar__navigation-item_active .top-sidebar__navigation-item-label {
    text-decoration: none;
}

@media (max-width: 1023px) {
    .top-sidebar__navigation-item_finance:hover .top-sidebar__total-balance {
        display: block;
    }


}

@media (max-width: 1023px) {
    .top-sidebar__navigation-item_finance {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px;
    }


}

.top-sidebar__navigation-item-label {
    white-space: nowrap;
    font: 700 14px HelveticaNeue, HelveticaNeueCyr, Helvetica, Arial, sans-serif;
}

.top-sidebar__navigation-item-label_text {
    text-decoration: none;
}

.top-sidebar__finance-link {
    position: absolute;
    inset: 0px;
    outline: none;
}

.top-sidebar__total-balance {
    margin-left: 30px;
    color: rgb(29, 29, 29);
    display: block;
}

@media (max-width: 1023px) {
    .top-sidebar__total-balance {
        position: absolute;
        z-index: 1;
        right: 0px;
    }


}

@media (min-width: 1024px) {
    .top-sidebar__total-balance {
        display: none;
    }


}

@media (min-width: 1280px) {
    .top-sidebar__total-balance {
        display: block;
    }


}

@media (max-width: 719px) {
    .top-sidebar__controls {
        display: none;
    }

    .top-sidebar__controls_opened {
        display: flex;
        justify-content: space-around;
        position: fixed;
        top: 48px;
        left: 0px;
        width: 100%;
        background-color: rgb(255, 255, 255);
        border-bottom: 1px solid rgb(221, 221, 221);
        color: rgb(29, 29, 29);
        z-index: 1;
    }


}

@media (min-width: 720px) {
    .top-sidebar__controls {
        display: flex;
        align-items: center;
    }


}

.top-sidebar__controls_small {
    display: flex;
    font-weight: 700;
    max-width: 250px;
}

@media (min-width: 1024px) {
    .top-sidebar__controls_small {
        display: none;
    }


}

.top-sidebar__control {
    display: flex;
    align-items: center;
    padding: 12px;
    cursor: pointer;
    color: inherit;
    transition: background-color 0.3s;
}

.top-sidebar__control:hover,
.premium .top-sidebar__control:hover {
    background-color: rgb(255, 230, 0);
}

.premium-direct .top-sidebar__control:hover {
    background-color: rgb(138, 218, 215);
}

.private .top-sidebar__control:hover {
    background-color: rgb(115, 91, 102);
}

.top-sidebar__control_active {
    background-color: rgb(236, 236, 236);
}

@media (min-width: 720px) {

    .top-sidebar__control_active,
    .premium .top-sidebar__control_active {
        background-color: rgb(240, 200, 0);
    }

    .premium-direct .top-sidebar__control_active {
        background-color: rgb(88, 184, 181);
    }

    .private .top-sidebar__control_active {
        background-color: rgb(68, 50, 58);
    }


}

.top-sidebar__control_products {
    overflow: hidden;
    padding-right: 0px;
}

.top-sidebar__control-label {
    padding-left: 12px;
}

.top-sidebar__logout {
    display: flex;
    align-items: center;
    padding: 0px 12px;
    cursor: pointer;
    outline: none;
}

@media (min-width: 1024px) {
    .top-sidebar__logout {
        padding: 0px 24px;
        margin: 0px 12px;
    }


}

.private .top-sidebar__logout {
    color: rgb(255, 255, 255);
}

body.no-scroll:not(.no-scroll_max-width):not(.no-scroll_min-width) .top-sidebar::after {
    content: "";
    overflow-y: scroll;
    flex-shrink: 0;
}

.actions-menu {
    display: flex;
}

.premium .actions-menu,
.premium-direct .actions-menu {
    background-color: rgb(77, 79, 83);
}

.private .actions-menu {
    background-color: rgb(115, 91, 102);
}

.actions-menu__item {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    position: relative;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 48px;
    transition: background 0.2s;
    text-decoration: none;
    outline: 0px;
    font-size: 10px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, 0.64);
}

@media (min-width: 1024px) {
    .actions-menu__item {
        flex-direction: row;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1px;
    }


}

.premium .actions-menu__item,
.private .actions-menu__item {
    color: rgba(255, 255, 255, 0.74);
}

.premium-direct .actions-menu__item {
    color: rgba(255, 255, 255, 0.74);
    background-color: rgb(77, 79, 83);
}

.actions-menu__item:hover {
    background-color: rgb(243, 243, 243);
}

.premium .actions-menu__item:hover,
.premium-direct .actions-menu__item:hover {
    background-color: rgb(95, 96, 100);
}

.private .actions-menu__item:hover {
    background-color: rgb(129, 107, 117);
}

.actions-menu__item::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 4px;
    transition: background-color 0.2s;
}

.actions-menu__item_active {
    background-color: rgb(243, 243, 243);
    color: rgb(29, 29, 29);
}

.private .actions-menu__item_active {
    background-color: rgb(129, 107, 117);
    color: rgb(255, 255, 255);
}

.premium .actions-menu__item_active,
.premium-direct .actions-menu__item_active {
    background-color: rgb(95, 96, 100);
    color: rgb(255, 255, 255);
}

.actions-menu__item_active::after {
    background-color: rgb(255, 219, 0);
}

.private .actions-menu__item_active::after {
    background-color: rgb(255, 255, 255);
}

.premium-direct .actions-menu__item_active::after {
    background-color: rgb(99, 206, 202);
}

.actions-menu__item-icon {
    fill: currentcolor;
}

@media (min-width: 1024px) {
    .actions-menu__item-label {
        margin-left: 12px;
    }


}

[_nghost-pbn-c736] {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgb(255, 255, 255);
    z-index: 29;
}

.main-tab-bar[_ngcontent-pbn-c736] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px -8px;
    padding-bottom: 8px;
}

.main-tab-bar__item[_ngcontent-pbn-c736] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 0%;
    color: rgb(128, 129, 133);
    font-size: 10px;
    text-decoration: none;
    margin: 0px 8px;
    padding: 8px 0px;
    position: relative;
}

.main-tab-bar__item_active[_ngcontent-pbn-c736] {
    color: rgb(43, 45, 51);
    font-weight: 700;
}

.main-tab-bar__item-badge[_ngcontent-pbn-c736] {
    position: absolute;
    right: 4px;
    top: 4px;
    min-width: 8px;
    height: 18px;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    padding: 0px 5px;
    color: rgb(255, 255, 255);
    border-radius: 18px;
    background-color: rgb(238, 80, 90);
}

[_nghost-pbn-c734] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: "ALS Hauss", HelveticaNeue, HelveticaNeueCyr, Helvetica, Arial, sans-serif;
    padding: 12px 16px;
    background-color: rgb(254, 230, 0);
    column-gap: 24px;
    width: 100%;
    box-sizing: border-box;
}

@media (min-width: 720px) {
    [_nghost-pbn-c734] {
        padding: 0px 24px;
    }


}

@media (min-width: 1024px) {
    [_nghost-pbn-c734] {
        padding: 0px 32px;
    }


}

.premium [_nghost-pbn-c734] {
    background-color: rgb(43, 45, 51);
}

.premium-direct [_nghost-pbn-c734] {
    background-color: rgb(43, 45, 51);
}

.private [_nghost-pbn-c734] {
    background-color: rgb(93, 63, 76);
}

.main-header__branding-logo-wrapper[_ngcontent-pbn-c734] {
    width: 156px;
    height: 72px;
    overflow: hidden;
}

.main-header__branding-logo[_ngcontent-pbn-c734] {
    width: 156px;
    height: 72px;
    display: block;
}

.main-header__side[_ngcontent-pbn-c734] {
    flex: 1 1 0%;
    display: flex;
}

.main-header__side[_ngcontent-pbn-c734]:last-of-type {
    justify-content: flex-end;
}

.main-header__side_right[_ngcontent-pbn-c734] {
    margin-right: 0px;
    display: flex;
    column-gap: 12px;
    justify-content: flex-end;
}

@media (min-width: 720px) {
    .main-header__side_right[_ngcontent-pbn-c734] {
        column-gap: 24px;
    }


}

.main-header__notification-box[_ngcontent-pbn-c734] {
    position: relative;
}

.main-header__item-badge[_ngcontent-pbn-c734] {
    position: absolute;
    top: -7px;
    min-width: 8px;
    height: 18px;
    padding: 0px 5px;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: rgb(255, 255, 255);
    border-radius: 18px;
    background-color: rgb(238, 80, 90);
}

.main-header__center[_ngcontent-pbn-c734] {
    flex: 1 1 0%;
}

@media (min-width: 1024px) {
    .main-header__center[_ngcontent-pbn-c734] {
        min-width: 720px;
    }


}

.main-header-nav[_ngcontent-pbn-c728] {
    display: flex;
    margin: 0px -12px;
}

@media (min-width: 1024px) {
    .main-header-nav[_ngcontent-pbn-c728] {
        margin: 0px -16px;
    }


}

.main-header-nav__item[_ngcontent-pbn-c728] {
    cursor: pointer;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    text-decoration: none;
    color: rgb(43, 45, 51);
    display: flex;
    align-items: center;
    margin: 0px 12px;
    white-space: nowrap;
    transition: opacity 0.16s ease-in-out;
}

.main-header-nav__item[_ngcontent-pbn-c728]:hover {
    opacity: 1;
}

@media (min-width: 1024px) {
    .main-header-nav__item[_ngcontent-pbn-c728] {
        margin: 0px 16px;
    }


}

.main-header-nav__item_active[_ngcontent-pbn-c728]::after {
    content: "";
    position: absolute;
    bottom: -23px;
    display: block;
    width: 100%;
    height: 4px;
    background-color: rgb(43, 45, 51);
}

@media (min-width: 1024px) {
    .main-header-nav__item_active[_ngcontent-pbn-c728]::after {
        bottom: -23px;
    }


}

.main-header-nav__item-title[_ngcontent-pbn-c728] {
    opacity: 0.5;
}

.main-header-nav__item_active[_ngcontent-pbn-c728] .main-header-nav__item-title[_ngcontent-pbn-c728] {
    opacity: 1;
}

.main-header-nav__item-badge[_ngcontent-pbn-c728] {
    min-width: 8px;
    height: 18px;
    padding: 0px 5px;
    margin-left: 4px;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: rgb(255, 255, 255);
    border-radius: 18px;
    background-color: rgb(238, 80, 90);
}

.premium [_nghost-pbn-c728] .main-header-nav__item[_ngcontent-pbn-c728] {
    color: rgb(255, 255, 255);
}

.premium [_nghost-pbn-c728] .main-header-nav__item_active[_ngcontent-pbn-c728]::after {
    background-color: rgb(254, 230, 0);
}

.premium-direct [_nghost-pbn-c728] .main-header-nav__item[_ngcontent-pbn-c728] {
    color: rgb(255, 255, 255);
}

.premium-direct [_nghost-pbn-c728] .main-header-nav__item_active[_ngcontent-pbn-c728]::after {
    background-color: rgb(99, 206, 202);
}

.private [_nghost-pbn-c728] .main-header-nav__item[_ngcontent-pbn-c728] {
    color: rgb(255, 255, 255);
}

.private [_nghost-pbn-c728] .main-header-nav__item_active[_ngcontent-pbn-c728]::after {
    background-color: rgb(224, 222, 216);
}

.submenu[_ngcontent-pbn-c728] {
    position: absolute;
    width: 100%;
    height: 48px;
    left: 0px;
    right: 0px;
    bottom: -48px;
    max-width: 1920px;
    background-color: rgb(255, 255, 255);
    z-index: 27;
}

.submenu__container[_ngcontent-pbn-c728] {
    max-width: 720px;
    width: 100%;
    height: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 24px;
}

.submenu__container__left[_ngcontent-pbn-c728] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 24px;
}

.submenu__item[_ngcontent-pbn-c728] {
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    text-decoration: none;
    color: rgb(43, 45, 51);
    opacity: 0.5;
    transition: opacity 0.16s ease-in-out;
}

.submenu__item[_ngcontent-pbn-c728]:hover,
.submenu__item__active[_ngcontent-pbn-c728] {
    opacity: 1;
}

@media (max-width: 719px) {
    .submenu[_ngcontent-pbn-c728] {
        display: none;
    }


}

.support-tooltip {
    display: flex;
}

@media (max-width: 719px) {
    .support-tooltip:not(.support-tooltip_mobile) {
        display: none;
    }


}

@media (min-width: 720px) {
    .support-tooltip_mobile {
        display: none;
    }


}

.tooltip-wrap {
    display: inline-block;
    position: relative;
}

.tooltip {
    display: none;
    position: absolute;
    z-index: 33;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 2px;
    font-size: 14px;
    white-space: normal;
    color: rgb(29, 29, 29);
    cursor: default;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    text-align: left;
    text-transform: none;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
    animation: 0.25s ease-out 0s 1 normal none running tooltip-opacity;
}

@keyframes tooltip-opacity {
    0% {
        opacity: 0.8;
    }


}

.tooltip::after,
.tooltip::before {
    content: "";
    position: absolute;
    border: 7px solid transparent;
}

.tooltip_show {
    display: block;
}

.tooltip_tight {
    padding: 0px;
}

.tooltip_no-wrap {
    white-space: nowrap;
}

.tooltip_fixed-width {
    width: 260px;
}

@media (min-width: 720px) {
    .tooltip_fixed-width {
        width: 380px;
    }


}

.tooltip_fixed-width-small {
    width: 250px;
}

.vp-foreign-card-info__tooltip .tooltip {
    width: 195px;
}

.tooltip_axis-y.tooltip_justify-start {
    bottom: 100%;
    margin-bottom: 9px;
}

.tooltip_axis-y.tooltip_justify-start::before,
.tooltip_axis-y.tooltip_justify-start::after {
    top: 100%;
    margin-left: -7px;
}

.tooltip_axis-y.tooltip_justify-start::before {
    border-top: 7px solid rgb(221, 221, 221);
}

.tooltip_axis-y.tooltip_justify-start::after {
    margin-top: -1px;
    border-top: 7px solid rgb(255, 255, 255);
}

.tooltip_axis-y.tooltip_justify-end {
    top: 100%;
    margin-top: 9px;
}

.tooltip_axis-y.tooltip_justify-end::before,
.tooltip_axis-y.tooltip_justify-end::after {
    bottom: 100%;
    margin-left: -7px;
}

.tooltip_axis-y.tooltip_justify-end::before {
    border-bottom: 7px solid rgb(221, 221, 221);
}

.tooltip_axis-y.tooltip_justify-end::after {
    margin-bottom: -1px;
    border-bottom: 7px solid rgb(255, 255, 255);
}

.tooltip_axis-y.tooltip_align-start {
    transform: translate(-90%);
    left: 50%;
}

.tooltip_axis-y.tooltip_align-start::before,
.tooltip_axis-y.tooltip_align-start::after {
    left: 90%;
}

.tooltip_axis-y.tooltip_align-center {
    transform: translate(-50%);
    left: 50%;
}

.tooltip_axis-y.tooltip_align-center::before,
.tooltip_axis-y.tooltip_align-center::after {
    left: 50%;
}

.tooltip_axis-y.tooltip_align-end {
    transform: translate(-10%);
    left: 50%;
}

.tooltip_axis-y.tooltip_align-end::before,
.tooltip_axis-y.tooltip_align-end::after {
    left: 10%;
}

.tooltip_axis-x.tooltip_justify-start {
    margin-right: 9px;
    right: 100%;
}

.tooltip_axis-x.tooltip_justify-start::before,
.tooltip_axis-x.tooltip_justify-start::after {
    left: 100%;
    margin-top: -7px;
}

.tooltip_axis-x.tooltip_justify-start::before {
    border-left: 7px solid rgb(221, 221, 221);
}

.tooltip_axis-x.tooltip_justify-start::after {
    margin-left: -1px;
    border-left: 7px solid rgb(255, 255, 255);
}

.tooltip_axis-x.tooltip_justify-end {
    margin-left: 9px;
    left: 100%;
}

.tooltip_axis-x.tooltip_justify-end::before,
.tooltip_axis-x.tooltip_justify-end::after {
    right: 100%;
    margin-top: -7px;
}

.tooltip_axis-x.tooltip_justify-end::before {
    border-right: 7px solid rgb(221, 221, 221);
}

.tooltip_axis-x.tooltip_justify-end::after {
    margin-right: -1px;
    border-right: 7px solid rgb(255, 255, 255);
}

.tooltip_axis-x.tooltip_align-start {
    transform: translateY(-90%);
    top: 50%;
}

.tooltip_axis-x.tooltip_align-start::before,
.tooltip_axis-x.tooltip_align-start::after {
    top: 90%;
}

.tooltip_axis-x.tooltip_align-center {
    transform: translateY(-50%);
    top: 50%;
}

.tooltip_axis-x.tooltip_align-center::before,
.tooltip_axis-x.tooltip_align-center::after {
    top: 50%;
}

.tooltip_axis-x.tooltip_align-end {
    transform: translateY(-10%);
    top: 50%;
}

.tooltip_axis-x.tooltip_align-end::before,
.tooltip_axis-x.tooltip_align-end::after {
    top: 10%;
}

.tooltip__content {
    border-radius: inherit;
}

.tooltip_scroll .tooltip__content {
    max-height: 350px;
    overflow-y: auto;
}

[_nghost-pbn-c1173] {
    display: block;
    font-family: "ALS Hauss", HelveticaNeue, HelveticaNeueCyr, Helvetica, Arial, sans-serif;
    background-color: rgb(255, 255, 255);
}

@media (min-width: 720px) {
    [_nghost-pbn-c1173] {
        padding-top: 48px;
    }


}

@media (min-width: 720px) {
    [_nghost-pbn-c1173] {
        background-color: transparent;
    }


}

[_nghost-pbn-c1173] .home-page_legacy-top-menu-fix[_ngcontent-pbn-c1173] {
    margin-top: -28px;
}

[_nghost-pbn-c1173] .home-page__section-balance[_ngcontent-pbn-c1173] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

@media (min-width: 720px) {
    [_nghost-pbn-c1173] .home-page__section-balance[_ngcontent-pbn-c1173] {
        padding: 8px 24px 24px;
    }


}

[_nghost-pbn-c1173] .home-page__section-product-list[_ngcontent-pbn-c1173] {
    margin-top: -16px;
    margin-bottom: 24px;
}

@media (min-width: 720px) {
    [_nghost-pbn-c1173] .home-page__section-product-list[_ngcontent-pbn-c1173] {
        margin-top: 0px;
    }


}

[_nghost-pbn-c1173] .home-page__section-all-products-link[_ngcontent-pbn-c1173] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
    color: rgb(43, 45, 51);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    padding: 0px 16px;
    text-decoration: none;
}

@media (min-width: 720px) {
    [_nghost-pbn-c1173] .home-page__section-all-products-link[_ngcontent-pbn-c1173] {
        justify-content: flex-start;
        padding: 0px 24px;
    }


}

@media (min-width: 720px) {
    [_nghost-pbn-c1173] .home-page__section-all-products-link-icon[_ngcontent-pbn-c1173] {
        margin-left: 16px;
    }


}

[_nghost-pbn-c1173] .home-page__section-new-product-link[_ngcontent-pbn-c1173] {
    padding: 0px 16px;
    margin-bottom: 16px;
}

@media (min-width: 720px) {
    [_nghost-pbn-c1173] .home-page__section-new-product-link[_ngcontent-pbn-c1173] {
        padding: 0px 24px;
        margin-bottom: 40px;
    }


}

@media (min-width: 1024px) {
    [_nghost-pbn-c1173] .home-page__section-new-product-link[_ngcontent-pbn-c1173] {
        padding: 0px;
    }


}

@media (min-width: 720px) {
    [_nghost-pbn-c1173] .home-page__news[_ngcontent-pbn-c1173] {
        margin-right: -24px;
    }


}

@media (max-width: 719px) {
    [_nghost-pbn-c1173] .home-page__news[_ngcontent-pbn-c1173] {
        width: 100%;
    }


}

.customer-block-card[_ngcontent-pbn-c1170] {
    padding: 16px 24px;
    margin-bottom: 20px;
}

.home-total-balance__link[_ngcontent-pbn-c1171] {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.home-total-balance__amount[_ngcontent-pbn-c1171] {
    color: rgb(43, 45, 51);
    font-size: 32px;
    font-weight: 700;
    line-height: 44px;
    margin-right: 8px;
    cursor: pointer;
}

.home-total-balance__icon[_ngcontent-pbn-c1171] {
    opacity: 0.5;
    cursor: pointer;
    transition: opacity 0.16s ease-in-out;
    padding: 8px;
}

.home-total-balance__icon[_ngcontent-pbn-c1171]:hover {
    opacity: 1;
}

.home-total-balance__toggle[_ngcontent-pbn-c1171] {
    color: rgb(128, 129, 133);
    cursor: pointer;
    display: flex;
    align-items: center;
    column-gap: 2px;
    padding: 4px 4px 4px 0px;
}

.content[_ngcontent-pbn-c1172] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.text[_ngcontent-pbn-c1172] {
    padding: 12px 0px 16px 16px;
}

.text_header[_ngcontent-pbn-c1172] {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
}

.text_info[_ngcontent-pbn-c1172] {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    height: 18px;
    color: rgb(128, 129, 133);
}

.text_button[_ngcontent-pbn-c1172] {
    margin-top: 12px;
}

.icon[_ngcontent-pbn-c1172] {
    width: 126px;
    display: flex;
    justify-content: flex-end;
    background-repeat: no-repeat;
}

.home-product-list__section[_ngcontent-pbn-c681] {
    display: block;
    padding-top: 24px;
    background-color: rgb(255, 255, 255);
}

@media (min-width: 720px) {
    .home-product-list__section[_ngcontent-pbn-c681] {
        padding-top: 20px;
        padding-bottom: 16px;
        margin-bottom: 16px;
    }


}

.home-product-list__header[_ngcontent-pbn-c681] {
    margin: 0px;
    padding: 0px 16px;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}

@media (min-width: 720px) {
    .home-product-list__header[_ngcontent-pbn-c681] {
        padding: 0px 24px;
    }


}

.home-product-list__item[_ngcontent-pbn-c681] {
    padding: 16px;
    position: relative;
    background-color: rgb(255, 255, 255);
    transition: background-color 0.16s ease-in-out;
}

.home-product-list__item[_ngcontent-pbn-c681]:not(:last-of-type)::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    border-bottom: 1px solid rgb(244, 244, 244);
    left: 16px;
    right: 16px;
}

@media (min-width: 720px) {
    .home-product-list__item[_ngcontent-pbn-c681] {
        padding: 16px 24px;
    }


}

@media (hover: hover) {
    .home-product-list__item[_ngcontent-pbn-c681]:not(.unselectable):hover {
        cursor: pointer;
        background-color: rgb(248, 248, 248);
    }


}

.home-product-list-item {
    display: flex;
    margin: 0px -6px;
}

@media (min-width: 720px) {
    .home-product-list-item {
        margin: 0px -12px;
    }


}

.home-product-list-item__link {
    color: rgb(43, 45, 51);
    display: flex;
    flex-grow: 1;
    min-width: 0px;
    text-decoration: none;
}

.home-product-list-item__link>* {
    margin: 0px 6px;
}

@media (min-width: 720px) {
    .home-product-list-item__link>* {
        margin: 0px 12px;
    }


}

.home-product-list-item__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    width: 24px;
    height: 24px;
    padding: 8px;
    margin-top: 4px;
    background-color: rgb(244, 244, 244);
    border-radius: 50%;
}

@media (min-width: 720px) {
    .home-product-list-item__icon {
        padding: 12px;
    }


}

.home-product-list-item__sub-icon {
    position: absolute;
    right: -2px;
    bottom: -2px;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 50px;
    background-color: rgb(43, 45, 51);
    color: rgb(255, 255, 255);
    font-size: 10px;
    padding: 2px;
    display: flex;
    align-items: center;
}

.home-product-list-item__card-icon {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.home-product-list-item__lock-icon {
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8);
}

.home-product-list-item__payment-system-icon {
    position: absolute;
    right: -4px;
    bottom: 0px;
    width: 24px;
    height: 16px;
    border-radius: 3px;
    background-color: rgb(255, 255, 255);
    text-align: center;
}

.home-product-list-item__content {
    align-self: center;
    flex-grow: 1;
    min-width: 0px;
}

.home-product-list-item__row {
    display: flex;
    margin: 0px -4px;
    align-items: center;
    justify-content: space-between;
}

.home-product-list-item__row>* {
    margin: 0px 4px;
}

.home-product-list-item__text-row {
    display: flex;
    margin: 0px -4px;
    align-items: center;
}

.home-product-list-item__text-row>* {
    margin: 0px 4px;
}

.home-product-list-item__text-title {
    color: rgb(43, 45, 51);
    font-size: 16px;
    line-height: 26px;
}

.home-product-list-item__text-amount {
    color: rgb(43, 45, 51);
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    white-space: nowrap;
}

.home-product-list-item__text-amount.text-stub-amount {
    color: rgb(170, 171, 173);
}

.home-product-list-item__text-secondary {
    color: rgb(128, 129, 133);
    font-size: 14px;
    line-height: 22px;
}

.home-product-list-item__actions {
    align-self: center;
}

.payment-system {
    display: inline-block;
    border-radius: 50%;
    background-color: rgb(243, 243, 243);
    flex-shrink: 0;
}

.payment-system_size_xs {
    width: 16px;
    height: 16px;
}

.payment-system_size_s {
    width: 28px;
    height: 28px;
}

.payment-system_size_m {
    width: 32px;
    height: 32px;
}

.payment-system_size_l {
    width: 36px;
    height: 36px;
}

.payment-system_size_f {
    height: 100%;
    width: 100%;
}

.payment-system_transparent {
    background-color: transparent;
}

.payment-system__icon {
    width: 100%;
    height: 100%;
    background: center center / contain no-repeat;
}

.payment-system__icon_EUROCARD,
.payment-system__icon_MASTERCARD {
    background-image: url("logo_replacement.01596403d18a9c12.svg");
}

.payment-system__icon_VISA {
    background-image: url("logo_replacement.01596403d18a9c12.svg");
}

.payment-system__icon_MIR {
    background-image: url("logo_MIR.33a5ee282d5c0efd.svg");
}

.payment-system__icon_RBA {
    background-image: url("logo_RBA.2ef864c441ebdcb3.svg");
}

.icon-currency {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: Roboto, HelveticaNeue, HelveticaNeueCyr, Helvetica, Arial, sans-serif;
}

.icon-currency_size_m {
    width: 30px;
    height: 30px;
    font-size: 15px;
}

.icon-currency_size_l {
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
}

.mini-widget__thumbnail-symbol .icon-currency {
    height: 100%;
    justify-content: flex-start;
}

.icon-currency__icon {
    display: block;
    height: 100%;
    width: 100%;
}

.product-header-title__symbol-icon .icon-currency__symbol {
    margin-right: 4px;
}

.account-logo__icon .icon-currency__symbol {
    font-size: 11px;
    height: 10px;
}

.amount {
    white-space: nowrap;
}

.amount_inline {
    display: inline;
}

.amount_debit {
    color: rgb(79, 210, 98);
}

.amount__symbol {
    font-weight: 400;
    font-family: Roboto, HelveticaNeue, HelveticaNeueCyr, Helvetica, Arial, sans-serif;
}

.amount__decimals_small {
    font-size: 0.7em;
    line-height: 0.8;
}