@react-spectrum/button 3.0.0-nightly.1334 → 3.0.0-nightly.1345
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.css +1 -1
- package/dist/main.css.map +1 -1
- package/package.json +14 -14
package/dist/main.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
._spectrum-ActionButton_ab836,._spectrum-Button_ab836,._spectrum-ClearButton_ab836,._spectrum-FieldButton_ab836,._spectrum-LogicButton_ab836{position:relative;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:visible;margin:0;border-style:solid;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top;transition:background .13s ease-out,border-color .13s ease-out,color .13s ease-out,box-shadow .13s ease-out;text-decoration:none;font-family:adobe-clean-ux,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.3;-ms-user-select:none;user-select:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;cursor:default;isolation:isolate}button._spectrum-ActionButton_ab836,button._spectrum-Button_ab836,button._spectrum-ClearButton_ab836,button._spectrum-FieldButton_ab836,button._spectrum-LogicButton_ab836{-webkit-appearance:button}._spectrum-ActionButton_ab836:focus,._spectrum-Button_ab836:focus,._spectrum-ClearButton_ab836:focus,._spectrum-FieldButton_ab836:focus,._spectrum-LogicButton_ab836:focus{outline:none}._spectrum-ActionButton_ab836._focus-ring_ab836,._spectrum-Button_ab836._focus-ring_ab836,._spectrum-ClearButton_ab836._focus-ring_ab836,._spectrum-FieldButton_ab836._focus-ring_ab836,._spectrum-LogicButton_ab836._focus-ring_ab836{z-index:3}._spectrum-ActionButton_ab836::-moz-focus-inner,._spectrum-Button_ab836::-moz-focus-inner,._spectrum-ClearButton_ab836::-moz-focus-inner,._spectrum-FieldButton_ab836::-moz-focus-inner,._spectrum-LogicButton_ab836::-moz-focus-inner{border:0;border-style:none;padding:0;margin-top:-2PX;margin-bottom:-2PX}._spectrum-ActionButton_ab836:disabled,._spectrum-Button_ab836:disabled,._spectrum-ClearButton_ab836:disabled,._spectrum-FieldButton_ab836:disabled,._spectrum-LogicButton_ab836:disabled{cursor:default}._spectrum-ActionButton_ab836 ._spectrum-Icon_ab836,._spectrum-Button_ab836 ._spectrum-Icon_ab836,._spectrum-ClearButton_ab836 ._spectrum-Icon_ab836,._spectrum-FieldButton_ab836 ._spectrum-Icon_ab836,._spectrum-LogicButton_ab836 ._spectrum-Icon_ab836{max-height:100%;-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:0;order:0;transition:background .13s ease-out,fill .13s ease-out;box-sizing:initial}._spectrum-ActionButton--emphasized_ab836:after,._spectrum-ActionButton--staticColor_ab836:after,._spectrum-Button_ab836:after,._spectrum-ClearButton_ab836:after,._spectrum-LogicButton_ab836:after{border-radius:calc(var(--spectrum-alias-border-radius-large, var(--spectrum-global-dimension-size-200)) + var(--spectrum-global-dimension-static-size-25, 2px));content:"";display:block;position:absolute;left:0;right:0;bottom:0;top:0;margin:calc(var(--spectrum-global-dimension-static-size-25, 2px) * -1);transform:translateX(0);transition:box-shadow .13s ease-out,margin .13s ease-out}._spectrum-ActionButton--emphasized_ab836._focus-ring_ab836:after,._spectrum-ActionButton--staticColor_ab836._focus-ring_ab836:after,._spectrum-Button_ab836._focus-ring_ab836:after,._spectrum-ClearButton_ab836._focus-ring_ab836:after,._spectrum-LogicButton_ab836._focus-ring_ab836:after{margin:calc(var(--spectrum-global-dimension-static-size-25, 2px) * -2)}._spectrum-Button_ab836{border-width:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));border-style:solid;border-radius:var(--spectrum-alias-border-radius-large,var(--spectrum-global-dimension-size-200));min-height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));height:0%;min-width:var(--spectrum-button-primary-min-width);padding:var(--spectrum-global-dimension-size-50) calc(var(--spectrum-global-dimension-size-200) - var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)));padding-bottom:calc(var(--spectrum-global-dimension-size-50) + 1px);padding-top:calc(var(--spectrum-global-dimension-size-50) - 1px);font-size:var(--spectrum-alias-pill-button-text-size,var(--spectrum-global-dimension-font-size-100));font-weight:var(--spectrum-global-font-weight-bold,700)}._spectrum-Button_ab836._is-hovered_ab836,._spectrum-Button_ab836:active{box-shadow:none}[dir=ltr] ._spectrum-Button_ab836 ._spectrum-Icon_ab836+._spectrum-Button-label_ab836{margin-left:var(--spectrum-global-dimension-size-100)}[dir=ltr] ._spectrum-Button_ab836 ._spectrum-Button-label_ab836+._spectrum-Icon_ab836,[dir=rtl] ._spectrum-Button_ab836 ._spectrum-Icon_ab836+._spectrum-Button-label_ab836{margin-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] ._spectrum-Button_ab836 ._spectrum-Button-label_ab836+._spectrum-Icon_ab836{margin-left:var(--spectrum-global-dimension-size-100)}a._spectrum-ActionButton_ab836,a._spectrum-Button_ab836{-webkit-appearance:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}._spectrum-ActionButton_ab836{position:relative;height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));min-width:var(--spectrum-global-dimension-size-400);padding:0;border-width:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));font-size:var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100));font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular))}[dir=ltr] ._spectrum-ActionButton_ab836 ._spectrum-Icon_ab836{padding-left:var(--spectrum-global-dimension-size-85)}[dir=rtl] ._spectrum-ActionButton_ab836 ._spectrum-Icon_ab836{padding-right:var(--spectrum-global-dimension-size-85)}[dir=ltr] ._spectrum-ActionButton_ab836 ._spectrum-ActionButton-label_ab836{padding-right:var(--spectrum-global-dimension-size-150)}[dir=rtl] ._spectrum-ActionButton_ab836 ._spectrum-ActionButton-label_ab836{padding-left:var(--spectrum-global-dimension-size-150)}[dir=ltr] ._spectrum-ActionButton_ab836 ._spectrum-Icon_ab836+._spectrum-ActionButton-label_ab836{padding-left:var(--spectrum-global-dimension-size-85)}[dir=ltr] ._spectrum-ActionButton_ab836 ._spectrum-ActionButton-label_ab836:not([hidden])+._spectrum-Icon_ab836,[dir=rtl] ._spectrum-ActionButton_ab836 ._spectrum-Icon_ab836+._spectrum-ActionButton-label_ab836{padding-right:var(--spectrum-global-dimension-size-85)}[dir=rtl] ._spectrum-ActionButton_ab836 ._spectrum-ActionButton-label_ab836:not([hidden])+._spectrum-Icon_ab836{padding-left:var(--spectrum-global-dimension-size-85)}[dir=ltr] ._spectrum-ActionButton_ab836 ._spectrum-ActionButton-hold_ab836+._spectrum-ActionButton-label_ab836:last-child,[dir=ltr] ._spectrum-ActionButton_ab836 ._spectrum-ActionButton-label_ab836:only-child{padding-left:var(--spectrum-global-dimension-size-150)}[dir=rtl] ._spectrum-ActionButton_ab836 ._spectrum-ActionButton-hold_ab836+._spectrum-ActionButton-label_ab836:last-child,[dir=rtl] ._spectrum-ActionButton_ab836 ._spectrum-ActionButton-label_ab836:only-child{padding-right:var(--spectrum-global-dimension-size-150)}[dir=ltr] ._spectrum-ActionButton_ab836 ._spectrum-ActionButton-hold_ab836+._spectrum-Icon_ab836:last-child,[dir=ltr] ._spectrum-ActionButton_ab836 ._spectrum-Icon_ab836:only-child{padding-right:var(--spectrum-global-dimension-size-85)}[dir=rtl] ._spectrum-ActionButton_ab836 ._spectrum-ActionButton-hold_ab836+._spectrum-Icon_ab836:last-child,[dir=rtl] ._spectrum-ActionButton_ab836 ._spectrum-Icon_ab836:only-child{padding-left:var(--spectrum-global-dimension-size-85)}[dir=ltr] ._spectrum-ActionButton-hold_ab836{right:var(--spectrum-global-dimension-size-40)}[dir=rtl] ._spectrum-ActionButton-hold_ab836{left:var(--spectrum-global-dimension-size-40)}._spectrum-ActionButton-hold_ab836{position:absolute;bottom:var(--spectrum-global-dimension-size-40)}[dir=rtl] ._spectrum-ActionButton-hold_ab836{transform:rotate(90deg)}._spectrum-ActionButton-label_ab836,._spectrum-Button-label_ab836{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;justify-self:center;-ms-flex-order:1;order:1;text-align:center;width:100%}._spectrum-ActionButton-label_ab836:empty,._spectrum-Button-label_ab836:empty{display:none}._spectrum-ActionButton-label_ab836{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._spectrum-ActionButton--quiet_ab836{border-width:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));font-size:var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100));font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular))}._spectrum-ActionButton--emphasized_ab836:after,._spectrum-ActionButton--staticColor_ab836:after{border-radius:calc(var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50)) + var(--spectrum-global-dimension-static-size-25, 2px))}._spectrum-ActionButton--emphasized_ab836._focus-ring_ab836:after,._spectrum-ActionButton--staticColor_ab836._focus-ring_ab836:after{margin:calc(var(--spectrum-global-dimension-static-size-25, 2px) * -1 - var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10)))}._spectrum-LogicButton_ab836{height:24px;padding:var(--spectrum-global-dimension-size-100);border-width:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));font-size:var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100));font-weight:var(--spectrum-global-font-weight-bold,700);line-height:0}._spectrum-LogicButton_ab836:after{border-radius:calc(var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50)) + var(--spectrum-global-dimension-static-size-25, 2px))}._spectrum-FieldButton_ab836{height:var(--spectrum-global-dimension-size-400);padding:0 var(--spectrum-global-dimension-size-150);font-family:inherit;font-weight:400;font-size:var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100));line-height:normal;-webkit-font-smoothing:initial;cursor:default;outline:none;margin:0;padding-top:0;padding-bottom:0;padding-left:var(--spectrum-global-dimension-size-150);padding-right:var(--spectrum-global-dimension-size-150);border-width:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));border-style:solid;border-radius:var(--spectrum-global-dimension-size-50);transition:background-color .13s,box-shadow .13s,border-color .13s}._spectrum-FieldButton_ab836._is-disabled_ab836,._spectrum-FieldButton_ab836:disabled{border-width:0;cursor:default}._spectrum-FieldButton_ab836._is-open_ab836{border-width:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10))}._spectrum-FieldButton--quiet_ab836{margin:0;padding:0;border-width:0;border-radius:0}._spectrum-FieldButton--quiet_ab836._is-disabled_ab836._focus-ring_ab836,._spectrum-FieldButton--quiet_ab836:disabled._focus-ring_ab836{box-shadow:none}._spectrum-ClearButton_ab836{width:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));border-radius:100%;padding:0;margin:0;border:none}._spectrum-ClearButton_ab836>._spectrum-Icon_ab836{margin:0 auto}._spectrum-ClearButton--overBackground_ab836._focus-ring_ab836:after{margin:calc(var(--spectrum-global-dimension-static-size-25, 2px) * -1)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){._spectrum-ClearButton_ab836>._spectrum-Icon_ab836{margin:0}}._spectrum-ClearButton--small_ab836{width:var(--spectrum-global-dimension-size-300);height:var(--spectrum-global-dimension-size-300)}._spectrum-ActionButton--emphasized_ab836._focus-ring_ab836:after,._spectrum-ActionButton--emphasized_ab836._is-focused_ab836:after,._spectrum-Button_ab836._focus-ring_ab836:after,._spectrum-Button_ab836._is-focused_ab836:after,._spectrum-LogicButton_ab836._focus-ring_ab836:after,._spectrum-LogicButton_ab836._is-focused_ab836:after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color))}._spectrum-ClearButton_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);color:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}._spectrum-ClearButton_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}._spectrum-ClearButton_ab836._is-hovered_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ClearButton_ab836._is-hovered_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ClearButton_ab836._is-active_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);color:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}._spectrum-ClearButton_ab836._is-active_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}._spectrum-ClearButton_ab836._focus-ring_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);color:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}._spectrum-ClearButton_ab836._focus-ring_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}._spectrum-ClearButton_ab836._is-disabled_ab836,._spectrum-ClearButton_ab836:disabled{background-color:var(--spectrum-alias-background-color-transparent,transparent);color:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}._spectrum-ClearButton_ab836._is-disabled_ab836 ._spectrum-Icon_ab836,._spectrum-ClearButton_ab836:disabled ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}._spectrum-Button--cta_ab836{background-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));border-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));color:var(--spectrum-global-color-static-white,#fff)}._spectrum-Button--cta_ab836._focus-ring_ab836,._spectrum-Button--cta_ab836._is-hovered_ab836{background-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));border-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));color:var(--spectrum-global-color-static-white,#fff)}._spectrum-Button--cta_ab836._is-active_ab836{background-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800));border-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800));color:var(--spectrum-global-color-static-white,#fff)}._spectrum-Button--cta_ab836._is-disabled_ab836,._spectrum-Button--cta_ab836:disabled{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}._spectrum-Button--primary_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-global-color-gray-800);color:var(--spectrum-global-color-gray-800)}._spectrum-Button--primary_ab836._focus-ring_ab836,._spectrum-Button--primary_ab836._is-hovered_ab836{background-color:var(--spectrum-global-color-gray-800);border-color:var(--spectrum-global-color-gray-800);color:var(--spectrum-global-color-gray-50)}._spectrum-Button--primary_ab836._is-active_ab836{background-color:var(--spectrum-global-color-gray-900);border-color:var(--spectrum-global-color-gray-900);color:var(--spectrum-global-color-gray-50)}._spectrum-Button--primary_ab836._is-disabled_ab836,._spectrum-Button--primary_ab836:disabled{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}._spectrum-Button--secondary_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-global-color-gray-700);color:var(--spectrum-global-color-gray-700)}._spectrum-Button--secondary_ab836._focus-ring_ab836,._spectrum-Button--secondary_ab836._is-hovered_ab836{background-color:var(--spectrum-global-color-gray-700);border-color:var(--spectrum-global-color-gray-700);color:var(--spectrum-global-color-gray-50)}._spectrum-Button--secondary_ab836._is-active_ab836{background-color:var(--spectrum-global-color-gray-800);border-color:var(--spectrum-global-color-gray-800);color:var(--spectrum-global-color-gray-50)}._spectrum-Button--secondary_ab836._is-disabled_ab836,._spectrum-Button--secondary_ab836:disabled{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}._spectrum-Button--warning_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600))}._spectrum-Button--warning_ab836._focus-ring_ab836,._spectrum-Button--warning_ab836._is-hovered_ab836{background-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));border-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));color:var(--spectrum-global-color-gray-50)}._spectrum-Button--warning_ab836._is-active_ab836{background-color:var(--spectrum-global-color-red-700);border-color:var(--spectrum-global-color-red-700);color:var(--spectrum-global-color-gray-50)}._spectrum-Button--warning_ab836._is-disabled_ab836,._spectrum-Button--warning_ab836:disabled{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}._spectrum-Button--overBackground_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-global-color-static-white,#fff);color:var(--spectrum-global-color-static-white,#fff)}._spectrum-Button--overBackground_ab836._focus-ring_ab836,._spectrum-Button--overBackground_ab836._is-hovered_ab836{background-color:var(--spectrum-global-color-static-white,#fff);border-color:var(--spectrum-global-color-static-white,#fff);color:inherit}._spectrum-Button--overBackground_ab836._focus-ring_ab836:after{box-shadow:0 0 0 var(--spectrum-global-dimension-static-size-25,2px) var(--spectrum-global-color-static-white,#fff)}._spectrum-Button--overBackground_ab836._is-active_ab836{background-color:var(--spectrum-global-color-static-white,#fff);border-color:var(--spectrum-global-color-static-white,#fff);color:inherit}._spectrum-Button--overBackground_ab836._is-disabled_ab836,._spectrum-Button--overBackground_ab836:disabled{background-color:hsla(0,0%,100%,.1);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:hsla(0,0%,100%,.35)}._spectrum-Button--overBackground_ab836._spectrum-Button--quiet_ab836,._spectrum-ClearButton--overBackground_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}._spectrum-Button--overBackground_ab836._spectrum-Button--quiet_ab836._focus-ring_ab836,._spectrum-Button--overBackground_ab836._spectrum-Button--quiet_ab836._is-hovered_ab836,._spectrum-ClearButton--overBackground_ab836._focus-ring_ab836,._spectrum-ClearButton--overBackground_ab836._is-hovered_ab836{background-color:hsla(0,0%,100%,.1);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}._spectrum-Button--overBackground_ab836._spectrum-Button--quiet_ab836._focus-ring_ab836,._spectrum-ClearButton--overBackground_ab836._focus-ring_ab836{box-shadow:none}._spectrum-Button--overBackground_ab836._spectrum-Button--quiet_ab836._focus-ring_ab836:after,._spectrum-ClearButton--overBackground_ab836._focus-ring_ab836:after{box-shadow:0 0 0 var(--spectrum-global-dimension-static-size-25,2px) var(--spectrum-global-color-static-white,#fff)}._spectrum-Button--overBackground_ab836._spectrum-Button--quiet_ab836._is-active_ab836,._spectrum-ClearButton--overBackground_ab836._is-active_ab836{background-color:hsla(0,0%,100%,.15);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}._spectrum-Button--overBackground_ab836._spectrum-Button--quiet_ab836._is-disabled_ab836,._spectrum-Button--overBackground_ab836._spectrum-Button--quiet_ab836:disabled,._spectrum-ClearButton--overBackground_ab836._is-disabled_ab836,._spectrum-ClearButton--overBackground_ab836:disabled{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:hsla(0,0%,100%,.15)}._spectrum-Button--primary_ab836._spectrum-Button--quiet_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-gray-800)}._spectrum-Button--primary_ab836._spectrum-Button--quiet_ab836._focus-ring_ab836,._spectrum-Button--primary_ab836._spectrum-Button--quiet_ab836._is-hovered_ab836{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-900)}._spectrum-Button--primary_ab836._spectrum-Button--quiet_ab836._is-active_ab836{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-gray-900)}._spectrum-Button--primary_ab836._spectrum-Button--quiet_ab836._is-disabled_ab836,._spectrum-Button--primary_ab836._spectrum-Button--quiet_ab836:disabled{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-gray-500)}._spectrum-Button--secondary_ab836._spectrum-Button--quiet_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-gray-700)}._spectrum-Button--secondary_ab836._spectrum-Button--quiet_ab836._focus-ring_ab836,._spectrum-Button--secondary_ab836._spectrum-Button--quiet_ab836._is-hovered_ab836{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-800)}._spectrum-Button--secondary_ab836._spectrum-Button--quiet_ab836._is-active_ab836{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-gray-800)}._spectrum-Button--secondary_ab836._spectrum-Button--quiet_ab836._is-disabled_ab836,._spectrum-Button--secondary_ab836._spectrum-Button--quiet_ab836:disabled{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-gray-500)}._spectrum-ActionButton_ab836{background-color:var(--spectrum-global-color-gray-75);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}._spectrum-ActionButton_ab836 ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}._spectrum-ActionButton_ab836._is-hovered_ab836{background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._is-hovered_ab836 ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton_ab836._is-hovered_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._focus-ring_ab836{background-color:var(--spectrum-global-color-gray-50);box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._focus-ring_ab836,._spectrum-ActionButton_ab836._focus-ring_ab836._is-active_ab836{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-ActionButton_ab836._focus-ring_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._focus-ring_ab836 ._spectrum-ActionButton-hold_ab836{fill:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._is-active_ab836{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-down,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._is-active_ab836 ._spectrum-ActionButton-hold_ab836{fill:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._is-disabled_ab836,._spectrum-ActionButton_ab836:disabled{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-ActionButton_ab836._is-disabled_ab836 ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton_ab836._is-disabled_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton_ab836:disabled ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton_ab836:disabled ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}._spectrum-ActionButton_ab836._is-selected_ab836{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}._spectrum-ActionButton_ab836._is-selected_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}._spectrum-ActionButton_ab836._is-selected_ab836._is-hovered_ab836{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._is-selected_ab836._is-hovered_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._is-selected_ab836._focus-ring_ab836{background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._is-selected_ab836._focus-ring_ab836,._spectrum-ActionButton_ab836._is-selected_ab836._focus-ring_ab836._is-active_ab836{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-ActionButton_ab836._is-selected_ab836._focus-ring_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._is-selected_ab836._is-active_ab836{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-down,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._is-selected_ab836._is-active_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._is-selected_ab836._is-disabled_ab836,._spectrum-ActionButton_ab836._is-selected_ab836:disabled{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-ActionButton_ab836._is-selected_ab836._is-disabled_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton_ab836._is-selected_ab836:disabled ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}._spectrum-ActionButton--emphasized_ab836{background-color:var(--spectrum-global-color-gray-75);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}._spectrum-ActionButton--emphasized_ab836 ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--emphasized_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}._spectrum-ActionButton--emphasized_ab836._is-selected_ab836 ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--emphasized_ab836._is-selected_ab836._is-hovered_ab836 ._spectrum-ActionButton-hold_ab836{fill:var(--spectrum-global-color-static-white,#fff)}._spectrum-ActionButton--emphasized_ab836._is-hovered_ab836{background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));box-shadow:none;color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton--emphasized_ab836._is-hovered_ab836 ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--emphasized_ab836._is-hovered_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton--emphasized_ab836._focus-ring_ab836{background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));box-shadow:none;color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton--emphasized_ab836._focus-ring_ab836._is-active_ab836{border-color:var(--spectrum-alias-border-color-down,var(--spectrum-global-color-gray-500))}._spectrum-ActionButton--emphasized_ab836._focus-ring_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton--emphasized_ab836._focus-ring_ab836 ._spectrum-ActionButton-hold_ab836{fill:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton--emphasized_ab836._is-active_ab836{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-down,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton--emphasized_ab836._is-active_ab836 ._spectrum-ActionButton-hold_ab836{fill:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton--emphasized_ab836._is-disabled_ab836,._spectrum-ActionButton--emphasized_ab836:disabled{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-ActionButton--emphasized_ab836._is-disabled_ab836 ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--emphasized_ab836._is-disabled_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--emphasized_ab836:disabled ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--emphasized_ab836:disabled ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._focus-ring_ab836{border-color:var(--spectrum-alias-border-color-transparent,transparent);box-shadow:none}._spectrum-ActionButton--emphasized_ab836._is-selected_ab836,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836{background-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));border-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));color:var(--spectrum-global-color-static-white,#fff)}._spectrum-ActionButton--emphasized_ab836._is-selected_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-global-color-static-white,#fff)}._spectrum-ActionButton--emphasized_ab836._is-selected_ab836._focus-ring_ab836,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._focus-ring_ab836{background-color:var(--spectrum-semantic-cta-color-background-key-focus,var(--spectrum-global-color-static-blue-600));border-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));box-shadow:none;color:var(--spectrum-global-color-static-white,#fff)}._spectrum-ActionButton--emphasized_ab836._is-selected_ab836._focus-ring_ab836._is-active_ab836,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._focus-ring_ab836._is-active_ab836{border-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800))}._spectrum-ActionButton--emphasized_ab836._is-selected_ab836._focus-ring_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._focus-ring_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-global-color-static-white,#fff)}._spectrum-ActionButton--emphasized_ab836._is-selected_ab836._is-hovered_ab836,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-hovered_ab836{background-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));border-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));color:var(--spectrum-global-color-static-white,#fff)}._spectrum-ActionButton--emphasized_ab836._is-selected_ab836._is-hovered_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-hovered_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-global-color-static-white,#fff)}._spectrum-ActionButton--emphasized_ab836._is-selected_ab836._is-active_ab836,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-active_ab836{background-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800));border-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800));color:var(--spectrum-global-color-static-white,#fff)}._spectrum-ActionButton--emphasized_ab836._is-selected_ab836._is-active_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-active_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-global-color-static-white,#fff)}._spectrum-ActionButton--emphasized_ab836._is-selected_ab836._is-disabled_ab836,._spectrum-ActionButton--emphasized_ab836._is-selected_ab836:disabled,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-disabled_ab836,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836:disabled{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-ActionButton--emphasized_ab836._is-selected_ab836._is-disabled_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--emphasized_ab836._is-selected_ab836:disabled ._spectrum-Icon_ab836,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-disabled_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836:disabled ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}._spectrum-ActionButton--quiet_ab836{color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}._spectrum-ActionButton--quiet_ab836,._spectrum-ActionButton--quiet_ab836._is-hovered_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent)}._spectrum-ActionButton--quiet_ab836._focus-ring_ab836,._spectrum-ActionButton--quiet_ab836._is-hovered_ab836{color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton--quiet_ab836._focus-ring_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-ActionButton--quiet_ab836._is-active_ab836{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton--quiet_ab836._is-disabled_ab836,._spectrum-ActionButton--quiet_ab836:disabled{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-ActionButton--quiet_ab836._is-selected_ab836{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-hovered_ab836{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton--quiet_ab836._is-selected_ab836._focus-ring_ab836{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-active_ab836{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-alias-border-color-down,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-disabled_ab836,._spectrum-ActionButton--quiet_ab836._is-selected_ab836:disabled{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-ActionButton--staticWhite_ab836{mix-blend-mode:screen;--spectrum-actionbutton-static-background-color-hover:hsla(0,0%,100%,0.1);--spectrum-actionbutton-static-background-color-focus:hsla(0,0%,100%,0.1);--spectrum-actionbutton-static-background-color-active:hsla(0,0%,100%,0.2);--spectrum-actionbutton-static-border-color:hsla(0,0%,100%,0.3);--spectrum-actionbutton-static-border-color-hover:#fff;--spectrum-actionbutton-static-border-color-active:#fff;--spectrum-actionbutton-static-border-color-focus:#fff;--spectrum-actionbutton-static-border-disabled:hsla(0,0%,100%,0.15);--spectrum-actionbutton-static-color:#fff;--spectrum-actionbutton-static-color-selected:#000;--spectrum-actionbutton-static-color-disabled:hsla(0,0%,100%,0.15)}._spectrum-ActionButton--staticWhite_ab836._spectrum-ActionButton--quiet_ab836{--spectrum-actionbutton-static-border-color:transparent;--spectrum-actionbutton-static-border-color-hover:transparent;--spectrum-actionbutton-static-border-color-active:transparent}._spectrum-ActionButton--staticBlack_ab836{mix-blend-mode:multiply;--spectrum-actionbutton-static-background-color-hover:rgba(0,0,0,0.1);--spectrum-actionbutton-static-background-color-focus:rgba(0,0,0,0.1);--spectrum-actionbutton-static-background-color-active:rgba(0,0,0,0.2);--spectrum-actionbutton-static-border-color:rgba(0,0,0,0.3);--spectrum-actionbutton-static-border-color-hover:#000;--spectrum-actionbutton-static-border-color-active:#000;--spectrum-actionbutton-static-border-color-focus:#000;--spectrum-actionbutton-static-border-disabled:rgba(0,0,0,0.15);--spectrum-actionbutton-static-color:#000;--spectrum-actionbutton-static-color-selected:#fff;--spectrum-actionbutton-static-color-disabled:rgba(0,0,0,0.15)}._spectrum-ActionButton--staticBlack_ab836._spectrum-ActionButton--quiet_ab836{--spectrum-actionbutton-static-border-color:transparent;--spectrum-actionbutton-static-border-color-hover:transparent;--spectrum-actionbutton-static-border-color-active:transparent}._spectrum-ActionButton--staticColor_ab836{background-color:initial;border-color:var(--spectrum-actionbutton-static-border-color);color:var(--spectrum-actionbutton-static-color)}._spectrum-ActionButton--staticColor_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-actionbutton-static-color)}._spectrum-ActionButton--staticColor_ab836._is-hovered_ab836{background-color:var(--spectrum-actionbutton-static-background-color-hover);border-color:var(--spectrum-actionbutton-static-border-color-hover);color:var(--spectrum-actionbutton-static-color)}._spectrum-ActionButton--staticColor_ab836._is-hovered_ab836 ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--staticColor_ab836._is-hovered_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-actionbutton-static-color)}._spectrum-ActionButton--staticColor_ab836._focus-ring_ab836{background-color:var(--spectrum-actionbutton-static-background-color-focus);box-shadow:none;color:var(--spectrum-actionbutton-static-color)}._spectrum-ActionButton--staticColor_ab836._focus-ring_ab836,._spectrum-ActionButton--staticColor_ab836._focus-ring_ab836._is-hovered_ab836{border-color:var(--spectrum-actionbutton-static-border-color-focus)}._spectrum-ActionButton--staticColor_ab836._focus-ring_ab836._is-active_ab836{border-color:var(--spectrum-actionbutton-static-color-focus)}._spectrum-ActionButton--staticColor_ab836._focus-ring_ab836 ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--staticColor_ab836._focus-ring_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-actionbutton-static-color)}._spectrum-ActionButton--staticColor_ab836._focus-ring_ab836:after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-actionbutton-static-border-color-focus)}._spectrum-ActionButton--staticColor_ab836._is-active_ab836{background-color:var(--spectrum-actionbutton-static-background-color-active);border-color:var(--spectrum-actionbutton-static-border-color-active);color:var(--spectrum-actionbutton-static-color)}._spectrum-ActionButton--staticColor_ab836._is-active_ab836 ._spectrum-ActionButton-hold_ab836{fill:var(--spectrum-actionbutton-static-color)}._spectrum-ActionButton--staticColor_ab836._is-disabled_ab836,._spectrum-ActionButton--staticColor_ab836:disabled{background-color:initial;border-color:var(--spectrum-actionbutton-static-border-disabled);color:var(--spectrum-actionbutton-static-color-disabled)}._spectrum-ActionButton--staticColor_ab836._is-disabled_ab836 ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--staticColor_ab836._is-disabled_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--staticColor_ab836:disabled ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--staticColor_ab836:disabled ._spectrum-Icon_ab836{fill:var(--spectrum-actionbutton-static-color-disabled)}._spectrum-ActionButton--staticColor_ab836._is-selected_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836{background-color:var(--spectrum-actionbutton-static-color);border-color:var(--spectrum-actionbutton-static-color);color:var(--spectrum-actionbutton-static-color-selected)}._spectrum-ActionButton--staticColor_ab836._is-selected_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-actionbutton-static-color-selected)}._spectrum-ActionButton--staticColor_ab836._is-selected_ab836._focus-ring_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._focus-ring_ab836{background-color:var(--spectrum-actionbutton-static-color);border-color:var(--spectrum-actionbutton-static-color);color:var(--spectrum-actionbutton-static-color-selected);box-shadow:none}._spectrum-ActionButton--staticColor_ab836._is-selected_ab836._focus-ring_ab836._is-active_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._focus-ring_ab836._is-active_ab836{box-shadow:none;border-color:var(--spectrum-actionbutton-static-color)}._spectrum-ActionButton--staticColor_ab836._is-selected_ab836._focus-ring_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._focus-ring_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-actionbutton-static-color-selected)}._spectrum-ActionButton--staticColor_ab836._is-selected_ab836._is-active_ab836,._spectrum-ActionButton--staticColor_ab836._is-selected_ab836._is-hovered_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-active_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-hovered_ab836{background-color:var(--spectrum-actionbutton-static-color);border-color:var(--spectrum-actionbutton-static-color);color:var(--spectrum-actionbutton-static-color-selected)}._spectrum-ActionButton--staticColor_ab836._is-selected_ab836._is-active_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--staticColor_ab836._is-selected_ab836._is-hovered_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-active_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-hovered_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-actionbutton-static-color-selected)}._spectrum-ActionButton--staticColor_ab836._is-selected_ab836._is-disabled_ab836,._spectrum-ActionButton--staticColor_ab836._is-selected_ab836:disabled,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-disabled_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836:disabled{background-color:initial;border-color:var(--spectrum-actionbutton-static-border-disabled);color:var(--spectrum-actionbutton-static-color-disabled)}._spectrum-ActionButton--staticColor_ab836._is-selected_ab836._is-disabled_ab836 ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--staticColor_ab836._is-selected_ab836._is-disabled_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--staticColor_ab836._is-selected_ab836:disabled ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--staticColor_ab836._is-selected_ab836:disabled ._spectrum-Icon_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-disabled_ab836 ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-disabled_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836:disabled ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836:disabled ._spectrum-Icon_ab836{fill:var(--spectrum-actionbutton-static-color-disabled)}._spectrum-Button--warning_ab836._spectrum-Button--quiet_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600))}._spectrum-Button--warning_ab836._spectrum-Button--quiet_ab836._focus-ring_ab836,._spectrum-Button--warning_ab836._spectrum-Button--quiet_ab836._is-hovered_ab836{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-red-700)}._spectrum-Button--warning_ab836._spectrum-Button--quiet_ab836._is-active_ab836{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-red-700)}._spectrum-Button--warning_ab836._spectrum-Button--quiet_ab836._is-disabled_ab836,._spectrum-Button--warning_ab836._spectrum-Button--quiet_ab836:disabled{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-gray-500)}._spectrum-LogicButton--and_ab836{background-color:var(--spectrum-global-color-blue-500);border-color:var(--spectrum-global-color-blue-500);color:var(--spectrum-global-color-static-white,#fff)}._spectrum-LogicButton--and_ab836._is-hovered_ab836{background-color:var(--spectrum-global-color-blue-700);border-color:var(--spectrum-global-color-blue-700);color:var(--spectrum-global-color-static-white,#fff)}._spectrum-LogicButton--and_ab836._is-disabled_ab836,._spectrum-LogicButton--and_ab836:disabled{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-LogicButton--or_ab836{background-color:var(--spectrum-global-color-magenta-500);border-color:var(--spectrum-global-color-magenta-500);color:var(--spectrum-global-color-static-white,#fff)}._spectrum-LogicButton--or_ab836._is-hovered_ab836{background-color:var(--spectrum-global-color-magenta-700);border-color:var(--spectrum-global-color-magenta-700);color:var(--spectrum-global-color-static-white,#fff)}._spectrum-LogicButton--or_ab836._is-disabled_ab836,._spectrum-LogicButton--or_ab836:disabled{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-FieldButton_ab836{color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800));background-color:var(--spectrum-global-color-gray-75);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400))}._spectrum-FieldButton_ab836._is-hovered_ab836{color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900));background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500))}._spectrum-FieldButton_ab836._is-active_ab836,._spectrum-FieldButton_ab836._is-selected_ab836{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-down,var(--spectrum-global-color-gray-500))}._spectrum-FieldButton_ab836._focus-ring_ab836,._spectrum-FieldButton_ab836._is-focused_ab836{background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-FieldButton_ab836._focus-ring_ab836._is-placeholder_ab836,._spectrum-FieldButton_ab836._is-focused_ab836._is-placeholder_ab836{color:var(--spectrum-alias-placeholder-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-FieldButton_ab836._spectrum-FieldButton--invalid_ab836{border-color:var(--spectrum-global-color-red-500)}._spectrum-FieldButton_ab836._spectrum-FieldButton--invalid_ab836._is-active_ab836,._spectrum-FieldButton_ab836._spectrum-FieldButton--invalid_ab836._is-hovered_ab836,._spectrum-FieldButton_ab836._spectrum-FieldButton--invalid_ab836._is-selected_ab836{border-color:var(--spectrum-global-color-red-600)}._spectrum-FieldButton_ab836._spectrum-FieldButton--invalid_ab836._focus-ring_ab836,._spectrum-FieldButton_ab836._spectrum-FieldButton--invalid_ab836._is-focused_ab836{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-FieldButton_ab836._is-disabled_ab836,._spectrum-FieldButton_ab836:disabled{background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-FieldButton_ab836._is-disabled_ab836 ._spectrum-Icon_ab836,._spectrum-FieldButton_ab836:disabled ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}._spectrum-FieldButton--quiet_ab836{color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-alias-border-color-transparent,transparent);background-color:var(--spectrum-alias-background-color-transparent,transparent)}._spectrum-FieldButton--quiet_ab836._is-hovered_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-FieldButton--quiet_ab836._focus-ring_ab836,._spectrum-FieldButton--quiet_ab836._is-focused_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);box-shadow:0 2px 0 0 var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-FieldButton--quiet_ab836._focus-ring_ab836._is-placeholder_ab836,._spectrum-FieldButton--quiet_ab836._is-focused_ab836._is-placeholder_ab836{color:var(--spectrum-alias-placeholder-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-FieldButton--quiet_ab836._is-active_ab836,._spectrum-FieldButton--quiet_ab836._is-selected_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent)}._spectrum-FieldButton--quiet_ab836._is-active_ab836._focus-ring_ab836,._spectrum-FieldButton--quiet_ab836._is-active_ab836._is-focused_ab836,._spectrum-FieldButton--quiet_ab836._is-selected_ab836._focus-ring_ab836,._spectrum-FieldButton--quiet_ab836._is-selected_ab836._is-focused_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);box-shadow:0 2px 0 0 var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-FieldButton--quiet_ab836._spectrum-FieldButton--invalid_ab836._focus-ring_ab836,._spectrum-FieldButton--quiet_ab836._spectrum-FieldButton--invalid_ab836._is-focused_ab836{box-shadow:0 2px 0 0 var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-FieldButton--quiet_ab836._is-disabled_ab836,._spectrum-FieldButton--quiet_ab836:disabled{background-color:var(--spectrum-alias-background-color-transparent,transparent);color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}
|
|
1
|
+
._spectrum-ActionButton_ab836,._spectrum-Button_ab836,._spectrum-ClearButton_ab836,._spectrum-FieldButton_ab836,._spectrum-LogicButton_ab836{font-family:adobe-clean-ux,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._spectrum-ActionButton_ab836:lang(ar),._spectrum-Button_ab836:lang(ar),._spectrum-ClearButton_ab836:lang(ar),._spectrum-FieldButton_ab836:lang(ar),._spectrum-LogicButton_ab836:lang(ar){font-family:adobe-arabic,myriad-arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._spectrum-ActionButton_ab836:lang(he),._spectrum-Button_ab836:lang(he),._spectrum-ClearButton_ab836:lang(he),._spectrum-FieldButton_ab836:lang(he),._spectrum-LogicButton_ab836:lang(he){font-family:adobe-hebrew,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._spectrum-ActionButton_ab836:lang(zh),._spectrum-ActionButton_ab836:lang(zh-Hans),._spectrum-Button_ab836:lang(zh),._spectrum-Button_ab836:lang(zh-Hans),._spectrum-ClearButton_ab836:lang(zh),._spectrum-ClearButton_ab836:lang(zh-Hans),._spectrum-FieldButton_ab836:lang(zh),._spectrum-FieldButton_ab836:lang(zh-Hans),._spectrum-LogicButton_ab836:lang(zh),._spectrum-LogicButton_ab836:lang(zh-Hans){font-family:adobe-clean-han-simplified-c,SimSun,Heiti SC Light,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._spectrum-ActionButton_ab836:lang(ko),._spectrum-Button_ab836:lang(ko),._spectrum-ClearButton_ab836:lang(ko),._spectrum-FieldButton_ab836:lang(ko),._spectrum-LogicButton_ab836:lang(ko){font-family:adobe-clean-han-korean,Malgun Gothic,Apple Gothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._spectrum-ActionButton_ab836:lang(ja),._spectrum-Button_ab836:lang(ja),._spectrum-ClearButton_ab836:lang(ja),._spectrum-FieldButton_ab836:lang(ja),._spectrum-LogicButton_ab836:lang(ja){font-family:adobe-clean-han-japanese,Yu Gothic,"\30E1 \30A4 \30EA \30AA","\30D2 \30E9 \30AE \30CE \89D2 \30B4 Pro W3",Hiragino Kaku Gothic Pro W3,Osaka,"\FF2D \FF33 \FF30 \30B4 \30B7 \30C3 \30AF",MS PGothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._spectrum-ActionButton_ab836,._spectrum-Button_ab836,._spectrum-ClearButton_ab836,._spectrum-FieldButton_ab836,._spectrum-LogicButton_ab836{position:relative;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:visible;margin:0;border-style:solid;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top;transition:background .13s ease-out,border-color .13s ease-out,color .13s ease-out,box-shadow .13s ease-out;text-decoration:none;line-height:1.3;-ms-user-select:none;user-select:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;cursor:default;isolation:isolate}button._spectrum-ActionButton_ab836,button._spectrum-Button_ab836,button._spectrum-ClearButton_ab836,button._spectrum-FieldButton_ab836,button._spectrum-LogicButton_ab836{-webkit-appearance:button}._spectrum-ActionButton_ab836:focus,._spectrum-Button_ab836:focus,._spectrum-ClearButton_ab836:focus,._spectrum-FieldButton_ab836:focus,._spectrum-LogicButton_ab836:focus{outline:none}._spectrum-ActionButton_ab836._focus-ring_ab836,._spectrum-Button_ab836._focus-ring_ab836,._spectrum-ClearButton_ab836._focus-ring_ab836,._spectrum-FieldButton_ab836._focus-ring_ab836,._spectrum-LogicButton_ab836._focus-ring_ab836{z-index:3}._spectrum-ActionButton_ab836::-moz-focus-inner,._spectrum-Button_ab836::-moz-focus-inner,._spectrum-ClearButton_ab836::-moz-focus-inner,._spectrum-FieldButton_ab836::-moz-focus-inner,._spectrum-LogicButton_ab836::-moz-focus-inner{border:0;border-style:none;padding:0;margin-top:-2PX;margin-bottom:-2PX}._spectrum-ActionButton_ab836:disabled,._spectrum-Button_ab836:disabled,._spectrum-ClearButton_ab836:disabled,._spectrum-FieldButton_ab836:disabled,._spectrum-LogicButton_ab836:disabled{cursor:default}._spectrum-ActionButton_ab836 ._spectrum-Icon_ab836,._spectrum-Button_ab836 ._spectrum-Icon_ab836,._spectrum-ClearButton_ab836 ._spectrum-Icon_ab836,._spectrum-FieldButton_ab836 ._spectrum-Icon_ab836,._spectrum-LogicButton_ab836 ._spectrum-Icon_ab836{max-height:100%;-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:0;order:0;transition:background .13s ease-out,fill .13s ease-out;box-sizing:initial}._spectrum-ActionButton--emphasized_ab836:after,._spectrum-ActionButton--staticColor_ab836:after,._spectrum-Button_ab836:after,._spectrum-ClearButton_ab836:after,._spectrum-LogicButton_ab836:after{border-radius:calc(var(--spectrum-alias-border-radius-large, var(--spectrum-global-dimension-size-200)) + var(--spectrum-global-dimension-static-size-25, 2px));content:"";display:block;position:absolute;left:0;right:0;bottom:0;top:0;margin:calc(var(--spectrum-global-dimension-static-size-25, 2px) * -1);transform:translateX(0);transition:box-shadow .13s ease-out,margin .13s ease-out}._spectrum-ActionButton--emphasized_ab836._focus-ring_ab836:after,._spectrum-ActionButton--staticColor_ab836._focus-ring_ab836:after,._spectrum-Button_ab836._focus-ring_ab836:after,._spectrum-ClearButton_ab836._focus-ring_ab836:after,._spectrum-LogicButton_ab836._focus-ring_ab836:after{margin:calc(var(--spectrum-global-dimension-static-size-25, 2px) * -2)}._spectrum-Button_ab836{border-width:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));border-style:solid;border-radius:var(--spectrum-alias-border-radius-large,var(--spectrum-global-dimension-size-200));min-height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));height:0%;min-width:var(--spectrum-button-primary-min-width);padding:var(--spectrum-global-dimension-size-50) calc(var(--spectrum-global-dimension-size-200) - var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)));padding-bottom:calc(var(--spectrum-global-dimension-size-50) + 1px);padding-top:calc(var(--spectrum-global-dimension-size-50) - 1px);font-size:var(--spectrum-alias-pill-button-text-size,var(--spectrum-global-dimension-font-size-100));font-weight:var(--spectrum-global-font-weight-bold,700)}._spectrum-Button_ab836._is-hovered_ab836,._spectrum-Button_ab836:active{box-shadow:none}[dir=ltr] ._spectrum-Button_ab836 ._spectrum-Icon_ab836+._spectrum-Button-label_ab836{margin-left:var(--spectrum-global-dimension-size-100)}[dir=ltr] ._spectrum-Button_ab836 ._spectrum-Button-label_ab836+._spectrum-Icon_ab836,[dir=rtl] ._spectrum-Button_ab836 ._spectrum-Icon_ab836+._spectrum-Button-label_ab836{margin-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] ._spectrum-Button_ab836 ._spectrum-Button-label_ab836+._spectrum-Icon_ab836{margin-left:var(--spectrum-global-dimension-size-100)}a._spectrum-ActionButton_ab836,a._spectrum-Button_ab836{-webkit-appearance:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}._spectrum-ActionButton_ab836{position:relative;height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));min-width:var(--spectrum-global-dimension-size-400);padding:0;border-width:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));font-size:var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100));font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular))}[dir=ltr] ._spectrum-ActionButton_ab836 ._spectrum-Icon_ab836{padding-left:var(--spectrum-global-dimension-size-85)}[dir=rtl] ._spectrum-ActionButton_ab836 ._spectrum-Icon_ab836{padding-right:var(--spectrum-global-dimension-size-85)}[dir=ltr] ._spectrum-ActionButton_ab836 ._spectrum-ActionButton-label_ab836{padding-right:var(--spectrum-global-dimension-size-150)}[dir=rtl] ._spectrum-ActionButton_ab836 ._spectrum-ActionButton-label_ab836{padding-left:var(--spectrum-global-dimension-size-150)}[dir=ltr] ._spectrum-ActionButton_ab836 ._spectrum-Icon_ab836+._spectrum-ActionButton-label_ab836{padding-left:var(--spectrum-global-dimension-size-85)}[dir=ltr] ._spectrum-ActionButton_ab836 ._spectrum-ActionButton-label_ab836:not([hidden])+._spectrum-Icon_ab836,[dir=rtl] ._spectrum-ActionButton_ab836 ._spectrum-Icon_ab836+._spectrum-ActionButton-label_ab836{padding-right:var(--spectrum-global-dimension-size-85)}[dir=rtl] ._spectrum-ActionButton_ab836 ._spectrum-ActionButton-label_ab836:not([hidden])+._spectrum-Icon_ab836{padding-left:var(--spectrum-global-dimension-size-85)}[dir=ltr] ._spectrum-ActionButton_ab836 ._spectrum-ActionButton-hold_ab836+._spectrum-ActionButton-label_ab836:last-child,[dir=ltr] ._spectrum-ActionButton_ab836 ._spectrum-ActionButton-label_ab836:only-child{padding-left:var(--spectrum-global-dimension-size-150)}[dir=rtl] ._spectrum-ActionButton_ab836 ._spectrum-ActionButton-hold_ab836+._spectrum-ActionButton-label_ab836:last-child,[dir=rtl] ._spectrum-ActionButton_ab836 ._spectrum-ActionButton-label_ab836:only-child{padding-right:var(--spectrum-global-dimension-size-150)}[dir=ltr] ._spectrum-ActionButton_ab836 ._spectrum-ActionButton-hold_ab836+._spectrum-Icon_ab836:last-child,[dir=ltr] ._spectrum-ActionButton_ab836 ._spectrum-Icon_ab836:only-child{padding-right:var(--spectrum-global-dimension-size-85)}[dir=rtl] ._spectrum-ActionButton_ab836 ._spectrum-ActionButton-hold_ab836+._spectrum-Icon_ab836:last-child,[dir=rtl] ._spectrum-ActionButton_ab836 ._spectrum-Icon_ab836:only-child{padding-left:var(--spectrum-global-dimension-size-85)}[dir=ltr] ._spectrum-ActionButton-hold_ab836{right:var(--spectrum-global-dimension-size-40)}[dir=rtl] ._spectrum-ActionButton-hold_ab836{left:var(--spectrum-global-dimension-size-40)}._spectrum-ActionButton-hold_ab836{position:absolute;bottom:var(--spectrum-global-dimension-size-40)}[dir=rtl] ._spectrum-ActionButton-hold_ab836{transform:rotate(90deg)}._spectrum-ActionButton-label_ab836,._spectrum-Button-label_ab836{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;justify-self:center;-ms-flex-order:1;order:1;text-align:center;width:100%}._spectrum-ActionButton-label_ab836:empty,._spectrum-Button-label_ab836:empty{display:none}._spectrum-ActionButton-label_ab836{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._spectrum-ActionButton--quiet_ab836{border-width:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));font-size:var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100));font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular))}._spectrum-ActionButton--emphasized_ab836:after,._spectrum-ActionButton--staticColor_ab836:after{border-radius:calc(var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50)) + var(--spectrum-global-dimension-static-size-25, 2px))}._spectrum-ActionButton--emphasized_ab836._focus-ring_ab836:after,._spectrum-ActionButton--staticColor_ab836._focus-ring_ab836:after{margin:calc(var(--spectrum-global-dimension-static-size-25, 2px) * -1 - var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10)))}._spectrum-LogicButton_ab836{height:24px;padding:var(--spectrum-global-dimension-size-100);border-width:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));font-size:var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100));font-weight:var(--spectrum-global-font-weight-bold,700);line-height:0}._spectrum-LogicButton_ab836:after{border-radius:calc(var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50)) + var(--spectrum-global-dimension-static-size-25, 2px))}._spectrum-FieldButton_ab836{height:var(--spectrum-global-dimension-size-400);padding:0 var(--spectrum-global-dimension-size-150);font-family:inherit;font-weight:400;font-size:var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100));line-height:normal;-webkit-font-smoothing:initial;cursor:default;outline:none;margin:0;padding-top:0;padding-bottom:0;padding-left:var(--spectrum-global-dimension-size-150);padding-right:var(--spectrum-global-dimension-size-150);border-width:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));border-style:solid;border-radius:var(--spectrum-global-dimension-size-50);transition:background-color .13s,box-shadow .13s,border-color .13s}._spectrum-FieldButton_ab836._is-disabled_ab836,._spectrum-FieldButton_ab836:disabled{border-width:0;cursor:default}._spectrum-FieldButton_ab836._is-open_ab836{border-width:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10))}._spectrum-FieldButton--quiet_ab836{margin:0;padding:0;border-width:0;border-radius:0}._spectrum-FieldButton--quiet_ab836._is-disabled_ab836._focus-ring_ab836,._spectrum-FieldButton--quiet_ab836:disabled._focus-ring_ab836{box-shadow:none}._spectrum-ClearButton_ab836{width:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));border-radius:100%;padding:0;margin:0;border:none}._spectrum-ClearButton_ab836>._spectrum-Icon_ab836{margin:0 auto}._spectrum-ClearButton--overBackground_ab836._focus-ring_ab836:after{margin:calc(var(--spectrum-global-dimension-static-size-25, 2px) * -1)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){._spectrum-ClearButton_ab836>._spectrum-Icon_ab836{margin:0}}._spectrum-ClearButton--small_ab836{width:var(--spectrum-global-dimension-size-300);height:var(--spectrum-global-dimension-size-300)}._spectrum-ActionButton--emphasized_ab836._focus-ring_ab836:after,._spectrum-ActionButton--emphasized_ab836._is-focused_ab836:after,._spectrum-Button_ab836._focus-ring_ab836:after,._spectrum-Button_ab836._is-focused_ab836:after,._spectrum-LogicButton_ab836._focus-ring_ab836:after,._spectrum-LogicButton_ab836._is-focused_ab836:after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color))}._spectrum-ClearButton_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);color:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}._spectrum-ClearButton_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}._spectrum-ClearButton_ab836._is-hovered_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ClearButton_ab836._is-hovered_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ClearButton_ab836._is-active_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);color:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}._spectrum-ClearButton_ab836._is-active_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}._spectrum-ClearButton_ab836._focus-ring_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);color:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}._spectrum-ClearButton_ab836._focus-ring_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}._spectrum-ClearButton_ab836._is-disabled_ab836,._spectrum-ClearButton_ab836:disabled{background-color:var(--spectrum-alias-background-color-transparent,transparent);color:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}._spectrum-ClearButton_ab836._is-disabled_ab836 ._spectrum-Icon_ab836,._spectrum-ClearButton_ab836:disabled ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}._spectrum-Button--cta_ab836{background-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));border-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));color:var(--spectrum-global-color-static-white,#fff)}._spectrum-Button--cta_ab836._focus-ring_ab836,._spectrum-Button--cta_ab836._is-hovered_ab836{background-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));border-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));color:var(--spectrum-global-color-static-white,#fff)}._spectrum-Button--cta_ab836._is-active_ab836{background-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800));border-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800));color:var(--spectrum-global-color-static-white,#fff)}._spectrum-Button--cta_ab836._is-disabled_ab836,._spectrum-Button--cta_ab836:disabled{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}._spectrum-Button--primary_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-global-color-gray-800);color:var(--spectrum-global-color-gray-800)}._spectrum-Button--primary_ab836._focus-ring_ab836,._spectrum-Button--primary_ab836._is-hovered_ab836{background-color:var(--spectrum-global-color-gray-800);border-color:var(--spectrum-global-color-gray-800);color:var(--spectrum-global-color-gray-50)}._spectrum-Button--primary_ab836._is-active_ab836{background-color:var(--spectrum-global-color-gray-900);border-color:var(--spectrum-global-color-gray-900);color:var(--spectrum-global-color-gray-50)}._spectrum-Button--primary_ab836._is-disabled_ab836,._spectrum-Button--primary_ab836:disabled{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}._spectrum-Button--secondary_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-global-color-gray-700);color:var(--spectrum-global-color-gray-700)}._spectrum-Button--secondary_ab836._focus-ring_ab836,._spectrum-Button--secondary_ab836._is-hovered_ab836{background-color:var(--spectrum-global-color-gray-700);border-color:var(--spectrum-global-color-gray-700);color:var(--spectrum-global-color-gray-50)}._spectrum-Button--secondary_ab836._is-active_ab836{background-color:var(--spectrum-global-color-gray-800);border-color:var(--spectrum-global-color-gray-800);color:var(--spectrum-global-color-gray-50)}._spectrum-Button--secondary_ab836._is-disabled_ab836,._spectrum-Button--secondary_ab836:disabled{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}._spectrum-Button--warning_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600))}._spectrum-Button--warning_ab836._focus-ring_ab836,._spectrum-Button--warning_ab836._is-hovered_ab836{background-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));border-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));color:var(--spectrum-global-color-gray-50)}._spectrum-Button--warning_ab836._is-active_ab836{background-color:var(--spectrum-global-color-red-700);border-color:var(--spectrum-global-color-red-700);color:var(--spectrum-global-color-gray-50)}._spectrum-Button--warning_ab836._is-disabled_ab836,._spectrum-Button--warning_ab836:disabled{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}._spectrum-Button--overBackground_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-global-color-static-white,#fff);color:var(--spectrum-global-color-static-white,#fff)}._spectrum-Button--overBackground_ab836._focus-ring_ab836,._spectrum-Button--overBackground_ab836._is-hovered_ab836{background-color:var(--spectrum-global-color-static-white,#fff);border-color:var(--spectrum-global-color-static-white,#fff);color:inherit}._spectrum-Button--overBackground_ab836._focus-ring_ab836:after{box-shadow:0 0 0 var(--spectrum-global-dimension-static-size-25,2px) var(--spectrum-global-color-static-white,#fff)}._spectrum-Button--overBackground_ab836._is-active_ab836{background-color:var(--spectrum-global-color-static-white,#fff);border-color:var(--spectrum-global-color-static-white,#fff);color:inherit}._spectrum-Button--overBackground_ab836._is-disabled_ab836,._spectrum-Button--overBackground_ab836:disabled{background-color:hsla(0,0%,100%,.1);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:hsla(0,0%,100%,.35)}._spectrum-Button--overBackground_ab836._spectrum-Button--quiet_ab836,._spectrum-ClearButton--overBackground_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}._spectrum-Button--overBackground_ab836._spectrum-Button--quiet_ab836._focus-ring_ab836,._spectrum-Button--overBackground_ab836._spectrum-Button--quiet_ab836._is-hovered_ab836,._spectrum-ClearButton--overBackground_ab836._focus-ring_ab836,._spectrum-ClearButton--overBackground_ab836._is-hovered_ab836{background-color:hsla(0,0%,100%,.1);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}._spectrum-Button--overBackground_ab836._spectrum-Button--quiet_ab836._focus-ring_ab836,._spectrum-ClearButton--overBackground_ab836._focus-ring_ab836{box-shadow:none}._spectrum-Button--overBackground_ab836._spectrum-Button--quiet_ab836._focus-ring_ab836:after,._spectrum-ClearButton--overBackground_ab836._focus-ring_ab836:after{box-shadow:0 0 0 var(--spectrum-global-dimension-static-size-25,2px) var(--spectrum-global-color-static-white,#fff)}._spectrum-Button--overBackground_ab836._spectrum-Button--quiet_ab836._is-active_ab836,._spectrum-ClearButton--overBackground_ab836._is-active_ab836{background-color:hsla(0,0%,100%,.15);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}._spectrum-Button--overBackground_ab836._spectrum-Button--quiet_ab836._is-disabled_ab836,._spectrum-Button--overBackground_ab836._spectrum-Button--quiet_ab836:disabled,._spectrum-ClearButton--overBackground_ab836._is-disabled_ab836,._spectrum-ClearButton--overBackground_ab836:disabled{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:hsla(0,0%,100%,.15)}._spectrum-Button--primary_ab836._spectrum-Button--quiet_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-gray-800)}._spectrum-Button--primary_ab836._spectrum-Button--quiet_ab836._focus-ring_ab836,._spectrum-Button--primary_ab836._spectrum-Button--quiet_ab836._is-hovered_ab836{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-900)}._spectrum-Button--primary_ab836._spectrum-Button--quiet_ab836._is-active_ab836{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-gray-900)}._spectrum-Button--primary_ab836._spectrum-Button--quiet_ab836._is-disabled_ab836,._spectrum-Button--primary_ab836._spectrum-Button--quiet_ab836:disabled{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-gray-500)}._spectrum-Button--secondary_ab836._spectrum-Button--quiet_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-gray-700)}._spectrum-Button--secondary_ab836._spectrum-Button--quiet_ab836._focus-ring_ab836,._spectrum-Button--secondary_ab836._spectrum-Button--quiet_ab836._is-hovered_ab836{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-800)}._spectrum-Button--secondary_ab836._spectrum-Button--quiet_ab836._is-active_ab836{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-gray-800)}._spectrum-Button--secondary_ab836._spectrum-Button--quiet_ab836._is-disabled_ab836,._spectrum-Button--secondary_ab836._spectrum-Button--quiet_ab836:disabled{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-gray-500)}._spectrum-ActionButton_ab836{background-color:var(--spectrum-global-color-gray-75);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}._spectrum-ActionButton_ab836 ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}._spectrum-ActionButton_ab836._is-hovered_ab836{background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._is-hovered_ab836 ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton_ab836._is-hovered_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._focus-ring_ab836{background-color:var(--spectrum-global-color-gray-50);box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._focus-ring_ab836,._spectrum-ActionButton_ab836._focus-ring_ab836._is-active_ab836{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-ActionButton_ab836._focus-ring_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._focus-ring_ab836 ._spectrum-ActionButton-hold_ab836{fill:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._is-active_ab836{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-down,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._is-active_ab836 ._spectrum-ActionButton-hold_ab836{fill:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._is-disabled_ab836,._spectrum-ActionButton_ab836:disabled{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-ActionButton_ab836._is-disabled_ab836 ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton_ab836._is-disabled_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton_ab836:disabled ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton_ab836:disabled ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}._spectrum-ActionButton_ab836._is-selected_ab836{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}._spectrum-ActionButton_ab836._is-selected_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}._spectrum-ActionButton_ab836._is-selected_ab836._is-hovered_ab836{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._is-selected_ab836._is-hovered_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._is-selected_ab836._focus-ring_ab836{background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._is-selected_ab836._focus-ring_ab836,._spectrum-ActionButton_ab836._is-selected_ab836._focus-ring_ab836._is-active_ab836{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-ActionButton_ab836._is-selected_ab836._focus-ring_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._is-selected_ab836._is-active_ab836{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-down,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._is-selected_ab836._is-active_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton_ab836._is-selected_ab836._is-disabled_ab836,._spectrum-ActionButton_ab836._is-selected_ab836:disabled{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-ActionButton_ab836._is-selected_ab836._is-disabled_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton_ab836._is-selected_ab836:disabled ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}._spectrum-ActionButton--emphasized_ab836{background-color:var(--spectrum-global-color-gray-75);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}._spectrum-ActionButton--emphasized_ab836 ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--emphasized_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}._spectrum-ActionButton--emphasized_ab836._is-selected_ab836 ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--emphasized_ab836._is-selected_ab836._is-hovered_ab836 ._spectrum-ActionButton-hold_ab836{fill:var(--spectrum-global-color-static-white,#fff)}._spectrum-ActionButton--emphasized_ab836._is-hovered_ab836{background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));box-shadow:none;color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton--emphasized_ab836._is-hovered_ab836 ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--emphasized_ab836._is-hovered_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton--emphasized_ab836._focus-ring_ab836{background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));box-shadow:none;color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton--emphasized_ab836._focus-ring_ab836._is-active_ab836{border-color:var(--spectrum-alias-border-color-down,var(--spectrum-global-color-gray-500))}._spectrum-ActionButton--emphasized_ab836._focus-ring_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton--emphasized_ab836._focus-ring_ab836 ._spectrum-ActionButton-hold_ab836{fill:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton--emphasized_ab836._is-active_ab836{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-down,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton--emphasized_ab836._is-active_ab836 ._spectrum-ActionButton-hold_ab836{fill:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton--emphasized_ab836._is-disabled_ab836,._spectrum-ActionButton--emphasized_ab836:disabled{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-ActionButton--emphasized_ab836._is-disabled_ab836 ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--emphasized_ab836._is-disabled_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--emphasized_ab836:disabled ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--emphasized_ab836:disabled ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._focus-ring_ab836{border-color:var(--spectrum-alias-border-color-transparent,transparent);box-shadow:none}._spectrum-ActionButton--emphasized_ab836._is-selected_ab836,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836{background-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));border-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));color:var(--spectrum-global-color-static-white,#fff)}._spectrum-ActionButton--emphasized_ab836._is-selected_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-global-color-static-white,#fff)}._spectrum-ActionButton--emphasized_ab836._is-selected_ab836._focus-ring_ab836,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._focus-ring_ab836{background-color:var(--spectrum-semantic-cta-color-background-key-focus,var(--spectrum-global-color-static-blue-600));border-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));box-shadow:none;color:var(--spectrum-global-color-static-white,#fff)}._spectrum-ActionButton--emphasized_ab836._is-selected_ab836._focus-ring_ab836._is-active_ab836,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._focus-ring_ab836._is-active_ab836{border-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800))}._spectrum-ActionButton--emphasized_ab836._is-selected_ab836._focus-ring_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._focus-ring_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-global-color-static-white,#fff)}._spectrum-ActionButton--emphasized_ab836._is-selected_ab836._is-hovered_ab836,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-hovered_ab836{background-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));border-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));color:var(--spectrum-global-color-static-white,#fff)}._spectrum-ActionButton--emphasized_ab836._is-selected_ab836._is-hovered_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-hovered_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-global-color-static-white,#fff)}._spectrum-ActionButton--emphasized_ab836._is-selected_ab836._is-active_ab836,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-active_ab836{background-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800));border-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800));color:var(--spectrum-global-color-static-white,#fff)}._spectrum-ActionButton--emphasized_ab836._is-selected_ab836._is-active_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-active_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-global-color-static-white,#fff)}._spectrum-ActionButton--emphasized_ab836._is-selected_ab836._is-disabled_ab836,._spectrum-ActionButton--emphasized_ab836._is-selected_ab836:disabled,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-disabled_ab836,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836:disabled{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-ActionButton--emphasized_ab836._is-selected_ab836._is-disabled_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--emphasized_ab836._is-selected_ab836:disabled ._spectrum-Icon_ab836,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-disabled_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--emphasized_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836:disabled ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}._spectrum-ActionButton--quiet_ab836{color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}._spectrum-ActionButton--quiet_ab836,._spectrum-ActionButton--quiet_ab836._is-hovered_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent)}._spectrum-ActionButton--quiet_ab836._focus-ring_ab836,._spectrum-ActionButton--quiet_ab836._is-hovered_ab836{color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton--quiet_ab836._focus-ring_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-ActionButton--quiet_ab836._is-active_ab836{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton--quiet_ab836._is-disabled_ab836,._spectrum-ActionButton--quiet_ab836:disabled{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-ActionButton--quiet_ab836._is-selected_ab836{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-hovered_ab836{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton--quiet_ab836._is-selected_ab836._focus-ring_ab836{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-active_ab836{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-alias-border-color-down,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-disabled_ab836,._spectrum-ActionButton--quiet_ab836._is-selected_ab836:disabled{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-ActionButton--staticWhite_ab836{mix-blend-mode:screen;--spectrum-actionbutton-static-background-color-hover:hsla(0,0%,100%,0.1);--spectrum-actionbutton-static-background-color-focus:hsla(0,0%,100%,0.1);--spectrum-actionbutton-static-background-color-active:hsla(0,0%,100%,0.2);--spectrum-actionbutton-static-border-color:hsla(0,0%,100%,0.3);--spectrum-actionbutton-static-border-color-hover:#fff;--spectrum-actionbutton-static-border-color-active:#fff;--spectrum-actionbutton-static-border-color-focus:#fff;--spectrum-actionbutton-static-border-disabled:hsla(0,0%,100%,0.15);--spectrum-actionbutton-static-color:#fff;--spectrum-actionbutton-static-color-selected:#000;--spectrum-actionbutton-static-color-disabled:hsla(0,0%,100%,0.15)}._spectrum-ActionButton--staticWhite_ab836._spectrum-ActionButton--quiet_ab836{--spectrum-actionbutton-static-border-color:transparent;--spectrum-actionbutton-static-border-color-hover:transparent;--spectrum-actionbutton-static-border-color-active:transparent}._spectrum-ActionButton--staticBlack_ab836{mix-blend-mode:multiply;--spectrum-actionbutton-static-background-color-hover:rgba(0,0,0,0.1);--spectrum-actionbutton-static-background-color-focus:rgba(0,0,0,0.1);--spectrum-actionbutton-static-background-color-active:rgba(0,0,0,0.2);--spectrum-actionbutton-static-border-color:rgba(0,0,0,0.3);--spectrum-actionbutton-static-border-color-hover:#000;--spectrum-actionbutton-static-border-color-active:#000;--spectrum-actionbutton-static-border-color-focus:#000;--spectrum-actionbutton-static-border-disabled:rgba(0,0,0,0.15);--spectrum-actionbutton-static-color:#000;--spectrum-actionbutton-static-color-selected:#fff;--spectrum-actionbutton-static-color-disabled:rgba(0,0,0,0.15)}._spectrum-ActionButton--staticBlack_ab836._spectrum-ActionButton--quiet_ab836{--spectrum-actionbutton-static-border-color:transparent;--spectrum-actionbutton-static-border-color-hover:transparent;--spectrum-actionbutton-static-border-color-active:transparent}._spectrum-ActionButton--staticColor_ab836{background-color:initial;border-color:var(--spectrum-actionbutton-static-border-color);color:var(--spectrum-actionbutton-static-color)}._spectrum-ActionButton--staticColor_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-actionbutton-static-color)}._spectrum-ActionButton--staticColor_ab836._is-hovered_ab836{background-color:var(--spectrum-actionbutton-static-background-color-hover);border-color:var(--spectrum-actionbutton-static-border-color-hover);color:var(--spectrum-actionbutton-static-color)}._spectrum-ActionButton--staticColor_ab836._is-hovered_ab836 ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--staticColor_ab836._is-hovered_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-actionbutton-static-color)}._spectrum-ActionButton--staticColor_ab836._focus-ring_ab836{background-color:var(--spectrum-actionbutton-static-background-color-focus);box-shadow:none;color:var(--spectrum-actionbutton-static-color)}._spectrum-ActionButton--staticColor_ab836._focus-ring_ab836,._spectrum-ActionButton--staticColor_ab836._focus-ring_ab836._is-hovered_ab836{border-color:var(--spectrum-actionbutton-static-border-color-focus)}._spectrum-ActionButton--staticColor_ab836._focus-ring_ab836._is-active_ab836{border-color:var(--spectrum-actionbutton-static-color-focus)}._spectrum-ActionButton--staticColor_ab836._focus-ring_ab836 ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--staticColor_ab836._focus-ring_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-actionbutton-static-color)}._spectrum-ActionButton--staticColor_ab836._focus-ring_ab836:after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-actionbutton-static-border-color-focus)}._spectrum-ActionButton--staticColor_ab836._is-active_ab836{background-color:var(--spectrum-actionbutton-static-background-color-active);border-color:var(--spectrum-actionbutton-static-border-color-active);color:var(--spectrum-actionbutton-static-color)}._spectrum-ActionButton--staticColor_ab836._is-active_ab836 ._spectrum-ActionButton-hold_ab836{fill:var(--spectrum-actionbutton-static-color)}._spectrum-ActionButton--staticColor_ab836._is-disabled_ab836,._spectrum-ActionButton--staticColor_ab836:disabled{background-color:initial;border-color:var(--spectrum-actionbutton-static-border-disabled);color:var(--spectrum-actionbutton-static-color-disabled)}._spectrum-ActionButton--staticColor_ab836._is-disabled_ab836 ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--staticColor_ab836._is-disabled_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--staticColor_ab836:disabled ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--staticColor_ab836:disabled ._spectrum-Icon_ab836{fill:var(--spectrum-actionbutton-static-color-disabled)}._spectrum-ActionButton--staticColor_ab836._is-selected_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836{background-color:var(--spectrum-actionbutton-static-color);border-color:var(--spectrum-actionbutton-static-color);color:var(--spectrum-actionbutton-static-color-selected)}._spectrum-ActionButton--staticColor_ab836._is-selected_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-actionbutton-static-color-selected)}._spectrum-ActionButton--staticColor_ab836._is-selected_ab836._focus-ring_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._focus-ring_ab836{background-color:var(--spectrum-actionbutton-static-color);border-color:var(--spectrum-actionbutton-static-color);color:var(--spectrum-actionbutton-static-color-selected);box-shadow:none}._spectrum-ActionButton--staticColor_ab836._is-selected_ab836._focus-ring_ab836._is-active_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._focus-ring_ab836._is-active_ab836{box-shadow:none;border-color:var(--spectrum-actionbutton-static-color)}._spectrum-ActionButton--staticColor_ab836._is-selected_ab836._focus-ring_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._focus-ring_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-actionbutton-static-color-selected)}._spectrum-ActionButton--staticColor_ab836._is-selected_ab836._is-active_ab836,._spectrum-ActionButton--staticColor_ab836._is-selected_ab836._is-hovered_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-active_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-hovered_ab836{background-color:var(--spectrum-actionbutton-static-color);border-color:var(--spectrum-actionbutton-static-color);color:var(--spectrum-actionbutton-static-color-selected)}._spectrum-ActionButton--staticColor_ab836._is-selected_ab836._is-active_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--staticColor_ab836._is-selected_ab836._is-hovered_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-active_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-hovered_ab836 ._spectrum-Icon_ab836{fill:var(--spectrum-actionbutton-static-color-selected)}._spectrum-ActionButton--staticColor_ab836._is-selected_ab836._is-disabled_ab836,._spectrum-ActionButton--staticColor_ab836._is-selected_ab836:disabled,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-disabled_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836:disabled{background-color:initial;border-color:var(--spectrum-actionbutton-static-border-disabled);color:var(--spectrum-actionbutton-static-color-disabled)}._spectrum-ActionButton--staticColor_ab836._is-selected_ab836._is-disabled_ab836 ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--staticColor_ab836._is-selected_ab836._is-disabled_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--staticColor_ab836._is-selected_ab836:disabled ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--staticColor_ab836._is-selected_ab836:disabled ._spectrum-Icon_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-disabled_ab836 ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836._is-disabled_ab836 ._spectrum-Icon_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836:disabled ._spectrum-ActionButton-hold_ab836,._spectrum-ActionButton--staticColor_ab836._spectrum-ActionButton--quiet_ab836._is-selected_ab836:disabled ._spectrum-Icon_ab836{fill:var(--spectrum-actionbutton-static-color-disabled)}._spectrum-Button--warning_ab836._spectrum-Button--quiet_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600))}._spectrum-Button--warning_ab836._spectrum-Button--quiet_ab836._focus-ring_ab836,._spectrum-Button--warning_ab836._spectrum-Button--quiet_ab836._is-hovered_ab836{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-red-700)}._spectrum-Button--warning_ab836._spectrum-Button--quiet_ab836._is-active_ab836{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-red-700)}._spectrum-Button--warning_ab836._spectrum-Button--quiet_ab836._is-disabled_ab836,._spectrum-Button--warning_ab836._spectrum-Button--quiet_ab836:disabled{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-gray-500)}._spectrum-LogicButton--and_ab836{background-color:var(--spectrum-global-color-blue-500);border-color:var(--spectrum-global-color-blue-500);color:var(--spectrum-global-color-static-white,#fff)}._spectrum-LogicButton--and_ab836._is-hovered_ab836{background-color:var(--spectrum-global-color-blue-700);border-color:var(--spectrum-global-color-blue-700);color:var(--spectrum-global-color-static-white,#fff)}._spectrum-LogicButton--and_ab836._is-disabled_ab836,._spectrum-LogicButton--and_ab836:disabled{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-LogicButton--or_ab836{background-color:var(--spectrum-global-color-magenta-500);border-color:var(--spectrum-global-color-magenta-500);color:var(--spectrum-global-color-static-white,#fff)}._spectrum-LogicButton--or_ab836._is-hovered_ab836{background-color:var(--spectrum-global-color-magenta-700);border-color:var(--spectrum-global-color-magenta-700);color:var(--spectrum-global-color-static-white,#fff)}._spectrum-LogicButton--or_ab836._is-disabled_ab836,._spectrum-LogicButton--or_ab836:disabled{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-FieldButton_ab836{color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800));background-color:var(--spectrum-global-color-gray-75);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400))}._spectrum-FieldButton_ab836._is-hovered_ab836{color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900));background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500))}._spectrum-FieldButton_ab836._is-active_ab836,._spectrum-FieldButton_ab836._is-selected_ab836{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-down,var(--spectrum-global-color-gray-500))}._spectrum-FieldButton_ab836._focus-ring_ab836,._spectrum-FieldButton_ab836._is-focused_ab836{background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-FieldButton_ab836._focus-ring_ab836._is-placeholder_ab836,._spectrum-FieldButton_ab836._is-focused_ab836._is-placeholder_ab836{color:var(--spectrum-alias-placeholder-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-FieldButton_ab836._spectrum-FieldButton--invalid_ab836{border-color:var(--spectrum-global-color-red-500)}._spectrum-FieldButton_ab836._spectrum-FieldButton--invalid_ab836._is-active_ab836,._spectrum-FieldButton_ab836._spectrum-FieldButton--invalid_ab836._is-hovered_ab836,._spectrum-FieldButton_ab836._spectrum-FieldButton--invalid_ab836._is-selected_ab836{border-color:var(--spectrum-global-color-red-600)}._spectrum-FieldButton_ab836._spectrum-FieldButton--invalid_ab836._focus-ring_ab836,._spectrum-FieldButton_ab836._spectrum-FieldButton--invalid_ab836._is-focused_ab836{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-FieldButton_ab836._is-disabled_ab836,._spectrum-FieldButton_ab836:disabled{background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-FieldButton_ab836._is-disabled_ab836 ._spectrum-Icon_ab836,._spectrum-FieldButton_ab836:disabled ._spectrum-Icon_ab836{fill:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}._spectrum-FieldButton--quiet_ab836{color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-alias-border-color-transparent,transparent);background-color:var(--spectrum-alias-background-color-transparent,transparent)}._spectrum-FieldButton--quiet_ab836._is-hovered_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-FieldButton--quiet_ab836._focus-ring_ab836,._spectrum-FieldButton--quiet_ab836._is-focused_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);box-shadow:0 2px 0 0 var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-FieldButton--quiet_ab836._focus-ring_ab836._is-placeholder_ab836,._spectrum-FieldButton--quiet_ab836._is-focused_ab836._is-placeholder_ab836{color:var(--spectrum-alias-placeholder-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-FieldButton--quiet_ab836._is-active_ab836,._spectrum-FieldButton--quiet_ab836._is-selected_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent)}._spectrum-FieldButton--quiet_ab836._is-active_ab836._focus-ring_ab836,._spectrum-FieldButton--quiet_ab836._is-active_ab836._is-focused_ab836,._spectrum-FieldButton--quiet_ab836._is-selected_ab836._focus-ring_ab836,._spectrum-FieldButton--quiet_ab836._is-selected_ab836._is-focused_ab836{background-color:var(--spectrum-alias-background-color-transparent,transparent);box-shadow:0 2px 0 0 var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-FieldButton--quiet_ab836._spectrum-FieldButton--invalid_ab836._focus-ring_ab836,._spectrum-FieldButton--quiet_ab836._spectrum-FieldButton--invalid_ab836._is-focused_ab836{box-shadow:0 2px 0 0 var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-FieldButton--quiet_ab836._is-disabled_ab836,._spectrum-FieldButton--quiet_ab836:disabled{background-color:var(--spectrum-alias-background-color-transparent,transparent);color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}
|
|
2
2
|
/*# sourceMappingURL=main.css.map */
|
package/dist/main.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["./node_modules/@adobe/spectrum-css-temp/components/button/index.css","./node_modules/@adobe/spectrum-css-temp/components/button/skin.css"],"sourcesContent":["/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import '../commons/index.css';\n\n:root {\n /* Todo: fix in DNA, should have been zero */\n --spectrum-fieldbutton-quiet-border-size: 0;\n --spectrum-fieldbutton-disabled-border-size: 0;\n --spectrum-fieldbutton-quiet-margin: 0;\n --spectrum-fieldbutton-quiet-padding: 0;\n\n /* Hardcoded for wrapping study, needs to be in DNA */\n --spectrum-button-padding-y: var(--spectrum-global-dimension-size-50);\n --spectrum-button-line-height: 1.3;\n}\n\n%spectrum-BaseButton {\n /* Contain halo */\n position: relative;\n\n display: inline-flex;\n box-sizing: border-box;\n\n align-items: center;\n justify-content: center;\n\n /* Show the button overflow in Edge. */\n overflow: visible;\n\n /* Remove button the margin in Firefox and Safari. */\n margin: 0;\n\n border-style: solid;\n\n /* Remove the inheritance of text transform on button in Edge, Firefox, and IE. */\n text-transform: none;\n -webkit-font-smoothing: antialiased;\n /* Font smoothing for Firefox */\n -moz-osx-font-smoothing: grayscale;\n\n button& {\n /* Correct the inability to style clickable types in iOS and Safari. */\n -webkit-appearance: button;\n }\n\n /* Adjacent buttons should be aligned correctly */\n vertical-align: top;\n\n transition: background var(--spectrum-global-animation-duration-100) ease-out,\n border-color var(--spectrum-global-animation-duration-100) ease-out,\n color var(--spectrum-global-animation-duration-100) ease-out,\n box-shadow var(--spectrum-global-animation-duration-100) ease-out;\n\n text-decoration: none;\n font-family: var(--spectrum-font-family-base);\n\n line-height: var(--spectrum-button-line-height);\n\n user-select: none;\n -webkit-user-select: none;\n touch-action: none; /* prevent touch scrolling on buttons */\n\n cursor: default;\n\n isolation: isolate;\n\n &:focus {\n outline: none;\n }\n &:focus-ring {\n z-index: 3;\n }\n\n /* Fix Firefox */\n &::-moz-focus-inner {\n border: 0;\n\n /* Remove the inner border and padding for button in Firefox. */\n border-style: none;\n padding: 0;\n\n /* Use uppercase PX so values don't get converted to rem */\n margin-block-start: -2PX;\n margin-block-end: -2PX;\n }\n\n &:disabled,\n &.is-disabled {\n cursor: default;\n }\n\n .spectrum-Icon {\n max-block-size: 100%;\n flex-shrink: 0;\n order: 0; /* always be before the label, regardless of DOM order */\n\n transition: background var(--spectrum-global-animation-duration-100) ease-out,\n fill var(--spectrum-global-animation-duration-100) ease-out;\n box-sizing: initial;\n }\n\n}\n\n%spectrum-ButtonWithFocusRing {\n &:after {\n border-radius: calc(var(--spectrum-button-primary-border-radius) + var(--spectrum-alias-focus-ring-gap));\n content: '';\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n margin: calc(var(--spectrum-alias-focus-ring-gap) * -1);\n transform: translateX(0); /* Forces FF to render on the pixel grid */\n\n transition: box-shadow var(--spectrum-global-animation-duration-100) ease-out,\n margin var(--spectrum-global-animation-duration-100) ease-out;\n }\n\n &:focus-ring {\n &:after {\n margin: calc(var(--spectrum-alias-focus-ring-gap) * -2);\n }\n }\n}\n\n.spectrum-Button {\n @inherit: %spectrum-BaseButton;\n @inherit: %spectrum-ButtonWithFocusRing;\n\n border-width: var(--spectrum-button-primary-border-size);\n border-style: solid;\n border-radius: var(--spectrum-button-primary-border-radius);\n\n min-block-size: var(--spectrum-button-primary-height);\n block-size: 0%;\n min-inline-size: var(--spectrum-button-primary-min-width);\n\n padding: var(--spectrum-button-padding-y) calc(var(--spectrum-button-primary-padding-x) - var(--spectrum-button-primary-border-size));\n\n /* @hack: fix button text vertical alignment at 14px */\n padding-block-end: calc(var(--spectrum-button-padding-y) + 1px);\n padding-block-start: calc(var(--spectrum-button-padding-y) - 1px);\n\n font-size: var(--spectrum-button-primary-text-size);\n font-weight: var(--spectrum-button-primary-text-font-weight);\n\n &:hover,\n &:active {\n box-shadow: none;\n }\n\n /* there should be space between the icon and text no matter the DOM order */\n .spectrum-Icon + .spectrum-Button-label {\n margin-inline-start: var(--spectrum-button-primary-text-gap);\n }\n\n .spectrum-Button-label + .spectrum-Icon {\n margin-inline-end: var(--spectrum-button-primary-text-gap);\n }\n}\n\na.spectrum-Button,\na.spectrum-ActionButton {\n /* Remove appearance for clickable types in iOS and Safari. */\n -webkit-appearance: none;\n /* Make link text not selectable */\n user-select: none;\n cursor: pointer;\n}\n\n.spectrum-ActionButton {\n @inherit: %spectrum-BaseButton;\n position: relative;\n\n block-size: var(--spectrum-actionbutton-height);\n min-inline-size: var(--spectrum-actionbutton-min-width);\n\n /* Use icon padding by default as it's smaller */\n padding: 0;\n\n border-width: var(--spectrum-actionbutton-border-size);\n border-radius: var(--spectrum-actionbutton-border-radius);\n\n font-size: var(--spectrum-actionbutton-text-size);\n font-weight: var(--spectrum-actionbutton-text-font-weight);\n\n /* icon should always have padding at the start */\n .spectrum-Icon {\n padding-inline-start: var(--spectrum-actionbutton-icon-padding-x);\n }\n\n /* label should always have padding at the end */\n .spectrum-ActionButton-label {\n padding-inline-end: var(--spectrum-actionbutton-text-padding-x);\n }\n\n /* icon + text buttons should have padding between the text and icon no matter the order */\n .spectrum-Icon + .spectrum-ActionButton-label {\n padding-inline-start: var(--spectrum-actionbutton-icon-padding-x);\n }\n\n .spectrum-ActionButton-label:not([hidden]) + .spectrum-Icon {\n padding-inline-end: var(--spectrum-actionbutton-icon-padding-x);\n }\n\n /* text only buttons should have padding at the start */\n .spectrum-ActionButton-label:only-child,\n .spectrum-ActionButton-hold + .spectrum-ActionButton-label:last-child {\n padding-inline-start: var(--spectrum-actionbutton-text-padding-x);\n }\n\n /* icon only buttons should have padding at the end */\n .spectrum-Icon:only-child,\n .spectrum-ActionButton-hold + .spectrum-Icon:last-child {\n padding-inline-end: var(--spectrum-actionbutton-icon-padding-x);\n }\n}\n\n.spectrum-ActionButton-hold {\n position: absolute;\n inset-inline-end: var(--spectrum-actionbutton-hold-icon-padding-right);\n inset-block-end: var(--spectrum-actionbutton-hold-icon-padding-bottom);\n}\n\n[dir='rtl'] .spectrum-ActionButton-hold {\n transform: rotate(90deg);\n}\n\n.spectrum-ActionButton-label,\n.spectrum-Button-label {\n align-self: center;\n justify-self: center;\n order: 1; /* always be after the icon, regardless of DOM order */\n\n /* Fixes horizontal alignment of text in anchor buttons */\n text-align: center;\n\n /* @safari10 Workaround for https://bugs.webkit.org/show_bug.cgi?id=169700 */\n inline-size: 100%;\n\n &:empty {\n display: none;\n }\n}\n\n\n.spectrum-ActionButton-label {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.spectrum-ActionButton--quiet {\n border-width: var(--spectrum-actionbutton-quiet-border-size);\n border-radius: var(--spectrum-actionbutton-quiet-border-radius);\n\n font-size: var(--spectrum-actionbutton-quiet-text-size);\n font-weight: var(--spectrum-actionbutton-quiet-text-font-weight);\n}\n\n.spectrum-ActionButton--emphasized,\n.spectrum-ActionButton--staticColor {\n @inherit: %spectrum-ButtonWithFocusRing;\n\n &:after {\n /* Override border-radius set in %spectrum-ButtonWithFocusRing since this is not a pill button */\n border-radius: calc(var(--spectrum-actionbutton-border-radius) + var(--spectrum-alias-focus-ring-gap));\n }\n\n &:focus-ring {\n &:after {\n /* action buttons only have a 1px border, not 2px */\n margin: calc(calc(var(--spectrum-alias-focus-ring-gap) * -1) - var(--spectrum-actionbutton-quiet-border-size));\n }\n }\n}\n\n.spectrum-LogicButton {\n @inherit: %spectrum-BaseButton;\n @inherit: %spectrum-ButtonWithFocusRing;\n\n block-size: var(--spectrum-logicbutton-and-height);\n padding: var(--spectrum-logicbutton-and-padding-x);\n\n border-width: var(--spectrum-logicbutton-and-border-size);\n border-radius: var(--spectrum-logicbutton-and-border-radius);\n\n font-size: var(--spectrum-logicbutton-and-text-size);\n font-weight: var(--spectrum-logicbutton-and-text-font-weight);\n line-height: 0;\n\n &:after {\n /* Override border-radius set in %spectrum-ButtonWithFocusRing since this is not a pill button */\n border-radius: calc(var(--spectrum-logicbutton-and-border-radius) + var(--spectrum-alias-focus-ring-gap));\n }\n}\n\n.spectrum-FieldButton {\n @inherit: %spectrum-BaseButton;\n\n block-size: var(--spectrum-dropdown-height);\n\n padding: 0 var(--spectrum-dropdown-padding-x);\n\n font-family: inherit;\n font-weight: normal;\n font-size: var(--spectrum-dropdown-text-size);\n line-height: normal;\n -webkit-font-smoothing: initial;\n\n cursor: default;\n outline: none;\n}\n\n.spectrum-FieldButton {\n margin: 0;\n padding-block: 0;\n padding-inline: var(--spectrum-dropdown-padding-x);\n\n border-width: var(--spectrum-dropdown-border-size);\n border-style: solid;\n border-radius: var(--spectrum-border-radius);\n\n transition: background-color var(--spectrum-global-animation-duration-100),\n box-shadow var(--spectrum-global-animation-duration-100),\n border-color var(--spectrum-global-animation-duration-100);\n\n &:disabled,\n &.is-disabled {\n border-width: var(--spectrum-fieldbutton-disabled-border-size);\n cursor: default;\n }\n\n &.is-open {\n border-width: var(--spectrum-dropdown-border-size);\n }\n}\n\n.spectrum-FieldButton--quiet {\n margin: var(--spectrum-fieldbutton-quiet-margin);\n padding: var(--spectrum-fieldbutton-quiet-padding);\n\n border-width: var(--spectrum-fieldbutton-quiet-border-size);\n border-radius: var(--spectrum-fieldbutton-quiet-border-radius);\n &:disabled,\n &.is-disabled {\n &:focus-ring {\n box-shadow: none;\n }\n }\n}\n\n.spectrum-ClearButton {\n @inherit: %spectrum-BaseButton;\n @inherit: %spectrum-ButtonWithFocusRing;\n\n inline-size: var(--spectrum-clearbutton-medium-width);\n block-size: var(--spectrum-clearbutton-medium-height);\n\n border-radius: 100%;\n\n padding: 0;\n margin: 0;\n\n border: none;\n\n > .spectrum-Icon {\n /* @safari10 Workaround for https://bugs.webkit.org/show_bug.cgi?id=169700 */\n margin-block: 0;\n margin-inline: auto;\n }\n}\n\n.spectrum-ClearButton--overBackground {\n &:focus-ring {\n &:after {\n /* Adjust margin because ClearButton does not have a border */\n margin: calc(var(--spectrum-alias-focus-ring-gap) * -1);\n }\n }\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .spectrum-ClearButton {\n > .spectrum-Icon {\n /* @ie11 Workaround for regression caused by fix for https://bugs.webkit.org/show_bug.cgi?id=169700 */\n margin: 0;\n }\n }\n}\n\n.spectrum-ClearButton--small {\n inline-size: var(--spectrum-clearbutton-small-width);\n block-size: var(--spectrum-clearbutton-small-height);\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n:root {\n /* Overridden because of the way we draw focus rings */\n --spectrum-actionbutton-quiet-border-size-key-focus: 1px;\n}\n\n.spectrum-LogicButton,\n.spectrum-Button,\n.spectrum-ActionButton--emphasized {\n &:focus-ring,\n &.is-focused {\n &:after {\n box-shadow: 0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus) var(--spectrum-button-primary-focus-ring-color-key-focus);\n }\n }\n}\n\n.spectrum-ClearButton {\n background-color: var(--spectrum-clearbutton-medium-background-color);\n\n color: var(--spectrum-clearbutton-medium-icon-color);\n\n .spectrum-Icon {\n fill: var(--spectrum-clearbutton-medium-icon-color);\n }\n\n &:hover {\n background-color: var(--spectrum-clearbutton-medium-background-color-hover);\n\n color: var(--spectrum-clearbutton-medium-icon-color-hover);\n\n .spectrum-Icon {\n fill: var(--spectrum-clearbutton-medium-icon-color-hover);\n }\n }\n\n &.is-active {\n background-color: var(--spectrum-clearbutton-medium-background-color-down);\n\n color: var(--spectrum-clearbutton-medium-icon-color-down);\n\n .spectrum-Icon {\n fill: var(--spectrum-clearbutton-medium-icon-color-down);\n }\n }\n\n &:focus-ring {\n background-color: var(--spectrum-clearbutton-medium-background-color-key-focus);\n\n color: var(--spectrum-clearbutton-medium-icon-color-key-focus);\n\n .spectrum-Icon {\n fill: var(--spectrum-clearbutton-medium-icon-color-key-focus);\n }\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-clearbutton-medium-background-color-disabled);\n\n color: var(--spectrum-clearbutton-medium-icon-color-disabled);\n\n .spectrum-Icon {\n fill: var(--spectrum-clearbutton-medium-icon-color-disabled);\n }\n }\n}\n\n.spectrum-Button--cta {\n background-color: var(--spectrum-button-cta-background-color);\n border-color: var(--spectrum-button-cta-border-color);\n color: var(--spectrum-button-cta-text-color);\n\n &:hover {\n background-color: var(--spectrum-button-cta-background-color-hover);\n border-color: var(--spectrum-button-cta-border-color-hover);\n color: var(--spectrum-button-cta-text-color-hover);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-button-cta-background-color-key-focus);\n border-color: var(--spectrum-button-cta-border-color-key-focus);\n color: var(--spectrum-button-cta-text-color-key-focus);\n }\n\n &.is-active {\n background-color: var(--spectrum-button-cta-background-color-down);\n border-color: var(--spectrum-button-cta-border-color-down);\n color: var(--spectrum-button-cta-text-color-down);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-button-cta-background-color-disabled);\n border-color: var(--spectrum-button-cta-border-color-disabled);\n color: var(--spectrum-button-cta-text-color-disabled);\n }\n}\n\n.spectrum-Button--primary {\n background-color: var(--spectrum-button-primary-background-color);\n border-color: var(--spectrum-button-primary-border-color);\n color: var(--spectrum-button-primary-text-color);\n\n &:hover {\n background-color: var(--spectrum-button-primary-background-color-hover);\n border-color: var(--spectrum-button-primary-border-color-hover);\n color: var(--spectrum-button-primary-text-color-hover);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-button-primary-background-color-key-focus);\n border-color: var(--spectrum-button-primary-border-color-key-focus);\n color: var(--spectrum-button-primary-text-color-key-focus);\n }\n\n &.is-active {\n background-color: var(--spectrum-button-primary-background-color-down);\n border-color: var(--spectrum-button-primary-border-color-down);\n color: var(--spectrum-button-primary-text-color-down);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-button-primary-background-color-disabled);\n border-color: var(--spectrum-button-primary-border-color-disabled);\n color: var(--spectrum-button-primary-text-color-disabled);\n }\n}\n\n.spectrum-Button--secondary {\n background-color: var(--spectrum-button-secondary-background-color);\n border-color: var(--spectrum-button-secondary-border-color);\n color: var(--spectrum-button-secondary-text-color);\n\n &:hover {\n background-color: var(--spectrum-button-secondary-background-color-hover);\n border-color: var(--spectrum-button-secondary-border-color-hover);\n color: var(--spectrum-button-secondary-text-color-hover);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-button-secondary-background-color-key-focus);\n border-color: var(--spectrum-button-secondary-border-color-key-focus);\n color: var(--spectrum-button-secondary-text-color-key-focus);\n }\n\n &.is-active {\n background-color: var(--spectrum-button-secondary-background-color-down);\n border-color: var(--spectrum-button-secondary-border-color-down);\n color: var(--spectrum-button-secondary-text-color-down);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-button-secondary-background-color-disabled);\n border-color: var(--spectrum-button-secondary-border-color-disabled);\n color: var(--spectrum-button-secondary-text-color-disabled);\n }\n}\n\n.spectrum-Button--warning {\n background-color: var(--spectrum-button-warning-background-color);\n border-color: var(--spectrum-button-warning-border-color);\n color: var(--spectrum-button-warning-text-color);\n\n &:hover {\n background-color: var(--spectrum-button-warning-background-color-hover);\n border-color: var(--spectrum-button-warning-border-color-hover);\n color: var(--spectrum-button-warning-text-color-hover);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-button-warning-background-color-key-focus);\n border-color: var(--spectrum-button-warning-border-color-key-focus);\n color: var(--spectrum-button-warning-text-color-key-focus);\n }\n\n &.is-active {\n background-color: var(--spectrum-button-warning-background-color-down);\n border-color: var(--spectrum-button-warning-border-color-down);\n color: var(--spectrum-button-warning-text-color-down);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-button-warning-background-color-disabled);\n border-color: var(--spectrum-button-warning-border-color-disabled);\n color: var(--spectrum-button-warning-text-color-disabled);\n }\n}\n\n.spectrum-Button--overBackground {\n background-color: var(--spectrum-button-over-background-background-color);\n border-color: var(--spectrum-button-over-background-border-color);\n color: var(--spectrum-button-over-background-text-color);\n\n &:hover {\n background-color: var(--spectrum-button-over-background-background-color-hover);\n border-color: var(--spectrum-button-over-background-border-color-hover);\n color: inherit;\n }\n\n &:focus-ring {\n background-color: var(--spectrum-button-over-background-background-color-hover);\n border-color: var(--spectrum-button-over-background-border-color-hover);\n color: inherit;\n\n &:after {\n box-shadow: 0 0 0 var(--spectrum-alias-focus-ring-size) var(--spectrum-button-over-background-border-color-key-focus);\n }\n }\n\n &.is-active {\n background-color: var(--spectrum-button-over-background-background-color-down);\n border-color: var(--spectrum-button-over-background-border-color-down);\n color: inherit;\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-button-over-background-background-color-disabled);\n border-color: var(--spectrum-button-over-background-border-color-disabled);\n color: var(--spectrum-button-over-background-text-color-disabled);\n }\n}\n\n.spectrum-Button--overBackground.spectrum-Button--quiet,\n.spectrum-ClearButton--overBackground {\n background-color: var(--spectrum-button-quiet-over-background-background-color);\n border-color: var(--spectrum-button-quiet-over-background-border-color);\n color: var(--spectrum-button-quiet-over-background-text-color);\n\n &:hover {\n background-color: var(--spectrum-button-quiet-over-background-background-color-hover);\n border-color: var(--spectrum-button-quiet-over-background-border-color-hover);\n color: var(--spectrum-button-quiet-over-background-text-color-hover);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-button-quiet-over-background-background-color-hover);\n border-color: var(--spectrum-button-quiet-over-background-border-color-hover);\n color: var(--spectrum-button-quiet-over-background-text-color-hover);\n box-shadow: none;\n\n &:after {\n box-shadow: 0 0 0 var(--spectrum-alias-focus-ring-size) var(--spectrum-button-over-background-border-color-key-focus);\n }\n }\n\n &.is-active {\n background-color: var(--spectrum-button-quiet-over-background-background-color-down);\n border-color: var(--spectrum-button-quiet-over-background-border-color-down);\n color: var(--spectrum-button-quiet-over-background-text-color-down);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-button-quiet-over-background-background-color-disabled);\n border-color: var(--spectrum-button-quiet-over-background-border-color-disabled);\n color: var(--spectrum-button-quiet-over-background-text-color-disabled);\n }\n}\n\n.spectrum-Button--primary.spectrum-Button--quiet {\n background-color: var(--spectrum-button-quiet-primary-background-color);\n border-color: var(--spectrum-button-quiet-primary-border-color);\n color: var(--spectrum-button-quiet-primary-text-color);\n\n &:hover {\n background-color: var(--spectrum-button-quiet-primary-background-color-hover);\n border-color: var(--spectrum-button-quiet-primary-border-color-hover);\n color: var(--spectrum-button-quiet-primary-text-color-hover);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-button-quiet-primary-background-color-key-focus);\n border-color: var(--spectrum-button-quiet-primary-border-color-key-focus);\n color: var(--spectrum-button-quiet-primary-text-color-key-focus);\n }\n\n &.is-active {\n background-color: var(--spectrum-button-quiet-primary-background-color-down);\n border-color: var(--spectrum-button-quiet-primary-border-color-down);\n color: var(--spectrum-button-quiet-primary-text-color-down);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-button-quiet-primary-background-color-disabled);\n border-color: var(--spectrum-button-quiet-primary-border-color-disabled);\n color: var(--spectrum-button-quiet-primary-text-color-disabled);\n }\n}\n\n.spectrum-Button--secondary.spectrum-Button--quiet {\n background-color: var(--spectrum-button-quiet-secondary-background-color);\n border-color: var(--spectrum-button-quiet-secondary-border-color);\n color: var(--spectrum-button-quiet-secondary-text-color);\n\n &:hover {\n background-color: var(--spectrum-button-quiet-secondary-background-color-hover);\n border-color: var(--spectrum-button-quiet-secondary-border-color-hover);\n color: var(--spectrum-button-quiet-secondary-text-color-hover);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-button-quiet-secondary-background-color-key-focus);\n border-color: var(--spectrum-button-quiet-secondary-border-color-key-focus);\n color: var(--spectrum-button-quiet-secondary-text-color-key-focus);\n }\n\n &.is-active {\n background-color: var(--spectrum-button-quiet-secondary-background-color-down);\n border-color: var(--spectrum-button-quiet-secondary-border-color-down);\n color: var(--spectrum-button-quiet-secondary-text-color-down);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-button-quiet-secondary-background-color-disabled);\n border-color: var(--spectrum-button-quiet-secondary-border-color-disabled);\n color: var(--spectrum-button-quiet-secondary-text-color-disabled);\n }\n}\n\n.spectrum-ActionButton {\n background-color: var(--spectrum-actionbutton-background-color);\n border-color: var(--spectrum-actionbutton-border-color);\n color: var(--spectrum-actionbutton-text-color);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-icon-color);\n }\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-hold-icon-color);\n }\n\n &:hover {\n background-color: var(--spectrum-actionbutton-background-color-hover);\n border-color: var(--spectrum-actionbutton-border-color-hover);\n color: var(--spectrum-actionbutton-text-color-hover);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-icon-color-hover);\n }\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-hold-icon-color-hover);\n }\n }\n\n &:focus-ring {\n background-color: var(--spectrum-actionbutton-background-color-key-focus);\n border-color: var(--spectrum-actionbutton-border-color-key-focus);\n box-shadow: 0 0 0 var(--spectrum-button-primary-border-size-increase-key-focus) var(--spectrum-actionbutton-border-color-key-focus);\n color: var(--spectrum-actionbutton-text-color-key-focus);\n\n &.is-active {\n border-color: var(--spectrum-actionbutton-border-color-key-focus);\n }\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-icon-color-key-focus);\n }\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-hold-icon-color-key-focus);\n }\n }\n\n &.is-active {\n background-color: var(--spectrum-actionbutton-background-color-down);\n border-color: var(--spectrum-actionbutton-border-color-down);\n color: var(--spectrum-actionbutton-text-color-down);\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-hold-icon-color-down);\n }\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-actionbutton-background-color-disabled);\n border-color: var(--spectrum-actionbutton-border-color-disabled);\n color: var(--spectrum-actionbutton-text-color-disabled);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-icon-color-disabled);\n }\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-hold-icon-color-disabled);\n }\n }\n\n &.is-selected {\n background-color: var(--spectrum-actionbutton-background-color-selected);\n border-color: var(--spectrum-actionbutton-border-color-selected);\n color: var(--spectrum-actionbutton-text-color-selected);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-icon-color-selected);\n }\n\n &:hover {\n background-color: var(--spectrum-actionbutton-background-color-selected-hover);\n border-color: var(--spectrum-actionbutton-border-color-selected-hover);\n color: var(--spectrum-actionbutton-text-color-selected-hover);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-icon-color-selected-hover);\n }\n }\n\n &:focus-ring {\n background-color: var(--spectrum-actionbutton-background-color-selected-key-focus);\n border-color: var(--spectrum-actionbutton-border-color-selected-key-focus);\n color: var(--spectrum-actionbutton-text-color-selected-key-focus);\n\n &.is-active {\n border-color: var(--spectrum-actionbutton-border-color-key-focus);\n }\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-icon-color-selected-key-focus);\n }\n }\n\n &.is-active {\n background-color: var(--spectrum-actionbutton-background-color-selected-down);\n border-color: var(--spectrum-actionbutton-border-color-selected-down);\n color: var(--spectrum-actionbutton-text-color-selected-down);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-icon-color-selected-down);\n }\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-actionbutton-background-color-selected-disabled);\n border-color: var(--spectrum-actionbutton-border-color-selected-disabled);\n color: var(--spectrum-actionbutton-text-color-selected-disabled);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-icon-color-selected-disabled);\n }\n }\n }\n}\n\n.spectrum-ActionButton--emphasized {\n background-color: var(--spectrum-actionbutton-emphasized-background-color);\n border-color: var(--spectrum-actionbutton-emphasized-border-color);\n color: var(--spectrum-actionbutton-emphasized-text-color);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-emphasized-icon-color);\n }\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-emphasized-hold-icon-color);\n }\n\n &.is-selected {\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-emphasized-hold-icon-color-selected);\n }\n\n &:hover {\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-emphasized-text-color-selected-hover);\n }\n }\n }\n\n &:hover {\n background-color: var(--spectrum-actionbutton-emphasized-background-color-hover);\n border-color: var(--spectrum-actionbutton-emphasized-border-color-hover);\n box-shadow: none;\n color: var(--spectrum-actionbutton-emphasized-text-color-hover);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-emphasized-icon-color-hover);\n }\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-emphasized-hold-icon-color-hover);\n }\n }\n\n &:focus-ring {\n background-color: var(--spectrum-actionbutton-emphasized-background-color-key-focus);\n border-color: var(--spectrum-actionbutton-emphasized-border-color);\n box-shadow: none;\n color: var(--spectrum-actionbutton-emphasized-text-color-key-focus);\n\n &.is-active {\n border-color: var(--spectrum-actionbutton-emphasized-border-color-down);\n }\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-emphasized-icon-color-key-focus);\n }\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-emphasized-hold-icon-color-key-focus);\n }\n }\n\n &.is-active {\n background-color: var(--spectrum-actionbutton-emphasized-background-color-down);\n border-color: var(--spectrum-actionbutton-emphasized-border-color-down);\n color: var(--spectrum-actionbutton-emphasized-text-color-down);\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-emphasized-hold-icon-color-down);\n }\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-actionbutton-emphasized-background-color-disabled);\n border-color: var(--spectrum-actionbutton-emphasized-border-color-disabled);\n color: var(--spectrum-actionbutton-emphasized-text-color-disabled);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-emphasized-icon-color-disabled);\n }\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-emphasized-hold-icon-color-disabled);\n }\n }\n\n &.spectrum-ActionButton--quiet {\n &:focus-ring {\n border-color: var(--spectrum-actionbutton-quiet-border-color);\n box-shadow: none;\n }\n }\n\n &.spectrum-ActionButton--quiet.is-selected,\n &.is-selected {\n background-color: var(--spectrum-actionbutton-emphasized-background-color-selected);\n border-color: var(--spectrum-actionbutton-emphasized-border-color-selected);\n color: var(--spectrum-actionbutton-emphasized-text-color-selected);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-emphasized-icon-color-selected);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-actionbutton-emphasized-background-color-selected-key-focus);\n border-color: var(--spectrum-actionbutton-emphasized-border-color-selected);\n box-shadow: none;\n color: var(--spectrum-actionbutton-emphasized-text-color-selected-key-focus);\n\n &.is-active {\n border-color: var(--spectrum-actionbutton-emphasized-border-color-selected-down);\n }\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-emphasized-icon-color-selected-key-focus);\n }\n }\n\n &:hover {\n background-color: var(--spectrum-actionbutton-emphasized-background-color-selected-hover);\n border-color: var(--spectrum-actionbutton-emphasized-border-color-selected-hover);\n color: var(--spectrum-actionbutton-emphasized-text-color-selected-hover);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-emphasized-icon-color-selected-hover);\n }\n }\n\n &.is-active {\n background-color: var(--spectrum-actionbutton-emphasized-background-color-selected-down);\n border-color: var(--spectrum-actionbutton-emphasized-border-color-selected-down);\n color: var(--spectrum-actionbutton-emphasized-text-color-selected-down);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-emphasized-icon-color-selected-down);\n }\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-actionbutton-emphasized-background-color-selected-disabled);\n border-color: var(--spectrum-actionbutton-emphasized-border-color-selected-disabled);\n color: var(--spectrum-actionbutton-emphasized-text-color-selected-disabled);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-emphasized-icon-color-selected-disabled);\n }\n }\n }\n}\n\n.spectrum-ActionButton--quiet {\n background-color: var(--spectrum-actionbutton-quiet-background-color);\n border-color: var(--spectrum-actionbutton-quiet-border-color);\n color: var(--spectrum-actionbutton-quiet-text-color);\n\n &:hover {\n background-color: var(--spectrum-actionbutton-quiet-background-color-hover);\n border-color: var(--spectrum-actionbutton-quiet-border-color-hover);\n color: var(--spectrum-actionbutton-quiet-text-color-hover);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-actionbutton-quiet-background-color-key-focus);\n box-shadow: 0 0 0 var(--spectrum-actionbutton-quiet-border-size-key-focus) var(--spectrum-actionbutton-quiet-border-color-key-focus);\n border-color: var(--spectrum-actionbutton-quiet-border-color-key-focus);\n color: var(--spectrum-actionbutton-quiet-text-color-key-focus);\n }\n\n &.is-active {\n background-color: var(--spectrum-actionbutton-quiet-background-color-down);\n border-color: var(--spectrum-actionbutton-quiet-border-color-down);\n color: var(--spectrum-actionbutton-quiet-text-color-down);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-actionbutton-quiet-background-color-disabled);\n border-color: var(--spectrum-actionbutton-quiet-border-color-disabled);\n color: var(--spectrum-actionbutton-quiet-text-color-disabled);\n }\n\n &.is-selected {\n background-color: var(--spectrum-actionbutton-quiet-background-color-selected);\n border-color: var(--spectrum-actionbutton-quiet-border-color-selected);\n color: var(--spectrum-actionbutton-quiet-text-color-selected);\n\n &:hover {\n background-color: var(--spectrum-actionbutton-quiet-background-color-selected-hover);\n border-color: var(--spectrum-actionbutton-quiet-border-color-selected-hover);\n color: var(--spectrum-actionbutton-quiet-text-color-selected-hover);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-actionbutton-quiet-background-color-selected-key-focus);\n border-color: var(--spectrum-actionbutton-quiet-border-color-selected-key-focus);\n color: var(--spectrum-actionbutton-quiet-text-color-selected-key-focus);\n }\n\n &.is-active {\n background-color: var(--spectrum-actionbutton-quiet-background-color-selected-down);\n border-color: var(--spectrum-actionbutton-quiet-border-color-selected-down);\n color: var(--spectrum-actionbutton-quiet-text-color-selected-down);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-actionbutton-quiet-background-color-selected-disabled);\n border-color: var(--spectrum-actionbutton-quiet-border-color-selected-disabled);\n color: var(--spectrum-actionbutton-quiet-text-color-selected-disabled);\n }\n }\n}\n\n.spectrum-ActionButton--staticWhite {\n mix-blend-mode: screen;\n --spectrum-actionbutton-static-background-color-hover: rgba(255, 255, 255, 0.1);\n --spectrum-actionbutton-static-background-color-focus: rgba(255, 255, 255, 0.1);\n --spectrum-actionbutton-static-background-color-active: rgba(255, 255, 255, 0.2);\n --spectrum-actionbutton-static-border-color: rgba(255, 255, 255, 0.3);\n --spectrum-actionbutton-static-border-color-hover: white;\n --spectrum-actionbutton-static-border-color-active: white;\n --spectrum-actionbutton-static-border-color-focus: white;\n --spectrum-actionbutton-static-border-disabled: rgba(255, 255, 255, 0.15);\n --spectrum-actionbutton-static-color: white;\n --spectrum-actionbutton-static-color-selected: black; /* becomes the background of the parent element due to mix-blend-mode */\n --spectrum-actionbutton-static-color-disabled: rgba(255, 255, 255, 0.15);\n}\n\n.spectrum-ActionButton--staticWhite.spectrum-ActionButton--quiet {\n --spectrum-actionbutton-static-border-color: transparent;\n --spectrum-actionbutton-static-border-color-hover: transparent;\n --spectrum-actionbutton-static-border-color-active: transparent;\n}\n\n.spectrum-ActionButton--staticBlack {\n mix-blend-mode: multiply;\n --spectrum-actionbutton-static-background-color-hover: rgba(0, 0, 0, 0.1);\n --spectrum-actionbutton-static-background-color-focus: rgba(0, 0, 0, 0.1);\n --spectrum-actionbutton-static-background-color-active: rgba(0, 0, 0, 0.2);\n --spectrum-actionbutton-static-border-color: rgba(0, 0, 0, 0.3);\n --spectrum-actionbutton-static-border-color-hover: black;\n --spectrum-actionbutton-static-border-color-active: black;\n --spectrum-actionbutton-static-border-color-focus: black;\n --spectrum-actionbutton-static-border-disabled: rgba(0, 0, 0, 0.15);\n --spectrum-actionbutton-static-color: black;\n --spectrum-actionbutton-static-color-selected: white; /* becomes the background of the parent element due to mix-blend-mode */\n --spectrum-actionbutton-static-color-disabled: rgba(0, 0, 0, 0.15);\n}\n\n.spectrum-ActionButton--staticBlack.spectrum-ActionButton--quiet {\n --spectrum-actionbutton-static-border-color: transparent;\n --spectrum-actionbutton-static-border-color-hover: transparent;\n --spectrum-actionbutton-static-border-color-active: transparent;\n}\n\n.spectrum-ActionButton--staticColor {\n background-color: transparent;\n border-color: var(--spectrum-actionbutton-static-border-color);\n color: var(--spectrum-actionbutton-static-color);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-static-color);\n }\n\n &:hover {\n background-color: var(--spectrum-actionbutton-static-background-color-hover);\n border-color: var(--spectrum-actionbutton-static-border-color-hover);\n color: var(--spectrum-actionbutton-static-color);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-static-color);\n }\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-static-color);\n }\n }\n\n &:focus-ring {\n background-color: var(--spectrum-actionbutton-static-background-color-focus);\n border-color: var(--spectrum-actionbutton-static-border-color-focus);\n box-shadow: none;\n color: var(--spectrum-actionbutton-static-color);\n\n &:hover {\n border-color: var(--spectrum-actionbutton-static-border-color-focus);\n }\n\n &.is-active {\n border-color: var(--spectrum-actionbutton-static-color-focus);\n }\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-static-color);\n }\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-static-color);\n }\n\n &:after {\n box-shadow: 0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus) var(--spectrum-actionbutton-static-border-color-focus);\n }\n }\n\n &.is-active {\n background-color: var(--spectrum-actionbutton-static-background-color-active);\n border-color: var(--spectrum-actionbutton-static-border-color-active);\n color: var(--spectrum-actionbutton-static-color);\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-static-color);\n }\n }\n\n &:disabled,\n &.is-disabled {\n background-color: transparent;\n border-color: var(--spectrum-actionbutton-static-border-disabled);\n color: var(--spectrum-actionbutton-static-color-disabled);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-static-color-disabled);\n }\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-static-color-disabled);\n }\n }\n\n &.spectrum-ActionButton--quiet.is-selected,\n &.is-selected {\n background-color: var(--spectrum-actionbutton-static-color);\n border-color: var(--spectrum-actionbutton-static-color);\n color: var(--spectrum-actionbutton-static-color-selected);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-static-color-selected);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-actionbutton-static-color);\n border-color: var(--spectrum-actionbutton-static-color);\n color: var(--spectrum-actionbutton-static-color-selected);\n box-shadow: none;\n\n &.is-active {\n /* change 1px of focus ring blue to match the rest of the active state */\n box-shadow: none;\n border-color: var(--spectrum-actionbutton-static-color);\n }\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-static-color-selected);\n }\n }\n\n &:hover,\n &.is-active {\n background-color: var(--spectrum-actionbutton-static-color);\n border-color: var(--spectrum-actionbutton-static-color);\n color: var(--spectrum-actionbutton-static-color-selected);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-static-color-selected);\n }\n }\n\n &:disabled,\n &.is-disabled {\n background-color: transparent;\n border-color: var(--spectrum-actionbutton-static-border-disabled);\n color: var(--spectrum-actionbutton-static-color-disabled);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-static-color-disabled);\n }\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-static-color-disabled);\n }\n }\n }\n}\n\n.spectrum-Button--warning.spectrum-Button--quiet {\n background-color: var(--spectrum-button-quiet-warning-background-color);\n border-color: var(--spectrum-button-quiet-warning-border-color);\n color: var(--spectrum-button-quiet-warning-text-color);\n\n &:hover {\n background-color: var(--spectrum-button-quiet-warning-background-color-hover);\n border-color: var(--spectrum-button-quiet-warning-border-color-hover);\n color: var(--spectrum-button-quiet-warning-text-color-hover);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-button-quiet-warning-background-color-key-focus);\n border-color: var(--spectrum-button-quiet-warning-border-color-key-focus);\n color: var(--spectrum-button-quiet-warning-text-color-key-focus);\n }\n\n &.is-active {\n background-color: var(--spectrum-button-quiet-warning-background-color-down);\n border-color: var(--spectrum-button-quiet-warning-border-color-down);\n color: var(--spectrum-button-quiet-warning-text-color-down);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-button-quiet-warning-background-color-disabled);\n border-color: var(--spectrum-button-quiet-warning-border-color-disabled);\n color: var(--spectrum-button-quiet-warning-text-color-disabled);\n }\n}\n\n.spectrum-LogicButton--and {\n background-color: var(--spectrum-logicbutton-and-background-color);\n border-color: var(--spectrum-logicbutton-and-border-color);\n color: var(--spectrum-logicbutton-and-text-color);\n\n &:hover {\n background-color: var(--spectrum-logicbutton-and-background-color-hover);\n border-color: var(--spectrum-logicbutton-and-border-color-hover);\n color: var(--spectrum-logicbutton-and-text-color);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-logicbutton-and-background-color-disabled);\n border-color: var(--spectrum-logicbutton-and-border-color-disabled);\n color: var(--spectrum-logicbutton-and-text-color-disabled);\n }\n}\n\n.spectrum-LogicButton--or {\n background-color: var(--spectrum-logicbutton-or-background-color);\n border-color: var(--spectrum-logicbutton-or-border-color);\n color: var(--spectrum-logicbutton-or-text-color);\n\n &:hover {\n background-color: var(--spectrum-logicbutton-or-background-color-hover);\n border-color: var(--spectrum-logicbutton-or-border-color-hover);\n color: var(--spectrum-logicbutton-or-text-color);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-button-secondary-background-color-disabled);\n border-color: var(--spectrum-button-secondary-border-color-disabled);\n color: var(--spectrum-logicbutton-and-text-color-disabled);\n }\n}\n\n.spectrum-FieldButton {\n color: var(--spectrum-fieldbutton-text-color);\n background-color: var(--spectrum-fieldbutton-background-color);\n border-color: var(--spectrum-fieldbutton-border-color);\n\n &:hover {\n color: var(--spectrum-fieldbutton-text-color-hover);\n background-color: var(--spectrum-fieldbutton-background-color-hover);\n border-color: var(--spectrum-fieldbutton-border-color-hover);\n }\n\n &.is-active,\n &.is-selected {\n background-color: var(--spectrum-fieldbutton-background-color-down);\n border-color: var(--spectrum-fieldbutton-border-color-down);\n }\n\n &:focus-ring,\n &.is-focused {\n background-color: var(--spectrum-fieldbutton-background-color-key-focus);\n border-color: var(--spectrum-fieldbutton-border-color-key-focus);\n box-shadow: 0 0 0 var(--spectrum-button-primary-border-size-increase-key-focus) var(--spectrum-fieldbutton-border-color-key-focus);\n color: var(--spectrum-fieldbutton-text-color-key-focus);\n\n &.is-placeholder {\n color: var(--spectrum-fieldbutton-placeholder-text-color-key-focus);\n }\n }\n\n &.spectrum-FieldButton--invalid {\n border-color: var(--spectrum-fieldbutton-border-color-error);\n\n &:hover {\n border-color: var(--spectrum-fieldbutton-border-color-error-hover);\n }\n\n &.is-active,\n &.is-selected {\n border-color: var(--spectrum-fieldbutton-border-color-error-down);\n }\n\n &:focus-ring,\n &.is-focused {\n border-color: var(--spectrum-fieldbutton-border-color-error-key-focus);\n box-shadow: 0 0 0 var(--spectrum-button-primary-border-size-increase-key-focus) var(--spectrum-fieldbutton-border-color-error-key-focus);\n }\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-fieldbutton-background-color-disabled);\n color: var(--spectrum-fieldbutton-text-color-disabled);\n\n & .spectrum-Icon {\n fill: var(--spectrum-fieldbutton-icon-color-disabled);\n }\n }\n}\n\n.spectrum-FieldButton--quiet {\n color: var(--spectrum-fieldbutton-text-color);\n border-color: var(--spectrum-fieldbutton-quiet-border-color);\n background-color: var(--spectrum-fieldbutton-quiet-background-color);\n\n &:hover {\n background-color: var(--spectrum-fieldbutton-quiet-background-color-hover);\n color: var(--spectrum-fieldbutton-text-color-hover);\n }\n\n &:focus-ring,\n &.is-focused {\n background-color: var(--spectrum-fieldbutton-quiet-background-color-key-focus);\n box-shadow: 0 2px 0 0 var(--spectrum-fieldbutton-border-color-key-focus);\n\n &.is-placeholder {\n color: var(--spectrum-fieldbutton-quiet-placeholder-text-color-key-focus);\n }\n }\n\n &.is-active,\n &.is-selected {\n background-color: var(--spectrum-fieldbutton-quiet-background-color-down);\n border-color: var(--spectrum-fieldbutton-quiet-border-color-down);\n\n &:focus-ring,\n &.is-focused {\n background-color: var(--spectrum-fieldbutton-quiet-background-color-key-focus);\n box-shadow: 0 2px 0 0 var(--spectrum-fieldbutton-border-color-key-focus);\n }\n }\n\n &.spectrum-FieldButton--invalid {\n &:focus-ring,\n &.is-focused {\n box-shadow: 0 2px 0 0 var(--spectrum-fieldbutton-border-color-error-key-focus);\n }\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-fieldbutton-quiet-background-color-disabled);\n color: var(--spectrum-fieldbutton-text-color-disabled);\n }\n}\n"],"names":[],"version":3,"file":"main.css.map"}
|
|
1
|
+
{"mappings":"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","sources":["./node_modules/@adobe/spectrum-css-temp/components/commons/fonts.css","./node_modules/@adobe/spectrum-css-temp/components/button/index.css","./node_modules/@adobe/spectrum-css-temp/components/button/skin.css"],"sourcesContent":["/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n:root {\n --spectrum-font-fallbacks-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n\n /* Not used\n --spectrum-font-fallbacks-serif: serif;\n --spectrum-font-fallbacks-mono: monospace;\n --spectrum-font-family-article: adobe-clean-serif, 'Source Serif', var(--spectrum-font-fallbacks-serif);\n --spectrum-font-family-article-ar: adobe-arabic, var(--spectrum-font-fallbacks-serif);\n --spectrum-font-family-article-he: adobe-hebrew, var(--spectrum-font-fallbacks-serif);\n --spectrum-font-family-article-ja: source-han-serif-japanese, var(--spectrum-font-fallbacks-serif);\n --spectrum-font-family-article-ko: source-han-serif-korean, var(--spectrum-font-fallbacks-serif);\n --spectrum-font-family-article-zh-hans: source-han-serif-sc, var(--spectrum-font-fallbacks-serif);\n --spectrum-font-family-article-zh-hant: source-han-serif-tc, 'MingLiu', var(--spectrum-font-fallbacks-serif);\n --spectrum-font-family-code: source-code-pro, 'Source Code Pro', var(--spectrum-font-fallbacks-mono);\n --spectrum-font-family-condensed: adobe-clean-condensed, var(--spectrum-font-family-base);\n */\n\n --spectrum-font-family-base: 'adobe-clean-ux', 'adobe-clean', 'Source Sans Pro', var(--spectrum-font-fallbacks-sans);\n --spectrum-font-family-han: 'adobe-clean-han-japanese', var(--spectrum-font-fallbacks-sans);\n --spectrum-font-family-ar: 'adobe-arabic', 'myriad-arabic', var(--spectrum-font-fallbacks-sans);\n --spectrum-font-family-he: 'adobe-hebrew', var(--spectrum-font-fallbacks-sans);\n --spectrum-font-family-zhhans: 'adobe-clean-han-simplified-c', 'SimSun', 'Heiti SC Light', var(--spectrum-font-fallbacks-sans);\n --spectrum-font-family-zh: var(--spectrum-font-family-zhhans);\n --spectrum-font-family-zhhant: 'adobe-clean-han-traditional', 'Microsoft JhengHei UI', 'Microsoft JhengHei', 'Heiti TC Light', var(--spectrum-font-fallbacks-sans);\n --spectrum-font-family-ko: 'adobe-clean-han-korean', 'Malgun Gothic', 'Apple Gothic', var(--spectrum-font-fallbacks-sans);\n --spectrum-font-family-ja: 'adobe-clean-han-japanese', 'Yu Gothic', '\\30E1 \\30A4 \\30EA \\30AA', '\\30D2 \\30E9 \\30AE \\30CE \\89D2 \\30B4 Pro W3', 'Hiragino Kaku Gothic Pro W3', 'Osaka', '\\FF2D \\FF33 \\FF30 \\30B4 \\30B7 \\30C3 \\30AF', 'MS PGothic', var(--spectrum-font-fallbacks-sans);\n --spectrum-text-size: var(--spectrum-alias-font-size-default);\n --spectrum-text-body-line-height: var(--spectrum-alias-line-height-medium);\n --spectrum-text-size-text-label: var(--spectrum-label-text-size);\n --spectrum-line-height-text-label: var(--spectrum-label-text-line-height);\n}\n\n%i18nFontFamily {\n font-family: var(--spectrum-font-family-base);\n\n &:lang(ar) {\n font-family: var(--spectrum-font-family-ar);\n }\n\n &:lang(he) {\n font-family: var(--spectrum-font-family-he);\n }\n\n &:lang(zh-Hans) {\n font-family: var(--spectrum-font-family-zhhans);\n }\n\n &:lang(zh) {\n font-family: var(--spectrum-font-family-zh);\n }\n\n &:lang(ko) {\n font-family: var(--spectrum-font-family-ko);\n }\n\n &:lang(ja) {\n font-family: var(--spectrum-font-family-ja);\n }\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import '../commons/index.css';\n\n:root {\n /* Todo: fix in DNA, should have been zero */\n --spectrum-fieldbutton-quiet-border-size: 0;\n --spectrum-fieldbutton-disabled-border-size: 0;\n --spectrum-fieldbutton-quiet-margin: 0;\n --spectrum-fieldbutton-quiet-padding: 0;\n\n /* Hardcoded for wrapping study, needs to be in DNA */\n --spectrum-button-padding-y: var(--spectrum-global-dimension-size-50);\n --spectrum-button-line-height: 1.3;\n}\n\n%spectrum-BaseButton {\n /* Contain halo */\n position: relative;\n\n display: inline-flex;\n box-sizing: border-box;\n\n align-items: center;\n justify-content: center;\n\n /* Show the button overflow in Edge. */\n overflow: visible;\n\n /* Remove button the margin in Firefox and Safari. */\n margin: 0;\n\n border-style: solid;\n\n /* Remove the inheritance of text transform on button in Edge, Firefox, and IE. */\n text-transform: none;\n -webkit-font-smoothing: antialiased;\n /* Font smoothing for Firefox */\n -moz-osx-font-smoothing: grayscale;\n\n button& {\n /* Correct the inability to style clickable types in iOS and Safari. */\n -webkit-appearance: button;\n }\n\n /* Adjacent buttons should be aligned correctly */\n vertical-align: top;\n\n transition: background var(--spectrum-global-animation-duration-100) ease-out,\n border-color var(--spectrum-global-animation-duration-100) ease-out,\n color var(--spectrum-global-animation-duration-100) ease-out,\n box-shadow var(--spectrum-global-animation-duration-100) ease-out;\n\n text-decoration: none;\n\n @extend %i18nFontFamily;\n\n line-height: var(--spectrum-button-line-height);\n\n user-select: none;\n -webkit-user-select: none;\n touch-action: none; /* prevent touch scrolling on buttons */\n\n cursor: default;\n\n isolation: isolate;\n\n &:focus {\n outline: none;\n }\n &:focus-ring {\n z-index: 3;\n }\n\n /* Fix Firefox */\n &::-moz-focus-inner {\n border: 0;\n\n /* Remove the inner border and padding for button in Firefox. */\n border-style: none;\n padding: 0;\n\n /* Use uppercase PX so values don't get converted to rem */\n margin-block-start: -2PX;\n margin-block-end: -2PX;\n }\n\n &:disabled,\n &.is-disabled {\n cursor: default;\n }\n\n .spectrum-Icon {\n max-block-size: 100%;\n flex-shrink: 0;\n order: 0; /* always be before the label, regardless of DOM order */\n\n transition: background var(--spectrum-global-animation-duration-100) ease-out,\n fill var(--spectrum-global-animation-duration-100) ease-out;\n box-sizing: initial;\n }\n\n}\n\n%spectrum-ButtonWithFocusRing {\n &:after {\n border-radius: calc(var(--spectrum-button-primary-border-radius) + var(--spectrum-alias-focus-ring-gap));\n content: '';\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n margin: calc(var(--spectrum-alias-focus-ring-gap) * -1);\n transform: translateX(0); /* Forces FF to render on the pixel grid */\n\n transition: box-shadow var(--spectrum-global-animation-duration-100) ease-out,\n margin var(--spectrum-global-animation-duration-100) ease-out;\n }\n\n &:focus-ring {\n &:after {\n margin: calc(var(--spectrum-alias-focus-ring-gap) * -2);\n }\n }\n}\n\n.spectrum-Button {\n @inherit: %spectrum-BaseButton;\n @inherit: %spectrum-ButtonWithFocusRing;\n\n border-width: var(--spectrum-button-primary-border-size);\n border-style: solid;\n border-radius: var(--spectrum-button-primary-border-radius);\n\n min-block-size: var(--spectrum-button-primary-height);\n block-size: 0%;\n min-inline-size: var(--spectrum-button-primary-min-width);\n\n padding: var(--spectrum-button-padding-y) calc(var(--spectrum-button-primary-padding-x) - var(--spectrum-button-primary-border-size));\n\n /* @hack: fix button text vertical alignment at 14px */\n padding-block-end: calc(var(--spectrum-button-padding-y) + 1px);\n padding-block-start: calc(var(--spectrum-button-padding-y) - 1px);\n\n font-size: var(--spectrum-button-primary-text-size);\n font-weight: var(--spectrum-button-primary-text-font-weight);\n\n &:hover,\n &:active {\n box-shadow: none;\n }\n\n /* there should be space between the icon and text no matter the DOM order */\n .spectrum-Icon + .spectrum-Button-label {\n margin-inline-start: var(--spectrum-button-primary-text-gap);\n }\n\n .spectrum-Button-label + .spectrum-Icon {\n margin-inline-end: var(--spectrum-button-primary-text-gap);\n }\n}\n\na.spectrum-Button,\na.spectrum-ActionButton {\n /* Remove appearance for clickable types in iOS and Safari. */\n -webkit-appearance: none;\n /* Make link text not selectable */\n user-select: none;\n cursor: pointer;\n}\n\n.spectrum-ActionButton {\n @inherit: %spectrum-BaseButton;\n position: relative;\n\n block-size: var(--spectrum-actionbutton-height);\n min-inline-size: var(--spectrum-actionbutton-min-width);\n\n /* Use icon padding by default as it's smaller */\n padding: 0;\n\n border-width: var(--spectrum-actionbutton-border-size);\n border-radius: var(--spectrum-actionbutton-border-radius);\n\n font-size: var(--spectrum-actionbutton-text-size);\n font-weight: var(--spectrum-actionbutton-text-font-weight);\n\n /* icon should always have padding at the start */\n .spectrum-Icon {\n padding-inline-start: var(--spectrum-actionbutton-icon-padding-x);\n }\n\n /* label should always have padding at the end */\n .spectrum-ActionButton-label {\n padding-inline-end: var(--spectrum-actionbutton-text-padding-x);\n }\n\n /* icon + text buttons should have padding between the text and icon no matter the order */\n .spectrum-Icon + .spectrum-ActionButton-label {\n padding-inline-start: var(--spectrum-actionbutton-icon-padding-x);\n }\n\n .spectrum-ActionButton-label:not([hidden]) + .spectrum-Icon {\n padding-inline-end: var(--spectrum-actionbutton-icon-padding-x);\n }\n\n /* text only buttons should have padding at the start */\n .spectrum-ActionButton-label:only-child,\n .spectrum-ActionButton-hold + .spectrum-ActionButton-label:last-child {\n padding-inline-start: var(--spectrum-actionbutton-text-padding-x);\n }\n\n /* icon only buttons should have padding at the end */\n .spectrum-Icon:only-child,\n .spectrum-ActionButton-hold + .spectrum-Icon:last-child {\n padding-inline-end: var(--spectrum-actionbutton-icon-padding-x);\n }\n}\n\n.spectrum-ActionButton-hold {\n position: absolute;\n inset-inline-end: var(--spectrum-actionbutton-hold-icon-padding-right);\n inset-block-end: var(--spectrum-actionbutton-hold-icon-padding-bottom);\n}\n\n[dir='rtl'] .spectrum-ActionButton-hold {\n transform: rotate(90deg);\n}\n\n.spectrum-ActionButton-label,\n.spectrum-Button-label {\n align-self: center;\n justify-self: center;\n order: 1; /* always be after the icon, regardless of DOM order */\n\n /* Fixes horizontal alignment of text in anchor buttons */\n text-align: center;\n\n /* @safari10 Workaround for https://bugs.webkit.org/show_bug.cgi?id=169700 */\n inline-size: 100%;\n\n &:empty {\n display: none;\n }\n}\n\n\n.spectrum-ActionButton-label {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.spectrum-ActionButton--quiet {\n border-width: var(--spectrum-actionbutton-quiet-border-size);\n border-radius: var(--spectrum-actionbutton-quiet-border-radius);\n\n font-size: var(--spectrum-actionbutton-quiet-text-size);\n font-weight: var(--spectrum-actionbutton-quiet-text-font-weight);\n}\n\n.spectrum-ActionButton--emphasized,\n.spectrum-ActionButton--staticColor {\n @inherit: %spectrum-ButtonWithFocusRing;\n\n &:after {\n /* Override border-radius set in %spectrum-ButtonWithFocusRing since this is not a pill button */\n border-radius: calc(var(--spectrum-actionbutton-border-radius) + var(--spectrum-alias-focus-ring-gap));\n }\n\n &:focus-ring {\n &:after {\n /* action buttons only have a 1px border, not 2px */\n margin: calc(calc(var(--spectrum-alias-focus-ring-gap) * -1) - var(--spectrum-actionbutton-quiet-border-size));\n }\n }\n}\n\n.spectrum-LogicButton {\n @inherit: %spectrum-BaseButton;\n @inherit: %spectrum-ButtonWithFocusRing;\n\n block-size: var(--spectrum-logicbutton-and-height);\n padding: var(--spectrum-logicbutton-and-padding-x);\n\n border-width: var(--spectrum-logicbutton-and-border-size);\n border-radius: var(--spectrum-logicbutton-and-border-radius);\n\n font-size: var(--spectrum-logicbutton-and-text-size);\n font-weight: var(--spectrum-logicbutton-and-text-font-weight);\n line-height: 0;\n\n &:after {\n /* Override border-radius set in %spectrum-ButtonWithFocusRing since this is not a pill button */\n border-radius: calc(var(--spectrum-logicbutton-and-border-radius) + var(--spectrum-alias-focus-ring-gap));\n }\n}\n\n.spectrum-FieldButton {\n @inherit: %spectrum-BaseButton;\n\n block-size: var(--spectrum-dropdown-height);\n\n padding: 0 var(--spectrum-dropdown-padding-x);\n\n font-family: inherit;\n font-weight: normal;\n font-size: var(--spectrum-dropdown-text-size);\n line-height: normal;\n -webkit-font-smoothing: initial;\n\n cursor: default;\n outline: none;\n}\n\n.spectrum-FieldButton {\n margin: 0;\n padding-block: 0;\n padding-inline: var(--spectrum-dropdown-padding-x);\n\n border-width: var(--spectrum-dropdown-border-size);\n border-style: solid;\n border-radius: var(--spectrum-border-radius);\n\n transition: background-color var(--spectrum-global-animation-duration-100),\n box-shadow var(--spectrum-global-animation-duration-100),\n border-color var(--spectrum-global-animation-duration-100);\n\n &:disabled,\n &.is-disabled {\n border-width: var(--spectrum-fieldbutton-disabled-border-size);\n cursor: default;\n }\n\n &.is-open {\n border-width: var(--spectrum-dropdown-border-size);\n }\n}\n\n.spectrum-FieldButton--quiet {\n margin: var(--spectrum-fieldbutton-quiet-margin);\n padding: var(--spectrum-fieldbutton-quiet-padding);\n\n border-width: var(--spectrum-fieldbutton-quiet-border-size);\n border-radius: var(--spectrum-fieldbutton-quiet-border-radius);\n &:disabled,\n &.is-disabled {\n &:focus-ring {\n box-shadow: none;\n }\n }\n}\n\n.spectrum-ClearButton {\n @inherit: %spectrum-BaseButton;\n @inherit: %spectrum-ButtonWithFocusRing;\n\n inline-size: var(--spectrum-clearbutton-medium-width);\n block-size: var(--spectrum-clearbutton-medium-height);\n\n border-radius: 100%;\n\n padding: 0;\n margin: 0;\n\n border: none;\n\n > .spectrum-Icon {\n /* @safari10 Workaround for https://bugs.webkit.org/show_bug.cgi?id=169700 */\n margin-block: 0;\n margin-inline: auto;\n }\n}\n\n.spectrum-ClearButton--overBackground {\n &:focus-ring {\n &:after {\n /* Adjust margin because ClearButton does not have a border */\n margin: calc(var(--spectrum-alias-focus-ring-gap) * -1);\n }\n }\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .spectrum-ClearButton {\n > .spectrum-Icon {\n /* @ie11 Workaround for regression caused by fix for https://bugs.webkit.org/show_bug.cgi?id=169700 */\n margin: 0;\n }\n }\n}\n\n.spectrum-ClearButton--small {\n inline-size: var(--spectrum-clearbutton-small-width);\n block-size: var(--spectrum-clearbutton-small-height);\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n:root {\n /* Overridden because of the way we draw focus rings */\n --spectrum-actionbutton-quiet-border-size-key-focus: 1px;\n}\n\n.spectrum-LogicButton,\n.spectrum-Button,\n.spectrum-ActionButton--emphasized {\n &:focus-ring,\n &.is-focused {\n &:after {\n box-shadow: 0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus) var(--spectrum-button-primary-focus-ring-color-key-focus);\n }\n }\n}\n\n.spectrum-ClearButton {\n background-color: var(--spectrum-clearbutton-medium-background-color);\n\n color: var(--spectrum-clearbutton-medium-icon-color);\n\n .spectrum-Icon {\n fill: var(--spectrum-clearbutton-medium-icon-color);\n }\n\n &:hover {\n background-color: var(--spectrum-clearbutton-medium-background-color-hover);\n\n color: var(--spectrum-clearbutton-medium-icon-color-hover);\n\n .spectrum-Icon {\n fill: var(--spectrum-clearbutton-medium-icon-color-hover);\n }\n }\n\n &.is-active {\n background-color: var(--spectrum-clearbutton-medium-background-color-down);\n\n color: var(--spectrum-clearbutton-medium-icon-color-down);\n\n .spectrum-Icon {\n fill: var(--spectrum-clearbutton-medium-icon-color-down);\n }\n }\n\n &:focus-ring {\n background-color: var(--spectrum-clearbutton-medium-background-color-key-focus);\n\n color: var(--spectrum-clearbutton-medium-icon-color-key-focus);\n\n .spectrum-Icon {\n fill: var(--spectrum-clearbutton-medium-icon-color-key-focus);\n }\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-clearbutton-medium-background-color-disabled);\n\n color: var(--spectrum-clearbutton-medium-icon-color-disabled);\n\n .spectrum-Icon {\n fill: var(--spectrum-clearbutton-medium-icon-color-disabled);\n }\n }\n}\n\n.spectrum-Button--cta {\n background-color: var(--spectrum-button-cta-background-color);\n border-color: var(--spectrum-button-cta-border-color);\n color: var(--spectrum-button-cta-text-color);\n\n &:hover {\n background-color: var(--spectrum-button-cta-background-color-hover);\n border-color: var(--spectrum-button-cta-border-color-hover);\n color: var(--spectrum-button-cta-text-color-hover);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-button-cta-background-color-key-focus);\n border-color: var(--spectrum-button-cta-border-color-key-focus);\n color: var(--spectrum-button-cta-text-color-key-focus);\n }\n\n &.is-active {\n background-color: var(--spectrum-button-cta-background-color-down);\n border-color: var(--spectrum-button-cta-border-color-down);\n color: var(--spectrum-button-cta-text-color-down);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-button-cta-background-color-disabled);\n border-color: var(--spectrum-button-cta-border-color-disabled);\n color: var(--spectrum-button-cta-text-color-disabled);\n }\n}\n\n.spectrum-Button--primary {\n background-color: var(--spectrum-button-primary-background-color);\n border-color: var(--spectrum-button-primary-border-color);\n color: var(--spectrum-button-primary-text-color);\n\n &:hover {\n background-color: var(--spectrum-button-primary-background-color-hover);\n border-color: var(--spectrum-button-primary-border-color-hover);\n color: var(--spectrum-button-primary-text-color-hover);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-button-primary-background-color-key-focus);\n border-color: var(--spectrum-button-primary-border-color-key-focus);\n color: var(--spectrum-button-primary-text-color-key-focus);\n }\n\n &.is-active {\n background-color: var(--spectrum-button-primary-background-color-down);\n border-color: var(--spectrum-button-primary-border-color-down);\n color: var(--spectrum-button-primary-text-color-down);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-button-primary-background-color-disabled);\n border-color: var(--spectrum-button-primary-border-color-disabled);\n color: var(--spectrum-button-primary-text-color-disabled);\n }\n}\n\n.spectrum-Button--secondary {\n background-color: var(--spectrum-button-secondary-background-color);\n border-color: var(--spectrum-button-secondary-border-color);\n color: var(--spectrum-button-secondary-text-color);\n\n &:hover {\n background-color: var(--spectrum-button-secondary-background-color-hover);\n border-color: var(--spectrum-button-secondary-border-color-hover);\n color: var(--spectrum-button-secondary-text-color-hover);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-button-secondary-background-color-key-focus);\n border-color: var(--spectrum-button-secondary-border-color-key-focus);\n color: var(--spectrum-button-secondary-text-color-key-focus);\n }\n\n &.is-active {\n background-color: var(--spectrum-button-secondary-background-color-down);\n border-color: var(--spectrum-button-secondary-border-color-down);\n color: var(--spectrum-button-secondary-text-color-down);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-button-secondary-background-color-disabled);\n border-color: var(--spectrum-button-secondary-border-color-disabled);\n color: var(--spectrum-button-secondary-text-color-disabled);\n }\n}\n\n.spectrum-Button--warning {\n background-color: var(--spectrum-button-warning-background-color);\n border-color: var(--spectrum-button-warning-border-color);\n color: var(--spectrum-button-warning-text-color);\n\n &:hover {\n background-color: var(--spectrum-button-warning-background-color-hover);\n border-color: var(--spectrum-button-warning-border-color-hover);\n color: var(--spectrum-button-warning-text-color-hover);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-button-warning-background-color-key-focus);\n border-color: var(--spectrum-button-warning-border-color-key-focus);\n color: var(--spectrum-button-warning-text-color-key-focus);\n }\n\n &.is-active {\n background-color: var(--spectrum-button-warning-background-color-down);\n border-color: var(--spectrum-button-warning-border-color-down);\n color: var(--spectrum-button-warning-text-color-down);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-button-warning-background-color-disabled);\n border-color: var(--spectrum-button-warning-border-color-disabled);\n color: var(--spectrum-button-warning-text-color-disabled);\n }\n}\n\n.spectrum-Button--overBackground {\n background-color: var(--spectrum-button-over-background-background-color);\n border-color: var(--spectrum-button-over-background-border-color);\n color: var(--spectrum-button-over-background-text-color);\n\n &:hover {\n background-color: var(--spectrum-button-over-background-background-color-hover);\n border-color: var(--spectrum-button-over-background-border-color-hover);\n color: inherit;\n }\n\n &:focus-ring {\n background-color: var(--spectrum-button-over-background-background-color-hover);\n border-color: var(--spectrum-button-over-background-border-color-hover);\n color: inherit;\n\n &:after {\n box-shadow: 0 0 0 var(--spectrum-alias-focus-ring-size) var(--spectrum-button-over-background-border-color-key-focus);\n }\n }\n\n &.is-active {\n background-color: var(--spectrum-button-over-background-background-color-down);\n border-color: var(--spectrum-button-over-background-border-color-down);\n color: inherit;\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-button-over-background-background-color-disabled);\n border-color: var(--spectrum-button-over-background-border-color-disabled);\n color: var(--spectrum-button-over-background-text-color-disabled);\n }\n}\n\n.spectrum-Button--overBackground.spectrum-Button--quiet,\n.spectrum-ClearButton--overBackground {\n background-color: var(--spectrum-button-quiet-over-background-background-color);\n border-color: var(--spectrum-button-quiet-over-background-border-color);\n color: var(--spectrum-button-quiet-over-background-text-color);\n\n &:hover {\n background-color: var(--spectrum-button-quiet-over-background-background-color-hover);\n border-color: var(--spectrum-button-quiet-over-background-border-color-hover);\n color: var(--spectrum-button-quiet-over-background-text-color-hover);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-button-quiet-over-background-background-color-hover);\n border-color: var(--spectrum-button-quiet-over-background-border-color-hover);\n color: var(--spectrum-button-quiet-over-background-text-color-hover);\n box-shadow: none;\n\n &:after {\n box-shadow: 0 0 0 var(--spectrum-alias-focus-ring-size) var(--spectrum-button-over-background-border-color-key-focus);\n }\n }\n\n &.is-active {\n background-color: var(--spectrum-button-quiet-over-background-background-color-down);\n border-color: var(--spectrum-button-quiet-over-background-border-color-down);\n color: var(--spectrum-button-quiet-over-background-text-color-down);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-button-quiet-over-background-background-color-disabled);\n border-color: var(--spectrum-button-quiet-over-background-border-color-disabled);\n color: var(--spectrum-button-quiet-over-background-text-color-disabled);\n }\n}\n\n.spectrum-Button--primary.spectrum-Button--quiet {\n background-color: var(--spectrum-button-quiet-primary-background-color);\n border-color: var(--spectrum-button-quiet-primary-border-color);\n color: var(--spectrum-button-quiet-primary-text-color);\n\n &:hover {\n background-color: var(--spectrum-button-quiet-primary-background-color-hover);\n border-color: var(--spectrum-button-quiet-primary-border-color-hover);\n color: var(--spectrum-button-quiet-primary-text-color-hover);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-button-quiet-primary-background-color-key-focus);\n border-color: var(--spectrum-button-quiet-primary-border-color-key-focus);\n color: var(--spectrum-button-quiet-primary-text-color-key-focus);\n }\n\n &.is-active {\n background-color: var(--spectrum-button-quiet-primary-background-color-down);\n border-color: var(--spectrum-button-quiet-primary-border-color-down);\n color: var(--spectrum-button-quiet-primary-text-color-down);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-button-quiet-primary-background-color-disabled);\n border-color: var(--spectrum-button-quiet-primary-border-color-disabled);\n color: var(--spectrum-button-quiet-primary-text-color-disabled);\n }\n}\n\n.spectrum-Button--secondary.spectrum-Button--quiet {\n background-color: var(--spectrum-button-quiet-secondary-background-color);\n border-color: var(--spectrum-button-quiet-secondary-border-color);\n color: var(--spectrum-button-quiet-secondary-text-color);\n\n &:hover {\n background-color: var(--spectrum-button-quiet-secondary-background-color-hover);\n border-color: var(--spectrum-button-quiet-secondary-border-color-hover);\n color: var(--spectrum-button-quiet-secondary-text-color-hover);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-button-quiet-secondary-background-color-key-focus);\n border-color: var(--spectrum-button-quiet-secondary-border-color-key-focus);\n color: var(--spectrum-button-quiet-secondary-text-color-key-focus);\n }\n\n &.is-active {\n background-color: var(--spectrum-button-quiet-secondary-background-color-down);\n border-color: var(--spectrum-button-quiet-secondary-border-color-down);\n color: var(--spectrum-button-quiet-secondary-text-color-down);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-button-quiet-secondary-background-color-disabled);\n border-color: var(--spectrum-button-quiet-secondary-border-color-disabled);\n color: var(--spectrum-button-quiet-secondary-text-color-disabled);\n }\n}\n\n.spectrum-ActionButton {\n background-color: var(--spectrum-actionbutton-background-color);\n border-color: var(--spectrum-actionbutton-border-color);\n color: var(--spectrum-actionbutton-text-color);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-icon-color);\n }\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-hold-icon-color);\n }\n\n &:hover {\n background-color: var(--spectrum-actionbutton-background-color-hover);\n border-color: var(--spectrum-actionbutton-border-color-hover);\n color: var(--spectrum-actionbutton-text-color-hover);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-icon-color-hover);\n }\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-hold-icon-color-hover);\n }\n }\n\n &:focus-ring {\n background-color: var(--spectrum-actionbutton-background-color-key-focus);\n border-color: var(--spectrum-actionbutton-border-color-key-focus);\n box-shadow: 0 0 0 var(--spectrum-button-primary-border-size-increase-key-focus) var(--spectrum-actionbutton-border-color-key-focus);\n color: var(--spectrum-actionbutton-text-color-key-focus);\n\n &.is-active {\n border-color: var(--spectrum-actionbutton-border-color-key-focus);\n }\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-icon-color-key-focus);\n }\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-hold-icon-color-key-focus);\n }\n }\n\n &.is-active {\n background-color: var(--spectrum-actionbutton-background-color-down);\n border-color: var(--spectrum-actionbutton-border-color-down);\n color: var(--spectrum-actionbutton-text-color-down);\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-hold-icon-color-down);\n }\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-actionbutton-background-color-disabled);\n border-color: var(--spectrum-actionbutton-border-color-disabled);\n color: var(--spectrum-actionbutton-text-color-disabled);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-icon-color-disabled);\n }\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-hold-icon-color-disabled);\n }\n }\n\n &.is-selected {\n background-color: var(--spectrum-actionbutton-background-color-selected);\n border-color: var(--spectrum-actionbutton-border-color-selected);\n color: var(--spectrum-actionbutton-text-color-selected);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-icon-color-selected);\n }\n\n &:hover {\n background-color: var(--spectrum-actionbutton-background-color-selected-hover);\n border-color: var(--spectrum-actionbutton-border-color-selected-hover);\n color: var(--spectrum-actionbutton-text-color-selected-hover);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-icon-color-selected-hover);\n }\n }\n\n &:focus-ring {\n background-color: var(--spectrum-actionbutton-background-color-selected-key-focus);\n border-color: var(--spectrum-actionbutton-border-color-selected-key-focus);\n color: var(--spectrum-actionbutton-text-color-selected-key-focus);\n\n &.is-active {\n border-color: var(--spectrum-actionbutton-border-color-key-focus);\n }\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-icon-color-selected-key-focus);\n }\n }\n\n &.is-active {\n background-color: var(--spectrum-actionbutton-background-color-selected-down);\n border-color: var(--spectrum-actionbutton-border-color-selected-down);\n color: var(--spectrum-actionbutton-text-color-selected-down);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-icon-color-selected-down);\n }\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-actionbutton-background-color-selected-disabled);\n border-color: var(--spectrum-actionbutton-border-color-selected-disabled);\n color: var(--spectrum-actionbutton-text-color-selected-disabled);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-icon-color-selected-disabled);\n }\n }\n }\n}\n\n.spectrum-ActionButton--emphasized {\n background-color: var(--spectrum-actionbutton-emphasized-background-color);\n border-color: var(--spectrum-actionbutton-emphasized-border-color);\n color: var(--spectrum-actionbutton-emphasized-text-color);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-emphasized-icon-color);\n }\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-emphasized-hold-icon-color);\n }\n\n &.is-selected {\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-emphasized-hold-icon-color-selected);\n }\n\n &:hover {\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-emphasized-text-color-selected-hover);\n }\n }\n }\n\n &:hover {\n background-color: var(--spectrum-actionbutton-emphasized-background-color-hover);\n border-color: var(--spectrum-actionbutton-emphasized-border-color-hover);\n box-shadow: none;\n color: var(--spectrum-actionbutton-emphasized-text-color-hover);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-emphasized-icon-color-hover);\n }\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-emphasized-hold-icon-color-hover);\n }\n }\n\n &:focus-ring {\n background-color: var(--spectrum-actionbutton-emphasized-background-color-key-focus);\n border-color: var(--spectrum-actionbutton-emphasized-border-color);\n box-shadow: none;\n color: var(--spectrum-actionbutton-emphasized-text-color-key-focus);\n\n &.is-active {\n border-color: var(--spectrum-actionbutton-emphasized-border-color-down);\n }\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-emphasized-icon-color-key-focus);\n }\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-emphasized-hold-icon-color-key-focus);\n }\n }\n\n &.is-active {\n background-color: var(--spectrum-actionbutton-emphasized-background-color-down);\n border-color: var(--spectrum-actionbutton-emphasized-border-color-down);\n color: var(--spectrum-actionbutton-emphasized-text-color-down);\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-emphasized-hold-icon-color-down);\n }\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-actionbutton-emphasized-background-color-disabled);\n border-color: var(--spectrum-actionbutton-emphasized-border-color-disabled);\n color: var(--spectrum-actionbutton-emphasized-text-color-disabled);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-emphasized-icon-color-disabled);\n }\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-emphasized-hold-icon-color-disabled);\n }\n }\n\n &.spectrum-ActionButton--quiet {\n &:focus-ring {\n border-color: var(--spectrum-actionbutton-quiet-border-color);\n box-shadow: none;\n }\n }\n\n &.spectrum-ActionButton--quiet.is-selected,\n &.is-selected {\n background-color: var(--spectrum-actionbutton-emphasized-background-color-selected);\n border-color: var(--spectrum-actionbutton-emphasized-border-color-selected);\n color: var(--spectrum-actionbutton-emphasized-text-color-selected);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-emphasized-icon-color-selected);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-actionbutton-emphasized-background-color-selected-key-focus);\n border-color: var(--spectrum-actionbutton-emphasized-border-color-selected);\n box-shadow: none;\n color: var(--spectrum-actionbutton-emphasized-text-color-selected-key-focus);\n\n &.is-active {\n border-color: var(--spectrum-actionbutton-emphasized-border-color-selected-down);\n }\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-emphasized-icon-color-selected-key-focus);\n }\n }\n\n &:hover {\n background-color: var(--spectrum-actionbutton-emphasized-background-color-selected-hover);\n border-color: var(--spectrum-actionbutton-emphasized-border-color-selected-hover);\n color: var(--spectrum-actionbutton-emphasized-text-color-selected-hover);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-emphasized-icon-color-selected-hover);\n }\n }\n\n &.is-active {\n background-color: var(--spectrum-actionbutton-emphasized-background-color-selected-down);\n border-color: var(--spectrum-actionbutton-emphasized-border-color-selected-down);\n color: var(--spectrum-actionbutton-emphasized-text-color-selected-down);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-emphasized-icon-color-selected-down);\n }\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-actionbutton-emphasized-background-color-selected-disabled);\n border-color: var(--spectrum-actionbutton-emphasized-border-color-selected-disabled);\n color: var(--spectrum-actionbutton-emphasized-text-color-selected-disabled);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-emphasized-icon-color-selected-disabled);\n }\n }\n }\n}\n\n.spectrum-ActionButton--quiet {\n background-color: var(--spectrum-actionbutton-quiet-background-color);\n border-color: var(--spectrum-actionbutton-quiet-border-color);\n color: var(--spectrum-actionbutton-quiet-text-color);\n\n &:hover {\n background-color: var(--spectrum-actionbutton-quiet-background-color-hover);\n border-color: var(--spectrum-actionbutton-quiet-border-color-hover);\n color: var(--spectrum-actionbutton-quiet-text-color-hover);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-actionbutton-quiet-background-color-key-focus);\n box-shadow: 0 0 0 var(--spectrum-actionbutton-quiet-border-size-key-focus) var(--spectrum-actionbutton-quiet-border-color-key-focus);\n border-color: var(--spectrum-actionbutton-quiet-border-color-key-focus);\n color: var(--spectrum-actionbutton-quiet-text-color-key-focus);\n }\n\n &.is-active {\n background-color: var(--spectrum-actionbutton-quiet-background-color-down);\n border-color: var(--spectrum-actionbutton-quiet-border-color-down);\n color: var(--spectrum-actionbutton-quiet-text-color-down);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-actionbutton-quiet-background-color-disabled);\n border-color: var(--spectrum-actionbutton-quiet-border-color-disabled);\n color: var(--spectrum-actionbutton-quiet-text-color-disabled);\n }\n\n &.is-selected {\n background-color: var(--spectrum-actionbutton-quiet-background-color-selected);\n border-color: var(--spectrum-actionbutton-quiet-border-color-selected);\n color: var(--spectrum-actionbutton-quiet-text-color-selected);\n\n &:hover {\n background-color: var(--spectrum-actionbutton-quiet-background-color-selected-hover);\n border-color: var(--spectrum-actionbutton-quiet-border-color-selected-hover);\n color: var(--spectrum-actionbutton-quiet-text-color-selected-hover);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-actionbutton-quiet-background-color-selected-key-focus);\n border-color: var(--spectrum-actionbutton-quiet-border-color-selected-key-focus);\n color: var(--spectrum-actionbutton-quiet-text-color-selected-key-focus);\n }\n\n &.is-active {\n background-color: var(--spectrum-actionbutton-quiet-background-color-selected-down);\n border-color: var(--spectrum-actionbutton-quiet-border-color-selected-down);\n color: var(--spectrum-actionbutton-quiet-text-color-selected-down);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-actionbutton-quiet-background-color-selected-disabled);\n border-color: var(--spectrum-actionbutton-quiet-border-color-selected-disabled);\n color: var(--spectrum-actionbutton-quiet-text-color-selected-disabled);\n }\n }\n}\n\n.spectrum-ActionButton--staticWhite {\n mix-blend-mode: screen;\n --spectrum-actionbutton-static-background-color-hover: rgba(255, 255, 255, 0.1);\n --spectrum-actionbutton-static-background-color-focus: rgba(255, 255, 255, 0.1);\n --spectrum-actionbutton-static-background-color-active: rgba(255, 255, 255, 0.2);\n --spectrum-actionbutton-static-border-color: rgba(255, 255, 255, 0.3);\n --spectrum-actionbutton-static-border-color-hover: white;\n --spectrum-actionbutton-static-border-color-active: white;\n --spectrum-actionbutton-static-border-color-focus: white;\n --spectrum-actionbutton-static-border-disabled: rgba(255, 255, 255, 0.15);\n --spectrum-actionbutton-static-color: white;\n --spectrum-actionbutton-static-color-selected: black; /* becomes the background of the parent element due to mix-blend-mode */\n --spectrum-actionbutton-static-color-disabled: rgba(255, 255, 255, 0.15);\n}\n\n.spectrum-ActionButton--staticWhite.spectrum-ActionButton--quiet {\n --spectrum-actionbutton-static-border-color: transparent;\n --spectrum-actionbutton-static-border-color-hover: transparent;\n --spectrum-actionbutton-static-border-color-active: transparent;\n}\n\n.spectrum-ActionButton--staticBlack {\n mix-blend-mode: multiply;\n --spectrum-actionbutton-static-background-color-hover: rgba(0, 0, 0, 0.1);\n --spectrum-actionbutton-static-background-color-focus: rgba(0, 0, 0, 0.1);\n --spectrum-actionbutton-static-background-color-active: rgba(0, 0, 0, 0.2);\n --spectrum-actionbutton-static-border-color: rgba(0, 0, 0, 0.3);\n --spectrum-actionbutton-static-border-color-hover: black;\n --spectrum-actionbutton-static-border-color-active: black;\n --spectrum-actionbutton-static-border-color-focus: black;\n --spectrum-actionbutton-static-border-disabled: rgba(0, 0, 0, 0.15);\n --spectrum-actionbutton-static-color: black;\n --spectrum-actionbutton-static-color-selected: white; /* becomes the background of the parent element due to mix-blend-mode */\n --spectrum-actionbutton-static-color-disabled: rgba(0, 0, 0, 0.15);\n}\n\n.spectrum-ActionButton--staticBlack.spectrum-ActionButton--quiet {\n --spectrum-actionbutton-static-border-color: transparent;\n --spectrum-actionbutton-static-border-color-hover: transparent;\n --spectrum-actionbutton-static-border-color-active: transparent;\n}\n\n.spectrum-ActionButton--staticColor {\n background-color: transparent;\n border-color: var(--spectrum-actionbutton-static-border-color);\n color: var(--spectrum-actionbutton-static-color);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-static-color);\n }\n\n &:hover {\n background-color: var(--spectrum-actionbutton-static-background-color-hover);\n border-color: var(--spectrum-actionbutton-static-border-color-hover);\n color: var(--spectrum-actionbutton-static-color);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-static-color);\n }\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-static-color);\n }\n }\n\n &:focus-ring {\n background-color: var(--spectrum-actionbutton-static-background-color-focus);\n border-color: var(--spectrum-actionbutton-static-border-color-focus);\n box-shadow: none;\n color: var(--spectrum-actionbutton-static-color);\n\n &:hover {\n border-color: var(--spectrum-actionbutton-static-border-color-focus);\n }\n\n &.is-active {\n border-color: var(--spectrum-actionbutton-static-color-focus);\n }\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-static-color);\n }\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-static-color);\n }\n\n &:after {\n box-shadow: 0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus) var(--spectrum-actionbutton-static-border-color-focus);\n }\n }\n\n &.is-active {\n background-color: var(--spectrum-actionbutton-static-background-color-active);\n border-color: var(--spectrum-actionbutton-static-border-color-active);\n color: var(--spectrum-actionbutton-static-color);\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-static-color);\n }\n }\n\n &:disabled,\n &.is-disabled {\n background-color: transparent;\n border-color: var(--spectrum-actionbutton-static-border-disabled);\n color: var(--spectrum-actionbutton-static-color-disabled);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-static-color-disabled);\n }\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-static-color-disabled);\n }\n }\n\n &.spectrum-ActionButton--quiet.is-selected,\n &.is-selected {\n background-color: var(--spectrum-actionbutton-static-color);\n border-color: var(--spectrum-actionbutton-static-color);\n color: var(--spectrum-actionbutton-static-color-selected);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-static-color-selected);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-actionbutton-static-color);\n border-color: var(--spectrum-actionbutton-static-color);\n color: var(--spectrum-actionbutton-static-color-selected);\n box-shadow: none;\n\n &.is-active {\n /* change 1px of focus ring blue to match the rest of the active state */\n box-shadow: none;\n border-color: var(--spectrum-actionbutton-static-color);\n }\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-static-color-selected);\n }\n }\n\n &:hover,\n &.is-active {\n background-color: var(--spectrum-actionbutton-static-color);\n border-color: var(--spectrum-actionbutton-static-color);\n color: var(--spectrum-actionbutton-static-color-selected);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-static-color-selected);\n }\n }\n\n &:disabled,\n &.is-disabled {\n background-color: transparent;\n border-color: var(--spectrum-actionbutton-static-border-disabled);\n color: var(--spectrum-actionbutton-static-color-disabled);\n\n .spectrum-Icon {\n fill: var(--spectrum-actionbutton-static-color-disabled);\n }\n\n .spectrum-ActionButton-hold {\n fill: var(--spectrum-actionbutton-static-color-disabled);\n }\n }\n }\n}\n\n.spectrum-Button--warning.spectrum-Button--quiet {\n background-color: var(--spectrum-button-quiet-warning-background-color);\n border-color: var(--spectrum-button-quiet-warning-border-color);\n color: var(--spectrum-button-quiet-warning-text-color);\n\n &:hover {\n background-color: var(--spectrum-button-quiet-warning-background-color-hover);\n border-color: var(--spectrum-button-quiet-warning-border-color-hover);\n color: var(--spectrum-button-quiet-warning-text-color-hover);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-button-quiet-warning-background-color-key-focus);\n border-color: var(--spectrum-button-quiet-warning-border-color-key-focus);\n color: var(--spectrum-button-quiet-warning-text-color-key-focus);\n }\n\n &.is-active {\n background-color: var(--spectrum-button-quiet-warning-background-color-down);\n border-color: var(--spectrum-button-quiet-warning-border-color-down);\n color: var(--spectrum-button-quiet-warning-text-color-down);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-button-quiet-warning-background-color-disabled);\n border-color: var(--spectrum-button-quiet-warning-border-color-disabled);\n color: var(--spectrum-button-quiet-warning-text-color-disabled);\n }\n}\n\n.spectrum-LogicButton--and {\n background-color: var(--spectrum-logicbutton-and-background-color);\n border-color: var(--spectrum-logicbutton-and-border-color);\n color: var(--spectrum-logicbutton-and-text-color);\n\n &:hover {\n background-color: var(--spectrum-logicbutton-and-background-color-hover);\n border-color: var(--spectrum-logicbutton-and-border-color-hover);\n color: var(--spectrum-logicbutton-and-text-color);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-logicbutton-and-background-color-disabled);\n border-color: var(--spectrum-logicbutton-and-border-color-disabled);\n color: var(--spectrum-logicbutton-and-text-color-disabled);\n }\n}\n\n.spectrum-LogicButton--or {\n background-color: var(--spectrum-logicbutton-or-background-color);\n border-color: var(--spectrum-logicbutton-or-border-color);\n color: var(--spectrum-logicbutton-or-text-color);\n\n &:hover {\n background-color: var(--spectrum-logicbutton-or-background-color-hover);\n border-color: var(--spectrum-logicbutton-or-border-color-hover);\n color: var(--spectrum-logicbutton-or-text-color);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-button-secondary-background-color-disabled);\n border-color: var(--spectrum-button-secondary-border-color-disabled);\n color: var(--spectrum-logicbutton-and-text-color-disabled);\n }\n}\n\n.spectrum-FieldButton {\n color: var(--spectrum-fieldbutton-text-color);\n background-color: var(--spectrum-fieldbutton-background-color);\n border-color: var(--spectrum-fieldbutton-border-color);\n\n &:hover {\n color: var(--spectrum-fieldbutton-text-color-hover);\n background-color: var(--spectrum-fieldbutton-background-color-hover);\n border-color: var(--spectrum-fieldbutton-border-color-hover);\n }\n\n &.is-active,\n &.is-selected {\n background-color: var(--spectrum-fieldbutton-background-color-down);\n border-color: var(--spectrum-fieldbutton-border-color-down);\n }\n\n &:focus-ring,\n &.is-focused {\n background-color: var(--spectrum-fieldbutton-background-color-key-focus);\n border-color: var(--spectrum-fieldbutton-border-color-key-focus);\n box-shadow: 0 0 0 var(--spectrum-button-primary-border-size-increase-key-focus) var(--spectrum-fieldbutton-border-color-key-focus);\n color: var(--spectrum-fieldbutton-text-color-key-focus);\n\n &.is-placeholder {\n color: var(--spectrum-fieldbutton-placeholder-text-color-key-focus);\n }\n }\n\n &.spectrum-FieldButton--invalid {\n border-color: var(--spectrum-fieldbutton-border-color-error);\n\n &:hover {\n border-color: var(--spectrum-fieldbutton-border-color-error-hover);\n }\n\n &.is-active,\n &.is-selected {\n border-color: var(--spectrum-fieldbutton-border-color-error-down);\n }\n\n &:focus-ring,\n &.is-focused {\n border-color: var(--spectrum-fieldbutton-border-color-error-key-focus);\n box-shadow: 0 0 0 var(--spectrum-button-primary-border-size-increase-key-focus) var(--spectrum-fieldbutton-border-color-error-key-focus);\n }\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-fieldbutton-background-color-disabled);\n color: var(--spectrum-fieldbutton-text-color-disabled);\n\n & .spectrum-Icon {\n fill: var(--spectrum-fieldbutton-icon-color-disabled);\n }\n }\n}\n\n.spectrum-FieldButton--quiet {\n color: var(--spectrum-fieldbutton-text-color);\n border-color: var(--spectrum-fieldbutton-quiet-border-color);\n background-color: var(--spectrum-fieldbutton-quiet-background-color);\n\n &:hover {\n background-color: var(--spectrum-fieldbutton-quiet-background-color-hover);\n color: var(--spectrum-fieldbutton-text-color-hover);\n }\n\n &:focus-ring,\n &.is-focused {\n background-color: var(--spectrum-fieldbutton-quiet-background-color-key-focus);\n box-shadow: 0 2px 0 0 var(--spectrum-fieldbutton-border-color-key-focus);\n\n &.is-placeholder {\n color: var(--spectrum-fieldbutton-quiet-placeholder-text-color-key-focus);\n }\n }\n\n &.is-active,\n &.is-selected {\n background-color: var(--spectrum-fieldbutton-quiet-background-color-down);\n border-color: var(--spectrum-fieldbutton-quiet-border-color-down);\n\n &:focus-ring,\n &.is-focused {\n background-color: var(--spectrum-fieldbutton-quiet-background-color-key-focus);\n box-shadow: 0 2px 0 0 var(--spectrum-fieldbutton-border-color-key-focus);\n }\n }\n\n &.spectrum-FieldButton--invalid {\n &:focus-ring,\n &.is-focused {\n box-shadow: 0 2px 0 0 var(--spectrum-fieldbutton-border-color-error-key-focus);\n }\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-fieldbutton-quiet-background-color-disabled);\n color: var(--spectrum-fieldbutton-text-color-disabled);\n }\n}\n"],"names":[],"version":3,"file":"main.css.map"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/button",
|
|
3
|
-
"version": "3.0.0-nightly.
|
|
3
|
+
"version": "3.0.0-nightly.1345+f6ce7acdd",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -32,20 +32,20 @@
|
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@babel/runtime": "^7.6.2",
|
|
35
|
-
"@react-aria/button": "3.0.0-nightly.
|
|
36
|
-
"@react-aria/focus": "3.0.0-nightly.
|
|
37
|
-
"@react-aria/interactions": "3.0.0-nightly.
|
|
38
|
-
"@react-aria/utils": "3.0.0-nightly.
|
|
39
|
-
"@react-spectrum/text": "3.1.4-nightly.
|
|
40
|
-
"@react-spectrum/utils": "3.0.0-nightly.
|
|
41
|
-
"@react-stately/toggle": "3.0.0-nightly.
|
|
42
|
-
"@react-types/button": "3.4.2-nightly.
|
|
43
|
-
"@react-types/shared": "3.0.0-nightly.
|
|
44
|
-
"@spectrum-icons/ui": "3.0.0-nightly.
|
|
35
|
+
"@react-aria/button": "3.0.0-nightly.1345+f6ce7acdd",
|
|
36
|
+
"@react-aria/focus": "3.0.0-nightly.1345+f6ce7acdd",
|
|
37
|
+
"@react-aria/interactions": "3.0.0-nightly.1345+f6ce7acdd",
|
|
38
|
+
"@react-aria/utils": "3.0.0-nightly.1345+f6ce7acdd",
|
|
39
|
+
"@react-spectrum/text": "3.1.4-nightly.3036+f6ce7acdd",
|
|
40
|
+
"@react-spectrum/utils": "3.0.0-nightly.1345+f6ce7acdd",
|
|
41
|
+
"@react-stately/toggle": "3.0.0-nightly.1345+f6ce7acdd",
|
|
42
|
+
"@react-types/button": "3.4.2-nightly.3036+f6ce7acdd",
|
|
43
|
+
"@react-types/shared": "3.0.0-nightly.1345+f6ce7acdd",
|
|
44
|
+
"@spectrum-icons/ui": "3.0.0-nightly.1345+f6ce7acdd"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@adobe/spectrum-css-temp": "3.0.0-nightly.
|
|
48
|
-
"@react-spectrum/test-utils": "3.0.0-nightly.
|
|
47
|
+
"@adobe/spectrum-css-temp": "3.0.0-nightly.1345+f6ce7acdd",
|
|
48
|
+
"@react-spectrum/test-utils": "3.0.0-nightly.1345+f6ce7acdd"
|
|
49
49
|
},
|
|
50
50
|
"peerDependencies": {
|
|
51
51
|
"@react-spectrum/provider": "^3.0.0",
|
|
@@ -54,5 +54,5 @@
|
|
|
54
54
|
"publishConfig": {
|
|
55
55
|
"access": "public"
|
|
56
56
|
},
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "f6ce7acdd85c9a23a3397b0e75350e3208fdd04a"
|
|
58
58
|
}
|