@react-spectrum/autocomplete 3.0.0-nightly.3021 → 3.0.0-nightly.3029

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/main.css +1 -1
  2. package/dist/main.css.map +1 -1
  3. package/dist/main.js +1 -1
  4. package/dist/main.js.map +1 -1
  5. package/dist/module.js +1 -1
  6. package/dist/module.js.map +1 -1
  7. package/package.json +28 -28
package/dist/main.css CHANGED
@@ -1,2 +1,2 @@
1
- [dir=ltr] ._no-results_8960b{padding-left:var(--spectrum-global-dimension-static-size-150,12px)}[dir=rtl] ._no-results_8960b{padding-right:var(--spectrum-global-dimension-static-size-150,12px)}._no-results_8960b{display:block;padding-top:var(--spectrum-selectlist-option-padding-height);font-size:var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100));font-weight:var(--spectrum-global-font-weight-regular,400);font-style:italic}._mobile-searchautocomplete_8960b{outline:none}._mobile-input_8960b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._mobile-value_8960b{vertical-align:middle}._tray-dialog_8960b{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;outline:none}._tray-textfield_8960b{margin:var(--spectrum-global-dimension-size-150);margin-bottom:var(--spectrum-global-dimension-size-50);-ms-flex-negative:0;flex-shrink:0;width:auto!important}._tray-textfield_8960b._has-label_8960b{margin-top:var(--spectrum-global-dimension-size-50)}[dir=ltr] ._tray-textfield_8960b ._tray-textfield-input_8960b{padding-left:var(--spectrum-global-dimension-size-150)}[dir=rtl] ._tray-textfield_8960b ._tray-textfield-input_8960b{padding-right:var(--spectrum-global-dimension-size-150)}._tray-listbox_8960b{width:100%;-ms-flex:1;flex:1}._spectrum-Search_5a937{display:inline-block;position:relative}[dir=ltr] ._spectrum-Search_5a937 ._spectrum-ClearButton_5a937{right:0}[dir=rtl] ._spectrum-Search_5a937 ._spectrum-ClearButton_5a937{left:0}._spectrum-Search_5a937 ._spectrum-ClearButton_5a937{position:absolute;top:0}[dir=ltr] ._spectrum-Search_5a937._is-quiet_5a937 ._spectrum-Search-input_5a937{padding-left:var(--spectrum-global-dimension-size-300)}[dir=rtl] ._spectrum-Search_5a937._is-quiet_5a937 ._spectrum-Search-input_5a937{padding-right:var(--spectrum-global-dimension-size-300)}[dir=ltr] ._spectrum-Search_5a937._is-quiet_5a937 ._spectrum-Search-input_5a937{padding-right:var(--spectrum-global-dimension-size-350)}[dir=rtl] ._spectrum-Search_5a937._is-quiet_5a937 ._spectrum-Search-input_5a937{padding-left:var(--spectrum-global-dimension-size-350)}[dir=ltr] ._spectrum-Search_5a937._spectrum-Search--invalid_5a937 ._spectrum-ClearButton_5a937{right:calc(var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-150))}[dir=rtl] ._spectrum-Search_5a937._spectrum-Search--invalid_5a937 ._spectrum-ClearButton_5a937{left:calc(var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-150))}[dir=ltr] ._spectrum-Search_5a937._spectrum-Search--valid_5a937 ._spectrum-ClearButton_5a937{right:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150) / 2 + var(--spectrum-global-dimension-size-150))}[dir=rtl] ._spectrum-Search_5a937._spectrum-Search--valid_5a937 ._spectrum-ClearButton_5a937{left:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150) / 2 + var(--spectrum-global-dimension-size-150))}[dir=ltr] ._spectrum-Search_5a937._spectrum-Search--loadable_5a937 ._spectrum-ClearButton_5a937{right:0}[dir=rtl] ._spectrum-Search_5a937._spectrum-Search--loadable_5a937 ._spectrum-ClearButton_5a937{left:0}[dir=ltr] ._spectrum-Search_5a937._spectrum-Search--loadable_5a937 ._spectrum-Search-circleLoader_5a937{right:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150) / 2 + var(--spectrum-global-dimension-size-150))}[dir=rtl] ._spectrum-Search_5a937._spectrum-Search--loadable_5a937 ._spectrum-Search-circleLoader_5a937{left:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150) / 2 + var(--spectrum-global-dimension-size-150))}[dir=ltr] ._spectrum-Search_5a937._spectrum-Search--loadable_5a937 ._spectrum-Search-validationIcon_5a937{right:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150) / 2 + var(--spectrum-global-dimension-size-150))}[dir=rtl] ._spectrum-Search_5a937._spectrum-Search--loadable_5a937 ._spectrum-Search-validationIcon_5a937{left:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150) / 2 + var(--spectrum-global-dimension-size-150))}[dir=ltr] ._spectrum-Search_5a937._spectrum-Search--loadable_5a937 ._spectrum-Search-validationIcon_5a937{padding-right:0}[dir=rtl] ._spectrum-Search_5a937._spectrum-Search--loadable_5a937 ._spectrum-Search-validationIcon_5a937{padding-left:0}[dir=ltr] ._spectrum-Search-input_5a937{padding-right:var(--spectrum-global-dimension-size-350)}[dir=rtl] ._spectrum-Search-input_5a937{padding-left:var(--spectrum-global-dimension-size-350)}._spectrum-Search-input_5a937{display:block;-webkit-appearance:none;outline-offset:-2px;text-indent:0}._spectrum-Search-input_5a937::-webkit-search-cancel-button,._spectrum-Search-input_5a937::-webkit-search-decoration{-webkit-appearance:none}[dir=ltr] ._spectrum-Textfield_5a937._spectrum-Search--invalid_5a937 ._spectrum-Search-input_5a937{padding-right:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-150))}[dir=rtl] ._spectrum-Textfield_5a937._spectrum-Search--invalid_5a937 ._spectrum-Search-input_5a937{padding-left:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-150))}[dir=ltr] ._spectrum-Textfield_5a937._spectrum-Search--valid_5a937 ._spectrum-Search-input_5a937{padding-right:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-global-dimension-size-150) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150))}[dir=rtl] ._spectrum-Textfield_5a937._spectrum-Search--valid_5a937 ._spectrum-Search-input_5a937{padding-left:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-global-dimension-size-150) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150))}[dir=ltr] ._spectrum-Textfield_5a937._spectrum-Search--loadable_5a937 ._spectrum-Search-input_5a937{padding-right:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-global-dimension-size-150) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150))}[dir=rtl] ._spectrum-Textfield_5a937._spectrum-Search--loadable_5a937 ._spectrum-Search-input_5a937{padding-left:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-global-dimension-size-150) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150))}._spectrum-InputGroup_17c83{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;min-width:calc(2.5 * var(--spectrum-global-dimension-size-400));border-radius:var(--spectrum-global-dimension-size-50)}[dir=ltr] ._spectrum-InputGroup_17c83 ._spectrum-FieldButton_17c83{border-top-left-radius:0}[dir=rtl] ._spectrum-InputGroup_17c83 ._spectrum-FieldButton_17c83{border-top-right-radius:0}[dir=ltr] ._spectrum-InputGroup_17c83 ._spectrum-FieldButton_17c83{border-bottom-left-radius:0}[dir=rtl] ._spectrum-InputGroup_17c83 ._spectrum-FieldButton_17c83{border-bottom-right-radius:0}._spectrum-InputGroup_17c83 ._spectrum-FieldButton_17c83{padding:0;width:var(--spectrum-global-dimension-size-400);border-width:1px;-ms-flex-negative:0;flex-shrink:0}._spectrum-InputGroup_17c83._is-disabled_17c83:not(._spectrum-InputGroup--invalid_17c83):not(._spectrum-InputGroup--quiet_17c83) ._spectrum-FieldButton_17c83{border-width:0}[dir=ltr] ._spectrum-InputGroup_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-validationIcon_17c83{padding-right:0}[dir=rtl] ._spectrum-InputGroup_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-validationIcon_17c83{padding-left:0}[dir=ltr] ._spectrum-InputGroup_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-validationIcon_17c83{right:var(--spectrum-global-dimension-size-100)}[dir=rtl] ._spectrum-InputGroup_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-validationIcon_17c83{left:var(--spectrum-global-dimension-size-100)}[dir=ltr] ._spectrum-InputGroup_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-circleLoader_17c83{padding-right:0}[dir=rtl] ._spectrum-InputGroup_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-circleLoader_17c83{padding-left:0}[dir=ltr] ._spectrum-InputGroup_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-circleLoader_17c83{right:var(--spectrum-global-dimension-size-100)}[dir=rtl] ._spectrum-InputGroup_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-circleLoader_17c83{left:var(--spectrum-global-dimension-size-100)}._spectrum-InputGroup-field_17c83{-ms-flex:1 1 auto;flex:1 1 auto}[dir=ltr] ._spectrum-InputGroup-input_17c83{border-top-right-radius:0}[dir=rtl] ._spectrum-InputGroup-input_17c83{border-top-left-radius:0}[dir=ltr] ._spectrum-InputGroup-input_17c83{border-bottom-right-radius:0}[dir=rtl] ._spectrum-InputGroup-input_17c83{border-bottom-left-radius:0}[dir=ltr] ._spectrum-InputGroup-input_17c83{border-right-style:none}[dir=rtl] ._spectrum-InputGroup-input_17c83{border-left-style:none}._spectrum-InputGroup--quiet_17c83{border-radius:0;min-width:calc(2 * var(--spectrum-global-dimension-size-400))}[dir=ltr] ._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83{padding-left:var(--spectrum-global-dimension-size-130)}[dir=rtl] ._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83{padding-right:var(--spectrum-global-dimension-size-130)}[dir=ltr] ._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83{padding-right:0}[dir=rtl] ._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83{padding-left:0}._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83{width:auto;position:relative;border-width:0;border-bottom:var(--spectrum-global-dimension-static-size-10,1px) solid;border-radius:0}[dir=ltr] ._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83:after{right:-10px}[dir=rtl] ._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83:after{left:-10px}._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83:after{content:"";position:absolute;height:100%;width:10px}[dir=ltr] ._spectrum-InputGroup--quiet_17c83 ._spectrum-InputGroup-icon_17c83{right:0}[dir=rtl] ._spectrum-InputGroup--quiet_17c83 ._spectrum-InputGroup-icon_17c83{left:0}._spectrum-InputGroup--quiet_17c83._is-disabled_17c83 ._spectrum-FieldButton_17c83{border-bottom-width:1px}[dir=ltr] ._spectrum-InputGroup--quiet_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-validationIcon_17c83{padding-right:0}[dir=rtl] ._spectrum-InputGroup--quiet_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-validationIcon_17c83{padding-left:0}[dir=ltr] ._spectrum-InputGroup--quiet_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-validationIcon_17c83{right:0}[dir=rtl] ._spectrum-InputGroup--quiet_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-validationIcon_17c83{left:0}[dir=ltr] ._spectrum-InputGroup--quiet_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-circleLoader_17c83{padding-right:0}[dir=rtl] ._spectrum-InputGroup--quiet_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-circleLoader_17c83{padding-left:0}[dir=ltr] ._spectrum-InputGroup--quiet_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-circleLoader_17c83{right:var(--spectrum-global-dimension-size-10)}[dir=rtl] ._spectrum-InputGroup--quiet_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-circleLoader_17c83{left:var(--spectrum-global-dimension-size-10)}[dir=ltr] ._spectrum-InputGroup-popover--quiet_17c83{margin-right:calc(var(--spectrum-dropdown-quiet-offset) * -1)}[dir=rtl] ._spectrum-InputGroup-popover--quiet_17c83{margin-left:calc(var(--spectrum-dropdown-quiet-offset) * -1)}._spectrum-InputGroup-popover--quiet_17c83{--spectrum-dropdown-quiet-offset:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10)))}._spectrum-Datepicker--range_17c83{border-radius:var(--spectrum-global-dimension-size-50)}._spectrum-Datepicker--range_17c83._spectrum-InputGroup--quiet_17c83,._spectrum-Datepicker--range_17c83._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83{border-radius:0}._spectrum-Datepicker--range_17c83._spectrum-Datepicker--datetimeRange_17c83 ._spectrum-InputGroup-field_17c83{width:calc(var(--spectrum-global-dimension-size-1600) - 2 * var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-700) - 7px);min-width:calc(var(--spectrum-global-dimension-size-1600) - 2 * var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-700) - 7px)}._spectrum-Datepicker--range_17c83 ._spectrum-InputGroup-field_17c83{width:calc(var(--spectrum-global-dimension-size-1600) - 2 * var(--spectrum-global-dimension-size-150));min-width:calc(var(--spectrum-global-dimension-size-1600) - 2 * var(--spectrum-global-dimension-size-150));-ms-flex:initial;flex:initial}[dir=ltr] ._spectrum-Datepicker--range_17c83 ._spectrum-Datepicker-startField_17c83 ._spectrum-InputGroup-field_17c83{border-right:0}[dir=rtl] ._spectrum-Datepicker--range_17c83 ._spectrum-Datepicker-startField_17c83 ._spectrum-InputGroup-field_17c83{border-left:0}[dir=ltr] ._spectrum-Datepicker--range_17c83 ._spectrum-Datepicker-startField_17c83 ._spectrum-InputGroup-field_17c83{padding-right:var(--spectrum-global-dimension-size-150)}[dir=rtl] ._spectrum-Datepicker--range_17c83 ._spectrum-Datepicker-startField_17c83 ._spectrum-InputGroup-field_17c83{padding-left:var(--spectrum-global-dimension-size-150)}._spectrum-Datepicker--range_17c83 ._spectrum-Datepicker-startField_17c83 svg{display:none}[dir=ltr] ._spectrum-Datepicker--range_17c83 ._spectrum-Datepicker-endField_17c83 ._spectrum-InputGroup-input_17c83{border-left:0}[dir=rtl] ._spectrum-Datepicker--range_17c83 ._spectrum-Datepicker-endField_17c83 ._spectrum-InputGroup-input_17c83{border-right:0}[dir=ltr] ._spectrum-Datepicker--range_17c83 ._spectrum-Datepicker-endField_17c83 ._spectrum-InputGroup-input_17c83{padding-left:var(--spectrum-global-dimension-size-150)}[dir=rtl] ._spectrum-Datepicker--range_17c83 ._spectrum-Datepicker-endField_17c83 ._spectrum-InputGroup-input_17c83{padding-right:var(--spectrum-global-dimension-size-150)}._spectrum-Datepicker--range_17c83 ._spectrum-Datepicker-endField_17c83 ._spectrum-InputGroup-input_17c83{-ms-flex:1;flex:1;border-radius:0}._spectrum-Datepicker--range_17c83 ._spectrum-Datepicker--rangeDash_17c83{line-height:calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) - var(--spectrum-global-dimension-size-100));padding-top:0;-ms-flex:initial;flex:initial;width:0;z-index:1}._spectrum-Datepicker--range_17c83 ._spectrum-Datepicker--rangeDash_17c83:before{content:"\2013";display:inline-block;margin:0 -7px;overflow:hidden;text-align:center;vertical-align:middle;width:14px}._spectrum-Datepicker--range_17c83._is-focused_17c83 ._spectrum-Datepicker-focusRing_17c83{position:absolute;border-radius:var(--spectrum-global-dimension-size-50);top:0;right:0;bottom:0;left:0;pointer-events:none}._spectrum-Datepicker--range_17c83._spectrum-InputGroup--quiet_17c83._is-focused_17c83 ._spectrum-Datepicker-focusRing_17c83{border-radius:0;top:auto}[dir=ltr] ._spectrum-Datepicker--range_17c83._spectrum-InputGroup--quiet_17c83 ._spectrum-Datepicker--rangeDash_17c83:before{margin-left:-7px}[dir=rtl] ._spectrum-Datepicker--range_17c83._spectrum-InputGroup--quiet_17c83 ._spectrum-Datepicker--rangeDash_17c83:before{margin-right:-7px}._spectrum-InputGroup_17c83._is-focused_17c83:not(._spectrum-InputGroup--invalid_17c83):not(._is-disabled_17c83) ._spectrum-FieldButton_17c83,._spectrum-InputGroup_17c83._is-focused_17c83:not(._spectrum-InputGroup--invalid_17c83):not(._is-disabled_17c83) ._spectrum-InputGroup-input_17c83{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-InputGroup_17c83._is-hovered_17c83:not(._spectrum-InputGroup--invalid_17c83):not(._is-focused_17c83):not(._is-disabled_17c83) ._spectrum-FieldButton_17c83,._spectrum-InputGroup_17c83._is-hovered_17c83:not(._spectrum-InputGroup--invalid_17c83):not(._is-focused_17c83):not(._is-disabled_17c83) ._spectrum-InputGroup-input_17c83{border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500))}._spectrum-InputGroup_17c83._is-focused_17c83 ._spectrum-FieldButton_17c83,._spectrum-InputGroup_17c83._is-focused_17c83 ._spectrum-InputGroup-input_17c83{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-InputGroup_17c83._is-focused_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-FieldButton_17c83,._spectrum-InputGroup_17c83._is-focused_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-InputGroup-input_17c83{border-color:var(--spectrum-global-color-red-500)}._spectrum-InputGroup_17c83._focus-ring_17c83:not(._spectrum-InputGroup--quiet_17c83) ._spectrum-FieldButton_17c83{z-index:1}._spectrum-InputGroup_17c83._focus-ring_17c83:not(._spectrum-InputGroup--quiet_17c83) ._spectrum-FieldButton_17c83,._spectrum-InputGroup_17c83._focus-ring_17c83:not(._spectrum-InputGroup--quiet_17c83) ._spectrum-InputGroup-input_17c83{box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-InputGroup_17c83._focus-ring_17c83:not(._spectrum-InputGroup--quiet_17c83)._spectrum-InputGroup--invalid_17c83 ._spectrum-FieldButton_17c83,._spectrum-InputGroup_17c83._focus-ring_17c83:not(._spectrum-InputGroup--quiet_17c83)._spectrum-InputGroup--invalid_17c83 ._spectrum-InputGroup-input_17c83{box-shadow:0 0 0 1px var(--spectrum-global-color-red-500)}._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83,._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83._is-hovered_17c83,._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83._is-selected_17c83,._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83._spectrum-FieldButton--invalid_17c83,._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83:active,._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83:focus,._spectrum-InputGroup--quiet_17c83:not(._is-disabled_17c83) ._spectrum-FieldButton_17c83:disabled,._spectrum-InputGroup--quiet_17c83:not(._is-disabled_17c83) ._spectrum-FieldButton_17c83:disabled._is-hovered_17c83{border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400))}._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83:disabled,._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83:disabled._is-hovered_17c83{border-color:var(--spectrum-alias-border-color-mid,var(--spectrum-global-color-gray-300))}._spectrum-InputGroup--quiet_17c83._is-hovered_17c83:not(._spectrum-InputGroup--invalid_17c83):not(._is-focused_17c83):not(._is-disabled_17c83) ._spectrum-FieldButton_17c83{border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500))}._spectrum-InputGroup--quiet_17c83._spectrum-InputGroup_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-FieldButton_17c83,._spectrum-InputGroup--quiet_17c83._spectrum-InputGroup_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-InputGroup-input_17c83{border-color:var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500))}._spectrum-InputGroup--quiet_17c83._spectrum-InputGroup_17c83._is-focused_17c83 ._spectrum-FieldButton_17c83{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-InputGroup--quiet_17c83._spectrum-InputGroup_17c83._is-focused_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-FieldButton_17c83{border-color:var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500))}._spectrum-InputGroup--quiet_17c83._spectrum-InputGroup_17c83._focus-ring_17c83 ._spectrum-InputGroup-input_17c83{box-shadow:0 1px 0 var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-InputGroup--quiet_17c83._spectrum-InputGroup_17c83._focus-ring_17c83 ._spectrum-FieldButton_17c83{box-shadow:0 1px 0 var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-InputGroup--quiet_17c83._spectrum-InputGroup_17c83._focus-ring_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-FieldButton_17c83,._spectrum-InputGroup--quiet_17c83._spectrum-InputGroup_17c83._focus-ring_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-InputGroup-input_17c83{box-shadow:0 1px 0 var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500))}._spectrum-Datepicker--range_17c83._focus-ring_17c83 ._spectrum-InputGroup-input_17c83{box-shadow:none!important}._spectrum-Datepicker--range_17c83._is-disabled_17c83 ._spectrum-Datepicker--rangeDash_17c83{color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-Datepicker--range_17c83._focus-ring_17c83{box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-Datepicker--range_17c83._focus-ring_17c83._spectrum-InputGroup--invalid_17c83,._spectrum-Datepicker--range_17c83._focus-ring_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-FieldButton_17c83{box-shadow:0 0 0 1px var(--spectrum-global-color-red-500)}._spectrum-Datepicker--range_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-InputGroup-input_17c83{border-color:var(--spectrum-global-color-red-500)!important}._spectrum-Datepicker--range_17c83._spectrum-InputGroup--invalid_17c83._focus-ring_17c83 ._spectrum-FieldButton_17c83{border-color:var(--spectrum-global-color-red-500);box-shadow:0 0 0 1px var(--spectrum-global-color-red-500)}._spectrum-Datepicker--range_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-FieldButton_17c83{border-color:var(--spectrum-global-color-red-500)}._spectrum-Datepicker--range_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-FieldButton_17c83._spectrum-FieldButton--invalid_17c83._focus-ring_17c83{border-color:var(--spectrum-global-color-red-500);box-shadow:0 0 0 1px var(--spectrum-global-color-red-500)}._spectrum-Datepicker--range_17c83._spectrum-InputGroup--quiet_17c83._is-focused_17c83{box-shadow:0 1px 0 0 var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-Datepicker--range_17c83._spectrum-InputGroup--quiet_17c83._is-focused_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-FieldButton_17c83{box-shadow:none;border-color:var(--spectrum-global-color-red-500)}._spectrum-Datepicker--range_17c83._spectrum-InputGroup--quiet_17c83._is-focused_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-FieldButton_17c83._spectrum-FieldButton--invalid_17c83._focus-ring_17c83{box-shadow:0 2px 0 0 var(--spectrum-global-color-red-500)}._spectrum-Datepicker--range_17c83._spectrum-InputGroup--quiet_17c83._is-focused_17c83._spectrum-InputGroup--invalid_17c83._focus-ring_17c83{box-shadow:0 0 0 1px var(--spectrum-global-color-red-500)}._spectrum-Textfield_10f9f{display:-ms-inline-flexbox;display:inline-flex;position:relative;min-width:var(--spectrum-global-dimension-size-600);width:var(--spectrum-global-dimension-size-2400)}._spectrum-Textfield_10f9f:not(._spectrum-Textfield--quiet_10f9f)._spectrum-Textfield--multiline_10f9f ._spectrum-Textfield-input_10f9f:not(:disabled){resize:vertical}._spectrum-Textfield_10f9f._spectrum-Textfield--quiet_10f9f._spectrum-Textfield--multiline_10f9f ._spectrum-Textfield-input_10f9f{height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));min-height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));overflow-x:hidden}._spectrum-Textfield-input_10f9f{box-sizing:border-box;border:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)) solid;border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));padding:3px var(--spectrum-global-dimension-size-150) 5px calc(var(--spectrum-global-dimension-size-150) - 1px);text-indent:0;width:100%;height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));vertical-align:top;margin:0;overflow:visible;font-family:adobe-clean-ux,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100));line-height:var(--spectrum-alias-body-text-line-height,var(--spectrum-global-font-line-height-medium));text-overflow:ellipsis;transition:border-color .13s ease-in-out,box-shadow .13s ease-in-out;outline:none;-webkit-appearance:none;-moz-appearance:textfield}._spectrum-Textfield-input_10f9f._is-placeholder_10f9f,._spectrum-Textfield-input_10f9f::placeholder{font-weight:var(--spectrum-global-font-weight-regular,400);font-style:var(--spectrum-global-font-style-italic,italic);font-synthesis:none;transition:color .13s ease-in-out;opacity:1}._spectrum-Textfield-input_10f9f::-ms-input-placeholder{font-weight:var(--spectrum-global-font-weight-regular,400);font-style:var(--spectrum-global-font-style-italic,italic);transition:color .13s ease-in-out;opacity:1}._spectrum-Textfield-input_10f9f:lang(ar)._is-placeholder_10f9f,._spectrum-Textfield-input_10f9f:lang(ar)::placeholder,._spectrum-Textfield-input_10f9f:lang(he)._is-placeholder_10f9f,._spectrum-Textfield-input_10f9f:lang(he)::placeholder,._spectrum-Textfield-input_10f9f:lang(ja)._is-placeholder_10f9f,._spectrum-Textfield-input_10f9f:lang(ja)::placeholder,._spectrum-Textfield-input_10f9f:lang(ko)._is-placeholder_10f9f,._spectrum-Textfield-input_10f9f:lang(ko)::placeholder,._spectrum-Textfield-input_10f9f:lang(zh)._is-placeholder_10f9f,._spectrum-Textfield-input_10f9f:lang(zh)::placeholder{font-style:normal}._spectrum-Textfield-input_10f9f:lang(ar)::-ms-input-placeholder,._spectrum-Textfield-input_10f9f:lang(he)::-ms-input-placeholder,._spectrum-Textfield-input_10f9f:lang(ja)::-ms-input-placeholder,._spectrum-Textfield-input_10f9f:lang(ko)::-ms-input-placeholder,._spectrum-Textfield-input_10f9f:lang(zh)::-ms-input-placeholder{font-style:normal}._spectrum-Textfield-input_10f9f._is-hovered_10f9f::placeholder{font-weight:var(--spectrum-global-font-weight-regular,400)}._spectrum-Textfield-input_10f9f:disabled{resize:none;opacity:1}._spectrum-Textfield-input_10f9f:disabled._is-placeholder_10f9f,._spectrum-Textfield-input_10f9f:disabled::placeholder{font-weight:var(--spectrum-global-font-weight-regular,400)}._spectrum-Textfield-input_10f9f::-ms-clear{width:0;height:0}._spectrum-Textfield-input_10f9f::-webkit-inner-spin-button,._spectrum-Textfield-input_10f9f::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._spectrum-Textfield-input_10f9f:-moz-ui-invalid{box-shadow:none}._spectrum-Textfield--multiline_10f9f ._spectrum-Textfield-input_10f9f{height:auto;min-height:var(--spectrum-global-dimension-size-700);padding:3px var(--spectrum-global-dimension-size-150) 5px calc(var(--spectrum-global-dimension-size-150) - 1px);overflow:auto}[dir=ltr] ._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f{padding-left:0}[dir=ltr] ._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f,[dir=rtl] ._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f{padding-right:0}[dir=rtl] ._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f{padding-left:0}._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f{border-radius:0;border-left-width:0;border-bottom-width:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));border-right-width:0;border-top-width:0;resize:none;overflow-y:hidden}[dir=ltr] ._spectrum-Textfield--valid_10f9f ._spectrum-Textfield-input_10f9f{padding-right:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150))}[dir=rtl] ._spectrum-Textfield--valid_10f9f ._spectrum-Textfield-input_10f9f{padding-left:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150))}[dir=ltr] ._spectrum-Textfield--invalid_10f9f ._spectrum-Textfield-input_10f9f{padding-right:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-150))}[dir=rtl] ._spectrum-Textfield--invalid_10f9f ._spectrum-Textfield-input_10f9f{padding-left:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-150))}[dir=ltr] ._spectrum-Textfield--loadable_10f9f ._spectrum-Textfield-input_10f9f{padding-right:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-150))}[dir=rtl] ._spectrum-Textfield--loadable_10f9f ._spectrum-Textfield-input_10f9f{padding-left:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-150))}[dir=ltr] ._spectrum-Textfield-validationIcon_10f9f{padding-right:calc(var(--spectrum-global-dimension-size-150) / 2)}[dir=rtl] ._spectrum-Textfield-validationIcon_10f9f{padding-left:calc(var(--spectrum-global-dimension-size-150) / 2)}._spectrum-Textfield-validationIcon_10f9f{position:absolute;pointer-events:all;transition:color .13s ease-in-out}[dir=ltr] ._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-validationIcon_10f9f{padding-right:0}[dir=rtl] ._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-validationIcon_10f9f{padding-left:0}[dir=ltr] ._spectrum-Textfield--invalid_10f9f ._spectrum-Textfield-validationIcon_10f9f{right:calc(var(--spectrum-textfield-icon-frame) / 2 - var(--spectrum-global-dimension-size-225) / 2)}[dir=rtl] ._spectrum-Textfield--invalid_10f9f ._spectrum-Textfield-validationIcon_10f9f{left:calc(var(--spectrum-textfield-icon-frame) / 2 - var(--spectrum-global-dimension-size-225) / 2)}._spectrum-Textfield--invalid_10f9f ._spectrum-Textfield-validationIcon_10f9f{width:var(--spectrum-global-dimension-size-225);height:var(--spectrum-global-dimension-size-225);top:calc(var(--spectrum-textfield-icon-frame) / 2 - var(--spectrum-global-dimension-size-225) / 2)}[dir=ltr] ._spectrum-Textfield--valid_10f9f ._spectrum-Textfield-validationIcon_10f9f{right:var(--spectrum-global-dimension-size-150)}[dir=rtl] ._spectrum-Textfield--valid_10f9f ._spectrum-Textfield-validationIcon_10f9f{left:var(--spectrum-global-dimension-size-150)}._spectrum-Textfield--valid_10f9f ._spectrum-Textfield-validationIcon_10f9f{width:var(--spectrum-icon-checkmark-medium-width);height:var(--spectrum-icon-checkmark-medium-height);top:calc(var(--spectrum-textfield-icon-frame) / 2 - var(--spectrum-icon-checkmark-medium-height) / 2)}[dir=ltr] ._spectrum-Textfield-icon_10f9f{left:var(--spectrum-global-dimension-size-150)}[dir=rtl] ._spectrum-Textfield-icon_10f9f{right:var(--spectrum-global-dimension-size-150)}._spectrum-Textfield-icon_10f9f{display:block;position:absolute;height:var(--spectrum-global-dimension-size-225);width:var(--spectrum-global-dimension-size-225);top:var(--spectrum-global-dimension-size-85);transition:fill .13s ease-in-out}[dir=ltr] ._spectrum-Textfield-inputIcon_10f9f{padding-left:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-65))}[dir=rtl] ._spectrum-Textfield-inputIcon_10f9f{padding-right:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-65))}[dir=ltr] ._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-inputIcon_10f9f{padding-left:calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-global-dimension-size-225))}[dir=rtl] ._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-inputIcon_10f9f{padding-right:calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-global-dimension-size-225))}[dir=ltr] ._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-inputIcon_10f9f~._spectrum-Textfield-icon_10f9f{left:0}[dir=rtl] ._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-inputIcon_10f9f~._spectrum-Textfield-icon_10f9f{right:0}._spectrum-Textfield-inputIcon_10f9f._spectrum-Textfield--multiline_10f9f{height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));min-height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))}[dir=ltr] ._spectrum-Textfield--loadable_10f9f ._spectrum-Textfield-circleLoader_10f9f{right:calc(var(--spectrum-textfield-icon-frame) / 2 - var(--spectrum-global-dimension-size-225) / 2 + var(--spectrum-global-dimension-size-150) / 2)}[dir=rtl] ._spectrum-Textfield--loadable_10f9f ._spectrum-Textfield-circleLoader_10f9f{left:calc(var(--spectrum-textfield-icon-frame) / 2 - var(--spectrum-global-dimension-size-225) / 2 + var(--spectrum-global-dimension-size-150) / 2)}._spectrum-Textfield--loadable_10f9f ._spectrum-Textfield-circleLoader_10f9f{position:absolute;top:calc(var(--spectrum-textfield-icon-frame) / 2 - var(--spectrum-global-dimension-static-size-200, 16px) / 2)}[dir=ltr] ._spectrum-Textfield--quiet_10f9f._spectrum-Textfield--loadable_10f9f ._spectrum-Textfield-circleLoader_10f9f{padding-right:0}[dir=rtl] ._spectrum-Textfield--quiet_10f9f._spectrum-Textfield--loadable_10f9f ._spectrum-Textfield-circleLoader_10f9f{padding-left:0}._spectrum-Textfield-input_10f9f{background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}._spectrum-Textfield-input_10f9f._is-placeholder_10f9f,._spectrum-Textfield-input_10f9f::placeholder{color:var(--spectrum-alias-placeholder-text-color,var(--spectrum-global-color-gray-600))}._spectrum-Textfield-input_10f9f._is-hovered_10f9f{border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));box-shadow:none}._spectrum-Textfield-input_10f9f._is-hovered_10f9f._is-placeholder_10f9f,._spectrum-Textfield-input_10f9f._is-hovered_10f9f::placeholder{color:var(--spectrum-alias-placeholder-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-Textfield-input_10f9f._is-hovered_10f9f~._spectrum-Textfield-icon_10f9f{fill:var(--spectrum-global-color-gray-900)}._spectrum-Textfield-input_10f9f:active{background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-mouse-focus,var(--spectrum-global-color-blue-500));color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}._spectrum-Textfield-input_10f9f:active._is-placeholder_10f9f,._spectrum-Textfield-input_10f9f:active::placeholder{color:var(--spectrum-alias-placeholder-text-color-down,var(--spectrum-global-color-gray-900))}._spectrum-Textfield-input_10f9f:active~._spectrum-Textfield-icon_10f9f{fill:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}._spectrum-Textfield-input_10f9f._is-focused_10f9f,._spectrum-Textfield-input_10f9f:focus{border-color:var(--spectrum-alias-border-color-mouse-focus,var(--spectrum-global-color-blue-500))}._spectrum-Textfield-input_10f9f._focus-ring_10f9f:not(:active){border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-Textfield-input_10f9f._is-disabled_10f9f,._spectrum-Textfield-input_10f9f[disabled]{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500));-webkit-text-fill-color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-Textfield-input_10f9f._is-disabled_10f9f._is-placeholder_10f9f,._spectrum-Textfield-input_10f9f._is-disabled_10f9f::placeholder,._spectrum-Textfield-input_10f9f[disabled]._is-placeholder_10f9f,._spectrum-Textfield-input_10f9f[disabled]::placeholder{color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-Textfield-input_10f9f._is-disabled_10f9f~._spectrum-Textfield-icon_10f9f,._spectrum-Textfield-input_10f9f[disabled]~._spectrum-Textfield-icon_10f9f{fill:var(--spectrum-global-color-gray-500)}._spectrum-Textfield-input_10f9f._spectrum-Textfield--invalid_10f9f{border-color:var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500))}._spectrum-Textfield-input_10f9f._spectrum-Textfield--invalid_10f9f._is-hovered_10f9f{border-color:var(--spectrum-semantic-negative-color-state-hover,var(--spectrum-global-color-red-600))}._spectrum-Textfield-input_10f9f._spectrum-Textfield--invalid_10f9f:active{border-color:var(--spectrum-semantic-negative-color-state-down,var(--spectrum-global-color-red-700))}._spectrum-Textfield-input_10f9f._spectrum-Textfield--invalid_10f9f._focus-ring_10f9f:not(:active){border-color:var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500));box-shadow:0 0 0 1px var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500))}._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400))}._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f._is-hovered_10f9f{border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500))}._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f:active{border-color:var(--spectrum-alias-border-color-mouse-focus,var(--spectrum-global-color-blue-500))}._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f._is-focused_10f9f,._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f:focus{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f._focus-ring_10f9f:not(:active){border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));box-shadow:0 1px 0 var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f._is-disabled_10f9f,._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f:disabled{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-mid,var(--spectrum-global-color-gray-300))}._spectrum-Textfield_10f9f._spectrum-Textfield--invalid_10f9f ._spectrum-Textfield-input_10f9f{border-color:var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500))}._spectrum-Textfield_10f9f._spectrum-Textfield--invalid_10f9f ._spectrum-Textfield-input_10f9f._focus-ring_10f9f:not(:active){border-color:var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500));box-shadow:0 0 0 1px var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500))}._spectrum-Textfield--quiet_10f9f._spectrum-Textfield--invalid_10f9f ._spectrum-Textfield-input_10f9f._focus-ring_10f9f:not(:active){box-shadow:0 1px 0 var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500))}._spectrum-Textfield-icon_10f9f{fill:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}._spectrum-Textfield--valid_10f9f ._spectrum-Textfield-validationIcon_10f9f{fill:var(--spectrum-semantic-positive-color-icon,var(--spectrum-global-color-green-600))}._spectrum-Textfield--invalid_10f9f ._spectrum-Textfield-validationIcon_10f9f{fill:var(--spectrum-semantic-negative-color-icon,var(--spectrum-global-color-red-600))}
1
+ [dir=ltr] ._no-results_8960b{padding-left:var(--spectrum-global-dimension-static-size-150,12px)}[dir=rtl] ._no-results_8960b{padding-right:var(--spectrum-global-dimension-static-size-150,12px)}._no-results_8960b{display:block;padding-top:var(--spectrum-selectlist-option-padding-height);font-size:var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100));font-weight:var(--spectrum-global-font-weight-regular,400);font-style:italic}._mobile-searchautocomplete_8960b{outline:none}._mobile-input_8960b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._mobile-value_8960b{vertical-align:middle}._tray-dialog_8960b{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;outline:none}._tray-textfield_8960b{margin:var(--spectrum-global-dimension-size-150);margin-bottom:var(--spectrum-global-dimension-size-50);-ms-flex-negative:0;flex-shrink:0;width:auto!important}._tray-textfield_8960b._has-label_8960b{margin-top:var(--spectrum-global-dimension-size-50)}[dir=ltr] ._tray-textfield_8960b ._tray-textfield-input_8960b{padding-left:var(--spectrum-global-dimension-size-150)}[dir=rtl] ._tray-textfield_8960b ._tray-textfield-input_8960b{padding-right:var(--spectrum-global-dimension-size-150)}._tray-listbox_8960b{width:100%;-ms-flex:1;flex:1}._spectrum-Search_5a937{display:inline-block;position:relative}[dir=ltr] ._spectrum-Search_5a937 ._spectrum-ClearButton_5a937{right:0}[dir=rtl] ._spectrum-Search_5a937 ._spectrum-ClearButton_5a937{left:0}._spectrum-Search_5a937 ._spectrum-ClearButton_5a937{position:absolute;top:0}[dir=ltr] ._spectrum-Search_5a937._is-quiet_5a937 ._spectrum-Search-input_5a937{padding-left:var(--spectrum-global-dimension-size-300)}[dir=rtl] ._spectrum-Search_5a937._is-quiet_5a937 ._spectrum-Search-input_5a937{padding-right:var(--spectrum-global-dimension-size-300)}[dir=ltr] ._spectrum-Search_5a937._is-quiet_5a937 ._spectrum-Search-input_5a937{padding-right:var(--spectrum-global-dimension-size-350)}[dir=rtl] ._spectrum-Search_5a937._is-quiet_5a937 ._spectrum-Search-input_5a937{padding-left:var(--spectrum-global-dimension-size-350)}[dir=ltr] ._spectrum-Search_5a937._spectrum-Search--invalid_5a937 ._spectrum-ClearButton_5a937{right:calc(var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-150))}[dir=rtl] ._spectrum-Search_5a937._spectrum-Search--invalid_5a937 ._spectrum-ClearButton_5a937{left:calc(var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-150))}[dir=ltr] ._spectrum-Search_5a937._spectrum-Search--valid_5a937 ._spectrum-ClearButton_5a937{right:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150) / 2 + var(--spectrum-global-dimension-size-150))}[dir=rtl] ._spectrum-Search_5a937._spectrum-Search--valid_5a937 ._spectrum-ClearButton_5a937{left:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150) / 2 + var(--spectrum-global-dimension-size-150))}[dir=ltr] ._spectrum-Search_5a937._spectrum-Search--loadable_5a937 ._spectrum-ClearButton_5a937{right:0}[dir=rtl] ._spectrum-Search_5a937._spectrum-Search--loadable_5a937 ._spectrum-ClearButton_5a937{left:0}[dir=ltr] ._spectrum-Search_5a937._spectrum-Search--loadable_5a937 ._spectrum-Search-circleLoader_5a937{right:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150) / 2 + var(--spectrum-global-dimension-size-150))}[dir=rtl] ._spectrum-Search_5a937._spectrum-Search--loadable_5a937 ._spectrum-Search-circleLoader_5a937{left:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150) / 2 + var(--spectrum-global-dimension-size-150))}[dir=ltr] ._spectrum-Search_5a937._spectrum-Search--loadable_5a937 ._spectrum-Search-validationIcon_5a937{right:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150) / 2 + var(--spectrum-global-dimension-size-150))}[dir=rtl] ._spectrum-Search_5a937._spectrum-Search--loadable_5a937 ._spectrum-Search-validationIcon_5a937{left:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150) / 2 + var(--spectrum-global-dimension-size-150))}[dir=ltr] ._spectrum-Search_5a937._spectrum-Search--loadable_5a937 ._spectrum-Search-validationIcon_5a937{padding-right:0}[dir=rtl] ._spectrum-Search_5a937._spectrum-Search--loadable_5a937 ._spectrum-Search-validationIcon_5a937{padding-left:0}[dir=ltr] ._spectrum-Search-input_5a937{padding-right:var(--spectrum-global-dimension-size-350)}[dir=rtl] ._spectrum-Search-input_5a937{padding-left:var(--spectrum-global-dimension-size-350)}._spectrum-Search-input_5a937{display:block;-webkit-appearance:none;outline-offset:-2px;text-indent:0}._spectrum-Search-input_5a937::-webkit-search-cancel-button,._spectrum-Search-input_5a937::-webkit-search-decoration{-webkit-appearance:none}[dir=ltr] ._spectrum-Textfield_5a937._spectrum-Search--invalid_5a937 ._spectrum-Search-input_5a937{padding-right:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-150))}[dir=rtl] ._spectrum-Textfield_5a937._spectrum-Search--invalid_5a937 ._spectrum-Search-input_5a937{padding-left:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-150))}[dir=ltr] ._spectrum-Textfield_5a937._spectrum-Search--valid_5a937 ._spectrum-Search-input_5a937{padding-right:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-global-dimension-size-150) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150))}[dir=rtl] ._spectrum-Textfield_5a937._spectrum-Search--valid_5a937 ._spectrum-Search-input_5a937{padding-left:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-global-dimension-size-150) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150))}[dir=ltr] ._spectrum-Textfield_5a937._spectrum-Search--loadable_5a937 ._spectrum-Search-input_5a937{padding-right:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-global-dimension-size-150) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150))}[dir=rtl] ._spectrum-Textfield_5a937._spectrum-Search--loadable_5a937 ._spectrum-Search-input_5a937{padding-left:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-global-dimension-size-150) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150))}._spectrum-InputGroup_17c83{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;min-width:calc(2.5 * var(--spectrum-global-dimension-size-400));border-radius:var(--spectrum-global-dimension-size-50)}[dir=ltr] ._spectrum-InputGroup_17c83 ._spectrum-FieldButton_17c83{border-top-left-radius:0}[dir=rtl] ._spectrum-InputGroup_17c83 ._spectrum-FieldButton_17c83{border-top-right-radius:0}[dir=ltr] ._spectrum-InputGroup_17c83 ._spectrum-FieldButton_17c83{border-bottom-left-radius:0}[dir=rtl] ._spectrum-InputGroup_17c83 ._spectrum-FieldButton_17c83{border-bottom-right-radius:0}._spectrum-InputGroup_17c83 ._spectrum-FieldButton_17c83{padding:0;width:var(--spectrum-global-dimension-size-400);border-width:1px;-ms-flex-negative:0;flex-shrink:0}._spectrum-InputGroup_17c83._is-disabled_17c83:not(._spectrum-InputGroup--invalid_17c83):not(._spectrum-InputGroup--quiet_17c83) ._spectrum-FieldButton_17c83{border-width:0}[dir=ltr] ._spectrum-InputGroup_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-validationIcon_17c83{padding-right:0}[dir=rtl] ._spectrum-InputGroup_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-validationIcon_17c83{padding-left:0}[dir=ltr] ._spectrum-InputGroup_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-validationIcon_17c83{right:var(--spectrum-global-dimension-size-100)}[dir=rtl] ._spectrum-InputGroup_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-validationIcon_17c83{left:var(--spectrum-global-dimension-size-100)}[dir=ltr] ._spectrum-InputGroup_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-circleLoader_17c83{padding-right:0}[dir=rtl] ._spectrum-InputGroup_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-circleLoader_17c83{padding-left:0}[dir=ltr] ._spectrum-InputGroup_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-circleLoader_17c83{right:var(--spectrum-global-dimension-size-100)}[dir=rtl] ._spectrum-InputGroup_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-circleLoader_17c83{left:var(--spectrum-global-dimension-size-100)}._spectrum-InputGroup-field_17c83{-ms-flex:1 1 auto;flex:1 1 auto}[dir=ltr] ._spectrum-InputGroup-input_17c83{border-top-right-radius:0}[dir=rtl] ._spectrum-InputGroup-input_17c83{border-top-left-radius:0}[dir=ltr] ._spectrum-InputGroup-input_17c83{border-bottom-right-radius:0}[dir=rtl] ._spectrum-InputGroup-input_17c83{border-bottom-left-radius:0}[dir=ltr] ._spectrum-InputGroup-input_17c83{border-right-style:none}[dir=rtl] ._spectrum-InputGroup-input_17c83{border-left-style:none}._spectrum-InputGroup--quiet_17c83{border-radius:0;min-width:calc(2 * var(--spectrum-global-dimension-size-400))}[dir=ltr] ._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83{padding-left:var(--spectrum-global-dimension-size-130)}[dir=rtl] ._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83{padding-right:var(--spectrum-global-dimension-size-130)}[dir=ltr] ._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83{padding-right:0}[dir=rtl] ._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83{padding-left:0}._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83{width:auto;position:relative;border-width:0;border-bottom:var(--spectrum-global-dimension-static-size-10,1px) solid;border-radius:0}[dir=ltr] ._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83:after{right:-10px}[dir=rtl] ._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83:after{left:-10px}._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83:after{content:"";position:absolute;height:100%;width:10px}[dir=ltr] ._spectrum-InputGroup--quiet_17c83 ._spectrum-InputGroup-icon_17c83{right:0}[dir=rtl] ._spectrum-InputGroup--quiet_17c83 ._spectrum-InputGroup-icon_17c83{left:0}._spectrum-InputGroup--quiet_17c83._is-disabled_17c83 ._spectrum-FieldButton_17c83{border-bottom-width:1px}[dir=ltr] ._spectrum-InputGroup--quiet_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-validationIcon_17c83{padding-right:0}[dir=rtl] ._spectrum-InputGroup--quiet_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-validationIcon_17c83{padding-left:0}[dir=ltr] ._spectrum-InputGroup--quiet_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-validationIcon_17c83{right:0}[dir=rtl] ._spectrum-InputGroup--quiet_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-validationIcon_17c83{left:0}[dir=ltr] ._spectrum-InputGroup--quiet_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-circleLoader_17c83{padding-right:0}[dir=rtl] ._spectrum-InputGroup--quiet_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-circleLoader_17c83{padding-left:0}[dir=ltr] ._spectrum-InputGroup--quiet_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-circleLoader_17c83{right:var(--spectrum-global-dimension-size-10)}[dir=rtl] ._spectrum-InputGroup--quiet_17c83 ._spectrum-InputGroup-field_17c83 ._spectrum-InputGroup-input-circleLoader_17c83{left:var(--spectrum-global-dimension-size-10)}[dir=ltr] ._spectrum-InputGroup-popover--quiet_17c83{margin-right:calc(var(--spectrum-dropdown-quiet-offset) * -1)}[dir=rtl] ._spectrum-InputGroup-popover--quiet_17c83{margin-left:calc(var(--spectrum-dropdown-quiet-offset) * -1)}._spectrum-InputGroup-popover--quiet_17c83{--spectrum-dropdown-quiet-offset:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10)))}._spectrum-Datepicker--range_17c83{border-radius:var(--spectrum-global-dimension-size-50)}._spectrum-Datepicker--range_17c83._spectrum-InputGroup--quiet_17c83,._spectrum-Datepicker--range_17c83._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83{border-radius:0}._spectrum-Datepicker--range_17c83._spectrum-Datepicker--datetimeRange_17c83 ._spectrum-InputGroup-field_17c83{width:calc(var(--spectrum-global-dimension-size-1600) - 2 * var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-700) - 7px);min-width:calc(var(--spectrum-global-dimension-size-1600) - 2 * var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-700) - 7px)}._spectrum-Datepicker--range_17c83 ._spectrum-InputGroup-field_17c83{width:calc(var(--spectrum-global-dimension-size-1600) - 2 * var(--spectrum-global-dimension-size-150));min-width:calc(var(--spectrum-global-dimension-size-1600) - 2 * var(--spectrum-global-dimension-size-150));-ms-flex:initial;flex:initial}[dir=ltr] ._spectrum-Datepicker--range_17c83 ._spectrum-Datepicker-startField_17c83 ._spectrum-InputGroup-field_17c83{border-right:0}[dir=rtl] ._spectrum-Datepicker--range_17c83 ._spectrum-Datepicker-startField_17c83 ._spectrum-InputGroup-field_17c83{border-left:0}[dir=ltr] ._spectrum-Datepicker--range_17c83 ._spectrum-Datepicker-startField_17c83 ._spectrum-InputGroup-field_17c83{padding-right:var(--spectrum-global-dimension-size-150)}[dir=rtl] ._spectrum-Datepicker--range_17c83 ._spectrum-Datepicker-startField_17c83 ._spectrum-InputGroup-field_17c83{padding-left:var(--spectrum-global-dimension-size-150)}._spectrum-Datepicker--range_17c83 ._spectrum-Datepicker-startField_17c83 svg{display:none}[dir=ltr] ._spectrum-Datepicker--range_17c83 ._spectrum-Datepicker-endField_17c83 ._spectrum-InputGroup-input_17c83{border-left:0}[dir=rtl] ._spectrum-Datepicker--range_17c83 ._spectrum-Datepicker-endField_17c83 ._spectrum-InputGroup-input_17c83{border-right:0}[dir=ltr] ._spectrum-Datepicker--range_17c83 ._spectrum-Datepicker-endField_17c83 ._spectrum-InputGroup-input_17c83{padding-left:var(--spectrum-global-dimension-size-150)}[dir=rtl] ._spectrum-Datepicker--range_17c83 ._spectrum-Datepicker-endField_17c83 ._spectrum-InputGroup-input_17c83{padding-right:var(--spectrum-global-dimension-size-150)}._spectrum-Datepicker--range_17c83 ._spectrum-Datepicker-endField_17c83 ._spectrum-InputGroup-input_17c83{-ms-flex:1;flex:1;border-radius:0}._spectrum-Datepicker--range_17c83 ._spectrum-Datepicker--rangeDash_17c83{line-height:calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) - var(--spectrum-global-dimension-size-100));padding-top:0;-ms-flex:initial;flex:initial;width:0;z-index:1}._spectrum-Datepicker--range_17c83 ._spectrum-Datepicker--rangeDash_17c83:before{content:"\2013";display:inline-block;margin:0 -7px;overflow:hidden;text-align:center;vertical-align:middle;width:14px}._spectrum-Datepicker--range_17c83._is-focused_17c83 ._spectrum-Datepicker-focusRing_17c83{position:absolute;border-radius:var(--spectrum-global-dimension-size-50);top:0;right:0;bottom:0;left:0;pointer-events:none}._spectrum-Datepicker--range_17c83._spectrum-InputGroup--quiet_17c83._is-focused_17c83 ._spectrum-Datepicker-focusRing_17c83{border-radius:0;top:auto}[dir=ltr] ._spectrum-Datepicker--range_17c83._spectrum-InputGroup--quiet_17c83 ._spectrum-Datepicker--rangeDash_17c83:before{margin-left:-7px}[dir=rtl] ._spectrum-Datepicker--range_17c83._spectrum-InputGroup--quiet_17c83 ._spectrum-Datepicker--rangeDash_17c83:before{margin-right:-7px}._spectrum-InputGroup_17c83._is-focused_17c83:not(._spectrum-InputGroup--invalid_17c83):not(._is-disabled_17c83) ._spectrum-FieldButton_17c83,._spectrum-InputGroup_17c83._is-focused_17c83:not(._spectrum-InputGroup--invalid_17c83):not(._is-disabled_17c83) ._spectrum-InputGroup-input_17c83{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-InputGroup_17c83._is-hovered_17c83:not(._spectrum-InputGroup--invalid_17c83):not(._is-focused_17c83):not(._is-disabled_17c83) ._spectrum-FieldButton_17c83,._spectrum-InputGroup_17c83._is-hovered_17c83:not(._spectrum-InputGroup--invalid_17c83):not(._is-focused_17c83):not(._is-disabled_17c83) ._spectrum-InputGroup-input_17c83{border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500))}._spectrum-InputGroup_17c83._is-focused_17c83 ._spectrum-FieldButton_17c83,._spectrum-InputGroup_17c83._is-focused_17c83 ._spectrum-InputGroup-input_17c83{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-InputGroup_17c83._is-focused_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-FieldButton_17c83,._spectrum-InputGroup_17c83._is-focused_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-InputGroup-input_17c83{border-color:var(--spectrum-global-color-red-500)}._spectrum-InputGroup_17c83._focus-ring_17c83:not(._spectrum-InputGroup--quiet_17c83) ._spectrum-FieldButton_17c83{z-index:1}._spectrum-InputGroup_17c83._focus-ring_17c83:not(._spectrum-InputGroup--quiet_17c83) ._spectrum-FieldButton_17c83,._spectrum-InputGroup_17c83._focus-ring_17c83:not(._spectrum-InputGroup--quiet_17c83) ._spectrum-InputGroup-input_17c83{box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-InputGroup_17c83._focus-ring_17c83:not(._spectrum-InputGroup--quiet_17c83)._spectrum-InputGroup--invalid_17c83 ._spectrum-FieldButton_17c83,._spectrum-InputGroup_17c83._focus-ring_17c83:not(._spectrum-InputGroup--quiet_17c83)._spectrum-InputGroup--invalid_17c83 ._spectrum-InputGroup-input_17c83{box-shadow:0 0 0 1px var(--spectrum-global-color-red-500)}._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83,._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83._is-hovered_17c83,._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83._is-selected_17c83,._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83._spectrum-FieldButton--invalid_17c83,._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83:active,._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83:focus,._spectrum-InputGroup--quiet_17c83:not(._is-disabled_17c83) ._spectrum-FieldButton_17c83:disabled,._spectrum-InputGroup--quiet_17c83:not(._is-disabled_17c83) ._spectrum-FieldButton_17c83:disabled._is-hovered_17c83{border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400))}._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83:disabled,._spectrum-InputGroup--quiet_17c83 ._spectrum-FieldButton_17c83:disabled._is-hovered_17c83{border-color:var(--spectrum-alias-border-color-mid,var(--spectrum-global-color-gray-300))}._spectrum-InputGroup--quiet_17c83._is-hovered_17c83:not(._spectrum-InputGroup--invalid_17c83):not(._is-focused_17c83):not(._is-disabled_17c83) ._spectrum-FieldButton_17c83{border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500))}._spectrum-InputGroup--quiet_17c83._spectrum-InputGroup_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-FieldButton_17c83,._spectrum-InputGroup--quiet_17c83._spectrum-InputGroup_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-InputGroup-input_17c83{border-color:var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500))}._spectrum-InputGroup--quiet_17c83._spectrum-InputGroup_17c83._is-focused_17c83 ._spectrum-FieldButton_17c83{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-InputGroup--quiet_17c83._spectrum-InputGroup_17c83._is-focused_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-FieldButton_17c83{border-color:var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500))}._spectrum-InputGroup--quiet_17c83._spectrum-InputGroup_17c83._focus-ring_17c83 ._spectrum-InputGroup-input_17c83{box-shadow:0 1px 0 var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-InputGroup--quiet_17c83._spectrum-InputGroup_17c83._focus-ring_17c83 ._spectrum-FieldButton_17c83{box-shadow:0 1px 0 var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-InputGroup--quiet_17c83._spectrum-InputGroup_17c83._focus-ring_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-FieldButton_17c83,._spectrum-InputGroup--quiet_17c83._spectrum-InputGroup_17c83._focus-ring_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-InputGroup-input_17c83{box-shadow:0 1px 0 var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500))}._spectrum-Datepicker--range_17c83._focus-ring_17c83 ._spectrum-InputGroup-input_17c83{box-shadow:none!important}._spectrum-Datepicker--range_17c83._is-disabled_17c83 ._spectrum-Datepicker--rangeDash_17c83{color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-Datepicker--range_17c83._focus-ring_17c83{box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-Datepicker--range_17c83._focus-ring_17c83._spectrum-InputGroup--invalid_17c83,._spectrum-Datepicker--range_17c83._focus-ring_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-FieldButton_17c83{box-shadow:0 0 0 1px var(--spectrum-global-color-red-500)}._spectrum-Datepicker--range_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-InputGroup-input_17c83{border-color:var(--spectrum-global-color-red-500)!important}._spectrum-Datepicker--range_17c83._spectrum-InputGroup--invalid_17c83._focus-ring_17c83 ._spectrum-FieldButton_17c83{border-color:var(--spectrum-global-color-red-500);box-shadow:0 0 0 1px var(--spectrum-global-color-red-500)}._spectrum-Datepicker--range_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-FieldButton_17c83{border-color:var(--spectrum-global-color-red-500)}._spectrum-Datepicker--range_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-FieldButton_17c83._spectrum-FieldButton--invalid_17c83._focus-ring_17c83{border-color:var(--spectrum-global-color-red-500);box-shadow:0 0 0 1px var(--spectrum-global-color-red-500)}._spectrum-Datepicker--range_17c83._spectrum-InputGroup--quiet_17c83._is-focused_17c83{box-shadow:0 1px 0 0 var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-Datepicker--range_17c83._spectrum-InputGroup--quiet_17c83._is-focused_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-FieldButton_17c83{box-shadow:none;border-color:var(--spectrum-global-color-red-500)}._spectrum-Datepicker--range_17c83._spectrum-InputGroup--quiet_17c83._is-focused_17c83._spectrum-InputGroup--invalid_17c83 ._spectrum-FieldButton_17c83._spectrum-FieldButton--invalid_17c83._focus-ring_17c83{box-shadow:0 2px 0 0 var(--spectrum-global-color-red-500)}._spectrum-Datepicker--range_17c83._spectrum-InputGroup--quiet_17c83._is-focused_17c83._spectrum-InputGroup--invalid_17c83._focus-ring_17c83{box-shadow:0 0 0 1px var(--spectrum-global-color-red-500)}._spectrum-Textfield-input_10f9f{font-family:adobe-clean-ux,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._spectrum-Textfield-input_10f9f:lang(ar){font-family:adobe-arabic,myriad-arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._spectrum-Textfield-input_10f9f:lang(he){font-family:adobe-hebrew,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._spectrum-Textfield-input_10f9f:lang(zh),._spectrum-Textfield-input_10f9f:lang(zh-Hans){font-family:adobe-clean-han-simplified-c,SimSun,Heiti SC Light,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._spectrum-Textfield-input_10f9f:lang(ko){font-family:adobe-clean-han-korean,Malgun Gothic,Apple Gothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._spectrum-Textfield-input_10f9f:lang(ja){font-family:adobe-clean-han-japanese,Yu Gothic,"\30E1 \30A4 \30EA \30AA","\30D2 \30E9 \30AE \30CE \89D2 \30B4 Pro W3",Hiragino Kaku Gothic Pro W3,Osaka,"\FF2D \FF33 \FF30 \30B4 \30B7 \30C3 \30AF",MS PGothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._spectrum-Textfield_10f9f{display:-ms-inline-flexbox;display:inline-flex;position:relative;min-width:var(--spectrum-global-dimension-size-600);width:var(--spectrum-global-dimension-size-2400)}._spectrum-Textfield_10f9f:not(._spectrum-Textfield--quiet_10f9f)._spectrum-Textfield--multiline_10f9f ._spectrum-Textfield-input_10f9f:not(:disabled){resize:vertical}._spectrum-Textfield_10f9f._spectrum-Textfield--quiet_10f9f._spectrum-Textfield--multiline_10f9f ._spectrum-Textfield-input_10f9f{height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));min-height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));overflow-x:hidden}._spectrum-Textfield-input_10f9f{box-sizing:border-box;border:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)) solid;border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));padding:3px var(--spectrum-global-dimension-size-150) 5px calc(var(--spectrum-global-dimension-size-150) - 1px);text-indent:0;width:100%;height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));vertical-align:top;margin:0;overflow:visible;font-size:var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100));line-height:var(--spectrum-alias-body-text-line-height,var(--spectrum-global-font-line-height-medium));text-overflow:ellipsis;transition:border-color .13s ease-in-out,box-shadow .13s ease-in-out;outline:none;-webkit-appearance:none;-moz-appearance:textfield}._spectrum-Textfield-input_10f9f._is-placeholder_10f9f,._spectrum-Textfield-input_10f9f::placeholder{font-weight:var(--spectrum-global-font-weight-regular,400);font-style:var(--spectrum-global-font-style-italic,italic);font-synthesis:none;transition:color .13s ease-in-out;opacity:1}._spectrum-Textfield-input_10f9f::-ms-input-placeholder{font-weight:var(--spectrum-global-font-weight-regular,400);font-style:var(--spectrum-global-font-style-italic,italic);transition:color .13s ease-in-out;opacity:1}._spectrum-Textfield-input_10f9f:lang(ar)._is-placeholder_10f9f,._spectrum-Textfield-input_10f9f:lang(ar)::placeholder,._spectrum-Textfield-input_10f9f:lang(he)._is-placeholder_10f9f,._spectrum-Textfield-input_10f9f:lang(he)::placeholder,._spectrum-Textfield-input_10f9f:lang(ja)._is-placeholder_10f9f,._spectrum-Textfield-input_10f9f:lang(ja)::placeholder,._spectrum-Textfield-input_10f9f:lang(ko)._is-placeholder_10f9f,._spectrum-Textfield-input_10f9f:lang(ko)::placeholder,._spectrum-Textfield-input_10f9f:lang(zh)._is-placeholder_10f9f,._spectrum-Textfield-input_10f9f:lang(zh)::placeholder{font-style:normal}._spectrum-Textfield-input_10f9f:lang(ar)::-ms-input-placeholder,._spectrum-Textfield-input_10f9f:lang(he)::-ms-input-placeholder,._spectrum-Textfield-input_10f9f:lang(ja)::-ms-input-placeholder,._spectrum-Textfield-input_10f9f:lang(ko)::-ms-input-placeholder,._spectrum-Textfield-input_10f9f:lang(zh)::-ms-input-placeholder{font-style:normal}._spectrum-Textfield-input_10f9f._is-hovered_10f9f::placeholder{font-weight:var(--spectrum-global-font-weight-regular,400)}._spectrum-Textfield-input_10f9f:disabled{resize:none;opacity:1}._spectrum-Textfield-input_10f9f:disabled._is-placeholder_10f9f,._spectrum-Textfield-input_10f9f:disabled::placeholder{font-weight:var(--spectrum-global-font-weight-regular,400)}._spectrum-Textfield-input_10f9f::-ms-clear{width:0;height:0}._spectrum-Textfield-input_10f9f::-webkit-inner-spin-button,._spectrum-Textfield-input_10f9f::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._spectrum-Textfield-input_10f9f:-moz-ui-invalid{box-shadow:none}._spectrum-Textfield--multiline_10f9f ._spectrum-Textfield-input_10f9f{height:auto;min-height:var(--spectrum-global-dimension-size-700);padding:3px var(--spectrum-global-dimension-size-150) 5px calc(var(--spectrum-global-dimension-size-150) - 1px);overflow:auto}[dir=ltr] ._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f{padding-left:0}[dir=ltr] ._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f,[dir=rtl] ._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f{padding-right:0}[dir=rtl] ._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f{padding-left:0}._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f{border-radius:0;border-left-width:0;border-bottom-width:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));border-right-width:0;border-top-width:0;resize:none;overflow-y:hidden}[dir=ltr] ._spectrum-Textfield--valid_10f9f ._spectrum-Textfield-input_10f9f{padding-right:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150))}[dir=rtl] ._spectrum-Textfield--valid_10f9f ._spectrum-Textfield-input_10f9f{padding-left:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150))}[dir=ltr] ._spectrum-Textfield--invalid_10f9f ._spectrum-Textfield-input_10f9f{padding-right:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-150))}[dir=rtl] ._spectrum-Textfield--invalid_10f9f ._spectrum-Textfield-input_10f9f{padding-left:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-150))}[dir=ltr] ._spectrum-Textfield--loadable_10f9f ._spectrum-Textfield-input_10f9f{padding-right:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-150))}[dir=rtl] ._spectrum-Textfield--loadable_10f9f ._spectrum-Textfield-input_10f9f{padding-left:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-150))}[dir=ltr] ._spectrum-Textfield-validationIcon_10f9f{padding-right:calc(var(--spectrum-global-dimension-size-150) / 2)}[dir=rtl] ._spectrum-Textfield-validationIcon_10f9f{padding-left:calc(var(--spectrum-global-dimension-size-150) / 2)}._spectrum-Textfield-validationIcon_10f9f{position:absolute;pointer-events:all;transition:color .13s ease-in-out}[dir=ltr] ._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-validationIcon_10f9f{padding-right:0}[dir=rtl] ._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-validationIcon_10f9f{padding-left:0}[dir=ltr] ._spectrum-Textfield--invalid_10f9f ._spectrum-Textfield-validationIcon_10f9f{right:calc(var(--spectrum-textfield-icon-frame) / 2 - var(--spectrum-global-dimension-size-225) / 2)}[dir=rtl] ._spectrum-Textfield--invalid_10f9f ._spectrum-Textfield-validationIcon_10f9f{left:calc(var(--spectrum-textfield-icon-frame) / 2 - var(--spectrum-global-dimension-size-225) / 2)}._spectrum-Textfield--invalid_10f9f ._spectrum-Textfield-validationIcon_10f9f{width:var(--spectrum-global-dimension-size-225);height:var(--spectrum-global-dimension-size-225);top:calc(var(--spectrum-textfield-icon-frame) / 2 - var(--spectrum-global-dimension-size-225) / 2)}[dir=ltr] ._spectrum-Textfield--valid_10f9f ._spectrum-Textfield-validationIcon_10f9f{right:var(--spectrum-global-dimension-size-150)}[dir=rtl] ._spectrum-Textfield--valid_10f9f ._spectrum-Textfield-validationIcon_10f9f{left:var(--spectrum-global-dimension-size-150)}._spectrum-Textfield--valid_10f9f ._spectrum-Textfield-validationIcon_10f9f{width:var(--spectrum-icon-checkmark-medium-width);height:var(--spectrum-icon-checkmark-medium-height);top:calc(var(--spectrum-textfield-icon-frame) / 2 - var(--spectrum-icon-checkmark-medium-height) / 2)}[dir=ltr] ._spectrum-Textfield-icon_10f9f{left:var(--spectrum-global-dimension-size-150)}[dir=rtl] ._spectrum-Textfield-icon_10f9f{right:var(--spectrum-global-dimension-size-150)}._spectrum-Textfield-icon_10f9f{display:block;position:absolute;height:var(--spectrum-global-dimension-size-225);width:var(--spectrum-global-dimension-size-225);top:var(--spectrum-global-dimension-size-85);transition:fill .13s ease-in-out}[dir=ltr] ._spectrum-Textfield-inputIcon_10f9f{padding-left:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-65))}[dir=rtl] ._spectrum-Textfield-inputIcon_10f9f{padding-right:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-65))}[dir=ltr] ._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-inputIcon_10f9f{padding-left:calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-global-dimension-size-225))}[dir=rtl] ._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-inputIcon_10f9f{padding-right:calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-global-dimension-size-225))}[dir=ltr] ._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-inputIcon_10f9f~._spectrum-Textfield-icon_10f9f{left:0}[dir=rtl] ._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-inputIcon_10f9f~._spectrum-Textfield-icon_10f9f{right:0}._spectrum-Textfield-inputIcon_10f9f._spectrum-Textfield--multiline_10f9f{height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));min-height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))}[dir=ltr] ._spectrum-Textfield--loadable_10f9f ._spectrum-Textfield-circleLoader_10f9f{right:calc(var(--spectrum-textfield-icon-frame) / 2 - var(--spectrum-global-dimension-size-225) / 2 + var(--spectrum-global-dimension-size-150) / 2)}[dir=rtl] ._spectrum-Textfield--loadable_10f9f ._spectrum-Textfield-circleLoader_10f9f{left:calc(var(--spectrum-textfield-icon-frame) / 2 - var(--spectrum-global-dimension-size-225) / 2 + var(--spectrum-global-dimension-size-150) / 2)}._spectrum-Textfield--loadable_10f9f ._spectrum-Textfield-circleLoader_10f9f{position:absolute;top:calc(var(--spectrum-textfield-icon-frame) / 2 - var(--spectrum-global-dimension-static-size-200, 16px) / 2)}[dir=ltr] ._spectrum-Textfield--quiet_10f9f._spectrum-Textfield--loadable_10f9f ._spectrum-Textfield-circleLoader_10f9f{padding-right:0}[dir=rtl] ._spectrum-Textfield--quiet_10f9f._spectrum-Textfield--loadable_10f9f ._spectrum-Textfield-circleLoader_10f9f{padding-left:0}._spectrum-Textfield-input_10f9f{background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}._spectrum-Textfield-input_10f9f._is-placeholder_10f9f,._spectrum-Textfield-input_10f9f::placeholder{color:var(--spectrum-alias-placeholder-text-color,var(--spectrum-global-color-gray-600))}._spectrum-Textfield-input_10f9f._is-hovered_10f9f{border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));box-shadow:none}._spectrum-Textfield-input_10f9f._is-hovered_10f9f._is-placeholder_10f9f,._spectrum-Textfield-input_10f9f._is-hovered_10f9f::placeholder{color:var(--spectrum-alias-placeholder-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-Textfield-input_10f9f._is-hovered_10f9f~._spectrum-Textfield-icon_10f9f{fill:var(--spectrum-global-color-gray-900)}._spectrum-Textfield-input_10f9f:active{background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-mouse-focus,var(--spectrum-global-color-blue-500));color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}._spectrum-Textfield-input_10f9f:active._is-placeholder_10f9f,._spectrum-Textfield-input_10f9f:active::placeholder{color:var(--spectrum-alias-placeholder-text-color-down,var(--spectrum-global-color-gray-900))}._spectrum-Textfield-input_10f9f:active~._spectrum-Textfield-icon_10f9f{fill:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}._spectrum-Textfield-input_10f9f._is-focused_10f9f,._spectrum-Textfield-input_10f9f:focus{border-color:var(--spectrum-alias-border-color-mouse-focus,var(--spectrum-global-color-blue-500))}._spectrum-Textfield-input_10f9f._focus-ring_10f9f:not(:active){border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-Textfield-input_10f9f._is-disabled_10f9f,._spectrum-Textfield-input_10f9f[disabled]{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500));-webkit-text-fill-color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-Textfield-input_10f9f._is-disabled_10f9f._is-placeholder_10f9f,._spectrum-Textfield-input_10f9f._is-disabled_10f9f::placeholder,._spectrum-Textfield-input_10f9f[disabled]._is-placeholder_10f9f,._spectrum-Textfield-input_10f9f[disabled]::placeholder{color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-Textfield-input_10f9f._is-disabled_10f9f~._spectrum-Textfield-icon_10f9f,._spectrum-Textfield-input_10f9f[disabled]~._spectrum-Textfield-icon_10f9f{fill:var(--spectrum-global-color-gray-500)}._spectrum-Textfield-input_10f9f._spectrum-Textfield--invalid_10f9f{border-color:var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500))}._spectrum-Textfield-input_10f9f._spectrum-Textfield--invalid_10f9f._is-hovered_10f9f{border-color:var(--spectrum-semantic-negative-color-state-hover,var(--spectrum-global-color-red-600))}._spectrum-Textfield-input_10f9f._spectrum-Textfield--invalid_10f9f:active{border-color:var(--spectrum-semantic-negative-color-state-down,var(--spectrum-global-color-red-700))}._spectrum-Textfield-input_10f9f._spectrum-Textfield--invalid_10f9f._focus-ring_10f9f:not(:active){border-color:var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500));box-shadow:0 0 0 1px var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500))}._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400))}._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f._is-hovered_10f9f{border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500))}._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f:active{border-color:var(--spectrum-alias-border-color-mouse-focus,var(--spectrum-global-color-blue-500))}._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f._is-focused_10f9f,._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f:focus{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f._focus-ring_10f9f:not(:active){border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));box-shadow:0 1px 0 var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f._is-disabled_10f9f,._spectrum-Textfield--quiet_10f9f ._spectrum-Textfield-input_10f9f:disabled{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-mid,var(--spectrum-global-color-gray-300))}._spectrum-Textfield_10f9f._spectrum-Textfield--invalid_10f9f ._spectrum-Textfield-input_10f9f{border-color:var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500))}._spectrum-Textfield_10f9f._spectrum-Textfield--invalid_10f9f ._spectrum-Textfield-input_10f9f._focus-ring_10f9f:not(:active){border-color:var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500));box-shadow:0 0 0 1px var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500))}._spectrum-Textfield--quiet_10f9f._spectrum-Textfield--invalid_10f9f ._spectrum-Textfield-input_10f9f._focus-ring_10f9f:not(:active){box-shadow:0 1px 0 var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500))}._spectrum-Textfield-icon_10f9f{fill:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}._spectrum-Textfield--valid_10f9f ._spectrum-Textfield-validationIcon_10f9f{fill:var(--spectrum-semantic-positive-color-icon,var(--spectrum-global-color-green-600))}._spectrum-Textfield--invalid_10f9f ._spectrum-Textfield-validationIcon_10f9f{fill:var(--spectrum-semantic-negative-color-icon,var(--spectrum-global-color-red-600))}
2
2
  /*# sourceMappingURL=main.css.map */
package/dist/main.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"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","sources":["./packages/@react-spectrum/autocomplete/src/searchautocomplete.css","./node_modules/@adobe/spectrum-css-temp/components/search/index.css","./node_modules/@adobe/spectrum-css-temp/components/inputgroup/index.css","./node_modules/@adobe/spectrum-css-temp/components/inputgroup/skin.css","./node_modules/@adobe/spectrum-css-temp/components/textfield/index.css","./node_modules/@adobe/spectrum-css-temp/components/textfield/skin.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.no-results {\n display: block;\n /*\n Renamed from padding-y to padding-height to fix docs issue where fallback var replaced this value\n (due to old spectrum-css postcss-custom-properties-custom-mapping plugin).\n */\n padding-top: var(--spectrum-selectlist-option-padding-height);\n padding-inline-start: var(--spectrum-selectlist-option-padding);\n font-size: var(--spectrum-selectlist-option-text-size);\n font-weight: var(--spectrum-selectlist-option-text-font-weight);\n font-style: italic;\n}\n\n.mobile-searchautocomplete {\n outline: none;\n}\n\n.mobile-input {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.mobile-value {\n vertical-align: middle;\n}\n\n.tray-dialog {\n display: flex;\n flex-direction: column;\n height: 100%;\n outline: none;\n}\n\n.tray-textfield {\n margin: var(--spectrum-global-dimension-size-150);\n margin-bottom: var(--spectrum-global-dimension-size-50);\n flex-shrink: 0;\n width: initial !important;\n\n &.has-label {\n margin-top: var(--spectrum-global-dimension-size-50);\n }\n\n .tray-textfield-input {\n padding-inline-start: var(--spectrum-textfield-padding-x);\n }\n}\n\n.tray-listbox {\n width: 100%;\n flex: 1;\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import '../commons/index.css';\n\n/* override DNA variables to use ones that change in large scale instead of staying static */\n:root {\n --spectrum-search-padding-left: var(--spectrum-global-dimension-size-450);\n --spectrum-search-padding-right: var(--spectrum-global-dimension-size-350);\n --spectrum-search-quiet-padding-left: var(--spectrum-global-dimension-size-300);\n --spectrum-search-quiet-padding-right: var(--spectrum-global-dimension-size-350);\n}\n\n.spectrum-Search {\n display: inline-block;\n position: relative;\n\n .spectrum-ClearButton {\n position: absolute;\n inset-inline-end: 0;\n top: 0;\n }\n\n &.is-quiet .spectrum-Search-input {\n padding-inline-start: var(--spectrum-search-quiet-padding-left);\n padding-inline-end: var(--spectrum-search-quiet-padding-right);\n }\n\n &.spectrum-Search--invalid .spectrum-ClearButton {\n inset-inline-end: calc(var(--spectrum-icon-alert-medium-width) + var(--spectrum-textfield-padding-x));\n }\n\n &.spectrum-Search--valid .spectrum-ClearButton {\n inset-inline-end: calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x) / 2 + var(--spectrum-global-dimension-size-150));\n }\n\n /* Flip clear button and circle loader position so circle loader is to the left of the clear button */\n &.spectrum-Search--loadable .spectrum-ClearButton {\n inset-inline-end: 0\n }\n\n /* Flip clear button and circle loader position so circle loader is to the left of the clear button */\n &.spectrum-Search--loadable .spectrum-Search-circleLoader {\n inset-inline-end: calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x) / 2 + var(--spectrum-global-dimension-size-150));\n }\n\n /* Move validation icons so that they sit to the left of the clear button (for async loading combobox tray, same position as loading indicator) */\n &.spectrum-Search--loadable .spectrum-Search-validationIcon {\n inset-inline-end: calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x) / 2 + var(--spectrum-global-dimension-size-150));\n padding-inline-end: 0;\n }\n}\n\n.spectrum-Search-input {\n display: block;\n\n /* Correct the odd appearance of input[type=\"search\"] in Chrome and Safari.*/\n /* This gets overridden by .spectrum-Textfield */\n -webkit-appearance: none;\n\n /* Correct the outline for input[type=\"search\"] style in Safari. */\n outline-offset: -2px;\n\n text-indent: 0;\n\n /* Don't let long strings overlap the close icon */\n padding-inline-end: var(--spectrum-search-padding-right);\n\n /* Remove the inner padding and cancel buttons for input[type=\"search\"] in Chrome and Safari on macOS. */\n &::-webkit-search-cancel-button,\n &::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n .spectrum-Textfield.spectrum-Search--invalid & {\n padding-inline-end: calc(var(--spectrum-search-padding-right) + var(--spectrum-textfield-padding-x) + var(--spectrum-icon-alert-medium-width) + var(--spectrum-textfield-icon-margin-left));\n }\n\n .spectrum-Textfield.spectrum-Search--valid & {\n padding-inline-end: calc(var(--spectrum-search-padding-right) + var(--spectrum-textfield-padding-x) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left));\n }\n\n .spectrum-Textfield.spectrum-Search--loadable & {\n padding-inline-end: calc(var(--spectrum-search-padding-right) + var(--spectrum-textfield-padding-x) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left));\n }\n}\n\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import '../commons/index.css';\n\n:root {\n /* Todo: move to DNA */\n --spectrum-combobox-quiet-fieldbutton-border-radius: 0;\n --spectrum-combobox-quiet-fieldbutton-padding-right: 0;\n --spectrum-combobox-quiet-fieldbutton-padding-left: var(--spectrum-global-dimension-size-130);\n --spectrum-combobox-validation-icon-right: var(--spectrum-global-dimension-size-100);\n --spectrum-datepicker-input-width: calc(var(--spectrum-global-dimension-size-1600) - 2 * var(--spectrum-padding));\n --spectrum-datepicker-datetime-input-width: calc(var(--spectrum-datepicker-input-width) + var(--spectrum-global-dimension-size-700) - var(--spectrum-global-dimension-static-font-size-100) / 2);\n --spectrum-datepicker-range-dash-margin-left: calc(-0.5 * var(--spectrum-global-dimension-static-font-size-100));\n --spectrum-datepicker-range-dash-padding-top: 0;\n --spectrum-datepicker-range-dash-line-height: calc(var(--spectrum-textfield-height) - var(--spectrum-global-dimension-size-100));\n\n --spectrum-combobox-button-width: var(--spectrum-global-dimension-size-400);\n}\n\n.spectrum-InputGroup {\n position: relative;\n display: inline-flex;\n flex-direction: row;\n flex-wrap: nowrap;\n min-width: calc(2.5 * var(--spectrum-dropdown-height));\n border-radius: var(--spectrum-border-radius);\n\n .spectrum-FieldButton {\n padding: 0;\n inline-size: var(--spectrum-combobox-button-width);\n border-start-start-radius: var(--spectrum-combobox-fieldbutton-border-top-left-radius);\n border-end-start-radius: var(--spectrum-combobox-fieldbutton-border-bottom-left-radius);\n border-width: 1px;\n flex-shrink: 0;\n }\n\n /* Quiet or invalid inputgroup field button should always have a border width. */\n &.is-disabled:not(.spectrum-InputGroup--invalid):not(.spectrum-InputGroup--quiet) {\n .spectrum-FieldButton {\n border-width: 0;\n }\n }\n\n .spectrum-InputGroup-field {\n .spectrum-InputGroup-input-validationIcon {\n padding-inline-end: 0;\n inset-inline-end: var(--spectrum-combobox-validation-icon-right);\n }\n\n .spectrum-InputGroup-input-circleLoader {\n padding-inline-end: 0;\n inset-inline-end: var(--spectrum-combobox-validation-icon-right);\n }\n }\n}\n\n.spectrum-InputGroup-field {\n flex: 1 1 auto;\n}\n\n.spectrum-InputGroup-input {\n border-start-end-radius: var(--spectrum-combobox-textfield-border-top-right-radius);\n border-end-end-radius: var(--spectrum-combobox-textfield-border-bottom-right-radius);\n border-inline-end-style: none;\n}\n\n.spectrum-InputGroup--quiet {\n border-radius: var(--spectrum-combobox-quiet-fieldbutton-border-radius);\n min-width: calc(2 * var(--spectrum-dropdown-height));\n\n .spectrum-FieldButton {\n inline-size: auto;\n position: relative;\n\n padding-inline-start: var(--spectrum-combobox-quiet-fieldbutton-padding-left);\n padding-inline-end: var(--spectrum-combobox-quiet-fieldbutton-padding-right);\n border-width: 0;\n border-bottom: var(--spectrum-textfield-quiet-affixed-border-size) solid;\n border-radius: var(--spectrum-combobox-quiet-fieldbutton-border-radius);\n\n /* More hitarea */\n &:after {\n content: '';\n position: absolute;\n block-size: 100%;\n inline-size: 10px;\n inset-inline-end: -10px;\n }\n }\n\n .spectrum-InputGroup-icon {\n inset-inline-end: 0;\n }\n\n &.is-disabled {\n .spectrum-FieldButton {\n border-bottom-width: 1px;\n }\n }\n\n .spectrum-InputGroup-field {\n .spectrum-InputGroup-input-validationIcon {\n padding-inline-end: 0;\n inset-inline-end: 0;\n }\n\n .spectrum-InputGroup-input-circleLoader {\n padding-inline-end: 0;\n inset-inline-end: var(--spectrum-global-dimension-size-10);\n }\n }\n}\n\n.spectrum-InputGroup-popover--quiet {\n /* Define this var so it can be read from JS */\n --spectrum-dropdown-quiet-offset: calc(var(--spectrum-dropdown-quiet-popover-offset-x) + var(--spectrum-popover-border-size));\n margin-inline-end: calc(var(--spectrum-dropdown-quiet-offset) * -1);\n}\n\n.spectrum-Datepicker--range {\n border-radius: var(--spectrum-border-radius);\n /* Input Group */\n &.spectrum-InputGroup--quiet {\n border-radius: var(--spectrum-combobox-quiet-fieldbutton-border-radius);\n .spectrum-FieldButton {\n border-radius: var(--spectrum-combobox-quiet-fieldbutton-border-radius);\n }\n }\n /* Datetime Range */\n &.spectrum-Datepicker--datetimeRange {\n /* Inputs */\n .spectrum-InputGroup-field {\n width: var(--spectrum-datepicker-datetime-input-width);\n min-width: var(--spectrum-datepicker-datetime-input-width);\n }\n }\n /* Inputs */\n .spectrum-InputGroup-field {\n width: var(--spectrum-datepicker-input-width);\n min-width: var(--spectrum-datepicker-input-width);\n flex: initial;\n }\n .spectrum-Datepicker-startField {\n .spectrum-InputGroup-field {\n border-inline-end: 0;\n padding-inline-end: var(--spectrum-padding);\n }\n\n svg {\n display: none;\n }\n }\n .spectrum-Datepicker-endField {\n .spectrum-InputGroup-input {\n flex: 1;\n border-inline-start: 0;\n border-radius: 0;\n padding-inline-start: var(--spectrum-padding);\n }\n }\n /* Em dash */\n .spectrum-Datepicker--rangeDash {\n line-height: var(--spectrum-datepicker-range-dash-line-height);\n padding-top: var(--spectrum-datepicker-range-dash-padding-top);\n flex: initial;\n width: 0;\n z-index: 1;\n &:before {\n content: '–';\n display: inline-block;\n margin: 0 var(--spectrum-datepicker-range-dash-margin-left);\n overflow: hidden;\n text-align: center;\n vertical-align: middle;\n width: var(--spectrum-global-dimension-static-font-size-100);\n }\n }\n /* Focus ring */\n &.is-focused {\n .spectrum-Datepicker-focusRing {\n position: absolute;\n border-radius: var(--spectrum-border-radius);\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n pointer-events: none;\n }\n }\n &.spectrum-InputGroup--quiet {\n &.is-focused {\n .spectrum-Datepicker-focusRing {\n border-radius: var(--spectrum-combobox-quiet-fieldbutton-border-radius);\n top: auto;\n }\n }\n .spectrum-Datepicker--rangeDash {\n &:before {\n margin-inline-start: var(--spectrum-datepicker-range-dash-margin-left);\n }\n }\n }\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n.spectrum-InputGroup {\n &.is-focused {\n &:not(.spectrum-InputGroup--invalid):not(.is-disabled) {\n .spectrum-InputGroup-input {\n border-color: var(--spectrum-textfield-border-color-key-focus);\n }\n\n .spectrum-FieldButton {\n border-color: var(--spectrum-textfield-border-color-key-focus);\n }\n }\n }\n\n &:hover {\n &:not(.spectrum-InputGroup--invalid):not(.is-focused):not(.is-disabled) {\n .spectrum-InputGroup-input {\n border-color: var(--spectrum-textfield-border-color-hover);\n }\n\n .spectrum-FieldButton {\n border-color: var(--spectrum-textfield-border-color-hover);\n }\n }\n }\n}\n\n.spectrum-InputGroup.is-focused {\n .spectrum-FieldButton,\n .spectrum-InputGroup-input {\n border-color: var(--spectrum-dropdown-border-color-key-focus);\n }\n\n &.spectrum-InputGroup--invalid {\n .spectrum-FieldButton,\n .spectrum-InputGroup-input {\n border-color: var(--spectrum-dropdown-border-color-error);\n }\n }\n}\n\n/* Only add the 2px ring for keyboard focus */\n.spectrum-InputGroup:focus-ring:not(.spectrum-InputGroup--quiet) {\n .spectrum-FieldButton {\n z-index: 1;\n }\n\n .spectrum-FieldButton,\n .spectrum-InputGroup-input {\n box-shadow: 0 0 0 1px var(--spectrum-dropdown-border-color-key-focus);\n }\n\n &.spectrum-InputGroup--invalid {\n .spectrum-FieldButton,\n .spectrum-InputGroup-input {\n box-shadow: 0 0 0 1px var(--spectrum-dropdown-border-color-error);\n }\n }\n}\n\n.spectrum-InputGroup--quiet {\n /*\n specifically for readonly inputgroups that aren't disabled since the button will have the disabled class\n but we don't want the border color to be the disabled quiet one\n */\n &:not(.is-disabled) {\n .spectrum-FieldButton {\n &:disabled,\n &:disabled:hover {\n border-color: var(--spectrum-textfield-quiet-border-color);\n }\n }\n }\n\n .spectrum-FieldButton {\n &,\n &:hover,\n &:focus,\n &:active,\n &.is-selected,\n &.spectrum-FieldButton--invalid {\n border-color: var(--spectrum-textfield-quiet-border-color);\n }\n\n &:disabled,\n &:disabled:hover {\n border-color: var(--spectrum-textfield-quiet-border-color-disabled);\n }\n }\n\n &:hover:not(.spectrum-InputGroup--invalid):not(.is-focused):not(.is-disabled) {\n .spectrum-FieldButton {\n border-color: var(--spectrum-textfield-quiet-border-color-hover);\n }\n }\n\n &.spectrum-InputGroup {\n &.spectrum-InputGroup--invalid {\n .spectrum-FieldButton,\n .spectrum-InputGroup-input {\n border-color: var(--spectrum-textfield-border-color-error);\n }\n }\n\n &.is-focused {\n .spectrum-FieldButton {\n border-color: var(--spectrum-textfield-quiet-border-color-key-focus);\n }\n\n &.spectrum-InputGroup--invalid {\n .spectrum-FieldButton {\n border-color: var(--spectrum-textfield-border-color-error);\n }\n }\n }\n\n &:focus-ring {\n .spectrum-InputGroup-input {\n box-shadow: 0 1px 0 var(--spectrum-textfield-quiet-border-color-key-focus);\n }\n\n .spectrum-FieldButton {\n box-shadow: 0 1px 0 var(--spectrum-textfield-quiet-border-color-key-focus);\n border-color: var(--spectrum-textfield-quiet-border-color-key-focus);\n }\n\n &.spectrum-InputGroup--invalid {\n .spectrum-InputGroup-input {\n box-shadow: 0 1px 0 var(--spectrum-textfield-border-color-error);\n }\n\n .spectrum-FieldButton {\n box-shadow: 0 1px 0 var(--spectrum-textfield-border-color-error);\n }\n }\n }\n }\n}\n\n.spectrum-Datepicker--range {\n &:focus-ring {\n .spectrum-InputGroup-input {\n box-shadow: none !important;\n }\n }\n\n &.is-disabled {\n .spectrum-Datepicker--rangeDash {\n color: var(--spectrum-textfield-text-color-disabled);\n }\n }\n\n /* Focus ring: When one of the inputs or the button has keyboard focus, render the focus ring border around the entire input group by styling an adjacent descendant element. */\n &:focus-ring {\n box-shadow: 0 0 0 1px var(--spectrum-dropdown-border-color-key-focus);\n\n &.spectrum-InputGroup--invalid {\n box-shadow: 0 0 0 1px var(--spectrum-dropdown-border-color-error);\n\n .spectrum-FieldButton {\n box-shadow: 0 0 0 1px var(--spectrum-dropdown-border-color-error);\n }\n }\n }\n\n &.spectrum-InputGroup--invalid {\n .spectrum-InputGroup-input {\n border-color: var(--spectrum-dropdown-border-color-error) !important;\n }\n\n /* Focus ring: When one of the inputs or the button has keyboard focus, render the focus ring border around the entire input group by styling an adjacent descendant element. */\n &:focus-ring {\n .spectrum-FieldButton {\n border-color: var(--spectrum-dropdown-border-color-error);\n box-shadow: 0 0 0 1px var(--spectrum-dropdown-border-color-error);\n }\n }\n .spectrum-FieldButton {\n border-color: var(--spectrum-dropdown-border-color-error);\n &.spectrum-FieldButton--invalid {\n &:focus-ring {\n border-color: var(--spectrum-dropdown-border-color-error);\n box-shadow: 0 0 0 1px var(--spectrum-dropdown-border-color-error);\n }\n }\n }\n }\n &.spectrum-InputGroup--quiet {\n &.is-focused {\n box-shadow: 0 1px 0 0 var(--spectrum-dropdown-border-color-key-focus);\n\n &.spectrum-InputGroup--invalid {\n .spectrum-FieldButton {\n box-shadow: none;\n border-color: var(--spectrum-dropdown-border-color-error);\n &.spectrum-FieldButton--invalid {\n &:focus-ring {\n box-shadow: 0 2px 0 0 var(--spectrum-dropdown-border-color-error);\n }\n }\n }\n &:focus-ring {\n box-shadow: 0 0 0 1px var(--spectrum-dropdown-border-color-error);\n }\n }\n }\n }\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import '../commons/index.css';\n\n:root {\n --spectrum-textfield-padding-top: 3px;\n --spectrum-textfield-padding-bottom: 5px;\n\n /* Todo fix in DNA */\n --spectrum-textfield-quiet-border-radius: 0;\n\n --spectrum-textfield-quiet-invalid-background-position: 100% 50%;\n\n --spectrum-textfield-multiline-height: auto;\n --spectrum-textfield-multiline-min-height: var(--spectrum-global-dimension-size-700);\n\n --spectrum-textfield-multiline-padding-x: var(--spectrum-textfield-padding-x);\n --spectrum-textfield-multiline-padding-top: var(--spectrum-textfield-padding-top);\n --spectrum-textfield-multiline-padding-bottom: var(--spectrum-textfield-padding-bottom);\n\n /* Todo: DNA uses incorrect font family \"Adobe Clean\" */;\n --spectrum-textfield-text-font-family-fixed: var(--spectrum-font-family-base);\n}\n\n.spectrum-Textfield {\n display: inline-flex;\n position: relative;\n min-width: var(--spectrum-textfield-min-width);\n width: var(--spectrum-component-single-line-width);\n\n &:not(.spectrum-Textfield--quiet).spectrum-Textfield--multiline .spectrum-Textfield-input:not(:disabled) {\n resize: vertical;\n }\n\n &.spectrum-Textfield--quiet.spectrum-Textfield--multiline .spectrum-Textfield-input {\n height: var(--spectrum-textfield-height);\n min-height: var(--spectrum-textfield-height);\n overflow-x: hidden;\n }\n}\n\n.spectrum-Textfield-input {\n /* box */\n box-sizing: border-box;\n border: var(--spectrum-textfield-border-size) solid;\n border-radius: var(--spectrum-textfield-border-radius);\n\n /* Apply padding by default to center text, giving consistency between input and textfield */\n padding: var(--spectrum-textfield-padding-top) var(--spectrum-textfield-padding-x) var(--spectrum-textfield-padding-bottom) calc(var(--spectrum-textfield-padding-x) - 1px);\n /* Use padding instead of text-indent because text-indent does not left align the text in Edge browser */\n text-indent: 0;\n\n inline-size: 100%;\n height: var(--spectrum-textfield-height);\n\n vertical-align: top; /* used to align them correctly in forms. */\n\n /* Remove the margin for input in Firefox and Safari. */\n margin: 0;\n\n /* Show the overflow for input in Edge. */\n overflow: visible;\n\n /* Change the input font styles in all browsers */\n font-family: var(--spectrum-textfield-text-font-family-fixed);\n font-size: var(--spectrum-textfield-text-size);\n line-height: var(--spectrum-textfield-text-line-height);\n text-overflow: ellipsis;\n\n transition: border-color var(--spectrum-global-animation-duration-100) ease-in-out,\n box-shadow var(--spectrum-global-animation-duration-100) ease-in-out;\n\n outline: none;\n\n -webkit-appearance: none;\n /*\n Removes the native spin buttons in Firefox; -moz-appearance: none results in spinners.\n This has to come after -webkit-appearance or it gets overridden (#214)\n Details: http://stackoverflow.com/questions/23372903/hide-spinner-in-input-number-firefox-29\n\n Sets the opacity to 1 as normalize.css sets an opacity to placeholders\n Details: https://github.com/csstools/normalize.css/blob/master/normalize.css#L297\n */\n -moz-appearance: textfield;\n\n &::placeholder,\n &.is-placeholder {\n font-weight: var(--spectrum-textfield-placeholder-text-font-weight);\n font-style: var(--spectrum-textfield-placeholder-text-font-style);\n font-synthesis: none;\n transition: color var(--spectrum-global-animation-duration-100) ease-in-out;\n opacity: 1;\n }\n\n /* added to work with Edge, note, it needs double ::\n * not single : which is what autoprefixer will add\n */\n &::-ms-input-placeholder {\n font-weight: var(--spectrum-textfield-placeholder-text-font-weight);\n font-style: var(--spectrum-textfield-placeholder-text-font-style);\n transition: color var(--spectrum-global-animation-duration-100) ease-in-out;\n opacity: 1;\n }\n\n /* placeholder gets clipped for synthetic italics, we rely on font-synthesis once\n * chrome supports it https://bugs.chromium.org/p/chromium/issues/detail?id=509989\n */\n &:lang(ja), &:lang(zh), &:lang(ko), &:lang(ar), &:lang(he) {\n &::placeholder,\n &.is-placeholder {\n font-style: normal;\n }\n &::-ms-input-placeholder { /* added to work with Edge, same as above */\n font-style: normal;\n }\n }\n\n &:hover {\n &::placeholder {\n font-weight: var(--spectrum-textfield-placeholder-text-font-weight);\n }\n }\n\n &:disabled {\n /* Disable the resize functionality when disabled */\n resize: none;\n\n /* The opacity must be set to 1 */\n opacity: 1;\n &::placeholder,\n &.is-placeholder {\n font-weight: var(--spectrum-textfield-placeholder-text-font-weight);\n }\n }\n\n /* Remove the native clear button in IE */\n /* http://stackoverflow.com/questions/14007655/remove-ie10s-clear-field-x-button-on-certain-inputs */\n &::-ms-clear {\n width: 0;\n height: 0;\n }\n\n /* removes the native spin buttons */\n /* http://stackoverflow.com/questions/23372903/hide-spinner-in-input-number-firefox-29 */\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n /* removes the red border that appears in Firefox */\n &:-moz-ui-invalid {\n box-shadow: none;\n }\n\n .spectrum-Textfield--multiline & {\n height: var(--spectrum-textfield-multiline-height);\n min-height: var(--spectrum-textfield-multiline-min-height);\n padding: var(--spectrum-textfield-multiline-padding-top) var(--spectrum-textfield-multiline-padding-x) var(--spectrum-textfield-multiline-padding-bottom) calc(var(--spectrum-textfield-multiline-padding-x) - 1px);\n\n /* Remove the default vertical scrollbar for textarea in IE. */\n overflow: auto;\n }\n\n .spectrum-Textfield--quiet & {\n border-radius: var(--spectrum-textfield-quiet-border-radius);\n border-width: 0 0 var(--spectrum-textfield-quiet-border-size) 0;\n\n /* removes the side padding to align the text properly */\n padding-inline-start: var(--spectrum-textfield-quiet-padding-x);\n padding-inline-end: var(--spectrum-textfield-quiet-padding-x);\n\n /* Treat all quiet inputs and textareas the same */\n resize: none;\n overflow-y: hidden;\n }\n\n .spectrum-Textfield--valid & {\n padding-inline-end: calc(var(--spectrum-textfield-padding-x) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left));\n }\n\n .spectrum-Textfield--invalid & {\n padding-inline-end: calc(var(--spectrum-textfield-padding-x) + var(--spectrum-icon-alert-medium-width) + var(--spectrum-textfield-icon-margin-left));\n }\n\n .spectrum-Textfield--loadable & {\n padding-inline-end: calc(var(--spectrum-textfield-padding-x) + var(--spectrum-icon-alert-medium-width) + var(--spectrum-textfield-icon-margin-left));\n }\n}\n\n.spectrum-Textfield-validationIcon {\n /* TODO: Confirm if this is ok for the validation icon sizing\n Note that the sizes are a bit different when compared with old background icons(more noticable for checkmark)\n */\n position: absolute;\n padding-inline-end: calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2);\n pointer-events: all;\n transition: color var(--spectrum-global-animation-duration-100) ease-in-out;\n\n .spectrum-Textfield--quiet & {\n padding-inline-end: 0;\n }\n}\n\n.spectrum-Textfield--invalid .spectrum-Textfield-validationIcon {\n width: var(--spectrum-icon-alert-medium-width);\n height: var(--spectrum-icon-alert-medium-height);\n top: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-height) / 2));\n inset-inline-end: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width) / 2));\n}\n.spectrum-Textfield--valid .spectrum-Textfield-validationIcon {\n width: var(--spectrum-icon-checkmark-medium-width);\n height: var(--spectrum-icon-checkmark-medium-height);\n top: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-checkmark-medium-height) / 2));\n inset-inline-end: var(--spectrum-global-dimension-size-150);\n}\n\n/* styles the left icon for textfield, assumes usage of workflow icon sizing (18px by 18px) */\n.spectrum-Textfield-icon {\n display: block;\n position: absolute;\n height: var(--spectrum-icon-info-medium-height);\n width: var(--spectrum-icon-info-medium-width);\n /* This has a named variable in a future update of spectrum-css. */\n inset-inline-start: var(--spectrum-global-dimension-size-150);\n top: var(--spectrum-global-dimension-size-85);\n transition: fill var(--spectrum-global-animation-duration-100) ease-in-out;\n}\n\n/* styles the textfield properly if the left icon is provided */\n.spectrum-Textfield-inputIcon {\n /* Use padding instead of text-indent so long strings don't overlap the icon */\n /* These values have real names in a spectrum-css update, when we update, use those. */\n padding-inline-start: calc(\n var(--spectrum-global-dimension-size-150) +\n var(--spectrum-global-dimension-size-225) +\n var(--spectrum-global-dimension-size-65)\n );\n\n .spectrum-Textfield--quiet & {\n padding-inline-start: calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-icon-info-medium-width));\n\n /* Since quiet button has no left padding, push the icon all the way to the left */\n & ~ .spectrum-Textfield-icon {\n inset-inline-start: 0;\n }\n }\n\n &.spectrum-Textfield--multiline {\n height: var(--spectrum-textfield-height);\n min-height: var(--spectrum-textfield-height);\n }\n}\n\n\n/* same positioning as invalid icon */\n.spectrum-Textfield--loadable .spectrum-Textfield-circleLoader {\n position: absolute;\n top: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-loader-circle-small-width) / 2));\n /* can't use padding right since it breaks the circle loader so add here */\n inset-inline-end: calc(calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width) / 2)) + calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2));\n\n .spectrum-Textfield--quiet& {\n padding-inline-end: 0;\n }\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n.spectrum-Textfield-input {\n background-color: var(--spectrum-textfield-background-color);\n border-color: var(--spectrum-textfield-border-color);\n color: var(--spectrum-textfield-text-color);\n\n &::placeholder,\n &.is-placeholder {\n color: var(--spectrum-textfield-placeholder-text-color);\n }\n\n &:hover {\n border-color: var(--spectrum-textfield-border-color-hover);\n box-shadow: none;\n\n &::placeholder,\n &.is-placeholder {\n color: var(--spectrum-textfield-placeholder-text-color-hover);\n }\n\n & ~ .spectrum-Textfield-icon {\n fill: var(--spectrum-textfield-icon-color-hover);\n }\n }\n\n &:active {\n background-color: var(--spectrum-textfield-background-color-down);\n border-color: var(--spectrum-textfield-border-color-down);\n color: var(--spectrum-textfield-text-color-down);\n\n &::placeholder,\n &.is-placeholder {\n color: var(--spectrum-textfield-placeholder-text-color-down);\n }\n\n & ~ .spectrum-Textfield-icon {\n fill: var(--spectrum-textfield-icon-color-down);\n }\n }\n\n &:focus,\n &.is-focused {\n border-color: var(--spectrum-textfield-border-color-down);\n }\n\n &:focus-ring {\n &:not(:active) {\n border-color: var(--spectrum-textfield-border-color-key-focus);\n box-shadow: 0 0 0 1px var(--spectrum-textfield-border-color-key-focus);\n }\n }\n\n &[disabled],\n &.is-disabled {\n background-color: var(--spectrum-textfield-background-color-disabled);\n border-color: var(--spectrum-textfield-border-color-disabled);\n color: var(--spectrum-textfield-text-color-disabled);\n\n /* For safari mobile browser */\n -webkit-text-fill-color: var(--spectrum-textfield-text-color-disabled);\n\n &::placeholder,\n &.is-placeholder {\n color: var(--spectrum-textfield-placeholder-text-color-disabled);\n }\n\n & ~ .spectrum-Textfield-icon {\n fill: var(--spectrum-textfield-icon-color-disabled);\n }\n }\n\n &.spectrum-Textfield--invalid {\n border-color: var(--spectrum-textfield-border-color-error);\n\n &:hover {\n border-color: var(--spectrum-textfield-border-color-error-hover);\n }\n\n &:active {\n border-color: var(--spectrum-textfield-border-color-error-down);\n }\n\n &:focus-ring { /* might break things due to pre-defined focus-ring */\n &:not(:active) {\n border-color: var(--spectrum-textfield-border-color-error);\n box-shadow: 0 0 0 1px var(--spectrum-textfield-border-color-error);\n }\n }\n }\n\n .spectrum-Textfield--quiet & {\n background-color: var(--spectrum-textfield-quiet-background-color);\n border-color: var(--spectrum-textfield-quiet-border-color);\n\n &:hover {\n border-color: var(--spectrum-textfield-quiet-border-color-hover);\n }\n\n &:active {\n border-color: var(--spectrum-textfield-quiet-border-color-down);\n }\n\n &:focus,\n &.is-focused {\n border-color: var(--spectrum-textfield-quiet-border-color-key-focus);\n }\n\n &:focus-ring {\n &:not(:active) {\n border-color: var(--spectrum-textfield-border-color-key-focus);\n box-shadow: 0 1px 0 var(--spectrum-textfield-border-color-key-focus);\n }\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-textfield-quiet-background-color-disabled);\n border-color: var(--spectrum-textfield-quiet-border-color-disabled);\n }\n }\n\n .spectrum-Textfield.spectrum-Textfield--invalid & {\n border-color: var(--spectrum-textfield-border-color-error);\n\n &:focus-ring { /* might break things due to pre-defined focus-ring */\n &:not(:active) {\n border-color: var(--spectrum-textfield-border-color-error);\n box-shadow: 0 0 0 1px var(--spectrum-textfield-border-color-error);\n }\n }\n }\n\n .spectrum-Textfield--quiet.spectrum-Textfield--invalid & {\n &:focus-ring { /* might break things due to pre-defined focus-ring */\n &:not(:active) {\n box-shadow: 0 1px 0 var(--spectrum-textfield-border-color-error);\n }\n }\n }\n\n}\n\n.spectrum-Textfield-icon {\n fill: var(--spectrum-textfield-icon-color);\n}\n\n.spectrum-Textfield-validationIcon {\n .spectrum-Textfield--valid & {\n fill: var(--spectrum-alert-success-icon-color);\n }\n\n .spectrum-Textfield--invalid & {\n fill: var(--spectrum-alert-error-icon-color);\n }\n}\n"],"names":[],"version":3,"file":"main.css.map"}
1
+ {"mappings":"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","sources":["./packages/@react-spectrum/autocomplete/src/searchautocomplete.css","./node_modules/@adobe/spectrum-css-temp/components/search/index.css","./node_modules/@adobe/spectrum-css-temp/components/inputgroup/index.css","./node_modules/@adobe/spectrum-css-temp/components/inputgroup/skin.css","./node_modules/@adobe/spectrum-css-temp/components/commons/fonts.css","./node_modules/@adobe/spectrum-css-temp/components/textfield/index.css","./node_modules/@adobe/spectrum-css-temp/components/textfield/skin.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.no-results {\n display: block;\n /*\n Renamed from padding-y to padding-height to fix docs issue where fallback var replaced this value\n (due to old spectrum-css postcss-custom-properties-custom-mapping plugin).\n */\n padding-top: var(--spectrum-selectlist-option-padding-height);\n padding-inline-start: var(--spectrum-selectlist-option-padding);\n font-size: var(--spectrum-selectlist-option-text-size);\n font-weight: var(--spectrum-selectlist-option-text-font-weight);\n font-style: italic;\n}\n\n.mobile-searchautocomplete {\n outline: none;\n}\n\n.mobile-input {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.mobile-value {\n vertical-align: middle;\n}\n\n.tray-dialog {\n display: flex;\n flex-direction: column;\n height: 100%;\n outline: none;\n}\n\n.tray-textfield {\n margin: var(--spectrum-global-dimension-size-150);\n margin-bottom: var(--spectrum-global-dimension-size-50);\n flex-shrink: 0;\n width: initial !important;\n\n &.has-label {\n margin-top: var(--spectrum-global-dimension-size-50);\n }\n\n .tray-textfield-input {\n padding-inline-start: var(--spectrum-textfield-padding-x);\n }\n}\n\n.tray-listbox {\n width: 100%;\n flex: 1;\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import '../commons/index.css';\n\n/* override DNA variables to use ones that change in large scale instead of staying static */\n:root {\n --spectrum-search-padding-left: var(--spectrum-global-dimension-size-450);\n --spectrum-search-padding-right: var(--spectrum-global-dimension-size-350);\n --spectrum-search-quiet-padding-left: var(--spectrum-global-dimension-size-300);\n --spectrum-search-quiet-padding-right: var(--spectrum-global-dimension-size-350);\n}\n\n.spectrum-Search {\n display: inline-block;\n position: relative;\n\n .spectrum-ClearButton {\n position: absolute;\n inset-inline-end: 0;\n top: 0;\n }\n\n &.is-quiet .spectrum-Search-input {\n padding-inline-start: var(--spectrum-search-quiet-padding-left);\n padding-inline-end: var(--spectrum-search-quiet-padding-right);\n }\n\n &.spectrum-Search--invalid .spectrum-ClearButton {\n inset-inline-end: calc(var(--spectrum-icon-alert-medium-width) + var(--spectrum-textfield-padding-x));\n }\n\n &.spectrum-Search--valid .spectrum-ClearButton {\n inset-inline-end: calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x) / 2 + var(--spectrum-global-dimension-size-150));\n }\n\n /* Flip clear button and circle loader position so circle loader is to the left of the clear button */\n &.spectrum-Search--loadable .spectrum-ClearButton {\n inset-inline-end: 0\n }\n\n /* Flip clear button and circle loader position so circle loader is to the left of the clear button */\n &.spectrum-Search--loadable .spectrum-Search-circleLoader {\n inset-inline-end: calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x) / 2 + var(--spectrum-global-dimension-size-150));\n }\n\n /* Move validation icons so that they sit to the left of the clear button (for async loading combobox tray, same position as loading indicator) */\n &.spectrum-Search--loadable .spectrum-Search-validationIcon {\n inset-inline-end: calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x) / 2 + var(--spectrum-global-dimension-size-150));\n padding-inline-end: 0;\n }\n}\n\n.spectrum-Search-input {\n display: block;\n\n /* Correct the odd appearance of input[type=\"search\"] in Chrome and Safari.*/\n /* This gets overridden by .spectrum-Textfield */\n -webkit-appearance: none;\n\n /* Correct the outline for input[type=\"search\"] style in Safari. */\n outline-offset: -2px;\n\n text-indent: 0;\n\n /* Don't let long strings overlap the close icon */\n padding-inline-end: var(--spectrum-search-padding-right);\n\n /* Remove the inner padding and cancel buttons for input[type=\"search\"] in Chrome and Safari on macOS. */\n &::-webkit-search-cancel-button,\n &::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n .spectrum-Textfield.spectrum-Search--invalid & {\n padding-inline-end: calc(var(--spectrum-search-padding-right) + var(--spectrum-textfield-padding-x) + var(--spectrum-icon-alert-medium-width) + var(--spectrum-textfield-icon-margin-left));\n }\n\n .spectrum-Textfield.spectrum-Search--valid & {\n padding-inline-end: calc(var(--spectrum-search-padding-right) + var(--spectrum-textfield-padding-x) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left));\n }\n\n .spectrum-Textfield.spectrum-Search--loadable & {\n padding-inline-end: calc(var(--spectrum-search-padding-right) + var(--spectrum-textfield-padding-x) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left));\n }\n}\n\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import '../commons/index.css';\n\n:root {\n /* Todo: move to DNA */\n --spectrum-combobox-quiet-fieldbutton-border-radius: 0;\n --spectrum-combobox-quiet-fieldbutton-padding-right: 0;\n --spectrum-combobox-quiet-fieldbutton-padding-left: var(--spectrum-global-dimension-size-130);\n --spectrum-combobox-validation-icon-right: var(--spectrum-global-dimension-size-100);\n --spectrum-datepicker-input-width: calc(var(--spectrum-global-dimension-size-1600) - 2 * var(--spectrum-padding));\n --spectrum-datepicker-datetime-input-width: calc(var(--spectrum-datepicker-input-width) + var(--spectrum-global-dimension-size-700) - var(--spectrum-global-dimension-static-font-size-100) / 2);\n --spectrum-datepicker-range-dash-margin-left: calc(-0.5 * var(--spectrum-global-dimension-static-font-size-100));\n --spectrum-datepicker-range-dash-padding-top: 0;\n --spectrum-datepicker-range-dash-line-height: calc(var(--spectrum-textfield-height) - var(--spectrum-global-dimension-size-100));\n\n --spectrum-combobox-button-width: var(--spectrum-global-dimension-size-400);\n}\n\n.spectrum-InputGroup {\n position: relative;\n display: inline-flex;\n flex-direction: row;\n flex-wrap: nowrap;\n min-width: calc(2.5 * var(--spectrum-dropdown-height));\n border-radius: var(--spectrum-border-radius);\n\n .spectrum-FieldButton {\n padding: 0;\n inline-size: var(--spectrum-combobox-button-width);\n border-start-start-radius: var(--spectrum-combobox-fieldbutton-border-top-left-radius);\n border-end-start-radius: var(--spectrum-combobox-fieldbutton-border-bottom-left-radius);\n border-width: 1px;\n flex-shrink: 0;\n }\n\n /* Quiet or invalid inputgroup field button should always have a border width. */\n &.is-disabled:not(.spectrum-InputGroup--invalid):not(.spectrum-InputGroup--quiet) {\n .spectrum-FieldButton {\n border-width: 0;\n }\n }\n\n .spectrum-InputGroup-field {\n .spectrum-InputGroup-input-validationIcon {\n padding-inline-end: 0;\n inset-inline-end: var(--spectrum-combobox-validation-icon-right);\n }\n\n .spectrum-InputGroup-input-circleLoader {\n padding-inline-end: 0;\n inset-inline-end: var(--spectrum-combobox-validation-icon-right);\n }\n }\n}\n\n.spectrum-InputGroup-field {\n flex: 1 1 auto;\n}\n\n.spectrum-InputGroup-input {\n border-start-end-radius: var(--spectrum-combobox-textfield-border-top-right-radius);\n border-end-end-radius: var(--spectrum-combobox-textfield-border-bottom-right-radius);\n border-inline-end-style: none;\n}\n\n.spectrum-InputGroup--quiet {\n border-radius: var(--spectrum-combobox-quiet-fieldbutton-border-radius);\n min-width: calc(2 * var(--spectrum-dropdown-height));\n\n .spectrum-FieldButton {\n inline-size: auto;\n position: relative;\n\n padding-inline-start: var(--spectrum-combobox-quiet-fieldbutton-padding-left);\n padding-inline-end: var(--spectrum-combobox-quiet-fieldbutton-padding-right);\n border-width: 0;\n border-bottom: var(--spectrum-textfield-quiet-affixed-border-size) solid;\n border-radius: var(--spectrum-combobox-quiet-fieldbutton-border-radius);\n\n /* More hitarea */\n &:after {\n content: '';\n position: absolute;\n block-size: 100%;\n inline-size: 10px;\n inset-inline-end: -10px;\n }\n }\n\n .spectrum-InputGroup-icon {\n inset-inline-end: 0;\n }\n\n &.is-disabled {\n .spectrum-FieldButton {\n border-bottom-width: 1px;\n }\n }\n\n .spectrum-InputGroup-field {\n .spectrum-InputGroup-input-validationIcon {\n padding-inline-end: 0;\n inset-inline-end: 0;\n }\n\n .spectrum-InputGroup-input-circleLoader {\n padding-inline-end: 0;\n inset-inline-end: var(--spectrum-global-dimension-size-10);\n }\n }\n}\n\n.spectrum-InputGroup-popover--quiet {\n /* Define this var so it can be read from JS */\n --spectrum-dropdown-quiet-offset: calc(var(--spectrum-dropdown-quiet-popover-offset-x) + var(--spectrum-popover-border-size));\n margin-inline-end: calc(var(--spectrum-dropdown-quiet-offset) * -1);\n}\n\n.spectrum-Datepicker--range {\n border-radius: var(--spectrum-border-radius);\n /* Input Group */\n &.spectrum-InputGroup--quiet {\n border-radius: var(--spectrum-combobox-quiet-fieldbutton-border-radius);\n .spectrum-FieldButton {\n border-radius: var(--spectrum-combobox-quiet-fieldbutton-border-radius);\n }\n }\n /* Datetime Range */\n &.spectrum-Datepicker--datetimeRange {\n /* Inputs */\n .spectrum-InputGroup-field {\n width: var(--spectrum-datepicker-datetime-input-width);\n min-width: var(--spectrum-datepicker-datetime-input-width);\n }\n }\n /* Inputs */\n .spectrum-InputGroup-field {\n width: var(--spectrum-datepicker-input-width);\n min-width: var(--spectrum-datepicker-input-width);\n flex: initial;\n }\n .spectrum-Datepicker-startField {\n .spectrum-InputGroup-field {\n border-inline-end: 0;\n padding-inline-end: var(--spectrum-padding);\n }\n\n svg {\n display: none;\n }\n }\n .spectrum-Datepicker-endField {\n .spectrum-InputGroup-input {\n flex: 1;\n border-inline-start: 0;\n border-radius: 0;\n padding-inline-start: var(--spectrum-padding);\n }\n }\n /* Em dash */\n .spectrum-Datepicker--rangeDash {\n line-height: var(--spectrum-datepicker-range-dash-line-height);\n padding-top: var(--spectrum-datepicker-range-dash-padding-top);\n flex: initial;\n width: 0;\n z-index: 1;\n &:before {\n content: '–';\n display: inline-block;\n margin: 0 var(--spectrum-datepicker-range-dash-margin-left);\n overflow: hidden;\n text-align: center;\n vertical-align: middle;\n width: var(--spectrum-global-dimension-static-font-size-100);\n }\n }\n /* Focus ring */\n &.is-focused {\n .spectrum-Datepicker-focusRing {\n position: absolute;\n border-radius: var(--spectrum-border-radius);\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n pointer-events: none;\n }\n }\n &.spectrum-InputGroup--quiet {\n &.is-focused {\n .spectrum-Datepicker-focusRing {\n border-radius: var(--spectrum-combobox-quiet-fieldbutton-border-radius);\n top: auto;\n }\n }\n .spectrum-Datepicker--rangeDash {\n &:before {\n margin-inline-start: var(--spectrum-datepicker-range-dash-margin-left);\n }\n }\n }\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n.spectrum-InputGroup {\n &.is-focused {\n &:not(.spectrum-InputGroup--invalid):not(.is-disabled) {\n .spectrum-InputGroup-input {\n border-color: var(--spectrum-textfield-border-color-key-focus);\n }\n\n .spectrum-FieldButton {\n border-color: var(--spectrum-textfield-border-color-key-focus);\n }\n }\n }\n\n &:hover {\n &:not(.spectrum-InputGroup--invalid):not(.is-focused):not(.is-disabled) {\n .spectrum-InputGroup-input {\n border-color: var(--spectrum-textfield-border-color-hover);\n }\n\n .spectrum-FieldButton {\n border-color: var(--spectrum-textfield-border-color-hover);\n }\n }\n }\n}\n\n.spectrum-InputGroup.is-focused {\n .spectrum-FieldButton,\n .spectrum-InputGroup-input {\n border-color: var(--spectrum-dropdown-border-color-key-focus);\n }\n\n &.spectrum-InputGroup--invalid {\n .spectrum-FieldButton,\n .spectrum-InputGroup-input {\n border-color: var(--spectrum-dropdown-border-color-error);\n }\n }\n}\n\n/* Only add the 2px ring for keyboard focus */\n.spectrum-InputGroup:focus-ring:not(.spectrum-InputGroup--quiet) {\n .spectrum-FieldButton {\n z-index: 1;\n }\n\n .spectrum-FieldButton,\n .spectrum-InputGroup-input {\n box-shadow: 0 0 0 1px var(--spectrum-dropdown-border-color-key-focus);\n }\n\n &.spectrum-InputGroup--invalid {\n .spectrum-FieldButton,\n .spectrum-InputGroup-input {\n box-shadow: 0 0 0 1px var(--spectrum-dropdown-border-color-error);\n }\n }\n}\n\n.spectrum-InputGroup--quiet {\n /*\n specifically for readonly inputgroups that aren't disabled since the button will have the disabled class\n but we don't want the border color to be the disabled quiet one\n */\n &:not(.is-disabled) {\n .spectrum-FieldButton {\n &:disabled,\n &:disabled:hover {\n border-color: var(--spectrum-textfield-quiet-border-color);\n }\n }\n }\n\n .spectrum-FieldButton {\n &,\n &:hover,\n &:focus,\n &:active,\n &.is-selected,\n &.spectrum-FieldButton--invalid {\n border-color: var(--spectrum-textfield-quiet-border-color);\n }\n\n &:disabled,\n &:disabled:hover {\n border-color: var(--spectrum-textfield-quiet-border-color-disabled);\n }\n }\n\n &:hover:not(.spectrum-InputGroup--invalid):not(.is-focused):not(.is-disabled) {\n .spectrum-FieldButton {\n border-color: var(--spectrum-textfield-quiet-border-color-hover);\n }\n }\n\n &.spectrum-InputGroup {\n &.spectrum-InputGroup--invalid {\n .spectrum-FieldButton,\n .spectrum-InputGroup-input {\n border-color: var(--spectrum-textfield-border-color-error);\n }\n }\n\n &.is-focused {\n .spectrum-FieldButton {\n border-color: var(--spectrum-textfield-quiet-border-color-key-focus);\n }\n\n &.spectrum-InputGroup--invalid {\n .spectrum-FieldButton {\n border-color: var(--spectrum-textfield-border-color-error);\n }\n }\n }\n\n &:focus-ring {\n .spectrum-InputGroup-input {\n box-shadow: 0 1px 0 var(--spectrum-textfield-quiet-border-color-key-focus);\n }\n\n .spectrum-FieldButton {\n box-shadow: 0 1px 0 var(--spectrum-textfield-quiet-border-color-key-focus);\n border-color: var(--spectrum-textfield-quiet-border-color-key-focus);\n }\n\n &.spectrum-InputGroup--invalid {\n .spectrum-InputGroup-input {\n box-shadow: 0 1px 0 var(--spectrum-textfield-border-color-error);\n }\n\n .spectrum-FieldButton {\n box-shadow: 0 1px 0 var(--spectrum-textfield-border-color-error);\n }\n }\n }\n }\n}\n\n.spectrum-Datepicker--range {\n &:focus-ring {\n .spectrum-InputGroup-input {\n box-shadow: none !important;\n }\n }\n\n &.is-disabled {\n .spectrum-Datepicker--rangeDash {\n color: var(--spectrum-textfield-text-color-disabled);\n }\n }\n\n /* Focus ring: When one of the inputs or the button has keyboard focus, render the focus ring border around the entire input group by styling an adjacent descendant element. */\n &:focus-ring {\n box-shadow: 0 0 0 1px var(--spectrum-dropdown-border-color-key-focus);\n\n &.spectrum-InputGroup--invalid {\n box-shadow: 0 0 0 1px var(--spectrum-dropdown-border-color-error);\n\n .spectrum-FieldButton {\n box-shadow: 0 0 0 1px var(--spectrum-dropdown-border-color-error);\n }\n }\n }\n\n &.spectrum-InputGroup--invalid {\n .spectrum-InputGroup-input {\n border-color: var(--spectrum-dropdown-border-color-error) !important;\n }\n\n /* Focus ring: When one of the inputs or the button has keyboard focus, render the focus ring border around the entire input group by styling an adjacent descendant element. */\n &:focus-ring {\n .spectrum-FieldButton {\n border-color: var(--spectrum-dropdown-border-color-error);\n box-shadow: 0 0 0 1px var(--spectrum-dropdown-border-color-error);\n }\n }\n .spectrum-FieldButton {\n border-color: var(--spectrum-dropdown-border-color-error);\n &.spectrum-FieldButton--invalid {\n &:focus-ring {\n border-color: var(--spectrum-dropdown-border-color-error);\n box-shadow: 0 0 0 1px var(--spectrum-dropdown-border-color-error);\n }\n }\n }\n }\n &.spectrum-InputGroup--quiet {\n &.is-focused {\n box-shadow: 0 1px 0 0 var(--spectrum-dropdown-border-color-key-focus);\n\n &.spectrum-InputGroup--invalid {\n .spectrum-FieldButton {\n box-shadow: none;\n border-color: var(--spectrum-dropdown-border-color-error);\n &.spectrum-FieldButton--invalid {\n &:focus-ring {\n box-shadow: 0 2px 0 0 var(--spectrum-dropdown-border-color-error);\n }\n }\n }\n &:focus-ring {\n box-shadow: 0 0 0 1px var(--spectrum-dropdown-border-color-error);\n }\n }\n }\n }\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n:root {\n --spectrum-font-fallbacks-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n\n /* Not used\n --spectrum-font-fallbacks-serif: serif;\n --spectrum-font-fallbacks-mono: monospace;\n --spectrum-font-family-article: adobe-clean-serif, 'Source Serif', var(--spectrum-font-fallbacks-serif);\n --spectrum-font-family-article-ar: adobe-arabic, var(--spectrum-font-fallbacks-serif);\n --spectrum-font-family-article-he: adobe-hebrew, var(--spectrum-font-fallbacks-serif);\n --spectrum-font-family-article-ja: source-han-serif-japanese, var(--spectrum-font-fallbacks-serif);\n --spectrum-font-family-article-ko: source-han-serif-korean, var(--spectrum-font-fallbacks-serif);\n --spectrum-font-family-article-zh-hans: source-han-serif-sc, var(--spectrum-font-fallbacks-serif);\n --spectrum-font-family-article-zh-hant: source-han-serif-tc, 'MingLiu', var(--spectrum-font-fallbacks-serif);\n --spectrum-font-family-code: source-code-pro, 'Source Code Pro', var(--spectrum-font-fallbacks-mono);\n --spectrum-font-family-condensed: adobe-clean-condensed, var(--spectrum-font-family-base);\n */\n\n --spectrum-font-family-base: 'adobe-clean-ux', 'adobe-clean', 'Source Sans Pro', var(--spectrum-font-fallbacks-sans);\n --spectrum-font-family-han: 'adobe-clean-han-japanese', var(--spectrum-font-fallbacks-sans);\n --spectrum-font-family-ar: 'adobe-arabic', 'myriad-arabic', var(--spectrum-font-fallbacks-sans);\n --spectrum-font-family-he: 'adobe-hebrew', var(--spectrum-font-fallbacks-sans);\n --spectrum-font-family-zhhans: 'adobe-clean-han-simplified-c', 'SimSun', 'Heiti SC Light', var(--spectrum-font-fallbacks-sans);\n --spectrum-font-family-zh: var(--spectrum-font-family-zhhans);\n --spectrum-font-family-zhhant: 'adobe-clean-han-traditional', 'Microsoft JhengHei UI', 'Microsoft JhengHei', 'Heiti TC Light', var(--spectrum-font-fallbacks-sans);\n --spectrum-font-family-ko: 'adobe-clean-han-korean', 'Malgun Gothic', 'Apple Gothic', var(--spectrum-font-fallbacks-sans);\n --spectrum-font-family-ja: 'adobe-clean-han-japanese', 'Yu Gothic', '\\30E1 \\30A4 \\30EA \\30AA', '\\30D2 \\30E9 \\30AE \\30CE \\89D2 \\30B4 Pro W3', 'Hiragino Kaku Gothic Pro W3', 'Osaka', '\\FF2D \\FF33 \\FF30 \\30B4 \\30B7 \\30C3 \\30AF', 'MS PGothic', var(--spectrum-font-fallbacks-sans);\n --spectrum-text-size: var(--spectrum-alias-font-size-default);\n --spectrum-text-body-line-height: var(--spectrum-alias-line-height-medium);\n --spectrum-text-size-text-label: var(--spectrum-label-text-size);\n --spectrum-line-height-text-label: var(--spectrum-label-text-line-height);\n}\n\n%i18nFontFamily {\n font-family: var(--spectrum-font-family-base);\n\n &:lang(ar) {\n font-family: var(--spectrum-font-family-ar);\n }\n\n &:lang(he) {\n font-family: var(--spectrum-font-family-he);\n }\n\n &:lang(zh-Hans) {\n font-family: var(--spectrum-font-family-zhhans);\n }\n\n &:lang(zh) {\n font-family: var(--spectrum-font-family-zh);\n }\n\n &:lang(ko) {\n font-family: var(--spectrum-font-family-ko);\n }\n\n &:lang(ja) {\n font-family: var(--spectrum-font-family-ja);\n }\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import '../commons/index.css';\n\n:root {\n --spectrum-textfield-padding-top: 3px;\n --spectrum-textfield-padding-bottom: 5px;\n\n /* Todo fix in DNA */\n --spectrum-textfield-quiet-border-radius: 0;\n\n --spectrum-textfield-quiet-invalid-background-position: 100% 50%;\n\n --spectrum-textfield-multiline-height: auto;\n --spectrum-textfield-multiline-min-height: var(--spectrum-global-dimension-size-700);\n\n --spectrum-textfield-multiline-padding-x: var(--spectrum-textfield-padding-x);\n --spectrum-textfield-multiline-padding-top: var(--spectrum-textfield-padding-top);\n --spectrum-textfield-multiline-padding-bottom: var(--spectrum-textfield-padding-bottom);\n}\n\n.spectrum-Textfield {\n display: inline-flex;\n position: relative;\n min-width: var(--spectrum-textfield-min-width);\n width: var(--spectrum-component-single-line-width);\n\n &:not(.spectrum-Textfield--quiet).spectrum-Textfield--multiline .spectrum-Textfield-input:not(:disabled) {\n resize: vertical;\n }\n\n &.spectrum-Textfield--quiet.spectrum-Textfield--multiline .spectrum-Textfield-input {\n height: var(--spectrum-textfield-height);\n min-height: var(--spectrum-textfield-height);\n overflow-x: hidden;\n }\n}\n\n.spectrum-Textfield-input {\n /* box */\n box-sizing: border-box;\n border: var(--spectrum-textfield-border-size) solid;\n border-radius: var(--spectrum-textfield-border-radius);\n\n /* Apply padding by default to center text, giving consistency between input and textfield */\n padding: var(--spectrum-textfield-padding-top) var(--spectrum-textfield-padding-x) var(--spectrum-textfield-padding-bottom) calc(var(--spectrum-textfield-padding-x) - 1px);\n /* Use padding instead of text-indent because text-indent does not left align the text in Edge browser */\n text-indent: 0;\n\n inline-size: 100%;\n height: var(--spectrum-textfield-height);\n\n vertical-align: top; /* used to align them correctly in forms. */\n\n /* Remove the margin for input in Firefox and Safari. */\n margin: 0;\n\n /* Show the overflow for input in Edge. */\n overflow: visible;\n\n /* Change the input font styles in all browsers */\n @extend %i18nFontFamily;\n font-size: var(--spectrum-textfield-text-size);\n line-height: var(--spectrum-textfield-text-line-height);\n text-overflow: ellipsis;\n\n transition: border-color var(--spectrum-global-animation-duration-100) ease-in-out,\n box-shadow var(--spectrum-global-animation-duration-100) ease-in-out;\n\n outline: none;\n\n -webkit-appearance: none;\n /*\n Removes the native spin buttons in Firefox; -moz-appearance: none results in spinners.\n This has to come after -webkit-appearance or it gets overridden (#214)\n Details: http://stackoverflow.com/questions/23372903/hide-spinner-in-input-number-firefox-29\n\n Sets the opacity to 1 as normalize.css sets an opacity to placeholders\n Details: https://github.com/csstools/normalize.css/blob/master/normalize.css#L297\n */\n -moz-appearance: textfield;\n\n &::placeholder,\n &.is-placeholder {\n font-weight: var(--spectrum-textfield-placeholder-text-font-weight);\n font-style: var(--spectrum-textfield-placeholder-text-font-style);\n font-synthesis: none;\n transition: color var(--spectrum-global-animation-duration-100) ease-in-out;\n opacity: 1;\n }\n\n /* added to work with Edge, note, it needs double ::\n * not single : which is what autoprefixer will add\n */\n &::-ms-input-placeholder {\n font-weight: var(--spectrum-textfield-placeholder-text-font-weight);\n font-style: var(--spectrum-textfield-placeholder-text-font-style);\n transition: color var(--spectrum-global-animation-duration-100) ease-in-out;\n opacity: 1;\n }\n\n /* placeholder gets clipped for synthetic italics, we rely on font-synthesis once\n * chrome supports it https://bugs.chromium.org/p/chromium/issues/detail?id=509989\n */\n &:lang(ja), &:lang(zh), &:lang(ko), &:lang(ar), &:lang(he) {\n &::placeholder,\n &.is-placeholder {\n font-style: normal;\n }\n &::-ms-input-placeholder { /* added to work with Edge, same as above */\n font-style: normal;\n }\n }\n\n &:hover {\n &::placeholder {\n font-weight: var(--spectrum-textfield-placeholder-text-font-weight);\n }\n }\n\n &:disabled {\n /* Disable the resize functionality when disabled */\n resize: none;\n\n /* The opacity must be set to 1 */\n opacity: 1;\n &::placeholder,\n &.is-placeholder {\n font-weight: var(--spectrum-textfield-placeholder-text-font-weight);\n }\n }\n\n /* Remove the native clear button in IE */\n /* http://stackoverflow.com/questions/14007655/remove-ie10s-clear-field-x-button-on-certain-inputs */\n &::-ms-clear {\n width: 0;\n height: 0;\n }\n\n /* removes the native spin buttons */\n /* http://stackoverflow.com/questions/23372903/hide-spinner-in-input-number-firefox-29 */\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n /* removes the red border that appears in Firefox */\n &:-moz-ui-invalid {\n box-shadow: none;\n }\n\n .spectrum-Textfield--multiline & {\n height: var(--spectrum-textfield-multiline-height);\n min-height: var(--spectrum-textfield-multiline-min-height);\n padding: var(--spectrum-textfield-multiline-padding-top) var(--spectrum-textfield-multiline-padding-x) var(--spectrum-textfield-multiline-padding-bottom) calc(var(--spectrum-textfield-multiline-padding-x) - 1px);\n\n /* Remove the default vertical scrollbar for textarea in IE. */\n overflow: auto;\n }\n\n .spectrum-Textfield--quiet & {\n border-radius: var(--spectrum-textfield-quiet-border-radius);\n border-width: 0 0 var(--spectrum-textfield-quiet-border-size) 0;\n\n /* removes the side padding to align the text properly */\n padding-inline-start: var(--spectrum-textfield-quiet-padding-x);\n padding-inline-end: var(--spectrum-textfield-quiet-padding-x);\n\n /* Treat all quiet inputs and textareas the same */\n resize: none;\n overflow-y: hidden;\n }\n\n .spectrum-Textfield--valid & {\n padding-inline-end: calc(var(--spectrum-textfield-padding-x) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left));\n }\n\n .spectrum-Textfield--invalid & {\n padding-inline-end: calc(var(--spectrum-textfield-padding-x) + var(--spectrum-icon-alert-medium-width) + var(--spectrum-textfield-icon-margin-left));\n }\n\n .spectrum-Textfield--loadable & {\n padding-inline-end: calc(var(--spectrum-textfield-padding-x) + var(--spectrum-icon-alert-medium-width) + var(--spectrum-textfield-icon-margin-left));\n }\n}\n\n.spectrum-Textfield-validationIcon {\n /* TODO: Confirm if this is ok for the validation icon sizing\n Note that the sizes are a bit different when compared with old background icons(more noticable for checkmark)\n */\n position: absolute;\n padding-inline-end: calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2);\n pointer-events: all;\n transition: color var(--spectrum-global-animation-duration-100) ease-in-out;\n\n .spectrum-Textfield--quiet & {\n padding-inline-end: 0;\n }\n}\n\n.spectrum-Textfield--invalid .spectrum-Textfield-validationIcon {\n width: var(--spectrum-icon-alert-medium-width);\n height: var(--spectrum-icon-alert-medium-height);\n top: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-height) / 2));\n inset-inline-end: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width) / 2));\n}\n.spectrum-Textfield--valid .spectrum-Textfield-validationIcon {\n width: var(--spectrum-icon-checkmark-medium-width);\n height: var(--spectrum-icon-checkmark-medium-height);\n top: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-checkmark-medium-height) / 2));\n inset-inline-end: var(--spectrum-global-dimension-size-150);\n}\n\n/* styles the left icon for textfield, assumes usage of workflow icon sizing (18px by 18px) */\n.spectrum-Textfield-icon {\n display: block;\n position: absolute;\n height: var(--spectrum-icon-info-medium-height);\n width: var(--spectrum-icon-info-medium-width);\n /* This has a named variable in a future update of spectrum-css. */\n inset-inline-start: var(--spectrum-global-dimension-size-150);\n top: var(--spectrum-global-dimension-size-85);\n transition: fill var(--spectrum-global-animation-duration-100) ease-in-out;\n}\n\n/* styles the textfield properly if the left icon is provided */\n.spectrum-Textfield-inputIcon {\n /* Use padding instead of text-indent so long strings don't overlap the icon */\n /* These values have real names in a spectrum-css update, when we update, use those. */\n padding-inline-start: calc(\n var(--spectrum-global-dimension-size-150) +\n var(--spectrum-global-dimension-size-225) +\n var(--spectrum-global-dimension-size-65)\n );\n\n .spectrum-Textfield--quiet & {\n padding-inline-start: calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-icon-info-medium-width));\n\n /* Since quiet button has no left padding, push the icon all the way to the left */\n & ~ .spectrum-Textfield-icon {\n inset-inline-start: 0;\n }\n }\n\n &.spectrum-Textfield--multiline {\n height: var(--spectrum-textfield-height);\n min-height: var(--spectrum-textfield-height);\n }\n}\n\n\n/* same positioning as invalid icon */\n.spectrum-Textfield--loadable .spectrum-Textfield-circleLoader {\n position: absolute;\n top: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-loader-circle-small-width) / 2));\n /* can't use padding right since it breaks the circle loader so add here */\n inset-inline-end: calc(calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width) / 2)) + calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2));\n\n .spectrum-Textfield--quiet& {\n padding-inline-end: 0;\n }\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n.spectrum-Textfield-input {\n background-color: var(--spectrum-textfield-background-color);\n border-color: var(--spectrum-textfield-border-color);\n color: var(--spectrum-textfield-text-color);\n\n &::placeholder,\n &.is-placeholder {\n color: var(--spectrum-textfield-placeholder-text-color);\n }\n\n &:hover {\n border-color: var(--spectrum-textfield-border-color-hover);\n box-shadow: none;\n\n &::placeholder,\n &.is-placeholder {\n color: var(--spectrum-textfield-placeholder-text-color-hover);\n }\n\n & ~ .spectrum-Textfield-icon {\n fill: var(--spectrum-textfield-icon-color-hover);\n }\n }\n\n &:active {\n background-color: var(--spectrum-textfield-background-color-down);\n border-color: var(--spectrum-textfield-border-color-down);\n color: var(--spectrum-textfield-text-color-down);\n\n &::placeholder,\n &.is-placeholder {\n color: var(--spectrum-textfield-placeholder-text-color-down);\n }\n\n & ~ .spectrum-Textfield-icon {\n fill: var(--spectrum-textfield-icon-color-down);\n }\n }\n\n &:focus,\n &.is-focused {\n border-color: var(--spectrum-textfield-border-color-down);\n }\n\n &:focus-ring {\n &:not(:active) {\n border-color: var(--spectrum-textfield-border-color-key-focus);\n box-shadow: 0 0 0 1px var(--spectrum-textfield-border-color-key-focus);\n }\n }\n\n &[disabled],\n &.is-disabled {\n background-color: var(--spectrum-textfield-background-color-disabled);\n border-color: var(--spectrum-textfield-border-color-disabled);\n color: var(--spectrum-textfield-text-color-disabled);\n\n /* For safari mobile browser */\n -webkit-text-fill-color: var(--spectrum-textfield-text-color-disabled);\n\n &::placeholder,\n &.is-placeholder {\n color: var(--spectrum-textfield-placeholder-text-color-disabled);\n }\n\n & ~ .spectrum-Textfield-icon {\n fill: var(--spectrum-textfield-icon-color-disabled);\n }\n }\n\n &.spectrum-Textfield--invalid {\n border-color: var(--spectrum-textfield-border-color-error);\n\n &:hover {\n border-color: var(--spectrum-textfield-border-color-error-hover);\n }\n\n &:active {\n border-color: var(--spectrum-textfield-border-color-error-down);\n }\n\n &:focus-ring { /* might break things due to pre-defined focus-ring */\n &:not(:active) {\n border-color: var(--spectrum-textfield-border-color-error);\n box-shadow: 0 0 0 1px var(--spectrum-textfield-border-color-error);\n }\n }\n }\n\n .spectrum-Textfield--quiet & {\n background-color: var(--spectrum-textfield-quiet-background-color);\n border-color: var(--spectrum-textfield-quiet-border-color);\n\n &:hover {\n border-color: var(--spectrum-textfield-quiet-border-color-hover);\n }\n\n &:active {\n border-color: var(--spectrum-textfield-quiet-border-color-down);\n }\n\n &:focus,\n &.is-focused {\n border-color: var(--spectrum-textfield-quiet-border-color-key-focus);\n }\n\n &:focus-ring {\n &:not(:active) {\n border-color: var(--spectrum-textfield-border-color-key-focus);\n box-shadow: 0 1px 0 var(--spectrum-textfield-border-color-key-focus);\n }\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-textfield-quiet-background-color-disabled);\n border-color: var(--spectrum-textfield-quiet-border-color-disabled);\n }\n }\n\n .spectrum-Textfield.spectrum-Textfield--invalid & {\n border-color: var(--spectrum-textfield-border-color-error);\n\n &:focus-ring { /* might break things due to pre-defined focus-ring */\n &:not(:active) {\n border-color: var(--spectrum-textfield-border-color-error);\n box-shadow: 0 0 0 1px var(--spectrum-textfield-border-color-error);\n }\n }\n }\n\n .spectrum-Textfield--quiet.spectrum-Textfield--invalid & {\n &:focus-ring { /* might break things due to pre-defined focus-ring */\n &:not(:active) {\n box-shadow: 0 1px 0 var(--spectrum-textfield-border-color-error);\n }\n }\n }\n\n}\n\n.spectrum-Textfield-icon {\n fill: var(--spectrum-textfield-icon-color);\n}\n\n.spectrum-Textfield-validationIcon {\n .spectrum-Textfield--valid & {\n fill: var(--spectrum-alert-success-icon-color);\n }\n\n .spectrum-Textfield--invalid & {\n fill: var(--spectrum-alert-error-icon-color);\n }\n}\n"],"names":[],"version":3,"file":"main.css.map"}
package/dist/main.js CHANGED
@@ -279,10 +279,10 @@ $da042374adac990dbdf960d689b813$exports = {
279
279
  // ASSET: /home/circleci/react-spectrum/node_modules/@adobe/spectrum-css-temp/components/textfield/vars.css
280
280
  var $d6ccebc39ce6c9807064e14b8824ec$exports = {};
281
281
  $d6ccebc39ce6c9807064e14b8824ec$exports = {
282
+ "spectrum-Textfield-input": "_spectrum-Textfield-input_10f9f",
282
283
  "spectrum-Textfield": "_spectrum-Textfield_10f9f",
283
284
  "spectrum-Textfield--quiet": "_spectrum-Textfield--quiet_10f9f",
284
285
  "spectrum-Textfield--multiline": "_spectrum-Textfield--multiline_10f9f",
285
- "spectrum-Textfield-input": "_spectrum-Textfield-input_10f9f",
286
286
  "is-placeholder": "_is-placeholder_10f9f",
287
287
  "is-hovered": "_is-hovered_10f9f",
288
288
  "spectrum-Textfield--valid": "_spectrum-Textfield--valid_10f9f",