.up {
  font-size: var(--font-size-lg);
}
.sign-up {
  position: relative;
  line-height: 19.2px;
  font-weight: 600;
}
.p7 {
  position: absolute;
  top: 9.2px;
  left: 91.2px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-12xs) 0 0.59375px;
}
.div44,
.pseudo4 {
  position: absolute;
  border-radius: var(--br-mini);
  width: 243.4px;
  height: 40px;
}
.pseudo4 {
  top: 0;
  left: 0;
  border: 2px solid var(--color-cornflowerblue);
  box-sizing: border-box;
}
.div44 {
  top: calc(50% - 20px);
  left: calc(50% + 344px);
  background-color: var(--color-white);
  font-family: var(--font-inter);
}
.div-item,
.pseudo5 {
  position: absolute;
  box-sizing: border-box;
}
.pseudo5 {
  top: 0;
  left: 0;
  border-bottom: 1px solid var(--color-gray-400);
  width: 1920px;
  height: 80px;
}
.div-item {
  top: 14px;
  left: 238px;
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  border: 1px solid var(--color-lightgray);
  width: 367px;
  height: 52px;
}
.vector-icon2 {
  position: absolute;
  height: 32.75%;
  width: 1.82%;
  top: 34.38%;
  right: 80.16%;
  bottom: 32.87%;
  left: 18.02%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.search1,
.simstoria2 {
  position: absolute;
  font-weight: 600;
}
.search1 {
  top: 24px;
  left: 292px;
  font-size: var(--font-size-xl);
  color: var(--color-darkgray);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 93.4px;
  height: 31.9px;
}
.simstoria2 {
  top: 20px;
  left: 37px;
  font-size: var(--font-size-13xl);
  background: linear-gradient(181.44deg, #539ee9, rgba(83, 158, 233, 0));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  width: 180px;
  height: 40px;
  -webkit-text-stroke: 1px #f0f0f0;
}
.div43 {
  position: absolute;
  width: 100%;
  top: 0.3px;
  right: 0.1px;
  left: -0.1px;
  background-color: var(--color-white);
  height: 80px;
}
.email-or-phone,
.welcome-to-your {
  position: absolute;
  display: flex;
  align-items: center;
}
.welcome-to-your {
  top: 52.8px;
  left: 43.5px;
  font-size: 59px;
  line-height: 67.2px;
  font-weight: 300;
  background: linear-gradient(55deg, #09f, rgba(31, 61, 81, 0.79));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  width: 426.9px;
  height: 133.2px;
}
.email-or-phone {
  top: 14.5px;
  left: 12px;
  line-height: 24px;
  width: 151.7px;
  height: 17px;
}
.div48,
.div49,
.pseudo6 {
  position: absolute;
  left: 0;
  height: 48px;
}
.pseudo6 {
  top: 0;
  border-radius: var(--br-11xs);
  border: 1px solid var(--color-gray-200);
  box-sizing: border-box;
  width: 408px;
}
.div48,
.div49 {
  width: 100%;
  right: 0;
}
.div49 {
  top: 0;
  border-radius: var(--br-11xs);
}
.div48 {
  top: 12px;
  background-color: var(--color-white);
}
.password {
  position: absolute;
  top: 14.5px;
  left: 12px;
  line-height: 24px;
  display: flex;
  align-items: center;
  width: 61.5px;
  height: 17px;
}
.show {
  position: relative;
  line-height: 32px;
  font-weight: 600;
}
.div52 {
  top: 8px;
  left: 344px;
  border-radius: var(--br-11xs);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 8.390625px 0 var(--padding-6xs);
  text-align: center;
  font-size: var(--font-size-mini);
}
.div47,
.div50,
.div52 {
  position: absolute;
}
.div50 {
  width: 100%;
  top: 72px;
  right: 0;
  left: 0;
  background-color: var(--color-white);
  height: 48px;
}
.div47 {
  top: 240px;
  left: calc(50% - 204px);
  width: 408px;
  height: 120px;
  text-align: left;
}
.sign-in {
  top: 16px;
  left: 175.9px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 57.5px;
  height: 22px;
}
.div53,
.div55,
.sign-in {
  position: absolute;
}
.div53 {
  top: 390px;
  left: calc(50% - 204px);
  border-radius: var(--br-9xl);
  background-color: var(--color-dodgerblue-100);
  width: 408px;
  height: 56px;
  overflow: hidden;
  font-size: var(--font-size-lgi);
  color: var(--color-white);
}
.div55 {
  top: 9.5px;
  left: 12px;
  background-color: var(--color-gray-100);
  width: 170px;
  height: 1px;
}
.or {
  top: 2px;
  left: 198px;
  line-height: 20px;
  display: flex;
  align-items: center;
  width: 11px;
  height: 15px;
}
.div54,
.div56,
.or {
  position: absolute;
}
.div56 {
  top: 9.5px;
  left: 226px;
  background-color: var(--color-gray-100);
  width: 170px;
  height: 1px;
}
.div54 {
  top: 533px;
  left: calc(50% - 204px);
  background-color: var(--color-white);
  width: 408px;
  height: 20px;
  text-align: left;
  font-size: var(--font-size-2xs);
}
.div-icon1 {
  position: absolute;
  top: 16px;
  left: 92.6px;
  width: 24px;
  height: 24px;
  overflow: hidden;
}
.sign-in-with {
  position: absolute;
  top: 17px;
  left: 147.7px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 161.9px;
  height: 22px;
}
.div57 {
  position: absolute;
  top: 583px;
  left: calc(50% - 204px);
  border-radius: var(--br-9xl);
  background-color: var(--color-white);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6) inset;
  width: 408px;
  height: 56px;
  overflow: hidden;
  font-size: var(--font-size-lg);
}
.new-to-simstoria {
  position: absolute;
  top: 14.5px;
  left: 118.4px;
  line-height: 24px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 191.3px;
  height: 17px;
}
.div58 {
  position: absolute;
  top: 669px;
  left: calc(50% - 204px);
  border-radius: var(--br-5xl);
  background-color: var(--color-gray-600);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75);
  width: 408px;
  height: 48px;
  overflow: hidden;
  font-size: var(--font-size-mini);
  color: var(--color-gray-500);
}
.forgot-password {
  position: absolute;
  top: 480.5px;
  left: 212.5px;
  line-height: 24px;
  color: var(--color-gray-700);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 114.1px;
  height: 17px;
}
.div46 {
  position: absolute;
  top: calc(50% - 395.3px);
  left: calc(50% - 504.4px);
  border-radius: var(--br-xl);
  background-color: var(--color-white);
  box-shadow: 0 0.8px 2.39px -0.62px rgba(0, 0, 0, 0.05),
    0 2.4px 7.24px -1.25px rgba(0, 0, 0, 0.05),
    0 6.4px 19.14px -1.87px rgba(0, 0, 0, 0.05),
    0 20px 60px -2.5px rgba(0, 0, 0, 0.05);
  border: 1px solid var(--color-gray-300);
  box-sizing: border-box;
  width: 539px;
  height: 803px;
  overflow: hidden;
}
.sl-113022-54210-19-1-icon1 {
  position: absolute;
  top: 0;
  left: 880px;
  width: 560px;
  height: 983px;
  object-fit: cover;
}
.div42,
.div45 {
  position: absolute;
  width: 1440px;
  overflow: hidden;
}
.div45 {
  top: 80.3px;
  left: calc(50% - 720.1px);
  height: 990px;
  font-size: var(--font-size-sm);
  color: var(--color-gray-200);
  font-family: var(--font-roboto-flex);
}
.div42 {
  top: -0.3px;
  left: 0.1px;
  background-color: var(--color-aliceblue);
  height: 1070px;
}
.login-page {
  position: relative;
  background-color: var(--color-white);
  width: 100%;
  height: 1063px;
  text-align: center;
  font-size: var(--font-size-base);
  color: var(--color-cornflowerblue);
  font-family: var(--font-roboto);
}