/* Multi-Checkbox Button Style */
.multi-checkbox {
  background: transparent;
  border: none;
  color: black;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  cursor: pointer;
}

.guess-component {
  width: 150px;
}

/* Text changes depending on button status */
.checked {
  font-weight: bold;
}

.x {
  text-decoration: line-through;
}

/* darkmode-js injects its own stylesheet after this one loads, so !important
   is needed to reliably override its default button background, which fails
   WCAG2AA contrast against the button's default text color. */
.darkmode-toggle {
  background-color: #73728f !important;
}