.spectrum-ActionButton {
  position: relative;

  display: -ms-inline-flexbox;

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

  -ms-flex-align: center;

      align-items: center;
  -ms-flex-pack: 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-global-animation-duration-100, 130ms) ease-out,
    border-color var(--spectrum-global-animation-duration-100, 130ms) ease-out,
    color var(--spectrum-global-animation-duration-100, 130ms) ease-out,
    box-shadow var(--spectrum-global-animation-duration-100, 130ms) ease-out;

  text-decoration: none;
  font-family: var(--spectrum-alias-body-text-font-family, var(--spectrum-global-font-family-base));

  line-height: var(--spectrum-alias-component-text-line-height, var(--spectrum-global-font-line-height-small));

  -ms-user-select: none;

      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-top: -2px;
    margin-bottom: -2px;
  }

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

.spectrum-ActionButton .spectrum-Icon {
  max-height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

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

.spectrum-ActionButton-label {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  justify-self: center;
  text-align: center;
}

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

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):disabled {
        border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled, rgba(0,0,0,0.25));
      }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):disabled.is-selected {
          border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected, transparent)
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):disabled:not(.is-selected) {
          background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled, transparent)
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):not(:disabled) {
        border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default, rgba(0,0,0,0.4));
      }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):not(:disabled):hover {
          border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover, rgba(0,0,0,0.55))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):not(:disabled):active {
          border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-down, rgba(0,0,0,0.7))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):not(:disabled):focus-visible {
          border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus, rgba(0,0,0,0.55))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):not(:disabled).is-keyboardFocused {
          border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus, rgba(0,0,0,0.55))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):not(:disabled):not(.is-selected) {
          background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default, transparent);
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):not(:disabled):not(.is-selected):hover {
            background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover, rgba(0,0,0,0.25))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):not(:disabled):not(.is-selected):active {
            background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-down, rgba(0,0,0,0.4))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):not(:disabled):not(.is-selected):focus-visible {
            background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus, rgba(0,0,0,0.25))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):not(:disabled):not(.is-selected).is-keyboardFocused {
            background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus, rgba(0,0,0,0.25))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.spectrum-ActionButton--quiet:disabled {
        border-color: transparent;
      }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.spectrum-ActionButton--quiet:disabled:not(.is-selected) {
          background-color: transparent
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.spectrum-ActionButton--quiet:not(:disabled) {
        border-color: transparent;
      }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.spectrum-ActionButton--quiet:not(:disabled):not(.is-selected) {
          background-color: var(--spectrum-alias-component-background-color-quiet-default, var(--spectrum-alias-background-color-transparent));
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.spectrum-ActionButton--quiet:not(:disabled):not(.is-selected):hover {
            background-color: rgba(var(--spectrum-global-color-static-black-rgb, 0, 0, 0), var(--spectrum-global-color-opacity-25))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.spectrum-ActionButton--quiet:not(:disabled):not(.is-selected):active {
            background-color: rgba(var(--spectrum-global-color-static-black-rgb, 0, 0, 0), var(--spectrum-global-color-opacity-40))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.spectrum-ActionButton--quiet:not(:disabled):not(.is-selected):focus-visible {
            background-color: rgba(var(--spectrum-global-color-static-black-rgb, 0, 0, 0), var(--spectrum-global-color-opacity-25))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.spectrum-ActionButton--quiet:not(:disabled):not(.is-selected).is-keyboardFocused {
            background-color: rgba(var(--spectrum-global-color-static-black-rgb, 0, 0, 0), var(--spectrum-global-color-opacity-25))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:disabled.is-selected {
        background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected, rgba(0,0,0,0.1));
      }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:disabled.is-selected .spectrum-ActionButton-holdIcon {
          color: rgba(var(--spectrum-global-color-static-black-rgb, 0, 0, 0), var(--spectrum-global-color-opacity-40))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:disabled.is-selected .spectrum-ActionButton-label {
          color: rgba(var(--spectrum-global-color-static-black-rgb, 0, 0, 0), var(--spectrum-global-color-opacity-40))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:disabled.is-selected .spectrum-Icon {
          color: rgba(var(--spectrum-global-color-static-black-rgb, 0, 0, 0), var(--spectrum-global-color-opacity-40))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:disabled .spectrum-ActionButton-holdIcon {
        color: rgba(var(--spectrum-global-color-static-black-rgb, 0, 0, 0), var(--spectrum-global-color-opacity-40))
      }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:disabled .spectrum-ActionButton-label {
        color: rgba(var(--spectrum-global-color-static-black-rgb, 0, 0, 0), var(--spectrum-global-color-opacity-40))
      }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:disabled .spectrum-Icon {
        color: rgba(var(--spectrum-global-color-static-black-rgb, 0, 0, 0), var(--spectrum-global-color-opacity-40))
      }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.is-selected:not(:disabled) {
        background-color: rgba(var(--spectrum-global-color-static-black-rgb, 0, 0, 0), var(--spectrum-global-color-opacity-90));
      }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.is-selected:not(:disabled):hover {
          background-color: var(--spectrum-global-color-static-black, rgb(var(--spectrum-global-color-static-black-rgb)))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.is-selected:not(:disabled):active {
          background-color: var(--spectrum-global-color-static-black, rgb(var(--spectrum-global-color-static-black-rgb)))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.is-selected:not(:disabled):focus-visible {
          background-color: var(--spectrum-global-color-static-black, rgb(var(--spectrum-global-color-static-black-rgb)))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.is-selected:not(:disabled).is-keyboardFocused {
          background-color: var(--spectrum-global-color-static-black, rgb(var(--spectrum-global-color-static-black-rgb)))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.is-selected:not(:disabled) .spectrum-ActionButton-holdIcon {
          color: inherit
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.is-selected:not(:disabled) .spectrum-ActionButton-label {
          color: inherit
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.is-selected:not(:disabled) .spectrum-Icon {
          color: inherit
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack .spectrum-ActionButton-holdIcon {
      color: var(--spectrum-ActionButton-static-black-color)
    }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected) .spectrum-ActionButton-holdIcon {
          color: rgba(var(--spectrum-global-color-static-black-rgb, 0, 0, 0), var(--spectrum-global-color-opacity-90))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected):hover .spectrum-ActionButton-holdIcon {
            color: var(--spectrum-global-color-static-black, rgb(var(--spectrum-global-color-static-black-rgb)))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected):hover .spectrum-ActionButton-label {
            color: var(--spectrum-global-color-static-black, rgb(var(--spectrum-global-color-static-black-rgb)))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected):hover .spectrum-Icon {
            color: var(--spectrum-global-color-static-black, rgb(var(--spectrum-global-color-static-black-rgb)))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected):active .spectrum-ActionButton-holdIcon {
            color: var(--spectrum-global-color-static-black, rgb(var(--spectrum-global-color-static-black-rgb)))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected):active .spectrum-ActionButton-label {
            color: var(--spectrum-global-color-static-black, rgb(var(--spectrum-global-color-static-black-rgb)))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected):active .spectrum-Icon {
            color: var(--spectrum-global-color-static-black, rgb(var(--spectrum-global-color-static-black-rgb)))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected):focus-visible .spectrum-ActionButton-holdIcon {
            color: var(--spectrum-global-color-static-black, rgb(var(--spectrum-global-color-static-black-rgb)))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected):focus-visible .spectrum-ActionButton-label {
            color: var(--spectrum-global-color-static-black, rgb(var(--spectrum-global-color-static-black-rgb)))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected):focus-visible .spectrum-Icon {
            color: var(--spectrum-global-color-static-black, rgb(var(--spectrum-global-color-static-black-rgb)))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected).is-keyboardFocused .spectrum-ActionButton-holdIcon {
            color: var(--spectrum-global-color-static-black, rgb(var(--spectrum-global-color-static-black-rgb)))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected).is-keyboardFocused .spectrum-ActionButton-label {
            color: var(--spectrum-global-color-static-black, rgb(var(--spectrum-global-color-static-black-rgb)))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected).is-keyboardFocused .spectrum-Icon {
            color: var(--spectrum-global-color-static-black, rgb(var(--spectrum-global-color-static-black-rgb)))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected) .spectrum-ActionButton-label {
          color: rgba(var(--spectrum-global-color-static-black-rgb, 0, 0, 0), var(--spectrum-global-color-opacity-90))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected) .spectrum-Icon {
          color: rgba(var(--spectrum-global-color-static-black-rgb, 0, 0, 0), var(--spectrum-global-color-opacity-90))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack .spectrum-ActionButton-label {
      color: var(--spectrum-ActionButton-static-black-color)
    }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack .spectrum-Icon {
      color: var(--spectrum-ActionButton-static-black-color)
    }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):disabled {
        border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled, rgba(255,255,255,0.25));
      }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):disabled.is-selected {
          border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected, transparent)
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):disabled:not(.is-selected) {
          background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled, transparent)
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):not(:disabled) {
        border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default, rgba(255,255,255,0.4));
      }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):not(:disabled):hover {
          border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover, rgba(255,255,255,0.55))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):not(:disabled):active {
          border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-down, rgba(255,255,255,0.7))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):not(:disabled):focus-visible {
          border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus, rgba(255,255,255,0.55))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):not(:disabled).is-keyboardFocused {
          border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus, rgba(255,255,255,0.55))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):not(:disabled):not(.is-selected) {
          background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default, transparent);
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):not(:disabled):not(.is-selected):hover {
            background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover, rgba(255,255,255,0.25))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):not(:disabled):not(.is-selected):active {
            background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-down, rgba(255,255,255,0.4))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):not(:disabled):not(.is-selected):focus-visible {
            background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus, rgba(255,255,255,0.25))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):not(:disabled):not(.is-selected).is-keyboardFocused {
            background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus, rgba(255,255,255,0.25))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.spectrum-ActionButton--quiet:disabled {
        border-color: transparent;
      }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.spectrum-ActionButton--quiet:disabled:not(.is-selected) {
          background-color: transparent
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.spectrum-ActionButton--quiet:not(:disabled) {
        border-color: transparent;
      }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.spectrum-ActionButton--quiet:not(:disabled):not(.is-selected) {
          background-color: var(--spectrum-alias-component-background-color-quiet-default, var(--spectrum-alias-background-color-transparent));
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.spectrum-ActionButton--quiet:not(:disabled):not(.is-selected):hover {
            background-color: rgba(var(--spectrum-global-color-static-white-rgb, 255, 255, 255), var(--spectrum-global-color-opacity-25))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.spectrum-ActionButton--quiet:not(:disabled):not(.is-selected):active {
            background-color: rgba(var(--spectrum-global-color-static-white-rgb, 255, 255, 255), var(--spectrum-global-color-opacity-40))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.spectrum-ActionButton--quiet:not(:disabled):not(.is-selected):focus-visible {
            background-color: rgba(var(--spectrum-global-color-static-white-rgb, 255, 255, 255), var(--spectrum-global-color-opacity-25))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.spectrum-ActionButton--quiet:not(:disabled):not(.is-selected).is-keyboardFocused {
            background-color: rgba(var(--spectrum-global-color-static-white-rgb, 255, 255, 255), var(--spectrum-global-color-opacity-25))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:disabled.is-selected {
        background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected, rgba(255,255,255,0.1));
      }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:disabled.is-selected .spectrum-ActionButton-holdIcon {
          color: rgba(var(--spectrum-global-color-static-white-rgb, 255, 255, 255), var(--spectrum-global-color-opacity-40))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:disabled.is-selected .spectrum-ActionButton-label {
          color: rgba(var(--spectrum-global-color-static-white-rgb, 255, 255, 255), var(--spectrum-global-color-opacity-40))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:disabled.is-selected .spectrum-Icon {
          color: rgba(var(--spectrum-global-color-static-white-rgb, 255, 255, 255), var(--spectrum-global-color-opacity-40))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:disabled .spectrum-ActionButton-holdIcon {
        color: rgba(var(--spectrum-global-color-static-white-rgb, 255, 255, 255), var(--spectrum-global-color-opacity-40))
      }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:disabled .spectrum-ActionButton-label {
        color: rgba(var(--spectrum-global-color-static-white-rgb, 255, 255, 255), var(--spectrum-global-color-opacity-40))
      }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:disabled .spectrum-Icon {
        color: rgba(var(--spectrum-global-color-static-white-rgb, 255, 255, 255), var(--spectrum-global-color-opacity-40))
      }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.is-selected:not(:disabled) {
        background-color: rgba(var(--spectrum-global-color-static-white-rgb, 255, 255, 255), var(--spectrum-global-color-opacity-90));
      }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.is-selected:not(:disabled):hover {
          background-color: var(--spectrum-global-color-static-white, rgb(var(--spectrum-global-color-static-white-rgb)))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.is-selected:not(:disabled):active {
          background-color: var(--spectrum-global-color-static-white, rgb(var(--spectrum-global-color-static-white-rgb)))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.is-selected:not(:disabled):focus-visible {
          background-color: var(--spectrum-global-color-static-white, rgb(var(--spectrum-global-color-static-white-rgb)))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.is-selected:not(:disabled).is-keyboardFocused {
          background-color: var(--spectrum-global-color-static-white, rgb(var(--spectrum-global-color-static-white-rgb)))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.is-selected:not(:disabled) .spectrum-ActionButton-holdIcon {
          color: inherit
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.is-selected:not(:disabled) .spectrum-ActionButton-label {
          color: inherit
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.is-selected:not(:disabled) .spectrum-Icon {
          color: inherit
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite .spectrum-ActionButton-holdIcon {
      color: var(--spectrum-ActionButton-static-white-color)
    }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected) .spectrum-ActionButton-holdIcon {
          color: rgba(var(--spectrum-global-color-static-white-rgb, 255, 255, 255), var(--spectrum-global-color-opacity-90))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected):hover .spectrum-ActionButton-holdIcon {
            color: var(--spectrum-global-color-static-white, rgb(var(--spectrum-global-color-static-white-rgb)))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected):hover .spectrum-ActionButton-label {
            color: var(--spectrum-global-color-static-white, rgb(var(--spectrum-global-color-static-white-rgb)))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected):hover .spectrum-Icon {
            color: var(--spectrum-global-color-static-white, rgb(var(--spectrum-global-color-static-white-rgb)))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected):active .spectrum-ActionButton-holdIcon {
            color: var(--spectrum-global-color-static-white, rgb(var(--spectrum-global-color-static-white-rgb)))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected):active .spectrum-ActionButton-label {
            color: var(--spectrum-global-color-static-white, rgb(var(--spectrum-global-color-static-white-rgb)))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected):active .spectrum-Icon {
            color: var(--spectrum-global-color-static-white, rgb(var(--spectrum-global-color-static-white-rgb)))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected):focus-visible .spectrum-ActionButton-holdIcon {
            color: var(--spectrum-global-color-static-white, rgb(var(--spectrum-global-color-static-white-rgb)))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected):focus-visible .spectrum-ActionButton-label {
            color: var(--spectrum-global-color-static-white, rgb(var(--spectrum-global-color-static-white-rgb)))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected):focus-visible .spectrum-Icon {
            color: var(--spectrum-global-color-static-white, rgb(var(--spectrum-global-color-static-white-rgb)))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected).is-keyboardFocused .spectrum-ActionButton-holdIcon {
            color: var(--spectrum-global-color-static-white, rgb(var(--spectrum-global-color-static-white-rgb)))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected).is-keyboardFocused .spectrum-ActionButton-label {
            color: var(--spectrum-global-color-static-white, rgb(var(--spectrum-global-color-static-white-rgb)))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected).is-keyboardFocused .spectrum-Icon {
            color: var(--spectrum-global-color-static-white, rgb(var(--spectrum-global-color-static-white-rgb)))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected) .spectrum-ActionButton-label {
          color: rgba(var(--spectrum-global-color-static-white-rgb, 255, 255, 255), var(--spectrum-global-color-opacity-90))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected) .spectrum-Icon {
          color: rgba(var(--spectrum-global-color-static-white-rgb, 255, 255, 255), var(--spectrum-global-color-opacity-90))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite .spectrum-ActionButton-label {
      color: var(--spectrum-ActionButton-static-white-color)
    }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite .spectrum-Icon {
      color: var(--spectrum-ActionButton-static-white-color)
    }

.spectrum-ActionButton--sizeS {
  --spectrum-actionbutton-texticon-border-size: var(--spectrum-actionbutton-s-texticon-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-texticon-icon-gap: var(--spectrum-actionbutton-s-texticon-icon-gap, var(--spectrum-global-dimension-size-85));
  --spectrum-actionbutton-texticon-padding-left: var(--spectrum-actionbutton-s-texticon-padding-left, var(--spectrum-global-dimension-size-85));
  --spectrum-actionbutton-quiet-textonly-border-size: var(--spectrum-actionbutton-s-quiet-textonly-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-quiet-textonly-text-size: var(--spectrum-actionbutton-s-quiet-textonly-text-size, var(--spectrum-global-dimension-font-size-75));
  --spectrum-actionbutton-quiet-textonly-text-font-weight: var(--spectrum-actionbutton-s-quiet-textonly-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-actionbutton-quiet-textonly-border-radius: var(--spectrum-actionbutton-s-quiet-textonly-border-radius, var(--spectrum-alias-component-border-radius));
  --spectrum-actionbutton-textonly-border-size: var(--spectrum-actionbutton-s-textonly-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-textonly-hold-icon-padding-right: var(--spectrum-actionbutton-s-textonly-hold-icon-padding-right, var(--spectrum-global-dimension-size-40));
  --spectrum-actionbutton-textonly-hold-icon-padding-bottom: var(--spectrum-actionbutton-s-textonly-hold-icon-padding-bottom, var(--spectrum-global-dimension-size-40));
  --spectrum-actionbutton-textonly-text-size: var(--spectrum-actionbutton-s-textonly-text-size, var(--spectrum-global-dimension-font-size-75));
  --spectrum-actionbutton-textonly-text-font-weight: var(--spectrum-actionbutton-s-textonly-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-actionbutton-textonly-text-line-height: var(--spectrum-actionbutton-s-textonly-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-actionbutton-textonly-height: var(--spectrum-actionbutton-s-textonly-height, var(--spectrum-global-dimension-size-300));
  --spectrum-actionbutton-textonly-border-radius: var(--spectrum-actionbutton-s-textonly-border-radius, var(--spectrum-alias-component-border-radius));
  --spectrum-actionbutton-textonly-padding-right: var(--spectrum-actionbutton-s-textonly-padding-right, var(--spectrum-global-dimension-size-115));
  --spectrum-actionbutton-textonly-padding-left: var(--spectrum-actionbutton-s-textonly-padding-left, var(--spectrum-global-dimension-size-115));
  --spectrum-actionbutton-icononly-border-size: var(--spectrum-actionbutton-s-icononly-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-icononly-padding-right: var(--spectrum-actionbutton-s-icononly-padding-right, var(--spectrum-global-dimension-size-50));
  --spectrum-actionbutton-icononly-padding-left: var(--spectrum-actionbutton-s-icononly-padding-left, var(--spectrum-global-dimension-size-50));
  --spectrum-actionbutton-textonly-min-width: var(--spectrum-global-dimension-size-300);
}

.spectrum-ActionButton--sizeM {
  --spectrum-actionbutton-texticon-padding-left: var(--spectrum-actionbutton-m-texticon-padding-left);
  --spectrum-actionbutton-texticon-border-size: var(--spectrum-actionbutton-m-texticon-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-texticon-icon-gap: var(--spectrum-actionbutton-m-texticon-icon-gap, var(--spectrum-global-dimension-size-100));
  --spectrum-actionbutton-quiet-textonly-border-size: var(--spectrum-actionbutton-m-quiet-textonly-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-quiet-textonly-text-size: var(--spectrum-actionbutton-m-quiet-textonly-text-size, var(--spectrum-global-dimension-font-size-100));
  --spectrum-actionbutton-quiet-textonly-text-font-weight: var(--spectrum-actionbutton-m-quiet-textonly-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-actionbutton-quiet-textonly-border-radius: var(--spectrum-actionbutton-m-quiet-textonly-border-radius, var(--spectrum-alias-component-border-radius));
  --spectrum-actionbutton-textonly-border-size: var(--spectrum-actionbutton-m-textonly-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-textonly-hold-icon-padding-right: var(--spectrum-actionbutton-m-textonly-hold-icon-padding-right, var(--spectrum-global-dimension-size-50));
  --spectrum-actionbutton-textonly-hold-icon-padding-bottom: var(--spectrum-actionbutton-m-textonly-hold-icon-padding-bottom, var(--spectrum-global-dimension-size-50));
  --spectrum-actionbutton-textonly-text-size: var(--spectrum-actionbutton-m-textonly-text-size, var(--spectrum-global-dimension-font-size-100));
  --spectrum-actionbutton-textonly-text-font-weight: var(--spectrum-actionbutton-m-textonly-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-actionbutton-textonly-text-line-height: var(--spectrum-actionbutton-m-textonly-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-actionbutton-textonly-min-width: var(--spectrum-actionbutton-m-textonly-min-width, var(--spectrum-global-dimension-size-400));
  --spectrum-actionbutton-textonly-height: var(--spectrum-actionbutton-m-textonly-height, var(--spectrum-global-dimension-size-400));
  --spectrum-actionbutton-textonly-border-radius: var(--spectrum-actionbutton-m-textonly-border-radius, var(--spectrum-alias-component-border-radius));
  --spectrum-actionbutton-textonly-padding-right: var(--spectrum-actionbutton-m-textonly-padding-right, var(--spectrum-global-dimension-size-150));
  --spectrum-actionbutton-textonly-padding-left: var(--spectrum-actionbutton-m-textonly-padding-left, var(--spectrum-global-dimension-size-150));
  --spectrum-actionbutton-icononly-border-size: var(--spectrum-actionbutton-m-icononly-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-icononly-padding-right: var(--spectrum-actionbutton-m-icononly-padding-right, var(--spectrum-global-dimension-size-85));
  --spectrum-actionbutton-icononly-padding-left: var(--spectrum-actionbutton-m-icononly-padding-left, var(--spectrum-global-dimension-size-85));
}

.spectrum-ActionButton--sizeL {
  --spectrum-actionbutton-texticon-border-size: var(--spectrum-actionbutton-l-texticon-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-texticon-icon-gap: var(--spectrum-actionbutton-l-texticon-icon-gap, var(--spectrum-global-dimension-size-115));
  --spectrum-actionbutton-texticon-padding-left: var(--spectrum-actionbutton-l-texticon-padding-left, var(--spectrum-global-dimension-size-160));
  --spectrum-actionbutton-quiet-textonly-border-size: var(--spectrum-actionbutton-l-quiet-textonly-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-quiet-textonly-text-size: var(--spectrum-actionbutton-l-quiet-textonly-text-size, var(--spectrum-global-dimension-font-size-200));
  --spectrum-actionbutton-quiet-textonly-text-font-weight: var(--spectrum-actionbutton-l-quiet-textonly-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-actionbutton-quiet-textonly-border-radius: var(--spectrum-actionbutton-l-quiet-textonly-border-radius, var(--spectrum-alias-component-border-radius));
  --spectrum-actionbutton-textonly-border-size: var(--spectrum-actionbutton-l-textonly-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-textonly-hold-icon-padding-right: var(--spectrum-actionbutton-l-textonly-hold-icon-padding-right, var(--spectrum-global-dimension-size-65));
  --spectrum-actionbutton-textonly-hold-icon-padding-bottom: var(--spectrum-actionbutton-l-textonly-hold-icon-padding-bottom, var(--spectrum-global-dimension-size-65));
  --spectrum-actionbutton-textonly-text-size: var(--spectrum-actionbutton-l-textonly-text-size, var(--spectrum-global-dimension-font-size-200));
  --spectrum-actionbutton-textonly-text-font-weight: var(--spectrum-actionbutton-l-textonly-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-actionbutton-textonly-text-line-height: var(--spectrum-actionbutton-l-textonly-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-actionbutton-textonly-min-width: var(--spectrum-actionbutton-l-textonly-min-width, var(--spectrum-global-dimension-size-400));
  --spectrum-actionbutton-textonly-height: var(--spectrum-actionbutton-l-textonly-height, var(--spectrum-global-dimension-size-500));
  --spectrum-actionbutton-textonly-border-radius: var(--spectrum-actionbutton-l-textonly-border-radius, var(--spectrum-alias-component-border-radius));
  --spectrum-actionbutton-textonly-padding-right: var(--spectrum-actionbutton-l-textonly-padding-right, var(--spectrum-global-dimension-size-185));
  --spectrum-actionbutton-textonly-padding-left: var(--spectrum-actionbutton-l-textonly-padding-left, var(--spectrum-global-dimension-size-185));
  --spectrum-actionbutton-icononly-border-size: var(--spectrum-actionbutton-l-icononly-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-icononly-padding-right: var(--spectrum-actionbutton-l-icononly-padding-right, var(--spectrum-global-dimension-size-125));
  --spectrum-actionbutton-icononly-padding-left: var(--spectrum-actionbutton-l-icononly-padding-left, var(--spectrum-global-dimension-size-125));
}

.spectrum-ActionButton--sizeXL {
  --spectrum-actionbutton-texticon-border-size: var(--spectrum-actionbutton-xl-texticon-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-texticon-icon-gap: var(--spectrum-actionbutton-xl-texticon-icon-gap, var(--spectrum-global-dimension-size-125));
  --spectrum-actionbutton-texticon-padding-left: var(--spectrum-actionbutton-xl-texticon-padding-left, var(--spectrum-global-dimension-size-185));
  --spectrum-actionbutton-quiet-textonly-border-size: var(--spectrum-actionbutton-xl-quiet-textonly-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-quiet-textonly-text-size: var(--spectrum-actionbutton-xl-quiet-textonly-text-size, var(--spectrum-global-dimension-font-size-300));
  --spectrum-actionbutton-quiet-textonly-text-font-weight: var(--spectrum-actionbutton-xl-quiet-textonly-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-actionbutton-quiet-textonly-border-radius: var(--spectrum-actionbutton-xl-quiet-textonly-border-radius, var(--spectrum-alias-component-border-radius));
  --spectrum-actionbutton-textonly-border-size: var(--spectrum-actionbutton-xl-textonly-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-textonly-hold-icon-padding-right: var(--spectrum-actionbutton-xl-textonly-hold-icon-padding-right, var(--spectrum-global-dimension-size-75));
  --spectrum-actionbutton-textonly-hold-icon-padding-bottom: var(--spectrum-actionbutton-xl-textonly-hold-icon-padding-bottom, var(--spectrum-global-dimension-size-75));
  --spectrum-actionbutton-textonly-text-size: var(--spectrum-actionbutton-xl-textonly-text-size, var(--spectrum-global-dimension-font-size-300));
  --spectrum-actionbutton-textonly-text-font-weight: var(--spectrum-actionbutton-xl-textonly-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-actionbutton-textonly-text-line-height: var(--spectrum-actionbutton-xl-textonly-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-actionbutton-textonly-min-width: var(--spectrum-actionbutton-xl-textonly-min-width, var(--spectrum-global-dimension-size-400));
  --spectrum-actionbutton-textonly-height: var(--spectrum-actionbutton-xl-textonly-height, var(--spectrum-global-dimension-size-600));
  --spectrum-actionbutton-textonly-border-radius: var(--spectrum-actionbutton-xl-textonly-border-radius, var(--spectrum-alias-component-border-radius));
  --spectrum-actionbutton-textonly-padding-right: var(--spectrum-actionbutton-xl-textonly-padding-right, var(--spectrum-global-dimension-size-225));
  --spectrum-actionbutton-textonly-padding-left: var(--spectrum-actionbutton-xl-textonly-padding-left, var(--spectrum-global-dimension-size-225));
  --spectrum-actionbutton-icononly-border-size: var(--spectrum-actionbutton-xl-icononly-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-icononly-padding-right: var(--spectrum-actionbutton-xl-icononly-padding-right, var(--spectrum-global-dimension-size-160));
  --spectrum-actionbutton-icononly-padding-left: var(--spectrum-actionbutton-xl-icononly-padding-left, var(--spectrum-global-dimension-size-160));
}

.spectrum-ActionButton {
  --spectrum-actionbutton-padding-left-adjusted: calc(var(--spectrum-actionbutton-texticon-padding-left) - var(--spectrum-actionbutton-texticon-border-size));
  --spectrum-actionbutton-textonly-padding-left-adjusted: calc(var(--spectrum-actionbutton-textonly-padding-left) - var(--spectrum-actionbutton-textonly-border-size));
  --spectrum-actionbutton-textonly-padding-right-adjusted: calc(var(--spectrum-actionbutton-textonly-padding-right) - var(--spectrum-actionbutton-textonly-border-size));
  --spectrum-actionbutton-icononly-padding-left-adjusted: calc(var(--spectrum-actionbutton-icononly-padding-left) - var(--spectrum-actionbutton-icononly-border-size));
  --spectrum-actionbutton-icononly-padding-right-adjusted: calc(var(--spectrum-actionbutton-icononly-padding-right) - var(--spectrum-actionbutton-icononly-border-size));
  --spectrum-actionbutton-focus-ring-border-radius-adjusted: calc(var(--spectrum-actionbutton-quiet-textonly-border-radius) + var(--spectrum-actionbutton-focus-ring-gap));
}

[dir="ltr"] .spectrum-ActionButton {
  padding-left: var(--spectrum-actionbutton-textonly-padding-left-adjusted);
  padding-right: var(--spectrum-actionbutton-textonly-padding-right-adjusted);
}

[dir="rtl"] .spectrum-ActionButton {
  padding-right: var(--spectrum-actionbutton-textonly-padding-left-adjusted);
  padding-left: var(--spectrum-actionbutton-textonly-padding-right-adjusted);
}

.spectrum-ActionButton {
  position: relative;

  height: var(--spectrum-actionbutton-textonly-height);
  min-width: var(--spectrum-actionbutton-textonly-min-width);

  border-width: var(--spectrum-actionbutton-textonly-border-size);
  border-radius: var(--spectrum-actionbutton-textonly-border-radius);

  font-size: var(--spectrum-actionbutton-textonly-text-size);
  font-weight: var(--spectrum-actionbutton-textonly-text-font-weight);
  line-height: var(--spectrum-actionbutton-textonly-text-line-height);
  color: inherit;
}

[dir="ltr"] .spectrum-ActionButton .spectrum-Icon {
    margin-left: calc(-1 * (var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)));
}

[dir="rtl"] .spectrum-ActionButton .spectrum-Icon {
    margin-right: calc(-1 * (var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)));
}

[dir="ltr"] .spectrum-ActionButton .spectrum-Icon + .spectrum-ActionButton-label {
    padding-left: var(--spectrum-actionbutton-texticon-icon-gap);
}

[dir="rtl"] .spectrum-ActionButton .spectrum-Icon + .spectrum-ActionButton-label {
    padding-right: var(--spectrum-actionbutton-texticon-icon-gap);
}

[dir="ltr"] .spectrum-ActionButton .spectrum-Icon + .spectrum-ActionButton-label {
    padding-right: 0;
}

[dir="rtl"] .spectrum-ActionButton .spectrum-Icon + .spectrum-ActionButton-label {
    padding-left: 0;
}

.spectrum-ActionButton .spectrum-ActionButton-hold + .spectrum-Icon,
  .spectrum-ActionButton .spectrum-Icon:only-child {
    margin-left: calc(-1 * (var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-icononly-padding-left-adjusted)));
    margin-right: calc(-1 * (var(--spectrum-actionbutton-textonly-padding-right-adjusted) - var(--spectrum-actionbutton-icononly-padding-right-adjusted)));
  }

.spectrum-ActionButton-label {

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

[dir="ltr"] .spectrum-ActionButton-hold {
  right: var(--spectrum-actionbutton-textonly-hold-icon-padding-right);
}

[dir="rtl"] .spectrum-ActionButton-hold {
  left: var(--spectrum-actionbutton-textonly-hold-icon-padding-right);
}

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

.spectrum-ActionButton-hold {
  position: absolute;
  bottom: var(--spectrum-actionbutton-textonly-hold-icon-padding-bottom);
}

.spectrum-ActionButton--quiet {
  border-width: var(--spectrum-actionbutton-quiet-textonly-border-size);
  border-radius: var(--spectrum-actionbutton-quiet-textonly-border-radius);

  font-size: var(--spectrum-actionbutton-quiet-textonly-text-size);
  font-weight: var(--spectrum-actionbutton-quiet-textonly-text-font-weight);
}

.spectrum-ActionButton {
  --spectrum-actionbutton-focus-ring-gap: var(--spectrum-alias-component-focusring-gap, var(--spectrum-global-dimension-static-size-0));
  --spectrum-actionbutton-focus-ring-size: var(--spectrum-alias-component-focusring-size, var(--spectrum-global-dimension-static-size-10));
  --spectrum-actionbutton-focus-ring-color: var(--spectrum-actionbutton-m-textonly-focus-ring-border-color-key-focus, var(--spectrum-alias-focus-ring-color));

  transition: border-color var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
}

.spectrum-ActionButton:after {
    pointer-events: none;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: calc((var(--spectrum-actionbutton-focus-ring-gap) + var(--spectrum-actionbutton-textonly-border-size)) * -1);
    border-radius: var(--spectrum-actionbutton-focus-ring-border-radius-adjusted);
    transition: box-shadow var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
  }

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

.spectrum-ActionButton.focus-ring:after {
      box-shadow: 0 0 0 var(--spectrum-actionbutton-focus-ring-size) var(--spectrum-actionbutton-focus-ring-color);
    }

.spectrum-ActionButton--staticWhite {
  --spectrum-actionbutton-focus-ring-color: var(--spectrum-global-color-static-white, rgb(var(--spectrum-global-color-static-white-rgb)));
}

.spectrum-ActionButton--staticBlack {
  --spectrum-actionbutton-focus-ring-color: var(--spectrum-global-color-static-black, rgb(var(--spectrum-global-color-static-black-rgb)));
}

.spectrum-ActionButton--emphasized.is-selected,
.spectrum-ActionButton--staticWhite,
.spectrum-ActionButton--staticBlack {
  --spectrum-actionbutton-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized, var(--spectrum-global-dimension-static-size-25));
  --spectrum-actionbutton-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized, var(--spectrum-global-dimension-static-size-25));
}

.spectrum-ActionButton {
  background-color: var(--spectrum-actionbutton-m-textonly-background-color, var(--spectrum-alias-component-background-color-default));
  border-color: var(--spectrum-actionbutton-m-textonly-border-color, var(--spectrum-alias-component-border-color-default));
  color: var(--spectrum-actionbutton-m-textonly-text-color, var(--spectrum-alias-component-text-color-default));
}

.spectrum-ActionButton .spectrum-Icon {
    color: var(--spectrum-actionbutton-m-texticon-icon-color, var(--spectrum-alias-component-icon-color-default));
  }

.spectrum-ActionButton .spectrum-ActionButton-hold {
    color: var(--spectrum-actionbutton-m-textonly-hold-icon-color, var(--spectrum-alias-component-icon-color-default));
  }

.spectrum-ActionButton:hover {
    background-color: var(--spectrum-actionbutton-m-textonly-background-color-hover, var(--spectrum-alias-component-background-color-hover));
    border-color: var(--spectrum-actionbutton-m-textonly-border-color-hover, var(--spectrum-alias-component-border-color-hover));
    color: var(--spectrum-actionbutton-m-textonly-text-color-hover, var(--spectrum-alias-component-text-color-hover));
  }

.spectrum-ActionButton:hover .spectrum-Icon {
      color: var(--spectrum-actionbutton-m-texticon-icon-color-hover, var(--spectrum-alias-component-icon-color-hover));
    }

.spectrum-ActionButton:hover .spectrum-ActionButton-hold {
      color: var(--spectrum-actionbutton-m-textonly-hold-icon-color-hover, var(--spectrum-alias-component-icon-color-hover));
    }

.spectrum-ActionButton.focus-ring {
    background-color: var(--spectrum-actionbutton-m-textonly-background-color-key-focus, var(--spectrum-alias-component-background-color-key-focus));
    border-color: var(--spectrum-actionbutton-m-textonly-border-color-key-focus, var(--spectrum-alias-component-border-color-key-focus));
    color: var(--spectrum-actionbutton-m-textonly-text-color-key-focus, var(--spectrum-alias-component-text-color-key-focus));
  }

.spectrum-ActionButton.focus-ring:active {
      border-color: var(--spectrum-actionbutton-m-textonly-border-color-key-focus, var(--spectrum-alias-component-border-color-key-focus));
    }

.spectrum-ActionButton.focus-ring .spectrum-Icon {
      color: var(--spectrum-actionbutton-m-texticon-icon-color-key-focus, var(--spectrum-alias-component-icon-color-key-focus));
    }

.spectrum-ActionButton.focus-ring .spectrum-ActionButton-hold {
      color: var(--spectrum-actionbutton-m-textonly-hold-icon-color-key-focus, var(--spectrum-alias-component-icon-color-key-focus));
    }

.spectrum-ActionButton:active {
    background-color: var(--spectrum-actionbutton-m-textonly-background-color-down, var(--spectrum-alias-component-background-color-down));
    border-color: var(--spectrum-actionbutton-m-textonly-border-color-down, var(--spectrum-alias-component-border-color-down));
    color: var(--spectrum-actionbutton-m-textonly-text-color-down, var(--spectrum-alias-component-text-color-down));
  }

.spectrum-ActionButton:active .spectrum-ActionButton-hold {
      color: var(--spectrum-actionbutton-m-textonly-hold-icon-color-down, var(--spectrum-alias-component-icon-color-down));
    }

.spectrum-ActionButton:disabled,
  .spectrum-ActionButton.is-disabled {
    background-color: var(--spectrum-actionbutton-m-textonly-background-color-disabled, var(--spectrum-alias-component-background-color-disabled));
    border-color: var(--spectrum-actionbutton-m-textonly-border-color-disabled, var(--spectrum-alias-component-border-color-disabled));
    color: var(--spectrum-actionbutton-m-textonly-text-color-disabled, var(--spectrum-alias-component-text-color-disabled));
  }

.spectrum-ActionButton:disabled .spectrum-Icon, .spectrum-ActionButton.is-disabled .spectrum-Icon {
      color: var(--spectrum-actionbutton-m-texticon-icon-color-disabled, var(--spectrum-alias-component-icon-color-disabled));
    }

.spectrum-ActionButton:disabled .spectrum-ActionButton-hold, .spectrum-ActionButton.is-disabled .spectrum-ActionButton-hold {
      color: var(--spectrum-actionbutton-m-textonly-hold-icon-color-disabled, var(--spectrum-alias-component-icon-color-disabled));
    }

.spectrum-ActionButton.is-selected {
    background-color: var(--spectrum-actionbutton-m-textonly-background-color-selected, var(--spectrum-alias-component-background-color-selected-default));
    border-color: var(--spectrum-actionbutton-m-textonly-border-color-selected, var(--spectrum-alias-component-border-color-selected-default));
    color: var(--spectrum-actionbutton-m-textonly-text-color-selected, var(--spectrum-alias-component-text-color-selected-default));
  }

.spectrum-ActionButton.is-selected .spectrum-Icon {
      color: var(--spectrum-actionbutton-m-texticon-icon-color-selected, var(--spectrum-alias-component-icon-color-selected));
    }

.spectrum-ActionButton.is-selected.focus-ring {
      background-color: var(--spectrum-actionbutton-m-textonly-background-color-selected-key-focus, var(--spectrum-alias-component-background-color-selected-key-focus));
      border-color: var(--spectrum-actionbutton-m-textonly-border-color-selected-key-focus, var(--spectrum-alias-component-border-color-selected-key-focus));
      color: var(--spectrum-actionbutton-m-textonly-text-color-selected-key-focus, var(--spectrum-alias-component-text-color-selected-key-focus));
    }

.spectrum-ActionButton.is-selected.focus-ring:active {
        border-color: var(--spectrum-actionbutton-m-textonly-border-color-key-focus, var(--spectrum-alias-component-border-color-key-focus));
      }

.spectrum-ActionButton.is-selected.focus-ring .spectrum-Icon {
        color: var(--spectrum-actionbutton-m-texticon-icon-color-selected-key-focus, var(--spectrum-alias-component-icon-color-selected));
      }

.spectrum-ActionButton.is-selected:hover {
      background-color: var(--spectrum-actionbutton-m-textonly-background-color-selected-hover, var(--spectrum-alias-component-background-color-selected-hover));
      border-color: var(--spectrum-actionbutton-m-textonly-border-color-selected-hover, var(--spectrum-alias-component-border-color-selected-hover));
      color: var(--spectrum-actionbutton-m-textonly-text-color-selected-hover, var(--spectrum-alias-component-text-color-selected-hover));
    }

.spectrum-ActionButton.is-selected:hover .spectrum-Icon {
        color: var(--spectrum-actionbutton-m-texticon-icon-color-selected-hover, var(--spectrum-alias-component-icon-color-selected));
      }

.spectrum-ActionButton.is-selected:active {
      background-color: var(--spectrum-actionbutton-m-textonly-background-color-selected-down, var(--spectrum-alias-component-background-color-selected-down));
      border-color: var(--spectrum-actionbutton-m-textonly-border-color-selected-down, var(--spectrum-alias-component-border-color-selected-down));
      color: var(--spectrum-actionbutton-m-textonly-text-color-selected-down, var(--spectrum-alias-component-text-color-selected-down));
    }

.spectrum-ActionButton.is-selected:active .spectrum-Icon {
        color: var(--spectrum-actionbutton-m-texticon-icon-color-selected-down, var(--spectrum-alias-component-icon-color-selected));
      }

.spectrum-ActionButton.is-selected:disabled,
    .spectrum-ActionButton.is-selected.is-disabled {
      background-color: var(--spectrum-actionbutton-m-textonly-background-color-selected-disabled, var(--spectrum-alias-component-background-color-disabled));
      border-color: var(--spectrum-actionbutton-m-textonly-border-color-selected-disabled, var(--spectrum-alias-component-border-color-disabled));
      color: var(--spectrum-actionbutton-m-textonly-text-color-selected-disabled, var(--spectrum-alias-component-text-color-disabled));
    }

.spectrum-ActionButton.is-selected:disabled .spectrum-Icon, .spectrum-ActionButton.is-selected.is-disabled .spectrum-Icon {
        color: var(--spectrum-actionbutton-m-texticon-icon-color-selected-disabled, var(--spectrum-alias-component-icon-color-disabled));
      }

.spectrum-ActionButton--emphasized.spectrum-ActionButton--quiet.is-selected,
  .spectrum-ActionButton--emphasized.is-selected {
    background-color: var(--spectrum-actionbutton-m-emphasized-textonly-background-color-selected, var(--spectrum-alias-component-background-color-emphasized-selected-default));
    border-color: var(--spectrum-actionbutton-m-emphasized-textonly-border-color-selected, var(--spectrum-alias-component-border-color-emphasized-selected-default));
    color: var(--spectrum-actionbutton-m-emphasized-textonly-text-color-selected, var(--spectrum-alias-component-text-color-emphasized-selected-default));
  }

.spectrum-ActionButton--emphasized.spectrum-ActionButton--quiet.is-selected .spectrum-Icon, .spectrum-ActionButton--emphasized.is-selected .spectrum-Icon {
      color: var(--spectrum-actionbutton-m-emphasized-texticon-icon-color-selected, var(--spectrum-alias-component-icon-color-emphasized-selected-default));
    }

.spectrum-ActionButton--emphasized.spectrum-ActionButton--quiet.is-selected.focus-ring, .spectrum-ActionButton--emphasized.is-selected.focus-ring {
      background-color: var(--spectrum-actionbutton-m-emphasized-textonly-background-color-selected-key-focus, var(--spectrum-alias-component-background-color-emphasized-selected-key-focus));
      border-color: var(--spectrum-actionbutton-m-emphasized-textonly-border-color-selected-key-focus, var(--spectrum-alias-component-border-color-emphasized-selected-key-focus));
      color: var(--spectrum-actionbutton-m-emphasized-textonly-text-color-selected-key-focus, var(--spectrum-alias-component-text-color-emphasized-selected-key-focus));
    }

.spectrum-ActionButton--emphasized.spectrum-ActionButton--quiet.is-selected.focus-ring .spectrum-Icon, .spectrum-ActionButton--emphasized.is-selected.focus-ring .spectrum-Icon {
        color: var(--spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-key-focus, var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus));
      }

.spectrum-ActionButton--emphasized.spectrum-ActionButton--quiet.is-selected:hover, .spectrum-ActionButton--emphasized.is-selected:hover {
      background-color: var(--spectrum-actionbutton-m-emphasized-textonly-background-color-selected-hover, var(--spectrum-alias-component-background-color-emphasized-selected-hover));
      border-color: var(--spectrum-actionbutton-m-emphasized-textonly-border-color-selected-hover, var(--spectrum-alias-component-border-color-emphasized-selected-hover));
      color: var(--spectrum-actionbutton-m-emphasized-textonly-text-color-selected-hover, var(--spectrum-alias-component-text-color-emphasized-selected-hover));
    }

.spectrum-ActionButton--emphasized.spectrum-ActionButton--quiet.is-selected:hover .spectrum-Icon, .spectrum-ActionButton--emphasized.is-selected:hover .spectrum-Icon {
        color: var(--spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-hover, var(--spectrum-alias-component-icon-color-emphasized-selected-hover));
      }

.spectrum-ActionButton--emphasized.spectrum-ActionButton--quiet.is-selected.is-active, .spectrum-ActionButton--emphasized.is-selected.is-active {
      background-color: var(--spectrum-actionbutton-m-emphasized-textonly-background-color-selected-down, var(--spectrum-alias-component-background-color-emphasized-selected-down));
      border-color: var(--spectrum-actionbutton-m-emphasized-textonly-border-color-selected-down, var(--spectrum-alias-component-border-color-emphasized-selected-down));
      color: var(--spectrum-actionbutton-m-emphasized-textonly-text-color-selected-down, var(--spectrum-alias-component-text-color-emphasized-selected-down));
    }

.spectrum-ActionButton--emphasized.spectrum-ActionButton--quiet.is-selected.is-active .spectrum-Icon, .spectrum-ActionButton--emphasized.is-selected.is-active .spectrum-Icon {
        color: var(--spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-down, var(--spectrum-alias-component-icon-color-emphasized-selected-down));
      }

.spectrum-ActionButton--emphasized.spectrum-ActionButton--quiet.is-selected:disabled,
    .spectrum-ActionButton--emphasized.spectrum-ActionButton--quiet.is-selected.is-disabled,
    .spectrum-ActionButton--emphasized.is-selected:disabled,
    .spectrum-ActionButton--emphasized.is-selected.is-disabled {
      background-color: var(--spectrum-actionbutton-m-emphasized-textonly-background-color-selected-disabled, var(--spectrum-alias-component-background-color-disabled));
      border-color: var(--spectrum-actionbutton-m-emphasized-textonly-border-color-selected-disabled, var(--spectrum-alias-component-border-color-disabled));
      color: var(--spectrum-actionbutton-m-emphasized-textonly-text-color-selected-disabled, var(--spectrum-alias-component-text-color-disabled));
    }

.spectrum-ActionButton--emphasized.spectrum-ActionButton--quiet.is-selected:disabled .spectrum-Icon, .spectrum-ActionButton--emphasized.spectrum-ActionButton--quiet.is-selected.is-disabled .spectrum-Icon, .spectrum-ActionButton--emphasized.is-selected:disabled .spectrum-Icon, .spectrum-ActionButton--emphasized.is-selected.is-disabled .spectrum-Icon {
        color: var(--spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-disabled, var(--spectrum-alias-component-icon-color-disabled));
      }

.spectrum-ActionButton--quiet {
  background-color: var(--spectrum-actionbutton-m-quiet-textonly-background-color, var(--spectrum-alias-component-background-color-quiet-default));
  border-color: var(--spectrum-actionbutton-m-quiet-textonly-border-color, var(--spectrum-alias-component-border-color-quiet-default));
  color: var(--spectrum-actionbutton-m-quiet-textonly-text-color, var(--spectrum-alias-component-text-color-default));
}

.spectrum-ActionButton--quiet:hover {
    background-color: var(--spectrum-actionbutton-m-quiet-textonly-background-color-hover, var(--spectrum-alias-component-background-color-quiet-hover));
    border-color: var(--spectrum-actionbutton-m-quiet-textonly-border-color-hover, var(--spectrum-alias-component-border-color-quiet-hover));
    color: var(--spectrum-actionbutton-m-quiet-textonly-text-color-hover, var(--spectrum-alias-component-text-color-hover));
  }

.spectrum-ActionButton--quiet.focus-ring {
    background-color: var(--spectrum-actionbutton-m-quiet-textonly-background-color-key-focus, var(--spectrum-alias-component-background-color-quiet-key-focus));
    border-color: var(--spectrum-actionbutton-m-quiet-textonly-border-color-key-focus, var(--spectrum-alias-component-border-color-quiet-key-focus));
    color: var(--spectrum-actionbutton-m-quiet-textonly-text-color-key-focus, var(--spectrum-alias-component-text-color-key-focus));
  }

.spectrum-ActionButton--quiet:active {
    background-color: var(--spectrum-actionbutton-m-quiet-textonly-background-color-down, var(--spectrum-alias-component-background-color-quiet-down));
    border-color: var(--spectrum-actionbutton-m-quiet-textonly-border-color-down, var(--spectrum-alias-component-border-color-quiet-down));
    color: var(--spectrum-actionbutton-m-quiet-textonly-text-color-down, var(--spectrum-alias-component-text-color-down));
  }

.spectrum-ActionButton--quiet:disabled,
  .spectrum-ActionButton--quiet.is-disabled {
    background-color: var(--spectrum-actionbutton-m-quiet-textonly-background-color-disabled, var(--spectrum-alias-component-background-color-quiet-disabled));
    border-color: var(--spectrum-actionbutton-m-quiet-textonly-border-color-disabled, var(--spectrum-alias-component-border-color-quiet-disabled));
    color: var(--spectrum-actionbutton-m-quiet-textonly-text-color-disabled, var(--spectrum-alias-component-text-color-disabled));
  }

.spectrum-ActionButton--quiet.is-selected {
    background-color: var(--spectrum-actionbutton-m-quiet-textonly-background-color-selected, var(--spectrum-alias-component-background-color-selected-default));
    border-color: var(--spectrum-actionbutton-m-quiet-textonly-border-color-selected, var(--spectrum-alias-component-border-color-quiet-selected-default));
    color: var(--spectrum-actionbutton-m-quiet-textonly-text-color-selected, var(--spectrum-alias-component-text-color-selected-default));
  }

.spectrum-ActionButton--quiet.is-selected.focus-ring {
      background-color: var(--spectrum-actionbutton-m-quiet-textonly-background-color-selected-key-focus, var(--spectrum-alias-component-background-color-quiet-selected-key-focus));
      border-color: var(--spectrum-actionbutton-m-quiet-textonly-border-color-selected-key-focus, var(--spectrum-alias-component-border-color-quiet-selected-key-focus));
      color: var(--spectrum-actionbutton-m-quiet-textonly-text-color-selected-key-focus, var(--spectrum-alias-component-text-color-selected-key-focus));
    }

.spectrum-ActionButton--quiet.is-selected:hover {
      background-color: var(--spectrum-actionbutton-m-quiet-textonly-background-color-selected-hover, var(--spectrum-alias-component-background-color-quiet-selected-hover));
      border-color: var(--spectrum-actionbutton-m-quiet-textonly-border-color-selected-hover, var(--spectrum-alias-component-border-color-quiet-selected-hover));
      color: var(--spectrum-actionbutton-m-quiet-textonly-text-color-selected-hover, var(--spectrum-alias-component-text-color-selected-hover));
    }

.spectrum-ActionButton--quiet.is-selected:active {
      background-color: var(--spectrum-actionbutton-m-quiet-textonly-background-color-selected-down, var(--spectrum-alias-component-background-color-quiet-selected-down));
      border-color: var(--spectrum-actionbutton-m-quiet-textonly-border-color-selected-down, var(--spectrum-alias-component-border-color-quiet-selected-down));
      color: var(--spectrum-actionbutton-m-quiet-textonly-text-color-selected-down, var(--spectrum-alias-component-text-color-selected-down));
    }

.spectrum-ActionButton--quiet.is-selected:disabled,
    .spectrum-ActionButton--quiet.is-selected.is-disabled {
      background-color: var(--spectrum-actionbutton-m-quiet-textonly-background-color-selected-disabled, var(--spectrum-alias-component-background-color-quiet-selected-disabled));
      border-color: var(--spectrum-actionbutton-m-quiet-textonly-border-color-selected-disabled, var(--spectrum-alias-component-border-color-quiet-disabled));
      color: var(--spectrum-actionbutton-m-quiet-textonly-text-color-selected-disabled, var(--spectrum-alias-component-text-color-disabled));
    }

.spectrum-ActionButton--staticBlack,
.spectrum-ActionButton--staticWhite {
  --spectrum-global-color-static-black-rgb: 0, 0, 0;
  --spectrum-global-color-static-white-rgb: 255, 255, 255;
  --spectrum-ActionButton-static-black-color: var(--spectrum-global-color-static-black, rgb(var(--spectrum-global-color-static-black-rgb)));
  --spectrum-ActionButton-static-white-color: var(--spectrum-global-color-static-white, rgb(var(--spectrum-global-color-static-white-rgb)));
}

.spectrum-ActionButton--staticBlack.is-selected, .spectrum-ActionButton--staticWhite.is-selected {
    color: inherit !important;
  }

@media (forced-colors: active) {
  .spectrum-ActionButton {
    --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected: HighlightText;
    --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-disabled: GrayText;
    --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-down: HighlightText;
    --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-hover: HighlightText;
    --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-key-focus: HighlightText;
    --spectrum-actionbutton-m-emphasized-textonly-background-color-selected: Highlight;
    --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-disabled: ButtonFace;
    --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-down: Highlight;
    --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-hover: Highlight;
    --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-key-focus: Highlight;
    --spectrum-actionbutton-m-emphasized-textonly-border-color-selected: HighlightText;
    --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-disabled: GrayText;
    --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-down: HighlightText;
    --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-hover: HighlightText;
    --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-key-focus: HighlightText;
    --spectrum-actionbutton-m-emphasized-textonly-text-color-selected: HighlightText;
    --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-disabled: GrayText;
    --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-down: HighlightText;
    --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-hover: HighlightText;
    --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-key-focus: HighlightText;
    --spectrum-actionbutton-m-quiet-textonly-background-color: ButtonFace;
    --spectrum-actionbutton-m-quiet-textonly-background-color-disabled: ButtonFace;
    --spectrum-actionbutton-m-quiet-textonly-background-color-down: ButtonFace;
    --spectrum-actionbutton-m-quiet-textonly-background-color-hover: ButtonFace;
    --spectrum-actionbutton-m-quiet-textonly-background-color-key-focus: ButtonFace;
    --spectrum-actionbutton-m-quiet-textonly-background-color-selected: Highlight;
    --spectrum-actionbutton-m-quiet-textonly-background-color-selected-disabled: ButtonFace;
    --spectrum-actionbutton-m-quiet-textonly-background-color-selected-down: Highlight;
    --spectrum-actionbutton-m-quiet-textonly-background-color-selected-hover: Highlight;
    --spectrum-actionbutton-m-quiet-textonly-background-color-selected-key-focus: Highlight;
    --spectrum-actionbutton-m-quiet-textonly-border-color: ButtonFace;
    --spectrum-actionbutton-m-quiet-textonly-border-color-disabled: ButtonFace;
    --spectrum-actionbutton-m-quiet-textonly-border-color-down: ButtonFace;
    --spectrum-actionbutton-m-quiet-textonly-border-color-hover: ButtonFace;
    --spectrum-actionbutton-m-quiet-textonly-border-color-key-focus: Highlight;
    --spectrum-actionbutton-m-quiet-textonly-border-color-selected: HighlightText;
    --spectrum-actionbutton-m-quiet-textonly-border-color-selected-disabled: GrayText;
    --spectrum-actionbutton-m-quiet-textonly-border-color-selected-down: HighlightText;
    --spectrum-actionbutton-m-quiet-textonly-border-color-selected-hover: HighlightText;
    --spectrum-actionbutton-m-quiet-textonly-border-color-selected-key-focus: HighlightText;
    --spectrum-actionbutton-m-quiet-textonly-text-color: ButtonText;
    --spectrum-actionbutton-m-quiet-textonly-text-color-disabled: GrayText;
    --spectrum-actionbutton-m-quiet-textonly-text-color-down: ButtonText;
    --spectrum-actionbutton-m-quiet-textonly-text-color-hover: ButtonText;
    --spectrum-actionbutton-m-quiet-textonly-text-color-key-focus: ButtonText;
    --spectrum-actionbutton-m-quiet-textonly-text-color-selected: HighlightText;
    --spectrum-actionbutton-m-quiet-textonly-text-color-selected-disabled: GrayText;
    --spectrum-actionbutton-m-quiet-textonly-text-color-selected-down: HighlightText;
    --spectrum-actionbutton-m-quiet-textonly-text-color-selected-hover: HighlightText;
    --spectrum-actionbutton-m-quiet-textonly-text-color-selected-key-focus: HighlightText;
    --spectrum-actionbutton-m-texticon-icon-color: ButtonText;
    --spectrum-actionbutton-m-texticon-icon-color-disabled: GrayText;
    --spectrum-actionbutton-m-texticon-icon-color-hover: ButtonText;
    --spectrum-actionbutton-m-texticon-icon-color-key-focus: ButtonText;
    --spectrum-actionbutton-m-texticon-icon-color-selected: HighlightText;
    --spectrum-actionbutton-m-texticon-icon-color-selected-disabled: GrayText;
    --spectrum-actionbutton-m-texticon-icon-color-selected-down: HighlightText;
    --spectrum-actionbutton-m-texticon-icon-color-selected-hover: HighlightText;
    --spectrum-actionbutton-m-texticon-icon-color-selected-key-focus: HighlightText;
    --spectrum-actionbutton-m-textonly-background-color: ButtonFace;
    --spectrum-actionbutton-m-textonly-background-color-disabled: ButtonFace;
    --spectrum-actionbutton-m-textonly-background-color-down: ButtonFace;
    --spectrum-actionbutton-m-textonly-background-color-hover: ButtonFace;
    --spectrum-actionbutton-m-textonly-background-color-key-focus: ButtonFace;
    --spectrum-actionbutton-m-textonly-background-color-selected: Highlight;
    --spectrum-actionbutton-m-textonly-background-color-selected-disabled: ButtonFace;
    --spectrum-actionbutton-m-textonly-background-color-selected-down: Highlight;
    --spectrum-actionbutton-m-textonly-background-color-selected-hover: Highlight;
    --spectrum-actionbutton-m-textonly-background-color-selected-key-focus: Highlight;
    --spectrum-actionbutton-m-textonly-border-color: ButtonText;
    --spectrum-actionbutton-m-textonly-border-color-disabled: GrayText;
    --spectrum-actionbutton-m-textonly-border-color-down: ButtonText;
    --spectrum-actionbutton-m-textonly-border-color-hover: ButtonText;
    --spectrum-actionbutton-m-textonly-border-color-key-focus: Highlight;
    --spectrum-actionbutton-m-textonly-border-color-selected: HighlightText;
    --spectrum-actionbutton-m-textonly-border-color-selected-disabled: GrayText;
    --spectrum-actionbutton-m-textonly-border-color-selected-down: HighlightText;
    --spectrum-actionbutton-m-textonly-border-color-selected-hover: HighlightText;
    --spectrum-actionbutton-m-textonly-border-color-selected-key-focus: HighlightText;
    --spectrum-actionbutton-m-textonly-hold-icon-color: ButtonText;
    --spectrum-actionbutton-m-textonly-hold-icon-color-disabled: GrayText;
    --spectrum-actionbutton-m-textonly-hold-icon-color-down: ButtonText;
    --spectrum-actionbutton-m-textonly-hold-icon-color-hover: ButtonText;
    --spectrum-actionbutton-m-textonly-hold-icon-color-key-focus: ButtonText;
    --spectrum-actionbutton-m-textonly-text-color: ButtonText;
    --spectrum-actionbutton-m-textonly-text-color-disabled: GrayText;
    --spectrum-actionbutton-m-textonly-text-color-down: ButtonText;
    --spectrum-actionbutton-m-textonly-text-color-hover: ButtonText;
    --spectrum-actionbutton-m-textonly-text-color-key-focus: ButtonText;
    --spectrum-actionbutton-m-textonly-text-color-selected: HighlightText;
    --spectrum-actionbutton-m-textonly-text-color-selected-disabled: GrayText;
    --spectrum-actionbutton-m-textonly-text-color-selected-down: HighlightText;
    --spectrum-actionbutton-m-textonly-text-color-selected-hover: HighlightText;
    --spectrum-actionbutton-m-textonly-text-color-selected-key-focus: HighlightText;

    forced-color-adjust: none;
  }
          .spectrum-ActionButton.spectrum-ActionButton--quiet.spectrum-ActionButton--emphasized:not(:disabled, .is-disabled):hover {
            background-color: var(--spectrum-actionbutton-m-emphasized-textonly-background-color-selected-hover, var(--spectrum-alias-component-background-color-emphasized-selected-hover));
            border-color: var(--spectrum-actionbutton-m-emphasized-textonly-border-color-selected-hover, var(--spectrum-alias-component-border-color-emphasized-selected-hover));
            color: var(--spectrum-actionbutton-m-emphasized-textonly-text-color-selected-hover, var(--spectrum-alias-component-text-color-emphasized-selected-hover));
          }

          .spectrum-ActionButton.spectrum-ActionButton--quiet.spectrum-ActionButton--emphasized:not(:disabled, .is-disabled).is-active {
            background-color: var(--spectrum-actionbutton-m-emphasized-textonly-background-color-selected-down, var(--spectrum-alias-component-background-color-emphasized-selected-down));
            border-color: var(--spectrum-actionbutton-m-emphasized-textonly-border-color-selected-down, var(--spectrum-alias-component-border-color-emphasized-selected-down));
            color: var(--spectrum-actionbutton-m-emphasized-textonly-text-color-selected-down, var(--spectrum-alias-component-text-color-emphasized-selected-down));
          }
}