.ButtonGroup {
  display: flex;
}

.ButtonGroup__InternalWrapper {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
  align-items: stretch;
  margin: -8px;
  flex-direction: inherit;
}

.ButtonGroup__Item {
  align-items: stretch;
  margin: 8px;
}

/* Attached ButtonGroup Buttons will not be spaced out */
.ButtonGroup--attached .ButtonGroup__InternalWrapper {
  flex-wrap: nowrap;
  margin: 0;
}
.ButtonGroup--attached .ButtonGroup__InternalWrapper .ButtonGroup__Item,
.ButtonGroup--attached .ButtonGroup__InternalWrapper .ButtonGroup__Item + .ButtonGroup__Item {
  margin: 0;
  margin-left: -1px;
}
.ButtonGroup--attached .ButtonGroup__InternalWrapper .ButtonGroup__Item .Button,
.ButtonGroup--attached .ButtonGroup__InternalWrapper .ButtonGroup__Item + .ButtonGroup__Item .Button {
  margin-left: 1px;
  /* Effectively enables negative margin to hide double border */
}
.ButtonGroup--attached .ButtonGroup__InternalWrapper .ButtonGroup__Item .Button.Button--outline,
.ButtonGroup--attached .ButtonGroup__InternalWrapper .ButtonGroup__Item + .ButtonGroup__Item .Button.Button--outline {
  margin-left: 0;
}
.ButtonGroup--attached .ButtonGroup__InternalWrapper .ButtonGroup__Item:not(:first-child) .Button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ButtonGroup--attached .ButtonGroup__InternalWrapper .ButtonGroup__Item:not(:last-child) .Button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ButtonGroup--attached .ButtonGroup__InternalWrapper .ButtonGroup__Item:not(:first-child) .Button--solid:not(:focus) {
  box-shadow: inset 1px 0 0 var(--colorsBorderGreyStrong, #bcbcbd);
}
.ButtonGroup--attached .ButtonGroup__InternalWrapper .ButtonGroup__Item .Button--solid:hover {
  box-shadow: none;
}

.ButtonGroup--fullWidth {
  width: 100%;
}
.ButtonGroup--fullWidth .ButtonGroup__InternalWrapper {
  flex-wrap: nowrap;
  width: 100%;
}
.ButtonGroup--fullWidth .ButtonGroup__InternalWrapper .ButtonGroup__Item {
  display: flex;
  flex: 1 1 auto;
}
.ButtonGroup--fullWidth .ButtonGroup__InternalWrapper .ButtonGroup__Item .Button {
  display: flex;
  width: 100%;
}

.ButtonGroup--equalWidth .ButtonGroup__InternalWrapper .ButtonGroup__Item {
  flex-basis: 0;
}

/*# sourceMappingURL=index.css.map */