.nav-item[hidden] {
  display: none !important;
}

.streak .flame {
  display: grid;
  place-items: center;
  color: inherit;
  font-size: 1.7rem;
  line-height: 1;
}

.user-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.test-count-row {
  display: flex;
  align-items: center;
  gap: 16px;
}

.test-count-row .input {
  width: 120px;
}

.check-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.check-label input {
  width: 18px;
  height: 18px;
  accent-color: var(--blue);
}

.learn-batch {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: -10px 0 18px;
  color: var(--muted);
  font-size: .86rem;
}

@media (max-width: 430px) {
  .test-count-row {
    align-items: flex-start;
    flex-direction: column;
  }
}