/* screen - login */

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

.login .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: 11;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.login .text-553 {
  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;
}

.login .text-553:hover {
  color: #ffffff
}

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

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

.login .text-554 {
  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;
}

.login .text-554:hover {
  color: #ffffff
}

.login .flex-row-1 {
  align-items: center;
  display: flex;
  gap: 20px;
  height: 43px;
  margin-right: 430.0px;
  margin-top: 375px;
  min-width: 150px;
  z-index: 1;
}

.login .group-1-1 {
  cursor: pointer;
  height: 40px;
  margin-bottom: 1.0px;
  transition: all 0.6s ease;
  width: 40px;
}

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

.login .text-541 {
  letter-spacing: -2.16px;
  line-height: normal;
  min-height: 43px;
  min-width: 90px;
  white-space: nowrap;
}

.login .component-4 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--nobel-2);
  border-radius: 5px;
  display: flex;
  height: 62px;
  margin-top: 53px;
  overflow: hidden;
  padding: 18px 23px;
  width: 580px;
  z-index: 6;
}

.login .x {
  background-color: transparent;
  border: 0;
  color: var(--stack);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-xl);
  font-weight: 400;
  height: 21px;
  letter-spacing: -0.72px;
  line-height: normal;
  padding: 0;
  width: 457px;
}

.login .x::placeholder {
  color: #8f8f8f99;
}

.login .frame-1171278307 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--nobel-2);
  border-radius: 5px;
  display: flex;
  height: 62px;
  margin-left: 2.0px;
  margin-top: 27px;
  overflow: hidden;
  padding: 18px 23px;
  width: 580px;
  z-index: 7;
}

.login .x-1 {
  background-color: transparent;
  border: 0;
  color: var(--stack);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-xl);
  font-weight: 400;
  height: 21px;
  letter-spacing: -0.72px;
  line-height: normal;
  padding: 0;
  width: 500px;
}

.login .x-1::placeholder {
  color: #8f8f8f99;
}

.login .text-container {
  align-items: flex-start;
  display: flex;
  gap: 13px;
  height: 21px;
  margin-left: 379.0px;
  margin-top: 27px;
  min-width: 201px;
  z-index: 8;
}

.login .text-548 {
  letter-spacing: -0.72px;
  line-height: normal;
  min-height: 21px;
  min-width: 75px;
  white-space: nowrap;
}

.login .text-549 {
  letter-spacing: -0.72px;
  line-height: normal;
  min-height: 21px;
  min-width: 6px;
  white-space: nowrap;
}

.login .text-550 {
  letter-spacing: -0.72px;
  line-height: normal;
  min-height: 21px;
  white-space: nowrap;
}

.login .frame-1171278491 {
  align-items: flex-start;
  background-color: #444444;
  cursor: pointer;
  display: flex;
  height: 62px;
  margin-left: 1.0px;
  margin-top: 53px;
  padding: 19px 267px;
  transition: all 0.2s ease;
  width: 579px;
  z-index: 9;
}

.login .frame-1171278491:hover {
  background-color: #000000
}

.login .text-551 {
  letter-spacing: -1.08px;
  line-height: normal;
  min-height: 21px;
  min-width: 45px;
  text-align: center;
  white-space: nowrap;
}

.login .frame-1171278492 {
  align-items: flex-start;
  border: 1px solid;
  border-color: #444444;
  cursor: pointer;
  display: flex;
  height: 62px;
  margin-left: 1.0px;
  margin-top: 19px;
  padding: 20px 260px;
  transition: all 0.2s ease;
  width: 579px;
  z-index: 10;
}

.login .frame-1171278492:hover {
  background-color: #d6d6d6
}

.login .text-552 {
  color: var(--black);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-xl);
  font-weight: 500;
  letter-spacing: -1.08px;
  line-height: normal;
  min-height: 21px;
  min-width: 59px;
  text-align: center;
  white-space: nowrap;
}

.login .vector-40 {
  height: 1px;
  margin-top: 320px;
  object-fit: cover;
  width: 1779px;
  z-index: 4;
}

.login .flex-row-2 {
  align-items: flex-start;
  display: flex;
  height: 22px;
  margin-right: 2.0px;
  margin-top: 21px;
  min-width: 1780px;
  z-index: 2;
}

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

.login .text-542 {
  align-self: center;
  letter-spacing: -1.00px;
  line-height: normal;
  margin-left: 20px;
  margin-top: 1.0px;
  min-height: 19px;
  min-width: 4px;
  text-align: right;
  white-space: nowrap;
}

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

.login .icon-park-outlineearth {
  height: 20px;
  margin-left: 982px;
  width: 20px;
}

.login .text-547 {
  letter-spacing: -1.00px;
  line-height: normal;
  margin-left: 8px;
  min-height: 19px;
  min-width: 56px;
  text-align: right;
  white-space: nowrap;
}

.login .vector-41 {
  height: 1px;
  margin-top: 24px;
  object-fit: cover;
  width: 1779px;
  z-index: 5;
}

.login .text_label {
  align-self: flex-start;
  letter-spacing: -1.00px;
  line-height: normal;
  margin-left: 70px;
  margin-top: 30px;
  min-height: 38px;
  width: 807px;
  z-index: 3;
}