/* screen - polestar4exterior */

.polestar4exterior {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-height: 10586px;
  overflow-x: hidden;
  width: 1920px;
}

.polestar4exterior .overlap-group6 {
  align-items: flex-start;
  background-image: url(../img/1698845922-02-1-polestar-4-upgrades-plus-pixel-headlights-d-2.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
  min-height: 1115px;
  padding: 228.0px 70px;
  width: 1920px;
  z-index: 6;
}

.polestar4exterior .exterior {
  letter-spacing: -1.44px;
  line-height: normal;
  margin-left: 0.61px;
  min-height: 43px;
  text-shadow: 0px 4px 4px #00000040;
  white-space: nowrap;
}

.polestar4exterior .polestar-4-suv {
  letter-spacing: -1.04px;
  line-height: 36px;
  min-height: 72px;
  text-shadow: 0px 4px 4px #00000040;
  width: 1052px;
}

.polestar4exterior .group-81 {
  -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: 15;
}

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

.polestar4exterior .group-1 {
  cursor: pointer;
  height: 40px;
  transition: all 0.6s ease;
  width: 40px;
}

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

.polestar4exterior .title {
  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;
}

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

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

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

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

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

.polestar4exterior .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;
}

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

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

.polestar4exterior .polestar-4-1 {
  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;
}

.polestar4exterior .polestar-4-1:hover {
  color: #ffffff
}

.polestar4exterior .text-539 {
  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;
}

.polestar4exterior .text-539:hover {
  color: #ffffff
}

.polestar4exterior .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;
}

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

.polestar4exterior .text-540 {
  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;
}

.polestar4exterior .text-540:hover {
  color: #ffffff
}

.polestar4exterior .group-container {
  align-items: flex-start;
  background-color: #e1e1e1;
  display: flex;
  flex-direction: column;
  gap: 30px;
  min-height: 1048px;
  padding: 16.4px 70px;
  width: 1920px;
  z-index: 2;
}

.polestar4exterior .group-114 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 58px;
  min-height: 147px;
  width: 717px;
}

.polestar4exterior .text-5 {
  letter-spacing: -1.44px;
  line-height: normal;
  min-height: 43px;
  white-space: nowrap;
}

.polestar4exterior .pole {
  letter-spacing: -1.04px;
  line-height: 36px;
  min-height: 72px;
  width: 713px;
}

.polestar4exterior .overlap-group7 {
  align-self: center;
  height: 780px;
  position: relative;
  width: 1772px;
}

.polestar4exterior .x2024-11-26-44153 {
  height: 383px;
  left: 1159px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 611px;
}

.polestar4exterior .x2024-11-26-44148 {
  height: 353px;
  left: 588px;
  position: absolute;
  top: 30px;
  width: 596px;
}

.polestar4exterior .x2024-11-26-44144 {
  height: 328px;
  left: 66px;
  position: absolute;
  top: 48px;
  width: 464px;
}

.polestar4exterior .x2024-11-26-44158 {
  height: 351px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 412px;
  width: 614px;
}

.polestar4exterior .x2024-11-26-44202 {
  height: 382px;
  left: 605px;
  object-fit: cover;
  position: absolute;
  top: 390px;
  width: 561px;
}

.polestar4exterior .x2024-11-26-44206 {
  height: 374px;
  left: 1180px;
  object-fit: cover;
  position: absolute;
  top: 392px;
  width: 592px;
}

.polestar4exterior .group-115 {
  align-items: flex-start;
  display: flex;
  height: 37px;
  left: 235px;
  min-width: 1242px;
  position: absolute;
  top: 364px;
}

.polestar4exterior .color {
  line-height: 36.6px;
  min-height: 37px;
  min-width: 60px;
}

.polestar4exterior .magnesium {
  letter-spacing: -0.96px;
  line-height: 36.6px;
  margin-left: 497px;
  min-height: 37px;
  min-width: 122px;
  text-align: center;
  white-space: nowrap;
}

.polestar4exterior .electron {
  letter-spacing: -0.96px;
  line-height: 20px;
  margin-left: 471px;
  margin-top: 4px;
  min-width: 86px;
  text-align: center;
  white-space: nowrap;
}

.polestar4exterior .space {
  left: 820px;
  letter-spacing: -0.96px;
  line-height: 36.6px;
  position: absolute;
  text-align: center;
  top: 743px;
  white-space: nowrap;
}

.polestar4exterior .color-1 {
  left: 1404px;
  line-height: 20px;
  position: absolute;
  top: 747px;
}

.polestar4exterior .storm {
  left: 235px;
  letter-spacing: -0.96px;
  line-height: 36.6px;
  position: absolute;
  text-align: center;
  top: 743px;
  white-space: nowrap;
}

.polestar4exterior .overlap-group4 {
  height: 190px;
  position: relative;
  width: 1920px;
  z-index: 1;
}

.polestar4exterior .rectangle-58 {
  background: linear-gradient(180deg, rgb(225, 225, 225) 0%, rgba(255, 255, 255, 0) 100%);
  height: 173px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.polestar4exterior .text-532 {
  left: 70px;
  letter-spacing: -1.44px;
  line-height: normal;
  position: absolute;
  top: 147px;
  white-space: nowrap;
}

.polestar4exterior .x {
  letter-spacing: -0.80px;
  line-height: 30.0px;
  margin-left: 69.61px;
  margin-top: 32px;
  min-height: 60px;
  width: 713px;
  z-index: 11;
}

.polestar4exterior .overlap-group {
  height: 791px;
  margin-top: 33px;
  position: relative;
  width: 1920px;
  z-index: 3;
}

.polestar4exterior .x1691484962-01-2-pole {
  height: 790px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1920px;
}

.polestar4exterior .frame-1171278471 {
  align-items: flex-start;
  background-image: url(../img/1702470216-14-2-polestar-4-upgrades-21-sport-wheel-d-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 249px;
  justify-content: flex-end;
  left: 573px;
  min-width: 1104px;
  position: absolute;
  top: 542px;
}

.polestar4exterior .rectangle-64 {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
  height: 125px;
  margin-top: -0.6px;
  width: 1301px;
}

.polestar4exterior .frame-1171278470 {
  background-image: url(../img/1706707689-10-polestar-4-upgrades-pro-wheels-d-2.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 147px;
  left: 1220px;
  position: absolute;
  top: 394px;
  width: 550px;
}

.polestar4exterior .frame-1171278469 {
  align-items: flex-end;
  background-image: url(../img/1698845027-05-1-polestar-4-upgrades-performance-wheels-d-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 394px;
  justify-content: flex-end;
  left: 9px;
  min-width: 1736px;
  position: absolute;
  top: 0;
}

.polestar4exterior .rectangle-64-1 {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
  height: 125px;
  margin-bottom: -0.52px;
  width: 1771px;
}

.polestar4exterior .text-522 {
  letter-spacing: -1.44px;
  line-height: normal;
  margin-left: 69.61px;
  margin-top: 62px;
  min-height: 43px;
  white-space: nowrap;
  z-index: 7;
}

.polestar4exterior .text_label {
  letter-spacing: -0.80px;
  line-height: 30.0px;
  margin-left: 69.61px;
  margin-top: 32px;
  min-height: 91px;
  width: 713px;
  z-index: 8;
}

.polestar4exterior .group-container-1 {
  align-self: center;
  height: 533px;
  margin-top: 51px;
  position: relative;
  width: 1817px;
  z-index: 10;
}

.polestar4exterior .group-102 {
  background-image: url(../img/1703759486-05-2-polestar-4-overview-config-wheels-thumb-aero.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 461px;
  left: 1356px;
  position: absolute;
  top: 0;
  width: 461px;
}

.polestar4exterior .group-103 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
  left: 0;
  min-height: 533px;
  position: absolute;
  top: 0;
  width: 463px;
}

.polestar4exterior .x1703759 {
  height: 461px;
  margin-right: 2.0px;
  object-fit: cover;
  width: 461px;
}

.polestar4exterior .x20-pro-5-v {
  letter-spacing: -1.12px;
  line-height: 18px;
  margin-right: 1.14px;
  min-height: 57px;
  text-align: center;
  width: 301px;
}

.polestar4exterior .span0 {
  letter-spacing: -0.31px;
}

.polestar4exterior .span1 {
  letter-spacing: -0.30px;
}

.polestar4exterior .span2 {
  letter-spacing: -0.16px;
}

.polestar4exterior .group-105 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
  left: 452px;
  min-height: 533px;
  position: absolute;
  top: 0;
  width: 463px;
}

.polestar4exterior .group-104 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
  left: 904px;
  min-height: 533px;
  position: absolute;
  top: 0;
  width: 463px;
}

.polestar4exterior .text-container {
  align-items: flex-start;
  background-image: url(../img/1705935081-14-1-polestar-4-upgrades-colour-mouldings-d-1.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 133px;
  min-height: 818px;
  padding: 90.3px 70px;
  width: 1920px;
  z-index: 5;
}

.polestar4exterior .text-524 {
  letter-spacing: -0.80px;
  line-height: 30.0px;
  min-height: 91px;
  width: 713px;
}

.polestar4exterior .group-106 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-left: 70px;
  margin-top: 65px;
  min-height: 135px;
  width: 717px;
  z-index: 14;
}

.polestar4exterior .text_label-1 {
  letter-spacing: -0.80px;
  line-height: 30.0px;
  min-height: 60px;
  width: 713px;
}

.polestar4exterior .x1729670396-06-polest {
  height: 742px;
  margin-top: 66px;
  object-fit: cover;
  width: 1920px;
  z-index: 13;
}

.polestar4exterior .group-107 {
  align-items: flex-end;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-right: 65.91px;
  margin-top: 86px;
  min-height: 166px;
  width: 717px;
  z-index: 9;
}

.polestar4exterior .text-525 {
  letter-spacing: -1.44px;
  line-height: normal;
  margin-right: 4.09px;
  min-height: 43px;
  min-width: 290px;
  white-space: nowrap;
}

.polestar4exterior .polestar-precept {
  letter-spacing: -0.80px;
  line-height: 30.0px;
  margin-right: 4.0px;
  min-height: 91px;
  text-align: right;
  width: 713px;
}

.polestar4exterior .x2024-11-26-123208-1 {
  height: 809px;
  margin-top: 86px;
  object-fit: cover;
  width: 1920px;
  z-index: 12;
}

.polestar4exterior .overlap-group2 {
  height: 3824px;
  margin-left: -2.0px;
  position: relative;
  width: 1922px;
  z-index: 4;
}

.polestar4exterior .rectangle-8 {
  background-color: var(--black);
  height: 3824px;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(-180.00deg);
  width: 1922px;
}

.polestar4exterior .group-108 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  left: 605px;
  min-height: 166px;
  position: absolute;
  top: 193px;
  width: 717px;
}

.polestar4exterior .text-526 {
  letter-spacing: -1.44px;
  line-height: normal;
  margin-right: 3.09px;
  min-height: 43px;
  min-width: 276px;
  white-space: nowrap;
}

.polestar4exterior .polestar-4-2 {
  letter-spacing: -0.80px;
  line-height: 30.0px;
  margin-right: 4.0px;
  min-height: 91px;
  text-align: center;
  width: 713px;
}

.polestar4exterior .group-109 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  left: 605px;
  min-height: 135px;
  position: absolute;
  top: 3241px;
  width: 717px;
}

.polestar4exterior .text-527 {
  letter-spacing: -1.44px;
  line-height: normal;
  margin-right: 4.09px;
  min-height: 43px;
  min-width: 61px;
  text-align: right;
  white-space: nowrap;
}

.polestar4exterior .polestar-4 {
  letter-spacing: -0.80px;
  line-height: 30.0px;
  margin-right: 4.0px;
  min-height: 60px;
  text-align: center;
  width: 713px;
}

.polestar4exterior .x1698854388-05-3-pole {
  height: 370px;
  left: 356px;
  object-fit: cover;
  position: absolute;
  top: 2294px;
  width: 333px;
}

.polestar4exterior .x1692967447-05-2-pole {
  height: 345px;
  left: 1210px;
  object-fit: cover;
  position: absolute;
  top: 2306px;
  width: 312px;
}

.polestar4exterior .group-112 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  left: 588px;
  min-height: 135px;
  position: absolute;
  top: 1419px;
  width: 717px;
}

.polestar4exterior .text-529 {
  letter-spacing: -1.44px;
  line-height: normal;
  margin-right: 4.0px;
  min-height: 43px;
  min-width: 150px;
  text-align: center;
  white-space: nowrap;
}

.polestar4exterior .x2024-11-26-42255-1 {
  height: 229px;
  left: 860px;
  object-fit: cover;
  position: absolute;
  top: 2964px;
  width: 203px;
}

.polestar4exterior .group-111 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  left: 1042px;
  min-height: 166px;
  position: absolute;
  top: 2691px;
  width: 652px;
}

.polestar4exterior .text-530 {
  letter-spacing: -1.44px;
  line-height: normal;
  margin-right: 5.0px;
  min-height: 43px;
  min-width: 253px;
  text-align: right;
  white-space: nowrap;
}

.polestar4exterior .polestar-4-long-r {
  letter-spacing: -0.80px;
  line-height: 30.0px;
  margin-right: 4.0px;
  min-height: 91px;
  text-align: center;
  width: 648px;
}

.polestar4exterior .group-110 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  left: 202px;
  min-height: 166px;
  position: absolute;
  top: 2691px;
  width: 646px;
}

.polestar4exterior .brembo {
  letter-spacing: -1.44px;
  line-height: normal;
  margin-right: 5.0px;
  min-height: 43px;
  min-width: 251px;
  text-align: right;
  white-space: nowrap;
}

.polestar4exterior .brem {
  letter-spacing: -0.80px;
  line-height: 30.0px;
  margin-right: 4.0px;
  min-height: 91px;
  text-align: center;
  width: 642px;
}

.polestar4exterior .x1718795237-03-polest {
  height: 708px;
  left: 78px;
  object-fit: cover;
  position: absolute;
  top: 553px;
  width: 1765px;
}

.polestar4exterior .x2024-11-26-123419-1 {
  height: 647px;
  left: 371px;
  object-fit: cover;
  position: absolute;
  top: 1600px;
  width: 1181px;
}

.polestar4exterior .group-162 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 72px;
  min-height: 139px;
  position: absolute;
  top: 3556px;
  width: 1788px;
}

.polestar4exterior .vector-40 {
  height: 1px;
  margin-left: 1.5px;
  object-fit: cover;
  width: 1779px;
}

.polestar4exterior .flex-row-1 {
  align-items: flex-end;
  display: flex;
  height: 22px;
  margin-top: 22px;
  min-width: 1780px;
}

.polestar4exterior .polestar-2024-all-rights-reserved {
  letter-spacing: -1.00px;
  line-height: normal;
  min-height: 19px;
  min-width: 215px;
  text-align: right;
  white-space: nowrap;
}

.polestar4exterior .text-533 {
  letter-spacing: -1.00px;
  line-height: normal;
  margin-left: 20px;
  min-height: 19px;
  min-width: 4px;
  text-align: right;
  white-space: nowrap;
}

.polestar4exterior .frame-1171278306 {
  align-items: center;
  display: inline-flex;
  gap: 46px;
  margin-left: 23px;
  position: relative;
}

.polestar4exterior .icon-park-outlineearth {
  align-self: flex-start;
  height: 20px;
  margin-left: 982px;
  width: 20px;
}

.polestar4exterior .text-538 {
  align-self: center;
  letter-spacing: -1.00px;
  line-height: normal;
  margin-bottom: 1.0px;
  margin-left: 8px;
  min-height: 19px;
  min-width: 56px;
  text-align: right;
  white-space: nowrap;
}

.polestar4exterior .vector-41 {
  height: 1px;
  margin-left: 1.5px;
  margin-top: 24px;
  object-fit: cover;
  width: 1779px;
}

.polestar4exterior .text_label-2 {
  letter-spacing: -1.00px;
  line-height: normal;
  margin-left: 1px;
  margin-top: 32px;
  min-height: 38px;
  width: 807px;
}

.polestar4exterior .color-2 {
  letter-spacing: -0.96px;
  text-align: center;
  white-space: nowrap;
}