.app-preloder {
    height: 100vh;
    background: #272931;
    display: flex;
    align-items: center
}

.app-preloder svg {
    max-height: 30vh
}

.cab-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    flex: 1 0;
    width: 100%
}

.cab-menu__li {
    position: relative;
    display: flex;
    align-items: center
}

.cab-menu__ttl {
    padding: 0 32px;
    color: var(--letra-primary);
    font-family: Poppins SemiBold;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
    opacity: .5;
    text-align: left;
    margin-bottom: 12px
}

.cab-menu__item {
    width: 100%
}

.cab-menu__list {
    list-style-type: none;
    width: 100%
}

.cab-menu__list_nav {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.cab-menu__dec {
    width: 8px;
    height: 40px;
    position: absolute;
    border-radius: 4px 0 0 4px;
    transition: all .3s linear;
    right: 0;
    top: 50%;
    margin-top: -20px
}

.cab-menu__link {
    padding: 12px 32px;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
    width: 100%;
    color: #8b8b8b;
    font-family: Poppins Medium;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    transition: all .3s linear;
    position: relative;
    background: transparent;
    border: none
}

.cab-menu__link svg {
    overflow: visible
}

.cab-menu__link_sm {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .24px
}

.cab-menu__link.active,
.cab-menu__link:active,
.cab-menu__link:focus,
.cab-menu__link:hover {
    color: var(--letra-primary)
}

.cab-menu__link.active .cab-menu__label-ar path,
.cab-menu__link:active .cab-menu__label-ar path,
.cab-menu__link:focus .cab-menu__label-ar path,
.cab-menu__link:hover .cab-menu__label-ar path {
    stroke: var(--letra-primary);
}

.cab-menu__link.active .cab-menu__dec,
.cab-menu__link:active .cab-menu__dec,
.cab-menu__link:focus .cab-menu__dec,
.cab-menu__link:hover .cab-menu__dec {
    background: var(--fondo-primary);

}

.cab-menu__link:not(.active) svg:first-of-type path,
.cab-menu__link:not(:active) svg:first-of-type path,
.cab-menu__link:not(:focus) svg:first-of-type path,
.cab-menu__link:not(:hover) svg:first-of-type path {
    fill: var(--letra-primary);
}

.cab-menu__link:not(.active) .cab-menu__i_dep rect,
.cab-menu__link:not(:active) .cab-menu__i_dep rect,
.cab-menu__link:not(:focus) .cab-menu__i_dep rect,
.cab-menu__link:not(:hover) .cab-menu__i_dep rect {
    fill: #fff;
}

.cab-menu__link:not(.active) .cab-menu__icon_my-depos path:nth-of-type(2),
.cab-menu__link:not(:active) .cab-menu__icon_my-depos path:nth-of-type(2),
.cab-menu__link:not(:focus) .cab-menu__icon_my-depos path:nth-of-type(2),
.cab-menu__link:not(:hover) .cab-menu__icon_my-depos path:nth-of-type(2) {
    transform: scale(.75) translateX(6px) translateY(4px)
}

.cab-menu__link:not(.active) .cab-menu__i_af path:nth-of-type(2),
.cab-menu__link:not(.active) .cab-menu__i_af path:nth-of-type(3),
.cab-menu__link:not(.active) .cab-menu__i_hist path:nth-of-type(2),
.cab-menu__link:not(.active) .cab-menu__i_set path:nth-of-type(2),
.cab-menu__link:not(:active) .cab-menu__i_af path:nth-of-type(2),
.cab-menu__link:not(:active) .cab-menu__i_af path:nth-of-type(3),
.cab-menu__link:not(:active) .cab-menu__i_hist path:nth-of-type(2),
.cab-menu__link:not(:active) .cab-menu__i_set path:nth-of-type(2),
.cab-menu__link:not(:focus) .cab-menu__i_af path:nth-of-type(2),
.cab-menu__link:not(:focus) .cab-menu__i_af path:nth-of-type(3),
.cab-menu__link:not(:focus) .cab-menu__i_hist path:nth-of-type(2),
.cab-menu__link:not(:focus) .cab-menu__i_set path:nth-of-type(2),
.cab-menu__link:not(:hover) .cab-menu__i_af path:nth-of-type(2),
.cab-menu__link:not(:hover) .cab-menu__i_af path:nth-of-type(3),
.cab-menu__link:not(:hover) .cab-menu__i_hist path:nth-of-type(2),
.cab-menu__link:not(:hover) .cab-menu__i_set path:nth-of-type(2) {
    fill: #fff;
}

.cab-menu__link:not(.active) .cab-menu__i_sup path:first-of-type,
.cab-menu__link:not(:active) .cab-menu__i_sup path:first-of-type,
.cab-menu__link:not(:focus) .cab-menu__i_sup path:first-of-type,
.cab-menu__link:not(:hover) .cab-menu__i_sup path:first-of-type {
    transform: translateY(1px) translateX(-1px)
}

.cab-menu__link.active .cab-menu__i_db path:nth-of-type(2),
.cab-menu__link.active svg.cab-menu__i_db path:first-of-type,
.cab-menu__link:active .cab-menu__i_db path:nth-of-type(2),
.cab-menu__link:active svg.cab-menu__i_db path:first-of-type,
.cab-menu__link:focus .cab-menu__i_db path:nth-of-type(2),
.cab-menu__link:focus svg.cab-menu__i_db path:first-of-type,
.cab-menu__link:hover .cab-menu__i_db path:nth-of-type(2),
.cab-menu__link:hover svg.cab-menu__i_db path:first-of-type {
    fill: var(--letra-primary)
}

/* El primer icono */
.cab-menu__link.active .cab-menu__i_db path:nth-of-type(4),
.cab-menu__link.active svg.cab-menu__i_db path:nth-of-type(3),
.cab-menu__link:active .cab-menu__i_db path:nth-of-type(4),
.cab-menu__link:active svg.cab-menu__i_db path:nth-of-type(3),
.cab-menu__link:focus .cab-menu__i_db path:nth-of-type(4),
.cab-menu__link:focus svg.cab-menu__i_db path:nth-of-type(3),
.cab-menu__link:hover .cab-menu__i_db path:nth-of-type(4),
.cab-menu__link:hover svg.cab-menu__i_db path:nth-of-type(3) {
    fill: var(--fondo-primary)
}

/* Segundo icono */
.cab-menu__link.active svg.cab-menu__i_dep rect,
.cab-menu__link:active svg.cab-menu__i_dep rect,
.cab-menu__link:focus svg.cab-menu__i_dep rect,
.cab-menu__link:hover svg.cab-menu__i_dep rect {
    fill: #fff;
}


.cab-menu__link.active svg.cab-menu__i_af path,
.cab-menu__link.active svg.cab-menu__i_dep path,
.cab-menu__link:active svg.cab-menu__i_af path,
.cab-menu__link:active svg.cab-menu__i_dep path,
.cab-menu__link:focus svg.cab-menu__i_af path,
.cab-menu__link:focus svg.cab-menu__i_dep path,
.cab-menu__link:hover svg.cab-menu__i_af path,
.cab-menu__link:hover svg.cab-menu__i_dep path {
    fill: var(--fondo-primary);
}

/* Tercer icono*/
.cab-menu__link.active svg.cab-menu__i_af path:nth-of-type(2),
.cab-menu__link.active svg.cab-menu__i_af path:nth-of-type(3),
.cab-menu__link:active svg.cab-menu__i_af path:nth-of-type(2),
.cab-menu__link:active svg.cab-menu__i_af path:nth-of-type(3),
.cab-menu__link:focus svg.cab-menu__i_af path:nth-of-type(2),
.cab-menu__link:focus svg.cab-menu__i_af path:nth-of-type(3),
.cab-menu__link:hover svg.cab-menu__i_af path:nth-of-type(2),
.cab-menu__link:hover svg.cab-menu__i_af path:nth-of-type(3) {
    fill: #fff;
}

/* Icono 6 y 7 */
.cab-menu__link.active svg.cab-menu__i_hist path,
.cab-menu__link:active svg.cab-menu__i_hist path,
.cab-menu__link:focus svg.cab-menu__i_hist path,
.cab-menu__link:hover svg.cab-menu__i_hist path {
    fill: var(--fondo-primary);
}

/* Icono 6 y 7 */
.cab-menu__link.active svg.cab-menu__i_hist path:nth-of-type(2),
.cab-menu__link:active svg.cab-menu__i_hist path:nth-of-type(2),
.cab-menu__link:focus svg.cab-menu__i_hist path:nth-of-type(2),
.cab-menu__link:hover svg.cab-menu__i_hist path:nth-of-type(2) {
    fill: #fff;
}

.cab-menu__link.active svg.cab-menu__i_set path,
.cab-menu__link:active svg.cab-menu__i_set path,
.cab-menu__link:focus svg.cab-menu__i_set path,
.cab-menu__link:hover svg.cab-menu__i_set path {
    fill: var(--fondo-primary)
}

/* Icono 8*/
.cab-menu__link.active svg.cab-menu__i_set path:nth-of-type(2),
.cab-menu__link:active svg.cab-menu__i_set path:nth-of-type(2),
.cab-menu__link:focus svg.cab-menu__i_set path:nth-of-type(2),
.cab-menu__link:hover svg.cab-menu__i_set path:nth-of-type(2) {
    fill: #fff;
}

.cab-menu__link.active svg.cab-menu__i_app path,
.cab-menu__link.active svg.cab-menu__i_pl path,
.cab-menu__link.active svg.cab-menu__i_tg path,
.cab-menu__link.active svg.cab-menu__i_wi path,
.cab-menu__link.active svg.cab-menu__i_yt path,
.cab-menu__link:active svg.cab-menu__i_app path,
.cab-menu__link:active svg.cab-menu__i_pl path,
.cab-menu__link:active svg.cab-menu__i_tg path,
.cab-menu__link:active svg.cab-menu__i_wi path,
.cab-menu__link:active svg.cab-menu__i_yt path,
.cab-menu__link:focus svg.cab-menu__i_app path,
.cab-menu__link:focus svg.cab-menu__i_pl path,
.cab-menu__link:focus svg.cab-menu__i_tg path,
.cab-menu__link:focus svg.cab-menu__i_wi path,
.cab-menu__link:focus svg.cab-menu__i_yt path,
.cab-menu__link:hover svg.cab-menu__i_app path,
.cab-menu__link:hover svg.cab-menu__i_pl path,
.cab-menu__link:hover svg.cab-menu__i_tg path,
.cab-menu__link:hover svg.cab-menu__i_wi path,
.cab-menu__link:hover svg.cab-menu__i_yt path {
    fill: var(--fondo-primary);
}

.cab-menu__link.active svg.cab-menu__i_wi path:nth-of-type(2),
.cab-menu__link:active svg.cab-menu__i_wi path:nth-of-type(2),
.cab-menu__link:focus svg.cab-menu__i_wi path:nth-of-type(2),
.cab-menu__link:hover svg.cab-menu__i_wi path:nth-of-type(2) {
    fill: var(--fondo-primary)
}

.cab-menu__link.active svg.cab-menu__i_sup path,
.cab-menu__link:active svg.cab-menu__i_sup path,
.cab-menu__link:focus svg.cab-menu__i_sup path,
.cab-menu__link:hover svg.cab-menu__i_sup path {
    fill: #fff;
    opacity: 1
}

.cab-menu__link.active svg.cab-menu__i_sup path:first-of-type,
.cab-menu__link:active svg.cab-menu__i_sup path:first-of-type,
.cab-menu__link:focus svg.cab-menu__i_sup path:first-of-type,
.cab-menu__link:hover svg.cab-menu__i_sup path:first-of-type {
    fill: var(--fondo-primary)
}

.cab-menu__link.active svg.cab-menu__icon_my-depos path,
.cab-menu__link:active svg.cab-menu__icon_my-depos path,
.cab-menu__link:focus svg.cab-menu__icon_my-depos path,
.cab-menu__link:hover svg.cab-menu__icon_my-depos path {
    fill: var(--letra-primary)
}

.cab-menu__link.active svg.cab-menu__icon_my-depos path:nth-of-type(2),
.cab-menu__link.active svg.cab-menu__icon_my-depos path:nth-of-type(3),
.cab-menu__link:active svg.cab-menu__icon_my-depos path:nth-of-type(2),
.cab-menu__link:active svg.cab-menu__icon_my-depos path:nth-of-type(3),
.cab-menu__link:focus svg.cab-menu__icon_my-depos path:nth-of-type(2),
.cab-menu__link:focus svg.cab-menu__icon_my-depos path:nth-of-type(3),
.cab-menu__link:hover svg.cab-menu__icon_my-depos path:nth-of-type(2),
.cab-menu__link:hover svg.cab-menu__icon_my-depos path:nth-of-type(3) {
    fill: #006cff
}

.cab-menu__label-ar path {
    transition: all .3s linear
}

.cab-menu__label {
    flex: auto;
    text-align: left
}

.cab-menu__icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: url(/menu-icons.svg) no-repeat 0 0;
    background-size: auto 48px
}

.cab-menu__icon_depo {
    background-position-x: -24px;
    transition: transform .3s ease-in-out
}

.cab-menu__icon_my-depos {
    background-position-x: -48px
}

.cab-menu__icon_affil {
    background-position-x: -72px
}

.cab-menu__icon_sup {
    background-position-x: -96px
}

.cab-menu__icon_withd {
    background-position-x: -120px
}

.cab-menu__icon_hist {
    background-position-x: -144px
}

.cab-menu__icon_set {
    background-position-x: -168px
}

.cab-menu__icon_andr {
    background-position-x: -192px
}

.cab-menu__icon_ios {
    background-position-x: -216px
}

.cab-menu__icon_tg {
    background-position-x: -240px
}

.cab-menu__icon_youtube {
    background-position-x: -264px
}

.cab-menu__icon_play {
    background-position-x: -288px
}

.cab-menu__icon_dnld {
    background-position-x: -312px
}

.cab-menu .cab-menu__link.active .cab-menu__icon,
.cab-menu .cab-menu__link:active .cab-menu__icon,
.cab-menu .cab-menu__link:focus .cab-menu__icon,
.cab-menu .cab-menu__link:hover .cab-menu__icon,
.cab-menu__icon_dnld {
    background-position-y: -24px
}

.cab-menu .cab-menu__link:active .cab-menu__icon,
.cab-menu .cab-menu__link:focus .cab-menu__icon,
.cab-menu .cab-menu__link:hover .cab-menu__icon {
    animation: fadeinOut .35s forwards
}

.cab-menu__dropdown {
    border-radius: 16px;
    background: #171717;
    box-shadow: 12px 12px 40px 0 rgba(0, 0, 0, .24);
    display: flex;
    padding: 28px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    position: absolute;
    z-index: 1000;
    left: calc(100% + 20px);
    width: 100%;
    min-width: 360px
}

.cab-menu__dropdown_links {
    width: auto;
    min-width: 229px
}

.cab-menu__dropdown>svg {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: -10px
}

.cab-menu__dropdown-row {
    display: flex;
    flex-flow: row wrap;
    gap: 16px;
    max-width: 304px
}

.cab-menu__dropdown-link {
    display: flex;
    align-items: center;
    gap: 16px;
    color: var(--Secondary-Gray, #8a9ba8);
    text-align: center;
    font-family: Poppins Medium;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .24px
}

.cab-menu a.cab-menu__dropdown-link {
    color: #fff
}

.cab-menu a.cab-menu__dropdown-link .cab-menu__icon {
    background-position-y: -24px
}

.cab-menu__i {
    overflow: visible
}

.cab-menu__i path {
    transform-origin: center
}

.cab-menu__i_af {
    margin-top: -5px
}

.cab-menu__i_af path {
    transform-origin: top
}

.cab-menu__link:hover .cab-menu__i_db path {
    animation: db .2s forwards
}

.cab-menu__link:hover .cab-menu__i_db path:first-of-type {
    animation-delay: 0s
}

.cab-menu__link:hover .cab-menu__i_db path:nth-of-type(2) {
    animation-delay: .4s
}

.cab-menu__link:hover .cab-menu__i_db path:nth-of-type(3) {
    animation-delay: .6s
}

.cab-menu__link:hover .cab-menu__i_db path:nth-of-type(4) {
    animation-delay: .2s
}

.cab-menu__link:hover .cab-menu__i_dep path {
    transform-origin: center;
    animation: dep .6s forwards
}

.cab-menu__link:hover .cab-menu__i_af path {
    animation: af .8s forwards
}

.cab-menu__link:hover .cab-menu__i_sup path:first-of-type {
    transform-origin: center;
    animation: sup1 .8s forwards
}

.cab-menu__link:hover .cab-menu__i_sup path:nth-of-type(2) {
    animation: sup2 .8s forwards
}

.cab-menu__link:hover .cab-menu__i_set path {
    transform-origin: center;
    animation: set .8s forwards
}

.cab-menu__link:hover .cab-menu__i_wi path:nth-of-type(2) {
    animation: wi .8s forwards
}

.cab-menu__link:hover .cab-menu__i_wi path:first-of-type {
    animation: wi2 .8s forwards
}

.cab-menu__link:hover .cab-menu__i_hist path:nth-of-type(2) {
    transform-origin: center;
    animation: hi .8s forwards
}

.cab-menu__link:hover .cab-menu__i_hist path:first-of-type {
    transform-origin: center;
    animation: hi1 .8s forwards
}

.cab-menu__link:hover .cab-menu__icon_my-depos path {
    transform-origin: center;
    animation: pl .8s forwards
}

.cab-menu__link:hover .cab-menu__i_app path,
.cab-menu__link:hover .cab-menu__i_pl path,
.cab-menu__link:hover .cab-menu__i_tg path,
.cab-menu__link:hover .cab-menu__i_yt path {
    transform-origin: center;
    animation: app .8s forwards
}

.cab-menu__soon {
    padding: 4px 4px 3px;
    border-radius: 4px;
    background: #31343d;
    color: var(--secondary-white, #fff);
    font-family: Poppins Medium;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 10px;
    min-width: 44px;
    text-align: center
}

.cab-menu__list_others {
    display: none
}

.cab-menu__link:hover .cab-menu__icon_dashb {
    transform: scale(1.2)
}

@keyframes fadeinOut {
    0% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

@keyframes db {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

@keyframes dep {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

@keyframes af {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.2)
    }

    50% {
        transform: scale(1.2) rotate(-35deg)
    }

    75% {
        transform: scale(1.2) rotate(35deg)
    }

    to {
        transform: scale(1)
    }
}

@keyframes sup1 {
    0% {
        transform: translateX(3px) translateY(-3px) scale(1.4)
    }

    25% {
        fill-rule: unset;
        transform: translateX(3px) translateY(-3px) scale(1.4)
    }

    50% {
        fill-rule: evenodd;
        transform: translateX(3px) translateY(-3px) scale(1.4)
    }

    75% {
        fill-rule: unset;
        transform: translateX(3px) translateY(-3px) scale(1.4)
    }

    to {
        fill-rule: evenodd;
        transform: scale(1)
    }
}

@keyframes sup2 {
    0% {
        opacity: 0
    }

    99% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes wi {
    0% {
        transform-origin: top;
        transform: scaleY(1) translateY(0)
    }

    50% {
        transform-origin: top;
        transform: scaleY(1.5) translateY(-2px)
    }

    to {
        transform-origin: top;
        transform: scaleY(1) translateY(0)
    }
}

@keyframes wi2 {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(7px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes set {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2) rotate(1turn)
    }

    to {
        transform: scale(1)
    }
}

@keyframes hi1 {
    0% {
        transform-origin: center;
        transform: scale(1)
    }

    50% {
        transform-origin: center;
        transform: scale(1.2)
    }

    to {
        transform-origin: center;
        transform: scale(1)
    }
}

@keyframes hi {
    0% {
        transform: scale(1) rotate(0deg)
    }

    50% {
        transform: scale(1.2) rotate(1turn)
    }

    to {
        transform: scale(1) rotate(1turn)
    }
}

@keyframes app {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2) rotate(-10deg)
    }

    to {
        transform: scale(1)
    }
}

@keyframes pl {
    0% {
        transform: scale(1)
    }

    33% {
        transform: scale(1.2) rotate(45deg)
    }

    66% {
        transform: scale(1.2) rotate(-45deg)
    }

    to {
        transform: scale(1)
    }
}

@media(max-width:1199px) {
    .cab-menu {
        gap: 12px
    }

    .cab-menu__ttl {
        padding: 0 16px;
        margin-bottom: 0
    }

    .cab-menu__ttl_main {
        display: none
    }

    .cab-menu__li {
        flex-direction: column
    }

    .cab-menu__link {
        padding: 12px 16px
    }

    .cab-menu__link svg {
        transition: all .3s linear
    }

    .cab-menu__list_others {
        display: block
    }

    .cab-menu__list_others .cab-menu__link_sm {
        font-family: Poppins;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: .24px
    }

    .cab-menu__list_others .cab-menu__icon_play {
        background-position-x: -336px
    }

    .cab-menu .cab-menu__link_available {
        color: var(--Secondary-White, #fff)
    }

    .cab-menu .cab-menu__link_available .cab-menu__icon {
        background-position-y: -24px
    }

    .cab-menu__mob-collapse {
        padding: 12px 16px;
        display: flex;
        align-items: center;
        flex-flow: row wrap;
        gap: 12px;
        align-self: stretch
    }

    .cab-menu__link_up svg {
        transform: rotate(180deg)
    }
}

.flag {
    background: url(/flags-list.svg) no-repeat 0 0;
    background-size: cover;
    width: 36px;
    height: 24px;
    flex-shrink: 0;
    border-radius: 4px;
    margin-right: 12px;
    --width: -36px;
    background-size: auto 24px
}

.flag-inactive {
    opacity: .5
}

.flag_sm {
    margin-right: 8px;
    width: 24px;
    height: 16px;
    --width: -24px;
    background-size: auto 16px
}

.flag_lg {
    margin-right: 0;
    width: 48px;
    height: 32px;
    --width: -48px;
    background-size: auto 32px
}

.flag_es {
    background-position-x: var(--width)
}

.flag_fr {
    background-position-x: calc(var(--width)*2)
}

.flag_fa {
    background-position-x: calc(var(--width)*3)
}

.flag_de {
    background-position-x: calc(var(--width)*4)
}

.flag_it {
    background-position-x: calc(var(--width)*5)
}

.flag_cn {
    background-position-x: calc(var(--width)*6)
}

.flag_pt {
    background-position-x: calc(var(--width)*7)
}

.flag_ar {
    background-position-x: calc(var(--width)*8)
}

.flag_tr {
    background-position-x: calc(var(--width)*10)
}

.flag_ru {
    background-position-x: calc(var(--width)*11)
}

.flag_th {
    background-position-x: calc(var(--width)*12)
}

.flag_vn {
    background-position-x: calc(var(--width)*13)
}

.flag_hi {
    background-position-x: calc(var(--width)*14)
}

.flag_ja {
    background-position-x: calc(var(--width)*15)
}

.flag_zh {
    background-position-x: calc(var(--width)*16)
}

.flag_ro {
    background-position-x: calc(var(--width)*17)
}

.flag_ko {
    background-position-x: calc(var(--width)*18)
}

.cab-sidebar-info {
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    border-radius: 16px;
    background: #1f1f1f
}

.cab-sidebar-info,
.cab-sidebar-info__top {
    display: flex;
    width: 100%;
    align-items: flex-start
}

.cab-sidebar-info__top {
    gap: 11px
}

.cab-sidebar-info__name {
    flex: auto;
    color: var(--secondary-white, #fff);
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: capitalize
}

.cab-sidebar-info__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 2px;
    width: 100%
}

.cab-sidebar-info__label {
    color: var(--secondary-white, #fff);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .24px;
    opacity: .5
}

.cab-sidebar-info__label,
.cab-sidebar-info__link {
    font-family: Poppins;
    font-style: normal;
    line-height: 20px
}

.cab-sidebar-info__link {
    color: var(--secondary-yellow, #ffe600);
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-transform: capitalize
}

.cab-sidebar-info__link:active,
.cab-sidebar-info__link:focus,
.cab-sidebar-info__link:hover {
    text-decoration: none
}

.cab-sidebar-info__flag {
    background: url(/australia-1.png) no-repeat 50%;
    background-size: cover;
    width: 32px;
    height: 32px;
    flex-shrink: 0
}

.cab-topbar {
    padding: 24px 0;
    align-self: stretch
}

.cab-topbar,
.cab-topbar__user {
    display: flex;
    align-items: center
}

.cab-topbar__user {
    gap: 16px;
    flex: 1 0;
    margin-top: 4px
}

.cab-topbar__user-avatar {
    width: 36px;
    height: 36px;
    flex-shrink: 0
}

.cab-topbar__user-n {
    font-family: Poppins Semibold;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

.cab-topbar__user-e,
.cab-topbar__user-n {
    color: var(--letra-primary);
    font-style: normal
}

.cab-topbar__user-e {
    font-family: Poppins Medium;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    opacity: .6
}

.cab-topbar__options {
    display: flex;
    align-items: center;
    gap: 12px
}

.cab-topbar__user-n-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px
}

.cab-topbar__nav-i {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background: url(/navbar-icons.svg) no-repeat 0 0;
    background-size: 96px auto;
}

.cab-topbar__nav-i_sm {
    width: 20px;
    height: 20px;
    background-size: 80px auto
}

.cab-topbar__nav-i_sm.cab-topbar__nav-i_sett {
    background-position-x: -40px
}

.cab-topbar__nav-i_sm.cab-topbar__nav-i_sett:active,
.cab-topbar__nav-i_sm.cab-topbar__nav-i_sett:focus,
.cab-topbar__nav-i_sm.cab-topbar__nav-i_sett:hover {
    background-position-y: -20px
}

.cab-topbar__nav-i_time {
    background-position-x: -24px
}

.cab-topbar__nav-i_sett {
    background-position-x: -48px
}

.cab-topbar__nav-i_sett:active,
.cab-topbar__nav-i_sett:focus,
.cab-topbar__nav-i_sett:hover {
    background-position-y: -24px
}

.cab-topbar__nav-i_exit {
    background-position-x: -72px
}

.cab-topbar__nav-i_exit.active,
.cab-topbar__nav-i_exit:active,
.cab-topbar__nav-i_exit:focus,
.cab-topbar__nav-i_exit:hover {
    background-position-y: -24px
}

.cab-topbar__nav {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--letra-primary);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: .14px;
    padding: 5px;
    background: transparent;
    position: relative
}

.cab-topbar__nav_b {
    border-radius: 8px;
    border: 1px solid rgba(51, 64, 106, 0.1);
}

.cab-topbar__nav_b:hover {
    background-color: #223cbf;
    color: #fff !important;
}

.cab-topbar__nav_time {
    /* min-width: 110px*/
    margin-right: 17px;
}

.cab-topbar__nav_lang {
    padding: 0;
    border-radius: 8px;
    background: #282828
}

.cab-topbar__nav_lang svg {
    width: 16px;
    height: 16px
}

.cab-topbar__nav_lang .dropdown_sm .dropdown__trigger {
    padding: 8px 12px
}

.cab-topbar__nav_lang .dropdown__label {
    text-transform: uppercase
}

.cab-topbar__nav .dropdown__menu {
    justify-content: flex-end
}

.cab-topbar__nav .dropdown__menu_show svg path {
    fill: #171717
}

.cab-topbar__nav .dropdown__list {
    margin-right: -15px;
    background: #171717;
    box-shadow: 12px 12px 40px 0 rgba(0, 0, 0, .24)
}

.cab-topbar__mob {
    display: none
}

.cab-topbar__mob-nav {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 0;
    justify-content: flex-end
}

.cab-topbar__mob-time {
    display: flex;
    min-width: 95px;
    padding: 0 4px;
    align-items: center;
    gap: 0;
    color: #fff;
    text-align: right;
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: .14px
}

.cab-topbar__mob-time .cab-topbar__nav-i_time {
    margin-right: 4px
}

.cab-topbar__mob-lang {
    padding: 6px 12px;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid #282828;
    color: #feffff;
    text-align: right;
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: .14px;
    text-transform: uppercase
}

.cab-topbar__mob-lang,
.cab-topbar__mob-user {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background: transparent
}

.cab-topbar__mob-user {
    gap: 10px;
    padding: 0;
    border: none
}

.cab-topbar__mob-user svg {
    flex-shrink: 0
}

.cab-topbar__mob-user-i {
    width: 36px;
    height: 36px;
    flex-shrink: 0
}

@media(max-width:1199px) {
    .cab-topbar {
        padding: 16px 0 12px
    }

    .cab-topbar__options,
    .cab-topbar__user {
        display: none
    }

    .cab-topbar__mob {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 8px;
        align-self: stretch
    }

    .cab-topbar__menu {
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        border: none;
        background-color: transparent;
    }
}

.user-avatar {
    width: 100%;
    height: 100%;
    background: var(--neutral-black-700, #31343d) url(/user-avatars.png) no-repeat 0 center;
    background-size: cover;
    border-radius: 12px
}

.user-avatar_customer {
    background: url(/user-avatars.png) no-repeat -36px 0, linear-gradient(135deg, #1db1f7 2.76%, #00f 97.36%);
    background-size: cover
}

.user-avatar_adm {
    background: url(/user-avatars.png) no-repeat 100% 0;
    background-size: cover
}

.user-avatar_md {
    border-radius: 8.53px
}

.user-avatar_md.user-avatar_customer {
    background: url(/user-avatars.png) no-repeat -60px 0, linear-gradient(135deg, #1db1f7 2.76%, #00f 97.36%);
    background-size: cover
}

.user-avatar_lg {
    border-radius: 25px
}

.user-avatar_lg.user-avatar_customer {
    background: url(/user-avatars.png) no-repeat -80px 0, linear-gradient(135deg, #1db1f7 2.76%, #00f 97.36%);
    background-size: cover
}

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

.dropdown__trigger {
    width: 100%;
    border-radius: 16px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .3s ease-in-out;
    border: none
}

.dropdown__trigger_border {
    border: 2px solid var(--neutral-black-800, #272931)
}

.dropdown__trigger_border.dropdown__trigger_show {
    border: 2px solid #fff
}

.dropdown__trigger_disabled {
    border-radius: 16px;
    border: 2px solid var(--neutral-black-800, #272931);
    opacity: .5
}

.dropdown__trigger>svg:last-of-type {
    transform: rotate(0deg);
    transition: all .3s ease-in-out
}

.dropdown__trigger.dropdown__trigger_show>svg:last-of-type {
    transform: rotate(-180deg)
}

.dropdown__trigger.dropdown__trigger_show>svg:last-of-type path {
    stroke: #fff
}

.dropdown__label {
    color: var(--secondary-white, #fff);
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    flex: auto;
    text-align: left;
    white-space: nowrap
}

.dropdown__list {
    width: 100%;
    min-width: 131px;
    padding: 32px;
    border-radius: 20px;
    background: #1e2027;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    box-shadow: 12px 12px 40px 0 rgba(0, 0, 0, .24);
    list-style-type: none
}

.dropdown__link {
    color: var(--dashboard-primary-text-gray, #8b8b8b);
    text-align: center;
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    display: flex;
    align-items: center
}

.dropdown__link:active,
.dropdown__link:focus,
.dropdown__link:hover {
    color: #fff
}

.dropdown__link_cyr {
    font-family: Montserrat
}

.dropdown__menu {
    position: absolute;
    width: 100%;
    z-index: -1000;
    opacity: 0;
    transition: all .3s ease-in-out;
    justify-content: center;
    display: flex;
    pointer-events: none
}

.dropdown__menu_show {
    pointer-events: unset;
    opacity: 1;
    z-index: 1000
}

.dropdown__menu_show>svg {
    opacity: 1
}

.dropdown__menu>svg {
    position: absolute;
    transition: all .3s ease-in-out
}

.dropdown_lg .dropdown__trigger {
    padding: 16px 20px;
    gap: 12px
}

.dropdown_lg .dropdown__link {
    padding: 12px 0
}

.dropdown_lg .dropdown__menu {
    padding-top: 20px
}

.dropdown_lg .dropdown__menu>svg {
    top: 10px
}

.dropdown_sm .dropdown__trigger {
    padding: 12px 0;
    gap: 8px
}

.dropdown_sm .dropdown__link {
    padding: 8px 0
}

.dropdown_sm .dropdown__menu {
    padding-top: 10px
}

.dropdown_sm .dropdown__menu>svg {
    top: 0
}

.dropdown_header-link .dropdown__label {
    color: var(--secondary-gray, #8a9ba8)
}

.dropdown_header-link .dropdown__label:active,
.dropdown_header-link .dropdown__label:focus,
.dropdown_header-link .dropdown__label:hover,
.dropdown_header-link.active .dropdown__label {
    color: #fff
}

.dropdown_header-link+.dropdown__menu {
    justify-content: flex-start
}

.dropdown_header-link+.dropdown__menu>svg {
    margin-left: 32px
}

.dropdown_header-link+.dropdown__menu .dropdown__list {
    min-width: 504px;
    box-shadow: none
}

.dropdown_header-lang+.dropdown__menu .dropdown__list {
    min-width: 680px;
    box-shadow: none
}

button.dropdown__link[disabled] {
    opacity: .6
}

.lang-list .row {
    margin-left: -4px;
    margin-right: -4px
}

.lang-list .row>* {
    padding-left: 4px;
    padding-right: 4px
}

.lang-list__li_inact {
    position: relative;
    opacity: .5
}

.lang-list__li_inact:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.lang-list__item {
    display: flex;
    width: 100%;
    padding: 12px !important;
    align-items: center;
    gap: 12px;
    border-radius: 12px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    transition: all .3s linear;
    color: #fff;
    background: transparent;
    border: none
}

.lang-list__item:active,
.lang-list__item:focus,
.lang-list__item:hover {
    background: #272931;
    font-size: 16px
}

.flag-round {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: url(/languages.svg) no-repeat 0 0;
    background-size: auto 24px;
    --f-width: -24px
}

.flag-round_de {
    background-position-x: 0
}

.flag-round_en {
    background-position-x: var(--f-width)
}

.flag-round_fr {
    background-position-x: calc(var(--f-width)*2)
}

.flag-round_es {
    background-position-x: calc(var(--f-width)*3)
}

.flag-round_it {
    background-position-x: calc(var(--f-width)*4)
}

.flag-round_pt {
    background-position-x: calc(var(--f-width)*5)
}

.flag-round_tr {
    background-position-x: calc(var(--f-width)*6)
}

.flag-round_ru {
    background-position-x: calc(var(--f-width)*7)
}

.flag-round_ar {
    background-position-x: calc(var(--f-width)*8)
}

.flag-round_cn {
    background-position-x: calc(var(--f-width)*9)
}

.flag-round_th {
    background-position-x: calc(var(--f-width)*10)
}

.flag-round_fa {
    background-position-x: calc(var(--f-width)*11)
}

.flag-round_vn {
    background-position-x: calc(var(--f-width)*12)
}

.flag-round_hi {
    background-position-x: calc(var(--f-width)*13)
}

.flag-round_ja {
    background-position-x: calc(var(--f-width)*14)
}

.flag-round_zh {
    background-position-x: calc(var(--f-width)*15)
}

.flag-round_ro {
    background-position-x: calc(var(--f-width)*16)
}

.flag-round_ko {
    background-position-x: calc(var(--f-width)*17)
}

.flag-round_nz {
    background-position-x: calc(var(--f-width)*18)
}

.flag-round_usa {
    background-position-x: calc(var(--f-width)*19)
}

.flag-round_au {
    background: url(/flag-au.svg) no-repeat 50%;
    background-size: cover
}

.flag-round_sg {
    background: url(/flag-sg.svg) no-repeat 50%;
    background-size: cover
}

.bottom-slide {
    width: 100%;
    height: 0;
    position: fixed;
    z-index: 10000;
    left: 0;
    bottom: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.bottom-slide__fader {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    background: var(--neutral-black-900, #1e2027);
    z-index: -1;
    transition: all .2s linear
}

.bottom-slide__inner {
    border-radius: 10px 10px 0 0;
    background: var(--neutral-black-800, #272931);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    padding: 4px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    height: 0;
    max-height: calc(100dvh - 80px);
    transition: height .35s linear;
    transition-delay: .1s
}

.bottom-slide__inner .btn-primary {
    max-width: calc(100% - 32px)
}

.bottom-slide_show {
    overflow: unset;
    height: 100dvh
}

.bottom-slide_show .bottom-slide__fader {
    opacity: .8
}

.bottom-slide_show .bottom-slide__inner {
    height: calc(100dvh - 80px)
}

.bottom-slide_hidding .bottom-slide__fader {
    opacity: 0
}

.bottom-slide_hidding .bottom-slide__inner {
    height: 0
}

.bottom-slide__top {
    color: #fff;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .56px;
    display: flex;
    flex-direction: column;
    padding: 0 10px 12px;
    gap: 8px;
    position: relative;
    width: 100%
}

.bottom-slide__top:before {
    content: "";
    display: inline-block;
    width: 36px;
    height: 5px;
    border-radius: 2.5px;
    background: var(--label-color-dark-tertiary, rgba(235, 235, 245, .3));
    margin: 0 auto
}

.bottom-slide__row {
    display: flex;
    width: 100%;
    gap: 8px;
    padding: 0 10px 20px
}

.bottom-slide__tab {
    flex: 1 1;
    padding: 12px 24px;
    color: var(--secondary-gray, #8a9ba8);
    text-align: center;
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .14px;
    border: none;
    border-radius: 12px;
    background: var(--neutral-black-700, #31343d);
    white-space: nowrap
}

.bottom-slide__tab.active {
    background: var(--primary-blue, #006cff);
    color: #fff
}

.bottom-slide__tab small {
    color: var(--secondary-gray, #8a9ba8);
    text-align: center;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .24px
}

.bottom-slide__body {
    width: 100%;
    flex: auto;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll
}

.bottom-slide__body::-webkit-scrollbar {
    display: none
}

.bottom-slide__body>div {
    height: 100%
}

.bottom-slide__list-btn {
    padding: 12px 16px;
    width: 100%;
    border: none;
    background: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--secondary-gray, #8a9ba8);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .14px;
    text-align: left;
    min-height: 48px
}

.bottom-slide__list-btn.active {
    background: var(--neutral-black-700, #31343d);
    color: #feffff
}

.bottom-slide__list-btn.active:after {
    content: "";
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: url(/Check-blue.svg) no-repeat 50%;
    background-size: contain
}

.bottom-slide__list-btn small {
    color: var(--Green, #48dd4b);
    font-size: 10px;
    line-height: 10px;
    letter-spacing: .05px
}

.bottom-slide__list-btn div {
    display: flex;
    flex-direction: column
}

.bottom-slide__bottom {
    height: 35px;
    width: 100%
}

.bottom-slide__close {
    background: url(/Close.svg) no-repeat 50%;
    background-size: cover;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    border: none
}

.bottom-slide__info {
    list-style-type: none;
    padding: 0 16px;
    display: flex;
    flex-direction: column
}

.bottom-slide__info-item {
    display: flex;
    height: 48px;
    padding: 2px 0;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    align-self: stretch;
    border-bottom: 1px dashed rgba(80, 79, 79, .3)
}

.bottom-slide__info-item:last-of-type {
    border-bottom: none
}

.bottom-slide__info-item-l {
    color: var(--secondary-gray, #8a9ba8);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.bottom-slide__info-item-v {
    color: #feffff;
    text-align: right;
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .14px
}

.bottom-slide__mob-langs {
    display: flex;
    height: 100%;
    width: 100%;
    padding: 4px 16px 0;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    min-height: 364px;
    justify-content: space-between
}

.bottom-slide__mob-langs-block {
    display: flex;
    width: 100%;
    padding: 14px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 16px;
    background: #090909
}

.bottom-slide__line {
    height: 1px;
    width: 100%;
    background: #242424
}

.bottom-slide__avatar {
    width: 44px;
    height: 44px;
    flex-shrink: 0
}

.bottom-slide__user-text {
    flex: 1 1
}

.bottom-slide__user-name {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .56px
}

.bottom-slide__user-email,
.bottom-slide__user-name {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400
}

.bottom-slide__user-email {
    color: var(--Secondary-White, #fff);
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .24px;
    opacity: .6
}

.bottom-slide__user-top {
    border-radius: 16px;
    background: #090909;
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    padding: 16px
}

.rank-icon {
    width: 24px;
    height: 24px;
    background: url(/ranks.png) no-repeat 0 0;
    background-size: auto 48px;
    --width: -24px
}

.rank-icon_md {
    width: 32px;
    height: 32px;
    --width: -32px;
    background-size: auto 64px
}

.rank-icon_lg {
    width: 57.64px;
    height: 57.64px;
    --width: -57.64px;
    background-size: auto 115.28px
}

.rank-icon_xl {
    width: 120px;
    height: 120px;
    --width: -120px;
    background: url(/ranks-xl.png) no-repeat 0 0;
    background-size: auto 120px
}

.rank-icon_1 {
    background-position-x: var(--width)
}

.rank-icon_2 {
    background-position-x: calc(var(--width)*2)
}

.rank-icon_3 {
    background-position-x: calc(var(--width)*3)
}

.rank-icon_4 {
    background-position-x: calc(var(--width)*4)
}

.rank-icon_5 {
    background-position-x: calc(var(--width)*5)
}

.rank-icon_6 {
    background-position-x: calc(var(--width)*6)
}

.rank-icon_7 {
    background-position-x: calc(var(--width)*7)
}

.rank-icon_8 {
    background-position-x: calc(var(--width)*8)
}

.rank-icon_9 {
    background-position-x: calc(var(--width)*9)
}

.rank-icon_10 {
    background-position-x: calc(var(--width)*10)
}

.rank-icon_11 {
    background: url(/top-level.svg) no-repeat 50%;
    background-size: cover
}

.rank-icon_inactive {
    background-position-y: var(--width)
}

.big-dashed-btn {
    border-radius: 12px;
    border: 1px dashed #504f4f;
    display: flex;
    padding: 24px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    width: 100%;
    background: transparent;
    color: var(--secondary-white, #fff);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    transition: all .3s linear
}

body.cabinet {
    background: #1f1f1f;
    background: #fafbff;
}

body.cabinet:before {
    display: none
}

.cab-layout {
    display: inline-flex;
    align-items: flex-start;
    flex: 1 1
}

.cab-layout_settings {
    background-image: url(/cab-sphere-dec.png);
    background-size: 500px auto;
    background-repeat: no-repeat;
    background-position: 100% 100%
}

.cab-layout__sidebar-wrap {
    min-width: 280px;
    flex-basis: 280px;
    padding-bottom: 44px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-self: stretch;
    background: #fff;
    padding-bottom: 0px;
}

.cab-layout__content {
    display: flex;
    flex: auto;
    max-width: 1640px;
    width: calc(100% - 280px);
    padding: 0 44px 44px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch
}

.cab-layout__sidebar-logo {
    display: flex;
    height: 92px;
    padding: 24px 40px;
    align-items: center;
    gap: 12px
}

.cab-layout__sidebar-img {
    max-width: 187px;
    height: auto
}

.cab-layout__sidebar-info {
    padding: 0 32px;
    flex: auto;
    display: flex;
    align-items: flex-end
}

.cab-layout__top {
    width: 100%
}

.cab-layout__body {
    display: flex;
    flex-direction: column;
    gap: 32px;
    flex: auto;
    width: 100%
}

.cab-layout__title {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 32px;
    align-self: stretch
}

.cab-layout__title_center {
    text-align: center
}

.cab-layout__h1 {
    color: var(--letra-primary);
    font-family: Poppins Medium;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    flex: 1 0
}

.cab-layout .row {
    margin-left: -16px;
    margin-right: -16px
}

.cab-layout .row>* {
    padding-left: 16px;
    padding-right: 16px
}

.cab-layout__card {
    padding: 32px;
    background: white;
    border: 1px solid rgba(69, 94, 238, 0.1);
    border-radius: 20px;
    box-shadow: 0px 4px 13px 0px rgba(204, 206, 213, 0.21);
    padding: 28px 30px;
}

.cab-layout__card-ttl {
    color: var(--letra-primary);
    font-family: Poppins Medium;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 24px
}

.cab-layout__card-ttl_center {
    text-align: center
}

.cab-layout__lbl {
    color: #8b8b8b;
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .28px
}

.cab-layout__i {
    display: block;
    background: url(/cab-icons-fill.svg) no-repeat 0 0;
    background-size: auto 96px;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    --i-w: -24px;
    --i-h: -24px
}

.cab-layout__i_20 {
    background-size: auto 80px !important;
    width: 20px;
    height: 20px;
    --i-w: -20px;
    --i-h: -20px
}

.cab-layout__i_16 {
    background-size: auto 64px;
    width: 16px;
    height: 16px;
    --i-w: -16px;
    --i-h: -16px
}

.cab-layout__i_white {
    background-position-y: 100%
}

.cab-layout__i_gray {
    background-position-y: 25%
}

.cab-layout__i_email {
    background-position-x: calc(var(--i-w)*17)
}

.cab-layout__i_calend {
    background-position-x: calc(var(--i-w)*5)
}

.cab-layout__i_usrs {
    background-position-x: calc(var(--i-w)*24)
}

.cab-layout__i_usr {
    background-position-x: calc(var(--i-w)*2)
}

.cab-layout__i_acc {
    background-position-x: calc(var(--i-w)*3)
}

.cab-layout__i_case {
    background-position-x: calc(var(--i-w)*21)
}

.cab-layout__i_topic {
    background-position-x: calc(var(--i-w)*25)
}

.cab-layout__i_wal {
    background-position-x: calc(var(--i-w)*28)
}

.cab-layout__i_pass {
    background-position-x: calc(var(--i-w)*0)
}

.cab-layout__i_ga {
    background-position-x: calc(var(--i-w)*22)
}

.cab-layout__i_message {
    background-position-x: calc(var(--i-w)*15)
}

.cab-layout__i_coin {
    background-position-x: calc(var(--i-w)*8)
}

.cab-layout__i_logo {
    background-position-x: calc(var(--i-w)*9)
}

.cab-layout__i_list {
    background-position-x: calc(var(--i-w)*26)
}

.cab-layout__i_edit {
    background-position-x: calc(var(--i-w)*23)
}

.cab-layout__i_save {
    background-position-x: calc(var(--i-w)*29)
}

.cab-layout__i_calc {
    background-position-x: calc(var(--i-w)*27)
}

.cab-layout__i_timer {
    background-position-x: calc(var(--i-w)*30)
}

.cab-layout__i_add {
    background-position-x: calc(var(--i-w)*32)
}

.cab-layout__i_math {
    background: url(/math.svg) no-repeat 50%;
    background-size: cover
}

.cab-layout__i_ps {
    background-image: url(/ps-icons.svg);
    background-size: auto 96px
}

.cab-layout__i_BTC,
.cab-layout__i_btc {
    background-position-x: calc(var(--i-w)*0)
}

.cab-layout__i_ETH,
.cab-layout__i_eth {
    background-position-x: calc(var(--i-w)*1)
}

.cab-layout__i_LTC,
.cab-layout__i_ltc {
    background-position-x: calc(var(--i-w)*2)
}

.cab-layout__i_TRX,
.cab-layout__i_trx {
    background-position-x: calc(var(--i-w)*3)
}

.cab-layout__i_SOL,
.cab-layout__i_sol {
    background-position-x: calc(var(--i-w)*4)
}

.cab-layout__i_USDT\.BEP2,
.cab-layout__i_USDT\.BEP20,
.cab-layout__i_USDT\.TRC20,
.cab-layout__i_usdt {
    background-position-x: calc(var(--i-w)*5)
}

.cab-layout__i_BNB,
.cab-layout__i_bnb {
    background-position-x: calc(var(--i-w)*7)
}

.cab-layout__i_BUSD\.BEP2,
.cab-layout__i_BUSD\.BEP20,
.cab-layout__i_busd {
    background-position-x: calc(var(--i-w)*8)
}

.cab-layout__i_USDC,
.cab-layout__i_USDC\.BEP2,
.cab-layout__i_USDC\.BEP20,
.cab-layout__i_USDC\.TRC20,
.cab-layout__i_usdc {
    background-position-x: calc(var(--i-w)*6)
}

.cab-layout .bottom-slide__inner {
    background: #171717
}

.cab-layout__close {
    display: none
}

.cab-layout__soon {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(30, 32, 39, .22);
    -webkit-backdrop-filter: blur(11px);
    backdrop-filter: blur(11px);
    z-index: 1
}

.cab-layout__soon-r {
    display: flex;
    gap: 10px
}

.cab-layout__soon-txt {
    padding: 4px 10px 3px;
    border-radius: 20px;
    background: #31343d;
    color: var(--secondary-white, #fff);
    font-family: Poppins Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    min-width: 44px;
    text-align: center
}

@media(max-width:1199px) {
    .cab-layout__h1 {
        font-size: 20px;
        line-height: 28px
    }

    .cab-layout__sidebar-wrap {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        padding: 0 0 20px;
        gap: 12px;
        width: 100vw;
        height: 100dvh;
        max-width: 500px;
        overflow: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow-y: scroll;
        transform: translateX(-200%);
        transition: all .35s linear
    }

    .cab-layout__sidebar-wrap.show {
        transform: translateX(0)
    }

    .cab-layout__sidebar-wrap::-webkit-scrollbar {
        display: none
    }

    .cab-layout__sidebar-logo {
        border-bottom: 1px solid #223cbf;
        background: transparent;
        display: flex;
        padding: 32px 20px 20px;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        height: 84px;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1
    }

    .cab-layout__sidebar-img {

        width: auto;
    }

    .cab-layout__close {
        display: block;
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        background: url(/close-white.svg) no-repeat 50%;
        border: none;
        background-color: #006cff;
        border-radius: 50%;
    }

    .cab-layout__sidebar-menu {
        flex: auto
    }

    .cab-layout__sidebar-info {
        padding: 0 16px;
        flex: unset
    }

    .cab-layout__content {
        padding: 16px 16px 20px;
        gap: 20px
    }
}

@media(max-width:767px) {
    .cab-layout_settings {
        background-image: unset
    }
}

.lang-radio {
    display: flex;
    height: 24px;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    background: transparent;
    border: none
}

.lang-radio__txt {
    color: var(--Secondary-White, #fff);
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .24px;
    flex: 1 0;
    text-align: left
}

.lang-radio__mark {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    border: 2px solid #8a9ba8;
    border-radius: 50%
}

.lang-radio__mark_checked {
    border: 8px solid var(--primary-blue);
    background: #fff
}

.lang-radio[disabled] {
    opacity: .5
}

.mob-userinf {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0;
    align-self: stretch
}

.mob-userinf__lbl {
    color: var(--Dashboard-Primary-Text-Gray, #8b8b8b);
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .24px
}

.mob-userinf__card {
    width: 100%;
    padding: 14px 16px;
    border-radius: 16px;
    background: #090909
}

.mob-userinf__row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    align-self: stretch
}

.mob-userinf__val {
    color: var(--Secondary-White, #fff);
    text-align: right;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .24px
}

.mob-userinf__wide {
    flex: 1 1
}

.mob-userinf__line {
    height: 1px;
    width: 100%;
    background: #242424
}

.mob-userinf__col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch
}

.cab-preloder {
    height: 100%;
    width: 100%
}

.cab-preloder__svg {
    max-width: 200px;
    height: 100%;
    margin: 0 auto
}