.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;
}

 [_nghost-pbn-c684] {
    display: block;
    font-family: "ALS Hauss", HelveticaNeue, HelveticaNeueCyr, Helvetica, Arial, sans-serif;
    background-color: rgb(255, 255, 255);
}



@media (min-width: 720px) {
      [_nghost-pbn-c684] {
        padding-top: 48px;
    }


}



@media (min-width: 720px) {
      [_nghost-pbn-c684] {
        background-color: transparent;
    }


}

 [_nghost-pbn-c684] .home-products-page_legacy-top-menu-fix[_ngcontent-pbn-c684] {
    margin-top: -28px;
}

 [_nghost-pbn-c684] .home-products-page__section-product-list[_ngcontent-pbn-c684] {
    margin-top: -24px;
    margin-bottom: 24px;
}



@media (min-width: 720px) {
      [_nghost-pbn-c684] .home-products-page__section-product-list[_ngcontent-pbn-c684] {
        margin-top: 0px;
    }


}

 [_nghost-pbn-c684] .home-products-page__section-new-product-link[_ngcontent-pbn-c684] {
    padding: 0px 16px 40px;
}



@media (min-width: 720px) {
      [_nghost-pbn-c684] .home-products-page__section-new-product-link[_ngcontent-pbn-c684] {
        padding: 0px 0px 40px;
    }


}

 [_nghost-pbn-c1119] {
    display: block;
}



@media (min-width: 720px) {
      [_nghost-pbn-c1119] {
        padding-top: 48px;
        padding-bottom: 60px;
    }

      [_nghost-pbn-c1119] ro-navigation-back[_ngcontent-pbn-c1119] {
        display: none;
    }


}

 .container[_ngcontent-pbn-c1119] {
    display: flex;
    width: 100%;
    justify-content: center;
}

 .content[_ngcontent-pbn-c1119] {
    width: 720px;
}



@media (max-width: 719px) {
      .content[_ngcontent-pbn-c1119] {
        width: 100%;
    }


}

 .content[_ngcontent-pbn-c1119] .widget-header {
    pointer-events: none;
}



@media (min-width: 1024px) {
      .content[_ngcontent-pbn-c1119] .widget-header {
        height: auto;
        align-items: flex-start;
    }


}

 .content[_ngcontent-pbn-c1119] .widget-header__left {
    flex-direction: column;
    align-items: flex-start;
}

 .content[_ngcontent-pbn-c1119] .widget-header__left .product-header-info {
    padding: 8px 16px;
}

 .content[_ngcontent-pbn-c1119] .widget-header__left .product-header-info__cashback {
    display: flex;
    align-items: baseline;
    font-size: 14px;
    line-height: 22px;
}

 .content[_ngcontent-pbn-c1119] .widget-header__left .product-header-info__cashback .ro-icon {
    margin-right: 6px;
}



@media (max-width: 719px) {
      .content[_ngcontent-pbn-c1119] .widget-header__left .product-header-info__cashback {
        font-size: 12px;
    }


}

 .content[_ngcontent-pbn-c1119] .widget-header .product-header-title__rename-button, .content[_ngcontent-pbn-c1119] .widget-header .product-header-change-name, .content[_ngcontent-pbn-c1119] .widget-header .product-procuration {
    pointer-events: auto;
}

 .content[_ngcontent-pbn-c1119] .product-layout__body {
    flex-direction: column;
}

 .content[_ngcontent-pbn-c1119] .product-layout__body .product-layout__action-bar {
    display: flex;
    padding: 0px 4px;
}

 .content[_ngcontent-pbn-c1119] .product-layout__body .tab-box__title {
    flex-grow: 1;
    padding: 8px;
    font-size: 12px;
}

 .content[_ngcontent-pbn-c1119] .product-layout__body .product-view {
    width: 100%;
    margin-right: 8px;
    margin-bottom: 8px;
}



@media (max-width: 719px) {
      .content[_ngcontent-pbn-c1119] .product-layout__body .product-view-info__item__requisites-cell {
        padding-right: 10px;
    }


}

 .content[_ngcontent-pbn-c1119] .widget-controls, .content[_ngcontent-pbn-c1119] .product-layout__footer {
    display: none;
}

 .content[_ngcontent-pbn-c1119] .card-operations accordion {
    display: block;
}



@media (max-width: 719px) {
      .content[_ngcontent-pbn-c1119] .card-operations accordion .accordion-item__left-header {
        font-size: 14px;
    }


}

 [_nghost-pbn-c348] {
    display: grid;
    grid-template-columns: 80px 1fr 80px;
    align-items: center;
    margin-bottom: 32px;
}

 .back[_ngcontent-pbn-c348] {
    display: flex;
    column-gap: 8px;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
}

 .back[_ngcontent-pbn-c348] span[_ngcontent-pbn-c348] {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: rgb(43, 45, 51);
    opacity: 0.5;
    transition: opacity 0.16s ease-in-out;
}

 .back[_ngcontent-pbn-c348]:hover span[_ngcontent-pbn-c348] {
    opacity: 1;
}

 .title[_ngcontent-pbn-c348] {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: rgb(43, 45, 51);
}



@media (max-width: 1023px) {
      [_nghost-pbn-c348] {
        padding: 0px 28px;
    }


}



@media (max-width: 719px) {
      [_nghost-pbn-c348] {
        padding: 0px 16px;
        grid-template-columns: 24px 1fr 24px;
        margin-bottom: 24px;
    }

      .back[_ngcontent-pbn-c348] span[_ngcontent-pbn-c348] {
        display: none;
    }

      .title[_ngcontent-pbn-c348] {
        font-size: 16px;
        line-height: 26px;
    }


}

 .product-widget__icon-settings {
    cursor: pointer;
    margin-left: 16px;
}

 .product-layout {
    display: block;
    padding: 8px 0px;
    background-color: rgb(243, 243, 243);
}



@media (min-width: 1024px) {
      .product-layout {
        padding: 8px;
    }


}

 .product-layout__body {
    display: flex;
    flex-direction: column;
}



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


}

 .product-layout__button {
    flex: 1 1 0%;
}

 .product-layout__button + .product-layout__button {
    margin-left: 8px;
}

 .product-layout__action-bar {
    display: flex;
    margin-bottom: 24px;
}

 .product-layout__action-bar_padding {
    padding: 0px 4px;
}



@media (min-width: 1024px) {
      .product-layout__action-bar__tablet {
        display: none;
    }


}

 .product-layout__content {
    display: flex;
    flex-grow: 1;
}



@media (max-width: 1639px) {
      .product-widget_deposit .product-layout__content_full {
        display: none;
    }


}



@media (max-width: 1439px) {
      .product-widget_loan .product-layout__content_full {
        display: none;
    }


}



@media (min-width: 1640px) {
      .product-widget_deposit .product-layout__content_small {
        display: none;
    }


}



@media (min-width: 1440px) {
      .product-widget_loan .product-layout__content_small {
        display: none;
    }


}

 .product-layout__footer {
    display: flex;
    justify-content: center;
    margin-top: 8px;
}



@media (min-width: 1024px) {
      .product-layout__footer {
        justify-content: space-between;
    }


}

 .product-layout__footer-side {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}



@media (min-width: 1024px) {
      .product-layout__footer-side {
        justify-content: flex-start;
    }


}

 .product-layout__footer-side_left {
    width: 392px;
}

 .product-layout__footer-side_left_only-product {
    display: none;
}



@media (max-width: 1023px) {
      .product-layout__footer-side_left {
        display: none;
    }


}

 .product-layout__footer-side_right {
    justify-content: space-between;
    flex-grow: 1;
    padding: 0px 8px;
    display: flex;
    flex-direction: column;
}



@media (min-width: 1024px) {
      .product-layout__footer-side_right {
        padding: 0px;
        margin-left: 8px;
    }

      .product-layout__footer-side_right_tablet {
        flex-direction: row;
    }


}

 .product-layout__footer-right {
    display: flex;
    width: 100%;
    align-items: center;
    flex-flow: column wrap;
}



@media (min-width: 1024px) {
      .product-layout__footer-right {
        flex-direction: row;
        width: auto;
    }


}



@media (max-width: 1023px) {
      .product-layout__footer-right_phone {
        margin-top: 8px;
    }


}

 .product-layout__footer-center {
    display: flex;
    width: 100%;
}



@media (max-width: 719px) {
      .product-layout__footer-center {
        width: auto;
    }


}

 .product-name {
    display: flex;
    width: 100%;
}

 .product-name__status {
    display: inline-flex;
    align-items: center;
    margin: 0px 15px;
}

 .product-name__field-wrap {
    position: relative;
    padding-right: 32px;
    flex: 1 1 0%;
    max-width: 392px;
}

 .product-name__field.c-input {
    padding: 0px 45px 0px 10px;
    font-size: 18px;
    animation: 0.4s ease-out 0s 1 normal none running product-name__field;
}



@keyframes product-name__field {
  0 %

{
    opacity: 0.6
;
}


}
 .product-name__error {
    font-size: 13px;
    font-style: italic;
    color: rgb(244, 67, 54);
}

 .product-name__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    flex-shrink: 0;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

 .product-name__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 100%;
    padding: 0px;
    border: 0px;
    border-radius: 0px;
    background: none;
    cursor: pointer;
    box-sizing: content-box;
}

 .product-name__button:last-child {
    padding-left: 8px;
    animation: 0.2s ease-out 0s 1 normal both running product-name__button-last;
}



@keyframes product-name__button-last {
  0 %

{
    opacity: 0.4
;
    transform: translate(-8px)
;
}


}
 .product-name__button:first-child {
    padding-right: 8px;
    animation: 0.2s ease-out 0s 1 normal both running product-name__button-first;
}



@keyframes product-name__button-first {
  0 %

{
    opacity: 0.4
;
    transform: translate(8px)
;
}


}
 .card-widget-view__header {
    flex-grow: 1;
    background: url("horses.0ccc694a0e6c80e2.svg") 210px 8px no-repeat, linear-gradient(to right, rgb(254, 212, 8), rgb(250, 194, 18));
    border-radius: 12px 12px 0px 0px;
    padding: 12px;
    margin: 8px auto 0px;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
    position: relative;
    width: 100%;
    max-width: 350px;
}

 .card-widget-view__header_blocked::before {
    content: "";
    position: absolute;
    inset: 0px;
    background-color: rgb(255, 255, 255);
    opacity: 0.6;
    border-radius: inherit;
}

 .product-widget_card-credit .card-widget-view__header {
    background: url("horses.0ccc694a0e6c80e2.svg") 210px 8px no-repeat, linear-gradient(to right, rgb(215, 181, 139), rgb(234, 205, 163));
}

 .card-widget-view__icon {
    position: relative;
}

 .card-widget-view__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.64);
    right: 12px;
    top: 12px;
    opacity: 0.9;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 3px 8px;
    cursor: default;
    max-width: 200px;
    box-sizing: border-box;
}

 .card-widget-view__status {
    position: absolute;
    bottom: 12px;
    left: 12px;
}

 .card-widget-view__account-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

 .card-operations accordion {
    display: none;
}

 .icon-raiffeisen {
    display: inline-flex;
    width: 119px;
    height: 26px;
}

 .icon-raiffeisen_big {
    width: 245px;
    height: 52px;
}



@media (max-width: 1023px) {
      .icon-raiffeisen_big {
        width: 119px;
        height: 26px;
    }


}

 .icon-raiffeisen__logo {
    height: 100%;
    flex: 1 1 22%;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("rzb-logo.75e49bc8bc056299.svg");
    background-size: contain;
}

 .icon-raiffeisen__text {
    height: 100%;
    flex: 1 1 74%;
    margin-left: 8px;
    background-repeat: no-repeat;
    background-position: center center;
}

 .icon-raiffeisen__text_ru {
    background-image: url("raiffeisen-ru.363563be9d95c03c.svg");
}

 .icon-raiffeisen__text_en {
    background-image: url("raiffeisen-en.6ca17f8387e19344.svg");
}

 .accordion {
    display: block;
}

 .accordion-item {
    display: block;
}

 .accordion-item:not(:first-child) {
    border-top: 1px solid rgb(221, 221, 221);
}

 .accordion-item__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    padding: 12px 16px 8px;
    cursor: pointer;
    position: relative;
}



@media (min-width: 1024px) {
      .accordion-item__head {
        padding: 0px 24px 0px 32px;
    }


}

 .accordion-item__status {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translate(-50%) translateY(-50%);
    width: 16px;
    height: 16px;
    border: 4px solid rgb(255, 255, 255);
    border-radius: 50%;
}

 .accordion-item__status_green {
    background-color: rgb(79, 210, 98);
}

 .accordion-item__status_red {
    background-color: rgb(244, 67, 54);
}

 .accordion-item__status_gray {
    background-color: rgb(236, 236, 236);
}

 .accordion-item__body {
    border-top: 1px solid rgb(221, 221, 221);
    position: relative;
}

 .accordion-item__body:not(.accordion-item__body_no-shadow)::before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 8px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px -2px inset;
    z-index: 1;
}

 .accordion-item:not(:last-of-type) .accordion-item__body:not(.accordion-item__body_no-shadow)::after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0px;
    left: 0px;
    padding-bottom: 8px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px -4px 6px -2px inset;
}

 .accordion-item__left {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

 .accordion-item__left-header {
    color: rgba(0, 0, 0, 0.64);
    font-size: 16px;
    font-weight: 700;
}

 .accordion-item__right {
    display: flex;
    align-items: center;
    margin-left: 12px;
}

 .accordion-item__right-content {
    margin-right: 12px;
}

 .accordion-item__button-controls {
    padding: 0px 16px 20px;
}



@media (min-width: 1024px) {
      .accordion-item__button-controls {
        padding-right: 32px;
        padding-left: 32px;
    }


}

 .tab-box {
    display: flex;
    flex-direction: column;
}

 .product-box + .tab-box {
    margin-left: 8px;
    flex: 1 1 0%;
}

 .tab-box__title {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-grow: 1;
    position: relative;
    padding: 8px;
    min-height: 40px;
    box-sizing: border-box;
    cursor: pointer;
    text-decoration: none;
    border-radius: 2px 2px 0px 0px;
    color: rgba(0, 0, 0, 0.64);
    font-size: 12px;
    font-weight: 700;
    border-top: 1px solid rgb(221, 221, 221);
    border-right: 1px solid rgb(221, 221, 221);
    border-image: initial;
    border-bottom: none;
    border-left: none;
    background-color: rgb(243, 243, 243);
    box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 4px, rgba(0, 0, 0, 0.1) 0px -2px 2px inset;
}



@media (min-width: 1024px) {
      .tab-box__title {
        flex-grow: 0;
        padding: 0px 24px;
        font-size: 14px;
    }


}

 .tab-box__title_active {
    color: rgb(29, 29, 29);
    background-color: rgb(255, 255, 255);
    cursor: default;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 4px;
}

 .tab-box__title_gray {
    background-color: rgb(255, 255, 255);
    border-color: rgb(221, 221, 221);
}

 .tab-box__title_gray.tab-box__title_active {
    background-color: rgb(243, 243, 243);
}

 .tab-box__title_padding:first-child {
    border-left: 1px solid rgb(221, 221, 221);
}

 .tab-box__title + .tab-box__title {
    border-left: 1px solid rgb(221, 221, 221);
    margin-left: -1px;
}



@media (min-width: 1024px) {
      .history-form .tab-box__title {
        min-width: 136px;
        padding: 0px 10px;
    }


}

 .tab-box__header_justify .tab-box__title {
    flex-grow: 1;
    flex-basis: 0px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}

 .tab-box__header_justify .tab-box__title:first-child {
    border-left: 0px;
}

 .tab-box__header_justify .tab-box__title:last-child {
    border-right: 0px;
}

 .tab-box__item {
    display: none;
}

 .tab-box__item_active {
    display: block;
}

 .tab-box__header {
    display: flex;
    flex-shrink: 0;
}



@media (min-width: 1024px) {
      .tab-box__header_padding {
        padding-left: 32px;
    }


}

 .history-form_no-attroneys .tab-box__header {
    display: none;
}

 .tab-box__body {
    flex-grow: 1;
    box-sizing: border-box;
    border-radius: 0px 0px 2px 2px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 4px;
}

 .product-widget .tab-box__body {
    box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 4px, rgba(0, 0, 0, 0.2) 1px 2px 3px;
}

 .tab-box__body_border-none {
    border-radius: 0px;
}

 .tab-box__body_gray {
    background-color: rgb(243, 243, 243);
}

 .tab-box_shadow .tab-box__body {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px, rgba(0, 0, 0, 0.1) 0px -2px 4px;
}

 .history-form_no-attroneys .tab-box__body {
    box-shadow: none;
}

 .tab-box__body-form {
    padding-top: 15px;
}

 .dot-word {
    display: inline-block;
    position: relative;
}

 .dot-word::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}

 .dot-word_dot {
    padding-left: 12px;
}

 .dot-word_dot::before {
    width: 2px;
    height: 2px;
    left: 4px;
    background: rgba(0, 0, 0, 0.38);
}

 .dot-word_dot.dot-word_not-single:first-child:last-child {
    padding-left: 0px;
}

 .dot-word_dot.dot-word_not-single:first-child:last-child::before {
    display: none;
}

 .dot-word_gray {
    padding-left: 16px;
}

 .dot-word_gray::before {
    left: 0px;
    width: 10px;
    height: 10px;
    background: linear-gradient(rgb(224, 224, 224) 10%, rgb(214, 214, 214) 90%);
}

 .dot-word_orange {
    padding-left: 16px;
}

 .dot-word_orange::before {
    left: 0px;
    width: 10px;
    height: 10px;
    background: linear-gradient(rgb(255, 198, 81) 10%, rgb(245, 166, 5) 90%);
}

 .dot-word_green {
    padding-left: 16px;
}

 .dot-word_green::before {
    left: 0px;
    width: 10px;
    height: 10px;
    background: linear-gradient(rgb(125, 232, 123) 10%, rgb(67, 195, 67) 90%);
}

 .dot-word_red {
    padding-left: 16px;
}

 .dot-word_red::before {
    left: 0px;
    width: 10px;
    height: 10px;
    background: rgb(244, 67, 54);
}

 .card-widget-sms-info {
    display: none;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-right: 12px;
}

 .card-widget-sms-info__icon {
    position: absolute;
    fill: rgba(0, 0, 0, 0.38);
    left: 0px;
}

 .card-widget-sms-info__label {
    position: relative;
    padding-left: 26px;
    color: rgba(0, 0, 0, 0.38);
}



@media (max-width: 1120px) {
      .card-widget-sms-info__label {
        padding-right: 0px;
    }


}

 .card-widget-sms-info__value {
    padding-left: 6px;
}

 .card-widget-sms-info__value_off {
    color: rgb(244, 67, 54);
}

 .card-widget-sms-info__value_on {
    color: rgb(79, 210, 98);
}

 .transaction-icon {
    display: block;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

 .transaction-icon_small {
    width: 28px;
    height: 28px;
}

 .transaction-icon_medium {
    width: 32px;
    height: 32px;
}

 .transaction-icon_error {
    display: block;
    box-sizing: border-box;
    border: 2px solid rgba(29, 29, 29, 0.25);
    border-radius: 50%;
}

 .transaction-icon__img {
    display: block;
    width: 100%;
    height: 100%;
}

 .transaction-icon_error .transaction-icon__img {
    transform: scale(0.65);
}

 .overflow-bind {
    display: block;
}

 .overflow-bind__table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

 .overflow-bind__cell {
    padding: 0px;
}

 .overflow-bind__text {
    padding: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

 .category-icon {
    display: block;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    overflow: hidden;
    border: 2px solid;
    border-radius: 50%;
}

 .category-icon_x-small {
    width: 24px;
    height: 24px;
}

 .category-icon_small {
    width: 28px;
    height: 28px;
}

 .category-icon_medium {
    width: 32px;
    height: 32px;
}

 .category-icon__icon {
    width: 100%;
    height: 100%;
    transform: scale(0.65);
}

 .category-icon__img {
    width: 100%;
}

 [_nghost-pbn-c1129] {
    display: block;
}



@media (min-width: 720px) {
      [_nghost-pbn-c1129] {
        padding-top: 48px;
        padding-bottom: 60px;
    }

      [_nghost-pbn-c1129] ro-navigation-back[_ngcontent-pbn-c1129] {
        display: none;
    }


}

 .container[_ngcontent-pbn-c1129] {
    display: flex;
    width: 100%;
    justify-content: center;
}

 .content[_ngcontent-pbn-c1129] {
    max-width: 720px;
    width: 100%;
}

 [_nghost-pbn-c887] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border-top: 1px solid rgb(244, 244, 244);
}

 .ro-grid-menu__item[_ngcontent-pbn-c887] {
    padding: 16px 24px;
    border-bottom: 1px solid rgb(244, 244, 244);
    border-right: 1px solid rgb(244, 244, 244);
    text-decoration: none;
    transition: background-color 0.16s ease-in-out;
    cursor: pointer;
}

 .ro-grid-menu__item[_ngcontent-pbn-c887]:hover {
    background-color: rgb(244, 244, 244);
}

 .ro-grid-menu__item[_ngcontent-pbn-c887]:nth-of-type(3n) {
    border-right: 0px;
}

 .ro-grid-menu__item__text[_ngcontent-pbn-c887] {
    padding-top: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: rgb(29, 29, 29);
}



@media (max-width: 719px) {
      [_nghost-pbn-c887] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        border-top: 1px solid rgb(244, 244, 244);
    }

      .ro-grid-menu__item__text[_ngcontent-pbn-c887] {
        padding-top: 6px;
        font-size: 14px;
        line-height: 18px;
    }

      .ro-grid-menu__item[_ngcontent-pbn-c887]:nth-of-type(3n) {
        border-right: 1px solid rgb(244, 244, 244);
    }

      .ro-grid-menu__item[_ngcontent-pbn-c887]:nth-of-type(2n) {
        border-right: 0px;
    }


}

 .account-widget-view__info {
    position: relative;
    pointer-events: none;
}

 .account-widget-view__info-shadow {
    position: absolute;
    left: 0px;
    right: 0px;
    top: -8px;
    height: 8px;
    overflow: hidden;
}

 .account-widget-view__info-shadow::before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -9.6px;
    height: 8px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px -4px 8px;
}

 .account-widget-view__info-shadow-circle {
    position: absolute;
    right: 8px;
    top: -12px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 6px solid rgb(236, 237, 239);
    box-shadow: rgba(0, 0, 0, 0.2) 0px -4px 8px;
}

 .product-widget_account-savings .account-widget-view__info-shadow-circle {
    border-color: rgb(236, 237, 239);
}

 .account-widget-view__info-background {
    position: absolute;
    inset: 0px;
    background-image: linear-gradient(to right, rgb(224, 227, 233), rgb(236, 237, 239));
}

 .product-widget_account-savings .account-widget-view__info-background {
    background-image: linear-gradient(to right, rgb(224, 236, 241), rgb(236, 237, 239));
}

 .account-widget-view__info-symbol {
    position: absolute;
    right: 8px;
    top: -12px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 6px solid rgb(236, 237, 239);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(66, 106, 140);
    color: rgb(255, 255, 255);
}

 .product-widget_account-savings .account-widget-view__info-symbol {
    border-color: rgb(236, 237, 239);
}

 .product-widget_account-savings .account-widget-view__info-symbol {
    background-color: rgb(68, 137, 152);
}

 .account-widget-view__info-symbol-currency {
    height: 44px;
    font-size: 24px;
}

 .account-widget-view__info-symbol-flag {
    width: 100%;
    height: 100%;
}

 .account-widget-view__info-content {
    position: relative;
    display: flex;
    align-items: center;
    padding: 14px 8px 0px 24px;
    height: 128px;
    box-sizing: border-box;
}

 .account-widget-view__info_multiple .account-widget-view__info-content {
    height: 115px;
}

 .account-widget-view__info-content-header {
    padding-right: 70px;
}

 .account-linked-products {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 126px;
    padding: 8px 8px 0px;
    box-sizing: border-box;
    overflow: auto;
}

 .account-linked-products__list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    min-height: 100%;
}

 .account-linked-products__item {
    position: relative;
    flex: 1 1 0%;
    min-height: 42px;
    width: 100%;
    border-radius: 12px 12px 0px 0px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
    background: rgb(255, 255, 255);
}

 .account-linked-products__item:first-child:last-child {
    flex: 0 1 70px;
}

 .account-linked-products__item + .account-linked-products__item {
    margin-top: -10px;
}

 .account-linked-products__item-content {
    outline: none;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

 .account-linked-products__item-header {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    padding: 8px 12px 8px 16px;
    font-size: 16px;
    font-weight: 700;
}

 .account-linked-products__item-logo {
    margin-right: 12px;
}

 .account-linked-products__item-image {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    overflow: hidden;
}

 .account-linked-products__item-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

 .margin[_ngcontent-pbn-c1127] {
    margin-top: 8px;
}