.kv {
  display: grid;
  grid-template-columns: 1fr 3fr;
  max-width: 20em;
  gap: 4px;
  grid-template-rows: repeat(6, calc(1rem + 2 * (1px + 2px))) auto;
  align-items: center;
  dt, label {
    justify-self: end;
  }
  dd, input[type=checkbox] {
    margin-left: 0;
    justify-self: start;
  }
  input[type=submit] {
    width: fit-content;
  }
  .v {
    grid-column-start: 2;
  }
  .error {
    align-self: initial;
  }
}
.hide {
  display: none;
}
#acq {
  margin: 1em 0;
  padding: 1em 2em;
  border-radius: 4px;
  background-color: light-dark(oldlace, #23222b);
}
/* Common between optocat and ketzelpretzel, but not extbuy specific. These
 * might go to some /y/base.css, but I don't want to introduce another css file. */
kbd {
  font-family: system-ui;
}
dl {
  margin: 0;
}
footer {
  text-align: center;
}
table {
  border-collapse: collapse;
  margin: 1em 0;
}
table,
td {
  border: 1px solid #8f8f9d;
  padding: 4px;
}
.error {
  padding: 4px;
  border-radius: 4px;
  color: oldlace;
  background-color: black;
}