.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  font-size: 8px;
  /*line-height: 1re;*/
}

.input-group-text {
  display: flex;
  /*align-items: center;*/
  /*padding: .5rem 1.3rem;*/
  font-size: .75rem;
  /*font-weight: 400;*/
  /*line-height: 1.6;*/
  color: var(--bs-body-color);
  text-align: right;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  min-width: 170px;
  /*position: relative;*/
  /*align-content: end;*/
}

.input-group > .form-control, .input-group > .form-select, .input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  font-size: 12px;
  max-width: 300px;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
  font-size: 14px;
}