.navItem___U1SRR {
    display: block;
    text-align: center;
    white-space: nowrap;
    width: 152px
}

.navItem___U1SRR .nonActiveTab___zLFOQ {
    left: 0;
    position: absolute
}

.navItem___U1SRR .nonActiveTab___zLFOQ g path {
    fill: var(--bg-tertiary)
}

.navItem___U1SRR,.navItem___U1SRR * {
    font-family: var(--font-family-accent)
}

.navItem___U1SRR:first-child {
    border-radius: 8px 0 0 8px
}

.navItem___U1SRR:last-child {
    border-radius: 0 8px 8px 0
}

.navItem___U1SRR>.link___C9_2G {
    align-items: center;
    color: var(--text-opacity-2);
    display: flex;
    flex-direction: row;
    font-size: var(--typography-title-tab-font-size);
    font-weight: var(--typography-title-tab-font-weight);
    height: 38px;
    justify-content: center;
    line-height: var(--typography-title-tab-line-height);
    position: relative;
    text-transform: uppercase;
    width: 147px
}

.navItem___U1SRR>.link___C9_2G:hover {
    color: var(--text-accent);
    text-decoration: none;
    text-shadow: 0 0 4px var(--text-accent),0 0 8px var(--text-accent),0 0 16px var(--text-accent)
}

.navItemActive___Q3uYZ {
    --tab-popup-start: var(--nav-tab-start);
    --tab-popup-stop: var(--nav-tab-stop)
}

.navItemActive___Q3uYZ .activeTab___NKRFh {
    position: absolute;
    z-index: 2
}

.navItemActive___Q3uYZ>.linkActive___AUKeW {
    color: var(--text-primary);
    pointer-events: none;
    z-index: 3!important
}

.nav___nZSBR {
    display: block;
    margin-bottom: 14px
}

.nav___nZSBR ul {
    display: flex
}

.status___GLFFr,.statuses___gi6kF {
    align-items: center;
    box-sizing: border-box;
    color: #fff;
    color: var(--text-content);
    display: inline-flex;
    font-size: 10px;
    font-weight: 400;
    height: 18px;
    line-height: 14px;
    margin: 0 0 0 4px;
    padding: 2px 4px;
    position: relative
}

.statusFAIL___mVjxq,.statusNEW___VISSh,.statusSUCCESS___YpWz9,.statusesFAIL___BeTEQ,.statusesNEW___I1eeB,.statusesSUCCESS___USuL7 {
    display: inline-block;
    margin-left: 14px;
    position: relative
}

.statusFAIL___mVjxq:not(:first-child),.statusNEW___VISSh:not(:first-child),.statusSUCCESS___YpWz9:not(:first-child),.statusesFAIL___BeTEQ:not(:first-child),.statusesNEW___I1eeB:not(:first-child),.statusesSUCCESS___USuL7:not(:first-child) {
    margin-left: 20px
}

.statusFAIL___mVjxq:before,.statusNEW___VISSh:before,.statusSUCCESS___YpWz9:before,.statusesFAIL___BeTEQ:before,.statusesNEW___I1eeB:before,.statusesSUCCESS___USuL7:before {
    background: var(--icon-primary);
    content: "";
    display: block;
    height: 12px;
    left: -14px;
    -webkit-mask-image: url(/assets/svg/paymentStatus/new.svg?v03072023);
    mask-image: url(/assets/svg/paymentStatus/new.svg?v03072023);
    position: absolute;
    top: 1px;
    width: 12px
}

.statusSUCCESS___YpWz9:before,.statusesSUCCESS___USuL7:before {
    background: var(--icon-success);
    -webkit-mask-image: url(/assets/svg/paymentStatus/success.svg?v03072023);
    mask-image: url(/assets/svg/paymentStatus/success.svg?v03072023)
}

.statusFAIL___mVjxq:before,.statusesFAIL___BeTEQ:before {
    background: var(--icon-error);
    -webkit-mask-image: url(/assets/svg/paymentStatus/cancel.svg?v03072023);
    mask-image: url(/assets/svg/paymentStatus/cancel.svg?v03072023)
}

.statuses___gi6kF {
    border: var(--border-chips-default);
    border-radius: var(--radius-small-tips)
}

.status___GLFFr {
    margin-top: 4px
}

.confirmWrap___nvCir {
    background: #000c;
    bottom: 0;
    display: flex;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1002
}

.confirmPopup___QWZ4M {
    background: var(--bg-popup);
    border-radius: 10px;
    margin: auto;
    padding: 48px 32px 32px;
    position: relative;
    width: 288px
}

@media screen and (min-width: 360px) {
    .confirmPopup___QWZ4M {
        width:312px
    }
}

@media screen and (min-width: 1096px) {
    .confirmPopup___QWZ4M {
        padding:48px 48px 32px;
        width: 384px
    }
}

.confirmPopupClose___z9HN3 {
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 24px;
    top: 24px;
    transform: rotate(45deg);
    width: 16px
}

.confirmPopupClose___z9HN3:after,.confirmPopupClose___z9HN3:before {
    background: var(--icon-ghost-3);
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 22px
}

.confirmPopupClose___z9HN3:after {
    transform: translate(-50%,-50%) rotate(90deg)
}

.confirmPopupTitle____lz3U {
    text-fill-color: #0000;
    -webkit-text-fill-color: #0000;
    background: var(--text-title-main);
    background-clip: text;
    -webkit-background-clip: text;
    color: var(--text-title-main);
    font-size: var(--typography-title-1-font-size);
    font-weight: var(--typography-title-1-font-weight);
    line-height: var(--typography-title-1-line-height)
}

.confirmPopupText___B2UG4 {
    color: var(--text-primary);
    font-size: var(--typography-body-1-font-size);
    font-weight: var(--typography-body-1-font-weight);
    line-height: var(--typography-body-1-line-height);
    margin-top: 24px
}

.confirmPopupButtons___GhNt3 {
    align-items: normal;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 16px
}

.confirmPopupButtons___GhNt3 .acceptBtn___IPhMX,.confirmPopupButtons___GhNt3 .cancelBtn___bXlJP {
    height: 48px;
    width: 104px
}

@media screen and (min-width: 360px) {
    .confirmPopupButtons___GhNt3 .acceptBtn___IPhMX,.confirmPopupButtons___GhNt3 .cancelBtn___bXlJP {
        width:116px
    }
}

@media screen and (min-width: 1096px) {
    .confirmPopupButtons___GhNt3 .acceptBtn___IPhMX,.confirmPopupButtons___GhNt3 .cancelBtn___bXlJP {
        width:136px
    }
}

.confirmPopupButtons___GhNt3 .cancelBtn___bXlJP {
    margin-right: 16px;
    opacity: .6
}

.question___yySge {
    background: var(--bg-overlay-1);
    border-radius: 4px;
    color: var(--text-primary);
    cursor: pointer;
    font-size: var(--typography-caption-extrasmall-font-size);
    font-weight: var(--typography-caption-extrasmall-font-weight);
    line-height: var(--typography-caption-extrasmall-line-height);
    margin-left: 8px;
    opacity: .8;
    padding: 2px 6px;
    white-space: nowrap;
    width: auto
}

.question___yySge:hover {
    opacity: .7
}

.unit___yciew {
    padding: 8px 0;
    position: relative
}

.unit___yciew:not(:last-child):before {
    background: var(--small-elements-separator-primary);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.unitBlock___OX6o4 {
    align-items: center;
    display: flex
}

.unitBlock___OX6o4 [class*=status] {
    padding: 0 4px
}

.unitSum___Exn_I {
    color: var(--text-title-main);
    display: block;
    font-size: var(--typography-title-small-strong-font-size);
    font-weight: var(--typography-title-small-strong-font-weight);
    line-height: var(--typography-title-small-strong-line-height);
    margin-right: 16px;
    min-width: 110px
}

.unitSum___Exn_I [class^=currencySymbol] {
    font-size: var(--typography-title-small-font-size);
    font-weight: var(--typography-title-small-font-weight);
    line-height: var(--typography-title-small-line-height)
}

.unitId___RQlHD {
    margin-right: 16px;
    min-width: 88px
}

.unitComment___EY0l8,.unitId___RQlHD {
    color: var(--text-title-main);
    display: block;
    font-size: var(--typography-caption-small-strong-font-size);
    font-weight: var(--typography-caption-small-strong-font-weight);
    line-height: var(--typography-caption-small-strong-line-height);
    opacity: .6
}

.unitComment___EY0l8 {
    margin: 4px 0 0
}

.unitQuestion___NkofM {
    background-color: var(--bg-overlay-1);
    border-radius: 4px;
    color: var(--text-primary);
    cursor: pointer;
    font-size: var(--typography-caption-extrasmall-font-size);
    font-weight: var(--typography-caption-extrasmall-font-weight);
    line-height: var(--typography-caption-extrasmall-line-height);
    opacity: .8;
    padding: 2px 6px;
    width: auto
}

.unit___yciew [class^=status] {
    color: var(--text-title-main);
    font-size: var(--typography-caption-small-strong-font-size);
    font-weight: var(--typography-caption-small-strong-font-weight);
    line-height: var(--typography-caption-small-strong-line-height)
}

.unit___yciew [class^=status]:not(:first-child) {
    margin: 0 auto 0 0
}

.unit___yciew [class^=status]:before {
    left: auto;
    right: -14px;
    top: 4px
}

.cancel___dzGbF {
    background-color: var(--small-elements-label-deny);
    border-radius: var(--radius-small-tips);
    color: var(--text-primary);
    cursor: pointer;
    font-size: var(--typography-caption-extrasmall-font-size);
    font-weight: var(--typography-caption-extrasmall-font-weight);
    line-height: var(--typography-caption-extrasmall-line-height);
    margin-left: 8px;
    opacity: .8;
    padding: 2px 6px;
    white-space: nowrap;
    width: auto
}

.cancel___dzGbF:hover {
    opacity: .7
}

.payment___izgyc {
    background: var(--small-elements-label-success);
    border-radius: var(--radius-small-tips);
    color: var(--text-opacity-1);
    cursor: pointer;
    font-size: var(--typography-caption-extrasmall-font-size);
    font-weight: var(--typography-caption-extrasmall-font-weight);
    line-height: var(--typography-caption-extrasmall-line-height);
    margin-left: 8px;
    opacity: .8;
    padding: 2px 6px;
    white-space: nowrap;
    width: auto
}

.payment___izgyc:hover {
    opacity: .7
}

.unit___s6JXA {
    position: relative
}

.unit___s6JXA:not(:last-child):before {
    background: var(--small-elements-separator-primary);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.unitOpened___rRiX9:not(:last-child):before {
    content: unset
}

.unitMain___L5e4v {
    align-items: center;
    display: flex;
    padding: 8px 0;
    position: relative
}

.unitSum___MtXs8 {
    box-sizing: border-box;
    flex: 0 0 180px;
    margin-right: 8px;
    padding-left: 38px;
    width: 180px
}

.unitSumType___I4s8O {
    color: var(--text-opacity-1);
    font-size: var(--typography-caption-small-strong-font-size);
    font-weight: var(--typography-caption-small-strong-font-weight);
    line-height: var(--typography-caption-small-strong-line-height);
    margin: 0
}

.unitSumIn___gWJ19,.unitSumOut___gd1SS,.unitSumPoint___iI5X1 {
    position: relative
}

.unitSumIn___gWJ19:before,.unitSumOut___gd1SS:before,.unitSumPoint___iI5X1:before {
    background: var(--icon-primary);
    content: "";
    display: block;
    height: 24px;
    left: 0;
    -webkit-mask-image: url(/assets/svg/transaction/transaction_in.svg?v04102022);
    mask-image: url(/assets/svg/transaction/transaction_in.svg?v04102022);
    position: absolute;
    top: 10px;
    width: 24px
}

.unitSumOut___gd1SS:before {
    -webkit-mask-image: url(/assets/svg/transaction/transaction_out.svg?v04102022);
    mask-image: url(/assets/svg/transaction/transaction_out.svg?v04102022)
}

.unitSumPoint___iI5X1:before {
    -webkit-mask-image: url(/assets/svg/transaction/trasaction_points_change.svg?v04102022);
    mask-image: url(/assets/svg/transaction/trasaction_points_change.svg?v04102022)
}

.unitAmount___Sr63n {
    color: var(--text-title-main);
    font-size: var(--typography-title-small-strong-font-size);
    font-weight: var(--typography-title-small-strong-font-weight);
    line-height: var(--typography-title-small-strong-line-height)
}

.unitAmount___Sr63n [class^=currencySymbol] {
    font-size: var(--typography-title-small-font-size);
    font-weight: var(--typography-title-small-font-weight);
    line-height: var(--typography-title-small-line-height)
}

.unitDate___CUj8N {
    flex: 0 0 114px;
    width: 114px
}

.unitDate___CUj8N,.unitPaySystem___I53Vx {
    color: var(--text-opacity-1);
    font-size: var(--typography-caption-small-strong-font-size);
    font-weight: var(--typography-caption-small-strong-font-weight);
    line-height: var(--typography-caption-small-strong-line-height);
    margin: 0 8px 0 0
}

.unitPaySystem___I53Vx {
    flex: 0 0 176px;
    width: 176px
}

.unitPayStatus___Djc2U {
    align-items: center;
    color: var(--text-title-main);
    display: flex;
    flex: 0 0 226px;
    font-size: var(--typography-caption-small-strong-font-size);
    font-weight: var(--typography-caption-small-strong-font-weight);
    line-height: var(--typography-caption-small-strong-line-height);
    margin: 0 8px 0 0;
    width: 226px
}

.unitToggle___APTLM {
    background: var(--bg-overlay-2);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    flex: 0 0 24px;
    height: 24px;
    margin-left: auto;
    width: 24px
}

.unitToggle___APTLM:before {
    background: var(--icon-primary);
    border-radius: 1px;
    -webkit-clip-path: polygon(50% 25%,0 75%,100% 75%);
    clip-path: polygon(50% 25%,0 75%,100% 75%);
    content: "";
    display: block;
    height: 9px;
    margin: auto;
    transform: rotate(180deg);
    transition: .2s ease-in-out;
    width: 9px
}

.unitToggleActive___EIUnj {
    background: var(--bg-overlay-2)
}

.unitToggleActive___EIUnj:before {
    background: var(--icon-primary);
    transform: rotate(0deg);
    transition: .2s ease-in-out
}

.unitDrop___ZMFee {
    background: var(--bg-overlay-5);
    border-radius: 4px;
    overflow: hidden;
    transition: max-height .4s;
    will-change: max-height
}

.unitDropBody___H3gxF {
    align-items: center;
    display: flex;
    padding: 14px 16px
}

.unitDropBody___H3gxF+.unitWithdrawalNote___df5nc {
    margin: -8px 16px 8px
}

.unitComment____nUov,.unitId___ydZr9 {
    color: var(--text-opacity-1);
    font-size: var(--typography-caption-small-strong-font-size);
    font-weight: var(--typography-caption-small-strong-font-weight);
    line-height: var(--typography-caption-small-strong-line-height);
    margin-right: 16px
}

.unitId___ydZr9+span {
    margin-right: auto
}

.unitId___ydZr9+button {
    margin-left: auto
}

.unitId___ydZr9 {
    display: inline-block;
    padding: 2px 0;
    white-space: nowrap
}

.unitChildren___GLw3p {
    background: var(--bg-overlay-5);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    transition: max-height .4s;
    will-change: max-height
}

.unitChildrenBody___cW0Wo {
    padding: 12px 16px 16px 32px;
    position: relative
}

.unitChildrenBody___cW0Wo:before {
    background-color: var(--icon-alternative);
    content: "";
    height: calc(100% - 28px);
    left: 12px;
    position: absolute;
    top: 12px;
    width: 2px
}

.unitChildrenHead___vMEAi {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 2px
}

.unitChildrenComment___pJNZJ {
    color: var(--text-title-main);
    font-size: var(--typography-caption-extrasmall-strong-font-size);
    font-weight: var(--typography-caption-extrasmall-strong-font-weight);
    line-height: var(--typography-caption-extrasmall-strong-line-height);
    margin: 0 0 14px;
    opacity: .8;
    text-transform: uppercase
}

.unitWithdrawalNote___df5nc {
    border: var(--border-chips-default);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--text-title-main);
    font-size: var(--typography-caption-small-strong-font-size);
    font-weight: var(--typography-caption-small-strong-font-weight);
    line-height: var(--typography-caption-small-strong-line-height);
    margin: -8px 16px 12px 12px;
    opacity: .6;
    padding: 8px 8px 8px 28px;
    position: relative
}

.unitWithdrawalNote___df5nc:before {
    background: url(/assets/svg/loyalty/info.svg) no-repeat;
    content: "";
    height: 24px;
    left: 4px;
    opacity: .48;
    position: absolute;
    top: 4px;
    width: 24px
}

.unitWithdrawalNote___df5nc a {
    color: var(--text-link);
    -webkit-text-decoration: var(--typography-link-m-text-decoration);
    text-decoration: var(--typography-link-m-text-decoration)
}

.unit___s6JXA [class^=payment__] {
    color: var(--text-opacity-1);
    opacity: .8
}

.unit___s6JXA [class^=cancel__] {
    background: #b62d3e8f
}

.tableHeader___qeoLo {
    border-bottom: 1px solid #ffffff0d;
    display: flex;
    margin-bottom: 16px;
    padding-block:4px}

.tableHeader___qeoLo p {
    color: var(--text-opacity-1);
    font-size: var(--typography-caption-extrasmall-strong-font-size);
    font-weight: var(--typography-caption-extrasmall-strong-font-weight);
    line-height: var(--typography-caption-extrasmall-strong-line-height);
    margin: 0 8px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tableHeader___qeoLo p:first-child {
    width: 180px
}

.tableHeader___qeoLo p:nth-child(2) {
    width: 114px
}

.tableHeader___qeoLo p:nth-child(3) {
    width: 176px
}

.tableHeader___qeoLo p:nth-child(4) {
    width: 226px
}

.button___aEfgM,.historyBtn___CRFfc {
    align-items: center;
    background-color: #0000;
    color: var(--button-text-primary);
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    mix-blend-mode: normal;
    padding: 0 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: var(--shadow-text-1);
    transition: all .2s
}

.button___aEfgM [class^=loading_],.historyBtn___CRFfc [class^=loading_] {
    height: 44px;
    width: 44px
}

.button___aEfgM.sm___CcPBh,.sm___CcPBh.historyBtn___CRFfc {
    border-radius: var(--radius-button);
    font-size: var(--typography-button-text-sm-font-size);
    font-weight: var(--typography-button-text-sm-font-weight);
    height: 32px;
    letter-spacing: var(--typography-button-text-sm-letter-spacing);
    line-height: var(--typography-button-text-sm-line-height);
    text-transform: var(--typography-button-text-sm-text-case)
}

.button___aEfgM.sm___CcPBh [class^=loading_],.sm___CcPBh.historyBtn___CRFfc [class^=loading_] {
    height: 30px;
    width: 30px
}

.button___aEfgM.historyBtn___CRFfc,.button___aEfgM.md___KQ_ym,.historyBtn___CRFfc {
    border-radius: var(--radius-button);
    font-size: var(--typography-button-text-lg-font-size);
    font-weight: var(--typography-button-text-lg-font-weight);
    height: 48px;
    letter-spacing: var(--typography-button-text-lg-letter-spacing);
    line-height: var(--typography-button-text-lg-line-height);
    text-transform: var(--typography-button-text-lg-text-case)
}

.button___aEfgM.historyBtn___CRFfc,.button___aEfgM.icon___jszHq,.button___aEfgM.primary___zFyH_,.historyBtn___CRFfc,.icon___jszHq.historyBtn___CRFfc {
    background: var(--button-bg-primary);
    box-shadow: var(--shadow-button);
    color: var(--button-text-primary);
    text-shadow: var(--shadow-text-1)
}

.button___aEfgM.icon___jszHq:hover,.button___aEfgM.primary___zFyH_:hover,.historyBtn___CRFfc:hover {
    background: var(--button-bg-primary-hover)
}

.button___aEfgM.icon___jszHq:active,.button___aEfgM.primary___zFyH_:active,.historyBtn___CRFfc:active {
    background: var(--button-bg-primary-pressed)
}

.button___aEfgM.disabled___pmza6.icon___jszHq,.button___aEfgM.icon___jszHq:disabled,.button___aEfgM.primary___zFyH_.disabled___pmza6,.button___aEfgM.primary___zFyH_:disabled,.disabled___pmza6.historyBtn___CRFfc,.historyBtn___CRFfc:disabled {
    background: var(--button-bg-primary-disabled);
    border: var(--border-button-disabled-additional);
    color: var(--button-text-primary-disabled)
}

.button___aEfgM.secondary___NPwn2,.secondary___NPwn2.historyBtn___CRFfc {
    background: var(--button-bg-secondary);
    box-shadow: var(--shadow-button);
    color: var(--button-text-secondary);
    text-shadow: var(--shadow-text-2)
}

.button___aEfgM.secondary___NPwn2:hover,.secondary___NPwn2.historyBtn___CRFfc:hover {
    background: var(--button-bg-secondary-hover)
}

.button___aEfgM.secondary___NPwn2:active,.secondary___NPwn2.historyBtn___CRFfc:active {
    background: var(--button-bg-secondary-pressed)
}

.button___aEfgM.secondary___NPwn2.disabled___pmza6,.button___aEfgM.secondary___NPwn2:disabled,.secondary___NPwn2.disabled___pmza6.historyBtn___CRFfc,.secondary___NPwn2.historyBtn___CRFfc:disabled {
    background: var(--button-bg-secondary-disabled);
    color: var(--button-text-secondary-disabled)
}

.button___aEfgM.tertiary___R7xdG,.tertiary___R7xdG.historyBtn___CRFfc {
    border: var(--border-button-default);
    box-shadow: var(--shadow-button);
    color: var(--button-text-tertiary);
    text-shadow: var(--shadow-text-3)
}

.button___aEfgM.tertiary___R7xdG:hover,.tertiary___R7xdG.historyBtn___CRFfc:hover {
    background: #0000;
    border: var(--border-button-hover)
}

.button___aEfgM.tertiary___R7xdG:active,.tertiary___R7xdG.historyBtn___CRFfc:active {
    background: #0000;
    border-color: var(--button-border-tertiary-pressed)
}

.button___aEfgM.tertiary___R7xdG.disabled___pmza6,.button___aEfgM.tertiary___R7xdG:disabled,.tertiary___R7xdG.disabled___pmza6.historyBtn___CRFfc,.tertiary___R7xdG.historyBtn___CRFfc:disabled {
    background: #0000;
    border-color: var(--button-border-tertiary-disabled);
    color: var(--button-text-tertiary-disabled)
}

.button___aEfgM.ghost___LAhJQ,.ghost___LAhJQ.historyBtn___CRFfc {
    background: var(--button-bg-ghost);
    color: var(--button-text-ghost);
    min-width: auto;
    text-decoration: none;
    text-shadow: var(--shadow-text-4)
}

.button___aEfgM.ghost___LAhJQ:hover,.ghost___LAhJQ.historyBtn___CRFfc:hover {
    text-decoration: underline
}

.button___aEfgM.ghost3___s8Vuh,.ghost3___s8Vuh.historyBtn___CRFfc {
    border: 2px solid var(--button-border-ghost);
    color: var(--button-text-light-bg);
    text-decoration: none
}

.button___aEfgM.ghost3___s8Vuh:hover,.ghost3___s8Vuh.historyBtn___CRFfc:hover {
    border-color: var(--button-border-ghost-hover);
    text-shadow: var(--shadow-button)
}

.button___aEfgM.ghost3___s8Vuh:active,.ghost3___s8Vuh.historyBtn___CRFfc:active {
    border-color: var(--button-border-ghost-pressed)
}

.button___aEfgM.icon___jszHq,.icon___jszHq.historyBtn___CRFfc {
    border-radius: var(--radius-button);
    min-width: auto
}

.button___aEfgM.icon___jszHq.disabled___pmza6,.button___aEfgM.icon___jszHq:disabled,.icon___jszHq.disabled___pmza6.historyBtn___CRFfc,.icon___jszHq.historyBtn___CRFfc:disabled {
    border: none
}

.button___aEfgM.disabled___pmza6,.button___aEfgM:disabled,.disabled___pmza6.historyBtn___CRFfc,.historyBtn___CRFfc:disabled {
    pointer-events: none
}

.button___aEfgM.icon___jszHq,.historyBtn___CRFfc,.icon___jszHq.historyBtn___CRFfc,.primary___zFyH_,.secondary___NPwn2,.white___iVDt3 {
    position: relative
}

.button___aEfgM.icon___jszHq [class^=loading_],.historyBtn___CRFfc [class^=loading_],.primary___zFyH_ [class^=loading_],.secondary___NPwn2 [class^=loading_],.white___iVDt3 [class^=loading_] {
    height: 44px;
    width: 44px
}

.history___fSy8W {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 56px
}

@media screen and (min-width: 1096px) {
    .history___fSy8W {
        padding-bottom:90px
    }
}

.historyTitle___xzy7M {
    align-items: center;
    color: var(--text-content);
    display: flex;
    flex-direction: column;
    font-size: var(--typography-title-small-font-size);
    font-weight: var(--typography-title-small-font-weight);
    justify-content: center;
    line-height: var(--typography-title-small-line-height);
    margin: 0
}

@media screen and (min-width: 1096px) {
    .historyTitle___xzy7M {
        margin-top:70px
    }
}

.historyTitle___xzy7M:before {
    background: var(--icon-primary);
    content: "";
    height: 72px;
    margin-bottom: 10px;
    -webkit-mask-image: url(/assets/svg/history-missing.svg?v04102022);
    mask-image: url(/assets/svg/history-missing.svg?v04102022);
    width: 72px
}

.historyBtn___CRFfc {
    margin-top: 32px;
    min-width: 288px
}

.paymentsWrap___TXD19>[class^=content] {
    background: none!important;
    padding: 20px 0 0!important
}

.paymentsWrap___TXD19 [class^=loading] {
    bottom: 0;
    height: 50px;
    left: 0;
    position: absolute;
    right: 0;
    top: unset;
    width: 50px;
    z-index: 0
}

.paymentsWrap___TXD19 [class*=navItem_] {
    width: 232px
}

.paymentsWrap___TXD19 [class*=navItem_]:first-child svg {
    left: 1px;
    top: 9px
}

.paymentsWrap___TXD19 [class*=navItem_]:nth-child(2) svg {
    left: 233px;
    top: 9px;
    z-index: 0
}

.paymentsWrap___TXD19 [class*=navItem_]:nth-child(3) svg {
    left: 467px;
    top: 9px;
    z-index: 0
}

.paymentsWrap___TXD19 [class*=navItem_] [class*=link_] {
    position: relative;
    width: 100%
}

.paymentsWrap___TXD19 [class*=navItem_] [class*=link_] span {
    letter-spacing: .7px
}

.paymentsWrap___TXD19 [class*=navItemActive_]:first-child svg {
    left: 0;
    top: 9px
}

.paymentsWrap___TXD19 [class*=navItemActive_]:nth-child(2) svg {
    left: 189px;
    top: 9px;
    z-index: 2
}

.paymentsWrap___TXD19 [class*=navItemActive_]:nth-child(3) svg {
    left: 427px;
    top: 9px;
    z-index: 2
}

.popupWrap___S8DyV {
    background: var(--bg-popup);
    border-radius: var(--radius-popup);
    box-shadow: var(--shadow-card-additional);
    margin-bottom: 5px;
    min-height: 384px;
    overflow: hidden;
    padding: 48px;
    position: relative;
    width: 848px;
    z-index: 1
}

.popupWrap___S8DyV .paymentsTable___YuDKU {
    border: none;
    border-collapse: collapse;
    max-width: 752px;
    width: 100%
}

.popupWrap___S8DyV .transactionWrap___l7D8t {
    margin-right: -2px;
    -webkit-mask-image: linear-gradient(0deg,#0000,#000 20px,#000 calc(100% - 20px),#0000);
    mask-image: linear-gradient(0deg,#0000,#000 20px,#000 calc(100% - 20px),#0000);
    position: relative
}

.popupWrap___S8DyV .transactionWrap___l7D8t:after,.popupWrap___S8DyV .transactionWrap___l7D8t:before {
    content: "";
    height: 15px;
    pointer-events: none;
    position: absolute;
    width: calc(100% + 20px);
    z-index: 100
}

.popupWrap___S8DyV .transactionWrap___l7D8t:before {
    background: linear-gradient(0deg,#d9d9d900 0,var(--bg-popup) 100%);
    top: 0
}

.popupWrap___S8DyV .transactionWrap___l7D8t:after {
    background: linear-gradient(0deg,var(--bg-popup) 0,#d9d9d900 100%);
    bottom: 0
}

.popupWrap___S8DyV .transactionWrap___l7D8t [class*=Scroll_]::-webkit-scrollbar-thumb {
    background: #ffffff4d
}

.popupWrap___S8DyV [class*=loading_] {
    background-position: 50%;
    background-size: 100% 100%
}

.emptyHistory___rhfwC {
    align-items: center;
    color: var(--text-content);
    display: flex;
    flex-direction: row;
    font-size: var(--typography-body-1-font-size);
    font-weight: var(--typography-body-1-font-weight);
    justify-content: center;
    line-height: var(--typography-body-1-line-height);
    min-height: inherit
}

.paymentHisScroll___ZpuXm {
    margin-right: -16px;
    padding-right: 12px;
    width: auto!important
}

.paymentHisScroll___ZpuXm::-webkit-scrollbar {
    width: 4px
}

.paymentHisScroll___ZpuXm::-webkit-scrollbar-track {
    background-color: #fff0
}

.paymentHisScroll___ZpuXm::-webkit-scrollbar-thumb {
    background-color: #fff3;
    border-radius: 8px
}

.paymentHisScroll___ZpuXm::-webkit-scrollbar-thumb:hover {
    background-color: #fff6
}

.paymentHisScroll___ZpuXm .track-vertical {
    background-color: #fff0;
    width: 4px!important
}

.paymentHisScroll___ZpuXm .thumb-vertical {
    background-color: #fff3;
    border-radius: 8px
}

.paymentHisScroll___ZpuXm .thumb-vertical :hover {
    background-color: #fff6
}

.bottomLoading___v2Rq6 {
    bottom: 100%;
    left: 50px;
    position: relative;
    position: absolute;
    right: 50px;
    text-align: center;
    top: 100%;
    z-index: 0
}

.unit___XKAJC {
    padding: 8px 0 34px;
    position: relative
}

.unit___XKAJC:not(:last-child):before {
    background: var(--small-elements-separator-primary);
    bottom: 10px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.unit___XKAJC:last-child {
    padding-bottom: 12px
}

.unitInfo___SKwQt {
    align-items: center;
    display: flex;
    margin-top: 6px
}

.unitInfo___SKwQt [class^=status__] {
    margin-left: 24px
}

.unitAmount___Wk6Cm {
    color: var(--text-title-main);
    display: block;
    font-size: var(--typography-title-small-strong-font-size);
    font-weight: var(--typography-title-small-strong-font-weight);
    line-height: var(--typography-title-small-strong-line-height)
}

.unitAmount___Wk6Cm [class^=currencySymbol] {
    font-size: var(--typography-title-small-font-size);
    font-weight: var(--typography-title-small-font-weight);
    line-height: var(--typography-title-small-line-height)
}

.unitId___ogrZf {
    margin-right: auto;
    opacity: .6
}

.unitId___ogrZf,.unitStatus___PnXAp {
    color: var(--text-title-main);
    font-size: var(--typography-caption-small-strong-font-size);
    font-weight: var(--typography-caption-small-strong-font-weight);
    line-height: var(--typography-caption-small-strong-line-height)
}

.unitStatus___PnXAp {
    align-items: center;
    display: flex;
    margin-top: 6px
}

.unitStatus___PnXAp [class^=status__] {
    margin-left: 18px
}

.unitComment___NGnBP {
    color: var(--text-title-main);
    font-size: var(--typography-caption-small-strong-font-size);
    font-weight: var(--typography-caption-small-strong-font-weight);
    line-height: var(--typography-caption-small-strong-line-height);
    opacity: .6
}

.unitComment___NGnBP span {
    white-space: nowrap
}

.unit___XKAJC [class*=animateElement-enter] {
    animation: open___rTmXe .2s forwards;
    display: block;
    height: 0;
    padding: 0
}

.unit___XKAJC [class*=animateElement-exit] {
    animation: close___xmWFt .2s forwards;
    display: block;
    height: auto;
    padding: 16px
}

@keyframes open___rTmXe {
    0% {
        height: 0;
        padding: 0
    }

    to {
        height: auto
    }
}

@keyframes close___xmWFt {
    0% {
        height: auto;
        transform: scale(1)
    }

    to {
        height: 0;
        padding: 0;
        transform: scale(0)
    }
}

.unit___HFaPw {
    margin-left: -16px;
    position: relative;
    width: calc(100% + 32px)
}

.unit___HFaPw:not(:last-child):before {
    background: var(--small-elements-separator-primary);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 16px;
    position: absolute;
    width: calc(100% - 32px)
}

.unitOpened___ETTsJ:not(:last-child):before {
    content: unset
}

@media screen and (min-width: 360px) {
    .unit___HFaPw {
        margin-left:-24px;
        width: calc(100% + 48px)
    }

    .unit___HFaPw:not(:last-child):before {
        height: 1px;
        left: 24px;
        width: calc(100% - 48px)
    }
}

@media screen and (min-width: 568px) {
    .unit___HFaPw {
        margin-left:-64px;
        width: calc(100% + 128px)
    }

    .unit___HFaPw:not(:last-child):before {
        height: 1px;
        left: 64px;
        width: calc(100% - 128px)
    }
}

.unitMain___rNv3w {
    align-items: center;
    display: flex;
    padding: 8px 16px;
    transition: all .2s ease-in-out
}

@media screen and (min-width: 360px) {
    .unitMain___rNv3w {
        padding:8px 24px
    }
}

@media screen and (min-width: 568px) {
    .unitMain___rNv3w {
        padding:8px 64px
    }
}

.unitMainOpen___lgeRh {
    background: var(--bg-overlay-4);
    transition: all .2s ease-in-out
}

.unitInfo___vLUtT {
    align-items: center;
    display: flex
}

.unitInfo___vLUtT [class^=status__] {
    margin-left: 24px
}

.unitInfo___vLUtT [class^=statuses_] {
    margin-left: 6px
}

.unitSum___MV2Be {
    flex: 0 0 180px;
    margin-right: 8px;
    padding-left: 36px;
    white-space: nowrap;
    width: 180px
}

.unitSumType___ewuVW {
    color: var(--text-opacity-2);
    font-size: var(--typography-caption-small-strong-font-size);
    font-weight: var(--typography-caption-small-strong-font-weight);
    line-height: var(--typography-caption-small-strong-line-height);
    margin: 0;
    opacity: .6
}

.unitSumIn___r1Qqv,.unitSumOut___ehvv3,.unitSumPoint____naAT {
    position: relative
}

.unitSumIn___r1Qqv:before,.unitSumOut___ehvv3:before,.unitSumPoint____naAT:before {
    background: var(--icon-primary);
    content: "";
    display: block;
    height: 24px;
    left: 0;
    -webkit-mask-image: url(/assets/svg/transaction/transaction_in.svg?v04102022);
    mask-image: url(/assets/svg/transaction/transaction_in.svg?v04102022);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px
}

.unitSumOut___ehvv3:before {
    -webkit-mask-image: url(/assets/svg/transaction/transaction_out.svg?v04102022);
    mask-image: url(/assets/svg/transaction/transaction_out.svg?v04102022)
}

.unitSumPoint____naAT:before {
    -webkit-mask-image: url(/assets/svg/transaction/trasaction_points_change.svg?v04102022);
    mask-image: url(/assets/svg/transaction/trasaction_points_change.svg?v04102022)
}

.unitAmount___oowwA {
    color: var(--text-title-main);
    font-size: var(--typography-title-small-strong-font-size);
    font-weight: var(--typography-title-small-strong-font-weight);
    line-height: var(--typography-title-small-strong-line-height)
}

.unitAmount___oowwA [class^=currencySymbol] {
    font-size: var(--typography-title-small-font-size);
    font-weight: var(--typography-title-small-font-weight);
    line-height: var(--typography-title-small-line-height)
}

.unitToggle___Ip8Ct {
    background: var(--bg-overlay-2);
    border-radius: 50%;
    display: flex;
    flex: 0 0 24px;
    height: 24px;
    margin-left: auto;
    width: 24px
}

.unitToggle___Ip8Ct:before {
    background: var(--icon-primary);
    border-radius: 1px;
    -webkit-clip-path: polygon(50% 25%,0 75%,100% 75%);
    clip-path: polygon(50% 25%,0 75%,100% 75%);
    content: "";
    display: block;
    height: 9px;
    margin: auto;
    opacity: 1;
    transform: rotate(180deg);
    transition: .2s ease-in-out;
    width: 9px
}

.unitToggleActive___Gp8lq {
    background: var(--bg-overlay-1)
}

.unitToggleActive___Gp8lq:before {
    background: var(--icon-primary);
    transform: rotate(0deg);
    transition: .2s ease-in-out
}

.unitDrop___OHQm5 {
    background: var(--bg-other-cashbox-additional);
    overflow: hidden;
    padding: 0 16px;
    transition: max-height .4s;
    will-change: max-height
}

@media screen and (min-width: 360px) {
    .unitDrop___OHQm5 {
        padding:0 24px 0 56px
    }
}

@media screen and (min-width: 568px) {
    .unitDrop___OHQm5 {
        padding:0 64px 0 96px
    }
}

.unitDropHead___d5XP_ {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding-top: 16px
}

.unitDropHead___d5XP_ [class^=cancel],.unitDropHead___d5XP_ [class^=payment],.unitDropHead___d5XP_ [class^=question] {
    margin-left: 8px
}

.unitId___RHoWo {
    color: var(--text-opacity-1);
    font-size: var(--typography-caption-small-strong-font-size);
    font-weight: var(--typography-caption-small-strong-font-weight);
    line-height: var(--typography-caption-small-strong-line-height);
    margin-right: auto;
    padding-right: 8px;
    white-space: nowrap
}

.unitButtons___V73_G,.unitId___RHoWo {
    margin-bottom: 8px
}

.unitButtons___V73_G button:first-child {
    margin-left: 0
}

.unitStatus___twDyd {
    align-items: center;
    color: var(--text-title-main);
    display: flex;
    font-size: var(--typography-caption-small-strong-font-size);
    font-weight: var(--typography-caption-small-strong-font-weight);
    height: 16px;
    line-height: var(--typography-caption-small-strong-line-height);
    margin-bottom: 8px
}

.unitStatus___twDyd [class^=status__] {
    margin-left: 18px
}

.unitComment___Lk4Zr {
    color: var(--text-opacity-1);
    display: inline-block;
    font-size: var(--typography-caption-small-strong-font-size);
    font-weight: var(--typography-caption-small-strong-font-weight);
    line-height: var(--typography-caption-small-strong-line-height);
    padding-bottom: 16px
}

.unitComment___Lk4Zr+.unitWithdrawalNote___KEUEt {
    margin: -8px 0 16px
}

.unitDate___QOb_w,.unitPaySystem___kxTFE {
    color: var(--text-opacity-1);
    font-size: var(--typography-caption-small-strong-font-size);
    font-weight: var(--typography-caption-small-strong-font-weight);
    line-height: var(--typography-caption-small-strong-line-height);
    margin: 0 0 8px
}

.unitChildren___kz_ok {
    background: var(--bg-overlay-5);
    overflow: hidden;
    padding: 0 16px;
    position: relative;
    transition: max-height .4s;
    will-change: max-height
}

@media screen and (min-width: 360px) {
    .unitChildren___kz_ok {
        padding:0 24px 0 36px
    }
}

@media screen and (min-width: 568px) {
    .unitChildren___kz_ok {
        padding:0 64px 0 76px
    }
}

.unitChildrenInner___c7V9d {
    margin-bottom: 16px;
    padding-left: 24px;
    position: relative
}

.unitChildrenInner___c7V9d:before {
    background-color: var(--icon-alternative);
    content: "";
    height: calc(100% - 16px);
    left: 0;
    position: absolute;
    top: 16px;
    width: 2px
}

.unitChildrenHead___FW7Da {
    align-items: flex-start;
    display: flex;
    padding-top: 16px
}

.unitChildrenHead___FW7Da [class^=cancel__] {
    position: absolute;
    right: 0;
    top: 16px
}

.unitChildrenDate___AU9GC {
    color: var(--text-title-main);
    font-size: var(--typography-caption-small-strong-font-size);
    font-weight: var(--typography-caption-small-strong-font-weight);
    line-height: var(--typography-caption-small-strong-line-height);
    margin-right: auto;
    opacity: .6
}

.unitChildrenDate___AU9GC p {
    margin: 0
}

.unitChildrenDate___AU9GC p:first-child {
    margin-bottom: 6px
}

.unitWithdrawalNote___KEUEt {
    border: var(--border-chips-default);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--text-title-main);
    font-size: var(--typography-caption-small-strong-font-size);
    font-weight: var(--typography-caption-small-strong-font-weight);
    line-height: var(--typography-caption-small-strong-line-height);
    margin: -8px 0 16px;
    opacity: .6;
    padding: 8px 8px 8px 28px;
    position: relative
}

.unitWithdrawalNote___KEUEt:before {
    background: url(/assets/svg/loyalty/info.svg) no-repeat;
    content: "";
    height: 24px;
    left: 4px;
    opacity: .48;
    position: absolute;
    top: 4px;
    width: 24px
}

.unitWithdrawalNote___KEUEt a {
    color: var(--text-link);
    opacity: 1;
    -webkit-text-decoration: var(--typography-link-m-text-decoration);
    text-decoration: var(--typography-link-m-text-decoration)
}

.filterItem___GuzjQ {
    border: var(--border-chips-default);
    border-radius: var(--radius-small-tips);
    color: var(--text-secondary);
    font-size: var(--typography-caption-small-strong-font-size);
    font-weight: var(--typography-caption-small-strong-font-weight);
    letter-spacing: -.6px;
    line-height: var(--typography-caption-small-strong-line-height);
    padding: 2px 8px;
    white-space: nowrap
}

.filterItemActive___O3Ppx,.filterItemDefault___FCKzW {
    border-color: var(--bg-other-accent-on-light)
}

.filterTypes___pedbp {
    border-bottom: 1px solid #0000001a;
    padding-block:24px;position: relative
}

.filterTypesHeader___QyiuF {
    color: var(--text-secondary);
    font-size: var(--typography-title-small-strong-font-size);
    font-weight: var(--typography-title-small-strong-font-weight);
    line-height: var(--typography-title-small-strong-line-height);
    margin: 0 0 16px
}

.filterTypesList___PCsYd {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.period___Gsi4N {
    margin-top: 24px
}

@media screen and (orientation: landscape) {
    .period___Gsi4N {
        max-width:224px
    }
}

@media screen and (min-width: 720px)and (orientation:portrait) {
    .period___Gsi4N {
        width:100%
    }
}

.periodHeader___OdvHH {
    color: var(--text-secondary);
    font-size: var(--typography-title-small-strong-font-size);
    font-weight: var(--typography-title-small-strong-font-weight);
    line-height: var(--typography-title-small-strong-line-height);
    margin: 0 0 16px;
    position: relative
}

.periodField___OT8le {
    box-shadow: 0 8px 24px #00000014;
    height: 48px;
    width: 100%
}

.periodInput___U_9xC {
    -webkit-appearance: none;
    background: var(--input-bg-default);
    border: var(--border-input-default);
    border-radius: var(--radius-input-base);
    box-shadow: var(--shadow-top);
    -webkit-box-shadow: var(--shadow-top);
    box-sizing: border-box;
    color: var(--input-text-label);
    font-size: var(--typography-body-1-font-size);
    font-weight: var(--typography-body-1-font-weight);
    line-height: var(--typography-body-1-line-height);
    max-width: 264px;
    min-height: 48px;
    padding: 12px 16px;
    position: relative;
    width: 100%
}

.periodInput___U_9xC:before {
    background-color: var(--icon-secondary);
    content: "";
    display: block;
    height: 24px;
    -webkit-mask-image: url(/assets/svg/transaction/calendar.svg?v2);
    mask-image: url(/assets/svg/transaction/calendar.svg?v2);
    position: absolute;
    right: 12px;
    top: 12px;
    width: 24px
}

.periodBlock___RHPWZ {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    letter-spacing: .5px;
    padding: 0 16px;
    width: 100%
}

@media screen and (min-width: 360px) {
    .periodBlock___RHPWZ {
        padding:0 24px
    }
}

@media screen and (min-width: 720px) {
    .periodBlock___RHPWZ {
        padding:0 16px
    }
}

.periodBlock___RHPWZ p {
    color: var(--text-secondary);
    font-size: var(--typography-title-1-font-size);
    font-weight: var(--typography-title-1-font-weight);
    line-height: var(--typography-title-1-line-height);
    margin: 0;
    text-align: center
}

.periodBlock___RHPWZ button {
    background: unset;
    font-size: var(--typography-caption-small-strong-font-size);
    font-weight: var(--typography-caption-small-strong-font-weight);
    line-height: var(--typography-caption-small-strong-line-height);
    width: auto
}

.periodBlockClose___t_f8W {
    color: var(--text-secondary);
    opacity: .6
}

.periodBlockAccept___im1_O {
    color: var(--bg-other-accent-on-light)
}

.periodCalendar___VMd25 {
    margin-top: 16px;
    position: relative
}

.periodButtons___qsJAC {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: center;
    margin: 8px auto 0;
    width: 280px
}

.periodButtons___qsJAC select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: var(--button-bg-primary);
    border: 0;
    border-radius: var(--radius-button);
    box-shadow: var(--shadow-button);
    color: var(--button-text-primary);
    height: 32px;
    outline: 0;
    padding: 0 20px 0 14px;
    position: relative;
    text-align: left;
    text-indent: 1px;
    text-overflow: "";
    text-transform: var(--typography-button-text-sm-text-case);
    text-transform: capitalize;
    width: 100px
}

.periodButtons___qsJAC select,.periodButtons___qsJAC select option {
    font-size: var(--typography-button-text-sm-font-size);
    font-weight: var(--typography-button-text-sm-font-weight);
    letter-spacing: var(--typography-button-text-sm-letter-spacing);
    line-height: var(--typography-button-text-sm-line-height)
}

.periodButtons___qsJAC select option {
    background: var(--bg-primary);
    color: var(--base-dark);
    text-transform: var(--typography-button-text-sm-text-case)
}

.periodButtons___qsJAC span {
    position: relative
}

.periodButtons___qsJAC span:after,.periodButtons___qsJAC span:before {
    border-left: 4px solid #0000;
    border-right: 4px solid #0000;
    border-top: 4px solid var(--button-text-primary);
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 12px;
    top: 10px;
    transform: rotate(180deg);
    width: 0;
    z-index: 1
}

.periodButtons___qsJAC span:after {
    top: 18px;
    transform: rotate(0deg)
}

.periodButtonsYear___jUd1P select {
    width: 70px
}

.periodNext___P7bSr,.periodPrev___yV6q7 {
    background: var(--icon-accent);
    display: block;
    height: 24px;
    -webkit-mask-image: url(/assets/svg/transaction/back.svg?v2);
    mask-image: url(/assets/svg/transaction/back.svg?v2);
    width: 24px;
    z-index: 10
}

.periodNext___P7bSr:disabled,.periodPrev___yV6q7:disabled {
    opacity: .4
}

.periodNext___P7bSr {
    transform: rotate(180deg)
}

.periodMonth___oplfh {
    color: var(--text-secondary);
    font-size: var(--typography-body-1-strong-font-size);
    font-weight: var(--typography-body-1-strong-font-weight);
    left: 50%;
    letter-spacing: .5px;
    line-height: var(--typography-body-1-strong-line-height);
    position: absolute;
    text-align: center;
    text-transform: capitalize;
    top: 138px;
    transform: translateX(-50%)
}

.filterIsOpen___O1Fr2 [class^=filterMain__] {
    overflow-y: hidden
}

.button___BQYlx,.filterButton___wJWCN {
    align-items: center;
    background-color: #0000;
    color: var(--button-text-primary);
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    mix-blend-mode: normal;
    padding: 0 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: var(--shadow-text-1);
    transition: all .2s
}

.button___BQYlx [class^=loading_],.filterButton___wJWCN [class^=loading_] {
    height: 44px;
    width: 44px
}

.button___BQYlx.sm___ayG8k,.sm___ayG8k.filterButton___wJWCN {
    border-radius: var(--radius-button);
    font-size: var(--typography-button-text-sm-font-size);
    font-weight: var(--typography-button-text-sm-font-weight);
    height: 32px;
    letter-spacing: var(--typography-button-text-sm-letter-spacing);
    line-height: var(--typography-button-text-sm-line-height);
    text-transform: var(--typography-button-text-sm-text-case)
}

.button___BQYlx.sm___ayG8k [class^=loading_],.sm___ayG8k.filterButton___wJWCN [class^=loading_] {
    height: 30px;
    width: 30px
}

.button___BQYlx.filterButton___wJWCN,.button___BQYlx.md___kjdkX,.filterButton___wJWCN {
    border-radius: var(--radius-button);
    font-size: var(--typography-button-text-lg-font-size);
    font-weight: var(--typography-button-text-lg-font-weight);
    height: 48px;
    letter-spacing: var(--typography-button-text-lg-letter-spacing);
    line-height: var(--typography-button-text-lg-line-height);
    text-transform: var(--typography-button-text-lg-text-case)
}

.button___BQYlx.filterButton___wJWCN,.button___BQYlx.icon___UOjGO,.button___BQYlx.primary___KgETq,.filterButton___wJWCN,.icon___UOjGO.filterButton___wJWCN {
    background: var(--button-bg-primary);
    box-shadow: var(--shadow-button);
    color: var(--button-text-primary);
    text-shadow: var(--shadow-text-1)
}

.button___BQYlx.icon___UOjGO:hover,.button___BQYlx.primary___KgETq:hover,.filterButton___wJWCN:hover {
    background: var(--button-bg-primary-hover)
}

.button___BQYlx.icon___UOjGO:active,.button___BQYlx.primary___KgETq:active,.filterButton___wJWCN:active {
    background: var(--button-bg-primary-pressed)
}

.button___BQYlx.disabled___EdJWh.icon___UOjGO,.button___BQYlx.icon___UOjGO:disabled,.button___BQYlx.primary___KgETq.disabled___EdJWh,.button___BQYlx.primary___KgETq:disabled,.disabled___EdJWh.filterButton___wJWCN,.filterButton___wJWCN:disabled {
    background: var(--button-bg-primary-disabled);
    border: var(--border-button-disabled-additional);
    color: var(--button-text-primary-disabled)
}

.button___BQYlx.secondary___i1tFt,.secondary___i1tFt.filterButton___wJWCN {
    background: var(--button-bg-secondary);
    box-shadow: var(--shadow-button);
    color: var(--button-text-secondary);
    text-shadow: var(--shadow-text-2)
}

.button___BQYlx.secondary___i1tFt:hover,.secondary___i1tFt.filterButton___wJWCN:hover {
    background: var(--button-bg-secondary-hover)
}

.button___BQYlx.secondary___i1tFt:active,.secondary___i1tFt.filterButton___wJWCN:active {
    background: var(--button-bg-secondary-pressed)
}

.button___BQYlx.secondary___i1tFt.disabled___EdJWh,.button___BQYlx.secondary___i1tFt:disabled,.secondary___i1tFt.disabled___EdJWh.filterButton___wJWCN,.secondary___i1tFt.filterButton___wJWCN:disabled {
    background: var(--button-bg-secondary-disabled);
    color: var(--button-text-secondary-disabled)
}

.button___BQYlx.tertiary___s60t9,.tertiary___s60t9.filterButton___wJWCN {
    border: var(--border-button-default);
    box-shadow: var(--shadow-button);
    color: var(--button-text-tertiary);
    text-shadow: var(--shadow-text-3)
}

.button___BQYlx.tertiary___s60t9:hover,.tertiary___s60t9.filterButton___wJWCN:hover {
    background: #0000;
    border: var(--border-button-hover)
}

.button___BQYlx.tertiary___s60t9:active,.tertiary___s60t9.filterButton___wJWCN:active {
    background: #0000;
    border-color: var(--button-border-tertiary-pressed)
}

.button___BQYlx.tertiary___s60t9.disabled___EdJWh,.button___BQYlx.tertiary___s60t9:disabled,.tertiary___s60t9.disabled___EdJWh.filterButton___wJWCN,.tertiary___s60t9.filterButton___wJWCN:disabled {
    background: #0000;
    border-color: var(--button-border-tertiary-disabled);
    color: var(--button-text-tertiary-disabled)
}

.button___BQYlx.ghost___MH9Ep,.ghost___MH9Ep.filterButton___wJWCN {
    background: var(--button-bg-ghost);
    color: var(--button-text-ghost);
    min-width: auto;
    text-decoration: none;
    text-shadow: var(--shadow-text-4)
}

.button___BQYlx.ghost___MH9Ep:hover,.ghost___MH9Ep.filterButton___wJWCN:hover {
    text-decoration: underline
}

.button___BQYlx.ghost3___w6X07,.ghost3___w6X07.filterButton___wJWCN {
    border: 2px solid var(--button-border-ghost);
    color: var(--button-text-light-bg);
    text-decoration: none
}

.button___BQYlx.ghost3___w6X07:hover,.ghost3___w6X07.filterButton___wJWCN:hover {
    border-color: var(--button-border-ghost-hover);
    text-shadow: var(--shadow-button)
}

.button___BQYlx.ghost3___w6X07:active,.ghost3___w6X07.filterButton___wJWCN:active {
    border-color: var(--button-border-ghost-pressed)
}

.button___BQYlx.icon___UOjGO,.icon___UOjGO.filterButton___wJWCN {
    border-radius: var(--radius-button);
    min-width: auto
}

.button___BQYlx.icon___UOjGO.disabled___EdJWh,.button___BQYlx.icon___UOjGO:disabled,.icon___UOjGO.disabled___EdJWh.filterButton___wJWCN,.icon___UOjGO.filterButton___wJWCN:disabled {
    border: none
}

.button___BQYlx.disabled___EdJWh,.button___BQYlx:disabled,.disabled___EdJWh.filterButton___wJWCN,.filterButton___wJWCN:disabled {
    pointer-events: none
}

.button___BQYlx.icon___UOjGO,.filterButton___wJWCN,.icon___UOjGO.filterButton___wJWCN,.primary___KgETq,.secondary___i1tFt,.white___Qs28o {
    position: relative
}

.button___BQYlx.icon___UOjGO [class^=loading_],.filterButton___wJWCN [class^=loading_],.primary___KgETq [class^=loading_],.secondary___i1tFt [class^=loading_],.white___Qs28o [class^=loading_] {
    height: 44px;
    width: 44px
}

.transactions___zs2yq {
    align-items: center;
    background: var(--bg-overlay-1);
    border-radius: var(--radius-button);
    color: var(--text-primary);
    display: inline-flex;
    font-size: var(--typography-caption-small-strong-font-size);
    font-weight: var(--typography-caption-small-strong-font-weight);
    line-height: var(--typography-caption-small-strong-line-height);
    margin-left: auto;
    padding: 8px;
    position: relative;
    text-align: center;
    margin-right: auto;
}

.transactions___zs2yq a{
    color: var(--text-primary);
}
.transactions___Active {
background: #7c9fd4 !important;
}


.transactionsCounter___I9pWk {
    align-items: center;
    background: var(--small-elements-badge-2);
    border-radius: 50%;
    color: var(--text-light);
    display: flex;
    font-family: Sans-Serif;
    font-size: var(--typography-notification-bubble-font-size);
    font-weight: var(--typography-notification-bubble-font-weight);
    height: 14px;
    justify-content: center;
    line-height: var(--typography-notification-bubble-line-height);
    position: absolute;
    right: -7px;
    top: -7px;
    width: 14px
}

.filter___nHhke {
    background: #000c;
    bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    overflow: hidden;
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%;
    z-index: 5
}

.filter___nHhke [class*=filterItemActive__],.filter___nHhke [class*=filterItemDefault__] {
    background-color: var(--bg-other-accent-on-light);
    border-color: var(--bg-other-accent-on-light)
}

.filterButton___wJWCN {
    background: var(--button-bg-primary);
    color: var(--button-text-primary)
}

.filterClose___NLlrH {
    height: 100%;
    position: relative;
    width: 64px;
    z-index: 1
}

.filterCloseCross___YGqfi {
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 24px
}

.filterCloseCross___YGqfi:after,.filterCloseCross___YGqfi:before {
    background: var(--icon-ghost-3);
    border-radius: 2px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
    width: 22px
}

.filterCloseCross___YGqfi:before {
    transform: translate(-50%,-50%) rotate(-45deg)
}

@media screen and (min-width: 720px)and (orientation:portrait) {
    .filterClose___NLlrH {
        left:auto
    }
}

.filterMain___aB8cn {
    background: var(--bg-top-surface);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 16px 16px 24px;
    width: calc(100% - 64px)
}

@media screen and (min-width: 720px)and (orientation:portrait) {
    .filterMain___aB8cn {
        width:312px
    }
}

.filter___nHhke [class*=react-datepicker__aria-live] {
    display: none
}

.filterHeader___FNCHi {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0;
    position: relative
}

.filterHeaderName___lGVK9 {
    color: var(--text-secondary);
    font-size: var(--typography-title-block-font-size);
    font-weight: var(--typography-title-block-font-weight);
    line-height: var(--typography-title-block-line-height)
}

.filterHeaderReset___qdu_2 {
    color: var(--bg-other-accent-on-light);
    font-size: var(--typography-caption-small-strong-font-size);
    font-weight: var(--typography-caption-small-strong-font-weight);
    line-height: var(--typography-caption-small-strong-line-height)
}

.filterButton___wJWCN {
    box-sizing: border-box;
    margin-top: 16px;
    max-width: 264px;
    padding: 12px;
    width: 100%
}

@media screen and (orientation: landscape) {
    .filterButton___wJWCN {
        max-width:224px
    }
}

@media screen and (min-width: 720px)and (orientation:portrait) {
    .filterButton___wJWCN {
        width:100%
    }
}

.filterPeriod___quAsZ * {
    box-sizing: border-box
}

.filterPeriod___quAsZ .react-datepicker {
    display: grid
}

.filterPeriod___quAsZ .react-datepicker__portal {
    background: #000000b3;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 6
}

.filterPeriod___quAsZ .react-datepicker__portal>div {
    background: var(--bg-top-surface);
    border-radius: var(--radius-card) var(--radius-card) 0 0;
    bottom: 0;
    left: 0;
    overflow-y: scroll;
    position: absolute;
    right: 0;
    top: 64px;
    z-index: 2
}

@media screen and (min-width: 720px)and (orientation:portrait) {
    .filterPeriod___quAsZ .react-datepicker__portal>div {
        left:unset;
        width: 312px
    }
}

@media screen and (orientation: landscape) {
    .filterPeriod___quAsZ .react-datepicker__portal>div {
        top:8px
    }
}

.filterPeriod___quAsZ .react-datepicker-wrapper {
    width: 100%
}

.filterPeriod___quAsZ .react-datepicker {
    position: relative
}

.filterPeriod___quAsZ .react-datepicker__week .react-datepicker__day {
    width: 35px
}

.filterPeriod___quAsZ .react-datepicker__week .react-datepicker__day:first-child:after {
    border-radius: 15px 0 0 15px
}

.filterPeriod___quAsZ .react-datepicker__week .react-datepicker__day:nth-child(7):after {
    border-radius: 0 15px 15px 0
}

.filterPeriod___quAsZ .react-datepicker__day--selecting-range-start.react-datepicker__day--selecting-range-end {
    color: var(--button-text-primary)
}

.filterPeriod___quAsZ .react-datepicker__day--in-range {
    background: none;
    position: relative
}

.filterPeriod___quAsZ .react-datepicker__day--in-range:after {
    background: var(--base-accent-primary);
    content: "";
    display: block;
    height: 100%;
    opacity: .2;
    position: absolute;
    width: 100%;
    z-index: -1
}

.filterPeriod___quAsZ .react-datepicker__day--in-range.react-datepicker__day--outside-month {
    opacity: 1
}

.filterPeriod___quAsZ .react-datepicker__header--custom {
    width: 100%
}

.filterPeriod___quAsZ .react-datepicker-time__header {
    display: none
}

.filterPeriod___quAsZ .react-datepicker__day-names,.filterPeriod___quAsZ .react-datepicker__week {
    display: flex;
    justify-content: space-between;
    white-space: nowrap
}

.filterPeriod___quAsZ .react-datepicker__day-names {
    background: var(--bg-top-surface);
    margin: 16px auto 0;
    padding-block:3px;position: relative;
    width: 242px;
    z-index: 1
}

.filterPeriod___quAsZ .react-datepicker__day-names:before {
    bottom: -8px;
    box-shadow: 0 8px 8px #0000000f;
    content: "";
    display: block;
    height: 10px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100vw
}

.filterPeriod___quAsZ .react-datepicker__day-name {
    color: var(--text-secondary);
    font-size: var(--typography-caption-small-font-size);
    font-weight: var(--typography-caption-small-font-weight);
    line-height: var(--typography-caption-small-line-height);
    opacity: .4;
    text-align: center;
    text-transform: capitalize;
    width: 26px
}

.filterPeriod___quAsZ .react-datepicker__day-name:nth-child(n+6),.filterPeriod___quAsZ .react-datepicker__day:nth-child(n+6) {
    font-size: var(--typography-caption-small-strong-font-size);
    font-weight: var(--typography-caption-small-strong-font-weight);
    line-height: var(--typography-caption-small-strong-line-height);
    opacity: 1
}

.filterPeriod___quAsZ .react-datepicker__day-name:nth-child(n+6):not(.react-datepicker__day--in-range).react-datepicker__day--outside-month,.filterPeriod___quAsZ .react-datepicker__day:nth-child(n+6):not(.react-datepicker__day--in-range).react-datepicker__day--outside-month {
    font-size: var(--typography-caption-small-strong-font-size);
    font-weight: var(--typography-caption-small-strong-font-weight);
    line-height: var(--typography-caption-small-strong-line-height);
    opacity: .4
}

.filterPeriod___quAsZ .react-datepicker__day--range-end,.filterPeriod___quAsZ .react-datepicker__day--range-start,.filterPeriod___quAsZ .react-datepicker__day--selecting-range-start {
    background: none;
    color: var(--button-text-primary);
    position: relative
}

.filterPeriod___quAsZ .react-datepicker__day--range-end:before,.filterPeriod___quAsZ .react-datepicker__day--range-start:before,.filterPeriod___quAsZ .react-datepicker__day--selecting-range-start:before {
    background: var(--button-bg-primary);
    border-radius: 50%;
    content: "";
    height: 100%;
    position: absolute;
    width: 26px;
    z-index: -1
}

.filterPeriod___quAsZ .react-datepicker__day--range-end:after,.filterPeriod___quAsZ .react-datepicker__day--range-start:after,.filterPeriod___quAsZ .react-datepicker__day--selecting-range-start:after {
    content: none
}

.filterPeriod___quAsZ .react-datepicker__month {
    margin: 0 auto;
    overflow-y: scroll;
    padding-top: 62px;
    position: relative;
    width: 272px
}

.filterPeriod___quAsZ .react-datepicker__month:before {
    background: var(--small-elements-separator-primary);
    bottom: auto;
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    right: auto;
    top: 56px;
    transform: translateX(-50%);
    width: 248px;
    z-index: 10
}

.filterPeriod___quAsZ .react-datepicker__month-container {
    margin: 0 auto;
    overflow: hidden;
    width: 100%
}

.filterPeriod___quAsZ .react-datepicker__week {
    border-radius: 16px;
    margin: 10px 0;
    padding: 0 14px
}

.filterPeriod___quAsZ .react-datepicker__day {
    align-items: center;
    border-radius: 50%;
    color: var(--text-secondary);
    cursor: pointer;
    display: flex;
    font-size: var(--typography-caption-small-font-size);
    font-weight: var(--typography-caption-small-font-weight);
    height: 26px;
    justify-content: center;
    line-height: var(--typography-caption-small-line-height);
    outline: none;
    text-decoration: none;
    transition: color,border-color .5s ease;
    width: 26px
}

.filterPeriod___quAsZ .react-datepicker__day--range-start {
    color: var(--button-text-primary)
}

.filterPeriod___quAsZ .react-datepicker__day--range-start:after {
    content: "";
    right: 0;
    width: 20px
}

.filterPeriod___quAsZ .react-datepicker__day--range-end {
    color: var(--button-text-primary)
}

.filterPeriod___quAsZ .react-datepicker__day--range-end:after {
    content: "";
    left: 0;
    right: 0;
    width: 20px
}

.filterPeriod___quAsZ .react-datepicker__day--range-start.react-datepicker__day--range-end:after {
    content: none
}

.filterPeriod___quAsZ .react-datepicker__day--range-start.react-datepicker__day--outside-month {
    color: var(--button-text-primary)
}

.filterPeriod___quAsZ .react-datepicker__day--outside-month {
    color: var(--text-secondary);
    opacity: .4
}

.filterPeriod___quAsZ .react-datepicker__day--disabled {
    cursor: default;
    opacity: .4;
    pointer-events: none
}

.filterPeriod___quAsZ .react-datepicker__day--disabled :hover {
    background-color: #0000
}

.transactionFilterOnBody___fx3RY [class^=modalOverlay--mob],.transactionFilterOnBody___fx3RY [class^=portal__] {
    height: 100%;
    overflow: hidden
}

.contentWrap___rKSQP {
    flex: 1;
    padding: 24px 16px
}

@media screen and (min-width: 360px) {
    .contentWrap___rKSQP {
        padding:24px
    }
}

@media screen and (min-width: 568px) {
    .contentWrap___rKSQP {
        padding:24px 64px
    }
}

@media screen and (min-width: 720px) {
    .contentWrap___rKSQP {
        padding:72px 64px
    }
}

.contentWrap___rKSQP .overflow___gat2I {
    height: 100%;
    margin-top: 16px
}

.contentWrap___rKSQP .overflow___gat2I.overflowLoading___YCrPb [class^=transaction__] {
    visibility: hidden
}

.contentWrap___rKSQP .title___FaIwD {
    align-items: center;
    display: flex;
    margin: 0 0 16px
}

.contentWrap___rKSQP .titleBlock___BgySu {
    text-fill-color: #0000;
    -webkit-text-fill-color: #0000;
    background: var(--text-title-main);
    background-clip: text;
    -webkit-background-clip: text;
    color: var(--text-title-main);
    font-family: var(--font-family-accent);
    font-size: var(--typography-title-1-font-size);
    font-weight: var(--typography-title-1-font-weight);
    line-height: var(--typography-title-1-line-height)
}

.contentWrap___rKSQP .fade-enter-done {
    right: 0;
    transition: .2s
}

.contentWrap___rKSQP .fade-exit {
    right: -100%;
    transition: .2s
}

.bottomLoading___rCcbC {
    bottom: 0;
    height: 50px;
    left: 0;
    position: relative;
    text-align: center;
    width: 100%
}

.fullPopup___sSVRa [class*=modalOverlay--mob] {
    height: 100%
}

.fullPopup___sSVRa [class*=modalOverlay--mob] [class*=content-block],.fullPopup___sSVRa [class*=modalOverlay--mob] [class*=contentWrap],.fullPopup___sSVRa [class*=modalOverlay--mob] [class*=popup--full],.fullPopup___sSVRa [class*=modalOverlay--mob] [class*=popup__mob_body],.fullPopup___sSVRa [class*=modalOverlay--mob] [class*=popup__mob_wrapper] {
    display: flex;
    flex-direction: column;
    height: 100%
}

.fullPopup___sSVRa [class*=modalOverlay--mob] [class*=content-block] [class^=history__],.fullPopup___sSVRa [class*=modalOverlay--mob] [class*=contentWrap] [class^=history__],.fullPopup___sSVRa [class*=modalOverlay--mob] [class*=popup--full] [class^=history__],.fullPopup___sSVRa [class*=modalOverlay--mob] [class*=popup__mob_body] [class^=history__],.fullPopup___sSVRa [class*=modalOverlay--mob] [class*=popup__mob_wrapper] [class^=history__] {
    margin-top: 82px
}