* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  user-select: none;
}

body,
html {
  position: relative;
  height: 100%;
  width: 100%;
  font-size: 0.7292vw;
  overflow: hidden;
  color: white;
}
.form {
  width: 100vw;
  height: 100vh;
}
.name_project {
  text-align: center;
}
.name_project span:first-child {
  font-size: 2.29167vw;
  font-family: "Akrobat";
  background: linear-gradient(
    180deg,
    rgb(0, 145, 255) 0%,
    rgba(255, 255, 255, 0) 172.92%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.05625vw;
  text-shadow: 0px 0px 1.66667vw rgba(255, 255, 255, 0.15);
}
.name_project span:last-child {
  margin-top: -1.55vw;
  font-size: 2.29167vw;
  font-family: "Shadows";
  transform: skew(-10deg);
  color: #ffffffc4;
  text-align: center;
  text-shadow: 0px 0px 1.66667vw #008cff80;
}
.wr_stat img {
  width: 0.9375vw;
  height: 0.9375vw;
}
.row_stat {
  text-align: right;
  margin-right: 0.41667vw;
}
.row_stat span:first-child {
  font-size: 0.83333vw;
  font-family: "Regular";
  color: rgba(255, 255, 255, 0.5);
}
.row_stat span:last-child {
  font-size: 0.83333vw;
  font-family: "SemiBold";
  margin-top: -0.05208vw;
}
.wrap_stats .wr_stat {
  margin-right: 0.625vw;
}
.wrap_stats .wr_stat:first-child {
  margin-right: 0;
}
.wrap_stats {
  margin-right: 1.25vw;
}
.line {
  margin-right: 0.83333vw;
  margin-left: 0.83333vw;
  width: 0.10417vw;
  height: 1.30208vw;
  background: #008cff;
  box-shadow: 0px 0px 1.3125vw 0px #008cff;
}
.micro_radio svg {
  width: 0.88542vw;
  height: 0.88542vw;
}
.point {
  transition: all 0.3s ease;
  width: 0.57292vw;
  height: 0.57292vw;
  border-radius: 0.10417vw;
  border: 0.05208vw solid #fff;
  margin-right: 0.15625vw;
  background: radial-gradient(
    77.27% 77.27% at 50% 50%,
    #fff 0%,
    rgba(255, 255, 255, 0) 100%
  );
}
.point:first-child {
  margin-right: 0;
}
.points {
  margin-right: 0.36458vw;
}
.radio {
  margin-right: 0.83333vw;
}
.activatedradio {
  border: 0.05208vw solid #008cff;
  background: radial-gradient(
    77.27% 77.27% at 50% 50%,
    #008cff 0%,
    rgba(255, 173, 0, 0) 100%
  );
  box-shadow: 0px 0px 1.25vw 0px rgba(255, 173, 0, 0.5);
}
.activatedmicro {
  border: 0.05208vw solid #0059ff;
  background: radial-gradient(
    77.27% 77.27% at 50% 50%,
    #0059ff 0%,
    rgba(255, 35, 35, 0) 100%
  );
  box-shadow: 0px 0px 1.25vw 0px rgba(35, 160, 255, 0.5);
}
.money_wrap img {
  width: 0.83333vw;
  height: 0.83333vw;
}
.row_money {
  text-align: right;
}
.money_wrap {
  height: 2.70833vw;
  width: 9.89583vw;
  padding-right: 0.52083vw;
}
.wallet .money_wrap {
  background: linear-gradient(
    270deg,
    rgba(9, 255, 0, 0.15) 1.26%,
    rgba(0, 0, 0, 0) 100%
  );
}
.bank .money_wrap {
  background: linear-gradient(
    270deg,
    rgba(0, 145, 255, 0.15) 1.26%,
    rgba(0, 0, 0, 0) 100%
  );
}
.wallet .line_mn {
  width: 0.10417vw;
  height: auto;
  background: #2bff00;
  box-shadow: 0px 0px 0.97396vw 0px #2bff00;
}
.bank .line_mn {
  width: 0.10417vw;
  height: auto;
  background: #008cff;
  box-shadow: 0px 0px 0.97396vw 0px #008cff;
}
.pre_wrap_money {
  margin-top: 0.41667vw;
}
.pre_wrap_money:first-child {
  margin-top: 0;
}
.row_money {
  margin-right: 0.41667vw;
}
.descrmny {
  font-size: 0.83333vw;
  font-family: "Regular";
  color: rgba(255, 255, 255, 0.5);
}
.moneytx {
  font-size: 0.83333vw;
  font-family: "SemiBold";
  text-shadow: 0px 0px 2.08333vw #ffffff80;
}
.reddollar {
  margin-right: 0.15625vw;
  color: #2bff00;
  text-shadow: 0px 0px 2.08333vw rgba(58, 54, 54, 0.5);
}
.yellowdollar {
  margin-right: 0.15625vw;
  color: #008cff;
  text-shadow: 0px 0px 2.08333vw #008cff;
}
.money_cont {
  margin-left: auto;
  margin-top: 1.25vw;
}
.micro_radio {
  margin-top: 1.25vw;
}
.ammo_ammount {
  height: 1.30208vw;
  padding-right: 0.41667vw;
  padding-left: 0.41667vw;
  border-radius: 0.05208vw;
  background: radial-gradient(
    489.67% 195.9% at 50% 50%,
    rgba(35, 160, 255, 0.45) 0%,
    rgba(255, 35, 35, 0) 100%
  );
}
.ammo_box {
  width: 1.30208vw;
  height: 1.30208vw;
  border-radius: 0.10417vw;
  border: 0.05208vw solid #0059ff;
  margin-left: 0.41667vw;
  background: radial-gradient(50% 50% at 50% 50%, #093c68 0%, #0059ff 100%);
  box-shadow: 0px 0px 2.5vw 0px rgba(35, 160, 255, 0.5);
}
.ammo_box svg {
  width: 0.72917vw;
  height: 0.72917vw;
}
.ammo_wrap {
  margin-left: auto;
  margin-top: 0.625vw;
}
.gun_wrap img {
  width: 6.04167vw;
  height: 2.1875vw;
  margin-left: auto;
}
.gun_wrap {
  margin-left: auto;
}
.whiteammo {
  font-size: 0.83333vw;
  font-family: "Medium";
}
.grayammo {
  font-family: "Regular";
  color: rgba(255, 255, 255, 0.5);
}
.gun_wrap {
  margin-top: 2.5vw;
}
.r_wrap {
  position: absolute;
  top: 0.7vw;
  right: 1.04167vw;
}
.chat {
  position: absolute;
  top: 1.04167vw;
  left: 1.04167vw;
  width: 15.36458vw;
  height: 2.29167vw;
  background: rgba(0, 0, 0, 0.75);
  border: none;
  outline: none;
  padding-left: 0.83333vw;
  padding-right: 0.83333vw;
  font-size: 0.83333vw;
  font-family: "Regular";
  color: white;
  border-left: 0.10417vw solid #0059ff;
}

.notify {
  padding: 0.83333vw;
  width: 15.10417vw;
}
.announce {
  padding: 1.25vw;
  width: 25.15625vw;
}
.announce .header_notify span {
  margin-left: 0;
  font-size: 1.66667vw;
}
.notify_success .notify {
  background: radial-gradient(
      357.81% 78.19% at -2.25% -17.21%,
      rgba(189, 255, 0, 0.15) 0%,
      rgba(189, 255, 0, 0) 100%
    ),
    radial-gradient(
      351.4% 98.59% at 89.89% 190.16%,
      rgba(189, 255, 0, 0.15) 0%,
      rgba(189, 255, 0, 0) 100%
    ),
    rgba(0, 0, 0, 0.95);
}
.notify_error .notify {
  background: radial-gradient(
      357.81% 78.19% at -2.25% -17.21%,
      rgba(255, 35, 35, 0.15) 0%,
      rgba(255, 35, 35, 0) 100%
    ),
    radial-gradient(
      351.4% 98.59% at 89.89% 190.16%,
      rgba(255, 35, 35, 0.15) 0%,
      rgba(255, 35, 35, 0) 100%
    ),
    rgba(0, 0, 0, 0.95);
}
.notify_warning .notify {
  background: radial-gradient(
    357.81% 78.19% at -2.25% -17.21%,
    rgba(255, 218, 35, 0.15) 0%,
    rgba(255, 237, 35, 0) 100%
  ),
  radial-gradient(
    351.4% 98.59% at 89.89% 190.16%,
    rgba(255, 218, 35, 0.15) 0%,
    rgba(255, 211, 35, 0) 100%
  ),
  rgba(0, 0, 0, 0.95);
}
.announce,
.notify_team .notify {
  background: radial-gradient(
      357.81% 78.19% at -2.25% -17.21%,
      rgba(35, 167, 255, 0.15) 0%,
      rgba(35, 160, 255, 0) 100%
    ),
    radial-gradient(
      351.4% 98.59% at 89.89% 190.16%,
      rgba(35, 160, 255, 0.15) 0%,
      rgba(35, 160, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0.95);
}
.header_notify img {
  width: 2.72917vw;
  height: 2.72917vw;
}
.header_notify span {
  font-size: 1.25vw;
  font-family: "Akrobat";
  margin-left: 0.41667vw;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 192.92%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0px 0px 1.66667vw rgba(255, 255, 255, 0.15);
}
.notify_team .header_notify span {
  margin-left: 0;
  margin-right: 0.41667vw;
}
.line_nf,
.line_hudset {
  width: 0.20833vw;
  height: 0.57292vw;
  margin-left: 0.41667vw;
  margin-right: 0.41667vw;
}
.notify_success .line_nf {
  border: 0.05208vw solid #bdff00;
  background: radial-gradient(
    122.22% 122.22% at 50% 50%,
    #bdff00 0%,
    rgba(189, 255, 0, 0) 100%
  );
  box-shadow: 0px 0px 1.3125vw 0px #bdff00;
}
.notify_error .line_nf,
.line_hudset {
  border: 0.05208vw solid #ff0000;
  background: radial-gradient(
    122.22% 122.22% at 50% 50%,
    #ff0000 0%,
    rgba(255, 35, 35, 0) 100%
  );
  box-shadow: 0px 0px 1.3125vw 0px #ff0000;
}
.notify_warning .line_nf {
  border: 0.05208vw solid #ffea00;
  background: radial-gradient(
    122.22% 122.22% at 50% 50%,
    #ffee00 0%,
    rgba(189, 255, 0, 0) 100%
  );
  box-shadow: 0px 0px 1.3125vw 0px #fffb00;
}
.announce .line_nf,
.notify_team .line_nf {
  border: 0.05208vw solid #23a0ff;
  background: radial-gradient(
    122.22% 122.22% at 50% 50%,
    #2395ff 0%,
    rgba(255, 193, 35, 0) 100%
  );
  box-shadow: 0px 0px 1.3125vw 0px #238dff;
}
.box_ctg_nf {
  height: 1.09375vw;
  padding-left: 0.26042vw;
  padding-right: 0.26042vw;
  font-size: 0.72917vw;
  font-family: "Medium";
  text-shadow: 0px 0px 2.08333vw rgba(255, 255, 255, 0.25);
}
.notify_success .box_ctg_nf {
  background: radial-gradient(
    66.67% 66.67% at 50% 50%,
    #4f611e 0%,
    #bdff00 100%
  );
  box-shadow: 0vw 0.3125vw 0.83333vw 0vw rgba(189, 255, 0, 0.25);
}
.notify_error .box_ctg_nf,
.hud_settings .box_ctg_nf {
  background: radial-gradient(50% 50% at 50% 50%, #5f1a1a 0%, #ff0000 100%);
  box-shadow: 0vw 0.3125vw 0.83333vw 0vw rgba(255, 35, 35, 0.25);
}
.notify_warning .box_ctg_nf {
  background: radial-gradient(50% 50% at 50% 50%, #756f2c 0%, #ffe523 100%);
  box-shadow: 0vw 0.3125vw 0.83333vw 0vw rgba(255, 222, 35, 0.25);
}
.announce .box_ctg_nf,
.notify_team .box_ctg_nf {
  background: radial-gradient(50% 50% at 50% 50%, #2c5e75 0%, #23b9ff 100%);
  box-shadow: 0vw 0.3125vw 0.83333vw 0vw rgba(35, 185, 255, 0.25);
}
.text_notify {
  padding: 0.20833vw;
  text-align: left;
  font-size: 0.83333vw;
  font-family: "Regular";
  background: rgba(255, 255, 255, 0.05);
  margin-right: auto;
  margin-top: 0.41667vw;
}
.barnovlaue {
  width: 0.15625vw;
  height: auto;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
}
.barvalue {
  width: 0.15625vw;
  height: 25%;
  position: absolute;
  bottom: 0;
}
.notify_success .barvalue {
  background: #bdff00;
  box-shadow: 0px 0px 1.25vw 0px rgba(189, 255, 0, 0.5);
}
.notify_error .barvalue {
  background: #ff0000;
  box-shadow: 0px 0px 1.25vw 0px rgba(255, 35, 35, 0.5);
}
.notify_warning .barvalue {
  background: #fff023;
  box-shadow: 0px 0px 1.25vw 0px rgba(255, 229, 35, 0.5);
}
.notify_team .barvalue {
  background: #23a0ff;
  box-shadow: 0px 0px 1.25vw 0px rgba(35, 138, 255, 0.5);
}
.notify_info .notify {
  background: radial-gradient(
      357.81% 78.19% at -2.25% -17.21%,
      rgba(0, 153, 255, 0.15) 0%,
      rgba(0, 153, 255, 0) 100%
    ),
    radial-gradient(
      351.4% 98.59% at 89.89% 190.16%,
      rgba(0, 153, 255, 0.15) 0%,
      rgba(0, 153, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0.95);
}
.notify_info .line_nf {
  border: 0.05208vw solid #0099ff;
  background: radial-gradient(
    122.22% 122.22% at 50% 50%,
    #0099ff 0%,
    rgba(0, 153, 255, 0) 100%
  );
  box-shadow: 0px 0px 1.3125vw 0px #0099ff;
}
.notify_info .box_ctg_nf {
  background: radial-gradient(50% 50% at 50% 50%, #1a3d6d 0%, #0099ff 100%);
  box-shadow: 0vw 0.3125vw 0.83333vw 0vw rgba(0, 153, 255, 0.25);
}
.notify_info .barvalue {
  background: #0099ff;
  box-shadow: 0px 0px 1.25vw 0px rgba(0, 153, 255, 0.5);
}
.notify_info {
  margin-left: 1.25vw;
  margin-top: 0.41667vw;
  animation: showNotification 0.45s ease forwards;
  transform: translateX(-15.2083333333vw);
  transition: all 0.45s ease;
}
@keyframes showNotification {
  to {
    opacity: 1;
    transform: translateX(0vw);
  }
}
@keyframes hideNotification {
  from {
    opacity: 1;
    transform: translateX(0vw);
  }
  to {
    opacity: 0;
    transform: translateX(-15.2083333333vw);
  }
}

.notify {
  margin-left: 0.20833vw;
}
.notifys {
  position: absolute;
  left: 0;
  top: 5.67708vw;
  height: 23.4375vw;
  /* overflow: hidden; */
}
.notify_success,
.notify_warning,
.notify_error {
  margin-left: 1.25vw;
  margin-top: 0.41667vw;
  animation: showNotification 0.45s ease forwards;
  transform: translateX(-15.2083333333vw);
  transition: all 0.45s ease;
}
@keyframes showNotification {
  to {
    opacity: 1;
    transform: translateX(0vw);
  }
}

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

@keyframes hideNotificationTeam {
  from {
    opacity: 1;
    transform: translateX(0vw);
  }
  to {
    opacity: 0;
    transform: translateX(15.2083333333vw);
  }
}

.min_box_fw {
  width: 1.30208vw;
  height: 1.30208vw;
}
.water .min_box_fw {
  background: radial-gradient(50% 50% at 50% 50%, #101997 0%, #0011ff 100%);
  box-shadow: 0px 0.3125vw 0.83333vw 0px #0011ff;
}
.food .min_box_fw {
  background: radial-gradient(50% 50% at 50% 50%, #00ff2240 0%, #00ff2240 100%);
  box-shadow: 0px 0.3125vw 0.83333vw 0px #00ff2240;
}
.min_box_fw img {
  width: 1.09375vw;
  height: 1.09375vw;
}
.novalue_fw {
  margin-left: 0.625vw;
  width: 3.38542vw;
  height: 0.20833vw;
  background: rgba(0, 0, 0, 0.5);
}
.value_fw {
  height: 0.20833vw;
  width: 25%;
}
.water .value_fw {
  background: #0011ff;
  box-shadow: 0px 0px 1.25vw 0px #0011ff;
}
.food .value_fw {
  background: #00ff2240;
  box-shadow: 0px 0px 1.25vw 0px #00ff2240;
}
.fw_wrap {
  width: 6.14583vw;
  height: 2.13542vw;
  padding: 0.41667vw;
}
.water {
  border: 0.05208vw solid #0011ff;
  background: linear-gradient(90deg, #0011ff 0%, rgba(0, 0, 0, 0) 100%);
}
.food {
  border: 0.05208vw solid #00ff2240;
  margin-left: 0.83333vw;
  background: linear-gradient(90deg, #00ff2240 0%, rgba(0, 0, 0, 0) 100%);
}
.food_water {
  position: absolute;
  bottom: 12.03125vw;
  left: 1.92708vw;
}
.line_js {
  width: 0.10417vw;
  height: 2.03125vw;
}
.job .line_js {
  background: #0059ff;
  box-shadow: 0px 0px 0.97396vw 0px #0059ff;
}
.street .line_js {
  background: #008cff;
  box-shadow: 0px 0px 0.97396vw 0px #008cff;
}
.rw_js {
  margin-left: 0.41667vw;
}
.rw_js span:first-child {
  font-size: 0.83333vw;
  font-family: "Regular";
  color: rgba(255, 255, 255, 0.5);
}
.rw_js span:last-child {
  font-size: 0.83333vw;
  font-family: "SemiBold";
  margin-top: -0.05208vw;
}
.street {
  margin-top: 0.625vw;
}
.job_street_w {
  position: absolute;
  bottom: 3.64583vw;
  left: 16.66667vw;
}
.announce {
  position: absolute;
  top: 1.25vw;
}

.progress-ring,
.progress-ring-second {
  width: 15.625vw;
  height: 15.625vw;
}
.progress-ring-fuel {
  width: 7.8125vw;
  height: 7.8125vw;
}
.progress-ring-second {
  position: absolute;
}
#circle-progress {
  fill: none;
  stroke: #0059ff;
  stroke-width: 15;
  stroke-dasharray: 697.43357;
  stroke-dashoffset: 697.43357;
  transform-origin: center;
  transform: rotate(90deg);
  filter: drop-shadow(0px 0px 1.75vw rgba(35, 141, 255, 0.25));
}

#circle-background {
  fill: none;
  stroke: rgba(0, 0, 0, 0.5);
  stroke-width: 15;
  stroke-dasharray: 697.43357;
  stroke-dashoffset: 174.3583;
  transform-origin: center;
  transform: rotate(90deg);
}

#circle-progress-second {
  fill: none;
  stroke: #0059ff;
  stroke-width: 3;
  stroke-dasharray: 697.43357;
  stroke-dashoffset: 697.43357;
  transform-origin: center;
  transform: rotate(90deg);
  filter: drop-shadow(0px 0px 1.75vw rgba(35, 141, 255, 0.25));
}

#circle-background-second {
  fill: none;
  stroke: rgba(0, 0, 0, 0.5);
  stroke-width: 3;
  stroke-dasharray: 578.05305;
  stroke-dashoffset: 144.51326;
  transform-origin: center;
  transform: rotate(90deg);
}

#circle-fuel-progress {
  fill: none;
  stroke: #008cff;
  stroke-width: 10;
  stroke-dasharray: 314.15927;
  stroke-dashoffset: 204.7092;
  transform-origin: center;
  transform: rotate(52deg);
  filter: drop-shadow(0px 0px 1.25vw 0px rgba(255, 173, 0, 0.25));
}

#circle-fuel-background {
  fill: none;
  stroke: rgba(0, 0, 0, 0.5);
  stroke-width: 10;
  stroke-dasharray: 314.15927;
  stroke-dashoffset: 104.7092;
  transform-origin: center;
  transform: rotate(52deg);
}

.progress-ring-second {
  transform: scale(0.85);
}
.secsp,
.secspval {
  stroke-width: 3 !important;
}
.pre_wrap_fuel {
  margin-top: auto;
  margin-bottom: 2.9099vw;
  margin-right: -4.73542vw;
}
.tx_spd {
  width: 8.59375vw;
  height: 8.59375vw;
  position: absolute;
  pointer-events: none;
}
.pre_wrap_speedo {
  position: relative;
}
.wr_fl {
  position: absolute;
  margin-right: 0.61667vw;
}
.wr_fl svg {
  width: 0.9375vw;
  height: 0.9375vw;
}
.whitetxfl {
  text-align: center;
  margin-top: 0.20833vw;
  font-size: 0.83333vw;
  font-family: "Medium";
}
.grliter {
  color: #008cff;
}
.speed_text span:first-child {
  font-size: 2.29167vw;
  font-family: "Akrobat";
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 172.92%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0px 0px 1.66667vw rgba(255, 255, 255, 0.15);
}
.speed_text span:last-child {
  font-size: 1.5625vw;
  font-family: "Shadows";
  color: hsl(0, 100%, 50%);
  text-shadow: 0px 0px 1.66667vw #008cff80;
  margin-top: -1.25vw;
  transform: skew(-15deg);
}
.row_speedo {
  position: absolute;
  margin-bottom: 1.83333vw;
  text-align: center;
}
img {
  pointer-events: none;
}
.arrwval {
  position: absolute;
  width: 12.2625vw;
  height: 12.2625vw;
  transform: rotate(0deg);
}
.icns_wr {
  position: absolute;
  bottom: 4.7vw;
}
.icns_wr svg {
  width: 1.875vw;
  height: 1.875vw;
}
.icns_wr svg path {
  transition: all 0.3s ease;
}
.activatedfunct path {
  fill-opacity: 1;
  fill: hsl(0, 100%, 50%);
}
.speedo_wrap {
  position: absolute;
  bottom: 0;
  right: 0;
}
.speedo_blur {
  position: absolute;
  bottom: -3.90625vw;
  right: 3vw;
  width: 19.27083vw;
  height: 19.27083vw;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.75);
  filter: blur(6.66667vw);
}
.notify_team .notify {
  margin-left: 0;
  margin-right: 0.3704vh;
}

.notify_team .text_notify {
  text-align: right;
  margin-right: 0;
}

.notify_team {
  margin-left: auto;
  margin-top: 0.7407vh;
  animation: showNotification 0.3s ease forwards;
}

.notify_team:first-child {
  margin-top: 0;
}

.notifys_team {
  height: 46.9815vh;
  /* overflow: hidden; */
}

.hide_notification_team {
  animation: hideNotificationTeam 0.3s ease forwards;
}

.notifys_team {
  margin-top: 1.66667vw;
  animation: showNotification 0.45s ease forwards;
  transform: translateX(15.2083333333vw);
  transition: all 0.45s ease;
}
.hud_settings {
  position: absolute;
  padding: 1.25vw;
  width: 17.65625vw;
  height: 21.97917vw;
  background: radial-gradient(
      357.81% 78.19% at -2.25% -17.21%,
      rgba(255, 35, 35, 0.15) 0%,
      rgba(255, 35, 35, 0) 100%
    ),
    radial-gradient(
      351.4% 98.59% at 89.89% 190.16%,
      rgba(255, 35, 35, 0.15) 0%,
      rgba(255, 35, 35, 0) 100%
    ),
    rgba(0, 0, 0, 0.95);
}
.header_hud_setting span {
  font-size: 2.08333vw;
  font-family: "Akrobat";
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 172.92%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0px 0px 1.66667vw rgba(255, 255, 255, 0.15);
}
.close {
  transition: all 0.3s ease;
  width: 0.78125vw;
  height: 0.78125vw;
  margin-left: auto;
}
.close path {
  transition: all 0.3s ease;
}
.close {
  cursor: pointer;
}
.close:hover path {
  stroke-opacity: 1;
}
.close:active {
  opacity: 0.75;
}

input[type="checkbox"] {
  width: 1.09375vw;
  height: 1.09375vw;
  background: rgba(255, 255, 255, 0.25);
  -webkit-appearance: none;
  outline: none;
  transition: 0.2s;
  cursor: pointer;
}
input:active[type="checkbox"] {
  transform: scale(0.9);
}
input:checked[type="checkbox"] {
  background: radial-gradient(50% 50% at 50% 50%, #5f1a1a 0%, #ff0000 100%);
  box-shadow: 0px 0.3125vw 0.83333vw 0px rgba(255, 35, 35, 0.25);
}
.switch {
  margin-left: auto;
}
.pannel {
  width: 14.63542vw;
  height: 2.34375vw;
  background: rgba(255, 255, 255, 0.05);
  padding: 0.625vw;
  margin-top: 0.41667vw;
}
.pannel:first-child {
  margin-top: 0;
}
.pannel span {
  font-size: 0.83333vw;
  font-family: "Medium";
  text-shadow: 0px 0px 2.08333vw rgba(255, 255, 255, 0.5);
}
.overflow {
  margin-top: auto;
  width: 15.15625vw;
  height: 16.14583vw;
  overflow-y: auto;
}
::-webkit-scrollbar {
  width: 0.0520833333vw;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
}

::-webkit-scrollbar-thumb:active {
  background: rgba(255, 255, 255, 0.05);
}

::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.15);
}
.r_shadow {
  position: absolute;
  top: -16.5625vw;
  right: -21.97917vw;
  width: 49.89583vw;
  height: 33.125vw;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.85);
  filter: blur(9.16667vw);
}
.speedo_shadow {
  position: absolute;
  bottom: -1.14583vw;
  right: -1.14583vw;
  width: 16.35417vw;
  height: 16.35417vw;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.75);
  filter: blur(5.38802vw);
}
@media (min-width: 2560px) {
  .name_project {
    text-align: center;
  }
  .name_project span:first-child {
    font-size: 4.0741vh;
    font-family: "Akrobat";
    background: linear-gradient(
      180deg,
      #fff 0%,
      rgba(255, 255, 255, 0) 172.92%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: -0.1vh;
    text-shadow: 0vw 0vw 2.963vh rgba(255, 255, 255, 0.15);
  }
  .name_project span:last-child {
    margin-top: -3.2407vh;
    font-size: 4.0741vh;
    font-family: "Shadows";
    transform: skew(-10deg);
    color: #008cff;
    text-align: center;
    text-shadow: 0vw 0vw 2.963vh rgba(7, 100, 143, 0.541);
  }
  .wr_stat img {
    width: 1.6667vh;
    height: 1.6667vh;
  }
  .row_stat {
    text-align: right;
    margin-right: 0.7407vh;
  }
  .row_stat span:first-child {
    font-size: 1.4815vh;
    font-family: "Regular";
    color: rgba(255, 255, 255, 0.5);
  }
  .row_stat span:last-child {
    font-size: 1.4815vh;
    font-family: "SemiBold";
    margin-top: -0.0926vh;
  }
  .wrap_stats .wr_stat {
    margin-right: 1.1111vh;
  }
  .wrap_stats .wr_stat:first-child {
    margin-right: 0;
  }
  .wrap_stats {
    margin-right: 2.2222vh;
  }
  .line {
    margin-right: 1.4815vh;
    margin-left: 1.4815vh;
    width: 0.1852vh;
    height: 2.3148vh;
    background: #008cff;
    box-shadow: 0vw 0vw 2.3333vh 0vw #008cff;
  }
  .micro_radio svg {
    width: 1.5741vh;
    height: 1.5741vh;
  }
  .point {
    transition: all 0.3s ease;
    width: 1.0185vh;
    height: 1.0185vh;
    border-radius: 0.1852vh;
    border: 0.0926vh solid #fff;
    margin-right: 0.2778vh;
    background: radial-gradient(
      77.27% 77.27% at 50% 50%,
      #fff 0%,
      rgba(255, 255, 255, 0) 100%
    );
  }
  .point:first-child {
    margin-right: 0;
  }
  .points {
    margin-right: 0.6481vh;
  }
  .radio {
    margin-right: 1.4815vh;
  }
  .activatedradio {
    border: 0.0926vh solid #008cff;
    background: radial-gradient(
      77.27% 77.27% at 50% 50%,
      #008cff 0%,
      rgba(255, 173, 0, 0) 100%
    );
    box-shadow: 0vw 0vw 2.2222vh 0vw #83030380;
  }
  .activatedmicro {
    border: 0.0926vh solid #0059ff;
    background: radial-gradient(
      77.27% 77.27% at 50% 50%,
      #0059ff 0%,
      rgba(255, 35, 35, 0) 100%
    );
    box-shadow: 0vw 0vw 2.2222vh 0vw rgba(35, 160, 255, 0.5);
  }
  .money_wrap img {
    width: 1.4815vh;
    height: 1.4815vh;
  }
  .row_money {
    text-align: right;
  }
  .money_wrap {
    height: 4.8148vh;
    width: 17.5926vh;
    padding-right: 0.9259vh;
  }
  .wallet .money_wrap {
    background: linear-gradient(
      270deg,
      rgba(255, 35, 35, 0.15) 1.26%,
      rgba(0, 0, 0, 0) 100%
    );
  }
  .bank .money_wrap {
    background: linear-gradient(
      270deg,
      rgba(255, 173, 0, 0.15) 1.26%,
      rgba(0, 0, 0, 0) 100%
    );
  }
  .wallet .line_mn {
    width: 0.1852vh;
    height: auto;
    background: #008cff;
    box-shadow: 0vw 0vw 1.7315vh 0vw #0059ff;
  }
  .bank .line_mn {
    width: 0.1852vh;
    height: auto;
    background: #ffad00;
    box-shadow: 0vw 0vw 1.7315vh 0vw #ffad00;
  }
  .pre_wrap_money {
    margin-top: 0.7407vh;
  }
  .pre_wrap_money:first-child {
    margin-top: 0;
  }
  .row_money {
    margin-right: 0.7407vh;
  }
  .descrmny {
    font-size: 1.4815vh;
    font-family: "Regular";
    color: rgba(255, 255, 255, 0.5);
  }
  .moneytx {
    font-size: 1.4815vh;
    font-family: "SemiBold";
    text-shadow: 0vw 0vw 3.7037vh rgba(255, 255, 255, 0.5);
  }
  .reddollar {
    margin-right: 0.2778vh;
    color: #0059ff;
    text-shadow: 0vw 0vw 3.7037vh rgba(35, 160, 255, 0.5);
  }
  .yellowdollar {
    margin-right: 0.2778vh;
    color: #008cff;
    text-shadow: 0vw 0vw 3.7037vh rgba(255, 173, 0, 0.5);
  }
  .money_cont {
    margin-left: auto;
    margin-top: 2.2222vh;
  }
  .micro_radio {
    margin-top: 2.2222vh;
  }
  .ammo_ammount {
    height: 2.3148vh;
    padding-right: 0.7407vh;
    padding-left: 0.7407vh;
    border-radius: 0.0926vh;
    background: radial-gradient(
      489.67% 195.9% at 50% 50%,
      rgba(35, 160, 255, 0.45) 0%,
      rgba(255, 35, 35, 0) 100%
    );
  }
  .ammo_box {
    width: 2.3148vh;
    height: 2.3148vh;
    border-radius: 0.1852vh;
    border: 0.0926vh solid #0059ff;
    margin-left: 0.7407vh;
    background: radial-gradient(50% 50% at 50% 50%, #093c68 0%, #0059ff 100%);
    box-shadow: 0vw 0vw 4.4444vh 0vw rgba(35, 160, 255, 0.5);
  }
  .ammo_box svg {
    width: 1.2963vh;
    height: 1.2963vh;
  }
  .ammo_wrap {
    margin-left: auto;
    margin-top: 1.1111vh;
  }
  .gun_wrap img {
    width: 10.7407vh;
    height: 3.8889vh;
    margin-left: auto;
  }
  .gun_wrap {
    margin-left: auto;
  }
  .whiteammo {
    font-size: 1.4815vh;
    font-family: "Medium";
  }
  .grayammo {
    font-family: "Regular";
    color: rgba(255, 255, 255, 0.5);
  }
  .gun_wrap {
    margin-top: 4.4444vh;
  }
  .r_wrap {
    position: absolute;
    top: 1.2444vh;
    right: 1.8519vh;
  }
  .chat {
    position: absolute;
    top: 1.8519vh;
    left: 1.8519vh;
    width: 27.3148vh;
    height: 4.0741vh;
    background: rgba(0, 0, 0, 0.75);
    border: none;
    outline: none;
    padding-left: 1.4815vh;
    padding-right: 1.4815vh;
    font-size: 1.4815vh;
    font-family: "Regular";
    color: white;
    border-left: 0.1852vh solid #2386ff;
  }

  .notify {
    padding: 1.4815vh;
    width: 26.8519vh;
  }
  .announce {
    padding: 2.2222vh;
    width: 44.7222vh;
  }
  .announce .header_notify span {
    margin-left: 0;
    font-size: 2.963vh;
  }
  .notify_success .notify {
    background: radial-gradient(
        357.81% 78.19% at -2.25% -17.21%,
        rgba(189, 255, 0, 0.15) 0%,
        rgba(189, 255, 0, 0) 100%
      ),
      radial-gradient(
        351.4% 98.59% at 89.89% 190.16%,
        rgba(189, 255, 0, 0.15) 0%,
        rgba(189, 255, 0, 0) 100%
      ),
      rgba(0, 0, 0, 0.95);
  }
  .notify_error .notify {
    background: radial-gradient(
        357.81% 78.19% at -2.25% -17.21%,
        rgba(255, 35, 35, 0.15) 0%,
        rgba(255, 35, 35, 0) 100%
      ),
      radial-gradient(
        351.4% 98.59% at 89.89% 190.16%,
        rgba(255, 35, 35, 0.15) 0%,
        rgba(255, 35, 35, 0) 100%
      ),
      rgba(0, 0, 0, 0.95);
  }
  .notify_warning .notify,
  .announce,
  .notify_team .notify {
    background: radial-gradient(
        357.81% 78.19% at -2.25% -17.21%,
        rgba(35, 204, 255, 0.15) 0%,
        rgba(35, 196, 255, 0) 100%
      ),
      radial-gradient(
        351.4% 98.59% at 89.89% 190.16%,
        rgba(35, 189, 255, 0.15) 0%,
        rgba(35, 171, 255, 0) 100%
      ),
      rgba(0, 0, 0, 0.95);
  }
  .header_notify img {
    width: 200px;
    height: 200px;
  }
  .header_notify span {
    font-size: 2.2222vh;
    font-family: "Akrobat";
    margin-left: 0.7407vh;
    background: linear-gradient(
      180deg,
      #fff 0%,
      rgba(255, 255, 255, 0) 192.92%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0vw 0vw 2.963vh rgba(255, 255, 255, 0.15);
  }
  .notify_team .header_notify span {
    margin-left: 0;
    margin-right: 0.7407vh;
  }
  .line_nf,
  .line_hudset {
    width: 0.3704vh;
    height: 1.0185vh;
    margin-left: 0.7407vh;
    margin-right: 0.7407vh;
  }
  .notify_success .line_nf {
    border: 0.0926vh solid #bdff00;
    background: radial-gradient(
      122.22% 122.22% at 50% 50%,
      #bdff00 0%,
      rgba(189, 255, 0, 0) 100%
    );
    box-shadow: 0vw 0vw 2.3333vh 0vw #bdff00;
  }
  .notify_error .line_nf,
  .line_hudset {
    border: 0.0926vh solid #0059ff;
    background: radial-gradient(
      122.22% 122.22% at 50% 50%,
      #0059ff 0%,
      rgba(255, 35, 35, 0) 100%
    );
    box-shadow: 0vw 0vw 2.3333vh 0vw #0059ff;
  }
  .box_ctg_nf {
    height: 1.9444vh;
    padding-left: 0.463vh;
    padding-right: 0.463vh;
    font-size: 1.2963vh;
    font-family: "Medium";
    text-shadow: 0vw 0vw 3.7037vh rgba(255, 255, 255, 0.25);
  }
  .notify_success .box_ctg_nf {
    background: radial-gradient(
      66.67% 66.67% at 50% 50%,
      #4f611e 0%,
      #bdff00 100%
    );
    box-shadow: 0vh 0.5556vh 1.4815vh 0vh rgba(189, 255, 0, 0.25);
  }
  .notify_error .box_ctg_nf,
  .hud_settings .box_ctg_nf {
    background: radial-gradient(50% 50% at 50% 50%, #5f1a1a 0%, #ff0000 100%);
    box-shadow: 0vh 0.5556vh 1.4815vh 0vh rgba(255, 35, 35, 0.25);
  }
  .notify_warning .box_ctg_nf {
    background: radial-gradient(50% 50% at 50% 50%, #756f2c 0%, #ffe523 100%);
    box-shadow: 0vw 0.3125vw 0.83333vw 0vw rgba(255, 222, 35, 0.25);
  }
  .announce .box_ctg_nf,
  .notify_team .box_ctg_nf {
    background: radial-gradient(50% 50% at 50% 50%, #2c5e75 0%, #23b9ff 100%);
    box-shadow: 0vw 0.3125vw 0.83333vw 0vw rgba(35, 185, 255, 0.25);
  }
  .text_notify {
    padding: 0.3704vh;
    text-align: left;
    font-size: 1.4815vh;
    font-family: "Regular";
    background: rgba(255, 255, 255, 0.05);
    margin-right: auto;
    margin-top: 0.7407vh;
  }
  .barnovlaue {
    width: 0.2778vh;
    height: auto;
    background: rgba(0, 0, 0, 0.5);
    position: relative;
  }
  .barvalue {
    width: 0.2778vh;
    height: 25%;
    position: absolute;
    bottom: 0;
  }
  .notify_success .barvalue {
    background: #bdff00;
    box-shadow: 0vw 0vw 2.2222vh 0vw rgba(189, 255, 0, 0.5);
  }
  .notify_error .barvalue {
    background: #ff0000;
    box-shadow: 0px 0px 1.25vw 0px rgba(255, 35, 35, 0.5);
  }
  .notify_warning .barvalue {
    background: #fff023;
    box-shadow: 0px 0px 1.25vw 0px rgba(255, 229, 35, 0.5);
  }
  }
  .notify_team .barvalue {
    background: #0059ff;
    box-shadow: 0vw 0vw 2.2222vh 0vw rgba(35, 160, 255, 0.5);
  }
  .notify {
    margin-left: 0.3704vh;
  }
  .notifys {
    position: absolute;
    left: 0;
    top: 10.0926vh;
    height: 41.6667vh;
    /* overflow: hidden; */
  }
  .notify_success,
  .notify_warning,
  .notify_error {
    margin-left: 2.2222vh;
    margin-top: 0.7407vh;
    animation: showNotification 0.45s ease forwards;
    transform: translateX(-27.037vh);
    transition: all 0.45s ease;
  }
  @keyframes showNotification {
    to {
      opacity: 1;
      transform: translateX(0vh);
    }
  }

  @keyframes showNotificationTeam {
    from {
      opacity: 0;
      transform: translateX(15.2083333333vw);
    }
    to {
      opacity: 1;
      transform: translateX(0vh);
    }
  }
  

  @keyframes hideNotification {
    from {
      opacity: 1;
      transform: translateX(0vh);
    }
    to {
      opacity: 0;
      transform: translateX(-27.037vh);
    }
  }

  @keyframes hideNotificationTeam {
    from {
      opacity: 1;
      transform: translateX(0vh);
    }
    to {
      opacity: 0;
      transform: translateX(27.037vh);
    }
  }

  .min_box_fw {
    width: 2.3148vh;
    height: 2.3148vh;
  }
  .water .min_box_fw {
    background: radial-gradient(50% 50% at 50% 50%, #0011ff 0%, #0011ff 100%);
    box-shadow: 0vw 0.5556vh 1.4815vh 0vw #0011ff;
  }
  .food .min_box_fw {
    background: radial-gradient(50% 50% at 50% 50%, #544118 0%, #ffad00 100%);
    box-shadow: 0vw 0.5556vh 1.4815vh 0vw rgba(255, 173, 0, 0.25);
  }
  .min_box_fw img {
    width: 1.9444vh;
    height: 1.9444vh;
  }
  .novalue_fw {
    margin-left: 1.1111vh;
    width: 6.0185vh;
    height: 0.3704vh;
    background: rgba(0, 0, 0, 0.5);
  }
  .value_fw {
    height: 0.3704vh;
    width: 25%;
  }
  .water .value_fw {
    background: #0059ff;
    box-shadow: 0vw 0vw 2.2222vh 0vw rgba(35, 160, 255, 0.5);
  }
  .food .value_fw {
    background: #ffad00;
    box-shadow: 0vw 0vw 2.2222vh 0vw rgba(255, 173, 0, 0.5);
  }
  .fw_wrap {
    width: 10.9259vh;
    height: 3.7963vh;
    padding: 0.7407vh;
  }
  .water {
    border: 0.0926vh solid rgba(255, 0, 0, 0.25);
    background: linear-gradient(
      90deg,
      rgba(255, 0, 0, 0.25) 0%,
      rgba(0, 0, 0, 0) 100%
    );
  }
  .food {
    border: 0.0926vh solid rgba(255, 173, 0, 0.25);
    margin-left: 1.4815vh;
    background: linear-gradient(
      90deg,
      rgba(255, 173, 0, 0.25) 0%,
      rgba(0, 0, 0, 0) 100%
    );
  }
  .food_water {
    position: absolute;
    bottom: 21.3889vh;
    left: 3.4259vh;
  }
  .line_js {
    width: 0.1852vh;
    height: 3.6111vh;
  }
  .job .line_js {
    background: #0059ff;
    box-shadow: 0vw 0vw 1.7315vh 0vw #0059ff;
  }
  .street .line_js {
    background: #0059ff;
    box-shadow: 0vw 0vw 1.7315vh 0vw #0059ff;
  }
  .rw_js {
    margin-left: 0.7407vh;
  }
  .rw_js span:first-child {
    font-size: 1.4815vh;
    font-family: "Regular";
    color: rgba(255, 255, 255, 0.5);
  }
  .rw_js span:last-child {
    font-size: 1.4815vh;
    font-family: "SemiBold";
    margin-top: -0.0926vh;
  }
  .street {
    margin-top: 1.1111vh;
  }
  .job_street_w {
    position: absolute;
    bottom: 6.4815vh;
    left: 29.6296vh;
  }
  .announce {
    position: absolute;
    top: 2.2222vh;
  }

  .progress-ring,
  .progress-ring-second {
    width: 27.7778vh;
    height: 27.7778vh;
  }
  .progress-ring-fuel {
    width: 13.8889vh;
    height: 13.8889vh;
  }
  .progress-ring-second {
    position: absolute;
  }
  #circle-progress {
    fill: none;
    stroke: #0059ff;
    stroke-width: 15;
    stroke-dasharray: 697.43357;
    stroke-dashoffset: 697.43357;
    transform-origin: center;
    transform: rotate(90deg);
    filter: drop-shadow(0vw 0vw 3.1111vh rgba(35, 141, 255, 0.25));
  }

  #circle-background {
    fill: none;
    stroke: rgba(0, 0, 0, 0.5);
    stroke-width: 15;
    stroke-dasharray: 697.43357;
    stroke-dashoffset: 174.3583;
    transform-origin: center;
    transform: rotate(90deg);
  }

  #circle-progress-second {
    fill: none;
    stroke: #0059ff;
    stroke-width: 3;
    stroke-dasharray: 697.43357;
    stroke-dashoffset: 697.43357;
    transform-origin: center;
    transform: rotate(90deg);
    filter: drop-shadow(0vw 0vw 3.1111vh rgba(35, 141, 255, 0.25));
  }

  #circle-background-second {
    fill: none;
    stroke: rgba(0, 0, 0, 0.5);
    stroke-width: 3;
    stroke-dasharray: 578.05305;
    stroke-dashoffset: 144.51326;
    transform-origin: center;
    transform: rotate(90deg);
  }

  #circle-fuel-progress {
    fill: none;
    stroke: #008cff;
    stroke-width: 10;
    stroke-dasharray: 314.15927;
    stroke-dashoffset: 204.7092;
    transform-origin: center;
    transform: rotate(52deg);
    filter: drop-shadow(0vw 0vw 2.2222vh 0vw rgba(35, 141, 255, 0.25));
  }

  #circle-fuel-background {
    fill: none;
    stroke: rgba(0, 0, 0, 0.5);
    stroke-width: 10;
    stroke-dasharray: 314.15927;
    stroke-dashoffset: 104.7092;
    transform-origin: center;
    transform: rotate(52deg);
  }

  .progress-ring-second {
    transform: scale(0.85);
  }
  .secsp,
  .secspval {
    stroke-width: 3 !important;
  }
  .pre_wrap_fuel {
    margin-top: auto;
    margin-bottom: 5.1732vh;
    margin-right: -8.4185vh;
  }
  .tx_spd {
    width: 15.2778vh;
    height: 15.2778vh;
    position: absolute;
    pointer-events: none;
  }
  .pre_wrap_speedo {
    position: relative;
  }
  .wr_fl {
    position: absolute;
    margin-right: 1.0963vh;
  }
  .wr_fl svg {
    width: 1.6667vh;
    height: 1.6667vh;
  }
  .whitetxfl {
    text-align: center;
    margin-top: 0.3704vh;
    font-size: 1.4815vh;
    font-family: "Medium";
  }
  .grliter {
    color: #0059ff;
  }
  .speed_text span:first-child {
    font-size: 4.0741vh;
    font-family: "Akrobat";
    background: linear-gradient(
      180deg,
      #fff 0%,
      rgba(255, 255, 255, 0) 172.92%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0vw 0vw 2.963vh rgba(255, 255, 255, 0.15);
  }
  .speed_text span:last-child {
    font-size: 2.7778vh;
    font-family: "Shadows";
    color: #0059ff;
    text-shadow: 0vw 0vw 2.963vh rgba(35, 160, 255, 0.5);
    margin-top: -2.2222vh;
    transform: skew(-15deg);
  }
  .row_speedo {
    position: absolute;
    margin-bottom: 3.2593vh;
    text-align: center;
  }
  img {
    pointer-events: none;
  }
  .arrwval {
    position: absolute;
    width: 21.8vh;
    height: 21.8vh;
    transform: rotate(0deg);
  }
  .icns_wr {
    position: absolute;
    bottom: 8.3556vh;
  }
  .icns_wr svg {
    width: 3.3333vh;
    height: 3.3333vh;
  }
  .icns_wr svg path {
    transition: all 0.3s ease;
  }
  .activatedfunct path {
    fill-opacity: 1;
    fill: #0059ff;
  }
  .speedo_wrap {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .speedo_blur {
    position: absolute;
    bottom: -6.9444vh;
    right: 5.3333vh;
    width: 34.2593vh;
    height: 34.2593vh;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.75);
    filter: blur(11.8519vh);
  }
  .notify_team {
    margin-left: auto;
    margin-top: 0.7407vh;
    animation: showNotificationTeam 0.3s ease forwards;
  }

.notify_team .text_notify {
    text-align: right;
    margin-right: 0;
}

.notify_team {
    margin-left: auto;
    margin-top: 0.7407vh;
    animation: showNotificationTeam 0.3s ease forwards;
}

.notify_team:first-child {
    margin-top: 0;
}

.notifys_team {
  margin-top: 2.963vh;
  animation: showNotification 0.45s ease forwards;
  transform: translateX(27.037vh);
  transition: all 0.45s ease;
}

.hide_notification_team {
    animation: hideNotificationTeam 0.3s ease forwards;
}

.notifys_team {
  margin-top: 2.963vh;
  animation: showNotification 0.45s ease forwards;
  transform: translateX(27.037vh);
  transition: all 0.45s ease;
}
  .hud_settings {
    position: absolute;
    padding: 2.2222vh;
    width: 31.3889vh;
    height: 39.0741vh;
    background: radial-gradient(
        357.81% 78.19% at -2.25% -17.21%,
        rgba(255, 35, 35, 0.15) 0%,
        rgba(255, 35, 35, 0) 100%
      ),
      radial-gradient(
        351.4% 98.59% at 89.89% 190.16%,
        rgba(255, 35, 35, 0.15) 0%,
        rgba(255, 35, 35, 0) 100%
      ),
      rgba(0, 0, 0, 0.95);
  }
  .header_hud_setting span {
    font-size: 3.7037vh;
    font-family: "Akrobat";
    background: linear-gradient(
      180deg,
      #fff 0%,
      rgba(255, 255, 255, 0) 172.92%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0vw 0vw 2.963vh rgba(255, 255, 255, 0.15);
  }
  .close {
    transition: all 0.3s ease;
    width: 1.3889vh;
    height: 1.3889vh;
    margin-left: auto;
  }
  .close path {
    transition: all 0.3s ease;
  }
  .close {
    cursor: pointer;
  }
  .close:hover path {
    stroke-opacity: 1;
  }
  .close:active {
    opacity: 0.75;
  }

  input[type="checkbox"] {
    width: 1.9444vh;
    height: 1.9444vh;
    background: rgba(255, 255, 255, 0.25);
    -webkit-appearance: none;
    outline: none;
    transition: 0.2s;
    cursor: pointer;
  }
  input:active[type="checkbox"] {
    transform: scale(0.9);
  }
  input:checked[type="checkbox"] {
    background: radial-gradient(50% 50% at 50% 50%, #1a405f 0%, #ff0000 100%);
    box-shadow: 0vw 0.5556vh 1.4815vh 0vw rgba(35, 141, 255, 0.25);
  }
  .switch {
    margin-left: auto;
  }
  .pannel {
    width: 26.0185vh;
    height: 4.1667vh;
    background: rgba(255, 255, 255, 0.05);
    padding: 1.1111vh;
    margin-top: 0.7407vh;
  }
  .pannel:first-child {
    margin-top: 0;
  }
  .pannel span {
    font-size: 1.4815vh;
    font-family: "Medium";
    text-shadow: 0vw 0vw 3.7037vh rgba(255, 255, 255, 0.5);
  }
  .overflow {
    margin-top: auto;
    width: 26.9444vh;
    height: 28.7037vh;
    overflow-y: auto;
  }
  ::-webkit-scrollbar {
    width: 0.0926vh;
  }

  ::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15);
  }

  ::-webkit-scrollbar-thumb:active {
    background: rgba(255, 255, 255, 0.05);
  }

  ::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.15);
  }
  .r_shadow {
    position: absolute;
    top: -29.4444vh;
    right: -39.0741vh;
    width: 88.7037vh;
    height: 58.8889vh;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.85);
    filter: blur(16.2963vh);
  }
  .speedo_shadow {
    position: absolute;
    bottom: -2.037vh;
    right: -2.037vh;
    width: 29.0741vh;
    height: 29.0741vh;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.75);
    filter: blur(9.5787vh);
  }

.hide_notify {
  animation: hideNotification 0.45s ease forwards;
  transition: all 0.45s ease;
}

.hide_notifyteam {
  animation: hideNotificationTeam 0.45s ease forwards;
  transition: all 0.45s ease;
}

.jlcn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex {
  display: flex;
}
.clmn {
  display: flex;
  flex-direction: column;
}
.alcn {
  display: flex;
  align-items: center;
}
.rev {
  flex-direction: row-reverse;
}
