@react-spectrum/numberfield 3.7.2 → 3.8.0

package/dist/import.mjs

@@ -6,6 +6,7 @@ import {mergeProps as $k6K00$mergeProps} from "@react-aria/utils";
 import {useNumberFieldState as $k6K00$useNumberFieldState} from "@react-stately/numberfield";
 import $k6K00$react, {useRef as $k6K00$useRef} from "react";
 import {TextFieldBase as $k6K00$TextFieldBase} from "@react-spectrum/textfield";
+import {useFormProps as $k6K00$useFormProps} from "@react-spectrum/form";
 import {useHover as $k6K00$useHover} from "@react-aria/interactions";
 import {useLocale as $k6K00$useLocale} from "@react-aria/i18n";
 import {useNumberField as $k6K00$useNumberField} from "@react-aria/numberfield";
@@ -16,9 +17,11 @@ import $k6K00$spectrumiconsuiChevronUpSmall from "@spectrum-icons/ui/ChevronUpSm
 import $k6K00$spectrumiconsworkflowRemove from "@spectrum-icons/workflow/Remove";
 import {useButton as $k6K00$useButton} from "@react-aria/button";
 
+
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
+
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
@@ -254,8 +257,10 @@ function $7f00b388e0d3b2f6$var$StepButton(props, ref) {
 
 
 
+
 function $48b879bdd771eb85$var$NumberField(props, ref) {
     props = (0, $k6K00$useProviderProps)(props);
+    props = (0, $k6K00$useFormProps)(props);
     let provider = (0, $k6K00$useProvider)();
     let { isQuiet: isQuiet, isReadOnly: isReadOnly, isDisabled: isDisabled, hideStepper: hideStepper } = props;
     let { styleProps: style } = (0, $k6K00$useStyleProps)(props);
@@ -266,17 +271,18 @@ function $48b879bdd771eb85$var$NumberField(props, ref) {
     });
     let inputRef = (0, $k6K00$useRef)();
     let domRef = (0, $k6K00$useFocusableRef)(ref, inputRef);
-    let { groupProps: groupProps, labelProps: labelProps, inputProps: inputProps, incrementButtonProps: incrementButtonProps, decrementButtonProps: decrementButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $k6K00$useNumberField)(props, state, inputRef);
+    let { groupProps: groupProps, labelProps: labelProps, inputProps: inputProps, incrementButtonProps: incrementButtonProps, decrementButtonProps: decrementButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = (0, $k6K00$useNumberField)(props, state, inputRef);
     let isMobile = provider.scale === "large";
     let showStepper = !hideStepper;
     let { isHovered: isHovered, hoverProps: hoverProps } = (0, $k6K00$useHover)({
         isDisabled: isDisabled
     });
+    let validationState = props.validationState || (isInvalid ? "invalid" : null);
     let className = (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper", {
         "spectrum-Stepper--isQuiet": isQuiet,
         "is-disabled": isDisabled,
         "spectrum-Stepper--readonly": isReadOnly,
-        "is-invalid": props.validationState === "invalid" && !isDisabled,
+        "is-invalid": validationState === "invalid" && !isDisabled,
         "spectrum-Stepper--showStepper": showStepper,
         "spectrum-Stepper--isMobile": isMobile,
         "is-hovered": isHovered,
@@ -287,6 +293,9 @@ function $48b879bdd771eb85$var$NumberField(props, ref) {
         ...props,
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps,
+        isInvalid: isInvalid,
+        validationErrors: validationErrors,
+        validationDetails: validationDetails,
         labelProps: labelProps,
         ref: domRef,
         wrapperClassName: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper-container", {
@@ -301,7 +310,8 @@ function $48b879bdd771eb85$var$NumberField(props, ref) {
         decrementProps: decrementButtonProps,
         className: className,
         style: style,
-        state: state
+        state: state,
+        validationState: validationState
     }));
 }
 const $48b879bdd771eb85$var$NumberFieldInput = /*#__PURE__*/ (0, $k6K00$react).forwardRef(function NumberFieldInput(props, ref) {

package/dist/main.css

@@ -1 +1 @@
-.Ug6T-W_i18nFontFamily{font-synthesis:weight;font-family:adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.Ug6T-W_i18nFontFamily:lang(ar){font-family:myriad-arabic,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.Ug6T-W_i18nFontFamily:lang(he){font-family:myriad-hebrew,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.Ug6T-W_i18nFontFamily:lang(zh){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Heiti TC Light,sans-serif}.Ug6T-W_i18nFontFamily:lang(zh-Hans){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.Ug6T-W_i18nFontFamily:lang(zh-Hant){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Microsoft JhengHei UI,Microsoft JhengHei,Heiti TC Light,sans-serif}.Ug6T-W_i18nFontFamily:lang(zh-SG),.Ug6T-W_i18nFontFamily:lang(zh-CN){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.Ug6T-W_i18nFontFamily:lang(ko){font-family:adobe-clean-han-korean,source-han-korean,Malgun Gothic,Apple Gothic,sans-serif}.Ug6T-W_i18nFontFamily:lang(ja){font-family:adobe-clean-han-japanese,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Osaka,YuGothic,Yu Gothic,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif}.Ug6T-W_spectrum-FocusRing-ring{--spectrum-focus-ring-border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.Ug6T-W_spectrum-FocusRing-ring:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-1*var(--spectrum-focus-ring-border-size));pointer-events:none;transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.Ug6T-W_spectrum-FocusRing.Ug6T-W_focus-ring:after{margin:calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size));box-shadow:0 0 0 var(--spectrum-focus-ring-size)var(--spectrum-focus-ring-color)}.Ug6T-W_spectrum-FocusRing--quiet:after{border-radius:0}.Ug6T-W_spectrum-FocusRing--quiet.Ug6T-W_focus-ring:after{margin:0 0 calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size))0;box-shadow:0 var(--spectrum-focus-ring-size)0 var(--spectrum-focus-ring-color)}.Ug6T-W_spectrum-BaseButton{box-sizing:border-box;border-radius:var(--spectrum-button-border-radius);border-style:solid;border-width:var(--spectrum-button-border-width);--spectrum-focus-ring-border-radius:var(--spectrum-button-border-radius);--spectrum-focus-ring-border-size:var(--spectrum-button-border-width);--spectrum-focus-ring-gap:var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25));--spectrum-focus-ring-size:var(--spectrum-button-primary-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size));text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top;transition:background var(--spectrum-global-animation-duration-100,.13s)ease-out,border-color var(--spectrum-global-animation-duration-100,.13s)ease-out,color var(--spectrum-global-animation-duration-100,.13s)ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out;-webkit-user-select:none;user-select:none;touch-action:none;cursor:default;isolation:isolate;justify-content:center;align-items:center;margin:0;line-height:1.3;text-decoration:none;display:inline-flex;position:relative;overflow:visible}button.Ug6T-W_spectrum-BaseButton{-webkit-appearance:button}.Ug6T-W_spectrum-BaseButton:focus{outline:none}.Ug6T-W_spectrum-BaseButton.Ug6T-W_focus-ring{z-index:3}.Ug6T-W_spectrum-BaseButton::-moz-focus-inner{border:0;margin-top:-2px;margin-bottom:-2px;padding:0}.Ug6T-W_spectrum-BaseButton:disabled,.Ug6T-W_spectrum-BaseButton.Ug6T-W_is-disabled{cursor:default}.Ug6T-W_spectrum-BaseButton .Ug6T-W_spectrum-Icon{transition:background var(--spectrum-global-animation-duration-100,.13s)ease-out,fill var(--spectrum-global-animation-duration-100,.13s)ease-out;box-sizing:initial;flex-shrink:0;order:0;max-block-size:100%}.Ug6T-W_spectrum-Button{--spectrum-button-border-radius:var(--spectrum-button-primary-border-radius,var(--spectrum-alias-border-radius-large));--spectrum-button-border-width:var(--spectrum-button-primary-border-size,var(--spectrum-alias-border-size-thick));min-block-size:var(--spectrum-button-primary-height,var(--spectrum-alias-single-line-height));min-inline-size:var(--spectrum-button-primary-min-width);padding:var(--spectrum-global-dimension-size-50)calc(var(--spectrum-button-primary-padding-x,var(--spectrum-global-dimension-size-200)) - var(--spectrum-button-primary-border-size,var(--spectrum-alias-border-size-thick)));font-size:var(--spectrum-button-primary-text-size,var(--spectrum-alias-pill-button-text-size));font-weight:var(--spectrum-button-primary-text-font-weight,var(--spectrum-global-font-weight-bold));padding-top:calc(var(--spectrum-global-dimension-size-50) - 1px);padding-bottom:calc(var(--spectrum-global-dimension-size-50) + 1px);border-style:solid;block-size:0%}.Ug6T-W_spectrum-Button.Ug6T-W_is-hovered,.Ug6T-W_spectrum-Button:active{box-shadow:none}.Ug6T-W_spectrum-Button .Ug6T-W_spectrum-Icon+.Ug6T-W_spectrum-Button-label:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-button-primary-text-gap,var(--spectrum-global-dimension-size-100))}.Ug6T-W_spectrum-Button .Ug6T-W_spectrum-Icon+.Ug6T-W_spectrum-Button-label:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-button-primary-text-gap,var(--spectrum-global-dimension-size-100))}.Ug6T-W_spectrum-Button .Ug6T-W_spectrum-Icon+.Ug6T-W_spectrum-Button-label:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-button-primary-text-gap,var(--spectrum-global-dimension-size-100))}.Ug6T-W_spectrum-Button .Ug6T-W_spectrum-Icon+.Ug6T-W_spectrum-Button-label:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spectrum-button-primary-text-gap,var(--spectrum-global-dimension-size-100))}.Ug6T-W_spectrum-Button .Ug6T-W_spectrum-Icon+.Ug6T-W_spectrum-Button-label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spectrum-button-primary-text-gap,var(--spectrum-global-dimension-size-100))}.Ug6T-W_spectrum-Button .Ug6T-W_spectrum-Button-label+.Ug6T-W_spectrum-Icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--spectrum-button-primary-text-gap,var(--spectrum-global-dimension-size-100))}.Ug6T-W_spectrum-Button .Ug6T-W_spectrum-Button-label+.Ug6T-W_spectrum-Icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--spectrum-button-primary-text-gap,var(--spectrum-global-dimension-size-100))}.Ug6T-W_spectrum-Button .Ug6T-W_spectrum-Button-label+.Ug6T-W_spectrum-Icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--spectrum-button-primary-text-gap,var(--spectrum-global-dimension-size-100))}.Ug6T-W_spectrum-Button .Ug6T-W_spectrum-Button-label+.Ug6T-W_spectrum-Icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--spectrum-button-primary-text-gap,var(--spectrum-global-dimension-size-100))}.Ug6T-W_spectrum-Button .Ug6T-W_spectrum-Button-label+.Ug6T-W_spectrum-Icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--spectrum-button-primary-text-gap,var(--spectrum-global-dimension-size-100))}.Ug6T-W_spectrum-Button.Ug6T-W_spectrum-Button--iconOnly{min-inline-size:unset;padding:var(--spectrum-global-dimension-size-65)}.Ug6T-W_spectrum-Button.Ug6T-W_spectrum-Button--pending .Ug6T-W_spectrum-Button-circleLoader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Ug6T-W_spectrum-Button.Ug6T-W_spectrum-Button--pending .Ug6T-W_spectrum-Button-label,.Ug6T-W_spectrum-Button.Ug6T-W_spectrum-Button--pending .Ug6T-W_spectrum-Icon{visibility:hidden}a.Ug6T-W_spectrum-Button,a.Ug6T-W_spectrum-ActionButton{-webkit-appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer}.Ug6T-W_spectrum-ActionButton{block-size:var(--spectrum-actionbutton-height,var(--spectrum-alias-single-line-height));min-inline-size:var(--spectrum-actionbutton-min-width,var(--spectrum-global-dimension-size-400));--spectrum-button-border-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-button-border-width:var(--spectrum-actionbutton-border-size,var(--spectrum-alias-border-size-thin));font-size:var(--spectrum-actionbutton-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-actionbutton-text-font-weight,var(--spectrum-alias-body-text-font-weight));padding:0;position:relative}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-Icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-Icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-Icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-Icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-Icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-label:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-label:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-label:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-label:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-Icon+.Ug6T-W_spectrum-ActionButton-label:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-Icon+.Ug6T-W_spectrum-ActionButton-label:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-Icon+.Ug6T-W_spectrum-ActionButton-label:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-Icon+.Ug6T-W_spectrum-ActionButton-label:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-Icon+.Ug6T-W_spectrum-ActionButton-label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-label:not([hidden])+.Ug6T-W_spectrum-Icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-label:not([hidden])+.Ug6T-W_spectrum-Icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-label:not([hidden])+.Ug6T-W_spectrum-Icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-label:not([hidden])+.Ug6T-W_spectrum-Icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-label:not([hidden])+.Ug6T-W_spectrum-Icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-label:not([hidden])+.Ug6T-W_spectrum-Icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-label:only-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-label:only-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-label:only-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-label:only-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-label:only-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-hold+.Ug6T-W_spectrum-ActionButton-label:last-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-hold+.Ug6T-W_spectrum-ActionButton-label:last-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-hold+.Ug6T-W_spectrum-ActionButton-label:last-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-hold+.Ug6T-W_spectrum-ActionButton-label:last-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-hold+.Ug6T-W_spectrum-ActionButton-label:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-Icon:only-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-Icon:only-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-Icon:only-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-Icon:only-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-Icon:only-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-hold+.Ug6T-W_spectrum-Icon:last-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-hold+.Ug6T-W_spectrum-Icon:last-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-hold+.Ug6T-W_spectrum-Icon:last-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-hold+.Ug6T-W_spectrum-Icon:last-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-hold+.Ug6T-W_spectrum-Icon:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton-hold{bottom:var(--spectrum-actionbutton-hold-icon-padding-bottom,var(--spectrum-global-dimension-size-40));position:absolute}.Ug6T-W_spectrum-ActionButton-hold:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spectrum-actionbutton-hold-icon-padding-right,var(--spectrum-global-dimension-size-40))}.Ug6T-W_spectrum-ActionButton-hold:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spectrum-actionbutton-hold-icon-padding-right,var(--spectrum-global-dimension-size-40))}.Ug6T-W_spectrum-ActionButton-hold:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spectrum-actionbutton-hold-icon-padding-right,var(--spectrum-global-dimension-size-40))}.Ug6T-W_spectrum-ActionButton-hold:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spectrum-actionbutton-hold-icon-padding-right,var(--spectrum-global-dimension-size-40))}.Ug6T-W_spectrum-ActionButton-hold:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spectrum-actionbutton-hold-icon-padding-right,var(--spectrum-global-dimension-size-40))}[dir=rtl] .Ug6T-W_spectrum-ActionButton-hold{transform:rotate(90deg)}.Ug6T-W_spectrum-ActionButton-label,.Ug6T-W_spectrum-Button-label{text-align:center;order:1;place-self:center;inline-size:100%}:-webkit-any(.Ug6T-W_spectrum-ActionButton-label,.Ug6T-W_spectrum-Button-label):empty{display:none}:is(.Ug6T-W_spectrum-ActionButton-label,.Ug6T-W_spectrum-Button-label):empty{display:none}.Ug6T-W_spectrum-ActionButton-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Ug6T-W_spectrum-ActionButton--quiet{border-width:var(--spectrum-actionbutton-quiet-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-actionbutton-quiet-border-radius,var(--spectrum-alias-border-radius-regular));font-size:var(--spectrum-actionbutton-quiet-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-actionbutton-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight))}.Ug6T-W_spectrum-LogicButton{block-size:var(--spectrum-logicbutton-and-height,24px);padding:var(--spectrum-logicbutton-and-padding-x,var(--spectrum-global-dimension-size-100));--spectrum-button-border-width:var(--spectrum-logicbutton-and-border-size,var(--spectrum-alias-border-size-thick));--spectrum-button-border-radius:var(--spectrum-logicbutton-and-border-radius,var(--spectrum-alias-border-radius-regular));font-size:var(--spectrum-logicbutton-and-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-logicbutton-and-text-font-weight,var(--spectrum-global-font-weight-bold));line-height:0}.Ug6T-W_spectrum-FieldButton{block-size:var(--spectrum-dropdown-height,var(--spectrum-global-dimension-size-400));padding:0 var(--spectrum-dropdown-padding-x,var(--spectrum-global-dimension-size-150));font-family:inherit;font-weight:400;font-size:var(--spectrum-dropdown-text-size,var(--spectrum-alias-font-size-default));-webkit-font-smoothing:initial;cursor:default;--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);padding-top:0;padding-bottom:0;padding-inline:var(--spectrum-dropdown-padding-x,var(--spectrum-global-dimension-size-150));--spectrum-button-border-width:var(--spectrum-dropdown-border-size,var(--spectrum-alias-border-size-thin));--spectrum-button-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));transition:background-color var(--spectrum-global-animation-duration-100,.13s),box-shadow var(--spectrum-global-animation-duration-100,.13s),border-color var(--spectrum-global-animation-duration-100,.13s);border-style:solid;outline:none;margin:0;line-height:normal;position:relative}.Ug6T-W_spectrum-FieldButton:disabled,.Ug6T-W_spectrum-FieldButton.Ug6T-W_is-disabled{cursor:default;border-width:0}.Ug6T-W_spectrum-FieldButton.Ug6T-W_is-open{border-width:var(--spectrum-dropdown-border-size,var(--spectrum-alias-border-size-thin))}.Ug6T-W_spectrum-FieldButton--quiet{--spectrum-button-border-width:0;--spectrum-button-border-radius:var(--spectrum-fieldbutton-quiet-border-radius,0px);--spectrum-focus-ring-size:var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25));margin:0;padding:0}.Ug6T-W_spectrum-FieldButton--quiet:disabled.Ug6T-W_focus-ring,.Ug6T-W_spectrum-FieldButton--quiet.Ug6T-W_is-disabled.Ug6T-W_focus-ring{box-shadow:none}:-webkit-any().Ug6T-W_focus-ring{box-shadow:none}:is().Ug6T-W_focus-ring{box-shadow:none}.Ug6T-W_spectrum-ClearButton{inline-size:var(--spectrum-clearbutton-medium-width,var(--spectrum-alias-single-line-height));block-size:var(--spectrum-clearbutton-medium-height,var(--spectrum-alias-single-line-height));--spectrum-button-border-radius:100%;--spectrum-button-border-width:0px;border:none;margin:0;padding:0}.Ug6T-W_spectrum-ClearButton>.Ug6T-W_spectrum-Icon{margin:0 auto}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.Ug6T-W_spectrum-ClearButton>.Ug6T-W_spectrum-Icon{margin:0}}.Ug6T-W_spectrum-ClearButton--small{inline-size:var(--spectrum-clearbutton-small-width,var(--spectrum-global-dimension-size-300));block-size:var(--spectrum-clearbutton-small-height,var(--spectrum-global-dimension-size-300))}.Ug6T-W_spectrum-Stepper{--spectrum-stepper-width:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))*4);inline-size:var(--spectrum-stepper-width);transition:border-color var(--spectrum-global-animation-duration-100,.13s)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-in-out;block-size:max-content;line-height:0;display:inline-grid;position:relative}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isMobile){grid-template:"Ug6T-W_field Ug6T-W_increment""Ug6T-W_field Ug6T-W_decrement"/1fr auto}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepUp{padding-top:calc(var(--spectrum-global-dimension-size-50) + 1px);padding-bottom:calc(var(--spectrum-global-dimension-size-50) - .5px)}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown{padding-top:calc(var(--spectrum-global-dimension-size-50) - .5px);padding-bottom:calc(var(--spectrum-global-dimension-size-50) + .5px)}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isMobile{--spectrum-stepper-width:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))*5);grid-template:"Ug6T-W_decrement Ug6T-W_field Ug6T-W_increment"/auto 1fr auto}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-field{inline-size:unset;min-inline-size:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));grid-area:Ug6T-W_field}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:0}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:0}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:0}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:0}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:0}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button--stepUp{grid-area:Ug6T-W_increment}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button--stepDown{grid-area:Ug6T-W_decrement}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet){border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spectrum-global-dimension-size-100)}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spectrum-global-dimension-size-100)}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spectrum-global-dimension-size-100)}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spectrum-global-dimension-size-100)}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spectrum-global-dimension-size-100)}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spectrum-global-dimension-size-100)}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):not(.Ug6T-W_spectrum-Stepper--showStepper):not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button{block-size:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))/2);inline-size:24px}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):not(.Ug6T-W_spectrum-Stepper--showStepper).Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button{block-size:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));inline-size:var(--spectrum-actionbutton-min-width,var(--spectrum-global-dimension-size-400))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-input:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:0;border-bottom-right-radius:0}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-input:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:0;border-bottom-right-radius:0}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-input:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:0;border-bottom-right-radius:0}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-input:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-bottom-left-radius:0}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-input:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-bottom-left-radius:0}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-input:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-bottom-left-radius:0}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button{block-size:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))/2);border-inline-start-width:0;inline-size:24px}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown{border-block-start-width:1px;border-block-end-width:var(--spectrum-alias-input-border-size);border-inline-end-width:var(--spectrum-alias-input-border-size)}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepUp{border-block-start-width:var(--spectrum-alias-input-border-size);border-inline-end-width:var(--spectrum-alias-input-border-size)}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepUp:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepUp:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepUp:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepUp:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepUp:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepUp:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-input{border-radius:0}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button{block-size:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));inline-size:var(--spectrum-actionbutton-min-width,var(--spectrum-global-dimension-size-400))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepDown{border-block-start-width:var(--spectrum-alias-input-border-size);border-block-end-width:var(--spectrum-alias-input-border-size);border-inline-start-width:var(--spectrum-alias-input-border-size)}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepDown:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-bottom-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepDown:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-bottom-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepDown:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-bottom-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepDown:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-bottom-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepDown:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-bottom-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepDown:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-bottom-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepUp{border-block-start-width:var(--spectrum-alias-input-border-size);border-block-end-width:var(--spectrum-alias-input-border-size);border-inline-end-width:var(--spectrum-alias-input-border-size)}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepUp:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-bottom-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepUp:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-bottom-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepUp:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-bottom-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepUp:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-bottom-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepUp:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-bottom-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepUp:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-bottom-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:not(.Ug6T-W_spectrum-Stepper--showStepper):not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button{block-size:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))/2);inline-size:24px}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:not(.Ug6T-W_spectrum-Stepper--showStepper):not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown{border-block-end-width:var(--spectrum-alias-input-border-size)}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:not(.Ug6T-W_spectrum-Stepper--showStepper).Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button{block-size:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));inline-size:var(--spectrum-actionbutton-min-width,var(--spectrum-global-dimension-size-400));border-block-end-width:var(--spectrum-alias-input-border-size)}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button{block-size:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))/2);inline-size:24px}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown{border-block-end-width:var(--spectrum-alias-input-border-size)}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button{block-size:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));inline-size:var(--spectrum-actionbutton-min-width,var(--spectrum-global-dimension-size-400));border-block-end-width:var(--spectrum-alias-input-border-size)}.Ug6T-W_spectrum-Stepper-container.Ug6T-W_spectrum-Stepper-container{--spectrum-field-default-width:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))*4)}.Ug6T-W_spectrum-Stepper-container.Ug6T-W_spectrum-Stepper-container--isMobile{--spectrum-field-default-width:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))*5)}.Ug6T-W_spectrum-Stepper-button{border-width:0}.Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-hovered,.Ug6T-W_spectrum-Stepper-button:active{box-shadow:none}.Ug6T-W_spectrum-Stepper-button .Ug6T-W_spectrum-Stepper-button-icon{transition:background var(--spectrum-global-animation-duration-100,.13s)ease-out,fill var(--spectrum-global-animation-duration-100,.13s)ease-out;box-sizing:initial;flex-shrink:0;max-block-size:100%}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button-icon{fill:var(--spectrum-actionbutton-icon-color,var(--spectrum-alias-icon-color))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-input{border-color:var(--spectrum-textfield-border-color,var(--spectrum-alias-border-color))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-button{background-color:var(--spectrum-actionbutton-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-textfield-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-text-color,var(--spectrum-alias-text-color))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-border-color-hover,var(--spectrum-alias-border-color-hover))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-active .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-active .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):active .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):active .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):focus .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):focus .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):disabled .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):disabled .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-border-color-disabled,var(--spectrum-alias-border-color-transparent))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid:active .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid:active .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-border-color-error-down,var(--spectrum-semantic-negative-color-state-down))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-input{border-color:var(--spectrum-textfield-quiet-border-color,var(--spectrum-alias-border-color))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-button{background-color:unset;border-color:var(--spectrum-textfield-quiet-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-text-color,var(--spectrum-alias-text-color))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-quiet-border-color-hover,var(--spectrum-alias-border-color-hover))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-active .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-active .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:active .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:active .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:focus .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:focus .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:disabled .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:disabled .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-quiet-border-color-disabled,var(--spectrum-alias-border-color-mid))}:-webkit-any() .Ug6T-W_spectrum-Stepper-input{border-color:var(--spectrum-textfield-quiet-border-color-disabled,var(--spectrum-alias-border-color-mid))}:is() .Ug6T-W_spectrum-Stepper-input{border-color:var(--spectrum-textfield-quiet-border-color-disabled,var(--spectrum-alias-border-color-mid))}:-webkit-any() .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-quiet-border-color-disabled,var(--spectrum-alias-border-color-mid))}:is() .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-quiet-border-color-disabled,var(--spectrum-alias-border-color-mid))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-quiet-border-color-error,var(--spectrum-semantic-negative-color-default))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-quiet-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid:active .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid:active .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-quiet-border-color-error-down,var(--spectrum-semantic-negative-color-state-down))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-hovered{color:var(--spectrum-actionbutton-text-color-hover,var(--spectrum-alias-text-color-hover))}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button-icon{fill:var(--spectrum-actionbutton-icon-color-hover,var(--spectrum-alias-icon-color-hover))}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-active{color:var(--spectrum-actionbutton-text-color-down,var(--spectrum-alias-text-color-down))}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-active .Ug6T-W_spectrum-Stepper-button-icon{fill:var(--spectrum-actionbutton-text-color-down,var(--spectrum-alias-text-color-down))}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button:disabled{color:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button:disabled .Ug6T-W_spectrum-Stepper-button-icon{fill:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-disabled{color:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-button-icon{fill:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-hovered{background-color:var(--spectrum-actionbutton-background-color-hover,var(--spectrum-global-color-gray-50));background-color:var(--spectrum-actionbutton-background-color-hover,var(--spectrum-global-color-gray-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-active{background-color:var(--spectrum-actionbutton-background-color-down,var(--spectrum-global-color-gray-200))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-button:disabled,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-disabled{background-color:var(--spectrum-textfield-background-color-disabled,var(--spectrum-global-color-gray-200))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-button:disabled{color:var(--spectrum-textfield-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-button:disabled .Ug6T-W_spectrum-Stepper-button-icon{fill:var(--spectrum-textfield-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-disabled{color:var(--spectrum-textfield-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-button-icon{fill:var(--spectrum-textfield-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:-webkit-any() .Ug6T-W_spectrum-Stepper-button-icon{fill:var(--spectrum-textfield-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:is() .Ug6T-W_spectrum-Stepper-button-icon{fill:var(--spectrum-textfield-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled))}@media (forced-colors:active){.Ug6T-W_spectrum-Stepper{--spectrum-textfield-border-color-disabled:GrayText;--spectrum-textfield-border-color-error:Highlight;--spectrum-textfield-border-color-hover:Highlight;--spectrum-textfield-border-color-key-focus:Highlight;--spectrum-textfield-quiet-border-color-disabled:GrayText;--spectrum-textfield-quiet-border-color-error:Highlight;--spectrum-textfield-quiet-border-color-hover:Highlight;--spectrum-textfield-quiet-border-color-key-focus:Highlight;--spectrum-textfield-quiet-border-color:ButtonText;--spectrum-textfield-quiet-text-color-disabled:GrayText;--spectrum-textfield-text-color-disabled:GrayText}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-focused,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):focus{outline:2px solid Highlight}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--readonly.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-quiet-border-color,var(--spectrum-alias-border-color))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-focused{forced-color-adjust:none;box-shadow:0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button{forced-color-adjust:auto;border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:focus{forced-color-adjust:none;box-shadow:0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:focus .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:focus .Ug6T-W_spectrum-Stepper-button{forced-color-adjust:auto;border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button{forced-color-adjust:auto;border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring{forced-color-adjust:none;box-shadow:0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button{forced-color-adjust:auto;border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:-webkit-any() .Ug6T-W_spectrum-Stepper-input{forced-color-adjust:auto;border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:is() .Ug6T-W_spectrum-Stepper-input{forced-color-adjust:auto;border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:-webkit-any() .Ug6T-W_spectrum-Stepper-button{forced-color-adjust:auto;border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:is() .Ug6T-W_spectrum-Stepper-button{forced-color-adjust:auto;border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:-webkit-any() .Ug6T-W_spectrum-Stepper-input{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:is() .Ug6T-W_spectrum-Stepper-input{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:-webkit-any() .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:is() .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}}
+.Ug6T-W_i18nFontFamily{font-synthesis:weight;font-family:adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.Ug6T-W_i18nFontFamily:lang(ar){font-family:myriad-arabic,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.Ug6T-W_i18nFontFamily:lang(he){font-family:myriad-hebrew,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.Ug6T-W_i18nFontFamily:lang(zh){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Heiti TC Light,sans-serif}.Ug6T-W_i18nFontFamily:lang(zh-Hans){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.Ug6T-W_i18nFontFamily:lang(zh-Hant){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Microsoft JhengHei UI,Microsoft JhengHei,Heiti TC Light,sans-serif}.Ug6T-W_i18nFontFamily:lang(zh-SG),.Ug6T-W_i18nFontFamily:lang(zh-CN){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.Ug6T-W_i18nFontFamily:lang(ko){font-family:adobe-clean-han-korean,source-han-korean,Malgun Gothic,Apple Gothic,sans-serif}.Ug6T-W_i18nFontFamily:lang(ja){font-family:adobe-clean-han-japanese,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Osaka,YuGothic,Yu Gothic,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif}.Ug6T-W_spectrum-FocusRing-ring{--spectrum-focus-ring-border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.Ug6T-W_spectrum-FocusRing-ring:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-1*var(--spectrum-focus-ring-border-size));pointer-events:none;transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.Ug6T-W_spectrum-FocusRing.Ug6T-W_focus-ring:after{margin:calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size));box-shadow:0 0 0 var(--spectrum-focus-ring-size)var(--spectrum-focus-ring-color)}.Ug6T-W_spectrum-FocusRing--quiet:after{border-radius:0}.Ug6T-W_spectrum-FocusRing--quiet.Ug6T-W_focus-ring:after{margin:0 0 calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size))0;box-shadow:0 var(--spectrum-focus-ring-size)0 var(--spectrum-focus-ring-color)}.Ug6T-W_spectrum-BaseButton{box-sizing:border-box;border-radius:var(--spectrum-button-border-radius);border-style:solid;border-width:var(--spectrum-button-border-width);--spectrum-focus-ring-border-radius:var(--spectrum-button-border-radius);--spectrum-focus-ring-border-size:var(--spectrum-button-border-width);--spectrum-focus-ring-gap:var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25));--spectrum-focus-ring-size:var(--spectrum-button-primary-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size));text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top;transition:background var(--spectrum-global-animation-duration-100,.13s)ease-out,border-color var(--spectrum-global-animation-duration-100,.13s)ease-out,color var(--spectrum-global-animation-duration-100,.13s)ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out;-webkit-user-select:none;user-select:none;touch-action:none;cursor:default;isolation:isolate;justify-content:center;align-items:center;margin:0;line-height:1.3;text-decoration:none;display:inline-flex;position:relative;overflow:visible}button.Ug6T-W_spectrum-BaseButton{-webkit-appearance:button}.Ug6T-W_spectrum-BaseButton:focus{outline:none}.Ug6T-W_spectrum-BaseButton.Ug6T-W_focus-ring{z-index:3}.Ug6T-W_spectrum-BaseButton::-moz-focus-inner{border:0;margin-block-start:-2px;margin-block-end:-2px;padding:0}.Ug6T-W_spectrum-BaseButton:disabled,.Ug6T-W_spectrum-BaseButton.Ug6T-W_is-disabled{cursor:default}.Ug6T-W_spectrum-BaseButton .Ug6T-W_spectrum-Icon{transition:background var(--spectrum-global-animation-duration-100,.13s)ease-out,fill var(--spectrum-global-animation-duration-100,.13s)ease-out;box-sizing:initial;flex-shrink:0;order:0;max-block-size:100%}.Ug6T-W_spectrum-Button{--spectrum-button-border-radius:var(--spectrum-button-primary-border-radius,var(--spectrum-alias-border-radius-large));--spectrum-button-border-width:var(--spectrum-button-primary-border-size,var(--spectrum-alias-border-size-thick));min-block-size:var(--spectrum-button-primary-height,var(--spectrum-alias-single-line-height));min-inline-size:var(--spectrum-button-primary-min-width);padding:var(--spectrum-global-dimension-size-50)calc(var(--spectrum-button-primary-padding-x,var(--spectrum-global-dimension-size-200)) - var(--spectrum-button-primary-border-size,var(--spectrum-alias-border-size-thick)));font-size:var(--spectrum-button-primary-text-size,var(--spectrum-alias-pill-button-text-size));font-weight:var(--spectrum-button-primary-text-font-weight,var(--spectrum-global-font-weight-bold));border-style:solid;block-size:0%;padding-block-start:calc(var(--spectrum-global-dimension-size-50) - 1px);padding-block-end:calc(var(--spectrum-global-dimension-size-50) + 1px)}.Ug6T-W_spectrum-Button.Ug6T-W_is-hovered,.Ug6T-W_spectrum-Button:active{box-shadow:none}.Ug6T-W_spectrum-Button .Ug6T-W_spectrum-Icon+.Ug6T-W_spectrum-Button-label{margin-inline-start:var(--spectrum-button-primary-text-gap,var(--spectrum-global-dimension-size-100))}.Ug6T-W_spectrum-Button .Ug6T-W_spectrum-Button-label+.Ug6T-W_spectrum-Icon{margin-inline-end:var(--spectrum-button-primary-text-gap,var(--spectrum-global-dimension-size-100))}.Ug6T-W_spectrum-Button.Ug6T-W_spectrum-Button--iconOnly{min-inline-size:unset;padding:var(--spectrum-global-dimension-size-65)}.Ug6T-W_spectrum-Button.Ug6T-W_spectrum-Button--pending .Ug6T-W_spectrum-Button-circleLoader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Ug6T-W_spectrum-Button.Ug6T-W_spectrum-Button--pending .Ug6T-W_spectrum-Button-label,.Ug6T-W_spectrum-Button.Ug6T-W_spectrum-Button--pending .Ug6T-W_spectrum-Icon{visibility:hidden}a.Ug6T-W_spectrum-Button,a.Ug6T-W_spectrum-ActionButton{-webkit-appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer}.Ug6T-W_spectrum-ActionButton{block-size:var(--spectrum-actionbutton-height,var(--spectrum-alias-single-line-height));min-inline-size:var(--spectrum-actionbutton-min-width,var(--spectrum-global-dimension-size-400));--spectrum-button-border-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-button-border-width:var(--spectrum-actionbutton-border-size,var(--spectrum-alias-border-size-thin));font-size:var(--spectrum-actionbutton-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-actionbutton-text-font-weight,var(--spectrum-alias-body-text-font-weight));padding:0;position:relative}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-Icon{padding-inline-start:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-label{padding-inline-end:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-Icon+.Ug6T-W_spectrum-ActionButton-label{padding-inline-start:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-label:not([hidden])+.Ug6T-W_spectrum-Icon{padding-inline-end:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-label:only-child,.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-hold+.Ug6T-W_spectrum-ActionButton-label:last-child{padding-inline-start:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-Icon:only-child,.Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-hold+.Ug6T-W_spectrum-Icon:last-child{padding-inline-end:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.Ug6T-W_spectrum-ActionButton-hold{bottom:var(--spectrum-actionbutton-hold-icon-padding-bottom,var(--spectrum-global-dimension-size-40));position:absolute}.Ug6T-W_spectrum-ActionButton-hold:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spectrum-actionbutton-hold-icon-padding-right,var(--spectrum-global-dimension-size-40))}.Ug6T-W_spectrum-ActionButton-hold:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spectrum-actionbutton-hold-icon-padding-right,var(--spectrum-global-dimension-size-40))}.Ug6T-W_spectrum-ActionButton-hold:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spectrum-actionbutton-hold-icon-padding-right,var(--spectrum-global-dimension-size-40))}.Ug6T-W_spectrum-ActionButton-hold:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spectrum-actionbutton-hold-icon-padding-right,var(--spectrum-global-dimension-size-40))}.Ug6T-W_spectrum-ActionButton-hold:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spectrum-actionbutton-hold-icon-padding-right,var(--spectrum-global-dimension-size-40))}[dir=rtl] .Ug6T-W_spectrum-ActionButton-hold{transform:rotate(90deg)}.Ug6T-W_spectrum-ActionButton-label,.Ug6T-W_spectrum-Button-label{text-align:center;order:1;place-self:center;inline-size:100%}:-webkit-any(.Ug6T-W_spectrum-ActionButton-label,.Ug6T-W_spectrum-Button-label):empty{display:none}:is(.Ug6T-W_spectrum-ActionButton-label,.Ug6T-W_spectrum-Button-label):empty{display:none}.Ug6T-W_spectrum-ActionButton-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Ug6T-W_spectrum-ActionButton--quiet{border-width:var(--spectrum-actionbutton-quiet-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-actionbutton-quiet-border-radius,var(--spectrum-alias-border-radius-regular));font-size:var(--spectrum-actionbutton-quiet-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-actionbutton-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight))}.Ug6T-W_spectrum-LogicButton{block-size:var(--spectrum-logicbutton-and-height,24px);padding:var(--spectrum-logicbutton-and-padding-x,var(--spectrum-global-dimension-size-100));--spectrum-button-border-width:var(--spectrum-logicbutton-and-border-size,var(--spectrum-alias-border-size-thick));--spectrum-button-border-radius:var(--spectrum-logicbutton-and-border-radius,var(--spectrum-alias-border-radius-regular));font-size:var(--spectrum-logicbutton-and-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-logicbutton-and-text-font-weight,var(--spectrum-global-font-weight-bold));line-height:0}.Ug6T-W_spectrum-FieldButton{block-size:var(--spectrum-dropdown-height,var(--spectrum-global-dimension-size-400));padding:0 var(--spectrum-dropdown-padding-x,var(--spectrum-global-dimension-size-150));font-family:inherit;font-weight:400;font-size:var(--spectrum-dropdown-text-size,var(--spectrum-alias-font-size-default));-webkit-font-smoothing:initial;cursor:default;--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);padding-block-start:0;padding-block-end:0;padding-inline:var(--spectrum-dropdown-padding-x,var(--spectrum-global-dimension-size-150));--spectrum-button-border-width:var(--spectrum-dropdown-border-size,var(--spectrum-alias-border-size-thin));--spectrum-button-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));transition:background-color var(--spectrum-global-animation-duration-100,.13s),box-shadow var(--spectrum-global-animation-duration-100,.13s),border-color var(--spectrum-global-animation-duration-100,.13s);border-style:solid;outline:none;margin:0;line-height:normal;position:relative}.Ug6T-W_spectrum-FieldButton:disabled,.Ug6T-W_spectrum-FieldButton.Ug6T-W_is-disabled{cursor:default;border-width:0}.Ug6T-W_spectrum-FieldButton.Ug6T-W_is-open{border-width:var(--spectrum-dropdown-border-size,var(--spectrum-alias-border-size-thin))}.Ug6T-W_spectrum-FieldButton--quiet{--spectrum-button-border-width:0;--spectrum-button-border-radius:var(--spectrum-fieldbutton-quiet-border-radius,0px);--spectrum-focus-ring-size:var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25));margin:0;padding:0}.Ug6T-W_spectrum-FieldButton--quiet:disabled.Ug6T-W_focus-ring,.Ug6T-W_spectrum-FieldButton--quiet.Ug6T-W_is-disabled.Ug6T-W_focus-ring{box-shadow:none}.Ug6T-W_spectrum-ClearButton{inline-size:var(--spectrum-clearbutton-medium-width,var(--spectrum-alias-single-line-height));block-size:var(--spectrum-clearbutton-medium-height,var(--spectrum-alias-single-line-height));--spectrum-button-border-radius:100%;--spectrum-button-border-width:0px;border:none;margin:0;padding:0}.Ug6T-W_spectrum-ClearButton>.Ug6T-W_spectrum-Icon{margin-block-start:0;margin-block-end:0;margin-inline-start:auto;margin-inline-end:auto}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.Ug6T-W_spectrum-ClearButton>.Ug6T-W_spectrum-Icon{margin:0}}.Ug6T-W_spectrum-ClearButton--small{inline-size:var(--spectrum-clearbutton-small-width,var(--spectrum-global-dimension-size-300));block-size:var(--spectrum-clearbutton-small-height,var(--spectrum-global-dimension-size-300))}.Ug6T-W_spectrum-Stepper{--spectrum-stepper-width:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))*4);inline-size:var(--spectrum-stepper-width);transition:border-color var(--spectrum-global-animation-duration-100,.13s)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-in-out;block-size:max-content;line-height:0;display:inline-grid;position:relative}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isMobile){grid-template:"Ug6T-W_field Ug6T-W_increment""Ug6T-W_field Ug6T-W_decrement"/1fr auto}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepUp{padding-block-start:calc(var(--spectrum-global-dimension-size-50) + 1px);padding-block-end:calc(var(--spectrum-global-dimension-size-50) - .5px)}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown{padding-block-start:calc(var(--spectrum-global-dimension-size-50) - .5px);padding-block-end:calc(var(--spectrum-global-dimension-size-50) + .5px)}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isMobile{--spectrum-stepper-width:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))*5);grid-template:"Ug6T-W_decrement Ug6T-W_field Ug6T-W_increment"/auto 1fr auto}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-field{inline-size:unset;min-inline-size:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));grid-area:Ug6T-W_field}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-icon{padding-inline-end:0}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button--stepUp{grid-area:Ug6T-W_increment}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button--stepDown{grid-area:Ug6T-W_decrement}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet){border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spectrum-global-dimension-size-100)}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spectrum-global-dimension-size-100)}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spectrum-global-dimension-size-100)}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spectrum-global-dimension-size-100)}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spectrum-global-dimension-size-100)}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spectrum-global-dimension-size-100)}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):not(.Ug6T-W_spectrum-Stepper--showStepper):not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button{block-size:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))/2);inline-size:24px}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):not(.Ug6T-W_spectrum-Stepper--showStepper).Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button{block-size:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));inline-size:var(--spectrum-actionbutton-min-width,var(--spectrum-global-dimension-size-400))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-input:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:0;border-bottom-right-radius:0}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-input:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:0;border-bottom-right-radius:0}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-input:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:0;border-bottom-right-radius:0}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-input:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-bottom-left-radius:0}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-input:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-bottom-left-radius:0}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-input:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-bottom-left-radius:0}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button{block-size:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))/2);border-inline-start-width:0;inline-size:24px}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown{border-block-start-width:1px;border-block-end-width:var(--spectrum-alias-input-border-size);border-inline-end-width:var(--spectrum-alias-input-border-size)}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepUp{border-block-start-width:var(--spectrum-alias-input-border-size);border-inline-end-width:var(--spectrum-alias-input-border-size)}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepUp:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepUp:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepUp:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepUp:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepUp:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepUp:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-input{border-radius:0}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button{block-size:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));inline-size:var(--spectrum-actionbutton-min-width,var(--spectrum-global-dimension-size-400))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepDown{border-block-start-width:var(--spectrum-alias-input-border-size);border-block-end-width:var(--spectrum-alias-input-border-size);border-inline-start-width:var(--spectrum-alias-input-border-size)}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepDown:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-bottom-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepDown:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-bottom-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepDown:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-bottom-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepDown:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-bottom-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepDown:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-bottom-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepDown:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-bottom-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepUp{border-block-start-width:var(--spectrum-alias-input-border-size);border-block-end-width:var(--spectrum-alias-input-border-size);border-inline-end-width:var(--spectrum-alias-input-border-size)}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepUp:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-bottom-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepUp:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-bottom-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepUp:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-bottom-right-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepUp:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-bottom-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepUp:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-bottom-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepUp:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-bottom-left-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:not(.Ug6T-W_spectrum-Stepper--showStepper):not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button{block-size:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))/2);inline-size:24px}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:not(.Ug6T-W_spectrum-Stepper--showStepper):not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown{border-block-end-width:var(--spectrum-alias-input-border-size)}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:not(.Ug6T-W_spectrum-Stepper--showStepper).Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button{block-size:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));inline-size:var(--spectrum-actionbutton-min-width,var(--spectrum-global-dimension-size-400));border-block-end-width:var(--spectrum-alias-input-border-size)}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button{block-size:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))/2);inline-size:24px}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown{border-block-end-width:var(--spectrum-alias-input-border-size)}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button{block-size:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));inline-size:var(--spectrum-actionbutton-min-width,var(--spectrum-global-dimension-size-400));border-block-end-width:var(--spectrum-alias-input-border-size)}.Ug6T-W_spectrum-Stepper-container.Ug6T-W_spectrum-Stepper-container{--spectrum-field-default-width:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))*4)}.Ug6T-W_spectrum-Stepper-container.Ug6T-W_spectrum-Stepper-container--isMobile{--spectrum-field-default-width:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))*5)}.Ug6T-W_spectrum-Stepper-button{border-width:0}.Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-hovered,.Ug6T-W_spectrum-Stepper-button:active{box-shadow:none}.Ug6T-W_spectrum-Stepper-button .Ug6T-W_spectrum-Stepper-button-icon{transition:background var(--spectrum-global-animation-duration-100,.13s)ease-out,fill var(--spectrum-global-animation-duration-100,.13s)ease-out;box-sizing:initial;flex-shrink:0;max-block-size:100%}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button-icon{fill:var(--spectrum-actionbutton-icon-color,var(--spectrum-alias-icon-color))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-input{border-color:var(--spectrum-textfield-border-color,var(--spectrum-alias-border-color))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-button{background-color:var(--spectrum-actionbutton-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-textfield-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-text-color,var(--spectrum-alias-text-color))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-border-color-hover,var(--spectrum-alias-border-color-hover))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-active .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-active .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):active .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):active .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):focus .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):focus .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):disabled .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):disabled .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-border-color-disabled,var(--spectrum-alias-border-color-transparent))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid:active .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid:active .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-border-color-error-down,var(--spectrum-semantic-negative-color-state-down))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-input{border-color:var(--spectrum-textfield-quiet-border-color,var(--spectrum-alias-border-color))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-button{background-color:unset;border-color:var(--spectrum-textfield-quiet-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-text-color,var(--spectrum-alias-text-color))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-quiet-border-color-hover,var(--spectrum-alias-border-color-hover))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-active .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-active .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:active .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:active .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:focus .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:focus .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:disabled .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:disabled .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-quiet-border-color-disabled,var(--spectrum-alias-border-color-mid))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-quiet-border-color-error,var(--spectrum-semantic-negative-color-default))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-quiet-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid:active .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid:active .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-quiet-border-color-error-down,var(--spectrum-semantic-negative-color-state-down))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-hovered{color:var(--spectrum-actionbutton-text-color-hover,var(--spectrum-alias-text-color-hover))}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button-icon{fill:var(--spectrum-actionbutton-icon-color-hover,var(--spectrum-alias-icon-color-hover))}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-active{color:var(--spectrum-actionbutton-text-color-down,var(--spectrum-alias-text-color-down))}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-active .Ug6T-W_spectrum-Stepper-button-icon{fill:var(--spectrum-actionbutton-text-color-down,var(--spectrum-alias-text-color-down))}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button:disabled{color:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button:disabled .Ug6T-W_spectrum-Stepper-button-icon{fill:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-disabled{color:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-button-icon{fill:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-hovered{background-color:var(--spectrum-actionbutton-background-color-hover,var(--spectrum-global-color-gray-50));background-color:var(--spectrum-actionbutton-background-color-hover,var(--spectrum-global-color-gray-50))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-active{background-color:var(--spectrum-actionbutton-background-color-down,var(--spectrum-global-color-gray-200))}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-button:disabled,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-disabled{background-color:var(--spectrum-textfield-background-color-disabled,var(--spectrum-global-color-gray-200))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-button:disabled{color:var(--spectrum-textfield-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-button:disabled .Ug6T-W_spectrum-Stepper-button-icon{fill:var(--spectrum-textfield-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-disabled{color:var(--spectrum-textfield-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-button-icon{fill:var(--spectrum-textfield-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled))}@media (forced-colors:active){.Ug6T-W_spectrum-Stepper{--spectrum-textfield-border-color-disabled:GrayText;--spectrum-textfield-border-color-error:Highlight;--spectrum-textfield-border-color-hover:Highlight;--spectrum-textfield-border-color-key-focus:Highlight;--spectrum-textfield-quiet-border-color-disabled:GrayText;--spectrum-textfield-quiet-border-color-error:Highlight;--spectrum-textfield-quiet-border-color-hover:Highlight;--spectrum-textfield-quiet-border-color-key-focus:Highlight;--spectrum-textfield-quiet-border-color:ButtonText;--spectrum-textfield-quiet-text-color-disabled:GrayText;--spectrum-textfield-text-color-disabled:GrayText}.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-focused,.Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):focus{outline:2px solid Highlight}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--readonly.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-quiet-border-color,var(--spectrum-alias-border-color))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-focused{forced-color-adjust:none;box-shadow:0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button{forced-color-adjust:auto;border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:focus{forced-color-adjust:none;box-shadow:0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:focus .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:focus .Ug6T-W_spectrum-Stepper-button{forced-color-adjust:auto;border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button{forced-color-adjust:auto;border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring{forced-color-adjust:none;box-shadow:0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button{forced-color-adjust:auto;border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input,.Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}}

package/dist/main.js

@@ -6,6 +6,7 @@ var $i8sTE$reactariautils = require("@react-aria/utils");
 var $i8sTE$reactstatelynumberfield = require("@react-stately/numberfield");
 var $i8sTE$react = require("react");
 var $i8sTE$reactspectrumtextfield = require("@react-spectrum/textfield");
+var $i8sTE$reactspectrumform = require("@react-spectrum/form");
 var $i8sTE$reactariainteractions = require("@react-aria/interactions");
 var $i8sTE$reactariai18n = require("@react-aria/i18n");
 var $i8sTE$reactarianumberfield = require("@react-aria/numberfield");
@@ -16,9 +17,11 @@ var $i8sTE$spectrumiconsuiChevronUpSmall = require("@spectrum-icons/ui/ChevronUp
 var $i8sTE$spectrumiconsworkflowRemove = require("@spectrum-icons/workflow/Remove");
 var $i8sTE$reactariabutton = require("@react-aria/button");
 
+
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
+
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
@@ -256,8 +259,10 @@ function $2f3cded204daae76$var$StepButton(props, ref) {
 
 
 
+
 function $9b3df9c012d62e52$var$NumberField(props, ref) {
     props = (0, $i8sTE$reactspectrumprovider.useProviderProps)(props);
+    props = (0, $i8sTE$reactspectrumform.useFormProps)(props);
     let provider = (0, $i8sTE$reactspectrumprovider.useProvider)();
     let { isQuiet: isQuiet, isReadOnly: isReadOnly, isDisabled: isDisabled, hideStepper: hideStepper } = props;
     let { styleProps: style } = (0, $i8sTE$reactspectrumutils.useStyleProps)(props);
@@ -268,17 +273,18 @@ function $9b3df9c012d62e52$var$NumberField(props, ref) {
     });
     let inputRef = (0, $i8sTE$react.useRef)();
     let domRef = (0, $i8sTE$reactspectrumutils.useFocusableRef)(ref, inputRef);
-    let { groupProps: groupProps, labelProps: labelProps, inputProps: inputProps, incrementButtonProps: incrementButtonProps, decrementButtonProps: decrementButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $i8sTE$reactarianumberfield.useNumberField)(props, state, inputRef);
+    let { groupProps: groupProps, labelProps: labelProps, inputProps: inputProps, incrementButtonProps: incrementButtonProps, decrementButtonProps: decrementButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = (0, $i8sTE$reactarianumberfield.useNumberField)(props, state, inputRef);
     let isMobile = provider.scale === "large";
     let showStepper = !hideStepper;
     let { isHovered: isHovered, hoverProps: hoverProps } = (0, $i8sTE$reactariainteractions.useHover)({
         isDisabled: isDisabled
     });
+    let validationState = props.validationState || (isInvalid ? "invalid" : null);
     let className = (0, $i8sTE$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports))), "spectrum-Stepper", {
         "spectrum-Stepper--isQuiet": isQuiet,
         "is-disabled": isDisabled,
         "spectrum-Stepper--readonly": isReadOnly,
-        "is-invalid": props.validationState === "invalid" && !isDisabled,
+        "is-invalid": validationState === "invalid" && !isDisabled,
         "spectrum-Stepper--showStepper": showStepper,
         "spectrum-Stepper--isMobile": isMobile,
         "is-hovered": isHovered,
@@ -289,6 +295,9 @@ function $9b3df9c012d62e52$var$NumberField(props, ref) {
         ...props,
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps,
+        isInvalid: isInvalid,
+        validationErrors: validationErrors,
+        validationDetails: validationDetails,
         labelProps: labelProps,
         ref: domRef,
         wrapperClassName: (0, $i8sTE$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports))), "spectrum-Stepper-container", {
@@ -303,7 +312,8 @@ function $9b3df9c012d62e52$var$NumberField(props, ref) {
         decrementProps: decrementButtonProps,
         className: className,
         style: style,
-        state: state
+        state: state,
+        validationState: validationState
     }));
 }
 const $9b3df9c012d62e52$var$NumberFieldInput = /*#__PURE__*/ (0, ($parcel$interopDefault($i8sTE$react))).forwardRef(function NumberFieldInput(props, ref) {

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/numberfield/src/index.ts","packages/@react-spectrum/numberfield/src/NumberField.tsx","packages/@react-spectrum/numberfield/src/StepButton.tsx","packages/@adobe/spectrum-css-temp/components/stepper/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {NumberField} from './NumberField';\nexport type {SpectrumNumberFieldProps} from '@react-types/numberfield';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaButtonProps} from '@react-types/button';\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {Field} from '@react-spectrum/label';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport {NumberFieldState, useNumberFieldState} from '@react-stately/numberfield';\nimport React, {HTMLAttributes, InputHTMLAttributes, RefObject, useRef} from 'react';\nimport {SpectrumNumberFieldProps} from '@react-types/numberfield';\nimport {StepButton} from './StepButton';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {TextFieldBase} from '@react-spectrum/textfield';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useNumberField} from '@react-aria/numberfield';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\nfunction NumberField(props: SpectrumNumberFieldProps, ref: FocusableRef<HTMLElement>) {\n  props = useProviderProps(props);\n  let provider = useProvider();\n  let {\n    isQuiet,\n    isReadOnly,\n    isDisabled,\n    hideStepper\n  } = props;\n\n  let {styleProps: style} = useStyleProps(props);\n\n  let {locale} = useLocale();\n  let state = useNumberFieldState({...props, locale});\n  let inputRef = useRef<HTMLInputElement>();\n  let domRef = useFocusableRef<HTMLElement>(ref, inputRef);\n  let {\n    groupProps,\n    labelProps,\n    inputProps,\n    incrementButtonProps,\n    decrementButtonProps,\n    descriptionProps,\n    errorMessageProps\n  } = useNumberField(props, state, inputRef);\n  let isMobile = provider.scale === 'large';\n  let showStepper = !hideStepper;\n\n  let {isHovered, hoverProps} = useHover({isDisabled});\n\n  let className =\n    classNames(\n      stepperStyle,\n      'spectrum-Stepper',\n      {\n        'spectrum-Stepper--isQuiet': isQuiet,\n        'is-disabled': isDisabled,\n        'spectrum-Stepper--readonly': isReadOnly,\n        'is-invalid': props.validationState === 'invalid' && !isDisabled,\n        'spectrum-Stepper--showStepper': showStepper,\n        'spectrum-Stepper--isMobile': isMobile,\n        'is-hovered': isHovered,\n        // because FocusRing won't pass along the className from Field, we have to handle that ourselves\n        [style.className]: !props.label && style.className\n      }\n    );\n\n  return (\n    <Field\n      {...props as Omit<SpectrumNumberFieldProps, 'onChange'>}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      labelProps={labelProps}\n      ref={domRef}\n      wrapperClassName={classNames(\n        stepperStyle,\n        'spectrum-Stepper-container',\n        {\n          'spectrum-Stepper-container--isMobile': isMobile\n        }\n      )}>\n      <NumberFieldInput\n        {...props}\n        groupProps={mergeProps(groupProps, hoverProps)}\n        inputProps={inputProps}\n        inputRef={inputRef}\n        incrementProps={incrementButtonProps}\n        decrementProps={decrementButtonProps}\n        className={className}\n        style={style}\n        state={state} />\n    </Field>\n  );\n}\n\n\ninterface NumberFieldInputProps extends SpectrumNumberFieldProps {\n  groupProps: HTMLAttributes<HTMLDivElement>,\n  inputProps: InputHTMLAttributes<HTMLInputElement>,\n  inputRef: RefObject<HTMLInputElement | HTMLTextAreaElement>,\n  incrementProps: AriaButtonProps,\n  decrementProps: AriaButtonProps,\n  className?: string,\n  style?: React.CSSProperties,\n  state: NumberFieldState\n}\n\nconst NumberFieldInput = React.forwardRef(function NumberFieldInput(props: NumberFieldInputProps, ref: RefObject<HTMLElement>) {\n  let {\n    groupProps,\n    inputProps,\n    inputRef,\n    incrementProps,\n    decrementProps,\n    className,\n    style,\n    autoFocus,\n    isQuiet,\n    isDisabled,\n    hideStepper,\n    validationState,\n    name,\n    state\n  } = props;\n  let showStepper = !hideStepper;\n\n  return (\n    <FocusRing\n      within\n      isTextInput\n      focusClass={classNames(stepperStyle, 'is-focused')}\n      focusRingClass={classNames(stepperStyle, 'focus-ring')}\n      autoFocus={autoFocus}>\n      <div\n        {...groupProps}\n        ref={ref as RefObject<HTMLDivElement>}\n        style={style}\n        className={className}>\n        <TextFieldBase\n          UNSAFE_className={\n            classNames(\n              stepperStyle,\n              'spectrum-Stepper-field'\n            )\n          }\n          inputClassName={\n            classNames(\n              stepperStyle,\n              'spectrum-Stepper-input'\n            )\n          }\n          validationIconClassName={\n            classNames(\n              stepperStyle,\n              'spectrum-Stepper-icon'\n            )\n          }\n          isQuiet={isQuiet}\n          inputRef={inputRef}\n          validationState={validationState}\n          inputProps={inputProps}\n          isDisabled={isDisabled}\n          disableFocusRing />\n        {showStepper &&\n        <>\n          <StepButton direction=\"up\" isQuiet={isQuiet} {...incrementProps} />\n          <StepButton direction=\"down\" isQuiet={isQuiet} {...decrementProps} />\n        </>\n        }\n        {name && <input type=\"hidden\" name={name} value={isNaN(state.numberValue) ? '' : state.numberValue} />}\n      </div>\n    </FocusRing>\n  );\n});\n\n/**\n * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.\n */\nlet _NumberField = React.forwardRef(NumberField);\nexport {_NumberField as NumberField};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport Add from '@spectrum-icons/workflow/Add';\nimport {AriaButtonProps} from '@react-types/button';\nimport ChevronDownSmall from '@spectrum-icons/ui/ChevronDownSmall';\nimport ChevronUpSmall from '@spectrum-icons/ui/ChevronUpSmall';\nimport {classNames} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {RefObject} from 'react';\nimport Remove from '@spectrum-icons/workflow/Remove';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\ninterface StepButtonProps extends AriaButtonProps {\n  isQuiet: boolean,\n  direction: 'up' | 'down'\n}\n\nfunction StepButton(props: StepButtonProps, ref: RefObject<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let {scale} = useProvider();\n  let {direction, isDisabled, isQuiet} = props;\n  /**\n   * Must use div for now because Safari pointer event bugs on disabled form elements.\n   * Link https://bugs.webkit.org/show_bug.cgi?id=219188.\n   */\n  let {buttonProps, isPressed} = useButton({...props, elementType: 'div'}, ref);\n  let {hoverProps, isHovered} = useHover(props);\n  return (\n    <FocusRing focusRingClass={classNames(stepperStyle, 'focus-ring')}>\n      <div\n        className={\n          classNames(\n            stepperStyle,\n            'spectrum-Stepper-button',\n            {\n              'spectrum-Stepper-button--stepUp': direction === 'up',\n              'spectrum-Stepper-button--stepDown': direction === 'down',\n              'spectrum-Stepper-button--isQuiet': isQuiet,\n              'is-hovered': isHovered,\n              'is-active': isPressed,\n              'is-disabled': isDisabled\n            }\n          )\n        }\n        {...mergeProps(hoverProps, buttonProps)}\n        ref={ref}>\n        {direction === 'up' && scale === 'large' &&\n          <Add UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} size=\"S\" />\n        }\n        {direction === 'up' && scale === 'medium' &&\n          <ChevronUpSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} />\n        }\n        {direction === 'down' && scale === 'large' &&\n          <Remove UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} size=\"S\" />\n        }\n        {direction === 'down' && scale === 'medium' &&\n          <ChevronDownSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} />\n        }\n      </div>\n    </FocusRing>\n  );\n}\n\n/**\n * Buttons for NumberField.\n */\nlet _StepButton = React.forwardRef(StepButton);\nexport {_StepButton as StepButton};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.js.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/numberfield/src/index.ts","packages/@react-spectrum/numberfield/src/NumberField.tsx","packages/@react-spectrum/numberfield/src/StepButton.tsx","packages/@adobe/spectrum-css-temp/components/stepper/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {NumberField} from './NumberField';\nexport type {SpectrumNumberFieldProps} from '@react-types/numberfield';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaButtonProps} from '@react-types/button';\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {Field} from '@react-spectrum/label';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport {NumberFieldState, useNumberFieldState} from '@react-stately/numberfield';\nimport React, {HTMLAttributes, InputHTMLAttributes, RefObject, useRef} from 'react';\nimport {SpectrumNumberFieldProps} from '@react-types/numberfield';\nimport {StepButton} from './StepButton';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {TextFieldBase} from '@react-spectrum/textfield';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useNumberField} from '@react-aria/numberfield';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\nfunction NumberField(props: SpectrumNumberFieldProps, ref: FocusableRef<HTMLElement>) {\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let provider = useProvider();\n  let {\n    isQuiet,\n    isReadOnly,\n    isDisabled,\n    hideStepper\n  } = props;\n\n  let {styleProps: style} = useStyleProps(props);\n\n  let {locale} = useLocale();\n  let state = useNumberFieldState({...props, locale});\n  let inputRef = useRef<HTMLInputElement>();\n  let domRef = useFocusableRef<HTMLElement>(ref, inputRef);\n  let {\n    groupProps,\n    labelProps,\n    inputProps,\n    incrementButtonProps,\n    decrementButtonProps,\n    descriptionProps,\n    errorMessageProps,\n    isInvalid,\n    validationErrors,\n    validationDetails\n  } = useNumberField(props, state, inputRef);\n  let isMobile = provider.scale === 'large';\n  let showStepper = !hideStepper;\n\n  let {isHovered, hoverProps} = useHover({isDisabled});\n\n  let validationState = props.validationState || (isInvalid ? 'invalid' : null);\n  let className =\n    classNames(\n      stepperStyle,\n      'spectrum-Stepper',\n      {\n        'spectrum-Stepper--isQuiet': isQuiet,\n        'is-disabled': isDisabled,\n        'spectrum-Stepper--readonly': isReadOnly,\n        'is-invalid': validationState === 'invalid' && !isDisabled,\n        'spectrum-Stepper--showStepper': showStepper,\n        'spectrum-Stepper--isMobile': isMobile,\n        'is-hovered': isHovered,\n        // because FocusRing won't pass along the className from Field, we have to handle that ourselves\n        [style.className]: !props.label && style.className\n      }\n    );\n\n  return (\n    <Field\n      {...props as Omit<SpectrumNumberFieldProps, 'onChange'>}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      isInvalid={isInvalid}\n      validationErrors={validationErrors}\n      validationDetails={validationDetails}\n      labelProps={labelProps}\n      ref={domRef}\n      wrapperClassName={classNames(\n        stepperStyle,\n        'spectrum-Stepper-container',\n        {\n          'spectrum-Stepper-container--isMobile': isMobile\n        }\n      )}>\n      <NumberFieldInput\n        {...props}\n        groupProps={mergeProps(groupProps, hoverProps)}\n        inputProps={inputProps}\n        inputRef={inputRef}\n        incrementProps={incrementButtonProps}\n        decrementProps={decrementButtonProps}\n        className={className}\n        style={style}\n        state={state}\n        validationState={validationState} />\n    </Field>\n  );\n}\n\n\ninterface NumberFieldInputProps extends SpectrumNumberFieldProps {\n  groupProps: HTMLAttributes<HTMLDivElement>,\n  inputProps: InputHTMLAttributes<HTMLInputElement>,\n  inputRef: RefObject<HTMLInputElement | HTMLTextAreaElement>,\n  incrementProps: AriaButtonProps,\n  decrementProps: AriaButtonProps,\n  className?: string,\n  style?: React.CSSProperties,\n  state: NumberFieldState\n}\n\nconst NumberFieldInput = React.forwardRef(function NumberFieldInput(props: NumberFieldInputProps, ref: RefObject<HTMLElement>) {\n  let {\n    groupProps,\n    inputProps,\n    inputRef,\n    incrementProps,\n    decrementProps,\n    className,\n    style,\n    autoFocus,\n    isQuiet,\n    isDisabled,\n    hideStepper,\n    validationState,\n    name,\n    state\n  } = props;\n  let showStepper = !hideStepper;\n\n  return (\n    <FocusRing\n      within\n      isTextInput\n      focusClass={classNames(stepperStyle, 'is-focused')}\n      focusRingClass={classNames(stepperStyle, 'focus-ring')}\n      autoFocus={autoFocus}>\n      <div\n        {...groupProps}\n        ref={ref as RefObject<HTMLDivElement>}\n        style={style}\n        className={className}>\n        <TextFieldBase\n          UNSAFE_className={\n            classNames(\n              stepperStyle,\n              'spectrum-Stepper-field'\n            )\n          }\n          inputClassName={\n            classNames(\n              stepperStyle,\n              'spectrum-Stepper-input'\n            )\n          }\n          validationIconClassName={\n            classNames(\n              stepperStyle,\n              'spectrum-Stepper-icon'\n            )\n          }\n          isQuiet={isQuiet}\n          inputRef={inputRef}\n          validationState={validationState}\n          inputProps={inputProps}\n          isDisabled={isDisabled}\n          disableFocusRing />\n        {showStepper &&\n        <>\n          <StepButton direction=\"up\" isQuiet={isQuiet} {...incrementProps} />\n          <StepButton direction=\"down\" isQuiet={isQuiet} {...decrementProps} />\n        </>\n        }\n        {name && <input type=\"hidden\" name={name} value={isNaN(state.numberValue) ? '' : state.numberValue} />}\n      </div>\n    </FocusRing>\n  );\n});\n\n/**\n * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.\n */\nlet _NumberField = React.forwardRef(NumberField);\nexport {_NumberField as NumberField};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport Add from '@spectrum-icons/workflow/Add';\nimport {AriaButtonProps} from '@react-types/button';\nimport ChevronDownSmall from '@spectrum-icons/ui/ChevronDownSmall';\nimport ChevronUpSmall from '@spectrum-icons/ui/ChevronUpSmall';\nimport {classNames} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {RefObject} from 'react';\nimport Remove from '@spectrum-icons/workflow/Remove';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\ninterface StepButtonProps extends AriaButtonProps {\n  isQuiet: boolean,\n  direction: 'up' | 'down'\n}\n\nfunction StepButton(props: StepButtonProps, ref: RefObject<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let {scale} = useProvider();\n  let {direction, isDisabled, isQuiet} = props;\n  /**\n   * Must use div for now because Safari pointer event bugs on disabled form elements.\n   * Link https://bugs.webkit.org/show_bug.cgi?id=219188.\n   */\n  let {buttonProps, isPressed} = useButton({...props, elementType: 'div'}, ref);\n  let {hoverProps, isHovered} = useHover(props);\n  return (\n    <FocusRing focusRingClass={classNames(stepperStyle, 'focus-ring')}>\n      <div\n        className={\n          classNames(\n            stepperStyle,\n            'spectrum-Stepper-button',\n            {\n              'spectrum-Stepper-button--stepUp': direction === 'up',\n              'spectrum-Stepper-button--stepDown': direction === 'down',\n              'spectrum-Stepper-button--isQuiet': isQuiet,\n              'is-hovered': isHovered,\n              'is-active': isPressed,\n              'is-disabled': isDisabled\n            }\n          )\n        }\n        {...mergeProps(hoverProps, buttonProps)}\n        ref={ref}>\n        {direction === 'up' && scale === 'large' &&\n          <Add UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} size=\"S\" />\n        }\n        {direction === 'up' && scale === 'medium' &&\n          <ChevronUpSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} />\n        }\n        {direction === 'down' && scale === 'large' &&\n          <Remove UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} size=\"S\" />\n        }\n        {direction === 'down' && scale === 'medium' &&\n          <ChevronDownSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} />\n        }\n      </div>\n    </FocusRing>\n  );\n}\n\n/**\n * Buttons for NumberField.\n */\nlet _StepButton = React.forwardRef(StepButton);\nexport {_StepButton as StepButton};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -6,6 +6,7 @@ import {mergeProps as $k6K00$mergeProps} from "@react-aria/utils";
 import {useNumberFieldState as $k6K00$useNumberFieldState} from "@react-stately/numberfield";
 import $k6K00$react, {useRef as $k6K00$useRef} from "react";
 import {TextFieldBase as $k6K00$TextFieldBase} from "@react-spectrum/textfield";
+import {useFormProps as $k6K00$useFormProps} from "@react-spectrum/form";
 import {useHover as $k6K00$useHover} from "@react-aria/interactions";
 import {useLocale as $k6K00$useLocale} from "@react-aria/i18n";
 import {useNumberField as $k6K00$useNumberField} from "@react-aria/numberfield";
@@ -16,9 +17,11 @@ import $k6K00$spectrumiconsuiChevronUpSmall from "@spectrum-icons/ui/ChevronUpSm
 import $k6K00$spectrumiconsworkflowRemove from "@spectrum-icons/workflow/Remove";
 import {useButton as $k6K00$useButton} from "@react-aria/button";
 
+
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
+
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
@@ -254,8 +257,10 @@ function $7f00b388e0d3b2f6$var$StepButton(props, ref) {
 
 
 
+
 function $48b879bdd771eb85$var$NumberField(props, ref) {
     props = (0, $k6K00$useProviderProps)(props);
+    props = (0, $k6K00$useFormProps)(props);
     let provider = (0, $k6K00$useProvider)();
     let { isQuiet: isQuiet, isReadOnly: isReadOnly, isDisabled: isDisabled, hideStepper: hideStepper } = props;
     let { styleProps: style } = (0, $k6K00$useStyleProps)(props);
@@ -266,17 +271,18 @@ function $48b879bdd771eb85$var$NumberField(props, ref) {
     });
     let inputRef = (0, $k6K00$useRef)();
     let domRef = (0, $k6K00$useFocusableRef)(ref, inputRef);
-    let { groupProps: groupProps, labelProps: labelProps, inputProps: inputProps, incrementButtonProps: incrementButtonProps, decrementButtonProps: decrementButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $k6K00$useNumberField)(props, state, inputRef);
+    let { groupProps: groupProps, labelProps: labelProps, inputProps: inputProps, incrementButtonProps: incrementButtonProps, decrementButtonProps: decrementButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = (0, $k6K00$useNumberField)(props, state, inputRef);
     let isMobile = provider.scale === "large";
     let showStepper = !hideStepper;
     let { isHovered: isHovered, hoverProps: hoverProps } = (0, $k6K00$useHover)({
         isDisabled: isDisabled
     });
+    let validationState = props.validationState || (isInvalid ? "invalid" : null);
     let className = (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper", {
         "spectrum-Stepper--isQuiet": isQuiet,
         "is-disabled": isDisabled,
         "spectrum-Stepper--readonly": isReadOnly,
-        "is-invalid": props.validationState === "invalid" && !isDisabled,
+        "is-invalid": validationState === "invalid" && !isDisabled,
         "spectrum-Stepper--showStepper": showStepper,
         "spectrum-Stepper--isMobile": isMobile,
         "is-hovered": isHovered,
@@ -287,6 +293,9 @@ function $48b879bdd771eb85$var$NumberField(props, ref) {
         ...props,
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps,
+        isInvalid: isInvalid,
+        validationErrors: validationErrors,
+        validationDetails: validationDetails,
         labelProps: labelProps,
         ref: domRef,
         wrapperClassName: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper-container", {
@@ -301,7 +310,8 @@ function $48b879bdd771eb85$var$NumberField(props, ref) {
         decrementProps: decrementButtonProps,
         className: className,
         style: style,
-        state: state
+        state: state,
+        validationState: validationState
     }));
 }
 const $48b879bdd771eb85$var$NumberFieldInput = /*#__PURE__*/ (0, $k6K00$react).forwardRef(function NumberFieldInput(props, ref) {

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/numberfield/src/index.ts","packages/@react-spectrum/numberfield/src/NumberField.tsx","packages/@react-spectrum/numberfield/src/StepButton.tsx","packages/@adobe/spectrum-css-temp/components/stepper/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {NumberField} from './NumberField';\nexport type {SpectrumNumberFieldProps} from '@react-types/numberfield';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaButtonProps} from '@react-types/button';\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {Field} from '@react-spectrum/label';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport {NumberFieldState, useNumberFieldState} from '@react-stately/numberfield';\nimport React, {HTMLAttributes, InputHTMLAttributes, RefObject, useRef} from 'react';\nimport {SpectrumNumberFieldProps} from '@react-types/numberfield';\nimport {StepButton} from './StepButton';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {TextFieldBase} from '@react-spectrum/textfield';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useNumberField} from '@react-aria/numberfield';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\nfunction NumberField(props: SpectrumNumberFieldProps, ref: FocusableRef<HTMLElement>) {\n  props = useProviderProps(props);\n  let provider = useProvider();\n  let {\n    isQuiet,\n    isReadOnly,\n    isDisabled,\n    hideStepper\n  } = props;\n\n  let {styleProps: style} = useStyleProps(props);\n\n  let {locale} = useLocale();\n  let state = useNumberFieldState({...props, locale});\n  let inputRef = useRef<HTMLInputElement>();\n  let domRef = useFocusableRef<HTMLElement>(ref, inputRef);\n  let {\n    groupProps,\n    labelProps,\n    inputProps,\n    incrementButtonProps,\n    decrementButtonProps,\n    descriptionProps,\n    errorMessageProps\n  } = useNumberField(props, state, inputRef);\n  let isMobile = provider.scale === 'large';\n  let showStepper = !hideStepper;\n\n  let {isHovered, hoverProps} = useHover({isDisabled});\n\n  let className =\n    classNames(\n      stepperStyle,\n      'spectrum-Stepper',\n      {\n        'spectrum-Stepper--isQuiet': isQuiet,\n        'is-disabled': isDisabled,\n        'spectrum-Stepper--readonly': isReadOnly,\n        'is-invalid': props.validationState === 'invalid' && !isDisabled,\n        'spectrum-Stepper--showStepper': showStepper,\n        'spectrum-Stepper--isMobile': isMobile,\n        'is-hovered': isHovered,\n        // because FocusRing won't pass along the className from Field, we have to handle that ourselves\n        [style.className]: !props.label && style.className\n      }\n    );\n\n  return (\n    <Field\n      {...props as Omit<SpectrumNumberFieldProps, 'onChange'>}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      labelProps={labelProps}\n      ref={domRef}\n      wrapperClassName={classNames(\n        stepperStyle,\n        'spectrum-Stepper-container',\n        {\n          'spectrum-Stepper-container--isMobile': isMobile\n        }\n      )}>\n      <NumberFieldInput\n        {...props}\n        groupProps={mergeProps(groupProps, hoverProps)}\n        inputProps={inputProps}\n        inputRef={inputRef}\n        incrementProps={incrementButtonProps}\n        decrementProps={decrementButtonProps}\n        className={className}\n        style={style}\n        state={state} />\n    </Field>\n  );\n}\n\n\ninterface NumberFieldInputProps extends SpectrumNumberFieldProps {\n  groupProps: HTMLAttributes<HTMLDivElement>,\n  inputProps: InputHTMLAttributes<HTMLInputElement>,\n  inputRef: RefObject<HTMLInputElement | HTMLTextAreaElement>,\n  incrementProps: AriaButtonProps,\n  decrementProps: AriaButtonProps,\n  className?: string,\n  style?: React.CSSProperties,\n  state: NumberFieldState\n}\n\nconst NumberFieldInput = React.forwardRef(function NumberFieldInput(props: NumberFieldInputProps, ref: RefObject<HTMLElement>) {\n  let {\n    groupProps,\n    inputProps,\n    inputRef,\n    incrementProps,\n    decrementProps,\n    className,\n    style,\n    autoFocus,\n    isQuiet,\n    isDisabled,\n    hideStepper,\n    validationState,\n    name,\n    state\n  } = props;\n  let showStepper = !hideStepper;\n\n  return (\n    <FocusRing\n      within\n      isTextInput\n      focusClass={classNames(stepperStyle, 'is-focused')}\n      focusRingClass={classNames(stepperStyle, 'focus-ring')}\n      autoFocus={autoFocus}>\n      <div\n        {...groupProps}\n        ref={ref as RefObject<HTMLDivElement>}\n        style={style}\n        className={className}>\n        <TextFieldBase\n          UNSAFE_className={\n            classNames(\n              stepperStyle,\n              'spectrum-Stepper-field'\n            )\n          }\n          inputClassName={\n            classNames(\n              stepperStyle,\n              'spectrum-Stepper-input'\n            )\n          }\n          validationIconClassName={\n            classNames(\n              stepperStyle,\n              'spectrum-Stepper-icon'\n            )\n          }\n          isQuiet={isQuiet}\n          inputRef={inputRef}\n          validationState={validationState}\n          inputProps={inputProps}\n          isDisabled={isDisabled}\n          disableFocusRing />\n        {showStepper &&\n        <>\n          <StepButton direction=\"up\" isQuiet={isQuiet} {...incrementProps} />\n          <StepButton direction=\"down\" isQuiet={isQuiet} {...decrementProps} />\n        </>\n        }\n        {name && <input type=\"hidden\" name={name} value={isNaN(state.numberValue) ? '' : state.numberValue} />}\n      </div>\n    </FocusRing>\n  );\n});\n\n/**\n * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.\n */\nlet _NumberField = React.forwardRef(NumberField);\nexport {_NumberField as NumberField};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport Add from '@spectrum-icons/workflow/Add';\nimport {AriaButtonProps} from '@react-types/button';\nimport ChevronDownSmall from '@spectrum-icons/ui/ChevronDownSmall';\nimport ChevronUpSmall from '@spectrum-icons/ui/ChevronUpSmall';\nimport {classNames} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {RefObject} from 'react';\nimport Remove from '@spectrum-icons/workflow/Remove';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\ninterface StepButtonProps extends AriaButtonProps {\n  isQuiet: boolean,\n  direction: 'up' | 'down'\n}\n\nfunction StepButton(props: StepButtonProps, ref: RefObject<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let {scale} = useProvider();\n  let {direction, isDisabled, isQuiet} = props;\n  /**\n   * Must use div for now because Safari pointer event bugs on disabled form elements.\n   * Link https://bugs.webkit.org/show_bug.cgi?id=219188.\n   */\n  let {buttonProps, isPressed} = useButton({...props, elementType: 'div'}, ref);\n  let {hoverProps, isHovered} = useHover(props);\n  return (\n    <FocusRing focusRingClass={classNames(stepperStyle, 'focus-ring')}>\n      <div\n        className={\n          classNames(\n            stepperStyle,\n            'spectrum-Stepper-button',\n            {\n              'spectrum-Stepper-button--stepUp': direction === 'up',\n              'spectrum-Stepper-button--stepDown': direction === 'down',\n              'spectrum-Stepper-button--isQuiet': isQuiet,\n              'is-hovered': isHovered,\n              'is-active': isPressed,\n              'is-disabled': isDisabled\n            }\n          )\n        }\n        {...mergeProps(hoverProps, buttonProps)}\n        ref={ref}>\n        {direction === 'up' && scale === 'large' &&\n          <Add UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} size=\"S\" />\n        }\n        {direction === 'up' && scale === 'medium' &&\n          <ChevronUpSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} />\n        }\n        {direction === 'down' && scale === 'large' &&\n          <Remove UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} size=\"S\" />\n        }\n        {direction === 'down' && scale === 'medium' &&\n          <ChevronDownSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} />\n        }\n      </div>\n    </FocusRing>\n  );\n}\n\n/**\n * Buttons for NumberField.\n */\nlet _StepButton = React.forwardRef(StepButton);\nexport {_StepButton as StepButton};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"module.js.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/numberfield/src/index.ts","packages/@react-spectrum/numberfield/src/NumberField.tsx","packages/@react-spectrum/numberfield/src/StepButton.tsx","packages/@adobe/spectrum-css-temp/components/stepper/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {NumberField} from './NumberField';\nexport type {SpectrumNumberFieldProps} from '@react-types/numberfield';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaButtonProps} from '@react-types/button';\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {Field} from '@react-spectrum/label';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport {NumberFieldState, useNumberFieldState} from '@react-stately/numberfield';\nimport React, {HTMLAttributes, InputHTMLAttributes, RefObject, useRef} from 'react';\nimport {SpectrumNumberFieldProps} from '@react-types/numberfield';\nimport {StepButton} from './StepButton';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {TextFieldBase} from '@react-spectrum/textfield';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useNumberField} from '@react-aria/numberfield';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\nfunction NumberField(props: SpectrumNumberFieldProps, ref: FocusableRef<HTMLElement>) {\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let provider = useProvider();\n  let {\n    isQuiet,\n    isReadOnly,\n    isDisabled,\n    hideStepper\n  } = props;\n\n  let {styleProps: style} = useStyleProps(props);\n\n  let {locale} = useLocale();\n  let state = useNumberFieldState({...props, locale});\n  let inputRef = useRef<HTMLInputElement>();\n  let domRef = useFocusableRef<HTMLElement>(ref, inputRef);\n  let {\n    groupProps,\n    labelProps,\n    inputProps,\n    incrementButtonProps,\n    decrementButtonProps,\n    descriptionProps,\n    errorMessageProps,\n    isInvalid,\n    validationErrors,\n    validationDetails\n  } = useNumberField(props, state, inputRef);\n  let isMobile = provider.scale === 'large';\n  let showStepper = !hideStepper;\n\n  let {isHovered, hoverProps} = useHover({isDisabled});\n\n  let validationState = props.validationState || (isInvalid ? 'invalid' : null);\n  let className =\n    classNames(\n      stepperStyle,\n      'spectrum-Stepper',\n      {\n        'spectrum-Stepper--isQuiet': isQuiet,\n        'is-disabled': isDisabled,\n        'spectrum-Stepper--readonly': isReadOnly,\n        'is-invalid': validationState === 'invalid' && !isDisabled,\n        'spectrum-Stepper--showStepper': showStepper,\n        'spectrum-Stepper--isMobile': isMobile,\n        'is-hovered': isHovered,\n        // because FocusRing won't pass along the className from Field, we have to handle that ourselves\n        [style.className]: !props.label && style.className\n      }\n    );\n\n  return (\n    <Field\n      {...props as Omit<SpectrumNumberFieldProps, 'onChange'>}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      isInvalid={isInvalid}\n      validationErrors={validationErrors}\n      validationDetails={validationDetails}\n      labelProps={labelProps}\n      ref={domRef}\n      wrapperClassName={classNames(\n        stepperStyle,\n        'spectrum-Stepper-container',\n        {\n          'spectrum-Stepper-container--isMobile': isMobile\n        }\n      )}>\n      <NumberFieldInput\n        {...props}\n        groupProps={mergeProps(groupProps, hoverProps)}\n        inputProps={inputProps}\n        inputRef={inputRef}\n        incrementProps={incrementButtonProps}\n        decrementProps={decrementButtonProps}\n        className={className}\n        style={style}\n        state={state}\n        validationState={validationState} />\n    </Field>\n  );\n}\n\n\ninterface NumberFieldInputProps extends SpectrumNumberFieldProps {\n  groupProps: HTMLAttributes<HTMLDivElement>,\n  inputProps: InputHTMLAttributes<HTMLInputElement>,\n  inputRef: RefObject<HTMLInputElement | HTMLTextAreaElement>,\n  incrementProps: AriaButtonProps,\n  decrementProps: AriaButtonProps,\n  className?: string,\n  style?: React.CSSProperties,\n  state: NumberFieldState\n}\n\nconst NumberFieldInput = React.forwardRef(function NumberFieldInput(props: NumberFieldInputProps, ref: RefObject<HTMLElement>) {\n  let {\n    groupProps,\n    inputProps,\n    inputRef,\n    incrementProps,\n    decrementProps,\n    className,\n    style,\n    autoFocus,\n    isQuiet,\n    isDisabled,\n    hideStepper,\n    validationState,\n    name,\n    state\n  } = props;\n  let showStepper = !hideStepper;\n\n  return (\n    <FocusRing\n      within\n      isTextInput\n      focusClass={classNames(stepperStyle, 'is-focused')}\n      focusRingClass={classNames(stepperStyle, 'focus-ring')}\n      autoFocus={autoFocus}>\n      <div\n        {...groupProps}\n        ref={ref as RefObject<HTMLDivElement>}\n        style={style}\n        className={className}>\n        <TextFieldBase\n          UNSAFE_className={\n            classNames(\n              stepperStyle,\n              'spectrum-Stepper-field'\n            )\n          }\n          inputClassName={\n            classNames(\n              stepperStyle,\n              'spectrum-Stepper-input'\n            )\n          }\n          validationIconClassName={\n            classNames(\n              stepperStyle,\n              'spectrum-Stepper-icon'\n            )\n          }\n          isQuiet={isQuiet}\n          inputRef={inputRef}\n          validationState={validationState}\n          inputProps={inputProps}\n          isDisabled={isDisabled}\n          disableFocusRing />\n        {showStepper &&\n        <>\n          <StepButton direction=\"up\" isQuiet={isQuiet} {...incrementProps} />\n          <StepButton direction=\"down\" isQuiet={isQuiet} {...decrementProps} />\n        </>\n        }\n        {name && <input type=\"hidden\" name={name} value={isNaN(state.numberValue) ? '' : state.numberValue} />}\n      </div>\n    </FocusRing>\n  );\n});\n\n/**\n * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.\n */\nlet _NumberField = React.forwardRef(NumberField);\nexport {_NumberField as NumberField};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport Add from '@spectrum-icons/workflow/Add';\nimport {AriaButtonProps} from '@react-types/button';\nimport ChevronDownSmall from '@spectrum-icons/ui/ChevronDownSmall';\nimport ChevronUpSmall from '@spectrum-icons/ui/ChevronUpSmall';\nimport {classNames} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {RefObject} from 'react';\nimport Remove from '@spectrum-icons/workflow/Remove';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\ninterface StepButtonProps extends AriaButtonProps {\n  isQuiet: boolean,\n  direction: 'up' | 'down'\n}\n\nfunction StepButton(props: StepButtonProps, ref: RefObject<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let {scale} = useProvider();\n  let {direction, isDisabled, isQuiet} = props;\n  /**\n   * Must use div for now because Safari pointer event bugs on disabled form elements.\n   * Link https://bugs.webkit.org/show_bug.cgi?id=219188.\n   */\n  let {buttonProps, isPressed} = useButton({...props, elementType: 'div'}, ref);\n  let {hoverProps, isHovered} = useHover(props);\n  return (\n    <FocusRing focusRingClass={classNames(stepperStyle, 'focus-ring')}>\n      <div\n        className={\n          classNames(\n            stepperStyle,\n            'spectrum-Stepper-button',\n            {\n              'spectrum-Stepper-button--stepUp': direction === 'up',\n              'spectrum-Stepper-button--stepDown': direction === 'down',\n              'spectrum-Stepper-button--isQuiet': isQuiet,\n              'is-hovered': isHovered,\n              'is-active': isPressed,\n              'is-disabled': isDisabled\n            }\n          )\n        }\n        {...mergeProps(hoverProps, buttonProps)}\n        ref={ref}>\n        {direction === 'up' && scale === 'large' &&\n          <Add UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} size=\"S\" />\n        }\n        {direction === 'up' && scale === 'medium' &&\n          <ChevronUpSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} />\n        }\n        {direction === 'down' && scale === 'large' &&\n          <Remove UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} size=\"S\" />\n        }\n        {direction === 'down' && scale === 'medium' &&\n          <ChevronDownSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} />\n        }\n      </div>\n    </FocusRing>\n  );\n}\n\n/**\n * Buttons for NumberField.\n */\nlet _StepButton = React.forwardRef(StepButton);\nexport {_StepButton as StepButton};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":";;ACwLA;;GAEG;AACH,OAAA,IAAI,uKAA4C,CAAC;AC5KjD,YAAY,EAAC,wBAAwB,EAAC,MAAM,0BAA0B,CAAC","sources":["packages/@react-spectrum/numberfield/src/packages/@react-spectrum/numberfield/src/StepButton.tsx","packages/@react-spectrum/numberfield/src/packages/@react-spectrum/numberfield/src/NumberField.tsx","packages/@react-spectrum/numberfield/src/packages/@react-spectrum/numberfield/src/index.ts","packages/@react-spectrum/numberfield/src/index.ts"],"sourcesContent":[null,null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {NumberField} from './NumberField';\nexport type {SpectrumNumberFieldProps} from '@react-types/numberfield';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":";;ACkMA;;GAEG;AACH,OAAA,IAAI,uKAA4C,CAAC;ACtLjD,YAAY,EAAC,wBAAwB,EAAC,MAAM,0BAA0B,CAAC","sources":["packages/@react-spectrum/numberfield/src/packages/@react-spectrum/numberfield/src/StepButton.tsx","packages/@react-spectrum/numberfield/src/packages/@react-spectrum/numberfield/src/NumberField.tsx","packages/@react-spectrum/numberfield/src/packages/@react-spectrum/numberfield/src/index.ts","packages/@react-spectrum/numberfield/src/index.ts"],"sourcesContent":[null,null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {NumberField} from './NumberField';\nexport type {SpectrumNumberFieldProps} from '@react-types/numberfield';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/numberfield",
-  "version": "3.7.2",
+  "version": "3.8.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -36,22 +36,22 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/button": "^3.8.3",
-    "@react-aria/focus": "^3.14.2",
-    "@react-aria/i18n": "^3.8.3",
-    "@react-aria/interactions": "^3.19.0",
-    "@react-aria/numberfield": "^3.9.0",
-    "@react-aria/utils": "^3.21.0",
-    "@react-spectrum/button": "^3.14.0",
-    "@react-spectrum/label": "^3.15.0",
-    "@react-spectrum/textfield": "^3.10.6",
-    "@react-spectrum/utils": "^3.11.0",
-    "@react-stately/numberfield": "^3.6.2",
-    "@react-types/button": "^3.9.0",
-    "@react-types/numberfield": "^3.6.1",
-    "@react-types/shared": "^3.21.0",
-    "@spectrum-icons/ui": "^3.6.0",
-    "@spectrum-icons/workflow": "^4.2.5",
+    "@react-aria/button": "^3.9.0",
+    "@react-aria/focus": "^3.15.0",
+    "@react-aria/i18n": "^3.9.0",
+    "@react-aria/interactions": "^3.20.0",
+    "@react-aria/numberfield": "^3.10.0",
+    "@react-aria/utils": "^3.22.0",
+    "@react-spectrum/form": "^3.7.0",
+    "@react-spectrum/label": "^3.16.0",
+    "@react-spectrum/textfield": "^3.11.0",
+    "@react-spectrum/utils": "^3.11.2",
+    "@react-stately/numberfield": "^3.7.0",
+    "@react-types/button": "^3.9.1",
+    "@react-types/numberfield": "^3.7.0",
+    "@react-types/shared": "^3.22.0",
+    "@spectrum-icons/ui": "^3.6.2",
+    "@spectrum-icons/workflow": "^4.2.7",
     "@swc/helpers": "^0.5.0"
   },
   "devDependencies": {
@@ -66,5 +66,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4122e44d1991c90507d630d35ed297f89db435d3"
+  "gitHead": "9ce2f674eab2cc8912800d3162dcf00a1ce94274"
 }

package/src/NumberField.tsx

@@ -22,6 +22,7 @@ import {SpectrumNumberFieldProps} from '@react-types/numberfield';
 import {StepButton} from './StepButton';
 import stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';
 import {TextFieldBase} from '@react-spectrum/textfield';
+import {useFormProps} from '@react-spectrum/form';
 import {useHover} from '@react-aria/interactions';
 import {useLocale} from '@react-aria/i18n';
 import {useNumberField} from '@react-aria/numberfield';
@@ -29,6 +30,7 @@ import {useProvider, useProviderProps} from '@react-spectrum/provider';
 
 function NumberField(props: SpectrumNumberFieldProps, ref: FocusableRef<HTMLElement>) {
   props = useProviderProps(props);
+  props = useFormProps(props);
   let provider = useProvider();
   let {
     isQuiet,
@@ -50,13 +52,17 @@ function NumberField(props: SpectrumNumberFieldProps, ref: FocusableRef<HTMLElem
     incrementButtonProps,
     decrementButtonProps,
     descriptionProps,
-    errorMessageProps
+    errorMessageProps,
+    isInvalid,
+    validationErrors,
+    validationDetails
   } = useNumberField(props, state, inputRef);
   let isMobile = provider.scale === 'large';
   let showStepper = !hideStepper;
 
   let {isHovered, hoverProps} = useHover({isDisabled});
 
+  let validationState = props.validationState || (isInvalid ? 'invalid' : null);
   let className =
     classNames(
       stepperStyle,
@@ -65,7 +71,7 @@ function NumberField(props: SpectrumNumberFieldProps, ref: FocusableRef<HTMLElem
         'spectrum-Stepper--isQuiet': isQuiet,
         'is-disabled': isDisabled,
         'spectrum-Stepper--readonly': isReadOnly,
-        'is-invalid': props.validationState === 'invalid' && !isDisabled,
+        'is-invalid': validationState === 'invalid' && !isDisabled,
         'spectrum-Stepper--showStepper': showStepper,
         'spectrum-Stepper--isMobile': isMobile,
         'is-hovered': isHovered,
@@ -79,6 +85,9 @@ function NumberField(props: SpectrumNumberFieldProps, ref: FocusableRef<HTMLElem
       {...props as Omit<SpectrumNumberFieldProps, 'onChange'>}
       descriptionProps={descriptionProps}
       errorMessageProps={errorMessageProps}
+      isInvalid={isInvalid}
+      validationErrors={validationErrors}
+      validationDetails={validationDetails}
       labelProps={labelProps}
       ref={domRef}
       wrapperClassName={classNames(
@@ -97,7 +106,8 @@ function NumberField(props: SpectrumNumberFieldProps, ref: FocusableRef<HTMLElem
         decrementProps={decrementButtonProps}
         className={className}
         style={style}
-        state={state} />
+        state={state}
+        validationState={validationState} />
     </Field>
   );
 }