.cutoff-settings {
  margin: 2rem 0;
  padding: 1.25rem;
  border: 1px solid var(--line);
  background: var(--panel);
  color: var(--text);
}

.cutoff-settings legend,
.cutoff-settings h2 {
  padding: 0 .25rem;
  color: var(--text);
  font-size: 1.2rem;
  font-weight: 700;
}

.cutoff-settings__intro,
.cutoff-settings__hint {
  color: var(--muted);
}

.cutoff-settings__hint {
  display: block;
  margin-top: .35rem;
  font-size: .875rem;
}

.cutoff-settings input[type="time"],
.cutoff-settings input[list] {
  max-width: 18rem;
}

.cutoff-settings input[type="time"] {
  box-sizing: border-box;
  width: 100%;
  padding: .8rem;
  border: 1px solid var(--line);
  border-radius: .6rem;
  background: var(--space);
  color: var(--text);
  font: inherit;
  color-scheme: dark;
}

html[data-theme="japanese_garden"] .cutoff-settings input[type="time"] { color-scheme: light; }

.child-settings-form input[type="submit"] {
  min-height: 2.9rem;
  padding: .75rem 1.3rem;
  border: 0;
  border-radius: .6rem;
  background: var(--blue);
  color: var(--space);
  font: inherit;
  font-weight: 750;
  cursor: pointer;
}

.cutoff-settings input:disabled {
  opacity: .6;
}

.cutoff-settings--summary {
  max-width: 38rem;
}