/* screen - polestarexterior */

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

.polestarexterior .flex-col {
  align-self: flex-start;
  flex-direction: column;
  min-height: 4879px;
  width: 1930px;
}

.polestarexterior .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;
  min-height: 153px;
  width: 1930px;
}

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

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

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

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

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

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

.polestarexterior .flex-row {
  gap: 48px;
  margin-left: 2.0px;
  min-width: 1792px;
}

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

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

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

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

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

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

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

.polestarexterior .text-26 {
  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;
}

.polestarexterior .text-26:hover {
  color: #ffffff
}

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

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

.polestarexterior .text-27 {
  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;
}

.polestarexterior .text-27:hover {
  color: #ffffff
}

.polestarexterior .exterior {
  letter-spacing: -1.44px;
  line-height: normal;
  margin-left: 70.61px;
  margin-top: 75px;
  min-height: 43px;
  white-space: nowrap;
}

.polestarexterior .overlap-group4 {
  align-items: flex-start;
  background-image: url(../img/1673267510-01-6-polestar-2-exterior-design-m-2-1.png);
  background-size: 100% 100%;
  display: flex;
  height: 865px;
  margin-top: 34px;
  min-width: 1920px;
  padding: 59.0px 442px;
}

.polestarexterior .x {
  letter-spacing: -1.04px;
  line-height: 36px;
  min-height: 108px;
  text-align: center;
  width: 1035px;
}

.polestarexterior .text-11 {
  letter-spacing: -1.44px;
  line-height: normal;
  margin-left: 69.61px;
  margin-top: 82px;
  min-height: 43px;
  white-space: nowrap;
}

.polestarexterior .pole {
  letter-spacing: -0.80px;
  line-height: 32px;
  margin-left: 69.61px;
  margin-top: 19px;
  min-height: 64px;
  width: 713px;
}

.polestarexterior .frame-container {
  align-items: flex-start;
  display: flex;
  gap: 6px;
  height: 489px;
  margin-left: 69.61px;
  margin-top: 42px;
  min-width: 1346px;
}

.polestarexterior .frame-1171278463 {
  align-items: flex-end;
  background-image: url(../img/-----------2024-11-22------4-37-19-1-1@2x.png);
  background-size: 100% 100%;
  display: flex;
  height: 488px;
  justify-content: flex-end;
  min-width: 445px;
  padding: 51.6px 0;
}

.polestarexterior .rectangle-5 {
  background: linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, rgb(255, 255, 255) 100%);
  height: 129px;
  transform: rotate(-90.00deg);
  width: 232px;
}

.polestarexterior .frame-1171278464 {
  align-items: flex-end;
  background-image: url(../img/-----------2024-11-22------4-37-32-1-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 488px;
  justify-content: flex-end;
  min-width: 445px;
  padding: 51.6px 0;
}

.polestarexterior .frame-1171278465 {
  align-items: flex-end;
  align-self: flex-end;
  background-image: url(../img/-----------2024-11-22------4-37-40-1-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 488px;
  justify-content: flex-end;
  min-width: 445px;
  padding: 68.1px 0;
}

.polestarexterior .rectangle-5-1 {
  background: linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, rgb(255, 255, 255) 100%);
  height: 96px;
  transform: rotate(-90.00deg);
  width: 232px;
}

.polestarexterior .flex-row-1 {
  align-items: flex-start;
  display: flex;
  height: 46px;
  margin-left: 69.61px;
  margin-top: 18px;
  min-width: 994px;
}

.polestarexterior .space {
  letter-spacing: -0.96px;
  line-height: 36.6px;
  margin-top: 0.07px;
  min-height: 41px;
  white-space: nowrap;
  width: 69px;
}

.polestarexterior .thunder {
  letter-spacing: -0.96px;
  line-height: 36.6px;
  margin-left: 381px;
  min-height: 41px;
  white-space: nowrap;
  width: 92px;
}

.polestarexterior .midnight {
  align-self: flex-end;
  letter-spacing: -0.96px;
  line-height: 20px;
  margin-left: 358px;
  min-height: 41px;
  width: 94px;
}

.polestarexterior .overlap-group-container {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  height: 489px;
  justify-content: flex-end;
  margin-right: 70.12px;
  margin-top: 73px;
  min-width: 1345px;
}

.polestarexterior .overlap-group2 {
  align-items: flex-end;
  background-image: url(../img/-----------2024-11-22------4-37-58-1-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 488px;
  justify-content: flex-end;
  margin-top: -0.28px;
  min-width: 445px;
  padding: 51.9px 0;
}

.polestarexterior .overlap-group1 {
  align-items: flex-end;
  background-image: url(../img/-----------2024-11-22------4-37-50-1-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 488px;
  justify-content: flex-end;
  margin-top: -0.28px;
  min-width: 445px;
  padding: 51.9px 0;
}

.polestarexterior .overlap-group {
  align-items: flex-end;
  align-self: center;
  background-image: url(../img/-----------2024-11-22------4-46-28-1-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 488px;
  justify-content: flex-end;
  margin-left: 11px;
  margin-top: 0.15px;
  min-width: 445px;
  padding: 51.9px 0;
}

.polestarexterior .flex-row-2 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  gap: 382px;
  height: 41px;
  margin-left: 132.51px;
  margin-top: 19px;
  min-width: 1023px;
}

.polestarexterior .color {
  letter-spacing: -0.96px;
  line-height: 36.6px;
  min-height: 41px;
  white-space: nowrap;
  width: 63px;
}

.polestarexterior .place {
  letter-spacing: -0.96px;
  line-height: 36.6px;
  min-height: 41px;
  white-space: nowrap;
  width: 73px;
}

.polestarexterior .magnesium {
  letter-spacing: -0.96px;
  line-height: 36.6px;
  margin-top: 0.93px;
  min-height: 37px;
  white-space: nowrap;
}

.polestarexterior .text-12 {
  letter-spacing: -1.44px;
  line-height: normal;
  margin-left: 69.61px;
  margin-top: 49px;
  min-height: 43px;
  white-space: nowrap;
}

.polestarexterior .x-1 {
  letter-spacing: -0.80px;
  line-height: 32px;
  margin-left: 69.61px;
  margin-top: 32px;
  min-height: 64px;
  width: 713px;
}

.polestarexterior .x-container {
  align-items: flex-start;
  align-self: center;
  display: flex;
  gap: 10px;
  margin-right: 10.0px;
  margin-top: 37px;
  min-width: 1780px;
}

.polestarexterior .x2024-11-22-45616-1 {
  height: 501px;
  width: 885px;
}

.polestarexterior .x2024-11-22-45611-1 {
  height: 500px;
  width: 885px;
}

.polestarexterior .x-container-1 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  gap: 10px;
  margin-right: 10.0px;
  margin-top: 10px;
  min-width: 1780px;
}

.polestarexterior .x2024-11-22-50026-1 {
  height: 502px;
  width: 885px;
}

.polestarexterior .x2024-11-22-50019-1 {
  height: 507px;
  object-fit: cover;
  width: 885px;
}

.polestarexterior .text-13 {
  letter-spacing: -1.44px;
  line-height: normal;
  margin-left: 70px;
  margin-top: 149px;
  min-height: 43px;
  white-space: nowrap;
}

.polestarexterior .text_label {
  letter-spacing: -0.80px;
  line-height: 32px;
  margin-left: 70px;
  margin-top: 32px;
  min-height: 96px;
  width: 713px;
}

.polestarexterior .group-container {
  align-items: flex-start;
  align-self: center;
  display: flex;
  gap: 231px;
  height: 606px;
  margin-right: 7.38px;
  margin-top: 90px;
  min-width: 1633px;
}

.polestarexterior .group-41 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 35px;
  min-height: 546px;
  width: 390px;
}

.polestarexterior .image-77 {
  height: 388px;
  object-fit: cover;
}

.polestarexterior .x20-performance-4 {
  letter-spacing: -1.12px;
  line-height: 30.0px;
  margin-right: 2.0px;
  min-height: 123px;
  text-align: center;
  width: 301px;
}

.polestarexterior .span {
  letter-spacing: -0.31px;
}

.polestarexterior .span1 {
  color: var(--black);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  letter-spacing: -0.16px;
}

.polestarexterior .span-1 {
  letter-spacing: -0.16px;
}

.polestarexterior .group-42 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 1.62px;
  min-height: 516px;
  width: 390px;
}

.polestarexterior .image-78 {
  height: 391px;
}

.polestarexterior .x20-pro-5-v {
  letter-spacing: -1.12px;
  line-height: 30.0px;
  margin-right: 2.0px;
  min-height: 93px;
  text-align: center;
  width: 301px;
}

.polestarexterior .span-2 {
  letter-spacing: -0.30px;
}

.polestarexterior .group-43 {
  align-items: center;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-height: 604px;
  width: 390px;
}

.polestarexterior .image-79 {
  height: 389px;
  object-fit: cover;
}

.polestarexterior .x19-aero-5 {
  letter-spacing: -1.10px;
  line-height: 30.0px;
  margin-left: 43.29px;
  min-height: 213px;
  text-align: center;
  width: 301px;
}

.polestarexterior .vector-32-1 {
  align-self: center;
  height: 2px;
  margin-right: 10.0px;
  margin-top: 23px;
  width: 1780px;
}

.polestarexterior .flex-row-3 {
  align-items: flex-start;
  align-self: flex-start;
  display: flex;
  gap: 31px;
  height: 1994px;
  margin-left: 0.12px;
  margin-top: 218px;
  min-width: 1850px;
}

.polestarexterior .flex-col-1 {
  min-height: 1994px;
  width: 1020px;
}

.polestarexterior .overlap-group3 {
  align-items: flex-end;
  background-image: url(../img/image-80-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 678px;
  justify-content: flex-end;
  min-width: 910px;
}

.polestarexterior .rectangle-58 {
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  height: 418px;
  margin-bottom: -0.26px;
  transform: rotate(-180.00deg);
  width: 910px;
}

.polestarexterior .group-44 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  flex-direction: column;
  margin-right: 141.89px;
  margin-top: 474px;
  min-height: 249px;
  width: 733px;
}

.polestarexterior .pilot {
  letter-spacing: -0.80px;
  line-height: 30.0px;
  white-space: nowrap;
}

.polestarexterior .led {
  letter-spacing: -1.44px;
  line-height: normal;
  margin-left: 0.39px;
  margin-top: 18px;
  min-height: 86px;
  width: 367px;
}

.polestarexterior .text_label-1 {
  letter-spacing: -0.80px;
  line-height: 32px;
  margin-top: 19px;
  min-height: 96px;
  width: 727px;
}

.polestarexterior .text-25 {
  letter-spacing: -1.44px;
  line-height: normal;
  margin-left: 72.88px;
  margin-top: 445px;
  min-height: 43px;
  white-space: nowrap;
}

.polestarexterior .text_label-2 {
  align-self: flex-end;
  letter-spacing: -0.80px;
  line-height: 32px;
  margin-top: 9px;
  min-height: 96px;
  width: 947px;
}

.polestarexterior .flex-col-2 {
  margin-top: 9.0px;
  min-height: 1753px;
  width: 799px;
}

.polestarexterior .text-14 {
  letter-spacing: -1.44px;
  line-height: normal;
  margin-left: 0.39px;
  min-height: 43px;
  width: 160px;
}

.polestarexterior .polestar-2-led {
  letter-spacing: -0.80px;
  line-height: 30.0px;
  margin-top: 19px;
  min-height: 60px;
  width: 749px;
}

.polestarexterior .text-15 {
  letter-spacing: -1.44px;
  line-height: normal;
  margin-left: 0.39px;
  margin-top: 147px;
  min-height: 43px;
  width: 199px;
}

.polestarexterior .text_label-3 {
  letter-spacing: -0.80px;
  line-height: 32px;
  margin-left: 0.09px;
  margin-top: 18px;
  min-height: 96px;
  width: 727px;
}

.polestarexterior .x1671791697-05-1-pole {
  align-self: flex-end;
  height: 914px;
  margin-top: 413px;
  width: 731px;
}

.polestarexterior .x1671791697-05-1-pole video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.polestarexterior .x1671791697-05-1-pole img {
  object-fit: cover;
}

.polestarexterior .x1673531150-06-polest {
  height: 745px;
  margin-top: 27px;
  width: 1780px;
}

.polestarexterior .x1673531150-06-polest video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.polestarexterior .x1673531150-06-polest img {
  object-fit: cover;
}

.polestarexterior .text-18 {
  letter-spacing: -0.80px;
  line-height: 30.0px;
  margin-right: 633.0px;
  margin-top: 76px;
  min-width: 71px;
  white-space: nowrap;
}

.polestarexterior .text-16 {
  letter-spacing: -1.44px;
  line-height: normal;
  margin-right: 375.64px;
  margin-top: 6px;
  min-height: 43px;
  width: 328px;
}

.polestarexterior .text-17 {
  letter-spacing: -0.80px;
  line-height: 32px;
  margin-left: 22.08px;
  margin-top: 35px;
  min-height: 89px;
  width: 727px;
}

.polestarexterior .x1672744616-09-2-pole {
  border-radius: 5px;
  height: 909px;
  margin-left: 4.29px;
  margin-top: 46px;
  width: 727px;
}

.polestarexterior .x1672744616-09-2-pole video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.polestarexterior .x1672744616-09-2-pole img {
  object-fit: cover;
}

.polestarexterior .group-82 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 7.72px;
  margin-top: 151px;
  min-height: 139px;
  width: 1788px;
}

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

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

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

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

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

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

.polestarexterior .text-24 {
  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;
}

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

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

.polestarexterior .flex {
  align-items: flex-start;
  display: flex;
}

.polestarexterior .flex-col-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

.polestarexterior .image {
  margin-right: 2.0px;
  width: 388px;
}