.form-control {
  background-color: var(--input-bg);
  color: RGB(var(--input-text));
  border: 0;

  &:focus {
    background-color: var(--input-bg);
    color: RGB(var(--input-text));
    border-color: var(--primary);
    box-shadow: .5px 0 0 0.1rem var(--primary);
  }

  &::placeholder {
    color: RGB(var(--input-placeholder));
  }
}

.input-group-text {
  color: RGB(var(--body-text));
  background-color: var(--raised-accent);
  border: 0;
}

.form-check-input:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}

.form-check-input:focus {
  box-shadow: rgba(var(--primary-rgb), 0.25) 0 0 0 0.25rem;
}

.input-group .button_to .btn {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}