Socket
Socket
Sign inDemoInstall

@spectrum-web-components/action-button

Package Overview
Dependencies
Maintainers
7
Versions
185
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@spectrum-web-components/action-button - npm Package Compare versions

Comparing version 0.5.8-lit-next.0 to 0.5.8

12

package.json
{
"name": "@spectrum-web-components/action-button",
"version": "0.5.8-lit-next.0+f164d1376",
"version": "0.5.8",
"publishConfig": {

@@ -47,6 +47,6 @@ "access": "public"

"dependencies": {
"@spectrum-web-components/base": "^0.4.6-lit-next.124+f164d1376",
"@spectrum-web-components/button": "^0.14.8-lit-next.0+f164d1376",
"@spectrum-web-components/icon": "^0.9.11-lit-next.42+f164d1376",
"@spectrum-web-components/icons-ui": "^0.6.11-lit-next.42+f164d1376",
"@spectrum-web-components/base": "^0.4.5",
"@spectrum-web-components/button": "^0.14.8",
"@spectrum-web-components/icon": "^0.9.11",
"@spectrum-web-components/icons-ui": "^0.6.11",
"tslib": "^2.0.0"

@@ -62,3 +62,3 @@ },

],
"gitHead": "f164d13764897c13e8da5012f3659b294c240c62"
"gitHead": "d7f2ca747a902cf8b632cc8491fa675419297180"
}

534

src/action-button.css.js

@@ -14,5 +14,537 @@ /*

const styles = css `
:host{--spectrum-button-line-height:1.3;box-sizing:border-box;align-items:center;justify-content:center;overflow:visible;margin:0;border-style:solid;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;vertical-align:top;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;text-decoration:none;font-family:var(--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base));line-height:var(--spectrum-button-line-height);user-select:none;-webkit-user-select:none;cursor:pointer}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;padding:0;margin-top:-2px;margin-bottom:-2px}:host(:disabled){cursor:default}::slotted([slot=icon]){max-height:100%}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host([size=s]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-actionbutton-s-quiet-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-actionbutton-s-quiet-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-actionbutton-s-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-quiet-text-size:var(--spectrum-actionbutton-s-quiet-text-size,var(--spectrum-alias-item-text-size-s));--spectrum-actionbutton-border-size:var(--spectrum-actionbutton-s-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-border-radius:var(--spectrum-actionbutton-s-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-min-width:var(--spectrum-actionbutton-s-min-width,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-text-font-weight:var(--spectrum-actionbutton-s-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-text-line-height:var(--spectrum-actionbutton-s-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-actionbutton-text-size:var(--spectrum-actionbutton-s-text-size,var(--spectrum-alias-item-text-size-s));--spectrum-actionbutton-icon-gap:var(--spectrum-actionbutton-s-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-s));--spectrum-actionbutton-height:var(--spectrum-actionbutton-s-height,var(--spectrum-alias-item-height-s));--spectrum-actionbutton-padding-left:var(--spectrum-actionbutton-s-padding-left,var(--spectrum-alias-item-workflow-padding-left-s));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-actionbutton-s-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-s));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-actionbutton-s-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-s));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-actionbutton-s-textonly-padding-left,var(--spectrum-alias-item-padding-s));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-actionbutton-s-textonly-padding-right,var(--spectrum-alias-item-padding-s));--spectrum-actionbutton-hold-icon-padding-bottom:var(--spectrum-global-dimension-size-25);--spectrum-actionbutton-hold-icon-padding-right:var(--spectrum-global-dimension-size-25)}:host([size=m]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-actionbutton-m-quiet-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-actionbutton-m-quiet-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-actionbutton-m-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-quiet-text-size:var(--spectrum-actionbutton-m-quiet-text-size,var(--spectrum-alias-item-text-size-m));--spectrum-actionbutton-border-size:var(--spectrum-actionbutton-m-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-border-radius:var(--spectrum-actionbutton-m-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-min-width:var(--spectrum-actionbutton-m-min-width,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-text-font-weight:var(--spectrum-actionbutton-m-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-text-line-height:var(--spectrum-actionbutton-m-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-actionbutton-text-size:var(--spectrum-actionbutton-m-text-size,var(--spectrum-alias-item-text-size-m));--spectrum-actionbutton-height:var(--spectrum-actionbutton-m-height,var(--spectrum-alias-item-height-m));--spectrum-actionbutton-icon-gap:var(--spectrum-actionbutton-m-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-m));--spectrum-actionbutton-padding-left:var(--spectrum-actionbutton-m-padding-left,var(--spectrum-alias-item-workflow-padding-left-m));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-actionbutton-m-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-m));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-actionbutton-m-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-m));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-actionbutton-m-textonly-padding-left,var(--spectrum-alias-item-padding-m));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-actionbutton-m-textonly-padding-right,var(--spectrum-alias-item-padding-m));--spectrum-actionbutton-hold-icon-padding-bottom:var(--spectrum-global-dimension-size-40);--spectrum-actionbutton-hold-icon-padding-right:var(--spectrum-global-dimension-size-40)}:host([size=l]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-actionbutton-l-quiet-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-actionbutton-l-quiet-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-actionbutton-l-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-quiet-text-size:var(--spectrum-actionbutton-l-quiet-text-size,var(--spectrum-alias-item-text-size-l));--spectrum-actionbutton-border-size:var(--spectrum-actionbutton-l-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-border-radius:var(--spectrum-actionbutton-l-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-min-width:var(--spectrum-actionbutton-l-min-width,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-text-font-weight:var(--spectrum-actionbutton-l-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-text-line-height:var(--spectrum-actionbutton-l-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-actionbutton-text-size:var(--spectrum-actionbutton-l-text-size,var(--spectrum-alias-item-text-size-l));--spectrum-actionbutton-icon-gap:var(--spectrum-actionbutton-l-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l));--spectrum-actionbutton-height:var(--spectrum-actionbutton-l-height,var(--spectrum-alias-item-height-l));--spectrum-actionbutton-padding-left:var(--spectrum-actionbutton-l-padding-left,var(--spectrum-alias-item-workflow-padding-left-l));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-actionbutton-l-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-l));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-actionbutton-l-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-l));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-actionbutton-l-textonly-padding-left,var(--spectrum-alias-item-padding-l));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-actionbutton-l-textonly-padding-right,var(--spectrum-alias-item-padding-l));--spectrum-actionbutton-hold-icon-padding-bottom:var(--spectrum-global-dimension-size-50);--spectrum-actionbutton-hold-icon-padding-right:var(--spectrum-global-dimension-size-50)}:host([size=xl]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-actionbutton-xl-quiet-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-actionbutton-xl-quiet-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-actionbutton-xl-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-quiet-text-size:var(--spectrum-actionbutton-xl-quiet-text-size,var(--spectrum-alias-item-text-size-xl));--spectrum-actionbutton-border-size:var(--spectrum-actionbutton-xl-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-border-radius:var(--spectrum-actionbutton-xl-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-min-width:var(--spectrum-actionbutton-xl-min-width,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-text-font-weight:var(--spectrum-actionbutton-xl-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-text-line-height:var(--spectrum-actionbutton-xl-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-actionbutton-icon-gap:var(--spectrum-actionbutton-xl-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l));--spectrum-actionbutton-text-size:var(--spectrum-actionbutton-xl-text-size,var(--spectrum-alias-item-text-size-xl));--spectrum-actionbutton-height:var(--spectrum-actionbutton-xl-height,var(--spectrum-alias-item-height-xl));--spectrum-actionbutton-padding-left:var(--spectrum-actionbutton-xl-padding-left,var(--spectrum-alias-item-workflow-padding-left-xl));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-actionbutton-xl-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-xl));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-actionbutton-xl-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-xl));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-actionbutton-xl-textonly-padding-left,var(--spectrum-alias-item-padding-xl));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-actionbutton-xl-textonly-padding-right,var(--spectrum-alias-item-padding-xl));--spectrum-actionbutton-hold-icon-padding-bottom:var(--spectrum-global-dimension-size-65);--spectrum-actionbutton-hold-icon-padding-right:var(--spectrum-global-dimension-size-65)}:host{--spectrum-actionbutton-padding-left-adjusted:calc(var(--spectrum-actionbutton-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-textonly-padding-left-adjusted:calc(var(--spectrum-actionbutton-textonly-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-textonly-padding-right-adjusted:calc(var(--spectrum-actionbutton-textonly-padding-right) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-icononly-padding-left-adjusted:calc(var(--spectrum-actionbutton-icononly-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-icononly-padding-right-adjusted:calc(var(--spectrum-actionbutton-icononly-padding-right) - var(--spectrum-actionbutton-border-size))}:host([dir=ltr]){padding-left:var(--spectrum-actionbutton-textonly-padding-left-adjusted);padding-right:var(--spectrum-actionbutton-textonly-padding-right-adjusted)}:host([dir=rtl]){padding-right:var(--spectrum-actionbutton-textonly-padding-left-adjusted);padding-left:var(--spectrum-actionbutton-textonly-padding-right-adjusted)}:host{position:relative;height:var(--spectrum-actionbutton-height);min-width:var(--spectrum-actionbutton-min-width);border-width:var(--spectrum-actionbutton-border-size);border-radius:var(--spectrum-actionbutton-border-radius);font-size:var(--spectrum-actionbutton-text-size);font-weight:var(--spectrum-actionbutton-text-font-weight);line-height:var(--spectrum-actionbutton-text-line-height)}:host([dir=ltr]) ::slotted([slot=icon]){margin-left:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]){margin-right:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir=ltr]) slot[name=icon]+#label{padding-left:var(--spectrum-actionbutton-icon-gap)}:host([dir=rtl]) slot[name=icon]+#label{padding-right:var(--spectrum-actionbutton-icon-gap)}:host([dir=ltr]) slot[name=icon]+#label{padding-right:0}:host([dir=rtl]) slot[name=icon]+#label{padding-left:0}#hold-affordance+::slotted([slot=icon]),:host([dir]) slot[icon-only]::slotted([slot=icon]),:host([dir]) slot[icon-only] sp-icon{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)))}#label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([dir=ltr]) #hold-affordance{right:var(--spectrum-actionbutton-hold-icon-padding-right)}:host([dir=rtl]) #hold-affordance{left:var(--spectrum-actionbutton-hold-icon-padding-right)}:host([dir=rtl]) #hold-affordance{transform:matrix(-1,0,0,1,0,0)}#hold-affordance{position:absolute;bottom:var(--spectrum-actionbutton-hold-icon-padding-bottom)}:host([quiet]){border-width:var(--spectrum-actionbutton-quiet-border-size);border-radius:var(--spectrum-actionbutton-quiet-border-radius);font-size:var(--spectrum-actionbutton-quiet-text-size);font-weight:var(--spectrum-actionbutton-quiet-text-font-weight)}:host{--spectrum-actionbutton-m-quiet-border-size-key-focus:1px;background-color:var(--spectrum-actionbutton-m-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-actionbutton-m-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-m-text-color,var(--spectrum-alias-text-color))}::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color,var(--spectrum-alias-icon-color))}#hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color,var(--spectrum-alias-icon-color))}:host(:hover){background-color:var(--spectrum-actionbutton-m-background-color-hover,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-border-color-hover,var(--spectrum-alias-border-color-hover));color:var(--spectrum-actionbutton-m-text-color-hover,var(--spectrum-alias-text-color-hover))}:host(:hover) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host(:hover) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host(.focus-visible),:host(.focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-key-focus,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host(.focus-visible),:host(:focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-key-focus,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host(.focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host(.focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host(:focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host(.focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible) #hold-affordance,:host(.focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host(.focus-visible) #hold-affordance,:host(:focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host([active]){background-color:var(--spectrum-actionbutton-m-background-color-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-down,var(--spectrum-alias-border-color-down));color:var(--spectrum-actionbutton-m-text-color-down,var(--spectrum-alias-text-color-down))}:host([active]) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-down,var(--spectrum-alias-icon-color-down))}:host(:disabled),:host([disabled]){background-color:var(--spectrum-actionbutton-m-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-m-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:host(:disabled) ::slotted([slot=icon]),:host([disabled]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host(:disabled) #hold-affordance,:host([disabled]) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host([selected]){background-color:var(--spectrum-actionbutton-m-background-color-selected,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-m-text-color-selected,var(--spectrum-alias-text-color))}:host([selected]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected,var(--spectrum-alias-icon-color))}:host([selected].focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([selected].focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([selected]:focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([selected].focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([selected].focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([selected]:focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([selected].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-key-focus,var(--spectrum-alias-icon-color-hover))}:host([selected].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-key-focus,var(--spectrum-alias-icon-color-hover))}:host([selected]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-key-focus,var(--spectrum-alias-icon-color-hover))}:host([selected]:hover){background-color:var(--spectrum-actionbutton-m-background-color-selected-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-hover,var(--spectrum-alias-border-color-hover));color:var(--spectrum-actionbutton-m-text-color-selected-hover,var(--spectrum-alias-text-color-hover))}:host([selected]:hover) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-hover,var(--spectrum-alias-icon-color-hover))}:host([selected][active]){background-color:var(--spectrum-actionbutton-m-background-color-selected-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-down,var(--spectrum-alias-border-color-down));color:var(--spectrum-actionbutton-m-text-color-selected-down,var(--spectrum-alias-text-color-down))}:host([selected][active]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-down,var(--spectrum-alias-icon-color-down))}:host([selected]:disabled),:host([selected][disabled]){background-color:var(--spectrum-actionbutton-m-background-color-selected-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-m-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}:host([selected]:disabled) ::slotted([slot=icon]),:host([selected][disabled]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled))}:host([emphasized]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-actionbutton-m-emphasized-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-m-emphasized-text-color,var(--spectrum-alias-text-color))}:host([emphasized]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color,var(--spectrum-alias-icon-color))}:host([emphasized]) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color,var(--spectrum-alias-icon-color))}:host([emphasized][selected]) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-selected,var(--spectrum-global-color-static-white))}:host([emphasized][selected]:hover) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white))}:host([emphasized]:hover){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-hover,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-hover,var(--spectrum-alias-border-color-hover));box-shadow:none;color:var(--spectrum-actionbutton-m-emphasized-text-color-hover,var(--spectrum-alias-text-color-hover))}:host([emphasized]:hover) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([emphasized]:hover) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([emphasized].focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-key-focus,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-key-focus,var(--spectrum-alias-border-color-hover));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([emphasized].focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-key-focus,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-key-focus,var(--spectrum-alias-border-color-hover));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([emphasized]:focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-key-focus,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-key-focus,var(--spectrum-alias-border-color-hover));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([emphasized].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([emphasized].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([emphasized]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([emphasized].focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host([emphasized].focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host([emphasized]:focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host([emphasized][active]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-down,var(--spectrum-alias-border-color-down));box-shadow:none;color:var(--spectrum-actionbutton-m-emphasized-text-color-down,var(--spectrum-alias-text-color-down))}:host([emphasized][active]) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-down,var(--spectrum-alias-icon-color-down))}:host([emphasized]:disabled),:host([emphasized][disabled]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-m-emphasized-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:host([emphasized]:disabled) ::slotted([slot=icon]),:host([emphasized][disabled]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host([emphasized]:disabled) #hold-affordance,:host([emphasized][disabled]) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host([emphasized][quiet][selected]),:host([emphasized][selected]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected,var(--spectrum-semantic-cta-color-background-default));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected,var(--spectrum-semantic-cta-color-background-default));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]) ::slotted([slot=icon]),:host([emphasized][selected]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected].focus-visible),:host([emphasized][selected].focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected].focus-visible),:host([emphasized][selected].focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]:focus-visible),:host([emphasized][selected]:focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][selected].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][selected].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]:focus-visible) ::slotted([slot=icon]),:host([emphasized][selected]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]:hover),:host([emphasized][selected]:hover){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]:hover) ::slotted([slot=icon]),:host([emphasized][selected]:hover) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-hover,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected][active]),:host([emphasized][selected][active]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-down,var(--spectrum-semantic-cta-color-background-down));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-down,var(--spectrum-semantic-cta-color-background-down));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-down,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected][active]) ::slotted([slot=icon]),:host([emphasized][selected][active]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-down,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]:disabled),:host([emphasized][quiet][selected][disabled]),:host([emphasized][selected]:disabled),:host([emphasized][selected][disabled]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}:host([emphasized][quiet][selected]:disabled) ::slotted([slot=icon]),:host([emphasized][quiet][selected][disabled]) ::slotted([slot=icon]),:host([emphasized][selected]:disabled) ::slotted([slot=icon]),:host([emphasized][selected][disabled]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled))}:host([quiet]){background-color:var(--spectrum-actionbutton-m-quiet-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-actionbutton-m-quiet-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color,var(--spectrum-alias-text-color))}:host([quiet]:hover){background-color:var(--spectrum-actionbutton-m-quiet-background-color-hover,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-actionbutton-m-quiet-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-hover,var(--spectrum-alias-text-color-hover))}:host([quiet].focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-quiet-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet].focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-quiet-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet]:focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-quiet-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet][active]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-down,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-actionbutton-m-quiet-border-color-down,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-down,var(--spectrum-alias-text-color-down))}:host([quiet]:disabled),:host([quiet][disabled]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-actionbutton-m-quiet-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:host([quiet][selected]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected,var(--spectrum-alias-text-color))}:host([quiet][selected].focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-key-focus,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet][selected].focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-key-focus,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet][selected]:focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-key-focus,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet][selected]:hover){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-hover,var(--spectrum-alias-text-color-hover))}:host([quiet][selected][active]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-down,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-down,var(--spectrum-alias-text-color-down))}:host([quiet][selected]:disabled),:host([quiet][selected][disabled]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}@media (forced-colors:active){:host{forced-color-adjust:none;--spectrum-actionbutton-m-background-color:ButtonFace;--spectrum-actionbutton-m-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-background-color-down:ButtonFace;--spectrum-actionbutton-m-background-color-hover:ButtonFace;--spectrum-actionbutton-m-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-background-color-selected:Highlight;--spectrum-actionbutton-m-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-background-color-selected-down:Highlight;--spectrum-actionbutton-m-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-border-color:ButtonText;--spectrum-actionbutton-m-border-color-disabled:GrayText;--spectrum-actionbutton-m-border-color-down:Highlight;--spectrum-actionbutton-m-border-color-hover:Highlight;--spectrum-actionbutton-m-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-border-color-selected:HighlightText;--spectrum-actionbutton-m-border-color-selected-disabled:GrayText;--spectrum-actionbutton-m-border-color-selected-down:HighlightText;--spectrum-actionbutton-m-border-color-selected-hover:HighlightText;--spectrum-actionbutton-m-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-background-color:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-down:Highlight;--spectrum-actionbutton-m-emphasized-background-color-hover:Highlight;--spectrum-actionbutton-m-emphasized-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-selected:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-selected-down:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-emphasized-border-color:ButtonText;--spectrum-actionbutton-m-emphasized-border-color-disabled:GrayText;--spectrum-actionbutton-m-emphasized-border-color-down:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-hover:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-border-color-selected:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-disabled:GrayText;--spectrum-actionbutton-m-emphasized-border-color-selected-down:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-hover:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-text-color:ButtonText;--spectrum-actionbutton-m-emphasized-text-color-disabled:GrayText;--spectrum-actionbutton-m-emphasized-text-color-down:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-hover:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-text-color-selected:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-emphasized-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-quiet-background-color:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-down:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-hover:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-selected:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-selected-down:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-quiet-border-color:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-down:Highlight;--spectrum-actionbutton-m-quiet-border-color-hover:Highlight;--spectrum-actionbutton-m-quiet-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-border-color-selected:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-down:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-hover:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-text-color:ButtonText;--spectrum-actionbutton-m-quiet-text-color-disabled:GrayText;--spectrum-actionbutton-m-quiet-text-color-down:ButtonText;--spectrum-actionbutton-m-quiet-text-color-hover:ButtonText;--spectrum-actionbutton-m-quiet-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-text-color-selected:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-quiet-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-text-color:ButtonText;--spectrum-actionbutton-m-text-color-disabled:GrayText;--spectrum-actionbutton-m-text-color-down:ButtonText;--spectrum-actionbutton-m-text-color-hover:ButtonText;--spectrum-actionbutton-m-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-text-color-selected:HighlightText;--spectrum-actionbutton-m-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-quiet-border-size-key-focus:3px}:host([quiet][emphasized]:not(:disabled,[disabled]):hover){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white))}:host([quiet][emphasized]:not(:disabled,[disabled])[active]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-down,var(--spectrum-semantic-cta-color-background-down));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-down,var(--spectrum-semantic-cta-color-background-down));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-down,var(--spectrum-global-color-static-white))}}:host{display:inline-flex;flex-direction:row}:host([disabled]){pointer-events:none;cursor:auto}:host([dir]){-webkit-appearance:none}::slotted([slot=icon]){flex-shrink:0}#button{position:absolute;top:0;right:0;bottom:0;left:0}#label{flex-grow:var(--spectrum-actionbutton-label-flex-grow);text-align:var(--spectrum-actionbutton-label-text-align)}:host([size=s]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-s);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-s);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-75);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-75)}:host([size=m]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-m);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-m);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-100);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-100)}:host([size=l]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-l);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-l);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-200);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-200)}:host([size=xl]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-xl);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-xl);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-300);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-300)}
:host{--spectrum-button-line-height:1.3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;font-family:var(
--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)
);justify-content:center;line-height:var(--spectrum-button-line-height);margin:0;overflow:visible;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host(:disabled){cursor:default}::slotted([slot=icon]){max-height:100%}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host([size=s]){--spectrum-actionbutton-quiet-border-size:var(
--spectrum-actionbutton-s-quiet-border-size,var(--spectrum-alias-border-size-thin)
);--spectrum-actionbutton-quiet-border-radius:var(
--spectrum-actionbutton-s-quiet-border-radius,var(--spectrum-alias-border-radius-regular)
);--spectrum-actionbutton-quiet-text-font-weight:var(
--spectrum-actionbutton-s-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight)
);--spectrum-actionbutton-quiet-text-size:var(
--spectrum-actionbutton-s-quiet-text-size,var(--spectrum-alias-item-text-size-s)
);--spectrum-actionbutton-border-size:var(
--spectrum-actionbutton-s-border-size,var(--spectrum-alias-border-size-thin)
);--spectrum-actionbutton-border-radius:var(
--spectrum-actionbutton-s-border-radius,var(--spectrum-alias-border-radius-regular)
);--spectrum-actionbutton-min-width:var(
--spectrum-actionbutton-s-min-width,var(--spectrum-global-dimension-size-400)
);--spectrum-actionbutton-text-font-weight:var(
--spectrum-actionbutton-s-text-font-weight,var(--spectrum-alias-body-text-font-weight)
);--spectrum-actionbutton-text-line-height:var(
--spectrum-actionbutton-s-text-line-height,var(--spectrum-alias-component-text-line-height)
);--spectrum-actionbutton-text-size:var(
--spectrum-actionbutton-s-text-size,var(--spectrum-alias-item-text-size-s)
);--spectrum-actionbutton-icon-gap:var(
--spectrum-actionbutton-s-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-s)
);--spectrum-actionbutton-height:var(
--spectrum-actionbutton-s-height,var(--spectrum-alias-item-height-s)
);--spectrum-actionbutton-padding-left:var(
--spectrum-actionbutton-s-padding-left,var(--spectrum-alias-item-workflow-padding-left-s)
);--spectrum-actionbutton-icononly-padding-left:var(
--spectrum-actionbutton-s-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-s)
);--spectrum-actionbutton-icononly-padding-right:var(
--spectrum-actionbutton-s-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-s)
);--spectrum-actionbutton-textonly-padding-left:var(
--spectrum-actionbutton-s-textonly-padding-left,var(--spectrum-alias-item-padding-s)
);--spectrum-actionbutton-textonly-padding-right:var(
--spectrum-actionbutton-s-textonly-padding-right,var(--spectrum-alias-item-padding-s)
);--spectrum-actionbutton-hold-icon-padding-bottom:var(
--spectrum-global-dimension-size-25
);--spectrum-actionbutton-hold-icon-padding-right:var(
--spectrum-global-dimension-size-25
)}:host([size=m]){--spectrum-actionbutton-quiet-border-size:var(
--spectrum-actionbutton-m-quiet-border-size,var(--spectrum-alias-border-size-thin)
);--spectrum-actionbutton-quiet-border-radius:var(
--spectrum-actionbutton-m-quiet-border-radius,var(--spectrum-alias-border-radius-regular)
);--spectrum-actionbutton-quiet-text-font-weight:var(
--spectrum-actionbutton-m-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight)
);--spectrum-actionbutton-quiet-text-size:var(
--spectrum-actionbutton-m-quiet-text-size,var(--spectrum-alias-item-text-size-m)
);--spectrum-actionbutton-border-size:var(
--spectrum-actionbutton-m-border-size,var(--spectrum-alias-border-size-thin)
);--spectrum-actionbutton-border-radius:var(
--spectrum-actionbutton-m-border-radius,var(--spectrum-alias-border-radius-regular)
);--spectrum-actionbutton-min-width:var(
--spectrum-actionbutton-m-min-width,var(--spectrum-global-dimension-size-400)
);--spectrum-actionbutton-text-font-weight:var(
--spectrum-actionbutton-m-text-font-weight,var(--spectrum-alias-body-text-font-weight)
);--spectrum-actionbutton-text-line-height:var(
--spectrum-actionbutton-m-text-line-height,var(--spectrum-alias-component-text-line-height)
);--spectrum-actionbutton-text-size:var(
--spectrum-actionbutton-m-text-size,var(--spectrum-alias-item-text-size-m)
);--spectrum-actionbutton-height:var(
--spectrum-actionbutton-m-height,var(--spectrum-alias-item-height-m)
);--spectrum-actionbutton-icon-gap:var(
--spectrum-actionbutton-m-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-m)
);--spectrum-actionbutton-padding-left:var(
--spectrum-actionbutton-m-padding-left,var(--spectrum-alias-item-workflow-padding-left-m)
);--spectrum-actionbutton-icononly-padding-left:var(
--spectrum-actionbutton-m-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-m)
);--spectrum-actionbutton-icononly-padding-right:var(
--spectrum-actionbutton-m-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-m)
);--spectrum-actionbutton-textonly-padding-left:var(
--spectrum-actionbutton-m-textonly-padding-left,var(--spectrum-alias-item-padding-m)
);--spectrum-actionbutton-textonly-padding-right:var(
--spectrum-actionbutton-m-textonly-padding-right,var(--spectrum-alias-item-padding-m)
);--spectrum-actionbutton-hold-icon-padding-bottom:var(
--spectrum-global-dimension-size-40
);--spectrum-actionbutton-hold-icon-padding-right:var(
--spectrum-global-dimension-size-40
)}:host([size=l]){--spectrum-actionbutton-quiet-border-size:var(
--spectrum-actionbutton-l-quiet-border-size,var(--spectrum-alias-border-size-thin)
);--spectrum-actionbutton-quiet-border-radius:var(
--spectrum-actionbutton-l-quiet-border-radius,var(--spectrum-alias-border-radius-regular)
);--spectrum-actionbutton-quiet-text-font-weight:var(
--spectrum-actionbutton-l-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight)
);--spectrum-actionbutton-quiet-text-size:var(
--spectrum-actionbutton-l-quiet-text-size,var(--spectrum-alias-item-text-size-l)
);--spectrum-actionbutton-border-size:var(
--spectrum-actionbutton-l-border-size,var(--spectrum-alias-border-size-thin)
);--spectrum-actionbutton-border-radius:var(
--spectrum-actionbutton-l-border-radius,var(--spectrum-alias-border-radius-regular)
);--spectrum-actionbutton-min-width:var(
--spectrum-actionbutton-l-min-width,var(--spectrum-global-dimension-size-400)
);--spectrum-actionbutton-text-font-weight:var(
--spectrum-actionbutton-l-text-font-weight,var(--spectrum-alias-body-text-font-weight)
);--spectrum-actionbutton-text-line-height:var(
--spectrum-actionbutton-l-text-line-height,var(--spectrum-alias-component-text-line-height)
);--spectrum-actionbutton-text-size:var(
--spectrum-actionbutton-l-text-size,var(--spectrum-alias-item-text-size-l)
);--spectrum-actionbutton-icon-gap:var(
--spectrum-actionbutton-l-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l)
);--spectrum-actionbutton-height:var(
--spectrum-actionbutton-l-height,var(--spectrum-alias-item-height-l)
);--spectrum-actionbutton-padding-left:var(
--spectrum-actionbutton-l-padding-left,var(--spectrum-alias-item-workflow-padding-left-l)
);--spectrum-actionbutton-icononly-padding-left:var(
--spectrum-actionbutton-l-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-l)
);--spectrum-actionbutton-icononly-padding-right:var(
--spectrum-actionbutton-l-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-l)
);--spectrum-actionbutton-textonly-padding-left:var(
--spectrum-actionbutton-l-textonly-padding-left,var(--spectrum-alias-item-padding-l)
);--spectrum-actionbutton-textonly-padding-right:var(
--spectrum-actionbutton-l-textonly-padding-right,var(--spectrum-alias-item-padding-l)
);--spectrum-actionbutton-hold-icon-padding-bottom:var(
--spectrum-global-dimension-size-50
);--spectrum-actionbutton-hold-icon-padding-right:var(
--spectrum-global-dimension-size-50
)}:host([size=xl]){--spectrum-actionbutton-quiet-border-size:var(
--spectrum-actionbutton-xl-quiet-border-size,var(--spectrum-alias-border-size-thin)
);--spectrum-actionbutton-quiet-border-radius:var(
--spectrum-actionbutton-xl-quiet-border-radius,var(--spectrum-alias-border-radius-regular)
);--spectrum-actionbutton-quiet-text-font-weight:var(
--spectrum-actionbutton-xl-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight)
);--spectrum-actionbutton-quiet-text-size:var(
--spectrum-actionbutton-xl-quiet-text-size,var(--spectrum-alias-item-text-size-xl)
);--spectrum-actionbutton-border-size:var(
--spectrum-actionbutton-xl-border-size,var(--spectrum-alias-border-size-thin)
);--spectrum-actionbutton-border-radius:var(
--spectrum-actionbutton-xl-border-radius,var(--spectrum-alias-border-radius-regular)
);--spectrum-actionbutton-min-width:var(
--spectrum-actionbutton-xl-min-width,var(--spectrum-global-dimension-size-400)
);--spectrum-actionbutton-text-font-weight:var(
--spectrum-actionbutton-xl-text-font-weight,var(--spectrum-alias-body-text-font-weight)
);--spectrum-actionbutton-text-line-height:var(
--spectrum-actionbutton-xl-text-line-height,var(--spectrum-alias-component-text-line-height)
);--spectrum-actionbutton-icon-gap:var(
--spectrum-actionbutton-xl-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l)
);--spectrum-actionbutton-text-size:var(
--spectrum-actionbutton-xl-text-size,var(--spectrum-alias-item-text-size-xl)
);--spectrum-actionbutton-height:var(
--spectrum-actionbutton-xl-height,var(--spectrum-alias-item-height-xl)
);--spectrum-actionbutton-padding-left:var(
--spectrum-actionbutton-xl-padding-left,var(--spectrum-alias-item-workflow-padding-left-xl)
);--spectrum-actionbutton-icononly-padding-left:var(
--spectrum-actionbutton-xl-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-xl)
);--spectrum-actionbutton-icononly-padding-right:var(
--spectrum-actionbutton-xl-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-xl)
);--spectrum-actionbutton-textonly-padding-left:var(
--spectrum-actionbutton-xl-textonly-padding-left,var(--spectrum-alias-item-padding-xl)
);--spectrum-actionbutton-textonly-padding-right:var(
--spectrum-actionbutton-xl-textonly-padding-right,var(--spectrum-alias-item-padding-xl)
);--spectrum-actionbutton-hold-icon-padding-bottom:var(
--spectrum-global-dimension-size-65
);--spectrum-actionbutton-hold-icon-padding-right:var(
--spectrum-global-dimension-size-65
)}:host{--spectrum-actionbutton-padding-left-adjusted:calc(var(--spectrum-actionbutton-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-textonly-padding-left-adjusted:calc(var(--spectrum-actionbutton-textonly-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-textonly-padding-right-adjusted:calc(var(--spectrum-actionbutton-textonly-padding-right) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-icononly-padding-left-adjusted:calc(var(--spectrum-actionbutton-icononly-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-icononly-padding-right-adjusted:calc(var(--spectrum-actionbutton-icononly-padding-right) - var(--spectrum-actionbutton-border-size))}:host([dir=ltr]){padding-left:var(
--spectrum-actionbutton-textonly-padding-left-adjusted
);padding-right:var(--spectrum-actionbutton-textonly-padding-right-adjusted)}:host([dir=rtl]){padding-left:var(--spectrum-actionbutton-textonly-padding-right-adjusted);padding-right:var(
--spectrum-actionbutton-textonly-padding-left-adjusted
)}:host{border-radius:var(--spectrum-actionbutton-border-radius);border-width:var(--spectrum-actionbutton-border-size);font-size:var(--spectrum-actionbutton-text-size);font-weight:var(--spectrum-actionbutton-text-font-weight);height:var(--spectrum-actionbutton-height);line-height:var(--spectrum-actionbutton-text-line-height);min-width:var(--spectrum-actionbutton-min-width);position:relative}:host([dir=ltr]) ::slotted([slot=icon]){margin-left:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]){margin-right:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir=ltr]) slot[name=icon]+#label{padding-left:var(
--spectrum-actionbutton-icon-gap
)}:host([dir=rtl]) slot[name=icon]+#label{padding-right:var(
--spectrum-actionbutton-icon-gap
)}:host([dir=ltr]) slot[name=icon]+#label{padding-right:0}:host([dir=rtl]) slot[name=icon]+#label{padding-left:0}#hold-affordance+::slotted([slot=icon]),:host([dir]) slot[icon-only]::slotted([slot=icon]),:host([dir]) slot[icon-only] sp-icon{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)))}#label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) #hold-affordance{right:var(
--spectrum-actionbutton-hold-icon-padding-right
)}:host([dir=rtl]) #hold-affordance{left:var(
--spectrum-actionbutton-hold-icon-padding-right
)}:host([dir=rtl]) #hold-affordance{transform:matrix(-1,0,0,1,0,0)}#hold-affordance{bottom:var(--spectrum-actionbutton-hold-icon-padding-bottom);position:absolute}:host([quiet]){border-radius:var(--spectrum-actionbutton-quiet-border-radius);border-width:var(
--spectrum-actionbutton-quiet-border-size
);font-size:var(--spectrum-actionbutton-quiet-text-size);font-weight:var(--spectrum-actionbutton-quiet-text-font-weight)}:host{--spectrum-actionbutton-m-quiet-border-size-key-focus:1px}:host{background-color:var(
--spectrum-actionbutton-m-background-color,var(--spectrum-global-color-gray-75)
);border-color:var(
--spectrum-actionbutton-m-border-color,var(--spectrum-alias-border-color)
);color:var(
--spectrum-actionbutton-m-text-color,var(--spectrum-alias-text-color)
)}::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-icon-color,var(--spectrum-alias-icon-color)
)}#hold-affordance{color:var(
--spectrum-actionbutton-m-hold-icon-color,var(--spectrum-alias-icon-color)
)}:host(:hover){background-color:var(
--spectrum-actionbutton-m-background-color-hover,var(--spectrum-global-color-gray-50)
);border-color:var(
--spectrum-actionbutton-m-border-color-hover,var(--spectrum-alias-border-color-hover)
);color:var(
--spectrum-actionbutton-m-text-color-hover,var(--spectrum-alias-text-color-hover)
)}:host(:hover) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-icon-color-hover,var(--spectrum-alias-icon-color-hover)
)}:host(:hover) #hold-affordance{color:var(
--spectrum-actionbutton-m-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover)
)}:host(.focus-visible){background-color:var(
--spectrum-actionbutton-m-background-color-key-focus,var(--spectrum-global-color-gray-50)
);border-color:var(
--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
);box-shadow:0 0 0 var(
--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)
) var(
--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
);color:var(
--spectrum-actionbutton-m-text-color-key-focus,var(--spectrum-alias-text-color-hover)
)}:host(:focus-visible){background-color:var(
--spectrum-actionbutton-m-background-color-key-focus,var(--spectrum-global-color-gray-50)
);border-color:var(
--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
);box-shadow:0 0 0 var(
--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)
) var(
--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
);color:var(
--spectrum-actionbutton-m-text-color-key-focus,var(--spectrum-alias-text-color-hover)
)}:host(.focus-visible[active]){border-color:var(
--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
)}:host(:focus-visible[active]){border-color:var(
--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
)}:host(.focus-visible) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)
)}:host(:focus-visible) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)
)}:host(.focus-visible) #hold-affordance{color:var(
--spectrum-actionbutton-m-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover)
)}:host(:focus-visible) #hold-affordance{color:var(
--spectrum-actionbutton-m-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover)
)}:host([active]){background-color:var(
--spectrum-actionbutton-m-background-color-down,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-border-color-down,var(--spectrum-alias-border-color-down)
);color:var(
--spectrum-actionbutton-m-text-color-down,var(--spectrum-alias-text-color-down)
)}:host([active]) #hold-affordance{color:var(
--spectrum-actionbutton-m-hold-icon-color-down,var(--spectrum-alias-icon-color-down)
)}:host(:disabled),:host([disabled]){background-color:var(
--spectrum-actionbutton-m-background-color-disabled,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-border-color-disabled,var(--spectrum-alias-border-color-disabled)
);color:var(
--spectrum-actionbutton-m-text-color-disabled,var(--spectrum-alias-text-color-disabled)
)}:host(:disabled) ::slotted([slot=icon]),:host([disabled]) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)
)}:host(:disabled) #hold-affordance,:host([disabled]) #hold-affordance{color:var(
--spectrum-actionbutton-m-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)
)}:host([selected]){background-color:var(
--spectrum-actionbutton-m-background-color-selected,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-border-color-selected,var(--spectrum-alias-border-color)
);color:var(
--spectrum-actionbutton-m-text-color-selected,var(--spectrum-alias-text-color)
)}:host([selected]) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-icon-color-selected,var(--spectrum-alias-icon-color)
)}:host([selected].focus-visible){background-color:var(
--spectrum-actionbutton-m-background-color-selected-key-focus,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus)
);color:var(
--spectrum-actionbutton-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover)
)}:host([selected]:focus-visible){background-color:var(
--spectrum-actionbutton-m-background-color-selected-key-focus,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus)
);color:var(
--spectrum-actionbutton-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover)
)}:host([selected].focus-visible[active]){border-color:var(
--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
)}:host([selected]:focus-visible[active]){border-color:var(
--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
)}:host([selected].focus-visible) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-icon-color-selected-key-focus,var(--spectrum-alias-icon-color-hover)
)}:host([selected]:focus-visible) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-icon-color-selected-key-focus,var(--spectrum-alias-icon-color-hover)
)}:host([selected]:hover){background-color:var(
--spectrum-actionbutton-m-background-color-selected-hover,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-border-color-selected-hover,var(--spectrum-alias-border-color-hover)
);color:var(
--spectrum-actionbutton-m-text-color-selected-hover,var(--spectrum-alias-text-color-hover)
)}:host([selected]:hover) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-icon-color-selected-hover,var(--spectrum-alias-icon-color-hover)
)}:host([selected][active]){background-color:var(
--spectrum-actionbutton-m-background-color-selected-down,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-border-color-selected-down,var(--spectrum-alias-border-color-down)
);color:var(
--spectrum-actionbutton-m-text-color-selected-down,var(--spectrum-alias-text-color-down)
)}:host([selected][active]) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-icon-color-selected-down,var(--spectrum-alias-icon-color-down)
)}:host([selected]:disabled),:host([selected][disabled]){background-color:var(
--spectrum-actionbutton-m-background-color-selected-disabled,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled)
);color:var(
--spectrum-actionbutton-m-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled)
)}:host([selected]:disabled) ::slotted([slot=icon]),:host([selected][disabled]) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled)
)}:host([emphasized]){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color,var(--spectrum-global-color-gray-75)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color,var(--spectrum-alias-border-color)
);color:var(
--spectrum-actionbutton-m-emphasized-text-color,var(--spectrum-alias-text-color)
)}:host([emphasized]) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-emphasized-icon-color,var(--spectrum-alias-icon-color)
)}:host([emphasized]) #hold-affordance{color:var(
--spectrum-actionbutton-m-emphasized-hold-icon-color,var(--spectrum-alias-icon-color)
)}:host([emphasized][selected]) #hold-affordance{color:var(
--spectrum-actionbutton-m-emphasized-hold-icon-color-selected,var(--spectrum-global-color-static-white)
)}:host([emphasized][selected]:hover) #hold-affordance{color:var(
--spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white)
)}:host([emphasized]:hover){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-hover,var(--spectrum-global-color-gray-50)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-hover,var(--spectrum-alias-border-color-hover)
);box-shadow:none;color:var(
--spectrum-actionbutton-m-emphasized-text-color-hover,var(--spectrum-alias-text-color-hover)
)}:host([emphasized]:hover) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-emphasized-icon-color-hover,var(--spectrum-alias-icon-color-hover)
)}:host([emphasized]:hover) #hold-affordance{color:var(
--spectrum-actionbutton-m-emphasized-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover)
)}:host([emphasized].focus-visible){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-key-focus,var(--spectrum-global-color-gray-50)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-key-focus,var(--spectrum-alias-border-color-hover)
);box-shadow:0 0 0 var(
--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)
) var(
--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
);color:var(
--spectrum-actionbutton-m-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover)
)}:host([emphasized]:focus-visible){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-key-focus,var(--spectrum-global-color-gray-50)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-key-focus,var(--spectrum-alias-border-color-hover)
);box-shadow:0 0 0 var(
--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)
) var(
--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
);color:var(
--spectrum-actionbutton-m-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover)
)}:host([emphasized].focus-visible) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-emphasized-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)
)}:host([emphasized]:focus-visible) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-emphasized-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)
)}:host([emphasized].focus-visible) #hold-affordance{color:var(
--spectrum-actionbutton-m-emphasized-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover)
)}:host([emphasized]:focus-visible) #hold-affordance{color:var(
--spectrum-actionbutton-m-emphasized-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover)
)}:host([emphasized][active]){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-down,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-down,var(--spectrum-alias-border-color-down)
);box-shadow:none;color:var(
--spectrum-actionbutton-m-emphasized-text-color-down,var(--spectrum-alias-text-color-down)
)}:host([emphasized][active]) #hold-affordance{color:var(
--spectrum-actionbutton-m-emphasized-hold-icon-color-down,var(--spectrum-alias-icon-color-down)
)}:host([emphasized]:disabled),:host([emphasized][disabled]){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-disabled,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-disabled,var(--spectrum-alias-border-color-disabled)
);color:var(
--spectrum-actionbutton-m-emphasized-text-color-disabled,var(--spectrum-alias-text-color-disabled)
)}:host([emphasized]:disabled) ::slotted([slot=icon]),:host([emphasized][disabled]) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-emphasized-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)
)}:host([emphasized]:disabled) #hold-affordance,:host([emphasized][disabled]) #hold-affordance{color:var(
--spectrum-actionbutton-m-emphasized-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)
)}:host([emphasized][quiet][selected]),:host([emphasized][selected]){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-selected,var(--spectrum-semantic-cta-color-background-default)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-selected,var(--spectrum-semantic-cta-color-background-default)
);color:var(
--spectrum-actionbutton-m-emphasized-text-color-selected,var(--spectrum-global-color-static-white)
)}:host([emphasized][quiet][selected]) ::slotted([slot=icon]),:host([emphasized][selected]) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-emphasized-icon-color-selected,var(--spectrum-global-color-static-white)
)}:host([emphasized][quiet][selected].focus-visible),:host([emphasized][selected].focus-visible){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus)
);color:var(
--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus,var(--spectrum-global-color-static-white)
)}:host([emphasized][quiet][selected]:focus-visible),:host([emphasized][selected]:focus-visible){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus)
);color:var(
--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus,var(--spectrum-global-color-static-white)
)}:host([emphasized][quiet][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][selected].focus-visible) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-emphasized-icon-color-selected-key-focus,var(--spectrum-global-color-static-white)
)}:host([emphasized][quiet][selected]:focus-visible) ::slotted([slot=icon]),:host([emphasized][selected]:focus-visible) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-emphasized-icon-color-selected-key-focus,var(--spectrum-global-color-static-white)
)}:host([emphasized][quiet][selected]:hover),:host([emphasized][selected]:hover){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover)
);color:var(
--spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white)
)}:host([emphasized][quiet][selected]:hover) ::slotted([slot=icon]),:host([emphasized][selected]:hover) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-emphasized-icon-color-selected-hover,var(--spectrum-global-color-static-white)
)}:host([emphasized][quiet][selected][active]),:host([emphasized][selected][active]){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-selected-down,var(--spectrum-semantic-cta-color-background-down)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-selected-down,var(--spectrum-semantic-cta-color-background-down)
);color:var(
--spectrum-actionbutton-m-emphasized-text-color-selected-down,var(--spectrum-global-color-static-white)
)}:host([emphasized][quiet][selected][active]) ::slotted([slot=icon]),:host([emphasized][selected][active]) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-emphasized-icon-color-selected-down,var(--spectrum-global-color-static-white)
)}:host([emphasized][quiet][selected]:disabled),:host([emphasized][quiet][selected][disabled]),:host([emphasized][selected]:disabled),:host([emphasized][selected][disabled]){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-selected-disabled,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled)
);color:var(
--spectrum-actionbutton-m-emphasized-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled)
)}:host([emphasized][quiet][selected]:disabled) ::slotted([slot=icon]),:host([emphasized][quiet][selected][disabled]) ::slotted([slot=icon]),:host([emphasized][selected]:disabled) ::slotted([slot=icon]),:host([emphasized][selected][disabled]) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-emphasized-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled)
)}:host([quiet]){background-color:var(
--spectrum-actionbutton-m-quiet-background-color,var(--spectrum-alias-background-color-transparent)
);border-color:var(
--spectrum-actionbutton-m-quiet-border-color,var(--spectrum-alias-border-color-transparent)
);color:var(
--spectrum-actionbutton-m-quiet-text-color,var(--spectrum-alias-text-color)
)}:host([quiet]:hover){background-color:var(
--spectrum-actionbutton-m-quiet-background-color-hover,var(--spectrum-alias-background-color-transparent)
);border-color:var(
--spectrum-actionbutton-m-quiet-border-color-hover,var(--spectrum-alias-border-color-transparent)
);color:var(
--spectrum-actionbutton-m-quiet-text-color-hover,var(--spectrum-alias-text-color-hover)
)}:host([quiet].focus-visible){background-color:var(
--spectrum-actionbutton-m-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent)
);border-color:var(
--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus)
);box-shadow:0 0 0 var(
--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)
) var(
--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus)
);color:var(
--spectrum-actionbutton-m-quiet-text-color-key-focus,var(--spectrum-alias-text-color-hover)
)}:host([quiet]:focus-visible){background-color:var(
--spectrum-actionbutton-m-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent)
);border-color:var(
--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus)
);box-shadow:0 0 0 var(
--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)
) var(
--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus)
);color:var(
--spectrum-actionbutton-m-quiet-text-color-key-focus,var(--spectrum-alias-text-color-hover)
)}:host([quiet][active]){background-color:var(
--spectrum-actionbutton-m-quiet-background-color-down,var(--spectrum-global-color-gray-300)
);border-color:var(
--spectrum-actionbutton-m-quiet-border-color-down,var(--spectrum-alias-border-color-transparent)
);color:var(
--spectrum-actionbutton-m-quiet-text-color-down,var(--spectrum-alias-text-color-down)
)}:host([quiet]:disabled),:host([quiet][disabled]){background-color:var(
--spectrum-actionbutton-m-quiet-background-color-disabled,var(--spectrum-alias-background-color-transparent)
);border-color:var(
--spectrum-actionbutton-m-quiet-border-color-disabled,var(--spectrum-alias-border-color-transparent)
);color:var(
--spectrum-actionbutton-m-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled)
)}:host([quiet][selected]){background-color:var(
--spectrum-actionbutton-m-quiet-background-color-selected,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-quiet-border-color-selected,var(--spectrum-alias-border-color-transparent)
);color:var(
--spectrum-actionbutton-m-quiet-text-color-selected,var(--spectrum-alias-text-color)
)}:host([quiet][selected].focus-visible){background-color:var(
--spectrum-actionbutton-m-quiet-background-color-selected-key-focus,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-quiet-border-color-selected-key-focus,var(--spectrum-alias-border-color-transparent)
);color:var(
--spectrum-actionbutton-m-quiet-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover)
)}:host([quiet][selected]:focus-visible){background-color:var(
--spectrum-actionbutton-m-quiet-background-color-selected-key-focus,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-quiet-border-color-selected-key-focus,var(--spectrum-alias-border-color-transparent)
);color:var(
--spectrum-actionbutton-m-quiet-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover)
)}:host([quiet][selected]:hover){background-color:var(
--spectrum-actionbutton-m-quiet-background-color-selected-hover,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-quiet-border-color-selected-hover,var(--spectrum-alias-border-color-transparent)
);color:var(
--spectrum-actionbutton-m-quiet-text-color-selected-hover,var(--spectrum-alias-text-color-hover)
)}:host([quiet][selected][active]){background-color:var(
--spectrum-actionbutton-m-quiet-background-color-selected-down,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-quiet-border-color-selected-down,var(--spectrum-alias-border-color-transparent)
);color:var(
--spectrum-actionbutton-m-quiet-text-color-selected-down,var(--spectrum-alias-text-color-down)
)}:host([quiet][selected]:disabled),:host([quiet][selected][disabled]){background-color:var(
--spectrum-actionbutton-m-quiet-background-color-selected-disabled,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-quiet-border-color-selected-disabled,var(--spectrum-alias-border-color-transparent)
);color:var(
--spectrum-actionbutton-m-quiet-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled)
)}@media (forced-colors:active){:host{--spectrum-actionbutton-m-background-color:ButtonFace;--spectrum-actionbutton-m-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-background-color-down:ButtonFace;--spectrum-actionbutton-m-background-color-hover:ButtonFace;--spectrum-actionbutton-m-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-background-color-selected:Highlight;--spectrum-actionbutton-m-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-background-color-selected-down:Highlight;--spectrum-actionbutton-m-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-border-color:ButtonText;--spectrum-actionbutton-m-border-color-disabled:GrayText;--spectrum-actionbutton-m-border-color-down:Highlight;--spectrum-actionbutton-m-border-color-hover:Highlight;--spectrum-actionbutton-m-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-border-color-selected:HighlightText;--spectrum-actionbutton-m-border-color-selected-disabled:GrayText;--spectrum-actionbutton-m-border-color-selected-down:HighlightText;--spectrum-actionbutton-m-border-color-selected-hover:HighlightText;--spectrum-actionbutton-m-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-background-color:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-down:Highlight;--spectrum-actionbutton-m-emphasized-background-color-hover:Highlight;--spectrum-actionbutton-m-emphasized-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-selected:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-selected-down:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-emphasized-border-color:ButtonText;--spectrum-actionbutton-m-emphasized-border-color-disabled:GrayText;--spectrum-actionbutton-m-emphasized-border-color-down:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-hover:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-border-color-selected:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-disabled:GrayText;--spectrum-actionbutton-m-emphasized-border-color-selected-down:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-hover:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-text-color:ButtonText;--spectrum-actionbutton-m-emphasized-text-color-disabled:GrayText;--spectrum-actionbutton-m-emphasized-text-color-down:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-hover:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-text-color-selected:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-emphasized-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-quiet-background-color:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-down:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-hover:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-selected:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-selected-down:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-quiet-border-color:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-down:Highlight;--spectrum-actionbutton-m-quiet-border-color-hover:Highlight;--spectrum-actionbutton-m-quiet-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-border-color-selected:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-down:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-hover:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-text-color:ButtonText;--spectrum-actionbutton-m-quiet-text-color-disabled:GrayText;--spectrum-actionbutton-m-quiet-text-color-down:ButtonText;--spectrum-actionbutton-m-quiet-text-color-hover:ButtonText;--spectrum-actionbutton-m-quiet-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-text-color-selected:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-quiet-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-text-color:ButtonText;--spectrum-actionbutton-m-text-color-disabled:GrayText;--spectrum-actionbutton-m-text-color-down:ButtonText;--spectrum-actionbutton-m-text-color-hover:ButtonText;--spectrum-actionbutton-m-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-text-color-selected:HighlightText;--spectrum-actionbutton-m-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-quiet-border-size-key-focus:3px;forced-color-adjust:none}:host([quiet][emphasized]:not(:disabled,[disabled]):hover){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover)
);color:var(
--spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white)
)}:host([quiet][emphasized]:not(:disabled,[disabled])[active]){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-selected-down,var(--spectrum-semantic-cta-color-background-down)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-selected-down,var(--spectrum-semantic-cta-color-background-down)
);color:var(
--spectrum-actionbutton-m-emphasized-text-color-selected-down,var(--spectrum-global-color-static-white)
)}}:host{display:inline-flex;flex-direction:row}:host([disabled]){cursor:auto;pointer-events:none}:host([dir]){-webkit-appearance:none}::slotted([slot=icon]){flex-shrink:0}#button{bottom:0;left:0;position:absolute;right:0;top:0}#label{flex-grow:var(--spectrum-actionbutton-label-flex-grow);text-align:var(--spectrum-actionbutton-label-text-align)}:host([size=s]){--spectrum-icon-tshirt-size-height:var(
--spectrum-alias-workflow-icon-size-s
);--spectrum-icon-tshirt-size-width:var(
--spectrum-alias-workflow-icon-size-s
);--spectrum-ui-icon-tshirt-size-height:var(
--spectrum-alias-ui-icon-cornertriangle-size-75
);--spectrum-ui-icon-tshirt-size-width:var(
--spectrum-alias-ui-icon-cornertriangle-size-75
)}:host([size=m]){--spectrum-icon-tshirt-size-height:var(
--spectrum-alias-workflow-icon-size-m
);--spectrum-icon-tshirt-size-width:var(
--spectrum-alias-workflow-icon-size-m
);--spectrum-ui-icon-tshirt-size-height:var(
--spectrum-alias-ui-icon-cornertriangle-size-100
);--spectrum-ui-icon-tshirt-size-width:var(
--spectrum-alias-ui-icon-cornertriangle-size-100
)}:host([size=l]){--spectrum-icon-tshirt-size-height:var(
--spectrum-alias-workflow-icon-size-l
);--spectrum-icon-tshirt-size-width:var(
--spectrum-alias-workflow-icon-size-l
);--spectrum-ui-icon-tshirt-size-height:var(
--spectrum-alias-ui-icon-cornertriangle-size-200
);--spectrum-ui-icon-tshirt-size-width:var(
--spectrum-alias-ui-icon-cornertriangle-size-200
)}:host([size=xl]){--spectrum-icon-tshirt-size-height:var(
--spectrum-alias-workflow-icon-size-xl
);--spectrum-icon-tshirt-size-width:var(
--spectrum-alias-workflow-icon-size-xl
);--spectrum-ui-icon-tshirt-size-height:var(
--spectrum-alias-ui-icon-cornertriangle-size-300
);--spectrum-ui-icon-tshirt-size-width:var(
--spectrum-alias-ui-icon-cornertriangle-size-300
)}
`;
export default styles;
//# sourceMappingURL=action-button.css.js.map

502

src/spectrum-action-button.css.js

@@ -14,5 +14,505 @@ /*

const styles = css `
:host{--spectrum-button-line-height:1.3;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;overflow:visible;margin:0;border-style:solid;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;vertical-align:top;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;text-decoration:none;font-family:var(--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base));line-height:var(--spectrum-button-line-height);user-select:none;-webkit-user-select:none;cursor:pointer}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;padding:0;margin-top:-2px;margin-bottom:-2px}:host(:disabled){cursor:default}::slotted([slot=icon]){max-height:100%;flex-shrink:0}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host([size=s]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-actionbutton-s-quiet-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-actionbutton-s-quiet-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-actionbutton-s-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-quiet-text-size:var(--spectrum-actionbutton-s-quiet-text-size,var(--spectrum-alias-item-text-size-s));--spectrum-actionbutton-border-size:var(--spectrum-actionbutton-s-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-border-radius:var(--spectrum-actionbutton-s-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-min-width:var(--spectrum-actionbutton-s-min-width,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-text-font-weight:var(--spectrum-actionbutton-s-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-text-line-height:var(--spectrum-actionbutton-s-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-actionbutton-text-size:var(--spectrum-actionbutton-s-text-size,var(--spectrum-alias-item-text-size-s));--spectrum-actionbutton-icon-gap:var(--spectrum-actionbutton-s-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-s));--spectrum-actionbutton-height:var(--spectrum-actionbutton-s-height,var(--spectrum-alias-item-height-s));--spectrum-actionbutton-padding-left:var(--spectrum-actionbutton-s-padding-left,var(--spectrum-alias-item-workflow-padding-left-s));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-actionbutton-s-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-s));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-actionbutton-s-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-s));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-actionbutton-s-textonly-padding-left,var(--spectrum-alias-item-padding-s));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-actionbutton-s-textonly-padding-right,var(--spectrum-alias-item-padding-s));--spectrum-actionbutton-hold-icon-padding-bottom:var(--spectrum-global-dimension-size-25);--spectrum-actionbutton-hold-icon-padding-right:var(--spectrum-global-dimension-size-25)}:host([size=m]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-actionbutton-m-quiet-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-actionbutton-m-quiet-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-actionbutton-m-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-quiet-text-size:var(--spectrum-actionbutton-m-quiet-text-size,var(--spectrum-alias-item-text-size-m));--spectrum-actionbutton-border-size:var(--spectrum-actionbutton-m-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-border-radius:var(--spectrum-actionbutton-m-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-min-width:var(--spectrum-actionbutton-m-min-width,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-text-font-weight:var(--spectrum-actionbutton-m-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-text-line-height:var(--spectrum-actionbutton-m-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-actionbutton-text-size:var(--spectrum-actionbutton-m-text-size,var(--spectrum-alias-item-text-size-m));--spectrum-actionbutton-height:var(--spectrum-actionbutton-m-height,var(--spectrum-alias-item-height-m));--spectrum-actionbutton-icon-gap:var(--spectrum-actionbutton-m-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-m));--spectrum-actionbutton-padding-left:var(--spectrum-actionbutton-m-padding-left,var(--spectrum-alias-item-workflow-padding-left-m));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-actionbutton-m-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-m));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-actionbutton-m-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-m));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-actionbutton-m-textonly-padding-left,var(--spectrum-alias-item-padding-m));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-actionbutton-m-textonly-padding-right,var(--spectrum-alias-item-padding-m));--spectrum-actionbutton-hold-icon-padding-bottom:var(--spectrum-global-dimension-size-40);--spectrum-actionbutton-hold-icon-padding-right:var(--spectrum-global-dimension-size-40)}:host([size=l]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-actionbutton-l-quiet-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-actionbutton-l-quiet-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-actionbutton-l-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-quiet-text-size:var(--spectrum-actionbutton-l-quiet-text-size,var(--spectrum-alias-item-text-size-l));--spectrum-actionbutton-border-size:var(--spectrum-actionbutton-l-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-border-radius:var(--spectrum-actionbutton-l-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-min-width:var(--spectrum-actionbutton-l-min-width,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-text-font-weight:var(--spectrum-actionbutton-l-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-text-line-height:var(--spectrum-actionbutton-l-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-actionbutton-text-size:var(--spectrum-actionbutton-l-text-size,var(--spectrum-alias-item-text-size-l));--spectrum-actionbutton-icon-gap:var(--spectrum-actionbutton-l-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l));--spectrum-actionbutton-height:var(--spectrum-actionbutton-l-height,var(--spectrum-alias-item-height-l));--spectrum-actionbutton-padding-left:var(--spectrum-actionbutton-l-padding-left,var(--spectrum-alias-item-workflow-padding-left-l));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-actionbutton-l-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-l));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-actionbutton-l-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-l));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-actionbutton-l-textonly-padding-left,var(--spectrum-alias-item-padding-l));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-actionbutton-l-textonly-padding-right,var(--spectrum-alias-item-padding-l));--spectrum-actionbutton-hold-icon-padding-bottom:var(--spectrum-global-dimension-size-50);--spectrum-actionbutton-hold-icon-padding-right:var(--spectrum-global-dimension-size-50)}:host([size=xl]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-actionbutton-xl-quiet-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-actionbutton-xl-quiet-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-actionbutton-xl-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-quiet-text-size:var(--spectrum-actionbutton-xl-quiet-text-size,var(--spectrum-alias-item-text-size-xl));--spectrum-actionbutton-border-size:var(--spectrum-actionbutton-xl-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-border-radius:var(--spectrum-actionbutton-xl-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-min-width:var(--spectrum-actionbutton-xl-min-width,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-text-font-weight:var(--spectrum-actionbutton-xl-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-text-line-height:var(--spectrum-actionbutton-xl-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-actionbutton-icon-gap:var(--spectrum-actionbutton-xl-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l));--spectrum-actionbutton-text-size:var(--spectrum-actionbutton-xl-text-size,var(--spectrum-alias-item-text-size-xl));--spectrum-actionbutton-height:var(--spectrum-actionbutton-xl-height,var(--spectrum-alias-item-height-xl));--spectrum-actionbutton-padding-left:var(--spectrum-actionbutton-xl-padding-left,var(--spectrum-alias-item-workflow-padding-left-xl));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-actionbutton-xl-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-xl));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-actionbutton-xl-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-xl));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-actionbutton-xl-textonly-padding-left,var(--spectrum-alias-item-padding-xl));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-actionbutton-xl-textonly-padding-right,var(--spectrum-alias-item-padding-xl));--spectrum-actionbutton-hold-icon-padding-bottom:var(--spectrum-global-dimension-size-65);--spectrum-actionbutton-hold-icon-padding-right:var(--spectrum-global-dimension-size-65)}:host{--spectrum-actionbutton-padding-left-adjusted:calc(var(--spectrum-actionbutton-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-textonly-padding-left-adjusted:calc(var(--spectrum-actionbutton-textonly-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-textonly-padding-right-adjusted:calc(var(--spectrum-actionbutton-textonly-padding-right) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-icononly-padding-left-adjusted:calc(var(--spectrum-actionbutton-icononly-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-icononly-padding-right-adjusted:calc(var(--spectrum-actionbutton-icononly-padding-right) - var(--spectrum-actionbutton-border-size))}:host([dir=ltr]){padding-left:var(--spectrum-actionbutton-textonly-padding-left-adjusted);padding-right:var(--spectrum-actionbutton-textonly-padding-right-adjusted)}:host([dir=rtl]){padding-right:var(--spectrum-actionbutton-textonly-padding-left-adjusted);padding-left:var(--spectrum-actionbutton-textonly-padding-right-adjusted)}:host{position:relative;height:var(--spectrum-actionbutton-height);min-width:var(--spectrum-actionbutton-min-width);border-width:var(--spectrum-actionbutton-border-size);border-radius:var(--spectrum-actionbutton-border-radius);font-size:var(--spectrum-actionbutton-text-size);font-weight:var(--spectrum-actionbutton-text-font-weight);line-height:var(--spectrum-actionbutton-text-line-height)}:host([dir=ltr]) ::slotted([slot=icon]){margin-left:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]){margin-right:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir=ltr]) slot[name=icon]+#label{padding-left:var(--spectrum-actionbutton-icon-gap)}:host([dir=rtl]) slot[name=icon]+#label{padding-right:var(--spectrum-actionbutton-icon-gap)}:host([dir=ltr]) slot[name=icon]+#label{padding-right:0}:host([dir=rtl]) slot[name=icon]+#label{padding-left:0}#hold-affordance+::slotted([slot=icon]),:host([dir]) slot[icon-only]::slotted([slot=icon]),:host([dir]) slot[icon-only] sp-icon{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)))}#label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([dir=ltr]) #hold-affordance{right:var(--spectrum-actionbutton-hold-icon-padding-right)}:host([dir=rtl]) #hold-affordance{left:var(--spectrum-actionbutton-hold-icon-padding-right)}:host([dir=rtl]) #hold-affordance{transform:matrix(-1,0,0,1,0,0)}#hold-affordance{position:absolute;bottom:var(--spectrum-actionbutton-hold-icon-padding-bottom)}:host([quiet]){border-width:var(--spectrum-actionbutton-quiet-border-size);border-radius:var(--spectrum-actionbutton-quiet-border-radius);font-size:var(--spectrum-actionbutton-quiet-text-size);font-weight:var(--spectrum-actionbutton-quiet-text-font-weight)}:host{--spectrum-actionbutton-m-quiet-border-size-key-focus:1px;background-color:var(--spectrum-actionbutton-m-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-actionbutton-m-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-m-text-color,var(--spectrum-alias-text-color))}::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color,var(--spectrum-alias-icon-color))}#hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color,var(--spectrum-alias-icon-color))}:host(:hover){background-color:var(--spectrum-actionbutton-m-background-color-hover,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-border-color-hover,var(--spectrum-alias-border-color-hover));color:var(--spectrum-actionbutton-m-text-color-hover,var(--spectrum-alias-text-color-hover))}:host(:hover) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host(:hover) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host(.focus-visible),:host(.focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-key-focus,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host(.focus-visible),:host(:focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-key-focus,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host(.focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host(.focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host(:focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host(.focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible) #hold-affordance,:host(.focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host(.focus-visible) #hold-affordance,:host(:focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host([active]){background-color:var(--spectrum-actionbutton-m-background-color-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-down,var(--spectrum-alias-border-color-down));color:var(--spectrum-actionbutton-m-text-color-down,var(--spectrum-alias-text-color-down))}:host([active]) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-down,var(--spectrum-alias-icon-color-down))}:host(:disabled),:host([disabled]){background-color:var(--spectrum-actionbutton-m-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-m-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:host(:disabled) ::slotted([slot=icon]),:host([disabled]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host(:disabled) #hold-affordance,:host([disabled]) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host([selected]){background-color:var(--spectrum-actionbutton-m-background-color-selected,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-m-text-color-selected,var(--spectrum-alias-text-color))}:host([selected]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected,var(--spectrum-alias-icon-color))}:host([selected].focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([selected].focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([selected]:focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([selected].focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([selected].focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([selected]:focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([selected].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-key-focus,var(--spectrum-alias-icon-color-hover))}:host([selected].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-key-focus,var(--spectrum-alias-icon-color-hover))}:host([selected]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-key-focus,var(--spectrum-alias-icon-color-hover))}:host([selected]:hover){background-color:var(--spectrum-actionbutton-m-background-color-selected-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-hover,var(--spectrum-alias-border-color-hover));color:var(--spectrum-actionbutton-m-text-color-selected-hover,var(--spectrum-alias-text-color-hover))}:host([selected]:hover) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-hover,var(--spectrum-alias-icon-color-hover))}:host([selected][active]){background-color:var(--spectrum-actionbutton-m-background-color-selected-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-down,var(--spectrum-alias-border-color-down));color:var(--spectrum-actionbutton-m-text-color-selected-down,var(--spectrum-alias-text-color-down))}:host([selected][active]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-down,var(--spectrum-alias-icon-color-down))}:host([selected]:disabled),:host([selected][disabled]){background-color:var(--spectrum-actionbutton-m-background-color-selected-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-m-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}:host([selected]:disabled) ::slotted([slot=icon]),:host([selected][disabled]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled))}:host([emphasized]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-actionbutton-m-emphasized-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-m-emphasized-text-color,var(--spectrum-alias-text-color))}:host([emphasized]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color,var(--spectrum-alias-icon-color))}:host([emphasized]) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color,var(--spectrum-alias-icon-color))}:host([emphasized][selected]) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-selected,var(--spectrum-global-color-static-white))}:host([emphasized][selected]:hover) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white))}:host([emphasized]:hover){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-hover,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-hover,var(--spectrum-alias-border-color-hover));box-shadow:none;color:var(--spectrum-actionbutton-m-emphasized-text-color-hover,var(--spectrum-alias-text-color-hover))}:host([emphasized]:hover) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([emphasized]:hover) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([emphasized].focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-key-focus,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-key-focus,var(--spectrum-alias-border-color-hover));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([emphasized].focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-key-focus,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-key-focus,var(--spectrum-alias-border-color-hover));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([emphasized]:focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-key-focus,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-key-focus,var(--spectrum-alias-border-color-hover));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([emphasized].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([emphasized].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([emphasized]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([emphasized].focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host([emphasized].focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host([emphasized]:focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host([emphasized][active]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-down,var(--spectrum-alias-border-color-down));box-shadow:none;color:var(--spectrum-actionbutton-m-emphasized-text-color-down,var(--spectrum-alias-text-color-down))}:host([emphasized][active]) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-down,var(--spectrum-alias-icon-color-down))}:host([emphasized]:disabled),:host([emphasized][disabled]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-m-emphasized-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:host([emphasized]:disabled) ::slotted([slot=icon]),:host([emphasized][disabled]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host([emphasized]:disabled) #hold-affordance,:host([emphasized][disabled]) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host([emphasized][quiet][selected]),:host([emphasized][selected]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected,var(--spectrum-semantic-cta-color-background-default));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected,var(--spectrum-semantic-cta-color-background-default));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]) ::slotted([slot=icon]),:host([emphasized][selected]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected].focus-visible),:host([emphasized][selected].focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected].focus-visible),:host([emphasized][selected].focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]:focus-visible),:host([emphasized][selected]:focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][selected].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][selected].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]:focus-visible) ::slotted([slot=icon]),:host([emphasized][selected]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]:hover),:host([emphasized][selected]:hover){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]:hover) ::slotted([slot=icon]),:host([emphasized][selected]:hover) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-hover,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected][active]),:host([emphasized][selected][active]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-down,var(--spectrum-semantic-cta-color-background-down));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-down,var(--spectrum-semantic-cta-color-background-down));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-down,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected][active]) ::slotted([slot=icon]),:host([emphasized][selected][active]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-down,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]:disabled),:host([emphasized][quiet][selected][disabled]),:host([emphasized][selected]:disabled),:host([emphasized][selected][disabled]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}:host([emphasized][quiet][selected]:disabled) ::slotted([slot=icon]),:host([emphasized][quiet][selected][disabled]) ::slotted([slot=icon]),:host([emphasized][selected]:disabled) ::slotted([slot=icon]),:host([emphasized][selected][disabled]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled))}:host([quiet]){background-color:var(--spectrum-actionbutton-m-quiet-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-actionbutton-m-quiet-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color,var(--spectrum-alias-text-color))}:host([quiet]:hover){background-color:var(--spectrum-actionbutton-m-quiet-background-color-hover,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-actionbutton-m-quiet-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-hover,var(--spectrum-alias-text-color-hover))}:host([quiet].focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-quiet-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet].focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-quiet-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet]:focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-quiet-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet][active]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-down,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-actionbutton-m-quiet-border-color-down,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-down,var(--spectrum-alias-text-color-down))}:host([quiet]:disabled),:host([quiet][disabled]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-actionbutton-m-quiet-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:host([quiet][selected]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected,var(--spectrum-alias-text-color))}:host([quiet][selected].focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-key-focus,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet][selected].focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-key-focus,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet][selected]:focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-key-focus,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet][selected]:hover){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-hover,var(--spectrum-alias-text-color-hover))}:host([quiet][selected][active]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-down,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-down,var(--spectrum-alias-text-color-down))}:host([quiet][selected]:disabled),:host([quiet][selected][disabled]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}@media (forced-colors:active){:host{forced-color-adjust:none;--spectrum-actionbutton-m-background-color:ButtonFace;--spectrum-actionbutton-m-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-background-color-down:ButtonFace;--spectrum-actionbutton-m-background-color-hover:ButtonFace;--spectrum-actionbutton-m-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-background-color-selected:Highlight;--spectrum-actionbutton-m-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-background-color-selected-down:Highlight;--spectrum-actionbutton-m-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-border-color:ButtonText;--spectrum-actionbutton-m-border-color-disabled:GrayText;--spectrum-actionbutton-m-border-color-down:Highlight;--spectrum-actionbutton-m-border-color-hover:Highlight;--spectrum-actionbutton-m-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-border-color-selected:HighlightText;--spectrum-actionbutton-m-border-color-selected-disabled:GrayText;--spectrum-actionbutton-m-border-color-selected-down:HighlightText;--spectrum-actionbutton-m-border-color-selected-hover:HighlightText;--spectrum-actionbutton-m-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-background-color:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-down:Highlight;--spectrum-actionbutton-m-emphasized-background-color-hover:Highlight;--spectrum-actionbutton-m-emphasized-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-selected:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-selected-down:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-emphasized-border-color:ButtonText;--spectrum-actionbutton-m-emphasized-border-color-disabled:GrayText;--spectrum-actionbutton-m-emphasized-border-color-down:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-hover:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-border-color-selected:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-disabled:GrayText;--spectrum-actionbutton-m-emphasized-border-color-selected-down:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-hover:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-text-color:ButtonText;--spectrum-actionbutton-m-emphasized-text-color-disabled:GrayText;--spectrum-actionbutton-m-emphasized-text-color-down:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-hover:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-text-color-selected:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-emphasized-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-quiet-background-color:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-down:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-hover:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-selected:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-selected-down:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-quiet-border-color:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-down:Highlight;--spectrum-actionbutton-m-quiet-border-color-hover:Highlight;--spectrum-actionbutton-m-quiet-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-border-color-selected:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-down:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-hover:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-text-color:ButtonText;--spectrum-actionbutton-m-quiet-text-color-disabled:GrayText;--spectrum-actionbutton-m-quiet-text-color-down:ButtonText;--spectrum-actionbutton-m-quiet-text-color-hover:ButtonText;--spectrum-actionbutton-m-quiet-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-text-color-selected:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-quiet-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-text-color:ButtonText;--spectrum-actionbutton-m-text-color-disabled:GrayText;--spectrum-actionbutton-m-text-color-down:ButtonText;--spectrum-actionbutton-m-text-color-hover:ButtonText;--spectrum-actionbutton-m-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-text-color-selected:HighlightText;--spectrum-actionbutton-m-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-quiet-border-size-key-focus:3px}:host([quiet][emphasized]:not(:disabled,[disabled]):hover){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white))}:host([quiet][emphasized]:not(:disabled,[disabled])[active]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-down,var(--spectrum-semantic-cta-color-background-down));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-down,var(--spectrum-semantic-cta-color-background-down));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-down,var(--spectrum-global-color-static-white))}}
:host{--spectrum-button-line-height:1.3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(
--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)
);justify-content:center;line-height:var(--spectrum-button-line-height);margin:0;overflow:visible;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host(:disabled){cursor:default}::slotted([slot=icon]){flex-shrink:0;max-height:100%}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host([size=s]){--spectrum-actionbutton-quiet-border-size:var(
--spectrum-actionbutton-s-quiet-border-size,var(--spectrum-alias-border-size-thin)
);--spectrum-actionbutton-quiet-border-radius:var(
--spectrum-actionbutton-s-quiet-border-radius,var(--spectrum-alias-border-radius-regular)
);--spectrum-actionbutton-quiet-text-font-weight:var(
--spectrum-actionbutton-s-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight)
);--spectrum-actionbutton-quiet-text-size:var(
--spectrum-actionbutton-s-quiet-text-size,var(--spectrum-alias-item-text-size-s)
);--spectrum-actionbutton-border-size:var(
--spectrum-actionbutton-s-border-size,var(--spectrum-alias-border-size-thin)
);--spectrum-actionbutton-border-radius:var(
--spectrum-actionbutton-s-border-radius,var(--spectrum-alias-border-radius-regular)
);--spectrum-actionbutton-min-width:var(
--spectrum-actionbutton-s-min-width,var(--spectrum-global-dimension-size-400)
);--spectrum-actionbutton-text-font-weight:var(
--spectrum-actionbutton-s-text-font-weight,var(--spectrum-alias-body-text-font-weight)
);--spectrum-actionbutton-text-line-height:var(
--spectrum-actionbutton-s-text-line-height,var(--spectrum-alias-component-text-line-height)
);--spectrum-actionbutton-text-size:var(
--spectrum-actionbutton-s-text-size,var(--spectrum-alias-item-text-size-s)
);--spectrum-actionbutton-icon-gap:var(
--spectrum-actionbutton-s-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-s)
);--spectrum-actionbutton-height:var(
--spectrum-actionbutton-s-height,var(--spectrum-alias-item-height-s)
);--spectrum-actionbutton-padding-left:var(
--spectrum-actionbutton-s-padding-left,var(--spectrum-alias-item-workflow-padding-left-s)
);--spectrum-actionbutton-icononly-padding-left:var(
--spectrum-actionbutton-s-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-s)
);--spectrum-actionbutton-icononly-padding-right:var(
--spectrum-actionbutton-s-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-s)
);--spectrum-actionbutton-textonly-padding-left:var(
--spectrum-actionbutton-s-textonly-padding-left,var(--spectrum-alias-item-padding-s)
);--spectrum-actionbutton-textonly-padding-right:var(
--spectrum-actionbutton-s-textonly-padding-right,var(--spectrum-alias-item-padding-s)
);--spectrum-actionbutton-hold-icon-padding-bottom:var(
--spectrum-global-dimension-size-25
);--spectrum-actionbutton-hold-icon-padding-right:var(
--spectrum-global-dimension-size-25
)}:host([size=m]){--spectrum-actionbutton-quiet-border-size:var(
--spectrum-actionbutton-m-quiet-border-size,var(--spectrum-alias-border-size-thin)
);--spectrum-actionbutton-quiet-border-radius:var(
--spectrum-actionbutton-m-quiet-border-radius,var(--spectrum-alias-border-radius-regular)
);--spectrum-actionbutton-quiet-text-font-weight:var(
--spectrum-actionbutton-m-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight)
);--spectrum-actionbutton-quiet-text-size:var(
--spectrum-actionbutton-m-quiet-text-size,var(--spectrum-alias-item-text-size-m)
);--spectrum-actionbutton-border-size:var(
--spectrum-actionbutton-m-border-size,var(--spectrum-alias-border-size-thin)
);--spectrum-actionbutton-border-radius:var(
--spectrum-actionbutton-m-border-radius,var(--spectrum-alias-border-radius-regular)
);--spectrum-actionbutton-min-width:var(
--spectrum-actionbutton-m-min-width,var(--spectrum-global-dimension-size-400)
);--spectrum-actionbutton-text-font-weight:var(
--spectrum-actionbutton-m-text-font-weight,var(--spectrum-alias-body-text-font-weight)
);--spectrum-actionbutton-text-line-height:var(
--spectrum-actionbutton-m-text-line-height,var(--spectrum-alias-component-text-line-height)
);--spectrum-actionbutton-text-size:var(
--spectrum-actionbutton-m-text-size,var(--spectrum-alias-item-text-size-m)
);--spectrum-actionbutton-height:var(
--spectrum-actionbutton-m-height,var(--spectrum-alias-item-height-m)
);--spectrum-actionbutton-icon-gap:var(
--spectrum-actionbutton-m-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-m)
);--spectrum-actionbutton-padding-left:var(
--spectrum-actionbutton-m-padding-left,var(--spectrum-alias-item-workflow-padding-left-m)
);--spectrum-actionbutton-icononly-padding-left:var(
--spectrum-actionbutton-m-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-m)
);--spectrum-actionbutton-icononly-padding-right:var(
--spectrum-actionbutton-m-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-m)
);--spectrum-actionbutton-textonly-padding-left:var(
--spectrum-actionbutton-m-textonly-padding-left,var(--spectrum-alias-item-padding-m)
);--spectrum-actionbutton-textonly-padding-right:var(
--spectrum-actionbutton-m-textonly-padding-right,var(--spectrum-alias-item-padding-m)
);--spectrum-actionbutton-hold-icon-padding-bottom:var(
--spectrum-global-dimension-size-40
);--spectrum-actionbutton-hold-icon-padding-right:var(
--spectrum-global-dimension-size-40
)}:host([size=l]){--spectrum-actionbutton-quiet-border-size:var(
--spectrum-actionbutton-l-quiet-border-size,var(--spectrum-alias-border-size-thin)
);--spectrum-actionbutton-quiet-border-radius:var(
--spectrum-actionbutton-l-quiet-border-radius,var(--spectrum-alias-border-radius-regular)
);--spectrum-actionbutton-quiet-text-font-weight:var(
--spectrum-actionbutton-l-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight)
);--spectrum-actionbutton-quiet-text-size:var(
--spectrum-actionbutton-l-quiet-text-size,var(--spectrum-alias-item-text-size-l)
);--spectrum-actionbutton-border-size:var(
--spectrum-actionbutton-l-border-size,var(--spectrum-alias-border-size-thin)
);--spectrum-actionbutton-border-radius:var(
--spectrum-actionbutton-l-border-radius,var(--spectrum-alias-border-radius-regular)
);--spectrum-actionbutton-min-width:var(
--spectrum-actionbutton-l-min-width,var(--spectrum-global-dimension-size-400)
);--spectrum-actionbutton-text-font-weight:var(
--spectrum-actionbutton-l-text-font-weight,var(--spectrum-alias-body-text-font-weight)
);--spectrum-actionbutton-text-line-height:var(
--spectrum-actionbutton-l-text-line-height,var(--spectrum-alias-component-text-line-height)
);--spectrum-actionbutton-text-size:var(
--spectrum-actionbutton-l-text-size,var(--spectrum-alias-item-text-size-l)
);--spectrum-actionbutton-icon-gap:var(
--spectrum-actionbutton-l-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l)
);--spectrum-actionbutton-height:var(
--spectrum-actionbutton-l-height,var(--spectrum-alias-item-height-l)
);--spectrum-actionbutton-padding-left:var(
--spectrum-actionbutton-l-padding-left,var(--spectrum-alias-item-workflow-padding-left-l)
);--spectrum-actionbutton-icononly-padding-left:var(
--spectrum-actionbutton-l-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-l)
);--spectrum-actionbutton-icononly-padding-right:var(
--spectrum-actionbutton-l-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-l)
);--spectrum-actionbutton-textonly-padding-left:var(
--spectrum-actionbutton-l-textonly-padding-left,var(--spectrum-alias-item-padding-l)
);--spectrum-actionbutton-textonly-padding-right:var(
--spectrum-actionbutton-l-textonly-padding-right,var(--spectrum-alias-item-padding-l)
);--spectrum-actionbutton-hold-icon-padding-bottom:var(
--spectrum-global-dimension-size-50
);--spectrum-actionbutton-hold-icon-padding-right:var(
--spectrum-global-dimension-size-50
)}:host([size=xl]){--spectrum-actionbutton-quiet-border-size:var(
--spectrum-actionbutton-xl-quiet-border-size,var(--spectrum-alias-border-size-thin)
);--spectrum-actionbutton-quiet-border-radius:var(
--spectrum-actionbutton-xl-quiet-border-radius,var(--spectrum-alias-border-radius-regular)
);--spectrum-actionbutton-quiet-text-font-weight:var(
--spectrum-actionbutton-xl-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight)
);--spectrum-actionbutton-quiet-text-size:var(
--spectrum-actionbutton-xl-quiet-text-size,var(--spectrum-alias-item-text-size-xl)
);--spectrum-actionbutton-border-size:var(
--spectrum-actionbutton-xl-border-size,var(--spectrum-alias-border-size-thin)
);--spectrum-actionbutton-border-radius:var(
--spectrum-actionbutton-xl-border-radius,var(--spectrum-alias-border-radius-regular)
);--spectrum-actionbutton-min-width:var(
--spectrum-actionbutton-xl-min-width,var(--spectrum-global-dimension-size-400)
);--spectrum-actionbutton-text-font-weight:var(
--spectrum-actionbutton-xl-text-font-weight,var(--spectrum-alias-body-text-font-weight)
);--spectrum-actionbutton-text-line-height:var(
--spectrum-actionbutton-xl-text-line-height,var(--spectrum-alias-component-text-line-height)
);--spectrum-actionbutton-icon-gap:var(
--spectrum-actionbutton-xl-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l)
);--spectrum-actionbutton-text-size:var(
--spectrum-actionbutton-xl-text-size,var(--spectrum-alias-item-text-size-xl)
);--spectrum-actionbutton-height:var(
--spectrum-actionbutton-xl-height,var(--spectrum-alias-item-height-xl)
);--spectrum-actionbutton-padding-left:var(
--spectrum-actionbutton-xl-padding-left,var(--spectrum-alias-item-workflow-padding-left-xl)
);--spectrum-actionbutton-icononly-padding-left:var(
--spectrum-actionbutton-xl-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-xl)
);--spectrum-actionbutton-icononly-padding-right:var(
--spectrum-actionbutton-xl-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-xl)
);--spectrum-actionbutton-textonly-padding-left:var(
--spectrum-actionbutton-xl-textonly-padding-left,var(--spectrum-alias-item-padding-xl)
);--spectrum-actionbutton-textonly-padding-right:var(
--spectrum-actionbutton-xl-textonly-padding-right,var(--spectrum-alias-item-padding-xl)
);--spectrum-actionbutton-hold-icon-padding-bottom:var(
--spectrum-global-dimension-size-65
);--spectrum-actionbutton-hold-icon-padding-right:var(
--spectrum-global-dimension-size-65
)}:host{--spectrum-actionbutton-padding-left-adjusted:calc(var(--spectrum-actionbutton-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-textonly-padding-left-adjusted:calc(var(--spectrum-actionbutton-textonly-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-textonly-padding-right-adjusted:calc(var(--spectrum-actionbutton-textonly-padding-right) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-icononly-padding-left-adjusted:calc(var(--spectrum-actionbutton-icononly-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-icononly-padding-right-adjusted:calc(var(--spectrum-actionbutton-icononly-padding-right) - var(--spectrum-actionbutton-border-size))}:host([dir=ltr]){padding-left:var(
--spectrum-actionbutton-textonly-padding-left-adjusted
);padding-right:var(--spectrum-actionbutton-textonly-padding-right-adjusted)}:host([dir=rtl]){padding-left:var(--spectrum-actionbutton-textonly-padding-right-adjusted);padding-right:var(
--spectrum-actionbutton-textonly-padding-left-adjusted
)}:host{border-radius:var(--spectrum-actionbutton-border-radius);border-width:var(--spectrum-actionbutton-border-size);font-size:var(--spectrum-actionbutton-text-size);font-weight:var(--spectrum-actionbutton-text-font-weight);height:var(--spectrum-actionbutton-height);line-height:var(--spectrum-actionbutton-text-line-height);min-width:var(--spectrum-actionbutton-min-width);position:relative}:host([dir=ltr]) ::slotted([slot=icon]){margin-left:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]){margin-right:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir=ltr]) slot[name=icon]+#label{padding-left:var(
--spectrum-actionbutton-icon-gap
)}:host([dir=rtl]) slot[name=icon]+#label{padding-right:var(
--spectrum-actionbutton-icon-gap
)}:host([dir=ltr]) slot[name=icon]+#label{padding-right:0}:host([dir=rtl]) slot[name=icon]+#label{padding-left:0}#hold-affordance+::slotted([slot=icon]),:host([dir]) slot[icon-only]::slotted([slot=icon]),:host([dir]) slot[icon-only] sp-icon{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)))}#label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) #hold-affordance{right:var(
--spectrum-actionbutton-hold-icon-padding-right
)}:host([dir=rtl]) #hold-affordance{left:var(
--spectrum-actionbutton-hold-icon-padding-right
)}:host([dir=rtl]) #hold-affordance{transform:matrix(-1,0,0,1,0,0)}#hold-affordance{bottom:var(--spectrum-actionbutton-hold-icon-padding-bottom);position:absolute}:host([quiet]){border-radius:var(--spectrum-actionbutton-quiet-border-radius);border-width:var(
--spectrum-actionbutton-quiet-border-size
);font-size:var(--spectrum-actionbutton-quiet-text-size);font-weight:var(--spectrum-actionbutton-quiet-text-font-weight)}:host{--spectrum-actionbutton-m-quiet-border-size-key-focus:1px}:host{background-color:var(
--spectrum-actionbutton-m-background-color,var(--spectrum-global-color-gray-75)
);border-color:var(
--spectrum-actionbutton-m-border-color,var(--spectrum-alias-border-color)
);color:var(
--spectrum-actionbutton-m-text-color,var(--spectrum-alias-text-color)
)}::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-icon-color,var(--spectrum-alias-icon-color)
)}#hold-affordance{color:var(
--spectrum-actionbutton-m-hold-icon-color,var(--spectrum-alias-icon-color)
)}:host(:hover){background-color:var(
--spectrum-actionbutton-m-background-color-hover,var(--spectrum-global-color-gray-50)
);border-color:var(
--spectrum-actionbutton-m-border-color-hover,var(--spectrum-alias-border-color-hover)
);color:var(
--spectrum-actionbutton-m-text-color-hover,var(--spectrum-alias-text-color-hover)
)}:host(:hover) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-icon-color-hover,var(--spectrum-alias-icon-color-hover)
)}:host(:hover) #hold-affordance{color:var(
--spectrum-actionbutton-m-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover)
)}:host(.focus-visible){background-color:var(
--spectrum-actionbutton-m-background-color-key-focus,var(--spectrum-global-color-gray-50)
);border-color:var(
--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
);box-shadow:0 0 0 var(
--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)
) var(
--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
);color:var(
--spectrum-actionbutton-m-text-color-key-focus,var(--spectrum-alias-text-color-hover)
)}:host(:focus-visible){background-color:var(
--spectrum-actionbutton-m-background-color-key-focus,var(--spectrum-global-color-gray-50)
);border-color:var(
--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
);box-shadow:0 0 0 var(
--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)
) var(
--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
);color:var(
--spectrum-actionbutton-m-text-color-key-focus,var(--spectrum-alias-text-color-hover)
)}:host(.focus-visible[active]){border-color:var(
--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
)}:host(:focus-visible[active]){border-color:var(
--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
)}:host(.focus-visible) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)
)}:host(:focus-visible) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)
)}:host(.focus-visible) #hold-affordance{color:var(
--spectrum-actionbutton-m-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover)
)}:host(:focus-visible) #hold-affordance{color:var(
--spectrum-actionbutton-m-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover)
)}:host([active]){background-color:var(
--spectrum-actionbutton-m-background-color-down,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-border-color-down,var(--spectrum-alias-border-color-down)
);color:var(
--spectrum-actionbutton-m-text-color-down,var(--spectrum-alias-text-color-down)
)}:host([active]) #hold-affordance{color:var(
--spectrum-actionbutton-m-hold-icon-color-down,var(--spectrum-alias-icon-color-down)
)}:host(:disabled),:host([disabled]){background-color:var(
--spectrum-actionbutton-m-background-color-disabled,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-border-color-disabled,var(--spectrum-alias-border-color-disabled)
);color:var(
--spectrum-actionbutton-m-text-color-disabled,var(--spectrum-alias-text-color-disabled)
)}:host(:disabled) ::slotted([slot=icon]),:host([disabled]) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)
)}:host(:disabled) #hold-affordance,:host([disabled]) #hold-affordance{color:var(
--spectrum-actionbutton-m-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)
)}:host([selected]){background-color:var(
--spectrum-actionbutton-m-background-color-selected,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-border-color-selected,var(--spectrum-alias-border-color)
);color:var(
--spectrum-actionbutton-m-text-color-selected,var(--spectrum-alias-text-color)
)}:host([selected]) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-icon-color-selected,var(--spectrum-alias-icon-color)
)}:host([selected].focus-visible){background-color:var(
--spectrum-actionbutton-m-background-color-selected-key-focus,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus)
);color:var(
--spectrum-actionbutton-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover)
)}:host([selected]:focus-visible){background-color:var(
--spectrum-actionbutton-m-background-color-selected-key-focus,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus)
);color:var(
--spectrum-actionbutton-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover)
)}:host([selected].focus-visible[active]){border-color:var(
--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
)}:host([selected]:focus-visible[active]){border-color:var(
--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
)}:host([selected].focus-visible) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-icon-color-selected-key-focus,var(--spectrum-alias-icon-color-hover)
)}:host([selected]:focus-visible) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-icon-color-selected-key-focus,var(--spectrum-alias-icon-color-hover)
)}:host([selected]:hover){background-color:var(
--spectrum-actionbutton-m-background-color-selected-hover,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-border-color-selected-hover,var(--spectrum-alias-border-color-hover)
);color:var(
--spectrum-actionbutton-m-text-color-selected-hover,var(--spectrum-alias-text-color-hover)
)}:host([selected]:hover) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-icon-color-selected-hover,var(--spectrum-alias-icon-color-hover)
)}:host([selected][active]){background-color:var(
--spectrum-actionbutton-m-background-color-selected-down,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-border-color-selected-down,var(--spectrum-alias-border-color-down)
);color:var(
--spectrum-actionbutton-m-text-color-selected-down,var(--spectrum-alias-text-color-down)
)}:host([selected][active]) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-icon-color-selected-down,var(--spectrum-alias-icon-color-down)
)}:host([selected]:disabled),:host([selected][disabled]){background-color:var(
--spectrum-actionbutton-m-background-color-selected-disabled,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled)
);color:var(
--spectrum-actionbutton-m-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled)
)}:host([selected]:disabled) ::slotted([slot=icon]),:host([selected][disabled]) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled)
)}:host([emphasized]){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color,var(--spectrum-global-color-gray-75)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color,var(--spectrum-alias-border-color)
);color:var(
--spectrum-actionbutton-m-emphasized-text-color,var(--spectrum-alias-text-color)
)}:host([emphasized]) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-emphasized-icon-color,var(--spectrum-alias-icon-color)
)}:host([emphasized]) #hold-affordance{color:var(
--spectrum-actionbutton-m-emphasized-hold-icon-color,var(--spectrum-alias-icon-color)
)}:host([emphasized][selected]) #hold-affordance{color:var(
--spectrum-actionbutton-m-emphasized-hold-icon-color-selected,var(--spectrum-global-color-static-white)
)}:host([emphasized][selected]:hover) #hold-affordance{color:var(
--spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white)
)}:host([emphasized]:hover){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-hover,var(--spectrum-global-color-gray-50)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-hover,var(--spectrum-alias-border-color-hover)
);box-shadow:none;color:var(
--spectrum-actionbutton-m-emphasized-text-color-hover,var(--spectrum-alias-text-color-hover)
)}:host([emphasized]:hover) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-emphasized-icon-color-hover,var(--spectrum-alias-icon-color-hover)
)}:host([emphasized]:hover) #hold-affordance{color:var(
--spectrum-actionbutton-m-emphasized-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover)
)}:host([emphasized].focus-visible){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-key-focus,var(--spectrum-global-color-gray-50)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-key-focus,var(--spectrum-alias-border-color-hover)
);box-shadow:0 0 0 var(
--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)
) var(
--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
);color:var(
--spectrum-actionbutton-m-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover)
)}:host([emphasized]:focus-visible){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-key-focus,var(--spectrum-global-color-gray-50)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-key-focus,var(--spectrum-alias-border-color-hover)
);box-shadow:0 0 0 var(
--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)
) var(
--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
);color:var(
--spectrum-actionbutton-m-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover)
)}:host([emphasized].focus-visible) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-emphasized-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)
)}:host([emphasized]:focus-visible) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-emphasized-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)
)}:host([emphasized].focus-visible) #hold-affordance{color:var(
--spectrum-actionbutton-m-emphasized-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover)
)}:host([emphasized]:focus-visible) #hold-affordance{color:var(
--spectrum-actionbutton-m-emphasized-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover)
)}:host([emphasized][active]){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-down,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-down,var(--spectrum-alias-border-color-down)
);box-shadow:none;color:var(
--spectrum-actionbutton-m-emphasized-text-color-down,var(--spectrum-alias-text-color-down)
)}:host([emphasized][active]) #hold-affordance{color:var(
--spectrum-actionbutton-m-emphasized-hold-icon-color-down,var(--spectrum-alias-icon-color-down)
)}:host([emphasized]:disabled),:host([emphasized][disabled]){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-disabled,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-disabled,var(--spectrum-alias-border-color-disabled)
);color:var(
--spectrum-actionbutton-m-emphasized-text-color-disabled,var(--spectrum-alias-text-color-disabled)
)}:host([emphasized]:disabled) ::slotted([slot=icon]),:host([emphasized][disabled]) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-emphasized-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)
)}:host([emphasized]:disabled) #hold-affordance,:host([emphasized][disabled]) #hold-affordance{color:var(
--spectrum-actionbutton-m-emphasized-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)
)}:host([emphasized][quiet][selected]),:host([emphasized][selected]){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-selected,var(--spectrum-semantic-cta-color-background-default)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-selected,var(--spectrum-semantic-cta-color-background-default)
);color:var(
--spectrum-actionbutton-m-emphasized-text-color-selected,var(--spectrum-global-color-static-white)
)}:host([emphasized][quiet][selected]) ::slotted([slot=icon]),:host([emphasized][selected]) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-emphasized-icon-color-selected,var(--spectrum-global-color-static-white)
)}:host([emphasized][quiet][selected].focus-visible),:host([emphasized][selected].focus-visible){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus)
);color:var(
--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus,var(--spectrum-global-color-static-white)
)}:host([emphasized][quiet][selected]:focus-visible),:host([emphasized][selected]:focus-visible){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus)
);color:var(
--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus,var(--spectrum-global-color-static-white)
)}:host([emphasized][quiet][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][selected].focus-visible) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-emphasized-icon-color-selected-key-focus,var(--spectrum-global-color-static-white)
)}:host([emphasized][quiet][selected]:focus-visible) ::slotted([slot=icon]),:host([emphasized][selected]:focus-visible) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-emphasized-icon-color-selected-key-focus,var(--spectrum-global-color-static-white)
)}:host([emphasized][quiet][selected]:hover),:host([emphasized][selected]:hover){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover)
);color:var(
--spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white)
)}:host([emphasized][quiet][selected]:hover) ::slotted([slot=icon]),:host([emphasized][selected]:hover) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-emphasized-icon-color-selected-hover,var(--spectrum-global-color-static-white)
)}:host([emphasized][quiet][selected][active]),:host([emphasized][selected][active]){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-selected-down,var(--spectrum-semantic-cta-color-background-down)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-selected-down,var(--spectrum-semantic-cta-color-background-down)
);color:var(
--spectrum-actionbutton-m-emphasized-text-color-selected-down,var(--spectrum-global-color-static-white)
)}:host([emphasized][quiet][selected][active]) ::slotted([slot=icon]),:host([emphasized][selected][active]) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-emphasized-icon-color-selected-down,var(--spectrum-global-color-static-white)
)}:host([emphasized][quiet][selected]:disabled),:host([emphasized][quiet][selected][disabled]),:host([emphasized][selected]:disabled),:host([emphasized][selected][disabled]){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-selected-disabled,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled)
);color:var(
--spectrum-actionbutton-m-emphasized-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled)
)}:host([emphasized][quiet][selected]:disabled) ::slotted([slot=icon]),:host([emphasized][quiet][selected][disabled]) ::slotted([slot=icon]),:host([emphasized][selected]:disabled) ::slotted([slot=icon]),:host([emphasized][selected][disabled]) ::slotted([slot=icon]){color:var(
--spectrum-actionbutton-m-emphasized-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled)
)}:host([quiet]){background-color:var(
--spectrum-actionbutton-m-quiet-background-color,var(--spectrum-alias-background-color-transparent)
);border-color:var(
--spectrum-actionbutton-m-quiet-border-color,var(--spectrum-alias-border-color-transparent)
);color:var(
--spectrum-actionbutton-m-quiet-text-color,var(--spectrum-alias-text-color)
)}:host([quiet]:hover){background-color:var(
--spectrum-actionbutton-m-quiet-background-color-hover,var(--spectrum-alias-background-color-transparent)
);border-color:var(
--spectrum-actionbutton-m-quiet-border-color-hover,var(--spectrum-alias-border-color-transparent)
);color:var(
--spectrum-actionbutton-m-quiet-text-color-hover,var(--spectrum-alias-text-color-hover)
)}:host([quiet].focus-visible){background-color:var(
--spectrum-actionbutton-m-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent)
);border-color:var(
--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus)
);box-shadow:0 0 0 var(
--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)
) var(
--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus)
);color:var(
--spectrum-actionbutton-m-quiet-text-color-key-focus,var(--spectrum-alias-text-color-hover)
)}:host([quiet]:focus-visible){background-color:var(
--spectrum-actionbutton-m-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent)
);border-color:var(
--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus)
);box-shadow:0 0 0 var(
--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)
) var(
--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus)
);color:var(
--spectrum-actionbutton-m-quiet-text-color-key-focus,var(--spectrum-alias-text-color-hover)
)}:host([quiet][active]){background-color:var(
--spectrum-actionbutton-m-quiet-background-color-down,var(--spectrum-global-color-gray-300)
);border-color:var(
--spectrum-actionbutton-m-quiet-border-color-down,var(--spectrum-alias-border-color-transparent)
);color:var(
--spectrum-actionbutton-m-quiet-text-color-down,var(--spectrum-alias-text-color-down)
)}:host([quiet]:disabled),:host([quiet][disabled]){background-color:var(
--spectrum-actionbutton-m-quiet-background-color-disabled,var(--spectrum-alias-background-color-transparent)
);border-color:var(
--spectrum-actionbutton-m-quiet-border-color-disabled,var(--spectrum-alias-border-color-transparent)
);color:var(
--spectrum-actionbutton-m-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled)
)}:host([quiet][selected]){background-color:var(
--spectrum-actionbutton-m-quiet-background-color-selected,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-quiet-border-color-selected,var(--spectrum-alias-border-color-transparent)
);color:var(
--spectrum-actionbutton-m-quiet-text-color-selected,var(--spectrum-alias-text-color)
)}:host([quiet][selected].focus-visible){background-color:var(
--spectrum-actionbutton-m-quiet-background-color-selected-key-focus,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-quiet-border-color-selected-key-focus,var(--spectrum-alias-border-color-transparent)
);color:var(
--spectrum-actionbutton-m-quiet-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover)
)}:host([quiet][selected]:focus-visible){background-color:var(
--spectrum-actionbutton-m-quiet-background-color-selected-key-focus,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-quiet-border-color-selected-key-focus,var(--spectrum-alias-border-color-transparent)
);color:var(
--spectrum-actionbutton-m-quiet-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover)
)}:host([quiet][selected]:hover){background-color:var(
--spectrum-actionbutton-m-quiet-background-color-selected-hover,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-quiet-border-color-selected-hover,var(--spectrum-alias-border-color-transparent)
);color:var(
--spectrum-actionbutton-m-quiet-text-color-selected-hover,var(--spectrum-alias-text-color-hover)
)}:host([quiet][selected][active]){background-color:var(
--spectrum-actionbutton-m-quiet-background-color-selected-down,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-quiet-border-color-selected-down,var(--spectrum-alias-border-color-transparent)
);color:var(
--spectrum-actionbutton-m-quiet-text-color-selected-down,var(--spectrum-alias-text-color-down)
)}:host([quiet][selected]:disabled),:host([quiet][selected][disabled]){background-color:var(
--spectrum-actionbutton-m-quiet-background-color-selected-disabled,var(--spectrum-global-color-gray-200)
);border-color:var(
--spectrum-actionbutton-m-quiet-border-color-selected-disabled,var(--spectrum-alias-border-color-transparent)
);color:var(
--spectrum-actionbutton-m-quiet-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled)
)}@media (forced-colors:active){:host{--spectrum-actionbutton-m-background-color:ButtonFace;--spectrum-actionbutton-m-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-background-color-down:ButtonFace;--spectrum-actionbutton-m-background-color-hover:ButtonFace;--spectrum-actionbutton-m-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-background-color-selected:Highlight;--spectrum-actionbutton-m-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-background-color-selected-down:Highlight;--spectrum-actionbutton-m-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-border-color:ButtonText;--spectrum-actionbutton-m-border-color-disabled:GrayText;--spectrum-actionbutton-m-border-color-down:Highlight;--spectrum-actionbutton-m-border-color-hover:Highlight;--spectrum-actionbutton-m-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-border-color-selected:HighlightText;--spectrum-actionbutton-m-border-color-selected-disabled:GrayText;--spectrum-actionbutton-m-border-color-selected-down:HighlightText;--spectrum-actionbutton-m-border-color-selected-hover:HighlightText;--spectrum-actionbutton-m-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-background-color:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-down:Highlight;--spectrum-actionbutton-m-emphasized-background-color-hover:Highlight;--spectrum-actionbutton-m-emphasized-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-selected:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-selected-down:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-emphasized-border-color:ButtonText;--spectrum-actionbutton-m-emphasized-border-color-disabled:GrayText;--spectrum-actionbutton-m-emphasized-border-color-down:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-hover:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-border-color-selected:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-disabled:GrayText;--spectrum-actionbutton-m-emphasized-border-color-selected-down:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-hover:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-text-color:ButtonText;--spectrum-actionbutton-m-emphasized-text-color-disabled:GrayText;--spectrum-actionbutton-m-emphasized-text-color-down:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-hover:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-text-color-selected:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-emphasized-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-quiet-background-color:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-down:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-hover:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-selected:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-selected-down:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-quiet-border-color:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-down:Highlight;--spectrum-actionbutton-m-quiet-border-color-hover:Highlight;--spectrum-actionbutton-m-quiet-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-border-color-selected:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-down:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-hover:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-text-color:ButtonText;--spectrum-actionbutton-m-quiet-text-color-disabled:GrayText;--spectrum-actionbutton-m-quiet-text-color-down:ButtonText;--spectrum-actionbutton-m-quiet-text-color-hover:ButtonText;--spectrum-actionbutton-m-quiet-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-text-color-selected:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-quiet-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-text-color:ButtonText;--spectrum-actionbutton-m-text-color-disabled:GrayText;--spectrum-actionbutton-m-text-color-down:ButtonText;--spectrum-actionbutton-m-text-color-hover:ButtonText;--spectrum-actionbutton-m-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-text-color-selected:HighlightText;--spectrum-actionbutton-m-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-quiet-border-size-key-focus:3px;forced-color-adjust:none}:host([quiet][emphasized]:not(:disabled,[disabled]):hover){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover)
);color:var(
--spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white)
)}:host([quiet][emphasized]:not(:disabled,[disabled])[active]){background-color:var(
--spectrum-actionbutton-m-emphasized-background-color-selected-down,var(--spectrum-semantic-cta-color-background-down)
);border-color:var(
--spectrum-actionbutton-m-emphasized-border-color-selected-down,var(--spectrum-semantic-cta-color-background-down)
);color:var(
--spectrum-actionbutton-m-emphasized-text-color-selected-down,var(--spectrum-global-color-static-white)
)}}
`;
export default styles;
//# sourceMappingURL=spectrum-action-button.css.js.map

6

stories/action-button.stories.js

@@ -13,3 +13,3 @@ /*

import { html } from '@spectrum-web-components/base';
import { spreadProps } from '../../../test/lit-helpers.js';
import { spreadProps } from '@open-wc/lit-helpers';
import '@spectrum-web-components/action-group';

@@ -69,3 +69,3 @@ import '@spectrum-web-components/icon/sp-icon.js';

return html `
<sp-action-button ${spreadProps(args)}>
<sp-action-button ...=${spreadProps(args)}>
<sp-icon-edit slot="icon"></sp-icon-edit>

@@ -81,3 +81,3 @@ This is an action button

return html `
<sp-action-button label="Edit" ${spreadProps(args)}>
<sp-action-button label="Edit" ...=${spreadProps(args)}>
<sp-icon-edit slot="icon"></sp-icon-edit>

@@ -84,0 +84,0 @@ </sp-action-button>

test/action-button-sizes.test-vrt.js
test/action-button-sizes.test-vrt.js.map
test/action-button.test-vrt.js
test/action-button.test-vrt.js.map
test/action-button.test.js
test/action-button.test.js.map
custom-elements.json

Sorry, the diff of this file is too big to display

src/action-button.css.js.map

Sorry, the diff of this file is not supported yet

src/spectrum-action-button.css.js.map

Sorry, the diff of this file is not supported yet

stories/action-button.stories.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc