.fade-up-animation[data-v-384e3bd8] {
    animation: fadeOutUp-data-v-384e3bd8 1s ease
}
.fade-down-animation[data-v-384e3bd8] {
    animation: fadeOutDown-data-v-384e3bd8 1s ease
}
@keyframes fadeOutUp-data-v-384e3bd8 {
    0% {
        opacity: 1;
        transform: translateY(0);
        background-color: #40b6ff;
        color: #fff
    }
    to {
        opacity: 0;
        transform: translateY(-100%);
        background-color: #40b6ff;
        color: #fff
    }
}
@keyframes fadeOutDown-data-v-384e3bd8 {
    0% {
        opacity: 1;
        transform: translateY(0);
        background-color: #071e30;
        color: #fff
    }
    to {
        opacity: 0;
        transform: translateY(100%);
        background-color: #071e30;
        color: #fff
    }
}
.logotype-enter-active[data-v-384e3bd8] {
    animation: logotype-data-v-384e3bd8 .5s ease
}
.logotype-leave-active[data-v-384e3bd8] {
    animation: logotype-data-v-384e3bd8 .5s ease reverse
}
@keyframes logotype-data-v-384e3bd8 {
    0% {
        transform: scale(0);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}
.cardMoveIn[data-v-384e3bd8] {
    animation: cardMoveInside-data-v-384e3bd8 ease forwards;
    animation-duration: 2s
}
.cardMoveOut[data-v-384e3bd8] {
    animation: cardMoveOutside-data-v-384e3bd8 ease forwards;
    animation-duration: 2s
}
@keyframes cardMoveOutside-data-v-384e3bd8 {
    0% {
        right: 15.625vw
    }
    to {
        right: .521vw
    }
}
@keyframes cardMoveInside-data-v-384e3bd8 {
    0% {
        right: .521vw
    }
    to {
        right: 15.625vw
    }
}
@keyframes borderBlink-data-v-384e3bd8 {
    0% {
        opacity: .5
    }
    to {
        opacity: 1
    }
}
.fade-enter[data-v-384e3bd8], .fade-leave-to[data-v-384e3bd8] {
    opacity: 0
}
.fade-enter-active[data-v-384e3bd8], .fade-leave-active[data-v-384e3bd8] {
    transition: opacity .5s
}
@keyframes slide-up-data-v-384e3bd8 {
    0% {
        transform: translateY(-20%);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}
@keyframes slide-down-data-v-384e3bd8 {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform: translateY(20%);
        opacity: 0
    }
}
.ipad-slide-enter-active[data-v-384e3bd8] {
    animation: ipad-slide-data-v-384e3bd8 .4s ease
}
.ipad-slide-leave-active[data-v-384e3bd8] {
    animation: ipad-slide-data-v-384e3bd8 .4s ease reverse
}
@keyframes ipad-slide-data-v-384e3bd8 {
    0% {
        transform: translateY(120%)
    }
    to {
        transform: translateY(0)
    }
}
@keyframes bounce-in-transition-data-v-384e3bd8 {
    0% {
        transform: scale(0);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}
[data-v-384e3bd8], [data-v-384e3bd8]:after, [data-v-384e3bd8]:before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    line-height: normal
}
* input[data-v-384e3bd8], :after input[data-v-384e3bd8], :before input[data-v-384e3bd8] {
    outline: none
}
.row-block[data-v-384e3bd8] {
    display: flex;
    flex-direction: row
}
.column-block[data-v-384e3bd8] {
    display: flex;
    flex-direction: column
}
.justify-start[data-v-384e3bd8] {
    display: flex;
    justify-content: flex-start
}
.justify-center[data-v-384e3bd8] {
    display: flex;
    justify-content: center
}
.justify-between[data-v-384e3bd8] {
    display: flex;
    justify-content: space-between
}
.justify-end[data-v-384e3bd8] {
    display: flex;
    justify-content: flex-end
}
.flex-block[data-v-384e3bd8] {
    display: flex
}
.align-start[data-v-384e3bd8] {
    display: flex;
    align-content: flex-start
}
.align-center[data-v-384e3bd8] {
    display: flex;
    align-items: center
}
.align-end[data-v-384e3bd8] {
    display: flex;
    align-items: flex-end
}
.full-width[data-v-384e3bd8] {
    inline-size: 100%
}
.full-height[data-v-384e3bd8] {
    block-size: 100%
}
.picture-handler[data-v-384e3bd8] {
    display: flex;
    cursor: pointer
}
.debug[data-v-384e3bd8] {
    border: 1px solid red
}
.visual-card.premium[data-v-384e3bd8] {
    background: #000
}
.visual-card.standart[data-v-384e3bd8] {
    background: #127b26
}
.visual-card.vip[data-v-384e3bd8] {
    background: #988349
}
img[data-v-384e3bd8] {
    pointer-events: none
}
input[data-v-384e3bd8] {
    outline: none
}
.visual-card[data-v-384e3bd8] {
    block-size: 6.51vw;
    inline-size: 11.198vw;
    border-radius: .313vw;
    overflow: hidden;
    position: relative
}
.visual-card .card-companies[data-v-384e3bd8] {
    display: inline-flex;
    justify-content: space-between;
    inline-size: 100%;
    margin-block-start: 1.042vw
}
.visual-card .card-companies .fleeca[data-v-384e3bd8] {
    margin-inline-start: .833vw;
    inline-size: 3.125vw
}
.visual-card .card-companies .visa[data-v-384e3bd8] {
    margin-inline-end: .833vw
}
.visual-card .card-number-box[data-v-384e3bd8] {
    display: inline-flex;
    margin-block-start: .833vw;
    margin-inline-start: .833vw;
    letter-spacing: .052vw;
    margin-block-end: .521vw
}
.visual-card .card-number-box .card-number[data-v-384e3bd8] {
    font-family: ProximaNova, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: .365vw;
    letter-spacing: .104vw;
    color: #fff;
    margin-inline-start: .365vw
}
.visual-card .card-info_container[data-v-384e3bd8] {
    display: flex;
    flex-direction: column
}
.visual-card .card-info_container .card-info-titles[data-v-384e3bd8] {
    font-family: ProximaNova, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: .365vw;
    display: inline-flex;
    justify-content: space-between;
    inline-size: 100%;
    color: hsla(0, 0%, 100%, .5)
}
.visual-card .card-info_container .card-info-titles .card-owner-title[data-v-384e3bd8] {
    margin-inline-start: .833vw
}
.visual-card .card-info_container .card-info-titles .validity[data-v-384e3bd8] {
    margin-inline-end: .833vw
}
.visual-card .card-info_container .card-owner-info[data-v-384e3bd8] {
    font-family: ProximaNova, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: .521vw;
    display: inline-flex;
    justify-content: space-between;
    inline-size: 100%;
    bottom: .104vw;
    color: #fff
}
.visual-card .card-info_container .card-owner-info .owner-name[data-v-384e3bd8] {
    margin-inline-start: .833vw
}
.visual-card .card-info_container .card-owner-info .validity-time[data-v-384e3bd8] {
    margin-inline-end: .833vw
}
.visual-card-cover[data-v-384e3bd8] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    inline-size: 100%;
    block-size: 100%;
    z-index: 999
}
.visual-card-cover .payment[data-v-384e3bd8] {
    position: relative;
    inline-size: 25.729vw;
    block-size: 15.052vw;
    border-radius: .469vw
}
.visual-card-cover .payment .card-content[data-v-384e3bd8] {
    position: relative
}
.visual-card-cover .payment .card-companies[data-v-384e3bd8] {
    position: relative;
    inline-size: calc(100% - 3.125vw);
    margin-block-start: 1.979vw;
    margin-inline-start: 1.563vw
}
.visual-card-cover .payment .card-companies .fleeca[data-v-384e3bd8] {
    inline-size: 7.292vw;
    margin: 0
}
.visual-card-cover .payment .card-companies .card-type[data-v-384e3bd8] {
    font-family: ProximaNova, sans-serif;
    font-weight: 500;
    font-style: italic;
    font-size: 1.302vw;
    color: #fff;
    text-transform: capitalize
}
.visual-card-cover .payment .close_block[data-v-384e3bd8] {
    font-size: 1.042vw;
    right: .521vw
}
.visual-card-cover .payment .card-number-box[data-v-384e3bd8] {
    display: flex;
    align-items: center;
    margin-inline-start: 1.563vw;
    margin-block-start: 1.875vw
}
.visual-card-cover .payment .card-number-box .card-chip[data-v-384e3bd8] {
    inline-size: 2.083vw
}
.visual-card-cover .payment .card-number-box .card-number[data-v-384e3bd8] {
    font-family: ProximaNova, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.042vw;
    letter-spacing: .521vw;
    margin-inline-start: .729vw
}
.visual-card-cover .payment .card-number-box .NFC[data-v-384e3bd8] {
    margin-block-start: -2.083vw;
    margin-inline-start: .521vw;
    inline-size: .833vw
}
.visual-card-cover .payment .card-number-box .card-code[data-v-384e3bd8] {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: absolute;
    right: 1.563vw
}
.visual-card-cover .payment .card-number-box .card-code__title[data-v-384e3bd8] {
    font-family: ProximaNova, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: .885vw;
    margin-block-end: .26vw;
    color: hsla(0, 0%, 100%, .5)
}
.visual-card-cover .payment .card-number-box .card-code__input[data-v-384e3bd8] {
    font-family: ProximaNova, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.302vw;
    inline-size: 5.885vw;
    block-size: 1.563vw;
    background: rgba(0, 0, 0, .5);
    z-index: 1000;
    color: #fff;
    letter-spacing: .521vw;
    text-align: center;
    border: none;
    border-radius: .156vw;
    padding-inline-start: .521vw;
    outline: none
}
.visual-card-cover .payment .card-info-titles[data-v-384e3bd8] {
    margin-block-start: 1.458vw;
    font-size: 1.042vw
}
.visual-card-cover .payment .card-info-titles .card-owner-title[data-v-384e3bd8] {
    margin-inline-start: 1.563vw
}
.visual-card-cover .payment .card-info-titles .validity[data-v-384e3bd8] {
    margin-inline-end: 1.563vw
}
.visual-card-cover .payment .card-owner-info[data-v-384e3bd8] {
    font-size: 1.302vw
}
.visual-card-cover .payment .card-owner-info .owner-name[data-v-384e3bd8] {
    margin-inline-start: 1.563vw
}
.visual-card-cover .payment .card-owner-info .validity-time[data-v-384e3bd8] {
    margin-inline-end: 1.563vw
}
.card-mask[data-v-384e3bd8] {
    pointer-events: none;
    block-size: inherit;
    inline-size: 100%;
    position: absolute;
    left: 0;
    top: 0
}
.close_block[data-v-384e3bd8] {
    position: absolute;
    top: .104vw;
    right: .208vw;
    font-size: .521vw;
    color: #fff;
    cursor: pointer
}
.carhud-container-content .car-status .engine-status__text[data-v-da12c228], .carhud-container-content .car-status .fuel-status__text-fuel[data-v-da12c228], .carhud-container-content .car-status .fuel-status__text-maxFuel[data-v-da12c228], .carhud-container-simple .hud_container.additional-info[data-v-da12c228], .carhud-container .progress-ring-wrapper .progress-ring-container svg[data-v-da12c228], .keys-block-main .key-block .key-block-value[data-v-da12c228], .logotype[data-v-da12c228], .notifications-bottom[data-v-da12c228] .notification-container .notification-block .icon-block, .press-button-wrapper .current-button[data-v-da12c228], .territory-war .main-info .main-counter__text-kills[data-v-da12c228], .user-container .money .money-container .money-block__logo[data-v-da12c228] {
    display: flex;
    justify-content: center;
    align-items: center
}
[data-v-da12c228], [data-v-da12c228]:after, [data-v-da12c228]:before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    line-height: normal
}
* input[data-v-da12c228], :after input[data-v-da12c228], :before input[data-v-da12c228] {
    outline: none
}
.carhud-container-content[data-v-da12c228], .main-cover[data-v-da12c228] {
    position: absolute;
    left: 0;
    top: 0
}
.row-block[data-v-da12c228] {
    display: flex;
    flex-direction: row
}
.column-block[data-v-da12c228] {
    display: flex;
    flex-direction: column
}
.justify-start[data-v-da12c228] {
    display: flex;
    justify-content: flex-start
}
.justify-center[data-v-da12c228] {
    display: flex;
    justify-content: center
}
.justify-between[data-v-da12c228] {
    display: flex;
    justify-content: space-between
}
.justify-end[data-v-da12c228] {
    display: flex;
    justify-content: flex-end
}
.flex-block[data-v-da12c228] {
    display: flex
}
.align-start[data-v-da12c228] {
    display: flex;
    align-content: flex-start
}
.align-center[data-v-da12c228] {
    display: flex;
    align-items: center
}
.align-end[data-v-da12c228] {
    display: flex;
    align-items: flex-end
}
.full-width[data-v-da12c228] {
    inline-size: 100%
}
.full-height[data-v-da12c228] {
    block-size: 100%
}
.picture-handler[data-v-da12c228] {
    display: flex;
    cursor: pointer
}
.debug[data-v-da12c228] {
    border: 1px solid red
}
.fade-up-animation[data-v-da12c228] {
    animation: fadeOutUp-data-v-da12c228 1s ease
}
.fade-down-animation[data-v-da12c228] {
    animation: fadeOutDown-data-v-da12c228 1s ease
}
@keyframes fadeOutUp-data-v-da12c228 {
    0% {
        opacity: 1;
        transform: translateY(0);
        background-color: #40b6ff;
        color: #fff
    }
    to {
        opacity: 0;
        transform: translateY(-100%);
        background-color: #40b6ff;
        color: #fff
    }
}
@keyframes fadeOutDown-data-v-da12c228 {
    0% {
        opacity: 1;
        transform: translateY(0);
        background-color: #071e30;
        color: #fff
    }
    to {
        opacity: 0;
        transform: translateY(100%);
        background-color: #071e30;
        color: #fff
    }
}
.logotype-enter-active[data-v-da12c228] {
    animation: logotype-data-v-da12c228 .5s ease
}
.logotype-leave-active[data-v-da12c228] {
    animation: logotype-data-v-da12c228 .5s ease reverse
}
@keyframes logotype-data-v-da12c228 {
    0% {
        transform: scale(0);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}
.cardMoveIn[data-v-da12c228] {
    animation: cardMoveInside-data-v-da12c228 ease forwards;
    animation-duration: 2s
}
.cardMoveOut[data-v-da12c228] {
    animation: cardMoveOutside-data-v-da12c228 ease forwards;
    animation-duration: 2s
}
@keyframes cardMoveOutside-data-v-da12c228 {
    0% {
        right: 15.625vw
    }
    to {
        right: .521vw
    }
}
@keyframes cardMoveInside-data-v-da12c228 {
    0% {
        right: .521vw
    }
    to {
        right: 15.625vw
    }
}
@keyframes borderBlink-data-v-da12c228 {
    0% {
        opacity: .5
    }
    to {
        opacity: 1
    }
}
.fade-enter[data-v-da12c228], .fade-leave-to[data-v-da12c228] {
    opacity: 0
}
.fade-enter-active[data-v-da12c228], .fade-leave-active[data-v-da12c228] {
    transition: opacity .5s
}
@keyframes slide-up-data-v-da12c228 {
    0% {
        transform: translateY(-20%);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}
@keyframes slide-down-data-v-da12c228 {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform: translateY(20%);
        opacity: 0
    }
}
.ipad-slide-enter-active[data-v-da12c228] {
    animation: ipad-slide-data-v-da12c228 .4s ease
}
.ipad-slide-leave-active[data-v-da12c228] {
    animation: ipad-slide-data-v-da12c228 .4s ease reverse
}
@keyframes ipad-slide-data-v-da12c228 {
    0% {
        transform: translateY(120%)
    }
    to {
        transform: translateY(0)
    }
}
@keyframes bounce-in-transition-data-v-da12c228 {
    0% {
        transform: scale(0);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}
img[data-v-da12c228] {
    pointer-events: none
}
input[data-v-da12c228] {
    outline: none
}
.local-fade-enter[data-v-da12c228], .local-fade-leave-to[data-v-da12c228] {
    opacity: 0
}
.local-fade-enter-active[data-v-da12c228], .local-fade-leave-active[data-v-da12c228] {
    transition: opacity .3s
}
.main-cover[data-v-da12c228] {
    inline-size: 100%;
    block-size: 100%
}
.online[data-v-da12c228] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    right: .521vw;
    margin-block-start: 1.042vw
}
.online__text[data-v-da12c228] {
    font-family: ProximaNova, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: .833vw;
    color: #fff;
    margin: .521vw .26vw 0 0;
    text-shadow: 0 0 2.5px #000
}
.online__text.id[data-v-da12c228] {
    font-size: .781vw;
    margin-block-start: .261vw;
    opacity: .5
}
.online__logo img[data-v-da12c228] {
    inline-size: 6.51vw
}
.online .bullets-block[data-v-da12c228] {
    margin-block-start: .521vw;
    min-block-size: 1.25vw
}
.online .bullets-block__picture[data-v-da12c228] {
    inline-size: .833vw;
    block-size: 1.25vw
}
.online .bullets-block__text[data-v-da12c228] {
    margin-inline-end: .26vw
}
.online .bullets-block__text span[data-v-da12c228]:first-child {
    font-family: ProximaNova, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.042vw;
    color: #ffc130;
    margin-inline-end: .104vw
}
.online .bullets-block__text span[data-v-da12c228]:last-child {
    font-family: ProximaNova, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.042vw;
    color: rgba(255, 193, 48, .25)
}
.online .wanted[data-v-da12c228] {
    margin-block-start: .781vw
}
.online .wanted-star[data-v-da12c228] {
    opacity: .1;
    inline-size: 1.042vw;
    margin-inline-end: .26vw
}
.online .wanted-star[data-v-da12c228]:last-child {
    margin-inline-end: 0
}
.online .wanted-star.active[data-v-da12c228] {
    opacity: 1
}
.carhud[data-v-da12c228] {
    position: absolute;
    right: 0;
    bottom: 0;
    transform-origin: right bottom
}
@media screen and (min-width:1921px) {
    .carhud circle[data-v-da12c228] {
        stroke-width: .3vw
    }
}
@media screen and (min-width:1920px) {
    .carhud .designations[data-v-da12c228] {
        margin-block-start: -.1vw!important
    }
}
.carhud-container[data-v-da12c228] {
    position: relative;
    inline-size: 14.063vw;
    block-size: 14.063vw;
    margin-inline-end: 1.042vw
}
.carhud-container-background[data-v-da12c228] {
    position: absolute;
    inline-size: 13.48vw;
    block-size: 13.48vw;
    left: .34vw;
    top: .27vw;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .3), transparent);
    border-radius: 50%
}
.carhud-container-content[data-v-da12c228] {
    display: flex;
    align-items: center;
    flex-direction: column;
    inline-size: 100%;
    block-size: 100%;
    padding: 1.823vw;
    z-index: 4
}
.carhud-container-content__picture-attention[data-v-da12c228] {
    inline-size: 1.042vw;
    min-block-size: .729vw;
    fill: hsla(0, 0%, 100%, .25)
}
.carhud-container-content__picture-attention.active[data-v-da12c228] {
    fill: #e51a22
}
.carhud-container-content .velocities[data-v-da12c228] {
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    margin-block-start: .521vw
}
.carhud-container-content .velocities-arrow__picture[data-v-da12c228] {
    display: flex;
    inline-size: .729vw;
    block-size: .781vw;
    fill: hsla(0, 0%, 100%, .1)
}
.carhud-container-content .velocities-arrow.active svg[data-v-da12c228] {
    animation: blink-arrow-data-v-da12c228 .5s ease infinite alternate
}
@keyframes blink-arrow-data-v-da12c228 {
    0% {
        fill: hsla(0, 0%, 100%, .1)
    }
    to {
        fill: #ffc130
    }
}
.carhud-container-content .velocities__picture-arrowRight[data-v-da12c228] {
    transform: rotate(180deg)
}
.carhud-container-content .velocities-content[data-v-da12c228] {
    flex-flow: row nowrap;
    margin-inline-end: .833vw;
    margin-inline-start: .833vw;
    inline-size: 4.115vw;
    block-size: 1.354vw;
    overflow: hidden
}
.carhud-container-content .velocities-content-animated[data-v-da12c228] {
    display: flex;
    align-items: center;
    inline-size: 100%;
    block-size: 100%;
    margin-inline-start: 0;
    transition: margin-left .3s ease
}
.carhud-container-content .velocities-content-animated.velocity-0 .velocity[data-v-da12c228]:nth-child(2), .carhud-container-content .velocities-content-animated.velocity-1 .velocity[data-v-da12c228]:first-child, .carhud-container-content .velocities-content-animated.velocity-1 .velocity[data-v-da12c228]:nth-child(3), .carhud-container-content .velocities-content-animated.velocity-2 .velocity[data-v-da12c228]:nth-child(2), .carhud-container-content .velocities-content-animated.velocity-2 .velocity[data-v-da12c228]:nth-child(4), .carhud-container-content .velocities-content-animated.velocity-3 .velocity[data-v-da12c228]:nth-child(3), .carhud-container-content .velocities-content-animated.velocity-3 .velocity[data-v-da12c228]:nth-child(5), .carhud-container-content .velocities-content-animated.velocity-4 .velocity[data-v-da12c228]:nth-child(4), .carhud-container-content .velocities-content-animated.velocity-4 .velocity[data-v-da12c228]:nth-child(6), .carhud-container-content .velocities-content-animated.velocity-5 .velocity[data-v-da12c228]:nth-child(5), .carhud-container-content .velocities-content-animated.velocity-5 .velocity[data-v-da12c228]:nth-child(7), .carhud-container-content .velocities-content-animated.velocity-6 .velocity[data-v-da12c228]:nth-child(6) {
    font-size: .781vw;
    color: hsla(0, 0%, 100%, .5)
}
.carhud-container-content .velocities-content-animated.velocity-0 .velocity[data-v-da12c228]:first-child, .carhud-container-content .velocities-content-animated.velocity-1 .velocity[data-v-da12c228]:nth-child(2), .carhud-container-content .velocities-content-animated.velocity-2 .velocity[data-v-da12c228]:nth-child(3), .carhud-container-content .velocities-content-animated.velocity-3 .velocity[data-v-da12c228]:nth-child(4), .carhud-container-content .velocities-content-animated.velocity-4 .velocity[data-v-da12c228]:nth-child(5), .carhud-container-content .velocities-content-animated.velocity-5 .velocity[data-v-da12c228]:nth-child(6), .carhud-container-content .velocities-content-animated.velocity-6 .velocity[data-v-da12c228]:nth-child(7) {
    font-size: 1.042vw;
    color: #fff
}
.carhud-container-content .velocities-content-animated .velocity[data-v-da12c228] {
    font-family: ProximaNova-Condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: .521vw;
    color: hsla(0, 0%, 100%, .25);
    margin-inline-end: .677vw;
    transition: color .3s ease, font-size .3s ease
}
.carhud-container-content .velocities-content-animated .velocity[data-v-da12c228]:last-child {
    margin-inline-end: 0
}
.carhud-container-content .velocities-content-animated.velocity-0[data-v-da12c228] {
    margin-inline-start: 1.702vw
}
.carhud-container-content .velocities-content-animated.velocity-1[data-v-da12c228] {
    margin-inline-start: .8vw
}
.carhud-container-content .velocities-content-animated.velocity-3[data-v-da12c228] {
    margin-inline-start: -.95vw
}
.carhud-container-content .velocities-content-animated.velocity-4[data-v-da12c228] {
    margin-inline-start: -1.75vw
}
.carhud-container-content .velocities-content-animated.velocity-5[data-v-da12c228] {
    margin-inline-start: -2.6vw
}
.carhud-container-content .velocities-content-animated.velocity-6[data-v-da12c228] {
    margin-inline-start: -3.6vw
}
.carhud-container-content .car-status[data-v-da12c228] {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    inline-size: 10.8vw;
    block-size: 5.5vw;
    padding: 0 .635vw
}
.carhud-container-content .car-status .engine-status[data-v-da12c228] {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    max-inline-size: 1.146vw
}
.carhud-container-content .car-status .engine-status svg[data-v-da12c228] {
    inline-size: .781vw;
    block-size: 1.042vw;
    fill: hsla(0, 0%, 100%, .25)
}
.carhud-container-content .car-status .engine-status.normal svg[data-v-da12c228] {
    fill: #34c1ff
}
.carhud-container-content .car-status .engine-status.hot svg[data-v-da12c228] {
    fill: #e51a22
}
.carhud-container-content .car-status .engine-status__text[data-v-da12c228] {
    font-family: ProximaNova-Condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: .781vw;
    color: #fff;
    margin-block-start: .26vw;
    min-inline-size: .833vw
}
.carhud-container-content .car-status .speed-status[data-v-da12c228] {
    display: flex;
    align-items: center;
    flex-flow: column nowrap;
    max-inline-size: 4.375vw
}
.carhud-container-content .car-status .speed-status__text-speed[data-v-da12c228] {
    display: flex;
    justify-content: center;
    font-family: ProximaNova-Condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 3.646vw;
    min-inline-size: 4.8vw;
    color: #fff
}
.carhud-container-content .car-status .speed-status__text-speedType[data-v-da12c228] {
    font-family: ProximaNova-Condensed, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: .781vw;
    color: #fff
}
.carhud-container-content .car-status .fuel-status[data-v-da12c228] {
    display: flex;
    align-items: center;
    flex-flow: column nowrap;
    min-inline-size: .938vw
}
.carhud-container-content .car-status .fuel-status svg[data-v-da12c228] {
    inline-size: .885vw;
    block-size: 1.042vw;
    fill: hsla(0, 0%, 100%, .25)
}
.carhud-container-content .car-status .fuel-status.active svg[data-v-da12c228] {
    fill: #e51a22
}
.carhud-container-content .car-status .fuel-status__text-fuel[data-v-da12c228] {
    font-family: ProximaNova-Condensed, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: .781vw;
    min-inline-size: .938vw;
    color: #fff;
    border-block-end: .026vw solid hsla(0, 0%, 100%, .5);
    margin-block-start: .26vw
}
.carhud-container-content .car-status .fuel-status__text-fuel.active[data-v-da12c228] {
    color: #e51a22
}
.carhud-container-content .car-status .fuel-status__text-maxFuel[data-v-da12c228] {
    font-family: ProximaNova-Condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: .781vw;
    min-inline-size: .938vw;
    color: #fff
}
.carhud-container-content .mileage[data-v-da12c228] {
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    margin-block-start: .521vw
}
.carhud-container-content .mileage__text-value[data-v-da12c228] {
    font-family: ProximaNova-Condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.042vw;
    color: #fff
}
.carhud-container-content .mileage__text-mileageType[data-v-da12c228] {
    font-family: ProximaNova-Condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: .677vw;
    color: #fff;
    margin-inline-start: .156vw
}
.carhud-container-content .designations[data-v-da12c228] {
    display: flex;
    flex-flow: row nowrap;
    margin-block-start: -.4vw
}
.carhud-container .progress-ring-wrapper[data-v-da12c228] {
    -webkit-mask-image: url(/img/main/hud/speedometer/mask.svg);
    inline-size: 100%;
    block-size: 100%;
    position: relative;
    z-index: 20
}
.carhud-container .progress-ring-wrapper .progress-ring-container[data-v-da12c228] {
    transform-origin: center;
    transform: rotate(-220deg)
}
.carhud-container .progress-ring-wrapper .progress-ring-container svg[data-v-da12c228] {
    inline-size: 100%;
    block-size: 100%
}
.carhud-container .progress-ring-wrapper .progress-ring-container svg .progress-ring__circle[data-v-da12c228] {
    stroke: #fff
}
.carhud-container .progress-ring-wrapper .progress-ring-container svg .progress-ring__circle.animated[data-v-da12c228] {
    animation: blink-data-v-da12c228 .1s linear infinite alternate
}
@keyframes blink-data-v-da12c228 {
    0% {
        stroke: #fff
    }
    to {
        stroke: #ff3131
    }
}
.carhud-container .progress-ring-holder-rotating[data-v-da12c228] {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-130deg);
    transform-origin: center;
    inline-size: 100%;
    block-size: 100%;
    z-index: 30
}
.carhud-container .progress-ring-holder-rotating .progress-ring-holder-wrapper[data-v-da12c228] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    inline-size: 100%;
    block-size: 100%
}
.carhud-container .progress-ring-holder-rotating .progress-ring-holder-wrapper .progress-ring-holder[data-v-da12c228] {
    inline-size: .208vw;
    block-size: 1.2vw;
    background: #e51a22;
    transform: translateY(.2vw)
}
.carhud-container .progress-ring-info.left[data-v-da12c228] {
    position: absolute;
    top: 0;
    left: 0;
    inline-size: 100%;
    block-size: 100%;
    transform-origin: center;
    -webkit-mask-image: url(/img/main/hud/speedometer/left.svg);
    transform: translate(.25vw);
    z-index: 40
}
.carhud-container .progress-ring-info.left .progress-ring-container[data-v-da12c228] {
    transform: rotate(-218deg)
}
.carhud-container .progress-ring-info.right[data-v-da12c228] {
    position: absolute;
    top: 0;
    left: 0;
    inline-size: 100%;
    block-size: 100%;
    transform-origin: center;
    -webkit-mask-image: url(/img/main/hud/speedometer/right.svg);
    transform: translate(-.25vw);
    z-index: 40
}
.carhud-container .progress-ring-info.right .progress-ring-container[data-v-da12c228] {
    transform: rotate(40deg)
}
.carhud-container-simple[data-v-da12c228] {
    display: inline-flex;
    flex-direction: row;
    block-size: 2.813vw;
    margin-block-end: .521vw;
    margin-inline-end: .521vw
}
.carhud-container-simple .hud_container[data-v-da12c228] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    background: rgba(0, 0, 0, .5);
    padding: .313vw 1.302vw
}
.carhud-container-simple .hud_container.additional-info[data-v-da12c228] {
    padding: .781vw;
    margin-inline-start: 1px
}
.carhud-container-simple .speedometer[data-v-da12c228] {
    font-family: ProximaNova, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 1.302vw;
    color: #fbc900;
    justify-content: space-between;
    inline-size: 9.635vw;
    block-size: 100%
}
.carhud-container-simple .speedometer img[data-v-da12c228] {
    inline-size: 1.25vw
}
.carhud-container-simple .gas[data-v-da12c228] {
    justify-content: center;
    margin-inline-start: 1px;
    block-size: 100%
}
.carhud-container-simple .gas .fuel[data-v-da12c228] {
    margin-inline-start: .754vw;
    font-size: 1.042vw
}
.carhud-container-simple .gas .fuel__text-current[data-v-da12c228] {
    font-family: ProximaNova, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: auto;
    color: #fff
}
.carhud-container-simple .gas .fuel__text-max[data-v-da12c228] {
    font-family: ProximaNova, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: auto;
    color: hsla(0, 0%, 100%, .5)
}
.carhud-container-simple .gas img[data-v-da12c228] {
    inline-size: 1.146vw
}
.territory-war[data-v-da12c228] {
    block-size: 3.49vw;
    max-block-size: 3.49vw;
    min-block-size: 3.49vw;
    position: absolute;
    left: 50%;
    top: .521vw;
    transform: translateX(-50%);
    min-inline-size: 41vw
}
.territory-war .war-info[data-v-da12c228] {
    inline-size: 13.385vw;
    max-inline-size: 13.385vw;
    min-inline-size: 13.385vw;
    margin: 0 auto;
    margin-block-start: .521vw
}
.territory-war .war-info svg[data-v-da12c228] {
    inline-size: 1.042vw
}
.territory-war .gang-status-block[data-v-da12c228] {
    inline-size: 11.7vw;
    block-size: 2.083vw;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    left: 0;
    padding: 0 .521vw
}
.territory-war .gang-status-block__text[data-v-da12c228] {
    font-family: ProximaNova, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: .833vw;
    color: #fff;
    min-inline-size: 7.188vw
}
.territory-war .gang-status-block[data-v-da12c228]:last-child {
    left: auto;
    right: 0
}
.territory-war .gang-status-block svg[data-v-da12c228] {
    inline-size: 1.042vw
}
.territory-war .war-container[data-v-da12c228] {
    min-block-size: 100%;
    block-size: 100%
}
.territory-war .main-info[data-v-da12c228] {
    inline-size: 15.885vw;
    max-inline-size: 15.885vw;
    min-inline-size: 15.885vw;
    position: relative;
    min-block-size: inherit;
    block-size: inherit
}
.territory-war .main-info .main-counter[data-v-da12c228] {
    min-block-size: inherit;
    block-size: inherit;
    inline-size: 8.854vw;
    background: rgba(0, 0, 0, .7);
    padding: 0 .781vw;
    color: #fff;
    position: relative
}
.territory-war .main-info .main-counter__text-kills[data-v-da12c228] {
    font-family: ProximaNova, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.563vw;
    inline-size: 1.875vw;
    background: 0 0
}
.territory-war .main-info .main-counter__text-timer[data-v-da12c228] {
    font-family: ProximaNova, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: .781vw
}
.territory-war .main-info .progress-info[data-v-da12c228] {
    position: absolute;
    bottom: 0;
    left: 0;
    inline-size: 100%;
    block-size: .156vw
}
.territory-war .main-info__picture-gangLogo[data-v-da12c228] {
    inline-size: 3.49vw;
    block-size: 3.49vw
}
.user-container[data-v-da12c228] {
    display: inline-flex;
    flex-direction: column;
    position: absolute;
    left: 0;
    bottom: 1.042vw
}
.user-container .info-container[data-v-da12c228] {
    display: flex;
    flex-direction: row;
    margin-block-end: .521vw
}
.user-container .info-container .time-container[data-v-da12c228] {
    display: flex;
    flex-direction: column
}
.user-container .info-container .time-container .main-time[data-v-da12c228] {
    display: flex;
    flex-direction: row;
    align-items: center
}
.user-container .info-container .time-container .main-time__text-hours[data-v-da12c228] {
    font-family: ProximaNova, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.042vw;
    color: #fff
}
.user-container .info-container .time-container .main-time__text-date[data-v-da12c228] {
    font-family: ProximaNova, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: .781vw;
    color: hsla(0, 0%, 100%, .75);
    margin-inline-start: .365vw
}
.user-container .info-container .time-container__text-weekday[data-v-da12c228] {
    font-family: ProximaNova, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: .885vw;
    color: hsla(0, 0%, 100%, .75)
}
.user-container .info-container .voice[data-v-da12c228] {
    margin-inline-start: 1.563vw;
    margin-block-start: -.182vw
}
.user-container .info-container .voice img[data-v-da12c228] {
    inline-size: .859vw
}
.user-container .place-info[data-v-da12c228] {
    display: flex;
    flex-direction: column
}
.user-container .place-info .region[data-v-da12c228] {
    font-family: ProximaNova, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.042vw;
    color: #fff
}
.user-container .place-info .street[data-v-da12c228] {
    font-family: ProximaNova, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: .885vw;
    color: hsla(0, 0%, 100%, .75)
}
.user-container .money[data-v-da12c228] {
    display: flex;
    flex-direction: column;
    margin-block-start: .521vw
}
.user-container .money .money-container[data-v-da12c228] {
    display: flex;
    flex-direction: column
}
.user-container .money .money-container .money-block[data-v-da12c228] {
    display: flex;
    flex-direction: row;
    align-items: center
}
.user-container .money .money-container .money-block__logo[data-v-da12c228] {
    margin-inline-end: .521vw
}
.user-container .money .money-container .money-block.cash_hud[data-v-da12c228] {
    font-family: ProximaNova, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.042vw;
    color: #fff
}
.user-container .money .money-container .money-block.cash_hud img[data-v-da12c228] {
    inline-size: .885vw
}
.user-container .money .money-container .money-block.bank_hud[data-v-da12c228] {
    font-family: ProximaNova, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: .885vw;
    color: hsla(0, 0%, 100%, .75)
}
.user-container .money .money-container .money-block.bank_hud img[data-v-da12c228] {
    inline-size: .885vw;
    opacity: .75
}
.keys-block-main[data-v-da12c228] {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 1.042vw;
    top: 50%;
    transform: translateY(-50%)
}
.keys-block-main .key-block[data-v-da12c228] {
    display: flex;
    flex-flow: row nowrap;
    margin-block-end: .365vw
}
.keys-block-main .key-block[data-v-da12c228]:last-child {
    margin-block-end: 0
}
.keys-block-main .key-block .key-block__text-meaning[data-v-da12c228] {
    display: flex;
    align-items: center;
    font-family: ProximaNova, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: .781vw;
    margin-inline-start: .521vw;
    color: #fff
}
.keys-block-main .key-block .key-block-value[data-v-da12c228] {
    font-family: ProximaNova, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: auto;
    inline-size: 1.563vw;
    block-size: 1.563vw;
    background: rgba(0, 0, 0, .25);
    color: #fff
}
.keys-block-main .key-block .key-block-value .font-size-level-1[data-v-da12c228] {
    font-size: .938vw
}
.keys-block-main .key-block .key-block-value .font-size-level-2[data-v-da12c228] {
    font-size: .677vw
}
.keys-block-main .key-block .key-block-value .font-size-level-3[data-v-da12c228] {
    font-size: .521vw
}
.keys-block-main .key-block .key-block-value svg[data-v-da12c228] {
    inline-size: 50%
}
.logotype[data-v-da12c228] {
    inline-size: 100%;
    block-size: 100%;
    position: absolute;
    top: 0;
    left: 0
}
.logotype img[data-v-da12c228] {
    inline-size: 25%
}
.notifications-bottom[data-v-da12c228] {
    position: absolute;
    bottom: 2.084vw;
    left: 50%;
    transform: translateX(-50%);
    inline-size: 22.604vw;
    z-index: 25
}
.notifications-bottom[data-v-da12c228] .notification-container {
    margin-block-end: .521vw
}
.notifications-bottom[data-v-da12c228] .notification-container:last-child {
    margin-block-end: 0
}
.notifications-bottom[data-v-da12c228] .notification-container .notification-block {
    display: flex;
    flex-direction: row;
    inline-size: 100%;
    min-block-size: 3.438vw;
    background: rgba(0, 0, 0, .7);
    position: relative
}
.notifications-bottom[data-v-da12c228] .notification-container .notification-block .icon-block {
    min-inline-size: 3.333vw;
    min-block-size: 100%;
    background: rgba(0, 0, 0, .5)
}
.notifications-bottom[data-v-da12c228] .notification-container .notification-block .icon-block__picture {
    inline-size: 1.771vw;
    animation: appearing-data-v-da12c228 1s ease forwards
}
@keyframes appearing-data-v-da12c228 {
    0% {
        transform: rotateX(90deg)
    }
    to {
        transform: rotate3d(0, 0, 0, 0)
    }
}
.notifications-bottom[data-v-da12c228] .notification-container .notification-block .triangle-decoration {
    position: absolute;
    right: 0;
    top: 0;
    inline-size: .781vw;
    block-size: .781vw;
    transform-origin: right top
}
.notifications-bottom[data-v-da12c228] .notification-container .notification-block__text-message {
    display: flex;
    align-items: center;
    font-family: ProximaNova, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.042vw;
    color: #fff;
    max-inline-size: 17.708vw;
    margin-inline-start: .781vw;
    padding: .573vw 0
}
.notifications-bottom[data-v-da12c228] .notification-container .notification-block__text-message.small {
    font-size: .833vw
}
.notifications-bottom[data-v-da12c228] .notification-container .notification-block .disappear-progress {
    block-size: .104vw;
    max-block-size: .104vw;
    min-block-size: .104vw;
    position: absolute;
    bottom: 0;
    left: 0;
    inline-size: 100%
}
.notifications-bottom[data-v-da12c228] .notification-container .notification-block .disappear-progress__progress {
    block-size: 100%;
    width: 100%;
    animation: timer-animation-data-v-da12c228 linear forwards
}
@keyframes timer-animation-data-v-da12c228 {
    to {
        width: 0
    }
}
.notifications-bottom[data-v-da12c228] .notification-container .notification-block .disappear-progress.reload {
    block-size: .26vw;
    max-block-size: .26vw;
    min-block-size: .26vw
}
.press-button-wrapper[data-v-da12c228] {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    inline-size: 100%;
    block-size: 100%
}
.press-button-wrapper .current-button[data-v-da12c228] {
    font-family: ProximaNova, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 2.604vw;
    text-align: center;
    border-radius: 100%;
    overflow: hidden;
    background-color: hsla(0, 0%, 100%, .95);
    block-size: 5.833vw;
    inline-size: 5.833vw;
    margin-block-end: 1.042vw
}
.progress-ring__circle-background[data-v-da12c228] {
    stroke: hsla(0, 0%, 100%, .05)
}
.main-cover[data-v-da12c228] .warn {
    fill: #ffc130
}
.main-cover[data-v-da12c228] .warn.disappear-progress {
    background: rgba(255, 193, 48, .25)
}
.main-cover[data-v-da12c228] .warn.disappear-progress .disappear-progress__progress {
    background: #ffc130;
    box-shadow: 0 0 3px #ffc130
}
.main-cover[data-v-da12c228] .error {
    fill: #ef2626
}
.main-cover[data-v-da12c228] .error.disappear-progress {
    background: rgba(239, 38, 38, .25)
}
.main-cover[data-v-da12c228] .error.disappear-progress .disappear-progress__progress {
    background: #ef2626;
    box-shadow: 0 0 3px #ef2626
}
.main-cover[data-v-da12c228] .success {
    fill: #37d647
}
.main-cover[data-v-da12c228] .success.disappear-progress {
    background: rgba(55, 214, 71, .25)
}
.main-cover[data-v-da12c228] .success.disappear-progress .disappear-progress__progress {
    background: #37d647;
    box-shadow: 0 0 3px #37d647
}
.main-cover[data-v-da12c228] .reload {
    fill: #40b6ff
}
.main-cover[data-v-da12c228] .reload.disappear-progress {
    background: rgba(64, 182, 255, .25)
}
.main-cover[data-v-da12c228] .reload.disappear-progress .disappear-progress__progress {
    background: #40b6ff;
    box-shadow: 0 0 3px #40b6ff
}
.the_families[data-v-da12c228] {
    fill: #37d647;
    border-color: #37d647;
    color: #37d647;
    background-color: #37d647
}
.the_families.gang-progress[data-v-da12c228] {
    box-shadow: 0 0 3px #37d647
}
.the_families.gang-status-block[data-v-da12c228]:first-child {
    border-inline-end: .156vw solid #37d647
}
.the_families.gang-status-block:first-child .gang-status-block__text[data-v-da12c228] {
    text-align: right;
    margin-inline-end: .521vw
}
.the_families.gang-status-block[data-v-da12c228]:last-child {
    border-inline-start: .156vw solid #37d647
}
.the_families.gang-status-block:last-child .gang-status-block__text[data-v-da12c228] {
    text-align: left;
    margin-inline-start: .521vw
}
.bloods[data-v-da12c228] {
    fill: #ef2626;
    border-color: #ef2626;
    color: #ef2626;
    background-color: #ef2626
}
.bloods.gang-progress[data-v-da12c228] {
    box-shadow: 0 0 3px #ef2626
}
.bloods.gang-status-block[data-v-da12c228]:first-child {
    border-inline-end: .156vw solid #ef2626
}
.bloods.gang-status-block:first-child .gang-status-block__text[data-v-da12c228] {
    text-align: right;
    margin-inline-end: .521vw
}
.bloods.gang-status-block[data-v-da12c228]:last-child {
    border-inline-start: .156vw solid #ef2626
}
.bloods.gang-status-block:last-child .gang-status-block__text[data-v-da12c228] {
    text-align: left;
    margin-inline-start: .521vw
}
.los_santos_vagos[data-v-da12c228] {
    fill: #ffc130;
    border-color: #ffc130;
    color: #ffc130;
    background-color: #ffc130
}
.los_santos_vagos.gang-progress[data-v-da12c228] {
    box-shadow: 0 0 3px #ffc130
}
.los_santos_vagos.gang-status-block[data-v-da12c228]:first-child {
    border-inline-end: .156vw solid #ffc130
}
.los_santos_vagos.gang-status-block:first-child .gang-status-block__text[data-v-da12c228] {
    text-align: right;
    margin-inline-end: .521vw
}
.los_santos_vagos.gang-status-block[data-v-da12c228]:last-child {
    border-inline-start: .156vw solid #ffc130
}
.los_santos_vagos.gang-status-block:last-child .gang-status-block__text[data-v-da12c228] {
    text-align: left;
    margin-inline-start: .521vw
}
.marabunda_grande[data-v-da12c228] {
    fill: #00b1ff;
    border-color: #00b1ff;
    color: #00b1ff;
    background-color: #00b1ff
}
.marabunda_grande.gang-progress[data-v-da12c228] {
    box-shadow: 0 0 3px #00b1ff
}
.marabunda_grande.gang-status-block[data-v-da12c228]:first-child {
    border-inline-end: .156vw solid #00b1ff
}
.marabunda_grande.gang-status-block:first-child .gang-status-block__text[data-v-da12c228] {
    text-align: right;
    margin-inline-end: .521vw
}
.marabunda_grande.gang-status-block[data-v-da12c228]:last-child {
    border-inline-start: .156vw solid #00b1ff
}
.marabunda_grande.gang-status-block:last-child .gang-status-block__text[data-v-da12c228] {
    text-align: left;
    margin-inline-start: .521vw
}
.the_ballas[data-v-da12c228] {
    fill: #c230ff;
    border-color: #c230ff;
    color: #c230ff;
    background-color: #c230ff
}
.the_ballas.gang-progress[data-v-da12c228] {
    box-shadow: 0 0 3px #c230ff
}
.the_ballas.gang-status-block[data-v-da12c228]:first-child {
    border-inline-end: .156vw solid #c230ff
}
.the_ballas.gang-status-block:first-child .gang-status-block__text[data-v-da12c228] {
    text-align: right;
    margin-inline-end: .521vw
}
.the_ballas.gang-status-block[data-v-da12c228]:last-child {
    border-inline-start: .156vw solid #c230ff
}
.the_ballas.gang-status-block:last-child .gang-status-block__text[data-v-da12c228] {
    text-align: left;
    margin-inline-start: .521vw
}
.yakuza[data-v-da12c228] {
    fill: #ef263b;
    border-color: #ef263b;
    color: #ef263b;
    background-color: #ef263b
}
.yakuza.gang-progress[data-v-da12c228] {
    box-shadow: 0 0 3px #ef263b
}
.yakuza.gang-status-block[data-v-da12c228]:first-child {
    border-inline-end: .156vw solid #ef263b
}
.yakuza.gang-status-block:first-child .gang-status-block__text[data-v-da12c228] {
    text-align: right;
    margin-inline-end: .521vw
}
.yakuza.gang-status-block[data-v-da12c228]:last-child {
    border-inline-start: .156vw solid #ef263b
}
.yakuza.gang-status-block:last-child .gang-status-block__text[data-v-da12c228] {
    text-align: left;
    margin-inline-start: .521vw
}
.mexico_cartel[data-v-da12c228] {
    fill: #bc947d;
    border-color: #bc947d;
    color: #bc947d;
    background-color: #bc947d
}
.mexico_cartel.gang-progress[data-v-da12c228] {
    box-shadow: 0 0 3px #bc947d
}
.mexico_cartel.gang-status-block[data-v-da12c228]:first-child {
    border-inline-end: .156vw solid #bc947d
}
.mexico_cartel.gang-status-block:first-child .gang-status-block__text[data-v-da12c228] {
    text-align: right;
    margin-inline-end: .521vw
}
.mexico_cartel.gang-status-block[data-v-da12c228]:last-child {
    border-inline-start: .156vw solid #bc947d
}
.mexico_cartel.gang-status-block:last-child .gang-status-block__text[data-v-da12c228] {
    text-align: left;
    margin-inline-start: .521vw
}
.la_cosa_nostra[data-v-da12c228] {
    fill: #ffc130;
    border-color: #ffc130;
    color: #ffc130;
    background-color: #ffc130
}
.la_cosa_nostra.gang-progress[data-v-da12c228] {
    box-shadow: 0 0 3px #ffc130
}
.la_cosa_nostra.gang-status-block[data-v-da12c228]:first-child {
    border-inline-end: .156vw solid #ffc130
}
.la_cosa_nostra.gang-status-block:first-child .gang-status-block__text[data-v-da12c228] {
    text-align: right;
    margin-inline-end: .521vw
}
.la_cosa_nostra.gang-status-block[data-v-da12c228]:last-child {
    border-inline-start: .156vw solid #ffc130
}
.la_cosa_nostra.gang-status-block:last-child .gang-status-block__text[data-v-da12c228] {
    text-align: left;
    margin-inline-start: .521vw
}
.russian_mafia[data-v-da12c228] {
    fill: #fff;
    border-color: #fff;
    color: #fff;
    background-color: #fff
}
.russian_mafia.gang-progress[data-v-da12c228] {
    box-shadow: 0 0 3px #fff
}
.russian_mafia.gang-status-block[data-v-da12c228]:first-child {
    border-inline-end: .156vw solid #fff
}
.russian_mafia.gang-status-block:first-child .gang-status-block__text[data-v-da12c228] {
    text-align: right;
    margin-inline-end: .521vw
}
.russian_mafia.gang-status-block[data-v-da12c228]:last-child {
    border-inline-start: .156vw solid #fff
}
.russian_mafia.gang-status-block:last-child .gang-status-block__text[data-v-da12c228] {
    text-align: left;
    margin-inline-start: .521vw
}
.kill-slide-enter-active[data-v-da12c228] {
    animation: kill-slide-show-data-v-da12c228 .3s
}
.kill-slide-leave-active[data-v-da12c228] {
    animation: kill-slide-hide-data-v-da12c228 .3s
}
@keyframes kill-slide-show-data-v-da12c228 {
    0% {
        transform: translateY(-50%);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}
@keyframes kill-slide-hide-data-v-da12c228 {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform: translateY(50%);
        opacity: 0
    }
}
.list-complete-item[data-v-da12c228] {
    display: flex;
    transition: all .4s ease
}
.list-complete-enter[data-v-da12c228] {
    opacity: 0;
    transform: translateY(30px)
}
.list-complete-leave-to[data-v-da12c228] {
    opacity: 0;
    transform: translateY(-30px)
}
.list-complete-leave-active[data-v-da12c228] {
    position: absolute;
    min-inline-size: 100%
}
.highBeam[data-v-da12c228] {
    margin-block-start: .135vw;
    margin-inline-end: .521vw
}
.highBeam svg[data-v-da12c228] {
    inline-size: 1.042vw;
    fill: hsla(0, 0%, 100%, .25)
}
.dippedBeam[data-v-da12c228] {
    margin-block-start: .656vw;
    margin-inline-end: .625vw
}
.dippedBeam svg[data-v-da12c228] {
    inline-size: 1.042vw;
    fill: hsla(0, 0%, 100%, .25)
}
.belt[data-v-da12c228] {
    margin-block-start: .656vw;
    margin-inline-end: .661vw
}
.belt svg[data-v-da12c228] {
    inline-size: .799vw;
    fill: hsla(0, 0%, 100%, .25)
}
.start[data-v-da12c228] {
    margin-block-start: .656vw;
    margin-inline-end: .573vw
}
.start svg[data-v-da12c228] {
    inline-size: 1.042vw;
    fill: hsla(0, 0%, 100%, .25)
}
.doors[data-v-da12c228] {
    margin-block-start: 0;
    margin-inline-end: 0
}
.doors svg[data-v-da12c228] {
    inline-size: .939vw;
    fill: hsla(0, 0%, 100%, .25)
}
.dippedBeam.active svg[data-v-da12c228] {
    fill: #44a440
}
.highBeam.active svg[data-v-da12c228] {
    fill: #34c1ff
}
.attention-simple.active svg[data-v-da12c228], .belt-simple.active svg[data-v-da12c228], .belt.active svg[data-v-da12c228], .doors.active svg[data-v-da12c228], .start-simple.active svg[data-v-da12c228], .start.active svg[data-v-da12c228] {
    fill: #e51a22
}
.attention svg[data-v-da12c228] {
    fill: hsla(0, 0%, 100%, .25)
}
.attention.active svg[data-v-da12c228] {
    fill: #e51a22
}
.belt-simple[data-v-da12c228] {
    margin: 0 .521vw
}
.attention-simple svg[data-v-da12c228], .belt-simple svg[data-v-da12c228], .start-simple svg[data-v-da12c228] {
    inline-size: 1.25vw;
    fill: hsla(0, 0%, 100%, .25)
}
.interaction-main .action-block.nextpage[data-v-c913cd86], .interaction-main .action-block__text-emoji[data-v-c913cd86], .interaction-main .close-block[data-v-c913cd86], .interaction-main .interaction-button .letter-container[data-v-c913cd86], .interaction-main .interaction-button[data-v-c913cd86], .interaction-main[data-v-c913cd86] {
    display: flex;
    justify-content: center;
    align-items: center
}
[data-v-c913cd86], [data-v-c913cd86]:after, [data-v-c913cd86]:before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    line-height: normal
}
* input[data-v-c913cd86], :after input[data-v-c913cd86], :before input[data-v-c913cd86] {
    outline: none
}
.interaction-main[data-v-c913cd86] {
    position: absolute;
    left: 0;
    top: 0
}
.row-block[data-v-c913cd86] {
    display: flex;
    flex-direction: row
}
.column-block[data-v-c913cd86] {
    display: flex;
    flex-direction: column
}
.justify-start[data-v-c913cd86] {
    display: flex;
    justify-content: flex-start
}
.justify-center[data-v-c913cd86] {
    display: flex;
    justify-content: center
}
.justify-between[data-v-c913cd86] {
    display: flex;
    justify-content: space-between
}
.justify-end[data-v-c913cd86] {
    display: flex;
    justify-content: flex-end
}
.flex-block[data-v-c913cd86] {
    display: flex
}
.align-start[data-v-c913cd86] {
    display: flex;
    align-content: flex-start
}
.align-center[data-v-c913cd86] {
    display: flex;
    align-items: center
}
.align-end[data-v-c913cd86] {
    display: flex;
    align-items: flex-end
}
.full-width[data-v-c913cd86] {
    inline-size: 100%
}
.full-height[data-v-c913cd86] {
    block-size: 100%
}
.picture-handler[data-v-c913cd86] {
    display: flex;
    cursor: pointer
}
.debug[data-v-c913cd86] {
    border: 1px solid red
}
.fade-up-animation[data-v-c913cd86] {
    animation: fadeOutUp-data-v-c913cd86 1s ease
}
.fade-down-animation[data-v-c913cd86] {
    animation: fadeOutDown-data-v-c913cd86 1s ease
}
@keyframes fadeOutUp-data-v-c913cd86 {
    0% {
        opacity: 1;
        transform: translateY(0);
        background-color: #40b6ff;
        color: #fff
    }
    to {
        opacity: 0;
        transform: translateY(-100%);
        background-color: #40b6ff;
        color: #fff
    }
}
@keyframes fadeOutDown-data-v-c913cd86 {
    0% {
        opacity: 1;
        transform: translateY(0);
        background-color: #071e30;
        color: #fff
    }
    to {
        opacity: 0;
        transform: translateY(100%);
        background-color: #071e30;
        color: #fff
    }
}
.logotype-enter-active[data-v-c913cd86] {
    animation: logotype-data-v-c913cd86 .5s ease
}
.logotype-leave-active[data-v-c913cd86] {
    animation: logotype-data-v-c913cd86 .5s ease reverse
}
@keyframes logotype-data-v-c913cd86 {
    0% {
        transform: scale(0);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}
.cardMoveIn[data-v-c913cd86] {
    animation: cardMoveInside-data-v-c913cd86 ease forwards;
    animation-duration: 2s
}
.cardMoveOut[data-v-c913cd86] {
    animation: cardMoveOutside-data-v-c913cd86 ease forwards;
    animation-duration: 2s
}
@keyframes cardMoveOutside-data-v-c913cd86 {
    0% {
        right: 15.625vw
    }
    to {
        right: .521vw
    }
}
@keyframes cardMoveInside-data-v-c913cd86 {
    0% {
        right: .521vw
    }
    to {
        right: 15.625vw
    }
}
@keyframes borderBlink-data-v-c913cd86 {
    0% {
        opacity: .5
    }
    to {
        opacity: 1
    }
}
.fade-enter[data-v-c913cd86], .fade-leave-to[data-v-c913cd86] {
    opacity: 0
}
.fade-enter-active[data-v-c913cd86], .fade-leave-active[data-v-c913cd86] {
    transition: opacity .5s
}
@keyframes slide-up-data-v-c913cd86 {
    0% {
        transform: translateY(-20%);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}
@keyframes slide-down-data-v-c913cd86 {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform: translateY(20%);
        opacity: 0
    }
}
.ipad-slide-enter-active[data-v-c913cd86] {
    animation: ipad-slide-data-v-c913cd86 .4s ease
}
.ipad-slide-leave-active[data-v-c913cd86] {
    animation: ipad-slide-data-v-c913cd86 .4s ease reverse
}
@keyframes ipad-slide-data-v-c913cd86 {
    0% {
        transform: translateY(120%)
    }
    to {
        transform: translateY(0)
    }
}
@keyframes bounce-in-transition-data-v-c913cd86 {
    0% {
        transform: scale(0);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}
img[data-v-c913cd86] {
    pointer-events: none
}
input[data-v-c913cd86] {
    outline: none
}
.local-fade-enter[data-v-c913cd86], .local-fade-leave-to[data-v-c913cd86] {
    opacity: 0
}
.local-fade-enter-active[data-v-c913cd86], .local-fade-leave-active[data-v-c913cd86] {
    transition: opacity .2s
}
.interaction-main .dot[data-v-c913cd86] {
    border: 1px solid #fff;
    position: absolute;
    border-radius: 50%;
    inline-size: .3645vw;
    block-size: .3645vw
}
.interaction-main .actions-block[data-v-c913cd86] {
    min-inline-size: 100vw;
    min-block-size: 12.344vw;
    position: relative;
    z-index: 1
}
.interaction-main .action-block-wrapper[data-v-c913cd86] {
    block-size: 2.5vw;
    max-block-size: 2.5vw;
    min-block-size: 2.5vw;
    display: inline-flex;
    min-inline-size: 50%
}
.interaction-main .action-block-wrapper[data-v-c913cd86]:nth-child(odd) {
    justify-content: flex-end
}
.interaction-main .action-block-wrapper[data-v-c913cd86]:first-child {
    padding-inline-end: .521vw;
    margin-block-start: .781vw
}
.interaction-main .action-block-wrapper[data-v-c913cd86]:nth-child(2) {
    padding-inline-start: .521vw;
    margin-block-start: .781vw
}
.interaction-main .action-block-wrapper[data-v-c913cd86]:nth-child(3) {
    padding-inline-end: 3.724vw;
    margin-block-start: .781vw
}
.interaction-main .action-block-wrapper[data-v-c913cd86]:nth-child(4) {
    padding-inline-start: 3.724vw;
    margin-block-start: .781vw
}
.interaction-main .action-block-wrapper[data-v-c913cd86]:nth-child(5) {
    padding-inline-end: 3.724vw;
    margin-block-start: .781vw
}
.interaction-main .action-block-wrapper[data-v-c913cd86]:nth-child(6) {
    padding-inline-start: 3.724vw;
    margin-block-start: .781vw
}
.interaction-main .action-block-wrapper[data-v-c913cd86]:nth-child(7) {
    padding-inline-end: .521vw;
    margin-block-start: .781vw
}
.interaction-main .action-block-wrapper[data-v-c913cd86]:nth-child(8) {
    padding-inline-start: .521vw;
    margin-block-start: .781vw
}
.interaction-main .action-block-wrapper[data-v-c913cd86]:first-child, .interaction-main .action-block-wrapper[data-v-c913cd86]:nth-child(2) {
    margin-block-start: 0
}
.interaction-main .action-block[data-v-c913cd86] {
    display: inline-flex;
    background: #071e30;
    border-radius: 1.667vw;
    padding: .625vw 2.604vw .625vw 0;
    max-block-size: inherit;
    cursor: pointer;
    transition: background-color .2s ease
}
.interaction-main .action-block[data-v-c913cd86]:hover {
    background: #394b59
}
.interaction-main .action-block.nextpage[data-v-c913cd86] {
    padding: .313vw 2.604vw .313vw .313vw
}
.interaction-main .action-block__text-actionName[data-v-c913cd86] {
    font-family: ProximaNova, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.042vw;
    color: #fff
}
.interaction-main .action-block__text-emoji[data-v-c913cd86] {
    display: flex;
    line-height: 0;
    margin-inline-start: 2.083vw;
    margin-inline-end: .521vw
}
.interaction-main .action-block__picture-nextpage[data-v-c913cd86] {
    inline-size: 1.875vw;
    margin-inline-end: .938vw
}
.interaction-main .close-block[data-v-c913cd86] {
    inline-size: 2.708vw;
    block-size: 2.708vw;
    background-color: #071e30;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    transition: background-color .2s ease
}
.interaction-main .close-block[data-v-c913cd86]:hover {
    background: #394b59
}
.interaction-main .close-block img[data-v-c913cd86] {
    inline-size: 1.148vw
}
.interaction-main .interaction-button[data-v-c913cd86] {
    inline-size: 1.51vw;
    block-size: 1.51vw;
    border-radius: 50%;
    background: #071e30
}
.interaction-main .interaction-button .letter-container[data-v-c913cd86] {
    inline-size: 1.302vw;
    block-size: 1.302vw;
    border-radius: 50%;
    border: 1px solid hsla(0, 0%, 100%, .05);
    color: #fff
}
.interaction-main .interaction-button .letter-container svg[data-v-c913cd86] {
    fill: #fff;
    inline-size: .342vw
}
.action-container-close[data-v-642b920c], .action-container .buttons-container__button-accept[data-v-642b920c], .action-container .buttons-container__button-cancel[data-v-642b920c], .action-wrapper[data-v-642b920c], .action.request .user-content-avatar-admin[data-v-642b920c] {
    display: flex;
    justify-content: center;
    align-items: center
}
[data-v-642b920c], [data-v-642b920c]:after, [data-v-642b920c]:before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    line-height: normal
}
* input[data-v-642b920c], :after input[data-v-642b920c], :before input[data-v-642b920c] {
    outline: none
}
.action-wrapper[data-v-642b920c] {
    position: absolute;
    left: 0;
    top: 0
}
.row-block[data-v-642b920c] {
    display: flex;
    flex-direction: row
}
.column-block[data-v-642b920c] {
    display: flex;
    flex-direction: column
}
.justify-start[data-v-642b920c] {
    display: flex;
    justify-content: flex-start
}
.justify-center[data-v-642b920c] {
    display: flex;
    justify-content: center
}
.justify-between[data-v-642b920c] {
    display: flex;
    justify-content: space-between
}
.justify-end[data-v-642b920c] {
    display: flex;
    justify-content: flex-end
}
.flex-block[data-v-642b920c] {
    display: flex
}
.align-start[data-v-642b920c] {
    display: flex;
    align-content: flex-start
}
.align-center[data-v-642b920c] {
    display: flex;
    align-items: center
}
.align-end[data-v-642b920c] {
    display: flex;
    align-items: flex-end
}
.full-width[data-v-642b920c] {
    inline-size: 100%
}
.full-height[data-v-642b920c] {
    block-size: 100%
}
.picture-handler[data-v-642b920c] {
    display: flex;
    cursor: pointer
}
.debug[data-v-642b920c] {
    border: 1px solid red
}
.fade-up-animation[data-v-642b920c] {
    animation: fadeOutUp-data-v-642b920c 1s ease
}
.fade-down-animation[data-v-642b920c] {
    animation: fadeOutDown-data-v-642b920c 1s ease
}
@keyframes fadeOutUp-data-v-642b920c {
    0% {
        opacity: 1;
        transform: translateY(0);
        background-color: #40b6ff;
        color: #fff
    }
    to {
        opacity: 0;
        transform: translateY(-100%);
        background-color: #40b6ff;
        color: #fff
    }
}
@keyframes fadeOutDown-data-v-642b920c {
    0% {
        opacity: 1;
        transform: translateY(0);
        background-color: #071e30;
        color: #fff
    }
    to {
        opacity: 0;
        transform: translateY(100%);
        background-color: #071e30;
        color: #fff
    }
}
.logotype-enter-active[data-v-642b920c] {
    animation: logotype-data-v-642b920c .5s ease
}
.logotype-leave-active[data-v-642b920c] {
    animation: logotype-data-v-642b920c .5s ease reverse
}
@keyframes logotype-data-v-642b920c {
    0% {
        transform: scale(0);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}
.cardMoveIn[data-v-642b920c] {
    animation: cardMoveInside-data-v-642b920c ease forwards;
    animation-duration: 2s
}
.cardMoveOut[data-v-642b920c] {
    animation: cardMoveOutside-data-v-642b920c ease forwards;
    animation-duration: 2s
}
@keyframes cardMoveOutside-data-v-642b920c {
    0% {
        right: 15.625vw
    }
    to {
        right: .521vw
    }
}
@keyframes cardMoveInside-data-v-642b920c {
    0% {
        right: .521vw
    }
    to {
        right: 15.625vw
    }
}
@keyframes borderBlink-data-v-642b920c {
    0% {
        opacity: .5
    }
    to {
        opacity: 1
    }
}
.fade-enter[data-v-642b920c], .fade-leave-to[data-v-642b920c] {
    opacity: 0
}
.fade-enter-active[data-v-642b920c], .fade-leave-active[data-v-642b920c] {
    transition: opacity .5s
}
@keyframes slide-up-data-v-642b920c {
    0% {
        transform: translateY(-20%);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}
@keyframes slide-down-data-v-642b920c {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform: translateY(20%);
        opacity: 0
    }
}
.ipad-slide-enter-active[data-v-642b920c] {
    animation: ipad-slide-data-v-642b920c .4s ease
}
.ipad-slide-leave-active[data-v-642b920c] {
    animation: ipad-slide-data-v-642b920c .4s ease reverse
}
@keyframes ipad-slide-data-v-642b920c {
    0% {
        transform: translateY(120%)
    }
    to {
        transform: translateY(0)
    }
}
@keyframes bounce-in-transition-data-v-642b920c {
    0% {
        transform: scale(0);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}
img[data-v-642b920c] {
    pointer-events: none
}
input[data-v-642b920c] {
    outline: none
}
.local-slide-enter-active[data-v-642b920c] {
    animation: slide-up-data-v-642b920c .2s ease
}
.local-slide-leave-active[data-v-642b920c] {
    animation: slide-down-data-v-642b920c .2s ease
}
input[type=number][data-v-642b920c]::-webkit-inner-spin-button, input[type=number][data-v-642b920c]::-webkit-outer-spin-button {
    -webkit-appearance: none!important;
    appearance: none!important;
    margin: 0!important
}
.action[data-v-642b920c] {
    display: flex;
    flex-direction: column;
    padding: 0 2.083vw;
    inline-size: 100%
}
.action-container[data-v-642b920c] {
    display: flex;
    flex-direction: column;
    inline-size: 31.25vw;
    background: rgba(7, 30, 48, .95);
    overflow: hidden;
    position: relative
}
.action-container__title[data-v-642b920c] {
    font-family: ProximaNova, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.563vw;
    display: flex;
    align-items: center;
    padding-inline-start: 2.083vw;
    inline-size: 100%;
    block-size: 3.49vw;
    background: rgba(0, 0, 0, .2);
    color: #fff;
    margin-block-end: .521vw
}
.action-container__message[data-v-642b920c] {
    font-family: ProximaNova, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 1.042vw;
    color: #fff
}
.action-container__message .from-user[data-v-642b920c] {
    color: hsla(0, 0%, 100%, .5);
    margin-inline-end: .781vw
}
.action-container__message .to-user[data-v-642b920c] {
    color: #fff;
    font-weight: 500;
    margin-inline-start: .781vw
}
.action-container-close[data-v-642b920c] {
    position: absolute;
    right: .521vw;
    top: .521vw;
    color: #fff;
    cursor: pointer;
    font-size: 1.102vw;
    inline-size: 1.702vw;
    block-size: 1.702vw;
    line-height: 0;
    border-radius: 50%;
    transition: background-color .2s ease
}
.action-container-close[data-v-642b920c]:active {
    background: rgba(0, 0, 0, .25)
}
.action-container .buttons-container[data-v-642b920c] {
    display: flex;
    justify-content: space-between;
    inline-size: 100%;
    margin-block-start: 1.042vw;
    margin-block-end: 2.083vw
}
.action-container .buttons-container__button-accept[data-v-642b920c], .action-container .buttons-container__button-cancel[data-v-642b920c] {
    font-family: ProximaNova, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.042vw;
    inline-size: 13.542vw;
    block-size: 2.813vw;
    color: #fff;
    cursor: pointer;
    background: hsla(0, 0%, 100%, .05);
    color: hsla(0, 0%, 100%, .5);
    transition: color .2s ease, background-color .2s ease
}
.action-container .buttons-container__button-accept[data-v-642b920c]:hover, .action-container .buttons-container__button-cancel[data-v-642b920c]:hover {
    background: #40b6ff;
    color: #fff
}
.action-container .buttons-container__button-cancel[data-v-642b920c] {
    inline-size: 12.5vw;
    margin-inline-start: 1.042vw
}
.action.input .action__input[data-v-642b920c] {
    font-family: ProximaNova, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.042vw;
    inline-size: 100%;
    block-size: 2.813vw;
    color: #fff;
    background: rgba(0, 0, 0, .2);
    border: none;
    padding: 0 1.042vw;
    margin-block-start: .521vw
}
.action.input .action__input[data-v-642b920c]::placeholder {
    color: hsla(0, 0%, 100%, .3)
}
.action.confirm .action-confirm__title[data-v-642b920c] {
    font-family: ProximaNova, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.823vw;
    color: #fff;
    margin-block-start: 1.042vw
}
.action.request .action-container__message[data-v-642b920c] {
    margin-block-start: 1.042vw
}
.action.request .user-content[data-v-642b920c] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-block-start: 1.042vw;
    inline-size: 100%;
    color: #fff
}
.action.request .user-content-wrapper[data-v-642b920c] {
    display: flex;
    flex-direction: row
}
.action.request .user-content-avatar[data-v-642b920c] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    inline-size: 3.906vw;
    block-size: 3.906vw;
    position: relative;
    background-size: cover!important;
    background-repeat: no-repeat;
    border-radius: .313vw
}
.action.request .user-content-avatar-admin[data-v-642b920c] {
    font-family: ProximaNova, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: .781vw;
    inline-size: 1.042vw;
    block-size: 2.083vw;
    color: #fff;
    border-radius: .156vw;
    background: #40b6ff;
    transform: translateX(50%)
}
.action.request .user-content .user-nickname[data-v-642b920c] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-inline-start: 1.302vw
}
.action.request .user-content .user-nickname__text-name[data-v-642b920c] {
    font-family: ProximaNova, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.302vw
}
.action.request .user-content .user-nickname__text-surname[data-v-642b920c] {
    font-family: ProximaNova, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 1.042vw;
    color: hsla(0, 0%, 100%, .5)
}
.action.request .user-content__title[data-v-642b920c] {
    font-family: ProximaNova, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.823vw;
    color: #fff
}
.action.list[data-v-642b920c] {
    block-size: 100%;
    max-block-size: 16.667vw;
    overflow-y: scroll;
    padding-block-end: 1.042vw;
    color: #fff
}
.action.list[data-v-642b920c]::-webkit-scrollbar {
    inline-size: .365vw;
    background-color: hsla(0, 0%, 100%, .05)
}
.action.list[data-v-642b920c]::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 100%, .15)
}
.action.list .action-list__option[data-v-642b920c] {
    inline-size: 27.083vw;
    padding: .521vw 1.042vw;
    background: rgba(0, 0, 0, .2);
    border-radius: .156vw;
    margin-block-start: .521vw;
    cursor: pointer;
    transition: background-color .4s ease
}
.action.list .action-list__option[data-v-642b920c]:hover {
    background: #40b6ff
}
.action.list .action-list__option[data-v-642b920c]:first-child {
    margin-block-start: 1.042vw
}
@font-face {
    font-family: BakerScript;
    src: url(../fonts/BakerScript-Regular.ttf);
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNova-Regular.ttf);
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNova-Regular-Italic.ttf);
    font-weight: 400;
    font-style: italic
}
@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNova-Semibold.ttf);
    font-weight: 500
}
@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNova-SemiboldIt.ttf);
    font-weight: 500;
    font-style: italic
}
@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNova-Light.ttf);
    font-weight: 100
}
@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNova-LightItalic.ttf);
    font-weight: 100;
    font-style: italic
}
@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNova-Bold.ttf);
    font-weight: 900;
    font-style: normal
}
@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNova-BoldItalic.ttf);
    font-weight: 900;
    font-style: italic
}
@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNova-Extrabld.ttf);
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNova-ExtraBold-Italic.ttf);
    font-weight: 700;
    font-style: italic
}
@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNova-Thin.ttf);
    font-weight: 300;
    font-style: normal
}
@font-face {
    font-family: ProximaNova-Condensed;
    src: url(../fonts/ProximaNovaExCn-Light.ttf);
    font-weight: 100;
    font-style: normal
}
@font-face {
    font-family: ProximaNova-Condensed;
    src: url(../fonts/ProximaNovaExCn-Regular.ttf);
    font-weight: 400;
    font-style: normal
}
.fade-up-animation {
    animation: fadeOutUp 1s ease
}
.fade-down-animation {
    animation: fadeOutDown 1s ease
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
        background-color: #40b6ff;
        color: #fff
    }
    to {
        opacity: 0;
        transform: translateY(-100%);
        background-color: #40b6ff;
        color: #fff
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);
        background-color: #071e30;
        color: #fff
    }
    to {
        opacity: 0;
        transform: translateY(100%);
        background-color: #071e30;
        color: #fff
    }
}
.logotype-enter-active {
    animation: logotype .5s ease
}
.logotype-leave-active {
    animation: logotype .5s ease reverse
}
@keyframes logotype {
    0% {
        transform: scale(0);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}
.cardMoveIn {
    animation: cardMoveInside ease forwards;
    animation-duration: 2s
}
.cardMoveOut {
    animation: cardMoveOutside ease forwards;
    animation-duration: 2s
}
@keyframes cardMoveOutside {
    0% {
        right: 15.625vw
    }
    to {
        right: .521vw
    }
}
@keyframes cardMoveInside {
    0% {
        right: .521vw
    }
    to {
        right: 15.625vw
    }
}
@keyframes borderBlink {
    0% {
        opacity: .5
    }
    to {
        opacity: 1
    }
}
.fade-enter, .fade-leave-to {
    opacity: 0
}
.fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}
@keyframes slide-up {
    0% {
        transform: translateY(-20%);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}
@keyframes slide-down {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform: translateY(20%);
        opacity: 0
    }
}
.ipad-slide-enter-active {
    animation: ipad-slide .4s ease
}
.ipad-slide-leave-active {
    animation: ipad-slide .4s ease reverse
}
@keyframes ipad-slide {
    0% {
        transform: translateY(120%)
    }
    to {
        transform: translateY(0)
    }
}
@keyframes bounce-in-transition {
    0% {
        transform: scale(0);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}
*, :after, :before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    line-height: normal
}
* input, :after input, :before input {
    outline: none
}
.row-block {
    display: flex;
    flex-direction: row
}
.column-block {
    display: flex;
    flex-direction: column
}
.justify-start {
    display: flex;
    justify-content: flex-start
}
.justify-center {
    display: flex;
    justify-content: center
}
.justify-between {
    display: flex;
    justify-content: space-between
}
.justify-end {
    display: flex;
    justify-content: flex-end
}
.flex-block {
    display: flex
}
.align-start {
    display: flex;
    align-content: flex-start
}
.align-center {
    display: flex;
    align-items: center
}
.align-end {
    display: flex;
    align-items: flex-end
}
.full-width {
    inline-size: 100%
}
.full-height {
    block-size: 100%
}
.picture-handler {
    display: flex;
    cursor: pointer
}
.debug {
    border: 1px solid red
}
img {
    pointer-events: none
}
input {
    outline: none
}
html {
    overflow: hidden
}
body {
    margin: 0;
    background: 0 0;
    user-select: none;
    overflow: inherit
}