section.login-signup {
  padding: var(--space-l) 0;
}
section.login-signup .login-signup-section {
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: white;
  box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.1);
}
section.login-signup .login-signup-selector {
  display: flex;
  gap: 1px;
  background-color: #53a9ac;
  border-bottom: 1px solid #53a9ac;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  overflow: hidden;
}
section.login-signup .login-signup-selector .selector-button {
  flex: 1 1 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--space-s) 0;
  font-size: var(--step-2);
  font-weight: bold;
  background-color: white;
  color: inherit;
  text-decoration: none;
  color: #53a9ac;
}
section.login-signup .login-signup-selector .selector-button:hover {
  background-color: #e0f3f3;
}
section.login-signup .login-signup-selector .selector-button.active {
  background-color: #53a9ac;
  color: white;
}
section.login-signup .login-signup-form {
  display: flex;
  flex-direction: column;
  padding: var(--space-l) var(--space-xl);
}
section.login-signup .login-signup-form input[type=text],
section.login-signup .login-signup-form input[type=email],
section.login-signup .login-signup-form input[type=password] {
  display: unset;
  box-sizing: unset;
  width: unset;
  padding: unset;
  border: unset;
  border-radius: unset;
  background-color: unset;
  box-shadow: unset;
  font-family: unset;
  font-size: unset;
  font-weight: unset;
  line-height: unset;
  color: unset;
  transition: unset;
  -webkit-appearance: unset;
     -moz-appearance: unset;
          appearance: unset;
  height: unset;
  margin: unset;
  border: 1px solid #c9c9c9;
  border-radius: 0.5rem;
  width: -webkit-fill-available;
  padding: var(--space-xs) var(--space-s);
  margin-bottom: 1rem;
}
section.login-signup .login-signup-form input[type=text]::-moz-placeholder, section.login-signup .login-signup-form input[type=email]::-moz-placeholder, section.login-signup .login-signup-form input[type=password]::-moz-placeholder {
  color: #b6b6b6;
}
section.login-signup .login-signup-form input[type=text]::placeholder,
section.login-signup .login-signup-form input[type=email]::placeholder,
section.login-signup .login-signup-form input[type=password]::placeholder {
  color: #b6b6b6;
}
section.login-signup .login-signup-form .error-msg {
  color: red;
  margin-bottom: 1rem;
  margin-top: -1rem;
}
section.login-signup .login-signup-form .form-button-primary {
  width: 100%;
  color: white;
  background-color: #ed8b00;
  text-align: center;
  padding: var(--space-xs) var(--space-m);
  border-radius: 0.5rem;
  font-size: var(--step-1);
  cursor: pointer;
}
section.login-signup .login-signup-form .form-button-primary:hover {
  background-color: rgb(202, 121, 6);
}
section.login-signup .login-signup-form .form-button-primary.btn-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
section.login-signup .login-signup-form a {
  color: inherit;
}
section.login-signup .login-signup-form a:hover {
  color: rgb(31, 31, 31);
}
section.login-signup input[type=checkbox] {
  position: relative;
  margin-left: unset;
}
section.login-signup .edit-image {
  border-radius: 50%;
  max-width: 12rem;
  width: 100%;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
section.login-signup .login-signup-section:has(.edit-form) {
  border: 2px solid #00a3a8;
}
section.login-signup .login-signup-section:has(.edit-form) .forum-change-password-button {
  cursor: pointer;
}
section.login-signup .login-signup-section .edit-form {
  padding: var(--space-l) var(--space-l);
}
section.login-signup .profile-icon {
  background-color: #eeac51;
  max-width: 11rem;
  width: 100%;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  color: white;
  font-size: clamp(2rem, 3vw, 3.6rem);
  margin: auto;
}
section.login-signup .profile-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

body:has(.login-signup) .grecaptcha-badge {
  display: block !important;
  visibility: visible !important;
  z-index: 10;
}/*# sourceMappingURL=login.css.map */