/* screen - polestar4 */

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

.polestar4 .overlap-group {
  height: 1236px;
  margin-right: -10px;
  position: relative;
  width: 1930px;
  z-index: 2;
}

.polestar4 .rectangle-86 {
  background-color: var(--black);
  height: 153px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1930px;
}

.polestar4 .x4-1 {
  height: 1086px;
  left: 0;
  position: absolute;
  top: 150px;
  width: 1930px;
}

.polestar4 .x4-1 video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.polestar4 .x4-1 img {
  object-fit: cover;
}

.polestar4 .rectangle-87 {
  -webkit-backdrop-filter: blur(50.3px) brightness(100%);
  backdrop-filter: blur(50.3px) brightness(100%);
  background-color: #2a2a2a;
  border-radius: 5px;
  height: 216px;
  left: 1536px;
  opacity: 0.69;
  position: absolute;
  top: 951px;
  width: 340px;
}

.polestar4 .frame-1171278496:hover {
  background-color: #9b9b9b
}

.polestar4 .polestar-4 {
  letter-spacing: -1.00px;
  line-height: normal;
  min-height: 19px;
  min-width: 122px;
  text-align: center;
  white-space: nowrap;
}

.polestar4 .frame-1171278497:hover {
  background-color: #9b9b9b
}

.polestar4 .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: 9;
}

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

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

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

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

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

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

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

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

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

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

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

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

.polestar4 .polestar-4-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;
}

.polestar4 .polestar-4-2:hover {
  color: #ffffff
}

.polestar4 .text-469 {
  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;
}

.polestar4 .text-469:hover {
  color: #ffffff
}

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

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

.polestar4 .text-470 {
  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;
}

.polestar4 .text-470:hover {
  color: #ffffff
}

.polestar4 .rectangle-64 {
  background-color: #d5d8dc;
  height: 117px;
  width: 1920px;
  z-index: 7;
}

.polestar4 .flex-row-1 {
  align-items: flex-start;
  background-image: url(../img/1698854099-05-2-polestar-4-upgrades-performance-chassis-tuning-d-1.png);
  background-size: 100% 100%;
  display: flex;
  gap: 298px;
  height: 905px;
  justify-content: flex-end;
  min-width: 1920px;
  padding: 9.0px 70px;
  z-index: 4;
}

.polestar4 .flex-col {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 666px;
  min-height: 837px;
  width: 726px;
}

.polestar4 .polestar-4-suv {
  color: transparent;
  font-family: var(--font-family-pretendard-semibold);
  font-size: 50px;
  font-weight: 600;
  letter-spacing: -2.00px;
  line-height: 64px;
  min-height: 128px;
  min-width: 726px;
  text-align: center;
}

.polestar4 .span0 {
  color: #686868;
  letter-spacing: -1.00px;
}

.polestar4 .span1 {
  letter-spacing: -1.00px;
}

.polestar4 .krw-66900000 {
  color: var(--black);
  font-family: var(--font-family-pretendard-regular);
  font-size: 19.4px;
  font-weight: 400;
  letter-spacing: -0.78px;
  line-height: 42.1px;
  margin-right: 16.22px;
  min-height: 43px;
  min-width: 227px;
  text-align: center;
  white-space: nowrap;
}

.polestar4 .frame-container {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 35.0px;
  min-height: 142px;
  width: 229px;
}

.polestar4 .frame-117127849 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--black);
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  height: 59px;
  overflow: hidden;
  padding: 17px 52px;
  transition: all 0.2s ease;
  width: 229px;
}

.polestar4 .frame-117127849:hover {
  background-color: #a0a0a0
}

.polestar4 .polestar-4-1 {
  letter-spacing: -0.80px;
  line-height: normal;
  min-height: 24px;
  min-width: 124px;
  text-align: right;
  white-space: nowrap;
}

.polestar4 .overlap-group3 {
  height: 2194px;
  margin-right: -0.14px;
  position: relative;
  width: 1920px;
  z-index: 3;
}

.polestar4 .rectangle-61 {
  background: linear-gradient(180deg, rgb(217, 221, 225) 0%, rgba(214, 217, 220, 0) 100%);
  height: 1502px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.polestar4 .x1715697738-ps4-light-1 {
  height: 992px;
  left: 1513px;
  object-fit: cover;
  position: absolute;
  top: 153px;
  width: 337px;
}

.polestar4 .group-101 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 118px;
  left: 637px;
  min-height: 863px;
  position: absolute;
  top: 174px;
  width: 557px;
}

.polestar4 .group-78 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-right: -4px;
  min-height: 108px;
  width: 368px;
}

.polestar4 .text-457 {
  letter-spacing: -1.20px;
  line-height: normal;
  margin-right: 4px;
  min-height: 36px;
  min-width: 364px;
  text-align: right;
  white-space: nowrap;
}

.polestar4 .text-458 {
  letter-spacing: -2.00px;
  line-height: normal;
  margin-right: 4px;
  min-height: 60px;
  min-width: 103px;
  text-align: right;
  white-space: nowrap;
}

.polestar4 .group-79 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-right: -4px;
  min-height: 114px;
  width: 561px;
}

.polestar4 .long-range-single-motor {
  letter-spacing: -1.20px;
  line-height: normal;
  margin-right: 4px;
  min-height: 36px;
  min-width: 557px;
  text-align: right;
  white-space: nowrap;
}

.polestar4 .x511km {
  letter-spacing: -2.00px;
  line-height: normal;
  margin-right: 4px;
  min-height: 60px;
  min-width: 140px;
  text-align: right;
  white-space: nowrap;
}

.polestar4 .group-76 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-right: -4px;
  min-height: 114px;
  width: 530px;
}

.polestar4 .x0-100-kmh-long-range-dual-motor {
  letter-spacing: -1.20px;
  line-height: normal;
  margin-right: 4px;
  min-height: 36px;
  min-width: 526px;
  text-align: right;
  white-space: nowrap;
}

.polestar4 .text-459 {
  letter-spacing: -2.00px;
  line-height: normal;
  margin-right: 4px;
  min-height: 60px;
  min-width: 112px;
  text-align: right;
  white-space: nowrap;
}

.polestar4 .group-75 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-right: -4px;
  min-height: 174px;
  width: 488px;
}

.polestar4 .long-range-dual-motor {
  letter-spacing: -1.20px;
  line-height: normal;
  margin-right: 4px;
  min-height: 36px;
  min-width: 484px;
  text-align: right;
  white-space: nowrap;
}

.polestar4 .address {
  letter-spacing: -2.00px;
  line-height: normal;
  margin-right: 4.0px;
  min-height: 120px;
  min-width: 174px;
  text-align: right;
}

.polestar4 .group-88 {
  background-image: url(../img/1713332338-04-6-polestar-4-overview-gallery-m-1-1.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 812px;
  left: 579px;
  position: absolute;
  top: 1382px;
  width: 1341px;
}

.polestar4 .suv {
  left: 85px;
  letter-spacing: -1.44px;
  line-height: normal;
  position: absolute;
  top: 1381px;
}

.polestar4 .overlap-group4 {
  align-items: flex-start;
  background-image: url(../img/1729670361-06-polestar-4-overview-rear-m-2-1.png);
  background-size: 100% 100%;
  display: flex;
  height: 995px;
  margin-top: 63px;
  min-width: 1920px;
  padding: 74.3px 85px;
  z-index: 5;
}

.polestar4 .hd {
  color: var(--white);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-xxxl);
  font-weight: 400;
  letter-spacing: -1.44px;
  line-height: normal;
  min-height: 172px;
}

.polestar4 .flex-row-2 {
  align-items: flex-start;
  background-image: url(../img/1715774655-11-polestar-4-overview-fabric-m-1-1-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  gap: 103px;
  height: 1586px;
  justify-content: flex-end;
  min-width: 1908px;
  padding: 80.5px 69.6px;
  z-index: 6;
}

.polestar4 .flex-col-1 {
  gap: 187px;
  margin-top: 9.47px;
  min-height: 806px;
  width: 932px;
}

.polestar4 .x1717404411-09-polest {
  height: 523px;
  width: 932px;
}

.polestar4 .tailore {
  color: var(--black);
  font-family: var(--font-family-pretendard-regular);
  font-size: 40px;
  font-weight: 400;
  letter-spacing: -1.60px;
  line-height: normal;
  min-height: 96px;
  width: 932px;
}

.polestar4 .flex-col-2 {
  align-self: flex-end;
  gap: 424px;
  min-height: 1416px;
  width: 730px;
}

.polestar4 .x {
  color: var(--black);
  font-family: var(--font-family-pretendard-regular);
  font-size: 40px;
  font-weight: 400;
  letter-spacing: -1.60px;
  line-height: normal;
  min-height: 288px;
}

.polestar4 .x1692611609-10-1-pole {
  height: 704px;
  margin-left: 0.39px;
  object-fit: cover;
  width: 730px;
}

.polestar4 .overlap-group6 {
  height: 826px;
  position: relative;
  width: 1920px;
  z-index: 8;
}

.polestar4 .x1716553890-06-polest {
  background-color: var(--black);
  height: 1px;
  left: 439px;
  position: absolute;
  top: 585px;
  width: 1px;
}

.polestar4 .x1716553890-06-polest-1 {
  height: 826px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.polestar4 .x1716553890-06-polest-1 video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.polestar4 .x1716553890-06-polest-1 img {
  object-fit: cover;
}

.polestar4 .rectangle-62 {
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  height: 263px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 1920px;
}

.polestar4 .text-468 {
  left: 520px;
  letter-spacing: -1.60px;
  line-height: normal;
  position: absolute;
  top: 86px;
  width: 880px;
}

.polestar4 .overlap-group5 {
  height: 1672px;
  position: relative;
  width: 1920px;
  z-index: 1;
}

.polestar4 .really {
  height: 1672px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.polestar4 .really video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.polestar4 .really img {
  object-fit: cover;
}

.polestar4 .text-460 {
  left: 720px;
  letter-spacing: -2.00px;
  line-height: 68px;
  position: absolute;
  text-align: center;
  top: 119px;
  width: 480px;
}

.polestar4 .rectangle-63 {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  height: 315px;
  left: 0;
  position: absolute;
  top: 1357px;
  width: 1920px;
}

.polestar4 .frame-1171278462 {
  align-items: center;
  border: 1px solid;
  border-color: var(--black);
  border-radius: 5px;
  display: flex;
  gap: 10px;
  height: 37px;
  justify-content: center;
  left: 897px;
  overflow: hidden;
  padding: 13px 24px;
  position: absolute;
  top: 276px;
  width: 108px;
}

.polestar4 .text-461 {
  letter-spacing: -0.64px;
  line-height: normal;
  margin-bottom: -3.00px;
  margin-top: -5.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

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

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

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

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

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

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

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

.polestar4 .text-467 {
  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;
}

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

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

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