/* screen - homecharge */

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

.homecharge .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: -5px;
  min-height: 153px;
  position: fixed;
  top: 0;
  width: 1930px;
  z-index: 6;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.homecharge .text-630 {
  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;
}

.homecharge .text-630:hover {
  color: #ffffff
}

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

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

.homecharge .text-631 {
  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;
}

.homecharge .text-631:hover {
  color: #ffffff
}

.homecharge .flex-row-1 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  height: 1700px;
  margin-right: -17691px;
  margin-top: 225px;
  min-width: 19542px;
  z-index: 1;
}

.homecharge .flex-col {
  flex-direction: column;
  min-height: 1700px;
  width: 1029px;
}

.homecharge .frame-1171278199 {
  align-items: center;
  display: inline-flex;
  gap: 16px;
  position: relative;
}

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

.homecharge .frame-1171278196 {
  align-items: flex-start;
  background-color: var(--black);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  margin-top: 73px;
  overflow: hidden;
  width: 1029px;
}

.homecharge .image-168 {
  cursor: pointer;
  height: 628px;
  object-fit: cover;
  transition: all 0.2s ease;
  width: 1117px;
}

.homecharge .image-168:hover {
  transform: scale(1.2);
}

.homecharge .frame-1171278403 {
  align-items: flex-start;
  background-color: var(--black);
  border-radius: 5px;
  display: flex;
  height: 628px;
  justify-content: center;
  margin-top: 102px;
  overflow: hidden;
  width: 1029px;
}

.homecharge .image-172 {
  cursor: pointer;
  height: 964px;
  margin-top: -118px;
  object-fit: cover;
  transition: all 0.4s ease;
  width: 1109px;
}

.homecharge .image-172:hover {
  transform: scale(1.2);
}

.homecharge .text-596 {
  letter-spacing: -2.16px;
  line-height: normal;
  margin-top: 183px;
  min-height: 43px;
  white-space: nowrap;
}

.homecharge .flex-col-1 {
  align-items: flex-start;
  margin-left: 94px;
  margin-top: 115px;
  min-height: 1126px;
  width: 671px;
}

.homecharge .text-590 {
  color: var(--black);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-xxxl);
  font-weight: 400;
  letter-spacing: -2.16px;
  line-height: normal;
  margin-left: 1px;
  min-height: 43px;
  white-space: nowrap;
}

.homecharge .text-591 {
  letter-spacing: -1.08px;
  line-height: 27px;
  margin-left: 1px;
  margin-top: 84px;
  min-height: 164px;
  width: 506px;
}

.homecharge .text-592 {
  letter-spacing: -1.08px;
  line-height: 27px;
  margin-left: 1px;
  margin-top: 28px;
  min-height: 81px;
  width: 506px;
}

.homecharge .frame-1171278401 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 329px;
  position: relative;
  width: 671px;
}

.homecharge .text-59 {
  align-self: stretch;
  letter-spacing: -2.16px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.homecharge .text {
  align-self: stretch;
  letter-spacing: -1.08px;
  line-height: 27px;
  position: relative;
}

.homecharge .frame-1171278402 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 74px;
  position: relative;
  width: 671px;
}

.homecharge .frame-1171278195-1 {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  height: 179px;
  margin-left: 15828px;
  margin-top: 169px;
  overflow: hidden;
  width: 1920px;
}

.homecharge .group-1-1 {
  cursor: pointer;
  height: 40px;
  margin-bottom: -1678px;
  margin-left: -6957px;
  transition: all 0.6s ease;
  width: 40px;
}

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

.homecharge .material-symbolssearch-1 {
  cursor: pointer;
  height: 74px;
  margin-bottom: -1695px;
  margin-left: 1581px;
  width: 74px;
}

.homecharge .flex-col-2 {
  align-items: flex-end;
  gap: 35px;
  margin-left: 5332px;
  min-height: 170px;
  width: 1780px;
}

.homecharge .flex-row-2 {
  align-items: center;
  display: flex;
  gap: 727px;
  min-width: 985px;
}

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

.homecharge .flex-row-3 {
  align-items: flex-start;
  display: flex;
  gap: 20px;
  min-width: 1780px;
}

.homecharge .frame-1171278191-1 {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 6682px;
  height: 61px;
  overflow: hidden;
  transition: all 0.2s ease;
  width: 430px;
}

.homecharge .frame-1171278191-1:hover {
  background-color: #999999
}

.homecharge .vector-32-1 {
  margin-left: -7097px;
}

.homecharge .polestar-2-1 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 2.0px;
  min-height: 19px;
  min-width: 72px;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.homecharge .polestar-2-1:hover {
  color: #ffffff
}

.homecharge .frame-1171278192 {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 7132px;
  height: 61px;
  overflow: hidden;
  transition: all 0.2s ease;
  width: 430px;
}

.homecharge .frame-1171278192:hover {
  background-color: #999999
}

.homecharge .vector-32-2 {
  margin-left: -7547px;
}

.homecharge .polestar-4-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 2.0px;
  min-height: 19px;
  min-width: 73px;
  white-space: nowrap;
}

.homecharge .component-1 {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 7582px;
  height: 61px;
  overflow: hidden;
  transition: all 0.2s ease;
  width: 430px;
}

.homecharge .component-1:hover {
  background-color: #999999
}

.homecharge .vector-32-3 {
  margin-left: -7997px;
}

.homecharge .text-629 {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 2.0px;
  min-height: 19px;
  min-width: 28px;
  white-space: nowrap;
}

.homecharge .frame-1171278194 {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 8032px;
  height: 61px;
  overflow: hidden;
  transition: all 0.2s ease;
  width: 430px;
}

.homecharge .frame-1171278194:hover {
  background-color: #999999
}

.homecharge .vector-32-4 {
  margin-left: -8447px;
}

.homecharge .my-car-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 2.0px;
  min-height: 19px;
  min-width: 49px;
  white-space: nowrap;
}

.homecharge .frame-container {
  align-items: flex-start;
  display: flex;
  gap: 20px;
  margin-top: 68px;
  min-width: 1780px;
  z-index: 3;
}

.homecharge .frame-1171278302 {
  border: 1px solid;
  border-color: var(--nobel-2);
  border-radius: 5px;
  cursor: pointer;
  height: 694px;
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease;
  width: 880px;
}

.homecharge .frame-1171278302:hover {
  background-color: #ececec
}

.homecharge .x74kw {
  left: 396px;
  letter-spacing: -2.16px;
  line-height: normal;
  position: absolute;
  top: 144px;
  white-space: nowrap;
}

.homecharge .frame-1171278411 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
  left: 396px;
  position: absolute;
  top: 252px;
  width: 358px;
}

.homecharge .frame-117127840 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 9px;
  position: relative;
  width: 266px;
}

.homecharge .text-598 {
  align-self: stretch;
  letter-spacing: -0.72px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.homecharge .x74k-w {
  align-self: stretch;
  letter-spacing: -0.72px;
  line-height: normal;
  position: relative;
}

.homecharge .frame-11712784 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 9px;
  position: relative;
  width: 100%;
}

.homecharge .polestar-2-2 {
  align-self: stretch;
  letter-spacing: -0.72px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.homecharge .x0100-1113-38km {
  align-self: stretch;
  letter-spacing: -0.72px;
  line-height: normal;
  position: relative;
}

.homecharge .text-599 {
  align-self: stretch;
  letter-spacing: -0.72px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.homecharge .text-600 {
  align-self: stretch;
  letter-spacing: -0.72px;
  line-height: normal;
  position: relative;
}

.homecharge .image-169 {
  height: 354px;
  left: 64px;
  position: absolute;
  top: 121px;
  width: 259px;
}

.homecharge .frame-1171278403-1 {
  border: 1px solid;
  border-color: var(--nobel-2);
  border-radius: 5px;
  cursor: pointer;
  height: 694px;
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease;
  width: 880px;
}

.homecharge .frame-1171278403-1:hover {
  background-color: #ECECEC
}

.homecharge .x11kw {
  left: 396px;
  letter-spacing: -2.16px;
  line-height: normal;
  position: absolute;
  top: 159px;
  white-space: nowrap;
}

.homecharge .frame-1171278412 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
  left: 396px;
  position: absolute;
  top: 267px;
  width: 358px;
}

.homecharge .text-601 {
  align-self: stretch;
  letter-spacing: -0.72px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.homecharge .x11k-w {
  align-self: stretch;
  letter-spacing: -0.72px;
  line-height: normal;
  position: relative;
}

.homecharge .polestar-2-3 {
  align-self: stretch;
  letter-spacing: -0.72px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.homecharge .x0100-78-60km {
  align-self: stretch;
  letter-spacing: -0.72px;
  line-height: normal;
  position: relative;
}

.homecharge .text-602 {
  align-self: stretch;
  letter-spacing: -0.72px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.homecharge .text-603 {
  align-self: stretch;
  letter-spacing: -0.72px;
  line-height: normal;
  position: relative;
}

.homecharge .image-171 {
  height: 387px;
  left: -7px;
  object-fit: cover;
  position: absolute;
  top: 130px;
  width: 387px;
}

.homecharge .text-597 {
  align-self: flex-start;
  letter-spacing: -2.16px;
  line-height: normal;
  margin-left: 69px;
  margin-top: 142px;
  min-height: 43px;
  white-space: nowrap;
  z-index: 2;
}

.homecharge .frame-container-1 {
  align-items: flex-start;
  display: flex;
  gap: 20px;
  margin-top: 49px;
  min-width: 1780px;
  z-index: 4;
}

.homecharge .frame-117127840-1 {
  border: 1px solid;
  border-color: var(--nobel-2);
  border-radius: 5px;
  cursor: pointer;
  height: 729px;
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease;
  width: 580px;
}

.homecharge .frame-117127840-1:hover {
  background-color: #ECECEC
}

.homecharge .text-60 {
  left: 126px;
  letter-spacing: -2.16px;
  line-height: normal;
  position: absolute;
  top: 424px;
  width: 320px;
}

.homecharge .number {
  left: 42px;
  letter-spacing: -2.16px;
  line-height: normal;
  position: absolute;
  top: 424px;
  white-space: nowrap;
}

.homecharge .text-605 {
  left: 126px;
  letter-spacing: -0.64px;
  line-height: 22px;
  position: absolute;
  top: 541px;
  width: 387px;
}

.homecharge .fluentcontact-card-32-filled {
  height: 236px;
  left: 172px;
  position: absolute;
  top: 108px;
  width: 236px;
}

.homecharge .text-607 {
  left: 126px;
  letter-spacing: -0.64px;
  line-height: 22px;
  position: absolute;
  top: 497px;
  width: 387px;
}

.homecharge .weuitime-filled {
  height: 248px;
  left: 166px;
  position: absolute;
  top: 105px;
  width: 248px;
}

.homecharge .text-608 {
  color: var(--chicago-3);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-l);
  font-weight: 600;
  left: 126px;
  letter-spacing: -0.64px;
  line-height: 22px;
  position: absolute;
  top: 553px;
  white-space: nowrap;
}

.homecharge .vector-49 {
  height: 15px;
  left: 230px;
  position: absolute;
  top: 598px;
  width: 13px;
}

.homecharge .text-609 {
  left: 126px;
  letter-spacing: -2.16px;
  line-height: normal;
  position: absolute;
  top: 424px;
  white-space: nowrap;
}

.homecharge .text-610 {
  left: 126px;
  letter-spacing: -0.64px;
  line-height: 22px;
  position: absolute;
  top: 497px;
}

.homecharge .mdiwarning-box {
  height: 234px;
  left: 173px;
  position: absolute;
  top: 113px;
  width: 234px;
}

.homecharge .frame-1171278332 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 39px;
  margin-top: 41px;
  min-height: 1431px;
  width: 1930px;
  z-index: 5;
}

.homecharge .frame-6.animate-enter10 {
  animation: animate-enter10-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter10-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homecharge .x {
  background-color: transparent;
  border: 0;
  height: 21px;
  letter-spacing: -1.00px;
  line-height: normal;
  padding: 0;
  width: 429px;
}

.homecharge .x::placeholder {
  color: #c2c2c299;
}

.homecharge .x-1 {
  background-color: transparent;
  border: 0;
  height: 21px;
  letter-spacing: -1.00px;
  line-height: normal;
  padding: 0;
  width: 572px;
}

.homecharge .x-1::placeholder {
  color: #c2c2c299;
}

.homecharge .x-2 {
  background-color: transparent;
  border: 0;
  height: 21px;
  letter-spacing: -1.00px;
  line-height: normal;
  padding: 0;
  width: 472px;
}

.homecharge .text-611 {
  left: 1120px;
  letter-spacing: -1.00px;
  line-height: normal;
  position: absolute;
  top: 171px;
  white-space: nowrap;
}

.homecharge .text-612 {
  left: 1120px;
  letter-spacing: -1.00px;
  line-height: normal;
  position: absolute;
  top: 319px;
  white-space: nowrap;
}

.homecharge .text-613 {
  left: 1120px;
  letter-spacing: -1.00px;
  line-height: normal;
  position: absolute;
  top: 467px;
  white-space: nowrap;
}

.homecharge .text-614 {
  left: 1120px;
  letter-spacing: -1.00px;
  line-height: normal;
  position: absolute;
  top: 637px;
  white-space: nowrap;
}

.homecharge .text-615 {
  letter-spacing: -1.00px;
  line-height: normal;
  min-height: 20px;
}

.homecharge .text-6 {
  letter-spacing: -1.00px;
  line-height: normal;
  margin-top: 11px;
  min-height: 20px;
}

.homecharge .text-61 {
  letter-spacing: -1.00px;
  line-height: normal;
  margin-top: 18px;
  min-height: 20px;
}

.homecharge .frame-10.animate-enter9 {
  animation: animate-enter9-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter9-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homecharge .frame-10:hover {
  background-color: #dfdfdf
}

.homecharge .text-621 {
  left: 329px;
  letter-spacing: -1.00px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 25px;
  white-space: nowrap;
}

.homecharge .overlap-group {
  align-items: flex-end;
  background-color: var(--iron);
  border-radius: 8.5px;
  display: flex;
  height: 17px;
  left: 1319px;
  min-width: 17px;
  padding: 4.8px 3.6px;
  position: absolute;
  top: 1010px;
}

.homecharge .vector-39 {
  height: 7px;
  width: 10px;
}

.homecharge .text-622 {
  left: 1350px;
  letter-spacing: -1.00px;
  line-height: normal;
  position: absolute;
  top: 1008px;
}

.homecharge .image-127:hover {
  transform: scale(1.2);
}

.homecharge .group-82 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  flex-direction: column;
  margin-right: 2.0px;
  min-height: 139px;
  width: 1788px;
}

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

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

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

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

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

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

.homecharge .text-628 {
  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;
}

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

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

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

.homecharge .flex-col-3 {
  display: flex;
  flex-direction: column;
}

.homecharge .vector-32-5 {
  align-self: flex-end;
  height: 1px;
  margin-bottom: -1674px;
  width: 430px;
}