.surveys {
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}

.survey, .new {
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  padding: 1.25em;

  background: white;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  border-style: solid;
}

.name {
  font-size: large;
  font-weight: bold;
}

.hidden {
  font-style: italic;
}

.controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5em 1em;
  flex-flow: wrap;
  padding-top: 0.75em;

  border-top: 1px solid var(--line-color);
}
.spacer-follows {
  margin-right: auto;
}

.missing, .none {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 2em;
}
.missing > *, .none > * {
  max-width: 80ch;
}
.missing {
  color: var(--text-lighter-color);
  font-style: italic;
  font-size: smaller;
}
.missing > .title {
  font-weight: bold;
}