/* Scoped reminder layout fix for the existing deployed application. */
section[aria-labelledby="reminder-heading"] fieldset > div:has(input[type="time"]) {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px 20px;
}
section[aria-labelledby="reminder-heading"] label:has(input[type="time"]) {
  display: grid;
  gap: 8px;
  flex: 0 0 11rem;
  max-width: 100%;
}
section[aria-labelledby="reminder-heading"] input[type="time"] {
  display: block;
  width: 100%;
  min-width: 0;
  margin-top: 0;
  font-size: 16px;
  font-variant-numeric: tabular-nums;
}
section[aria-labelledby="reminder-heading"] fieldset > div:has(input[type="time"]) > div {
  flex: 1 1 16rem;
  min-width: 0;
  padding-top: 0;
  padding-bottom: 3px;
  overflow-wrap: anywhere;
}