[v-cloak] {
    display: block;
}

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

.classic-hud .top-right-block .info-container {
    position: absolute;
    right: -5px;
    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: 100cm;
    height: 100%;
    background: #FFCC3F;
    transform: skewX(23deg);
    z-index: -1;
}

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



.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: 0.8vh;
    left: 8vh;
}
.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: 1.5vh;
}
.classic-hud .city-street-block .city-street-name .city-name {
    text-align: left;
    font-family: Montserrat-SemiBold;
    font-size: 1.4vh;
    color: white;
}
.classic-hud .city-street-block .city-street-name .street-name {
    text-align: left;
    font-family: Montserrat-Medium;
    font-size: 1.4vh;
    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;
}