.right-menu--w-100 {
    width: 100% !important;
    z-index: 999999 !important;
}

.ui-panel-open.ui-panel-position-right.ui-panel-display-push {
    border-left-width: 0px;
    margin: 0;
}

.right-menu__container {
    margin: 0 auto;
    padding: 0 4.4vw;
}

.right-menu {
    width: 100%;
    background-color: var(--bg-level-1, var(--cwBodyBg));
    color: var(--text-level-medium, var(--cwBodyTxt2));
    font-size: 3.8vw;
    line-height: 129%;
    min-height: 100%;
}

.right-menu p {
    margin: 0;
}

.right-menu .dynamic_icon:not(.last-played-icon) {
    margin: 0;
}

.right-menu button {
    box-shadow: none;
}

.right-menu .dynamic_icon {
    margin: 0;
    font-size: 9vw;
    line-height: 58%;
}

.right-menu .badge {
    position: absolute;
    inset-block-start: -25%;
    inset-inline-end: -50%;
}

.right-menu .badge.big_badge {
    inset-block-start: -30%;
    inset-inline-end: -60%;
}

.right-menu .with-badge {
    position: relative;
}

.right-menu .with-indicator::after {
    content: '';
    display: block;
    width: 1.1vw;
    height: 1.1vw;
    border-radius: 50%;
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: -25%;
    background-color: var(--badge-bonus);
}

.right-menu .indicator-count {
    font-size: 3.3vw;
    color: var(--badge-bonus);
}

.right-menu .highlighted {
    color: var(--text-level-high);
}

.right-menu button {
    border: none;
    background: transparent;
    outline: none;
}

.right-menu__header {
    padding: 3.7vw 0;
    /*border-bottom: 0.2vw solid var(--bg-level-2);*/
}

.right-menu__header .header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.right-menu__header .header__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 2.2vw;
    column-gap: 2.2vw;
    color: var(--text-level-high, var(--cwBodyTxt));
    width: calc(100% - 20px);
}

.cw_mob_menu_header_close_btn {
    color: var(--text-level-low, var(--cwBodyTxt3));
}

.right-menu__header .header__info .header__back {
    font-weight: 400;
    font-size: 7.8vw;
    padding-bottom: 1.5vw;
}

.right-menu__header .header__info .header__user-info {
    max-width: 90%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.right-menu__header .header__inner button{
    font-size: 24px;
    line-height: 20px;
}

.right-menu__header .header__icons-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 6.9vw;
    column-gap: 6.9vw;
}

/*.right-menu__header .header__icons-wrapper .dynamic_icon {
    font-size: 11vw;
    color: var(--icon-level-low);
}*/

.nav__list .badge-notification {
    /*font-size: 3vw;
    line-height: 16px;
    border-radius: 50%;
    padding: 0 5px !important;
    height: auto;*/
    background-color: var(--cwAccentBg, #FF3B30) !important;
    color: var(--cwAccentTxt, #fff) !important;
    min-width: 17px;
    height: 17px;
    padding: 2px 3px;
    font-size: 10px;
    font-weight: 500;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    line-height: 16px;
    width: auto
}

.nav__list .badge-notification.big_badge,
.nav__list .badge-notification {
    inset-block-start: 1.5vw;
    inset-inline-end: auto;
    inset-inline-start: 8.5vw;
}

.nav__list .badge-notification.big_badge {
    inset-block-start: 0.5vw;
    inset-block-start: 0.5vw;
   /* border-radius: 3vw;
    padding: 0 3px !important;
    line-height: 4.5vw;*/
}

.right-menu__user {
    margin-top: 2.22vw;
}

.right-menu__user .user__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-column-gap: 3.35vw;
    column-gap: 3.35vw;
    background-color: var(--bg-level-2, var(--cwBodyBg2));
    border-radius: 4.45vw;
    padding: 3.3vw;
}

.right-menu__user .user__image-wrapper {
    width: 12.25vw;
    height: 12.25vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--bg-level-1, var(--cwBodyBg));
    border-radius: 3.35vw;
}

.right-menu__user .user__image-wrapper .dynamic_icon {
    color: var(--icon-level-medium, var(--cwBodyTxt2));
}

.right-menu__user .user__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    justify-content: center;
    row-gap: 1.25vw;
}

.right-menu__user .user__info .user__username {
    font-size: 3.9vw;
    color: var(--text-level-high, var(--cwBodyTxt));
}

.right-menu__user .user__info .user__id {
    font-size: 3.3vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.right-menu__user .user__info .user__id .user__id--highlighted {
    color: var(--text-level-high, var(--cwBodyTxt));
    padding: 0 1vw;
}

.right-menu__balance {
    /*margin-bottom: 2.22vw;*/
    /*border-bottom: 0.2vw solid var(--bg-level-2);*/
}

.right-menu__balance .balance__slider {
    width: 100%;
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2.2vw;
    column-gap: 2.2vw;
    overflow: auto;*/
    margin: 2.22vw 0;
}

.balance__card {
    min-width: 78vw;
    width: 100%;
    height: 15.56vw;
    height: 20vw;
    /*background-color: var(--bg-level-2);
    border-radius: 1.6vw;*/
    padding: 4.44vw 3.3vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    /*margin: 4.44vw 0;*/
}

.balance__slider > .balance__card,
.balance__card.small_pd {
    padding: 2.22vw 3.3vw;
    height: 15.56vw;
}

.balance__card .card__info-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 3.3vw;
    column-gap: 3.3vw;
    width: 100%;
}

.balance__card .card__wallet-badge {
    width: 5.5vw;
    height: 11vw;
    /*background-color: var(--bg-level-3);*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*-webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;*/
    /*border-radius: 0px 0px 6.6vw 6.6vw;*/
    /*padding-bottom: 2.86vw;*/
}

.balance__card .card__balance-info {
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: .55vw;
    font-weight: 500;
}

.balance__card .card__balance-info .card__balance-type {
    font-size: 3.3vw;
}

.balance__card .card__balance-info .card__balance-count {
    font-size: 3.88vw;
    line-height: 5.55vw;
    color: var(--text-level-high, var(--cwBodyTxt));
    text-transform: uppercase;
}

.balance__card .card__balance-info .card__balance-count .highlighted {
    font-size: 3.8vw;
}

.balance__dropdown {
    display: none;
}

.balance__dropdown .card__wallet-badge .dynamic_icon{
    font-size: 11vw;
}

/*.balance__slider.opened .balance__dropdown {
    max-height: 100%;
    visibility: visible;
    transition: all .34s linear;
}*/

.balance__slider.opened .card__balance__dropdown_arrow .dynamic_icon {
    /*content: "\E100";*/
    transform: rotate(180deg);
    margin-top: -1vw;
}

.card__balance__dropdown_arrow {
    width: 5.55vw;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    color: var(--icon-level-high, var(--cwBodyTxt));
}

.card__balance__dropdown_arrow .dynamic_icon {
    transition: .32s linear;
}

.card__balance__dropdown_arrow .dynamic_icon:before {
    content: "\E099";
    transition: .34s linear;
    font-size: 8.35vw;
}

.card__balance__more {
    align-self: flex-start;
    margin-inline-start: auto;
    font-size: 3.88vw;
    color: var(--btn-primary);
    height: 5.55vw;
}

.card__balance__more .dynamic_icon {
    transform: rotate(180deg);
    margin-inline-start: 2.22vw!important;
}

.card__balance__more .dynamic_icon:before {
    content: "\E192";
    line-height: 66%;
}

.card__button-wrapper {
    margin-left: 4.4vw;
    margin-right: 4.4vw;
    column-gap: 2.22vw; 
    margin-bottom: 2.22vw;
}

.card__button-wrapper .card__button {
    width: 100%;
    height: 12.22vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--btn-primary, var(--cwButtonG));
    color: var(--btn-primary-text, var(--cwButtonTxt));
    border-radius: 3.33vw;
    text-align: center;
    font-size: 3.88vw;
    text-transform: uppercase;
    font-weight: 500;
}

.card__button.card__button--transparent {
    border: 1px solid var(--btn-primary, var(--cwButtonBg));
    background-color: transparent;
    color: var(--btn-primary, var(--cwButtonBg));
}

.right-menu__nav {
    padding: 0 0 10vw;
}


.right-menu__nav .cashback-btn {
    margin: 0 4.4vw 5.55vw;
    padding: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--btn-primary, var(--cwButtonG));
    border-radius: 12px;
    color: var(--btn-primary-text, var(--cwButtonTxt));
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.right-menu__nav .cashback-btn--alb {
    line-height: 0.5;
}


.right-menu__nav .nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom:50px;
}

.right-menu__nav .nav__list--sub {
    margin-inline-start: 9.7vw;
    padding-inline-start: 4.66vw;
    padding-inline-end: 4.4vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 3.8vw;
    -webkit-transition: .23s;
    transition: .23s;
    -webkit-transform: translateY(140%);
    transform: translateY(140%);
    height: 0;
    overflow: hidden;
}

.right-menu__nav .nav__list-item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

.right-menu__nav .nav__list-item:not(:last-child):after {
    content: "";
    display: inline-block;
    /*background: linear-gradient(90deg, var(--cwBodyBg2) 0%, var(--cwBodyTxt2) 50%, var(--cwBodyBg2) 100%);*/
    background: var(--cwBodyBg2);
    flex-shrink: 0;
    height: 1px;
    width: calc(100% - 32px);
    margin-top: 0;
    opacity: 0.5;
    position: absolute;
    bottom: 0;
    inset-inline-start: 16px;
}

.right-menu__nav .nav__list-item .dynamic_icon {
    font-size: 10vw;
}

.right-menu__nav .nav__list-item.opened .nav__list--sub {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    height: auto;
    overflow: hidden;
    margin-top: 4vw;
    margin-bottom: 4vw;
}

.right-menu__nav .nav__list-item.opened .nav__dropdown-head {
    background-color: var(--bg-level-2, var(--cwBodyBgHover));
    color: var(--text-level-high, var(--cwBodyTxt)) !important;
    border-color: var(--bg-level-4, var(--cwBodyBg3));
}

.right-menu__nav .nav__list-item--sub a {
    color: inherit !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.right-menu__nav .nav__dropdown-head {
    width: 100%;
    padding: 4.1vw 4.4vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-column-gap: 4.6vw;
    column-gap: 4.6vw;
    -webkit-transition: .23s;
    transition: .23s;
    font-size: 3.8vw;
    color: var(--text-level-medium, var(--cwBodyTxt2)) !important;
    text-transform: uppercase;
    border-inline-start: 1.1vw solid transparent;
    position: relative;
}

.right-menu__nav button.nav__dropdown-head:after {
    content: "\E364";
    font-family: "iconsDinamicMenu";
    height: 6.7vw;
    width: 6.7vw;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: var(--text-level-medium);
    transform: rotate(0deg);
    flex-shrink: 0;
    margin-inline-start: auto;
    margin-inline-end: 8px;
    font-size: 8.5vw;
    line-height: 80%;
}

.right-menu__nav .nav__list-item.opened .nav__dropdown-head:after{
    transform: rotate(180deg);
}

.right-menu .copy_msg {
    width: calc(100% - 40px);
   background: var(--bg-level-4, var(--cwTooltipBg));
    color: var(--text-level-high, var(--cwTooltipTxt));
    padding: 10px 20px;
    margin: 20px;
    border-radius: 4px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    border-inline-start: 4px solid var(--btn-primary, var(--cwButtonBg));
    display: flex;
    align-items: center;
    column-gap: 8px;
}
/**/

.right-menu .copy_msg .dynamic_icon {
    font-size: 7vw;
    border-radius: 50%;
    background: var(--btn-primary);
    padding: 5px 5px 2px;
}
/**/