/* ================================================================= */
/* =========================  INPUT GROUP  ========================= */
/* ================================================================= */

.input-group {
  display: flex;
  align-items: stretch;
  position: relative;
}

.input-group-text {
  white-space: nowrap;
  background-color: var(--clr-secondary-hover);
  display: flex;
  align-items: center;
  padding: 0 0.5rem;
}

.input-group input {
  margin-bottom: 0;
}

#settings-defaults-form .input-group,
#settings-defaults-form .input-group-text,
#settings-defaults-form .input-group input {
  height: 40px;
  justify-items: center;
}

#settings-defaults-form .input-group-text {
  flex-grow: initial;
}