1960 lines
42 KiB
CSS
1960 lines
42 KiB
CSS
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;
|
|
}
|
|
} |