/* screen - index */

.index {
  background-color: var(--white);
  filter: blur(10px);
  height: 1080px;
  opacity: 0;
  overflow: hidden;
  position: relative;
  width: 1920px;
}

.index.animate-enter11 {
  animation: animate-enter11-frames 0.70s ease-in-out 2.00s 1 normal forwards;
  filter: blur(10px);
  opacity: 0;
}

@keyframes animate-enter11-frames {
  from{opacity: 0;
filter: blur(10px);
}
to{opacity: 1;
filter: none;
}
}

.index .overlap-group {
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.index .x1 {
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.index .pure-progressive-performance {
  color: var(--white);
  font-family: var(--font-family-telegraf-regular);
  font-size: 105px;
  font-weight: 400;
  left: 70px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 696px;
}

.index .group-83 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 153px;
  position: fixed;
  top: 0;
  width: 1930px;
}

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

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

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

.index .polestar {
  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;
}

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

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

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

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

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

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

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

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

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

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

.index .text-732 {
  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;
}

.index .text-732:hover {
  color: #ffffff
}

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

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

.index .text-733 {
  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;
}

.index .text-733:hover {
  color: #ffffff
}

.index .frame-1171278195-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 179px;
  left: 17691px;
  overflow: hidden;
  position: fixed;
  top: 394px;
  width: 1920px;
}

.index .flex-row-1 {
  align-items: center;
  align-self: flex-end;
  display: flex;
  gap: 727px;
  margin-right: 70px;
  margin-top: 9px;
  min-width: 985px;
}

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

.index .flex-row-2 {
  align-items: flex-start;
  display: flex;
  gap: 20px;
  margin-top: 35px;
  min-width: 1780px;
}

.index .frame-1171278191-1 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 1688px;
  height: 61px;
  overflow: hidden;
  transition: all 0.2s ease;
  width: 430px;
}

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

.index .polestar-2-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;
}

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

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

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

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

.index .vector-32-2 {
  align-self: flex-end;
  margin-bottom: -1667px;
  margin-left: -482px;
}

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

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

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

.index .vector-32-3 {
  align-self: flex-end;
  margin-bottom: -1667px;
  margin-left: -932px;
}

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

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

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

.index .vector-32-4 {
  align-self: flex-end;
  margin-bottom: -1667px;
  margin-left: -1382px;
}

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

.index .flex-row-3 {
  align-items: center;
  display: flex;
  gap: 1581px;
  margin-right: 9.0px;
  margin-top: 1614px;
  min-width: 1695px;
}

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

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

.index .material-symbolssearch-1 {
  height: 74px;
  width: 74px;
}

.index .vector-32-5 {
  height: 1px;
  width: 430px;
}