body{
  -webkit-touch-callout: none; 
  -webkit-user-select: none;
   -khtml-user-select: none; 
     -moz-user-select: none; 
      -ms-user-select: none; 
          user-select: none; 
          overflow:hidden;
}
.veh-control-container {
  min-height: 100vh;
}
.veh-control-veh-control {
  width: 100%;
  height: 431px;
  display: flex;
  position: relative;
  max-width: 611px;
  box-sizing: border-box;
  align-items: center;
  border-color: transparent;
  border-radius: 0px 0px 0px 0px;
  justify-content: flex-end;
  background-color: transparent;
  top: 26rem;
  left: 176rem;
}
.veh-control-container1 {
  width: 611px;
  height: 431px;
  display: flex;
  padding: 0;
  position: relative;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  margin-right: 0;
  border-radius: 0px 0px 0px 0px;
  margin-bottom: 0;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
}
.veh-control-rectangle1 {
  top: 37px;
  left: 0px;
  width: 591px;
  height: 394px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-radius: 20px;
}
.veh-control-rectangle2 {
  top: 36px;
  left: 62px;
  width: 543px;
  height: 395px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-radius: 20px;
}
.veh-control-main {
  top: 0px;
  left: 84px;
  width: 527px;
  height: 394px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
}
.veh-control-gps {
  top: 311px;
  left: 21px;
  width: 211px;
  height: 81px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
}
.veh-control-rectangle3 {
  top: 0px;
  left: 0px;
  width: 186px;
  height: 81px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
}
.veh-control-carbonlocationfilled {
  top: 14px;
  left: 5px;
  width: 53px;
  height: 53px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-text {
  top: 17px;
  left: 58px;
  color: rgba(255, 255, 255, 1);
  width: 7.5rem;
  height: 1.2rem;
  position: absolute;
  font-size: 12px;
  align-self: auto;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
  overflow: hidden;
}
.veh-control-text02 {
  top: 30px;
  left: 66px;
  color: rgba(255, 255, 255, 1);
  width: 145px;
  height: auto;
  position: absolute;
  font-size: 27px;
  align-self: auto;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.veh-control-temp {
  top: 312px;
  left: 219px;
  width: 108px;
  height: 81px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: rgba(30, 30, 30, 1);
}
.veh-control-raphaeltemp {
  top: 15px;
  left: 4px;
  width: 50px;
  height: 50px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-text04 {
  top: 16px;
  left: 54px;
  color: rgba(255, 255, 255, 1);
  width: 43px;
  height: auto;
  position: absolute;
  font-size: 12px;
  align-self: auto;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.veh-control-text06 {
  top: 29px;
  left: 53px;
  color: rgba(255, 255, 255, 1);
  width: 55px;
  height: auto;
  position: absolute;
  font-size: 26px;
  align-self: auto;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
  margin-left: -0.2rem;
}
.veh-control-emergency {
  top: 312px;
  left: 340px;
  width: 143px;
  height: 82px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
  cursor: pointer;
}
.veh-control-rectangle5 {
  top: 0px;
  left: 0px;
  width: 139px;
  height: 82px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-radius: 10px;
}
.veh-control-materialsymbolsemergencyhome {
  top: 16px;
  left: 7px;
  width: 47px;
  height: 47px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-text08 {
  top: 13px;
  left: 55px;
  color: rgba(255, 255, 255, 1);
  width: 132px;
  height: auto;
  position: absolute;
  font-size: 12px;
  align-self: auto;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.veh-control-rectangle6 {
  top: 40px;
  left: 60px;
  width: 57px;
  height: 25px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-radius: 20px;
}
.veh-control-ellipse1 {
  top: 42px;
  left: 4rem;
  width: 21px;
  height: 21px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  background: #737171;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.25);
  border-radius: 100%;
}
.veh-control-lock {
  top: 250px;
  left: 28px;
  width: 83px;
  height: 46px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
  z-index: 2;
  cursor: pointer;
}
.veh-control-rectangle7 {
  top: 1px;
  left: 1px;
  width: 83px;
  height: 46px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
}
.veh-control-rectangle8 {
  top: 1px;
  left: 1px;
  width: 81px;
  height: 44px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  background: radial-gradient(75% 87.86% at 30.86% 25%, rgba(48, 47, 47, 0.99) 0%, rgba(17, 17, 17, 0.99) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), -2px -3px 4px rgba(255, 255, 255, 0.04);
  border-radius: 10px;
}

.veh-control-lock:active .veh-control-rectangle8{
  background: radial-gradient(45.45% 45.45% at 50.62% 54.55%, #0B0A0A 0%, #111111 100%);
  box-shadow: inset 0px 0px 6px 3px rgba(0, 0, 0, 0.54), -2px -3px 4px rgba(255, 255, 255, 0.04);
  border-radius: 10px;
}

.veh-control-dashiconslockduplicate {
  top: 9px;
  left: 8px;
  width: 27px;
  height: 27px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-text10 {
  top: 15px;
  left: 39px;
  color: rgba(255, 255, 255, 1);
  width: 43px;
  height: auto;
  position: absolute;
  font-size: 12px;
  align-self: auto;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.veh-control-lights {
  top: 250px;
  left: 389px;
  width: 83px;
  height: 46px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
  z-index: 2;
  cursor: pointer;
}
.veh-control-rectangle16 {
  top: 1px;
  left: 1px;
  width: 81px;
  height: 44px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  background: radial-gradient(75% 87.86% at 30.86% 25%, rgba(48, 47, 47, 0.99) 0%, rgba(17, 17, 17, 0.99) 100%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), -2px -3px 4px rgba(255, 255, 255, 0.04);
  border-radius: 10px;
}
.veh-control-lights:active .veh-control-rectangle16 {
  background: radial-gradient(45.45% 45.45% at 50.62% 54.55%, #0B0A0A 0%, #111111 100%);
  box-shadow: inset 0px 0px 6px 3px rgba(0, 0, 0, 0.54), -2px -3px 4px rgba(255, 255, 255, 0.04);
  border-radius: 10px;
}
.veh-control-text12 {
  top: 15px;
  left: 38px;
  color: rgba(255, 255, 255, 1);
  width: 43px;
  height: auto;
  position: absolute;
  font-size: 12px;
  align-self: auto;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.veh-control-mdicarlightdimmed {
  top: 9px;
  left: 9px;
  width: 27px;
  height: 27px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-seat {
  top: 250px;
  left: 118px;
  width: 83px;
  height: 46px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
  z-index: 2;
  cursor: pointer;
}
.veh-control-seat:active .veh-control-rectangle10 {
  background: radial-gradient(45.45% 45.45% at 50.62% 54.55%, #0B0A0A 0%, #111111 100%);
  box-shadow: inset 0px 0px 6px 3px rgba(0, 0, 0, 0.54), -2px -3px 4px rgba(255, 255, 255, 0.04);
  border-radius: 10px;
}
.veh-control-rectangle10 {
  top: 1px;
  left: 1px;
  width: 83px;
  height: 46px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  background: radial-gradient(75% 87.86% at 30.86% 25%, rgba(48, 47, 47, 0.99) 0%, rgba(17, 17, 17, 0.99) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), -2px -3px 4px rgba(255, 255, 255, 0.04);
  border-radius: 10px;
}
.veh-control-rectangle9 {
  top: 1px;
  left: 1px;
  width: 81px;
  height: 44px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
}
.veh-control-text14 {
  top: 15px;
  left: 39px;
  color: rgba(255, 255, 255, 1);
  width: 43px;
  height: auto;
  position: absolute;
  font-size: 12px;
  align-self: auto;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.veh-control-mdicarseat {
  top: 8px;
  left: 9px;
  width: 27px;
  height: 27px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-engine {
  top: 250px;
  left: 207px;
  width: 83px;
  height: 46px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
  z-index: 2;
  cursor: pointer;
}
.veh-control-rectangle12 {
  top: 1px;
  left: 1px;
  width: 81px;
  height: 44px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  background: radial-gradient(75% 87.86% at 30.86% 25%, rgba(48, 47, 47, 0.99) 0%, rgba(17, 17, 17, 0.99) 100%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), -2px -3px 4px rgba(255, 255, 255, 0.04);
  border-radius: 10px;
}
.veh-control-engine:active .veh-control-rectangle12 {
  background: radial-gradient(45.45% 45.45% at 50.62% 54.55%, #0B0A0A 0%, #111111 100%);
  box-shadow: inset 0px 0px 6px 3px rgba(0, 0, 0, 0.54), -2px -3px 4px rgba(255, 255, 255, 0.04);
  border-radius: 10px;
}

.veh-control-text16 {
  top: 16px;
  left: 40px;
  color: rgba(255, 255, 255, 1);
  width: 43px;
  height: auto;
  position: absolute;
  font-size: 11px;
  align-self: auto;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.veh-control-mdiengine {
  top: 9px;
  left: 9px;
  width: 27px;
  height: 27px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-interiorlight {
  top: 250px;
  left: 298px;
  width: 87px;
  height: 46px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
  z-index: 2;
  cursor: pointer;
}
.veh-control-rectangle13 {
  top: 0px;
  left: 0px;
  width: 83px;
  height: 46px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-style: solid;
  border-width: 0.5px;
  border-radius: 10px;
  background: radial-gradient(75% 87.86% at 30.86% 25%, rgba(48, 47, 47, 0.99) 0%, rgba(17, 17, 17, 0.99) 100%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), -2px -3px 4px rgba(255, 255, 255, 0.04);
  border-radius: 10px;
}
.veh-control-interiorlight:active .veh-control-rectangle13 {
  background: radial-gradient(45.45% 45.45% at 50.62% 54.55%, #0B0A0A 0%, #111111 100%);
  box-shadow: inset 0px 0px 6px 3px rgba(0, 0, 0, 0.54), -2px -3px 4px rgba(255, 255, 255, 0.04);
  border-radius: 10px;
}
.veh-control-rectangle14 {
  top: 1px;
  left: 1px;
  width: 81px;
  height: 44px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
}
.veh-control-text18 {
  top: 18px;
  left: 42px;
  color: rgba(255, 255, 255, 1);
  width: 43px;
  height: auto;
  position: absolute;
  font-size: 11px;
  align-self: auto;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.veh-control-carbonlightfilled {
  top: 9px;
  left: 10px;
  width: 27px;
  height: 27px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-text20 {
  top: 11px;
  left: 42px;
  color: rgba(255, 255, 255, 1);
  width: 45px;
  height: auto;
  position: absolute;
  font-size: 7px;
  align-self: auto;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.veh-control-car {
  top: 0px;
  left: 0px;
  width: 472px;
  height: 283px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
}
.veh-control-isolatedrealisticshinyblackelegantsportcitycarfrom {
  top: 5.6843418860808015e-14px;
  left: 0px;
  width: 472px;
  height: 283px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
}
.veh-control-door2 {
  top: 65px;
  left: 220px;
  width: 23px;
  height: 23px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
}
.veh-control-bxslockopenalt {
  top: 4px;
  left: 6px;
  width: 11px;
  height: 13px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-ellipse2 {
  top: 0px;
  left: 0px;
  width: 23px;
  height: 23px;
  position: absolute;
  box-sizing: border-box;
  border-color: rgba(207, 248, 11, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 100%;
  cursor:pointer;
}
.veh-control-door1 {
  top: 195px;
  left: 220px;
  width: 23px;
  height: 23px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
}
.veh-control-bxslockopenalt1 {
  top: 4px;
  left: 6px;
  width: 11px;
  height: 13px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-ellipse21 {
  top: 0px;
  left: 0px;
  width: 23px;
  height: 23px;
  position: absolute;
  box-sizing: border-box;
  border-color: rgba(207, 248, 11, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 100%;
  cursor:pointer;
}
.veh-control-door3 {
  top: 195px;
  left: 278px;
  width: 23px;
  height: 23px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
}
.veh-control-bxslockopenalt2 {
  top: 4px;
  left: 6px;
  width: 11px;
  height: 13px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-ellipse22 {
  top: 0px;
  left: 0px;
  width: 23px;
  height: 23px;
  position: absolute;
  box-sizing: border-box;
  border-color: rgba(207, 248, 11, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 100%;
  cursor:pointer;
}
.veh-control-door4 {
  top: 65px;
  left: 278px;
  width: 23px;
  height: 23px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
}
.veh-control-bxslockopenalt3 {
  top: 4px;
  left: 6px;
  width: 11px;
  height: 13px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-ellipse23 {
  top: 0px;
  left: 0px;
  width: 23px;
  height: 23px;
  position: absolute;
  box-sizing: border-box;
  border-color: rgba(207, 248, 11, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 100%;
  cursor:pointer;
}
.veh-control-door5 {
  top: 130px;
  left: 67px;
  width: 23px;
  height: 23px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
}
.veh-control-bxslockopenalt4 {
  top: 4px;
  left: 6px;
  width: 11px;
  height: 13px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-ellipse24 {
  top: 0px;
  left: 0px;
  width: 23px;
  height: 23px;
  position: absolute;
  box-sizing: border-box;
  border-color: rgba(207, 248, 11, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 100%;
  cursor:pointer;
}
.veh-control-door6 {
  top: 130px;
  left: 400px;
  width: 23px;
  height: 23px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
}
.veh-control-bxslockopenalt5 {
  top: 4px;
  left: 6px;
  width: 11px;
  height: 13px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-ellipse25 {
  top: 0px;
  left: 0px;
  width: 23px;
  height: 23px;
  position: absolute;
  box-sizing: border-box;
  border-color: rgba(207, 248, 11, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 100%;
  cursor:pointer;
}
.veh-control-fuel {
  top: 79px;
  left: 452px;
  width: 9px;
  height: 135px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
}
.veh-control-bifuelpumpfill {
  top: 126px;
  left: 0px;
  width: 9px;
  height: 9px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-rectangle81 {
  top: 0px;
  left: 0px;
  width: 9px;
  height: 122px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  background: #000000;
  border-radius: 20px;
  overflow: hidden;
}
.veh-control-rectangle9 {
  top: 10%;
  left: 0px;
  width: 9px;
  height: 100%;
  position: absolute;
  background: #CFF80B;
  box-sizing: border-box;
  border-color: transparent;
  border-radius: 0 0 10px 10px;
}
.veh-control-playergroup {
  display: none;
  top: 92px;
  left: 109px;
  width: 496px;
  height: 309px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
}
.veh-control-searchbutton {
  top: 0px;
  left: 386px;
  width: 30px;
  height: 31.071428298950195px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
  cursor: pointer;
}
.veh-control-rectangle18 {
  top: 1px;
  left: 0px;
  width: 30px;
  height: 29px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
}
.veh-control-fasolidsearch {
  top: 6px;
  left: 6px;
  width: 18px;
  height: 18px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-searchinput {
  top: 1px;
  left: 29px;
  width: 350px;
  height: 30px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
  background-image: linear-gradient(180deg, rgba(30, 30, 30, 1) 0%, rgba(255, 255, 255, 0.09000000357627869) 100%);
}
.veh-control-text22 {
  top: 4px;
  left: 11px;
  color: rgba(104, 100, 100, 1);
  width: 329px;
  height: auto;
  position: absolute;
  font-size: 11px;
  align-self: auto;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
  background: transparent;
}
.veh-control-text22:focus{
  outline: none;
}
.veh-control-play {
  top: 259px;
  left: 201px;
  width: 48px;
  height: 50px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background: radial-gradient(75% 87.86% at 30.86% 25%, #1C1B1B 0%, #111111 100%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), -2px -3px 4px rgba(255, 255, 255, 0.04);
  border-radius: 100px;
  cursor:pointer;
}
.veh-control-play:active {
    background: radial-gradient(35.85% 62.26% at 73.96% 92.39%, #1C1B1B 0%, #111111 100%);
}
.veh-control-rectangle20 {
  top: 2px;
  left: 0px;
  width: 48px;
  height: 46px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-radius: 100px;
}
.veh-control-elplay {
  top: 13px;
  left: 15px;
  width: 23px;
  height: 23px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-anterior {
  top: 259px;
  left: 135px;
  width: 48px;
  height: 50px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background: radial-gradient(75% 87.86% at 30.86% 25%, #1C1B1B 0%, #111111 100%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), -2px -3px 4px rgba(255, 255, 255, 0.04);
  border-radius: 100px;
  cursor:pointer;
}
.veh-control-anterior:active {
  background: radial-gradient(35.85% 62.26% at 73.96% 92.39%, #1C1B1B 0%, #111111 100%);
}
.veh-control-rectangle201 {
  top: 2px;
  left: 0px;
  width: 48px;
  height: 46px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-radius: 100px;
}
.veh-control-cifastrewind {
  top: 3px;
  left: 2px;
  width: 43px;
  height: 43px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-siguente {
  top: 259px;
  left: 267px;
  width: 48px;
  height: 50px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background: radial-gradient(75% 87.86% at 30.86% 25%, #1C1B1B 0%, #111111 100%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), -2px -3px 4px rgba(255, 255, 255, 0.04);
  border-radius: 100px;
  cursor: pointer;
}
.veh-control-siguente:active{
  background: radial-gradient(35.85% 62.26% at 73.96% 92.39%, #1C1B1B 0%, #111111 100%);
}
.veh-control-rectangle202 {
  top: 2px;
  left: 0px;
  width: 48px;
  height: 46px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-radius: 100px;
}
.veh-control-cifastforward {
  top: 3px;
  left: 3px;
  width: 43px;
  height: 43px;
  position: absolute;
  box-sizing: border-box;
  cursor: pointer;
}
.veh-control-player {
  top: 57px;
  left: 0px;
  width: 496px;
  height: 174px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
  border-radius: 20px;
  overflow: hidden;
}
.veh-control-i-m-a-g-e9145yafe-o2l1 {
  top: 0px;
  left: 2px;
  width: auto;
  max-height: 11.5rem;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-radius: 10px 0 0 10px;
}
.veh-control-rectangle17 {
  top: 0px;
  left: 0px;
  width: 449px;
  height: 185px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
}
.veh-control-rectangle181 {
  top: 0px;
  left: 148px;
  width: 301px;
  height: 185px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-rectangle19 {
  top: 0px;
  left: 148px;
  width: auto;
  height: 175px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-volumeup {
  top: 52px;
  left: 391px;
  width: 30px;
  height: 31.071428298950195px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
  cursor: pointer;
}
.veh-control-rectangle203 {
  top: 1px;
  left: 0px;
  width: 30px;
  height: 29px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
}
.veh-control-emojionemonotonespeakerhighvolume {
  top: 6px;
  left: 6px;
  width: 18px;
  height: 18px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-volumedown {
  top: 100px;
  left: 391px;
  width: 30px;
  height: 31.071428298950195px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
  cursor: pointer;
}
.veh-control-rectangle22 {
  top: 1px;
  left: 0px;
  width: 30px;
  height: 29px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
}
.veh-control-emojionemonotonespeakermediumvolume {
  top: 6px;
  left: 6px;
  width: 18px;
  height: 18px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-text24 {
  top: 37px;
  left: 189px;
  color: rgba(255, 255, 255, 1);
  width: 81px;
  height: auto;
  position: absolute;
  font-size: 17px;
  align-self: auto;
  font-style: Bold;
  text-align: left;
  font-family: Poppins;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.veh-control-text26 {
  top: 67px;
  left: 189px;
  color: rgba(207, 248, 11, 1);
  width: 200px;
  height: auto;
  position: absolute;
  font-size: 15px;
  align-self: auto;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.veh-control-text28 {
  top: 94px;
  left: 189px;
  color: rgba(207, 248, 11, 1);
  width: 130px;
  height: auto;
  position: absolute;
  font-size: 15px;
  align-self: auto;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.veh-control-text29 {
  color: rgba(207, 248, 11, 1);
}
.veh-control-text31 {
  top: 121px;
  left: 189px;
  color: rgba(207, 248, 11, 1);
  width: 130px;
  height: auto;
  position: absolute;
  font-size: 15px;
  align-self: auto;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.veh-control-text32 {
  color: rgba(207, 248, 11, 1);
}
.veh-control-clock {
  top: 48px;
  left: 17px;
  width: 28px;
  height: 50px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
}
.veh-control-text34 {
  color: rgba(255, 255, 255, 1);
  width: 28px;
  height: auto;
  position: absolute;
  font-size: 20px;
  align-self: auto;
  font-style: Regular;
  text-align: center;
  font-family: Poppins;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.veh-control-text36 {
  top: 22px;
  color: rgba(255, 255, 255, 1);
  width: 28px;
  height: auto;
  position: absolute;
  font-size: 20px;
  align-self: auto;
  font-style: Regular;
  text-align: center;
  font-family: Poppins;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.veh-control-weather {
  top: 50px;
  left: 80px;
  width: 188px;
  height: 29.159090042114258px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
}
.veh-control-text38 {
  top: 7px;
  left: 24px;
  color: rgba(255, 255, 255, 1);
  width: 90px;
  height: auto;
  position: absolute;
  font-size: 12px;
  align-self: auto;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.veh-control-text40 {
  left: 24px;
  color: rgba(255, 255, 255, 1);
  width: 164px;
  height: auto;
  position: absolute;
  font-size: 7px;
  align-self: auto;
  font-style: Bold;
  text-align: left;
  font-family: Poppins;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.veh-control-bicloudrainheavyfill {
  top: 1px;
  left: 0px;
  width: 19px;
  height: 19px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-shutdown {
  top: 392px;
  left: 21px;
  width: 20px;
  height: 20px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
  cursor:pointer;
}
.veh-control-bimoonfill {
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-camera {
  top: 261px;
  left: 17px;
  width: 30px;
  height: 31.071428298950195px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background: radial-gradient(75% 87.86% at 30.86% 25%, #131212 0%, #000000 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  border-radius: 100%;
  cursor:pointer;
}
.veh-control-camera:active{
  background: radial-gradient(101.67% 159.39% at 151.67% 108.89%, #131212 0%, #000000 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  border-radius: 100px;
}
.veh-control-rectangle161 {
  top: 1px;
  left: 0px;
  width: 30px;
  height: 29px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-radius: 100px;
}
.veh-control-fluentcameradome16filled {
  top: 6px;
  left: 5px;
  width: 20px;
  height: 20px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-music {
  top: 218px;
  left: 17px;
  width: 30px;
  height: 31.071428298950195px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background: radial-gradient(75% 87.86% at 30.86% 25%, #131212 0%, #000000 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  border-radius: 100%;
  cursor:pointer;
}
.veh-control-music:active{
  background: radial-gradient(101.67% 159.39% at 151.67% 108.89%, #131212 0%, #000000 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  border-radius: 100px;
}
.veh-control-rectangle162 {
  top: 1px;
  left: 0px;
  width: 30px;
  height: 29px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-radius: 100px;
}
.veh-control-claritymusicnotesolid {
  top: 5px;
  left: 4px;
  width: 21px;
  height: 21px;
  position: absolute;
  box-sizing: border-box;
}
.veh-control-home {
  top: 175px;
  left: 17px;
  width: 30px;
  height: 31.071428298950195px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background: radial-gradient(75% 87.86% at 30.86% 25%, #131212 0%, #000000 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  border-radius: 100%;
  cursor:pointer;
}
.veh-control-home:active{
  background: radial-gradient(101.67% 159.39% at 151.67% 108.89%, #131212 0%, #000000 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  border-radius: 100px;
}
.veh-control-rectangle163 {
  top: 1px;
  left: 0px;
  width: 30px;
  height: 29px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-radius: 100px;
}
.veh-control-fasolidcar {
  top: 5px;
  left: 5px;
  width: 20px;
  height: 20px;
  position: absolute;
  box-sizing: border-box;
}
.rearcam{
  position: absolute;
  top: 23rem;
  left: 47rem;
}

.rearcam-exit{
  position: absolute;
  width: 110px;
  height: 47px;
  background: #111111;
  border-radius: 20px;
  cursor: pointer;
  top: 84rem;
  left: 103.5rem;
}

.rearcam-exit span{
  position: absolute;
  width: 60px;
  height: 27px;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  top: 0.6rem;
  left: 3.5rem;
  color: #FFFFFF;
}

.rearcam-exit img{
  position: absolute;
  top: 0.8rem;
  left: 1.5rem;
}

.veh-control-windows{
  position: absolute;
  width: 74px;
  height: 97px;
  left: 308px;
  top: 93px;
}

.veh-control-windows-1{
  box-sizing: border-box;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0rem;
  top: 0rem;
  border: 1px solid #CFF80B;
  z-index: 2;
  border-radius: 100%;
  cursor: pointer;
}

.veh-control-windows-2{
  box-sizing: border-box;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 3.55rem;
  top: 0rem;
  border: 1px solid #CFF80B;
  z-index: 2;
  border-radius: 100%;
  cursor: pointer;
}

.veh-control-windows-3{
  box-sizing: border-box;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0rem;
  top: 5rem;
  border: 1px solid #CFF80B;
  z-index: 2;
  border-radius: 100%;
  cursor: pointer;
}

.veh-control-windows-4{
  box-sizing: border-box;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 3.55rem;
  top: 5rem;
  border: 1px solid #CFF80B;
  z-index: 2;
  border-radius: 100%;
  cursor: pointer;
}

.img-windows{
  display: block;
  width: 9px;
  height: 9px;
  top: 0.1rem;
  position: absolute;
  left: 0.1rem;
}

.img-windows2{
  display: block;
  width: 9px;
  height: 9px;
  top: 0.1rem;
  position: absolute;
  left: 0.19rem;
}

@media screen and (max-width:3440px){
  .veh-control-veh-control {
    top: 26rem;
    left: 176rem;
  }
}

@media screen and (max-width:2560px){
  .veh-control-veh-control {
    top: 26rem;
    left: 121rem;
  }
  .rearcam {
    position: absolute;
    top: 23rem;
    left: 20rem;
  }
  .rearcam-exit{
    left: 75.5rem;
  }
}

@media screen and (max-width:1920px){
  .veh-control-veh-control {
    top: 17rem;
    left: 81rem;
  }
  .rearcam {
    position: absolute;
    top: 1rem;
    left: 0rem;
  }
  .rearcam-exit {
    left: 56.5rem;
    top: 60rem;
  }
}

@media screen and (width:1680px){
  .veh-control-veh-control {
    top: 17rem;
    left: 66rem;
  }
  .rearcam {
    position: absolute;
    top: 1rem;
    left: -7rem;
  }
  .rearcam-exit {
    left: 49.5rem;
    top: 59rem;
  }
}

@media screen and (width:1366px){
  .veh-control-veh-control {
    top: 11rem;
    left: 47rem;
  }
  .rearcam {
    position: absolute;
    top: -11rem;
    left: -17rem;
  }
  .rearcam-exit {
    left: 41.5rem;
    top: 42rem;
  }
}

@media screen and (width:1280px){
  .veh-control-veh-control {
    top: 8rem;
    left: 41rem;
  }
  .rearcam {
    position: absolute;
    top: -13rem;
    left: -20rem;
  }
  .rearcam-exit {
    left: 36.5rem;
    top: 40rem;
  }
}