/* InputGroup Molecule */
.input-group {
  display: flex;
  align-items: stretch;
}

.input-group .input-wrapper,
.input-group .input {
  border-radius: 0;
  flex: 1;
}

.input-group-button-start .input-wrapper:last-child .input,
.input-group-button-start .input:last-child {
  border-radius: 0 var(--border-radius-md) var(--border-radius-md) 0;
}

.input-group-button-end .input-wrapper:first-child .input,
.input-group-button-end .input:first-child {
  border-radius: var(--border-radius-md) 0 0 var(--border-radius-md);
}

.input-group .input-group-button {
  border-radius: 0;
  margin: 0;
}

.input-group-button-start .input-group-button {
  border-radius: var(--border-radius-md) 0 0 var(--border-radius-md);
}

.input-group-button-end .input-group-button {
  border-radius: 0 var(--border-radius-md) var(--border-radius-md) 0;
}

.input-group .input-group-input:not(:first-child) {
  border-left: 0;
}