/* screen - polepole */

.polepole {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  height: 1223px;
  overflow: hidden;
  width: 1920px;
}

.polepole .group-82 {
  -webkit-backdrop-filter: blur(101.7px) brightness(100%);
  align-items: center;
  backdrop-filter: blur(101.7px) brightness(100%);
  background-color: var(--white-2);
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 153px;
  position: fixed;
  top: 0;
  width: 1930px;
  z-index: 2;
}

.polepole .frame-1171278195 {
  align-items: center;
  display: flex;
  height: 92px;
  padding: 0 70px;
  width: 1930px;
}

.polepole .group-1 {
  cursor: pointer;
  height: 40px;
  margin-top: 0;
  transition: all 0.6s ease;
  width: 40px;
}

.polepole .group-1:hover {
  transform: rotate(180deg);
}

.polepole .polestar {
  cursor: pointer;
  letter-spacing: -2.16px;
  line-height: normal;
  margin-bottom: 2.0px;
  margin-left: 760px;
  min-height: 62px;
  min-width: 184px;
  text-align: center;
  white-space: nowrap;
}

.polepole .material-symbolssearch {
  height: 74px;
  margin-left: 647px;
  width: 74px;
}

.polepole .rectangle {
  background-color: var(--black);
  height: 3px;
  width: 25px;
}

.polepole .flex-row {
  align-items: flex-start;
  display: flex;
  gap: 48px;
  margin-left: 2.0px;
  min-width: 1792px;
}

.polepole .frame-1171278191 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 21px;
  height: 61px;
  transition: all 0.2s ease;
  width: 320px;
}

.polepole .frame-1171278191:hover {
  background-color: #c0c0c0
}

.polepole .polestar-2 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 15px;
  margin-top: 20px;
  min-height: 19px;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.polepole .polestar-2:hover {
  color: #ffffff
}

.polepole .link:hover {
  background-color: #C0C0C0
}

.polepole .polestar-4 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 15px;
  margin-top: 20px;
  min-height: 19px;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.polepole .polestar-4:hover {
  color: #ffffff
}

.polepole .text-837 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 15px;
  margin-top: 20px;
  min-height: 19px;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.polepole .text-837:hover {
  color: #ffffff
}

.polepole .my-car {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 15px;
  margin-top: 20px;
  min-height: 19px;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.polepole .my-car:hover {
  color: #ffffff
}

.polepole .text-838 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 15px;
  margin-top: 20px;
  min-height: 19px;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.polepole .text-838:hover {
  color: #ffffff
}

.polepole .overlap-group {
  background-image: url(../img/--------------1--1.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 1216px;
  position: relative;
  width: 1920px;
  z-index: 1;
}

.polepole .rectangle-46 {
  -webkit-backdrop-filter: blur(24px) brightness(100%);
  backdrop-filter: blur(24px) brightness(100%);
  background-color: var(--white-3);
  border-radius: 20px;
  box-shadow: 5px 4px 21px #c2c2c240;
  height: 945px;
  left: 90px;
  position: absolute;
  top: 186px;
  width: 1735px;
}

.polepole .rectangle-48 {
  background-color: var(--white);
  border-radius: 5px;
  height: 133px;
  left: 1403px;
  position: absolute;
  top: 349px;
  width: 377px;
}

.polepole .rectangle-49 {
  background-color: var(--white);
  border-radius: 5px;
  height: 209px;
  left: 1405px;
  position: absolute;
  top: 493px;
  width: 377px;
}

.polepole .rectangle-50 {
  background-color: var(--white);
  border-radius: 5px;
  height: 225px;
  left: 1405px;
  position: absolute;
  top: 712px;
  width: 377px;
}

.polepole .title {
  left: 152px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 160px;
  white-space: nowrap;
}

.polepole .distance-on-1-charge {
  left: 152px;
  letter-spacing: -2.16px;
  line-height: normal;
  position: absolute;
  top: 940px;
  white-space: nowrap;
}

.polepole .frame-1171278289 {
  align-items: center;
  border: 1.5px solid;
  border-color: var(--black);
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  height: 72px;
  justify-content: center;
  left: 1391px;
  padding: 10px;
  position: absolute;
  top: 1008px;
  width: 161px;
}

.polepole .text-83 {
  letter-spacing: -1.56px;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.polepole .exterior {
  left: 1421px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 501px;
  white-space: nowrap;
}

.polepole .frame-1171278360 {
  align-items: flex-start;
  border: 0.87px solid;
  border-color: var(--quill-gray);
  border-radius: 4.34px;
  display: flex;
  flex-direction: column;
  gap: 8.69px;
  left: 1421px;
  padding: 8.69px;
  position: absolute;
  top: 392px;
  width: 345px;
}

.polepole .frame-1171278359 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 117px;
  position: relative;
  width: 100%;
}

.polepole .text-833 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.87px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.polepole .option-2 {
  cursor: pointer;
  left: 1501px;
  position: absolute;
  top: 323px;
  white-space: nowrap;
}

.polepole .option-3 {
  left: 1594px;
  position: absolute;
  top: 323px;
  white-space: nowrap;
}

.polepole .option-4 {
  left: 1688px;
  position: absolute;
  top: 323px;
  white-space: nowrap;
}

.polepole .frame-1171278359-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 126px;
  position: relative;
  width: 100%;
}

.polepole .text-834 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.87px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.polepole .frame-1171278363 {
  align-items: center;
  border: 0.89px solid;
  border-color: var(--quill-gray);
  border-radius: 4.46px;
  display: flex;
  gap: 8.91px;
  height: 67px;
  justify-content: center;
  left: 1421px;
  padding: 8.91px;
  position: absolute;
  top: 539px;
  width: 108px;
}

.polepole .magnesium {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.polepole .place {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.polepole .frame-1171278364 {
  align-items: center;
  border: 0.89px solid;
  border-color: var(--quill-gray);
  border-radius: 4.46px;
  cursor: pointer;
  display: flex;
  gap: 8.91px;
  height: 67px;
  justify-content: center;
  left: 1540px;
  padding: 8.91px;
  position: absolute;
  top: 540px;
  width: 107px;
}

.polepole .color {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.polepole .midnight {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.polepole .frame-1171278365 {
  align-items: center;
  border: 0.89px solid;
  border-color: var(--quill-gray);
  border-radius: 4.46px;
  display: flex;
  gap: 8.91px;
  height: 67px;
  justify-content: center;
  left: 1658px;
  padding: 8.91px;
  position: absolute;
  top: 539px;
  width: 108px;
}

.polepole .thunder {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.polepole .space {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.polepole .frame-1171278369 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.polepole .text-835 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.polepole .text-836 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.polepole .text_label {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 253.96px;
}

.polepole .frame-1171278484 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 6px;
  left: 1408px;
  position: absolute;
  top: 324px;
  width: 87px;
}

.polepole .option-1 {
  align-self: stretch;
  margin-top: -1.00px;
  position: relative;
}

.polepole .line-141 {
  align-self: stretch;
  position: relative;
  width: 100%;
}

.polepole .line-143 {
  left: 1594px;
  position: absolute;
  top: 343px;
  width: 87px;
}

.polepole .line-144 {
  left: 1688px;
  position: absolute;
  top: 343px;
  width: 87px;
}

.polepole .address {
  left: 152px;
  letter-spacing: -1.20px;
  line-height: 30px;
  top: 1003px;
}

.polepole .x62-s {
  left: 799px;
  letter-spacing: -2.16px;
  line-height: normal;
  position: absolute;
  top: 940px;
  white-space: nowrap;
}

.polepole .acceleration-0-100-kmh {
  left: 799px;
  letter-spacing: -1.20px;
  line-height: 30px;
  position: absolute;
  top: 1003px;
  white-space: nowrap;
}

.polepole .address-1 {
  left: 556px;
  letter-spacing: -2.16px;
  line-height: normal;
  top: 940px;
}

.polepole .top-speed {
  left: 556px;
  letter-spacing: -1.20px;
  line-height: 30px;
  position: absolute;
  top: 1003px;
  white-space: nowrap;
}

.polepole .address-2 {
  position: absolute;
  white-space: nowrap;
}

.polepole .line {
  height: 1px;
  object-fit: cover;
}

.polepole .option {
  letter-spacing: 0;
  line-height: normal;
}

.polepole .surname-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.87px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}