.icon,
.oval-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 1728px;
  height: 1117px;
}
.oval-icon {
  top: 672.05px;
  left: 1064.88px;
  border-radius: 50%;
  width: 57.24px;
  height: 56.9px;
  object-fit: cover;
}
.darika-samak,
.from-amazoncom,
.you-made-it {
  position: absolute;
  display: inline-block;
  color: var(--base-white);
}
.you-made-it {
  top: 430.5px;
  left: 1064.88px;
  font-size: var(--pj-semi-bold-28-size);
  line-height: 44px;
  font-weight: 500;
  width: 528.12px;
  height: 188.95px;
}
.darika-samak,
.from-amazoncom {
  top: 668px;
  left: 1139px;
  font-size: var(--bold-21-size);
  line-height: 32px;
  width: 243px;
  height: 34px;
}
.from-amazoncom {
  top: 703.18px;
  left: 1139.4px;
  font-size: var(--component-heading2-size);
  line-height: 28px;
  color: var(--gray-400);
  width: 154.44px;
  height: 30.06px;
}
.welcome-to-onboarding {
  position: absolute;
  top: 284.49px;
  left: 164.16px;
  font-size: var(--pj-bold-42-size);
  line-height: 48px;
  display: inline-block;
  width: 449.28px;
  height: 103.06px;
}
.input-label {
  position: relative;
  line-height: 24px;
  font-weight: 500;
  display: none;
}
.iconoutlinemail {
  position: relative;
  width: 18px;
  height: 18px;
  overflow: hidden;
  flex-shrink: 0;
}
.icon1 {
  width: 18px;
  height: 18px;
  flex-direction: row;
  justify-content: center;
}
.enter-email-to,
.icon-parent,
.icon1 {
  display: flex;
  align-items: center;
}
.enter-email-to {
  border: 0;
  font-family: var(--semi-bold-13);
  font-size: var(--semi-bold-16-size);
  background-color: transparent;
  position: relative;
  line-height: 26px;
  color: var(--gray-600);
  text-align: left;
  width: 227px;
  flex-shrink: 0;
}
.icon-parent {
  align-self: stretch;
  border-radius: var(--br-3xs);
  background-color: var(--gray-50);
  border: 1px solid var(--gray-300);
  flex-direction: row;
  padding: var(--padding-mid) var(--padding-base) var(--padding-mid)
    var(--padding-xl);
  justify-content: flex-start;
  gap: var(--gap-smi);
}
.inputtext-style-1,
.inputtext-style-3 {
  position: absolute;
  top: 432.64px;
  left: 164.16px;
  width: 443.88px;
  height: 68.71px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-3xs);
  color: var(--label-color-light-primary);
}
.inputtext-style-3 {
  top: 517.46px;
}
.forgot-password,
.remember-me {
  position: absolute;
  top: 609.78px;
  left: 197.64px;
  line-height: 26px;
  display: inline-block;
  width: 120.96px;
  height: 27.91px;
}
.forgot-password {
  left: 455.76px;
  line-height: 24px;
  font-weight: 500;
  text-align: right;
  width: 150.12px;
  height: 25.77px;
}
.select,
.shadow {
  position: absolute;
  left: 164.16px;
}
.select {
  cursor: pointer;
  top: 614.08px;
  border-radius: var(--br-11xs);
  background-color: var(--base-white);
  border: 1px solid var(--gray-300);
  box-sizing: border-box;
  width: 21.6px;
  height: 21.47px;
}
.shadow {
  top: 675.27px;
  border-radius: var(--br-mini);
  background: linear-gradient(
    90deg,
    #44ff9a,
    #44b0ff 23.44%,
    #8b44ff 48.96%,
    #f64 73.96%,
    #ebff70
  );
  filter: blur(64.5px);
  width: 443.88px;
  height: 60.12px;
  opacity: 0.5;
}
.button-name {
  position: relative;
  font-size: var(--semi-bold-16-size);
  line-height: 28px;
  font-family: var(--semi-bold-13);
  color: var(--base-white);
  text-align: right;
}
.icon3 {
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.button-name-parent,
.buttonprimarywith-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.button-name-parent {
  flex-direction: row;
  gap: var(--gap-4xs);
}
.buttonprimarywith-icon {
  cursor: pointer;
  border: 0;
  padding: var(--padding-base);
  background-color: var(--label-color-light-primary);
  position: absolute;
  top: 675.27px;
  left: 164.16px;
  border-radius: var(--br-3xs);
  width: 443.88px;
  flex-direction: column;
  box-sizing: border-box;
}
.buttonprimarywith-icon:hover {
  background-color: var(--color-goldenrod);
}
.staff-account {
  line-height: 26px;
}
.click-here {
  line-height: 28px;
}
.staff-account-click-container {
  position: absolute;
  top: 929.7px;
  left: 164.16px;
  display: inline-block;
  width: 294.84px;
  height: 30.06px;
  cursor: pointer;
}
.image-1-icon {
  position: absolute;
  top: 111px;
  left: 164px;
  width: 196px;
  height: 97px;
  object-fit: cover;
}
.login {
  position: relative;
  background-color: var(--base-white);
  width: 100%;
  height: 1117px;
  overflow: hidden;
  text-align: left;
  font-size: var(--semi-bold-16-size);
  color: var(--gray-900);
  font-family: var(--semi-bold-13);
}