.qHqfjW_flex-container {
  display: flex;
}

.qHqfjW_flex-gap {
  margin: calc(var(--row-gap) / -2) calc(var(--column-gap) / -2);
  width: calc(100% + calc(var(--column-gap) + 1px));
  height: calc(100% + var(--row-gap));
}

.qHqfjW_flex-container .qHqfjW_flex-gap > * {
  margin: calc(var(--row-gap) / 2) calc(var(--column-gap) / 2);
}

.qHqfjW_spectrum-ActionGroup {
  --column-gap: var(--spectrum-actionbuttongroup-text-button-gap-x, var(--spectrum-global-dimension-size-100));
  --row-gap: var(--spectrum-actionbuttongroup-text-button-gap-y, var(--spectrum-global-dimension-size-100));
  flex-wrap: wrap;
  display: flex;

  & .qHqfjW_spectrum-ActionGroup-item {
    flex-shrink: 0;
  }

  & .qHqfjW_spectrum-ActionGroup-item--iconOnly {
    padding-inline-end: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
  }

  &:focus {
    outline: none;
  }
}

.qHqfjW_spectrum-ActionGroup--vertical {
  --column-gap: 0px;
  --row-gap: var(--spectrum-actionbuttongroup-text-button-gap-y, var(--spectrum-global-dimension-size-100));
  flex-direction: column;
  align-items: flex-start;
  display: flex;

  & .qHqfjW_spectrum-ActionGroup-item {
    & > :not(svg) {
      inline-size: auto;
    }
  }

  &.qHqfjW_spectrum-ActionGroup--quiet {
    & .qHqfjW_spectrum-ActionGroup-item {
      justify-content: flex-start;
    }
  }

  &.qHqfjW_spectrum-ActionGroup--justified, &.qHqfjW_spectrum-ActionGroup--compact:not(.qHqfjW_spectrum-ActionGroup--quiet) {
    align-items: stretch;
  }
}

.qHqfjW_spectrum-ActionGroup--compact {
  --column-gap: var(--spectrum-actiongroup-compact-button-gap);
  --row-gap: 0px;

  &.qHqfjW_spectrum-ActionGroup--quiet {
    --column-gap: var(--spectrum-global-dimension-size-25);

    &.qHqfjW_spectrum-ActionGroup--vertical {
      --column-gap: 0px;
      --row-gap: var(--spectrum-global-dimension-size-25);
    }
  }

  &:not(.qHqfjW_spectrum-ActionGroup--quiet) {
    flex-wrap: nowrap;

    & .qHqfjW_spectrum-ActionGroup-item {
      --spectrum-button-border-radius: 0px;
      z-index: 1;
      position: relative;

      &:first-child {
        border-start-start-radius: var(--spectrum-actionbutton-border-radius, var(--spectrum-alias-border-radius-regular));
        border-end-start-radius: var(--spectrum-actionbutton-border-radius, var(--spectrum-alias-border-radius-regular));

        &:after {
          border-start-start-radius: calc(var(--spectrum-actionbutton-border-radius, var(--spectrum-alias-border-radius-regular)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)));
          border-end-start-radius: calc(var(--spectrum-actionbutton-border-radius, var(--spectrum-alias-border-radius-regular)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)));
        }
      }

      &:last-child {
        border-start-end-radius: var(--spectrum-actionbutton-border-radius, var(--spectrum-alias-border-radius-regular));
        border-end-end-radius: var(--spectrum-actionbutton-border-radius, var(--spectrum-alias-border-radius-regular));

        &:after {
          border-start-end-radius: calc(var(--spectrum-actionbutton-border-radius, var(--spectrum-alias-border-radius-regular)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)));
          border-end-end-radius: calc(var(--spectrum-actionbutton-border-radius, var(--spectrum-alias-border-radius-regular)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)));
        }
      }

      &.qHqfjW_spectrum-ActionGroup-item--isDisabled {
        z-index: 0;
      }

      &.qHqfjW_is-selected {
        z-index: 2;
      }

      &.qHqfjW_is-hovered {
        z-index: 3;
      }

      &:focus {
        z-index: 4;
      }
    }

    &.qHqfjW_spectrum-ActionGroup--vertical {
      --column-gap: 0px;
      --row-gap: var(--spectrum-actiongroup-compact-button-gap);

      & .qHqfjW_spectrum-ActionGroup-item {
        border-radius: 0;

        &:first-child {
          border-radius: 0;
          border-start-start-radius: var(--spectrum-actionbutton-border-radius, var(--spectrum-alias-border-radius-regular));
          border-start-end-radius: var(--spectrum-actionbutton-border-radius, var(--spectrum-alias-border-radius-regular));
        }

        &:last-child {
          border-radius: 0;
          border-end-end-radius: var(--spectrum-actionbutton-border-radius, var(--spectrum-alias-border-radius-regular));
          border-end-start-radius: var(--spectrum-actionbutton-border-radius, var(--spectrum-alias-border-radius-regular));
        }
      }
    }
  }
}

.qHqfjW_spectrum-ActionGroup--justified {
  & .qHqfjW_spectrum-ActionGroup-item {
    flex: 1;

    & > :not(svg) {
      inline-size: auto;
    }
  }

  &.qHqfjW_spectrum-ActionGroup--vertical {
    & .qHqfjW_spectrum-ActionGroup-item {
      flex: 1 0 auto;
    }
  }
}

.qHqfjW_spectrum-ActionGroup--overflowCollapse {
  flex-wrap: nowrap;
}

.qHqfjW_spectrum-ActionGroup-menu {
  & svg.qHqfjW_spectrum-ActionGroup-menu-chevron {
    order: 2;
    padding-inline-start: 0;
    padding-inline-end: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
  }

  & .qHqfjW_spectrum-ActionGroup-menu-contents {
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
}
/*# sourceMappingURL=actiongroup_vars.css.map */