#users,
#user {
  color: var(--text);
  background-color: var(--bg-sheet);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
#users h1,
#user h1 {
  color: var(--accent);
}
#users h2,
#user h2 {
  color: var(--gray);
}
#users::-webkit-scrollbar,
#user::-webkit-scrollbar {
  width: 12px;
}
#users::-webkit-scrollbar-track,
#user::-webkit-scrollbar-track {
  background: var(--bg-sheet);
}
#users::-webkit-scrollbar-thumb,
#user::-webkit-scrollbar-thumb {
  background-color: var(--gray);
  border-radius: 20px;
  border: 3px solid var(--bg-sheet);
}
#users form.row,
#user form.row {
  display: flex;
}
#users input,
#user input,
#users select,
#user select {
  border-bottom: 3px solid var(--gray-light);
  color: var(--accent);
  margin-right: 1em;
  flex-grow: 1;
}
#users input:focus,
#user input:focus,
#users select:focus,
#user select:focus {
  outline: none;
}
#users label,
#user label {
  width: 10em;
  display: inline-block;
  line-height: 2.5em;
}
#users label + input[type="text"],
#user label + input[type="text"] {
  width: 20em;
  display: inline-block;
}
#users ul,
#user ul {
  padding-left: 1.5em;
}
#users li:before,
#user li:before {
  content: "–";
  display: inline-block;
  position: relative;
  width: 0;
  left: -1.2em;
}
#users li a:hover,
#user li a:hover {
  color: var(--accent);
}
#users a.btn,
#user a.btn,
#users input[type="submit"],
#user input[type="submit"] {
  border: 3px solid var(--gray);
  background-color: transparent;
  color: var(--gray);
  cursor: pointer;
  padding: 0 0.7em;
  flex-grow: 0.5;
  border-radius: 1em;
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  line-height: 1.8em;
  margin-right: 1em;
  margin-left: -0.2em;
  margin-bottom: 0.5em;
}
#users a.btn:hover,
#user a.btn:hover,
#users input[type="submit"]:hover,
#user input[type="submit"]:hover {
  color: var(--accent);
  border-color: var(--accent);
}
#users h2 em,
#user h2 em {
  font-weight: 400;
  font-style: italic;
}
#users h2 em:before,
#user h2 em:before {
  content: ' – ';
}
#users h2 em:empty,
#user h2 em:empty {
  display: none;
}