.V4si4a_spectrum-ButtonGroup {
  align-items: flex-start;
  max-width: 100%;
  display: inline-flex;
  position: relative;

  & .V4si4a_spectrum-ButtonGroup-Button {
    flex-shrink: 0;
  }

  & .V4si4a_spectrum-ButtonGroup-Button + .V4si4a_spectrum-ButtonGroup-Button {
    margin-inline-start: var(--spectrum-buttongroup-button-gap-x, var(--spectrum-global-dimension-static-size-200));
  }

  &.V4si4a_spectrum-ButtonGroup--alignEnd {
    justify-content: flex-end;
  }

  &.V4si4a_spectrum-ButtonGroup--alignCenter {
    justify-content: center;
  }
}

.V4si4a_spectrum-ButtonGroup--vertical {
  flex-direction: column;
  display: inline-flex;

  & .V4si4a_spectrum-ButtonGroup-Button + .V4si4a_spectrum-ButtonGroup-Button {
    margin-block-start: var(--spectrum-buttongroup-button-gap-y, var(--spectrum-global-dimension-static-size-200));
    margin-inline-start: 0;
  }

  &.V4si4a_spectrum-ButtonGroup--alignEnd {
    align-items: flex-end;
  }

  &.V4si4a_spectrum-ButtonGroup--alignCenter {
    align-items: center;
  }
}
/*# sourceMappingURL=buttongroup_vars.css.map */