@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');
}

.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, 0, 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, 0, 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, 0, 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.13542vw;
  height: 2.13542vw;
  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;
  text-shadow: 0 0 0.833vw rgba(255, 255, 255, 0.25);
}
.stat_tx {
  gap: 0.1563vw;
}
.line_stat {
  width: 0.1042vw;
  height: 0.4688vw;
  box-shadow: 0 0.104vw 0.885vw rgba(244, 0, 0, 0.75);
  background: #f40000;
}
.bx_stat {
  gap: 0.3125vw;
}
.bx_stat svg {
  width: 0.7292vw;
  height: 0.7292vw;
  filter: drop-shadow(0 0 0.833vw rgba(244, 0, 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, .weapon {
  height: 1.1979vw;
}
.weapon-main {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.ammo span {
  font-size: 0.7292vw;
  font-family: 'Medium';
  color: #f40000 !important;
  text-shadow: 0 0 0.833vw rgba(244, 0, 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;
  background: rgba(17, 11, 6, 0.25);
  border-radius: 0.1042vw;
}
#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;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 0.104vw;
}

.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: 0.052vw;
}

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

.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;
  text-shadow: 0 0 0.833vw rgba(255, 255, 255, 0.25);
}
.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 #ff0000;
  background: radial-gradient(232.39% 114.2% at 50% 50%, rgba(255, 75, 75, 0.25) 0%, rgba(255, 75, 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;
}

.ammo span {
  font-size: 0.83333vw;
  font-family: "SemiBold";
  color: #ff0000;
  text-shadow: 0px 0px 1.30208vw #ff0000
}

.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 {
  gap: 0.3646vw;
  margin-top: 0.8333vw;
}
.map_block {
  position: absolute;
  bottom: 1.5625vw;
  left: 16.5104vw;
}

.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, 0, 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: #f40000;
  text-shadow: 0 0 1.667vw rgba(244, 0, 0, 0.85);
}
.flex_an_hd {
  gap: 0.3125vw;
}

.progress_food {
  stroke-width: 2;
  fill: none;
  stroke: #ff5555;
  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: #930000;
}
.notify_info .n_vl {
  box-shadow: 0 0 0.938vw rgba(255, 195, 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: auto;
}

.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;
}

.sp_wr {
  position: absolute;
  bottom: 1.25vw;
  right: 1.25vw;
}

.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: 2.8125vw;
	height: 2.8125vw;
	background-image: url('../img/tringle.png');
	background-size: 100% 100%;
	filter: drop-shadow(0 0.208vw 0.898vw rgba(244, 0, 0, 0.95));
}
.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, 0, 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, 0, 0, 0.75);
  border: 0.052vw solid #f40000;
}

.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: #ff0000;
}

.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, 0, 0, 0.35));
}

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

.tx_b {
  align-items: center;
  margin-bottom: 0.46042vw;
}

.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;
  background: rgba(244, 0, 0, 0.15);
  color: #f40000;
  margin-left: auto;
  font-size: 0.7813vw;
  font-family: 'Medium';
}
#e-circle {
  width: 2.8125vw;
  height: 2.8125vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('../img/e_box.png');
  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: #ff0000;
  text-align: center;
  text-shadow: 0px 0px 1.30208vw #ff0000
}

.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: 0.156vw;
  padding: 0.469vw;
  margin-left: 1.8229vw;
  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.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(7, 15, 7, 0.65);
}

.notify_error {
  background: radial-gradient(27.66% 106.22% at 0% 0%, rgba(147, 0, 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(10, 4, 4, 0.65);
}

.notify_info {
  background: radial-gradient(27.66% 106.22% at 0% 0%, rgba(255, 195, 83, 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(17, 14, 7, 0.65);
}

.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, 195, 83, 0.35);
}
.flex_nf_bl {
  gap: 0.3125vw;
}
.flex_nf_tx span:first-child {
  font-size: 1.3542vw;
  font-family: 'AgencyB';
  letter-spacing: -0.02em;
  text-shadow: 0 0 1.667vw rgba(255, 255, 255, 0.25);
}
.flex_nf_tx span:last-child {
  font-size: 1.0938vw;
  font-family: 'Atomic';
  margin-left: -0.2604vw;
  letter-spacing: -0.03em;
}
.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: #930000;
}
.notify_info .flex_nf_tx span:last-child {
  color: #ffc353;
  text-shadow: 0 0 2.135vw rgba(255, 195, 83, 0.85);
}
.text_notify_ma {
  font-size: 0.7813vw;
  font-family: 'Regular';
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.75);
}


.notifys {
  position: absolute;
  left: 0;
  bottom: 12.8125vw;
  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: 0.0521vw;
}
.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;
}

@media (min-width: 2560px) {
  .main__hud-clock-einreise-team {
    margin-top: -0.8889vh;
  }
  .main__hud-clock-einreise {
    position: absolute;
    top: 0.9689vh;
    left: 2.2222vh;
  }
  
  .bx_food {
  background: rgba(31, 25, 13, 0.35);;
  }
  
  .bx_an {
    width: 2.1296vh;
    height: 2.1296vh;
    background-image: url("../img/speaker.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 0.1853vh;
    box-shadow: 0 0.4622vh 1.8524vh rgba(244, 0, 0, 0.35);
  }
  
  .bx_water {
    background: rgba(19, 34, 40, 0.35);
  }
  
  .e_bx {
    width: 3.5185vh;
    height: 3.5185vh;
    border-radius: 100%;
    background-image: url("../img/ebx.png");
    background-size: 100%;
    background-repeat: no-repeat;
  }
  
  .bx_stng {
    width: 4.0741vh;
    height: 4.0741vh;
    border-radius: 0.1852vh;
    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: 9.3519vh;
    height: 3.2407vh;
  }
  
  .wrap_food,
  .wrap_water {
    width: 5.5556vh;
    height: 5.5556vh;
    position: relative;
  }
  
  
  .bx_food,
  .bx_water {
    position: absolute;
    width: 3.7963vh;
    height: 3.7963vh;
    border-radius: 100%;
  }
  
  .r_wr {
    position: absolute;
    top: 1.7778vh;
    right: 2.2222vh;
  }
  
  .name_pr img {
    width: 10.0926vh;
    margin-top: -0.463vh;
    margin-right: -0.9538vh;
    height: 4.3519vh;
  }
  
  .stat_tx span:first-child {
    font-size: 1.2964vh;
    font-family: 'Medium';
    letter-spacing: -0.02em;
    color: rgba(255, 255, 255, 0.5);
  }
  
  .stat_tx span:last-child {
    font-size: 1.2964vh;
    font-family: 'SemiBold';
    letter-spacing: -0.02em;
    text-shadow: 0 0 1.4809vh rgba(255, 255, 255, 0.25);
  }
  .stat_tx {
    gap: 0.2779vh;
  }
  .line_stat {
    width: 0.1853vh;
    height: 0.8334vh;
    box-shadow: 0 0.1849vh 1.5733vh rgba(244, 0, 0, 0.75);
    background: #f40000;
  }
  .bx_stat {
    gap: 0.5556vh;
  }
  .bx_stat svg {
    width: 1.2964vh;
    height: 1.2964vh;
    filter: drop-shadow(0 0 1.4809vh rgba(244, 0, 0, 0.25));
  }
  .stat_tx {
    gap: 0.2779vh;
  }
  .mcr_cont .bx_stat {
    flex-direction: row-reverse;
  }
  .points {
    margin-top: 0;
  }
  .bx_stat img {
    width: 1.2964vh;
    height: 1.2964vh;
  }
  .weapon img, .weapon {
    height: 2.1296vh;
  }
  .weapon-main {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
  }
  .ammo span {
    font-size: 1.2964vh;
    font-family: 'Medium';
    color: #f40000 !important;
    text-shadow: 0 0 1.4809vh rgba(244, 0, 0, 0.25);
  }
  .ammo img {
    width: 0.8334vh;
    height: 1.2037vh;
  }
  .weapon-main {
    height: 3.2704vh;
    display: flex;
    align-items: center;
    padding-right: 1.1111vh;
    padding-left: 0.8334vh;
    gap: 0.5556vh;
    background: rgba(17, 11, 6, 0.25);
    border-radius: 0.1853vh;
  }
  #weaponInfo img {
    margin-right: 0.3703vh;
  }
  .weaponhud-body {
    margin-top: 2.9631vh;
  }
  .interact__main p {
    font-size: 1.2964vh;
    height: auto;
    line-height: 121%;
    margin-top: -0.8889vh;
    color: rgba(255, 255, 255, 0.75);
    font-family: 'Regular';
    letter-spacing: -0.02em;
  }
  
  
  .points {
    flex-direction: row-reverse;
    gap: 0.3703vh;
  }
  .mcr_cont {
    flex-direction: row-reverse;
    gap: 0.463vh;
    margin-top: 0.6481vh;
  }
  .mcr_cont .bx_stat {
    padding-left: 0.5556vh;
    padding-right: 0.5556vh;
    height: 2.4075vh;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 0.1849vh;
  }
  
  .pnt {
    width: 0.7408vh;
    height: 0.7408vh;
    background: rgba(255, 255, 255, 0.15);
    border: 0.0924vh solid rgba(255, 255, 255, 0.15);
    border-radius: 0.0924vh;
  }
  
  .activatedmicrophonepoint,
  .activatedradiopoint {
    background: rgba(244, 0, 0, 0.58);
    border: 0.0924vh solid #f40000;
  }
  
  .r_wr {
    align-items: flex-end;
  }
  .money_wr, .card {
    align-items: flex-end;
  }
  .row_mny span:first-child {
    font-size: 1.2964vh;
    font-family: 'Regular';
    letter-spacing: -0.02em;
    color: rgba(255, 255, 255, 0.5);
  }
  .row_mny span:last-child {
    font-size: 1.4814vh;
    font-family: 'SemiBold';
    letter-spacing: -0.02em;
    text-shadow: 0 0 1.4809vh rgba(255, 255, 255, 0.25);
  }
  .row_mny {
    text-align: right;
  }
  .money_wr img {
    width: 1.389vh;
    height: 1.389vh;
  }
  .money, .card {
    gap: 0.6481vh;
  }
  .money_wr {
    gap: 0.5556vh;
  }
  .r_top {
    gap: 0.5556vh;
  }
  
  .gun_box {
    padding: 0.7407vh;
    border-radius: 0.1852vh;
    border: 0.0926vh solid #ff0000;
    background: radial-gradient(232.39% 114.2% at 50% 50%, rgba(255, 75, 75, 0.25) 0%, rgba(255, 75, 75, 0) 100%);
    border-radius: 0.1852vh;
    margin-left: auto;
    margin-top: 2.963vh;
  }
  
  .row_gn {
    margin-right: 0.9259vh;
    text-align: right;
  }
  
  .nm_gn {
    font-size: 1.4815vh;
    font-family: "ExtraBold";
    text-shadow: 0vw 0vw 2.963vh rgba(255, 255, 255, 0.5);
  }
  
  .ammo {
    margin-left: auto;
  }
  
  
  .money_wr {
    margin-top: 2.0369vh;
  }
  
  .stats {
    height: 3.2407vh;
  }
  
  
  .jobbox .stat_tx {
    text-align: right;
    margin-right: 0.463vh;
  }
  
  .ammo span {
    font-size: 1.4815vh;
    font-family: "SemiBold";
    color: #ff0000;
    text-shadow: 0vw 0vw 2.3148vh #ff0000
  }
  
  .flcb span {
    margin-left: 0.1658vh;
    font-size: 1.4815vh;
    font-family: "ExtraBold";
    text-shadow: rgb(255, 255, 255) 0.052vw 0 0.521vw;
    margin-right: auto;
  }
  .row_data_stats {
    gap: 0.6481vh;
    margin-top: 1.4814vh;
  }
  .map_block {
    position: absolute;
    bottom: 2.7778vh;
    left: 29.3519vh;
  }
  
  .ammo svg {
    width: 1.2037vh;
    height: 1.2037vh;
    margin-left: 0.5556vh;
  }
  
  .announcelist {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    gap: 0.8889vh;
    overflow: hidden;
  }
  
  .announce {
    width: 37.5001vh;
    height: auto;
    position: relative;
    padding: 0.8334vh;
    background: radial-gradient(27.66% 106.22% at 0% 0%, rgba(244, 0, 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.2779vh;
    transform: translateX(-27.037vh);
    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: 2.2222vh;
  }
  
  .progress_ring {
    height: 5.5556vh;
    height: 5.5556vh;
    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: #f40000;
    text-shadow: 0 0 2.9635vh rgba(244, 0, 0, 0.85);
  }
  .flex_an_hd {
    gap: 0.5556vh;
  }
  
  .progress_food {
    stroke-width: 2;
    fill: none;
    stroke: #ff5555;
    transform: rotate(270deg);
    transform-origin: center;
  }
  .map_block {
    align-items: flex-start;
  }
  .food_drink {
    margin-left: -1.6vh;
    gap: 0.463vh;
  }
  .map_block .stat_tx {
    flex-direction: column-reverse !important;
  }
  
  .fw_icn {
    position: absolute;
    width: 2.8852vh;
    height: 2.8852vh;
  }
  .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.7333vh;
  }
  
  
  
  .n_vl {
    height: 100%;
    width: 0%;
    border-radius: 0.0926vh;
  }
  .notify_success .n_vl {
    box-shadow: 0 0 1.6676vh rgba(125, 255, 129, 0.25);
    background: #7dff81;
  }
  .notify_error .n_vl {
    box-shadow: 0 0 1.6676vh rgba(147, 0, 0, 0.25);
    background: #930000;
  }
  .notify_info .n_vl {
    box-shadow: 0 0 1.6676vh rgba(255, 195, 83, 0.25);
    background: #ffc353;
  }
  
  @keyframes showNotification {
    to {
      opacity: 1;
      transform: translateX(0vh);
    }
  }
  
  @keyframes showAnnounce {
    0% {
      -webkit-transform: translateY(-26.6667vh);
      transform: translateY(-26.6667vh);
    }
  
    100% {
      -webkit-transform: translateY(0vh);
      transform: translateY(0vh);
    }
  }
  
  @keyframes hideAnnounce {
    0% {
      -webkit-transform: translateY(0vh);
      transform: translateY(0vh);
    }
  
    100% {
      -webkit-transform: translateY(-26.6667vh);
      transform: translateY(-26.6667vh);
    }
  }
  
  @keyframes hideNotification {
    from {
      opacity: 1;
      transform: translateX(0vh);
    }
  
    to {
      opacity: 0;
      transform: translateX(-27.037vh);
    }
  }
  
  .circlef {
    width: 0.8334vh;
    height: 0.8334vh;
    border-radius: 0.1019vh;
    background: rgba(255, 255, 255, 0.15);
    border: 0.1013vh solid rgba(255, 255, 255, 0.15);
  }
  .bxic_wr {
    gap: 0.5556vh;
  }
  
  .activatedspeedoicn .circlef {
    border: 0.1013vh solid #7dff81;
    background: rgba(125, 255, 129, 0.75);
  }
  
  .bxic_wr {
  }
  .icns_wr {
    gap: 0.7408vh;
  }
  
  .bxic_wr:first-child {
    margin-left: 0;
  }
  
  .jobblock .stat_tx {
    text-align: left;
    margin-top: 0;
    margin-left: 1.1111vh;
  }
  
  .jobblock {
    position: absolute;
    top: 2.2222vh;
    left: 2.2222vh;
  }
  
  @keyframes showlines {
    from {
      width: 0%;
    }
  
    to {
      width: 100%;
    }
  }
  
  .rw_gps {
    text-align: right;
  }
  
  .gps_wr {
    gap: 0.463vh;
    margin-left: auto;
  }
  
  .rw_gps span:first-child {
    font-size: 1.2037vh;
    font-family: 'SemiBold';
    text-shadow: 0 0 1.4809vh rgba(255, 255, 255, 0.25);
  }
  
  .rw_gps span:last-child {
    font-size: 1.2037vh;
    font-family: 'Medium';
    color: rgba(255, 255, 255, 0.5);
    letter-spacing: -0.02em;
  }
  
  .gps_wr img {
    width: 1.7593vh;
    height: 2.7778vh;
    margin-left: 0.7407vh;
  }
  
  .sp_tx span:first-child {
    font-size: 4.0742vh;
    font-family: 'AgencyB';
    letter-spacing: -0.02em;
    text-shadow: 0 0 2.9635vh rgba(255, 255, 255, 0.25);
  }
  .sp_tx {
    gap: 0.3703vh;
  }
  .sp_tx span:last-child {
    margin-top: auto;
    margin-bottom: 0.5333vh;
    font-size: 1.3884vh;
    font-family: 'Regular';
    color: rgba(255, 255, 255, 0.5);
  }
  
  
  
  .sp_tx {
    margin-bottom: -1.4815vh;
  }
  
  .sp_wr {
    position: absolute;
    bottom: 2.2222vh;
    right: 2.2222vh;
  }
  
  .s_blur {
    position: absolute;
    width: 27.7778vh;
    bottom: -13.8889vh;
    right: -1.7778vh;
    height: 27.7778vh;
    background: rgba(0, 0, 0, 0.5);
    filter: blur(7.1759vh);
  }
  
  .icon_hd {
    margin-top: -0.6481vh;
    margin-left: -0.6481vh;
    width: 5vh;
    height: 5vh;
    background-image: url('../img/tringle.png');
    background-size: 100% 100%;
    filter: drop-shadow(0 0.3698vh 1.5965vh rgba(244, 0, 0, 0.95));
  }
  .icon_hd svg {
    width: 1.5741vh;
    height: 1.5741vh;
  }
  .left_block {
    gap: 0.0926vh;
  }
  .flex_hd span:first-child {
    font-size: 4.0742vh;
    font-family: 'AgencyB';
    letter-spacing: -0.03em;
    text-shadow: 0 0 3.7956vh rgba(255, 255, 255, 0.25);
  }
  .flex_hd span:last-child {
    margin-left: -1.3481vh;
    width: 7.5925vh;
    height: 4.7223vh;
    margin-top: 0.1778vh;
    background-image: url('../img/city_text.png');
    background-size: 100% 100%;
    filter: drop-shadow(0 0 1.4844vh rgba(244, 0, 0, 0.85));
  }
  .name_ui {
    margin-top: 0.2779vh;
    font-size: 1.8334vh;
    font-family: 'AgencyR';
    color: rgba(255, 255, 255, 0.5);
    letter-spacing: 0.35em;
  }
  .flex_hd {
    height: 3.463vh;
  }
  
  
  .switch {
  }
  
  input[type="checkbox"] {
    width: 1.389vh;
    height: 1.389vh;
    -webkit-appearance: none;
    outline: none;
    background: rgba(255, 255, 255, 0.15);
    transition: 0.2s;
    cursor: pointer;
    border: 0.0924vh solid rgba(255, 255, 255, 0.15);
    border-radius: 0.0926vh;
  }
  
  input:checked[type="checkbox"] {
    background: rgba(244, 0, 0, 0.75);
    border: 0.0924vh solid #f40000;
  }
  
  .settings_wr {
    width: 25.5001vh;
    height: 42.3426vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    background-image: url('../img/setting_cont.png');
    background-size: 100% 100%;
    padding: 1.4814vh;
  }
  
  .rw_stng {
    text-align: center;
    margin-top: 0.7407vh;
  }
  
  .rw_stng span:first-child {
    font-size: 1.8519vh;
    font-family: "Bold";
    text-shadow: 0vw 0vw 2.3148vh rgba(255, 255, 255, 0.5);
  }
  
  .rw_stng span:last-child {
    margin-top: -0.1852vh;
    font-size: 1.8519vh;
    font-family: "ExtraBold";
    color: #ff0000;
  }
  
  .overflow_stngs {
    width: 100%;
    height: 34.0746vh;
    overflow-y: auto;
    gap: 0.7408vh;
    margin-top: auto;
  }
  
  .pannel_stng {
    height: 3.6112vh;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 0.1849vh;
    justify-content: space-between;
    padding-left: 0.7408vh;
    padding-right: 1.1111vh;
  }
  
  .pannel_stng span {
    font-size: 1.389vh;
    font-family: 'Medium';
    text-shadow: 0 0 2.2222vh 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.7407vh;
    font-size: 1.6667vh;
    font-family: "SemiBold";
    text-shadow: 0vw 0vw 2.3148vh rgba(255, 255, 255, 0.5);
  }
  
  .lb_nv {
    width: 17.8704vh;
    height: 2.2222vh;
    background-image: url('../img/noval.png');
    background-size: 100% 100%;
  }
  
  .lb_val {
    width: 50%;
    height: 2.2222vh;
    overflow: hidden;
    filter: drop-shadow(0 0.4622vh 1.8524vh rgba(244, 0, 0, 0.35));
  }
  
  .lb_val img {
    width: 17.8704vh;
    height: 2.2222vh;
  }
  
  .tx_b {
    align-items: center;
    margin-bottom: 0.8185vh;
  }
  
  .tx_b span:first-child {
    font-size: 1.389vh;
    font-family: 'Medium';
    letter-spacing: -0.02em;
    text-shadow: 0 0 1.4809vh rgba(255, 255, 255, 0.25);
  }
  
  .tx_b span:last-child {
    font-size: 1.389vh;
    height: 2.2222vh;
    display: flex;
    border-radius: 0.1849vh;
    padding-left: 0.3698vh;
    padding-right: 0.3703vh;
    align-items: center;
    justify-content: center;
    background: rgba(244, 0, 0, 0.15);
    color: #f40000;
    margin-left: auto;
    font-size: 1.389vh;
    font-family: 'Medium';
  }
  #e-circle {
    width: 5vh;
    height: 5vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('../img/e_box.png');
    background-size: 100% 100%;
    font-size: 2.0373vh;
    font-family: 'AgencyB';
    text-transform: uppercase;
  }
  .interact__main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .l_wr {
    margin-top: 2.2222vh;
  }
  
  .b_wr {
    position: absolute;
    gap: 1.4814vh;
    bottom: 2.963vh;
  }
  
  .b_blur {
    position: absolute;
    bottom: -11.9444vh;
    width: 23.8889vh;
    height: 23.8889vh;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.5);
    filter: blur(5.1389vh);
  }
  
  /* .r_blur {
    position: absolute;
    top: -40.2778vh;
    right: -49.537vh;
    width: 99.0741vh;
    height: 80.5556vh;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.5);
    filter: blur(7.1759vh);
  } */
  
  .novalue_lines,
  .lines_bar,
  .value_lines img {  
    width: 17.6852vh;
    height: 5.5556vh;
  }
  
  .value_lines {
    width: 0%;
    height: 100%;
    overflow: hidden;
    transition: 80ms;
  }
  
  .bar_fl {
    height: 3.9815vh;
    width: 0.3703vh;
    align-items: flex-end;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 0.0926vh;
  }
  
  .val_fl {
    height: 0%;
    max-height: 100%;
    width: 0.5556vh;
    border-radius: 0.0926vh;
    box-shadow: 0 0 1.6676vh rgba(172, 83, 255, 0.25);
    background: #c053ff;
  }
  
  .lns_wr {
    height: 7.6852vh;
  }
  
  
  .fuel_wr svg {
    width: 1.2037vh;
    height: 1.2037vh;
    margin-top: 0.3703vh;
  }
  
  .fuel_wr {
    margin-left: 0.563vh;
  }
  
  .fncts_wr {
    margin-top: -1.1815vh;
  }
  
  .bxicfn_wr img {
    width: 1.9445vh;
    height: 1.9445vh;
  }
  
  .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(-27.037vh);
    transition: all 0.45s ease;
    animation: hideNotification 0.45s ease forwards;
  }
  
  .hideannounce {
    transform: translate(-27.037vh);
    transition: all 0.45s ease;
    animation: hideAnnounce 0.45s ease forwards;
  }
  
  .an_rw {
    margin-left: 1.4815vh;
  }
  
  .an_rw span:first-child {
    font-size: 1.4815vh;
    font-family: "Bold";
    color: #ff0000;
    text-align: center;
    text-shadow: 0vw 0vw 2.3148vh #ff0000
  }
  
  .an_rw span:last-child {
    font-size: 1.4815vh;
    font-family: "SemiBold";
    text-shadow: 0vw 0vw 2.963vh rgba(255, 255, 255, 0.5);
    word-wrap: break-word;
    white-space: break-spaces;
    text-align: center;
    width: 27.3148vh;
  }
  
  .notify_success,
  .notify_info,
  .notify_error {
    width: 25.0926vh;
    border-radius: 0.2773vh;
    padding: 0.8338vh;
    margin-left: 3.2407vh;
    transform: translateX(-27.037vh);
    transition: all 0.45s ease;
    animation: showNotification 0.45s ease forwards;
  }
  .notifys {
    gap: 0.9258vh;
  }
  
  .box_success,
  .box_error,
  .box_info {
    width: 2.1296vh;
    height: 2.1296vh;
    background-size: 100% 100%;
    border-radius: 0.1853vh;
  }
  
  .box_success img,
  .box_error img,
  .box_info img {
    width: 1.5741vh;
    height: 1.5741vh;
  }
  
  .notify_success {
    background: radial-gradient(27.66% 106.22% at 0% 0%, rgba(125, 255, 129, 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(7, 15, 7, 0.65);
  }
  
  .notify_error {
    background: radial-gradient(27.66% 106.22% at 0% 0%, rgba(147, 0, 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(10, 4, 4, 0.65);
  }
  
  .notify_info {
    background: radial-gradient(27.66% 106.22% at 0% 0%, rgba(255, 195, 83, 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(17, 14, 7, 0.65);
  }
  
  .box_success {
    background-image: url('../img/box_suc.png');
    box-shadow: 0 0.4622vh 1.8524vh rgba(125, 255, 129, 0.35);
  }
  
  .box_error {
    background-image: url('../img/box_error.png');
    box-shadow: 0 0.4622vh 1.8524vh rgba(147, 0, 0, 0.35);
  }
  
  .box_info {
    background-image: url('../img/box_warrning.png');
    box-shadow: 0 0.4622vh 1.8524vh rgba(255, 195, 83, 0.35);
  }
  .flex_nf_bl {
    gap: 0.5556vh;
  }
  .flex_nf_tx span:first-child {
    font-size: 2.4075vh;
    font-family: 'AgencyB';
    letter-spacing: -0.02em;
    text-shadow: 0 0 2.9635vh rgba(255, 255, 255, 0.25);
  }
  .flex_nf_tx span:last-child {
    font-size: 1.8334vh;
    font-family: 'Atomic';
    margin-left: -0.463vh;
    letter-spacing: -0.03em;
  }
  .flex_nf_tx {
    height: 2.1296vh;
  }
  .notify_success .flex_nf_tx span:last-child {
    text-shadow: 0 0 3.7956vh rgba(125, 255, 129, 0.35);
    color: #7dff81;
  }
  .text_notify_ma {
    font-size: 1.389vh;
    font-family: 'Regular';
    letter-spacing: -0.02em;
    color: rgba(255, 255, 255, 0.75);
  }
  
  
  .notifys {
    position: absolute;
    left: 0;
    bottom: 22.7778vh;
    height: 41.6667vh;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    overflow: hidden;
  }
  
  .n_br {
    width: 100%;
    height: 0.2779vh;
    margin-top: 0.9258vh;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 0.0926vh;
  }
  .text_notify_ma {
    margin-top: 0.7408vh;
  }
  
  .main__hud-clock-einreise p {
    font-size: 1.389vh;
    font-family: 'Medium';
    color: rgba(255, 255, 255, 0.5);
  }
  .main__hud-clock-einreise span {
    font-family: 'SemiBold';
    color: white;
  }
}