@font-face { 
  font-family: 'AgencyB';
  src: url('../fonts/agencyfb_bold.ttf');
}
@font-face { 
  font-family: 'AgencyR';
  src: url('../fonts/agencyfb_reg.ttf');
}
@font-face { 
  font-family: 'Atomic';
  src: url('../fonts/atomic.otf');
}
@font-face { 
  font-family: 'Black';
  src: url('../fonts/RevxNeueBlack.ttf');
}
@font-face { 
  font-family: 'Bold';
  src: url('../fonts/RevxNeueBold.ttf');
}
@font-face { 
  font-family: 'Medium';
  src: url('../fonts/RevxNeueMedium.ttf');
}
@font-face { 
  font-family: 'Regular';
  src: url('../fonts/RevxNeueRegular.ttf');
}
@font-face { 
  font-family: 'SemiBold';
  src: url('../fonts/RevxNeueSemiBold.ttf');
}
@font-face {
  font-family: "inter-b";
  src: url("../fonts/Inter-Bold.otf");
}

@font-face {
  font-family: "inter-semib";
  src: url("../fonts/Inter-SemiBold.otf");
}

.shadow_r_top {
  position: absolute;
  top: -13.2292vw;
  right: -24.4688vw;
  width: 44.8958vw;
  height: 30.5938vw;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.59);
  filter: blur(06.563vw);
}
.shadow_color_r_top {
  width: 12.3958vw;
  height: 12.3958vw;
  border-radius: 100%;
  position: absolute;
  top: -5.3125vw;
  right: -5.3125vw;
  background: rgba(244, 118, 0, 0.25);
  filter: blur(7.563vw);
}

@media (min-width: 2560px) {
  .shadow_r_top {
    position: absolute;
    top: -23.5186vh;
    right: -43.5001vh;
    width: 79.8147vh;
    height: 54.389vh;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.59);
    filter: blur(11.6676vh);
  }
  .shadow_color_r_top {
    width: 22.0369vh;
    height: 22.0369vh;
    border-radius: 100%;
    position: absolute;
    top: -9.4444vh;
    right: -9.4444vh;
    background: rgba(244, 118, 0, 0.25);
    filter: blur(13.4454vh);
  }
}





.hudbody,
.hudhtml {
  position: relative;
  height: 100%;
  width: 100%;
  font-size: 0.7292vw;
  overflow: hidden;
  color: white;
}

.hud {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  /* background: rgb(90, 88, 88); */
}


.main__hud-clock-einreise-team {
  margin-top: -0.5vw;
}
.main__hud-clock-einreise {
  position: absolute;
  top: 0.545vw;
  left: 1.25vw;
}

.bx_food {
background: rgba(31, 25, 13, 0.35);;
}

.bx_an {
  width: 1.1979vw;
  height: 1.1979vw;
  background-image: url("../img/speaker.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 0.1042vw;
  box-shadow: 0 0.26vw 1.042vw rgba(244, 118, 0, 0.35);
}

.bx_water {
  background: rgba(19, 34, 40, 0.35);
}

.e_bx {
  width: 1.97917vw;
  height: 1.97917vw;
  border-radius: 100%;
  background-image: url("../img/ebx.png");
  background-size: 100%;
  background-repeat: no-repeat;
}

.bx_stng {
  width: 2.29167vw;
  height: 2.29167vw;
  border-radius: 0.10417vw;
  background-image: url("../img/settingsbox.png");
  background-size: 100%;
  background-repeat: no-repeat;
}

.novalue_lines {
  background-image: url('../img/noval_speedo.png');
  background-size: 100% 100%;
}
.gnimg {
  width: 5.26042vw;
  height: 1.82292vw;
}

.wrap_food,
.wrap_water {
  width: 3.125vw;
  height: 3.125vw;
  position: relative;
}


.bx_food,
.bx_water {
  position: absolute;
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 100%;
}

.r_wr {
  position: absolute;
  top: 1vw;
  right: 1.25vw;
}

.name_pr img {
  width: 5.6771vw;
  margin-top: -0.2604vw;
  margin-right: -0.5365vw;
  height: 2.4479vw;
}

.stat_tx span:first-child {
  font-size: 0.7292vw;
  font-family: 'Medium';
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.5);
}

.stat_tx span:last-child {
  font-size: 0.7292vw;
  font-family: 'SemiBold';
  letter-spacing: -0.02em;
}
.stat_tx {
  gap: 0.1563vw;
}
.line_stat {
  width: 0.1042vw;
  height: 0.4688vw;
  box-shadow: 0 0.104vw 0.885vw rgba(244, 118, 0, 0.75);
  background: #ff6e2b;
}
.bx_stat {
  gap: 0.3125vw;
}
.bx_stat svg {
  width: 0.7292vw;
  height: 0.7292vw;
  filter: drop-shadow(0 0 0.833vw rgba(244, 118, 0, 0.25));
}
.stat_tx {
  gap: 0.1563vw;
}
.mcr_cont .bx_stat {
  flex-direction: row-reverse;
}
.points {
  margin-top: 0;
}
.bx_stat img {
  width: 0.7292vw;
  height: 0.7292vw;
}

.weapon img {
  height: 4vw
}
.weapon-main {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.ammo span {
  font-size: 0.7292vw;
  font-family: 'Medium';
  color: #ff6e2b !important;
  text-shadow: 0 0 0.833vw rgba(244, 118, 0, 0.25);
}
.ammo img {
  width: 0.4688vw;
  height: 0.6771vw;
}
.weapon-main {
  height: 1.8396vw;
  display: flex;
  align-items: center;
  padding-right: 0.625vw;
  padding-left: 0.4688vw;
  gap: 0.3125vw;
  border-radius: 0.1042vw;
}

#weaponInfo {
 margin-top: 30% !important;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 width: 100%;
 height: auto;
 padding: 0.4688vw;
 background: rgb(10, 10, 10, 0.2);
 border-radius: 0.1563vw;
}

#weaponInfo img {
  margin-right: 0.2083vw;
}
.weaponhud-body {
  margin-top: 1.6667vw;
}
.interact__main p {
  font-size: 0.7292vw;
  height: auto;
  line-height: 121%;
  margin-top: -0.5vw;
  color: rgba(255, 255, 255, 0.75);
  font-family: 'Regular';
  letter-spacing: -0.02em;
}


.points {
  flex-direction: row-reverse;
  gap: 0.2083vw;
}
.mcr_cont {
  flex-direction: row-reverse;
  gap: 0.2604vw;
  margin-top: 0.3646vw;
}
.mcr_cont .bx_stat {
  padding-left: 0.3125vw;
  padding-right: 0.3125vw;
  height: 1.3542vw;
}

.pnt {
  width: 0.4167vw;
  height: 0.4167vw;
  background: rgba(255, 255, 255, 0.15);
  border: 0.052vw solid rgba(255, 255, 255, 0.15);
  border-radius: 50%;
}

.activatedmicrophonepoint,
.activatedradiopoint {
  background: rgba(244, 118, 0, 0.58);
  border: 0.052vw solid #ff6e2b;
}

.r_wr {
  align-items: flex-end;
}
.money_wr, .card {
  align-items: flex-end;
}
.row_mny span:first-child {
  font-size: 0.7292vw;
  font-family: 'Regular';
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.5);
}
.row_mny span:last-child {
  font-size: 0.8333vw;
  font-family: 'SemiBold';
  letter-spacing: -0.02em;
}
.row_mny {
  text-align: right;
}
.money_wr img {
  width: 0.7813vw;
  height: 0.7813vw;
}
.money, .card {
  gap: 0.3646vw;
}
.money_wr {
  gap: 0.3125vw;
}
.r_top {
  gap: 0.3125vw;
}

.gun_box {
  padding: 0.41667vw;
  border-radius: 0.10417vw;
  border: 0.05208vw solid #ff6e2b;
  background: radial-gradient(232.39% 114.2% at 50% 50%, rgba(255, 156, 75, 0.25) 0%, rgba(255, 156, 75, 0) 100%);
  border-radius: 0.10417vw;
  margin-left: auto;
  margin-top: 1.66667vw;
}

.row_gn {
  margin-right: 0.52083vw;
  text-align: right;
}

.nm_gn {
  font-size: 0.83333vw;
  font-family: "ExtraBold";
  text-shadow: 0px 0px 1.66667vw rgba(255, 255, 255, 0.5);
}

.ammo {
  margin-left: auto;
}


.money_wr {
  margin-top: 1.1458vw;
}

.stats {
  height: 1.8229vw;
}


.jobbox .stat_tx {
  text-align: right;
  margin-right: 0.26042vw;
  font-size: 0.7292vw;
}

.ammo span {
  font-size: 0.83333vw;
  font-family: "SemiBold";
  color: #ff6e2b;
}

.flcb span {
  margin-left: 0.0933vw;
  font-size: 0.83333vw;
  font-family: "ExtraBold";
  text-shadow: rgb(255, 255, 255) 1px 0 10px;
  margin-right: auto;
}
.row_data_stats {
  position: absolute;
  top: 5%; 
  left: 1%;;
}

#weapon_info {
 display: none;
}

.map_block {
  position: absolute;
  bottom: 0.15vw;
  left: 16.6vw;
}

.ammo svg {
  width: 0.67708vw;
  height: 0.67708vw;
  margin-left: 0.3125vw;
}

.announcelist {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  overflow: hidden;
}

.announce {
  width: 21.0938vw;
  height: auto;
  position: relative;
  padding: 0.4688vw;
  background: radial-gradient(27.66% 106.22% at 0% 0%, rgba(244, 118, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, rgba(20, 14, 9, 0.65);
  border-radius: 0.1563vw;
  transform: translateX(-15.2083333333vw);
  transition: all 0.45s ease;
  animation: showAnnounce 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.announce:nth-child(1) {
  margin-top: 1.25vw;
}

.progress_ring {
  height: 3.125vw;
  height: 3.125vw;
  transform: scale(-1, 1);
}

.progress_water {
  stroke-width: 3;
  fill: none;
  stroke: #86DBFF;
  transform: rotate(270deg);
  transform-origin: center;
}
.announce .flex_nf_tx span:last-child {
  color: #ff6e2b;
  text-shadow: 0 0 1.667vw rgba(244, 118, 0, 0.85);
}
.flex_an_hd {
  gap: 0.3125vw;
}

.progress_food {
  stroke-width: 2;
  fill: none;
  stroke: #ff6e2b;
  transform: rotate(270deg);
  transform-origin: center;
}
.map_block {
  align-items: flex-start;
}
.food_drink {
  margin-left: -0.9vw;
  gap: 0.2604vw;
}
.map_block .stat_tx {
  flex-direction: column-reverse !important;
}

.fw_icn {
  position: absolute;
  width: 1.62292vw;
  height: 1.62292vw;
}
.food_drink {
  transform: scale(0.75);
}
.food_drink {
  align-items: flex-start;
  justify-content: flex-start;
}
.map_block .bx_stat {
  align-items: flex-start;
}
.map_block .stat_tx {
  text-align: left;
}
.map_block .stat_tx {
  gap: 0;
}
.map_block .bx_stat {
  gap: 0.4125vw;
}



.n_vl {
  height: 100%;
  width: 0%;
  border-radius: 0.0521vw;
}
.notify_success .n_vl {
  box-shadow: 0 0 0.938vw rgba(125, 255, 129, 0.25);
  background: #7dff81;
}
.notify_error .n_vl {
  box-shadow: 0 0 0.938vw rgba(147, 0, 0, 0.25);
  background: #932f00;
}
.notify_info .n_vl {
  box-shadow: 0 0 0.938vw rgba(255, 166, 83, 0.25);
  background: #ffc353;
}

@keyframes showNotification {
  to {
    opacity: 1;
    transform: translateX(0vw);
  }
}

@keyframes showAnnounce {
  0% {
    -webkit-transform: translateY(-15vw);
    transform: translateY(-15vw);
  }

  100% {
    -webkit-transform: translateY(0vw);
    transform: translateY(0vw);
  }
}

@keyframes hideAnnounce {
  0% {
    -webkit-transform: translateY(0vw);
    transform: translateY(0vw);
  }

  100% {
    -webkit-transform: translateY(-15vw);
    transform: translateY(-15vw);
  }
}

@keyframes hideNotification {
  from {
    opacity: 1;
    transform: translateX(0vw);
  }

  to {
    opacity: 0;
    transform: translateX(-15.2083333333vw);
  }
}

.circlef {
  width: 0.4688vw;
  height: 0.4688vw;
  border-radius: 0.0573vw;
  background: rgba(255, 255, 255, 0.15);
  border: 0.057vw solid rgba(255, 255, 255, 0.15);
}
.bxic_wr {
  gap: 0.3125vw;
}

.activatedspeedoicn .circlef {
  border: 0.057vw solid #7dff81;
  background: rgba(125, 255, 129, 0.75);
}

.bxic_wr {
}
.icns_wr {
  gap: 0.4167vw;
}

.bxic_wr:first-child {
  margin-left: 0;
}

.jobblock .stat_tx {
  text-align: left;
  margin-top: 0;
  margin-left: 0.625vw;
}

.jobblock {
  position: absolute;
  top: 1.25vw;
  left: 1.25vw;
}

@keyframes showlines {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}

.rw_gps {
  text-align: right;
}

.gps_wr {
  gap: 0.2604vw;
  margin-left: 15vmin;
  margin-top: -1vmin
}

.rw_gps span:first-child {
  font-size: 0.6771vw;
  font-family: 'SemiBold';
  text-shadow: 0 0 0.833vw rgba(255, 255, 255, 0.25);
}

.rw_gps span:last-child {
  font-size: 0.6771vw;
  font-family: 'Medium';
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: -0.02em;
}

.gps_wr img {
  width: 0.98958vw;
  height: 1.5625vw;
  margin-left: 0.41667vw;
}

.sp_tx span:first-child {
  font-size: 2.2917vw;
  font-family: 'AgencyB';
  letter-spacing: -0.02em;
  text-shadow: 0 0 1.667vw rgba(255, 255, 255, 0.25);
}
.sp_tx {
  gap: 0.2083vw;
}
.sp_tx span:last-child {
  margin-top: auto;
  margin-bottom: 0.3vw;
  font-size: 0.781vw;
  font-family: 'Regular';
  color: rgba(255, 255, 255, 0.5);
}



.sp_tx {
  margin-bottom: -0.83333vw;
}

.s_blur {
  position: absolute;
  width: 15.625vw;
  bottom: -7.8125vw;
  right: -1vw;
  height: 15.625vw;
  background: rgba(0, 0, 0, 0.5);
  filter: blur(4.03646vw);
}

.icon_hd {
	margin-top: -0.3646vw;
	margin-left: -0.3646vw;
	width: 4vw;
	height: 4vw;
	background-image: url('../img/tringle.png');
	background-size: 100% 100%;
	filter: drop-shadow(0 0.208vw 0.898vw #ff6e2b);
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}

.icon_hd svg {
	width: 0.8854vw;
	height: 0.8854vw;
}
.left_block {
	gap: 0.0521vw;
}
.flex_hd span:first-child {
	font-size: 2.2917vw;
	font-family: 'AgencyB';
	letter-spacing: -0.03em;
	text-shadow: 0 0 2.135vw rgba(255, 255, 255, 0.25);
}
.flex_hd span:last-child {
	margin-left: -0.7583vw;
	width: 4.2708vw;
	height: 2.6563vw;
	margin-top: 0.1vw;
	background-image: url('../img/city_text.png');
	background-size: 100% 100%;
	filter: drop-shadow(0 0 0.835vw rgba(244, 118, 0, 0.85));
}
.name_ui {
	margin-top: 0.1563vw;
	font-size: 1.0313vw;
	font-family: 'AgencyR';
	color: rgba(255, 255, 255, 0.5);
	letter-spacing: 0.35em;
}
.flex_hd {
	height: 1.9479vw;
}


.switch {
}

input[type="checkbox"] {
  width: 0.7813vw;
  height: 0.7813vw;
  -webkit-appearance: none;
  outline: none;
  background: rgba(255, 255, 255, 0.15);
  transition: 0.2s;
  cursor: pointer;
  border: 0.052vw solid rgba(255, 255, 255, 0.15);
  border-radius: 0.05208vw;
}

input:checked[type="checkbox"] {
  background: rgba(244, 118, 0, 0.75);
  border: 0.052vw solid #ff6e2b;
}

.settings_wr {
  width: 14.3438vw;
  height: 23.8177vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  background-image: url('../img/setting_cont.png');
  background-size: 100% 100%;
  padding: 0.8333vw;
}

.rw_stng {
  text-align: center;
  margin-top: 0.41667vw;
}

.rw_stng span:first-child {
  font-size: 1.04167vw;
  font-family: "Bold";
  text-shadow: 0px 0px 1.30208vw rgba(255, 255, 255, 0.5);
}

.rw_stng span:last-child {
  margin-top: -0.10417vw;
  font-size: 1.04167vw;
  font-family: "ExtraBold";
  color: #ff6e2b;
}

.overflow_stngs {
  width: 100%;
  height: 19.167vw;
  overflow-y: auto;
  gap: 0.4167vw;
  margin-top: auto;
}

.pannel_stng {
  height: 2.0313vw;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 0.104vw;
  justify-content: space-between;
  padding-left: 0.4167vw;
  padding-right: 0.625vw;
}

.pannel_stng span {
  font-size: 0.7813vw;
  font-family: 'Medium';
  text-shadow: 0 0 1.25vw rgba(255, 255, 255, 0.5);
}

.overflow_stngs::-webkit-scrollbar {
  display: none;
}

.flex {
  display: flex;
}

.clmn {
  display: flex;
  flex-direction: column;
}

.alcn {
  display: flex;
  align-items: center;
}


.stats_wrapper {
}

.jlcn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.rw {
  display: flex;
  flex-direction: row-reverse;
}

.e_wr span {
  text-align: center;
  margin-top: 0.41667vw;
  font-size: 0.9375vw;
  font-family: "SemiBold";
  text-shadow: 0px 0px 1.30208vw rgba(255, 255, 255, 0.5);
}

.lb_nv {
  width: 10.0521vw;
  height: 1.25vw;
  background-image: url('../img/noval.png');
  background-size: 100% 100%;
}

.lb_val {
  width: 50%;
  height: 1.25vw;
  overflow: hidden;
  filter: drop-shadow(0 0.26vw 1.042vw rgba(244, 118, 0, 0.35));
}

.lb_val img {
  width: 10.0521vw;
  height: 1.25vw;
}

.tx_b {
  align-items: center;
  margin-bottom: 5px;
}

.tx_b span:first-child {
  font-size: 0.7813vw;
  font-family: 'Medium';
  letter-spacing: -0.02em;
  text-shadow: 0 0 0.833vw rgba(255, 255, 255, 0.25);
}

.tx_b span:last-child {
  font-size: 0.7813vw;
  height: 1.25vw;
  display: flex;
  border-radius: 0.104vw;
  padding-left: 0.208vw;
  padding-right: 0.2083vw;
  align-items: center;
  justify-content: center;
  color: white;
  margin-left: auto;
  font-size: 0.7813vw;
  font-family: 'Medium';
}
#e-circle {
  width: 4vw;
  height: 4vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('../img/press-e.svg');
  background-size: 100% 100%;
  font-size: 1.146vw;
  font-family: 'AgencyB';
  text-transform: uppercase;
}
.interact__main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.l_wr {
  margin-top: 1.25vw;
}

.b_wr {
  position: absolute;
  gap: 0.8333vw;
  bottom: 1.66667vw;
}

.b_blur {
  position: absolute;
  bottom: -6.71875vw;
  width: 13.4375vw;
  height: 13.4375vw;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.5);
  filter: blur(2.89063vw);
}

/* .r_blur {
  position: absolute;
  top: -22.65625vw;
  right: -27.86458vw;
  width: 55.72917vw;
  height: 45.3125vw;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.5);
  filter: blur(4.03646vw);
} */

.novalue_lines,
.lines_bar,
.value_lines img {  
  width: 9.9479vw;
  height: 3.125vw;
}

.value_lines {
  width: 0%;
  height: 100%;
  overflow: hidden;
  transition: 80ms;
}

.bar_fl {
  height: 2.2396vw;
  width: 0.2083vw;
  align-items: flex-end;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 0.05208vw;
}

.val_fl {
  height: 0%;
  max-height: 100%;
  width: 0.3125vw;
  border-radius: 0.05208vw;
  box-shadow: 0 0 0.938vw rgba(172, 83, 255, 0.25);
  background: #ff5353;
}

.lns_wr {
  height: 4.32292vw;
}


.fuel_wr svg {
  width: 0.6771vw;
  height: 0.6771vw;
  margin-top: 0.2083vw;
}

.fuel_wr {
  margin-left: 0.31667vw;
}

.fncts_wr {
  margin-top: -0.6646vw;
}

.bxicfn_wr img {
  width: 1.0938vw;
  height: 1.0938vw;
}

.bxicfn_wr img:nth-child(2) {
  display: none;
}

.activatedspeedoicn .bxicfn_wr img:nth-child(2) {
  display: flex;
}

.activatedspeedoicn .bxicfn_wr img:nth-child(1) {
  display: none;
}

.hidenotify {
  transform: translateX(-15.2083333333vw);
  transition: all 0.45s ease;
  animation: hideNotification 0.45s ease forwards;
}

.hideannounce {
  transform: translate(-15.2083333333vw);
  transition: all 0.45s ease;
  animation: hideAnnounce 0.45s ease forwards;
}

.an_rw {
  margin-left: 0.83333vw;
}

.an_rw span:first-child {
  font-size: 0.83333vw;
  font-family: "Bold";
  color: #ff6e2b;
  text-align: center;
  text-shadow: 0px 0px 1.30208vw #ff6e2b
}

.an_rw span:last-child {
  font-size: 0.83333vw;
  font-family: "SemiBold";
  text-shadow: 0px 0px 1.66667vw rgba(255, 255, 255, 0.5);
  word-wrap: break-word;
  white-space: break-spaces;
  text-align: center;
  width: 15.36458vw;
}

.notify_success,
.notify_info,
.notify_error {
  width: 14.1146vw;
  border-radius: 10px;
  padding: 0.469vw;
  margin-left: 1.429vw;
  transform: translateX(-15.2083333333vw);
  transition: all 0.45s ease;
  animation: showNotification 0.45s ease forwards;
}
.notifys {
  gap: 0.5208vw;
}

.box_success,
.box_error,
.box_info {
  width: 1.1979vw;
  height: 1.1979vw;
  background-size: 100% 100%;
  border-radius: 0.1042vw;
}

.box_success img,
.box_error img,
.box_info img {
  width: 1.0938vw !important;
  height: 1.0938vw !important;
}

.notify_success {
  background: radial-gradient(27.66% 106.22% at 0% 0%, rgba(125, 255, 129, 0.15) 0%, rgba(0, 0, 0, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, rgba(7, 15, 7, 0.45);
}

.notify_error {
  background: radial-gradient(27.66% 106.22% at 0% 0%, rgba(147, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, rgba(10, 4, 4, 0.45);
}

.notify_info {
  background: radial-gradient(27.66% 106.22% at 0% 0%, rgba(255, 166, 83, 0.15) 0%, rgba(0, 0, 0, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, rgba(17, 14, 7, 0.45);
}

.box_success {
  background-image: url('../img/box_suc.png');
  box-shadow: 0 0.26vw 1.042vw rgba(125, 255, 129, 0.35);
}

.box_error {
  background-image: url('../img/box_error.png');
  box-shadow: 0 0.26vw 1.042vw rgba(147, 0, 0, 0.35);
}

.box_info {
  background-image: url('../img/box_warrning.png');
  box-shadow: 0 0.26vw 1.042vw rgba(255, 166, 83, 0.35);
}
.flex_nf_bl {
  gap: 0.3125vw;
}
.flex_nf_tx span:last-child {
  font-size: 1.5vw;
  font-family: 'AgencyB';
  text-shadow: 0 0 1.667vw rgba(255, 255, 255, 0.25);
}
.flex_nf_tx span:first-child {
  font-size: 1.2vw;
  font-family: 'AgencyB';
  text-transform: uppercase;
}
.flex_nf_tx {
  height: 1.1979vw;
}
.notify_success .flex_nf_tx span:last-child {
  text-shadow: 0 0 2.135vw rgba(125, 255, 129, 0.35);
  color: #7dff81;
}
.notify_error .flex_nf_tx span:last-child {
  text-shadow: 0 0 2.135vw rgba(147, 0, 0, 0.85);
  color: #932f00;
}
.notify_info .flex_nf_tx span:last-child {
  color: #ffc353;
  text-shadow: 0 0 2.135vw rgba(255, 166, 83, 0.85);
}
.text_notify_ma {
  font-size: 0.7813vw;
  font-family: 'Regular';
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.75);
  text-align: center;
}


.notifys {
  position: absolute;
  left: 0;
  bottom: 24vw;
  height: 23.4375vw;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  overflow: hidden;
}

.n_br {
  width: 100%;
  height: 0.1563vw;
  margin-top: 0.5208vw;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 20px ;
}
.text_notify_ma {
  margin-top: 0.4167vw;
}

.main__hud-clock-einreise p {
  font-size: 0.7813vw;
  font-family: 'Medium';
  color: rgba(255, 255, 255, 0.5);
}
.main__hud-clock-einreise span {
  font-family: 'SemiBold';
  color: white;
}

/* NEW SPEEDO */

.sp_wr {
  position: absolute;
  bottom: .21vw;
  right: 1.5vw;
  width: 13.33vw;
  height: 14.5vw;

}

.sp_wr .speedo-circle {
  fill: none;
  stroke-linecap: round;
  stroke-width: .24vw;
  stroke-dasharray: 345, 600;
  stroke-dashoffset: 330;
  stroke: rgb(255, 255, 255);
  transform: rotate(137deg)
}

.sp_wr .speedo-circle-bg {
  fill: none;
  stroke-linecap: round;
  stroke-width: .24vw;
  stroke-dasharray: 345, 600;
  stroke-dashoffset: 0;
  stroke: rgba(255, 255, 255, 0.12);
  transform: rotate(137deg)
}

.sp_wr .speedo-fuel {
  position: absolute;
  height: 0.7407vmin;
  width: 0.6481vmin;
  right: 3.7037vmin;
  bottom: 4.3vmin;
}

.speedo-circle3 {
  stroke: rgb(255, 111, 0);
  stroke-width: .1vw;
  stroke-dasharray: 100, 629; 

  stroke-dashoffset: 0; 
  fill: none;
  transition: stroke-dashoffset 0.5s ease;
  transform: rotate(-10deg);
}

.speedo-circle-bg3 {
  stroke: rgba(255, 72, 0, 0.2);
  stroke-width: .1vw;
  stroke-dasharray: 100, 600;
  stroke-dashoffset: 0;
  fill: none;
  transform: rotate(-10deg)
}

.sp_wr .speedo-circle2 {
  fill: none;
  stroke-linecap: round;
  stroke-width: .24vw;
  stroke-dasharray: 95, 610;
  stroke-dashoffset: 95;
  stroke: #ff6e2b;
  transform: rotate(-10deg);
}

.sp_wr .speedo-numbers {
  position: absolute;
  width: 85%;
  height: 75%;
  top: 1vmin;
  left: 1.8vmin;
}

.sp_wr .speedo-circle-bg2 {
  fill: none;
  stroke-linecap: round;
  stroke-width: .24vw;
  stroke-dasharray: 95, 600;
  stroke-dashoffset: 0;
  stroke: #ff6e2ba5;
  transform: rotate(-10deg);
}

.sp_wr .geschwindigkeit {
  position: absolute;
  left: 50%;
  top: 4.9074vmin;
  transform: translateX(-50%);

  font-family: "inter-b";
  font-style: Bold;
  font-size: 2.2222vmin;
  color: rgba(255, 255, 255, 0.4);
}

.sp_wr .subheader {
  position: absolute;
  left: 50%;
  top: 7.8704vmin;
  transform: translateX(-50%);

  padding-left: 0.463vmin;
  padding-right: 0.463vmin;

  background-color: #ca39005d;

  font-family: "inter-semib";
  font-size: 1.1111vmin;
  color: #ff6e2b;
}

.sp_wr .gang {
  position: absolute;
  width: 1.9444vmin;
  height: 2.037vmin;
  left: 50%;
  top: 11.1111vmin;
  transform: translateX(-50%);


  background: radial-gradient(50% 50% at 50% 50%, #ff6e2b 38.46%, #ff6e2b 100%);
  box-shadow: 0vmin 0vmin 1.1111vmin 0.3704vmin #ff6e2b;
  color: black;
  font-family: "inter-semib";
  font-size: 1.1111vmin;

  display: flex;
  justify-content: center;
  align-items: center;
}

.sp_wr .speedo-gear {
  position: absolute;
  width: 2.1vmin;
  height: 3vmin;
  color: #ff6e2b;
  bottom: 5.2vmin;
  transform: translateX(-50%);
  left: 40%;
}

.sp_wr .speedo-door {
  position: absolute;
  width: 2.1vmin;
  height: 2.1vmin;
  color: rgba(9, 255, 72, 0.75);
  right: 8vmin;
  bottom: 5.8vmin;
  transform: translateX(-50%);
  right: 30%;
}

.sp_wr .speedo-gear.active{
  color: rgba(9, 255, 72, 0.75);
}
.sp_wr .speedo-door.active{
  color: #ff6e2b;
}

.sp_wr .speedo-door.active path,
.sp_wr .speedo-gear.active path {
  fill: currentColor;
  fill-opacity: 1;
}