:root {
  /* Font */
  --polly-input-font-colour: var(--polly-font-colour);
  --polly-input-font-size: var(--polly-font-size--sm);
  --polly-input-font-weight: var(--polly-font-weight--regular);

  /* Border */
  --polly-input-border-colour: var(--polly-grey--300);
  --polly-input-border-radius: var(--polly-border-radius--sm);
  --polly-input-border-width: var(--polly-border-width--sm);

  /* Input */
  --polly-input-background-colour: var(--polly-grey--50);
  --polly-input-line-height: var(--polly-line-height--md);
}

/* input components */
.form-control {
  display: flex;
  padding-left: 0.5em;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;

  border-radius: var(--polly-input-border-radius);
  border: var(--polly-input-border-width) solid var(--polly-input-border-colour);
  background: var(--polly-input-background-colour); 

  color: var(--polly-input-font-colour);
  font-family: var(--polly-font-family);
  font-size: var(--polly-input-font-size);
  font-style: normal;
  font-weight: var(--polly-input-font-weight);
  line-height: var(--polly-input-line-height);
}

.form-group {
  margin-bottom: 15px;
}