/* screen - retailer-login */

.retailer-login {
  background-color: var(--white);
  height: 1078px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.retailer-login .group-387-6rqnIX {
  background-color: transparent;
  height: 1080px;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 1920px;
}

.retailer-login .rectangle-58-h5KUUU {
  background-color: var(--black-pearl);
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.retailer-login .path-124-6rqnIX {
  background-color: transparent;
  height: 441px;
  left: 648px;
  object-fit: cover;
  position: absolute;
  top: 330px;
  width: 616px;
}

.retailer-login .login-6rqnIX {
  background-color: transparent;
  height: auto;
  left: 768px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 386px;
  white-space: nowrap;
  width: auto;
}

.retailer-login .forgot-button-6rqnIX {
  background-color: transparent;
  color: var(--eerie-black);
  cursor: pointer;
  font-family: var(--font-family-bilo-medium);
  font-size: 8px;
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 1079px;
  letter-spacing: 0.00px;
  line-height: 12px;
  position: absolute;
  text-align: center;
  text-decoration: underline;
  top: 632px;
  white-space: nowrap;
  width: auto;
}

.retailer-login .group-526-6rqnIX {
  background-color: transparent;
  height: 200px;
  left: 768px;
  position: absolute;
  top: 423px;
  width: 385px;
}

.retailer-login .group-311-ZSWfzp {
  background-color: transparent;
  height: 20px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 48px);
}

.retailer-login .please-enter-your-us-EXbpVX {
  background-color: transparent;
  bottom: -2.50%;
  height: 22px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 23px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 339px;
}

.retailer-login .group-525-ZSWfzp {
  background-color: transparent;
  height: 70px;
  left: 1px;
  position: absolute;
  top: calc(30.77% - 22px);
  width: 100%;
}

.retailer-login .component-2-133-VMfnn2 {
  background-color: transparent;
  bottom: 0px;
  height: 31px;
  left: 0px;
  position: absolute;
  width: 385px;
}

.retailer-login .rectangle-25-GDGkxF {
  background-color: var(--white);
  border: 0.5px solid;
  border-color: var(--silver-chalice);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.retailer-login .admindigitalhelioscom-GDGkxF {
  background-color: transparent;
  bottom: calc(125.00% - 19px);
  height: 15px;
  left: 11px;
  letter-spacing: 0.00px;
  line-height: 39px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 135px;
}

.retailer-login .email-VMfnn2 {
  background-color: transparent;
  bottom: calc(103.12% - 23px);
  height: 22px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 23px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 50px;
}

.retailer-login .group-524-ZSWfzp {
  background-color: transparent;
  bottom: 0px;
  height: 70px;
  left: 1px;
  position: absolute;
  width: 100%;
}

.retailer-login .component-2-132-DXfHbP {
  background-color: transparent;
  bottom: 0px;
  height: 31px;
  left: 0px;
  position: absolute;
  width: 385px;
}

.retailer-login .rectangle-25-n9jlmK {
  background-color: var(--white);
  border: 0.5px solid;
  border-color: var(--silver-chalice);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.retailer-login .x-n9jlmK {
  background-color: transparent;
  bottom: calc(125.00% - 19px);
  height: 15px;
  left: 11px;
  letter-spacing: 0.00px;
  line-height: 39px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 71px;
}

.retailer-login .password-DXfHbP {
  background-color: transparent;
  bottom: calc(103.12% - 23px);
  height: 22px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 23px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 86px;
}

.retailer-login .group-529-6rqnIX {
  background-color: transparent;
  cursor: pointer;
  height: 73px;
  left: 763px;
  position: absolute;
  top: 160px;
  width: 386px;
}

.retailer-login .group-528-H1Ex26 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 63px;
}

.retailer-login .path-125-P4wSj3 {
  background-color: transparent;
  height: 29px;
  object-fit: cover;
  position: absolute;
  right: 0px;
  top: calc(25.06% - 7px);
  width: 25px;
}

.retailer-login .path-126-P4wSj3 {
  background-color: transparent;
  height: 32px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 44px;
}

.retailer-login .path-127-P4wSj3 {
  background-color: transparent;
  bottom: 0px;
  height: 32px;
  object-fit: cover;
  position: absolute;
  right: 0px;
  width: 44px;
}

.retailer-login .path-128-P4wSj3 {
  background-color: transparent;
  bottom: calc(25.06% - 7px);
  height: 29px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 25px;
}

.retailer-login .digital-retail-H1Ex26 {
  background-color: transparent;
  height: 55px;
  letter-spacing: 3.08px;
  line-height: 49px;
  position: absolute;
  right: 11px;
  text-align: left;
  top: 10px;
  white-space: nowrap;
  width: 304px;
}

.retailer-login .rectangle-151-H1Ex26 {
  background-color: var(--spray);
  bottom: calc(31.10% - 1px);
  height: 4px;
  position: absolute;
  right: 1px;
  width: 4px;
}

.retailer-login .login-button-6rqnIX {
  background-color: transparent;
  cursor: pointer;
  height: 31px;
  left: 768px;
  position: absolute;
  top: 655px;
  width: 153px;
}

.retailer-login .path-19-MmmOQP {
  background-color: transparent;
  bottom: 0px;
  height: 31px;
  object-fit: cover;
  position: absolute;
  right: 0px;
  width: 153px;
}

.retailer-login .login-continue-MmmOQP {
  background-color: transparent;
  bottom: 6px;
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 14px;
  position: absolute;
  right: 32px;
  text-align: left;
  white-space: nowrap;
  width: 100px;
}