/*!
Copyright 2023 Adobe. All rights reserved.
This file is licensed to you under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License. You may obtain a copy
of the License at http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under
the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/

.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(--mod-animation-duration-100, var(--spectrum-animation-duration-100)) ease-out,
    border-color var(--mod-animation-duration-100, var(--spectrum-animation-duration-100)) ease-out,
    color var(--mod-animation-duration-100, var(--spectrum-animation-duration-100)) ease-out,
    box-shadow var(--mod-animation-duration-100, var(--spectrum-animation-duration-100)) ease-out;

  text-decoration:none;
  font-family:var(--mod-sans-font-family-stack, var(--spectrum-sans-font-family-stack));

  line-height:var(--mod-line-height-100, var(--spectrum-line-height-100));

  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-content-color-default:var(--spectrum-neutral-content-color-default);
  --spectrum-actionbutton-content-color-hover:var(--spectrum-neutral-content-color-hover);
  --spectrum-actionbutton-content-color-down:var(--spectrum-neutral-content-color-down);
  --spectrum-actionbutton-content-color-focus:var(--spectrum-neutral-content-color-key-focus);

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

.spectrum-ActionButton.is-selected{
    --mod-actionbutton-background-color-default:var(--mod-actionbutton-background-color-default-selected, var(--spectrum-neutral-background-color-selected-default));
    --mod-actionbutton-background-color-hover:var(--mod-actionbutton-background-color-hover-selected, var(--spectrum-neutral-background-color-selected-hover));
    --mod-actionbutton-background-color-down:var(--mod-actionbutton-background-color-down-selected, var(--spectrum-neutral-background-color-selected-down));
    --mod-actionbutton-background-color-focus:var(--mod-actionbutton-background-color-focus-selected, var(--spectrum-neutral-background-color-selected-key-focus));
    
    --mod-actionbutton-content-color-default:var(--mod-actionbutton-content-color-default-selected, var(--spectrum-gray-50));
    --mod-actionbutton-content-color-hover:var(--mod-actionbutton-content-color-hover-selected, var(--spectrum-gray-50));
    --mod-actionbutton-content-color-down:var(--mod-actionbutton-content-color-down-selected, var(--spectrum-gray-50));
    --mod-actionbutton-content-color-focus:var(--mod-actionbutton-content-color-focus-selected, var(--spectrum-gray-50));
  }

.spectrum-ActionButton.is-selected.spectrum-ActionButton--emphasized{
      --mod-actionbutton-background-color-default:var(--mod-actionbutton-background-color-default-selected-emphasized, var(--spectrum-accent-background-color-default));
      --mod-actionbutton-background-color-hover:var(--mod-actionbutton-background-color-hover-selected-emphasized, var(--spectrum-accent-background-color-hover));
      --mod-actionbutton-background-color-down:var(--mod-actionbutton-background-color-down-selected-emphasized, var(--spectrum-accent-background-color-down));
      --mod-actionbutton-background-color-focus:var(--mod-actionbutton-background-color-focus-selected-emphasized, var(--spectrum-accent-background-color-key-focus));
    
      --mod-actionbutton-content-color-default:var(--mod-actionbutton-content-color-default-selected-emphasized, var(--spectrum-white));
      --mod-actionbutton-content-color-hover:var(--mod-actionbutton-content-color-hover-selected-emphasized, var(--spectrum-white));
      --mod-actionbutton-content-color-down:var(--mod-actionbutton-content-color-down-selected-emphasized, var(--spectrum-white));
      --mod-actionbutton-content-color-focus:var(--mod-actionbutton-content-color-focus-selected-emphasized, var(--spectrum-white));
    }

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

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

.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-indicator-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));
  block-size: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));

  gap:calc(var(--mod-actionbutton-text-to-visual, var(--spectrum-actionbutton-text-to-visual)) + 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)));
  padding-inline: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-visible{
    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{

  inline-size:var(--mod-actionbutton-icon-size, var(--spectrum-actionbutton-icon-size));
  block-size:var(--mod-actionbutton-icon-size, var(--spectrum-actionbutton-icon-size));
  margin-inline-start:calc(var(--mod-actionbutton-edge-to-visual, var(--spectrum-actionbutton-edge-to-visual)) - var(--mod-actionbutton-edge-to-text, var(--spectrum-actionbutton-edge-to-text)));
  margin-inline-end:calc(var(--mod-actionbutton-edge-to-visual-only, var(--spectrum-actionbutton-edge-to-visual-only)) - var(--mod-actionbutton-edge-to-text, var(--spectrum-actionbutton-edge-to-text)));

  color:inherit;
}

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

.spectrum-ActionButton-label{
  pointer-events:none;

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

  text-overflow:ellipsis;
  overflow:hidden;
}

[dir="rtl"] .spectrum-ActionButton-hold{ 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-indicator-gap, var(--spectrum-actionbutton-focus-indicator-gap)) + var(--mod-actionbutton-border-width, var(--spectrum-actionbutton-border-width))) * -1);

    border-radius:var(--mod-actionbutton-focus-indicator-border-radius, var(--spectrum-actionbutton-focus-indicator-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-visible{
    box-shadow:none;
    outline:none;
  }

.spectrum-ActionButton:focus-visible::after{
      box-shadow:0 0 0 var(--mod-actionbutton-focus-indicator-thickness, var(--spectrum-actionbutton-focus-indicator-thickness)) var(--highcontrast-actionbutton-focus-indicator-color, var(--mod-actionbutton-focus-indicator-color, var(--spectrum-actionbutton-focus-indicator-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-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-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-background-color-disabled:var(--spectrum-disabled-background-color);
  --system-spectrum-actionbutton-selected-border-color-disabled:transparent;
  --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-indicator-color:var(--spectrum-static-black-focus-indicator-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-mod-actionbutton-background-color-default:var(--spectrum-transparent-black-800);
  --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-hover:var(--spectrum-transparent-black-900);
  --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-down:var(--spectrum-transparent-black-900);
  --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-focus:var(--spectrum-transparent-black-900);
  --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-default:var(--spectrum-white);
  --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-hover:var(--spectrum-white);
  --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-down:var(--spectrum-white);
  --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-focus:var(--spectrum-white);
  --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-disabled:var(--spectrum-disabled-static-black-background-color);
  --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-border-color-disabled:transparent;
  --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-indicator-color:var(--spectrum-static-white-focus-indicator-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-mod-actionbutton-background-color-default:var(--spectrum-transparent-white-800);
  --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-hover:var(--spectrum-transparent-white-900);
  --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-down:var(--spectrum-transparent-white-900);
  --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-focus:var(--spectrum-transparent-white-900);
  --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-default:var(--spectrum-black);
  --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-hover:var(--spectrum-black);
  --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-down:var(--spectrum-black);
  --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-focus:var(--spectrum-black);
  --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-disabled:var(--spectrum-disabled-static-white-background-color);
  --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-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-quiet-background-color-default:transparent;
  --system-spectrum-actionbutton-quiet-background-color-hover:var(--spectrum-gray-300);
  --system-spectrum-actionbutton-quiet-background-color-down:var(--spectrum-gray-400);
  --system-spectrum-actionbutton-quiet-background-color-focus:var(--spectrum-gray-300);
  --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-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-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-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.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-indicator-color:var(--system-spectrum-actionbutton-staticblack-focus-indicator-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{
  --mod-actionbutton-background-color-default:var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-default);
  --mod-actionbutton-background-color-hover:var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-hover);
  --mod-actionbutton-background-color-down:var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-down);
  --mod-actionbutton-background-color-focus:var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-focus);
  --mod-actionbutton-content-color-default:var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-default));
  --mod-actionbutton-content-color-hover:var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-hover));
  --mod-actionbutton-content-color-down:var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-down));
  --mod-actionbutton-content-color-focus:var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-focus));
  --mod-actionbutton-background-color-disabled:var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-disabled);
  --mod-actionbutton-border-color-disabled:var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-border-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-indicator-color:var(--system-spectrum-actionbutton-staticwhite-focus-indicator-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{
  --mod-actionbutton-background-color-default:var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-default);
  --mod-actionbutton-background-color-hover:var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-hover);
  --mod-actionbutton-background-color-down:var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-down);
  --mod-actionbutton-background-color-focus:var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-focus);
  --mod-actionbutton-content-color-default:var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-default));
  --mod-actionbutton-content-color-hover:var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-hover));
  --mod-actionbutton-content-color-down:var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-down));
  --mod-actionbutton-content-color-focus:var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-focus));
  --mod-actionbutton-background-color-disabled:var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-disabled);
  --mod-actionbutton-border-color-disabled:var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-border-color-disabled);
}