.auth-section {
  margin-top: 20vh;
}

.auth-section p {
  max-width: 600px;
}

.auth-form {
  margin: auto 0;
  width: 500px;
  max-width: 100%;
  border-radius: 3px;
  background: rgb(250 250 250);
  padding: 40px 60px;
  border: 1px solid rgb(240 240 240);
}

.auth-form .icon-logo {
  margin-bottom: var(--s-large);
}

.helptext {
  position: relative;
}

.helptext + label {
  display: inline-block;
}

.helptext::before {
  color: var(--c-ci-green);
  opacity: 0.8;
  content: "ⓘ";
  font-size: 25px;
  position: relative;
  top: 5px;
  cursor: pointer;
}

.helptext > ul {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 400px;
  max-width: 90vw;
  background-color: #fff;
  padding: var(--s-default);
  border-radius: 3px;
  border: 1px solid var(--c-lightgrey);
  box-shadow: 5px 5px 15px var(--c-lightgrey);
}

.helptext:hover > ul {
  display: block;
}