/* https://stackoverflow.com/questions/57728912/apply-focus-style-to-input-group */

.input-group:focus-within {
  /* From Bootstrap class .form-control:focus */
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  /* From Bootstrap class .form-control */
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Removed the default shadow from .form-control:focus */
.input-group .form-control:focus {
  box-shadow: none !important;
}