/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */
/*             CEF STUDIO            */

[v-cloak] {
    display: none;
}

.classic-hud {}
.classic-hud .top-right-block {
    position: absolute;
    top: 0;
    right: 0
}

.classic-hud .top-right-block .info-container {
    position: absolute;
    right: 0;
    top: 0;
    width: max-content;
}
.classic-hud .top-right-block .info-container .info-style {
    display: inline-block;
    position: relative;
    text-align: right;
    font-size: 1.509344262295082vh;
    font-family: Montserrat-SemiBold;
    font-weight: 400;
    word-wrap: break-word;
    padding: 0.3267961165048543vh 1.7067961165048543vh 0.2067961165048543vh 1.7067961165048543vh;
    color: #171717;
    right: 0.9vh;
    margin-left: 0.1vh;
}
.classic-hud .top-right-block .info-container .aga {
    padding: 0.3267961165048543vh 0.9067961165048543vh 1.8987961165048543vh 1.7067961165048543vh;
    position: absolute;
    top: 0;
    right: 0;
    background: #FFCC3F;
}
.classic-hud .top-right-block .info-container .info-style::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    transform: skewX(23deg);
    z-index: -1;
}
.classic-hud .top-right-block .info-container .info-style-id::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFCC3F;
    transform: skewX(23deg);
    z-index: -1;
}

.classic-hud .top-right-block .logotype {
    position: absolute;
    width: 22vh;
    top: 3.5vh;
    right: 10vh;
}



.classic-hud .top-right-block .right-indicator-container {
    position: relative;
    top: 9vh;
    right: 0;
}
.classic-hud .top-right-block .right-indicator-container .right-indicator-block {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 11vh;
    margin-top: 1.2vh;
}
.classic-hud .top-right-block .right-indicator-container .right-indicator-block .progress-indicator {
    position: absolute;
    color: rgba(255, 255, 255);
    font-size: 1.9vh;
    font-family: Montserrat-SemiBold;
    font-weight: 700;
    text-align: right;
    right: 7.6vh;
    top: -1.8vh;
}
.classic-hud .top-right-block .right-indicator-container .right-indicator-block .right-indicator-icon {
    position: relative;
    width: 2.5vh;
    height: 2.5vh;
    right: 4.5vh;
}
.classic-hud .top-right-block .right-indicator-container .right-indicator-block .circle-progress-bg {
    stroke: none;
    stroke-width: 6.5920000000000005px;
}
.classic-hud .top-right-block .right-indicator-container .right-indicator-block .circle-progress {
    stroke: #EE2746;
    stroke-width: 6.5920000000000005px;
    stroke-dasharray: 251;
    stroke-dashoffset: 251;
    transition: stroke-dashoffset 0.5s;
}
.classic-hud .top-right-block .right-indicator-container .right-indicator-block .circle-progress-icon {
    width: 2.6699029126213594vh;
    position: relative;
    right: 5.6vh;
}
.classic-hud .top-right-block .right-indicator-container .right-indicator-block .circle-progress-indicator {
    position: absolute;
    color: rgba(255, 255, 255);
    font-size: 2.3vh;
    font-family: Montserrat-SemiBold;
    font-weight: 700;
    text-align: center;
    right: 11.7vh;
    top: 0.5vh;
}




.classic-hud .top-right-block .weapon-container {
    position: absolute;
    top: 15vh;
    right: 22vh;
}
.classic-hud .top-right-block .weapon-container .weapon-icon {
    position: relative;
    width: 10vh;
}
.classic-hud .top-right-block .weapon-container .ammo-block {
    position: absolute;
    text-align: right;
    top: 4.5vh;
    right: 11.5vh;
}
.classic-hud .top-right-block .weapon-container .ammo {
    position: relative;
    text-align: right;
    color: white;
    font-size: 2.2vh;
    font-family: Montserrat-SemiBold;
    font-style: italic;
}
.classic-hud .top-right-block .weapon-container .max-ammo {
    position: relative;
    text-align: right;
    color: rgba(255, 255, 255, 0.50);
    font-size: 1.8vh;
    font-family: Montserrat-Medium;
    font-style: italic;
}


.classic-hud .server-name-block {
    width: 27.3224043715847vh;
    height: 5.1530054644808745vh;
    position: absolute;
    bottom: 25.5vh;
    left: 6vh;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.20) 15%, rgba(0, 0, 0, 0.55) 30%, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0.55) 70%, rgba(0, 0, 0, 0.20) 85%, rgba(0, 0, 0, 0) 100%);
}
.classic-hud .server-name-block .server-name {
    width: 12.5vh;
    position: relative;
    font-size: 1.6vh;
    font-family: Montserrat-SemiBold;
    font-weight: 600;
    text-align: center;
    padding: 0.5vh 1vh 0.5vh 1vh;
    color: white;
    border: 0.25vh solid white;
    border-radius: 0.7vh;
    left: 6vh;
    top: 0.8vh;
}


.classic-hud .city-street-block {
    display: flex;
    position: absolute;
    bottom: 5.7vh;
    left: 31.5vh;
}
.classic-hud .city-street-block img {
    position: relative;
    width: 3vh;
}
.classic-hud .city-street-block .city-street-name {
    position: relative;
    display: inline-block;
    margin-left: 0.5vh;
}
.classic-hud .city-street-block .city-street-name .city-name {
    text-align: left;
    font-family: Montserrat-SemiBold;
    font-size: 1.7vh;
    color: white;
}
.classic-hud .city-street-block .city-street-name .street-name {
    text-align: left;
    font-family: Montserrat-Medium;
    font-size: 1.5vh;
    color: white;
}


.classic-hud .top-right-block .cash-container {
    position: absolute;
    right: 3.9vh;
    top: 29vh;
}
.classic-hud .top-right-block .cash-container .cash-block {
    position: relative;
    display: flex;
    margin-top: 0.5vh;
    text-align: right;
}
.classic-hud .top-right-block .cash-container .cash-block .cash {
    width: 15vw;
    color: white;
    font-size: 2vh;
    font-family: Montserrat-SemiBold;
    font-weight: 700;
}
.classic-hud .top-right-block .cash-container .cash-block img {
    width: 3vh;
    position: relative;
    left: 1vh;
}








.classic-speedometer {
    position: absolute;
    right: 0.5vh;
    bottom: 0vh;
}

.classic-speedometer .speedometer-background {
    position: absolute;
    bottom: -0.5vh;
    right: -0.5vh
}

.classic-speedometer .speedometer-block {
    position: absolute;
    bottom: 0;
    right: 2vh
}

.classic-speedometer .speedometer-block .speedometer-numbers {
    width: 22.87431693989071vh;
    height: 22.87431693989071vh;
    position: relative;
}
.classic-speedometer .speedometer-block .speedometer-meter {
    width: 31vh;
    height: 31vh;
    position: absolute;
    right: 0.1vh;
    bottom: 2.6vh;
}
.classic-speedometer .speedometer-block .speedometer-meter path {
    will-change: auto;
    -webkit-transition: stroke-dashoffset 550ms ease-in-out;
    transition: stroke-dashoffset 550ms ease-in-out;
}


.classic-speedometer .speedometer-count {
    position: absolute;
    bottom: 4.5vh;
    right: 4.2vh;
    text-align: center;
    clear: both;
}
.classic-speedometer .speedometer-count p {
    width: 20vh;
    height: 0.3vh;
    font-size: 4vh;
    font-family: Montserrat-SemiBold;
    text-align: center;
    color: white;
}
.classic-speedometer .speedometer-count p a {
    color: rgba(255, 255, 255, 0.40);
}
.classic-speedometer .speedometer-count span {
    font-family: Montserrat-SemiBold;
    font-size: 1.4776699029126213vh;
    color: rgba(255, 255, 255, 0.40);
}
.classic-speedometer .speedometer-count img {
    position: absolute;
    width: 25vh;
    right: -2vh;
    top: -5vh;
    z-index: -52;
}

.classic-speedometer .speedometer-count .gear-block {
    width: 4.5vw;
    position: relative;
    display: flex;
    top: 0.9vh;
    left: 6.2vh
}
.classic-speedometer .speedometer-count .gear-block .gear {
    position: relative;
    font-family: Montserrat-BoldItalic;
    font-size: 1.6vh;
    opacity: 0.2;
    color: white;
    transition: all 0.3s;
    text-align: center;
    margin-left: 0.7vh;
}
.classic-speedometer .speedometer-count .gear-block .active {
    font-family: Montserrat-BoldItalic;
    font-size: 2vh;
    opacity: 1;
}

.classic-speedometer .speedometer-count .odometer-block {
    width: max-content;
    position: relative;
    display: flex;
    bottom: 0.5vh;
    left: 6.5vh;
}
.classic-speedometer .speedometer-count .odometer-block p {
    width: 10vw;
    font-size: 1.5vh;
    font-family: Montserrat-SemiBoldItalic;
    color: white;
    margin-top: 1.8vh;
    text-align: left;
}
.classic-speedometer .speedometer-count .odometer-block p a {
    color: rgba(255, 255, 255, 0.40);
}

.classic-speedometer .indicator-icon-block {
    position: relative;
    bottom: 5.7vh;
    right: 6vh;
}
.classic-speedometer .indicator-icon-block .indicator-icon {
    display: inline-grid;
    position: relative;
    margin-left: 0.5vh;
}


.classic-speedometer .fuel-block {
    width: max-content;
    position: absolute;
    bottom: 0.7vh;
    right: 23.8vh;
    display: flex;
}
.classic-speedometer .fuel-block img { position: relative; width: 1.3vh; right: 0.8vh;}
.classic-speedometer .fuel-block p {
    font-size: 1.6vh;
    font-family: Montserrat-SemiBoldItalic;
    text-align: center;
    color: white;
}
.classic-speedometer .fuel-block p a {
    color: rgba(255, 255, 255, 0.40);
}
.classic-speedometer .fuel-block span {
    color: rgba(255, 255, 255, 0.40);
}