.spectrum-ActionButton {
  position: relative;

  display: inline-flex;
  box-sizing: border-box;

  align-items: center;
  justify-content: center;
  overflow: visible;
  margin: 0;

  border-style: solid;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: button;
  vertical-align: top;

  transition: background var(--spectrum-animation-duration-100) ease-out,
    border-color var(--spectrum-animation-duration-100) ease-out,
    color var(--spectrum-animation-duration-100) ease-out,
    box-shadow var(--spectrum-animation-duration-100) ease-out;

  text-decoration: none;
  font-family: var(--spectrum-font-family-base);

  line-height: var(--spectrum-line-height-small);

  user-select: none;
  -webkit-user-select: none;

  cursor: pointer;
}

.spectrum-ActionButton:focus {
    outline: none;
  }

.spectrum-ActionButton::-moz-focus-inner {
    border: 0;
    border-style: none;
    padding: 0;
    margin-block-start: -2px;
    margin-block-end: -2px;
  }

.spectrum-ActionButton:disabled {
    cursor: default;
  }

.spectrum-ActionButton-icon {
  max-block-size: 100%;
  flex-shrink: 0;
}

a.spectrum-ActionButton {
  -webkit-appearance: none;
  -webkit-user-select: none;
          user-select: none;
}

.spectrum-ActionButton-label {
  align-self: center;
  justify-self: center;
  text-align: center;
}

.spectrum-ActionButton-label:empty {
    display: none;
  }

.spectrum-ActionButton {
  --spectrum-actionbutton-animation-duration: var(--spectrum-animation-duration-100);
  --spectrum-actionbutton-border-radius: var(--spectrum-corner-radius-100);
  --spectrum-actionbutton-border-width: var(--spectrum-border-width-100);

  --spectrum-actionbutton-focus-ring-gap: var(--spectrum-focus-ring-gap);
  --spectrum-actionbutton-focus-ring-thickness: var(--spectrum-focus-ring-thickness);
  --spectrum-actionbutton-focus-ring-color: var(--spectrum-focus-ring-color);
  --spectrum-actionbutton-focus-ring-border-radius: calc(var(--spectrum-actionbutton-border-radius) + var(--spectrum-actionbutton-focus-ring-gap));
}

.spectrum-ActionButton--sizeS {
  --spectrum-actionbutton-min-width: calc(var(--spectrum-component-edge-to-visual-only-75) * 2 + var(--spectrum-workflow-icon-size-75));
  --spectrum-actionbutton-height: var(--spectrum-component-height-75);

  --spectrum-actionbutton-icon-size: var(--spectrum-workflow-icon-size-75);
  --spectrum-actionbutton-font-size: var(--spectrum-font-size-75);
  --spectrum-actionbutton-text-to-visual: var(--spectrum-text-to-visual-75);
  --spectrum-actionbutton-edge-to-hold-icon: var(--spectrum-action-button-edge-to-hold-icon-small);
  --spectrum-actionbutton-edge-to-visual: calc(var(--spectrum-component-edge-to-visual-75) - var(--spectrum-actionbutton-border-width));
  --spectrum-actionbutton-edge-to-text: calc(var(--spectrum-component-edge-to-text-75) - var(--spectrum-actionbutton-border-width));
  --spectrum-actionbutton-edge-to-visual-only: calc(var(--spectrum-component-edge-to-visual-only-75) - var(--spectrum-actionbutton-border-width));
}

.spectrum-ActionButton--sizeM {
  --spectrum-actionbutton-min-width: calc(var(--spectrum-component-edge-to-visual-only-100) * 2 + var(--spectrum-workflow-icon-size-100));
  --spectrum-actionbutton-height: var(--spectrum-component-height-100);

  --spectrum-actionbutton-icon-size: var(--spectrum-workflow-icon-size-100);
  --spectrum-actionbutton-font-size: var(--spectrum-font-size-100);
  --spectrum-actionbutton-text-to-visual: var(--spectrum-text-to-visual-100);
  --spectrum-actionbutton-edge-to-hold-icon: var(--spectrum-action-button-edge-to-hold-icon-medium);
  --spectrum-actionbutton-edge-to-visual: calc(var(--spectrum-component-edge-to-visual-100) - var(--spectrum-actionbutton-border-width));
  --spectrum-actionbutton-edge-to-text: calc(var(--spectrum-component-edge-to-text-100) - var(--spectrum-actionbutton-border-width));
  --spectrum-actionbutton-edge-to-visual-only: calc(var(--spectrum-component-edge-to-visual-only-100) - var(--spectrum-actionbutton-border-width));
}

.spectrum-ActionButton--sizeL {
  --spectrum-actionbutton-min-width: calc(var(--spectrum-component-edge-to-visual-only-200) * 2 + var(--spectrum-workflow-icon-size-200));
  --spectrum-actionbutton-height: var(--spectrum-component-height-200);

  --spectrum-actionbutton-icon-size: var(--spectrum-workflow-icon-size-200);
  --spectrum-actionbutton-font-size: var(--spectrum-font-size-200);
  --spectrum-actionbutton-text-to-visual: var(--spectrum-text-to-visual-200);
  --spectrum-actionbutton-edge-to-hold-icon: var(--spectrum-action-button-edge-to-hold-icon-large);
  --spectrum-actionbutton-edge-to-visual: calc(var(--spectrum-component-edge-to-visual-200) - var(--spectrum-actionbutton-border-width));
  --spectrum-actionbutton-edge-to-text: calc(var(--spectrum-component-edge-to-text-200) - var(--spectrum-actionbutton-border-width));
  --spectrum-actionbutton-edge-to-visual-only: calc(var(--spectrum-component-edge-to-visual-only-200) - var(--spectrum-actionbutton-border-width));
}

.spectrum-ActionButton--sizeXL {
  --spectrum-actionbutton-min-width: calc(var(--spectrum-component-edge-to-visual-only-300) * 2 + var(--spectrum-workflow-icon-size-300));
  --spectrum-actionbutton-height: var(--spectrum-component-height-300);

  --spectrum-actionbutton-icon-size: var(--spectrum-workflow-icon-size-300);
  --spectrum-actionbutton-font-size: var(--spectrum-font-size-300);
  --spectrum-actionbutton-text-to-visual: var(--spectrum-text-to-visual-300);
  --spectrum-actionbutton-edge-to-hold-icon: var(--spectrum-action-button-edge-to-hold-icon-extra-large);
  --spectrum-actionbutton-edge-to-visual: calc(var(--spectrum-component-edge-to-visual-300) - var(--spectrum-actionbutton-border-width));
  --spectrum-actionbutton-edge-to-text: calc(var(--spectrum-component-edge-to-text-300) - var(--spectrum-actionbutton-border-width));
  --spectrum-actionbutton-edge-to-visual-only: calc(var(--spectrum-component-edge-to-visual-only-300) - var(--spectrum-actionbutton-border-width));
}

@media (forced-colors: active) {
  .spectrum-ActionButton {
    --highcontrast-actionbutton-focus-ring-color: ButtonText;
  }
    .spectrum-ActionButton:after {
      forced-color-adjust: none;
    }

    .spectrum-ActionButton.is-selected {
      --highcontrast-actionbutton-background-color-default: Highlight;
      --highcontrast-actionbutton-background-color-hover: Highlight;
      --highcontrast-actionbutton-background-color-focus: Highlight;
      --highcontrast-actionbutton-background-color-down: Highlight;
      --highcontrast-actionbutton-background-color-disabled: ButtonFace;

      --highcontrast-actionbutton-border-color-default: HighlightText;
      --highcontrast-actionbutton-border-color-hover: HighlightText;
      --highcontrast-actionbutton-border-color-focus: HighlightText;
      --highcontrast-actionbutton-border-color-down: HighlightText;
      --highcontrast-actionbutton-border-color-disabled: GrayText;

      --highcontrast-actionbutton-content-color-default: HighlightText;
      --highcontrast-actionbutton-content-color-hover: HighlightText;
      --highcontrast-actionbutton-content-color-focus: HighlightText;
      --highcontrast-actionbutton-content-color-down: HighlightText;
      --highcontrast-actionbutton-content-color-disabled: GrayText;
    }

      .spectrum-ActionButton.is-selected .spectrum-ActionButton-icon,
      .spectrum-ActionButton.is-selected .spectrum-ActionButton-hold,
      .spectrum-ActionButton.is-selected .spectrum-ActionButton-label {
        forced-color-adjust: none;
      }
}

.spectrum-ActionButton {
  position: relative;

  min-inline-size: var(--mod-actionbutton-min-width, var(--spectrum-actionbutton-min-width));
  height: var(--mod-actionbutton-height, var(--spectrum-actionbutton-height));

  border-radius: var(--mod-actionbutton-border-radius, var(--spectrum-actionbutton-border-radius));
  border-width: var(--mod-actionbutton-border-width, var(--spectrum-actionbutton-border-width));
  padding-inline-start: var(--mod-actionbutton-edge-to-text, var(--spectrum-actionbutton-edge-to-text));
  padding-inline-end: var(--mod-actionbutton-edge-to-text, var(--spectrum-actionbutton-edge-to-text));

  background-color: var(--highcontrast-actionbutton-background-color-default, var(--mod-actionbutton-background-color-default, var(--spectrum-actionbutton-background-color-default)));
  border-color: var(--highcontrast-actionbutton-border-color-default, var(--mod-actionbutton-border-color-default, var(--spectrum-actionbutton-border-color-default)));
  color: var(--highcontrast-actionbutton-content-color-default, var(--mod-actionbutton-content-color-default, var(--spectrum-actionbutton-content-color-default)));
}

.spectrum-ActionButton:hover {
    background-color: var(--highcontrast-actionbutton-background-color-hover, var(--mod-actionbutton-background-color-hover, var(--spectrum-actionbutton-background-color-hover)));
    border-color: var(--highcontrast-actionbutton-border-color-hover, var(--mod-actionbutton-border-color-hover, var(--spectrum-actionbutton-border-color-hover)));
    color: var(--highcontrast-actionbutton-content-color-hover, var(--mod-actionbutton-content-color-hover, var(--spectrum-actionbutton-content-color-hover)));
  }

.spectrum-ActionButton.focus-ring {
    background-color: var(--highcontrast-actionbutton-background-color-focus, var(--mod-actionbutton-background-color-focus, var(--spectrum-actionbutton-background-color-focus)));
    border-color: var(--highcontrast-actionbutton-border-color-focus, var(--mod-actionbutton-border-color-focus, var(--spectrum-actionbutton-border-color-focus)));
    color: var(--highcontrast-actionbutton-content-color-focus, var(--mod-actionbutton-content-color-focus, var(--spectrum-actionbutton-content-color-focus)));
  }

.spectrum-ActionButton:active {
    background-color: var(--highcontrast-actionbutton-background-color-down, var(--mod-actionbutton-background-color-down, var(--spectrum-actionbutton-background-color-down)));
    border-color: var(--highcontrast-actionbutton-border-color-down, var(--mod-actionbutton-border-color-down, var(--spectrum-actionbutton-border-color-down)));
    color: var(--highcontrast-actionbutton-content-color-down, var(--mod-actionbutton-content-color-down, var(--spectrum-actionbutton-content-color-down)));
  }

.spectrum-ActionButton:disabled,
  .spectrum-ActionButton.is-disabled {
    background-color: var(--highcontrast-actionbutton-background-color-disabled, var(--mod-actionbutton-background-color-disabled, var(--spectrum-actionbutton-background-color-disabled)));
    border-color: var(--highcontrast-actionbutton-border-color-disabled, var(--mod-actionbutton-border-color-disabled, var(--spectrum-actionbutton-border-color-disabled)));
    color: var(--highcontrast-actionbutton-content-color-disabled, var(--mod-actionbutton-content-color-disabled, var(--spectrum-actionbutton-content-color-disabled)));
  }

.spectrum-ActionButton-icon {

  width: var(--mod-actionbutton-icon-size, var(--spectrum-actionbutton-icon-size));
  height: var(--mod-actionbutton-icon-size, var(--spectrum-actionbutton-icon-size));
  margin-inline-start: calc(-1 * (var(--mod-actionbutton-edge-to-text, var(--spectrum-actionbutton-edge-to-text)) - var(--mod-actionbutton-edge-to-visual, var(--spectrum-actionbutton-edge-to-visual))));

  color: inherit;

  padding-inline-start: calc(-1 * (var(--mod-actionbutton-edge-to-text, var(--spectrum-actionbutton-edge-to-text)) - var(--mod-actionbutton-edge-to-visual, var(--spectrum-actionbutton-edge-to-visual))));
}

.spectrum-ActionButton-icon + .spectrum-ActionButton-label {
    padding-inline-start: var(--mod-actionbutton-text-to-visual, var(--spectrum-actionbutton-text-to-visual));
    padding-inline-end: 0;
  }

.spectrum-ActionButton-hold + .spectrum-ActionButton-icon,
.spectrum-ActionButton-icon:only-child {
  margin-inline-start: calc(-1 * (var(--mod-actionbutton-edge-to-text, var(--spectrum-actionbutton-edge-to-text)) - var(--mod-actionbutton-edge-to-visual-only, var(--spectrum-actionbutton-edge-to-visual-only))));
  margin-inline-end: calc(-1 * (var(--mod-actionbutton-edge-to-text, var(--spectrum-actionbutton-edge-to-text)) - var(--mod-actionbutton-edge-to-visual-only, var(--spectrum-actionbutton-edge-to-visual-only))));
}

.spectrum-ActionButton-label {

  font-size: var(--mod-actionbutton-font-size, var(--spectrum-actionbutton-font-size));
  white-space: nowrap;
  color: inherit;

  text-overflow: ellipsis;
  overflow: hidden;
}

.spectrum-ActionButton-hold:dir(rtl) { transform: matrix(-1, 0, 0, 1, 0, 0) ; }

.spectrum-ActionButton-hold {
  position: absolute;
  inset-inline-end: calc(var(--mod-actionbutton-edge-to-hold-icon, var(--spectrum-actionbutton-edge-to-hold-icon)) - var(--mod-actionbutton-border-width, var(--spectrum-actionbutton-border-width)));
  inset-block-end: calc(var(--mod-actionbutton-edge-to-hold-icon, var(--spectrum-actionbutton-edge-to-hold-icon)) - var(--mod-actionbutton-border-width, var(--spectrum-actionbutton-border-width)));

  color: inherit;
}

.spectrum-ActionButton {
  transition: border-color var(--mod-actionbutton-animation-duration, var(--spectrum-actionbutton-animation-duration)) ease-in-out;
}

.spectrum-ActionButton:after {
    position: absolute;
    inset: 0;

    margin: calc((var(--mod-actionbutton-focus-ring-gap, var(--spectrum-actionbutton-focus-ring-gap)) + var(--mod-actionbutton-border-width, var(--spectrum-actionbutton-border-width))) * -1);

    border-radius: var(--mod-actionbutton-focus-ring-border-radius, var(--spectrum-actionbutton-focus-ring-border-radius));

    transition: box-shadow var(--mod-actionbutton-animation-duration, var(--spectrum-actionbutton-animation-duration)) ease-in-out;

    pointer-events: none;
    content: '';
  }

.spectrum-ActionButton.focus-ring {
    box-shadow: none;
  }

.spectrum-ActionButton.focus-ring:after {
      box-shadow: 0 0 0 var(--mod-actionbutton-focus-ring-thickness, var(--spectrum-actionbutton-focus-ring-thickness)) var(--highcontrast-actionbutton-focus-ring-color, var(--mod-actionbutton-focus-ring-color, var(--spectrum-actionbutton-focus-ring-color)));
    }

.spectrum {
  --system-spectrum-actionbutton-background-color-default: var(--spectrum-gray-75);
  --system-spectrum-actionbutton-background-color-hover: var(--spectrum-gray-200);
  --system-spectrum-actionbutton-background-color-down: var(--spectrum-gray-300);
  --system-spectrum-actionbutton-background-color-focus: var(--spectrum-gray-200);
  --system-spectrum-actionbutton-border-color-default: var(--spectrum-gray-400);
  --system-spectrum-actionbutton-border-color-hover: var(--spectrum-gray-500);
  --system-spectrum-actionbutton-border-color-down: var(--spectrum-gray-600);
  --system-spectrum-actionbutton-border-color-focus: var(--spectrum-gray-500);
  --system-spectrum-actionbutton-content-color-default: var(--spectrum-neutral-content-color-default);
  --system-spectrum-actionbutton-content-color-hover: var(--spectrum-neutral-content-color-hover);
  --system-spectrum-actionbutton-content-color-down: var(--spectrum-neutral-content-color-down);
  --system-spectrum-actionbutton-content-color-focus: var(--spectrum-neutral-content-color-key-focus);
  --system-spectrum-actionbutton-background-color-disabled: transparent;
  --system-spectrum-actionbutton-border-color-disabled: var(--spectrum-disabled-border-color);
  --system-spectrum-actionbutton-content-color-disabled: var(--spectrum-disabled-content-color);
  --system-spectrum-actionbutton-quiet-background-color-default: transparent;
  --system-spectrum-actionbutton-quiet-background-color-hover: var(--spectrum-gray-200);
  --system-spectrum-actionbutton-quiet-background-color-down: var(--spectrum-gray-300);
  --system-spectrum-actionbutton-quiet-background-color-focus: var(--spectrum-gray-200);
  --system-spectrum-actionbutton-quiet-border-color-default: transparent;
  --system-spectrum-actionbutton-quiet-border-color-hover: transparent;
  --system-spectrum-actionbutton-quiet-border-color-down: transparent;
  --system-spectrum-actionbutton-quiet-border-color-focus: transparent;
  --system-spectrum-actionbutton-quiet-background-color-disabled: transparent;
  --system-spectrum-actionbutton-quiet-border-color-disabled: transparent;
  --system-spectrum-actionbutton-selected-background-color-default: var(--spectrum-neutral-subdued-background-color-default);
  --system-spectrum-actionbutton-selected-background-color-hover: var(--spectrum-neutral-subdued-background-color-hover);
  --system-spectrum-actionbutton-selected-background-color-down: var(--spectrum-neutral-subdued-background-color-down);
  --system-spectrum-actionbutton-selected-background-color-focus: var(--spectrum-neutral-subdued-background-color-key-focus);
  --system-spectrum-actionbutton-selected-border-color-default: transparent;
  --system-spectrum-actionbutton-selected-border-color-hover: transparent;
  --system-spectrum-actionbutton-selected-border-color-down: transparent;
  --system-spectrum-actionbutton-selected-border-color-focus: transparent;
  --system-spectrum-actionbutton-selected-content-color-default: var(--spectrum-white);
  --system-spectrum-actionbutton-selected-content-color-hover: var(--spectrum-white);
  --system-spectrum-actionbutton-selected-content-color-down: var(--spectrum-white);
  --system-spectrum-actionbutton-selected-content-color-focus: var(--spectrum-white);
  --system-spectrum-actionbutton-selected-background-color-disabled: var(--spectrum-disabled-background-color);
  --system-spectrum-actionbutton-selected-border-color-disabled: transparent;
  --system-spectrum-actionbutton-selected-emphasized-background-color-default: var(--spectrum-accent-background-color-default);
  --system-spectrum-actionbutton-selected-emphasized-background-color-hover: var(--spectrum-accent-background-color-hover);
  --system-spectrum-actionbutton-selected-emphasized-background-color-down: var(--spectrum-accent-background-color-down);
  --system-spectrum-actionbutton-selected-emphasized-background-color-focus: var(--spectrum-accent-background-color-key-focus);
  --system-spectrum-actionbutton-staticblack-quiet-border-color-default: transparent;
  --system-spectrum-actionbutton-staticwhite-quiet-border-color-default: transparent;
  --system-spectrum-actionbutton-staticblack-quiet-border-color-hover: transparent;
  --system-spectrum-actionbutton-staticwhite-quiet-border-color-hover: transparent;
  --system-spectrum-actionbutton-staticblack-quiet-border-color-down: transparent;
  --system-spectrum-actionbutton-staticwhite-quiet-border-color-down: transparent;
  --system-spectrum-actionbutton-staticblack-quiet-border-color-focus: transparent;
  --system-spectrum-actionbutton-staticwhite-quiet-border-color-focus: transparent;
  --system-spectrum-actionbutton-staticblack-quiet-border-color-disabled: transparent;
  --system-spectrum-actionbutton-staticwhite-quiet-border-color-disabled: transparent;
  --system-spectrum-actionbutton-staticblack-background-color-default: transparent;
  --system-spectrum-actionbutton-staticblack-background-color-hover: var(--spectrum-transparent-black-300);
  --system-spectrum-actionbutton-staticblack-background-color-down: var(--spectrum-transparent-black-400);
  --system-spectrum-actionbutton-staticblack-background-color-focus: var(--spectrum-transparent-black-300);
  --system-spectrum-actionbutton-staticblack-border-color-default: var(--spectrum-transparent-black-400);
  --system-spectrum-actionbutton-staticblack-border-color-hover: var(--spectrum-transparent-black-500);
  --system-spectrum-actionbutton-staticblack-border-color-down: var(--spectrum-transparent-black-600);
  --system-spectrum-actionbutton-staticblack-border-color-focus: var(--spectrum-transparent-black-500);
  --system-spectrum-actionbutton-staticblack-content-color-default: var(--spectrum-black);
  --system-spectrum-actionbutton-staticblack-content-color-hover: var(--spectrum-black);
  --system-spectrum-actionbutton-staticblack-content-color-down: var(--spectrum-black);
  --system-spectrum-actionbutton-staticblack-content-color-focus: var(--spectrum-black);
  --system-spectrum-actionbutton-staticblack-focus-ring-color: var(--spectrum-static-black-focus-ring-color);
  --system-spectrum-actionbutton-staticblack-background-color-disabled: transparent;
  --system-spectrum-actionbutton-staticblack-border-color-disabled: var(--spectrum-disabled-static-black-border-color);
  --system-spectrum-actionbutton-staticblack-content-color-disabled: var(--spectrum-disabled-static-black-content-color);
  --system-spectrum-actionbutton-staticblack-selected-background-color-default: var(--spectrum-transparent-black-800);
  --system-spectrum-actionbutton-staticblack-selected-background-color-hover: var(--spectrum-transparent-black-900);
  --system-spectrum-actionbutton-staticblack-selected-background-color-down: var(--spectrum-transparent-black-900);
  --system-spectrum-actionbutton-staticblack-selected-background-color-focus: var(--spectrum-transparent-black-900);
  --system-spectrum-actionbutton-staticblack-selected-border-color-disabled: transparent;
  --system-spectrum-actionbutton-staticblack-selected-content-color-default: var(--spectrum-white);
  --system-spectrum-actionbutton-staticblack-selected-content-color-hover: var(--spectrum-white);
  --system-spectrum-actionbutton-staticblack-selected-content-color-down: var(--spectrum-white);
  --system-spectrum-actionbutton-staticblack-selected-content-color-focus: var(--spectrum-white);
  --system-spectrum-actionbutton-staticblack-selected-background-color-disabled: var(--spectrum-disabled-static-black-background-color);
  --system-spectrum-actionbutton-staticwhite-background-color-default: transparent;
  --system-spectrum-actionbutton-staticwhite-background-color-hover: var(--spectrum-transparent-white-300);
  --system-spectrum-actionbutton-staticwhite-background-color-down: var(--spectrum-transparent-white-400);
  --system-spectrum-actionbutton-staticwhite-background-color-focus: var(--spectrum-transparent-white-300);
  --system-spectrum-actionbutton-staticwhite-border-color-default: var(--spectrum-transparent-white-400);
  --system-spectrum-actionbutton-staticwhite-border-color-hover: var(--spectrum-transparent-white-500);
  --system-spectrum-actionbutton-staticwhite-border-color-down: var(--spectrum-transparent-white-600);
  --system-spectrum-actionbutton-staticwhite-border-color-focus: var(--spectrum-transparent-white-500);
  --system-spectrum-actionbutton-staticwhite-content-color-default: var(--spectrum-white);
  --system-spectrum-actionbutton-staticwhite-content-color-hover: var(--spectrum-white);
  --system-spectrum-actionbutton-staticwhite-content-color-down: var(--spectrum-white);
  --system-spectrum-actionbutton-staticwhite-content-color-focus: var(--spectrum-white);
  --system-spectrum-actionbutton-staticwhite-focus-ring-color: var(--spectrum-static-white-focus-ring-color);
  --system-spectrum-actionbutton-staticwhite-background-color-disabled: transparent;
  --system-spectrum-actionbutton-staticwhite-border-color-disabled: var(--spectrum-disabled-static-white-border-color);
  --system-spectrum-actionbutton-staticwhite-content-color-disabled: var(--spectrum-disabled-static-white-content-color);
  --system-spectrum-actionbutton-staticwhite-selected-background-color-default: var(--spectrum-transparent-white-800);
  --system-spectrum-actionbutton-staticwhite-selected-background-color-hover: var(--spectrum-transparent-white-900);
  --system-spectrum-actionbutton-staticwhite-selected-background-color-down: var(--spectrum-transparent-white-900);
  --system-spectrum-actionbutton-staticwhite-selected-background-color-focus: var(--spectrum-transparent-white-900);
  --system-spectrum-actionbutton-staticwhite-selected-content-color-default: var(--spectrum-black);
  --system-spectrum-actionbutton-staticwhite-selected-content-color-hover: var(--spectrum-black);
  --system-spectrum-actionbutton-staticwhite-selected-content-color-down: var(--spectrum-black);
  --system-spectrum-actionbutton-staticwhite-selected-content-color-focus: var(--spectrum-black);
  --system-spectrum-actionbutton-staticwhite-selected-background-color-disabled: var(--spectrum-disabled-static-white-background-color);
  --system-spectrum-actionbutton-staticwhite-selected-border-color-disabled: transparent;
}

.spectrum--express {
  --system-spectrum-actionbutton-background-color-default: var(--spectrum-gray-200);
  --system-spectrum-actionbutton-background-color-hover: var(--spectrum-gray-300);
  --system-spectrum-actionbutton-background-color-down: var(--spectrum-gray-400);
  --system-spectrum-actionbutton-background-color-focus: var(--spectrum-gray-300);
  --system-spectrum-actionbutton-border-color-default: transparent;
  --system-spectrum-actionbutton-border-color-hover: transparent;
  --system-spectrum-actionbutton-border-color-down: transparent;
  --system-spectrum-actionbutton-border-color-focus: transparent;
  --system-spectrum-actionbutton-background-color-disabled: var(--spectrum-disabled-background-color);
  --system-spectrum-actionbutton-border-color-disabled: transparent;
  --system-spectrum-actionbutton-selected-background-color-default: var(--spectrum-neutral-background-color-default);
  --system-spectrum-actionbutton-selected-background-color-hover: var(--spectrum-neutral-background-color-hover);
  --system-spectrum-actionbutton-selected-background-color-down: var(--spectrum-neutral-background-color-down);
  --system-spectrum-actionbutton-selected-background-color-focus: var(--spectrum-neutral-background-color-key-focus);
  --system-spectrum-actionbutton-staticblack-border-color-default: transparent;
  --system-spectrum-actionbutton-staticwhite-border-color-default: transparent;
  --system-spectrum-actionbutton-staticblack-border-color-hover: transparent;
  --system-spectrum-actionbutton-staticwhite-border-color-hover: transparent;
  --system-spectrum-actionbutton-staticblack-border-color-down: transparent;
  --system-spectrum-actionbutton-staticwhite-border-color-down: transparent;
  --system-spectrum-actionbutton-staticblack-border-color-focus: transparent;
  --system-spectrum-actionbutton-staticwhite-border-color-focus: transparent;
  --system-spectrum-actionbutton-staticblack-background-color-default: var(--spectrum-transparent-black-200);
  --system-spectrum-actionbutton-staticblack-background-color-hover: var(--spectrum-transparent-black-300);
  --system-spectrum-actionbutton-staticblack-background-color-down: var(--spectrum-transparent-black-400);
  --system-spectrum-actionbutton-staticblack-background-color-focus: var(--spectrum-transparent-black-300);
  --system-spectrum-actionbutton-staticwhite-background-color-default: var(--spectrum-transparent-white-200);
  --system-spectrum-actionbutton-staticwhite-background-color-hover: var(--spectrum-transparent-white-300);
  --system-spectrum-actionbutton-staticwhite-background-color-down: var(--spectrum-transparent-white-400);
  --system-spectrum-actionbutton-staticwhite-background-color-focus: var(--spectrum-transparent-white-300);
}

.spectrum-ActionButton {
  --spectrum-actionbutton-background-color-default: var(--system-spectrum-actionbutton-background-color-default);
  --spectrum-actionbutton-background-color-hover: var(--system-spectrum-actionbutton-background-color-hover);
  --spectrum-actionbutton-background-color-down: var(--system-spectrum-actionbutton-background-color-down);
  --spectrum-actionbutton-background-color-focus: var(--system-spectrum-actionbutton-background-color-focus);
  --spectrum-actionbutton-border-color-default: var(--system-spectrum-actionbutton-border-color-default);
  --spectrum-actionbutton-border-color-hover: var(--system-spectrum-actionbutton-border-color-hover);
  --spectrum-actionbutton-border-color-down: var(--system-spectrum-actionbutton-border-color-down);
  --spectrum-actionbutton-border-color-focus: var(--system-spectrum-actionbutton-border-color-focus);
  --spectrum-actionbutton-content-color-default: var(--system-spectrum-actionbutton-content-color-default);
  --spectrum-actionbutton-content-color-hover: var(--system-spectrum-actionbutton-content-color-hover);
  --spectrum-actionbutton-content-color-down: var(--system-spectrum-actionbutton-content-color-down);
  --spectrum-actionbutton-content-color-focus: var(--system-spectrum-actionbutton-content-color-focus);
  --spectrum-actionbutton-background-color-disabled: var(--system-spectrum-actionbutton-background-color-disabled);
  --spectrum-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-border-color-disabled);
  --spectrum-actionbutton-content-color-disabled: var(--system-spectrum-actionbutton-content-color-disabled);
}

.spectrum-ActionButton.spectrum-ActionButton--quiet {
  --spectrum-actionbutton-background-color-default: var(--system-spectrum-actionbutton-quiet-background-color-default);
  --spectrum-actionbutton-background-color-hover: var(--system-spectrum-actionbutton-quiet-background-color-hover);
  --spectrum-actionbutton-background-color-down: var(--system-spectrum-actionbutton-quiet-background-color-down);
  --spectrum-actionbutton-background-color-focus: var(--system-spectrum-actionbutton-quiet-background-color-focus);
  --spectrum-actionbutton-border-color-default: var(--system-spectrum-actionbutton-quiet-border-color-default);
  --spectrum-actionbutton-border-color-hover: var(--system-spectrum-actionbutton-quiet-border-color-hover);
  --spectrum-actionbutton-border-color-down: var(--system-spectrum-actionbutton-quiet-border-color-down);
  --spectrum-actionbutton-border-color-focus: var(--system-spectrum-actionbutton-quiet-border-color-focus);
  --spectrum-actionbutton-background-color-disabled: var(--system-spectrum-actionbutton-quiet-background-color-disabled);
  --spectrum-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-quiet-border-color-disabled);
}

.spectrum-ActionButton.is-selected {
  --spectrum-actionbutton-background-color-default: var(--system-spectrum-actionbutton-selected-background-color-default);
  --spectrum-actionbutton-background-color-hover: var(--system-spectrum-actionbutton-selected-background-color-hover);
  --spectrum-actionbutton-background-color-down: var(--system-spectrum-actionbutton-selected-background-color-down);
  --spectrum-actionbutton-background-color-focus: var(--system-spectrum-actionbutton-selected-background-color-focus);
  --spectrum-actionbutton-border-color-default: var(--system-spectrum-actionbutton-selected-border-color-default);
  --spectrum-actionbutton-border-color-hover: var(--system-spectrum-actionbutton-selected-border-color-hover);
  --spectrum-actionbutton-border-color-down: var(--system-spectrum-actionbutton-selected-border-color-down);
  --spectrum-actionbutton-border-color-focus: var(--system-spectrum-actionbutton-selected-border-color-focus);
  --spectrum-actionbutton-content-color-default: var(--system-spectrum-actionbutton-selected-content-color-default);
  --spectrum-actionbutton-content-color-hover: var(--system-spectrum-actionbutton-selected-content-color-hover);
  --spectrum-actionbutton-content-color-down: var(--system-spectrum-actionbutton-selected-content-color-down);
  --spectrum-actionbutton-content-color-focus: var(--system-spectrum-actionbutton-selected-content-color-focus);
  --spectrum-actionbutton-background-color-disabled: var(--system-spectrum-actionbutton-selected-background-color-disabled);
  --spectrum-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-selected-border-color-disabled);
}

.spectrum-ActionButton.is-selected.spectrum-ActionButton--emphasized {
  --spectrum-actionbutton-background-color-default: var(--system-spectrum-actionbutton-selected-emphasized-background-color-default);
  --spectrum-actionbutton-background-color-hover: var(--system-spectrum-actionbutton-selected-emphasized-background-color-hover);
  --spectrum-actionbutton-background-color-down: var(--system-spectrum-actionbutton-selected-emphasized-background-color-down);
  --spectrum-actionbutton-background-color-focus: var(--system-spectrum-actionbutton-selected-emphasized-background-color-focus);
}

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.spectrum-ActionButton--quiet {
  --spectrum-actionbutton-border-color-default: var(--system-spectrum-actionbutton-staticblack-quiet-border-color-default);
  --spectrum-actionbutton-border-color-hover: var(--system-spectrum-actionbutton-staticblack-quiet-border-color-hover);
  --spectrum-actionbutton-border-color-down: var(--system-spectrum-actionbutton-staticblack-quiet-border-color-down);
  --spectrum-actionbutton-border-color-focus: var(--system-spectrum-actionbutton-staticblack-quiet-border-color-focus);
  --spectrum-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-staticblack-quiet-border-color-disabled);
}

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.spectrum-ActionButton--quiet {
  --spectrum-actionbutton-border-color-default: var(--system-spectrum-actionbutton-staticwhite-quiet-border-color-default);
  --spectrum-actionbutton-border-color-hover: var(--system-spectrum-actionbutton-staticwhite-quiet-border-color-hover);
  --spectrum-actionbutton-border-color-down: var(--system-spectrum-actionbutton-staticwhite-quiet-border-color-down);
  --spectrum-actionbutton-border-color-focus: var(--system-spectrum-actionbutton-staticwhite-quiet-border-color-focus);
  --spectrum-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-staticwhite-quiet-border-color-disabled);
}

.spectrum-ActionButton.spectrum-ActionButton--staticBlack {
  --spectrum-actionbutton-background-color-default: var(--system-spectrum-actionbutton-staticblack-background-color-default);
  --spectrum-actionbutton-background-color-hover: var(--system-spectrum-actionbutton-staticblack-background-color-hover);
  --spectrum-actionbutton-background-color-down: var(--system-spectrum-actionbutton-staticblack-background-color-down);
  --spectrum-actionbutton-background-color-focus: var(--system-spectrum-actionbutton-staticblack-background-color-focus);
  --spectrum-actionbutton-border-color-default: var(--system-spectrum-actionbutton-staticblack-border-color-default);
  --spectrum-actionbutton-border-color-hover: var(--system-spectrum-actionbutton-staticblack-border-color-hover);
  --spectrum-actionbutton-border-color-down: var(--system-spectrum-actionbutton-staticblack-border-color-down);
  --spectrum-actionbutton-border-color-focus: var(--system-spectrum-actionbutton-staticblack-border-color-focus);
  --spectrum-actionbutton-content-color-default: var(--system-spectrum-actionbutton-staticblack-content-color-default);
  --spectrum-actionbutton-content-color-hover: var(--system-spectrum-actionbutton-staticblack-content-color-hover);
  --spectrum-actionbutton-content-color-down: var(--system-spectrum-actionbutton-staticblack-content-color-down);
  --spectrum-actionbutton-content-color-focus: var(--system-spectrum-actionbutton-staticblack-content-color-focus);
  --spectrum-actionbutton-focus-ring-color: var(--system-spectrum-actionbutton-staticblack-focus-ring-color);
  --spectrum-actionbutton-background-color-disabled: var(--system-spectrum-actionbutton-staticblack-background-color-disabled);
  --spectrum-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-staticblack-border-color-disabled);
  --spectrum-actionbutton-content-color-disabled: var(--system-spectrum-actionbutton-staticblack-content-color-disabled);
}

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.is-selected {
  --spectrum-actionbutton-background-color-default: var(--system-spectrum-actionbutton-staticblack-selected-background-color-default);
  --spectrum-actionbutton-background-color-hover: var(--system-spectrum-actionbutton-staticblack-selected-background-color-hover);
  --spectrum-actionbutton-background-color-down: var(--system-spectrum-actionbutton-staticblack-selected-background-color-down);
  --spectrum-actionbutton-background-color-focus: var(--system-spectrum-actionbutton-staticblack-selected-background-color-focus);
  --spectrum-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-staticblack-selected-border-color-disabled);
  --spectrum-actionbutton-content-color-default: var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticblack-selected-content-color-default));
  --spectrum-actionbutton-content-color-hover: var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticblack-selected-content-color-hover));
  --spectrum-actionbutton-content-color-down: var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticblack-selected-content-color-down));
  --spectrum-actionbutton-content-color-focus: var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticblack-selected-content-color-focus));
  --spectrum-actionbutton-background-color-disabled: var(--system-spectrum-actionbutton-staticblack-selected-background-color-disabled);
}

.spectrum-ActionButton.spectrum-ActionButton--staticWhite {
  --spectrum-actionbutton-background-color-default: var(--system-spectrum-actionbutton-staticwhite-background-color-default);
  --spectrum-actionbutton-background-color-hover: var(--system-spectrum-actionbutton-staticwhite-background-color-hover);
  --spectrum-actionbutton-background-color-down: var(--system-spectrum-actionbutton-staticwhite-background-color-down);
  --spectrum-actionbutton-background-color-focus: var(--system-spectrum-actionbutton-staticwhite-background-color-focus);
  --spectrum-actionbutton-border-color-default: var(--system-spectrum-actionbutton-staticwhite-border-color-default);
  --spectrum-actionbutton-border-color-hover: var(--system-spectrum-actionbutton-staticwhite-border-color-hover);
  --spectrum-actionbutton-border-color-down: var(--system-spectrum-actionbutton-staticwhite-border-color-down);
  --spectrum-actionbutton-border-color-focus: var(--system-spectrum-actionbutton-staticwhite-border-color-focus);
  --spectrum-actionbutton-content-color-default: var(--system-spectrum-actionbutton-staticwhite-content-color-default);
  --spectrum-actionbutton-content-color-hover: var(--system-spectrum-actionbutton-staticwhite-content-color-hover);
  --spectrum-actionbutton-content-color-down: var(--system-spectrum-actionbutton-staticwhite-content-color-down);
  --spectrum-actionbutton-content-color-focus: var(--system-spectrum-actionbutton-staticwhite-content-color-focus);
  --spectrum-actionbutton-focus-ring-color: var(--system-spectrum-actionbutton-staticwhite-focus-ring-color);
  --spectrum-actionbutton-background-color-disabled: var(--system-spectrum-actionbutton-staticwhite-background-color-disabled);
  --spectrum-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-staticwhite-border-color-disabled);
  --spectrum-actionbutton-content-color-disabled: var(--system-spectrum-actionbutton-staticwhite-content-color-disabled);
}

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.is-selected {
  --spectrum-actionbutton-background-color-default: var(--system-spectrum-actionbutton-staticwhite-selected-background-color-default);
  --spectrum-actionbutton-background-color-hover: var(--system-spectrum-actionbutton-staticwhite-selected-background-color-hover);
  --spectrum-actionbutton-background-color-down: var(--system-spectrum-actionbutton-staticwhite-selected-background-color-down);
  --spectrum-actionbutton-background-color-focus: var(--system-spectrum-actionbutton-staticwhite-selected-background-color-focus);
  --spectrum-actionbutton-content-color-default: var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticwhite-selected-content-color-default));
  --spectrum-actionbutton-content-color-hover: var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticwhite-selected-content-color-hover));
  --spectrum-actionbutton-content-color-down: var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticwhite-selected-content-color-down));
  --spectrum-actionbutton-content-color-focus: var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticwhite-selected-content-color-focus));
  --spectrum-actionbutton-background-color-disabled: var(--system-spectrum-actionbutton-staticwhite-selected-background-color-disabled);
  --spectrum-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-staticwhite-selected-border-color-disabled);
}