/* [project]/src/components/login/login.module.scss.module.css [app-client] (css) */
.login-module-scss-module__dzXxVG__section {
  background-image: linear-gradient(#2d2d2d66, #2c2c2c80), url("/images/native-scene.jpg");
  background-position: center;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

[data-theme="dark"] .login-module-scss-module__dzXxVG__section {
  background-image: linear-gradient(#0a0a0ab3, #0a0a0acc), url("/images/native-scene.jpg");
}

[data-theme="light"] .login-module-scss-module__dzXxVG__section {
  background-image: linear-gradient(#2d2d2d66, #2c2c2c80), url("/images/native-scene.jpg");
}

.login-module-scss-module__dzXxVG__container {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: auto;
  display: flex;
  position: relative;
  bottom: 3.3rem;
}

.login-module-scss-module__dzXxVG__container h1 {
  text-align: center;
  letter-spacing: .02em;
  margin-bottom: 3.2rem;
  font-size: 1.75rem;
  font-weight: 600;
}

.login-module-scss-module__dzXxVG__container img {
  width: 75px;
  margin-top: .8rem;
  margin-bottom: 1.5rem;
}

.login-module-scss-module__dzXxVG__loginDiv {
  backdrop-filter: blur(25px);
  background: #ffffff26;
  border: 1px solid #fff;
  border-color: #fff #fff #ffffff40 #645e5e40;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 460px;
  padding: 1.9rem 0;
  display: flex;
  box-shadow: 0 25px 50px #0000001a;
}

.login-module-scss-module__dzXxVG__loginDiv h2 {
  margin-bottom: 1rem;
  font-size: 1.37rem;
  font-weight: 600;
}

.login-module-scss-module__dzXxVG__loginDiv label {
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 500;
}

.login-module-scss-module__dzXxVG__loginDiv input {
  border-radius: 5px;
  padding: 5px 10px;
}

[data-theme="dark"] .login-module-scss-module__dzXxVG__loginDiv input {
  color: #fff;
  background-color: #2e3034;
}

[data-theme="light"] .login-module-scss-module__dzXxVG__loginDiv input {
  color: #000;
  background-color: #fff;
}

.login-module-scss-module__dzXxVG__loginBtn {
  color: #fff;
  background-color: #6a6a6a;
  border: 1.2px solid #fff;
  border-radius: 5px;
  outline: none;
  width: fit-content;
  height: 50px;
  margin: .75rem auto 0;
  padding: 10px 30px;
  font-size: 1.2rem;
}

.login-module-scss-module__dzXxVG__loginBtn:hover {
  background-color: #a8a8a8;
}

.login-module-scss-module__dzXxVG__loginBtn:disabled {
  color: #999;
  background-color: #6a6a6a;
  border-color: #6a6a6a;
}

.login-module-scss-module__dzXxVG__bottomDiv {
  flex-direction: column;
  margin-top: 1rem;
  display: flex;
}

.login-module-scss-module__dzXxVG__bottomDiv button {
  border: 1px solid #fff;
  border-radius: 5px;
  font-size: 1.2rem;
}

[data-theme="dark"] .login-module-scss-module__dzXxVG__bottomDiv button:disabled {
  background-color: #393939;
}

[data-theme="light"] .login-module-scss-module__dzXxVG__bottomDiv button:disabled {
  background-color: #565656;
}

.login-module-scss-module__dzXxVG__bottomDiv p {
  color: #ff9e9e;
  font-weight: 600;
}

.login-module-scss-module__dzXxVG__loaderDiv {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: auto;
  display: flex;
  position: relative;
}


/*# sourceMappingURL=src_components_login_login_module_scss_module_350cd468.css.map*/