/* screen - login */

.login {
  background-color: #000000;
  height: 1080px;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.login .login-card-b8DrbD {
  background-color: transparent;
  height: 457px;
  left: 715px;
  position: relative;
  top: 343px;
  width: 501px;
}

.login .login-container-4sXP5M {
  background-color: var(--eerie-black);
  border: 1px solid;
  border-color: var(--eerie-black);
  border-radius: 8px;
  height: 457px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 501px;
}

.login .button-contained-med-4sXP5M {
  background-color: transparent;
  border-radius: 4px;
  cursor: pointer;
  height: 36px;
  left: 65px;
  overflow: hidden;
  position: absolute;
  top: 279px;
  width: 371px;
}

.login .elevation-J6SjNA {
  background-color: transparent;
  height: 46px;
  left: -5px;
  position: absolute;
  top: -4px;
  width: 381px;
}

.login .color-l-container-J6SjNA {
  background-color: var(--cornflower);
  height: 36px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 371px;
}

.login .label-J6SjNA {
  background-color: transparent;
  color: var(--black);
  font-style: normal;
  font-weight: 500;
  height: 24px;
  left: 164px;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 6px;
  white-space: nowrap;
  width: 44px;
}

.login .title-4sXP5M {
  background-color: transparent;
  font-weight: 500;
  height: 60px;
  left: 178px;
  letter-spacing: 1.09px;
  line-height: 60px;
  position: absolute;
  text-align: left;
  top: 119px;
  white-space: nowrap;
  width: 136px;
}

.login .password-4sXP5M {
  background-color: transparent;
  height: 40px;
  left: 65px;
  position: absolute;
  top: 229px;
  width: 371px;
}

.login .username-4sXP5M {
  background-color: transparent;
  height: 40px;
  left: 65px;
  position: absolute;
  top: 179px;
  width: 371px;
}

.login .card-components-card-4sXP5M {
  background-color: transparent;
  height: 32px;
  left: 26px;
  position: absolute;
  top: 22px;
  width: 288px;
}

.login .card-header-qS3VcG {
  background-color: transparent;
  color: var(--white);
  font-style: normal;
  font-weight: 400;
  height: 32px;
  left: 0px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 100%;
}

.login .container {
  background-color: transparent;
  height: 24px;
  left: 1px;
  position: absolute;
  top: 8px;
  width: calc(100.00% - 2px);
}

.login .input-border {
  background-color: transparent;
  border: 1px solid;
  border-color: var(--white-4);
  border-radius: 4px;
  height: 40px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 371px;
}

.login .input-text {
  background-color: transparent;
  color: var(--white);
  font-style: normal;
  font-weight: 400;
  height: 24px;
  left: 0px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 100%;
}

.login .left-content {
  background-color: transparent;
  height: 24px;
  left: 13px;
  position: relative;
  top: 0px;
  width: calc(100.00% - 26px);
}

.login .states {
  background-color: transparent;
  height: 40px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}