.vui-input-group {
  display: inline-flex;
  align-items: center;
}
.vui-input-group > * {
  border-radius: 0;
}
.vui-input-group > *.vui-input-outer > :last-child,
.vui-input-group > *.vui-input-outer > :first-child {
  border-radius: 0;
}
.vui-input-group > *:not(:last-child) {
  position: relative;
  box-sizing: border-box;
}
.vui-input-group > *:first-child,
.vui-input-group > *:first-child .vui-input-group > *:first-child {
  border-top-left-radius: var(--border-radius-small);
  border-bottom-left-radius: var(--border-radius-small);
}
.vui-input-group > *:first-child .vui-select-view,
.vui-input-group > *:first-child .vui-input-group > *:first-child .vui-select-view {
  border-top-left-radius: var(--border-radius-small);
  border-bottom-left-radius: var(--border-radius-small);
}
.vui-input-group > *:last-child,
.vui-input-group > *:last-child .vui-input-outer > *:last-child {
  border-top-right-radius: var(--border-radius-small);
  border-bottom-right-radius: var(--border-radius-small);
}
.vui-input-group > *:last-child .vui-select-view,
.vui-input-group > *:last-child .vui-input-outer > *:last-child .vui-select-view {
  border-top-right-radius: var(--border-radius-small);
  border-bottom-right-radius: var(--border-radius-small);
}
.vui-input-group > .vui-input-wrapper:not(:last-child),
.vui-input-group > .vui-input-outer:not(:last-child),
.vui-input-group > .vui-input-tag:not(:last-child),
.vui-input-group > .vui-select-view:not(:last-child) {
  border-right: 1px solid var(--color-neutral-3);
}
.vui-input-group > .vui-input-wrapper:not(:last-child):focus-within,
.vui-input-group > .vui-input-outer:not(:last-child):focus-within,
.vui-input-group > .vui-input-tag:not(:last-child):focus-within,
.vui-input-group > .vui-select-view:not(:last-child):focus-within {
  border-right-color: rgb(var(--primary-6));
}