* {
    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;
    /* background: gray; */
  }
  .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;
  }
  