*,
::before,
::after {
  border-width: 0;
}

button,
a {
  transition: transform 0.1s ease-in-out;

  &:hover {
    transform: scale(1.05);
  }
}
button.disabled,
a.disabled {
  opacity: 0.5;
}
button.disabled:hover,
a.disabled:hover {
  cursor: default;
  transform: none;
}

.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

body:has(main#section-has-user) #section-empty-state {
  height: 100%;
}

body:has(:not(main#section-has-user)) #section-empty-state {
  height: fit-content;
}

.no-content{ color: #bbb; }
#progress .achievement{ margin-bottom: 1em; }
#progress .achievement li{ font-size: 0.8em; }

#loader {
  /* display: none; */
  position: fixed;
  z-index: 9;
  width: 100%;
  height: 100%;
  padding-top: 200px;
  background: rgba(248,249,249,.9);
  text-align: center;
}


/* MESSAGES */
ul.messages { padding-left:0; }
ul.messages li {list-style:none;}
ul.messages {
  position: absolute;
  z-index: 8;
  top: 85px;
  color: gray;
  font: italic 0.8em sans-serif;
}

#login { padding-top: 100px; min-height: 300px; }
#login td input {
    padding: 5px 10px;
    font-size: 1em;
    border: 1px solid lightgray;
    border-radius: 5px;
    background: white;
}